@charset "utf-8";
/* CSS Document */
html,body {margin:0;padding:0;height:100%;font-family:"Trebuchet MS", Arial, Helvetica, sans-seriff;}


h1{color:#828282;margin:0; padding:10px 10px 15px 10px;font-weight:bold; font-size:20px;	}

p{font-size:12px;line-height:18px;color:#202020;  padding:0 15px;}

a{text-decoration:none; color:#0098d3;}
a:hover{color:#0184b7; text-decoration:underline;}

#container {position:relative;margin:0 auto;width:100%; background:#000 url(../images/body-bg.png) repeat;height:auto !important; height:100%;min-height:100%;  }
.content_all{ width:1005px; margin:0 auto;  }

#content {
	float:left;
	height:auto;
	width:100%;
	top:0px;
	position:absolute;
	left: 3px;
}
#content .content_all{
	height:470px;
	padding-top:20px;
	background-color: transparent;
	background-image: url(../images/content-bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#content .content_all #logo { text-align:center; width:100%; height:75px;}

#content .content_all #timer,
#content .content_all #box,
#content .content_all #shadow{ width:auto; height:auto;padding:0 279px;}

#content .content_all #timer #countdown{background:url(../images/timer_bg.png) no-repeat center top;height:38px; width:425px; color:#FFF; padding:3px 10px;}
.clock_text{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:28px; font-weight:bold;}
.clock_text span.text{font-size:18px;}

#content .content_all #box { padding:0;}
#box .box_top{ background:url(../images/box-top.gif) no-repeat center top; height:9px; width:444px; font-size:0px;margin:0 279px;}
#box .box_progressbar{ background-color:#fff; height:200px; width:444px; text-align:center;margin:0 279px;}
.progressbar_bg{background: url(../images/progresbar_box.jpg) top no-repeat;  width:404px; padding:3px 20px; height:30px;}
#procent {font-size:18px; color:#828282;font-weight:bold;}

#box .box_large_item{float:left; height:37px;}
#box .box_bottom_form{ background:url(../images/box-bottom.gif) no-repeat center top; height:29px; width:444px; padding-top:8px; margin:0 279px;}
#box .box_bottom_form form label{font-weight:bold;font-size:13px;color:#232323;}
#box .box_bottom_form form input{ border:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:0;  background:none;}
.label-div,.text-div, .submit-div{ height:30px; float: left; padding-right:7px;} 
.label-div {padding-top:2px ; padding-left:15px;}
.text-div { padding-top:0px;}
.submit-div { padding-right:0;}

#box .box_bottom_form form input.text {background:url(../images/email_input.jpg) no-repeat left top;width:171px; height:20px; font-size:12px; color:#636363; padding:4px 5px 0 5px;}
#box .box_bottom_form form input.submit { background:url(../images/submit.jpg) no-repeat left top; width:62px; height:24px; font-size:14px; color:#e1f0ff; font-weight:bold;}
#box .box_bottom_form form input.submit:hover{background:url(../images/submit_h.jpg) no-repeat left top; color:#FFF }

#content .content_all #shadow { padding:0 296px 0 262px;float:left}
#shadow  .bg{background:url(../images/box-shadow.png) no-repeat center top; height:45px; width:482px;}

/* Progressbar

----------------------------------*/
.ui-progressbar {width:402px; }
.ui-progressbar .ui-progressbar-value {height:18px;background:url(../images/progressbar_repeat.gif) repeat-x top; float:left;}/* Resizable
/*---------------------------------*/


/*tooltip the style starts here */
a.tooltip {color:#c00;}
a.tooltip strong {display:none; font-style:normal;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}


a.tooltip:hover strong.left {display:block; position:absolute; top:-30px; left:-98px;padding:5px; font-weight:normal; color:#fff; background:#000; font-size:11px;font-style:normal;white-space:nowrap;padding:2px 5px; }
a.tooltip:hover strong.left em {position:absolute;bottom:-5px; left:60px; height:5px; width:25px; background:url(../images/tooltip_arrow_left.gif) 0 0; display:block; font-size:1px;float:right;}

a.tooltip:hover strong.right {display:block; position:absolute; top:-30px; left:10px;padding:5px; font-weight:normal; color:#fff; background:#000; font-size:11px;font-style:normal;white-space:nowrap;padding:2px 5px;}
a.tooltip:hover strong.right em {position:absolute;bottom:-5px; left:0px; height:5px; width:25px; background:url(../images/tooltip_arrow_right.gif) 0 0; display:block; font-size:1px;float:right;}

a.tooltip:hover strong.left.bookmark { top:-30px; left:-100px; }
a.tooltip:hover strong.bookmark em {position:absolute;bottom:-5px; left:100px; height:5px; width:25px; display:block; font-size:1px;float:right;}

a.tooltip:hover strong.right.bookmark { top:-30px; left:0px; }
a.tooltip:hover strong.right.bookmark em {position:absolute;bottom:-5px; left:0px; height:5px; width:25px; display:block; font-size:1px;float:right;}


/*for css hover */
@media screen {
	div#preloadDefaultImages {position: absolute;left: -9999px;top:  -9999px;}
	div#preloadDefaultImages img {display: block;}
	}
@media print {div#preloadDefaultImages, 
	div#preloadDefaultImages img {visibility: hidden;display: none;}
	}