@charset "iso-8859-1";
/* -------------  MAIN DOCUMENT  ----------------- */

html, body {
margin: 0;
padding:0;
height:100%;
}
body {
font-family: arial,sans-serif;
font-size: 76%;
background-color:#0b0580;
background-image:url(../images/gradblue.png);
background-position:top left;
background-repeat:repeat-x;
background-attachment:fixed;
text-align:center;
}
div#container, div#containerdoc {
position:relative; 
#width: 90%;
margin: 0 50px 0 50px;
text-align: left; 
border-left: 2px solid black;
border-right: 2px solid black;
height:auto;
min-height:100%;
background-color:#ecf983;
}
div#container {
background-image:url(../images/gradyellow.png);
background-position:top left;
background-repeat:repeat-x;
}
div#containerdoc {
background-image:url(../images/gradyellow_horiz.png);
background-position:top left;
background-repeat:repeat;
}

div#footer {
position:absolute;
bottom:0;
clear:left; 
width: 100%; 
padding: 0.5em 0;
background-color:#010132;
color: #ffffff;
font-size:10px;
text-align:center;
}

div#logo {
position: fixed;
bottom:8px; 
right:20px;
width: 180px; 
padding: 0;
background-color:transparent;
text-align:center;
}

div#header {
width:100%;
height:80px;
background-color:#006599;
background-image:url(../images/header1.png);
background-position:right;
background-repeat:no-repeat;
color: #ffffff;
}
div#header img {

}

div#content {
padding: 0 0 5em;
height:auto;
}
div#content #subcontent {
margin: 55px 20px 20px 20px;
}
div#content #subcontent li {
margin: 3px 0 0 0;
}
div#content #subcontent > table {
margin: 0 auto;
}

div#content p {
padding: 4px 0 4px 0;
}
.tit {
font-size:14px;
font-weight:bold;
}
div#content a:link, div#content a:visited {
color:#434300;
}

div#header a:link, div#header a:visited {
color:#FFFF00;
}
div#header img {
float:left;
}
div#header p {
float:right;
padding:0 3px;
}



div#navigation {
position:absolute;
top:80px;
left:0;
width:100%;
height:25px;
padding:0;
margin:0;
border-bottom:1px solid #1C1C00;
background-image:url(../images/gradyellow_small.png);
text-align:left;
}
div#navigation table {
border:0;
margin:0;
padding:0;
}
div#navigation td, div.navsubdiv td {
height:24px;
padding:0 1px 0 1px;
color:#C7CE62;
font-weight:bold;
text-decoration: none;
text-align:left;
}
div#navigation a {
margin:8px;
padding: 0;
color:#C7CE62;
text-decoration: none;
text-align:left;
}


div.navsubdiv {
display:none;
position:absolute;
z-index:90;
top:105px;
left:0;
padding:0;
width:auto;
height:auto;
margin:0;
border:1px solid #1C1C00;
background-image:url(../images/gradyellow_small.png);
text-align:left;
}

div.navsubdiv a {
margin:8px;
padding: 0;
color:#C7CE62;
text-decoration: none;
text-align:left;
}

div#navigation td:hover, div#navigation td.activelink, 
div.navsubdiv td:hover, div.navsubdiv td a.activelink {
border:1px solid yellow;
background-image:url(../images/blank.png);
background-repeat:repeat;
padding:0;
color:#FFFF00;
}
div#navigation a:hover, div.navsubdiv a:hover {
color:#FFFF00;
}

div#footer a:link, div#footer a:visited {
color:#FFFF00;
}

.small {
font-size:9px;
}

/* -------------------  SOME SPECIFIC STUFF  --------------------- */

.stddialog {
margin:45px 0 0 200px;
padding:0;
width:600px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
text-align:left;
background-image:url(../images/blank.png);
border:1px solid #000066;
}
.stddialog .stddialog_head {
width:100%;
margin:3px 0 3px 0;
text-align:center;
font-size:16px;
font-weight:bold;
border-bottom:1px solid black;
}
.stddialog .stddialog_body {
width:100%;
padding:3px;
}
.stddialog table {
width:97%;
margin:0 auto;
}

.bigdialog {
margin:20px auto;
padding:0;
width:800px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
text-align:left;
background-image:url(../images/blank.png);
border:1px solid #000066;
}
.bigdialog .bigdialog_head {
width:800px;
margin:3px 0 3px 0;
text-align:center;
font-size:16px;
font-weight:bold;
border-bottom:1px solid black;
}
.bigdialog .bigdialog_body {
width:794px;
padding:3px;
}
.bigdialog table {
width:90%;
table-layout:auto;
}
.bigdialog table td {
padding:4px;
}

.diverror {
margin:45px auto 5px auto;
padding:5px;
width:550px;
font-family:Arial, Helvetica, sans-serif;
color:#ff0000;
font-size:15px;
font-weight:bold;
text-align:left;
background-color:#FFFFCC;
border:3px solid #ff0000;
}

.divalert {
margin:45px auto 5px auto;
padding:5px;
width:550px;
font-family:Arial, Helvetica, sans-serif;
color:#006600;
font-size:15px;
font-weight:bold;
text-align:center;
background-color:#AECE8A;
border:3px solid #006600;
}

table.stdtable, table.playerstab {
margin:0px auto;
width: 100%;
table-layout:automatic;
border-collapse:collapse;
border:1px solid black;
}
.stdtable th, .playerstab th {
background-color:#434300;
color:#FFFFCC;
font-weight:bold;
border:1px solid #D0BB93;
}
.playerstab th.subheader {
background-color:#D0BB93;
color:#000000;
border:1px solid black;
}

.stdtable tr  {
margin:0;
background-image:url(../images/blank.png);
}
.playerstab tr  {
margin:0;
background-color:#F4F4C8;
}
.stdtable td, .stdtable th {
margin:0;
border: 1px solid black; 
}
.stdtable td img, .stdtable th img {
margin:0 2px 0 2px;
}

.playerstab td, .playerstab th {
margin:0;
padding:1px 7px 1px 7px;;
font-size:11px;
}
.playerstab td.exception {
}
.playerstab td.exception table td {
margin:0;
padding:0;
background-color:#FF99CC;
border:0;
}
.playerstab td.exception table td input {
margin:0;
padding:0;
}
.greyed {
background-color:#999999;
}
.warning {
background-color:#FFFF00;
}
.alarm {
background-color:#FF0000;
}
.ok {
background-color:#00FF00;
}
.orange {
background-color:#FF9900;
}
.exception {
background-color:#FF99CC;
}

span.warning, span.alarm, span.greyed, span.ok, span.exception, span.orange {
border: 1px solid black;
}

.textwarning {
color:#FF0000;
font-style:italic;
}
.textred {
color:#FF0000;
}

div.wallist {
width:96%;
padding:10px;
margin:0 auto;
font-family:"Courier New", Courier, monospace;
font-size:12px;
background-image:url(../images/blank.png);
border:1px solid black;
overflow:auto;
}
.hidden {
display:none;
}


input.groovybutton
{
   margin:5px 10px;
   font-size:12px;
   height:21px;
   font-family:Arial,sans-serif;
   background-color:#D5F095;
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffFFFFFF',EndColorStr='#ffD5F095');
   border-style:double;
   border-color:#999900;
   border-width:3px;
}

div #leftcolumn {
margin:0 0 0 0;
float: left;
width:230px;
padding: 0;
text-align:left;
padding:10px;
}

div#rightcolumn {
position: relative;
margin: 38px 0 0 250px;
padding:10px;
}

div#rightcolumn p{
line-height:1.3;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.small_legend {
font-size:9px;
}

.placements {
font-style:italic;
}
.booked_pins {
color:#0000FF;
font-style:italic;
}

#divphoto {
position:absolute;
top:150px;
right:50px;
width:82px;
height:117px;
padding:5px;
margin:0;
border:1px solid #003300;
text-align:center;
}
#divphoto img {
margin:0 auto;
border:1px solid #003300;
}
.monospace {
font-family:"Courier New", Courier, monospace;
font-weight:bold;
}