@import url("style.css");
body{
	/* this stylesheet is a bit complicated, maintained by Zhang Weiwu. 
Please ask him if you are going to make some big change because 
some internal logic is not so obvious. */
	/* we need to set margin because it seems Fx/IE have different default 
	 * margin in strict mode */
	margin: 0px;
	/* we set font here because default font tends to be ugly fixed-width 
	 * font on chinese version of Windows */
	font-family: "Helvetica", "Arial";
	font-size: 10pt;
	width: 1000px;
	background-color: white;
	color: black;
}

h1 { font-size: large; }
#mainscreen_message h1 {
	font-size: large;
	margin-top: 1ex;
	margin-bottom: 0.5ex;
}

#mainscreen_message {
	font-size: small;
	float: left;
	padding-left: 2%;
	padding-right: 1%;
}

.index_table thead th, .inbox_table .th, .index_table thead td {
    text-transform: none;
    letter-spacing: 1px;
}

ul#api_language_selector {
	height: 18px;
	margin: 9px;
	margin-right: -22px;
}

ul#api_language_selector li {
	background-color: #6b6a98;
	border: thin dimgray outset;
}
ul#api_language_selector li.selected_language {
	border: thin #535289 inset;
	background-color: #6b6a98;
	background-image: url(images/button_ok.png);
}
ul#api_language_selector li.selected_language :link ,
ul#api_language_selector li.selected_language :visited {
	color: white;
	font-weight: bold;
	background-color: #535289;
}

ul#api_language_selector li :link, 
ul#api_language_selector li :visited {
	color: black;
	background-color: #a8a7c5;
}

.tab {
	line-height: 25px;
	margin-left: 12px;
	margin-bottom: 7px;
	padding: 0px;
}

.tab li {
	display: inline;
	margin:0;
	padding:0;
}

.tab :link, .tab :visited {
	white-space: nowrap;
	color: #535289;
	text-decoration:none;
	font-weight:bold;
	font-size: small;
	padding: 0.5ex 1ex;
	border-left: thin solid #fff;
	border-top: thin solid #fff;
	border-right: thin solid #aaa;
	background-color: #A8A7C5;

}

.tab li.selected :link,
.tab li.selected :visited {
	border: thin outset gray;
	border-bottom: none;
	background: white;
	position:relative;
	z-index:102;
}

body {
	font-family: "Trebuchet MS", sans;
	font-size: 10.5pt;
	padding: 0px;
	margin: 0px;
	background-image: none;
}

input[type=radio],
input[type=checkbox],
input[type=text],
input[type=password],
select, #content textarea {
	border: inset thin;
	/* nice color for active entries*/
	/* background-color: #F7E7C6; */
}

input[type=button], input[type=submit] {
	border: outset thin;
}

#logobar {
	background: #a8a7c5;
	border-left: 1px solid lightgrey;
	height: 120px;
}

#login_error_message {
	color: yellow;
	background-color: #5c5278;
	text-align: center;
	margin-top: 1pt;
	line-height: 150%;
	clear: both;
	margin: auto;
}

#login_error_message :link, #login_error_message :visited {
	color: white;
}

#login_form {
	float: right;
	margin-right: 1em;
	margin-top: 1ex;
}

.navbar {
	margin: 0px;
	padding: 0px;
	padding-left: 12px;
	clear: left;
	background-color: #6b6a98;
	font-weight: bold;
	color: white;
}

.navbar li {
	list-style-type: none;
	border-left: 1px lightgrey solid;
	display: inline;
}


.navbar li.current {
	background-color: #535289;
}

.navbar :link, .navbar :visited, .menubar :link, .menubar :visited {
	padding-left: 1ex;
	padding-right: 1ex;
	color: white;
	text-decoration: none;
}
.navbar li:hover {
	background-color: #FFFFFF;
	
}
.navbar li a:hover{
	color: #535289;
}
.menubar {
	color: white;
	margin: 0px;
	padding: 0px;
	display: block;
	background-color: #8786ae;
	padding-left: 12px;
	padding-right: 4px;
}

.menubar li {
	list-style-type: none;
	border-left: 1px lightgrey solid;
	display: inline;
}

.menubar li.current {
	background-color: #535289;
}

.menubar li:hover {
	background-color: #535289;
}

.menubar li.sidetab:hover {
	background-color: #6b6a98;
}

#IE_is_shit_shit_shit_shit {
	width: 66%;
	float: left;
}

#ahk_footer {
	clear: both;
	font-size: 9pt;
	font-weight: normal;
}

#gnc_footer {
	font-size: x-small; 
	line-height: 200%; 
	clear: both; 
	color: white; 
	background-color: #6b6a98; 
	padding-left: 1em;
	margin-bottom: 0px;
	margin-top: 0px;
}

/* ----- AHK SPECIAL REQUIREMENTS ----- */
body.external_user #navbar_preferences { display: none; }
body.external_user #navbar_news_admin { display: none; }
body#news_admin.external_user #index_page_category_selection_list  { display: none; }
body#news_admin.external_user #index_page_submitted_by { display: none;}
body#contactmgr.external_user #index_page_column_header_category { color: Beige; }
body#contactmgr.external_user #index_page_quick_search_category select {visibility: hidden;}
body.external_user #navbar { display: none; }
body.external_user #menubar { display: none; }
body.anonymous #change_your_password_link { display: none; }
body.anonymous #logout_link { display: none; }

body.anonymous #my_contact_info { display: none; }
body.external_user #add_your_company_link { visibility: hidden; }
body.anonymous #add_your_company_link { visibility: visible; }
body.internal_user #external_user_navbar { display: none;}
body.external_user #external_user_menubar { float: left;}
body.internal_user #external_user_menubar { display: none;}
body.external_user #external_user_2nd_menubar { text-align: right; }
body.anonymous #field_setup { visibility: hidden; }
body.internal_user #external_user_2nd_menubar { display: none;}
body.external_user .spec { display: none; }
.index_table thead { height: 55px; }
#p_n_a {
	background-color: lightyellow;
	border: thin dashed #8786ae;
	padding: 0.5ex;
	text-align: center;
} 
/* ----- AHK SPECIAL REQUIREMENTS ENDS ----- */

#contentarea {
	clear: both;
}
#home #contentarea{
	background: white url("images/ahk_bg.png") repeat-y 67% 0;
}

#button_ok, #button_cancel, #button_new, #button_edit, #button_delete, #button_back  {
	visibility: visible;
	margin-left: 12px;
}

h1, h2, h3, h4, h5, h6
{
	color: #5c5278;
}

strong {color: #6c6385; }