/* --------------------------------------------------
	ekdoseis.css
 	styling information about the ekdoseis section
------------------------------------------------------*/
#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 5px 25px;}
#sectionMenu table{
width: 100%; 
margin: 0px; 
padding: 0px;
border: 0px solid blue; 
font-size: 7.8pt; 
color: black;
}
#sectionMenu tr td.grp1{width: 177px; padding: 1px; margin: 1px; *width: 180px;}
#sectionMenu tr td.grp2{width: 210px; padding: 1px; margin: 1px;}
#sectionMenu tr td.grp3{width: 190px;padding: 1px; margin: 1px;}
#sectionMenu tr td.selected{
margin: 1px;
padding: 2px 0px 0px 2px; 
background-color: #70abff;
background-image: url(../../../images/common/menu_item1_back.gif);
background-position: bottom; 
background-repeat: repeat-x;
color: navy;
height: 10px;
}

#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:420px;
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 10px 10px;  font-size: 8pt; color: black; font-family: Georgia, 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: 115px;
float: left;
margin: 20px;
*margin-left: 10px;
}

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


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

#sectionNav{
position: absolute;
top: 365px;
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 img.header{
margin-bottom: 4px;
}

#sectionNav .tools{
margin: 0px 8px 0px 2px;
text-align: 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.selected1{
background-image:url(../../../images/common/highlight2.gif);
background-repeat: no-repeat;
background-color: white;
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: white;
font-size: 8pt;
padding: 7px 5px 7px 5px;
margin: 4px;
color: #005387;
}

.contentimg{
border: 1px solid gray;
padding: 5px;
margin: 0px 2px 2px 0px;
float: left;
}


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

.contentimg3{
border: 1px solid gray;
padding: 4px;
margin: 0px 0px 0px 0px;
float: left;
}

.contentimg4{
padding: 0px;
margin: 0px 10px 10px 10px;
float: right;
}

.imgTextFloat{
padding: 4px;
margin: 0px 5px 0px 0px;
float: left;
border: 1px solid gray;
}

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

.caption{
font-size: 7pt; 
font-style: italic;
line-height: 1.5em;
text-align: left;
}

p.floatSection1{
float: left;
width: 190px;
padding: 10px;
margin: 10px 5px 0px 10px;
text-align: left;
}

p.floatSection1 small{
text-align: left;
}

p.floatSection2{
float: right;
width: 190px;
padding: 10px;
margin: 10px 5px 0px 10px;
text-align: right;
}

p.floatSection2 small{
color: red;
}

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

#sectionContent h3.poemTitle{
margin: 10px 30px 0px 20px;
color: #f19a2e;
font-family: Verdana, sans;
font-size: 10pt;
}

#sectionContent div.col{
float: left;
}

#sectionContent h3.interviewTitle{
color: #b10707;
font-family: verdana, sans;
margin-left: 20px;
font-size: 10pt;
}


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



#itemLabel{
	text-align:right;

}

#extract{
width: 690px;
height: 492px;
margin: auto;
background-color: white;
background-image: url(../../../images/ekdoseis/book002/extract001.jpg);
font-family: verdana, sans;
}

#extract div.header{
text-align: right;
font-size: 7pt;
margin-right: 10px;
padding: 2px;
}

#extract a:link, #extract a:visited{
color: white;
}

#extract a:hover, #extract a:active{
color: red;
background-color: transparent;
}

#extract div.textBook002{
position: absolute;
top: 246px;
left: 380px;
width: 280px;
height: 230px;
padding: 5px 10px 10px 10px;
overflow: auto;
}

#extract p{
text-align: justify;
color: black;
font-size: 7pt;
}

#extract .dropcap{
float: left;
width: 30px;
font-size: 40px;
line-height: 38px;
color:red;
font-family: georgia, times;
}

#extractBook0031{
width: 680px;
height: 547px;
margin: auto;
background-color: white;
background-image: url(../../../images/ekdoseis/book003/extract001.jpg);
font-family: verdana, sans;
}

#extractBook0031 div.header{
text-align: right;
font-size: 7pt;
margin-right: 10px;
padding: 2px;
}

#extractBook0031 a:link, #extract a:visited{
color: white;
}

#extractBook0031 a:hover, #extract a:active{
color: red;
background-color: transparent;
}

#extractBook0031 div.textBook002{
position: absolute;
top: 35px;
left: 127px;
width: 400px;
height: 270px;
padding: 5px 10px 10px 10px;
overflow: auto;
}

#extractBook0031 p{
text-align: justify;
color: black;
font-size: 7pt;
}

#extractBook0031 .dropcap{
float: left;
width: 30px;
font-size: 40px;
line-height: 38px;
color:red;
font-family: georgia, times;
}

blockquote{
font-size: 7pt;
}

blockquote.pretext{

text-align: right;
}

/* make the height of the page independent of the content on section and nav */
#sectionSpacer{height: 10px;} 



#sectionContent span.dropcap{
float: left;
width: 30px;
font-size: 40px;
line-height: 38px;
color:gray;
font-family: georgia, times;
margin-right: 5px;
}

#buyOptions{
position: absolute;
top: 380px;
left: 130px;
width: 250px;
border: 0px solid red;
margin-left: 0px;

}

#buyOptions ul{
border: 0px solid red;
list-style: none outside;
}

#buyOptions ul li{
font-size: 8pt;
margin: 10px 0px 0px 0px;
background-image: url(../../../images/index/news_bullet.gif);
background-repeat: no-repeat;
padding-top: 0px;
padding-left: 20px;
}


#inputForm2{
border: 0px solid red;
width: 375px;
font-size: 8pt;
margin-left: 20px;
}

#inputForm2 div.formSection{
background-color: #eaeaea;
padding: 10px;
font-size: 7pt;
margin-bottom: 10px;
}

#inputForm2 div.formSection strong{
letter-spacing: 2px;
}


#inputForm2 h3{
color: #005387;
font-size: 10pt;
font-weight: bold;
}

#inputForm2 table{
font-size: 8pt;
margin-top: 5px;

}

#inputForm2 th{
font-weight: bold;
background-color: transparent;
font-size: 7pt;
text-align: right;
padding: 4px;
}

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

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

#parousiasi{
margin-left: -15px;
width: 315px;
}

#parousiasi2{
margin-left: 0px;
width: 315px;
}

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