/*global*/
html{overflow:scroll;}
html,body{font-family: Helvetica, Arial;}
select{border: 1px solid #aaa;padding: 2px;font-size: 12px;}
a{text-decoration:none;}
a:hover{text-decoration: underline;}
/*a, a:visited {color: #465967;  font-size:14px;}*/

/*header */
#header, #content, #footer{background-color: #fff;margin: 0px 0 0 10px;border: 2px solid #B6B6B1; padding: 6px 6px;}
#header a{color:white;}
#header{color:white;height: 70px; margin-bottom:0px;}
#logo{margin: 5px 0 8px 0; margin-left:5px;}
#logo img{border: 0px solid black; background-color: #F5F5F5; margin-top:5px;}
#mast{}
#login{text-align:right; margin: 3px 0 0 6px;}
#login #greeting{height: 45px;font-weight: bold;margin-top:10px; }
#login #menu{}
#login_error{font-weight:bold;color:red;margin: 5px 0 17px 122px;}
#username, #password{width:100px; height:12px; font-size: 12px; font-weight: normal; margin: 8px 0 0 0px;}
#login_button{font-size:11px;height: auto;padding-top:0px;}
#subtext_left{font-size: 12px; font-weight: bolder;margin-left: 7px;width: 575px;color: #FFFFFF }
#subtext_right{}
#ads{border:1px solid #666666;width:360px; height:36px; margin-left: 289px; margin-top: 3px ; color: #666666; text-align:center;padding:5px 0px 0px 0px; line-height:17px;}
#ads a{color:#666666;text-decoration: underline;}

/*content area*/
#content{}
#content_div{text-align: justify;padding: 10px 8px 10px 10px; line-height:18px; color: #465967;font-size:14px;} 

/*left_sidebar*/
#left_sidebar{border: 0px solid black;position:relative;left: 3px; background-color:#B6B6B1;  width:220px; height: inherit;}
#left_sidebar p{line-height: 300px;margin-top:100px;}
#left_sidebar_div{border: 4px solid #FFFFFF;background-color: #F8F8F8; font-size:14px; color: #465967; font-weight: normal; margin:1px 1px 1px 1px ;padding:10px 0px 10px 0px; }
.filter{border: 0px solid black;height:40px; width:200px; margin-left:8px;}
#webpad_menu {border: 4px solid #FFFFFF;background-color:#B6B6B1;margin:0px 1px 1px 1px;padding:7px 5px 5px 5px; text-align:center; }
#webpad_button {width: 192px; font-weight: normal0; color: #000000; text-align:center; }
#left_sidebar_board{border: 4px solid #FFFFFF;background-color:#B6B6B1; font-size:14px; line-height:18px; color: #FFFFFF;text-align:center; margin:0px 1px 1px 1px;padding:6px 5px 5px 5px;}
#participants_div{border: 1px solid ;text-align:left;background-color:#F8F8F8; line-height:18px; color: #465967;font-size:14px; margin:5px 0px 3px 0px; padding:3px 3px 3px 4px; height:108px;min-height:108px; overflow: auto;}
#left_sidebar_menu {border: 4px solid #FFFFFF;background-color:#B6B6B1;margin:0px 1px 1px 1px;padding:7px 5px 5px 5px; text-align:center;}

/*left_sidebar form fields*/
.filter .form_row .label{border: 0px solid #000000;width:68px; margin-top:5px; margin-right:18px; margin-left:3px;}
.filter select{width:102px; border: 1px solid #bbb;margin-top:0px;}
#subject_filter_div{border: 0px solid #000000; height: 156px; margin-top:-8px; margin-left:12px;}
#subject_filter_div div.form_row, #subject_filter_div select{height: 10px; margin-left:-10px;}
#subjects_filter_controls{float:right;margin-top:3px; margin-left:4px}
#subjects_filter_controls label{width: 180px;float:right; margin-left:4px;margin-top:3px;}
#subjects_filter_controls input{float:left;clear:left;}
#keywords_filter_div{}
#keywords_filter_div .form_row div.label{width: 180px;margin-left:0px;margin-top:8px;}
#keywords_filter_div div.label{float: none;}
#keywords_filter_div input{width: 184px;margin:2px 0px 0 3px; }
#submit_filter{width: 185px; margin:10px 10px 0 10px; }
#submit_filter input{width: 192px; margin:14px 10x 10px 0;}
a.back{font-size: 12px;}
.page_header{margin-bottom: 5px;}
h1{font-size:26px;}
#results_count{ font-style:italic;text-align:right;color: #000099; padding-right:10px;margin-top:0px;}

/*record area*/
#main_frame{
/* background-color: yellow;*/
}
#record_container{
	background-color: white;
	color:  white;
	height: 200px;
}
#admin_list{margin:20px;}
#admin_list li{
	list-style-type: disc;
	margin: 5px;
}
/*forms*/
.table_title,.form_title{
	margin: 10px 0;
}
.table_header{
	font-weight:bold;
	margin-bottom: 5px;
}
.table_header div.alpha{
	border-bottom: 1px solid black;
}

form .form_row{
	height: 30px;
	clear:both;
	border: 0px solid black;
}

/*form labels*/
form .form_row div.label, form .form_row div.fieldFirst{
	text-align:right;
	position:relative;
	float: left;
	width: 200px;
	margin-right: 10px;
}
/*form fields*/
form .form_row div.field, form .form_row div.labelLast{float: left;}

form .form_row.textarea{
	height: 175px;
	}
form .form_row.textarea textarea{
	height: 150px;
	width: 450px;
}
form span.rstar{color:red;}

form div.multiline {height: 30px;clear:both;margin-bottom: 15px; margin-top: 0px;}
form div.multiline .form_row{float:left;clear:none;}
form div.multiline .form_row + .form_row .label {width:auto;margin-left: 20px;}
form div.multiline .form_row + .form_row .fieldFirst {width:auto;margin-left: 20px;margin-right:0;}

form div.multiline .form_row div{line-height: 25px;}

#admin_record_fields div.form_row+div.form_row{position:relative;top:2px;}

/*flash messages */
#flash{margin: 10px 0 0 10px;}
#flash .notice{color:green;}
#flash .warning{color:red;}
#flash .error{color:red;}

/* error box */
.grid_12.errors{
	color:red;
}
/*field error*/
div.error{
	color:red;
}
/*div.error:before{content:'*';}*/
.hidden_form{display:none;}

/*applet*/
#record_div{
}
#description_div{
	background-color: #FFFFFF;
	padding: 7px;
	width: 670px;
	height: auto;
	border:1px solid #aaa; 
	font-size:13px;
	color: #000000; 
	margin-bottom:4px;
}
#description_div div{
	margin: 1px 0;
	border: 0px solid #ccc;
	width: 100%;
	line-height:18px;
	text-align: justify;
	max-height:400px;
	overflow: auto;
	}
#description_body{margin: 0px 0;}
.records_applet{border: 0px solid black;}

#description_label{font-weight: bold;display: inline;}
#description_data{display:inline;font-size:13px;}
#description_data a {color:#000000;text-decoration: underline; font-style:italic;}
#applet_header{
	margin-bottom: 5px;
}
#applet_header alpha{
	
}
#applet_header #font_family_select{width: 189px; color:black;padding-left:0px;}
#applet_header #font_select{width: 163px;padding-left:0px;}
#applet_header #size_select{width: 51px;padding-left:0px;}
#applet_header #glyph_select{width: 120px;padding-left:0px;}
#applet_header #keyboard_select{width: 72px;padding-left:0px;}
#applet_header #clear{width:40px; font-size:13px;padding-left:0px;}
#applet_header #try{width:80px; font-size:13px;padding-left:0px; font-weight:700; margin-left:8px;}
#applet_header #close{width:20px; font-size:13px;padding-left:4px;}
#applet_header #alignmentSelect{width: 55px;padding-left:0px;}
#applet_header #orderAlignInputSelect{width:127px;padding-left:0px;}

/*vk*/
#keyboards{border:1px solid #B6B6B1; margin-top:0px; margin-bottom:5px; width:683px; height: auto;}
#vkDiv{border:0px solid #B6B6B1; margin-top:0px;}

#record_toolbar{
	margin: 2px 0 10px 0;
	text-align:right;
	font-size: 12px;
	width: 99%;
	border: 0px solid black;
}
#record_toolbar {margin-top: 5px;}
#record_toolbar a{padding: 0 0px;display:inline-block;color: #465967; font-size:13px;}
/*#record_toolbar a:hover{border: 1px inset #bbb;}*/
#record_toolbar #record_permalink{margin-left:10px;float:left;}
#record_toolbar #share{margin-left:10px;float:left;}
#record_edit_link{ margin-left:10px; margin-right:10px;}
#record_download_link{margin-left:10px;}
#load_share_permalink{}
#record_toolbar img{padding: 0 3px;vertical-align: text-bottom;}
#record_toolbar #record_view_link{border:0px solid black;position:absolute;left: 572px;bottom: 428px;float:right;}
#back{position:absolute;right: 340px;bottom: 0px; float:right; }
#next{position:absolute;right: 309px;bottom: 0px; float:right; }
#image_header{margin-bottom:5px;}/*match this with applet_header to maintain consistent look*/
#image_main_frame{}
/*if the #record_div dimensions are changed the js for resizing must be updated since it resizes to these dimensions*/
#image_main_frame #record_div{width: 683px;height: 400px;overflow:auto;border: 1px solid #bbb;text-align:center; padding:0px;}
#image_main_frame #record_div img{padding:0px 0px 0px 0px;}

.button_link{border:1px outset black;text-align:center;background-color:#eee;font-size:12px;padding:2px;}
.button_link:active{border:1px inset black;}
.button_link a:hover{text-decoration:none;}

.record_subjects_cb + label{margin-right:14px;}

#record_list .inactive, #record_list .inactive a{
  color: red;
}

#record_list .active.open, #record_list .active.open a {
  color: green
}

/*Footer Style control*/
#footer{text-align:left; padding-top:4px; margin-top:10px; margin-bottom:10px; height:12px; background-color: #B6B6B1;}
#copyright{border:0px solid black;font-size: 11px; font-weight:normal; color:#FFFFFF; width: auto; margin-left:2px;margin-top:2px;float:left;}
#footer_mast{border:0px solid black; width: auto; color: #FFFFFF;  font-size:14px; font-weight: normal; float:right; margin-right:5px;  }
#footer_mast a{font-weight:normal; color: #465967;font-weight: bold;}
#footer_mast .active_nav{color:white; font-weight:bold; text-decoration:none; }
#footer_mast a:hover{ color:#FFFFFF;}



/* place styling information here for the popup that comes up for static content pages */
/* for this rule only, you may need to place the '!important' declaration after some of the styles */
#dialog {border:0spx solid black; width: 953px !important; max-width: 953px; background-color:#FDFDFD; margin-bottom:10px !important;margin-top:0px !important; margin-left:10px !important;  }
/* title bar overrides go here */
#dialog .dialog-titlebar{text-align: left; height:12px; font-size:13px;  color: #FFFFFF; border:solid 2px #B6B6B1; font-weight: bold; width: 945px; background: #B6B6B1; padding-left:8px; padding-top:2px; padding-bottom:2px;}
/* style content of the dialog here */
#dialog .dialog-content { border: 2px solid #B6B6B1;line-height:18px; color: #465967;font-size: 14px;max-width: 945px; min-width: 945px; text-align: justify;padding: 10px 8px 10px 0px; height:425px ;min-height:425px;max-height:425px;overflow: scroll;
}
#dialog_content_div{text-align: justify;padding: 10px 8px 10px 0px; line-height:18px; color: #465967;font-size:14px; max-width: 916px; margin-left:10px !important;}
#content_heading {font-size: 22px;	font-weight: bold; text-align:left;}
#content_sub_heading{font-size: larger; font-weight:bold;}
#dialog .dialog-content a {color: #465967; text-decoration: underline; font-style:italic;}
#dialog .ui-dialog-titlebar-close {float:right;  padding: 0 6px 0 0;}