/*
    COPYRIGHT: websad.com.ua
*/

/************************************* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
* { margin: 0; padding: 0; font-size:13px;}
html { overflow-y: scroll; }
body {
    font-family:  Tahoma, Verbana;
    font-size: 12px;
}
ul { list-style: none inside; }
a {
    color:#2965ff;
    outline: none;
    text-decoration: none;
}
a:hover{
    color:#93a8d7;
    text-decoration:underline;
}
img { border: none; }
h1{
    font-size:20px;

}



/************************************* END RESET */


/************************************* TOOLBOX CSS */
.ft12{font-size:12px;}
.ft13{font-size:13px;}
.ft14{font-size:14px;}
.ft15{font-size:15px;}
.ft16{font-size:16px;}
.ft18{font-size:18px;}

.darkGrey{
	color:#383436;
}
.submit {
    cursor:pointer;
}

.bold {
    font-weight:bold;
}

.clear {
    clear:both;
}
.grey{
    color:#979798;
}
.red{
    color:#b62525;
}
.redLineTop{
    border-top:2px solid #bf1900;
}
.noindent{
    text-indent: 0 !important;
}
.c{
    text-align:center;
}
.fleft{
    float:left;
}
ul.pagination
{
    font-size:11px;
    border:0;
    margin:0;
    padding:0;
    line-height:100%;
    text-align: center;
    margin:auto;
    width:500px;
    cursor:pointer;
}
ul.pagination a{
    text-decoration:none !important;
    padding:2px;
}

ul.pagination li
{
    display:inline;
}

ul.pagination a:hover
{
    text-decoration:underline !important;

}

ul.pagination .selected a
{
    color:#CD0C11 !important;
    font-weight:bold;
}

ul.pagination .hidden a
{
    color:#888888;
}

ul.pagination .first,
ul.pagination .last
{
    display:none;
}

.errorSummary{
    border: 1px solid #E89B88;
    background-color:beige;
    padding:5px;
    color:red;
    margin:15px 0;
}
.errorSummary ul{
    list-style-position: inside;
}
.errorSummary .title{
    color:black;
}

.system, .infoSummary{
    background: #ffff99;
    color:#222;
    border:1px solid #CCC;
    margin:10px;
    padding:10px;
}
.system .message, .infoSummary .message{
    padding:15px;
}
table.border{
    border-collapse: collapse;
}
table.border td, table.border th{
    border: 1px solid #CCCCCC;
}


/************************************* END TOOLBOX */


/************************************* PAGE STRUCTURE */

.main{
    width:1005px;
    margin:0 auto;
    background: url(../images/main_background.jpg) no-repeat scroll -145px 0;
}
#leftPanel{
    float:left;
    width:246px;
    margin-left:-17px;
    background: url(../images/logo.jpg) no-repeat left top;
}
.rightContainer{
    float:left;
    width:775px;
}
.rightContainer .content{
    float:left;
    width:543px;
    font-size:14px;
    color:#4c4c4c;
    padding-top:15px;
}
.rightContainer .rightPanel{
    float:right;
    margin-top:-62px;
    position: relative;
    z-index: 1;
}
#footer {
    height:15px;
    width:100%;
}

/************************************* END STRUCTURE */


/************************************* PAGE DETAILED */

.rightContainer .content img{
    margin: 7px 15px 6px 0;
    float:left;
}
.rightContainer .content h4{
	color:#383436;
}
.rightContainer .content h3{
    font-size:14px;
    color:#2f3188;
}
.rightContainer .content h2{
    font-size:16px;
   	color:#2f3188;
}
.rightContainer .content p{
    padding:5px 0;
    font-size:14px;
}
.rightContainer .content b, .rightContainer .content span{
	font-size:14px;
}

.rightContainer .content .border{
	border: 2px solid #444444;
}


#leftPanel .lBot{
    height:21px;
    background:url(../images/logo_bot.jpg) no-repeat;
}
#leftPanel .menu a.logo{
    display: block;
    width:240px;
    height:308px;
    text-decoration: none;
}
#leftPanel .menu .elementsHandle{
    width:138px;
    overflow: hidden;
    padding-left:58px;
}
#leftPanel .menu .elementsHandle a{
    display:block;
    padding: 5px 0;
    font-size:14px;
    text-decoration: none;
    color:#000000;
}
#leftPanel .menu .elementsHandle a:hover{
    color:#ab0404;
}
#leftPanel .menu .elementsHandle a.active{
    color:#ab0404;
    background: url("../images/dot.gif") repeat-x center bottom transparent;
}

#leftPanel .banner{
    padding-left:43px;
    background-color:#FFFFFF;
}
#leftPanel .partners{
    text-align:center;
}

#leftPanel .text{
    color:#939393;
    text-align:center;
    font-size:14px;
    padding:5px 0;
    background-color:#FFFFFF;
}
#navigation, #navigation a{
    color:#ab0606;
    font-size:14px;
}

#navigation .child{
    color:#f3b0b0;
    font-weight:bold;
}
#container .header{
    padding-top:20px;
    height:210px;
    position:relative;
}
#container .header .logo{
    float:left;
    margin-left:-15px;
    position: relative;
    z-index: 1;
}
#container .header .flags{
    position: absolute;
    right:0;
}
#container .header .flags img{
    border: 2px solid #d9e1e3;
    -moz-border-radius:2px 2px 2px 2px;
    border-radius:2px 2px 2px 2px;
}
#container .header .flags img.active{
    border:2px solid #d94f44;
}
#container .header .text{
    color:#b62525;
    font-size:15px;
}
#container .header .text .notice{
    font-size:13px;
}
#container #static{
    text-indent: 30px;
}

.rightContainer .rightPanel .rBlock{
    width:206px;
}
.rightContainer .rightPanel .rBlock .bTop{
    height:33px;
    background: url(../images/news_bg.jpg) no-repeat;
}
.rightContainer .rightPanel .rBlock .bTop.uk{
    background: url(../images/news_bg_uk.jpg) no-repeat;
}
.rightContainer .rightPanel .rBlock .bMid{
    padding:10px;
    background: url(../images/right_block_bg.jpg) repeat-y;
}
.rightContainer .rightPanel .rBlock .bBot{
    background: url(../images/right_block_bot.jpg) no-repeat;
    height:5px;
}
.rightContainer .rightPanel .element .title a{
    color:#102866;
}
.rightContainer .rightPanel .element .title a:hover{
    text-decoration:underline;
}
.rightContainer .rightPanel .element .newsBody{
    color:#787878;
}
.rightContainer .rightPanel .element .newsBody a{
    font-style: italic;
    text-decoration: underline;
    display: block;
}
.rightContainer .rightPanel .element .newsBody .image{
    text-align:center;
    margin-top:5px;
    height:137px;
    width:187px;
    overflow: hidden;
    background-position:  2px -5px ;
    background-repeat: no-repeat;
    background-color: #000000;

}
.news.detailed{
    padding:10px;
    overflow: hidden;
    position: relative;
}
.news.detailed h2{
    font-size:14px;
    padding-bottom:5px;
}
.news.detailed .date{
    color:#a3a1a1;
    font-style:italic;
}

.news.list .ileft{
    float:left;
    width:100px;
}
.news.list .ileft img{
    padding:0;
    border:2px solid #CCCCCC;
    margin:0 9px 6px 0;
}
.news.list .iright{
    float:left;
    width:440px;
}

.schools.list table{
    width:100%;

}
.schools.list .phone{
	font-size:11px;
}
.schools.list table th{
    padding:7px;
    background:#aaa9a9;
    font-size:12px;
    font-weight:normal;
    font-family: Arial;
    color:#616162;
}
.schools.list table td{
    padding:3px 5px;
    text-align:left;
    font-size:11px;
    color:#464646;
}
.schools.list table td .categories{
	text-align:center;
}

.schools.list table td strong{
    font-size:11px;
}
.schools.list table td a{
    color:#464646;
    text-decoration:underline;
    display:block;
}
.schools.list table td.line0{
    background: #c5c5c5;
}
.schools.list table td.line1{
    background: #cfcfcf;
}
.schools.list table .phone{
    color:#616162;
}
.schools.list table .categories{
    color:#616162;
}

.schools.list table th, .schools.list table td{
    border-right:2px solid #FFFFFF;

}
.schools.list .info{
    padding-top:20px
}

.schoolsDetailed{
    overflow: hidden;
}
.schoolsDetailed .joinButton{
	margin-top:40px;
	margin:15px auto 5px ;
	display: block;
	background: #d32027 url(../images/join.jpg) no-repeat;
	width:233px;
	height:30px;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	padding-top:10px;
	text-decoration:none;
	clear:both;
}
.schoolsDetailed .recalls{
    padding:10px;
}
.schoolsDetailed .recalls .newRecall table{
    width:415px;
    padding-top:10px;
}
.schoolsDetailed .recalls .newRecall .attr{
    width:100px;
    text-align:right;
    padding-right:15px;
}
.schoolsDetailed .recalls .newRecall table td{
    padding:5px 0;
    vertical-align:top;
}
.schoolsDetailed .recalls .newRecall input{
    border: 1px solid #CCCCCC;
    width:300px;
}
.schoolsDetailed .recalls .newRecall textarea{
    width:300px;
    border: 1px solid #CCCCCC;
    height:90px;
}
.schoolsDetailed .recalls .newRecall .captcha img{
    display: block;
}
.schoolsDetailed .recalls .newRecall .button{
    text-align:center;
}
.schoolsDetailed .recalls .newRecall button{
    padding:5px 40px;
}
.schoolsDetailed .recalls .list{
    padding:10px 0 ;
}
.schoolsDetailed .recalls .element{
    padding:5px 0;
}
.schoolsDetailed .recalls .element .name{
    font-size:14px;
    font-weight:bold;
}
.schoolsDetailed .recalls .element .text{
    color:#979798;
    font-size:14px;
}
.schoolsTable{
	width:541px;
	overflow: hidden;
}
.schoolsTable th{
    background:none repeat scroll 0 0 #AAA9A9;
    color:#222222;
    font-family:Arial;
    font-size:12px;
    padding:7px;
    text-indent: 0;
}
.schoolsTable td{
    padding:0 3px;
    font-size:11px;
    color:#464646;
    background:none repeat scroll 0 0 #CFCFCF;
    text-indent: 0;
}
.schoolsTable td.smallHeader{
    background:none repeat scroll 0 0 #C5C5C5;
}

.selectedText{
	background: #fdffc0;
	display: block;
	padding:5px !important;
	margin:5px 0;
	text-align:center;
	color:#111111;
	border: 1px solid #CCCCCC;
}

.content.join .joinTable{
	width:100%;
}
.content.join .joinTable .tdl{
	width:130px;
}
.content.join .joinTable .td2{

}
.content.join .joinTable td{
	padding:2px 0;
	vertical-align: top;
}
.content.join .joinTable input, .content.join .joinTable textarea, .content.join .joinTable select{
	width:350px;
	border:1px solid #AAAAAA;
}
.content.join .joinSubmitButton{
	text-align:center;
	padding-top:15px;
}
.content.join .joinSubmitButton input{
	width:200px;
	height:35px;
}

#footer .designed{
    padding-left: 66px;
    position: absolute;
    margin-top:10px;
}
#footer .designed a{
    background:url("../images/websad_gray.gif") no-repeat scroll 0 0 transparent;
    color:#999;
    display:block;
    font-size:13px;
    height:25px;
    padding-left:27px;
    padding-top:11px;
    text-decoration:none;
}
#footer .designed a:hover{
    background-image:url("../images/websad.gif");
    color:#333;
}


/************************************* END DETAILED*/