/*
	Date Created : 12.15.2009
	Developed By: Webcraft bangladesh
	Email: admin@webcraftbd.com
*/

* {margin:0;}

body {font-family: "Helvetica", Arial, Verdana, sans-serif;line-height:1.5em;text-decoration:none; font-size: 12px; color: #555; background:#ECEBE6 url(../img/layout/bodybg.gif) repeat-x; overflow-x: hidden;}

h1,h2,h3,h4,h5{font-family:'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; margin:0; padding:0;}
h1 {font-size:28px; color:#EEEEEE; font-style:normal;} 
h2 {font-size:24px; color:#333; font-style:normal;} 
h3 {font-size:22px; color:#333; font-style:normal;} 
h4 {font-size:20px; color:#333; font-style:normal;} 
h5 {font-size:18px; color:#333; font-style:normal;} 
h6 {font-size:16px; color:#333; font-style:normal; margin:5px 0px;} 
hr {border:0px; border-top-width: 1px; clear: both; height:0px;}

p, blockquote, ul, ol {margin-bottom: 1em;}
blockquote {margin-left: 3em; font-style: italic;}
ul {margin:0px 0px 0px 15px;}

hr {display: none;}
img {border: none; position:inherit;}

a {color: #3D950C; text-decoration:none;}
a:hover {color: #086D00; text-decoration:none;}

#wrapper{width:1000px; height:auto; text-align:left;}
.more a {color: #3D950C; text-decoration:none;}
.more a:hover {color: #086D00; text-decoration:underline;}
.clear{clear:both}

#header{width:1000px; height:112px; background:url("../img/layout/header.gif") no-repeat;}
#header .logo{float:left; width:450px; height:112px;}
#header .logo .image {padding:20px 10px 0px 80px; font-family:"Helvetica",Times New Roman, Times, serif; font-size:30px; font-weight:bold;}

#header .logoright{ float:left; width:500px; height:112px;}
#header .search{float:left; width:300px; height:112px; margin:10px 0px 0px 280px; text-align:left;}
#header .search input {float:left; width:150px; height:16px; margin:2px; font-size:14px; background:none; color:#aaaaaa; font-style:italic; text-transform:lowercase; border:0px;}
#header .search	.button a {float:left;  margin:5px 0px 2px 10px; border:0px; width:22px; height:20px;}
#header .search	.button a:hover {float:left;  margin:5px 0px 2px 10px; border:0px; width:22px; height:20px;}


#nav{float:right; width:1000px; height:35px; background:url("../img/layout/nav.gif") no-repeat; clear:both;}
#nav .tabs {float:right; height: 28px; width:600px; margin: 5px 0 0 0px; padding:0px 0px 0px 10px;}
.tabs_right {float: right;}
#nav .tabs ul {list-style: none; display: inline;}
#nav .tabs li {float:left;}
#nav .tabs li a {float: left;display: block;color: #fff;text-decoration: none;font-size: 12px;margin: 0 5px 0 0;padding: 0 0 0 13px;height: 28px;line-height: 27px;text-align: center;cursor: pointer;}
#nav .tabs li a b {float: left;display: block;height: 28px;padding: 0 20px 0 11px;}
#nav .tabs li.current a, #nav .tabs li a:hover {background: url("../img/layout/navleft.png") no-repeat;color: #fff;}
#nav .tabs li.current a b, #nav .tabs li a:hover b {background: url("../img/layout/navright.png") right top no-repeat;}


#banner{width:1000px; height:280px; clear:both; background:url("../img/layout/banner.gif") no-repeat; padding-top:20px; color:#FFFFFF;}

#content1 {width:1000px; background:url("../img/layout/middle.gif") repeat-y; padding: 5px 0px 8px 0px;}

#content1 .bar1 {float: left; width: 270px; margin-left:100px;}
#content1 .bar1 .header {float:left; height:25px; width:auto;}
#content1 .bar1 .icons {float:left; height:25px; width:25px;margin:0px 10px 0px 0px;}
#content1 .bar1 .details {float:left; height:auto; width:240px;padding:5px 5px 0px 0px;}

#content1 .bar2 {float: left; width:260px; margin-left:15px;}
#content1 .bar2 .header {float:left; height:25px; width:auto;}
#content1 .bar2 .icons {float:left; height:25px; width:25px;margin:0px 10px 0px 0px;}
#content1 .bar2 .details {float:left; height:auto; width:240px;padding:5px 5px 0px 0px;}

#content1 .bar3 {float:left; width:270px; margin-left:15px;}
#content1 .bar3 .header {float:left; height:25px; width:auto;}
#content1 .bar3 .icons {float:left; height:25px; width:25px;margin:0px 10px 0px 0px;}
#content1 .bar3 .details {float:left; height:auto; width:240px;padding:5px 5px 0px 0px;}

#content1 .err{color:#C42B2B;}

/* Bottomcontent */
#bottomcontent {width: 1000px; padding:10px 0px 0px 68px; margin:0px auto;}

#bottomcontent .whitebox {float:left; width: 270px; height:196px; background:url("../img/layout/rounded.gif") no-repeat; padding:10px 20px 0px 10px;}
#bottomcontent .whitebox .header {float:left; height:25px; width:auto;}	  
#bottomcontent .whitebox .icons {float:left; height:25px; width:25px;margin:0px 10px 0px 0px;}
#bottomcontent .whitebox .details {float:left; padding-left:10px; width:225px; overflow:hidden}

#bottomcontent .bluebox {float:left; width: 270px; height:196px; background:url("../img/layout/bluerounded.gif") no-repeat;  padding:10px 20px 0px 15px; color:#333;}
#bottomcontent .bluebox .header {float:left; height:30px; width:auto;}						  
#bottomcontent .bluebox .details {float:left; width:240px; height:145px; overflow:hidden;}


/* Division topcurve used to get the top curved section of every page Page */
#topcurve {width: 1000px; height:19px; background:url("../img/layout/top_new.gif") no-repeat; padding:0px 10px 0px 110px;}

/* Division Blogging used on blog.html Page */
#subpages {padding:10px 10px 0px 100px; background:url("../img/layout/middle_new.gif") repeat-y;}

#subpages .servicelist {float:left; width:180px; height:auto;}
#subpages .servicelist ul {list-style:disk; padding:5px 10px 20px 0;}
#subpages .servicelist h2 {height:15px; margin-bottom:10px;  text-transform: Capitalize; letter-spacing: 1px; font-size: 15px; color:#535151;}
#subpages .servicelist a {color: #676767; text-decoration:none;}
#subpages .servicelist a:hover {color: #A3A3A3; text-decoration:none;}

#subpages .subpagecontent {float:left; width:800px; margin-bottom:0px;}
#subpages .subpagecontent h2 {margin:0;}						   
/* Division bottomcurve used to get the bottom curved section of every page Page */
#bottomcurve {width: 1000px; height:19px; background:url("../img/layout/bottom_new.gif") no-repeat; margin:0px 0px 10px 8px;}


/* Division Footer used to place the footer section on every pages. */
#footer {width:100%; height:130px; clear:both; padding-bottom:10px; background:url("../img/layout/footer.gif") repeat-x; }
#footer a {color: #FFFFFF;}
#footer a:hover {color: #e2fedd; text-decoration:underline;}
#footer .navigate {float:left; width:100%; height:auto; text-align:center; margin-top:10px; color:#B0B0B0;}
#footer .navigate ul li {display:inline; list-style: none; padding: 0px 10px;}
#footer .copyright {float:left; width:100%; height:auto; text-align:center; color:#B0B0B0; padding-top:5px;}

.success{ padding:0.8em; margin-bottom:1em; border:2px solid #C6D880; color:#264409; background-color: #E6EFC2; }
.error{ padding:0.8em; margin-bottom:1em; border:2px solid #FBC2C4; color:#8A1F11; background-color: #FBE3E4; }
.error h2{ color:#8A1F11; padding:4px; }
.noserver{ color:#ffffff; background-color:#f03e3e; border:2px solid #d01d1d; padding:5px; font-size:14px; }
.noserver td{ padding:5px; }
.noserver a{ color:#ffffff; font-weight:bold; }

.green_container {position: relative; text-align: left; padding:0; margin:0 0 0 85px; width: 825px; height: auto;}

.green_container h1{line-height: 1.1em; margin-top: 0px; display: block; color: #EEEEEE; font-weight: bold; font-size:28px; text-align:left; padding-left:0; margin-left:0;}
.green_container p {line-height:18px; margin: 10px 5px 0px 0px; color:#555; font-size: 16px; padding-top: 0px; font-weight:normal; text-align:left; padding-bottom:10px;}

#cf_subpages {width:980px; padding:10px; margin:0 0 10px 0; background:url("../img/layout/cf_middle.png");}
.userspagecontent {float:left; width:980px; margin-bottom:0px;}
.cf_topheading{ color:#fff; font-size:16px; margin:10px; font-weight:bold;}
.cf_mainbody{ background-color:#fff; border:2px solid #737373; }
.cf_maincontent{ padding:15px;}

.cf_services{ color:#fff;}
.cf_services h3{ padding:10px; color:#fff;}
.cf_services ul{ list-style:none; margin:0; padding:0; border:none;}
.cf_services li{ display:block; padding:8px; height:35px; color:#fff; text-decoration:none;}
.cf_services li a{ color:#fff; font-size:14px; font-weight:bold; text-decoration:none;}

.cf_backblue{ background:url("../img/layout/cf_back_blue.png") no-repeat; }
.cf_backred{ background:url("../img/layout/cf_back_red.png") no-repeat; }
.cf_backblack{ background:url("../img/layout/cf_back_black.png") no-repeat; }
.cf_backgreen{ background:url("../img/layout/cf_back_green.png") no-repeat; }
.cf_backyellow{ background:url("../img/layout/cf_back_yellow.png") no-repeat; }
.cf_backwhite{ background:url("../img/layout/cf_back_white.png") no-repeat; }

table.resultsTbl { font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 20px; }
table.resultsTbl th { color: #14397d; font-weight: bold; font-size: 12px; border-bottom: 1px solid #d9d9d9; background: url('../img/layout/tbl_header_divide.gif') no-repeat; padding: 5px 5px 5px 10px; }
table.resultsTbl tr td { padding: 5px 5px 5px 10px; width: 182px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
table.resultsTbl tr.odd td { background: #e7ebf2 url('../img/layout/tbl_divide.gif') repeat-y; }
table.resultsTbl tr.even td { background: #fafafa url('../img/layout/tbl_divide.gif') repeat-y; }
table.resultsTbl tr.highlight td { background: #e1efb5; font-weight: bold; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
table.resultsTbl th.actionColumn { width: 190px; }

.notice{ padding:0.8em; margin-bottom:1em; border:2px solid #FFD324; color:#514721; background-color: #FFF6BF;}
.notice h2{ color:#514721; padding:4px; }

table.users_plantable{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin:0 0 10px 0; }
table.users_plantable h4{ color:#6e6e6e; font-size:14px; font-weight:bold;}
table.users_plantable tr.highlight td{ background-color:#eff2fa; border-bottom:1px solid #E9E9E9;}
table.users_plantable tr.topBar td{ border-bottom:3px solid #E9E9E9;}
table.users_plantable tr td{ padding:5px; border-bottom:1px solid #E9E9E9;}

table.users_plantable .selectClass{ background-color:#e2f1cc; border-bottom:1px solid #98b66e; border-left:1px solid #98b66e; border-right:1px solid #98b66e;}
table.users_plantable tr.highlight td.selectClass{ background-color:#e2f1cc; border-bottom:1px solid #98b66e; border-left:1px solid #98b66e; border-right:1px solid #98b66e;}
table.users_plantable tr.topBar td.selectClass{ background-color:#e2f1cc; font-weight:bold; border-right:1px solid #98b66e; border-left:1px solid #98b66e; border-top:1px solid #98b66e; border-bottom:2px solid #98b66e;}

.makebold{ padding:0 10px 0 10px; background-color:#474747; color:#fff; font-weight:bold; font-size:16px;}
.makeline{ border-bottom:2px solid #474747;}
.makelineBlue{ border-bottom:2px solid #4064a6;}
.makeboldBlue{ padding:0 10px 0 10px; background-color:#4064a6; color:#fff; font-weight:bold; font-size:16px;}

.users_planheader p{ color:#000; font-weight:normal; padding:5px;}

.topBar{ height:40px; overflow:hidden; color:#fff; padding-right:40px; }
.topBar .inputButton{ background-color:#4b4b4b; border:1px solid #e5e5e5; color:#FFF; font-size:12px; height:16px; padding:2px; width:125px; margin:0;}

.services_rightside{ width:640px; margin:0; float:left;}
.services_rightside h1{ font-size:21px; padding:5px;}
.services_rightside p{ font-size:12px; padding:5px;}

.inputBox{ background-color:#f2f2f2; border:1px solid #494949; color:#222; font-size:12px; padding:3px; }
.inputBoxError{ background-color:#fdfee9; border:1px solid #d61001; color:#5f120c; font-size:12px; padding:3px; }

.ServiceMainMenu{ background-color:#474747; color:#fff; width:800px; padding:10px 0 10px 10px; }
.ServicemenuTitle{ border-top:3px solid #474747; color:#fff; width:800px; padding:0 0 5px 10px; }
.ServiceMainMenu ul{ list-style-image:url(/img/layout/icons/blue_arrow_10.png); margin:0; }
.ServiceMainMenu li{ margin: 0 0 4px 0; padding:0; }
.ServiceMainMenu strong{ font-size:14px; padding-bottom:5px; }
.ServiceMainMenu a{ color:#e0e0e0; text-decoration:none; }
.ServiceMainMenu a:hover{ color:#fff; text-decoration:underline; }
.ServiceMainMenu td{ }
.ServiceMainMenu td.makeBorder{ border-left:1px solid #efefef; }

.docs_rightside{ }
.docs_rightside a{ color:#4b638f; }
.docs_rightside h1{ font-size:21px; padding:5px;}
.docs_rightside h2{ font-size:16px; padding:5px; border-bottom:1px solid #4b638f; color:#4b638f;}
.docs_rightside p{ font-size:12px; padding:5px;}

.docs_rightside ul{ list-style-image:url(/img/layout/icons/blue_arrow_10.png); margin:0 }
.docs_rightside li { margin: 0 0 4px 0; padding:0; }

.docs_leftside{ border-right:2px solid #4b638f; }
.docs_leftside .leftcontent{ padding-top:20px; }
.docs_leftside ul{ list-style:none; margin:0; padding:0; border:none;}
.docs_leftside li{ display:block; height:20px; margin:5px 0 5px 0; color:#fff; text-decoration:none; background:url("../img/layout/docs_bgleft.png") no-repeat;}
.docs_leftside .makegreen{ display:block; height:20px; margin:30px 0 5px 0; color:#fff; text-decoration:none; background:url("../img/layout/docs_bgleft_green.png") no-repeat;}
.docs_leftside li a{ padding-left:10px; color:#fff; font-size:14px; font-weight:bold; text-decoration:none;}
.docs_leftside li a:hover{ padding-left:20px; }

.styleTable tr.even{ background-color: #fafafa;}
.styleTable tr.odd{ background-color: #e7ebf2;}

.billingInfo{ background-color:#f6f5e7; color:#4f4f4f; }
.billingInfo .title{ float:left; width:30%; }
.billingInfo .value { float:left; width:70%; }

.formvalError{ background:url("../img/layout/icons/stop_16.png") no-repeat; padding-left:20px; color:#5f120c; font-weight:bold;}