/* -*- c -*- */

/*
 * 2004-05-15
 * Frogfoot Networks Portal : XHTML 1.1
 * (c) 2004 Johann Botha http://blue.frogfoot.net/
 * CSS2 :: http://www.w3.org/TR/REC-CSS2/
 */

/* Standard HTML
* ---------------------------------------------- */

body
{
   margin: 0;
   padding: 0;
   border: 0;
   background: #333;
   font-size: 12px;
   font-family: helvetica, arial, verdana, sans-serif;
}

span.required
{
   font-weight: bold;   
}

span.error
{
   font-weight: bold;
   color: #b22;
}

img
{
   display: block;
}

img.icon
{
   float: left;
   margin-left: 0;
   margin-right: 4px;
}

img.logo
{
   float: right;
   margin-left: auto;
   margin-right: 6px;
}
	    
img.graph
{
   text-align: left;
}

select.browselist
{
   width: 600px;
}

div.browsebuttons
{
   width: 600px;
   text-align: center;
}

table
{
   empty-cells: show;
}

table.details
{
   margin-left: auto;
   margin-right: auto;
   width: 600px;
} 

table.clientview
{
   width: 600px;
}
table.clientlistview
{
   width: 750px;
}

div.clientbuttons
{
   width: 600px;
   text-align: center;
}

div.statsheader
{
   color: #000000;
   width: 600px;
   padding-top: 5px;
   padding-bottom: 5px;
   text-align: center;
   font-weight: bold;
   font-style: normal;
 }
		     
table.middle
{
   margin-left: auto;
   margin-right: auto;
   width: 100%;
}

table.login
{
   margin-left: auto;
   margin-right: auto;
   width: 600px;
   text-align: left;
}

table.error
{
   margin-left: auto;
   margin-right: auto;
   width: 600px;
   text-align: left;
}

col.first
{
   width: 200px;
}

col.quarter
{
   width: 150px;
}

td.middle
{
   background: #EDECDA;
   vertical-align: top;
   padding: 0;
   border: 0;
   text-align: center;
}

td.odd
{
   background: #bbb;
   padding: 2px;
   padding-left: 4px;
}
td.innerodd
{
   background: #bbb;
   padding: 2px;
   padding-left: 0px;
}
td.redd
{
   background: #FF3300;
   color: #fff;
   padding: 2px;
   padding-left: 4px;
}
td.green
{
   background: #00FF00;
   color: #000;
   padding: 2px;
   padding-left: 4px;
}
td.orange
{
   background: #FFCC00;
   color: #000;
   padding: 2px;
   padding-left: 4px;
}
td.even
{
   background: #999;
   padding: 2px;
   padding-left: 4px;
}
td.innereven
{
   background: #999;
   padding: 2px;
   padding-left: 0px;
}
td.sectionheader
{
   background: #333;
   color: #fff;
   padding: 2px;
   padding-left: 4px;
}

td.sectionheader1
{
   background: #333;
   color: #fff;
   padding: 2px;
   padding-left: 4px;
   /* width: 200px; */
}

td.sectionheader1 a
{
   background: #333;
   color: #fff;
   padding: 2px;
   padding-left: 4px;
   /* width: 200px; */
}
td.sectionheader2
{
   background: #333;
   color: #fff;
   padding: 2px;
   padding-left: 4px;
   /* width: 400px; */
}

td
{
   vertical-align: top;
}

div.error
{
   position: relative;
   font-family: helvetica, arial, verdana, sans-serif;
   color: #fff;
   background: #b22;
   font-size: 18px;
   padding: 4px;
   margin: 2px;
}

div.warning
{
   position: relative;
   font-family: helvetica, arial, verdana, sans-serif;
   color: #fff;
   background: #f99203;
   font-size: 18px;
   padding: 4px;
   margin: 2px;
}

div.notice
{
	position: relative;
	font-family: helvetica, arial, verdana, sans-serif;
	color: #fff;
	background: #b22;
	font-size: 12px;
	width: 594px;
	padding: 2px;
	margin: 2px;
}

div.error em
{
   font-weight: normal;
   font-style: italic;
}

div.warning em
{
   font-weight: normal;
   font-style: italic;
}

/* Links
* ---------------------------------------------- */

a
{
   text-decoration: none;
   color: #555;
   font-weight: bold;
}

/*
a:visited
{
   text-decoration: none;
   color: #555;
   font-weight: bold;
}
*/

a:hover
{
   text-decoration: none;
   color: #911;
   font-weight: bold;
}

a:active
{
   text-decoration: none;
   color: #911;
   font-weight: bold;
}

a.email
{
   text-decoration: none;
   color: #141;
}

a.www
{
   text-decoration: none;
   color: #141;
}

a.updateperson
{
   color: #000;
   text-decoration: none;
}

a.right-container
{
   color: #000;
   text-decoration: none;
}

a.clickhere
{
   text-decoration: none;
   color: #000;
}

a.sectionheader
{
   text-decoration: none;
   color: #FFF;
}

/*
* ---------------------------------------------- */

.none
{
   display: none;
}

p
{
   color: #fff;
   margin: 0 0 20px;
   padding: 0;
}

form
{ 
   padding: 0;
   margin: 0;
}

button.submit
{
   color: #000000;
   font-family: helvetica, sans-serif;
   font-weight: bold;
   background-color:#D6D4AA;
   border: 1px solid #000000;
}

button.submit:hover
{
   color: #FFFFFF;
   font-family: helvetica, sans-serif;
   font-weight: bold;
   background-color: #a02424;
   border: 1px solid #000000;
}

input.submit
{
   color: #000000;
   font-family: helvetica, sans-serif;
   font-weight: bold;
   background-color:#D6D4AA;
   border: 1px solid #000000;
}

input.submit:hover
{
   color: #FFFFFF;
   font-family: helvetica, sans-serif;
   font-weight: bold;
   background-color: #a02424;
   border: 1px solid #000000;
}

input.buttn
{
   color: #000000;
   font-family: helvetica, sans-serif;
   font-weight: bold;
   background-color:#D6D4AA;
   border: 1px solid #000000;
}

input.buttn:hover
{
   color: #FFFFFF;
   font-family: helvetica, sans-serif;
   font-weight: bold;
   background-color: #a02424;
   border: 1px solid #000000;
}

input.reset
{
   color: #000000;
   font-family: helvetica, sans-serif;
   font-weight: bold;
   background-color:#D6D4AA;
   border: 1px solid #000000;
}

input.reset:hover
{
   color: #FFFFFF;
   font-family: helvetica, sans-serif;
   font-weight: bold;
   background-color: #a02424;
   border: 1px solid #000000;
}

input, textarea, select
{ 
   padding: 2px;
   margin: 0px 0px;
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 11px; 
   background-color: #efefed;
   border: 1px solid #000000;
}

input.client
{
   width: 300px;   
}

fieldset
{
   margin: 0;
   padding: 0;
   border: 0;
}

em
{
   color: #fff;
   font-weight: bold;
   font-style: normal;   
   text-decoration: none;   
}

/* Header
* ---------------------------------------------- */

div.header
{
   margin: 0;
   height: 85px;
   background: url("../images/top_mainimage.jpg") no-repeat #EEEACF;
}

div.header h1
{
   font: bold 20px helvetica, sans-serif;
   margin: 0;
   padding: 0;
   padding-top: 25px;
   padding-left: 200px;
   line-height: 15pt;
   color: #911;
}

div.header em
{
   font-style: italic;
}

/* Top Nav
* ---------------------------------------------- */

div.topnav
{
   border-top: 1px solid #ddd;
   background: url("../images/topnav_bg.jpg") repeat-y #9E9B4D;
   padding: 3px 20px 3px 10px;
}

div.topnav a
{
   color: #fff;
   background: transparent;
   border-right: 1px solid #ddd;
   padding: 3px 8px;
}

div.topnav a:hover
{
   color: #fff;
   background: #444;
   border-right: 1px solid #ddd;
}

div.topnav a.firsta
{
   border-left: 1px solid #ddd;
}

/* Status Nav
* ---------------------------------------------- */

div.statusnav
{
   color: #eee;
   background: #000;
   border-top: 1px solid #999;
   border-bottom: 1px solid #999;
}

table.statustable
{
   width: 100%;
}

td.statusleft
{
   color: #ccc;
   text-align: left;
}

td.statusright
{
   color: #ccc;
   text-align: right;
}

div.statusnav a:link
{
   text-decoration: none;
   color: #aaa;
   font-weight : bold;
}

div.statusnav a:hover
{
   text-decoration: none;
   color: #911;
   font-weight : bold;
}

div.statusnav a:visited
{
   text-decoration: none;
   color: #ccc;
   font-weight : bold;
}

div.statusnav a:active
{
   text-decoration: none;
   color : #911;
   font-weight : bold;
}

div.statusnav a:link.em
{
   text-decoration: none;
   color: #fff;
   font-weight : bold;
}

div.statusnav a:hover.em
{
   text-decoration: none;
   color: #911;
   font-weight : bold;
}

/* Main Container
* ---------------------------------------------- */

table.container
{
   font-size: 12px;
   background: #D6D4AA;
   margin: 0;
   padding: 0;
   border: 0;
   border-collapse: collapse;
   width: 100%;
 }

tr.container-row
{
   background: #111;
   margin: 0;
   padding: 0;
   border: 0;
}

/* Left Container
* ---------------------------------------------- */

td.left-container
{
   background: #D6D4AA;
   vertical-align: top;
   width: 200px;
   margin: 0;
   padding: 0;
   border: 0;
}

div.left-container
{
   background: #555;
   margin: 0;
   padding: 0;
   border: 0;
}

div.left-container a
{
   text-decoration: none;
   border-bottom: 1px solid #ddd;
   border-left: 10px solid #555;
   color: #eee;
   background: #777;
   display: block;
   margin: 0;
   margin-left: 0px;
   padding: 1px 10px 1px 10px;
   font-weight: bold;
}

div.left-container a.search
{
   text-decoration: none;
   border-bottom: 1px solid #ddd;
   border-left: 10px solid #555;
   color: #eee;
   background: #777;
   display: block;
   margin: 0;
   margin-left: 0px;
   padding: 1px 10px 1px 10px;
   font-weight: bold;
}

td.search
{
   vertical-align: middle;
}
div.left-container a:hover
{
   text-decoration: none;
   color: #fff;
   background: #888;
   border-left: 10px solid #622;
}

div.left-container h2.navhead
{
   margin: 0px;
   padding: 2px 5px 2px 5px;
   font-size: 12px;
   color: #eee;
   background: #222;
   border: 0 none;
}

/* Middle Container
* ---------------------------------------------- */

td.middle-container
{
   background: #EDECDA;
   vertical-align: top;
   margin: 0;
   padding: 0;
   border: 0;
}

div.middle-container
{
   margin: 0;
   background: #EDECDA;
   line-height: 140%;
   padding: 10px 20px 50px 20px;
}

/* Middle Container -- News Look
* ---------------------------------------------- */

div.middle-container a
{
   text-decoration: none;
   /* color: #555; */
   border-bottom: 1px dotted #555;
}

div.middle-container a:hover
{
   text-decoration: none;
   color: #a02424;
   border-bottom: 1px dotted #555;
}

div.middle-container h1
{
   font-size: 22px;
   margin: 5px 0px;;
   padding: 0;
   font-family: helvetica, sans-serif;
   color: #333;
}

div.middle-container h2
{
   margin: 15px 0px 3px 0px;
   padding: 3px 21px;
   font-size: 14px;
   color: #333;
   background: url("../images/arrow_ico.png") no-repeat 2px 4px #D6D4AA;
   border: 1px solid #bbb;
}

div.middle-container h2.login
{
   margin: 15px 0px 3px 0px;
   padding: 3px 21px;
   font-size: 14px;
   color: #333;
   background: url("../images/arrow_ico.png") no-repeat 2px 4px #D6D4AA;
   border: 1px solid #bbb;
}

div.middle-container h2.error
{
   margin: 15px 0px 3px 0px;
   padding: 3px 21px;
   font-size: 14px;
   color: #333;
   background: url("../images/arrow_ico.png") no-repeat 2px 4px #D6D4AA;
   border: 1px solid #bbb;
}

div.middle-container h2.client-search
{
   margin: 15px 0px 3px 0px;
   padding: 3px 21px;
   font-size: 14px;
   background: #D6D4AA;
   color: #333;
   border: 1px solid #bbb;
}

div.middle-container h2.block
{
   margin: 15px 0px 3px 0px;
   padding: 3px 21px;
   font-size: 14px;
   color: #333;
   background: url("../images/arrow_ico.png") no-repeat 2px 4px #D6D4AA;
   border: 1px solid #bbb;
}

div.middle-container p
{
   margin: 10px 0px;
   color: #222;
}

div.middle-container span.date
{
   border: 1px solid #bbb;
   color: #a02424;
   background: #eee;
   padding: 1px 4px;
   position: relative;
   top: -4px;
   left: -18px;
   font-weight: bold;
   font-size: 11px;
}

div.middle-container strong
{
   font-weight: bold;
}

/* Right Container
* ---------------------------------------------- */

td.right-container
{
   background: #EDECDA;
   vertical-align: top;
   width: 180px;
   margin: 0;
   padding: 0;
   border: 0;
}

div.right-container
{
   margin: 0;
   color: #334;
   background: #EDECDA;
}

div.right-container h2
{
   margin: 0;
   margin-bottom: 1px;
   padding: 2px 0px 2px 10px;
   font-size: 12px;
   color: #D6D4AA;
   background: #555;
   border: 0 none;
}

div.right-container a
{
   text-decoration: none;
   border-bottom: 1px solid #fff;
   background: #D6D4AA;
   color: #333;
   display: block;
   margin: 0;
   padding: 2px 0px 2px 20px;
   font-weight: bold;
   width: 180px;
}

div.right-container a:visited
{
   color: #333;
}

div.right-container a:hover
{
   text-decoration: none;
   color: #000;
   background: #9E9B4D;
}

div.right-container h2 a
{
   margin: 0;
   padding: 2px 0px 2px 0px;
   font-size: 12px;
   color: #fff;
   background: #555;
   border: 0 none;
   width: 170px;
}

div.right-container h2 a:visited
{
   color: #fff;
}

div.right-container h2 a:hover
{
   text-decoration: none;
   background: #555;
   color: #9E9B4D;
   padding: 2px 0px 2px 0px;
   margin: 0;
   font-size: 12px;
   border: 0 none;   
}


/* Misc
* ---------------------------------------------- */

.block
{
   border: 1px solid #bbb;
   padding: 5px 9px;
   background: #fafafa;
}

.login-block
{
   border: 1px solid #bbb;
   padding: 5px 9px;
   background: #fafafa;
}

.error-block
{
   border: 1px solid #bbb;
   padding: 5px 9px;
   background: #fafafa;
}

.topnone
{
   display: inline;
   display: none;
}

div.top
{
   background: #EEEACF;
}

div.legalnotice
{
   height: 160px;
   background: #333;
}

p.legalnotice
{
   font-size: 8px;
   text-align: center;
   text-decoration: none;
   color: #999;
   padding-top: 5px;
}

div p.error
{
   font-weight: bold;
   color: #b22;
}

div p.notice
{
   font-weight: bold;
}

/* Table Button
* ---------------------------------------------- */
td.linkButton
{
	color: #000000;
	font-family: helvetica, sans-serif;
	font-weight: bold;
	background-color: #D6D4AA;
	border: 1px solid #000000;
	cursor: pointer;
	font-size: 11px;
	padding: 3px 8px 3px 8px;
}
td.linkButton a
{
	border-bottom: none;
}
td.linkButton:hover
{
	color: #FFFFFF;
	font-family: helvetica, sans-serif;
	font-weight: bold;
	background-color: #a02424;
	border: 1px solid #000000;
	cursor: pointer;
	font-size: 11px;
	padding: 3px 8px 3px 8px;
}
td.linkButton:hover a
{
	color: #FFFFFF;
	border-bottom: none;
}
td.linkButtonActive
{
	color: #FFFFFF;
	font-family: helvetica, sans-serif;
	font-weight: bold;
	background-color: #a02424;
	border: 1px solid #000000;
	cursor: pointer;
	font-size: 11px;
	padding: 3px 8px 3px 8px;
}