/* --------------------------------------------------
	mousikesparastaseis.css
 	styles for mousikes parastaseis
------------------------------------------------------*/

#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 table{
width: 100%; 
margin: 0px; 
padding: 0px;
border: 0px solid blue; 
font-size: 8pt; 
color: black;
}

#sectionMenu tr td.grp1{width: 148px; padding: 2px; margin: 2px;}
#sectionMenu tr td.grp2{width: 210px; padding: 2px; margin: 2px;}
#sectionMenu tr td.grp3{width: 185px; padding: 2px; margin: 2px;}
#sectionMenu tr td.selected{
margin: 4px;
padding: 2px 0px 2px 2px; 
background-color: #70abff;
background-image: url(../../images/common/menu_item1_back.gif);
background-position: bottom; 
background-repeat: repeat-x;
color: navy;
}

#sectionMenu tr td a:link, #sectionMenu tr td a:visited{
color: black; 
text-decoration: none;
font-weight: normal;
background-image: url(../../images/common/menu_item1_bullet.gif); 
background-repeat: no-repeat;
background-position: left ;
padding: 0px 0px 0px 7px;
background-color: transparent;
}

#sectionMenu tr td a:hover, #sectionMenu tr td a:active{
color: white; 
text-decoration: none;
font-weight: normal;
background-image: url(../../images/common/menu_item1_bullet.gif); 
background-repeat: no-repeat;
background-position: 0px ;
padding: 0px 0px 0px 7px;
background-color: transparent;
}

#sectionCategory{
font-size: 7pt;
margin-left: 20px;
}

#sectionContent{
width:590px;
margin-left: 25px;
background-color: white;
color: black;
margin-top: 0px;
padding: 0px;
background-image: url(../../images/common/flip_upper_right.gif);
background-position: top right;
background-repeat: no-repeat;
}

#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.item_details{
width: 200px;
float: left;
margin: 20px 0px 0px 20px;
}

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

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

#sectionContent p{ 
color: black; 
font-size: 8pt; 
text-align: justify;
padding: 10px 10px 0px 10px;
margin: 10px;
}

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

#sectionNav{
position: absolute;
top: 178px;
left: 460px;
background-color: white;
color: black;
width: 150px;
margin: 10x;
background-image: url(../../../images/common/shadow_right.gif);
background-repeat: repeat-y;
background-position:right;
}

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

#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;
}

.contentimg{
	border: 1px solid gray;
	padding: 4px;
}

.contentimg2{
	border: 1px solid gray;
	padding: 4px;
	float: right;
	
}

.imgFloatRight{
	float: right;
	width: 230px;
	padding: 10px;
	margin: 10px 5px 10px 10px;
}



img.shmeiwma{
float: left;
margin: 25px 15px 15px 15px;
border: 1px solid maroon;
}

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;
}

#sectionContent .informDeco{
margin-left: 20px;
}


#live{
	width: 400px;
}

#live ul{
	margin: 20px;
	font-size: 8pt;
}

#live ul li{
	background-color: #d7d7d7;
	font-size: 8pt;
	margin-bottom: 15px;
	padding: 10px;
	line-height: 2em;
}

#live ul li a{
font-weight: bold;
background-color: red;
border: 1px solid black;
padding: 4px;
color: white;
}

#gallery{
	position: absolute;
	top: 157px;
	left: 400px;
	width: 150px;
	margin: 20px;
	float: right;
}

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

.instruction{
font-size: 7pt; 
font-weight: bold;
}