/* CSS DOCUMENT */

/*------------------ GENERAL ------------------*/
body{
	padding:15px 0 0 0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#fff;
	color:#464646;
	}
div, img, p, a, ul, h2, h3, h4, h5, form, label, select{
	padding:0;
	margin:0;
	}
img{ border:none;}
a{ text-decoration:none;
	outline:none;
	}
ul{ list-style-type:none;}


/*------------------ HEADER ------------------*/
div#header{
	 width:438px;
	 height:62px;
	 background:url(images/banner.jpg) 0 0 no-repeat;
	 margin:0 auto 15px;
	 position:relative;
	 padding:13px 0 0 536px;
	}
div#header a.homeLink{
	display:block;
	position:absolute;
	left:882px;
	top:23px;
	width:46px;
	height:25px;
	font-size:12px;
	line-height:25px;
	font-weight:bold;
	color:#484848;
	background-color:inherit;
	background:url(images/home-link-bg.gif) 0 0 no-repeat;
	padding-left:26px;
	}
div#header a.homeLink:hover{
	color:#000;
	background-color:inherit;
	background-position:0 100%;
	}
div#header img{
	display:block;
	position:absolute;
	left:16px;
	top:17px;
	cursor:pointer;
	}
div#header h2{
	font-size:16px;
	line-height:18px;
	color:#FFEE62;
	font-weight:bold;
	background-color:inherit;
	padding:5px 0 0 2px;
	}
div#header h2 span{
	font-size:20px;
	line-height:22px;
	display:block;
	padding-bottom:5px;
	}

/*------------------ BRAND NAME PART ------------------*/
div#brandNameArea{
	width:974px;
	padding-bottom:9px;
	background:url(images/brand-name-end-bg.gif) 0 100% no-repeat;
	margin:0 auto 15px;
	}
div#brandNameArea div{
	width:932px;
	padding:14px 21px 0;
	background:url(images/brand-name-top-bg.gif) 0 0 no-repeat #E1F0F8;
	color:#464646;
	}
div#brandNameArea div h2{
	font-size:22px;
	line-height:24px;
	font-weight:bold;
	padding-bottom:7px;
	}
div#brandNameArea div p{
	font-size:15px;
	line-height:21px;
	font-weight:bold;
	padding-bottom:8px;
	}
div#brandNameArea div p a{
	color:#008DD6;
	background-color:inherit;
	}
div#brandNameArea div p a:hover{
	color:#fff;
	background-color:#008DD6;
	}

/*------------------ BODY CONTAINER ------------------*/
div#bodyContainer{
	 width:974px;
	 margin:0 auto 15px;
	 overflow:hidden;
	}

/*------------------ LEFT PANEL ------------------*/
div#leftPannel{
	width:210px;
	float:left;
	margin-right:15px;
	}

/*------------------ LEFT PANEL - RATING AREA (LAPTOP & CUSTOMER) ------------------*/
div.ratingArea{
	padding-bottom:10px;
	background:url(images/top-lapto-end-bg.gif) 0 100% no-repeat #F3F5CA;
	margin-bottom:15px;
	color:#464646;
	}
div.ratingArea div.ratingContent{
	background:url(images/top-lapto-top-bg.gif) 0 0 no-repeat;
	padding:15px 16px 8px;
	}
div.ratingArea div.ratingContent h2{
	font-size:18px;
	line-height:21px;
	font-weight:bold;
	border-bottom:1px solid #F9CC57;
	padding-bottom:12px;
	}
div.ratingArea div.ratingContent h2 span{
	font-size: 10px;
	line-height:16px;
	}
div.ratingArea div.ratingContent div{
	padding-top:2px;
	padding-bottom:5px;
	border-bottom:1px solid #E7D4A2;
	}
div.ratingArea div.ratingContent div h3{
	font-size:11px;
	line-height:13px;
	padding-bottom:3px;
	}
div.ratingArea div.ratingContent div h3 strong{
	padding-left:16px;
	}
div.ratingArea div.ratingContent div span{
	display:block;
	font-size:0;
	line-height:0;
	height:7px;
	background:url(images/laptop-rating-bg.gif) 0 0 repeat-x;
	border:1px solid #B1770B;
	/*width:176px;*/
	}

/*------------------ LEFT PANEL - RATING WIDTH (LAPTOP & CUSTOMER) ------------------*/
.width176{
	width:176px;
	}
.width170{
	width:170px;
	}
.width164{
	width:164px;
	}
.width154{
	width:154px;
	}
.width152{
	width:152px;
	}
.width151{
	width:151px;
	}
.width149{
	width:149px;
	}
.width148{
	width:148px;
	}
.width147{
	width:147px;
	}
.width144{
	width:144px;
	}

/*------------------ MIDDLE PANEL ------------------*/
div#midPannel{
	width:573px;
	float:left;
	position:relative;
	font-size:12px;
	}

/*------------------ MIDDLE PANEL - HEADER ------------------*/
div#midHdr{
	width:561px;
	overflow:hidden;
	margin-bottom:50px;
	}
div#midHdr h2{
	font-size:21px;
	line-height:34px;
	font-weight:normal;
	float:left;
	width:310px;
	}
div#midHdr a{
	display:block;
	width:245px;
	height:35px;
	font-size:22px;
	line-height:35px;
	color:#003860;
	background-color:inherit;
	background:url(images/right-top-link-bg.gif) 0 0 no-repeat;
	text-align:center;
	float:right;
	}
div#midHdr a:hover{
	color:#fff;
	background-color:inherit;
	background-position:0 100%;
	}

/*------------------ MIDDLE PANEL - HEADER ------------------*/
ul.midTopNav{
	font:bold 12px/21px Arial, Helvetica, sans-serif;
	position:absolute;
	height:29px;
	left:20px;
	top:57px;
	color:#000;
	background-color:inherit;
	}
ul.midTopNav li{
	float:left;
	margin-right:1px;
	padding-top:6px;
	}
ul.midTopNav li.disable{
	color:#6EA1C6;
	background-color:#A9D2F0;
	padding-top:0;
	margin-top:6px;
	}
ul.midTopNav li a{
	display:block;
	height:22px;
	color:#000;
	background-color:#A9D2F0;
	float:left;
	}
ul.midTopNav li strong{
	display:block;
	height:23px;
	float:left;
	background:no-repeat;
	cursor:pointer;
	padding-top:6px;
	}
ul.midTopNav li a strong,
ul.midTopNav li.disable strong{
	padding-top:0;
	height:22px;
	}
ul.midTopNav li a strong.leftNavBg,
ul.midTopNav li.disable strong.leftNavBg{
	background-image:url(images/top-nav-l-bg.gif);
	background-position:0 0;
	padding-left:8px;
	}
ul.midTopNav li a strong.rightNavBg,
ul.midTopNav li.disable strong.rightNavBg{
	background-image:url(images/top-nav-r-bg.gif);
	background-position:100% 0;
	padding-right:8px;
	}
ul.midTopNav li a:hover{
	color:#000;
	background-color:#60ACE3;
	}
ul.midTopNav li a:hover strong.leftNavBg{
	background-position:0 100%;
	}
ul.midTopNav li a:hover strong.rightNavBg{
	background-position:100% 100%;
	}
ul.midTopNav li.selected{
	padding-top:0;
	background:url(images/top-nav-bg-selected.gif) 0 0 repeat-x;
	height:29px;
	}
ul.midTopNav li.selected strong.leftNavBg{
	background-image:url(images/top-nav-l-bg-selected.gif);
	background-position:0 0;
	padding-left:8px;
	}
ul.midTopNav li.selected strong.rightNavBg{
	background-image:url(images/top-nav-r-bg-selected.gif);
	background-position:100% 0;
	padding-right:8px;
	}

/*------------------ MIDDLE PANEL - BODY ------------------*/
div#midPannelBody{
	width:573px;
	background:url(images/right-panel-bg.gif) 0 0 repeat-y;
	}
div#midPannelBody h3{
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	padding-bottom:2px;
	color:#008DD6;
}
div#midPannelBody div.midTopBg{
	height:10px !important;
	font-size:0;
	line-height:0;
	background:url(images/right-panel-end-bg.gif) 0 0 no-repeat;
	}
div#midPannelBody div.midBotBg{
	background-position:0 100% !important;
	}
div#midPannelBody div.pagination{
	padding:12px 20px 25px;
	width:533px;
	overflow:hidden;
	}
div#midPannelBody div.pagination p{
	font-size:12px;
	line-height:19px;
	color:#09233E;
	background-color:inherit;
	padding-right:5px;
	float:left;
	}
div#midPannelBody div.pagination ul{
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	color:#09233E;
	background-color:inherit;
	padding-right:60px;
	float:left;
	height:19px;
	}
div#midPannelBody div.pagination ul li{
	float:left;
	padding:0 3px 0 0;
	}
div#midPannelBody div.pagination a{
	color:#008DD6;
	background-color:inherit;
	}
div#midPannelBody div.pagination a:hover,
div#midPannelBody div.pagination ul li strong{
	color:#09233E;
	background-color:inherit;
	}
div#midPannelBody div.pagination select{
	font:normal 12px/13px Arial, Helvetica, sans-serif;
	color:#09233E;
	background-color:#FFF;
	}
div#midPannelBody div.contentBlock{
	margin-bottom:25px;
	padding:0 20px;
	height:100%;
	overflow:hidden;
	}
div#midPannelBody div.contentBlock img{
	display:block;
	border:4px solid #E4E4E4;
	margin:0 15px 30px 0;
	float:left;
	}
div#midPannelBody div.contentBlock div{
	margin:0 0 0 0;
	}
div#midPannelBody div.contentBlock div h3{
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	padding-bottom:5px;
	color:#008DD6;
	}
div#midPannelBody div.contentBlock div h3 a{
	color:#008DD6;
	background-color:inherit;
	}
div#midPannelBody div.contentBlock div h3 a:hover{
	color:#fff;
	background-color:#008DD6;
	}
div#midPannelBody div.contentBlock div h4{
	font-size:13px;
	line-height:14px;
	font-weight:bold;
	padding-bottom:5px;
	}
div#midPannelBody div.contentBlock div h4 a{
	color:#008DD6;
	background-color:inherit;
	}
div#midPannelBody div.contentBlock div h4 a:hover{
	color:#fff;
	background-color:#008DD6;
	}
div#midPannelBody div.contentBlock div p{
	padding-bottom:12px;
	font-size:13px;
	line-height:18px;
	}
div#midPannelBody div.contentBlock div div{
	height:100%;
	overflow:hidden;
	margin:0;
	}

div#midPannelBody div.contentBlock div div ul.rateList{
	font:bold 13px/15px Arial, Helvetica, sans-serif;
	color:#464646;
	background-color:inherit;
	height:16px;
	width:190px;
	float:left;
	}
div#midPannelBody div.contentBlock div div ul.rateList li{
	float:left;
	margin-right:5px;
	}
div#midPannelBody div.contentBlock div div ul.rateList li span{
	padding-left:3px;
	}
div#midPannelBody div.contentBlock div div ul.rateList li.yellowStar{
	width:14px;
	height:14px;
	margin-right:3px;
	background:url(images/rating-star.jpg) 0 0 no-repeat;
	font-size:0;
	line-height:0;
	}
div#midPannelBody div.contentBlock div div ul.rateList li.grayStar{
	background-position:100% 0 !important;
	}
div#midPannelBody div.contentBlock div div a.view{
	display:block;
	font-size:13px;
	line-height:14px;
	color:#008DD6;
	background-color:inherit;
	width:118px;
	background:url(images/bull1.gif) 100% 3px no-repeat;
	float:left;
	font-weight:bold;
	}
div#midPannelBody div.contentBlock div div a.view:hover{
	color:#08233E;
	background-color:inherit;
	}

/*------------------ RIGHT PANEL ------------------*/
div#rightPannel{
	width:160px;
	float:right;
	}
div#rightPannel img{
	display:block;
	}

/*------------------ FOOTER PART ------------------*/
p.footer{
	text-align:center;
	font-size:11px;
	line-height:12px;
	color:#A0A3A3;
	background-color:inherit;
	padding-bottom:20px;
	}

/*----------------------------- CONTEST FORM --------------------------------*/

form.conestForm textarea{
	width:350px;
	height:80px;
	float:left;
	margin-bottom:10px;
	}
form.conestForm select{
	width:284px;
	float:left;
	margin-bottom:10px;
	}
form.conestForm input.marketRadio{
	width:14px;
	height:14px;
	margin-right:5px;
	margin-top:3px;
	}
form.conestForm label.marketRadioText{
	width:80px;
	}
form.conestForm label strong{
	font-weight:normal;
	}
form.conestForm label{
	color:#09233E;
	font-weight:bold;
	background-color:inherit;
	float:left;
	display:block;
	width:200px;
	line-height:18px;
	}
form.conestForm label span, 
form.conestForm p span{
	color:#CC0000;
	font-weight:bold;
	background-color:inherit;
	}
form.conestForm p {
	padding:0 0 6px 200px;
}
form.conestForm p.mandatory {
	color:#CC0000;
	clear:both;
	padding-bottom:8px;
}
form.conestForm input{
	width:280px;
	height:18px;
	float:left;
	margin-bottom:10px;
	}
	
form.conestForm input.picUpload{
	height:21px;
	float:left;
	margin-bottom:10px;
	font-size:11px;
	line-height:13px;
	}
form.conestForm input.small {
	width:118px;
}
form.conestForm div.captcha {
	padding:0 0 0 200px;
}
form.conestForm div.captcha img {
	float:left;
	border:#D4D0C8 1px solid;
	margin:0 10px 20px 0;
}
form.conestForm div.captcha a {
	float:left;
	color:#CC0000;
	font-weight:bold;
	line-height:33px;
	background-color:#fff;
}
form.conestForm div.captcha a:hover {
	color:#000;
	background-color:#fff;
	text-decoration:underline;
}
form.conestForm input.btn {
	width:49px;
	height:21px;
	margin-right:10px;
}
/*------------------ VIEW DETAILS ------------------*/
div#viewDetail{
	width: 632px;
	background:url(images/view-details-bg.gif) 0 2px repeat-x;
	margin:0 auto;
	}
div#viewDetailsHdr{
	width: 636px;
	height:75px;
	background:url(images/view-details-hdr.jpg) 0 0 no-repeat;
	position:relative;
	margin-bottom:10px;
	}
div#viewDetailsHdr img{
	display:block;
	top:17px;
	left:16px;
	cursor:pointer;
	position:absolute;
	}
div#viewDetailsArea{
	width: 622px;
	padding: 6px 5px 0px 6px;
	background:url(images/view-details-area-bg.gif) 0 0 no-repeat; 
	}
div#viewDetailsArea div#reviewHeading{
	width: 610px;
	height:27px;
	background:url(images/view-details-hdr-side-bg.gif) 0 0 no-repeat;
	overflow:hidden;
	padding-left:11px;
	}
div#viewDetailsArea div#reviewHeading h2{
	width: 593px;
	height:27px;
	float:left;
	font-weight:bold;
	font-size:13px;
	line-height:27px;
	color:#003E65;
	background-color:inherit;
	background:url(images/view-details-hdr-bg.gif) 0 0 repeat-x;
	padding-left:6px;
	}
div#viewDetailsArea div#reviewHeading div{
	font-size:0;
	line-height:0;
	float:right;
	width:11px;
	height:27px;
	background:url(images/view-details-hdr-side-bg.gif) 100% 0 no-repeat;
	}
div#viewDetailsArea div#viewDetailsData{
	width: 621px;
	margin:0 auto;
	}
div#viewDetailsArea div#viewDetailsData table{
	font-size:11px;
	line-height:13px;
	color:#464646;
	background-color:#F5FAFD;
	border-top:1px solid #B8D9EE;
	border-left:1px solid #B8D9EE;
	}
div#viewDetailsArea div#viewDetailsData table img{
	display:block;
	margin:3px 0;
	border:1px solid #E3E3E3;
	}
div#viewDetailsArea div#viewDetailsData table td{
	padding:5px 10px 5px 10px;
	border-right:1px solid #B8D9EE;
	border-bottom:1px solid #B8D9EE;
	width:542px;
	}
div#viewDetailsArea div#viewDetailsData table td.bold{
	font-weight: bold;
	}
div#viewDetailsArea div#viewDetailsData table th{
	padding:5px 5px 5px 5px;
	width:170px;
	border-right:1px solid #B8D9EE;
	border-bottom:1px solid #B8D9EE;
	}
div#viewDetailsArea div#viewDetailsData table tr.deepColor td,
div#viewDetailsArea div#viewDetailsData table tr.deepColor th{
	color:#464646;
	background-color:#E4F4FE;
	}
div#viewDetailsArea div#viewDetailsData table th span{		
	font-weight:normal;
	display:block;
	}

/*----------------------- LOWER ICON LINKS SECTION -----------------------*/
div#iconLinks{
	padding:10px 0 0 0;
	width:100%px;
	margin: 10px 0 0 10px;
	}
p.iconName{
	width:50px;
	color:#09233E;
	font-weight:bold;
	font-size:12px;
	line-height:16px;
	float:left;
	width: 180px;
	}
ul.iconList{
	margin: -6px 0 0 0;
	width:310px;
	float:left;
	}
ul.iconList li{
	float:left;
	margin-right:5px;
	
	}
ul.iconList li td{
	text-align: center;
	padding: 0 5px 0 5px;
}
ul.iconList li p{
	clear: both;
	font-size: 10px !important;
	}


/*----------------------- MAIN BODY HEADERS / MAIN INNER PAGES HEADERS -----------------------*/
div.main-userIndexHeaders {
	height:29px;
	background:url(images/hdr-side-bg-transparent.gif) 0 0 no-repeat;
	padding-left:10px;
	width:544px;
	background-color:inherit;
	line-height:21px;
	font-size:12px;
	color:#fff;
	margin: 0 0 0 10px;
} 
div.main-userIndexHeaders h2 {
	width:540px;
	padding:0;
	margin:0;
	float:left;
	background-color: #000000;
	font-size: 12px;
	}
div.main-userIndexHeaders span.main-hdrRight{
	background:url(images/hdr-right-bg-transparent.gif) 0 0 no-repeat;
	width:4px;
	float:right;
	height:29px;
	display:block;
	}


div.innerTabContentArea{
	width:548px;
	border-bottom:1px solid #ABABAB;
	padding:10px 0;
	margin-bottom:15px;
	margin: 0 0 0 10px;
	}
form.searchSection{
	width:548px;
	}
form.searchSection label{
	color:#09233E;
	font:11px/14px Arial, Helvetica, sans-serif;
	}
form.searchSection input{
	width:146px;
	height:14px;
	margin-bottom:10px;
	font:11px/14px Arial, Helvetica, sans-serif;
	float:left;
	}
form.searchSection select{
	width:179px;
	margin:0 0 10px;
	font:11px/14px Arial, Helvetica, sans-serif;
	}
form.searchSection input.dtRange{
	width:62px;
	margin-right:5px;
	}
form.searchSection img{
	display:block;
	margin:3px 5px 0 0;
	}
form.searchSection input.searchBtn2{
	width:71px;
	height:21px;
	margin:0 auto;
	float:none;
	line-height:0;
	font-size:0;
	}
form.searchSection input.searchBtn3{
	width:71px;
	height:21px;
	margin:0 0 0 50px;
	line-height:0;
	font-size:0;
	}
form.searchSection input.searchBtn4{
	width:178px;
	height:21px;
	margin:0;
	float:left;
	line-height:0;
	font-size:0;
	}
form.searchSection input.searchBtn5{
	width:71px;
	height:21px;
	margin:0;
	float:left;
	line-height:0;
	font-size:0;
	}
/*----------------------- MISLENIOUS -----------------------*/
.noBg{
	background:none !important;
	}
.noLeftPad{
	padding-left:0 !important;
	}
.noLeftMar{
	margin-left:0 !important;
	}
.noRightMar{
	margin-right:0 !important;
	}
.noTopPad{
	padding-top:0 !important;
	}
.topPad20{
	padding-top:20px !important;
	}
.botMar15{
	margin-bottom:15px !important;
	}
.topPad10{
	padding-top:10px !important;
	}
.botPad10{
	padding-bottom:10px !important;
	}
.topMar15{
	margin-top:15px !important;
	}
br.spacer{
	clear: both;
}

/*----------------- Sort article ---------------------------*/
div.articleSort{
	width:548px;
	margin: 15px 0 15px 10px;
	}
div.articleSort h5.sortHdr{
	font-weight:bold;
	color:#9A9A9A;
	background-color:inherit;
	line-height:14px;
	font-size:12px;
	float:left;
	width:50px;
	}
div.articleSort ul.sortLink{
	font:bold 11px/14px Arial, Helvetica, sans-serif;
	float:left;
	width:360px;
	text-transform:uppercase;
	padding-left:3px;
	color:#008DD6;
	background-color:inherit;
	}
div.articleSort ul.sortLink li{
	float:left;
	margin-right:3px;
	}
div.articleSort ul.sortLink li.leftPad8{
	padding-left:8px;
	}
div.articleSort ul.sortLink li a{
	font-size:0;
	line-height:0;
	display:block;
	width:14px;
	height:14px;
	background:url(images/sorting-bullets.gif) no-repeat;
	text-indent:-2000px;
	}
div.articleSort ul.sortLink li a.a-Sort{
	background-position:0 100%;
	}
div.articleSort ul.sortLink li a.a-Sort:hover,  div.articleSort ul.sortLink li span.a-Sort-select{
	background-position:0 0;
	}
div.articleSort ul.sortLink li a.d-Sort{
	background-position:100% 100%;
	}
div.articleSort ul.sortLink li a.d-Sort:hover, div.articleSort ul.sortLink li span.d-Sort-select{
	background-position:100% 0;
	}
div.articleSort ul.sortLink li span{
	font-size:0;
	line-height:0;
	display:block;
	width:14px;
	height:14px;
	background:url(images/sorting-bullets.gif) no-repeat;
	text-indent:-2000px;
	}
/*----------------------- VIDEOS PART -----------------------*/
div.videoSearch{
	width:548px;
	margin:15px 0 0 10px;
	}
div.videoSearch img{
	display:block;
	}
div.videoSearch a.videoPic{
	display:block;
	border:1px solid #C9C9C9;
	padding:1px;
	float:left;
	}
div.videoSearch a.videoPic:hover{
	border-color:#999;
	}
div.videoSearch div.videoText{
	width:410px;
	float:right;
	}
div.videoSearch div.videoText ul{
	font:bold 12px/12px Arial, Helvetica, sans-serif;
	color:#09233E;
	background-color:inherit;
	}
div.videoSearch div.videoText ul li{
	float:left;
	padding:0 10px;
	background:url(images/divider1.gif) 100% 0 no-repeat;
	}
div.videoSearch div.videoText h4{
	font:bold 15px/17px Arial, Helvetica, sans-serif;
	padding:5px 0;
	color: #008DD6;
	background-color:inherit;
	}
div.videoSearch div.videoText h4 a{
	color:#008DD6;
	background-color:inherit;
	}
div.videoSearch div.videoText h4 a:hover{
	color:#fff;
	background-color:#008DD6;
	}
div.videoSearch div.videoText p{
	padding:0 0 12px 0;
	line-height:14px;
	}

/*----------------------- SINGLE VIDEOS PART -----------------------*/
div.singleVideoText{
	float:none !important;
	width:548px !important;
	}
a.postBlog{
	display:block;
	width:110px;
	height:18px;
	text-align:center;
	font-size:10px;
	line-height:18px;
	font-weight:bold;
	color:#fff;
	background-color:inherit;
	background:url(images/blog-link-bg.jpg) 0 0 no-repeat;
	text-transform:uppercase;
	margin:20px 0 0 10px;
	float:left;
	}
a.postBlog:hover{
	background-position:0 100%;
	}
/*========================= CALENDER ======================== */
	
.calendar {
  position: relative;
  display: none;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  font-size: 11px;
  cursor: default;
  background: Window;
  color: WindowText;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table {
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  font-size: 9px;
  cursor: default;
  background: Window;
  color: WindowText;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: ButtonFace;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: ActiveCaption;
  color: CaptionText;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid ButtonShadow;
  padding: 2px;
  text-align: center;
  background: ButtonFace;
  color: ButtonText;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border-width: 2px;
  padding: 0px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  border-width: 1px;
  padding: 2px 0px 0px 2px;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid ButtonShadow;
  background: ButtonFace;
  color: ButtonText;
}

.calendar tbody .rowhilite td {
  background: #eee;
  color: #000;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody td.disabled { color: GrayText; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: ButtonFace;
  padding: 1px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  color: ButtonText;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}


.combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: Menu;
  color: MenuText;
  font-size: smaller;
  padding: 1px;
}

.combo .label {
  text-align: center;
  padding: 1px;
}

.combo .active {
  padding: 0px;
  border: 1px solid #000;
}

.combo .hilite {
  background: Highlight;
  color: HighlightText;
}

.hand{
	cursor: pointer;
}

.date_image{
	float:none;
	display:inline;
	position:relative;
	top:3px;
	width:23px;
	height:19px;
}