/*
	Laurynas Karvelis, made.By
	main CSS declarations
*/

@import url("reset.css");

/* General */
body {
	background: #1f2322;
	color: #010101;
	font: 12px Georgia, Arial, Tahoma;
	text-align: center;
}

.clear{
	clear: both;
}

.float-left{
	float: left;
}

.inline{
	float: left;
	width: auto !important;
	margin-right: 5px;
}

.align-right{
	text-align: right;
}

.align-center{
	text-align: center;
}

#outer-container{
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.index-bg{
	background: #1f2322 url(../images/index-main-bg.gif) repeat-x 0 226px;
}

/* Header */
#header{
	padding-top: 20px;
	padding-bottom: 20px;
}

#header-right-side{
	float: right;
	padding-top: 10px;
}

a#dance-lessons-registration{
	background: url(../images/dance-lessons-registration.gif) no-repeat top left;
	display: block;
	float: right;
	height: 42px;
	border: 1px solid #1f2322;
}

a#dance-lessons-registration:hover{
	border: 1px solid #fff;
}

#dance-lessons-registration {
	color: white;
	text-decoration: none;
	text-align: left;
	font-size: 21px;
	font-family: Tahoma;
	padding-left: 55px;
	line-height: 18px;
	padding-top: 4px;
	padding-right: 10px;
}

#dance-lessons-registration span {
	font-size: 14px;
	line-height: 14px;
	padding-left: 1px;
}

a#dance-lessons-registration2{
	background: url(../images/baletas_visiems.png) no-repeat top left;
	display: block;
	float: right;
	height: 42px;
	border: 1px solid #1f2322;
}

a#dance-lessons-registration2:hover{
	border: 1px solid #fff;
}

#dance-lessons-registration2 {
	color: white;
	text-decoration: none;
	text-align: left;
	font-size: 21px;
	font-family: Tahoma;
	padding-left: 75px;
	padding-right: 10px;
	line-height: 18px;
	padding-top: 4px;
	margin-right: 10px;
}

#dance-lessons-registration2 span {
	font-size: 14px;
	line-height: 14px;
	padding-left: 1px;
}

a#dance-lessons-registration2_2 {
	background: url(../images/logo_footerB.png) no-repeat 5px 4px;
	display: block;
	float: right;
	height: 30px !important;
	border: 1px solid #EBD09A;
	padding: 16px 10px 10px 60px !important;
	float: right !important;
	margin: 10px 0 10px 0;
	text-decoration: none !important;
}

a#dance-lessons-registration2_2:hover{
	border: 1px solid #fff;
}

#slogan{
	background: url(../images/slogan.gif) no-repeat;
	float: right;
	width: 735px;
	height: 28px;
	margin-top: 25px;
	clear: both;
}

/* Menu */
#main-menu{
	height: 42px;
	display: block;
	background: url(../images/menu-bg.gif) repeat-x;
}

#main-menu li{
	display: inline;
}

#main-menu a{
	display: block;
	float: left;
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	color: #fff;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 0 28px;
	border-right: 1px solid #272b2c;
}

#main-menu a:hover, #main-menu li.active a{
	text-decoration: underline;
}

#main-menu a.last{
	border-right: 0;
}

/* Scrolling line */
#urgent-info-box{
	height: 25px;
	line-height: 25px;
	background: #ebd09a;
}

/* Main container */
.container{
	background: #ebd09a;
	padding: 16px;
	padding-bottom: 20px;
}

.no-container-padding{
	padding: 0 !important;
}

.no-container-padding #content{
	width: 760px;
}

#index{
	background: #a32c18;
	padding: 0;
}

/* Right side */
#right-side{
	width: 170px;
	margin-left: 20px;
	float: right;
	background: #ebd09a;
}

#index #right-side{
	background: #a32c18;
}

h3{
	font-size: 20px;
	line-height: 20px;
	border-bottom: 1px solid #fff;
	padding-top: 13px;
	padding-bottom: 9px;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
}

#index h3{
	border-bottom: 1px solid #be4026;
}

h3 a:hover{
	text-decoration: underline;
}

h3 a{
	color: #1f2322;
	text-decoration: none;
}

#index h3 a{
	color: #fff;
}

ul.news-items{
	padding-bottom: 6px;
	margin-bottom: 9px;
	border-bottom: 1px solid #fff;
}

#index ul.news-items{
	border-bottom: 1px solid #be4026;
}

ul.news-items li{
	display: block;
	padding-top: 9px;
}

ul.news-items a{
	text-decoration: none;
}

ul.news-items small{
	font-size: 10px;
	color: #a32c18;
}

#index ul.news-items small{
	color: #fff;
}

ul.news-items h4{
	font-size: 11px;
	color: #000;
	font-weight: bold;
}

ul.news-items p{
	font-size: 11px;
	color: #1f2322;
}

#index ul.news-items p{
	color: #ebd09a;
}

ul.news-items a:hover h4{
	text-decoration: underline;
}

ul.side-menu{
	padding-bottom: 9px;
	margin-bottom: 15px;
}

#index ul.side-menu{
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

ul.side-menu a{
	display: block;
	height: 29px;
	line-height: 29px;
	background: url(../images/bullet.gif) no-repeat center left;
	padding-left: 22px;
	text-decoration: none;
	
	font-size: 20px;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-weight: normal;
	color: #1f2322;
}

#index ul.side-menu a{
	background-image: url(../images/index-bullet.gif);
	color: #fff;
}

ul.side-menu a:hover{
	text-decoration: underline;
}

/* Content */
#content{
	width: 728px;
	float: left;
	background: #ebd09a;
}

#index #content{
	background: #a32c18;
	width: 760px;
	min-height: 259px;
}

/* General page container */
h1{
	padding-top: 9px;
	font-size: 28px;
	line-height: 28px;
	font-weight: normal;
	color: #1f2322;
	border-bottom: 1px solid #fff;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

h1 .links{
	float: right;
	font-size: 14px;
}

.padded-left{
	margin-left: 16px;
}

img.padded-left{
	margin-bottom: 25px;
}

#content a{
	color: #a32c18;
}

#content a:hover{
	color: #000;
}

#content em{
	font-size: 20px;
}

#content p{
	font-size: 12px;
	padding-bottom: 10px;
	line-height: 18px;
}

#content strong, #content b{
	font-weight: bold;
}

.hruler{
	border-bottom: 1px solid #fff;
}

#content .horizontal-line{
	padding-top: 10px;
	padding-bottom: 0;
	border-bottom: 1px solid #fff;
	margin-bottom: 10px;
	height: 1px;
	line-height: 1px;
	font-size: 0;
}

.coach{
	padding: 20px 0;
}

.coach-photo{
	float: left;
	width: 190px;
	border: 5px solid #a32c18;
	margin-right: 20px;
}

.coach-desc{
	float: left;
	width: 500px;
}

#content h2{
	color: #1f2322;
	text-transform: none;
	font-weight: bold;
	font-size: 20px;
	border-bottom: 1px solid #a32c18;
	padding-bottom: 9px;
	margin-bottom: 14px;
}

#content h2 a{
	color: #1f2322;
	text-decoration: none;
}

#content h2 a:hover{
	text-decoration: underline;
}

#content h4{
	color: #1f2322;
	font-size: 15px;
	padding-bottom: 9px;
}

#content ul{
	padding-bottom: 10px;
}

#content ul li{
	background: url(../images/bullet.gif) no-repeat top left;
	padding-left: 22px;
	line-height: 20px;
	margin-left: 15px;
}

table.price-list{
	width: 100%;
}

table.price-list th{
	background: #a32c18 url(../images/pre-footer.png);
	color: #ebd09a;
	font-size: 14px;
	border: 1px solid #fff;
	border-right: 0;
	border-left: 0;
	padding: 4px 15px;
}

table.price-list th.first{
	border-left: 1px solid #fff;
}

table.price-list th.last{
	border-right: 1px solid #fff;
}

table.price-list td{
	padding: 8px 15px;
	border-right: 1px solid #fff;
	vertical-align: top;
}

table.price-list td.last{
	border-right: 0;
	border-right: 1px solid #fff;
}

table.price-list td.first{
	font-weight: bold;
	border-left: 1px solid #fff;
}

table.price-list tr.odd td{
	background: #fff;
}

table.price-list tr.hovered td{
	background: #bc381f !important;
	color: #fff;
	cursor: default;
}

table.price-list tr.bottom td{
	border-bottom: 1px solid #fff;
}

.image-frame{
	border: 5px solid #a32c18;
}

.black-frame{
	border: 1px solid #000;
}

td{
	padding: 8px 15px;
	vertical-align: top;
}

/* Index dance types */
#content ul.dance-types{
	width: 760px;
	padding: 0;
}

#content ul.dance-types li{
	display: inline;
	background: none;
	padding: 0;
	margin: 0;
}

ul.dance-types a{
	display: block;
	float: left;
	width: 253px;
	height: 258px;
	position: relative;
}

.date{
	color: #a32c18;
	padding-bottom: 15px;
}

.gap{
	height: 15px;
}

input.textField, select.textField{
	width: 200px;
	height: 21px;
	line-height: 21px;
	border: 1px solid #333;
	border-color: #7c7c7c #d7d7d7 #d7d7d7 #7c7c7c;
	color: #010101;
	font: 12px Georgia, Arial, Tahoma;
	padding: 0 3px;
}

textarea.textArea{
	width: 400px;
	height: 115px;
	line-height: 21px;
	border: 1px solid #333;
	border-color: #7c7c7c #d7d7d7 #d7d7d7 #7c7c7c;
	color: #010101;
	font: 12px Georgia, Arial, Tahoma;
	padding: 3px 3px;
}

img.captcha{
	border: 1px solid #333;
	border-color: #7c7c7c #d7d7d7 #d7d7d7 #7c7c7c;
	float: left;
}

input#captcha{
	width: 80px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #333;
	border-color: #7c7c7c #d7d7d7 #d7d7d7 #7c7c7c;
	color: #010101;
	font: 38px Arial, Tahoma;
	float: left;
	margin-left: 7px;
	text-align: center;
}

input.button{
	background: #323331;
	font: 14px Georgia, Arial, Tahoma;
	padding: 8px 15px;
	border: 0;
	color: #fff;
	cursor: pointer;
}

input.button:hover{
	background: #000;
}

input.reset{
	background: #a32c18;
	margin-left: 7px;
}

input.reset:hover{
	background: #6e1809;
}

.notice{
	padding-top: 20px;
	font-style: italic;
}

table.contact-form{
	width: 1%;
}

table.contact-form td{
	font-size: 14px;
	width: 1%;
	white-space: nowrap;
}

.red{
	color: #a32c18;
	font-weight: bold;
}

ol li{
	list-style-type: decimal;
	list-style-position: inside;
}

table.registration input.textField{
	width: 150px;
}

#content ul.gallery{
	width: 760px;
	padding: 0;
	margin-bottom: 25px;
	clear: both;
}

#content ul.gallery li{
	display: block;
	float: left;
	width: 190px;
	background: none;
	padding: 0;
	margin: 0;
}

#content ul.images-only li{
	height: 130px;
}

ul.gallery a{
	display: block;
	float: left;
	width: 190px;
	height: 130px;
}

ul.gallery a.title{
	width: 155px;
	height: auto;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #1f2322 !important;
	background: url(../images/folder.gif) no-repeat 10px;
	padding-left: 35px;
}

ul.gallery a.title:hover, ul.gallery li.hovered a.title{
	text-decoration: underline;
}

ul.emphasized li{
	font-size: 14px;
}

a#register-inline-button{
	background: url(../images/register-in-button.gif) no-repeat center;
	display: block;
	height: 63px;
}

a#register-inline-button:hover{
	background: url(../images/register-in-button-hover.gif) no-repeat center;
}

#content ul.faq li{
	background: none;
	padding: 0;
	margin: 0;
}

#content ul.faq li a{
	color: #1f2322;
	border: 1px solid #fff;
	padding: 4px 15px;
	margin-bottom: 12px;
	display: block;
	text-decoration: none;
	background: url(../images/faq-open.gif) no-repeat right 2px;
}

#content ul.faq li a .question{
	font-weight: bold;
}

#content ul.faq li a:hover{
	background-color: #fff;
	background-image: url(../images/faq-open-hover.gif);
}

#content ul.faq li a.active{
	background-color: #fff;
	background-image: url(../images/faq-close.gif);
}

#content ul.faq .answer{
	display: none;
}

#content ul.faq li a.active .answer{
	display: block;
	padding-top: 15px;
	font-style: italic;
}

/* Footer */
#footer{
	padding-top: 60px;
	background: url(../images/pre-footer.png) repeat-x top;
	color: #ebd09a;
	line-height: 18px;
}

#footer a{
	color: #ebd09a;
	text-decoration: underline;
}

#footer a:hover{
	color: #fff;
}

#footer-contacts{
	margin-top: 6px;
	padding-top: 11px;
	padding-left: 81px;
	background: url(../images/footer-logo.gif) no-repeat top left;
	height: 49px;
}

#footer-contacts li{
	float: left;
	padding-left: 25px;
}

#footer-buttons{
	margin-top: 6px;
	padding-top: 11px;
	float: right;
}

#footer-buttons a{
	display: block;
	float: left;
	height: 21px;
	line-height: 21px;
	padding-left: 32px;
}

a#footer-facebook-button{
	background: url(../images/facebook.gif) no-repeat left;
	margin-left: 23px;
}

a#footer-facebook-button:hover{
	background-image: url(../images/facebook-active.gif);
}

a#footer-recommend-button{
	background: url(../images/recommend.gif) no-repeat left;
	margin-left: 23px;
}

a#footer-recommend-button:hover{
	background-image: url(../images/recommend-active.gif);
}

/* Lesson list table */
table.lesson-list{
	width: 100%;
	margin-bottom: 15px;
}

table.lesson-list th{
	background: #a32c18 url(../images/pre-footer.png);
	color: #ebd09a;
	font-size: 14px;
	border: 1px solid #fff;
	border-right: 0;
	border-left: 0;
	padding: 4px 15px;
}

table.lesson-list th.dance-type{
	font-weight: bold;
	font-size: 18px;
	border-bottom-color : #ebd09a;
	color: #fff;
}

table.lesson-list th.dance-day{
	border-top: 0;
	background-image: none;
}

table.lesson-list th.first{
	border-left: 1px solid #fff;
}

table.lesson-list th.last{
	border-right: 1px solid #fff;
}

table.lesson-list td{
	padding: 8px 15px;
	border-right: 1px solid #fff;
	vertical-align: top;
	width: 16.6% !important;
}

table.lesson-list td.last{
	border-right: 0;
	border-right: 1px solid #fff;
}

table.lesson-list td.first{
	border-left: 1px solid #fff;
}

table.lesson-list tr.odd td{
	background: #fff;
}

table.lesson-list tr.hovered td{
	background: #bc381f !important;
	color: #fff;
	cursor: default;
}

table.lesson-list tr.bottom td{
	border-bottom: 1px solid #fff;
}

a.facebook-inline{
  display: block;
  float: right;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  background: url(../images/facebook-button.gif) no-repeat left;
  text-decoration: none;
  padding-left: 10px;
  color: #ebd09a;
}

a.facebook-inline span{
  display: block;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  background: url(../images/facebook-button-right.gif) no-repeat right;
  padding-right: 10px;
  color: #ebd09a;
}

a.facebook-inline span:hover{
  color: #fff;
  text-decoration: underline;
}

h1.lesson-h1{
  padding-bottom: 6px;
}

/* Calendar */
#calendar{ width: 100%; }
#calendar thead tr.calendar-heading-days th{ text-align: center; font-weight: normal; }
#calendar tbody tr td{ width: 102px; height: 100px; border-top: 1px solid #b8b096; border-right: 1px solid #b8b096; padding: 2px; }
#calendar tbody tr td.last{ border-right: none; }
#calendar tbody tr td.today{ background: #b8b096; }
#calendar tbody tr td ul{ margin: 0 0.5em; }
#calendar tbody tr td a{ color: #fff; text-decoration: none; font-size: 10px; color: white; line-height: 11px; display: block !important; margin: 2px 0; padding: 1px 2px; }
#calendar tbody tr td a.calendar-event-red{ color: #fff; background: #bb2f2d; }
#calendar tbody tr td span.calendar-cell-date{ display: block; text-align: right; padding: 0.25em 0.5em; }

#calendar tbody tr td a:hover{
	color: #000;
}

#calendar ul{
	margin: 0 !important;
	padding: 0 !important;
}

#calendar ul li{
	margin: 0 !important;
	background: none !important;
	padding: 0 !important;
}

#calendar a{
	font-size: 10px;
	line-height: 15px !important;
	font-weight: normal;
}

.dateSelector{
	font-size: 17px;
	text-align: center;
	padding: 15px;
	padding-bottom: 35px;
}

/* Status boxes: info, success, warning, error */
.infoBox, .successBox, .warningBox, .errorBox {
	border: 1px solid;
	margin: 10px 0px;
	padding: 15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	font-size: 15px;
	line-height: normal;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.infoBox ul, .successBox ul, .warningBox ul, .errorBox ul{
	list-style: decimal !important;
	list-style-position: inside !important;
	margin: 0 !important;
}

.infoBox p, .successBox p, .warningBox p, .errorBox p{
	font-size: 15px !important;
	line-height: normal !important;
	padding: 0 !important;
}

.infoBox {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('../images/box-icons/info.png');
}
.infoBox p{
	 color: #00529B !important;
}

.successBox {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('../images/box-icons/success.png');
}
.successBox p{
	 color: #4F8A10 !important;
}

.warningBox {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('../images/box-icons/warning.png');
}
.warningBox p{
	color: #9F6000 !important;
}

.errorBox {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('../images/box-icons/error.png');
}
.errorBox{
	color: #D8000C !important;
}

/* End of status boxes */

.danceTitle {
	color: white;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 253px;
	text-align: center;
	color: white;
	font-size: 16px;
	height: 26px;
	padding-top: 4px;
	background-color: black;
	text-transform: uppercase;
	
    /* Theoretically for IE 8 & 9 (more valid) */
    /* ...but not required as filter works too */
    /* should come BEFORE filter */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=40);

    /* Older than Firefox 0.9 */
    -moz-opacity:0.4;

    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.4;

    /* Modern!
    /* Firefox 0.9+, Safari 2?, Chrome any?
    /* Opera 9+, IE 9+ */
    opacity: 0.4;
}

select.textField {
    padding-right: 0;
}