<!-- style sheet for OEP index and headline pages
, created 12 FEB 08 -->

html,body {width:100%; height:100%; margin:0; padding:0; font-size:100%; }

td.main_hdlcontent_box_ie {height:100%; }

td.main_hdlcontent_box_else {height:500px;  margin:0 auto;}

#fullheightHdl{height:100%; min-height:100%; margin:0 auto;}

table.head {table-layout: auto; background-color: white;}

table.top {table-layout: auto; background-color: #ffffff;}

.hdStateTitle {margin: 0 0 5 0; padding: 0; text-align: justify;}

p.hddispdocs { border: 0; margin: 0px 10px 10px 0px; padding: 0; text-align: justify;}

div.hddispdocs { position: relative; border: 0; margin: 0px 10px 10px 0px; padding: 0; text-align: justify;}

td.hddispitem {padding: 0; border-style: dashed; border-color: #8B8B45; border-width: 0 0 1px 0;}

td.hddispitempriv {padding: 0; border-style: dashed; border-color: #8B8B45; border-width: 0 0 1px 0; background-color:#FFFFCC;}

p.sectiontitles { margin: 0; padding: 0; text-align: left; border-style: solid; border-color: #8B8B45; border-width: 0 0 1px 0;}

.sectiontitlessub {margin:0; padding:0; }

td.try {padding: 0; border-style: dashed; border-color: #8B8B45; border-width: 0 0 1px 0; background-color:#FFFFCC;}

p.hddispsum { margin: 0; padding: 0;}

.hdAreas { margin: 0 0 3px 3px; padding: 0; text-align: left; border-style: solid; border-color: #8B8B45; border-width: 0 0 1px 0;}

.hdAreassub {margin: 0 0 20px 3px; padding: 0; line-height: 100%;}

.hdNatureHeader {margin: 0 0 0 20; padding: 0; text-align: right; border-style: solid; border-color: #8B8B45; border-width: 0 0 1px 0;}

li.expanDebateItemOdd {margin: 5px 0 0 0; padding: 0; background-color: khaki;}

li.expanDebateItemEven {margin: 5px 0 0 0; padding: 0; background-color: white;}


#screen-group-box { position:relative; margin:2px; padding:5px; border:1px dashed lightgray; background-color:white; }
#screen-author-box{ position:relative; margin:2px; padding:5px; border:1px dashed lightgray; background-color:white; }
#screen-selected-group-box{ position:relative; margin:1em 0 3em 0; padding:0; border:0px solid gray; background-color:; }
#screen-selected-group-box-left {float:left; margin:0 0 0px 0;}
#screen-selected-group-box-right {float:right; margin:0 0 0px 0;}
#screen-selected-auth-box{ position:relative; margin:1em 0 3em 0; padding:0; border:0px solid gray; background-color:; }
#screen-selected-auth-box-left {float:left; margin:0 0 0px 0;}
#screen-selected-auth-box-right {float:right; margin:0 0 0px 0;}
#try-box{margin:5px 0 0 0; padding:0; border:1px dashed lightgray; background-color:white;}
#refine-disp-box {margin:0 0 3em 0;}
#cancel-screening-box {margin:1em 0 3em 0; padding:0; border:0px;}


#refine-disp-box-link {float:right; margin:0 0 0px 0;}

.hide-refine-disp-box-in {position:absolute; top:-99999px; left:-99999px width:1px; height:1px; overflow:hidden;}
.show-refine-disp-box-in {width:auto; margin:3px 10px 20px 10px; padding:5px; border:1px solid gray;  background-color:ivory;}

*.refine-hdl-display-rollup-trigger {margin:5px 0 0 0; padding:0; font-weight:normal; font-size:12px; font-family:arial, sans-serif; text-decoration:underline; text-align:left; cursor:pointer;}
*.refine-hdl-display-rollup-trigger:hover {color:green;}

.rolledup {background-color:#FFC966;}

.clear-bot{clear:both;}

#sel-fave {position:relative; margin:2px; padding:5px; border:1px dashed lightgray; background-color:white;}

.res-fav-act {margin:5px; font-weight:normal; font-size:12px; font-style:normal; font-family:arial, sans serif; color:blue;}

.hide-other-series-list {position:absolute; top:-99999px; left:-99999px width:1px; height:1px; overflow:hidden;}
.show-other-series-list {width:auto; margin:0; padding:5px; border:0px solid gray;  background-color:white;}

*.show-other-series-rollup-trigger {margin:5px 0 0 0; padding:0; font-weight:normal; font-size:12px; font-family:arial, sans-serif; text-decoration:underline; text-align:left; cursor:pointer;}
*.show-other-series-rollup-trigger:hover {color:green;}

ul.other-series-list {margin:5px; padding:0; list-style-type: none;}

ul.other-series-list li {margin:0;}

#series-details-header-box{margin:20px 0 20px 0; padding:5px; border:1px solid #F6F6F6; background-color: #FbFbFb;}

.series-details-header-subbox-left{float:left; width:60%;  border: 0px solid gray;}
.series-details-header-subbox-right{float:right; border: 0px solid gray;}

.sel-ser-tit{margin:0 0 5px 0; padding:0; border-bottom:1px solid green; background-color: ; text-transform:uppercase;}

.notice-restrict-disp-ser {margin:0; padding:0; border:0;}

.series-title-hdl {font-weight:bold; font-style: normal; font-size: 16px; font-family: arial, sans-serif;  color:#333333;}

<!-- for main nav box in headlines -->
.text-style-nav-links-box {font-weight:normal; font-size:90%; font-family:arial, sans-serif; text-decoration:underline;  color:gray;}
.show-nav-links-box-headlines-rollup-trigger {cursor:pointer;}
.show-nav-links-box-headlines-rollup-trigger:hover {color:green; text-decoration: underline;}
	
.show-headlines-nav-links-box {width:auto; margin:0; padding:1px; border:0px solid lightgray; background-color: white; z-index: 10;}
.hide-headlines-nav-links-box {position:absolute; left:-99999px; top:-99999px; height:1px; overflow:hidden;}

<!-- for Opinions headline -->

.restrict-auth-select {display:inline-block; font-weight:normal; font-size:12px; font-family:arial, sans-serif; whitespace:nowrap;}


<!--  Press review headline page -->

p.newssectitles { margin: 0 0 0 5; padding: 0; text-align: left; border-style: solid; border-color: #8B8B45; border-width: 0 0 1px 0;}


<!--  Index page -->

p.idDispNew {margin: 0 0 5 0; padding: 2 1 2 1; font-family: helvetica, arial, sans-serif; font-weight: normal; font-size: 14px; color: #2F4F4F;}
p.idDispNew:first-line {font-family: times new roman, sans-serif; font-weight: normal; font-size: 18px; color: #0000ac;}
p.idDispNew:first-letter {font-size:125%;}
p.indSec{margin: 0 0 5 0; padding: 0;}
.idfloatimage {float: left; margin: 3 15 10 3; border: 1px solid #2F4F4F;}

.hmPTi2 {margin-top: 0px; margin-bottom: 0px; padding: 0px; border-top: 1px dashed red; border-bottom: 1px dashed red;}
.hmPSubTi2 {margin-top: 0px; margin-bottom: 0px; padding: 0px;}

.hmTi2 {margin: 0 ; padding: 0 0 0 0; width: 100%; background: #778899;}
.hmSubTi2 {margin: 0 ; padding: 0; width: 100%;}
.hmTi2nav {margin-top: 20px; margin-bottom: 0px; text-align: center; padding: 0; width: 100%; background: #778899;}


<!-- divs and more for PLAZA page layout -->

#.body_plaza {margin: 0; padding: 0;}

#main_body {display: block; width: 1000px; height: 100%; margin-right: auto; margin-right: 0; padding: 0;}

#plazaheader {margin: 0;}

#plazabody {position: relative; margin: 0; height: auto; border: 0px solid red;}

#plaza_rightcol {float: right; width:20%; height: 100%; margin: 0; padding: 0; }

#plaza_rightpad {display: block; position: absolute; width: 20%; height: 100%; top:0; right:0; bottom: auto; margin: 0; padding: 0;
                 border-right-style: dashed; border-right-width: 1px; border-right-color: #CCCCCC;
                 background-image:url(/images/gradient_hdln_right_col.gif); background-position: left; background-repeat: repeat-y;}

#plaza_centerbody {float: left; width: 62%; margin: 0 1% 0 1%; }

#plaza_leftcol {float: left; margin-left: 2px; width: 15%; height: 100%;}

#plazafooter {margin: 0; padding: 0; }

#io_centre_col {margin:0 0 0 3px; padding:0; border:0; }

h3.plaza_sec_head {font-weight: bold; font-size: 14px; font-family: arial, sans serif; color: white;
                   margin: 0 0 5px 0; padding: 2px; background:slategray;}

.disp_blocks {margin-bottom: 20px;}

#dispDebates {}


.plazaitembox {position: relative; width: 100%; margin: 0; padding: 5px 0 15px 0; border-top:1px dashed lightgrey;
               }

.iconplaza {float: left; margin: 0 7px 0 0; border: 0;}

.plazaiconrelative {float: left; width: 100px; margin: 0 5px 0 0; border: 0px dashed red;}

.plazadocinforelative {float: left; width: 75%; margin: 0; padding: 0;}

.buzz-disp-country {font-weight: normal; font-size: 12px; font-family: arial, sans serif; color: darkblue;}
.buzz-num-visits {font-weight: normal; font-size: 12px; font-family: arial, sans serif; color: firebrick;}

.buzz-tab {font-weight: bold; font-size: 13px; font-family: arial, sans serif; color: black;}

.buzz-sub-tab {font-weight: normal; font-size: 12px; font-family: arial, sans serif;}


<!-- divs for index pages layout -->

        #page_container {width: 1000px; margin: 0 auto; padding: 0px; border: 0;}

        #container {align: center; margin: 0; padding: 0; border-left: 1px dashed grey;  border-right: 1px dashed grey;}

        #header {position:static; width:1000px; height:auto; margin: 0; padding: 0;}

        #aboutUs {position:static; width:100%; height:auto; }

        #whatIs {float:left; width: 100%; height:auto;  }

        #contribute {float:left; width: 48%; height:auto; }

        #mainBody {position: static; width: 100%; height: auto; margin: 0; padding: 0; }

        #horline {clear: both; padding: 0; margin-top: 7px; margin-bottom: 3px; margin-left: 3px; margin-right: 3px; }

        #leftcol {float:left; width: 32%; height:auto; padding: 0; margin: 0;}

        #centercol {float:left; height:auto; width: 35%; padding: 0; margin: 0;
                   border-left: 1px solid green; border-right: 1px solid green;}

        #rightcol {float:right; width: 32%; height:auto; padding: 0; margin: 0;}

        #botcol {clear: both;}
        
        .botcol {clear: both;}

        #navigate {position: static; width: 98%; margin-left: 0px auto; margin-right: 0px auto; margin-bottom: 20px; padding: 0; text-align: left;}
        
        #ge_nav {clear: both; width: 98%; margin-left: 0px auto; margin-right: 0px auto; margin-bottom: 20px; padding: 0; text-align: left;}
        
        #locations {float:left; width: 48%; margin: 0; padding: 2px; text-align: right;}
        
        #themes {float: right; width: 48%; margin: 0; padding: 2px;}

        #inFocus {position: static;  width: 98%; margin-left: 0px auto; margin-right: 0px auto; margin-bottom: 20px; padding: 0; text-align: left;}

        #stateDocs {position: static; width: 98%; margin-left: 0px auto; margin-right: 0px auto; margin-bottom: 20px; padding: 0; text-align: left;}
        
        #issuesDocs {position: static; width: 98%; margin-left: 0px auto; margin-right: 0px auto; margin-bottom: 20px; padding: 0; text-align: left;}

        #reports {position: static; width: 98%; margin-left: 0px auto; margin-right: 0px auto; margin-bottom: 20px; padding: 0; text-align: left;}

        #opinions {position: static; width: 98%; margin-left: 0px auto; margin-right: 0px auto; margin-bottom: 20px; padding: 0; text-align: left;}

        #pressReview {position: static; width: 98%; margin-left: 0px auto; margin-right: 0px auto; margin-bottom: 20px; padding: 0; text-align: left;}

        #weekWas {position: static; width: 98%; margin-left: 0px auto; margin-right: 0px auto; margin-bottom: 20px; padding: 0; text-align: left;}

        #footer {width:1000px; margin: 0; padding: 0;}
        

<!-- divs for new index pages layout -->
        
        #central_shell {}
        
        #navigator_shell {border: 1px solid blue;}
        
        
.hmsecbox {margin: 0 0 20px 0; padding-bottom: 5px; border-bottom: 0px dashed grey;}

.hmDisplayItem {margin: 5px 0 0 0; padding: 0;}


<!-- for javascript onmuseover function -->
#dek {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}