/******** RESET.CSS ********/
html { color:#000; background:#FFFFFF; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
table {	border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style:inherit; font-weight:inherit; }
del,ins { text-decoration:none; }
li { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 {	font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; font-variant:normal; }
sup { vertical-align:baseline; }
sub { vertical-align:baseline; }
legend { color:#000; } /*because legend doesn't inherit in IE */
input,button,textarea,select,optgroup,option { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
input,button,textarea,select { *font-size: 100%; } /*@purpose To enable resizing for IE *//*@branch For IE6-Win, IE7-Win */
/******** BASE.CSS ********/
h1 { font-size:138.5%; } /* 18px via YUI Fonts CSS foundation. */
h2 { font-size:123.1%; } /* 16px via YUI Fonts CSS foundation. */
h3 { font-size:108%; } /* 14px via YUI Fonts CSS foundation. */
h1,h2,h3 { margin:1em 0; } /* Top & bottom margin based on font size. */
h1,h2,h3,h4,h5,h6,strong,dt { font-weight:bold; } /* Bringing boldness back to headers and the strong element. */
optgroup { font-weight:normal; }
abbr,acronym { border-bottom:1px dotted #000; cursor:help; } /* Indicating to users that more info is available. */
em { font-style:italic; } /* Bringing italics back to the em element. */
del { text-decoration:line-through; } /* Striking deleted phrases. */
blockquote,ul,ol,dl { margin:1em; } /* Giving blockquotes and lists room to breath. */
ol,ul,dl { margin-left:2em; } /* Bringing lists on to the page with breathing room. */
ol {
    margin: 20px 0 0 2em;
}
ol li {
    font-family: Times New Roman;
    font-size: 15px;
    list-style: decimal inside none;
    margin-bottom: 10px;
} /* Giving OL's LIs generated numbers. */
ul li { list-style:disc outside; } /* Giving UL's LIs generated disc markers. */
dl dd { margin-left:1em;  vertical-align:top;} /* Giving UL's LIs generated numbers. */
th,td {	border:1px solid #000; padding:.5em; } /* Borders and padding to make the table readable. */
th { font-weight:bold; text-align:center; } /* Distinguishing table headers from data cells. */
caption { margin-bottom:.5em; text-align:center; } /* Coordinated margin to match cell's padding. *//* Centered so it doesn't blend in to other content. */
sup { vertical-align:super; } /* to preserve line-height and selector appearance */
sub { vertical-align:sub; } /* to preserve line-height and selector appearance */
p, fieldset, table, pre {
    margin-bottom: 1em;
    margin-top: 4px;
} /* So things don't run into each other. */
button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"] { padding:1px; } /* Opera requires 1px of passing to render with contemporary native chrome */
a { outline:0; }
/******** FONTS.CSS ********/
body { font:13px tahoma,arial,helvetica,clean,sans-serif; *font-size:small; *font:x-small; } /* for IE6/7 *//* for IE Quirks Mode */
select,input,button,textarea,button { font:99% tahoma,arial,helvetica,clean,sans-serif; } /* Nudge down to get to 13px equivalent for these form elements*/ 
table {	font-size:inherit; font:100%; } /* To help tables remember to inherit */
pre,code,kbd,samp,tt { font-family:monospace; *font-size:108%; line-height:100%; } /* Bump up IE to get to 13px equivalent for these fixed-width elements */
/******** CUSTOM.CSS ********/
html,body { height:100%; width:100%; }

#wrapper{
height:auto !important; height:100%; min-height:100%; _height:100%; 
text-align:justify; 
margin-bottom:18px;
padding-bottom: 140px;

width:1000px;
position:relative; 
margin: 0 auto;
}
.clear { clear:both; display:block; }

/************************************ RESET END *********************************************/
div#Columns { position:relative; margin:35px 0 20px 0; }

	div#CenterColumn { float:left; width:650px; padding-top:25px; }
	div#LeftColumn { float:left; width:350px; text-align:left; padding-top:20px; }

/* a,  a:hover,  a:active,  a:visited
{
font-size:13px;
color:#294b69;
text-decoration:none;
}
 a:hover{
text-decoration:underline;
}*/

/* CMSEditableRegionEdit*/

.CMSEditableRegionEdit input { border:solid 1px grey; }

.CMSEditableRegionEdit{
line-height:21px;
} 

h2, h1, h3, h4 {
    color: #5D8B13;
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin: 10px 0 15px;
}

h1 {font-size:17px}

h3 {
    color: #5D8B13;
    display: block;
    font-size: 14px;
    margin: 10px 0 15px;
}

hr{
color:#294b69;
border:none;
border-bottom:solid 1px;
}

/*master*/

div.background{
margin-top:10px;
background:url(../images/background.png) no-repeat;
height:305px;
position:relative;
}

#borderToImg img {padding:3px; border: 1px solid #ADC76C;}

div.topCorner{position:absolute; background:url(/App_Themes/Alpha/images/topCorner.png); top:0; right:0; width:9px; height:9px
}

.mainMenu{
top: 299px;
position:absolute;
z-index:2;
}

.mainMenu div.l, .mainMenu div.r {
    background: url("../images/corners.png") repeat scroll 0 0 transparent;
    bottom: 8px;
    height: 9px;
    position: absolute;
    width: 9px;
    z-index: 2;
}

.draggable-header .highslide-header{
font-size:13px;
}
.mainMenu div.l{
left:0;
}
.mainMenu div.r{
background-position: -9px 0;
right:0;
}
img.noborder {padding:0; margin:0}
a.logotype {
position:absolute;
display:block;
top:18px;
left:37px;
z-index:2;
}

.slogan {
    position: absolute;
    right: 27px;
    top: 10px;
}

.phone img {
    margin-left: 10px;
}
.phone span {
position:relative;
bottom:5px;
}


ul.dropdown {
margin: 0;
position: relative;
}

ul.dropdown li {
    display: block;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 39px;
    list-style: none outside none;
    text-align: center;
    text-transform: uppercase;
    position:relative;
}

ul.dropdown li.separator{
background: url("../images/separator.gif");
margin-top:4px;
height:26px;
width:1px;
}

ul.dropdown li a, ul.dropdown li a:hover, ul.dropdown li a:visited, ul.dropdown li a:active {
text-decoration: none;
color:#2f5f7e;
}
ul.dropdown li a *{
background: url(../images/menuUnion.png) repeat-x;
display: block;
float:left;
}

ul.dropdown li a span.reference {
    background-position: 0 -92px;
    height: 17px;
    padding: 7px 0;
}

ul.dropdown li a span.reference * {
    background: none repeat scroll 0 0 transparent;
    float: left;
}

ul.dropdown li a span.leftEnd, ul.dropdown li a span.rightEnd{
height:31px;
width:4px;
background-position: 0 -62px;
}

ul.dropdown li a span.rightEnd{
background-position: -4px -62px;
}

ul.dropdown li:hover a span.reference {background-position: 0 -31px}
ul.dropdown li:hover a span.leftEnd{background-position: 0 0px;}
ul.dropdown li:hover a span.rightEnd{ background-position: -4px 0px;}

ul.dropdown table{
    border:none;
    background: none repeat scroll 0 0 #EBF2D9;
    border: 1px solid #BED28C;
    float: none;
    display:none;
    left:10px;
    position: absolute;
    top: 31px;
    z-index:2;
}

ul.dropdown table td
{
    border:none;
    padding:0;
    white-space:nowrap;
    float:none;
}

ul.dropdown li:hover table{
display:block;
}

ul.dropdown .separator span {
    background: #BED28C;
    overflow:hidden;
    margin: 0 9px;
    height:1px;
    display:block;
}

ul.dropdown ul a {
    margin: 3px 0 1px;
    z-index: 2;
}

ul.dropdown table tr.el {
    position: relative;
    text-align: left;
    text-transform: none;
    height: 26px;
}

.contacts span.footnote {
    padding-top: 7px;
}

ul.dropdown table tr.separator, ul.dropdown table tr.separator td{
    height:1px;
    font-size:0px;
    line-height:0px;
    padding:0;
    margin:0;
}
ul.dropdown td.r, ul.dropdown td.l {
    height: 23px;
}

.r b, .l b{
width:15px;
display:block;
position:relative;
height:24px;
}

tr.el:hover td, tr:hover table.third tr.el:hover td
{
 background: url("../images/dropDown.png");
}

#wrapper tr.el:hover td.l{
background-position: 0 -2px;
}

#wrapper tr.el:hover td.r {
    background-position: -17px -1px;
}

#wrapper tr.el:hover td.c {
background-position: 0 -30px;
}

tr:hover table.third td{
background:none;
}

div.arrow {
    background: url(/App_Themes/Alpha/images/arrow.gif);
    top: 9px;
    display: block;
    height: 9px;
    position: absolute;
    right: 4px;
    width: 5px;
}

ul.dropdown tr:hover div.arrow .inner{
display:block;
}

div.arrow .inner {
    left: 9px;
    position: absolute;
    top: -11px;
    display:none;
}

ul.dropdown table.third{
display: block; margin: 0; position: absolute; top: 0; left: 0;
z-index:10;
}

#footer{
position:absolute;
bottom:0;
left:0;
text-align:center;
font-size:12px;
width:100%;
color:#32363f;
}


/*show vkontakte, facebook button*/

#footer span{
margin: 0 13px; 
}
#footer a.down, #footer a.down:visited, #footer a.down:active{
text-decoration:none;
color:#32363f;
}

#footer a{
font-size:12px;
}

#footer a *{
margin-bottom:3px;
}

.footerContacts {
    display: inline-block;
    margin: 2px auto 14px;
}

#footer span.phonesDown{
clear:both;
display:block;
white-space:nowrap;
}

*:first-child+html .footerContacts{
display:block;
width:expression(this.lastChild.clientWidth + 20);
}

#footer .footerContacts *{
display:block;
float:left;
margin: 3px 0 0 4px;
}


#footer .footerContacts a.img, #footer .footerContacts img{
    margin-top:0;
}

#footer a.down:hover{
text-decoration:underline;
color:#32363f;
}

.footerBorder{
background: url(../images/footerBorder.gif) repeat-x;
height:9px;
margin-bottom:20px;
}

/*search*/
div.phone {
    margin-right: 40px;
    text-align: center;
}
.searchTable {
    background: url("../images/searchBackground.png") no-repeat scroll 0 0 transparent;
    margin-top: 5px;
    padding: 15px 20px;
    width: 273px;
}
.searchTable div {
    border-bottom: 1px solid #CCCCCC;
    margin: 7px 0;
    line-height:0px;
    height:1px;
}

.searchTable table{
border:none;
color: #437093;
font-size: 12px;
margin:0;
}

.searchTable td {
border:medium none;
padding:2px 0;
margin:0;
}

*:first-child+html .searchTable td{
padding:1px 0;
}
.searchTable td.header{
font-size:15px;
font-weight:bold;
padding-bottom:6px;
}

.searchTable input, .searchTable select{
border:solid 1px #b5b5b5;
width:140px;
margin:0 0 0 10px;
padding:0;
float:left;
}
.searchTable input{
width:137px;
}

#Columns .linkButton{
display: block;
font-size: 13px;
font-weight: bold;
height: 24px;
padding: 7px 0 0 0;
text-align:center;
color: #FFFFFF;
text-decoration: none;
position:relative;
background-position:0 0;    
}
#Columns .linkButton:hover{
background-position:0 -31px;    
}
#wrapper #Columns .pressed{
background-position:0 -62px;    
}
/*
#Columns .linkButton * {
    bottom: 25px;
    position: relative;
    z-index: 10;
}
#wrapper #Columns .buttonBackround{
position:relative;
margin:0;
bottom:0;
padding:0;
height:31px;
z-index:1;
display:block;
background: url("../images/searchButton.png") repeat scroll 0 0 transparent;
}
*/
#Columns .searchTable a.searchButton {
    background: url("../images/searchButton.png") repeat scroll 0 0 transparent;
    float: right;
    margin: 11px 0 4px;
    position: static;
    width: 106px;
}

#Columns a.searchButton:hover{
background-position:0 -31px;
}

/*searchResults*/

#CenterColumn .breadCrumbs {
margin-top:0;
}
.breadCrumbs {
    margin: 45px 0 17px;
}

.why {
    background: url("../images/why_top.png") repeat scroll 0 0 transparent;
    margin-top: 20px;
    padding: 30px 50px 0 0;
    width: 262px;
}
.why_bottom {background: url("../images/why_bottom.png") repeat scroll 0 0 transparent; width: 312px; height:10px; margin-top:-10px;}
.breadCrumbs *{
color:#666666;
}
.breadCrumbs a, .breadCrumbs a:visited, .breadCrumbs a:hover, .breadCrumbs a:active
{
    color:#666666
}
.breadCrumbs span{
color:#999999;
}

span.results {
    display: block;
    font-size: 15px;
    font-weight: bold;
}

select.currency {
    display: block;
    float: right;
    font-size: 12px;
    margin-bottom: 20px;
}

span.currency {
    float: right;
    font-size: 12px;
    margin: 4px 9px 0;
}

.courses {
    color: #666666;
    font-size: 12px;
    line-height: 16px;
}

table.courses {
    border-bottom: 1px solid #2F5F7E;
    margin: 0;
    width: 100%;
}
.courses td {
    border: medium none;
    padding: 12px 0;
}

#Columns .courses td{
border-top:solid 1px #2f5f7e;
}

.courses td.image{
width:130px;
}

td.price {
    padding-left: 15px;
    text-align: center;
    vertical-align: top;
    width: 184px;
}

.courses .details{
    font-size: 12px;
    line-height: 20px;
}

span.bold{
font-weight:bold;
font-size:13px;
color:#222222
}
.courses .name, .eventName, .courses a.name:hover, .courses a.name:active, .courses a.name:visited
{
    color: #5D8B13;
    font-size: 15px;
    font-weight: bold;
    line-height: 22px;
    text-decoration: none;
}
.courses a.name:hover
{
text-decoration:underline;
}

.courses .school {
    display: block;
    float: left;
    font-size: 13px;
    margin-bottom: 6px;
}

.courses .map{
    display: inline;
 /*   float: left;*/
    margin-left: 5px;
}

span.value
{
color:#222222;
}

.priceBackground{
    background: url(../images/priceBackground.png) no-repeat;
    margin: 0 0 6px;
    height: 70px;
}

.half {
    color: #222222;
    float: left;
    font-size: 11px;
    line-height: 11px;
    text-align: center;
    width: 50%;
}
.half span.rur {
font-size:13px;
}
.half span {
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin: 11px 0 8px;
}

.courses td.price a.orderButton, .calculator .orderButton {
    background: url(../images/orderButton.png);
    margin: 6px auto 0;
    width: 128px;
}

.calculator .orderButton {
    float: right;
    margin: 20px 0 0;
}

.pager
{
margin-top:25px;
}
.prevButton, .nextButton, .pagerPages {display:inline;}

.pagerPages a
{
 padding:0 4px;
}

.pagerPages a.selected{
color:#222222;
font-weight:bold;
}

.course td.schoolLogotype {
padding-right:30px;
}
.courseImg{
position:relative;
font-size:0;
line-height:0;
}
.schoolLogotype img, .schoolLogotype span{
    margin:0;
    display:block;
}

/*Description*/
div#Columns .ajax__tab_header{
border:none;
background:none;
color:#003679;
font-size:13px;
}

div#Columns .ajax__tab_body{
border:none;
border-top:solid 6px #b0ba95;
}

/*Tab Active & Tab Hover*/
div#Columns .ajax__tab_hover .ajax__tab_tab, div#Columns .ajax__tab_active .ajax__tab_tab
{
    background:#b0ba95;
}
div#Columns .ajax__tab_hover .ajax__tab_inner, div#Columns .ajax__tab_active .ajax__tab_inner
{
    background:url(../images/tabLeftActive.png) no-repeat left;
}
div#Columns .ajax__tab_hover .ajax__tab_outer, div#Columns .ajax__tab_active .ajax__tab_outer
{
    background:url(../images/tabRightActive.png) no-repeat right;
}

/*Tab Inactive*/
div#Columns .ajax__tab_tab {
    background: url(../images/tab.png) repeat-x;
    height: 23px;
    padding: 8px 0 0;
}
div#Columns .ajax__tab_inner
{
    background:url(../images/tabLeft.png) no-repeat left;
    padding-left:9px;
    height: 31px;
}
div#Columns .ajax__tab_outer
{
    height: 31px;
    background:url(../images/tabRight.png) no-repeat right;
    padding-right:9px;
    margin-right:2px;
}

div#Columns .ajax__tab_xp .ajax__tab_body {
font-size:13px;
}

/*courses*/

table.course{
margin-bottom:25px;
}

.course td{
border:none;
padding:0;
}


.courseName{
    margin-top: 10px;
}
.courseName span {
    color: #5D8B13;
    font-weight: bold;
}

.currentCourse .first {
    padding-right: 14px;
    width: 250px;
}
 .courseDetailsPageLeft{
 line-height:19px;
 }
.currentCourse td {
    border: medium none;
    height: 10px;
    line-height: 21px;
    padding: 0;
    vertical-align: top;
}

.SelectedPage
{
    font-weight:bold;
}

.PagerResults{
display:none}

/*map*/

#map_canvas{ 
width:685px;
height:375px;
float:left;
}


.labels{
float:left;
width: 290px;
}

/*price*/
span.price {
    border: 1px solid #B0BA95;
    display: block;
    float: left;
    margin: 15px 0 10px;
    padding: 0;
    position:relative;
}

#Columns span.accomodation{
margin-bottom:10px;
}

span.tick {
    background: url("../images/tick.png") no-repeat scroll center bottom transparent;
    display: block;
    float: left;
    font-size: 0;
    height: 12px;
    margin-right: 4px;
    width: 9px;
}

span.accomodation td{
text-align:left;
padding-left:10px;
}
span.accomodation th, span.accomodation .even{
font-weight:bold;
}

.price table {
    margin: 0;
    text-align: center;
}

.price td{
border: 1px solid #ffffff;
}

table .secondHeader{
background:#c4cbb0;
font-weight:bold;
}

.odd td{
background:#ebeee4
}
.even td{
background:#d7dcca;
}
.price th, .taxHeader{
background:#B0BA95;
border: 1px solid #ffffff;
font-weight:normal;
}
.taxHeader span.sessionLabel {
    font-size: 13px;
    font-weight: bold;
    margin-left: 13px;
}
/*photos*/

.imagesHeaders {
    margin: 25px 35px;
}

a.img {
    float: left;
    margin-right: 25px;
}
a.img div{
    position:relative;
}
#wrapper a.img:hover {
text-decoration:none;
}

.imagesHeaders span {
    color: #2e607b;
    display: block;
    font: italic bold 17px Tahoma Sans MS;
    text-align: center;
}

.imagesHeaders a:hover span
{
    text-decoration:underline;
}
div.photo {
    display: none;
    float: left;
    /*height: 500px;*/
    width: 685px;
    margin: 10px;
    position: relative;
    background: #ffffff;
    text-align:center;
    overflow:hidden;
}
.ajax__tab_panel div.active
{
    display:block;
}
div.photo a.main {
    display: table-cell;
    width:685px;
    height:500px;
    vertical-align:middle;
}
div.container{
width:685px;
}

span.text {
    display: block;
    font-weight: bold;
    margin: 14px 0 20px;
    text-align: center;
    height:16px;
}

div.photo img {
    display: block;
    margin: 0 auto;
    padding: 0;
}

* :first-child+html div.photo {
    line-height: 0;
    display:block;
}

*:first-child+html div.photo a.main{
    display:block;
}

*:first-child+html div.photo a.main img {
    margin-top:expression(((500-this.clientHeight)/2)+'px');
}

 /*   height:683px;
    overflow:visible;
    display: block;
    line-height: 0;
    position: relative;
}

*:first-child+html div.container{
position:absolute;
bottom:16px;
}

*:first-child+html div.photo a.main
{
    display:block;
    position: absolute;
    top: 50%;
    left: 50%;
}

*:first-child+html div.photo a.main img
{
    position: relative;
    top: -50%;
    left: -50%;
}
*/
.jcarousel-container {
/*   background: url("../images/carouselBackground.png") repeat scroll 0 0 transparent;*/
    background:#7f7f7f;
    padding: 8px 32px;
    position: relative;
    width: 621px;
    z-index: 2;
    overflow:hidden;
}

.jcarousel-container li {
    float: left;
    width: 124px;
    height:117px;
    list-style: none outside none;
    display:block;
}

.jcarousel-container a{
    margin:10px 10px ;
    display:block;
}
.jcarousel-container a img{
position:relative;
width:95px;
height:95px;
display:block;
border: 1px solid #cccccc;
}

.jcarousel-list{
height:117px;
}
.jcarousel-container a:hover{
margin:0;
}
.jcarousel-container a:hover img{
width:115px;
height:115px;
}

.jcarousel-next-horizontal:hover {
    background-position: -17px -23px;
}

.jcarousel-prev-horizontal:hover{
    background-position: 0px -23px;
}
#wrapper .jcarousel-prev-disabled {
    cursor: default;
    background-position: 0px 0px;
}
#wrapper .jcarousel-next-disabled {
    cursor: default;
    background-position: -17px 0px;
}
.jcarousel-next-horizontal, .jcarousel-prev-horizontal{
    background: url(../images/arrowsCarousel.png) -16px 0;
    cursor: pointer;
    height: 23px;
    position: absolute;
    top: 54px;
    width: 17px;
}

.jcarousel-next-horizontal{
    right: 13px;

}
.jcarousel-prev-horizontal{
    left: 13px;
    background-position:0 0;
}

/*order*/

td.noBorder {
    border: medium none;
}

.orderTD
{
    border: medium none;
    padding:0;
} 

span.orderBody{
position:relative;
float:left;
}

span.order table{
text-align:left;
}

.calculator span.order{
margin:0;
}
.calculator .footnote {
    display: block;
    position:relative;
    font-size: 12px;
    margin-top: 10px;
}
.order select, .order select option, .order input{
font-size:13px;
font-weight:normal;
}

.taxHeader select{
    margin-left: 10px;
}
.taxHeader{
    font-size: 15px;
    font-weight: bold;
}
span.order td {
    padding-left: 12px;
}

.order td.noBorder {
    border-left: medium none;
    border-right: medium none;
}
.order td.selectTd {
    width: 190px;
}

.order span.left{
float:left;
}

.shownPrice {
    width: 86px;
}

.calculator input{
width:60px;
border:solid 1px #cccccc;
}


.contacts .sendOrderButton{
    background: url(../images/sendOrderButton.png);
    margin: 6px auto 0;
    width: 130px;
    float:right;
}

.contacts {
    margin: 25px 0;
}

.calculator{
}

.currencies td{
border:none;
padding: 0.5em 0;
} 

/*QuestionAnswer*/
.qa {
    margin-top: 13px;
}
.qa div{
margin-bottom:12px;
}
.qa a{
margin:0 0 12px 0;
}
.qa a.image {
    line-height:0;
    font-size:0;
    float:left;
    clear: left;
    margin-right: 10px;
    height:14px;
    width:9px;
    background:url(../images/aClosed.png) no-repeat bottom;
}

#wrapper .qa a.open{
height:13px;
width:11px;
background:url(../images/aOpen.png) no-repeat bottom;
}

.qa a.image img{
margin-top:3px;
}

.qa div.hidden {
    clear: both;
    display: none;
    margin: 0 0 12px 20px;
}

.newQuestionHeader{
    display: block;
    margin: 15px 0 10px;
}

.questionAnswers td span.errorContainer{
position:relative;
}
.serverError, .error {
    color: #7E2F2F;
    left: 12px;
    position: absolute;
    top: 1px;
    white-space: nowrap;
}
span.shiftTop{
top:9px}

.red{
color:#7e2f2f;
font-size:11px;
}


.questionAnswers td {
    border: medium none;
    padding:6px 0;
    vertical-align:top;
}

div.questionAnswers a.questionButton {
    background: url("../images/questionButton.png") repeat scroll 0 0 transparent;
    float: right;
    width: 117px;
}
.SecurityCodeImage{
float:left;
margin:8px 0 0 10px;
}

.generateNew{
display:block;float:left;
font-family:tahoma,arial,helvetica,clean,sans-serif;}
.SecurityCodeTextbox {
    float: right;
    margin:8px 0 12px;
}
.questionAnswers input, .questionAnswers textarea{
border:solid 1px #cccccc;
width:250px;
}
.questionAnswers .footnote {
    color: #666666;
    float: left;
    font-size: 11px;
}

a.description{
background:url(../images/description.gif);
height:17px;
width:17px;
display:block;
float:left;
margin-left:12px;
text-align:center;
}

.highslide-header{
text-align:center;
font-weight:bold;
}


.highslide-header li.highslide-close a:hover{
cursor:pointer;
}
/*
div.description{
width:150px; 
}

/*events*/
.lt,.rt,.lb,.rb
{
  font-size:0;
  line-height:0;
  height:6px;
  width:6px;
  position:absolute;
  z-index:2;
}
.lt{
top:0;
left:0;
background:url(../images/lt.png);
}
.lb{
bottom:0;
left:0;
background:url(../images/lb.png);
}
.rt{
top:0;
right:0;
background:url(../images/rt.png);
}
.rb{
bottom:0;
right:0;
background:url(../images/rb.png);
}
.events {
    padding-bottom: 60px;
}
.img {
    float: left;
    margin-right: 25px;
}
div.normal{
    display: block;
    float: left;
    margin: 0 25px 25px 0;
}
.date {
    display: block;
    font-size: 12px;
    margin-bottom: 4px;
}
.event {
    float: left;
    margin: 30px 0 0;
    width: 50%;
    height:200px;
}

.eventName {
    display: block;
    margin: 6px 0;
}
span.h4{
    color: #22339F;
    display: block;
    font: bold 18px Times New Roman;
    text-align: right;
}
h4 {
    font-size: 13px;
}

/************************************** CONTENT *********************************************/

.Levels{ float:left; width:100%; clear:both; margin:0;}
.Levels h3{ font-size:15px; font-weight:bold; color:#222222; padding:0 0 0 10px;}
.Levels .Graph{ float:left; width:380px;}
.Levels .Review{ float:left; width:605px;}

.Levels .StrokeBg1{ background:url('../images/stroke1.png') 0 0 no-repeat;float:left; width:100%;}
.Levels .StrokeBottom1{ background:url('../images/stroke_bottom1.png') 0 bottom no-repeat; float:left; width:100%;width:245px;  padding:2px 40px 10px 15px;}
.Levels .StrokeBg2{ background:url('../images/stroke2.png') 0 0 no-repeat;float:left; width:100%;}
.Levels .StrokeBottom2{ background:url('../images/stroke_bottom2.png') 0 bottom no-repeat; float:left; width:100%;width:245px;  padding:2px 40px 10px 15px;}
.Levels .StrokeBg3{ background:url('../images/stroke3.png') 0 0 no-repeat;float:left; width:100%;}
.Levels .StrokeBottom3{ background:url('../images/stroke_bottom3.png') 0 bottom no-repeat; float:left; width:100%;width:245px;  padding:2px 40px 10px 15px;}
.Levels .StrokeBg4{ background:url('../images/stroke4.png') 0 0 no-repeat;float:left; width:100%;}
.Levels .StrokeBottom4{ background:url('../images/stroke_bottom4.png') 0 bottom no-repeat; float:left; width:100%;width:245px;  padding:2px 40px 10px 15px;}
.Levels .Face{ float:left; display:block; background-position:190px 28px; background-repeat:no-repeat; width:300px; margin:0 0 15px 0;}
.Levels .Stroke h5{color:#fff; font-weight:bold; font-size:12px;}
.Levels .TextReview{ font-size:10px; line-height:14px; margin:5px 0 0 0;}
.Levels .Photo{ float: right; width:81px; height:90px;}
.Levels .TextReview b{ font-weight:bold;}
.Levels .TextReview i{ font-style:italic;}
.Levels .TextReview span{ font-size:13px;font-style:italic;}


ul.nice {
  margin-left: 1em;
}
ul.nice li {
  list-style:none;
  background: url("/App_Themes/Alpha/images/tick.png") no-repeat 0 3px transparent;
  padding-left: 14px;
}
/*dev*/
.test{
display:none;
}
.EditInfoPanel {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 200;
}

.comments img.photo {
    margin: 4px 12px 4px 0;
}

.comments div * {
    float: left;
}
.comments .date {
    color: #003679;
    float: right;
    font-size: 11px;
}
.comments .sn {
    margin-left: 5px;
}

.comments .textComment {
    display: block;
    float: none;
    font-weight: normal;
    padding: 25px 0 0 62px;
    text-align: left;
}
.comments .name {
    color: #45809E;
    margin-left:10px;
}

.comments div {
    margin: 0 0 32px;
}

.addComment textarea {
    border: 1px solid #B0BA95;
    border-radius: 5px 5px 5px 5px;
    display: block;
    margin: 7px 0;
    padding: 4px 20px;
    width: 930px;
}

.addComment #visibleLink {
    color: #cfcfaf;
    font-weight: bold;
}
#sn_hidden { display:none;}
#fb_auth, #vk_auth  {
    display:none;
    margin-top:15px;
}
/* facebook authorization */
#fb_auth a { text-decoration: none; 
font-size:11px; line-height: 14px;
background: url("http://static.ak.fbcdn.net/rsrc.php/v1/yL/r/FGFbc80dUKj.png") no-repeat scroll left -188px #29447E;
 display: inline-block; outline: medium none; padding: 0 0 0 1px; color: #3B5998;
}
#fb_auth a span{
    background: url("http://static.ak.fbcdn.net/rsrc.php/v1/yL/r/FGFbc80dUKj.png") repeat scroll 0 0 #5F78AB;
    border-bottom: 1px solid #1A356E;
    border-top: 1px solid #879AC0;
    color: #FFFFFF;
    display: block;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-weight: bold;
    margin: 1px 1px 0 21px;
    padding: 2px 6px 3px;
    text-shadow: none;
}
.comments div b {
    float: none;
}
.vkButton {
    background: url("/App_Themes/Alpha/images/vkontakte.png") no-repeat scroll 3px 4px transparent;
    margin-right: 15px;
    padding: 5px 0 4px 24px;
}
.fbButton {
    background: url("/App_Themes/Alpha/images/facebook.png") no-repeat scroll 3px 4px transparent;
    padding: 5px 0 4px 24px;
}
#layer 
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index:1000;
    cursor: wait;
}
.comments div.clear {
    clear: both;
    float: none;
    margin: 0;
}

.comments .photo 
{
    margin-right: 10px;
}
.comments .photo img
{
    max-width:100px;
}
.comments .textComment * {
    float: none;
}