/*--- Created by Lawrence Wang & Priya Chand--*/

/*--- Common style --*/
* { word-wrap: break-word; word-break: break-all;}
body { margin: 0px; font: 12px Tahoma,Verdana,Helvetica,Calibri,sans-serif; }
form, img{ margin: 0; border: 0; }
a:link, a:visited { color: #3A3A3A; text-decoration: none; }
a:hover { color: #356AA0; text-decoration: underline; }

/*--- Layout style ---*/
.clear { clear: both; }
.float_left { float: left; }
.float_right { float: right; }
.text_right { text-align: right; }
.text_center { text-align: center; margin-bottom: 10px; }
.wrap { width: 98%; text-align: left; margin: 0 auto; }
.assessmentShade { background-color:#C3D9FF; }

#topmenu {margin-bottom: 10px; padding:5px 10px; background: #EEEEEE; border-bottom: 1px solid #4096EE; }
#topmenu a { margin: 0 2px; }
#header, #body, #menu_hr,#footer { margin-left: auto; margin-right: auto; width:965px; }
#header { margin-bottom: 5px; }

#left { float: left; width: 255px; }
#right { float: right; width: 705px; }
#centre { width: 760px; }
#menu { float: right; width: 735px; height: 28px; text-align: center; }
.menu_item { float: left; width: 60px; text-align: center; }
.menu_item img { margin-bottom: 5px; }
.menu_item a:hover { text-decoration: none; }


.link_path { margin-bottom: 5px; font-family: Verdana,Tahoma,sans-serif; }


.mainrail { border:1px solid #4096EE; padding: 1px; margin-bottom: 5px; }
.mainrail h1 { font-size: 12px; margin: 0 0 5px 0; padding: 5px 5px 5px 10px; color: #356AA0; }
.mainrail h2 { font-size: 12px; font-weight:normal; margin: 0 0 5px 0; padding: 5px 5px 5px 10px; color: #356AA0; }
.mainrail h3 { font-size: 12px; color: #356AA0; margin: 0 0 5px 0; }
.mainrail h1 .selected { padding: 1px 5px; background: #4096EE; margin: 0 2px; cursor: pointer; color: #FFF; font-weight:normal; }
.mainrail h1 .unselected { padding: 1px 5px; margin: 0 2px; cursor: hand; font-weight:normal; }
.mainrail .list { margin: 5px 10px; line-height: 20px;}
.mainrail .toplist { margin: 10px 25px; line-height: 15px; }

.mainrail2 { border: 1px solid #4096EE; padding: 10px; margin-bottom: 5px; }
.mainrail2 h1 { font-size: 15px; margin: 0 0 0 0; padding: 5px 5px 5px 2px; color: #356AA0; }
.mainrail2 h2 { font-size: 13px; margin: 0 0 0 0; padding: 0 0 5px 0; color: #356AA0; }
.mainrail2 h3 { font-size: 13px; font-weight:normal; margin: 0 0 5px 3px; padding: 5px 5px 5px 10px; color: #356AA0; }
.mainrail2 h1 .selected { padding: 1px 5px; background: #FF5BAD; margin: 0 2px; cursor: pointer; color: #FFF; font-weight:normal; }
.mainrail2 h1 .unselected { padding: 1px 5px; margin: 0 2px; cursor: hand; font-weight:normal; }
.mainrail2 .line {border-bottom: 1px dashed #ccc; margin: 0 10px;} 
.mainrail2 .top_level { margin: 5px 10px; padding-bottom: 5px; line-height: 22px; }
.mainrail2 .list { margin: 5px 10px; line-height: 20px; }

.mainrail3 { border: 1px solid #eee !important; background: #fff; padding: 1px; margin-bottom: 3px; padding: 5px 5px 0 5px; }

.mainrail4 { border: 1px solid #eee; padding: 1px; width: 250px; margin: 0 auto; margin-bottom: 3px; }
.mainrail4 h3 { font-size: 12px; font-weight:normal; margin: 0 0 5px 0; padding: 5px 5px 5px 10px; color: #356AA0; }
.mainrail4 .list { margin: 5px 23px; line-height: 20px; }
.mainrail4 .toplist { margin: 10px 23px; line-height: 20px; }

#assessment_center { float: left; width: 760px; border-right: 1px solid #eee; padding: 5px; }

.maintable { width: 100%; }
.maintable th { text-align: left; color: #808080; padding: 5px 10px; font-weight: normal; }
.maintable td { padding: 5px 10px; }
.maintable .num { text-align: center; }


/*--- Header ---*/
#addnew_link { float: right; padding: 4px 5px 4px 10px; }
#addnew_link a:link, #addnew_link a:visited { color: #FFF; font-weight: bold; }


/*-- organization ---*/
#organization_left { float: left; width: 670px; border-right: 1px solid #eee; padding: 5px; }
#organization_right { float: right; width: 260px; }

#organization_header h1 { margin: 0 10px 0 0; padding: 0; font-size: 16px; display: inline; color: #356AA0; }
#organization_header span { margin-right: 10px; }
#organization_total { margin: 5px 0; overflow: hidden; padding: 0; }
#organization_total li { float: left; display: inline; overflow: hidden; padding-right: 5px; margin: 0; }

.organization_info { float: left; width: 666px; }
.organization_info ul { padding: 0; overflow: hidden; margin: 0 0 5px 0; }
.organization_info li { padding: 2px 0; margin: 0; }
.organization_info li a { margin-right: 1px; }
.organization_info li span { margin-right: 5px; }
.organization_info p {margin: 0; padding: 0; line-height: 18px; }
.organization_info .line { border-bottom: 1px solid #eee; margin-bottom: 6px; }

#organizationassessments { margin:0 4px 5px 0; }
#assessment_header { border-top: 1px solid #FF7E28; background: #C3D9FF; margin-bottom: 10px; padding: 5px 10px; }
#assessment_header a { text-decoration: underline; margin: 0 2px; }
#assessment_header .assessment_num { float: left; font-size: 14px; font-weight: bold; color: #356AA0; margin-right: 10px; }
#assessment_header .assessment_order { float: left; }
#assessment_header .assessment_friest { float: right; }
.assessment_nologin { line-height: 30px; font-size: 14px; background: #C3D9FF; padding: 0 10px; margin-bottom: 10px; border: 1px solid #4096EE; }
.assessment_nologin a { margin: 0 0px; }

/*-- comment --*/
#comment_left { float: left; width: 675px; border-right: 1px solid #eee; padding: 5px;}
#comment_right { float: right; width: 260px; }
#assessmentcomments { margin:10px 5px 10px 5px; }
.comment_info { margin-bottom: 5px; border-bottom: 1px dashed #ccc; }
.comment_info h6 { font-size: 12px; margin: 0; padding: 0; margin-bottom: 5px; }
.comment_info p { margin: 0; padding: 0 0 0 20px; margin-bottom: 5px; }
.comment_info .posttime { color: #aaa; margin-left: 5px; }

/*--- Add assessment/organization ---*/
#title { border-bottom: 1px dashed #ccc; margin-bottom: 5px; }
#title h1 { font-size: 14px; margin: 0 5px 0 5px; color: #356AA0; display: inline; }

.addnew { margin: 0 5px 10px 5px; }
.addnew #tpake { width: 350px; }
.addfrm { width: 100%; }
.addfrm td { padding: 2px 5px; }
.addfrm #organizationname a { color: #356AA0; }

/*--- Post assessment ---*/
#postassessmenttable { margin-bottom: 10px; }
#postassessmenttable td {padding: 2px; }
#postassessmenttable #organizationname a{ color: #356AA0; }

/*--- Post comment ---*/
#post_comment { margin-bottom: 10px; margin-left: 10px; }
#post_comment h3 { padding: 0; margin: 0; font-size: 14px; }
#post_comment textarea { margin: 5px 0; }
#post_comment input { margin-top: 5px; }

/*--- Login ---*/
#login { margin: 0 auto 5px auto; width: 500px; }
#login td { padding: 5px; }
#login .txt { border: 1px solid #ccc; width: 165px; padding: 2px 1px; }

/*--- Registry ---*/
#registry { margin: 0 auto 5px auto; width: 500px; } 
#registry td { padding: 5px; font-size: 12px;}
#registry .txt { border: 1px solid #ccc; width: 165px; padding: 2px 1px; }

/*--- My assistant ---*/
.sub_title { background: #E8F3FF; padding: 5px; }
#dlgsendmsg .txt{border:1px solid #ccc;width:250px;font-size:12px; }
#dlgsendmsg .area{border:1px solid #ccc;width:360px; }
#readmsg td{word-break:break-all;word-wrap:break-word; }
#readmsg .control{ background: #ECF5FF; }
.mysetform td{ padding: 5px 2px; }


/*--- allpic ---*/
.piclisttyle .current a{ color: #356AA0; }
.piclisttyle a { margin: 0 2px; }
.allpiclist { width: 100%; padding: 10px 0; overflow: hidden; }
.allpiclist li { float: left; display: inline; width: 17em; overflow: hidden;margin: 5px 10px; color: #919191; font-size: 10px; text-align: center; }
.allpiclist li img { display: block; padding: 2px; border: 1px solid #ccc; margin: 0 auto 5px auto; width: 130px; }
.allpiclist li a { margin: 0 2px; font-size: 12px; }

/*--- Cate --*/
.catelist { width: 100%; padding: 5px 0; overflow: hidden; background: #EEEEEE; margin-bottom: 5px; border: 1px solid #4096EE; }
.catelist li { float: left; display: inline; width: 12em; line-height: 19px; overflow: hidden; margin: 0 5px; padding-left: 6px; color: #919191; font-size: 10px; }
.catelist li a { padding: 3px; font-size: 12px; }
.catelist .selected a{ color: #FFF; background: #4096EE; font-weight: bold; }
.filter { padding: 5px 0 5px 10px; }
.filter span { display: block; height: 30px; }

/*--- assessments ---*/
.orderbylist { padding: 5px 0; overflow: hidden; background: #EEEEEE; margin-bottom: 5px; border: 1px solid #4096EE; padding: 5px 10px; line-height: 20px; }
.orderbylist a{ padding: 3px; }
.orderbylist .selected a{ color: #FFF; background: #4096EE; font-weight: bold; }

/*--- organizationlist ---*/
.orderby { color: #808080; float: right; }
.orderby a { margin: 0 2px; }
.orderby a:link, .orderby a:visited { color: #494949; text-decoration: underline; }
.orderby a:hover { color: #356AA0; }
.organizationfloors { width: 98%; margin: 0 auto; border-bottom: 1px dashed #ccc; margin-bottom: 10px; padding-bottom: 2px; }
.organizationfloors .objname { float: left; width: 470px; padding-left: 5px; }
.organizationfloors .price { float: left; width: 60px; text-align: left; }
.organizationfloors .pic { float: right; width: 110px; text-align: right; }
.organizationfloors h6 { font-size: 12px; color: #356AA0; margin: 0; padding: 0; margin-bottom: 5px}
.organizationfloors h6 a:link, .organizationfloors h6 a:visited { color: #356AA0; }
.organizationfloors h6 a:hover { color: #356AA0; }
.organizationfloors h6 .union { color: #330000; font-weight: normal; }
.organizationfloors .organizationinfo { overflow: hidden; list-style: none; margin: 0 0; width: 390px;  padding: 0; }
.organizationfloors .organizationinfo li { height: 20px; overflow: hidden; color: #494949; }
.organizationfloors .organizationsort { margin: 0 0 6px 0; overflow: hidden; width: 390px;  padding: 0; }
.organizationfloors .organizationsort li { float: left; display: inline; overflow: hidden; color: #494949; }
.organizationfloors .link a:link, .organizationfloors .link a:visited { color: #356AA0; }
.organizationfloors .link a:hover { color: #4096EE; }
.organizationfloors .pic_top_view img { margin: 5px 0; border: 1px solid #CCC; }
.nolist { margin: 0 10px; }

/*--- assessmentlist ---*/
.i_assessmenttable { width: 95%; margin-left: auto; margin-right: auto; margin-bottom: 2px; border-bottom: 1px dashed #ccc; }
.i_assessmenttable .assessment {padding: 5px;}

.assessmenttable { width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 5px; border-bottom: 1px solid #eee; padding-bottom: 5px; }
.assessmenttable td ,i_assessmenttable td { padding: 0 5px; }
.assessmenttable .memberinfo {padding: 5px 0 5px 10px; line-height: 20px; width: 90px; background: #FDFDFD; color: #808080; }
.assessmenttable .assessment {padding: 5px; height: 145px; }
.assessmenttable .organizationinfo, .i_assessmenttable .organizationinfo { width: 98%; background: #FFF8F8; padding: 6px 5px 5px; margin-bottom: 5px; }
.assessmenttable .organizationinfo h5, .i_assessmenttable .organizationinfo h6 { float: left; font-size: 14px; font-weight:normal; display: inline; margin: 0; padding: 0; }
.assessmenttable .organizationinfo h6, .i_assessmenttable .organizationinfo h6 { float: left; font-size: 13px; font-weight:normal; display: inline; margin: 0; padding: 0; }
.assessmenttable .organizationinfo h6 a ,.i_assessmenttable .organizationinfo h6 a{ color: #356AA0; }
.assessmenttable .assessmentsort, .i_assessmenttable .assessmentsort { margin: 5px 0; padding: 0 5px; overflow: hidden;}
.assessmenttable .assessmentsort li, .i_assessmenttable .assessmentsort li { float: left; display: inline; overflow: hidden; }
.assessmenttable .assessment_op { height: 25px; }
.assessmenttable .posttime, .i_assessmenttable .posttime { float: left; color: #aaa; }
.assessmenttable .operation, .i_assessmenttable .operation { float: right; color: #808080; font-size: 10px; }
.assessmenttable .operation a ,.i_assessmenttable .operation a { margin-right: 2px; font-size: 12px; }



/*--- Multipage ---*/
.multipage { margin-bottom: 5px; }
.p_bar { clear:both; margin:15px 0; }
.p_bar a { font-size:12px;text-decoration:none;padding:3px 6px; }
.p_bar a:hover { background:#FFF8DF;border:1px solid #4096EE;text-decoration:none; }
.p_info { background:#FFF8DF;border:1px solid #4096EE;margin-right:1px;padding:3px 6px;color:#356AA0; }
.p_num { background:#FFF;border:1px solid #DEDEB8;margin-right:1px; }
.p_redirect { background:#FFF; border:1px solid #DEDEB8; margin-right:1px; font-size:12px; }
.p_curpage { margin-right:1px; border:1px solid #DEDEB8; background:#FFFFD9; color:#92A05A; font-weight:700; padding:3px 6px; }

/*--- dialog ---*/
.dlgtop { font-size:14px;line-height:24px;height:24px;padding-left:10px; }
.dlgtitle { float:left;font-weight:bold;color:#666666; }
.dlgcloseicon { float:right;margin:5px 2px;height:13px;width:15px; cursor:pointer; }
.dlgbody { padding:10px 15px; line-height:18px; }
.dlgclose { text-align:right; padding:10px; }
.btn-dlg { width:55px; height:20px; line-height:20px; border:0; }

.dlg_ui { margin: 0; padding: 0; width:100%; }
.dlg_ui .txt { border: 1px solid #ccc; width: 180px; }
.dlg_ui .area { border: 1px solid #ccc; width: 250px; height: 80px; }


/*--- Redirect ---*/
#redirect { border: 1px solid #eee; padding: 1px; width: 600px; margin: 150px auto 0 auto; height: 150px}
#redirect h1 { font-size: 14px; font-weight:normal; margin: 0 0 5px 0; padding: 5px 5px 5px 10px; color: #356AA0; }
#redirect a { margin: 0 5px; }
#redirect #msg { margin: 30px 10px 10px 10px; height: 50px; }
#redirect #return { margin: 5px; }

/*--- AJAX ---*/
.ajaxmsg { border:1px solid #FF0000; color: #FF0000; line-height: 20px; padding: 0 10px 0 30px; margin-right: 5px; position: absolute; top: 1px; right: 1px; }

/*--- Font color ---*/
.font_1 { color: #FF0000; padding: 0 1px; }
.font_2 { color: #356AA0; padding: 0 1px; }
.font_3 { color: #4096EE; padding: 0 1px; }
.font_4 { color: #969696; padding: 0 1px; font: 10px Tahoma,Helvetica,Arial,sans-serif; }
.font_5 { color: #0033FF; padding: 0 1px; }

.line_1 { border-bottom: 2px solid #FF8000; }
.line_2 { border-bottom: 1px dashed #ccc; height: 1px; } 

/*--- Buttons ---*/
.btn_2 { background: padding:5px 6px; }

/*--- Error ---*/
.formerror { border: 1px solid #4096EE; line-height: 18px; margin: 0 0 5px 0; padding: 5px 5px 5px 22px; background:#FFE8D0;color:#FF0000; }
.enter-error { border:1px solid #4096EE; padding:4px 55px 4px 18px; background: #FFE8D0; color:#FF0000; display:none; }

/*--- User Manual Style ---*/

.manTitle { font-size: 16px; color: #356AA0; }
.manSubTitle { font-size: 12px; color: #356AA0; }