<style type="text/css">

/* FONT FORMAT */
a {color:#EFF0FD; text-decoration:none;}
a:link {color:#EFF0FD; text-decoration:none;}
a:hover {color:#FFCC00; text-decoration:underline;}
a:visited {color:#EFF0FD; text-decoration:none;}
a:visited:hover {color:#FFCC00; text-decoration:underline;}

div.header a {color:#333333; text-decoration:none;}
div.header a:link {color:#333333; text-decoration:none;}
div.header a:hover {color:#99FF00; text-decoration:underline;}
div.header a:visited {color:#333333; text-decoration:none;}
div.header a:visited:hover {color:#99FF00; text-decoration:underline;}

/* PAGE LAYOUT FORMAT */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

div.container {
font-family:"Trebuchet MS";
font-size:12px;
width:750px;
margin:0px;
border: 1px solid #47317F;
}

div.headerlayout {
background-color:#47317F;
color:#EFF0FD;
width:750px;
clear:left;
padding:0;
margin:0px;
}

.logo {
background-color:#47317F;
color:#EFF0FD;
text-align:left;
padding:0;
margin:0px;
}

.topmenu {
font-size:18px;
background-color:#47317F;
text-align:right;
color:#EFF0FD;
padding-right:10px;
margin:0px;
}

div.mainwindow {
width:750px;
padding:0;
}

div.contentbox {
background-color:#FFFFFF;
color:#47317F;
min-height:350px;
text-align:left;
vertical-align:top;
padding:10px;
/*leave margin off */
}

div.horizontalbar {
width:750px;
height:2px;
font-size:2px;
color: #FFFFFF;
background:#261453;
clear:both;
}

div.footer {
background-color:#47317F;
color:#EFF0FD;
width:750px;
clear:left;
padding:0;
margin:0px;
text-align:right;
}

.comment_box {
padding:5px;
margin:0px;
text-align:left;
}

.license {
font-size:9px;
padding:5px;
margin:0px;
text-align:right;
}

div.menubar {
font-size:12px;
color: #47317F; /*FFCC00*/
background-color:#DBDAEC;
clear:both;
text-align:left;
padding-left:10px;
}

.heading {
font-size:12px;
font-weight:bold;
color: #47317F;
}

.heading a {
color: #47317F;
color: #FFCC00;
}

.heading a:hover {
color: #FFCC00;
}

div.index {
font-size:9px;
}

.table {
background-color:#F2F2FF;
border: 1px solid #999999;
}

.table a {
color: #47317F;
color: #FFCC00;
}

.table a:hover {
color: #FFCC00;
}

.pagination {
margin-top:5px; 
margin-bottom:10px;
border-bottom: 1px solid #CCCCCC;
width:740px;
font-size:12px;
}

.page_selected {
font-size:14px;
color:#FFCC00;
font-weight:bold;
}

.arrow_selected {
font-size:14px;
color:#999999;
font-weight:bold;
}

.page_unselected {
font-size:14px;
font-weight:bold;
}

span.hidden{
  display: none;
}

span.visible{
  display: inline;
}

/* TEXTS & FONTS */
.clickable{
cursor:pointer;
text-decoration:underline;
padding:0;
margin:0;
}

.title {
font-weight:bold;
text-decoration:underline;
color:#333333;
margin-bottom:2px;
}

.title_on {
font-weight:bold;
text-decoration:underline;
color:#FFCC00;
margin-bottom:2px;
}

.title_error {
font-weight:bold;
text-decoration:underline;
color:#FFCC00;
}

.subttitle {
font-weight:bold;
text-decoration:underline;
color:#666666;
}

.text_gray {
color:#777777;
}

.text_red {
color:#CC0000;
}

.text_green {
color:#00CC33;
}

/* INPUTS AND TEXTAREAS FORMAT */
.popup {
position: relative;
float:right;
width:350px;
margin-top:0px;
background-color:#FFCC00;
border: 1px dashed gray;
padding: 5px;
color: black;
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
}

.input {
font-size:12px;
color:#000066;
background-color:#F5F5F5;
border: 1px solid #CCCCCC;
}

.input_on {
font-size:12px;
color:#000066;
/*background-color:#F5F5F5;
border: 1px solid #FFCC00;*/
background-color:#FCFDD7;
border: 1px solid #FFCC00;
}

.input_error {
color:#FFCC00;
background-color:#FEF2E7;
border: 1px solid #FFCC00;
}

.box_white {
color:#000066;
background-color:#FFFFFF;
border: 1px solid #CCCCCC;
}

/* BUTTONS */ 
div.item {
padding: 0;
margin: 0 10px 0 0;
background:#FFFFFF;
clear:both;
height:125px;
}

div.item a, .item a:visited {
text-decoration: none;
color:#000066;
border-top: 1px solid #DBDAEC;
border-bottom: 1px solid #DBDAEC;
padding: 5px 5px 5px 5px;
margin: 0px 5px 10px 15px;
display: block;
width:100%;
height:125px;
}

div.item a:hover, .item a:active {
text-decoration: none;
color:#000066;
background:#E2E1F4;
border-top: 1px solid #000066;
border-bottom: 1px solid #000066;
height:125px;
}

/* ERRORS / NOTICES */
.errors {
color:#333333;
background-color:#FEF2E7;
border: 1px solid #CC0000;
padding:5px;
margin-bottom:10px;
/*width:722px;*/
}

.notices {
color:#333333;
background-color:#FCFDD7;
border: 1px solid #FFCC00;
padding:5px;
margin-bottom:10px;
/*width:722px;*/
}

.list {
color:#777777;
margin-left:10px;
}

/* PARSE TEMPLATES */
div.list {
padding: 0;
margin-right:50px;
margin-left:10px;
clear:both;
height:auto;
}

div.list a, .list a:visited {
text-decoration: none;
color:#000066;
border-left: 3px solid #FFFFFF;
border-bottom: 1px solid #DBDAEC;
display: block;
width:100%;
height:auto;
}

div.list a:hover, .list a:active {
text-decoration: none;
color:#FFCC00;
background:#F4F3FE;
border-left: 3px solid #000066;
border-bottom: 1px solid #DBDAEC;
height:auto;
}

.table_list {
color:#000066;
}

.item_list {
color:#000066;
width:100%;
}

/* TABLES AND BOXES FORMAT */
div.box {
padding:3px;
margin-bottom:5px;
border:1px solid #DBDAEC;
text-align:left;
background-color:#FFFFFF; 
}

div.box_on {
padding:3px;
margin-bottom:5px;
border:1px solid #000066; /* FFCC00 */
text-align:left;
background-color:#EFEFEF; 
}

div.box_hidden {
padding:3px;
margin-bottom:5px;
border:1px solid #FFFFFF; 
text-align:left;
}

div.box_green {
padding:3px;
margin-bottom:5px;
text-align:left;
background-color:#CAFAC2;
border: 1px solid #278E15;
}
div.progress_bar {
margin-top:5px;
margin-bottom:10px;
font-size:18px;
color: #000066;
text-decoration:underline;
text-align:left;
clear:both;
}

.spectrum {
background-image:url(../images/admin/spectrum_bar.jpg);
background-repeat:no-repeat;
}

/* BUTTONS */
.submit {
background-color:#FFFFFF;
border:solid 1px #FF9900; 
font-size:11px;
font-weight:bold;
color:#FF9900;
text-align:center;
float:left;
}

/* SEARCH BOX ITEMS */
#tablist {
font: bold 12px Verdana;
padding: 5px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
}

#tablist li {
list-style: none;
display: inline;
margin: 0;
}

#tablist li a { /* tab button format */
text-decoration:none;
padding: 5px 0.5em;
margin-left: 0px;
border: 1px solid #777777;
background: white;
}

#tablist li a:hover {
background:#E5E5E5;
text-decoration:underline;
}

#tablist li a:link, #tablist li a:visited {
color: #555555; /* tab text format */
}

#tablist li a.current { /* selected tab format */
background:#FFCC33;
color:#FFFFFF;
}

#tabcontentcontainer {
width:97%;
height:inherit;
border: 1px solid #777;
}

.tabcontent {
width:97%;
display:none;
}

#itemlist { /* content format */
padding: 5px;
margin:auto;
}

/* content link format */
#itemlist a { 
color:#000000;
padding:5px;
}

#itemlist a:link {
color:#000000; 
font-weight:normal;
}

#itemlist a:hover {
color:#FFCC00; 
font-weight:normal;
padding:5px;
}

#itemlist a:active {
color:#000000;
font-weight:normal;
}


</style>
