* {
	margin: 0px;
	padding: 0px;
	font-family: Arial;
}

body {
	text-align: center;
	font-size: 12px; 
	background: #599530;
}

.btn {
	display: block;
	cursor: pointer;
}

.center {text-align: center;}

.hidden {display: none}

.btn:hover, .active {
	background-position: 100% 0px !important;
}

img {
	border: 0px;
}

input, select, textarea {
	border: 0px; 
	background: none;
	color: #018ec3;
}

select {
	background: #FFE52A;
}

.clear {
	clear: both;
}

#body {
	background: url('images/bg_body.jpg') repeat-x #ddf0d0;
}

#width {
	margin: 0px auto;
	background: url('images/bg.jpg') no-repeat;
	width: 1000px;
	min-height: 600px;
	text-align: left;
	padding-bottom: 30px;
}

.margin_left_30 {
	margin-left: 30px;
}

.fright {float: right}

a {text-decoration: none}

#logo {position: absolute; margin-left: 170px; margin-top: 10px }

#links {float: right; margin-top: 20px; margin-right: 30px}
#links a {color: #ffffff; margin-left: 10px;}
#links a:hover {color: #018ec3}

#new_member {position: absolute; background: url('images/box_newmember.png'); width: 491px; height: 187px; color: #014D69}
#new_member p {text-align: center; line-height: 50px; margin-top: 50px; font-size: 14px;}
#new_member .header {position: absolute; margin-left: 97px; margin-top: -22px;}


#existing_member {position: absolute; background: url('images/box_existingmember.png'); width: 436px; height: 187px; margin-left: 520px }
#existing_member .input {float: right; background: url('images/login_input.png'); width: 170px; height: 30px}
#existing_member .input input {margin: 7px 5px; height: 17px; width: 150px}
#existing_member .header {position: absolute; margin-left: 37px; margin-top: -22px;}
#existing_member table {margin-top: 60px; width: 310px; margin-left: 50px}
#existing_member td {font-size: 18px; font-weight: normal; color: #c8ecff}
#existing_member .btn_logout {position: absolute; margin-left: 285px; margin-top: 135px}
#existing_member .btn_startiei {position: absolute; margin-left: 20px; margin-top: 135px}
#existing_member p {position: absolute; font-size: 14px; color: #C8ECFF; padding: 70px 20px 0px; line-height: 22px;}
#header {height: 150px}

.news_box {margin-top: 215px; background: #ebf6e3; float: left; margin-right: 32px; width:292px;}

.news_box h1 {margin-left: 20px; font-size: 12px; color: #014d69; line-height: 45px; font-weight: normal;}
.news_box a {margin-right: 20px; color: #599530; line-height: 45px;}
.news_box a:hover {color: #014d69}
.news_box p.date {color: #599530; float: left}
.news_box h2 {text-align: right; color: #014D69; font-size: 12px; font-weight: normal; margin-bottom: 10px}

.news_body {background: url('images/news_line.png') repeat-x; padding: 20px; text-align: justify}
.news_body a {color: #599530; line-height: 18px;}
.news_body a.more {float: right; margin-right: 0px; color: #08445b}
.news_body a.more:hover {color: #000}

#footer {background: url('images/footer_bg.png') repeat-x; height: 60px; color: #cbe7f6; line-height: 40px}
#footer .width {width: 1000px; margin: 0px auto; text-align: left}
#footer .links {float: right; margin-right: 30px}
#footer a {color: #ffffff; margin: 0px 5px; font-size: 12px; }
#footer a:hover {color: #ffe52a}
#footer p {margin-left: 30px; color: #fff}

#comparator .input {float: none; margin: 0px}

.btn_login {width: 105px; height: 53px; background: url('images/btn_login.png'); float: right; margin-top: 4px}
.btn_logout {width: 115px; height: 53px; background: url('images/btn_logout.png'); }
.btn_startiei {width: 93px; height: 53px; background: url('images/btn_startiei.png'); }
.btn_results {margin: 25px auto 0px; width: 265px; height: 53px; background: url('images/btn_results.png'); }
.btn_clear {position: absolute; margin-left: 154px; width: 53px; height: 17px; background: url('images/btn_clear.png'); }
.btn_send {width: 95px; height: 51px; background: url('images/btn_send.png'); float: right; margin: 4px 22px 0px}
.btn_change {width: 117px; height: 53px; background: url('images/btn_change.png'); float: right; margin: 4px 22px 0px}
.btn_changepassword {width: 192px; height: 53px; background: url('images/btn_changepassword.png'); float: left; margin-top: 4px }
.box_yellow_390 .btn_changepassword {margin-left: 60px; }
.btn_goback {width: 117px; height: 53px; background: url('images/btn_goback.png'); margin-top: 4px; float: left;}
.btn_histogram {width: 94px; height: 35px; background: url('images/btn_histogram.png'); margin-top: 5px; margin-left: 6px; position: absolute; }
.btn_csv {width: 90px; height: 35px; background: url('images/btn_csv.png'); margin-top: 5px; margin-left: 220px; position: absolute; }
.btn_print {width: 117px; height: 56px; background: url('images/btn_print.png'); margin-top: 5px; margin-left: 417px; }

#panel {width: 710px; height: 76px; background: url('images/box_panel.png'); margin-bottom: 30px; margin-left: 112px }
#panel p {font-size: 18px; line-height: 79px; margin-left: 15px; color: #C8ECFF}
#panel form * {float: left}
#panel .input {margin-top: 24px; margin-left: 5px; background: url('images/login_input.png'); width: 170px; height: 30px}
#panel .input input {margin: 7px 5px; height: 17px; width: 150px}
#panel .btn_login, #panel .btn_logout, #panel .btn_startiei {margin-left: 0px; margin-top: 21px; float: right; margin-right: 30px}
#panel .header {position: absolute; margin-left: 10px; margin-top: -22px;}

.box_yellow_390 {margin-bottom: 30px; color: #00729D; width: 390px; background: url('images/box_yellow390_bg.png') repeat-y; float: left; margin-left: 55px }
.box_yellow_390 .cover {padding: 20px 30px 20px 20px; min-height: 95px; background: url('images/box_yellow390.png') no-repeat; }
.box_yellow_390 .header {width: 375px; position: absolute}
.center_390 {margin-left: 275px}

.box_yellow_835 {clear: both; color: #00729D; width: 835px; background: url('images/box_yellow835_bg.png') repeat-y; margin-left: 55px }
.box_yellow_835 .cover {padding: 20px 30px 20px 20px; min-height: 175px; background: url('images/box_yellow835.png') no-repeat; }
.box_yellow_835 .header {width: 820px; position: absolute}
.box_yellow_835 .header img, .box_yellow_390 .header img {margin-top: 9px}

.box_yellow1015 {margin-left: -25px; width: 1015px; background: url('images/box_yellow1015_bg.png') repeat-y}
.box_yellow1015 .cover {background: url('images/box_yellow1015.png') no-repeat}
.box_yellow1015 .header {width: 1000px; position: absolute}


.box .input {margin-left: 5px; background: url('images/input.png'); width: 210px; height: 30px}
.box .input input {margin: 7px 5px; height: 17px; width: 200px; line-height: 17px}
.box .textarea {margin-left: 5px; background: url('images/textarea.png'); width: 210px; height: 110px}
.box .textarea textarea {margin: 5px; height: 100px; width: 200px; line-height: 12px; font-size: 12px}
.box td {vertical-align: top; height: 34px; line-height: 34px}
.box .input, .box .textarea {float: right}
.box table {width: 330px;}
.box .header {position: absolute; margin-top: 9px; text-align: center }
.box .header img {margin: 0px auto}
.box .cover {padding-top: 60px}
.box p {margin-bottom: 15px}
.box a {color: #555; font-weight: bold}
.box a:hover {color: #fff  }
.white {color: #fff}

.normal_input table {margin-top: 50px}
.normal_input td {line-height: 24px; height: 24px}
.normal_input .input {margin-left: 8px; width: 150px; border: 1px solid #00729D; height: 17px; line-height: 17px; }
.normal_input input {width: inherit; height: 17px; line-height: 17px; color: #555}
.normal_input select {width: inherit; height: 17px; line-height: 17px; color: #555}
.normal_input .small .input {float: left; width: 45px; margin: 0px}
.normal_input .small p {float: left; margin: 0px 4px 0px 8px; line-height: 17px;}
.normal_input p {margin-bottom: 5px}

label {display: block; width: 175px; height: 15px; clear: both; margin-bottom: 3px}
label input {margin-top: -1px; margin-right: 5px; width: 16px !important; height: 16px; float: left;}
label.indent {margin-left: 10px; width: 140px}
label.indent_2 {margin-left: 20px;}


.column {margin-top: 55px; float: left; margin-right: 20px;}
.column_1 label {width: 150px}
.column_1 label.indent {width: 140px}
.column_4 label {width: 205px}
.column_4 label.indent {width: 195px}
.column_4 label.indent_2 {width: 100px}

.result_analyse {padding: 15px; color: #00729D}
.result_analyse p {padding: 5px 0px}
.result_analyse ul {list-style: none; margin-left: 15px; line-height: 17px}
.result_analyse .column {margin: 0px 20px 0px 0px; min-width: 200px}

.printing_info p {padding: 5px 10px}
.printing_info {padding-top: 15px; color: #00729D; clear: both;}
.printing_info h2 {font-size: 16px; padding: 5px 10px}

.results .headimg {clear: both; text-align: center}
.results .headimg img {margin: 20px auto 10px;}

.results {clear: both; padding-bottom: 3px; background: #ffe52a; margin-left: 0px; margin-bottom: 10px; width: 949px;}
.result {text-align: center; float: left; margin: 3px 3px 0px; width: 470px; background: url('images/box_result.png') no-repeat #018ec3; padding-bottom: 7px; }
.result .head {margin: 10px auto; background: url('images/result_head_bg.png'); width: 320px; height: 27px}
.result th {font-size: 10px; background: #ffe52a; padding: 2px; width: 54px; color: #000000; font-weight: bold}
.result td {font-size: 10px; background: #fff18e; padding: 4px 2px; color: #494947}
.result table {margin: 0px auto; text-align: center; width: 460px;}
.result .btn_showdata {width: 148px; height: 34px; background: url('images/btn_showdata.png'); float: right; margin: 5px 6px 0px}
.result th.cond_name {background: none; color: #fff}
.odd {margin-left: 0px !important; }
.advisor {margin-left: 240px}


#overlay {position: absolute; top: 0px; z-index: 100; left: 0px; width: 100%; background: #000}
#overlay_container {z-index: 101; position: absolute; left: 50%; top: 50%; background: #ffe52a; padding: 2px}
#overlay_container .head {margin: 10px auto; background: url('images/result_head_bg.png'); width: 320px; height: 27px}
#overlay_container th {border: 1px solid #ffe52a; background: #00729d; padding: 5px; color: #fff}
#overlay_container table {width: 784px; border-collapse: collapse}
#overlay_container td {border: 1px solid #ffe52a; padding: 3px 5px; background: #fff18e; color: #494947}
#overlay_container td a {color: inherit;}
#overlay_container td a:hover {color: #000}
#overlay_container td.value {text-align: center; }
#overlay_container td.name {text-align: left; }
#overlay_container .scroll {overflow: hidden; overflow-y: auto; height: 300px; width: 800px}



#overlay_histogram {color: #555; font-size: 11px; font-weight: bold; height: 440px; background: #fff18e; width: 900px; margin-bottom: 20px; margin-right: 50px;}
#overlay_histogram #legend {position: absolute; margin-left: 750px; margin-top: 20px; font-weight: normal; border: 2px solid #FFE52A; background: #fff18e; padding: 4px; text-align: left}
#histogram {margin-top: 40px; width: 900px; height: 400px;position: absolute}


.ac_results {position: absolute; margin: 0px; margin-left: -1px; text-align: left; width: 300px;}
.ac_results ul {background: #cab30a; padding: 1px 1px 0px 1px; overflow: none; list-style: none}
.ac_results li {cursor: pointer; border-bottom: 1px solid #cab30a; color: #555; background: #ffe62a; font-size: 11px; padding: 0px 3px; line-height: 20px; list-style: none}
.ac_results li.ac_odd {background: #f7e97d}
.ac_results li.ac_over {background: #018ec3; color: #fff}
.ac_results li span {color: #000}

ol {margin: 0px 25px 0px; padding: 5px 0px; list-style: upper-roman; text-align: justify}
ol li {font-size: 14px; color: #008eb0; font-weight: bold;}
ol ol {margin-top: 0px; margin-bottom: 10px; list-style: decimal; margin-left: 20px;}
ol ol ol {list-style: lower-alpha; margin-left: 24px;}
ol ol li {font-size: 12px; color: #56404c; font-weight: normal; padding-bottom: 1px;}

.box #message {margin-top: 15px; color: #af0e0e; position: absolute}
#message.input_message {margin-top: 5px; color: #af0e0e; position: absolute; text-align: center; width: 970px}

.error {background-position: 0px 100% !important;}
.error input, .error textarea {color: #af0e0e !important}
.normal_input .error {border: 1px solid #af0e0e !important}
.red {color: #af0e0e !important}


#news {margin-left: 110px; background: #ebf6e3; width: 704px;}
#news .news {padding: 20px; background: url('images/news_line.png') repeat-x;text-align: justify}
#news .news h1 {margin-left: 20px; font-size: 12px; color: #014d69; line-height: 45px; font-weight: normal;}
#news .news p {color: #014d69}
#news .news p a {color: #599530}
#news .news p a:hover {color: #014d69}


#news p a {margin-left: 20px; color: #599530; line-height: 45px;}
#news p a:hover {color: #000000;}
#news .news a:hover {color: #014d69}
#news .news p.date {color: #599530; float: left}
#news .news h2 {text-align: right; color: #014d69; font-size: 12px; font-weight: normal; margin-bottom: 10px}

#news .news a {color: #599530; line-height: 18px;}
#news .news a.more {float: right; margin-right: 0px; color: #08445b}
#news .news a.more:hover {color: #000}

.paginate {height: 45px; margin-top: 10px; clear: both}
.paginate p {float: left; line-height: 34px; margin-right: 8px; }


.paginate span {cursor: pointer; display: block; float: left; margin-right: 5px}

.form_page {clear: both}
.company_info h1 {font-size: 16px; margin: -3px 0px 20px}
.company_info .hr {margin: 20px 0px 10px 0px; background: #018EC3; height: 1px; clear: both;}
.company_info {font-size: 11px}
.company_info .second_column {position: absolute; margin-left: 500px; width: 455px;}
.company_info td.name {font-weight: bold; width: 130px}
.company_info {text-align: justify}
.company_info th {padding-top: 20px; font-size: 14px}
.company_info table {width: 380px;}
.company_info td { vertical-align: top}
.company_info h2 {font-size: 14px; margin: 15px 0px 0px 2px; padding: 0px}

.company_info .right_comment {position: absolute; margin-left: 400px; width: 455px}
.company_info .tables_300 {position: absolute; margin-left: 550px; width: 455px}
.company_info .table_600 th {font-size: 11px; padding: 0px }
.company_info .table_600 {width: 550px}

.company_info .neds, .company_info .ltip_general {width: 960px}
.company_info .neds th {font-size: 11px; padding: 0px }

.company_info .esp td.name {width: 250px}

.ltip_condition {width: 150px !important; float: left; margin-right: 10px}
.ltip_condition td, .ltip td {height: 16px}

.btn_directors {background: url('images/btn_directors.png'); width: 69px; height: 34px}
.btn_general {background: url('images/btn_general.png'); width: 69px; height: 34px}
.btn_ltip {background: url('images/btn_ltip.png'); width: 69px; height: 34px}

.box_yellow_390 .bespoke {min-height: 60px; padding-bottom: 17px}
.btn_bespoke {background: url('images/btn_bespoke.png'); width: 327px; height: 34px;}
.btn_back {background: url('images/btn_back.png'); width: 148px; height: 34px}
.btn_load {background: url('images/btn_load.png'); width: 69px; height: 34px}
.btn_save {background: url('images/btn_save.png'); width: 69px; height: 34px}

.bespoke a {margin-top: 36px; float: left; margin-right: 4px}
#bespoke {margin-top: 0px}
#bespoke table {margin-top: 10px}
#bespoke .list {margin-top: 5px}
#bespoke .list div {clear: both; margin-bottom: 3px}


.btn_delete {background: url('images/btn_delete.png'); width: 53px; height: 17px; float: left; margin-right: 6px}

.showdata_table th {cursor: pointer}


.btn_directorsearch {width: 170px; height: 59px; background: url('images/btn_directorsearch.png'); position: absolute; margin-top: 135px; margin-left: 114px; }


.company_info a {color: #599530}
.company_info a:hover {color: #000}

.radio_header {padding: 10px 0px}
.hr {height: 1px; background: #00729D; margin-top: 10px}