@charset "UTF-8";
/* CSS Document */

.opr_homepage_header {
	display:block;
	float:left;	
	margin:0 0 5px 5px;
	overflow:hidden;
	padding:4px 2px 4px 7px !important; 
	vertical-align:middle;
	/*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background:url(/opreview/images/bannerbg.jpg) no-repeat #064e80;
	font-family:UniversLTStd65Bold;
	color:#000;
	width:760px;
	height:80px;
	border:1px solid #005595;
	
}

.opr_header_text {
	float:left; 
	padding:0 10px 0 10px; 
	font-family:UniversLTStd65Bold;
}

.opr_header {
	background: url(/opreview/images/bannerbg-purple.gif) 0 0 no-repeat #064e80;
	width:402px;
	height:40px;
	float:left;
	margin:0 0 5px 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	padding:4px 2px 4px 4px !important;
	font-family:UniversLTStd55Roman;
	border:1px solid #005595;
	text-transform:uppercase;
}

.opr_header h3 {
	font-size:1.2em;
	margin-top:14px;
}
.opr_header h2 {
	display:none;
}

#opr_text-resize {
	background:none repeat scroll 0 0 #EEEEEE;
	border:1px solid #CCCCCC;
	display:block;
	float:right;
	margin:5px 4px 5px 5px !important;
	padding:3px !important;
	text-align:center;
	width:90px;
	
}

#opr_text-resize a {
	text-decoration:none;
	font-weight:normal !important;
	font-family:Arial, Helvetica, sans-serif;
}

#opr_text-resize a:hover {
	text-decoration:underline;
}

.opr_signup-button {
	display:block;
	overflow:hidden;
	padding:5px !important; 
	vertical-align:middle;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	box-shadow: 0 1px 2px rgba(0,0,0,.4);
	background: url(/opreview/images/buttonbg.jpg) no-repeat -250px 0 #334ba1;
	border:solid 2px #004f7f;
	font-family:UniversLTStd65Bold;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	font-size:1.2em;
}

.opr_signup-button:hover {
	text-decoration:underline;
}

/*************************
*
*Calendar with Tooltips
*
*************************/

.calendar-highlight { background-color:#e6e9f0; }

.tooltip { 	color: #000; 
			outline: none;
			position: relative;
			
			font-weight:bold;
		  	display:block;
		  	width:15px;
		  	height:15px;
			
			text-decoration:none;
		}
		.tooltip span {
			color: #000000;
			margin-left: -999em;
			position: absolute;
			font-weight:normal;
			
			padding: 0.8em 1em;
			
			background: #f8f8f9; 
			border: 1px solid #bfc8dc; 
			font-size: .85em; 
			z-index:100 !important;
			
			
		}
		.tooltip:hover { 
			background-position:bottom left;

		}
		.tooltip:hover span {
			border-radius: 5px 5px ; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			position: absolute; left:5px; top:10px; 
			margin-left: 0; width: 14em;
			overflow: auto;
		}
		.tooltip:hover img {
			border: 0; margin: -10px 0 0 55px;
			float: left; position: absolute;
		}
		.tooltip:hover em {
			font-size: 12px; font-weight: bold;
			display: block; padding: 3px 0 3px 0;
		}
		.custom { padding: 0.5em 10em 0.8em 2em; }
		


/* Table sample 01 */

#table-style-opr {
	border-left:1px #bfc8dc solid !important;
	border-bottom:1px #bfc8dc solid !important;
}

#table-style-opr  td, #table-style-opr  th {
	border-top:1px #bfc8dc solid;
	border-right:1px #bfc8dc solid !important;
}

#table-style-opr  thead th {
	background-color:#005595;
	color:#FFF;
}

#table-style-opr  tfoot {
	background-color:#e6e9f0;
	color:#000;
}

/*************************
Browse Aloud and Youtube
left navigation
*************************/

.browse_aloud_nav { 
	background: url(/images/browsealoud-32.gif) no-repeat;
	cursor: pointer; 
	padding-top: 32px;
	width: 32px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
	margin-left:10px !important; }

.youtube_nav { 
	background: url(/images/youtube_logo_70.gif) no-repeat;
	cursor: pointer; 
	padding-top: 26px;
	width: 70px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
	margin-left:10px !important;
	margin-top:3px !important;  }
	
	
/*************************
*
* Stages Circles
*
*************************/

.circle {
	display: block;
	display: block;
	width: 60px;
	height: 60px;
	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
	background: url(/opreview/images/buttonbg.jpg) no-repeat -250px 0 #334ba1;
	border:solid 3px #004f7f;
	color:#FFF;
	text-align:center;
	float:left;
}
	.circle h3 { padding-top:18px; margin-bottom:-3px !important; }
	.circle h3 a { text-decoration:none; color:#FFF }
	.circle h3 a:hover { text-decoration:underline; }
	.circle p { font-size:9px !important; }