/* common - based on Eric Meyer's reset, you shouldn't change this section======================================*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, i, font, img, small, strike, strong, ol, ul, li, form, label,table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0px; border:0px; /*font-weight:inherit; font-style:inherit;*/ font-size:100%; /*font-family:inherit;*/}
:focus { outline: 0 }
a, input, textarea { border:none; outline:none }

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {border:none; background:none;}

body {background:#FFF; font:12px/18px Arial, Helvetica, sans-serif; color:#333;}

table {border-collapse: separate; border-spacing: 0;}
caption, th, td { font-weight: normal;}
label{position: relative;top: 3px;left: 5px;display:inline!important;}

blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
hr {display: none;}

strong, b {font-weight: bold;} 
em, i {font-style: italic;}

/* basic links properties */
a {text-decoration:none; color: #333;outline:none;}
a:hover, a:active, a:focus, a.alt:hover, a.alt:active, a.alt:focus,.altbox .content a:hover, .altbox .content a:active, .altbox .content a:focus {text-decoration:underline;}
a img {border: none;}
/* abstract classes======================================*/

/* autocleaning (use for parent of floated element, but take care, it has some limitations) */
.cw {width: 100%; overflow: hidden;}
.cw2 {overflow: hidden; height: 1%;}
/* float helpers */
.fleft {float: left!important;}
.fright {float: right!important;}
/* classic cleaner */
.cleaner {clear: both; visibility: hidden; height: 0; overflow: hidden; line-height: 0; font-size: 0;}
/* safe cleaning, use eg. for parent of floated element */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* image replacement (see <h1 id="logo"> section in index.html for example) */
.ir {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;}
/* text align helpers */
.textleft {text-align:left !important;}
.textright {text-align:right !important;}
.textcenter {text-align:center !important;}
.texttop{vertical-align:top !important;}
/* for buttons etc. */
.hand {cursor: hand; cursor: pointer;}
/* accessible hiding of elements */ 
.a-hidden {position: absolute; top: -10000em;}
/* first and last helpers, mainly for table cells */
.first {border-left:0 !important;}
.last {border-right:0 !important;} 
/*Main  */
#wrapper {clear:both; height:100%; width:100%; margin:0; float:left; display:inline;}
/*login page CSS*/
#logincontainer{float:left; width:100%; height:100%; margin-bottom:100px; background:url(../images/logintopbg.jpg) top left repeat-x;} 
#login{width:960px; margin:0 auto; min-height:300px;}
#login .logo{ width:380px; text-align:center; clear:both; margin:228px auto 0 auto; padding:0 0 10px 0;}
#login .logo span{float:left!important; width:365px!important; font-size:28px; padding:8px 10px 15px; text-align:center; color:#185189!important;}
#login .loginbox{ background:#185189; width:380px; margin:0 0 0 290px; clear:both; float:left;}
#login .loginbox .loginform{ float:left; width:350px; padding:15px; min-height:110px;}
#login .loginbox .loginform span{ width:100%;}
#login .loginbox .lmdiv{float:left; width:350px; margin-bottom:15px;}
.whitetext{color:#FFF!important; font-size:14px;}
#login .loginbox .loginform label{ float:left; width:80px; padding:4px 8px 3px 0; color:#FFF; font-weight:bold; text-align:right;}
#login .loginbox .loginform input[type="text"]{ float:left; width:235px; margin:0; background:#FFF; border:1px solid #185189!important; padding:5px;}
#login .loginbox .loginform input[type="text"], #login .loginbox .loginform input:-webkit-autofill{background-color:#FFF !important;}
#login .loginbox .loginform input[type="password"]{ float:left; width:235px; margin:0; background:#FFF; border:1px solid #185189!important; padding:5px;}

#login .loginbox .loginform input[type="submit"]{ float:right; font-size:12px; font-weight:bold; font-family:Arial; margin:5px 16px 5px 0; color:#333; height:30px; min-width:65px; text-decoration:none; background:#eee; border:1px solid #ccc; -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em; cursor:pointer;}
#login .loginbox .loginform input[type="submit"]:hover{border-color:#eee; color:#185189; background:#ddd;}

#login .loginbox .loginform input[type="button"]{ float:right; margin:0 16px 0 0; padding:5px 9px 5px; color: #185189; cursor: pointer; text-decoration:none!important; font-weight:bold; font-size:12px;}
#login .loginbox .loginform input[type="button"]:hover{border-color: #c6c6c6; background: #ccc; color: #185189;}
/*login page CSS*/
/*Change password*/
#passcontainer{float:left; width:100%; height:100%; margin-bottom:100px; background:url(../images/logintopbg.jpg) 0 -180px repeat-x;} 
#changepass{width:960px; margin:100px auto 0; min-height:300px;}
#changepass .title{ width:440px; text-align:center; clear:both; margin:0 0 0 230px; padding:0 0 10px 0;}
#changepass .loginbox{ background:#185189; width:440px; margin:0 0 0 230px; clear:both; float:left;}
#changepass .loginbox .loginform{ float:left; width:400px; padding:15px; min-height:110px;}
#changepass .loginbox .loginform span{ width:100%; color:Yellow;}
#changepass .loginbox .lmdiv{float:left; width:350px; margin-bottom:15px;}
#changepass .loginbox .loginform label{ float:left; width:140px; padding:4px 8px 3px 0; color:#FFF; font-weight:bold; font-size:12px; text-align:right;}
#changepass .loginbox .loginform input[type="text"]{ float:left; width:235px; margin:0; background:#FFF; border:1px solid #185189!important; padding:5px; height:auto!important;}
#changepass .loginbox .loginform input[type="text"], #login .loginbox .loginform input:-webkit-autofill{background-color:#FFF !important; height:auto!important;}
#changepass .loginbox .loginform input[type="password"]{ float:left; width:235px; margin:0; background:#FFF; border:1px solid #185189!important; padding:5px; height:auto!important;}
#changepass .loginbox .loginform input[type="submit"]{ float:right; font-size:12px; font-weight:bold; font-family:Arial; margin:5px 6px 5px 2px; color:#333; height:30px; min-width:65px; text-decoration:none; background:#eee; border:1px solid #ccc; -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em; cursor:pointer;}
#changepass .loginbox .loginform input[type="submit"]:hover{border-color:#eee; color:#185189; background:#ddd;}
#changepass .loginbox .loginform input[type="button"]{ float:right; margin:0 16px 0 0; padding:5px 9px 5px; color: #185189; cursor: pointer; text-decoration:none!important; font-weight:bold; font-size:12px;}
#changepass .loginbox .loginform input[type="button"]:hover{border-color: #c6c6c6; background: #ccc; color: #185189;}
/*Change password*/
/*header part start*/
#headercontainer{float:left; width:100%; background:url(../images/topbg.jpg) top left repeat-x; margin-bottom:10px;}  
#header {width:96%; margin:0 auto;}
#header .hcontent{ float:left; width:100%; padding:20px 0 20px;}
#header #logo {float:left; width:250px; margin:0;}
#header #logo a{background:none; border:none; text-decoration:none;}
#header #logo a img{background:none; border:none; text-decoration:none;}
#header #userbox { float:right; margin:0; position:relative; z-index:5; width:400px;}
#header #userbox { float:right; margin:0; position:relative; z-index:5; width:400px;}
#header #userbox .userbtn{float:right; display:inline-block; padding:0.5em 1em; border: 1px solid #093d71; margin: 0; text-decoration: none; font:13px/bold Arial, Helvetica, sans-serif; color:#FFF; white-space: nowrap; /*cursor: pointer;*/ outline: none; background-color:#185189;-webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em;/* IE hacks */ zoom: 1;  *display: inline; text-transform:uppercase;font-weight:bold;}
#header #userbox .userbtn span{margin:0;}
#header #userbox .userbtn a{text-decoration:none; color:#FFF;}

#header #userbox .userbtn .userboxopen{width:200px; visibility: hidden; position: absolute; top:30px; left: 42%; z-index:999; margin-left:-0px; padding: 15px 15px 9px; color:#333; text-align:center;border:1px solid #185189; text-transform:none; text-align:left; background:#FFF;}
#header #userbox .userbtn .userboxopen span{ float:left; width:100%; border-bottom:1px solid #eee; padding:0 0 8px 0;}
.img{margin:5px 0 5px 5px; float:right;}
#header #userbox .userbtn .userboxopen span span{ float:left; width:100%; border-bottom:0; padding-bottom:0;padding-left:5px;text-transform:uppercase;}
#header #userbox .userbtn .userboxopen span strong{font-size:11px; font-weight:normal;}
#header #userbox .userbtn .userboxopen span strong span{font-size:12px; font-weight:normal;padding-left:6px;text-transform:none;}
#header #userbox .userbtn .userboxopen {visibility: visible;}
#header #userbox .userbtn .userboxclose{display:none;}
 
#header #userbox a.logout {float:left; font-size:12px; font-weight:bold; margin:5px 0; border:1px solid #FFF; color:#333; padding:5px 8px; text-decoration:none; background:#eee; border:1px solid #ccc;  -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em;}
#header #userbox a.logout:hover{color:#FFF; background:#185189; border:1px solid #185189;  -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em;}
#header #userbox input.logout {float:left; background:#EEE!important; font-size:12px; font-weight:bold; margin:5px 0 5px 5px; border:1px solid #ccc!important; color:#333; padding:0 8px; height:30px; line-height:30px; text-decoration:none; background:#eee; border:1px solid #ccc;  -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em;}
#header #userbox input.logout:hover{color:#FFF; background:#185189!important; border:1px solid #185189!important;  -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em;}

.signinbtn{}
.signinbtn:hover{color:#FFF; background:#8F012B; border:1px solid #8F012B;  -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em;}

/*#header .nav li.line{float:left; border-right:1px solid #ddd; padding:5px 10px;}*/
/*#header .dropdown-menu li{float:none; margin:0; border-bottom:1px dotted #ccc; padding:0;}*/
/* navigation stripe */
#navigation {width:100%; margin:1px 0 0 0; float:left; padding:0; height:35px; font:bold 12px Arial, Helvetica, sans-serif;} 
#navigation ul{ margin:0; padding:0; list-style-type:none; height:33px; float:left;}
#navigation ul li{position:relative; display:inline; float:left; height:33px; line-height:33px; border-left:1px solid #cacaca; min-width:60px;}
#navigation ul li.current{color:#8b012a;}
#navigation ul li.current a{color:#8b012a;}
#navigation ul li.last{ border-right:1px solid #cacaca!important;}
/*Top level menu link items style*/
#navigation ul li a{ display:block;position:relative; font-size:12px; text-decoration:none; border:none; font-weight:normal; color:#FFF; text-decoration:none; width:auto; height:24px; margin:0; padding:0 25px 10px 11px;}
* html #navigation ul li a{ /*IE6 hack to get sub menu links to behave correctly*/display:inline-block; text-indent: -9999px;}
#navigation ul li a:hover{ color:#185189;}

#navigation ul li a.homeicon{background:url(../images/menu-icons.png) 8px 1px no-repeat;}
#navigation ul li a.homeicon:hover{background:url(../images/menu-icons.png) 8px -29px no-repeat;}
#navigation ul li a.homeactive{background:url(../images/menu-icons.png) 8px -29px no-repeat;}

#navigation ul li a.reporticon{background:url(../images/menu-icons.png) 12px 5px no-repeat;}
#navigation ul li a.reporticon:hover{background:#4985bf url(../images/menu-icons.png) 12px 5px no-repeat!important;}
#navigation ul li a.reporticonactive{background:#4985bf url(../images/menu-icons.png) 12px 5px no-repeat!important;}

#navigation ul li span div{border-bottom:1px solid #fff; display:block; margin:0; padding:0; left:0; position:relative; cursor:pointer !important;}
#navigation ul li span div:hover{background:#333; color:#FFF;}
#navigation ul li span div.last{border:none;}

#navigation ul li.submenu { cursor:pointer; display:block; text-decoration: none; color:#FFF; outline: none; height:33px; line-height:30px; width:60px;}
#navigation ul li.submenu span {visibility: hidden; position: absolute; top:25px; left:0%; z-index:999; margin-left:-58px; padding:0; background:#4985bf!important; color:#FFF; text-align:center;font-weight:bold; border:1px solid #4985bf;}
#navigation ul li.submenu span a{border-bottom:1px solid #fff; display:block; margin:0; padding:0 0 5px 0; left:0; position:relative; cursor:pointer; width:100%; background:none;}
#navigation ul li.submenu span a:hover{background:#5997d3; color:#FFF;}
#navigation ul li.submenu span a.last{border:none!important;}
#navigation ul li.submenu:hover { border: 0; /* IE6 fix */ background:#185189; width:60px; border-left:1px solid #ccc;}
#navigation ul li.submenu:hover a.reporticonactive{background:#4985bf url(../images/menu-icons.png) 12px 5px no-repeat!important;}
#navigation ul li.submenu:hover span { visibility: visible;}
#navigation ul li.submenu span:before, #navigation ul li.submenu span:after{ content: ""; position:absolute; z-index: 1000; top: -7px; left: 50%; margin-left: -8px; border-top:0; border-left:0px solid transparent; border-right:0px solid transparent; border-bottom:0px solid #333;}
#navigation ul li.submenu span:before { border-top-color:#333; top: -8px;}
.bordernone{border-left:none!important; min-width:35px!important;}
/* navigation ends*/

/* content wrapper*/
#container {margin:0; width:100%; clear:both; padding:0;}
.content{margin:0; width:100%; clear: both; padding:0; min-height:320px;}
/* Columns */
/*Left Side*/
.leftside1{float:left; width:2%;}
.leftside{float:left; width:20%; min-height:300px;}
.leftnav{float:left; width:100%;}
.leftnav ul{margin:0 0 0 10px!important; padding:0!important; width:85%!important; clear:left;float:left; min-height:300px;}
.leftnav .nav li{float:left; margin:0!important; padding:0; width:100%; border-bottom:1px dotted #ccc;}
/*Right Side*/
.rightside{float:left; width:76%; padding-left:20px;}

a.showbtn {float:left; font-size:12px; font-weight:bold; margin:0; border:1px solid #FFF; color:#333; padding:4px 8px; text-decoration:none; background:#eee; border:1px solid #ccc;  -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em;}
a.showbtn:hover{color:#FFF; background:#185189; border:1px solid #185189;  -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em;}
input.showbtn{float:left; background:#185189!important; font-size:12px; font-weight:bold; margin:0 0 0 5px; color:#FFF; border:1px solid #185189!important; padding:0 8px; height:26px; line-height:26px; text-decoration:none; background:#eee; border:1px solid #ccc;  -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em;}
input.showbtn:hover{background:#EEE!important; border:1px solid #ccc!important; color:#333;  -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em;}

input.savebtn{float:left; background:#185189!important; font-size:12px; font-weight:bold; margin:0 10px 0 0; color:#FFF; border:1px solid #185189!important; padding:0 15px; height:30px; line-height:30px; text-decoration:none; background:#eee; border:1px solid #ccc;  -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em;}
input.savebtn:hover{background:#EEE!important; border:1px solid #ccc!important; color:#333;  -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em;}

.showbtn1{width:20px!important; background:#185189 url(../images/up-arrow.png) 50% 50% no-repeat!important; height:58px; margin-left:5px;border:1px solid #185189 !important; -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em;}
/*footer part*/
#footercontainer{float:left; clear:both; width:100%; background:url(../images/footerbg.jpg) top left repeat-x; margin:15px 0 0 0; position:fixed; bottom:0;}
#footer {margin:0 auto; width:96%; clear: both; padding:0; font-size:12px; min-height:45px; line-height:45px;}
#footer .copyright{ float:left; width:600px;}
#footer .developedby{ float:right; width:300px; text-align:right;}
#footer a{text-decoration:none;}
#footer a:hover{color:#333;}

/*footer part*/
.searchbox{ float:left; width:98.5%; background:#EEE; border:1px solid #ddd; padding:10px; margin-bottom:13px; height:36px;}
.searchbox ul{margin:0; padding:0; float:left; clear:both;}
.searchbox ul li{margin:0; padding:5px 10px 5px 0; float:left; list-style:none;}

.searchbox ul li #panelSalesComparisonOptions{float:left;}
.searchbox ul li #panelSalesComparisonOptions input[type="radio"]{float:left!important; margin:7px 5px 0 0!important; padding:0!important;}

.searchbox input{width:160px; float:left;}
.searchbox label{float:left; margin:0 10px 0 0; display:inline!important; padding:4px 0 0 0;}
.liwt400{ text-align: center; width: 400px!important; font-size:14px;}

.showbtn{padding:5px 10px; background:#185189; float:left; color:#FFF; line-height:normal!important}
.hidebtn{padding:0; float:right; color:#FFF; line-height:normal!important; min-height:300px; background:#185189 url(../images/down-arrow.png) 50% 50% no-repeat; width:26px!important; text-indent:-9999px;}

.mt20{margin-top:20px!important;}
.select{ height: auto!important; padding: 4px; min-width:140px;}
/*Loading css*/
.loading{left:50%; margin:0 0 0 -120px; padding:15px 25px; min-height:45px; position:fixed; text-align:center; top:20%; z-index:99999!important; /*width:240px;*/ background:#000; border:1px solid #000; -moz-border-radius:8px; border-radius:8px; color:#fff; font-size:22px;} 
.loading-big{left:50%; margin:0 0 0 -120px; padding:15px; min-height:45px; position:fixed; text-align:left; top:30%; z-index:99999!important; max-width:425px; width:auto; background:#000; border:1px solid #000; -moz-border-radius:8px; border-radius:8px; color:#fff; font-size:20px;line-height:23px;} 
.loading-big span{float:left; margin-left:3px;margin-top:0;}
.loading-big img{vertical-align:middle; margin-right:10px;}
#divLoadingImage{float:left; margin-top: 25px; width: 65px;}
.loading span{float:left; margin-top: 15px;}
.loading img{vertical-align:middle; margin-right:10px;}
.black-overlay{ display:none; position:fixed; top:0; left:0; width:100%; height: 100%; margin:0 auto; background-color: #6685A1; overflow:hidden; z-index:1!important; -moz-opacity: 0.3; opacity:.30; filter: alpha(opacity=35);}

.mt5{margin-top:5px!important;}
/*Tooltip*/
.servicewtdoc{width:180px!important; margin-left:-65px;}
/*Tooltip end*/  
#UpdatePane2{float:left; width:100%; }
#panelMultipleStores{float:left; width:100%; }
.selectstore{width:430px!important; float:left; margin:0 0 0 45px;}
.selectstore table{width:100%!important;}
.selectstore table td{padding:5px 0;}
.selectstore table td input{margin:3px 5px 0 0!important; float:left; }
.selectstore table td label{margin:0!important; float:left; } 

.cssform{margin:0;padding:0; float:left; width:100%;clear:both;}
.cssform ul{margin:0;padding:0;}
.cssform ul li{margin:0;padding:5px 0; width:100%; float:left; list-style:none;}
.cssform ul li label{margin:0;padding:0; width:100%; float:left; }
.cssform ul li input[type="text"],.cssform ul li input[type="password"]{margin:0;padding:0; width:250px; float:left;}

.displynone{display:none;}

.companyname{float:left; font-size:28px; font-weight:normal; padding:18px 15px 15px 25px; color:#185189!important;}
.toparrow{float:right; background:url(../images/toparrow.png) 50% 50% no-repeat; height:30px; width:30px!important; text-indent:-9999px;}
.btmarrow{float:right; background:url(../images/btmarrow.png) 50% 50% no-repeat; height:30px; width:30px!important; text-indent:-9999px;}