@charset "utf-8";
/* CSS Document */

body{ background:#1b89b7 url(../images/background_bg.png) repeat-x left top; margin:0; padding:0; font:normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;}
div, h1, h2, h3, ul, li, form, p{ margin:0; padding:0;}
img{ border:0;}
a{ color:#00648d; text-decoration:none;}
a:hover{ color:#00648d; text-decoration:underline;}
input, select{ font:normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;}
h2{ font-size:18px; font-weight:normal;color:#f75404; margin-bottom:5px;}
.livesupport{background:none;position:absolute; top:25px; right:9px; width:167px; height:60px; z-index:1000;}
.header{ position:relative; width:976px; height:103px; margin:0 auto;}
.header h1{ text-indent:-2000px;}
.logo{ position:absolute; top:8px; left:10px;}
.toplink{ position:absolute; top:3px; right:10px; color:#FFFFFF; font-size:11px; word-spacing:2px;}
.toplink a{color:#FFFFFF; text-decoration:none;}
.toplink a:hover{color:#FFFFFF; text-decoration:underline;}
.tab_bg{position:relative; width:976px; margin:0 auto;}
.tab_bg ul.tabmenu{ list-style:none;width:820px; float:left;}
.tab_bg ul.tabmenu li{ display:inline; list-style:none;}
.tab_bg ul.tabmenu li a{color:#000000; text-decoration:none;font-size:13px;float:left; padding:0 0 0 11px; height:30px}
.tab_bg ul.tabmenu li a span{float:left; padding:0 11px 0 0; height:30px}
.tab_bg ul.tabmenu li a span span{float:left;cursor:pointer; padding:0 2px; height:30px; line-height:30px;}
.tab_bg ul.tabmenu li a:hover, .tab_bg ul li a#current{color:#FFFFFF; text-decoration:none;background:url(../images/tab_hover_lt.png) no-repeat left center;}
.tab_bg ul.tabmenu li a:hover span, .tab_bg ul li a#current span{ background:url(../images/tab_hover_rt.png) no-repeat right center;}
.tab_bg ul.tabmenu li a:hover span span, .tab_bg ul li a#current span span{ background:url(../images/tab_hover_ctr.png) repeat-x left center;}

.submenu{ background:url(../images/submenu_bg.png) repeat-x left bottom; height:33px; min-height:15px; max-height:33px; color:#FFFFFF; margin:0 auto; width:976px; position:relative;}
.submenu ul{ list-style:none; margin-left:20px; display:block; line-height:33px;}
.submenu ul li{ list-style:none; display:inline; float:left;}
.submenu ul li a{ padding:0 10px; color:#FFFFFF; text-decoration:none;}
.submenu ul li a:hover, .submenu ul li a.submenuact{color:#FFFFFF; text-decoration:underline;}

.searchBox{ position:absolute; right:184px; top:43px; background:url(../images/search_box_repeat.png) repeat-x left 1px; height:59px; width:371px;}
.searchBox .search-bar{border:0; background:none; float:left; margin-top:7px; color:#999999; font-style:italic; font-size:11px; width:268px; height:17px; line-height:normal; padding-top:2px;}
.searchBox .search-button{position:absolute; top:8px; right:2px;}

.search_box_lt{background:url(../images/search_box_left.png) no-repeat left center; float:left; height:59px; width:62px;}
.search_box_ctr{float:left; height:59px; width:273px;}
.search_box_rt{background:url(../images/search_box_right.png) no-repeat left center; float:left; height:59px; width:36px;}

.tab_bg_lt{ background:url(../images/tab_bg_lt.png) no-repeat left center; width:7px; height:30px; float:left;}
.tab_bg_rt{ background:url(../images/tab_bg_rt.png) no-repeat left center; width:7px; height:30px; float:left;}
.tab_bg_ctr{ background:url(../images/tab_bg_ctr.png) repeat-x left center; width:962px; height:30px; float:left; line-height:30px;}
.sign_in_link{ color:#00648d; font-size:11px; width:140px; float:left;}
.sign_in_link a{ color:#00648d; text-decoration:none;}
.sign_in_link a:hover{ color:#00648d; text-decoration:underline;}
.clear{ clear:both; font-size:0; line-height:0;}
.spacer{ height:8px;}
.main_body{margin:0 auto; width:976px;}
.body{ float:left;background:#f4f4f4;width:956px; padding:10px 10px 10px 10px; }

.footer{ width:976px; margin:0 auto; background:#00567a; height:66px;clear:both; margin-bottom:10px; color:#8dc5dd;}
.footer a{ color:#FFFFFF; text-decoration:none;}
.footer a:hover{ color:#FFFFFF; text-decoration:underline;}
.footerline{ height:5px; background:#0089c2; line-height:5px; font-size:0; clear:both;}
.footer .lft{ float:left; background: url(../images/footer_left.png) no-repeat left bottom; width:14px; height:66px;}
.footer .rht{  float:right;background: url(../images/footer_right.png) no-repeat left bottom; width:14px; height:66px;}
.footer .ctr{float:left; background: url(../images/footer_center.png) repeat-x left bottom; height:56px; line-height:21px; width:948px; text-align:center; padding-top:10px;}

.dashboard-background{ background:url(../../images/dashboard_bg.png) repeat-x left center; height:32px; color:#FFFFFF; padding-left:20px; line-height:32px;}
.dashboard-background a{ color:#FFFFFF; text-decoration:none; padding:0 6px;}
.dashboard-background a:hover{ color:#FFFFFF; text-decoration:underline;}
.dashboard-background a.active{ color:#FFFFFF; font-weight:bold; text-decoration:underline;}
.dashboard-background .overview{ margin:0 5px 0 10px; line-height:32px; background:url(../images/dashboard_icon.png) no-repeat 0 5px; display:inline-block; padding-left:21px;}

.where_tag{ color:#00648e;}

/* css curve */
.curve_box{ background:#FFFFFF;}
.t {background: url(../images/repeat_t.png) 0 0 repeat-x;}
.b {background: url(../images/repeat_b.png) 0 100% repeat-x;}
.l {background: url(../images/repeat_l.png) 0 0 repeat-y;}
.r {background: url(../images/repeat_r.png) 100% 0 repeat-y;}
.bl {background: url(../images/bl.png) 0 100% no-repeat;}
.br {background: url(../images/br.png) 100% 100% no-repeat}
.tl {background: url(../images/tl.png) 0 0 no-repeat}
.tr {background: url(../images/tr.png) 100% 0 no-repeat; padding:10px;}

.box-content{ padding:5px;}
.box-title{ border-bottom:#090909 2px solid; overflow:hidden; width:100%;}
.column{ line-height:18px;}
.column h3{ height:30px; font-size:14px; background:#f4f4f4; display:block; line-height:30px; padding-left:10px;}
.column h3 a{display:block; height:30px;}
.column span{color:#666666; font-size:12px;}
.column span.member_date{font-size:11px;}
.column label{margin-right:5px;}
.column p{ padding:5px 0 5px 2px;}
.column .column-title{ font-size:13px;}
.leftmenu{ clear:both;}
.leftmenu ul{ margin:0 5px; padding:0;}
.leftmenu li{ list-style:none; clear:both; margin-bottom:1px;}
.leftmenu li a, .catmenu a{ height:24px;line-height:24px;color:#000;display:block; padding:2px 10px;text-decoration:none; font-size:12px; border-bottom:#e8e8e8 1px solid;}
.leftmenu a:hover{color:#000;text-decoration:none; background:#f4f4f4; }
.leftmenu li a img{ margin:5px 7px 0 0; float:left;}
.leftmenu .headline{ height:35px;}
.leftmenu .headline a{ background:url(../images/allactivity_icon.png) no-repeat right center; height:30px;line-height:30px; width:110px; font-size:15px; padding-left:10px; font-weight:normal; border-bottom:0;}
.leftmenu .headline a:hover{ background:url(../images/allactivity_icon.png) no-repeat right center; text-decoration:underline;}

.fright{ float:right;}
.fleft{ float:left;}
.pgnum{
color:#000;
font-size:11px;
padding:5px;
margin:5px 0;
border-bottom:#f4f4f4 1px solid;
}
.pgnum select{color:#666666;
font-size:11px;
}
.pgnum a{
color:#00648e;
border:#00648e 1px solid;
padding:0px 4px;
text-decoration:none;
line-height:15px;
height:15px;
margin:0 2px;
float:left;
}
.pgnum strong{
float:left;
}

.pgnum a:hover, .pgact{
padding:0px 4px;
text-decoration:none;
background:#00648e;
border:#00648e 1px solid;
color:#FFF;
line-height:15px;
height:15px;
float:left;
}
.warn{
background:url(../images/!.jpg) no-repeat 10px center #FFFFFF;
padding:5px;
margin:3px;
padding-top:20px;
padding-left:60px;
border:#999999 1px solid;
color:#FF0000;
height:23px;
font-weight:bold;
line-height:10px;
text-align:left;}

.done{
background:url(../images/i.jpg) no-repeat 10px center #FFFFFF;
padding:5px;
margin:3px;
padding-top:20px;
padding-left:60px;
border:#f4f4f4 1px solid;
color:#f09023;
height:23px;
font-weight:bold;
line-height:10px;
text-align:left;}

.morelink{text-align:center; text-decoration:underline;}
.morelink:hover{text-decoration:none;}
.explorelink{ text-align:center; text-decoration:underline;}
.explorelink:hover{text-decoration:none;}

.loginPan{ color:#000000;width:300px; margin:0 auto;}
.loginPan form{ clear:both; padding:10px;}
.loginPan h2{float:left; margin:10px 0 0 5px;}
.loginPan label{ float:left; width:70px; color:#666666; padding:2px 0 0 0; display:block; cursor:pointer; vertical-align:middle;}
.loginPan input{ margin:0;}
.loginPan p{ padding:5px 0 10px 0;}
.input_text, .input_password{ width:175px; border:1px solid #BDC7D8; padding:4px;}
.input_submit{ background:url(../images/button.png) no-repeat 0 0; width:57px; height:30px; border:0;font-weight:bold; color:#FFFFFF;padding-bottom:5px;}
.form_row{ padding:0 0 8px 0; display:block;}
.eg{display:block; margin-top:3px; font-family:Arial, Helvetica, sans-serif; padding-left:73px; font-size:10px; color:#999999;}
.error-msg{ width:auto; height:inherit;clear:left; color:#000; padding:10px; border:#DD3C10 1px solid; background:#FFEBE8; display:block; margin:6px;overflow:hidden;}
.resetcontainer{ width:500px;}
.resetcontainer h2{ float:none;}