/* Trouble Shooting Layout Styles Only 

.div {border:#CC3 thin solid;}

*/

/* group Core Elements */



body {

	color: #8495A6;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:90%;

	line-height:1.1em;

	font-weight:570;

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0;

	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

}

.oneColElsCtr #container {

	width: 65em;

	background: #FFFFFF;

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	text-align: left; /* this overrides the text-align: center on the body element. */

	}

.oneColElsCtr #mainContent {

	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

	margin: 0;

	}



html {

	height: 100%;

	vertical-align:top;

}



a {

color: #8495A6;

	text-decoration: none;

	font-weight:500;

}



a:hover {

	text-decoration:none;

	color:#97B8BD;

}

a:hover {

	text-decoration: underline;

	color:#97B8BD;

}



p {

  /* setup some more readable paragraph spacing */

  margin-top: 10px;

  margin-bottom: 15px;

}



h1, h2, h3, h4, h4 {

	/* setup some more readable header spacing */

	

}



h1 { 

font-size: 101%;

	line-height: 0.90em;

}



h2 {

	font-size: 101%;

	line-height: 0.88em;

}



h3 {

	font-size: 101%;

	line-height: 0.83em;

}



h4 {

	font-size: 100%;

}











/* @end */



/* @group Joomla Elements */



.small,

.modifydate,

.createdate,



.componentheading {

	font-size: 150%;

}



.contentheading {

	font-size: 170%;



}



.componentheading {

	padding: 10px 5px;

	margin-bottom: 15px;

	font-variant: small-caps;

}



#mainframe,

.sections {

	border-collapse: collapse;

	padding: 0;

	margin-top: 20px;

	width: 100%;

}





#user1 {

	margin-bottom: 20px;

	height:  1%;

}



#page {

	padding: 20px 10px;

}



#inset,

#inset-mod {

	position: absolute;

	right: 46px;

	width: 481px;

	height: 51px;

	top:  40px;

}



/* @end */



/* @group Table Control */



#mainframe td,

.sections td {

	padding: 0;

}



#mainframe td#left,

#mainframe td#right {

	width: 175px;

}





td.w33 {

	width: 33%;

}



td.w49 {

	width: 50%;

	

}



td.w99 {

	width: 100%;

}



#mainframe td.spacer,

.sections td.spacer,

#glass .sections td.spacer,

#smoke .sections td.spacer {

	width: 20px;

	background: none;

	border: 0;

}

td.spacer img {

	width: 20px;

}

#mainframe tr {

	vertical-align: top;

}

/* @end */



/* @group Login/Logout */

.loginelement {

	float:  left;

	padding: 15px;

}

.loginelement label {

	font-weight: bold;

	color: #fff;

}

.loginelement  .inputbox {

	width:  100px;

}



span.loginsubmit,

span.logoutsubmit {

	display: block;

	float:  left;

	background: url(../images/login-button.png	) 0 0 no-repeat;

	width: 93px;

	height:  41px;

	line-height: 41px;

	text-align: center;

	font-weight: bold;

	margin-top: 5px;

	cursor: pointer;

} 



span.loginsubmit span,

span.logoutsubmit span {

	color:  #fff;

}



/* end */



/* Custom Menus named in the module advanced parameters menu class suffix from the joomla admin area */



/* menu button sizes and borders */

a.mainlevel_cust, a.mainlevel_cust:link, a.mainlevel_cust:visited {

display : block;

width : 150px;

height : 25px;

border : 1px solid #fff;

} 

/*Spacing and Text.  Use margin-top not margin-bottom as this can cause problems 'further down the line' in Opera*/

a.mainlevel, a.mainlevel:link, a.mainlevel:visited  {

display:block; 

width:150px; 

height:25px; 

background:#5C6D7C url(../images/transp-bulit.png) no-repeat left; 

border:1px solid #fff; 

margin-top:2px; 

text-decoration:none; 

font-family:verdana, arial, sans-serif; 

font-size:12px; 

color:#A2BCCC; 

padding-left:22px;

}

/* Vertically Center the Text within the button.  Add overflow:hidden for IE if the text is large enough to cause IE to increase the vertical height of the button*/

a.mainlevel, a.mainlevel:link, a.mainlevel:visited {

display:block; 

width:150px; 

height:25px; 

background:#fff;  

margin-top:2px; 

text-align:left; 

text-decoration:none; 

font-family:verdana, arial, sans-serif; 

font-size:12px; 

color:#000; 

line-height:25px; 

overflow:hidden;

}

/* Set the HOVER and ACTIVE states and a custom bullet graphic */

a.mainlevel:hover {

color:#878787; 

background:#EDF4F4 url(../images/menu-bulit.png) no-repeat left; 

border:1px solid #ACD1D0;

} 

/* End of Custom Menus */





/* group Horizontal Menu */

#mainlevel {

	height: 40px;

	padding-left: 20px;

	vertical-align:bottom;

}



#mainlevel ul {

	list-style: none;

	margin: 0;

	padding: 0 0 0 0px;

	vertical-align:bottom;

}



#mainlevel li {

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:0.7em;

	display: block;

	float: left;

	margin: 0;

	padding: 0;

	vertical-align:bottom;

}



#mainlevel a {

font-size:0.7em;

	display: block;

	float: left;

	height: 33px;

	line-height: 33px;

	padding: 0 20px;

}



#mainlevel a:hover {

	text-decoration: none;

}



/* @end */



/* @group Subnav Menu */



#mainframe ul.menu {

	margin: 0;

	padding: 0;

}



#mainframe ul.menu li {

	list-style: none;

	margin: 0;

	padding: 3px 0;

	font-weight: bold;

	width: 100%;

}



#mainframe ul.menu li li {

	border-bottom:  0;

	padding: 0 0 0 10px;

}



#mainframe ul.menu li li,

#mainframe ul.menu li li a {

	width: 100%;

	padding: 1px 0 1px 12px;

	margin: 1px 0 0 0;

}



#mainframe ul.menu li li:hover,

#mainframe ul.menu li.sfHover {

	background-color: transparent; 

}



#mainframe ul.menu li ul {

	float:none;

	left:0;

	padding: 0;

	margin: 5px 0 0 0;

	position: static;

	background: transparent;

	width: 100%;

}



#mainframe ul.menu li li a:hover {

	text-decoration: underline;

}



/* @end */



/* @group Pathway */

span.pathway {

	display: block;

	line-height: 20px;

	height: 20px;

	font-weight: bold;

	margin-bottom: 15px;

}



span.pathway img {

	float: left;

	margin: 0 10px;

}



span.pathway a {

	float: left;

}



/* @end */



/* @group RokLatest */



#accordian h3.toggler {

	position: relative;

	cursor: pointer;

	margin-top: 0;

	margin-bottom: 0;

}



#accordian a.readon {

	position: static;

}



/* @end */





/* @group Typography */



pre {

	padding: 10px;

}



blockquote {

	font-style: italic;

	font-size: 100%;

	line-height: 150%;

	width: auto;

	padding: 10px;

	margin: 15px 0;	

}



blockquote.b {

	font-weight: bold;	

}



/* @end */



/* @group Notice Styles */



span.alert,

span.info,

span.download,

span.note {

	display: block;

	padding: 10px 10px 10px 50px;

	margin: 15px 0;	

}





/* @end */



.nounder {

	text-decoration: none;

	border: 0;

	cursor: pointer;

}



.clr {

	clear:both;

}



.tool-tip {

	float: left;

	background: #ffc;

	border: 1px solid #D4D5AA;

	padding: 5px;

	max-width: 200px;

}



.tool-title {

	padding: 0;

	margin: 0;

	font-size: 100%;

	font-weight: bold;

	margin-top: -15px;

	padding-top: 15px;

	padding-bottom: 5px;

	background: url(../../system/images/selector-arrow.png) no-repeat;

}



.tool-text {

	font-size: 100%;

	margin: 0;

}



a img {

	border: 0;

}



/* @end */