@import url("default.css");

/* CLIENT STYLE OVERRIDES GO IN THIS STYLESHEET
* Use this stylesheet to override styles in default.css
* Do not copy all of default.css into here.  
* Only put in the css that is different than default.css
 */
body {
    background-image: url("../images/body_bg.jpg");
    background-position: center top;
    background-repeat: repeat-x;
    background-color: #FFFFFF;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
	text-align: center;
	margin: 0 auto;
}
a:link {
	color:#253D88;
	text-decoration:none;
}     
a:visited {
	color:#253D88;
	text-decoration: none
} 
a:hover {
	color:#253D88;
	text-decoration: underline;
}  
a:active {color:#253D88;}  

.content, #searchdisplay td {
	font-size: 1em;
	text-align: left;
}

.header {
	font-size: 2em;
}


.wrapper {
    text-align: center;
	margin: 0 auto;
	padding: 0 30px;
    background-image: url("../images/wrapper_bg.png");
    background-position: center top;
    background-repeat: no-repeat;
    min-height: 600px;
    /*position: absolute;*/
    width: 1020px;
    z-index:-1
}

/* HEADER - contains banner, logo and awhonn nav (not confex navigation) */     
.top_header {
    height: 214px;
    padding: 0 30px;
    position: relative;
    width: 1020px;
}


.logo img{
	float: left;
	height: 150px;
	margin: 15px 0 0px;
	position: relative;
}
    
/* .container is not in the page anymore */
/*.container {}*/

/* 2012 Navigation Bar */

#nav {
    background-position: center top;
    background-repeat: no-repeat;
    clear: both;
    height: 39px;
    position: relative;
    top: 3px;
    width: 960px;
}

#navigation2012{
position:relative;
width:960px;
height:39px;
padding:0;
margin:0;
border-bottom:2px solid;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
-moz-box-shadow:0px 3px 0px rgba(0,0,0, 0.15);
-webkit-box-shadow:0px 3px 0px rgba(0,0,0, 0.15);
box-shadow:0px 3px 0px rgba(0,0,0, 0.15);
}
#navigation2012 a{outline:none;}

#navigation2012 > ul{display:table; list-style:inside none; padding:0; margin:0 auto;}
#navigation2012 > ul > li{display:inline; position:relative; float:left; list-style:inside none; margin:0; padding:0;text-align: left;}

#navigation2012 > ul > li > a{
position:relative;
float:left;
display:block;
margin:0;
padding:15px 15px 14px 15px;
font:bold 11px/100% Arial, Helvetica, sans-serif;
text-decoration:none;
text-transform:uppercase;
border-right:1px solid; 
border-left:1px solid;
border-left-color: #666666;
border-right-color: #222222;
text-align: left;
}

#navigation2012 > ul > li:first-child a:before{
content:"";
position:absolute;
top:0; bottom:0; left:-2px;
border-left:1px solid;
border-left-color: #222222;
text-align: left;
}

#navigation2012 > ul > li:last-child a:after{
content:"";
position:absolute;
top:0; bottom:0; right:-2px;
border-right:1px solid;
border-right-color: #666666;
text-align: left;
}
#navigation2012 ul li a:link, #navigation2012 ul li a:hover, #navigation2012 ul li a:visited, #navigation2012 ul li a:active { color: #FFF; }

#navigation2012 ul li ul{
width:170px;
display:none;
list-style:inside none;
position:absolute;
top:29px;
margin:0;
padding:15px 0 0 0;
border:0;
z-index:999;
background:transparent;
}

#navigation2012 ul li ul li{
position:relative;
display:block;
float:none;
list-style:inside none;
margin:0;
padding:5px 5px 0 5px;
background:#e5e5e5;
text-align: left;
}

#navigation2012 ul li ul li:first-child{
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
text-align: left;
}
#navigation2012 ul li ul li:last-child{
padding-bottom:5px;
-moz-border-radius:0 0 5px 5px;
-webkit-border-radius:0 0 5px 5px;
border-radius:0 0 5px 5px;
text-align: left;
}

#navigation2012 ul li ul li a{
display:block;
padding:13px 10px 10px 10px;
border-top:1px dotted #d5d5d5;
font:normal 11px/100% Arial, Helvetica, sans-serif; color:#555;
text-decoration:none;
text-shadow:1px 1px 0 #fff;
text-align: left;
}
#navigation2012 ul li ul li a:hover, #navigation2012 ul li ul li a:active, #navigation2012 ul li ul li a:visited, #navigation2012 ul li ul li a:link { color: #555; }

#navigation2012 ul li ul li:first-child a{border:0;}
#navigation2012 > ul li:hover > ul{display:block;}
#navigation2012 ul li ul li a:hover{text-align:left; color:#000;}

/* Black Color Scheme ------------------ */

.black{
background:#333333;
background:-moz-linear-gradient(top, #555555 0%, #333333 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #555555), color-stop(100%, #333333));
background:-webkit-linear-gradient(top, #555555 0%, #333333 100%);
background:-o-linear-gradient(top, #555555 0%, #333333 100%);
background:-ms-linear-gradient(top, #555555 0%, #333333 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333',GradientType=0);
background:linear-gradient(top, #555555 0%, #333333 100%);
border-bottom-color:#222;
}

.black > ul li a{color:#fff; text-shadow:1px 1px 0px #222; border-right-color:#222; border-left-color:#666;text-align: left;}

.black > ul li:first-child a:before{border-left-color:#222;text-align: left;}
.black > ul li:last-child a:after{border-right-color:#666;text-align: left;}
.black > ul > li:hover > a, .black > ul > li > a:hover{background:#2e2e2e;}

/* 2012 Navigation */

.navigation {
    position: relative;
	clear: all;
	font:normal 13px/100% Arial, Helvetica, sans-serif; 
	color:#666;
    font-weight: normal;
    background-color: #666666;
    margin: 0 auto 0 30px;
    width: 960px;
	padding: 0;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	-moz-box-shadow:0px 3px 0px rgba(0,0,0, 0.15);
	-webkit-box-shadow:0px 3px 0px rgba(0,0,0, 0.15);
	box-shadow:0px 3px 0px rgba(0,0,0, 0.15);
}

.navigation a, .navigation a:link, .navigation a:active, .navigation a:hover, .navigation a:visited {
    color: #FFFFFF;
    text-decoration: none;
	display: inline-block;
	padding: 10px 15px 8px 15px;
	border-right: 1px solid transparent;
	border-left: 1px solid transparent;
	border-bottom: 2px solid transparent;
}

.navigation a:hover {
	background-color: #333;
	border-right: 1px solid #222;
	border-left: 1px solid #999;
	border-bottom: 2px solid #111;
}
    
/* 2012 Content */

.content {
	margin: 10px auto 0 30px;
	padding: 0;
    position: relative;
    width: 960px;
	font-size: 1.1em;
}

/* FOOTER */

#footer {
	position:relative;
	clear:both;
	width:100%;
	min-height:200px;
	margin:20px auto 0 auto;
	background-image:url(../images/footer_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#EBEBEB;
}

#footer_info {
	position:relative;
	width:960px;
	min-height:100px;
	padding-bottom:20px;
	top:35px;
	margin:0 auto 0 auto;
	text-align: center;
}

#footer_info ul {
	position:relative;
	float:left;
	font-family: Arial, Helvetica, 'HelveticaNeueLTStd45Light', sans-serif;
	color:#7d7c7c;
	font-size:10px;
	text-align:left;
	margin:20px 20px 0 0;
	padding-left: 0;
	list-style-type: none;
}

#footer_info ul li {
	list-style:none;
	line-height:12px;
	margin-left: 0; 
}

#footer_info ul li img {
	border:none;
	padding:0 0 10px 0;
}

#footer_info ul li a {
	color:#333;
	text-decoration:none;
}	

/* session styles */

.session .papertime {
	background-color: #FFF;
}
/* don't show the recording icon in schedule mode */
.file_multi {  
	position: absolute;
	margin-left: -9999px;
	display:none;
	}


/* show the recording icon in schedule mode */
.webprogramdisplay .file_multi {  
	display:block;
	margin-left: 0;
	background-image: url(../images/multifile.gif);
	}