/* Yakjive site master css file. */

#mapBox {
position: absolute;
top: 50px;
left:10px;
width: 90%;
height: 100%;
}

#mapLegendDiv {
position: absolute;
top:50px;
left:0px;
margin: 2px 2px 2px 2px;
padding: 2px 2px 2px 2px;
}

#mapLegendDiv table {
width:180px;
font-size: 0.7em;
}

.mapButtonsDiv {
margin: 10px 10px 10px 10px;
}

.mapButtonsDiv table {
width:300px;
}

.mapButtonsDiv td {
width:150px;
text-align:center;
font-size: 8pt;
font-weight: bold;
font-family: arial;
}

/*background: #000 url(http://www.yakjive.net/styles/images/parthenon.jpg) no-repeat top center; */

.pwdDlgShow, .pageDlgShow {
background: #AAAAAA url(http://www.yakjive.com/styles/images/blue_dlg_background_300w200h.png) no-repeat top left;
font-size: 10pt;
position:absolute;
left:400px;
top:300px;
z-index:1000;
width:300px;
height:200px;
margin: 5px 5px 5px 5px;
padding: 0px 0px 0px 0px;
border: medium double;
color: black;
}

.pageMaskShow {
background: transparent url(http://www.yakjive.com/styles/images/screen_fill.gif) repeat fixed;
position:absolute;
left:0;
top:0;
height:100%;
width:100%;
z-index: 10;
}

.pwdDlgHide, .pageDlgHide, .pageMaskHide, accessibility {
display:none;
position:absolute;
left:-1000px;
top:-100px;
z-index:1000;
}

.accessibility {
display:none;
position:absolute;
left:-1000px;
top:-100px;
}

.pwdDlgShow th, .pageDlgShow td{
font-size:10pt;
}

.pwdTitleRow {
background-color: black;
color: #AAAAAA;
}

#pwdMessage {
position:relative;
background-color: #AAAAAA;
color:#FF0000;
font-weight:bold;
}

.toolbarDlgHide {
display:none;
}

.toolbarDlgShow {
text-align: right;
width:290px;
z-index:1000;
height:32px;
background:none;
margin: 0px 0px 0px 0px;
padding: 2px 0px 0px 2px;
font-size:1.2em;
color:red;
}


.toolbarDlgShow img{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.articleToolBar{
position:absolute;
right:0px;
top:5px;
z-index:50;
/*background:#EEEEEE;
border: thin solid #000000;*/
}

a.toolbarIcon{
padding: 2px 2px 2px 2px;
}
a.toolbarIcon:hover{
background-color: yellow;
}

.flashMessageOff {
display:none;
}

.flashMessageOn {
height:25px;
width:150px;
font-size:9pt;
font-family:arial;
font-weight:bold;
display:block;
color:#FFFFFF;
background-color:#BB0000;
z-index:1000;
}

.movieDiv {
text-align: center;
position: relative;
height:300px;
width:100%;
z-index:9;
}