/*

COLORS:
Dark Grey - #333333
Medium Grey - #666666
Grey - #999999
Light Grey - #dddddd
Orange - #fdb913
Green - #009900
Red - #ff3333
Black - #000000
White - #ffffff

FONTS:
  style name:  - mark's description -

Body text - Arial, reg, 12px, dark grey #333333
title:   Titles (Page Content) - Tahoma, bold, 14px, dark grey #333333
heading:   Company Name - Verdana, reg, 20px, black #000000
top nav:    Main top Nav - Verdana, reg, 12px, unselected - white; 
			Hover - Light Grey #dddddd; 
			Selected - Orange #fdb913
leftnav:   Left Nav - Arial, reg, 12px, dark grey #333333, page order number -  grey #999999
subtext/subtextsel: 	Breadcrumbs - Arial, reg, 10px, selected page - Orange #fdb913, unselected pages - medium grey #666666 & underlined.
columns: 	Column Titles - Arial, bold, 10px, all caps, underlined, dark grey 	#333333
footer: 	Footer - Arial, reg, 10px, extra letter space, Dark grey #333333
Logged in as - Arial, reg, 10px, all caps, Medium Grey #666666;  
Logged in name - bolded
tabs/tabssel:  Tab Text - Arial, bold, 10px, all caps, selected - Dark Grey #333333, unselected - White #ffffff

*/

html {
min-height: 100%;
margin-bottom: 1px;}  /* Always make vertical scrollbar (kills annoying page shift in Firefox) */

* {
margin:0;
padding:0;}

body {
text-align:center;
background-color:#ffffff;}

#wrapper {
width:900px;
margin:0 auto;
text-align:left;}	/*wraps entire page*/

body, div, td, p, ul, li {
font-family:Arial,sans-serif;
font-size:12px;
color: #333333;}

p {
clear:both;}

.title {
font-family:Tahoma,sans-serif;
font-size:14px;
font-weight:bold;
margin:0 10px;
letter-spacing:1px;
padding-bottom:0.5em;}

.title img {
vertical-align:middle;}

.subtitle {
font-family:Verdana,sans-serif;
font-weight:bold;
color: #666666;
margin:0 10px;}


/*top title and navigation area*/
#logo {
width:900px;
float:left;
padding-left:5px;}

#logo img {
float:left;}

#logo .heading {
float:right;
margin-top:12px;
padding-right:18px;
font-family:Verdana,sans-serif;
font-size:20px;
color:#000000;}

#navigation {
width:900px;
float:left;}

#nav td {
background-color:#666666;
text-align:left;}

#nav a {
color:#ffffff;
text-decoration:none;
font-family:Verdana, sans-serif;
font-size:12px;
padding-left:4px;}

#nav a:hover {
color: #dddddd;}

#nav .navsel {
color: #fdb913;}

#logged_in {
width:895px;
float:left;
text-align:right;
margin:8px 0 15px 0;}

.subtext {
font-family:Arial,sans-serif;
font-size:10px;
padding-right:8px;
color:#666666;
text-transform:uppercase;}	/* breadcrumbs and LOGGED IN ... username BOLD */

/*log in page*/
.warning {
font-weight:bold;
color:#FF0000;}

/*left sidebar and navigation*/
#sidebar {
float:left;
width:200px;
margin-right:10px;}

ul.left_nav {
padding:0 10px 20px 10px;
list-style:none;}

.left_nav a {
letter-spacing:1px;
color: #db4105;
text-decoration:underline;}

.left_nav a.navsel {
font-weight:bold;}


/*main content area*/
#main {
float:left;
width:690px;}

#main_content{
width:690px;
float:left;
background-color:#dddddd;
background: transparent url(images/color_tabs_right.gif) no-repeat right top;}

#main_content p {
padding:15px;}

#main_content a {
color:#666666;}

#item_list_content td {
padding:4px;}

#filter_block {
width:690px;
}

#search_block {
width:340px;
float:left;
padding-left:5px;}

#status_filter_block {
width:340px;
float:right;
padding-right:5px;}

#query_block {
width:690px;
float:left;
padding:5px;
}

/*footer*/
.footer {
width:900px;
float:left;
color: #333333;
font-size: 9px;
font-family: Verdana;
text-align:center;
padding-top:20px;}

.footer a {
text-decoration: none;
color: #333333;}


/*rounded corners on nav and main content*/

.xsnazzy p {padding-bottom:0.5em;}
.xsnazzy {background: transparent; margin:0em;}
.xboxcontent {display:block; background:#dddddd; border:0 solid #dddddd; border-width:0 1px; padding:10px;}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd;}
.xb1 {margin:0 5px; background:#dddddd;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}


/*Dynamic Drive tabs */

#ddcolortabs {
width: 690px;
float:left;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;}

#ddcolortabs ul {
font: bold 13px Verdana, sans-serif;
list-style:none;}

#ddcolortabs li {
display:inline;
margin-right:2px;}

#ddcolortabs a {
float:left;
color: #000000;
background: #999999 url(images/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;}

#ddcolortabs a span {
float:left;
display:block;
background: transparent url(images/color_tabs_right.gif) no-repeat right top;
padding:4px 30px 1px 30px;}

#ddcolortabs a span {
float:none;}

#ddcolortabs .current a, #ddcolortabs .current span { 
background-color: #dddddd;} /*currently selected tab*/

/*
#ddcolortabs a:hover{
background-color: #666666;}

#ddcolortabs a:hover span{
background-color: #666666;}
*/

.heading { font-family:Tahoma,sans-serif; font-size:16px; color:#99ccff; }
.instructions { font-family:Verdana,sans-serif; font-size:11px; color:#0067B2;  }
.heading2 { font-family:Tahoma,sans-serif; font-size:16px; color:#0067B2; letter-spacing: -0.02em; }
.heading3 { font-family:Tahoma,sans-serif; font-size:16px; color:#99ccff; }
.xboxcontent {display:block; background:#dddddd; border:0 solid #dddddd; border-width:0 1px;}
.link { color: #000000; text-decoration: none; }
.linki { color: #999999; text-decoration: none; }




.button { border: 1px solid #cccccc; background-color: #fd983e; font-size: 12px; font-family: Verdana; height:20px; color:#FFFFFF; padding:0 6px; }
.textbox { border: 1px solid #cccccc; font-size: 14px; font-family: Verdana; width: 250px; height: 22px; }
.textboxmedium { border: 1px solid #cccccc; font-size: 14px; font-family: Verdana; width: 200px; height: 22px; }
.textboxshort { border: 1px solid #cccccc; font-size: 14px; font-family: Verdana; width: 50px; height: 22px; }
.dropdown { border: 1px solid #cccccc; font-size: 14px; font-family: Verdana; height: 22px; }
.large_text { border: 1px solid #cccccc; font-size: 12px; font-family: Verdana; width: 250px; height: 70px; }
.large_text2 { border: 1px solid #cccccc; font-size: 12px; font-family: Verdana; width: 250px; height: 35px; }
.large_text3 { border: 1px solid #cccccc; font-size: 12px; font-family: Verdana; width: 500px; height: 70px; }

#main_content a.active { color:#099932;}
#main_content a.inactive { color:#ff3233;}

.warnings { font-weight: bold;color:red; }

.separator {
padding:4px; background-color:#999999; text-align:center; color:#000000;
}