@import url(/style/shared/schedule.css);
@import url(/style/shared/RecordComment.css);

/* THIS IS WHERE YOU PUT YOUR CLIENT STYLE OVERRIDES FOR COLOR, ETC. */

/* THIS STYLESHEET WILL ONLY HAVE STYLE ATTRIBUTES WITHIN IT. TO APPLY SPECIFIC STYLES TO A CLIENT, MAKE A STYLE.CSS IN THE CLIENT STYLESHEETS DIRECTORY AND ADD IN YOUR DIVS AND CLASSES. IF THERE ARE ANY QUESTIONS, CONTACT A STYLE PERSON FOR ASSISTANCE */

#virtualattendeedisplay {
	width: auto;
	float: none;
	margin-top: 5px;
	padding: 5px;
	border: none;
	}

#virtualattendeedisplay .presenterinfo {
	font-size: 10pt;
	}
	
#virtualattendeedisplay .notes {
	font-size: 7pt;
	}
	
#virtualattendeedisplay ul {	
	margin-left: 0;
	}

#virtualattendeedisplay .presenterphoto img {
	width: 100%;
	height: auto;
	}
	
#virtualattendeedisplay textarea {
	width: 95%;
}	
/****** BODY BACKGROUND GRADIENT ******/

/* body, body.webprogram { 	
	background: #ccc url('/static/img/bg-gradient.png') 50% 0 repeat-x;
} */

/****** ADDS SHADOWING TO ANY DIV YOU PUT THESE ATTRIBUTES IN ******/
	
	/*-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 51, 0.85);
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 51, 0.85);
	box-shadow: 0px 2px 10px rgba(0, 0, 51, 0.85); */
	

/****** ADDS ROUNDED CORNERS TO ALL CORNERS OF ANY DIV YOU PUT THESE ATTRIBUTES IN ******/

	/*border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;*/

/****** ADDS ROUNDED CORNERS TO THE BOTTOM OF ANY DIV YOU PUT THESE ATTRIBUTES IN ******/
	
	/* -moz-border-radius-bottomright: 12px;
	-moz-border-radius-bottomleft: 12px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	-moz-border-bottom-left-radius: 10px; */

/******* ADDS ROUNDED CORNERS TO THE TOP OF ANY DIV YOU PUT THESE ATTRIBUTES IN ******/

	/*border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-moz-border-top-left-radius: 10px; */


/****** IF YOU WANT TO ADD A BUTTON GRADIENT TO ANY OF THE FOLLOWING HEADERS COPY THIS INTO YOUR CLIENT STLYES ******/

/*.sidebar h4, .sidebar_priority h3, .sidebar h5, .sidebar_priority h5, .content h2 {
	background:#666 url('/static/img/buttongradient.png') 50% 10% repeat-x;	
}*/



/****** IF YOU WANT TO ADD A BUTTON GRADIENT TO ANY OF THE FOLLOWING LIST ITEMS COPY THIS INTO YOUR CLIENT STLYES ******/

/*.navigation li a, .navigation li a:link, .navigation li a:visited, .navigation li a:active, .navigation li a:focus, .navigation li a:hover {
	background:#ddd url('/static/img/buttongradient.png') 50% 50% repeat-x;
}*/
body {
	background-color: #fff;
	min-width: 100px;
}
	
.wrap {
	background-color:#2A3342;
}
.banner {
	height: 200px;
	background-color: #17356B;
	margin:0; 
	padding: 0;
}
.banner img {
	width: 860px;
	height: 200px;
	margin:0; 
	padding: 0;
}
.wrap .content {
	min-height:560px;
	background-color:#fff;
	margin:0;
}
#introduction h1 {
	color: #333;
	font-size: 1.3em;
}
.wrap .content h2, #introduction h2 {
	background-color:#fff;
	color:#2A3342;
	border-bottom:1px solid #2A3342;
}
#introduction h1, h2, h3 {
	margin: 0.8em 0;
	}
.conflict {
	background-color: #e6e2df;
}
.wrap .navigation.personalnav {
	border-bottom: 2px groove #ccc;
	padding-bottom:10px;
}
.wrap .navigation {
	border:none;
}
.wrap .navigation ul {
	margin:0;
}
.wrap .navigation li {
	border:none;
}
.wrap .navigation li a {
	color:#fff;
}
.wrap .navigation li.active a {
	background-color:#666;
	color:#fff;
}
.wrap .navigation li.user span {
	display:block;
	font-style: italic;
	color: #fff;
	margin:0;
	font-size: 0.85em;
}	
.webprogram.attend, .webprogram.reading {
	background-image: none;
	background-repeat: no-repeat;
	cursor: pointer;
	width: auto;
	height: auto;
}
.pageattend h3, .pagereading h4 {
	font-size: 1.2em;
	margin: 10px 0;
	padding: 0 0 5px;
	border-bottom: 1px solid #333;
}
.webprogram .content, #searchdisplay table {
	width:auto;
}
.searchform input#words {
	width:100%;
}
.paper .number, .session .number, .program .number, .symposium .number {
	background-color:#17356B;
}

.pageattend .item .itemschedule, .pagereading .item .itemschedule {
	float:none;
	margin-left:0;
}
.pageattend .item .itemscheduletext, .pagereading .item .itemscheduletext {
	width:auto;
	margin:5px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

#virtualattendeedisplay {
	font-size: 10px;
}

#virtualattendeedisplay .presenterphoto {
	float: none;
	
}

#virtualattendeedisplay .rating #criteria{
	background:#EEEEEE;
}
.bottomlink .content {
	border:none;
	width:100%;
	
}
#introduction-page {
	bottom: 0;
	right: 0;
}
#introduction {
	margin: 0 auto;
	padding: 0;
	top: 0;
	/*left: 50%;
	margin-left: -37.5%;*/
	}
#pageformintroduction {
	position:relative;
	text-align: center;
	margin: 0 auto;
}

.pagenewuser.content {
	width: 100%;
	border: 0px solid #CCC;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.pagenewuser.content .content {
	text-align: left;
}
.session .posternumber, .session .papernumber {
	margin-left: 0.5em;
	width: 5em;
	float: left;
	text-align: center;
	font-weight: bold;
}
.session .parents {
	clear: both;
}
.meeting .item .itemnumber, .program .item .itemnumber {
	width: 3em;
}
.meeting .item .itemtitle, .program .item .itemtitle {
	margin-left: 15em;
}
.content.paper .paperauthors {
	clear: left;
	}
.navigation h1 {
	color: #fff;
}
.Display_Slot_Attendance {
	text-decoration: underline;
	font-weight: bold;
	padding: 1px 6px;
	cursor: hand;
	background-color: #ddd;
}
/******* ATTEND BOOKMARK NOT ATTENDING BUTTONS ******/

.itemschedule {
	float:left;
	text-align:left;
	cursor: pointer;
	width: 98px;
	height: 28px;
	/*margin-left: 50px!important;*/ /* not needed, took out -50px from .itemschedule img below */
	margin:3px 10px 10px 0;
	}

.itemschedule img {
	/*margin:0 -50px!important;*/ /* not needed, took out 50px from .itemschedule above */
	margin:0;
	
	}

.attend {
	background-image: url(/img/crops/attend.png);
	background-repeat: no-repeat;
	cursor: pointer;
	width: 98px;
	height: 28px;
	}

.reading {
	background-image: url(/img/crops/read.png);
	background-repeat: no-repeat;
	cursor: pointer;
	width: 98px;
	height: 28px;
	}

.skip {
	background-image: url(/img/crops/skip.png);
	background-repeat: no-repeat;
	cursor: pointer;
	width: 98px;
	height: 28px;
	}
.itemschedule img, .listitem_status .screenalt img {
	border: none !important;
	border-bottom: none !important;
	border-right: none !important;
	border-top: none !important;
	border-right: none !important;
}

.schedule .popup.content {
	text-align: left;
	padding: 3%;
	background-color:#fff;
	width: auto;
	font-family: Arial,sans-serif;
	font-size: medium;
}
.schedule .popup.content h1 {
	font-size: 1.1em;
	margin: 0;
	padding: 0;
}
.schedule .popup.content h2 {
	font-size: 1.0em;
	margin: 0.2em 0;
	padding: 0;
}
.schedule .popup.content textarea {
	width: 93%;
}
.itemscheduletext h4, .itemscheduletext .pagereading h4 {
	padding: 5px 0;
	font-size: 1.0em;
	margin:0;
	border-bottom: none;
}
.itemscheduletext .schedulenotes {
}
.itemscheduletext .schedulenotes a {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 5px 8px;
}
/* INTRODUCTION page overrides so that page centers */

		html#range_0 #introduction, 
		html#range_1 #introduction, 
		html#range_2 #introduction, 
		html#range_3 #introduction, 
		html#range_4 #introduction, 
		html#range_5 #introduction, 
		html#range_6 #introduction,
		html#range_0 .webprogram.newuser, 
		html#range_1 .webprogram.newuser, 
		html#range_2 .webprogram.newuser, 
		html#range_3 .webprogram.newuser, 
		html#range_4 .webprogram.newuser, 
		html#range_5 .webprogram.newuser, 
		html#range_6 .webprogram.newuser		{
			width:100%;
			margin: 0 auto;
		}

/* BEGIN Style overrides for: 0px to 760px */
	/*html#range_0 #virtualattendeedisplay {
		margin-top: 75px;
	}
	html#range_0 .sidebar_priority {
		margin-top: 75px;
	}	*/
   	html#range_0, body, form {
   		height:auto;
	}
	html#range_0 body {
		background-color:#2A3342;
	}
	html#range_0 .page {
		margin-top:0;
	}
	html#range_0 .banner {
		background-color: #17356B;
		margin: 0;
		padding: 0;		
	}
	html#range_0 #introduction .banner .menu { 
		display: none; 
	}
 	html#range_0 .banner h1 div.bannertitle {
		margin: 0;
		display: block;
		font-size: 1em;
		padding: 0.5em 0 0.5em 0.8em;
		background: none;
	}
	html#range_0 .wrap .content {
		min-height:300px;
		background-color:#fff;
		margin:0;
		padding: 0 10px 10px;
	}
	html#range_0 h2.subtitle {
		color: #2A3342;
	}
	
/* END Style overrides for: 0px to 760px */	
/* BEGIN Style overrides for: 760px  to 980px */
	html#range_1, body, form {
		height:auto;
	}
	
	html#range_1 .page {
		margin-top:10px;
	}
	html#range_1 .banner {
		height:150px;
	}
	html#range_1 .banner img {
		width:645px;
		height:150px;
		margin-top: 0px;
	}
	html#range_1 .labels, html#range_1 .info {
		width: auto;
		margin: 0;
		float:none;
	}
/* END Style overrides for: 760px  to 980px */