/* --------------------------------------------------
	akroaseis.css
 	styling for akroaseis
------------------------------------------------------*/
#txt{
position:absolute; 
top: -4000px;
}
#header{height: 70px;} /* overriden from base.css to adjust height */
#sectionTitle{width: 440px; position: absolute; top: 0px; left: 170px;}

#sectionMenu{width: 590px; margin: 0px 20px 10px 25px;}

#sectionMenu ul{
border: 0px solid red;
margin: 0px;
padding: 0px;
list-style-type: disc;
list-style-position: inside;
display: inline;
margin-left: 183px;
margin-bottom: -4px;
}

#sectionMenu ul li{	
display: inline;
border: 0px solid red;
margin:-3px;
padding:-2px;
}

#sectionContent{
width:590px;
margin-left: 25px;
background-color: white;
color: black;
margin-top: -16px;
padding: 0px;
}

#sectionContent h1{margin: 20px 0px 0px 0px; font-size: 14pt; color: black; font-family: Georgia, Verdana, sans;}
#sectionContent h2{padding: 25px 0px 0px 0px;  font-size: 12pt; color: #3689ff;  font-family: Georgia, Verdana, sans;}
#sectionContent h3{margin: 20px 10px 0px 0px;  font-size: 10pt; color: maroon; font-family:  Verdana, sans;}
#sectionContent h4{margin: 0px 0px 0px 10px; font-size: 7pt; color: gray; }
#sectionContent h5{margin: 0px 0px 0px 20px; font-size: 7pt; color: gray; }
#sectionContent h2.subsection{padding: 25px 0px 0px 20px;  font-size: 12pt; color: #3689ff;  font-family: Georgia, Verdana, sans;}

#sectionContent div.itemDetails{
width: 200px;
float: left;
margin: 20px 5px 0px 20px;
}

#sectionContent div.itemDetails ul{
margin: 0px;
padding: 0px;
list-style: none outside none;
}

#sectionContent div.itemDetails ul{
font-size: 7pt;
font-weight: bold;
color: black;
}

#sectionContent p{ 
color: #333; 
font-size: 8pt; 
text-align: justify;
padding: 10px 10px 0px 10px;
margin: 10px;
line-height: 1.3em;
}

#sectionContent ul{
line-height: 14px;
margin: 0px;
padding: 0px;
list-style: none outside none;
}

#sectionNav{

}

#sectionNav ul{

}

#sectionNav ul li{
text-align: right;
font-size: 8pt;
padding: 10px 5px 7px 5px;
margin: 2px;
}

#sectionNav ul li.selected{
background-color: #dadbdd;
font-size: 8pt;
padding: 7px 5px 7px 5px;
margin: 4px;
color: #005387;
}

#sectionNav ul li.selected1{
background-image:url(../../../images/common/highlight2.gif);
background-repeat: no-repeat;
background-color: yellow;
font-size: 8pt;
padding: 7px 5px 7px 5px;
margin: 4px;
color: #005387;
}

#sectionNav ul li.selected2{
background-image:url(../../../images/common/highlight2.gif);
background-repeat: no-repeat;
background-color: yellow;
font-size: 8pt;
padding: 7px 5px 7px 5px;
margin: 4px;
color: #005387;
}

.footnote{
text-align: right;
font-weight: bold;
font-size: 7pt;
padding: 0px;
margin: 1px 15px 0px 15px;
}

#terms{
margin: -20px 25px 25px 25px;
font-size: 8pt;
border: 0px solid red;
}

#terms img{
margin-top: -20px 

}

#terms ul{
list-style-type: disc;
font-size: 8pt;
}

#terms li{
font-size: 8pt;
list-style-type: disc;
margin-left: 50px;
}

#terms h2{
font-family: verdana, sans;
color: brown;
font-size: 8pt;
}

#terms ol li{
font-size: 8pt;
margin-left: 15px;
}

#terms div.notice{
	background-color: #f7d7b1;
	border: 1px solid #d47605;
	width: 400px;
margin-left: 60px;

}



div.bottomShadow{
background-image: url(../../../images/common/shadow_bottom.gif);
background-repeat: repeat-x;
background-position:bottom;
border: 0px solid red;
height:10px;
padding: 2px;
width: 143px;
}

#itemLabel{
text-align:right;
}

#leftColumn{
width: 400px;
padding: 10px 0px 10px 10px;
}

#afisa{
padding: 10px;
}

div.options{
background-color: #f7941d;

width: 570px;
border: 0px solid red;
margin: 0px 10px 5px 10px;
height: 19px;
}

div.options ul{
margin: 5px;
}

div.options ul li{
font-size: 9pt;
margin: 5px;
}

div.options table{
width: 100%;
padding: 0px;
margin: 0px;
border:  0px solid red;
}

#leftColumn{
top: 0px;
margin: 0px;
border: 0px solid red;
float: left;
}

#leftColumn p{
margin: 0px;
border: 0px solid red;
}

#rightColumn{
padding: 20px 10px 10px 0px;
width: 170px;
}

#rightColumn p{
margin: 0px;
border: 0px solid red;
padding: 0px;
}

#email{
background-color: #283e4e;
padding: 10px 10px 10px 10px;
font-size: 7pt;
color: white;
line-height: 1.2em;
}

#akroaseis{
text-align: center;
background-color: #283e4e;
height: 70px;
padding: 10px;
height: 400px;
}

#akroaseis img{
margin-bottom: 15px;

}


#akroaseis img.thumb{
margin-bottom: 15px;
border: 1px solid white;
}

#akroaseis a:hover{
background-color: transparent;
}

#email input.button{
font-size: 8pt;
background-color: #283e4e;
border: 0px;
color: white;
margin-top: 2px;
margin-left: 85px;
width: 70px;
}

.options_inner{
background-color: transparent;
font-size: 7pt;
margin-top: -20px;
}

div.options_inner table{
width: 570px;
border: 0px solid red;
}

.status{
text-align: center;
color: red;
font-size: 8pt;
font-weight: bold;
}


#appForm{
font-size: 8pt;
font-family: verdana;
margin-left: 20px;
margin-right: 20px;
}

#appForm th{
background-color: white;
color: #283e4e;
text-align: right;
}

#appForm th.header{
padding-top: 0px;
text-align: left;
background-color: #ebebeb;
border-top: 1px solid brown;
}

#appForm th.header small{
font-size: 6pt;
}

#appForm table{
margin-top: 0px;
}

#appForm table th{
height: 20px;
}
#appForm table td{
height: 20px;
}

#appForm table.songs th{
text-align: left;
}

#appForm input{
font-family: verdana, sans;
font-size: 8pt;
}

#appForm div.errors{
font-family: verdana, sans;
font-size: 8pt;
color: red;
text-align: left;
margin-left: 15px;
}

#appForm div.errors li{
padding-bottom: 3px;
margin-left: 7px;
}

#appForm div.errors li img{
padding-bottom: -2px;
margin-bottom: -3px;
margin-left: 3px;
padding-left: 3px;
}

#appForm div.success{
color: green;
font-weight: bold;
}