@charset "UTF-8";
@import url(reset.css);

body { background-color: #e6e6e6; color:#333333; font-family: Arial,Helvetica,sans-serif;}

#wrapper { margin: 0 auto; background-color: #ffffff; width: 940px; padding: 0 30px 30px 30px; border-radius: 0 0 15px 15px;}

#main { overflow: hidden;}

#header { position: relative; height: 95px;}

#mainmenu { position: relative; background: url(../images/members/menu_bg.gif) 0 bottom repeat-x; height: 78px;}

.main_box { padding-top: 20px; overflow: hidden;}

.content_entry_agree { float: left; width: 650px; padding-right: 40px;}
.content_entry { float: left; width: 650px; padding-right: 40px; overflow: hidden;}
.side_right { float: left; }

.side_right_box {width: 228px; padding: 10px; border: 1px solid #ccc; background-color: #f8f4e7; border-radius: 10px; margin-bottom: 20px;}
.side_right_box_nocolor { background-color: #fff !important;}


/*
.cat_box { float: left; width: 470px; overflow: hidden; height: 220px; padding-bottom: 20px;}

.pr30 { padding-right: 30px; width: 440px !important;}
*/

.main_table td { padding: 0 20px 20px 0;}


p {  font-size: 16px; line-height: 140%; }
p strong, h2 strong,li strong { font-weight: bold;}
div#main p { padding-bottom: 10px;}

#main h1 { font-size: 20px; padding-bottom: 10px;}
	#main h1 strong { font-weight: bold;}

a { color: #006ab0; font-size: 16px;}
a:hover { text-decoration: none;}

a.impact { background: url(../images/members/icon_impact2.gif) 0 2px no-repeat; padding: 0 0 0 25px; font-size: 14px; font-weight: bold; display: block;}

ul.list_disc { list-style: disc; padding: 0 0 10px 15px; }
ul.list_disc li { padding-bottom: 8px; }


.hidden { overflow: hidden;}
.clear { clear: both;}
.right { float: right;}
.left { float: left;}

img.right { padding: 0 0 10px 10px;}


/* Header */ 
a#logo { position: absolute; top: 16px;}

#header_right { position: absolute; top: 16px; left: 300px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background-color: #f8f4e7; overflow: hidden; width: 530px; padding: 10px;}
	p#member_name { float: left; background: url(../images/members/icon_login.gif) 0 4px no-repeat; padding-left: 25px;}
	p#member_name span { font-weight: bold;}
	ul#headermenu { float: right; overflow: hidden;}
	ul#headermenu li { float: left; padding: 0 10px; border-left: 1px solid #cccccc; margin-left: -1px;}
	ul#headermenu li a { color: #008022;}

#company_logo { position: absolute; top: 16px; right: 0;}

/* Breadcrumbs */

.breadcrumbs { padding: 10px 0;}
.breadcrumbs ul { overflow: hidden;}
.breadcrumbs ul li { float: left; padding-right: 5px;}
.breadcrumbs ul li, .breadcrumbs ul li a { font-size: 12px;}
	

/* Main Page */
	.main_box p { font-size: 16px;}
	.main_box h2 { font-size: 18px; font-weight: bold; padding-bottom: 5px;}
	.main_box h2 span { padding-left: 15px; font-weight: normal;}
	.main_table h2 { font-size: 20px !important; }
	.main_table h2 span { color: #656565; font-size: 18px;}
	
	.main_table p { font-size: 14px;}
	
	.main_table ul { overflow: hidden; padding-top: 5px; clear: both;}
	.main_table ul li { float: left; padding-right: 20px;}
	.main_table ul li a { background: url(../images/members/icon_menu.gif) 0 center no-repeat !important; padding-left: 10px;}


/* Side Right */
ul#side_right_list { overflow: hidden;}
ul#side_right_list li { border-bottom: 1px solid #ccc; font-size: 14px; padding: 10px 0; margin-bottom: -1px;}
	ul#side_right_list li ul li { padding: 0 0 8px 0; border: none;}
	ul#side_right_list li ul li a, ul#side_right_list li ul li span { background: url("../images/members/icon_menu2.gif") no-repeat 0 6px; padding-left: 10px; font-size: 14px; display: block;}

table.calendar_table { border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; }
table.calendar_table th, table.calendar_table td { border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; text-align: center; padding: 3px 0; width: 30px;}
table.calendar_table th, table.calendar_table td.pad { background-color: #f2f2f2;  }
table.calendar_table td { background-color: #fff; }
table.calendar_table td a { font-size: 14px; font-weight: bold;}

ul.side_right_list2 li { padding: 0 0 8px 0; border: none;}
ul.side_right_list2 li a { background: url("../images/members/icon_menu.gif") no-repeat 0 6px; padding-left: 10px; font-size: 14px; display: block;}
	
	

/* Agreement */
.content_entry dl { overflow: hidden; float: left; padding-right: 40px;}
.content_entry dt { font-weight: bold; padding-bottom: 15px;}

.main_box .side_right_box h2 { padding: 0;}
.side_right_box h2, .side_right_box h3 { font-size: 16px; font-weight: bold;}
.side_right_box h3 { padding-bottom: 8px;}
.side_right_box h3 span { font-weight: normal; padding-left: 10px; font-size: 14px;}

h2.impact { background: url(../images/members/icon_impact.gif) 0 center no-repeat; padding: 0 0 0 30px; margin-bottom: 10px; font-weight: bold; font-size: 18px;}

.agreement_table { margin: 10px 0 30px 0;}
.agreement_table td, .agreement_table tr.month td table td { padding: 5px; text-align: center; width: 26px; }
.agreement_table tr.top td { background: url(../images/members/icon_table.gif) center 32px no-repeat; height: 48px; vertical-align: top;}
.agreement_table tr.top td a { border: 1px solid #aaaaaa; padding: 2px 6px;}
.agreement_table tr.month td { font-size: 13px; padding: 0;}

.agreement_table tr.month td table { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc;}
.agreement_table tr.month td.last table { border-right: 1px solid #cccccc;}

.mon_o td { background-color: #f8f4e7;}
.mon_e td { background-color: #f2f2f2;}

.agreement_table strong { font-weight: bold; font-size: 16px;}
.agreement_table span { font-size: 16px;}

.next_month { padding: 55px 0 0 15px;}
.next_month a { background: url(../images/members/icon_arrow2.gif) 0 bottom no-repeat; height: 80px; display: block;}	
	
/* Admin App */
.search_box { overflow: hidden; float: right;}
.search_box input { float: left; margin-left: 10px;}
.search_box p span { float: left; font-weight: bold;}

.contracts_table { margin-top: 10px;}
.contracts_table, .contracts_table a { font-size: 14px;}
.contracts_table th { font-weight: bold;}
.contracts_table th, .contracts_table td { padding: 5px 10px; }
.contracts_table td.center { text-align: center;}

.contracts_table tr:nth-child(2n) {
   background-color: #f8f4e7;
}	

/* Page Navi */
.pagenavi { padding: 30px 0 10px 0;}
.pagenavi span { font-size: 14px;} 	
.pagenavi span.current { background-color: #008021; border: 1px solid #008021; color: #fff; padding: 5px;} 	
.pagenavi a { font-size: 14px; padding: 5px; border: 1px solid #e5e5e5; color: #008021; text-decoration: none;}	
.pagenavi a:hover { border-color: #c9c8c8;}

/* Contract Base Info Navi */
.baseinfo_menu { background-color: #f8f4e7; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 10px 20px;}
	.baseinfo_menu ul { overflow: hidden;}
	.baseinfo_menu ul li { float: left; padding-right: 10px;}
	.baseinfo_menu ul li.current { color: #333; font-weight: bold; text-decoration: none;}
	.baseinfo_menu ul li span { padding-left: 10px;}
	.baseinfo_menu ul li span.disabled { padding-left: 0; color: gray;}

/* Contract Form */
.contract_form { font-size: 14px;}
	.contract_form h3 { font-weight: bold; padding: 20px 0 5px 0;}
	.contract_form h3 span { font-weight: normal !important;}
	
	ul.contract_form_list { overflow: hidden;}
	ul.contract_form_list li { float: left; padding-right: 20px;}
	span.note { color: #666666; font-size: 14px; font-weight: normal;}
	
	table.contract_form_table { margin-top: 10px;}
	table.contract_form_table th, table.contract_form_table td { padding: 5px; font-size: 16px;}
	table.contract_form_table th { font-weight: bold;}

	.contract_form textarea { width: 500px; height: 100px;}



/* Finance */
.payments_table { margin: 10px 0 20px 0;}
.payments_table, .payments_table a { font-size: 14px;}
.payments_table th { font-weight: bold;}
.payments_table th, .payments_table td { padding: 5px 10px; }
.payments_table td.center { text-align: center;}

.payments_table tr:nth-child(2n) {
   background-color: #f8f4e7;
}	

.td_right { text-align: right !important;}
tr.payments_last td { border-bottom: 2px solid #999999;}
tr.totals_first td { border-top: 2px solid #999999;}
td strong { font-weight: bold;}
	

/* Market */
.market_table { margin: 10px 0 20px 0;}
.market_table, .market_table a { font-size: 14px;}
.market_table td { padding: 5px 10px; }
.market_table td.center { text-align: center;}
.market_table tr:nth-child(2n+1) {
   background-color: #f8f4e7;
}
.market_table_title tr:nth-child(2n) {
   background-color: #f8f4e7;
}

.market_table_title tr:nth-child(2n+1) {
   background-color: #fff;
}

.market_table_title th { font-weight: bold; padding: 5px 10px;}

.market_table_title td.td_right, .market_table_title th.td_right { text-align: right;}


.main_box h2 span.green, .green { color: #008021; font-weight: bold; padding: 0; }
.main_box h2 span.red { color: #cc0000; font-weight: bold; padding: 0; }
.red { color: #cc0000; font-weight: bold;}


.avoidance_table { height: 200px; float: left; margin-bottom: 20px; border-spacing: 2px;}
.avoidance_table td { width: 130px; text-align: center; vertical-align: middle; color: #fff; font-size: 14px;}
.avoidance_table td.avoidance_real { background-color: #333333;}
.avoidance_table td.avoidance_delta_green { background-color: #008021;}
.avoidance_table td.avoidance_delta_red { background-color: #cc0000;}
.avoidance_table td.avoidance_market { background-color: #666666;}

.avoidance_list { padding: 5px 0 0 280px;}
.avoidance_list li { margin-bottom: 10px; padding-left: 23px;}
li.avoidance_list_real { background: url(../images/members/icon_black.gif) 0 2px no-repeat;}
li.avoidance_list_delta_green { background: url(../images/members/icon_green.gif) 0 2px no-repeat;}
li.avoidance_list_delta_red { background: url(../images/members/icon_red.gif) 0 2px no-repeat;}
li.avoidance_list_market { background: url(../images/members/icon_gray.gif) 0 2px no-repeat;}

.avoidance_list_btm { padding: 0;}

.average_list { float: right; margin-top: -24px; padding-right: 150px;}
.average_list li { float: left; padding: 0 20px 0 10px;}
li.average_list_1 { border-left: 20px solid #3f763a;}
li.average_list_2 { border-left: 20px solid #a2c489;}


.analysis_table { float: left; width: 282px; border-spacing: 2px;}
.analysis_table td { text-align: center; vertical-align: middle; font-size: 14px; padding: 5px;}
.analysis_table td.analysis_green { background: url(../images/members/green_triangle.gif) 0 0 no-repeat; height: 50px; padding: 0;}
.analysis_table td.analysis_red { background: url(../images/members/red_triangle.gif) 0 0 no-repeat; height: 50px; padding: 0;}
.analysis_table td.green_bg { background-color: #008021; font-weight: bold; color: #fff;}
.analysis_table td.red_bg { background-color: #cc0000; font-weight: bold; color: #fff;}

.analysis_table td.font16 { font-size: 16px;}

.left_box { padding: 5px 0 0 300px;}

ul.list_apm { background: url(../images/members/list_apm_bg.gif) 0 0 no-repeat; height: 170px; padding: 30px 0 0 35px; float: left;}
ul.list_apm_right { padding: 80px 0 0 35px; height: 120px; margin-left: 20px;}
ul.list_apm li { padding-bottom: 30px; }
ul.list_apm li span { padding-right: 60px; display: block; float: left;}



/* Footer */
div#footer { margin: 0 auto; width: 940px; padding: 20px 30px 20px 30px; overflow: hidden; }

div#footer li, div#footer a { font-size: 14px;}
div#footer a { color: #008022;}

ul#address { overflow: hidden; padding-top: 10px;}
ul#address li { float: left; padding-right: 10px; }
address {font-style:normal; }

ul#footermenu { overflow: hidden; clear: both; border-top: 1px solid #a6b3bb; border-bottom: 1px solid #a6b3bb; padding: 20px 0; margin: 20px 0;}
ul#footermenu li { float: left; border-left: 1px solid #999999; margin-left: -1px; color: #999999;}
ul#footermenu li a { color: #333333; text-decoration:  none; padding: 0 10px; font-size: 14px;}
ul#footermenu li a:hover { text-decoration: underline;}

div#footer p#copyright { font-size: 14px; color: #666666;}