#sc_thanku .mess{padding:20px 10px 0 10px; text-align:center; }
#sc_error  .mess{padding:20px 10px 0 10px; text-align:center; }

#drawer *{padding:0; margin:0}
#drawer{
	width:343px;
	overflow:hidden;
	text-align:left;
	position:fixed;
	/*left:-315px; /*give inline to work js properly*/
	top:10px;
	z-index:1000;
}
#drawerTab{
	width:29px;
	padding-top:8px;
	text-indent:-1000px;
	outline:none;
	overflow:hidden;
	float:right;
	position:relative;
	background:url(../images/drwr-tab.gif) right top no-repeat;
}
#drawerTab span{
	width:100%;
	/*height:308px; /* Always '8' less than "#drawer-content", need js help*/
	background:url(../images/drwr-tab.gif) left bottom no-repeat;
	float:left;
	position:relative;
}
#drawerTab span b{
	width:100%;
	height:100%;
	text-indent:-1000px;
	overflow:hidden;
	float:right;
	background:url(../images/drwr_hdr.gif) no-repeat center center;
	cursor:pointer;
}
#drawer-content{
	width:313px;/*314*/
	padding-bottom:15px;
	overflow:hidden;
	background-color:#fff;
	color: #1d1d20;	
	border:#003399 1px solid;
	border-right:0;
	position:relative;
	float:left;
}
#drawer-content form{
	width:258px;/*312*/
	padding:10px;
}
#drawer-content form label{
	font:normal 14px/31px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0 0 0 9px;
	display:block;
}
#drawer-content form label.mendatory{
	background:url(../images/drwr-star.gif) no-repeat;
}
#drawer-content form input.mendatory_error{color:#f00}

#drawer-content form input, #drawer-content form textarea{
	width:218px;/*258*/
	height:18px;/*34*/
	padding:8px 15px 8px 25px;
	font:13px/18px Arial, Helvetica, sans-serif;
	background:url(../images/drwr-inp.gif) no-repeat;
	border:none;
	display:block;
}
#drawer-content form div.drwr-txtArea{
	width:231px;/*258*/
	height:77px;/*101*/
	padding:12px 2px 12px 25px;
	background:url(../images/drwr-txtArea.gif) no-repeat;
}
#drawer-content form input.drwr_inpErr, #drawer-content form div.drwr_txtErr{background-position:left bottom}
#drawer-content form .drwr-txtArea textarea{
	width:100%;
	height:77px;
	line-height:15px;
	padding:0;
	background:none;
}
	
#submitDiv{
	width:100%;
	height:34px;
	padding:20px 0 0;
	overflow:hidden;
	}
	
#submitDiv p{
	width:auto;
	color:#f00;
	background-color:#fff;
	font:normal 12px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
	float:left;
	margin:0;
	}
	
#drawer-content form #submitDiv input{
	width:133px;
	height:34px;
	padding:0;
	text-indent:-1000px;
	overflow:hidden;
	border:none;
	float:right;
	cursor:pointer;
	background:url(../images/drwr-submit.gif) no-repeat;
	}

*html #drawer{ /*\*/position:absolute; top: expression((/*(document.documentElement.clientHeight-117)*/10 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); right: expression((0 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px'); }

#req_link{ position:absolute; left:-10px; bottom:0; margin-left:10px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; }
#req_link a{ text-decoration:none; color:#000000; }
#req_link a:hover{ text-decoration:underline; color:#000000; }


/*shortcode form styles*/
#sc_form{ width:420px; margin:0 auto; }
#sc_form p{ width:100%; overflow:hidden; clear:both; padding:0; margin:0; padding-bottom:4px; }
#sc_form p label{ float:left; width:140px; padding-right:10px; text-align:right; }
#sc_form p input, #sc_form p textarea{ float:left; }
#sc_form p input{ width:200px; }
#sc_form p textarea{ width:260px; height:100px; }

#sc_form p #sc_submit_sc{ width:75px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #333333; }

#sc_form .mess{/* display:none; */margin-bottom:10px; text-align:center; }
#sc_form .mess span{ padding:4px 10px; color:#333333; font-weight:bold; font-size:11px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
#sc_form .mess span.err{  background:#ffebe8; border:1px solid #cc0000; }
#sc_form .mess span.succ{ background:#fffbcc; border:1px solid #e6db55; }