/* GLOBAL CSS 
	* This is the global CSS file. NO CUSTOMIZATIONS OR CHANGES SHOULD BE MADE HERE.
	* All changes should be made in the site_style.css file which has precedence over this file.
	* The colors in this file are either gray-scales (ie. black, white, grey) or standard reds and yellows for alerts.
	* If you do not follow these orders, upgrades may be broken.
*/

body{
padding:0;
font-size:12px;
margin:0px auto auto auto;
}

body.print{
background:#ffffff;
padding:0;
font-size:12px;
margin:0px auto auto auto;
color:#000000;
}

.clear{
clear:both;
}

img {border:none; }

img.intext {display:inline; border:0; margin:0; vertical-align:middle;}

img.right { border:0; margin: 6px 0 6px 10px; }

h1{
font-size:18px;
font-weight:normal;
padding:5px 0 5px 0;
margin:0px;
clear:both;
}

h2{
font-size:16px;
font-weight:normal;
padding:5px 0 5px 0;
margin:0px;
clear:both;
}

h3{
font-size:14px;
font-weight:normal;
padding:4px 0 4px 0;
margin:0px;
clear:both;
}

h3.inline{
display:inline;
}

h4{
font-size:12px;
font-weight:normal;
padding:3px 0 3px 0;
margin:0px;
clear:both;
}

h3.inline{
display:inline;
}

p{
padding:5px 0 5px 0;
margin:0px;
text-align:justify;
line-height:19px;
}

.wrap{
position:relative;
margin:0 auto;
}

.header{
position:relative;
margin:0 auto;
border-top: none;
border-right: none;
border-bottom:none;
border-left: none;
z-index:2;
}

.icon32x32 {
	float:left;
}

.icon32x32 img {
	border:0;
	display:inline;
	padding:2px 4px 2px 2px;
}

.icon32x32 a.text { position:relative; left:0; bottom:12px;}

.icon16x16 {
	display:inline;
	margin:4px 2px 4px 0;
}

.icon16x16 img {
	border:0;
	display:inline;
	padding:2px 4px 2px 2px;
}

.icon16x16 a.text { position:relative; left:0; bottom:6px;}

.h_divider620 {
	width:620px;
	height:10px;
	padding:0;
	margin:0;
	text-align:left;
	clear:both;
	float:left;
	border-top:2px solid #000000;
	border-bottom:1px dashed #000000;
	color:#000000;
}

.h_divider800 {
	width:800px;
	height:10px;
	padding:0;
	margin:0;
	text-align:left;
	clear:both;
	float:left;
	border-top:2px solid #000000;
	border-bottom:1px dashed #000000;
	color:#000000;
}

/*-----------------------------menus-------------------*/
#main_menu { 
margin: 0;
position:absolute;
right:0px;
bottom:0px;
z-index:3;
}
	
#sddm {	
margin: 0;
padding: 0;
z-index: 4;
}

#sddm li {	
margin: 0;
padding: 0;
list-style: none;
float: left;
}

#current {	
margin: 0;
padding: 0;
list-style: none;
float: left;
}

#sddm li a
{	display: block;
margin: 0 1px 0 0;
padding: 4px 10px;
width: auto;
}

#sddm div {	
position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
}

#sddm div a 
{	position: relative;
display: block;
margin: 0;
padding: 5px 10px;
width: auto;
#white-space: nowrap;
text-align: left;
text-decoration: none;
}

ul.vmenu {
position:relative;
list-style:none;
margin:0;
padding:0;
border:none;
}

ul.vmenu li {
padding:0;
margin:0;
}

ul.vmenu li a {
width:160px;
display:block;
padding:2px 0 2px 0;
margin:0;
text-decoration:none;
text-indent:6px;
font-weight:bold;
font-size:11px;
color:#999999;
}

ul.vmenu li.selected a {
width:160px;
display:block;
padding:2px 0 2px 0;
margin:0;
text-decoration:none;
text-indent:6px;
font-weight:bold;
font-size:11px;
color:#333333;
background-color:#dddddd;
}

ul.vmenu li a:hover, ul.menu li a:focus {
color:#333333;
background-color:#eeeeee;
}

.inlinetextmenu {
width:100%;
padding:2px 15px 2px 0;
margin:0;
clear:both;
}

.inlinetextmenu ul{
float:right;
display:block;
list-style:none;
margin:0 10px 0 0;
}

.inlinetextmenu ul li {
display:inline;
padding:0;
margin:0;
vertical-align:middle;
}

.inlinetextmenu ul li a:link {
margin:0 4px 0 4px;
text-decoration:none;
color:#eeeeee;
font-size:12px;
}

.inlinetextmenu ul li a:visited {
color:#eeeeee;
text-decoration:none;
}

.inlinetextmenu ul li a:hover {
color:#000000;
text-decoration:underline;
}

.inlinetextmenu ul li a:active {
color:#eeeeee;
text-decoration:none;
}


#menu{
display:inline;
float:right;
padding:40px 10px 0 0;
margin:0;
clear:right;
}

/*--------------main_content-----------------*/
.content{
position:relative;
top:0px;
left:0px;
}

.home_content{
position:relative;
top:0px;
left:0px;
}

.home_left_content{
position:absolute;
top:0;
left:0;
text-align:left;
}

.home_right_content{
position:absolute;
top:0;
right:0;
}

.content_scroll {
width:620px;
height:300px;
padding:20px 0 0 50px;
overflow:scroll;
border:1px solid #999;
background:#eeeeee;
}

.file_view {
width:620px;
height:600px;
padding:10px 4px 10px 4px;
overflow:scroll;
border:1px solid #999999;
font-family: "Lucida Console", Monaco, "DejaVu Sans Mono", "Courier New", "Andale Mono", "Lucida Sans Typewriter";
font-size:12px;
color:#000000;
background:#f9f9f9;
}

#left, #middle, #right, #double_right, #left_and_middle, #middle_and_right, #left_and_middle_and_right {
float: left;
margin-top:10px;
margin-bottom:10px;
}

.col_top1100 {
width:1100px;
height:50px;
background-image:url(/images/div_bg/div_top_1100x50.jpg);
background-repeat:no-repeat;
clear:both;
padding:0;
margin:0;
overflow:hidden;
}

.col_top1100 div h1 {
margin:0;
padding:8px 30px 0 30px;
}

.col_between1100 {
width:1100px;
min-height:400px;
background-image:url(/images/div_bg/div_between_1100x20.jpg);
background-repeat:repeat-y;
padding:0;
margin:0;
clear:both;
}

.col_between1100 div {
margin: 0;
padding:10px 20px 10px 30px;
}

.col_bottom1100 {
width:1100px;
height:30px;
background-image:url(/images/div_bg/div_bottom_1100x30.jpg);
background-repeat:no-repeat;
padding:0;
margin:0;
clear:both;
}

.col_top920 {
width:920px;
height:50px;
background-image:url(/images/div_bg/div_top_920x50.jpg);
background-repeat:no-repeat;
clear:both;
padding:0;
margin:0;
overflow:hidden;
}

.col_top920 div h1 {
margin:0;
padding:8px 30px 0 30px;
}

.col_between920 {
width:920px;
min-height:400px;
background-image:url(/images/div_bg/div_between_920x20.jpg);
background-repeat:repeat-y;
padding:0;
margin:0;
clear:both;
}

.col_between920 div {
margin: 0;
padding:10px 20px 10px 30px;
}

.col_bottom920 {
width:920px;
height:30px;
background-image:url(/images/div_bg/div_bottom_920x30.jpg);
background-repeat:no-repeat;
padding:0;
margin:0;
clear:both;
}

.col_top740 {
width:740px;
height:50px;
background-image:url(/images/div_bg/div_top_740x50.jpg);
background-repeat:no-repeat;
clear:both;
padding:0;
margin:0;
overflow:hidden;
}

.col_top740 div h1 {
margin:0;
padding:8px 30px 0 30px;
}

.col_between740 {
width:740px;
min-height:400px;
background-image:url(/images/div_bg/div_between_740x20.jpg);
background-repeat:repeat-y;
padding:0;
margin:0;
clear:both;
}

.col_between740 div {
margin: 0;
padding:10px 20px 10px 30px;
}

.col_bottom740 {
width:740px;
height:30px;
background-image:url(/images/div_bg/div_bottom_740x30.jpg);
background-repeat:no-repeat;
padding:0;
margin:0;
clear:both;
}

.col_top560 {
width:560px;
height:50px;
background-image:url(/images/div_bg/div_top_560x50.jpg);
background-repeat:no-repeat;
clear:both;
padding:0;
margin:0;
overflow:hidden;
}

.col_top560 div h1 {
margin:0;
padding:8px 30px 0 30px;
}

.col_between560 {
width:560px;
min-height:400px;
background-image:url(/images/div_bg/div_between_560x20.jpg);
background-repeat:repeat-y;
padding:0;
margin:0;
clear:both;
}

.col_between560 div {
margin: 0;
padding:10px 20px 10px 30px;
}

.col_bottom560 {
width:560px;
height:30px;
background-image:url(/images/div_bg/div_bottom_560x30.jpg);
background-repeat:no-repeat;
padding:0;
margin:0;
clear:both;
}

.col_top180 {
width:180px;
height:30px;
background-image:url(/images/div_bg/div_top_180x30.jpg);
background-repeat:no-repeat;
clear:both;
padding:0;
margin:0;
overflow:hidden;
}

.col_top180 div {
margin:0;
padding:6px 20px 0 20px;
font-size:13px;
text-align:center;
}

.col_between180 {
width:180px;
min-height:40px;
background-image:url(/images/div_bg/div_between_180x20.jpg);
background-repeat:repeat-y;
padding:0;
margin:0;
clear:both;
}

.col_between180 div {
margin: 0;
padding:0 10px 0 10px;
overflow:hidden;
}

.col_bottom180 {
width:180px;
height:30px;
background-image:url(/images/div_bg/div_bottom_180x30.jpg);
background-repeat:no-repeat;
padding:0;
margin:0;
clear:both;
}

/*-------------------tables------------------------*/
table.mysql {
	margin:0;
	border:1px solid #cccccc;
	border-collapse:collapse;
	clear:both;
}

table.mysql tr th {
	font-size:11px;
	padding:4px 4px 4px 4px;
	font-weight:bold;
	text-align:left;
	background:#eeeeee;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

table.mysql tr td {
	font-size:11px;
	text-align:left;
	vertical-align:top;
	padding:1px 4px 1px 4px;
	border-bottom:1px solid #cccccc;
}

table.mysql tr td.title {
background:#193e51;
color:#ffffff;
text-align:left;
font-size:16px;
font-weight:bold;
padding:2px 10px 2px 10px;
}

/*-------------------forms------------------------*/
form.inline {
display:inline;
}

.form{
padding:20px 0 0 50px;
}

.form_wide{
width:95%;
padding:20px 0 0 50px;
}

table.wzl_form{
margin:auto;
border:1px solid #cccccc;
border-collapse:collapse;
}

td.wzl_form_title{
background:#999999;
color:#ffffff;
font-size:18px;
font-weight:bold;
padding:4px 10px 6px 10px;
}

td.wzl_form_title a:link { color:#ffffff;}
td.wzl_form_title a:visited { color:#ffffff;}
td.wzl_form_title a:hover { color:#eeeeee;}
td.wzl_form_title a:active { color:#ffffff;}

.wzl_form_subtitle {
color:#aaaaaa;
font-size:14px;
}

.wzl_form_sublabel {
font-size:10px;
}

td.wzl_form_instructions{
background:#eeeeee;
font-size:10px;
font-weight:bold;
padding:4px 8px 4px 8px;
}


td.wzl_form_error{
padding: 8px 8px 8px 8px;
background:yellow;
color:#000000;
font-size:12px;
font-weight:bold;
border:1px solid #990000;
}

td.wzl_form_field_info{
color:#999999;
font-weight:bold;
padding:1px 8px 8px 8px;
}

td.wzl_form_field_error{
padding:4px 8px 4px 8px;
border-top:1px solid #990000;
border-right:1px solid #990000;
border-bottom:none;
border-left:1px solid #990000;
color:#990000;
font-weight:bold;
}

td.wzl_form {
padding:4px;
background:#ffffff;
}

td.wzl_form_grey {
padding:4px;
background:#eeeeee;
}

td.wzl_form_one_column{
font-size:14px;
font-weight:bold;
padding:8px 8px 4px 8px;
}

td.wzl_form_left_column{
vertical-align:top;
font-size:14px;
font-weight:bold;
padding:8px 8px 4px 8px;
}

td.wzl_form_right_column{
padding:4px 8px 4px 8px;
}

td.wzl_form_one_column_error{
font-size:14px;
font-weight:bold;
padding:6px 6px 4px 6px;
border-top:none;
border-right:1px solid #990000;
border-bottom:1px solid #990000;
border-left:1px solid #990000;
}

td.wzl_form_left_column_error{
vertical-align:top;
font-size:14px;
font-weight:bold;
padding:8px 8px 4px 8px;
border-top:none;
border-right:none;
border-bottom:1px solid #990000;
border-left:1px solid #990000;
}

td.wzl_form_right_column_error{
padding:4px 8px 4px 8px;
border-top:none;
border-right:1px solid #990000;
border-bottom:1px solid #990000;
border-left:none;
}

td.wzl_form_submit{
padding:10px 10px 10px 10px;
text-align:center;
}

.button100         {margin:6px; border:0; width:100px; height:24px; background: url(../images/buttons/up100.png) no-repeat; color:#ffffff; font-weight:bold; }
.button100:hover {margin:6px; border:0; width:100px; height:24px; background: url(../images/buttons/down100.png) no-repeat; color:#ffffff; font-weight:bold; }
.button150         {margin:6px; border:0; width:150px; height:24px; background: url(../images/buttons/up150.png) no-repeat; color:#ffffff; font-weight:bold; }
.button150:hover {margin:6px; border:0; width:150px; height:24px; background: url(../images/buttons/down150.png) no-repeat; color:#ffffff; font-weight:bold; }
.button200         {margin:6px; border:0; width:200px; height:24px; background: url(../images/buttons/up200.png) no-repeat; color:#ffffff; font-weight:bold; }
.button200:hover { margin:6px; border:0; width:200px; height:24px; background: url(../images/buttons/down200.png) no-repeat; color:#ffffff; font-weight:bold; }

.button100red         {margin:6px; border:0; width:100px; height:24px; background: url(../images/buttons/up100red.png) no-repeat; color:#ffffff; font-weight:bold; }
.button100red:hover {margin:6px; border:0; width:100px; height:24px; background: url(../images/buttons/down100red.png) no-repeat; color:#ffffff; font-weight:bold; }
.button150red         {margin:6px; border:0; width:150px; height:24px; background: url(../images/buttons/up150red.png) no-repeat; color:#ffffff; font-weight:bold; }
.button150red:hover {margin:6px; border:0; width:150px; height:24px; background: url(../images/buttons/down150red.png) no-repeat; color:#ffffff; font-weight:bold; }
.button200red         {margin:6px; border:0; width:200px; height:24px; background: url(../images/buttons/up200red.png) no-repeat; color:#ffffff; font-weight:bold; }
.button200red:hover { margin:6px; border:0; width:200px; height:24px; background: url(../images/buttons/down200red.png) no-repeat; color:#ffffff; font-weight:bold; }

.button100green         {margin:6px; border:0; width:100px; height:24px; background: url(../images/buttons/up100green.png) no-repeat; color:#ffffff; font-weight:bold; }
.button100green:hover {margin:6px; border:0; width:100px; height:24px; background: url(../images/buttons/down100green.png) no-repeat; color:#ffffff; font-weight:bold; }
.button150green         {margin:6px; border:0; width:150px; height:24px; background: url(../images/buttons/up150green.png) no-repeat; color:#ffffff; font-weight:bold; }
.button150green:hover {margin:6px; border:0; width:150px; height:24px; background: url(../images/buttons/down150green.png) no-repeat; color:#ffffff; font-weight:bold; }
.button200green         {margin:6px; border:0; width:200px; height:24px; background: url(../images/buttons/up200green.png) no-repeat; color:#ffffff; font-weight:bold; }
.button200green:hover { margin:6px; border:0; width:200px; height:24px; background: url(../images/buttons/down200green.png) no-repeat; color:#ffffff; font-weight:bold; }

.required{
color:#990000;
font-weight:bold;
font-size:120%;
}

/*--------------------footer-------------*/
.footer{
clear:both;
width:920px;
height:200px;
margin:0 auto 0 auto;
}

.footer_content{
width:880px;
margin:0 auto;
text-align:center;
}

a.footer:link { color:#999999; }
a.footer:visited { color: #999999; }
a.footer:hover { color:#ffffff; }
a.footer:active { color: #999999; }

/*------------misc--------------*/
.alert{
	color:#990000;
}

p.p_normal {
margin:2px auto;
padding:5px 0 5px 0;
text-align:justify;
line-height:19px;
}

p.p_normal span.title {
display:block;
color:#999999;
font-size:16px;
font-weight:normal;
padding:5px 0 5px 0;
margin:0;
}

p.p_normal span.special {
display:inline;
}

p.p_alert {
margin:2px auto;
padding:5px 0 5px 0;
text-align:justify;
font-weight:bold;
line-height:19px;
}

p.p_alert span {
display:block;
color:#990000;
font-size:16px;
font-family:"Arial Black", Gadget, Arial, Verdana, Helvetica, sans-serif;
font-weight:normal;
padding:5px 0 5px 0;
margin:0;
}

p.p_alert span.special {
display:inline;
color:#990000;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
padding:0;
}

p.p_alert a:link {color:#990000; text-decoration:underline;  }
p.p_alert a:visited {color:#990000; text-decoration:underline; }
p.p_alert a:hover {color:#FF3700; text-decoration:underline; }
p.p_alert a:active {color:#990000; text-decoration:underline; }

/* for formatting color of dates and times 
purple in the past - red at current - orange in the future*/
.within_last168hours {
color:#660000;
}

.within_last24hours {
color:#990000;
font-weight:bold;
}

.within_last1hours {
color:#ff0000;
font-weight:bold;
}

.within_next1hours {
color:#ff0000;
font-weight:bold;
}

.within_next24hours {
color:#990000;
font-weight:bold;
}

.within_next168hours {
color:#660000;
}

h1.big_title{
font-size:20px;
padding:0 0 10px 0;
}