body {
	background-color: #efefef;	
	margin: 0;
}

a {
	color: #2294E0;
	font-weight: normal;
	text-decoration: underline;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #104877;
	padding: 5px 0;
	font-size: 14pt;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #104877;
	padding: 2px 0;
	font-size: 12pt;
}

ul {
	list-style-image:url('images/bullet.png');
}

.head2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #104877;
	padding: 2px 0;
	font-size: 12pt;
}


#main_wrapper {
	background-color: #fff;
	width: 900px;
	margin: 0 auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9pt;
	color: #333;
}

.page_title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #104877;
	padding: 5px 0;
	border-bottom: 1px dotted #427FA6;
	font-size: 14pt;
}

.bold_text {
	font-weight: bold;
	font-size: 120%;
	padding: 20px 0;	
}

.sub_text {
	padding: 0 50px;	
}

.sub_text ul {
	padding-left: 17px;	
}

.sub_text li {
	padding: 0 0 10px 0;	
}

.centertext {
	text-align: center;
}	

.fancybutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e5f7ff), color-stop(1, #afdaf7) );
	background:-moz-linear-gradient( center top, #e5f7ff 5%, #afdaf7 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5f7ff', endColorstr='#afdaf7');
	background-color:#e5f7ff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#135e80;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}
.fancybutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #afdaf7), color-stop(1, #e5f7ff) );
	background:-moz-linear-gradient( center top, #afdaf7 5%, #e5f7ff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#afdaf7', endColorstr='#e5f7ff');
	background-color:#afdaf7;
}
.fancybutton:active {
	position:relative;
	top:1px;
}	

/*///////////////////////*/
/* about pages          /*/
/*///////////////////////*/

#domains_wrapper {
	margin: 0 auto;
	width: 750px;	
}

.domain {
	width: 230px;
	float: left;	
	padding: 10px;
	border: 1px dotted #CCC;
	margin: 10px;
	font-size: 8.5pt;
}

.domain_title {
	text-align: center;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12pt;
}

.domain_top {
	border: 5px solid #eaeaea;
	background-color: #eaeaea;
	margin: 5px 0 10px 0;
}

.domain_text {
	font-size: 9pt;
	padding: 4px;
	height: 110px;
}	

.domain ul {
	padding-left: 17px;
}

#dimension_link {
	padding: 20px 0;
	font-size: 12pt;
	text-align: center;
	margin: 0 auto;
	height: 20px;
	width: 700px;	
}

.setting_wrapper {
	clear: both;
	padding: 20px 0 0 20px;	
}


.setting_name {
	clear: both;
	padding: 0 0 5px 0;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12pt;
}

.setting_wrapper img {
	flaot: left; padding: 0 20px 10px 0;	
}

.setting_text {
	float: right;
	width: 650px;
}

.domain_header {
	text-align: left;
	border-bottom: 2px solid #FFBF47;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #104877;
	font-size: 14pt;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

.dim_wrapper {
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 25px;
}

.dim_text {
	min-height: 80px;
	width: 500px;
}

#contact_box {
	width: 600px;
	font-size: 110%;
	margin: 20px auto;
	padding: 10px 20px;
	border: 3px solid #fff;
	background-color: #efefef;
	-moz-box-shadow: 3px 3px 5px 1px #888;
	-webkit-box-shadow: 3px 3px 5px 1px #888;
	box-shadow: 3px 3px 5px 1px #888;
}	

#contact_box li {
	padding: 5px;	
}

#form_box {
	margin: 0 auto;
	width: 625px;
	padding: 25px;	
}

.form_field {
	padding: 5px 0;
	clear: both;	
}

.form_label {
	float: left;
	width: 250px;	
}

#thank_you {
	margin: 40px auto;
	padding: 40px;
	width: 400px;
	background-color: #FFC;
}

/*///////////////////////*/
/* training pages       /*/
/*///////////////////////*/


#training_boxes_wrapper {
	width: 720px;
	margin: 0 auto;	
}

.special_box {
	width: 300px;
	height: 125px;
	border: 3px solid #fff;
	background-color: #efefef;
	padding: 12px;	
	-moz-box-shadow: 3px 3px 5px 1px #888;
	-webkit-box-shadow: 3px 3px 5px 1px #888;
	box-shadow: 3px 3px 5px 1px #888;
	font-size: 8pt;
	position: relative;
}

.special_box_title {
	font-size: 10pt;
	font-weight: bold;
	padding: 0 0 8px 0;
}

.special_link {
	float: right;
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size: 9pt;
}

.special_link img {
	padding: 0 4px 0 0;
	margin: 0 0 -4px 0;	
}

.special_link2 {
	padding: 10px 0 0 50px;
	font-size: 9pt;
}

.special_link2:first-child {
	padding: 20px 0 0 50px;
	font-size: 9pt;
}

.special_link2 img {
	padding: 0 4px 0 0;
	margin: 0 0 -4px 0;	
}

#box1 {
	float: left;
}

#box2 {
	float: right;
}	

.row_wrapper {
	padding: 15px;
	clear: both;
	margin: 0 auto;
	width: 700px;	
}

.label_wrapper {
	padding: 5px;
	float: left;
	width: 100px;
	position: relative;
}

.label {
	text-align: right;
	min-width: 5px;
	float: right;
	top: 5px;
	right: 0;
	font-size: 10pt;
	font-weight: bold;
}

.info_wrapper {
	padding: 5px;
	float: right;
	width: 575px;	
}

.agreement {
	padding: 20px 0;
	font-size: 12pt;
	text-align: center;
	margin: 0 auto;
	height: 20px;
	width: 700px;	
}

.contact {
	width: 600px;
	padding: 40px 0;
	margin: 0 auto;	
}


/*///////////////////////////*/
/*      research page       /*/
/*///////////////////////////*/



#presentations li, #publications li {
	padding: 25px 0 0 0;	
}

.study_name {
	font-weight: bold;	
}

.abstract_title {
	font-weight: bold;
	font-size: 14px;	
	padding: 20px 0 10px 0;
}

.abstract_authors {
	padding: 5px 0;	
}

.abstract {
	padding: 20px;	
}

.study {
	padding: 15px 0 0 0;
	border-bottom: 1px dotted #CCC;	
}

.study_name {
	font-weight: bold;	
}

/*///////////////////////*/
/*      faq page        /*/
/*///////////////////////*/

#faq_list  {
	list-style-image:url('images/more.png');
}

.toggled_list {
	list-style-image:url('images/less.png');
}

.faq_title {
	font-weight: bold;
	font-size: 15px;
	padding: 25px 0 0 0;	
}

.faq {
	padding: 15px 0 0 20px;	
}

.faq_question {
	font-weight: bold;
	padding: 0 0 5px 0;	
}

/*///////////////////////*/
/*      main page       /*/
/*///////////////////////*/

.bold_main {
	font-size: 110%;
	font-weight: bold;
	padding: 15px 0;
}

.sub_main {
	position: relative;	
}

.main_special_link {
	padding: 0 0 0 10px;	
}

.main_special_link img {
	padding: 0 4px 0 0;
	margin: 0 0 -4px 0;	
}


#main_left {
	width: 550px;
	float: left;
	padding: 20px 10px;	
}

#main_right {
	width: 180px;
	float: right;
	padding: 20px 0;
}


.special_box_main {
	width: 175px;
	min-height: 80px;
	border: 3px solid #fff;
	background-color: #efefef;
	-moz-box-shadow: 3px 3px 5px 1px #888;
	-webkit-box-shadow: 3px 3px 5px 1px #888;
	box-shadow: 3px 3px 5px 1px #888;
	font-size: 8pt;
	position: relative;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 25px;
	margin-left: 0;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 20px;
	padding-left: 12px;
}

.main_image {
	text-align: center;
	width: 180px;
	float: left;
}

.main_image img {
	border: 1px solid #CCC;
	padding: 1px;
}	

.second_title {
	clear: both;
	padding: 15px 0 0 0;
}	


/*///////////////////////*/
/* 			bio   	    /*/
/*///////////////////////*/

.bio {
	clear: both;
	padding: 25px 0 0 0;	
}

.bio_name {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 10pt;
}

.bio_pic {
	float: left;
	padding: 0 10px 10px 0;	
}



/*///////////////////////*/
/* CSS for header file  /*/
/*///////////////////////*/



#content_wrapper {
	padding: 20px 40px;
	min-height: 500px;	
}

#header_wrapper {
	margin: 0 auto;
	color: #333333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13pt;
	width: 900px;
	height: 152px;
	background-color: #D0ECF5;
	-moz-box-shadow: 0px 3px 4px #666;
	-webkit-box-shadow: 0px 3px 4px #666;
	box-shadow: 0px 3px 4px #666;
}

#header {
	padding: 5px 10px;
	height: 110px;	
	width: 600px;
	float: left;
}

#login_wrapper {
	margin: 5px 0 0 0;
	width: 200px;
	float: right;
	font-size: 9pt;	
	color: #427FA6;
}

.loginline {
	padding: 2px;
	clear: both;
	width: 200px;	
}

.loginline div {
	float: left;
	width: 65px;	
}

.loginline input {
	width: 120px;
	border: 1px solid #427FA6;
  	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
  	border-radius: 5px;
	padding: 2px;
	
}

#login {
	width: 80px;	
}

.login_button {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a2c5db), color-stop(1, #4280a6) );
	background:-moz-linear-gradient( center top, #a2c5db 5%, #4280a6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2c5db', endColorstr='#4280a6');
	background-color:#a2c5db;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border: 1px solid #427FA6;
	color:#ffffff;
	font-family:arial;
	font-size: 9pt;
	font-weight:bold;
	padding: 2px 6px;
	text-decoration:none;
	float: right;
	margin: 0 9px 0 0;
	width: 80px;
}.login_button:active {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4280a6), color-stop(1, #a2c5db) );
	background:-moz-linear-gradient( center top, #4280a6 5%, #a2c5db 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4280a6', endColorstr='#a2c5db');
	background-color:#4280a6;
}.login_button:hover {
	position:relative;
	top:1px;
}

#logout_wrapper {
	padding: 10px 0 0 0;	
}


#menu_wrapper {
	clear: both;
	height: 30px;
	background-color: #427FA6;
	border-bottom: 2px solid #81AFCC;
}

#menu {
	padding: 5px 0 5px 100px;
	position: relative;
}

#menu li {
	padding: 0 25px;
	float: left;
	list-style: none;	
	color: #FFF;
	position: relative;
}

#menu li a {
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
}

#menu li a:hover {
	color: #FFD557;	
}

#menu .current {
	padding: 13px 25px 0 25px;
	height: 27px;
	background-color: #81AFCC;
	position: relative;
	bottom: 15px;
	-moz-border-radius-topright: 10px; border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px; border-top-left-radius: 10px;
}


.submenu {
	position:absolute; 
	top: 26px;
	left:0; 
	margin:0 0 0 -1px; 
	padding:0; 
	list-style:none;
	-moz-box-shadow: 0px 3px 4px #666;
	-webkit-box-shadow: 0px 3px 4px #666;
	box-shadow: 0px 3px 4px #666;
	z-index: 2;
}

.current > .submenu {
	top: 41px;	
}

.submenu li {
	padding: 5px 25px !important;
	background-color: #427FA6;
	border: 1px solid #81AFCC;
	width: 200px;
	font-size: 12pt;
}

#footer_wrapper {
	padding: 10px 0;
	background-color: #427FA6;
	min-height: 40px;
	text-align: center;
	color: #FDFFEE;
	font-weight: normal;
}

#footer_wrapper a {
	color: #FFC;
}

#footer_footer {
	padding: 8px 8px 2px;
	font-size: 7pt;
}	

.clearfix {
	clear: both;	
}




/*/////////////////////////////////////*/
/*   tools / logged in landing       /*/
/*///////////////////////////////////*/

#your_tools {
	text-align: left;
	width: 500px;
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
}

.toolbutton {
	width: 420px;
	text-align: center;
	margin: 10px 0;
	-moz-box-shadow:inset 0px 1px 0px 0px #f2faff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f2faff;
	box-shadow:inset 0px 1px 0px 0px #f2faff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfe8ed), color-stop(1, #88b9e3) );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfe8ed', endColorstr='#88b9e3');
	background-color:#dfe8ed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:2px solid #a4bfe3;
	display:inline-block;
	color:#245c9c;
	font-family:arial;
	font-size:19px;
	font-weight:bold;
	padding:15px 0;
	text-decoration:none;
	text-shadow:1px 1px 0px #7cacde;
	background-position: left top;
}.toolbutton a {
	color: #245c9c;
}
.toolbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #88b9e3), color-stop(1, #dfe8ed) );
	background:-moz-linear-gradient( center top, #88b9e3 5%, #dfe8ed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#88b9e3', endColorstr='#dfe8ed');
	background-color:#88b9e3;
}.toolbutton:active {
	position:relative;
	top:1px;
}



/*////////////////////////////////*/
/*     coding segments          /*/
/*//////////////////////////////*/

.toppad_text {
	padding: 20px 0 0 0;	
}

.coding_area_name {
	clear: both;
	font-size: 16px;
	font-weight: bold;
	padding: 20px 0 0 0;	
}

.coding_area {
	background-color: #E3F4FA;
	margin: 10px;
	padding: 20px;
	width: 200px;
	float: left;
}

.can_name {
	font-weight: bold;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #08568a;	
}

.clip_focus {
	padding: 30px 0 10px 0;
}	

/*////////////////////////////*/
/*       video library       /*/
/*////////////////////////////*/

#library_wrapper {
	margin: 0 auto;	
}

#library_info {
	padding: 10px;
	width: 280px;	
}

#main_library {
	margin: 10px 0;
	float: right;
	width: 460px;
	text-align: center;	
	padding: 15px 15px 5px 15px;
	font-size: 15px;
	border: 3px solid #fff;
	background-color: #efefef;	
	-moz-box-shadow: 3px 3px 5px 1px #888;
	-webkit-box-shadow: 3px 3px 5px 1px #888;
	box-shadow: 3px 3px 5px 1px #888;
}

.library_link1, .library_link2 {
	text-align: center;
	padding: 10px 25px;	
	font-size: 14px;
}
.library_link1 {	float: left;  }
.library_link2 {	float: right; }

.domain_wrapper {
	text-align: center;
	width: 260px;
	float: left;
	padding: 10px 5px;	
}

.do_subtitle {
	font-size: 13px;
	color: #81AFCC;	
}

.do_title {
	font-size: 15px;
	font-weight: bold;
}

.dimension {
	padding: 5px 5px 10px 5px;
	background-color: #D0ECF5;
	margin: 10px 0 0 0;
		
}

.dimension img {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

#video_sidebar {
	margin: 15px 0 15px 15px;
	width: 140px;
	background-color: #f1f1f1;
	float: right;
	font-size: 10px;
	border: 1px solid #CCC;
}	

.sidebar_item {
	padding: 11px 5px;
	border-bottom: 1px dotted #81AFCC;
	text-align: center;
}

.sidebar_title {
	font-size: 11px;
	font-weight: bold;
	padding: 0 0 4px 0;	
}

.side_img {
	text-align: center;	
}

.side_img img {
	padding: 3px;	
}

.vl_dimension_links div {
	border-bottom: 1px solid #ccc;
}

#main_video_body {
	width: 670px;	
}
#dimension_info {
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #427FA6;	
	margin: 0 0 20px 0;
}

#dimension_info img {
	float: left;
	padding: 0 6px 6px 0;	
}

.clip_do {
	color: #81AFCC;	
}

#videos_available {
	font-size: 11px;	
}

#view_links {
	padding: 0 11px 0 0;
	text-align: right;	
}

#video_list {
	width: 660px;
	font-size: 11px;
	border: 2px solid #D0ECF5;
}

#video_list thead {
	text-align: left;
	font-size: 12px;
	background-color: #D0ECF5;
	height: 25px;
}

#video_list tr {
	position: relative;	
}

.starback {
	width: 40px;
	text-size: 11px;
}

.blurb {
	text-align: left;
	width: 175px;
	padding: 15px;
	position: absolute;
	z-index: 1;
	margin: 0 0 0 15px;
	left-margin: 0;
	top-margin: 0;
	background-color: #FFFFE6;
	border: 2px solid #FbB03b;	
}

.blurb img {
	float: left;
	padding: 0 7px 0 0;	
}

.compback {
	width: 40px;
	text-size: 11px;
}

#video_list tr:nth-child(even) {
	background: #f8f8f8;
}


.best_row, .comp_row {
	text-align: center;	
}

#about_clip {
	float: right;
	width: 470px;
}

.about_label {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}	

.clip_data {
	border: 2px solid #D0ECF5;
	padding: 6px;
	margin: 0 0 10px 0;
}

.clip_text {
	margin: 10px 0 0 0;	
}

#related_vids {
	font-weight: bold;
	margin: 35px 0 10px 0;
	padding: 10px;
	border-top: 2px solid #D0ECF5;
	border-bottom: 2px solid #D0ECF5;
	clear: both;
	text-align: center;	
}

.related_videos {
	font-weight: normal;
	font-size: 11px;
	text-align: left;
	float: left;
	width: 240px;
	padding: 5px;
	margin: 5px;	
}

#video_bottom_links {
	width: 500px;
	margin: 30px auto;
}	

.bottom_links {
	padding: 3px 10px;
}

.comparison_instructions {
	width: 770px;	
	margin: 0 auto;
}

.instructions {
	padding: 10px 0;
	font-size: 13px;
	font-weight: bold;	
}

.comp_steps {
	text-align: center;
	width: 150px;
	height: 100px;
	padding: 5px 20px;
	float: left;
}	

.img_wrapper {
	padding: 5px;
	text-align: center;	
}

.comp_summary {
	clear: both;
	width: 750px;
	margin: 10px auto;
	padding: 15px;
	background-color: #EBF8FC;
	border: 2px solid #D0ECF5;
}

.summary_title {
	padding: 0 0 10px 0;
	text-align: center;
	font-weight: bold;
	font-size: 13px;	
}

.comp_box {
	width: 370px;
	float: left;	
}

#comp_high_box {
	float: left;	
}

.comp_box_label1 {
	padding: 3px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #69b88a;	
	border-bottom: 2px solid #69b88a;
}

.comp_title1 {
	padding: 3px;
	text-align: center;
	font-size: 12px;
	color: #69b88a;	
}

.comp_box_label2 {
	padding: 3px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #f0613d;	
	border-bottom: 2px solid #f0613d;
}

.comp_title2 {
	padding: 3px;
	text-align: center;
	font-size: 13px;
	color: #f0613d;	
}

.comp_vid {
	text-align: center;
}	

#comp_low_box {
	float: right;
}

.comp_focus {
	padding: 10px 0;	
}

.hi_summary {
	padding: 5px 0;
}

.lo_summary {
	padding: 5px 0;
}

.lo_summary ul, .hi_summary ul {
	padding: 0 0 0 20px;
	font-size: 8.5pt;	
}

.comp_img {
	padding: 180px 0 0 0;
	width: 30px;
	margin: 0 auto;	
}

#comparison_table {
	margin: 15px 0;	
}

#comparison_table thead {
	font-weight: bold;
	text-align: left;
	font-size: 12px;
	background-color: #D0ECF5;
}

#comparison_table td {
	font-size: 11px;
	padding: 5px;	
}

#comparison_table tr:nth-child(even) {
	background: #f8f8f8;
}

.comp_exp {
	margin: 0 0 15px 0;	
}

#video_list_srch {
	font-size: 11px;
	border: 2px solid #D0ECF5;
}

#video_list_srch thead {
	text-align: left;
	font-size: 12px;
	background-color: #D0ECF5;
	height: 25px;
}

#video_list_srch tr {
	position: relative;	
}
.login_notification {
	border: 3px solid #fff;
	background-color: #efefef;
	padding: 8px;
	-moz-box-shadow: 3px 3px 5px 1px #888;
	-webkit-box-shadow: 3px 3px 5px 1px #888;
	box-shadow: 3px 3px 5px 1px #888;
	font-size: 9pt;
	min-height: 20px;
	width: 80%;
	color: #900;
	text-align: center;
	margin-top: 10;
	margin-right: 10;
	margin-bottom: 100;
	margin-left: 30;
}