body
{
	margin: 0;
	padding: 0;
	color: #555;
	font-family: 'cabin', 'helvetica neue', 'Helvetica', Arial, sans-serif;
	font-size: 100%;
	background: url('../img/background.png') repeat;
}

#page.container h4{
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 .5em 0;
}
.blog #page.container .profile-box h4{
	font-size: 14px;
}

a{
	color: #8dae53;
}

a:hover{
	color: #607638;
}

#content .info-block li{
	margin: 0 0 .75em 0;
}
#content .info-block > ol{
	list-style: none;
	margin: 0;
}
.copyright{
	list-style: decimal;
	margin: 0;
}

.right{
	float: right;
}
#browser-alert{
	position: absolute;
	z-index: 2000;
	width: 100%;
	text-align: center;
	padding: 50px 0;
	display: none;
}
.contact-unc{
	background: rgba(255,255,255,0.1) !important;
}
#bg {
	position:fixed; 
	top:-50%; 
	left:-50%; 
	width:200%; 
	height:200%;
}
.tooltip{
	z-index: 2400;
}
#bg img {
	position:absolute; 
	top:0; 
	left:0; 
	right:0; 
	bottom:0; 
	margin:auto; 
	min-width:50%;
	min-height:50%;
}
hr{
	margin:0;
}
#page.container{
	position: relative;
}
#dashboard-message{
	display: none;
}
.dashboard-index #dashboard-message{
	display: block;
position: absolute;
top: -35px;
left: 377px;

}
.dashboard-index #dashboard-message a{
	background: #fff url('../img/einibutton.png');
	padding: 10px 12px 10px 80px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-box-shadow: 0 2px 1px 0px #8c6ccf;
	   -moz-box-shadow: 0 2px 1px 0px #8c6ccf;
	        box-shadow: 0 2px 1px 0px #8c6ccf;
}
#fundsmessage{
	display: none;
}
.subscription #fundsmessage{
	display: block;
	position: absolute;
	right: 30px;
	top: 610px;
	color: rgb(162, 127, 66);
	width: 330px;
	background: #fcf8e3;
	padding: 20px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	border: 1px solid #fbeed5;
	border-radius: 2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}
.slider-arrows{
	width: 96%;
	margin: -31px 0 0 0;
	position: absolute;
	top: 50%;
	/*left: 13.0%;*/
}

.slider-arrows div{
	height: 63px;
	width: 64px;
	background-image: url('../img/arrows.png');
	display: block;
	opacity: 0.6;
	cursor: pointer;
	position: absolute;
}

.left-arrow{
	background-position: left top;
	float: left;
	left: 10%;
}

.left-arrow:hover{
	background-position: left bottom;
}

.right-arrow{
	background-position: right top;
	float: right;
	right: 10%;
}

.right-arrow:hover{
	background-position: right bottom;
}

.home #page.container{
	background: none;
	position: relative;
	z-index: 600;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	height: 100%;
	margin: 0 auto;
}

li ol,
li ul{
	margin: 0 0 0 20px;
}

.about.whybohp #page.container,
.provider-training #page.container,
.about #page.container{
	background: url('../img/toothbrush-woman-bg.jpg') no-repeat #fff;
}
.provider-training #page.container,
.payment-success #page.container,
.payment-error #page.container{
	min-height: 500px;
}
.about.overview #page.container,
.login #page.container,
.payment-success #page.container,
.payment-error #page.container,
.contact #page.container{
	background: url('../img/kissing-belly-bg.jpg') no-repeat #fff;
}
.about.mission #page.container,
.about.policies #page.container,
.locator #page.container,
.about.additional #page.container,
.about.subscription #page.container{
	background: url('../img/girl-listening-bg.jpg') no-repeat #fff;
}
.about.additional #page.container ul a{
	color: yellow;
}

.about.implementing #page.container,
.about.copyright #page.container,
.about.rationale #page.container,
.about.ce #page.container,
body.repository #page.container{
	background: url('../img/woman-holding-belly-bg.jpg') no-repeat #fff;
}
#page.container{
	background: #fff;
}

.implementing .step{
	display: inline-block;
	vertical-align: top;
}

.implementing .step-title{
	display: inline-block;
	vertical-align:top;
	width: 410px;
	margin: 0 0 0 6px;
}

.about.mission #page.container .info-block a,
.about.policies #page.container .info-block a{
	color: yellow;
}

.repository .container.upper{
	width: 510px;
	margin: 0;
}

.about.subscription table{
	border: 1px solid #ccc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	border-collapse: inherit;
}

.about.subscription table tr th{
	font-size: 1.125em;
	font-weight: bold;
	color: #d52c65;
	padding: 6px 10px 6px 5px;
	/* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ccc));
  
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #fff, #ccc);
  
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #fff, #ccc);
  
  /* IE 10 */
  background: -ms-linear-gradient(top, #fff, #ccc);
  
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #fff, #ccc);
}
.about.subscription table td:nth-child(2){
	width: 200px;
}

.about.subscription table td:nth-child(even){
	background: rgba(255, 255, 255, 0.2);
}

.about.howtouse #page.container{
	background: url('../img/girl-listening-bg.jpg') no-repeat #fff;
}

.about.implementing .noliststyle{
	list-style: lower-alpha;
}
.about.implementing ol h3{
	color: #8dae53;
}
.about.implementing ol h3:hover{
	color: #607638;
}
.about.implementing ol li{
	cursor: pointer;
}

.about.implementing ol h3 + div{
	display: none;
	margin: 1em 0 0;
}
.about h3{
	font-size: 22px;
}

.about #page.container h4{
	font-size: 18px;
	margin-top: 10px;
}
.contributors #page.container,
.partners #page.container{
	background: url('../img/woman-holding-belly-bg.jpg') no-repeat #fff;
}
.partners #page.container img{
	max-width: 180px;
	padding:10px;
	background: #fff;
	position: absolute;
	top: 50%;
	display: block;
	overflow: auto;
}

.support-holder{
	width: 200px;
	height: 200px;
	background: white;
	float: left;
	margin: 6px;
	position: relative;
}

.about #page .gray_bar{
	min-height: 300px;
}
.locator #page{
	min-height: 480px;
}

.search_result{
	width: 50%;
	display: inline-block;
	margin: 0 0 20px;
	vertical-align: top;
}

.repository #page #content,
.about #page #content,
.contributors #page #content,
.provider-training #page #content,
.login #page #content,
.locator #page #content,
.payment-success #page #content,
.payment-error #page #content,
.contact #page #content{
	width: 510px;
	color: #5e5e5e;
	line-height: 1.5em;
}

.provider-training #page .title,
.locator #page .title,
.payment-success #page .title,
.payment-error #page .title{
	width: 512px !important;
	color: #fff;
}

#page .title{
	width: 644px;
	color: #8c6ccf !important;
}
.contact #page .title{
	margin: 0 0 0 1em;
	padding-left: 0;
}
.contact #page #content{
	margin-left: 1.8125em;
	padding-left: 0;
}

.contact .form .hint{
	color: #fff;
	margin:1em 0;
}
/*.repository #page .title{
	width: 510px;
	color: #fff !important;
	margin-left: 1em;
	padding: .5em 1em .5em 0;
}*/
.about #page > .title,
.login #page > .title{
	display: none;
}
.contributor-title{
	margin: 0 0 0 1em;
}
.about #page #content,
.login #page #content,
.repository #page #content{
	border: none;
}

.login div.form .hint{
	color: #fff;
}

.payment-success a,
.payment-error a{
	color: #8dae53;
}

.about #page #content #title_bar h1,
.login #page #content h1,
.contact #page #content h1{
	padding: 0 0 .5em 0 !important;
}

.about #page #content .gray_bar,
.login #page #content > p{
	padding: 1em 0 0 0;
	border-top: 1px solid #8c6ccf;
}

.about.overview .info-block ul li img{
	border: 5px solid white;
	max-width: 455px;
	margin: .5em 0 .75em;
}

.spanish{
	float: none;
	margin: 0;
}

.presentation #page.container{
	background: none;
	position: relative;
	z-index: 600;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	height: 100%;
}

.presentation #content{
	border: none;
	padding: 0;
}

#page.dashboard{
	background: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

#page.dashboard #content,
.presentation #page #content{
	border: none;
	padding: 0;
}

#page.dashboard .dashboard-text{
	width: 120px;
	position: absolute;
	z-index: 800;
	line-height: 1.35em;
	padding: 20px;
	color: black;
	bottom: 50px;
}

#page.dashboard .text-background{
	width: 120px;
position: absolute;
background-image: -webkit-gradient(
  linear, left top, left bottom, from(rgba(255,255,255,0)),
  to(rgba(255,255,255,1.0)), color-stop(.96,#fff)
);
background-image: -moz-linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1.0) 95%);

/* approximately a 33% opacity on blue */
filter: progid:DXImageTransform.Microsoft.gradient(
  startColorstr=#00FFFFFF, endColorstr=#95FFFFFF
);

/* IE8 uses -ms-filter for whatever reason... */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(
  startColorstr=#00FFFFFF, endColorstr=#95FFFFFF
);

z-index: 700;
padding: 20px;
bottom: 0;
height: 410px;
}

.dashboard ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.dashboard li:first-child{
	margin: 0;
}

.dashboard li{
	float: left;
	margin: 0 0 0 4px;
	position: relative;
}

.dashboard li a{
	display: block;
	height: 450px;
	width: 160px;
	position: relative;
	z-index: 1000;
	background: url('../img/dashboard_sprite.jpg');
	background-position: left bottom;
	text-indent: -9999px;
}

.dashboard li.one a{
	background-position: -328px bottom;
}

.dashboard li.one a.b{
	background-position: -328px top;
}

.dashboard li.two a{
	background-position: -820px bottom;
}

.dashboard li.two a.b{
	background-position: -820px top;
}

.dashboard li a.b{
	position: absolute;
	top: 0;
	z-index: 0;
}

.dashboard li.three a.b{
	background-position: left top;
}

.dashboard li.four a{
	background-position: -164px bottom;
}

.dashboard li.four a.b{
	background-position: -164px top;
}

.dashboard li.five a{
	background-position: -656px bottom;
}

.dashboard li.five a.b{
	background-position: -656px top;
}

.dashboard li.six a{
	background-position: -492px bottom;
}

.dashboard li.six a.b{
	background-position: -492px top;
}

.dashboard h3{
	color: white;
	background: #8c6ccf;
	display: block;
	position: absolute;
	bottom: 16px;
	width: 126px;
	left: 0;
	font-size: .875em;
	text-transform: uppercase;
	line-height: 1em;
	padding: .5em .825em .5em .825em;
	z-index: 1200;
}

.home #page.container #content{
	border: none;
}

.front-slider{
	right: 18%;
	position: absolute;
	top: 50%;
	margin: -120px 0 0;
	width: 300px;
}

.front-slider header{
	background: #8c6ccf;
	color: #fff;
	padding: .825em 1.25em;
}

.front-slider header h2{
	line-height: 1em;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 24px;
	color: #fff;
	margin: 0;
}

.front-slider .slider-container{
	background: #fff;
	padding: .825em 1.25em;
	overflow: auto;
}

.front-slider .slider-container p{
	font-size: .9375em;
	color: #999;
	line-height: 1.75em;
}

.front-slider .slider-container a{
	border: 1px solid #dadada;
	color: #979797;
	text-transform: uppercase;
	font-size: .825em;
	padding: .5em 1em;
	float: right;
	background-color: #1a82f7; 
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#d9d9d9));
	background-image: -webkit-linear-gradient(top, #f5f5f5, #d9d9d9); 
	background-image:    -moz-linear-gradient(top, #f5f5f5, #d9d9d9);
	background-image:     -ms-linear-gradient(top, #f5f5f5, #d9d9d9);
	background-image:      -o-linear-gradient(top, #f5f5f5, #d9d9d9);
	margin: .5em 0;
	text-decoration: none;
}

.front-slider .slider-container a:hover{
	background-color: #8c6ccf;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8c6ccf), to(#694ea1));
	background-image: -webkit-linear-gradient(top, #8c6ccf, #694ea1); 
	background-image:    -moz-linear-gradient(top, #8c6ccf, #694ea1);
	background-image:     -ms-linear-gradient(top, #8c6ccf, #694ea1);
	background-image:      -o-linear-gradient(top, #8c6ccf, #694ea1);
	color: #fff;
	border: 1px solid #694ea1;
}

.front-slider{
	display: none;
}

#providervideo_wrapper{
	border: 10px solid #fff;
	-moz-box-shadow: 0 0 10px #CCC;
	-webkit-box-shadow: 0 0 10px #CCC;
	box-shadow: 0 0 10px #CCC;
}

#page
{
	background:#e9e9e9;
	margin-top: 150px;
	width: 980px;
	-moz-box-shadow: 0 0 10px #7f9e4a;
	-webkit-box-shadow: 0 0 10px #7f9e4a;
	box-shadow: 0 0 10px #7f9e4a;
}

.clinical-charting #page .name{
	display: inline-block;
	width: 30%;
	margin: 0;
}

.clinical-charting .dropdown{
	padding: 10px 0 0;
}

.clinical-charting select{
	width: 150px;
}

.clinical-charting #content .right-side .combined-titles{
	margin: 0 !important;
}

.clinical-charting #page .name label,
.clinical-charting #page .date label{
	font-size: 1em;
}

.clinical-charting #page .name input,
.clinical-charting #page .date input{
	margin-bottom: 0;
	width: 183px;
}

.clinical-charting #page.container .option-titles{
	width: inherit;
}

.clinical-charting #page.container .option-titles .title{
	width: inherit;
}

.clinical-charting .input-container .inputs{
	min-height: 50px;
}

.clinical-charting .alert-error{
	margin: 1em 0 0;
}

.clinical-charting #page .date{
	display: inline-block;
	width: 30%;
	margin: 0 0 0 5%;
}

.clinical-charting #page, .clinical-charting .container{
	width: 700px;
}

.clinical-charting #page .inputs .dropdown{
	text-align: center;
}

.clinical-charting #page .inputs .dropdown select{
	width: 140px;
	margin: 0;
	height: initial;
}

.clinical-charting #page .inputs span.label,
.clinical #page .inputs span.label{
	width: 300px;
	display: table-cell;
	vertical-align: middle;
	padding: 0 20px 0 20px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	font-size: .875em;
	font-weight: normal;
	background: #fff;
	color: #555;
	text-shadow: none;
	white-space: normal;
	line-height: 1.25em;
}

.clinical-charting #page .inputs span.input,
.clinical #page .inputs span.input{
	display: table-cell;
	width: 50px;
	height: 50px;
	vertical-align: middle;
	text-align: center;
	/*padding: 12px 0;*/
}

.clinical-charting #page .inputs span:nth-child(3),
.clinical-charting #page .inputs span:nth-child(5),
.clinical #page .inputs span:nth-child(2),
.clinical #page .inputs span:nth-child(4){
	background: #f5f5f5;
}

.clinical-charting #page .inputs span.input.dropdown{
	width: 152px;
}

.clinical-charting #content fieldset:first-of-type .combined-titles{
	margin: 0 0 0 340px;
}

.clinical-charting #page fieldset .title,
.clinical #page fieldset .title{
	text-align: center;
	padding: 14px 0 0 0;
	font-size: 1em;
	border: none;
	display: table;
	height: 22px;
	vertical-align: middle;
	margin: 0 0 0 0px;
}

.clinical-charting .option-titles{
	float: left;
}

.clinical #page fieldset{
	margin: 1.5em 0 0 0;
}

.clinical #page fieldset:first-of-type .title,
.clinical #page fieldset:nth-of-type(2) .title{
	margin: 0 0 0 340px;
}

.clinical-charting #page fieldset .title .yes,
.clinical #page fieldset .title .h{
	margin: 0 0 0 300px;
	display: table-cell;
	vertical-align: middle;
	width: 50px;
}

.clinical #page fieldset .antpost{
	margin: 0 0 0 302px;
}

.clinical #page fieldset .title .ant{
	margin: 0 0 0 300px;
	display: table-cell;
	vertical-align: middle;
	width: 90px;
}

.clinical #page fieldset .title .post{
	margin: 0 0 0 300px;
	display: table-cell;
	vertical-align: middle;
	width: 90px;
}


.clinical-charting #page fieldset .title .no,
.clinical #page fieldset .title .m{
	margin: 0 0 0 15px;
	display: table-cell;
	vertical-align: middle;
	width: 50px;
}

.clinical-charting #page fieldset .title .na,
.clinical #page fieldset .title .l{
	margin: 0 0 0 15px;
	display: table-cell;
	vertical-align: middle;
	width: 50px;
}

.clinical-charting #page fieldset .title .till{
	margin: 0 0 0 15px;
	display: table-cell;
	vertical-align: middle;
	width: 120px;
}

.clinical-charting .input-container,
.clinical .input-container,
.clinical #page .input-container{
	background: #fff;
	border-bottom: 1px solid #e3e3e3;
}

.clinical-charting .inputs,
.clinical .inputs,
.clinical #page .inputs{
	text-align: left;
	display: table;
	height: 30px;
	background: #fff;
}

.clinical-charting #set-2 .input-container:nth-child(2) .inputs,
.clinical-charting #set-2 .input-container:nth-child(3) .inputs{
	float: left;
}

.clinical-charting .print{
	display: none;
}

.clinical-charting #set-2 select{
	width: 130px;
	margin: 0 0 2px 11px;
}

.clinical-charting .combined-titles{
	overflow: auto;
	border-bottom: 1px solid #e5e5e5;
}

.clinical-charting .combined-titles legend{
	border: none;
}

.clinical-charting legend{
	text-align: left;
	padding: 6px 0 0;
	font-size: 1.0625em;
	margin: 0;
	font-weight: 600;
	width: 340px;
	float: left;
}

.input-container .inputs textarea{
	margin: 1em 0 1em 0;
	width: 280px;
}

#page .title,
.login #page > #content h1{
	text-align: left;
	/*border-bottom: 1px solid #DDD;*/
	padding: .5em 1em;
	font-size: 1.75em;
	color: #8c6ccf;
	/*text-transform: uppercase;*/
	font-weight: 400;
	margin-bottom: 0;
}

#content{
	border-top: 1px solid #F6F6F6;
	padding: 1em 1.8125em;
	overflow: hidden;
}

.report-card #page.container,
.referral-form #page.container{
	width: 700px;
}

.referral-form .row.half{
	display: inline-block;
	width: 49%;
}

.referral-form #specify,
.report-card #specify{
	width: 100%;
	height: 180px;
}

.report-card .row.half{
	display: inline-block;
	width: 49%;
}

.container{
	width: 100%;
}

.presentation #page.container{
	width: 980px;
}

#header
{
	position: absolute;
	top: 30px;
	z-index: 1300;
	width: 100%;
	background: url('../img/header-bg.png');
	height: 70px;
}

.repository .container table tr td:nth-child(2){
	width: 350px;
}

#header .container{
	width: 980px;
}
#sidebar
{
	padding: 20px 20px 20px 0;
}

#footer
{
	padding: 1em;
	font-size: 0.8em;
	text-align: center;
	color: #fff;
}

#footer p{
	margin: 0;
}

#footer a{
	color: #fff;
}

#logo a
{
	height: 80px;
	width: 200px;
	background: url('../img/logo.png') no-repeat;
	display: block;
	text-indent: -9999px;
	margin: -5px 0 0 0;
	padding: 0;
	text-align: left;
	float: left;
}

#mainmenu
{
	float: right;
	display: table;
}

#mainmenu ul
{
	padding:2px 15px 5px;
	margin:0px;
	position: relative;
}

#mainmenu ul > li
{
	display: table-cell;
	height: 68px;
	vertical-align: middle;
	float: none;
}

#mainmenu ul li a
{
	color: #8c6ccf;
	font-size: 13px;
	font-weight: 500;
	text-shadow: none;
	padding: 0 0 0 1.0em;
	text-decoration: none;
}

#mainmenu ul li a:hover, #mainmenu ul li.active > a
{
	color: #8c6ccf;
	text-decoration: underline;
}

#mainmenu ul li:hover ul{
	display: block;
}

#mainmenu ul ul li a{
	padding: 0;
}

#mainmenu ul ul{
	position: absolute;
	z-index: 1000;
	background: #fff;
	padding: 0;
	top: 65px;
	display: none;
	margin: 0 0 0 14px;
}

#mainmenu ul ul li:first-child{
	border-top: 1px solid #D5E2EB;
}

#mainmenu ul ul li{
	display: block;
	height: inherit;
	padding: .5em 1em;
	border-bottom: 1px solid #D5E2EB;
}

.profile-box{
	margin: 0 0 1em 0;
	background: #fff;
}
.profile-box p{font-size:11px;}

div.flash-error, div.flash-notice, div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

div.view
{
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
	font-size: 0.9em;
	padding: 5px 20px;
}

div.breadcrumbs span
{
	font-weight: bold;
}

div.search-form
{
	padding: 10px;
	margin: 10px 0;
	background: #eee;
}
.btn,
.orange_bar a{
	display: inline-block;
padding: 4px 14px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
color: #333;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: whiteSmoke;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
background-image: -webkit-linear-gradient(top, white, #E6E6E6);
background-image: -o-linear-gradient(top, white, #E6E6E6);
background-image: linear-gradient(to bottom, white, #E6E6E6);
background-image: -moz-linear-gradient(top, white, #E6E6E6);
background-repeat: repeat-x;
border: 1px solid #BBB;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-bottom-color: #A2A2A2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover,
.orange_bar a:hover{
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn.active,
.btn:active,
.orange_bar a:active{
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-primary,
.orange_bar a{
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #694ea1;
  *background-color: #0044cc;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8c6ccf), to(#694ea1));
  background-image: -webkit-linear-gradient(top, #8c6ccf, #694ea1);
  background-image: -o-linear-gradient(top, #8c6ccf, #694ea1);
  background-image: linear-gradient(to bottom, #8c6ccf, #694ea1);
  background-image: -moz-linear-gradient(top, #8c6ccf, #694ea1);
  background-repeat: repeat-x;
  border-color: #8c6ccf #8c6ccf #694ea1;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8c6ccf', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.orange_bar,
 #interview{
	padding: 0 1em 0 0;
}

.btn-success,
#presentation-1 a.spanish-link{
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  *background-color: #51a351;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

#presentation-1 a.spanish-link{
	text-indent: 0px;
	top: 10px;
	right: 10px;
	width: auto;
	padding: 8px;
}

button.btn, input[type="submit"].btn{
	  margin: 0;
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled],
#presentation-1 a.spanish-link:hover{
  color: #ffffff;
  background-color: #51a351;
  *background-color: #499249;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled],
.orange_bar a:hover{
  color: #ffffff;
  background-color: #694ea1;
  *background-color: #003bb3;
}

.btn-primary:active,
.btn-primary.active,
.orange_bar a:active{
  background-color: #003399 \9;
}

.orange_bar{
	padding: 1em 0 0 0;
	float: left;
}

.portlet
{

}

.portlet-decoration
{
	padding: 3px 8px;
	background: #B7D6E7;
	border-left: 5px solid #6FACCF;
}

.portlet-title
{
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #298dcd;
}

.portlet-content
{
	font-size:0.9em;
	margin: 0 0 15px 0;
	padding: 5px 8px;
}
.sidebar-cats p{
	background:#fff;
	margin: 0 0 1em 0;
}
.profile-box h4{
	background: #fff;
	padding: 0.5em;
}

.profile-box p{
	background: #fff;
	padding-top: 0 !important;
}

.portlet-content ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.portlet-content li
{
	padding: 2px 0 4px 0px;
}

.operations
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.operations li
{
	padding-bottom: 2px;
}

.operations li a
{
	font: bold 12px Arial;
	color: #0066A4;
	display: block;
	padding: 2px 0 2px 8px;
	line-height: 15px;
	text-decoration: none;
}

.operations li a:visited
{
	color: #0066A4;
}

.operations li a:hover
{
	background: #80CFFF;
}

.presentation-container{
	background: #e9e9e9;
	-moz-box-shadow: 0 0 10px #0968a1;
	-webkit-box-shadow: 0 0 10px #0968a1;
	box-shadow: 0 0 10px #0968a1;
}

.presentation-body{

	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2F2727), to(#a684f0));
	   background-image: -webkit-linear-gradient(top, #2F2727, #a684f0); 
	   background-image:    -moz-linear-gradient(top, #2F2727, #a684f0);
	   background-image:     -ms-linear-gradient(top, #2F2727, #a684f0);
	   background-image:      -o-linear-gradient(top, #2F2727, #a684f0);
}

#presentation p{
	font-size: .9375em;
	color: #999;
	line-height: 1.75em;
}

#presentation{
	height: 500px;
	position: relative;
}

.slide{
	width: 980px;
	height: 500px;
	position: absolute;
}

.slide a{
	position: absolute;
	height: 21px;
	width: 24px;
	display: block;
	background: url('../img/talk-point.png');
	text-indent: -99999px;
	z-index: 500;
}

.slide a.eini{
	height: 34px;
	width: 38px;
	background: url('../img/eini-small.png');
}
.tooltip{
	font-size: 1em;
}

.presentation-controller{
	height: 74px;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4b4b4b), to(#242424));
	background-image: -webkit-linear-gradient(top, #4b4b4b, #242424); 
	background-image:    -moz-linear-gradient(top, #4b4b4b, #242424);
	background-image:     -ms-linear-gradient(top, #4b4b4b, #242424);
	background-image:      -o-linear-gradient(top, #4b4b4b, #242424);
	width: 980px;
	display: table;
	/* approximately a 33% opacity on blue */
filter: progid:DXImageTransform.Microsoft.gradient(
  startColorstr=#4b4b4b, endColorstr=#242424
);

/* IE8 uses -ms-filter for whatever reason... */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(
  startColorstr=#4b4b4b, endColorstr=#242424
);
}

.thumb-nails{
	width: 840px;
	float: left;
	display: table;
	height: 74px;
	margin: 0 0 0 1.5em;
}

.thumb-nails ul{
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

.thumb-nail:first-child{
	margin: 0;
}

.thumb-nail{
	background: #5e5e5e;
	border: 4px solid #707070;
	width: 55px;
	height: 28px;
	display: block;
	float: left;
	margin: 0 0 0 6px;
	cursor: pointer;
}

.thumb-nail.active{
	border: 4px solid #fff;
	background: #b7b7b7;
}

.thumb-nail.active img{
	filter: none;
	-webkit-filter: grayscale(0%);
}

.thumb-nail img{
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
}

.thumb-nail a{
	display: block;
	height: 28px;
}

.controls,
.full-controls{
	display: table-cell;
	vertical-align: middle;
	padding: 0 20px 0 0;
}

.full-controls{
	height: 36px;
	padding: 0 0 0 40px;
}

.full-thumbnails{
	float: left;
}

.controls a,
.full-controls a{
	display: table-cell;
	vertical-align: middle;
	background: url('../img/control-sprite.png');
	float: left;
	text-indent: -9999px;
}

.controls .prev-arrow,
.full-controls .prev-arrow{
	height: 19px;
	width: 11px;
	display: block;
	background-position: 0px 0px;
	margin: 3px 15px 0 0;
}

.controls .prev-arrow:hover,
.full-controls .prev-arrow:hover{
	background-position: 0 -19px;
}

.controls .next-arrow,
.full-controls .next-arrow{
	height: 19px;
	width: 11px;
	display: block;
	background-position: 11px 0px;
	margin: 3px 15px 0 0;
}

.controls .next-arrow:hover,
.full-controls .next-arrow:hover{
	background-position: 11px -19px;
}

.full-controls .close-button{
	height: 24px;
	width: 25px;
	display: block;
	background-position: -6px -88px;
}

.full-controls .close-button:hover{
	background-position: -6px -112px;
}

.controls .expand{
	height: 25px;
	width: 25px;
	display: block;
	background-position: -5px -38px;
}

.controls .expand:hover{
	background-position: -5px -63px;
}

.slides{
	width: 980px;
	overflow: hidden;
	position: relative;
	height: 500px;
}

.slide{
}

.slide-main-controls{
	position: absolute;
	top: 50%;
	margin: -2% 0 0 0;
	width: 100%;
	z-index: 500;
	height: 113px;
	overflow: hidden;
}

.slide-main-controls a{
	background: url('../img/presentation-arrows.png');
	height: 113px;
	width: 31px;
	display: block;
	text-indent: -9999px;
}

.slide-main-controls .prev-main-arrow{
	background-position: left top;
	position: absolute;
	left: -31px;
}

.slide-main-controls .prev-main-arrow:hover{
	background-position: left bottom;
}

.slide-main-controls .next-main-arrow{
	background-position: right top;
	position: absolute;
	right: -31px;
}

.slide-main-controls .next-main-arrow:hover{
	background-position: right bottom;
}

#presentation-1 h4{
	font-size: 2em;
	color: #fff;
	text-transform: uppercase;
	line-height: 1em;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.talking-points div{
	display: none;
	color: white;
	width: 800px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -15% 0 0 -400px;
}

.talking-points div li{
	margin: 0 0 10px 0;
}

#presentation-2 a.tooltip-2{
	top: 23.081%;
	left: 29.5%;
}
#presentation-2 a.tooltip-1{
	bottom: 19.081%;
	right: 40.273%;
}
#presentation-2 a.tooltip-2-spanish{
	top: 23.081%;
	left: 38.5%%;
}
#presentation-2 a.tooltip-1-spanish{
	bottom: 19.081%;
	right: 35.273%;
}
#presentation-2 a.tooltip-3.eini{
	top: 21.65%;
	right: 66.773%;
}
.full-slides #presentation-2 a.tooltip-3.eini{
	top: 21.75%;
	right: 66.773%;
}
.full-slides #presentation-2 a.tooltip-1{
	bottom: 19%;
	right: 40.273%;
}

#presentation-3 a.tooltip-1{
	bottom: 15.7%;
	right: 41.6%;
}
#presentation-3 a.tooltip-2{
	bottom: 24.1%;
	left: 31.6%;
}
#presentation-3 a.tooltip-1-spanish{
	bottom: 15.7%;
	right: 41.6%;
}
#presentation-3 a.tooltip-2-spanish{
	bottom: 24.1%;
	left: 19.6%;
}
#presentation-3 a.tooltip-3.eini{
	top: 21.5%;
	left: 60.773%;
}

.full-slides #presentation-3 a.tooltip-1{
	bottom: 15.3%;
	right: 41.6%;
}

.full-slides #presentation-3 a.tooltip-3.eini{
	top: 22%;
	left: 60.773%;
}

#presentation-4 a.tooltip-1{
	top: 21.1%;
	left: 34%;
}
#presentation-4 a.tooltip-1.eini{
	top: 21.1%;
	left: 55.5%;
}

.full-slides #presentation-4 a.tooltip-1.eini{
	top: 21%;
	left: 54.773%;
}

#presentation-4 a.tooltip-2{
	top: 63.5%;
	left: 23.3%;
}

#presentation-4 a.tooltip-3{
	top: 63.5%;
	right: 25.7%;
}

#presentation-4 a.tooltip-4{
	top: 63.5%;
	right: 2.8%;
}

#presentation-5 a.tooltip-1{
	top: 41.5%;
	right: 7.4%;
}
#presentation-5 a.tooltip-2.eini{
	top: 18.5%;
	left: 37.1%;
}

.full-slides #presentation-5 a.tooltip-1{
	top: 20.5%;
	left: 37.773%;
}
.full-slides #presentation-5 a.tooltip-2.eini{
	top: 19.1%;
	right: 7.4%;
}

#presentation-6 a.tooltip-2.eini{
	top: 21%;
	left: 60.9%;
}

.full-slides #presentation-6 a.tooltip-1{
	top: 22.32%;
	right: 37.23%;
}

.full-slides #presentation-6 a.tooltip-2.eini{
	top: 21.5%;
	left: 61.9%;
}

#presentation-7 a.tooltip-2.eini{
	top: 21%;
	left: 55.8%;
}

.full-slides #presentation-7 a.tooltip-2.eini{
	top: 21.5%;
	left: 55.9%;
}

#presentation-7 a.tooltip-1{
	top: 89.9%;
	right: 6.5%;
}
#presentation-7 a.tooltip-1-spanish{
	top: 89.5%;
	right: 3.5%;
}

#presentation-7 .video-icon{
	top: 76.2%;
	right: 45.9%;
}

#presentation-2 .video-icon{
	bottom: 19.081%;
right: 8.56%;
}

#presentation-8 .video-icon{
	top: 10%;
	right: 10.9%;
}

#presentation-7 a.tooltip-2{
	top: 80.7%;
	left: 43.9%;
}

.full-slides #presentation-7 a.tooltip-2{
	top: 80.7%;
	left: 44.1%;
}

#presentation-7 a.tooltip-3{
	top: 80.7%;
	right: 2.9%;
}

#presentation-8 a.tooltip-1{
	top: 23.2%;
	left: 48.7%;
}
#presentation-8 a.tooltip-1-spanish{
	top: 23.2%;
	left: 38.7%;
}
#presentation-8 a.tooltip-2.eini{
	top: 21%;
	left: 47.9%;
}

.full-slides #presentation-8 a.tooltip-1{
	top: 22.5%;
	left: 48.7%;
}
.full-slides #presentation-8 a.tooltip-2.eini{
	top: 21.5%;
	left: 47.9%;
}

#presentation-8 a.tooltip-2{
	top: 44.2%;
	right: 17.9%;
}

#presentation-9 a.tooltip-2{
	top: 18.2%;
	left: 46.5%;
}

#presentation-9 a.tooltip-1{
	top: 63.2%;
	left: 41.9%;
}
#presentation-9 a.tooltip-2-spanish{
	top: 18.2%;
	left: 40.5%;
}

#presentation-9 a.tooltip-1-spanish{
	top: 63.2%;
	left: 44.9%;
}
#presentation-9 .video-icon{
	bottom: 12.5%;
	right: 4.6%;
}

#presentation-9 a.tooltip-3.eini{
	top: 17%;
	left: 45.4%;
}

.full-slides #presentation-9 a.tooltip-3.eini{
	top: 17%;
	left: 45.9%;
}

#presentation-10 a.tooltip-3.eini{
	top: 10.7%;
	left: 24.4%;
}

#presentation-10 a.tooltip-1{
	top: 12.4%;
	left: 25.3%;
}

#presentation-10 a.tooltip-2-spanish{
	top: 40.5%;
	left: 19.9%;
}
#presentation-10 a.tooltip-1-spanish{
	top: 23%;
	left: 29.3%;
}

#presentation-10 a.tooltip-2{
	top: 43.1%;
	left: 23.9%;
}

#presentation-10 .video-icon.vid1{
	bottom: 28.5%;
	left: 33.65%;
}

#presentation-10 .video-icon.vid2{
	bottom: 7.5%;
	right: 24.3%;
}


.full-slides #presentation-10 a.tooltip-1{
	bottom: 19.7%;
	right: 34.4%;
}
.full-slides #presentation-10 a.tooltip-3.eini{
	top: 11.25%;
	left: 25%;
}

#presentation-11 a.tooltip-1.eini{
	top: 26.7%;
	left: 20.4%;
}
#presentation-11 a.tooltip-1{
	bottom: 19.7%;
	left: 33.4%;
}

.full-slides #presentation-11 a.tooltip-1{
	bottom: 19.6%;
left: 33.6%;
}
.full-slides #presentation-11 a.tooltip-1.eini{
	top: 27.6%;
	left: 20.4%;
}

#presentation-12 a.tooltip-1{
	top: 15.7%;
	left: 42.4%;
}

.full-slides #presentation-12 a.tooltip-1{
	top: 16.9%;
	left: 42.4%;
}

#presentation-12 a.tooltip-2{
	top: 65.1%;
	left: 44.9%;
}

.full-slides #presentation-12 a.tooltip-2{
	top: 65.1%;
	left: 45.1%;
}

#presentation-12 a.tooltip-3{
	top: 65.1%;
	right: 16.1%;
}

.full-slides .slide a{
	z-index: 2000;
}

.full-slides .slide img{
	z-index: 1200;
}

.fullscreen-container{
	background-color: rgba(0, 0, 0, 0.9);
	height: 100%;
	width: 100%;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000;
}

a.magnify{
	height: 30px;
	width: 30px;
	display: block;
	position: absolute;
	background: url('../img/enlarge.png');
	text-indent: -99999px;
	z-index: 500;
}

#presentation-2 a.magnify{
	right: 8.5%;
bottom: 18.324%;
}

#presentation-3 a.magnify.img1{
	left: 22.0%;
	top: 56.5%;
}

.full-slides #presentation-3 a.magnify.img1{
	left: 22.36%;
	top: 57.2%;
}

#presentation-3 a.magnify.img2{
	left: 45.6%;
	top: 65.0%;
}

.full-slides #presentation-3 a.magnify.img2{
	left: 45.9%;
	top: 65.78%;
}

#presentation-3 a.magnify.img3{
	right: 27.83%;
	top: 73.4%;
}

.full-slides #presentation-3 a.magnify.img3{
	right: 27.83%;
	top: 74.2%;
}

#presentation-3 a.magnify.img4{
	right: 4.4%;
	bottom: 12.15%;
}

#presentation-6 a.magnify{
	height: 30px;
	width: 30px;
	display: block;
	position: absolute;
	background: url('../img/enlarge.png');
	text-indent: -9999px;
	z-index: 500;
}

#presentation-6 a.magnify.img1{
	left: 20.72%;
top: 73.6%;
}
.spanish #presentation-6 a.magnify.img1,
.spanish #presentation-6 a.magnify.img2,
.spanish #presentation-6 a.magnify.img3,
.spanish #presentation-6 a.magnify.img4{
	top: 77.6%;
}

.spanish .full-slides #presentation-6 a.magnify.img1,
.spanish .full-slides #presentation-6 a.magnify.img2,
.spanish .full-slides #presentation-6 a.magnify.img3,
.spanish .full-slides #presentation-6 a.magnify.img4{
	top: 78.1%;
}

.full-slides #presentation-6 a.magnify.img1{
	left: 21.02%;
	top: 74.3%;
}

.full-slides #presentation-6 a.magnify.img2{
	top: 74.3%;
	left: 45.7%;
}
.full-slides #presentation-6 a.magnify.img3{
	top: 74.3%;
	right: 26.8%;
}

.full-slides #presentation-6 a.magnify.img4{
	top: 74.3%;
	right: 2.17%;
}

#presentation-6 a.magnify.img2{
	top: 73.6%;
	left: 45.42%;
}

#presentation-6 a.magnify.img3{
	top: 73.6%;
	right: 26.8%;
}

#presentation-6 a.magnify.img4{
	top: 73.6%;
	right: 2.15%;
}

#presentation-8 a.magnify.img1{
	right: 32.82%;
	bottom: 12.31%;
}

#presentation-9 a.magnify.img1{
	right: 3.12%;
	top: 66.95%;
}
.spanish #presentation-9 a.magnify.img1{
	top: 71.2%;
}
.full-slides #presentation-9 a.magnify.img1{
	right: 3.12%;
	top: 67.35%;
}
.spanish .full-slides #presentation-9 a.magnify.img1{
	top: 72.15%;
}

#presentation-10 a.magnify.img1{
	left: 29%;
	top: 68.95%;
}
.full-slides #presentation-10 a.magnify.img1{
	left: 29.26%;
	top: 69.35%;
}

#presentation-12 a.magnify.img1{
	left: 44%;
	top: 57.65%;
}

.full-slides #presentation-12 a.magnify.img1{
	left: 44.14%;
	top: 58.05%;
}

#presentation-12 a.magnify.img2{
	right: 16.42%;
	top: 57.65%;
}

.full-slides #presentation-12 a.magnify.img2{
	right: 16.42%;
	top: 58.05%;
}

.enlarged-images,
.video-player,
.talking-points{
	position: fixed;
	z-index: 3000;
	background: rgba(0, 0, 0, 0.9);
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	display: none;
}

.video-player > .jwplayer{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -240px 0 0 -320px;
	display: none;
}

.jwlogo{
	display: none;
}

.enlarged-images img{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0;
	display: none;
	max-width: 700px;
}

#presentation-1 .video-icon{
	top: 52.181%;
	right: 31.45%;
}

.full-slides #presentation-1 .video-icon{
	top: 52.381%;
	right: 32.0%;
}

#presentation-3 .video-icon{
	bottom: 15%;
	right: 6.25%;
}

.full-slides #presentation-3 .video-icon{
	bottom: 15%;
	right: 6.05%;
}

.full-slides #presentation-4 .video-icon.vid1{
	bottom: 30.81%;
	left: 4.35%;
}
.full-slides #presentation-4 .video-icon.vid2{
	bottom: 30.81%;
	left: 28.05%;
}
.full-slides #presentation-4 .video-icon.vid3{
	bottom: 30.81%;
	right: 45.02%;
}
.full-slides #presentation-4 .video-icon.vid4{
	bottom: 30.81%;
	right: 21.55%;
}

#presentation-4 .video-icon.vid1{
	bottom: 30.81%;
	left: 4.55%;
}
#presentation-4 .video-icon.vid2{
	bottom: 30.81%;
	left: 28.05%;
}
#presentation-4 .video-icon.vid3{
	bottom: 30.81%;
	right: 44.72%;
}
#presentation-4 .video-icon.vid4{
	bottom: 30.81%;
	right: 21.05%;
}

#presentation-4 .magnify.img1{
	bottom: 30.8%;
	left: 21.7%;
}

#presentation-4 .magnify.img2{
	bottom: 30.8%;
	left: 45.4%;
}

#presentation-4 .magnify.img3{
	bottom: 30.8%;
	right: 27.9%;
}

#presentation-4 .magnify.img4{
	bottom: 30.8%;
	right: 4.1%;
}

#presentation-5 .video-icon.vid1{
	top: 8.91%;
	right: 38.35%;
}
#presentation-5 .video-icon.vid2{
	top: 36.31%;
	left: 33.35%;
}
#presentation-5 .video-icon.vid3{
	top: 44.61%;
	left: 18.75%;
}
#presentation-5 .video-icon.vid4{
	top: 53.21%;
	left: 29.45%;
}
#presentation-5 .video-icon.vid5{
	bottom: 31.81%;
	left: 47.15%;
}
#presentation-5 a.tooltip-1{
	top: 19.981%;
	left: 37.773%;
}
#presentation-5 a.tooltip-1-spanish{
	top: 19.5%;
	left: 30.773%;
}
/*
top: 22.32%;
right: 37.23%;*/

#presentation-6 a.tooltip-1{
	top: 22.32%;
	right: 36.23%;
}

#presentation-6 a.tooltip-1-spanish{
	top: 22.32%;
	right: 55.23%;
}

#presentation-6 .video-icon{
	bottom: 15.5%;
	right: 10.55%;
}

.full-slides #presentation-4 .video-icon{
	bottom: 30.81%;
	right: 4.35%;
}

.full-slides #presentation-6 .video-icon{
	bottom: 15%;
	right: 10.25%;
}

#presentation-12 .video-icon-small.icon1{
	left: 40.4%;
	top: 57.65%;
}

.full-slides #presentation-12 .video-icon-small.icon1{
	left: 41.0%;
	top: 58.05%;
}

#presentation-12 .video-icon-small.icon2{
	top: 57.65%;
	right: 19.9%;
}

.full-slides #presentation-12 .video-icon-small.icon2{
	top: 58.05%;
	right: 19.8%;
}

a.video-icon{
	height: 34px;
	width: 34px;
	background: url(../img/video-icon.png);
	position: absolute;
}

a.video-icon-small{
	height: 30px;
	width: 30px;
	background: url(../img/video-icon-small.png);
	position: absolute;
}

a.close-enlarged,
a.close-video{
	height: 24px;
	width: 25px;
	position: fixed;
	top: 2%;
	right: 2%;
	background: url(../img/control-sprite.png);
	background-position: -6px -88px;
}

a.close-enlarged:hover,
a.close-video:hover{
	background-position: -6px -111px;
}

.fullscreen-container .full-slides{
	width: 78%;
	margin: -22% 0 0 -40%;
	margin: -22% 0 0 -40%\0/;
	left: 50%;
	position: absolute;
	top: 50%;
	/*height: 92%;*/
	overflow-x: hidden;
}

.full-slides .slide{
	width: 100%;
	height: initial;
}

.full-controller{
	color: white;
	position: relative;
	height: 80px;
	margin: 54% 0 0 7.8%;
}

.tooltip{
	font-size: 1em;
}

.devchart #content{
	border: none;
	padding: 0;
}
.cause,
.recommendation{
	background: #fff;
}
.chart-head{
	border-top: 1px solid #F6F6F6;
	padding: 1em 1.9em 1em;
	overflow: auto;
	border-bottom: 1px solid #dddddd;
}

.chart-head .heroes{
	display: inline-block;
	margin: 0 0 4px 0;
}

.chart-head .heroes ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.chart-head .heroes ul li:first-child{
	margin: 0;
}

.chart-head .heroes ul li{
	float: left;
	margin: 0 0 0 13px;
	position: relative;
	opacity: 0.25;
	filter: alpha(opacity=25);
	cursor: pointer;
}

.chart-head .heroes ul li.active,
.chart-head .heroes ul li:hover{
	opacity: 1.0;
	filter: alpha(opacity=100);
}

.chart-head .heroes h3{
	font-size: 1em;
	color: #fff;
	background: #8c6ccf;
	position: absolute;
	border: none;
	padding: .25em .5em;
	bottom: 5px;
}

.chart-head .option{
	display: none;
	width: 100%;
}

.chart-subnav{
	display: block;
}

.chart-dynamic .content{
	display: none;
}

.chart-head .option ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.chart-head .option ul li:first-child{
	margin: 0;
	width: 31.6%;
}

.chart-head .option ul li:nth-child(2){
	width: 31.6%;
}

.chart-head .option ul li:nth-child(3){
	width: 31.6%;
}

.chart-head .option ul li{
	float: left;
	background: #959595;	
	color: #fff;
	padding: .825% .5%;
	margin: 0 0 0 1%;
	text-align: center;
	cursor: pointer;
}

.chart-head .option ul li:hover,
.chart-head .option ul li.active{
	background: #8c6ccf;
}

.chart-content{
	border-top: 1px solid #f6f6f6;
	padding: 1em 1.9em 1em;
	overflow: auto;
}

.chart-subnav > ul{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

.chart-subnav > ul{
	display: none;
}

.chart-subnav > ul li.inactive{
	cursor: default;
}

.chart-subnav > ul li.inactive:hover{
	background: #959595;
}

.chart-subnav ul li ul{
	list-style: none;
	margin: 10px 0 0 0;
}

.chart-subnav ul li ul li{
	background: #B3B3B3;
	width: 165px;
}

.chart-subnav ul li:first-child{
	margin:0;
}

.chart-subnav ul li{
	background: #959595;
	color: #fff;
	width: 195px;
	padding: 15px;
	text-transform: uppercase;
	margin: 4px 0 0 0;
	cursor: pointer;
	
}

.chart-subnav ul li:hover,
.chart-subnav ul li.active{
	background: #8c6ccf;
}

.chart-dynamic{
	float: right;
	width: 680px;
}

.chart-dynamic .text{
	width: 360px;
	float: left;
}

.clinical .row.logo{
	text-align: center;
	width: 700px;
	background: white;
	display: table-cell;
	height: 200px;
	vertical-align: middle;
}

.chart-dynamic h4{
	color: #fff;
	background: #8c6ccf;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: 200;
	padding: .5em;
}

.chart-dynamic p{
	background: #fff;
	color: #000;
	padding: .5em;
}

.chart-dynamic .left.full{
	width: 100%;
}

.chart-dynamic .cause.halves:first-child{
	margin: 0;
}

.chart-dynamic .cause.halves{
	width: 48.25%;
	float: left;
	margin: 0 0 0 2.5%;
}

.chart-dynamic .content ul{
	background: #fff;
	padding: .5em .5em .5em 1.75em;
	margin: 0;
}

.content ul li{
	margin: 0 0 .5em 0;
	color: #000;
}

.image-holder img{
	display: block;
}

.chart-info{
	color: #000;
}

.instructions{
	background: #fff;
	padding: 1.5em;
	color: #000;
}

.chart-info .left{
	width: 49%;
	float: left;
	background: #fff;

}

.chart-info .right{
	width: 49%;
	float: right;
	background: #fff;
}

.chart-container h3{
	border-bottom: 1px solid #ddd;
	padding: .5em 1em;
	font-size: 1.75em;
	color: #8c6ccf;
	text-transform: uppercase;
	font-weight: 400;
}

.chart-head > select{
	margin: 0 1em 0 0;
}

#dental-dev{
	display: none;
}

#clinical-domains{
	display: none;
}

#env-domains{
	display: none;
}

.chart-info > div{
	display: none;
	margin: 1em 0 0 0;
}

.chart-info > div h4{
	font-size: 1em;
	margin: 0 0 .25em 0;
	color: white;
	background: #8c6ccf;
	padding: .75em;
}

.chart-info > div ul li, .chart-info > div ol li{
	margin: 0 0 .5em 0;
}

.chart-info div > ul,
.chart-info div > ol{
	margin: 0 1.5em 0 2.5em;
	padding: .625em 0;
}

.chart-info ol ul{
	margin: .375em 0 0 1.25em;
}

.account-info .column{
	width: 25%;
	float: left;
	margin: 0;
}
.account-info .practice-logo{
	width: 30%;
}
.account-info .practice-logo img{
	padding: 10px;
	background: #fff;
}
#circle{
	width: 50px;
	height: 50px;
	background: red;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	border: 5px solid #000;
} 

.container.inner{
	margin: 60px auto 0;
}

.top-teeth,
.bottom-teeth{
	display: block;
	clear: both;
	overflow: hidden;
	width: 592px;
	position: relative;
}

.top-teeth > h3{
	position: absolute;
	left: 266px;
}

.bottom-teeth > h3{
	position: absolute;
	left: 250px;
	bottom: 0;
}

.bottom-teeth{
	margin: 1em 0 0 0;
	height: 118px;
}

.clinical #page{
	width: 700px;
}

.clinical .name{
	display: inline-block;
	margin: 30px 1em 0 0;
}

.clinical .date{
	display: inline-block;
	margin-top: 30px;
}

.clinical h3.chart-label{
	text-align: left;
	font-size: 1.25em;
	margin: 0;
	color: #333;
	font-weight: 300;
	margin: .75em 0 0 0;
}
.clinical .alert-info{
	margin: .75em 0 1em 0;
}
.clinical #page .teeth-chart{
	background: #fff;
	padding: 16px;
}

#page .top-teeth .tooth .title{
	margin: .5em 0 0 0;
	padding: 0;
	font-size: 1em;
	color: #555;
	text-align: center;
	border-bottom: none;
	font-weight: normal;
}

#page .bottom-teeth .tooth .title{
	padding: 0;
	font-size: 1em;
	color: #555;
	text-align: center;
	border-bottom: none;
	font-weight: normal;
}

.tooth .diagram{
	height: 49px;
	width: 49px;
	display: block;
	zoom: 1;
}

.tooth .diagram img{
	filter: alpha(opacity=40);
	opacity: 0.4;
}
.tooth .diagram img[alt='center']{
	filter: alpha(opacity=20);
	opacity: 0.20;
}
.tooth.active .diagram{
	filter: alpha(opacity=100);
	opacity: 1;
}

.tooth.active .diagram img{
	cursor: pointer;
}

.tooth.active .diagram img{
	filter: alpha(opacity=100);
	opacity: 1;
}
.tooth.active .diagram img[alt='center']{
	filter: alpha(opacity=100);
	opacity: 1;
}

.lingual{
	border-top: 1px solid #000;
	position: relative;
	display: block;
	clear: both;
	width: 592px;
}

.lingual h3{
	font-size: 1em;
	background: white;
	display: inline-block;
	padding: .125em .5em;
	position: absolute;
	left: 257px;
	top: -17px;
	z-index: 1000;
}

.legend{
	margin: 0 0 .5em 0;
	overflow: hidden;
}

.legend ul{
	list-style: none;
	margin: 0;
}

.legend ul li:first-child{
	margin: 0;
}

.legend ul li{
	float: left;
	margin: 0 0 0 1em;
}

.legend ul li div.color{
	height: 10px;
	width: 10px;
	display: inline-block;
}

.legend ul li h4{
	display: inline-block;
}

.legend ul li:first-child div.color{
	background: #FF0;
}

.legend ul li:nth-child(2) div.color{
	background: #F00;
}

.legend ul li:nth-child(3) div.color{
	background: #00F;
}

.legend ul li:nth-child(4) div.color{
	background: #000;
}

.lingual .vert-line{
	position: absolute;
	height: 200px;
	border-left: 1px solid black;
	top: -98px;
	left: 297px;
}

.top-teeth .right,
.bottom-teeth .right{
	float: left;
}

.top-teeth h3,
.bottom-teeth h3{
	text-align: center;
	font-size: 1.125em;
}

.top-teeth .left,
.bottom-teeth .left{
	float: right;
}

.tooth{
	position: relative;
	width: 49px;
	height: 100px;
	display: inline-block;
	overflow: hidden;
	text-align: center;
}

.tooth input[type="checkbox"]{
	margin: 8px 0 0 0;
}

.tooth .title{
	text-align: center;
}
.bottom-teeth .tooth .diagram{
	position: absolute;
	bottom:7px;
}

.tooth img[alt="center"]{
	height: 23px;
	width: 23px;
	position: absolute;
	display: block;
	top: 13px;
	left: 13px;
}

.tooth img[alt="top"]{
	height: 17px;
	width: 37px;
	position: absolute;
	display: block;
	left: 6px;
	top: 0px;
}

.tooth img[alt="left"]{
	height: 37px;
	width: 17px;
	position: absolute;
	display: block;
	top: 6px;
}

.tooth img[alt="right"]{
	height: 37px;
	width: 17px;
	position: absolute;
	display: block;
	top: 6px;
	right: 0px;
}

.tooth img[alt="bottom"]{
	height: 17px;
	width:37px;
	position: absolute;
	display: block;
	top: 32px;
	left: 6px;
}

.clinical .big-report-card{
	background: #fff;
	padding-bottom: 20px;
}

.clinical .big-report-card .recommendation{
	padding: 1em;
	border-bottom: 1px solid #e9e9e9;
	overflow: auto;
}

.clinical .big-report-card .odd{
	background: #f5f5f5;
}

.clinical .big-report-card .rec-check{
	display: block;
	float: left;
	margin: .3em .75em 0 0;
}

.clinical .select-text{
	display: inline-block;
float: right;
margin: 16px 1em 4px 0;
}

.clinical textarea{
	width: 100%;
	height: 100px;
}

.clinical .inputs textarea{
	height: inherit;
}

.clinical .selectall{
	float: left;
	margin: 16px 0 4px 16px;
}

.clinical .big-report-card .rec-text{
	float: left;
width: 560px;
display: block;
}

.clinical .big-report-card .rec-text.has-image{
	width: 370px;
}

.clinical .big-report-card .rec-image{
	float: right;
}

.blog #page{
	width: 980px;
}

.blog.post #page #content{
	background: #fff;
	margin: 1em 1em 1em 1.5em;
	padding: 1em;
	width: 650px;
}

.blog .span-19{
	width: 72%;
margin: 0 15px 0 0;
}

.blog .span-5{
	width: 25%;
	margin: 0;
}

.blog #content{
	padding: 0;
}

.blog #sidebar{
	padding: 20px 20px 0 0;
	width: 235px;
}

.blog #sidebar .portlet-content{
	margin: 0;
	padding: 0;
}

.blog #sidebar .portlet-content h3{
	background: #8c6ccf;
color: white;
padding: .25em .5em;
font-weight: 200;

}

.blog .post_list{
	list-style: none;
	background: white;
	padding: 1em;
	margin-top: 1em;

}

.blog .article-header{
	margin: 0 0 1em 0;
}

.blog .article-content{
	margin: 0 0 1em 0;
}

.blog .list-view .summary{
	margin: 16px 0;
}

.blog #sidebar .portlet-content p{
	padding: .5em;
}

.blog #sidebar .portlet-decoration{
	display: none;
}

.blog .meta{
	font-size: .825em;
}
a.pohp.well{
	background: #f2edfe;
	color: #aa8df0;
	text-decoration: none;
	display: block;
}
a.pohp.well:hover{
	text-decoration: none !important;
}
a.pohp.well .btn-pdf{
	float: right;
	color: #fff;
	background-color: #8666c7;
	text-shadow: none;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8666c7), to(#694ea2));
	background-image: -webkit-linear-gradient(top, #8666c7, #694ea2);
	background-image: -o-linear-gradient(top, #8666c7, #694ea2);
	background-image: linear-gradient(to bottom, #8666c7, #694ea2);
	background-image: -moz-linear-gradient(top, #8666c7, #694ea2);
}
a.pohp.well .btn-pdf:hover{
	background-color: #694ea2;
	text-shadow: none;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#694ea2), to(#8666c7));
	background-image: -webkit-linear-gradient(top, #694ea2, #8666c7);
	background-image: -o-linear-gradient(top, #694ea2, #8666c7);
	background-image: linear-gradient(to bottom, #694ea2, #8666c7);
	background-image: -moz-linear-gradient(top, #694ea2, #8666c7);
}
#content.logo-form{
	line-height: 28px !important;
}
#content .well.agreement{
	max-height: 300px;
	margin-top: 20px;
	line-height: 28px;
	overflow: auto;
}
#content .agreement ol li{
	margin-bottom: 20px;
}
form#logo-form{
	width: 460px;
	margin: auto;
}
form#logo-form fieldset.left{
	width: 50%;
	float: left;
	margin-bottom: 15px;
}
form#logo-form fieldset.center{
	width: 60px;
	margin: auto;
}
form#logo-form fieldset.center label{
	float: right;
	display: inline-block;
}
form#logo-form input[type=submit]{
	width: 100px;
	margin: 15px auto;
	display: block;
}
.logo-dl{
	width: 595px;
	margin: 25px auto;
	text-align: center;
}
.logo-dl img{
	display: block;
	margin-bottom: 20px;
}
.logo-dl a.btn.btn-primary{
	margin: 0 10px;
}
.vid .frontback{
	margin-top: 20px;
}
#dashboard-message-bottom a{
	display: block;
    height: 60px;
    width: 340px;
    margin: 10px auto;
    background: #fff;
    text-align: center;
    vertical-align: middle;
    line-height: 60px;
}
#dashboard-message-bottom a:hover{
	text-decoration: none;
	opacity: .75;
}
@media print{
	body, html{
		font-family: sans-serif;
	}
	#header{
		display: none;
	}

	#page{
		margin-top: 0;
	}

	.referral-form .column{
		display: inline-block;
		width: 49%;
	}

	.referral-form #specify{
		height: 150px;
	}

	.report-card #specify{
		width: 100%;
		height: 80px;
	}

	.report-card div.form .row{
		margin: 0;
	}

	.report-card h2{
		font-size: 18px;
	}

	#footer{
		display: none;
	}

	.report-card #content{
		padding-top: 0;
		padding-bottom: 0;
	}

	.report-card .column{
		display: inline-block;
		width: 49%;
	}

	#interview{
		display: none;
	}

	.btn.btn-primary{
		display: none;
	}

	.clinical .recommendation input[type="checkbox"],
	.clinical .recommendation input[type="checkbox"] + .rec-div{
		display: none;
	}
	.clinical .big-report-card .rec-check:checked,
	.clinical .recommendation input[type="checkbox"]:checked + .rec-div{
		display: block;
	}
	.clinical .rec-image img{
		width: 100px;
	}
	.clinical .big-report-card .rec-text.has-image{
		width: 78%;
	}
	.clinical .select-all{
		display: none;
	}
	.clinical #page h1.title,
	.clinical-charting #page h1.title{
		font-size: 1em;
	}
	.clinical .big-report-card .recommendation:first-child{
		padding: 0;
		margin: 1em 0;
	}
	.clinical .big-report-card .recommendation{
		border: none;
		padding: 0;
		margin: 0 0 1em 0;
	}
	.clinical .how-to{
		display: none;
	}
	.clinical .row.logo,
	.clinical-charting .row.logo{
		height: inherit;
		float: right;
		width: inherit;
	}
	.clinical #content .name,
	.clinical #content .date{
		float: left;
	}
	.clinical #content .big-report-card{
		float: left;
		width: 100%;
	}
	.clinical #content .chart-label{
		float: left;
	}
	.clinical .row.logo img,
	.clinical-charting .row.logo img{
		width: 100px;
	}
	.clinical-charting #footer,
	.clinical #footer{
		display: none;
	}
	.clinical-charting{
		font-size: 7pt !important;
	}
	.clinical-charting legend{
		padding: 0;
		font-size: 7pt !important;
	}
	.clinical-charting .inputs{
		height: 18px;
	}
	.clinical-charting .title{
		padding: 0;
	}
	.clinical-charting #content{
		padding: 0;
	}
	.clinical-charting input[type="text"]{
		font-size: 7pt !important;
		height: 10px;
	}
	.clinical-charting fieldset .title{
		padding: 0;
		height: 18px;
		font-size: 7pt !important;
	}
	.clinical-charting input[type="radio"]{
		margin: 0 !important;
	}
	.clinical-charting .input-container{
		border: none;
	}.clinical-charting h1.title{
		display: none;
	}.clinical-charting #content fieldset:first-of-type .combined-titles{
		margin: 0 0 0 126px;
	}
	.clinical-charting legend{
		width: 126px;
		line-height: 1em;
	}
	.clinical-charting #page .inputs span.label{
		width: 126px;
		padding: 0;
	}
	.clinical-charting fieldset{
		margin: 30px 0 0 0;
	}
	.clinical-charting .left-side{
		float: left;
		width: 50%;
	}
	.clinical-charting .right-side{
		float: left;
		width: 50%;
		margin: 50px 0 0 0;
	}
	.clinical-charting textarea{
		font-size: 7pt !important;
	}
	.clinical-charting select option,
	.clinical-charting select{
		width: 84px;
	}
	.clinical-charting .dropdown{
		width: 84px;
	}
	.clinical-charting #page .inputs .dropdown select{
		width:80px;
	}
	.clinical-charting #set-2 .combined-titles .option-titles{
		margin: 0 0 0 125px;
	}
	.clinical-charting #set-2 .combined-titles .option-titles .till{
		width: 60px;
	}
	.clinical-charting .noprint{
		display: none !important;
	}
	.clinical-charting span.print{
		display: inline-block !important;
		width: 50px;
		margin: 0 0 0 30px;
		text-align: right;
	}
	.clinical-charting div.bottomdiv{
		width: 100%;
		float: left;
		margin: 20px 0 0 0;
	}
	.clinical-charting div.bottomdiv img{
		max-width: 100px;
	}
}
@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
  .controls .expand{
  	display: none;
  }
}