/* 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 */


body, body.webprogram {	background-color: #D2D2D2;
	font-family: Arial,sans-serif;
	}
.banner img {
	width:100%;
	height:auto;
	border:0;
}		
a:link, a:visited {
	color: #741C32;
	text-decoration: none;
	}

a:hover {
    color: #333333;
    text-decoration: none;
}


.navigation li {
	border: none;
	}
	
.start .header {
	line-height: 110%;
	/* fallback (Opera) */
	   background: #E4E4E4;
	/* Mozilla: */
	   background: -moz-linear-gradient(top, #F3F3F3, #E0E0E0);
	/* Chrome, Safari:*/
	   background: -webkit-gradient(linear,
	         left top, left bottom, from(#F3F3F3), to(#E0E0E0));
	/* MSIE */
	   filter: progid:DXImageTransform.Microsoft.Gradient(
	        StartColorStr='#F3F3F3', EndColorStr='#E0E0E0', GradientType=0);
	line-height: 2.5em;
	border-bottom: 1px solid #C0C0C0;
	margin-bottom: 1em;
	font-size: 1.15em;
	}
	
.wrap {
	background-color: #EAEAEA;
	-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);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
		}

.content {
	background-color: #EDEDED;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: 0 0 5px rgba (51, 51, 51, 0.1);
	-webkit-box-shadow: 0 0 5  rgba(51, 51, 51, 0.1);
	-moz-box-shadow: 0 0 5  rgba(51, 51, 51, 0.1);
	}
	
.navigation li {
	 /* fallback (Opera) */
	    background: #678342;
	 /* Mozilla: */
	    background: -moz-linear-gradient(top, #769053, #597534);
	 /* Chrome, Safari:*/
	    background: -webkit-gradient(linear,
	                left top, left bottom, from(#769053), to(#597534));
	 /* MSIE */
	    filter: progid:DXImageTransform.Microsoft.Gradient(
	                StartColorStr='#769053', EndColorStr='#597534', GradientType=0);
	                
	color: #FFFFFF;   
	font-family: UbuntuRegular,Arial,sans-serif;
  }
  
.navigation .text {
	color: #FFFFFF;
	}
	
.navigation li a:hover {
   	background-color: #495C30;
	}

.sidebar h4, .sidebar_priority h3, .sidebar h5, .sidebar_priority h5 {
	background-color: #333333;
	border-radius: 4px 4px 0 0;           
	line-height: 30px;
	color: #FFFFFF;
	font-family: UbuntuRegular,Arial,sans-serif;
	}

.meeting .date, .program .date, .posters .date, .symposium .date, .content h2 {
	/* fallback (Opera) */
		   background: #E4E4E4;
		/* Mozilla: */
		   background: -moz-linear-gradient(top, #F3F3F3, #E0E0E0);
		/* Chrome, Safari:*/
		   background: -webkit-gradient(linear,
		         left top, left bottom, from(#F3F3F3), to(#E0E0E0));
		/* MSIE */
		   filter: progid:DXImageTransform.Microsoft.Gradient(
	        StartColorStr='#F3F3F3', EndColorStr='#E0E0E0', GradientType=0);
	font-color: #000000;
	font-family: UbuntuRegular,Arial,sans-serif;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9);
	border-radius: 4px;
	border-bottom: 1px solid #c0c0c0;
	line-height: 2.5em;
	        }

.session .subtitle .number {
	padding: 0 4px;
	float: left;
	margin: 0 5px 0 0;
	text-shadow: none;
}
.subtext {
	color: #000000;
	}
	
.banner img {
	width: 100%;
	}
.paper .number {      
	color: #333333;      
	font-size: 1.3em; 
}

/* banner adapt for pag */
.banner {
	height: auto;
	width: 100%;
	margin: 0px;
	}
.session .medialink {
    background-color: #DDDDDD;
    border: 1px solid #CCCCCC;
}
.paper .medialink {
    border: 1px solid #CCCCCC;
    background-color: #DDDDDD;
}




/*****************************************************************************
ADAPT.JS Overrides for different range widths:
Please put all master, non-range specific styles ABOVE these overrides!
*****************************************************************************/

/* Style overrides for: 0px to 760px */
   
	html#range_0 .banner {
		background-color:#678342;
		border-bottom:2px groove #666;
	}
	html#range_0 .banner h1 div.bannertitle {
		background-color: #678342;
	}
	html#range_0 .banner .menu button {
		background:#678342 url('/static/img/buttongradient.png') 50% 50% repeat-x;	
		}
	html#range_0 .menu .mobilenav {
		background-color:#96a780;
	}	
	html#range_0 .menu .mobilenav ul.nav li {
		border-top:2px groove #ddd;
	}	
	html#range_0 .menu .mobilenav ul.nav li a.menustart div.box {		
		background-color:#678342;		
	}
	
	html#range_0 .menu .mobilenav ul.nav li a.menubrowse div.box {
		background-color:#678342;
	}
	
	html#range_0 .menu .mobilenav ul.nav li a.menuauthor div.box {
		background-color:#678342;		
	}
	
	html#range_0 .menu .mobilenav ul.nav li a:hover {
		background-color:#6e884c;
	}

	
/* END Style overrides for: 0px to 760px */
/* BEGIN Style overrides for: 760px  to 980px */

	html#range_1 .banner img {
		width:720px;
		height:68px;
		margin-top:0;
	}
	html#range_1 .banner {
		background-color: #495c30;
		height: 68px;
	}
/* END Style overrides for: 760px  to 980px */
/* BEGIN Style overrides for: 980px  to 1280px */

	html#range_2 {}

/* END Style overrides for: 980px  to 1280px */
/* BEGIN Style overrides for: 1280px to 1600px*/

	html#range_3 .banner img {
		width: 100%;
		height: auto;
	}
	html#range_3 .banner {
		height: auto;
	}

/* END Style overrides for: 1280px to 1600px*/
/* BEGIN Style overrides for: 1600px to 1920px */

	html#range_4 .banner img {
		width: 100%;
		height: auto;
	}
	html#range_4 .banner {
		height: auto;
	}

/* END Style overrides for: 1600px to 1920px */
/* BEGIN Style overrides for: 1940px to 2540px */

	html#range_6 .banner img {
		width: 100%;
		height: auto;
	}
	html#range_6 .banner {
		height: auto;
	}

/* END Style overrides for: 1940px to 2540px */
/* BEGIN Style overrides for: 2540px */

	html#range_5 .banner img {
		width: 100%;
		height: auto;
	}
	html#range_5 .banner {
		height: auto;
	}

	
/* END Style overrides for: 2540px */
	
/*****************************************************************************
END oF ADAPT.JS Overrides for different range widths:
Please put all master, non-range specific styles ABOVE these overrides!
*****************************************************************************/     

/****** 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;
}*/