@import url('adapt.css');

input.btn {
	 border: 2px solid #999999;
    border-radius: 3px;
    box-shadow: 5px 2px 2px 0 #333333;
    color: #333333;
	font-family: Arial, sans-serif;
    font-size: 15px;
	font-weight: bold;
    padding: 2px 4px 2px 4px;
	line-height: 20px;
	cursor: pointer;
	margin-top: 5px;
   margin-bottom: 5px;
   margin-right: 1em; }
   
   input.btn:hover {
 background-color:  #FFFFEA;
     color: #000000;
	 border: 1.5px solid #cccccc;
    border-radius: 3px;
    box-shadow: inset 3px 3px 3px 0 #333333;
    color: #333333;
	font-family: Arial, sans-serif;
    font-size: 15px;
	font-weight: bold;
    padding: 2px 4px 2px 4px;
	line-height: 22px;
 }
 input.btn {

   background-color: #FFFFEA; }

body, body.webprogram {
	background-color: #F0F0F0;
	margin: 0;
	padding: 0;
	color: #000;
	line-height: 1.6;
	}
a, a:link, a:focus, a:active {
	color: #079299;

}

.content p {
padding-bottom: 10px;
}

.navigation {
	background-color: none repeat scroll 0 0 #F9F9F5;
	border-bottom: none;
	}
	
ul.nav li {
	border-bottom: 1px solid #666666;
	border-top: none;
	}
	
.navigation li a, .navigation li a:link, .navigation li a:visited, .navigation li a:active, .navigation li a:focus, .navigation li a:hover {
	font-weight: normal;
	color: #42413C;
	border: none;
	}
	.navigation li a:hover {
		  background: #fdf575;
		  color: #000;

		}
		
.banner {
	height: auto;
	}
	.banner img {
		height: auto;
		width: auto;
		padding-left: 60px;
		}
		html#range_1 .banner {
			height: auto;
			padding:0;
			}
			html#range_1 .banner img {
				height: auto;
				width: 100%;
				padding:0;
				}


.session .papertitle {
margin-left: 8em;
}


/* Cluster Pages */
.cluster .persongroup {
	margin: 10px 0px;
	}
	.cluster .persongroup .group {
		font-weight: bold;
		}
		
.cluster .parents, .cluster .siblings{
	text-align: center;
	}
	
/* Session Page Cluster Section */

.clusterSection {
	background-color: #F0F0F0;
	padding: 10px;
	}
	.cluster, .symposiumTitle, .Language {
		margin: 8px 0px;
		}
	
.cluster .paper {
    clear: left;
    margin: 0.5em 0;
    text-align: left;
}
.cluster .papertime {
    float: left;
    text-align: right;
    width: 7.4em;
}
.cluster .papernumber {
    float: left;
    font-weight: bold;
    margin-left: 0.5em;
    text-align: center;
    width: 7em;
}
.cluster .papertitle {
    margin-left: 8em;
    text-align: left;
}
.cluster .persongroup {
    clear: left;
    margin: 0.5em 0;
    text-align: left;
}
.cluster .group {
    float: left;
    font-size: 1em;
    text-align: right;
    width: 14.4em;
}
.cluster .people {
    font-size: 1em;
    font-style: italic;
    margin-left: 15em;
    text-align: left;
}
.cluster .datetime {
    color: #000;
    font-style: italic;
    margin: 1em 0 0.2em;
    text-align: left;
}
.cluster .location {
    color: #000;
    font-style: italic;
    margin-bottom: 1em;
    text-align: left;
}
.cluster .parents {
    border-top: 1px solid #ccc;
    margin-top: 1em;
    padding: 0.5em 0;
    text-align: center;
}
.clister .siblings {
    border-bottom: 1px solid #ccc;
    margin-top: 0.5em;
    padding: 0.5em 0;
    text-align: center;
}
.cluster .media {
    line-height: 2em;
    margin: 0.9em;
    padding: 0 0.5em;
}
.cluster .medialink {
    border: 1px solid #efefef;
    margin-right: 2em;
    padding: 0.2em 0.1em;
    white-space: nowrap;
}	

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


.sidebar_priority {
  border: 1px solid #CCC;
  background-color: #FFFFEA;
  margin: 15px 0;
  padding: 0 10px 10px;
  text-align: left;
}

.sidebar h4, .sidebar_priority h3, .sidebar h5, .sidebar_priority h5, .content h2 {
  margin: 0 -10px 10px;
  padding: 5px 10px;
  color: #000;
  background-color: #F9F9F5;
}

.navigation {
	background-color: #F9F9F5;
}

.sidebar_priority h5 {
    background-color: #FFFFEA;
}


.item .recordings {
  width: auto;
}

.item .itemtitle {
  margin: 0;
  font-weight: normal;
}

.item, .itemset {
    text-align: left;
    clear: left;
    margin: 0px 0px 10px 8.6em;
}