@charset "utf-8";
/* CSS Document */

* { 
	margin: 0; 
	padding: 0;
	/*border:1px #0000CC solid;*/
}



body {
margin:0;
padding:0;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
background:url(../img/bgraund.png) left top repeat-x;
}

#chronometer{
width:748px;
padding:0 0 10px 0;
margin:0 auto; 
overflow:hidden;

}

/* -------------  box_main --------------------------- */

.box_main {
width:748px;
overflow:visible;
margin:22px 0 0 0px;
}

.box_main table {
width:748px;
border:0px;	
border-collapse:collapse;
height:300px;
}

.box_main table tr {
border:0px;
}

.box_main table tr td{
border:0px;
}

.boxtopleft {
background:url(../img/angel_left_top.png) left top no-repeat;
width:19px;
height:19px;
}

.boxtop {
background:url(../img/line_top.png) left top repeat-x;
height:19px;
}

.boxtopright {
background:url(../img/angel_right_top.png) left top no-repeat;
width:19px;
height:19px;

}

.boxleft {
background:url(../img/line_left.png) left top repeat-y;
width:19px;
}

.box_main .boxcenter {
background:#f9f4ee;

}

.boxcenter a{
clear:both;
float:left;
color:#FFFFFF;
font-size:12px;
margin:0 0 5px 0;
}

.box_main  .boxright {
background:url(../img/line_right.png) right top repeat-y;
width:19px;
}

.boxbottomleft {
background:url(../img/angel_left_bottom.png) left top no-repeat;
width:9px;
height:19px;
}

.boxbottom {
background:url(../img/line_bottom.png) left top repeat-x;
height:19px
}

.bottomright {
background:url(../img/angel_right_bottom.png) left top no-repeat;
width:19px;
height:19px;
}

/* -------------  Header --------------------------- */


.header {
clear:both;
float:left;
background:url(../img/header_beta.png) left top no-repeat;
width:100%;
height:57px;
padding:0 0 0 0;
}

.header h6{
clear:both;
float:right;
color:#FFFFFF;
font-size:11px;
margin:0px 10px 0 0;
width:210px;
text-align:left;
}

*html .header h6{
margin:0px 5px 0 0;
}

.menu {
clear:both;
float:left;
background:url(../img/menu.png) left top no-repeat;
width:100%;
height:120px;
}

.menu_lang {
float:right;
width:172px;
height:73px;
background:url(../img/lang.png) left top no-repeat;
margin:20px 10px 0 0;
}

*html .menu_lang {
margin:20px 5px 0 0;
}

.menu_lang a{
float:right;
width:152px;
height:25px;
border:0px;
margin:7px 10px 0 0;
cursor:pointer;
}

*html .menu_lang a {
margin:7px 5px 0 0;
}

*:first-child+html .menu_lang a {
margin:7px 0px 0 0;
}

.menu_lang a.button_ru{
background:url(../img/button_ru.png) left top no-repeat;
}

.menu_lang a.button_ua{
background:url(../img/button_ua.png) left top no-repeat;
}

.menu_time {
float:right;
width:329px;
height:73px;
background:url(../img/time.png) left top no-repeat;
margin:20px 10px 0 0;
}

.menu_time input.menu_time_sec{
width:46px;
height:40px;
float:right;
margin:17px 22px 0 0;
font-size:35px;
line-height:40px;
color:#ad0d2e;
border:0px;
text-align:center;
}

*html .menu_time input.menu_time_sec{
margin:17px 7px 0 0;
}

*:first-child+html .menu_time input.menu_time_sec{
margin:17px 7px 0 0;
}

.menu_time input.menu_time_min{
width:46px;
height:40px;
float:right;
margin:17px 35px 0 0;
font-size:35px;
line-height:40px;
color:#ad0d2e;
border:0px;
text-align:center;
}

*html .menu_time input.menu_time_min{
margin:17px 36px 0 0;
}

*:first-child+html .menu_time input.menu_time_min{
margin:17px 36px 0 0;
}

.menu_time .menu_time_checkbox{
float:left;
width:155px;
margin:28px 0 0 10px;
}

*html .menu_time .menu_time_checkbox{
margin:28px 0 0 5px;
}

.menu_time .menu_time_checkbox label{
font-size:11px;
float:left;
margin:0 0 0 5px;
}

.menu_time .menu_time_checkbox input{
width:15px;
height:15px;
float:left;
}

.lable_textarea {
clear:both;
float:left;
margin:-304px 0 0 0px;
width:350px;
}

*html .lable_textarea {
margin:-299px 0 0 0px;
}

*:first-child+html .lable_textarea {
margin:-299px 0 0 0px;
}

.lable_textarea h6 {
font-size:11px;
float:left;
font-weight:normal;
margin:5px 5px;
}



/* ------------- lable_textarea box --------------------------- */

.lable_textarea .box {
width:100%;
overflow:hidden;

height:50px;
position:relative;
}



.lable_textarea .box table {
width:100%;
border:0px;	
border-collapse:collapse;
height:auto;
}

.lable_textarea .box table tr {
border:0px;
}

.lable_textarea .box table tr td{
border:0px;
}

.lable_textarea .box .boxtopleft {
background:url(../img/box_angel_left_top.png) left top no-repeat;
width:10px;
height:10px;
}

.lable_textarea .box .boxtop {
background:url(../img/box_line_top.png) left top repeat-x;
height:10px;
}

.lable_textarea .box .boxtopright {
background:url(../img/box_angel_right_top.png) left top no-repeat;
width:10px;
height:10px;
}

.lable_textarea .box .boxleft {
background:url(../img/box_line_left.png) left top repeat-y;
width:10px;
}

.lable_textarea .box .boxcenter {
background:#f7ecde;
}

.lable_textarea .box .boxcenter a{
clear:both;
float:left;
color:#FFFFFF;
font-size:12px;
margin:0 0 5px 0;
}

.lable_textarea .box .boxright {
background:url(../img/box_line_right.png) left top repeat-y;
width:10px;

}

.lable_textarea .box .boxbottomleft {
background:url(../img/box_line_left.png) left top repeat-y;
width:10px;
height:10px;
}

.lable_textarea .box .boxbottom {
background:#f7ecde;
height:10px
}

.lable_textarea .box .bottomright {
background:url(../img/box_angel_right_bottom_in.png) left top repeat-x;
width:10px;
height:10px;
}

/* ------------- textarea_box --------------------------- */

.textarea_box .box {
width:100%;
overflow:hidden;
margin:20px 0 0 0px;
height:270px;
}

.textarea_box .box table {
width:100%;
border:0px;	
border-collapse:collapse;
height:270px;
}

.textarea_box .box table tr {
border:0px;
}

.textarea_box .box table tr td{
border:0px;
}

.textarea_box .box .boxtopleft {
background:url(../img/box_angel_left_top.png) left top no-repeat;
width:10px;
height:10px;
}

.textarea_box .box .boxtop {
background:url(../img/box_line_top.png) left top repeat-x;
height:10px;
}

.textarea_box .box .boxtopright {
background:url(../img/box_angel_right_top.png) left top no-repeat;
width:10px;
height:10px;
}

.textarea_box .box .boxleft {
background:url(../img/box_line_left.png) left top repeat-y;
width:10px;
}

.textarea_box .box .boxcenter {
background:#f7ecde;
}

.textarea_box .box .boxcenter a{
clear:both;
float:left;
color:#FFFFFF;
font-size:12px;
margin:0 0 5px 0;
}

.textarea_box .box .boxright {
background:url(../img/box_line_right.png) right top repeat-y ;
width:10px;

}

.textarea_box .box .boxbottomleft {
background:url(../img/box_angel_left_bottom.png) left top no-repeat;
width:10px;
height:10px;
}

.textarea_box .box .boxbottom {
background:url(../img/box_line_bottom.png) right top repeat-x ;
height:10px
}

.textarea_box .box .bottomright {
background:url(../img/box_angel_right_bottom.png) right top no-repeat;
width:10px;
height:10px;
}

.textarea_box {
clear:both;
float:left;
width:100%;
}


/* ------------- box_area --------------------------- */

.textarea_box .box_area {
width:100%;
overflow:hidden;
margin:0px 0 0 0px;
height:200px;
}

.textarea_box .box_area table {
width:100%;
border:0px;	
border-collapse:collapse;
height:200px;
}

.textarea_box .box_area  table tr {
border:0px;
}

.textarea_box .box_area  table tr td{
border:0px;
}

.textarea_box .box_area  .boxtopleft {
background:url(../img/text_angel_left_top.png) left top no-repeat;
width:7px;
height:7px;
}

.textarea_box .box_area  .boxtop {
background:url(../img/text_line_top.png) left top repeat-x;
height:7px;
}

.textarea_box .box_area  .boxtopright {
background:url(../img/text_angel_right_top.png) left top no-repeat;
width:7px;
height:7px;
}

.textarea_box .box_area  .boxleft {
background:url(../img/text_line_left.png) left top repeat-y;
width:7px;
}

.textarea_box .box_area  .boxcenter {
background:#FFFFFF;
}

.textarea_box .box_area  .boxcenter a{
clear:both;
float:left;
color:#FFFFFF;
font-size:12px;
margin:0 0 5px 0;
}

.textarea_box .box_area  .boxright {
background:url(../img/text_line_right.png) right top repeat-y ;
width:7px;

}

.textarea_box .box_area  .boxbottomleft {
background:url(../img/text_angel_left_bottom.png) left top no-repeat;
width:7px;
height:7px;
}

.textarea_box .box_area .boxbottom {
background:url(../img/text_line_bottom.png) right top repeat-x ;
height:7px
}

.textarea_box .box_area .bottomright {
background:url(../img/text_angel_right_bottom.png) right top no-repeat;
width:7px;
height:7px;
}

.textarea_box .box_area  .boxcenter  iframe{
width:100%;
height:184px;
border:0px;
cursor:text;
}

.textarea_box .box_area  .boxcenter  textarea{
width:100%;
height:184px;
border:0px;
cursor:text;
border:none;
}

/* ------------- button_textarea box --------------------------- */

.button_textarea {

float:right;
margin:-305px 0px 0 0px;
width:68px;
}

.button_textarea .box {
width:100%;
overflow:hidden;

height:50px;
position:relative;

}

.button_textarea .box table {
width:100%;
border:0px;	
border-collapse:collapse;
height:auto;
}

.button_textarea .box table tr {
border:0px;
}

.button_textarea .box table tr td{
border:0px;
}

.button_textarea .box .boxtopleft {
background:url(../img/box_angel_left_top.png) left top no-repeat;
width:10px;
height:10px;
}

.button_textarea .box .boxtop {
background:url(../img/box_line_top.png) left top repeat-x;
height:10px;
}

.button_textarea .box .boxtopright {
background:url(../img/box_angel_right_top.png) left top no-repeat;
width:10px;
height:10px;
}

.button_textarea .box .boxleft {
background:url(../img/box_line_left.png) left top repeat-y;
width:10px;
}

.button_textarea .box .boxcenter {
background:#f7ecde;
}

.button_textarea .box .boxcenter a{
clear:both;
float:left;
color:#FFFFFF;
font-size:12px;
margin:0 0 5px 0;
}

.button_textarea .box .boxright {
background:url(../img/box_line_right.png) left top repeat-y;
width:10px;

}

.button_textarea .box .boxbottomleft {
background:url(../img/box_angel_left_bottom_in.png) left top repeat-x;
width:10px;
height:10px;
}

.button_textarea .box .boxbottom {
background:#f7ecde;
height:10px
}

.button_textarea .box .bottomright {
background:url(../img/box_line_right.png) left top repeat-y;
width:10px;
height:10px;
}

.button_textarea input.button_left{
width:24px;
height:25px;
float:right;
border:0px;
margin:0 0px 0 0;
background:url(../img/button_left.png) left top no-repeat;
cursor:pointer;
}

.button_textarea input.button_right{
width:24px;
height:25px;
float:right;
border:0px;
margin:0 0px 0 0;
background:url(../img/button_right.png) left top no-repeat;
cursor:pointer;
}


input.button_start{
width:205px;
height:48px;
float:right;
border:0px;
margin:5px 10px 0 0;
background:url(../img/button_start.png) left top no-repeat;
cursor:pointer;
}


input.button_clear{
width:95px;
height:25px;
float:right;
border:0px;
margin:17px 0 0 0;
background:url(../img/button_clear.png) left top no-repeat;
cursor:pointer;
}

.chronometry {
clear:both;
float:left;
width:100%;
margin:10px 0 0 0;
}

.chronometry h4{
float:left;
width:360px;
border-right:1px #666666 solid;
font-size:26px;
line-height:26px;
color:#5c8b00;
font-weight:normal;
margin:4px 0 0 10px;
}

.chronometry h6{
float:left;
width:250px;
font-size:11px;
font-weight:normal;
margin:5px 0 -3px 10px;
text-align:left;
}

h6 input{
width:100px;
font-size:11px;
font-weight:bold;
border:0px;
background:none;
font-family:Arial;
}

div.label input{
width:100px;
font-size:11px;
font-weight:bold;
border:0px;
background:none;
font-family:Arial;
margin:0 0 0 3px;
}

div.label h6{
display:inline;
width:auto;
float:left;
font-size:11px;
}

*html div.label h6{
margin:1px 0 0 0;
}

.chronometry_line {
clear:both;
float:left;
width:100%;

margin:30px 0 0 0;
}

div.label{
clear:both; 
float:left;
margin:10px 0 0 6px; 
width:400px;
}

.chronometry_line h6{
float:left;
font-size:11px;
}

.chronometry_line h6.chronometry_point {
float:left;
margin:0 0 0 503px;
}

*html .chronometry_line h6.chronometry_point {
display:inline;
float:left;
margin:0 0 0 255px;
}

.chronometry_line table{
height:33px;
width:695px;
margin:0 auto;

background:url(../img/line_color_oll.png) left top no-repeat;
border-collapse:collapse;
}

.chronometry_line table tr {
width:100%;
}

.chronometry_line table tr td.line_left{
width:18px;
height:33px;
background:url(../img/line_left_green.png) left top no-repeat;
border:0px;
}

.chronometry_line table tr td.line_activ{
width:80%;
height:33px;
background:none;
border:0px;
position:relative;
}

.chronometry_line table tr td.line_pasiv{
width:auto;
height:33px;
background:url(../img/line_grey_oll.png) right top repeat-x;
border:0px;
}


.footer {
clear:both;
float:left;
width:100%;
}

.footer h6{
float:left;
margin:0px 0 0 15px;
font-size:11px;
color:#9f9f9f;
}

*html .footer h6{
margin:0px 0 0 10px;
}

.footer a{
float:right;
margin:0px 0 0 0 ;
font-size:11px;
color:#ad0d2e;
width:auto;
}

.footer span{
float:right;
margin:0px 5px;
font-size:11px;
color:#9f9f9f;
}