.systemp{ width: 580px;
background-color: #fafafa;
border: 1px #000000 solid;
border-collapse: collapse;
border-spacing: 0px; }


.systempDept{ background-color: #99CCCC;
border: 1px #000000 solid;
font-family: Verdana;
font-weight: bold;
font-size: 12px;
color: #404040; }


.systempdata { border-bottom: 1px #6699CC dotted;
text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: .7em;
color: #404040;
background-color: #fafafa;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px; }

.pointsborder{
	border:1px #ffffff solid;
	border-bottom: 1px #CCCCCC solid;
	text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
	padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px;
}
.pointsborder2{
	border:0px #ffffff solid;
	border-bottom: 0px #CCCCCC solid;
	background-colour:#ebebeb;
}
.emailexist{

	border:0px;	
	padding-left:0px;
	margin-left:4px;
	/*background-image:url(images/error.gif);*/
	background-repeat:no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
 	font-size:13px;
	font-weight:bold;
	display: inline;
	color: #CC3333;
	text-decoration:none;
	line-height:8px;

}
#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px  dashed black;
	padding: 2px;
	background-color:#ECF0F9;
	visibility: hidden;
	z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}
#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}
.loderDiv{
 position:absolute;
 top:300px;
 left:400px;
 height:60px;
 width:200px;
 text-align:center;
 vertical-align:middle;
 border:solid 1px #4D6A91;
 background-color:#F2F6FA;
 vertical-align:middle;
 
}
.ViewImage{
font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
 text-decoration:none;
 color:#004D62;
 font-weight:bold;
margin:3px 5px 3px  10px;
}
.GreenMessage{
height:20px; padding:5px 0px 5px 20px; background-color:#F2F2F2; color:#138F2C; font-weight:bold; border:1px solid #65696E;  
}
/*.RedMessage{
height:20px; padding:5px 10px; background-color:#F2F2F2; color:#FF0000; font-weight:bold; border:1px solid #65696E;
}*/

body {margin:0px; padding:0px; border:0px; background:url(http://www.workhab.com/images/page-bg.gif) left top repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666}
/* added heading styles */
H1 { font-size:16px;color:#62b511;

}
H2 { font-size:14px;color:#666666;
	
}	

H3  {font-size:12px;color:#62b511;
	
}

H4  {font-size:12px;color:#666666;
	
}
/* end heading styles */
p {margin:0px; padding:0px; border:0px;}
img {margin:0px; padding:0px; border:0px;}

.clear {clear:both;}

#BlankSpace125{
	padding-left:125px;
	.padding-left:130px;
 }
#BlankSpace130{
	padding-left:130px;
	.padding-left:135px;
 }
#BlankSpace120{text-align:left; font-weight:normal; float:left}
 
.expdatemonth {
	width:15px;
}

input {margin:0px; padding:3px 2px 0px 5px; border:1px solid #777777; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#3e3f41; height:17px; min-height:17px; vertical-align:middle}
select {margin:0px; padding:0 0 0 5px; border:1px solid #777777; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#3e3f41; height:18px; min-height:18px; vertical-align:middle; min-width:110px; width:110px;}

#main {background:url(http://www.workhab.com/images/header-bg-cove.gif) center top no-repeat;}

#wrapper {width:998px; min-width:998px; margin:0 auto;}

#header {height:136px; min-height:136px; border-bottom:1px solid #FFFFFF}

.logo {padding:22px 0 0 37px; float:left}

.top-right {float:right; padding:24px 48px 0 0}
.log-on {margin:0 0 10px 0; padding:0 0 10px 0; background:url(http://www.workhab.com/images/logon-doted.gif) left bottom repeat-x; text-align:right;}
.top-search {text-align:right}
.logon-img{margin:0 75px 0 0;}

.button {margin:0px; padding:0px 3px; border:none; background:#098638; font-weight:bold; color:#FFFFFF; margin:0 0 0 2px; line-height:18px; font-size:11px;}

#banner {background:url(http://www.workhab.com/images/banner.gif) left top no-repeat; height:245px; min-height:245px; text-align:right; padding:7px 13px 0 0}


/*   --------------------  menu start ----------------------   */

.main-menu {border-top:1px solid #FFFFFF; .margin:0 0 35px; _margin:0 0 0px; 0;}
#tabs {float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:0 auto; padding:16px 0 17px 25px; background:#65696e; width:949px;}
#tabs ul {margin:0 auto; padding:0px; list-style:none; }
#tabs li {display:inline; margin:0; padding:0; }
#tabs a {float:left; background:url(http://www.workhab.com/images/menu-arrow.gif) left 5px no-repeat; margin:0 30px 0 0; padding:0 0 0 10px; text-decoration:none; color:#ffffff;}
#tabs a span {float:left; display:block; padding:0;}
#tabs a:hover {background:url(http://www.workhab.com/images/menu-arrow-h.gif) left 5px no-repeat; color:#99cc00;}
 


/*   --------------------  menu end ----------------------   */

/*   --------------------  content start ----------------------   */
#content-boxes {margin:20px 0 0px 0; padding:0px; display:block; overflow:hidden}

.box-left {float:left; width:177px; min-width:177px; background:url(http://www.workhab.com/images/content-box-bg.gif) right bottom no-repeat; padding:0 10px 10px 10px}
.box-left-content {height:210px; min-height:210px;}
.box-left-content p{.margin:0 0 5px 0; line-height:17px; padding:0 15px 0 0}
.box-left-arrow {text-align:right; padding:0 7px 0 0}

.box-right {float:right; width:178px; min-width:178px;  padding:0 10px 10px 10px;}
.box-right-content {height:210px; min-height:210px;}
.box-right-content p{.margin:0 0 5px 0; line-height:17px; padding:0 15px 0 0}
.box-right-arrow {text-align:right; padding:0 7px 0 0}

.banner-left-cove {float:left;}
.banner-right-cove {float:right;}
.banner-bg {border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background:#f2f2f2; padding:3px 0 18px 0}
.banner-bg img{margin:0 6px 0 6px}

/*   --------------------  content end ----------------------   */


/*   --------------------  footer start ----------------------   */

#footer {background:url(http://www.workhab.com/images/footer-bg.gif); padding:20px 0; margin:20px 0 0 0}
#footer-wrapper {width:998px; min-width:998px; margin:0 auto}
.rss {float:right; padding:0 10px 0 0; font-weight:bold; font-size:12px; color:#ff9000;}

.footer-content {width:29%; float:left; margin:0 3px 0 0; line-height:17px; font-size:12px; padding:5px 2%; background:url(http://www.workhab.com/images/footer-doted-bg.gif) right top repeat-y; height:90px; min-height:90px}
.footer-content a{color:#ff9000; text-decoration:none}
.footer-content a:hover{color:#ff9000; text-decoration:underline}

.black-link {color:#000000; text-decoration:none; font-size:12px}
.black-link a{color:#000000; text-decoration:none;}
.black-link a:hover{color:#000000; text-decoration:underline;}

.footer-small-links {font-size:11px; color:#3c3c3c; line-height:17px; font-family:Tahoma}
.footer-small-links span{color:#007d43;}
.footer-small-links a{color:#007d43; text-decoration:underline;}
.footer-small-links a:hover{color:#007d43; text-decoration:none;}

/*   --------------------  footer end ----------------------   */


/*   --------------------  main banner start ----------------------   */
.banner-text {color:#ffffff; float:left; margin:139px 0 0 31px; width:340px; text-align:left; line-height:20px; font-size:12px}

.login-bg {background:url(http://www.workhab.com/images/login-box-bg.gif) left top no-repeat; width:265px; float:right; text-align:left; padding:6px 14px 9px 23px; margin:0 0 3px 0; height:63px; min-height:63px;}
.login-bg span{float:right}

.fcease-bg {background:url(http://www.workhab.com/images/fcease-bg.gif) left top no-repeat; width:265px; float:right; text-align:left; padding:6px 14px 9px 23px; margin:0 0 3px 0; height:63px; min-height:63px;}
.fcease-bg span{float:right}

.gain-free-access-bg {background:url(http://www.workhab.com/images/gain-free-access-bg.gif) left top no-repeat; width:265px; float:right; text-align:left; padding:6px 14px 9px 23px; font-size:10px; height:63px; min-height:63px;}
.gain-free-access-bg span{float:right}

.banner-box-hd {margin:5px 0 0 0;}
.button2 {margin:0px; padding:0px; border:0px; background:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF}

.input {margin:0px; padding:0px; border:1px solid #55819b; font-family:Arial, Helvetica, sans-serif; font-size:11px;}

/*   --------------------  main banner end ----------------------   */




/* ----------------------  innerpage start ---------------------- */

#inner-banner {background:url(http://www.workhab.com/images/inner-banner-bg.gif) left top no-repeat; height:32px; min-height:32px; text-align:right; padding:20px 20px 20px 41px; color:#FFFFFF; font-size:12px; vertical-align:middle; overflow:hidden; clear:both}
#inner-banner span{float:left; font-family:"Arial Narrow"; font-size:25pt; color:#93C847}
.bread-crome {padding:10px 0 7px 0}
.bread-crome a{color:#FFFFFF; text-decoration:none;}
.bread-crome a:hover{color:#FFFFFF; text-decoration:underline;}

.content-left {float:left; background:url(http://www.workhab.com/images/content-bg-r.gif) left top repeat-y;}
.content-left2 {float:left; width:700px}
.content-imgR {background:url(http://www.workhab.com/images/transparent-logo.gif) left bottom no-repeat; overflow:hidden; width:715px; padding:0 0 30px 0}
.content-right {float:right; width:259px;}

.left-menu {width:207px; min-width:207px; float:left; padding:0 10px 190px 0; font-size:12px}
.content-mid {float:left; width:478px; padding:0 10px;}
.content-mid p{padding:0 0 18px 0; text-align:justify; line-height:18px}

.left-meni-bg {background:#f2f2f2; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; padding:10px 25px 0px 25px}
.left-meni-bg p{background:url(http://www.workhab.com/images/left-menu-dotted.gif) left bottom repeat-x; padding:6px 2px 10px 2px}
.left-meni-bg span{ font-weight:bold; color:#14902B; left bottom repeat-x; padding:6px 0px 10px 2px;}

.left-menu-arrow {background:url(http://www.workhab.com/images/left-menu-arrow.gif) left 4px no-repeat; font-weight:bold; padding:0 0 0 10px; color:#6b6b6b; text-decoration:none}
a.left-menu-arrow:link {color:#6b6b6b; text-decoration:none}
a.left-menu-arrow:hover{color:#72b820; text-decoration:none}

.gray-box {background:#65696e; color:#FFFFFF; padding:25px; font-size:12px}
.gray-box span{color:#bcbcbc; font-weight:bold}

.read-more {color:#FFFFFF;}
.read-more a{color:#FFFFFF; text-decoration:underline}
.read-more a:hover{color:#FFFFFF; text-decoration:none}

.content-box {margin:10px 0 0 0;}
.green-box {width:494px; float:right; margin:10px 0 0 0; font-size:12px;}
.green-box-brd {border-left:1px solid #c0dbb3; border-right:1px solid #c0dbb3; background:#edf7e8; padding:0 4px}
.green-box-bg {background:url(http://www.workhab.com/images/green-box-bot-bg.gif) left top repeat-x; padding:20px 40px}
.green-box-content {float:right; margin:5px 0 0 0; width:190px;}
.green-box-thumb {float:left;}
.green-box-thumb-brd {border:1px solid #d2d8d9; padding:3px; margin:5px 0 0 0; background:#FFFFFF}
.green-box-hd {color:#5bab34; font-weight:bold; font-size:16px}
.green-box p{padding:0 0 5px 0; overflow:hidden; display:block}





.blue-box {width:494px; float:left; margin:10px 0 0 0; font-size:12px;}
.blue-box-brd {border-left:1px solid #b3e3ec; border-right:1px solid #b3e3ec; background:#e9f9fc; padding:0 4px}
.blue-box-bg {background:url(http://www.workhab.com/images/blue-box-bg.gif) left top repeat-x; padding:20px 40px}
.blue-box-content {float:right; margin:5px 0 0 0; width:190px;}
.blue-box-thumb {float:left;}
.blue-box-thumb-brd {border:1px solid #d2d8d9; padding:3px; margin:5px 0 0 0; background:#FFFFFF}
.blue-box-hd {color:#4993a0; font-weight:bold; font-size:16px}
.blue-box p{padding:0 0 5px 0; overflow:hidden; display:block}

/* ----------------------  innerpage end ---------------------- */


/* ----------------------  store start ---------------------- */

#content-store {margin:8px 0 0px 0; padding:0px; display:block; overflow:hidden}
.content-mid-store {float:left; width:478px; padding:0 10px;}

.total-product {color:#666666; font-size:12px; padding:10px 0; background:url(http://www.workhab.com/images/content-doted.gif) left bottom repeat-x;}
.total-product span{color:#0c8934; font-weight:bold;}

.products {padding:0 10px}
.product-box {background:url(http://www.workhab.com/images/content-doted-2.gif) left bottom repeat-x; padding:15px 0}

.products-cnt {float:right; margin:5px 0 0 30px; width:250px; line-height:18px; text-align:left}

.prize {color:#2a2a2a; font-weight:bold; font-size:16px;}

.product-button {margin:0px; padding:0px 2px 2px 2px; border:0px; background:#0b8c01; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; height:21px; min-height:21px; font-weight:bold}

.shoping-bg {background:url(http://www.workhab.com/images/shopping-bg.gif) left top repeat-x #f6f6d2; border-left:1px solid #c4c5a6; border-right:1px solid #c4c5a6; padding:10px 16px; margin:0 0 0 0}

.shopping-doted {background:url(http://www.workhab.com/images/shopping-doted.gif) left top repeat-x; margin:10px 0 0 0; color:#65696e; padding:7px 0 8px 0}
.shopping-doted span{color:#69409a; font-size:12px; font-weight:bold}
.shopping-doted .button {margin:0px; padding:0px 2px 2px 2px; border:0px; background:#69409a; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; height:21px; min-height:21px; font-weight:bold}


.checkout {margin:15px 0 0 0; font-size:12px;}
.checkout-thumb {margin:0; font-size:12px; float:left}
.checkout-thumb-brd {border:2px solid #FFFFFF}
.checkout-content {float:right; width:150px; font-size:11px; }
.checkout-content span {color:#69409a; font-weight:bold; font-size:12px}
.checkout-content strong {font-size:12px;}
.checkout-hd {color:#69409a; font-weight:bold; font-size:14px}

.shopping-total-bg {background:url(http://www.workhab.com/images/shopping-total-bg.gif) left top repeat-x; height:42px; line-height:42px; border:1px solid #c4c5a6; color:#65696e; text-align:center; font-size:16px; font-weight:bold}
.shopping-total-bg span{color:#69409a}

.cart-bg {background:url(http://www.workhab.com/images/cart-bg.gif) left top no-repeat #FF0000; text-align:center; padding:6px 0 1px 0; margin:0 0 3px 0}








.gray-box-1 {width:494px; float:left; margin:10px 0 0 0; font-size:12px;}
.gray-box-1-brd {border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1; background:#FFFFFF; padding:0 2px}
.gray-box-1-bg {background:url(http://www.workhab.com/images/gray-box-bg-2.gif) left top repeat-x ; padding:20px 30px}
.gray-box-1-content {float:right; margin:30px 0 0 0; width:270px;; line-height:18px}
.gray-box-1-thumb {float:left; margin:30px 0 0 0;}


.gray-box-2 {width:494px; float:left; margin:10px 0 0 10px; font-size:12px;}


.paging {padding:15px 0 0 0; text-align:right; color:#2e2e2e}
.paging span {padding:0 8px; color:#087500}
.paging span a{color:#087500; text-decoration:none;}
.paging span a:hover{color:#087500; text-decoration:underline;}

.paging a{color:#2e2e2e; text-decoration:underline; padding:0 2px}
.paging a:hover{color:#2e2e2e; text-decoration:none;}
.paging a.active{color:#2e2e2e; text-decoration:none;}

/* ----------------------  store end ---------------------- */

/* ----------------------  legend form start ---------------------- */
.form-left {float:right; width:480px; min-width:480px;}
.box-brd {padding:0; color:#586a71; font-size:11px;}

.box-brd .hd {color:#39b4e4; font-size:14px; font-weight:bold; padding:10px 0; background:url(http://www.workhab.com/images/form-doted.gif) left bottom repeat-x;}
.box-brd .hd span{color:#484848; font-size:12px; float:right;}
.box-brd .hd strong{color:#e12184; font-size:11px; font-weight:normal;}
.cnt-hd {color:#757575; font-size:15pt; font-family:"Arial Narrow"; font-weight:bold}
form {margin:0px; padding:0px;}
fieldset {margin:10px 0px 0px 0px; padding:0px 0px 0px 5px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
fieldset br{clear:both;}
label {float:left; width:120px; min-width:120px; margin:0 10px 10px 0; text-align:right; font-weight:bold; color:#484848; font-size:11px;}
fieldset {border:none;}
legend {padding: 0.2em 0.5em; border:1px solid green; color:green; font-size:90%; text-align:right;}

fieldset input {margin:0px 0px 3px 0px; _margin:0px 0px 3px 0px; .margin:0px 0px 1px 0px; padding:2px 5px; border:1px solid #b0c2c8; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:300px; min-width:300px;}

fieldset textarea {margin:0px 0px 0px 0px; padding:2px 5px; border:1px solid #b0c2c8; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:290px; min-width:300px;}


fieldset select {margin:0px; padding:0; border:1px solid #b0c2c8; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:312px; min-width:312px; height:22px; min-height:22px;}
.checkbox {margin:5px 30px 0px 130px; border:0px; padding:10px; border:1px solid #b1c3c9; color:#33697f; font-size:11px;}
.checkbox input{margin:0px; border:0px; padding:0px; width:25px; min-width:25px; float:left; height:20px; min-height:20px;}
.login-box-bg .checkbox {margin:5px 30px 0px 130px; border:0px; padding:0px; border:0px solid #b1c3c9; color:#33697f; font-size:11px;}
.login-box-bg .checkbox input{margin:0px; border:0px; padding:0px; width:25px; min-width:25px; float:left; height:20px; min-height:20px; background:none}
.login-box-bg .btn {background:url(http://www.workhab.com/images/submit.gif) left top no-repeat ; width:80px; min-width:80px; height:29px; min-height:29px; border:0 none}
.login-box-bg .btncontinue {background:url(http://www.workhab.com/images/continue.gif) left top no-repeat ; width:88px; min-width:80px; height:29px; min-height:29px; border:0 none}
.required-field {color:#e12184; font-weight:normal}

/* ----------------------  legend form end ---------------------- */

/* ----------------------------   login page start  --------------------------------------- */

.login-container {margin:20px auto 0px auto; width:494px;}
.login-container-small {margin:20px auto 0px auto; width:478px;}
.login-box-brd {border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; background:#ebfed0; padding:0px 4px;}
.login-box-bg {background:#ffffff;}
.login-box-bg p{text-align:center; mar}
.login-box-bg a{color:#3e4141; text-decoration:none}
.login-box-bg a:hover{color:#3e4141; text-decoration:underline}

.login-box-bg span a{color:#098637; text-decoration:none; font-weight:bold}
.login-box-bg span a:hover{color:#333333; text-decoration:underline}

.login-box-bg label {float:left; width:125px; min-width:125px; margin:0 10px 10px 0; text-align:right; font-weight:bold; color:#666666; font-size:16px;}

.login-box-bg fieldset input {margin:0px; padding:5px 5px; border:1px solid #b3dd78; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:250px; min-width:250px; background:#f4ffe4}
.login-box-bg fieldset textarea {margin:0px 0px 0px 3px; padding:2px 5px; border:1px solid #b0c2c8; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:290px; min-width:300px;}
.login-box-bg fieldset select {margin:0px; padding:0; border:1px solid #b0c2c8; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:312px; min-width:312px; height:22px; min-height:22px;}

/* ----------------------------   login page end  --------------------------------------- */

/* ----------------------------   register page start  --------------------------------------- */

.register-hd {color:#138f2c; font-size:16pt; padding:10px 0; background:url(http://www.workhab.com/images/content-doted.gif) left bottom repeat-x; font-weight:bold; text-transform:uppercase;}
.register-hd span {float:right; color:#169228; font-size:12px; font-weight:bold; padding:5px 0 0 0;}
.register-hd span a{color:#169228; text-decoration:underline}
.register-hd span a:hover{color:#169228; text-decoration:none}

.search-by {color:#138f2c; font-size:12pt; padding:10px 0; left bottom repeat-x; font-weight:bold; text-transform:uppercase;}


.register-hd2 {color:#138f2c; font-size:12px; padding:10px 0; background:url(http://www.workhab.com/images/content-doted.gif) left bottom repeat-x; font-weight:bold; text-transform:uppercase;}
.register-hd2 span {float:right; color:#169228; font-size:12px; font-weight:bold; padding:0 0 0 0;}
.register-hd2 span a{color:#169228; text-decoration:underline}
.register-hd2 span a:hover{color:#169228; text-decoration:none}
.register-hd2 a{color:#169228; text-decoration:none}
.register-hd2 a:hover{color:#169228; text-decoration:none}



.register {}
.register label {float:left; margin:0 10px 10px 0; width:300px; min-width:300px; text-align:left; font-weight:bold; color:#666666; font-size:16px;}

.register fieldset input {margin:5px 0px 0px 0px; padding:5px 5px; border:1px solid #b3dd78; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:250px; min-width:250px; background:#f4ffe4}

.register fieldset textarea {margin:0px 0px 0px 3px; padding:2px 5px; border:1px solid #b0c2c8; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:250px; min-width:250px;}

.register fieldset select {margin:5px 0px 0px 0px; padding:0; border:1px solid #b3dd78; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:262px; min-width:262px; height:22px; min-height:22px; background:#f4ffe4}

.register .btn {background:#0b8c01; width:120px; min-width:120px; height:29px; min-height:29px; border:0 none; color:#FFFFFF; font-size:16px; font-weight:bold}

.register .checkbox {margin:5px 30px 0px 130px; border:0px; padding:10px; border:1px solid #b1c3c9; color:#33697f; font-size:11px;}
.register .checkbox input{margin:0px; border:0px; padding:0px; width:25px; min-width:25px; float:left; height:20px; min-height:20px;}

.logincheckbox {margin:0px 0px 0px 0px; border:0px; padding:50px; color:#33697f; font-size:11px;}
 
/* ----------------------------   register page end  --------------------------------------- */

/* ----------------------------   product details page start  --------------------------------------- */

.prise {color:#ff9a00; font-size:20pt; margin:10px 0}

.products-detail {padding:0 11px}

.products-detail-hd {color:#25a016; font-size:14pt; margin:5px 0}

.img-brd {border:1px solid #cfcfcf; padding:4px; background:#FFFFFF}

/* ----------------------------   product details page end  --------------------------------------- */

/* ----------------------------   checkout page start --------------------------------------- */

.shop-box {margin:20px 0 0 0; border:1px solid #cfcfcf;}
.shop-box .checkbox {margin:0px; padding:0px; border:none 0; background:none}
.shop-box .heading {background:url(http://www.workhab.com/images/checkout-hd-bg.gif) left top repeat-x; color:#000000; margin:0px 0 0 0; text-align:left; font-size:12px; font-weight:bold; border-bottom:1px solid #cfcfcf;}
.shop-box .heading .cal-1{color:#000000; padding:13px 10px 12px 10px; text-align:left; font-size:12px; float:left}
.shop-box .heading .cal-2{color:#000000; padding:13px 10px 12px 10px; text-align:left; font-size:12px; float:left; width:200px}
.shop-box .heading .cal-3{color:#000000; padding:13px 10px 12px 10px; text-align:left; font-size:12px; float:left; width:90px}
.shop-box .heading .cal-4{color:#000000; padding:13px 10px 12px 10px; text-align:left; font-size:12px; float:left; width:80px}
.shop-box .heading .cal-5{color:#000000; padding:13px 10px 12px 10px; text-align:left; font-size:12px; float:left; width:190px}
.shop-box .cnt {color:#000000; text-align:left; font-size:12px; background:url(http://www.workhab.com/images/content-doted-2.gif) left bottom repeat-x; padding:13px 0}
.shop-box .cnt .cal-1{color:#000000; padding:0px 10px 0px 10px; text-align:left; font-size:12px; float:left}
.shop-box .cnt .cal-2{color:#000000; padding:0px 10px 0px 10px; text-align:left; font-size:12px; float:left; width:200px}
.shop-box .cnt .cal-3{color:#000000; padding:0px 10px 0px 10px; text-align:left; font-size:12px; float:left; width:90px}
.shop-box .cnt .cal-3 input{margin:0px; padding:3px 5px; border:1px solid #e6e6e6; background:#f2f2f2; width:50px; min-width:50px}
.shop-box .cnt .cal-3 span{color:#ff0000; vertical-align:top}
.shop-box .cnt .cal-4{color:#000000; padding:0px 10px 0px 10px; text-align:left; font-size:12px; float:left; width:80px}
.shop-box .cnt .cal-5{color:#000000; padding:0px 10px 0px 10px; text-align:left; font-size:12px; float:left; width:190px}
.shop-box .cnt .cal-5 .btn {margin:0px; padding:0px 2px 2px 2px; border:0px; background:#0b8c01; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; height:21px; min-height:21px; font-weight:bold}
.shop-box .total {color:#000000; text-align:left; font-size:12px; background:url(http://www.workhab.com/images/total-checkout.gif) left bottom repeat-x; padding:0 0 13px 0}
.shop-box .total .cal-1{color:#000000; padding:13px 10px 0px 10px; text-align:left; font-size:12px; float:left}
.shop-box .total .cal-2{color:#000000; padding:13px 10px 0px 10px; text-align:left; font-size:12px; float:left; width:200px}
.shop-box .total .cal-3{color:#000000; padding:13px 10px 0px 10px; text-align:left; font-size:12px; float:left; width:90px}
.shop-box .total .cal-3 input{margin:0px; padding:3px 5px; border:1px solid #e6e6e6; background:#f2f2f2; width:50px; min-width:50px}
.shop-box .total .cal-3 span{color:#ff0000; vertical-align:top}
.shop-box .total .cal-4{color:#000000; padding:13px 10px 0px 10px; text-align:left; font-size:12px; float:left; width:80px}
.shop-box .total .cal-5{color:#000000; padding:13px 10px 0px 10px; text-align:left; font-size:12px; float:left; width:190px}
.shipping {color:#000000; text-align:left; font-size:12px; margin:10px 0 0 0; border:1px solid #cfcfcf; border-top:none}
.shipping input{margin:0px; padding:2px 5px; border:1px solid #7f9db9; background:#FFFFFF;}
.shipping .btn {margin:0px; padding:0px 2px 2px 2px; border:0px; background:#0b8c01; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; height:21px; min-height:21px; font-weight:bold}
.shipping .hd{color:#000000; text-align:left; font-size:12px; padding:8px 5px 7px 5px; background:url(http://www.workhab.com/images/shop-hd-bg.gif) left bottom repeat-x; border-top:1px solid #cfcfcf;}
.shipping .line-bg{ background:url(http://www.workhab.com/images/content-doted.gif) left bottom repeat-x; padding:0 0 1px 0}
.shipping .mendatery {color:#FF0000; padding:0 0 0 3px}
.shipping .one {float:left; width:24%; padding:5px 5px 8px 5px;}
.shipping .two {float:left; width:20%; padding:5px 5px 8px 5px;}
.shipping .three {float:left; width:24%; padding:5px 5px 8px 5px;}
.shipping .four {float:left; width:20%; padding:5px 5px 8px 5px;}

/* ----------------------------   checkout page end --------------------------------------- */

.content-doted {color:#2a2a2a; padding:10px 0; background:url(http://www.workhab.com/images/content-doted.gif) left bottom repeat-x; font-size:11px}
.content-doted strong{color:#14902b; padding:10px 0; font-size:12px}

.gold-box {background:#ffe8c4; border:1px solid #e48b00; padding:5px; margin:0 0 10px 0}
.gold-box-bg {background:url(http://www.workhab.com/images/gold-bg.gif) left bottom repeat-x #FFFFFF; padding:10px; color:#2a2a2a; font-size:11px;}
.left-box {float:left;}
.right-box {float:right; width:255px;}
.cnt-img-brd {background:#ffffff; border:1px solid #cfcfc9; padding:3px;}
.gold-box-hd  {color:#dc6d00; font-size:16px; font-weight:bold; margin:0 0 5px 0; line-height:18px; text-decoration:none;}

.bold-box-details {margin:10px 0 0 0; color:#4c5056; font-size:11px; font-weight:bold}
.bold-box-details span{color:#0c8934; font-size:11px; font-weight:bold; text-decoration:none}
.bold-box-details a{color:#0c8934; font-size:11px; font-weight:bold; text-decoration:none}

.silver-box {background:#ededed; border:1px solid #b4b4b4; padding:5px; margin:0 0 10px 0}
.silver-box-bg {background:url(http://www.workhab.com/images/silver-box-bg.gif) left bottom repeat-x #FFFFFF; padding:10px; color:#2a2a2a; font-size:11px;}
.silver-box-hd  {color:#138f2c; font-size:16px; font-weight:bold; margin:0 0 5px 0; line-height:18px; text-decoration:none;}

.normal-box {padding:0px 6px 0 6px; margin:0 0 10px 0}
.normal-box-bg {background:url(http://www.workhab.com/images/content-doted.gif) left bottom repeat-x #FFFFFF; padding:0 10px 10px 10px; color:#2a2a2a; font-size:11px;}

.left-meni-bg2 {background:#f2f2f2; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; padding:10px 25px 0px 25px; margin:0 0 200px 0}
.left-input-box {margin:0 0 20px 0}
.left-input-box p{color:#14902b; font-weight:bold; margin:0 0 5px 0}

.testi-box {background:url(http://www.workhab.com/images/content-doted-2.gif) left bottom repeat-x; padding:5px 0}
.testi-box a{color:#098637; text-decoration:underline}
.testi-box a:hover{color:#6a6a6a; text-decoration:none}

.testi-top {background:url(http://www.workhab.com/images/testi-top.gif) left top no-repeat; padding:10px 10px 10px 40px; margin:5px 0 0 0;}
.testi-top span{background:url(http://www.workhab.com/images/testi-bot.gif) right top no-repeat; padding:0px 0px 30px 40px;}

/* -------------------------- blog start  -------------------------- */

.blog-box {margin:20px 0 0 0; border:1px solid #cfcfcf;}

.blog-box .checkbox {margin:0px; padding:0px; border:none 0; background:none}

.blog-box .heading {background:url(../images/checkout-hd-bg.gif) left top repeat-x; color:#000000; margin:0px 0 0 0; text-align:left; font-size:12px; font-weight:bold; border-bottom:1px solid #cfcfcf;}
.blog-box .heading .cal-1{color:#000000; padding:13px 10px 12px 10px; text-align:left; font-size:12px; float:left; width:20px;}
.blog-box .heading .cal-2{color:#000000; padding:13px 10px 12px 10px; text-align:left; font-size:12px; float:left; width:150px}
.blog-box .heading .cal-3{color:#000000; padding:13px 10px 12px 10px; text-align:left; font-size:12px; float:left; width:330px}
.blog-box .heading .cal-4{color:#000000; padding:13px 10px 12px 10px; text-align:left; font-size:12px; float:left; width:100px}

.blog-box .cnt {color:#000000; text-align:left; font-size:12px; background:url(../images/content-doted-2.gif) left bottom repeat-x; padding:13px 0}
.blog-box .cnt a{color:#06833b; text-decoration:underline}
.blog-box .cnt a:hover{color:#333333; text-decoration:underline}
.blog-box .cnt .cal-1{color:#000000; padding:0px 10px 0px 10px; text-align:left; font-size:12px; float:left; width:20px;}
.blog-box .cnt .cal-2{color:#000000; padding:0px 10px 0px 10px; text-align:left; font-size:12px; float:left; width:150px;}
.blog-box .cnt .cal-3{color:#000000; padding:0px 10px 0px 10px; text-align:left; font-size:12px; float:left; width:330px;}
.blog-box .cnt .cal-4{color:#000000; padding:0px 10px 0px 10px; text-align:left; font-size:12px; float:left; width:100px}


/* -------------------------- blog end  -------------------------- */


/* -------------------------- blog details start  -------------------------- */

.question-details {background:url(../images/content-doted.gif) left bottom repeat-x; padding:10px;}
.question-details p{margin:0 0 3px 0;}
.question-details span{color:#000000; text-decoration:none; font-weight:bold;}
.question-details strong{color:#666666; text-decoration:none; font-weight:bold;}

.right-btn {margin:0; text-align:right; float:right;}

/* -------------------------- blog details end  -------------------------- */

/* ----------------- add css for admin tebal deta display on front on 12-01-09 ------------------------------------- */


.order-detail {margin:20px 0 0 0; border:1px solid #cfcfcf;}

.order-detail .checkbox {margin:0px; padding:0px; border:none 0; background:none}

.order-detail .heading {background:url(../images/checkout-hd-bg.gif) left bottom repeat-x; color:#000000; margin:0px 0 0 0; text-align:left; font-size:12px; font-weight:bold; border-bottom:1px solid #cfcfcf;}
.order-detail .heading .cal-1{color:#000000; padding:5px 10px; text-align:left; font-size:12px; float:left; width:130px;}
.order-detail .heading .cal-2{color:#000000; padding:5px 10px; text-align:left; font-size:12px; float:left; width:528px;}

.order-detail .cnt {color:#000000; text-align:left; font-size:12px; background:url(../images/content-doted-2.gif) left bottom repeat-x; padding:3px 0px;}
.order-detail .cnt a{color:#06833b; text-decoration:underline}
.order-detail .cnt a:hover{color:#333333; text-decoration:underline}
.order-detail .cnt .cal-1{color:#000000; padding:0px 10px 0px 10px; text-align:left; font-size:12px; float:left; width:130px;}
.order-detail .cnt .cal-2{color:#000000; padding:0px 10px 0px 10px; text-align:left; font-size:12px; float:left; width:528px;}





.order-detail2 {margin:20px 0 0 0; border:1px solid #cfcfcf;}

.order-detail2 .checkbox {margin:0px; padding:0px; border:none 0; background:none}

.order-detail2 .heading {background:url(../images/checkout-hd-bg.gif) left bottom repeat-x; color:#000000; margin:0px 0 0 0; text-align:left; font-size:12px; font-weight:bold; border-bottom:1px solid #cfcfcf;}
.order-detail2 .heading .cal-1{color:#000000; padding:13px 10px 12px 10px; text-align:left; font-size:12px; float:left; width:378px;}
.order-detail2 .heading .cal-2{color:#000000; padding:13px 10px 12px 10px; text-align:left; font-size:12px; float:left; width:80px}
.order-detail2 .heading .cal-3{color:#000000; padding:13px 10px 12px 10px; text-align:left; font-size:12px; float:left; width:80px}
.order-detail2 .heading .cal-4{color:#000000; padding:13px 10px 12px 10px; text-align:left; font-size:12px; float:left; width:80px}

.order-detail2 .cnt {color:#000000; text-align:left; font-size:12px; background:url(../images/content-doted-2.gif) left bottom repeat-x; padding:3px 0px;}
.order-detail2 .cnt a{color:#06833b; text-decoration:underline}
.order-detail2 .cnt a:hover{color:#333333; text-decoration:underline}
.order-detail2 .cnt .cal-1{color:#000000; padding:0px 10px 0px 10px; text-align:left; font-size:12px; float:left; width:378px;}
.order-detail2 .cnt .cal-2{color:#000000; padding:0px 10px 0px 10px; text-align:left; font-size:12px; float:left; width:80px; text-align:center;}
.order-detail2 .cnt .cal-3{color:#000000; padding:0px 10px 0px 10px; text-align:left; font-size:12px; float:left; width:80px; text-align:center;}
.order-detail2 .cnt .cal-4{color:#000000; padding:0px 10px 0px 10px; text-align:left; font-size:12px; float:left; width:80px; text-align:center;}

/* ----------------- add css for admin tebal deta display on front on 12-01-09 ------------------------------------- */

/* gain free box */

.cnt-gain {background:url(../images/gain-free-access-bg-2.gif) left top no-repeat; float:right; text-align:left; font-size:10px; height:146px; min-height:146px; width:458px; padding:5px 10px 0 10px;}
.cnt-gain span{float:right}
.cnt-gain .span{float:left}

.cnt-gain .text {font-size:14px; color:#2f2f2f; padding:13px 0 13px 0;}

/* gain free box */

.pointsborder_Total{
	/*border:1px #ffffff solid;
	border-bottom: 1px #CCCCCC solid;*/
	text-align: right;
font-family: Verdana, sans-serif, Arial;
font-weight: bold;
	/*padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px;*/
}