﻿body
{
	background-image: url(/content/bg.gif);
	background-repeat:repeat;
    font-size: 11px;
	font-family:Arial;
    font-weight:bold;
    color: #555;
	text-transform:lowercase;
    margin: 0 0 0 0;
    padding: 0px;
}

#header_content
{
	position:fixed;
	width:100%;
	background:transparent url(/content/menu_bg.gif) repeat-x;
	height:71px;
}

#header
{
	width:740px;
	margin-left: auto;
	margin-right:auto;
}

#header_pic
{
	position:absolute;
	margin: 8px 0 0 0;
	z-index:99;
}

#header_logon
{
	z-index:99;
	float:right;
	font-size:11px;
	text-align:right;
	margin:20px 0px;
}

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap !important  ;/* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.content
{
	width:740px;
	margin-left: auto;
	margin-right:auto;
	border: solid 1px #e72a20;
	border-top: solid 5px #e72a20;
	background: #F0F0F0 url(/content/shadow_big.gif) repeat-x;
	color:#555;
}

.watermark
{
	z-index:-1;
	position:fixed;
	bottom:0px;
	right:0px;
}

.pagination
{
	margin-top:10px;
}

h1, h2, h3, h4
{
	font-size:16px;
	font-weight:bold;
	color:#555;
}

a:link
{
    color: #e72a20;
    font-weight:bold;
    text-decoration: underline;
}
a:visited
{
    font-weight:bold;
    color: #e72a20;
}
a:hover
{
    font-weight:bold;
    color: #e72a20;
    text-decoration: none;
}
a:active
{
    font-weight:bold;
    color: #e72a20;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

/* DROPLINE MENU   
----------------------------------------------------------*/
#dropline {padding:0 0 0 75px; margin:0; list-style:none; background:url(/content/menu_bg.gif) repeat-x; position:relative;}
#dropline table {border-collapse:collapse; width:0; height:0; margin:-3px -10px;}

#dropline li {float:left;}
#dropline li a {display:block; height:71px; line-height:71px; padding:0 20px 0 0; float:left; color:#555; text-decoration:none; font-family:arial; font-size:16px;}
#dropline li a b {display:block; height:71px; float:left; padding:0 0 0 20px; cursor:pointer;}
#dropline li a:hover {background:url(/content/button_active.gif) no-repeat top center; line-height:71px; height:71px; color:White;}
#dropline li a:hover b {background:url() no-repeat left top; line-height:71px;}

#dropline li:hover > a {background:url(/content/button_active.gif) no-repeat top center; line-height:71px; height:71px; color:White;}
#dropline li:hover > a b {background:url() no-repeat left top; line-height:71px;}

#dropline ul {padding:0; margin:0; font-weight:lighter; list-style:none; opacity: 0.9; filter: alpha(opacity = 90); position:absolute; height:25px; width:740px; background:White; left:-9999px; top:71px; z-index:10; border:1px dashed #555;}
#dropline ul li {height:25px; line-height:25px;}
#dropline ul.right li {float:right;}
#dropline ul li a {color:#555; padding:0 10px 0 10px; height:25px; line-height:25px; border-right:1px solid #e72a20; font-family: arial; font-size:12px;}
#dropline ul li a:hover {height:25px; line-height:25px; background:transparent; color:#e72a20;}
#dropline ul.right li a {border-left:1px solid #e72a20; border-right:0;}
#dropline ul li a.last {border:0;}

#dropline :hover ul {left:0;}

#dropline li.current ul {left:0; z-index:1;}
#dropline li.current a {background:url(/content/button_active.gif) no-repeat top center; line-height:36px; height:44px; color:White;}
#dropline li.current a b {background:url() no-repeat left top; line-height:36px;}
#dropline li.current ul li a {color:#000; padding:0 10px 0 10px; height:25px; line-height:25px; background:transparent;}
#dropline li.current ul li.current_sub a {color:#e72a20;}
#dropline li.current ul li a:hover {color:#e72a20;}

table
{
	border:solid 1px #e72a20;
	border-collapse:collapse;
	margin:0 0 0 0;
}

th
{
	padding:5px;
	background: #e72a20;
	color:White;
	text-align:left;
	vertical-align:top;
}

td
{
	padding:5px;
	line-height:10px;
	border-right:dotted 1px #e72a20;
	border-bottom:dotted 1px #e72a20;
}

input[type=button], input[type=submit], button {
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	width: auto;
	vertical-align:bottom;
	line-height: 21px;
	height: 23px;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	color:#555;
	text-transform:lowercase;
	border: solid 1px #d5d5d5 ;
	text-align: center;
	background-color: #ffffff;
	background-image: url(/content/buttonbg.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
}

input[type=text], input[type=password], textarea {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left:2px;
	padding-top:2px;
	color: #555;
	height:18px;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	border: solid 1px #BBB;
	background: #FFF url(/content/inputbg.gif) repeat-x;
	background-attachment: scroll;
}

textarea
{
	background-attachment: scroll;
	background-image: url(/content/textareabg.gif);
	height:auto;
}

select {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left:2px;
	padding-top:1px;
	padding-bottom:1px;
	color: #555;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	border: solid 1px #bbbbbb;
	background-color: #ffffff;
	background-image: url(/content/inputbg.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
}

.multiselect
{
	background-image: url(/content/textareabg.gif);
    border: 1px solid #ccc;
	height:200px;
	width:200px;
}

.scroll_checkboxes {
    height: 320px;
    width:200px;
    padding: 3px;
    overflow: auto;
    border: 1px solid #ccc
}

input[type=textarea] {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left:2px;
	padding-top:2px;
	color: #000000;
	border: solid 1px #bbbbbb;
	background-color: #ffffff;
	background-image: url(/content/textareabg.gif);
	background-repeat: repeat-x;
}

fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset label 
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
	color:#555;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 4px 8px 4px;
    text-transform:lowercase;
    
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.ajax__calendar td { padding:0px; font-weight:normal; } 

/* MENU STUFF */
#navigation-1 
{
	position:absolute;
	margin:0px 0px 0px 70px;
	list-style:none;
	height:71px;
	font:bold 16px arial;
	background:transparent url(/content/menu_bg.gif) repeat-x;
}
#navigation-1 li {
	margin:0;
	padding:0;
	display:block;
	float:left;
	position:relative;
}

/* top level menu buttons INACTIVE */
#navigation-1 li a:link, #navigation-1 li a:visited 
{
	padding:25px 15px;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#555;
}

/* top level menu buttons ACTIVE */
#navigation-1 li:hover a, #navigation-1 li a:hover, #navigation-1 li a:active {
	display:block;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	background:url(/content/button_active.gif) no-repeat center;
}

/* dropdown menu container ?? */
#navigation-1 li ul.navigation-2 {
	margin:0;
	padding:0;
	list-style:none;
	display:none;
	position:absolute;
	top:69px;
	left:-25px;
	border:1px dashed #555;
	background:white;
	filter:alpha(opacity=90); 
	opacity:0.9;
}
#navigation-1 li:hover ul.navigation-2 {
	display:block;
}
#navigation-1 li ul.navigation-2 li {
	clear:left;
}

/* sub menu items INACTIVE */
#navigation-1 li ul.navigation-2 li a:link, #navigation-1 li ul.navigation-2 li a:visited {
	clear:left;
	padding:0px;
	border:none;
	width:130px;
	position:relative;
	z-index:1000;
	color:#444;
	font-size:12px;
	background-image:none;
	text-align:center;
	/* background:transparent url(/content/menu_arrow_grey.gif) no-repeat left center; */
}

/* sub menu items ACTIVE */
#navigation-1 li ul.navigation-2 li:hover a, #navigation-1 li ul.navigation-2 li a:active, #navigation-1 li ul.navigation-2 li a:hover {
	clear:left;
	padding:0px;
	border:none;
	position:relative;
	color:#e72a20;
	font-size:12px;
	z-index:1000;
	background-image:none;
	text-align:center;
	/* background:transparent url(/content/menu_arrow.gif) no-repeat left center; */
}

/* NO IDEA */
#navigation-1 li ul.navigation-2 li ul.navigation-3 {
	display:none;
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	left:115px;
	top:-2px;
	padding:1px 1px 0 1px;
	border:1px dashed #555;
	background:green;
	z-index:900;
	font-size:12px;
}
#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 {
	display:block;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited {
	background:#fff;
}

/* sub menu 2 container */
#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active {
	background:white;
}
#navigation-1 li ul.navigation-2 li a span {
	position:absolute;
	top:0;
	font-size:12px;
	color:#555;
}
#navigation-1 li ul.navigation-2 li:hover a span, #navigation-1 li ul.navigation-2 li a:hover span {
	position:absolute;
	top:0;
	font-size:12px;
	color:#555;
}
                    
                    
