@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; font-size:12px; font-family:"Lucida Sans"; color:#444; background:#001e44 url(bg.jpg) top center no-repeat;}
a{outline:none; color:#7ea7de; font-weight:normal; text-decoration:none;}a:hover{ text-decoration:none;}
.active{color:#6f6f6f;}
img{ outline:none; border:0px;}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, font{ margin:0px; padding:0px; font-weight:normal;}
input{ outline:none;}
#main11{width:1002px;margin:0 auto;}
#inner{ width:1002px; float:left; padding-top:10px;}
#hdr-Outer{width:1000px; float:left; padding:0px 1px;}
#logo{width:190px; float:left; margin-right:130px;}
.text-dashboard{ width:429px; float:left; padding-top:15px; margin-right:152px;}
.headr-icon{ width:96px; float:left; padding-top:5px;}
#navi-Outer{ width:1000px; float:left; padding:5px 1px 2px 1px;}
.navi-bg{ width:1000px; float:left; background:url(navi-bg.png) top left no-repeat; height:53px;}
.navi-inner { width:948px; float:left; padding:15px 26px 0px 26px;}
.navi-left{ width:450px; float:left; font-weight:14px; font-family:"Lucida Sans"; font-weight:normal; color:#88b2ea;}
.navi-left span{ font-weight:bold; margin-right:8px;}
.navi-right{ width:498px; float:left; font-weight:14px; font-family:"Lucida Sans"; font-weight:normal; color:#88b2ea; text-align:right;}
.navi-right span{ font-weight:bold; margin-right:5px;}
#body{ width:1000px; float:left; padding:0px 1px 5px 1px;}
#box1{ width:1000px; float:left;}
#boxTopbg{ width:1000px; float:left; background:url(dashboard-bottom.png) no-repeat left bottom; padding-bottom:8px;}
#boxMidbg{ width:984px; float:left; padding:0 8px 0 8px; background:url(dashboard-mid.png) repeat-y top left;}
.hdngBar{ float:left; width:984px; background:url(hnd-bg.jpg) top left repeat-x; height:37px;}
.hdngBar-inner{ float:left; width:964px; padding:4px 10px 0 10px;}
.hndBar-left{ float:left; width:400px; font-size:18px; font-family:"Lucida Sans"; font-weight:normal; color:#96c3fe; padding-top:2px;}
.hndBar-right{ float:right; width:360px; padding-top:3px; text-align:right;}
#boxBottombg{ width:1000px; float:left; background:url(dashboard-top.png) no-repeat top left; padding-top:8px;}

.hdngBar2{ float:left; width:968px; background:#2b548b; height:24px; padding-top:5px; padding-left:8px; padding-right:8px; margin-bottom:1px;}
.hdngBarname{ float:left; width:300px; font-size:14px; color:#d4bb83; font-weight:bold;}
.hdngBarbtn{ float:left; width:75px; text-align:center;}
.hdngBarStatus{ float:left; width:300px; text-align:center; font-size:14px; color:#d4bb83; font-weight:bold;}
.hdngBarList{ float:left; width:145px; text-align:center; font-size:14px; color:#d4bb83; font-weight:bold;}
.hdngBarEmails{ float:left; width:200px; text-align:center; font-size:14px; color:#d4bb83; font-weight:bold;}
.hdngBarReport{ float:left; width:90px; text-align:center; font-size:14px; color:#d4bb83; font-weight:bold;}

.deatilBar{ float:left; width:984px; border-top:1px solid #254979;}
.deatilBar-inner{ float:left; width:968px; padding-bottom:3px; padding-top:6px; padding-left:8px; padding-right:8px; background:#1f395e; border-bottom:1px solid #254979;}
.deatilBarname{ float:left; width:300px; font-size:13px; color:#97c3ff;}
.deatilBarbtn{ float:left; width:75px; text-align:center;}
.deatilBarStatus{ float:left; width:300px; text-align:center; font-size:13px; color:#97c3ff;}
.deatilBarStatus span{color:#bcaa7e;}
.deatilBarList{ float:left; width:145px; text-align:center; font-size:13px; color:#97c3ff;}
.deatilBarEmails{ float:left; width:200px; text-align:center; font-size:13px; color:#97c3ff;}
.deatilBarReport{ float:left; width:90px; text-align:center; font-size:13px; color:#97c3ff;}

#footer{ float:left; width:1000px; padding:25px 1px 80px 1px;}
.footer-inner{ float:left; width:1000px;  text-align:center; padding-bottom:10px; color:#fff; font-size:11px; font-family:"Century Gothic";}
.footer-inner a{ color:#fff; text-decoration:none;}
.footer-inner a:hover{  color:#acc5e9; text-decoration:underline;}

.pagingOuter{ float:left; background:url(paging-left.png) no-repeat top left; margin-right:1px; padding-left:14px; height:22px;}
.pagingInnter{ float:left; background:url(paging-right.png) no-repeat top right; padding-right:14px; height:22px; color:#add0ff; font-size:11px; padding-top:3px; font-weight:normal;}
.pagingInnter a{ color:#add0ff; text-decoration:none;}

.pagingActive{ float:left; background:url(paging-hoverleft.png) no-repeat top left; margin-right:1px; padding-left:14px; height:22px;}
.pagingActiveInnter{ float:left; background:url(paging-hoverright.png) no-repeat top right; padding-right:14px; height:22px; color:#add0ff; font-size:11px; padding-top:3px; font-weight:normal;}
.pagingActiveInnter a{ color:#add0ff; text-decoration:none;}

#template{ float:left; width:984px; padding-top:25px; padding-bottom:25px;}
.templateInner{ float:left; width:980px; padding:0px 2px;}
.templateInner-Arrow{ float:left; width:44px; padding-top:80px;}
.templatThum-Outer{ width:872px; float:left; padding-left:10px; padding-right:10px;}
.templatThum{ float:left; width:134px; background:#1f395e; border:1px solid #254979; padding:15px; margin-right:10px;}
.templatThum div{ float:left; width:134px; text-align:center;}
.templatThum div p{ color:#d4bb83; font-size:11px; padding-top:10px;}
.templatThum div p a{ color:#d4bb83; text-decoration:none;}
.templatThum div p a:hover{ color:#d4bb83; text-decoration:none;}
.templatThum div .image{ border:1px solid #254979;}

.webtemplatThum{ float:left; width:134px; background:#1f395e; border:1px solid #254979; padding:15px; margin-right:10px;}
.webtemplatThum div{ float:left; width:134px; text-align:center;}
.webtemplatThum div p{ color:#86b1e9; font-size:11px; padding-top:10px;}
.webtemplatThum div p a{ color:#86b1e9; text-decoration:none;}
.webtemplatThum div p a:hover{ color:#86b1e9; text-decoration:none;}
.webtemplatThum div .image{ border:1px solid #254979;}

.popupInnerTR{ float:left; width:100%; padding-bottom:20px;  color:#96c3fe; font-family:13px;}
.popupInnerTR2{ float:left; width:100%; padding-bottom:6px;  color:#96c3fe; font-family:13px;}
.popupInnerTR .popInput{ border:1px solid #747474; width:155px;}
.popupInnerTR2 .popInput2{ border:1px solid #747474; width:210px;}
.popupInnerTR2 p{ float:left; width:35%; text-align:right; padding:0 1% 0 0;}
.popupInnerTR2 span{ float:left; width:63%;}
.popupInnerTR h2{ padding:10px 0 25px 80px; font-size:12px;}

#member{ width:1000px; float:left; padding:40px 1px 0px 1px;}
#member-inner{ width:678px; margin:0 auto;}
#login{ width:341px; float:left; background:url(memberlogin-bg.png) top left no-repeat; height:407px;}
.login-inner{ width:261px; float:left; padding-top:105px; padding-left:40px; padding-right:40px;}
.login-innerTR{ float:left; width:250px; padding-bottom:2px;}
.login-innerTR2{ float:left; width:250px; padding-bottom:2px; margin-top:15px;}
.login-innerTR3{ float:left; width:250px; padding-bottom:2px; margin-top:8px;}
.login-innerTR3 a{color:#fff; text-decoration:none;}
.login-innerTR3 a:hover{ color:#fff; text-decoration:underline;}
.login-innerTR .Input{ border:none; width:250px; background:url(textfield-bg.jpg) no-repeat; outline:none; padding:8px 6px 6px 6px; height:18px; font-size:12px; color:#333333;}
.login-inner p{ width:150px; float:left; color:#ffffff; font-weight:bold; font-size:12px; font-family:"Trebuchet MS"}
.login-inner span{ width:100px; float:left; text-align:right; padding-top:3px; color:#ffffff; font-size:11px; font-family:"Trebuchet MS"}
.login-inner span a{ color:#fff; text-decoration:underline;}
.login-inner span a:hover{ color:#fff; text-decoration:none;}
#learnmore{ width:337px; float:left; background:url(whatis-bg.png) top left no-repeat; height:407px;}
.learn-btn{ width:337px; float:left; padding-top:281px; text-align:center;}
.login-btn{ width:250px; float:left; padding-top:22px; text-align:center;}

.reportHndname{ float:left; width:768px; font-size:14px; color:#d4bb83; font-weight:bold;}
.reportHndname span{font-size:12px; color:#96c3fe; font-weight:normal;}
.reportHndname span a{ color:#96c3fe; text-decoration:underline}
.reportHndname span a:hover{color:#96c3fe; text-decoration:none;}
.reportHndicon { float:left; width:200px; text-align:right; font-size:12px; color:#96c3fe; font-weight:normal; padding-top:2px;} 
.reportHndicon a{ color:#96c3fe; text-decoration:underline}
.reportHndicon a:hover{color:#96c3fe; text-decoration:none;}

#reportmain{ float:left; width:984px;}
#reportBg{ width:655px; float:left; margin-right:15px; background:url(back-report.png) top left no-repeat; height:346px;}
.report-inner{ width:591px; float:left; padding:20px 20px 20px 45px;}
.reportLeft{ width:194px; float:left; padding-top:55px; margin-right:15px; }
.reportLeft-bg{ width:194px; float:left;background:url(report-average.png) no-repeat; height:129px;}
.reportShow{ width:194px; float:left; text-align:center; padding-top:90px; padding-bottom:25px; font-size:17px; color:#7f6831; font-weight:bold;}
.reportColm1 {width:170px; float:left; text-align:right; margin-right:10px; font-size:15px; color:#96c3fe; font-weight:bold; padding-top:8px;}
.reportColm2 {width:90px; float:left; margin-right:10px;}
.reportColm3 {width:100px; float:left; text-align:left; font-size:15px; color:#cb8c54; padding-top:8px;}
.reportTR{ width:194px; float:left; text-align:center; padding-top:10px; font-size:18px; color:#96c3fe;}
.reportTR span{ color:#d4bb83; font-size:11px;}
.reportright{ width:382px; float:left;}
.reportrightTR{ width:382px; float:left; border-bottom:1px solid #294c7b; padding-bottom:20px; padding-top:35px;}
.reportrightTR-inner{ width:382px; float:left; padding-bottom:10px;}
.reportrightTR2{ width:382px; float:left; padding-top:15px;}
.openedOuter{float:left; background:url(opened-left.png) no-repeat top left; margin-right:1px; padding-left:29px; height:35px;}
.openedInner{ float:left; background:url(opened-right.png) no-repeat top right; padding-right:29px; height:35px; color:#fff; font-size:18px; padding-top:5px; font-weight:normal;}
.bouncedOuter{float:left; background:url(bounced-left.png) no-repeat top left; margin-right:1px; padding-left:28px; height:35px;}
.bouncedInner{ float:left; background:url(bounced-right.png) no-repeat top right; padding-right:29px; height:35px; color:#fff; font-size:18px; padding-top:5px; font-weight:normal;}
.unopenedOuter{float:left; background:url(unopened-left.png) no-repeat top left; margin-right:1px; padding-left:28px; height:35px;}
.unopenedInner{ float:left; background:url(unopened-right.png) no-repeat top right; padding-right:29px; height:35px; color:#fff; font-size:18px; padding-top:5px; font-weight:normal;}
.clickrateOuter{float:left; background:url(click-left.png) no-repeat top left; margin-right:1px; padding-left:14px; height:35px;}
.clickrateInner{ float:left; background:url(click-right.png) no-repeat top right; padding-right:15px; height:35px; color:#fff; font-size:18px; padding-top:5px; font-weight:normal;}

#conplaints{ width:305px; float:left;}
.conplaints-inner{ width:280px; float:left; padding:55px 15px 20px 10px;}
.conplaintsBg{ width:280px; float:left; text-align:center; background:#203d64; border-bottom:1px solid #284b79; padding-top:3px; padding-bottom:3px; font-size:18px; color:#96c3fe;}
.conplaintsBg span{ color:#fff;}
.conplaintsCat{ width:280px; float:left;}
.conplaintsCat div{ width:280px; float:left; border-bottom:1px solid #284b79; padding-bottom:2px; font-size:12px; padding-top:3px;}
.conplaintsCat div p{ width:180px; float:left; font-size:12px; color:#96c3fe;}
.conplaintsCat div p a{color:#96c3fe; text-decoration:none;}
.conplaintsCat div p a:hover{color:#96c3fe; text-decoration:none;}
.conplaintsCat div span{ width:100px; float:left; text-align:right; font-size:12px; color:#d4bb83;}

#termMain{ float:left; width:968px; padding:8px;}
.termInner{ float:left; width:968px; padding:8px;}
.termInner h1{ font-size:14px; color:#d4bb83; padding-bottom:5px; font-weight:bold;}
.termInner p{ font-size:12px; font-weight:normal; font-family:"Lucida Sans"; color:#96c3fe;}
.termInner p a{color:#d4bb83; text-decoration:none;} .termInner p a:hover{color:#d4bb83; text-decoration:underline;}