/* @override 
	http://localhost:3000/stylesheets/standard.css?1222314148
	http://localhost:3000/stylesheets/standard.css?1227061764
*/
/* GLOBAL STYLES */
html { font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; color: #444; background: url(/images/html-gradient.png) repeat-x #7da7d9;}


/* left sidebar */
#doc2 { background: #303A99 repeat-y; margin-bottom: 30px;}

/* page layout */
#content { border: 2px solid #c50020; }
#yui-main div.yui-b { height: auto; min-height: 1020px; border-left: 2px solid #c50020; padding: 20px; background: #fff; }


p { padding: 0 0 1em 0; }
strong { font-weight: bold;}
em { font-style: italic;}

/* header */
#hd { border-bottom: 2px solid #c50020; height: 150px; background: url(/images/hd-gradient.png); color: #313c96;}
#ft { width: 950px; color: #fff; text-align: center; border-bottom: 2px solid #c50020; border-top: 2px solid #c50020; padding: 8px 0 8px 0; }

/* links */
a, a:visited { color: #303A99; text-decoration: none; }
a:hover, a:active { color: #303A94; text-decoration: underline;}

/* headings */
hr { border-top: #0397d6 solid; height: 1px; }
h1 { font-weight: bold; font-style: italic;  font-size: 116%; color: #c50020; margin: 0 0 10px 0; }
h2 {font-weight: bold; font-style: italic;  font-size: 108%; color: #c50020; margin: 0; line-height: 25px;}
h3 { font-weight: bold; font-style: italic; font-size: 123.1%;	padding: 0 0 0 10px; letter-spacing: .2em; }

/* NAVIGATION */
/* sidebar menu */
#nav {
background: none;
margin: 0 0 60px 0;
}
ul#sliding-navigation
{
font-size: 100%;
padding: 30px 0 0 0;
}

li.sliding-element {
display:inline-block;
}

ul#sliding-navigation li.sliding-element a
{
display: block;
width: 8em;
padding: 5px 15px;
margin: 0;
margin-bottom: 5px;
color: #303999;
background: #fff;
border: 2px solid #7da7d9;
border-left: none;
text-decoration: none;
font-weight:bold;
text-transform: capitalize;
}

ul#sliding-navigation li.sliding-element a:hover { color: #e00016; }
ul#sliding-navigation li.sliding-element a:active { outline: none; }
ul#sliding-navigation li.sliding-element a:focus { -moz-outline-style: none; }

ul#sidebar-ads li {
margin: 0 0 10px 5px;
}

ul#sidebar-ads li:first-child {
margin: 0 0 0 15px;
}

/* HOME */
div#Home.yui-b { padding: 0; margin: 0;}
#peac td { padding: 0; margin: 0; }
#peac td a { height: 300px;  width: 135px; display: block; }
#planner a:link, #planner a:visited { background: #ff9900; }
#planner a:hover, #planner a:active { background: #5772dc; }
#exhibitor a:link, #exhibitor a:visited { background: #ffcc66; }
#exhibitor a:hover, #exhibitor a:active { background: #5772dc; }
#attendee a:link, #attendee a:visited { background: #79a4ce; }
#attendee a:hover, #attendee a:active { background: #5772dc; }
#public a:link, #public a:visited { background: #cccc33; }
#public a:hover, #public a:active { background: #5772dc; }
#peac span.title a { color:white; font-size: 146.5%; font-weight: bold; padding: 10px 0 0 10px; }
#rightcol span.title a{ background: url(/images/jan2009.png) no-repeat; display: block; }
#rightcol span.title a:hover { background-position: -150px 0; }


a#floor_plan:hover {  }


/* logo */
/* .comingSoon { background: transparent url(/images/logo-350x368.png) no-repeat left; color: #c50020; font-size: 123.1%; font-weight: bold; height: 450px; width: 440px; display: block; text-align: center;border:1px solid red;} */
.comingSoon {height: 450px; width: 440px; display: block; margin-left:20px;}
#logo { background: transparent url(/images/logo-190x200.png) no-repeat left; height: 200px; width:190px;  display: block;}

/* images */
#press-release { background: url(/images/jan2009.png) no-repeat; width: 150px; height: 150px; border: 0; display: block;}
a#press-release:hover { background-position: -150px 0; text-decoration: none;}

/* NEWS */
.highlights { float:left; display: block; width: 95px; padding: 0 20px 10px 0;}
.blue { color: #6600FF;}
.red { color: #c50020;}
.orange { color: #ff9900;}
.eco { color: #339900;}


/* EVENTS */

/* calendar */
ul.calendar_months {
}
	ul.calendar_months li {
		display: inline;
		font-size: 12px;
		margin-left: 6px;
	}
table#cal-nav {
	width: 100%;
}
	
table#cal-nav td.cal-nav-label { 
width: 100px;
}
table#cal-nav td {
padding: 5px 0 0 0;
}

table#cal-nav a:hover { 
text-decoration: underline; 
}

table.calendar { 
width: 100%;
}

.calendar-heading {
margin: 15px 0 0 0;
border-left: 2px solid #fff; 
background: #666666;
color: #fff;
font-weight: bold;
text-transform: uppercase;
padding: 2px 6px 2px 6px;
}

table.calendar tr th { 
padding: 2px 6px 2px 6px;
background: #aaa;
border: 2px solid #fff; 
font-weight: bold; }

table.calendar tr td { 
padding: 2px 6px 2px 6px;
background: #ddd;
border: 2px solid #fff;
}

td#cal-col1, th#cal-col1 { 
width: 260px;
}

td#cal-col2, th#cal-col2 { 
width: 80px;
}
td#cal-col3, th#cal-col3 { 
width: 80px;
}
td#cal-col4, th#cal-col4 { 
width: 80px;
}

/* LOGIN FORM */

body.login {
background: #eee;
}

.login #container {
background: white;
border: 1px solid #ccc;
width: 28em;
min-width: 300px;
margin-left: auto;
margin-right: auto;
margin-top: 100px;
}

.login #content-main {
width: 100%;
}

.login form {
margin-top: 1em;
}

.login .form-row {
padding: 4px 0;
float: left;
width: 100%;
}

.login .form-row label {
float: left;
width: 9em;
padding-right: 0.5em;
line-height: 2em;
text-align: right;
font-size: 1em;
color: #333;
}

.login .form-row #id_username, .login .form-row #id_password {
width: 14em;
}

.login span.help {
font-size: 10px;
display: block;
}

.login .submit-row {
clear: both;
padding: 1em 0 0 9.4em;
}

table.login {
	width:		50%;
}
	table.login tr td {
		padding:	5px;
	}
	table.login tr.submit_row td {
		text-align:	center;
	}
		table.login tr.submit_row td input.btn_submit {
			width:		100px;
		}

/* DIRECTIONS*/ 
.small  {font-family: verdana, tahoma, arial, helvetica;
	font-size: 10px;}

/* FACILITY */ 
p#facility { color: #333333; margin: 0; }

/* lists */
ul.main { margin: 0 0 25px 20px; }
.main li { padding: 0 0 7px 5px; color: #333333; list-style-type: square; }

/* tables */
td { padding: 0 0 0 10px; }
table#facility { color: #333333; }

/* boxes */
#infoBox { padding: 15px; border: 2px solid #c50020; width: 315px; background: #fcf6f7;}
#infoBox2 { padding: 15px; border: 2px solid #c50020; width: 190px; background: #fcf6f7;font-size:11px;}


#radial_map { background: url(/images/radial_map.png) no-repeat; width: 120px; height: 120px; margin: 120px 0 0 220px; display: block; position: absolute; overflow: hidden; }
a#floor_plan:hover { background-position: -120px 0; }

#floor_plan_blueprint { background: url(/images/floor_plan_blueprint.png) no-repeat; width: 120px; height: 120px; margin: 120px 0 0 220px; display: block; position: absolute; overflow: hidden; }
a#floor_plan:hover { background-position: -120px 0; }

#floor_plan { background: url(/images/floor_plan-button.png) no-repeat; width: 120px; height: 120px; margin: 120px 0 0 220px; display: block; position: absolute; overflow: hidden; }
a#floor_plan:hover { background-position: -120px 0; }

/* no css */
.noCSS { display: none; }

/* page specific */
#contactList { padding: 10px 0 0 25px; }
#contactList li { padding: 0 0 20px 0; color: #444; list-style-type: square; }
#eventPhotos { background: url(/images/events-photos.jpg) no-repeat top left; height:341px; width: 230px;  display: block;}

/* pagination */
.pagination_wrap {
	/*clear:			both;*/
	font-size:		10px;
	font-weight:	bold;
	margin:			10px 0 10px 0;
	padding:		0;
	text-align:		center;
	width:			100%;
}
	.pagination_wrap .pagination_inner {
		/*clear:			both;*/
		margin:			0 auto;
		padding:		0 5px 0 5px;
	}
		.pagination_wrap .pagination_inner .current {
			background:			#ABABAB !important;
		}
		.pagination_wrap .pagination_inner .inactive {
			color:				#BBB !important;
		}
		.pagination_wrap .pagination_inner .pprevious,
		.pagination_wrap .pagination_inner .ppage,
		.pagination_wrap .pagination_inner .pnext,
		.pagination_wrap .pagination_inner .pall {
			background:			#DEDEDE;
			border:				1px solid #BCBCBC;
			display:			inline-block;
			height:				14px;
			line-height:		14px;
			margin:				0;
			padding:			3px !important;
			text-align:			center !important;
			text-decoration:	none;
		}
		.pagination_wrap .pagination_inner .pprevious {
			margin:				0 10px 0 0;
		}
		.pagination_wrap .pagination_inner .ppage {
			height:				14px;
			margin:				0 2px 0 0 !important;
			width:				14px;
		}
		.pagination_wrap .pagination_inner .pnext {
			margin:				0 0 0 10px;
		}
		.pagination_wrap .pagination_inner .pall {
			margin:				0 0 0 30px;
		}
		.pagination_wrap .pagination_inner a,
		.pagination_wrap .pagination_inner a:active,
		.pagination_wrap .pagination_inner a:link,
		.pagination_wrap .pagination_inner a:visited {
			color:				#121212;
			text-decoration:	none;
		}
			.pagination_wrap .pagination_inner a:hover {
				background:			#ABABAB;
			}


/* boxes */
#content-box {
    border-left: 2px solid #ccc;
    border-right: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    background: #303A94;
    margin-bottom: 15px;
    padding: 0 10px 10px 10px;
}

#s3slider {
   width: 450px; /* important to be same as image width */
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 450px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 108% Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 430px;
   background-color: #000;
   filter: alpha(opacity=85); /* here you can set the opacity of box with text */
   -moz-opacity: 0.85; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.85; /* here you can set the opacity of box with text */
   opacity: 0.85; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}