﻿/*
Colors
Dark Blue - #283c98
Light Blue = #009fe1
Orange
Silver in Menu - #b9b9b9
Charcoal  #4d4d4d
Variations of b9b9b9
Dark Gray - #828282
Light Gray - d5d5d5 & f8f8f8

2011 Colors
Green/Yellow Text on Banner #bdd329
#f1ef66 yellow background
#e0de67 2nd yellow background
#0067ba Wild Blue
#002c6b West Blue
#004296 mountain blue

Light blues based on the Wild Blue
#CCE1F1
#E6F0F8

Tab green 008752 (from PDF)
006C42 border green (slightly darker)
*/

html, body, form, ul, li, img
{
    margin:0px auto !important;
	padding:0px !important;   
}
body {
	font-family:Tahoma, Helvetica, Sans-Serif;
	font-size:14px;
	text-align:left;
	background-color:#cce1f1;	
}
/* entire page*/
#page_wrapper {
	clear:both;
	width:1000px;
	padding:0px;
	background-color:#fff;	
	margin:0px auto;
}
/*header - banner*/
#header_wrapper{
	width:1000px;
	margin:0px auto;
	padding:0px;
	text-align:center;
	height:149px;	
	overflow:hidden;	
}
/*content*/
#content_wrapper
{
   	width:994px;
	margin:0px auto;
	padding:0px;			
	border-left:solid 3px #003d7d;
	border-right:solid 3px #003d7d;	
}
/*top navmenu*/
#top_menu{
	width:100%;	
	margin:0px auto;
	padding:0px;
	background:#b9b9b9 url(../images/TopMenu/BG.gif) repeat-x top center;
	height:45px;
	overflow:hidden;	
}
#top_menu #divMenu{
	float:left;
	width:834px;
	padding:0px;
	margin:0px;		
}
#top_menu #divReg{
	width:160px;
	padding:0px;
	margin:0px;
	float:right;	
}
/* around the left and right content panes*/
#content_main
{
	clear:both;
    width:994px;		
    margin:0px;
	padding:0px;						
}
/* left nav menu*/
#content_left{
	width:210px; /*230px;*/
	vertical-align:top;
	margin:0px auto;
	padding:0px;
	padding-bottom:50px;
}
#content_mid{
	width:4px;
	margin:0px auto;
	padding:0px;	
	background-color:#E6F0F8;
}
/* right content*/
#content_right{
	width:780px; /*760px;*/
	margin:0px auto;
	padding:0px;
	vertical-align:top;	
}
/* on each individual page*/
#content_page
{
   	width:98%;
	margin:0px auto;
	padding:0px;
	text-align:center;
}
#page_wrapper div.clear
{
	clear:both;
	height:50px;
	/*background-color:#fff;*/
}
/*footer*/
#footer_wrapper{
	width:994px;
	margin:0px auto;
	padding:0px;
	height:50px;	
	background-color:#003d7d;
	border-bottom:solid 3px #003d7d;
	border-left:solid 3px #003d7d;
	border-right:solid 3px #003d7d;
	/*position:relative;*/
}
div.footer-list{
	margin:10px !important;
	color:#fff;
	font-size:.90em;
	float:left;
}
div.footer-list a:link, div.footer-list a:active, div.footer-list a:visited{
	border:none;
	text-decoration:none;
	color:#fff;
	font-size:.90em;
}
div.footer-list a:hover
{
    text-decoration:none;
    color:#fff;
    border-bottom:dotted 1px #fff; 
    font-size:.90em;   
}
div.footer-list ul{
	list-style-type:none;
	margin-left:10px;	
}
div.footer-list li{
	color:#fff;
	font-size:.80em;
	margin-left:10px;
}
div.footer-list li.header{
	color:#fff;
	font-size:.90em;
}
div.footer-copy{
	float:right;
	/*position:relative;
	bottom:10px;
	right:10px;*/
	margin-top:30px !important;
	margin-right:10px !important;
	color:#fff;
	font-size:.70em;
	text-align:right;
}
/* Styles for HTML Elements*/
h1{
	font-size:1.4em;
	padding:4px;
}
h2{
	color:#283c98;
	font-size:1.4em;
	padding:4px;	
}
h3{
	font-size:1.2em;
	padding:4px;
}
h4{
	font-size:1.2em;
	padding:2px;
	margin:0px;
	color:#009fe1;
	font-style:italic;
}
h4 a:hover
{
  color:#008752; 
  border-bottom:solid 1px #008752; 
}
a, a:link, a:active, a:visited
{
    color:#004296;
    text-decoration: none;
    border-bottom:dotted 1px #004296; 
    font-size: 1.0em;    
}
a:hover
{
    text-decoration:none;
    color:#009fe1;
    border-bottom:solid 1px #009fe1;
    font-size: 1.0em;
}
p {padding:5px 0px; margin:0px auto !important;}
legend{text-align:left;}
hr {border:none; border-bottom:dotted 1px #283c98; text-align:center; width:90%; height:1px;}
.rLarge{
	color:#ff0000;
	font-size:1.1em;
}
.notes{
	font-size:0.75em;
}
/* Conference Rates/Pricing, Schedule Table Style*/
/* Blue Table*/
.tbGrid table{border-left:solid 1px #66ABD4; border-right:solid 1px #66ABD4 !important;}
.tbGrid th{padding-left:10px;background:#1e2a7b url(../images/content/headerblue.gif) repeat-x top center; height:35px; overflow:hidden; color:#fff; font-weight:bold; font-size:1.1em;}
.tbGrid td{border-bottom:solid 1px #99C7E2; font-size:0.9em; padding:5px;}
.tbGrid td.details{border-bottom:none;}
.tbGrid tr.sub{background-color:#99C7E2; color:#000;}
.tbGrid tr.sub td{border-bottom:solid 1px #66ABD4;}
.tbGrid tr.odd{background-color:#CCE3F1;} /*CCE3F1*/
.tbGrid tr.even{background-color:#fff;} /*E6F1F8*/
.tbGrid td.title{font-weight:bold;}
.tbGrid td.image{text-align:center; padding-right:10px;}
.tbGrid td.right{background-color:#fff; padding:5px 0px;}
.tbGrid td.left{background-color:#CCE3F1; padding:5px 0px;}

.tbRows table{border:solid 1px #99C7E2 !important;}
.tbRows td{border-bottom:solid 1px #99C7E2; font-size:0.9em; padding:7px 5px;}
.tbRows td.left{background-color:#fff;}
.tbRows td.right{background-color:#CCE3F1;}

#content_right .tbGrid ul {list-style-type:disc !important; padding:5px 0px 5px 10px !important; margin-left:20px !important;}
#content_right .tbGrid li {background-image:none !important; padding:0px !important; margin:0px !important;}
div.#schedule .tbGrid tr.sub td{border-bottom:solid 1px #66ABD4; font-weight:bold;}
/* Bullets/UnOrdered Lists for the Right Side Content*/
/*#content_right ul {list-style-type:disc !important; padding:5px 0px 5px 10px !important; margin-left:25px !important;}*/
div.indent{padding:5px 0px 0px 15px;}
/*#content_right ul, #content_page ul {list-style-type:none !important; padding:5px 0px 5px 10px !important; margin-left:5px !important;}
#content_right li, #content_page li {background:transparent url(../images/Content/ArrowBullet6.gif) no-repeat 0px 6px !important; padding-left:14px !important; padding-bottom:3px !important;}
*/
#content_right ul {list-style-type:none !important; padding:5px 0px 5px 10px !important; margin-left:5px !important;}
#content_right li {background:transparent url(../images/Content/ArrowBullet6.gif) no-repeat 0px 6px !important; padding-left:14px !important; padding-bottom:3px !important;}

.bi {font-weight:bold; font-style:italic;}
/* Sessions page*/
#GridOuter {width:98%; padding:10px 5px 10px 5px; text-align:center;}
#GridFilter, #GridData{background:#283c98; Width:100%; padding:10px auto;}
#GridData {margin-top:25px;}
#GridFilter div.Header, #GridData div.Header{
	background:transparent url(../images/gridBG.gif) repeat-x top center;
	height:35px;
}
#GridFilter div.Header div.Title, #GridData div.Header div.Title{
	color:#fff;
	font-size:1.1em;
	font-weight:bold;
	padding-top:7px !important;
	margin-left:10px !important;
	text-align:left;
}
#GridFilter .GridSearch, #ProNote .GridSearch {background-color:#CCE3F1;border:solid 1px #99C7E2;}
/* Modal Dialog - Session Details*/
div#popUp {font-family:Tahoma, Helvetica, Sans-Serif;font-size:13px; text-align:left;}
div#popUp div.video {text-align:center; margin:0px auto;}
/*#popUp a {border:none !important;}*/
div#popUp p.title {font-size:1.3em; font-weight:bold; padding:2px 0px; margin:0px;}
div#popUp p.date {font-size:1.1em; font-weight:bold; padding:2px 0px; margin:0px;}
div#popUp div.details{border:solid 1px #ccc; background-color:#E6E6E6; padding:5px; vertical-align:top;}

/* DataList Styling - admin site*/
.datalist{
	border:solid 1px #000;
	border-collapse:collapse;
	text-align:left;	
}
.datalist th{
	font-size:1em;
	background-color:#e1e1e1;
	font-weight:bold;
}
.datalist td{
	font-size:0.9em;
	font-weight:normal;
}
.datalist td.details{
	font-weight:bold;
}
/* DataList Styling - public site*/
.blueHeader{height:24px; padding:2px 10px 2px 10px; border-bottom:solid 1px #283c98; color:#283c98; font-size:1.3em; font-weight:bold;}
.dlPublic{
	border:none; /*solid 1px #000;*/
	border-collapse:collapse;
	text-align:left;	
}
.dlPublic th{
	font-size:1.2em;
	color:#283c98;
	font-weight:bold;
}
.dlPublic td{
	font-size:1.0em;
	font-weight:normal;
}
.dlPublic td.details{
	font-weight:bold;
}
#content_right .jCarouselLite {
    /*border: 1px solid black;
    background-color: #dfdfdf;*/
    float: left;
    /* Needed for rendering without flicker */
    position: relative;
    visibility: hidden;
    left: -5000px;
     width:400px;
     margin:0px auto !important;
	 padding:0px !important;  
}
#content_right .jCarouselLite ul.carousel {
	margin: 0px !important;
	padding:0px !important;  
	list-style-type:none !important;
	background-image:none !important;
}
#content_right .jCarouselLite li.carousel {
	margin: 0px auto;
	list-style-type:none !important;
	background:none !important;
	vertical-align:middle;
	overflow:hidden;
	float:left;
	width: 180px;
    height: 120px;
}
#content_right .jCarouselLite li.carousel img, jCarouselLite li.carousel a {
    background-color: #fff;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    border:none;
    text-decoration:none;
    list-style-type:none !important;
	background-image:none !important;
}
.info-box{
	padding:0; margin:0 auto;
}
.info-box div.headerOuter{
	background:url(../images/info-box/top-bg.gif) repeat-x top center; height:40px;
}
.info-box div.headerOuter div.headerInner{
	 height:40px; background:url(../images/info-box/top-left.gif) no-repeat left top;
}
.info-box div.headerOuter div.headerInner div.title{
	 height:30px; background:url(../images/info-box/top-right.gif) no-repeat right top; padding:0; padding-top:10px; color:#fff;
}
.info-box div.headerOuter div.headerInner div.title{
	 font-size:1.1em !important; margin:0 !important; padding-left:20px !important; padding-top:10px !important; color:#FFF!important;  border-bottom:none !important; font-weight:bold !important; text-align:left !important;
}
.info-box div.contentBody{
	margin:0px;	
	padding:0px;
	border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC;
}

/* styles for the info Box inner content*/
div.contentBody td.rBorder{
	border-right:1px solid #CCCCCC;
}
.regformLeft{background-color:#e1e1e1; color:#000; font-family:Tahoma; font-size:13px; text-align:right; padding:2px 5px 2px 2px; margin:0px; height:27px;}
.regformRight{background-color:#fff; color:#000; font-family:Tahoma; font-size:13px; text-align:left; padding:2px 2px 2px 5px;}

.speakers div {text-align:left; padding:10px 20px 10px 20px; margin:0px auto;}
.speakers ul {width:620px; list-style-type:none; margin:0px auto; padding:0px;}
.speakers li {width:295px; float:left; text-align:left; list-style:none; padding-left: 13px; padding-top:5px !important; margin-bottom:5px; background: url(../images/bullet.png) no-repeat 5px 3px;}
.speakers .url a, .speakers .url a:link, .speakers .url a:active, .speakers .url a:visited{color:#004296; text-decoration:none; border-bottom:dotted 1px #004296; font-size:1.0em;}
.speakers .url a:hover{text-decoration:none; color:#009fe1; border-bottom:solid 1px #009fe1; font-size:1.0em;}
.speakers p {text-align:left; margin:0px auto; padding:1px 0px;}
.speakers p.header{font-weight:bold;}
.speakers p.details{text-indent:20px; padding-bottom:10px;}


/* boxes to highlight information, shadowing*/
.outerContainer
{
	margin:0 auto;
	text-align:center;	
	background-color:#999;
	vertical-align:top;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
}
.innerContainerBlue, .innerContainerGreen
{
	vertical-align:top;
	position: relative;
	text-align:center;
	left: -4px;
	top: -4px;
	padding:10px 5px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-size:12px;	
}
.innerContainerBlue {background-color:#004296; color:#fff;}
.innerContainerGreen {background-color:#008752; color:#fff;}
.innerContainerBlue a, .innerContainerBlue a:link, innerContainerBlue a:active, innerContainerBlue a:visited, .innerContainerGreen a {color:#fff !important; text-decoration:underline !important; border:none;}
.innerContainerBlue a:hover, .innerContainerGreen a:hover {color:#fff; text-decoration:none; border:none;}
.innerContainerBlue p, .innerContainerGreen p {text-align:left; padding:0px 3px;}
