/*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: 0 0 0 10px; border: 2px solid #22A793;padding: 6px 6px;}
#header a{color:white;}
#header{color:white; height:74px; width: 942px; border: 0px solid #20958B; margin-bottom:8px;}

/*user loged-in area*/
#mast{border: 0px solid black;width: auto;float:right;margin-right: 2px;font-size:14px;}
#login #menu{}
#menu{}
#login{border: 0px solid black; text-align:right; width: auto;margin: 60px 0 0 0px;}
/*#login #greeting{height: 45px;font-weight: bold;}*/
#login a {color:white;}
#login a:hover{ text-decoration:underline;}
#login_error{font-weight:bold;color:red;margin: 5px 0 17px 122px;}
/*#username, #password{margin: 6px 0 0 0px;}*/


/*Keyword search area */
#left_mast{border: 0px solid black;width: auto;float:left;margin-left: 1px;}
#search_menu{border: 0px solid black; width: auto; height: 20px; margin-top: 55px;margin-left:0px;}
#left_search_menu #left_menu{}
#left_menu{}
#user_records_filter{height:20px;width:69px;font-size:12px;color:black; background-color: #F9F9F9;border: 0px solid black; float:left; padding-top:0px; padding-left:0px;margin-right: 2px;}
#search_types_filter{ height:20px;width:101px;font-size:12px; color:black; background-color: #F9F9F9;border: 0px solid black; float:left; padding-top:0px;padding-left:0px;  }
#search_keywords_filter{font-size:13px;line-height:13px; width:95px;height:14px; float:left;margin-left: 2px;margin-bottom: 1px;}
#keyword_submit{ 
font-size:12px; line-height:14px; color: #336666; height:21px; width:21px; float:left;padding-bottom:2px; padding-left:2px;padding-right:0px;}
#results_count{border:0px solid white;text-align: center;color: #FFFFFF;font-size: 11px; font-weight: normal;margin-top: 64px; text-align:left;margin-left:-8px;width: auto;height:14px; }

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

/*left side bar area*/
#left_sidebar{padding: 0px 0px 0 0px;position:relative;left: 0px; border: none; background:url(../images/sidebar.png); max-height:470px;min-height:470px; width:290px; margin-right:0px;margin-left:0px;}
#top_sidebar_text{background-color: #FDFDFD; border-right:3px solid #000000; border-bottom:3px solid #000000; margin:9px 19px 0 19px; padding: 6px 8px 7px 8px; font-size:14px; color: #000000; line-height:18px; text-align:justify; height: auto;}
#left_sidebar_text{background-color: #FDFDFD; border-right:3px solid #000000; border-bottom:3px solid #000000; margin:9px 19px 0 19px; padding: 6px 8px 7px 8px; font-size:14px; color: #000000; line-height:18px; text-align: justify; height: auto;}
#left_sidebar_menu {background-color: #FFFFFF; border-right:3px solid #000000; border-bottom:3px solid #000000; margin:9px 19px 0 19px; padding: 5px 0px 6px 6px; font-size:14px; color: #000000; height: 18px;}
#left_sidebar_text a{ color:#000000; text-decoration: none; font-style:italic;}
.large {font-size: x-large;	font-weight: normal;}

/*record area: determins width of applet window*/
#main_frame{
 border: 0px solid #FFFF00; width: 640px;
}
#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: 20px 0;
	
}
.table_header{
	font-weight:bold;
	margin-bottom: 5px;
	
}
.table_header div.alpha{
	border-bottom: 2px solid black;
	margin-top: 7px;
	font-size:15px;
}

.button_link{
	margin-top:3px;
}

form .form_row{
	height: 30px;
	clear:both;
}

form .field_message{color:red;font-size:12px;padding-top:7px;display:inline-block;}
form div.multiline .field_message{padding-top:4px;}

/*form labels*/
form .form_row div.label, form .form_row div.fieldFirst{
	text-align:right;
	position:relative;
	float: left;
	width: 200px;
	margin-right: 20px;
}
/*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;}
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: 19px;}

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

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

/*flash messages */
#flash{margin: 3px 0 3px 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{width: 638px; margin-left: 0px;margin-right:0;
}
#description_div{
	background-color: #FFFFFF;
	padding: 7px;
	width: 625px;
	height: auto;
	border:1px solid #aaa; 
	font-size:13px;
	color: #000000; 
	margin-bottom:0px;
	margin-right:0px;
	margin-left:0px;
}
#description_div div{
	margin: 1px 0;
	border: 0px solid #ccc;
	width: 100%;
	line-height:18px;
	text-align: justify;
	max-height:83px;
	min-height:83px;
	overflow: auto;
	}
#description_body{margin: 0px 0;}
.records_applet{border: 0px solid black;width: 643px;height: 300px; margin-left: 0px;margin-right:0;float:left;}

#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{border: 0px solid black;float:left;margin:6px 0 3px 0; padding-bottom:0px; width: 645px; height: 24px;}
#applet_header alpha{
}
/*title of permalink font or image*/
#image_font_show_name{font-weight:bold; margin-top:7px;}
/*above applet fields*/
#applet_header #font_family_select{width: 159px; color:black; background-color: #F9F9F9;padding-left:0px;}
#applet_header #font_select{width: 150px; color:black; background-color: #F9F9F9;padding-left:0px;}
#applet_header #size_select{width: 50px; color:black; background-color: #F9F9F9;padding-left:0px;}
#applet_header #glyph_select{width: 120px; color:black; background-color: #F9F9F9;padding-left:0px;}
#applet_header #keyboard_select{width: 72px; color:black; background-color: #F9F9F9;padding-left:0px;}
#applet_header #clear{width:41px; font-size:13px;padding-left:2px;}
#applet_header #try{width:80px; font-size:13px;padding-left:4px; 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;background-color: #F9F9F9;padding-left:0px;}
#applet_header #orderAlignInputSelect{width:127px;color:black;background-color: #F9F9F9;padding-left:0px;}

#record_toolbar{
	margin: 2px 0 10px 0;
	text-align:right;
	font-size: 12px;
	width: 630px;
	border: 0px solid black;
}
/*under image toolbar header*/
#record_toolbar {margin-top: 3px;margin-bottom: 8px; border:0px solid black;width:639px; }
#record_toolbar a{padding: 0 0px;display:inline-block;color: #000000; font-size:13px;}
/*#record_toolbar a:hover{border: 1px inset #bbb;}*/
#record_toolbar #record_permalink_label{float:left;}
#record_toolbar #record_permalink{float:left;}
#edit_link{ margin-left:10px; margin-right:10px;}
#download_link{margin-left:10px;}
#get_share_font{}
#font_family_price{display:inline-block;margin-left:10px;}
#font_member_price{display:inline-block;margin-left:10px;}
#discount{display:inline-block;margin-left:10px;}
#cart{margin-bottom:10px;}

.paypal_form{display:none;}

/*above image toolbar header*/
#image_title_select{width: 284px; height:23px;font-size:12px; color:black; background-color: #F9F9F9;}
#record_toolbar img{border: 0px solid black; padding: 0 3px;vertical-align: text-bottom;}
#record_toolbar #image_right_header{position:absolute;width:332px;border:0px solid black;left: 305px;bottom: 326px;float:right;}
#back{position:absolute;right: 315px;bottom: 0px; float:right; }
#next{position:absolute;right: 283px;bottom: 0px; float:right; }
#image_header{border: 0px solid black;margin-bottom:5px;margin-left:0px;margin-top:6px;}/*match this with applet_header to maintain consistent 

/*look*/
#image_main_frame{width:639px;height: 300px;border:0px solid #000000;}
/*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: 639px;height: 300px;overflow:auto;border:1px solid #aaa;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;}

/*Footer Style control*/
#footer{padding-top:4px; margin-top:8px; margin-bottom:8px; height:12px; line-height:13px; background-color: #22A793;}
#copyright{border:0px solid black;font-size: 11px; font-weight:normal; color:#FFFFFF; width: auto; margin-left:2px;float:left;}
#right_footer_mast{border:0px solid black; width: auto; color: #FFFFFF;  font-size:14px; font-weight: normal; float:right; margin-right:2px;  }
#right_footer_mast a{font-weight:normal; color: #FFFFFF;}
#right_footer_mast .active_nav{color:white; font-weight:bold; text-decoration:none; }
#right_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:0px solid black; width: 953px !important; max-width: 953px; background: #FDFDFD; margin-bottom:10px !important;margin-top:15px !important; margin-left:-8px !important;}
/* title bar overrides go here */
#dialog .dialog-titlebar{text-align: left; height:12px; font-size:13px;  color: #FFFFFF; border:solid 2px #22A793; font-weight: bold; width: 945px; background: #22A793; padding-left:8px; padding-top:2px; padding-bottom:2px;}
/* style content of the dialog here */
#dialog .dialog-content { border: 2px solid #22A793;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;}