/********************************************************************
* Reset CSS
*********************************************************************/
body,div,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,ul,ol,li{margin:0;padding:0;}
fieldset,img{border:0;} img,input,select{vertical-align:middle;}
h1,h2,h3,h4,h5,h6{
	font-family:Verdana,Arial,Tahoma,Helvetica,sans-serif;
	line-height:normal;
	font-weight:bold;
	text-transform:none;
	font-size:115%;
	padding:.3em 0;
}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
body{
	color:#000;
	background-color:#fff;
	font:normal 11px/1.3em Verdana,Arial,Tahoma,Helvetica,sans-serif;
}
a:active,a:link,a:hover,a:visited{
	font:normal 1em/1.3em Verdana,Arial,Tahoma,Helvetica,sans-serif;
	color:#000;
	text-decoration:underline;
	letter-spacing:-1px;
}
a:hover{text-decoration:none;}
p{padding-bottom:1.2em;}
ul,ol{list-style:none;}

/********************************************************************
* Main styles
*********************************************************************/
.center{text-align:center;}
.right{float:right;}
.left{float:left;}
.clear{
	font-size:1px;
	line-height:0%;
	clear:both;
	display:block;
	float:none;
	height:0%;
	overflow:hidden;
}

h1{font-size:2.18em;font-weight:normal;}
h2{font-size:1.1em;}
h3{font-size:1em;padding-bottom:0;}

a.sm:link,a.sm:active,a.sm:hover,a.sm:visited{font-size:.9em;}
a:hover span{cursor:pointer;}
strong a:link,strong a:active,strong a:hover,strong a:visited{font-weight:bold;}

/********************************************************************
* Form CSS Rules
*********************************************************************/
form label{color:#324349;font-size:1.1em;font-family:tahoma,arial,verdana,sans-serif;line-height:1.5em;}
form a:link,form a:active,form a:hover,form a:visited{font-family:tahoma,arial,verdana,sans-serif;font-size:.9em;color:#3803b0;text-decoration:underline;}
form a:hover{text-decoration:none;}
form label{display:block;float:left;width:auto;}
form label.check { float: none; margin: 2px 0 0 5px; display: inline;}
form .text{border:1px solid #7ca1bb;background-color:#fff;padding:2px;}
form input.text{height:16px;}
form li{padding-bottom:6px;}
form.button-to {margin: 0 5px;}
form.button-to, form.button-to div {display: inline;}
/********************************************************************
* Main Layout
*********************************************************************/
#wrapper{width:100%;overflow:hidden;min-width:1024px;}

.centered{width:1024px;margin:0 auto;position:relative;z-index:1;}
.wrapper{margin:0 4px;background:url(../images/header.bg.gif) repeat-x left bottom;}

#main .wrap{padding:8px 11px 5px;}
#main .subpage{padding:11px 11px 5px;}

/********************************************************************
* Header CSS
*********************************************************************/
#header{background-color:#72c7e6;}
#header .logo{position:absolute;left:12px;top:12px;width:217px;height:80px;}
#header .logo a{display:block;height:80px;overflow:hidden;background:url(../images/gala.logo.gif) no-repeat 0 0;outline:none;text-indent:-1000em;}
#header .banner{text-align:right;height:105px;margin-right:-4px;}
#header .links{background:url(../images/links.bg.gif) repeat-x 0 0;margin-right:-4px;float:right;height:29px;width:320px;}
#header .links ul{padding-left:10px;background:url(../images/links.left.gif) no-repeat left;height:29px;overflow:hidden;}
#header .links li{display:inline;padding:0 10px 0 5px;line-height:29px;height:29px;}
#header .links a{line-height:29px;font-size:1.1em;}
#header .links img{margin:-2px 0 0 2px;}

/********************************************************************
* Menu CSS
*********************************************************************/
#menu,#main{clear:both;position:relative;z-index:1;}
#menu{background-color:#72c7e7;height:36px;}
#menu .menu li{display:block;float:left;line-height:36px;height:36px;padding-left:15px;}
#menu .menu a{
	line-height:36px;
	text-decoration:none;
	display:block;
	float:left;
	height:36px;
	overflow:hidden;
	padding-right:15px;
	background:url(../images/menu.item.bg.gif) no-repeat right bottom;
	padding-left:2px;
	font-size:1.1em;
}
#menu .menu .active a,#menu .menu a:hover{text-decoration:none;}
#menu form{position:absolute;right:0;top:7px;width:318px;}
#menu form fieldset{padding-right:12px;}
#menu form .text{
	padding-left:25px;
	width:210px;
	background:#fff url(../images/icon.search.gif) no-repeat 3px 1px;
	margin-right:1px;
	font-size:1.1em;
}

/********************************************************************
* Footer CSS
*********************************************************************/
#footer{background-color:#72c7e7;clear:both;}
#footer .copy{text-align:center;line-height:21px;color:#fff;}
#footer .copy a{line-height:21px;color:#fff;padding:0 2px;}
#footer .wrapper{padding-bottom:130px;padding-top:8px;}
#footer .centered li{display:block;float:left;width:12%;color:#fff;}
#footer .centered li.foto{padding-left: 30px;}
#footer .centered li a{color:#fff;}
#footer .centered li strong{display:block;padding-bottom:1em;letter-spacing:-1px;}
#footer .centered li li{display:block;float:none;width:auto;}

#counters{padding-top:14px;background-color:#fff;text-align:center;}
#counters li{display:inline;padding:0 3px;}


/********************************************************************
* Index Page Content CSS
*********************************************************************/
.leftside{float:left;width:376px;}
.middleside{float:left;width:300px;padding:0 12px;}
.rightside{float:left;width:301px;}

#main .block{padding-bottom:12px;}
#main .block .title{height:27px;line-height:27px;overflow:hidden;background:url(../images/block.top.gif) no-repeat 0 0;padding-left:12px;}
#main .block .title h2{line-height:27px;padding:0;text-transform:uppercase;}
#main .block .foot{height:19px;line-height:19px;overflow:hidden;background:url(../images/block.bottom.gif) no-repeat 0 0;padding-right:36px;text-align:right;}
#main .block .foot a{line-height:17px;text-decoration:none;}
#main .block .foot a:hover{text-decoration:underline;}
#main .block.peach .title,#main .block.peach .foot{background-position:0 0;}
#main .block.pink .title,#main .block.pink .foot{background-position:-376px 0;}
#main .block.violet .title,#main .block.violet .foot{background-position:-752px 0;}
#main .block.yellow .title,#main .block.yellow .foot{background-position:-1128px 0;}
#main .block.lemon .title,#main .block.lemon .foot{background-position:-1429px 0;}
#main .block.kiwi .title,#main .block.kiwi .foot{background-position:-1729px 0;}
#main .block.blue .title,#main .block.blue .foot{background-position:-2105px 0;}
#main .block.green .title,#main .block.green .foot{background-position:-2406px 0;}
#main .block.orange .title,#main .block.orange .foot{background-position:-2707px 0;}

#main .block.peach .content{background-color:#fbe9b4;padding:8px 11px 0;font-size:1.1em;}

#main .horizontal_carousel{padding:17px 0;}
#main .horizontal_carousel ul{display:block;float:left;}
#main .horizontal_carousel li{display:block;float:left;padding:0 6px;}
#main .horizontal_carousel .previous_button,#main .horizontal_carousel .next_button{font-size:1px;display:block;float:left;overflow:hidden;margin-top:29px;cursor:pointer;}
#main .horizontal_carousel .previous_button{width:14px;height:14px;background:url(../images/pinkarrow.left.gif) no-repeat left;margin-right:6px;}
#main .horizontal_carousel .next_button{width:14px;height:14px;background:url(../images/pinkarrow.right.gif) no-repeat left;margin-left:6px;}

#main .news{overflow:hidden;margin-top:-3px;font-size:1.1em;}
#main .news .post{margin-top:3px;clear:both;}
#main .news p{padding:8px 8px 6px 9px;}
#main .news .blue{background-color:#dcf1ef;}
#main .news .green{background-color:#d4f0cd;}
#main .news .lightgreen{background-color:#ebf5e1;}
#main .news .thumb{float:left;margin-right:5px;width:100px;text-align:center;}
#main .news .date{font-size:.9em;display:block;}
#main .news a{text-decoration:none;}
#main .news a:hover{text-decoration:underline;}
#main .news a.real {text-decoration: underline;}

#main .overflow{height:172px;overflow:auto;width:100%;}

#main .player{position:relative;}
#main .player .preview{background-color:#f6be71;padding:8px 0;}
#main .player .thumb{float:left;margin-right:5px;width:90px;text-align:right;}
#main .player .online{background-color:#f59960;color:#fff;padding:1px 5px 5px 12px;}
#main .player .speaker img{vertical-align:bottom;}
#main .player .speaker{position:absolute;right:9px;margin-top:-5px;}
#main .player .album{position:absolute;left:184px;}
#main .other{padding:1px 5px 5px 12px;}
#main .other strong{color:#f59960;padding-bottom:2px;display:block;}

#main .voting .question{background-color:#97ba0d;font-weight:bold;padding:.5em;margin-bottom:3px;}
#main .voting .answer{background-color:#e0eab6;margin-bottom:3px;padding:1px 40px; min-height: 1.6em;}
#main .voting .answer .count { font-size: 1.1em;}
#main .voting .answer span.answer_text{width:250px;float:left;line-height:1.8em;}

/********************************************************************
* Tables CSS
*********************************************************************/
table.greenlist,table.bluelist{border-collapse:collapse;border-spacing:0;width:100%;}
table.greenlist th,table.bluelist th{font-weight:normal;text-align:right;width:32px;padding:2px 0;vertical-align:top;}
table.greenlist td,table.bluelist td{padding:2px 0 2px 10px;vertical-align:top;}
table.greenlist tr.even th,table.greenlist tr.even td{background-color:#e4f3df;}
table.bluelist tr.even th,table.bluelist tr.even td{background-color:#d9eef1;}
table.greenlist a:link,table.greenlist a:active,table.greenlist a:visited,
table.bluelist a:link,table.bluelist a:active,table.bluelist a:visited{text-decoration:none;}
table.greenlist a:hover,table.bluelist a:hover{text-decoration:underline;}

.big_avatar_size
{
    width: 90px;
}

.small_avatar_size
{
    width: 40px;
}

.carusel_image_size
{
    height: 70px;
}

/*Carousel*/
.stepcarousel
{
    position: relative; /*leave this value alone*/
    overflow: scroll; /*leave this value alone*/
    width: 150px; /*Width of Carousel Viewer itself*/
    height: 90px; /*Height should enough to fit largest content's height*/
    margin-left: 15px;
}

.stepcarousel .belt
{
    position: absolute; /*leave this value alone*/
    left: 0;
    top: 0;
}

.stepcarousel .panel
{
    float: left; /*leave this value alone*/
    overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    margin: 10px; /*margin around each panel*/
    width: 100px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.small_carousel
{
    position: relative; /*leave this value alone*/
    overflow: scroll; /*leave this value alone*/
    width: 150px; /*Width of Carousel Viewer itself*/
    height: 50px; /*Height should enough to fit largest content's height*/
    margin-left: 15px;
}

.small_carousel .panel
{
    float: left; /*leave this value alone*/
    overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    margin: 10px; /*margin around each panel*/
    width: 50px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

table.form { width: auto; margin: 5px 20px;}
table.form td { margin: 5px;padding: 5px;width: auto;}
table.form th { text-align: right; width: auto;}
table.form label { width: auto; float: none; display: inline;}
table.form input[type="text"] {font-family: monaco, verdana, sans-serif; font-size: 110%;}

/* flash notices|errors processing */

div#error,
div#notice {
  font-size: 120%;
  padding: 5px 10px;
  margin: 20px 5px;
}

div#error ul,
div#notice ul {
  list-style-type: disc;
}

div#error ul li,
div#notice ul li {
  padding: 5px;
  margin: 5px 0 5px 15px;
}
div#error {
  background: #ed8383;
  border: 2px solid red;
}

div#notice {
  background: #30aa30;
  border: 2px solid green;
}

div.fieldWithErrors {display: inline;}

div.fieldWithErrors label { color: red; font-weight: bold;}

.main_page_block
{
    width: 330px;
}