/*

    color scheme sources
    --------------------------
    
    http://www.colorcombos.com/color-scheme-14.html
    
*/


/* ------------- basics ----------- */
body {
    font-family: verdana, sans-serif;
    font-size: 11px;
    line-height: 1.4em;
    background: #eeeeee;
    }


h3 {
    font-size: 130%;
    }

.blacklink {
    color: #000;
}

tr {
    vertical-align: top;
    }

h4 {
    font-size: 100%;
    color: #555;
    margin-top: 10px;
    margin-bottom: 0px;
    }

/* ------------------- forms ---------------- */

.date label
{

    width: 100px;
    float: left;
    text-align: right;
    margin-right: 0.5em;
    display: block
}

legend
{
    color: #000;
    background: #fff;
    border: 1px solid #443266;
    padding: 2px 6px    
}

fieldset
{
     border: 1px solid #781351;
     margin: 3px;
}

div.input {
    display: block;
    clear: left;
    padding: 5px 0 5px 0;
}

.checkbox div
{
    clear: both;
    float: none;
    position: relative;
}

.checkbox input
{
    left: 100px;
    position: absolute;
    //top: 1px;
}

.checkbox label
{
    display: block;
    margin-left: 110px;
    width: 200px;
}

.text label, .password label, .textarea label, .date label
{
    width: 100px;
    float: left;
    text-align: right;
    margin-right: 20px;
    display: block
}

.text input, .password input, .textarea textarea, .date select
{
    color: #000000;
    background: #F1F0FF;
    border: 1px solid #C3C3E5
}


input.submit 
{
margin-left: 10em;
color: #000;
background: #C3C3E5;
border: 2px outset #443266
} 

.submit input
{
margin-left: 10em;
color: #000;
background: #C3C3E5;
border: 2px outset #443266
} 



/* ------------------- alert ------------------- */

.alertrow {
    font-size: 110%;
    color: #000;
/*    border: 1px solid #c00; */
    font-weight: bold;
    background: #fcc;
    padding: 5px;
    margin: 5px;
}

.withmargin {
    padding: 10px;
    margin: 3px 0 10px 0;

}



.bordercontainer {
    border: 1px solid #ccc;
    margin: 3px 0 10px 0;
    padding: 10px;
}

.container {
    width: 700px;
    margin: 10px;
    }

.container-with-height {
    width: 700px;
    min-height: 130px;
    }

.innercontainer-left {
    float:left;
    width: 450px;
    padding: 2px;
/*  border: 1px solid #ccc; */
    }

.leftcol {
    width: 500px;
    padding: 2px;
    vertical-align:top;
    }

.rightcol {
    width: 160px;
    padding: 2px;
    vertical-align:top;
    }

.innercontainer-right {
    width: 200px;
    padding: 2px;
    margin-left:462px;
    vertical-align:top;
/*  border: 1px solid #ccc; */
    }

/* zoom image */

/* Photo-Caption PZ3 CSS (The Good Stuff) */

.PZ3-l { float:left; margin-right:10px; }
.PZ3-r { float:right; margin-left:10px; direction:rtl; }
  html>/**/body .PZ3-r { position:relative; }

.PZ3zoom { border:1px solid #369; }
.PZ3zoom a,.PZ3zoom a:visited { display:block;
  padding:0; overflow:hidden; text-decoration:none;
  height:100%; width:100%; }
  html>/**/body .PZ3-r a { right:0; }

.PZ3zoom a:hover { position:absolute;
  z-index:999; padding:0; background:none;
  cursor:default; height:auto; width:auto;
  overflow:visible; border:1px solid #369;
  margin:-1px 0 0 -1px; }
  html>body .PZ3zoom a:hover { margin:-1px -1px 0 -1px; }

.PZ3zoom a img { border:0; height:100%; width:100%; }
.PZ3zoom a:hover img { height:auto; width:auto;
  border:0; }

a:hover .PZ3cap,
a:hover .PZ31cap { display:block;
  direction:ltr; font:10pt verdana,sans-serif;
  margin-top:-3px; background:#369; color:#fff;
  text-align:left; }
a:hover .PZ3cap { padding:3px 5px; }
.PZ3inr { display:block; padding:2px 5px; }

.noCap a:hover .PZ3cap { display:none; }
.noBdr,.noBdr a:hover { border:0; }
.Lnk a:hover { cursor:pointer; }

/* End Photo-Caption Zoom CSS */

.footer {
    color: #999;
    }

.footer a:link {
    color: #999;
    }
.footer a:visited {
    color: #999;
    }

.commandlink {
    color: #555;
}
.footer a:link {
    color: #555;
    }
.footer a:visited {
    color: #555;
    }

/* ------- Paging --------- */
div.paging {
    background:#fff;
    color: #ccc;
    margin-bottom: 2em;
}
div.paging div.disabled {
    color: #ddd;
    display: inline;
}
div.paging span {
}
div.paging span.current {
    color: #000;
}
div.paging span a {
}

/*  -------- Actions ---------- */
div.actions ul {
    margin: 0px 0;
    padding: 0;
}
div.actions li {
    background:#ccc;
    display: inline;
    list-style-type: none;
    line-height: 2em;
    padding: 5px;
    margin: 0 10px 0 0;
    white-space: nowrap;
}
div.actions li:hover {
    background:#aaa;
}
div.actions ul li a {
    color: #003d4c;
    text-decoration: none;
}
div.actions ul li a:hover {
    color: #333;
    text-decoration: underline;
}

/* -------- actions in a table -------- */

td.actions {
    text-align: center;
    white-space: nowrap;
}
td.actions a {
    margin: 0px 6px;
}



/* --------------- tables ----------------- */
table {
    font-family: verdana, sans-serif;
    font-size: 11px;
    line-height: 1.4em;
    border-spacing: 0px;
    }
    
th {
background-color:#443266;
color:#ffffff;
padding-left: 5px;
padding-right: 5px;
font-weight: bold;
}

th a:link {
    color: #ffffff;
}
th a:visited {
    color: #ffffff;
}


tr
{
background-color:#F1F0FF;
padding-left: 5px;
padding-right: 5px;
}

tr.altrow
{
background-color:#DCDCDC;
}

tr:hover.altrow
{
//background-color:#99bbff;
}

tr:hover
{
background-color:#C3C3E5;
}

td {
padding-left: 5px;
padding-right: 5px;

}


/* ------------ css tabs ------------------
    http://htmldog.com/articles/tabs/
*/

#header h3 {
    margin: 0;
    padding: 0 0 1em 0;
}

#header ul {
    list-style: none;
    padding:0;
    margin:0;
}

#header li {
    float: left;
    border: 1px solid #aaa;
    border-bottom-width: 0;
    margin: 0 0 0 0.7em;
    padding: 0.5em;
}


#header li a {
    padding: 0 1em;
    font-size: 120%;
    font-weight: bold;
    text-decoration: none;

}

#header li:hover {
    background: white;

}

#header #selected {
    position: relative;
    top: 1px;
    background: white;
}


.bigcontainer {
    width: 700px;
    padding: 10px;
    margin: 0px 0 10px 0;
    border: 1px solid #aaa;
    background: #fff;
    clear: both;

}