/* $Id: styles.css,v 1.2 2011/07/20 07:52:04 rajasekar.sv Exp $ */
@charset "utf-8";
/* CSS Document */

.bodycontainer .right .blupan{ border:solid 1px #e6f1f6; background-color:#f2f8fc; box-shadow:1px 2px 5px #f1f1f1;}
.bodycontainer .right .blupan span{ border:solid 1px #fff; display:block; padding:4px; line-height:2; font-size:12px;}
.bodycontainer .right .blupan span a{color:#0581c0;}

.datapan{ padding:10px; border-left:solid 6px #efefef;}
.green{ color:#99bf00;}
.dtdbdrbtm{ border-bottom:dotted 1px #CCC;}

.title{ padding:5px; background-color:#dae5eb; display:table; width:100%;}
.title h1{ font-size:16px; font-weight:bold; color:#1d8cb5; text-indent:10px; margin-top:4px; }
.title a{ float:right; font-size:11px; text-decoration:underline; color:#0581C0; font-weight:normal; margin-right:10px;}

body{ font-family:Arial,Verdana, Helvetica, sans-serif; margin:0px; padding:0px;}
h1,h2,h3,h4,p,li,ol,ul,em{ padding:0px; margin:0px;}
a{ color:#005e8f; text-decoration:underline;}
a:hover{color:#005e8f; text-decoration:none;}
.fright{ float:right;}
.pointer{ cursor:pointer;}
.w100{ width:100%}
.w50{ width:50%}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mb10{ margin-bottom:10px;}
.wt100{box-sizing:border-box; -moz-box-sizing:border-box; -khtml-box-sizing:border-box; -webkit-box-sizing:border-box; width:100%;}
.bld{ font-weight:bold;}
.txtsmall{ font-size:11px;}
.txtnormal{ font-size:12px;}
.f13{ font-size:13px;}
.graytxt{ color:#868686;}
.red{color:#ee0000;}
.header{ background-image:url(../images/bg-header.gif); background-position:top; background-repeat:repeat-x; border-bottom:solid 1px #f7f7f7;}
.headercontainer{text-align:left; padding:25px 25px 10px 15px;}
.headercontainer a{ float:right; color:#0f91d4; font-weight:bold; font-size:12px;}
.bodycontainer{ text-align:left; padding:15px; padding-bottom:0px;}
.bgleft{ background-image:url(../images/zf-bgleft.gif); background-position:right; background-repeat:repeat-y; background-color:#f1f1f1;}
.bodycontainer .left{padding:5px;}
.menu ul{ list-style:none;}
.menu ul li{ color:#FFF; font-size:12px; }
.menu ul li a{ color:#FFF; text-decoration:none; padding:7px; background-color:#0f91d4;display:block; border-bottom:dotted 1px   #9dcde5; white-space:nowrap; }
.menu ul li a:hover{ color:#FFF; text-decoration:none; padding:7px; background-color:#199de1;display:block; border-bottom:dotted 1px #9dcde5; cursor:pointer;}
.menu ul li a.selected { background-color:#005e8f; font-weight:bold; cursor:default; background:background: #74A7C2; /* old browsers */

background: -moz-linear-gradient(top, #74A7C2 0%, #196E9A 50%, #005E8F 52%, #005E8F 100%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#74A7C2), color-stop(50%,#196E9A), color-stop(52%,#005E8F), color-stop(100%,#005E8F)); /* webkit */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74A7C2', endColorstr='#005E8F',GradientType=0 ); /* ie */}

.bodycontainer .right { padding:10px;}
.bodycontainer .right td{ padding:3px;} 
.bodycontainer .right h2{ font-size:17px; color:#373737; border-bottom: dotted 1px #e1e1e1;}

.editpanelheading {border-bottom: 1px solid #E6E6E6;color: #333333;font-size: 12px;font-weight: bold;margin: 20px 0 0;padding-bottom: 2px;}
.editsectionpanel {background-color: #F7F7F7; border-color: #F1F1F1 #F1F1F1 #E6E6E6; border-style: solid; border-width: 1px;
 padding:20px 10px 10px 10px; width: 100%; font-size:12px;}
 .editsectionpanel em{ color:#ee0000;}
.txtfield {border:1px solid #B2C9DF;font-size:12px;height:20px;padding:2px;-moz-box-shadow: 0 1px 1px #ececec; box-shadow: 0 1px 1px #ececec; -webkit-box-shadow: 0 1px 1px #ececec;}
.txtarea {border:1px solid #B2C9DF;font-size:12px;padding:2px;}
.btn{ background-color: #004BBD;border-color: #E3E8F1 #0E1F5B #0E1F5B #E3E8F1;
border-style: solid;border-width: 1px;color: #FFFFFF;cursor: pointer;font-family: Arial,Helvetica,sans-serif,Tahoma;
font-size: 11px;padding: 2px 15px;text-align: center;}
.btngray{ background-color: #f1f1f1;border-color: #e1e1e1 #a6a6a6 #8a8a8a #e1e1e1;
border-style: solid;border-width: 1px;color: #1d1d1d;cursor: pointer;font-family: Arial,Helvetica,sans-serif,Tahoma;
font-size: 11px;padding: 2px 15px;text-align: center;}



.footer{ padding:5px 15px;; color:#666; font-size:11px; text-align:right; background-color:#f6f6f6; border-top:solid 1px #f3f3f3;}
.signinpanel{ border:solid 5px #f3f3f3; background-color:#f8f8f8; padding:10px;}
.signinpanel h1{ font-size:18px; color:#e76700; margin:10px 0px; text-shadow: 1px 1px 0px #fff;}
.signinpanel p{ font-size:12px; color:#333; margin:10px 0px;}
.signinpanel ol{ margin:0px; padding:10px;}
.signinpanel ol li{ list-style:decimal; font-size:12px; margin:5px;}
.signinpanel button{ background-image:url(../images/zf-bgbutton.gif); background-repeat:repeat-x; background-position:top; background-color:#0164a3; color:#FFF; font-weight:bold; font-size:13px; padding:5px 10px;; border:0px; -moz-border-radius:5px; -webkit-border-radius:5px; -border-radius:5px; cursor:pointer; outline: medium none;}

.signinpanel button:hover{ background-image:url(../images/zf-bgbutton.gif); background-repeat:repeat-x; background-position:top; background-color:#0164a3; color:#FFF; font-weight:bold; font-size:13px; padding:5px 10px; border:0px; -moz-border-radius:5px; -webkit-border-radius:5px; -border-radius:5px; cursor:pointer; -moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888; outline: medium none;}

.signinpanel button:active{ background-image:url(../images/zf-bgbuttonactive.gif); background-repeat:repeat-x; background-position:top; background-color:#0164a3; color:#FFF; font-weight:bold; font-size:13px; padding:5px 10px; border:0px; -moz-border-radius:5px; -webkit-border-radius:5px; -border-radius:5px; cursor:pointer; -moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888; outline: medium none;}

.error{ background-color:#feffd9; border:solid 1px #ffe484; padding:15px; -moz-border-radius:5px; -webkit-border-radius:5px; -border-radius:5px;}
.error h5{ color:#d20000; font-size:20px;margin:0px; padding:0px; border-bottom:dotted 1px #ffe484;}
.error h6{ color:#333; font-size:14px;margin:0px; padding:5px 0px; margin-top:10px; }
.error p{ line-height:1.5; font-size:12px; margin:0px; padding:5px 0px;}

.tablelist{ padding:1px; font-size:12px; border:solid 1px #d4e1f1; background-color:#f3f8ff; margin-top:10px;}

.tablelist th{ padding:10px; font-size:12px; background: #eaf0f8; /* Old browsers */
background: -moz-linear-gradient(top, #eaf0f8 0%, #d8e3f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaf0f8), color-stop(100%,#d8e3f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eaf0f8 0%,#d8e3f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eaf0f8 0%,#d8e3f2 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #eaf0f8 0%,#d8e3f2 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EAF0F8', endColorstr='#D8E3F2',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #eaf0f8 0%,#d8e3f2 100%); /* W3C */}


.tablelist tr:nth-child(even) { background: #fff;}
.tablelist tr:nth-child(odd) {background: #f3f8ff;}
.loginpan{ background-color:#FFF; border:solid 2px #ededed; padding:5px; }


.faqpanal{ margin:0px; padding:10px;}
.faqpanal ol{ margin:0px; padding:5px; }
.faqpanal ol li{ margin:0px; padding:5px; line-height:2; font-size:12px; list-style-image:url(../images/zf-arw.gif)}
.faqpanal ol li a{ margin:0px; padding:5px; text-decoration:underline; color:#1091c1; }
.faqpanal ol li a:hover{ margin:0px; padding:5px; text-decoration:none; color:#1091c1;}

.faqpanal h1{ font-size:14px; font-weight:bold; border-bottom:dotted 1px #CCC; margin-top:10px; display:list-item; margin-left:10px; color:#4f4f4f;}
.faqpanal p{font-size:12px; padding:10px 0px;}

.msgpan{ border:solid 1px #d9d9d9; background-color:#f4f4f4; box-shadow:1px 2px 5px #f1f1f1;}
.msgpan span{ border:solid 1px #fff; display:block; padding:10px; line-height:2; font-size:12px;}
.msgpan span h1{ font-size:13px; font-weight:bold;}
.msgpan span a{color:#0581c0;}

.errspan { color: #ff0000; display: none;}
.displayspn { color: #ff0000; display: inline;}

.popupbg{background-color:#000;opacity:0.8;filter:alpha(opacity=80); display:block; position:absolute; width:100%; height:650px; top:0px; left:0px; }
.popup{ border:solid 5px #0f91d4; width:600px; margin-left:20%; background-color:#FFF; z-index:999; top:100px; position:absolute; box-shadow:1px 2px 3px #1d1d1d;}
.popup h1{ padding:10px; font-size:14px; background: #eaf0f8; /* Old browsers */
background: -moz-linear-gradient(top, #eaf0f8 0%, #d8e3f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaf0f8), color-stop(100%,#d8e3f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eaf0f8 0%,#d8e3f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eaf0f8 0%,#d8e3f2 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #eaf0f8 0%,#d8e3f2 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EAF0F8', endColorstr='#D8E3F2',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #eaf0f8 0%,#d8e3f2 100%); /* W3C */}

.copyrightcontent{ padding:20px; background-color:#f7f7f7; border-top:solid 1px #f3f3f3; text-align:center;}
.copyrightcontent .loginfooter{ width:980px; margin:0 auto; text-align:center; font-size:12px;}
.copyrightcontent .loginfooter a{ color:#1B6BBD; text-decoration:none; padding-right:15px;}
.copyrightcontent .loginfooter a:hover{ color:#1B6BBD; text-decoration:underline; padding-right:15px;}
.logout {  text-decoration:none; padding:7px; background-color:#0f91d4;display:block;  white-space:nowrap; text-align:center; }
 
.logoutmsg{ background-color:#0f91d4; padding:8px; text-align:center; font-size:14px; color:#FFF; font-weight:bold;}
.logouthead{ font-size:18px; color:#066b9f; margin:10px 0px;}
.logoutsubhead{ font-size:15px; color:#066b9f; font-weight:bold;}
.logoutcontent{ font-size:14px; font-weight:bold; color:#666;}
.loginagain{ background-image:url(../images/zf-bgloginagain.jpg); background-color:#ffc00f; background-repeat:repeat-x; background-position:top;  color:#FFF; font-weight:bold; font-size:13px; padding:10px 20px; border:0px; -moz-border-radius:5px; -webkit-border-radius:5px; -border-radius:5px; cursor:pointer; -moz-box-shadow: 0 0 5px #b0b0b0;-webkit-box-shadow: 0 0 5px#888; outline: medium none; border:solid 1px #e8a403; text-shadow:1px 1px 1px #C29C0B}

.loginpanel{ background-image:url(../images/bannerbg.png); margin-top:30px; text-align:center; height:auto; padding-top:50px;}
.loginpanel .box{  width:375px;text-align:center; margin:0 auto; background-color:#fff; border:solid 5px #e8f7f9; border-radius:10px; box-shadow:0px 2px 5px #c6d6ea;}
.loginpanel .box div{ height:290px; padding:10px;  background-color:#fff; border:solid 1px #c5edf2;border-radius:10px; }
.loginpanel .signupbox{ padding:10px; background-color:#d8e9ff; margin:0 auto; width:375px;box-shadow:0px 0px 3px #c6d6ea;border-radius:5px;}
.logoutbg { background-image:url("../images/bannerbg.png");}