body {
       background:#fdb838;
	   margin:0px;
	   font-family:Geneva, Arial, Helvetica, sans-serif;
}
.head {background:#FFFFFF; font-size:16px;}
.head a { color:#0000FF;text-decoration:none;}
.head a:hover{text-decoration:underline;}



/* ПОИСК */
.tabContainer{
	/* The UL */
	float:right;
	padding-right:13px;
}

#contentHolder{
	background-color:#FFFFFF;
	border:2px solid #FFFFFF;
	height:50px;
	margin:0px;
	
	color:#444444;
	padding:14px;
}

#tabContent{
	background-color:#333;
	border:1px solid #444;
	margin-top:-15px;
	width:100%;
}

#tabContent, .tabContainer li a,#contentHolder{
	-webkit-box-shadow:0 0 2px black;
	-moz-box-shadow:0 0 2px black;
	box-shadow:0 0 2px black;
}

.tabContainer li{
	/* This will arrange the LI-s next to each other */
	display:inline;
}

.tabContainer li a,.tabContainer li a:visited{
	/* Styling the hyperlinks of the tabs as colorful buttons */
	
	float:left;
	font-size:18px;
	
	/* display:block allows for additinal CSS rules to take effect, such as paddings: */
	display:block;
	
	padding:7px 18px 1px;
	margin:4px 5px;
	height:29px;
	
	/* Giving positioning */
	position:relative;
	
	/* CSS3 text-shadow */
	text-shadow:1px 1px 1px #CCCCCC;
}

#overLine{
	/* The line above the active button. */
	position:absolute;

	height:1px;
	background-color:white;
	width:90px;
	
	float:left;
	left:1px;
	top:-5px;
	overflow:hidden;
}

#main{
	margin:0 auto;
	position:relative;
	width:700px;
}


ul .left{
	/* The left span in the hyperlink */
	
	height:37px;
	left:0;
	position:absolute;
	top:0;
	width:10px;
}

ul .right{
	/* The right span in the hyperlink */
	
	height:37px;
	right:0;
	position:absolute;
	top:0;
	width:10px;
}

/* Styling the colors individually: */

ul a.green{background: url(/templates/vtule/images/google_ico.png) #FFF no-repeat top left;}
ul a.blue{background: url(/templates/vtule/images/mail_ico.png) #FFF no-repeat top left; color:#006;}
ul a.orange{background: url(/templates/vtule/images/rambler_ico.png) #FFF no-repeat top left; color:#3CF;}
ul a.red{background:url(/templates/vtule/images/yandex_ico.png) #FFF no-repeat top left; color:#F00;}



/* The hover states: */
ul a:hover{text-decoration:none;}

.preloader{
	display:block;
	margin:120px auto;
}

.clear{
	/* Old-school clear fix hack to clear the floats: */
	clear:both;
	height:1px;
	overflow:hidden;
}

/* The styles below are only necessary for the styling of the demo page: */

h1{
	background: #FF9;
	border-bottom:1px solid black;
	font-size:1.5em;
	font-weight:normal;
	margin-bottom:15px;
	padding:15px;
	text-align:center;
}

h2 {
	font-size:0.9em;
	font-weight:normal;
	padding-right:40px;
	position:relative;
	right:0;
	text-align:right;
	text-transform:uppercase;
	top:-48px;
}

a, a:visited {
	color:#0196e3;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}

p.tutInfo{
	/* The tutorial info on the bottom of the page */
	padding:10px 0;
	text-align:center;
	position:fixed;
	bottom:0px;
	background:#121b21;
	border-top:1px solid black;
	width:100%;
}

h1,h2,p.tutInfo{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
}
/*Блок*/
.blok {background:#e0ba3c;}
.blok #top_left {background:url(/templates/vtule/images/blok_top_left.png) no-repeat left top #e0ba3c;; width:21px; height:26px;}
.blok #top_right {background:url(/templates/vtule/images/blok_top_right.png) no-repeat right #e0ba3c;; width:21px;}
.blok #bottom_left {background:url(/templates/vtule/images/blok_bottom_left.png) no-repeat left #e0ba3c;; height:26px;}
.blok #bottom_right {background:url(/templates/vtule/images/blok_bottom_right.png) no-repeat right #e0ba3c;; height:26px;}
.blok #block_border_top {background: url(/templates/vtule/images/blok_border_top.png) repeat-x top #e0ba3c;; height:21px;}
.blok #block_border_bottom {background: url(/templates/vtule/images/blok_border_bottom.png) repeat-x bottom #e0ba3c;; height:21px;}
.blok #block_border_left {background: url(/templates/vtule/images/blok_border_left.png) repeat-y left #e0ba3c;; width:21px;}
.blok #block_border_right {background: url(/templates/vtule/images/blok_border_right.png) repeat-y right ; width:21px;}
.foot {background:url(/templates/vtule/images/foot_bg.png) repeat-x center;}
/* Модальное окно */
#mask {
    position:absolute;
    left:0;
    top:0;
    z-index:9000;
    background-color:#000;
    display:none;
    }
    #boxes .window {
    position:absolute;
    left:0;
    top:0;
    width:440px;
    height:200px;
    display:none;
    z-index:9999;
    padding:50px;
    }  
#boxes #dialog {
   width:375px;
   height:203px;
   padding:10px;
   background-color:#ffffff;
} 
#boxes #dialog1 {
    width:375px; 
    height:203px;
    }  
#dialog1 .d-header {
    width:375px; 
    height:150px;
    }  
#dialog1 .d-header input {
    position:relative;
    top:60px;
    left:100px;
    border:3px solid #cccccc;
    height:22px;
    width:200px;
    font-size:15px;
    padding:5px;
    margin-top:4px;
    }  
#dialog1 .d-blank {
    float:left;
    background:url(images/login-blank.png) no-repeat 0 0 transparent; 
    width:267px; 
    height:53px;
    }  
#dialog1 .d-login {
    float:left;
    width:108px; 
    height:53px;
    }
  
/* Конец Модальное окно */
/*блоки*/
.small_title{
	padding-left:8px;
	color:#000000;
	font-weight:bold;
	margin-bottom:0px;
	font-size:14px;
	color:#333;
	background:url(/images/stitle.jpg) repeat-x #EBEBEB;
    height:30px;
    line-height:30px;
}
.small_box{
	margin-bottom:4px;
}
.small_box ul{
    list-style: none;
    margin:15px;
    margin-left:22px;
    padding:0px;
}
.small_box ul li{ 
    padding:0px;
    padding-left:20px;
    height:17px;
    line-height:17px;
    background:url("/images/icons/site.png") no-repeat;
}

.upd_title{
	font-weight:bold;
	margin-bottom:6px;
}
.upd_listitem{
	margin-left:2px;
	margin-bottom:8px;
}
.modulebody {background:#FFF; padding:10px;}
/*конец блоки*/
/* Путь пользователя*/
.pathway a { font-weight:bold;}