@import url(../../Templates/UI/Css/Layout.css);
@import url(Basic.css);
/********* GLOBALS *********/

* {margin:0;padding:0}
html, body {
	height: 100%;
	min-height:800px;
}
body {font-family:Arial,SansSerif; font-size:.8em;}
a img {border:0}
dl,ol,ul {list-style:none}
button,select,textarea,input {font:100% Arial;}
caption,th,td {text-align:left}

h1,h2,h3,h4,h5,h6,p {margin:.35em 0; font-size:1em;}
h1{font-size:1.8em;}h2{font-size:1.4em;}

/* colors */
a { color:#336699; text-decoration:none; }
a:hover { text-decoration:underline; }
a:visited { color:#3366FF; }


/********* LAYOUT *********/

body { margin:0; text-align:center; background:#0B2673 url(PageBG.gif) -10% top  repeat-y; }
body.mceContentBody { background: #FFF !important; padding:3px 10px; background-image:none !important; font-size:.7em !important; text-align:left !important; }
body.mceContentBody p { padding-bottom:10px; }
	#wrap { width:950px; margin:0 auto;  }
		#header { height:130px; }
		#page { text-align:left; height:100%; min-height:500px; padding:0px; background-color:#fff; background:#fff; border-top:1px solid #333; border-right:2px solid #333;}
			#content {  }
                .main { float:right; }			
				.secondary { width:170px;   margin-bottom:1px; }
				#menu { float:left;  }
				#extras { float:right; clear:right; margin-top:25px; border-left:1px dotted #ccc; padding:5px 30px 5px; }
				#main {  margin:20px 275px 10px 220px; padding-bottom:15px; font-size:.9em; }
				#main h3, .mceContentBody h3 {background:#fff url(ContentHeadingBG.gif) left top repeat-y; padding:3px; }
				#main p { padding-bottom:10px; }
		#contentfooter { padding-left:10px; text-align:left; position:relative; background:#fff url(PageCurl.gif) right bottom no-repeat; height:76px; }
            #contentfooter p { color:#336699; line-height:1.8em; font-size:.85em; position:absolute; width:850px; bottom:0px; padding:10px 10px 5px 10px;  }
		    #contentfooter p strong { padding:0 5px 0 25px; }
		    .linkpipe { padding:0 10px;}
		#footer { margin-top:10px; color:#B7D3EA; font-size:.7em; text-align:center;}
			#footer .n2{ display:none; color:#fff; float:right; padding:0 15px; font-size:.7em;}
        #page, #contentfooter, .topMenu { border-left:3px solid #333; }
        .topMenu { border-right:2px solid #333; }
        
        
        .referenceChart #extras { display:none; }
        .referenceChart #main, .nomainimg #bct { margin-right:25px; }
        
        

/*box*/
.boxTitle,
.secondary h4 { background:#efefef; margin:0; padding:0px  15px; color:#fff; }
.secondary h4 a,
.secondary h4 a:visited {color:#fff;}
.secondary .box { _height:1px; padding-bottom:10px; }
.secondary .box .inner { background:transparent; padding:10px 10px 0 10px; }


/*top*/
#header { position:relative; }
#header .siteHeader { margin:0; padding:25px; }
#header .siteHeader a { color:#fff; }
#header .siteLogo { float:left; padding:0px;}

/*secondary*/
.secondary .uc { margin-bottom:15px; margin-top:10px; }
.uc h4 { background:none; font-size:1em; }
.uc h4 a, .uc h4 a:visited { font-weight:normal; color:#0B2673; }
.uc h4 .current {  color:#0096DB !important; font-weight:bold !important; }

/*menu*/
.topMenu { display: block; width:945px; position:absolute; bottom:0px; left:0px; background:url(navbg.gif) left top repeat-x; } 
	.topMenu li  { display:block; float:left; border-right: 1px solid #C3DCFF; border-left:1px solid #fff; background:url(navbg.gif) left top repeat-x; position:relative; }
	.topMenu ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; border:1px solid #333; text-align:left; }
	.topMenu a,
	.topMenu a:visited { color:#0B2673; display:block; margin:0 5px; padding:5px 8px;}
	.topMenu .current a,
	.topMenu .trail a,
	.topMenu .current a:visited,
	.topMenu .trail a:visited { font-weight:bold; color:#333;  }
	.topMenu ul a { color:#369 !important; padding:4px 2px !important; font-size:.9em; }
	.topMenu ul .current a { color:#333 !important; }
	* html .topMenu ul { line-height: 0; } /* IE6 "fix" */
  	.topMenu ul a { zoom: 1; font-weight:normal !important;  color:#369; } /* IE6/7 fix */

    .topMenu ul li { float: none; background:#D6E9FF; margin:0; }
    .topMenu ul ul { top: 0; }
    
    .topMenu ul { width: 200px; }
    .topMenu ul ul { left: 131px; }
    .topMenu .chartslink { border-top:1px dotted #666; }

.languageMenu, .LocationIndicator { position:absolute; top:5px; right:5px; font-size:.9em; }
	.languageMenu a { opacity:.4;}
	.languageMenu .current { cursor:default; opacity:1;}
	.languageMenu a:hover { opacity:1;}

.subMenu{ width:175px; border-right:1px solid #ccc; padding:0px 0px 50px 5px; margin-top:0px; }
	.subMenu a { display:block; padding:2px 0; _height:1px; color:#0B2673; }
	.subMenu li { border-top:1px solid #ccc; padding:5px 15px; background:url(submenu_bullet.gif) left 12px no-repeat; }
	.subMenu ul { margin:0 0 5px 15px; padding-top:0px; }
	.subMenu ul li { border-top:none; }
	.subMenu .trail > a { color:#0096DB; }
	.subMenu .current > a { color:#0096DB; font-weight:bold; }
	.subMenu .requestform { margin-top:15px; padding-left:30px; background:url(request.gif) left 7px no-repeat; }
	.subMenu .referencechart { margin-top:15px; padding-left:30px; background:url(comparison2.gif) left 7px no-repeat; }
	
/* lists */
.list .a0 { background: #f4f8ed; }
.list { padding-bottom:6px; }
.list .item { padding:5px; }

/* path */
.path { margin-bottom:5px;  }
.path .current { color:#333; display:none; }
.path a.current:hover { cursor:default; text-decoration:none; }

#hdMain { font-size:1.2em; line-height:25px; margin-top:0px; padding-left:20px; color:#0D2474; vertical-align:middle; background:#0D2474 url(lt_to_dk_purple_grd.gif) left top repeat-y; height:25px; border-top:1px solid #0D2474; }

#bct { padding:5px 0 5px 10px; margin:0 250px 10px 0; color:White; background:#00B0E8 url(BCTBackground2.gif) right top repeat-y; border-bottom:1px solid #666; }
#bct a { color:#fff; }
#bct h1 { font-size:17px; font-weight:bold; margin:5px 0 0 10px; color:#fff; }
    #bct .printlink { float:right; border-bottom:1px solid #fff; margin-top:3px; background:url(PrintLinkBg.gif) left top no-repeat; width:140px; height:22px; }

#main ul, .mceContentBody ul { list-style:disc; margin-top:0px; padding-top:0px; margin-left:20px; padding-left:20px; }

/* sitemap */
.siteMap #main ul { list-style:circle; margin-left:20px; }

/* content */
.introduction { font-size:1.1em; font-style:italic; }

/* date */
.date { font-size:x-small; color:#333; display:block; }

.formlabel { width:175px; font-weight:bold; text-align:right; display:block; margin-right:5px; }
.formlabel span { color:#CC0033; }
.checkboxlist { padding:3px 5px; }

.contactformtbl td { padding:3px 0px; }
.contactformtbl input, .contactformtbl select, .contactformtbl textarea { border:1px solid #ccc; }

/*columns*/
.columns .left { float:left; width:245px; }
.columns .right { float:right; width:245px; }

/* login */
.login .tb { width:130px; }
.login .ff { margin-bottom:5px; }
.register td { padding:0 5px 5px 0; }

/* gallery */
.thumbnail { opacity:.4; }
.thumbnail:hover, .selected { opacity:1; }
#thumbnails {padding-bottom:10px;}
#thumbnails .text { display:none; }
.thumbnail {margin-bottom:10px;margin-right:5px;}

/* comments */
.commentList { border-top:solid 1px #D0CFCB; margin-top:10px;}

/* styles for pods on landing pages */
.homepod { vertical-align:top !important; padding:0px !important; margin:15px; }
.homepod h3 { background:#DEE6F9 url(heading_bg.gif) right top no-repeat !important; font-weight:normal; height:20px; display:inline; float:left; padding:0 20px 0 5px !important; margin:0px; }
.homepod h3 a, h3 a:visited { font-size:12px; color:#3333FF; text-decoration:none; font-weight:normal; line-height:20px; }
.homepod h3 a:hover { text-decoration:underline; }
.homepod { width:50%; border-top:2px solid #DEE6F9; border-right:2px solid #DEE6F9; background:#fff; }
.homepod p { font-size:11px; color:#666; padding:5px; }

/* styles for reference chart tables */
.tblReferenceChart { border:1px solid #C6D6FD; padding:0px; margin-right:0px; width:100% !important; margin-top:7px !important;}
.tblReferenceChart td { border:1px solid #C6D6FD; padding:5px; border-bottom:none; border-right:none; background:#fff; text-align:center; }
.tblReferenceChart th { background:#efefef; color:#333; padding:5px; font-weight:normal; vertical-align:top; }
.tblReferenceChart .specCategories { text-align:left; font-weight:normal; color:#000; border-left:0px; vertical-align:middle; }

/* style for region selector widget */
.RegionSelectorOverlay { background-color:#C4D6F1;filter:alpha(opacity=70);opacity:0.7; }
.RegionSelector { position:relative; height:240px; width:622px; border:2px solid #2E934F; margin:0px; padding:0px; background:#fff url(RegionSelection.jpg) no-repeat;}
.LocationIndicator { color:#fff; }

.eventcalendar td { padding-left:5px !important; } 

.noshow { display:none; }