/* Joomla theme stuff */

/* @group Main */

html {
  height: 100%;
  margin-bottom: 1px;
  background: #fff;
}

body {
	margin: 0;
	padding: 0;
}

p {
  margin-top: 10px;
  margin-bottom: 15px;
}

h1, h2, h3, h4, h4 {
	padding-bottom: 5px;
	margin: 15px 0;
	line-height: 100%;
}

fieldset {
	border: 0;
	padding: 5px 0;
}

/* @group Fonts */

/* @group Sizes */


body {
	font-size: 13px;
}

h1 {
	font-size: 160%;
	color: #0761D4;
	background: url(images/h1.png) 0 100% repeat-x;
}

h2 {
	font-size: 150%;
	color: #0761D4;
}

h3 {
   font-size: 120%;
}

h4 {
	font-size:  110%;
}

.small,
.modifydate,
.createdate,
div.mosimage_caption {
	font-size: 100%;
}

#nav a {
	font-size: 100%;
}

div.moduletable h3,
div.moduletable-hilite1 h3,
div.moduletable-hilite2 h3,
.componentheading {
	font-size: 150%;
}

.contentheading {
	font-size: 150%;
}



.componentheading {
 margin-bottom: 15px;
}

td.componentheading {
	padding-bottom: 15px;
}

#footer {
	font-size: 12px;
}

/* @end */

/* @group Family & Color */

body {
		line-height: 125%;
		font-family: Arial, Helvetica, sans-serif;
		color: #666;
}

h3,
.contentheading,
.componentheading,
#nav,
.sectiontableheader,
span.pathway,
.small,
.createdate,
.modifydate,
#inset {
	font-family: Arial, Helvetica, sans-serif;
}

#nav a {
	font-weight: bold;
}

.contentheading,
.componentheading {
	font-weight: bold;
}

div.moduletable h3,
.contentheading {
	color: #0061d5;
}

div.moduletable-hilite1 h3 {
	color: #8dc717;
}

div.moduletable-hilite2 h3 {
	color: #fff;
}

a:link,
a:visited {
	/* color: see style css */
	text-decoration: none;
	color: #0061d5;
}

a.nohover:hover {
	border-bottom: 0;
}

a:hover,
a.mainlevel:hover {

	border-bottom: 1px dashed #8dc717;
}

/* @end */

/* @end */

/* @end */

/* @group Custom */

.noshow {
	visibility: hidden;
}

#page_bg {
	height: 100%;
	padding: 0;
	margin-bottom: 1px;
	background: url(images/bg.png) 0 0 repeat-x;
}

div.wrapper {
	width: 940px;
	margin: 0 auto;
	position: relative;
}

#shad-1 {
	background: transparent url(images/shadow-r.png) 100% 0 repeat-y;
}

#shad-2{
	background: transparent url(images/shadow-l.png) 0 0 repeat-y;
}

#shad-3 {
	background: transparent url(images/shadow-r-top.png) 100% 0 no-repeat;
}

#shad-4 {
	background: transparent url(images/shadow-l-top.png) 0 0 no-repeat;
	padding: 0 5px;
}


div#header {
	height: 118px;
	overflow: hidden;
	position: relative;
	background: url(images/green-bar.png) 0 100% repeat-x;
}

#logo-bg {
	position: absolute;
	left:  8px;
	top: 21px;
	background: url(images/main_logo.gif) 0 0 no-repeat;
	width: 262px;
	height: 84px;
	z-index: 0;
}

#logo {
	position: absolute;
	top: 23px;
	left: 20px;
	display: block;
	width: 245px;
	height: 53px;
}


#nav {
	position: absolute;
	width: 100%;
	margin-top: 88px;
	margin-right: 5px;
	height: 30px;
	overflow: hidden;
}

#menu-divider {
	height: 11px;
	overflow: hidden;
	background: #0061d5;
}

#showcase {
	height: 157px;
	position:relative;
	background: url(images/green-blob-forge-bg.jpg) 0 0 no-repeat;
}

#showcase div.moduletable {
	height: 157px;
	margin: 0;
	position: relative;
}

#toptabs {
	position: absolute;
	width: 100%;
	bottom: 0;
}


#mainbody {
	background: #ecefde;
}


#footer {
	text-align: center;
	background: #333;
	border-top: 1px solid #666;
	height: 58px;
	color: #999;
	margin: 0 1px
}

#footer div {
	padding-top: 10px;
}

#footer a:link,
#footer a:visited {
	color: #ddd;
}

#footer a:hover {
	border: 0;
	color: #fff;
}

#footer-shadow {
	width: 940px;
	height: 73px;
	background: #fff url(images/footer-shadow.png) 50% 0 no-repeat;
}


table.mainbody,
table.headlines {
	width: 100%;
	padding: 0;
}

table.mainbody tr {
	vertical-align: top;
}

table.mainbody td.mainbody {
	padding: 0;
	border-left: 1px solid #fff;

	border-bottom: 1px solid #fff;
}

table.mainbody td.column1 {
	padding: 0;
	border-left: 1px solid #dee1d0;
	border-right: 1px solid #fafdeb;
	border-bottom: 1px solid #fff;
}

table.mainbody td.column2 {
	padding: 0;
	border-left: 1px solid #E0E4D4;
	border-right: 1px solid #fafdeb;
	border-bottom: 1px solid #fff;
	background: #f4f7e6;
}

table.mainbody td.column3 {
	padding: 0;
	border-left: 1px solid #eef1de;
	border-bottom: 1px solid #fff;
	background: #fff;
}

table.mainbody .padding {
	padding: 0px 15px 20px 15px;
}

table.mainbody td.column1,
table.mainbody td.column2,
table.mainbody td.column3 {
	width: 180px;
}

table.mainbody td.column1 .padding,
table.mainbody td.column2 .padding,
table.mainbody td.column3 .padding {
	padding: 20px 10px;
}

/* @group menus */

/* @group tab menu */

ul.mainnav {
	margin: 0;
	padding: 0;
	padding-right: 10px;
	float: right;
}

ul.mainnav a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #666;
	cursor: pointer;
}

ul.mainnav a:hover {
	color: #0061d5;
}

ul.mainnav li.active_menu a:link,
ul.mainnav li.active_menu a:visited {
	color: #fff;
}

ul.mainnav li {
	list-style: none;
	float: left;
}

ul.mainnav li {
	background: url(images/tab-r-off.png) 100% 0 no-repeat;
	padding: 0;
}

ul.mainnav li a {
	display: block;
	padding: 0 25px 0 15px;
	line-height: 30px;
	height: 30px;
}

ul.mainnav li#first a {
	padding-left: 20px;
}

ul.mainnav li#last a {
	padding-right: 20px;
}

ul.mainnav li#first a {
	background: url(images/tab-l-end-off.png) 0 0 no-repeat;
}

ul.mainnav li#last {
	background: url(images/tab-r-end-off.png) 100% 0 no-repeat;
}

ul.mainnav li.active_menu {
	background: url(images/tab-r-on.png) 100% 0 no-repeat;
}

ul.mainnav li#first.active_menu a {
	background: url(images/tab-l-end-on.png) 0 0 no-repeat;
}

ul.mainnav li#last.active_menu {
	background: url(images/tab-r-end-on.png) 100% 0 no-repeat;
}

ul.mainnav li.before_active_menu {
	background: url(images/tab-l-on.png) 100% 0 no-repeat;
}

/* @end */

/* @group subtabs */

.mainbody hr {
	height:3px;
	overflow: hidden;
	background: #d2d4c5;
	border: 0;
}

div.breadcrumbs {
	padding: 10px 15px 0 15px;
}

div.second-tabs {
	height: 47px;
	margin: 15px 0 15px 0;
	background: url(images/tab2-bg.png) 0 100% repeat-x;
}

ul.bottomtab {
	margin: 0;
	padding: 0;
	padding-left: 10px;
	float: left;
}

ul.bottomtab a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #666;
	cursor: pointer;
}

ul.bottomtab a:hover {
	color: #0061d5;
}

ul.bottomtab li.active_menu a:link,
ul.bottomtab li.active_menu a:visited {
	color: #fff;
}

ul.bottomtab li {
	list-style: none;
	float: left;
}

ul.bottomtab li {
	background: url(images/tab2-r-off.png) 100% 0 no-repeat;
	padding: 0;
}

ul.bottomtab li a {
	display: block;
	padding: 0 20px 0 10px;
	line-height: 32px;
	height: 32px;
	border: 0;
	font-weight: bold;
}

ul.bottomtab li#first a {
	padding-left: 20px;
}

ul.bottomtab li#last a {
	padding-right: 20px;
}

ul.bottomtab li#first a {
	background: url(images/tab2-l-end-off.png) 0 0 no-repeat;
}

ul.bottomtab li#last {
	background: url(images/tab2-r-end-off.png) 100% 0 no-repeat;
}

ul.bottomtab li.active_menu {
	background: url(images/tab2-r-on.png) 100% 0 no-repeat;
}

ul.bottomtab li#first.active_menu a {
	background: url(images/tab2-l-end-on.png) 0 0 no-repeat;
}

ul.bottomtab li#last.active_menu {
	background: url(images/tab2-r-end-on.png) 100% 0 no-repeat;
}

ul.bottomtab li.before_active_menu {
	background: url(images/tab2-l-on.png) 100% 0 no-repeat;
}


/* @end */



/* @end */

/* @end */

/* @group content */


/* @group lists */

ul {
	list-style: none;
}

ul li {
	padding: 0;
	padding-left: 25px;
	background: url(images/star-green.png) 0 0 no-repeat;
}

ul.arrow li {
	padding: 0;
	padding-left: 25px;
	background: url(images/bullet-1.png) 0 0 no-repeat;
}

/* @end */

/* @group trove styles */

ul.trove_filter {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 30px;
}

ul.trove_filter ul {
	margin: 0;
	padding: 0;
}

ul.trove_filter li {
	padding: 0;
	margin: 3px 0;
	padding-left: 25px;
	background: url(images/folder.gif) no-repeat;
}

ul.trove_filter li.trove_open {
	background: url(images/folderopen.gif) no-repeat;
}

/* @end */

/* @group alert styles */

span.notice {
	display: block;
	background: #ffd;
	padding: 10px;
	margin-bottom: 10px;
	color: #333;
	border: 1px solid #ddb;
}

span.tip {
	/* background: see style css */
	padding-left: 20px;
}

/* @end */

/* @group quote */

span.quote {
	display: block;
	font-style: italic;
}

div.author {
	text-align: right;
	font-weight: bold;
}

/* @end */



/* @group code */

pre {
	/* background: see style css */
	padding: 10px;
	font-size: 95%;
}

/* @end */

/* @group login form */




/* @end */



/* @end */

/* @end */

/* @group Joomla Core */



.clr {
	clear: both;
}



/* @end */




/* @end */

/* My Comment */


/******* GFORGE STUFF ***********/
tr.listviewheader td
{
	background: #87887e url(images/listviewheader.png) 0 0 repeat-x;
	border-left: 1px solid #b6b6b0;
	border-right: 1px solid #87887e;
	font-weight: bold;
	color: #fff;
	padding: 0;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.contenta td, .contentb td {
	padding: 10px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #d6d6c7;
}

.contenta td
{

}
.contentb 
{
	background: #f4f7e6;
}

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

.tabbertab {
	clear: both;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
	list-style: none;
	height: 29px;
	background: url(images/tabbernav-bg.png) repeat-x;
	margin: 0;
	padding: 0;
}

ul.tabbernav li {
	float: left;
	padding: 0;
	margin: 0;
	background: url(images/tabbernav-div.png) 100% 0 no-repeat;
}

ul.tabbernav a {
	display: block;
	float: left;
	height: 29px;
	line-height: 29px;
	padding: 0 15px;
	color: #fff;
	border: 0;
	font-weight: bold;
}

ul.tabbernav a:hover {
	color: #ddd;
}

ul.tabbernav li.tabberactive a {
	color: #fff;
	text-decoration: underline;
}

/*************
   Buttons
**************/

.button {
	background: #0061d5;
	border: 2px outset #0061d5;
	font-family: Helvetica, Arial, sans-serif;
	color: #fff;
	font-weight: bold;
	height: 23px;
	line-height: 23px;
}

span.button {
	display: block;
	float: left;
}

.button a, .button a:hover {
	color: #fff;
	border: 0;
	padding: 5px 10px;
	line-height: 23px;
}

/* depress effect on click */
.button a:active, .button a:focus {

}

.buttonholder {
	padding: 2px;
	margin: 1px;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}



/**** custom content stuff ******/

span.feedback {
	display: block;
	margin: 10px 15px;
	background: #cadbdd;
	border-top: 3px solid #76a9da;
	border-bottom: 3px solid #76a9da;
	padding: 10px;
	color: #0061d5;
	font-weight: bold;
}

div.infotable ul {
	padding: 0;
}

td.side-column {
	width: 190px;
}

ul.navigation_list {
	padding: 0;
}

table.tabletop {
	padding: 0;
	width: 100%;
}

table.tabletop {
	font-size: 95%;
}

div.infotable {
	padding-left: 30px;
}

table.infotable {
	width: 100%;
}

td.infotable_title {
	font-weight: bold;
	padding: 5px 0;
	color: #333;
		background: url(images/h1.png) 0 100% repeat-x;
}

td.infotable_row {
	padding-bottom: 15px;

}

td.mainbody div.tabletop,
div.tabberlive {
	border: 3px solid #D2D5C6;
	padding: 1px;
}

#mainbody li {
	margin-bottom: 10px;
}

div.quickjump {
	float: right;
	padding: 10px;
}

.subtle {
	color: #ddd;
}

.loginstuff {
	color: #fff;
	font-weight: bold;
	float:right;
	padding: 10px;
	white-space: nowrap;
}

.loginstuff a:link,
.loginstuff a:visited {
	color: #fff;
}

.infostuff {
	clear: right;
	padding: 10px;
	color: #fff;
	margin-left: 400px;
}

#toptabs ul {
	list-style: none;
	padding: 0 0 0 10px;
	margin: 0;
}

#toptabs li {
	float: left;
	background: none;
	padding: 0 5px;
	margin-bottom: 3px;
}

#toptabs li.active a {
	background: #0061d5;	
}

#toptabs a:hover {
	background: #53831b;
	border: 0;
}

#toptabs a {
	display: block;
	float: left;
	color: #fff;
	font-weight: bold;
	padding: 0 15px;
	line-height: 24px;
	height: 24px;
}

div.download-joomla {
	border: 3px solid #00316c;
	background: #0052b8;
	padding: 5px;
}

div.download-joomla a {
	border: 0;
}

div.download-joomla img {
	border: 0;
	margin: 0 15px;
}

td.tracker_col,
td.frs_col {
	background: #fafcf0;
	font-weight: bold;
	border-right: 1px solid #d6d5c6;
}

div#tooltip {
	background: #ffd;
	border: 3px solid #c4c4a9;
	padding: 10px;
	color: #333;
}

/* Quote */

.title_quote {
	color: #636363;
	background-color: #f2f2f2;
	border: 1px dotted #bebebe; 
	border-bottom: 0;
	font-weight: bold;
	padding: 5px;
}
.quote {
	color: #757575;
	background-color: #f2f2f2;
	border: 1px dotted #bebebe;
	text-align: justify;
	padding: 5px;
}