/* Default Margins and Paddings */
* {margin:0; padding:0;}

/* Page Body */
body {font-family:Arial, Helvetica, sans-serif; font-size:11pt; line-height:120%; text-align:center; color:#000000; background:#ffffff;}

/* Generic Link Styles */
a {color:#069; font-weight:bold; text-decoration:none; background-color:inherit;}
a:hover {color:#c30; text-decoration:none; background-color:inherit;}
a img {border:none;}

/* Error Help Link Styles */
a.err {display:block; font-weight:normal; margin:0 0 20px 0; padding:10px; border:1px solid #c0c0c0; background-color:#fafbfc; color:#505050; line-height:1.5em; font-size:0.8em; text-align:left;}
a:hover.err {color:inherit;}

/* FAQ Link Style */
a:hover.faq_link {background:#069; color:#ffffff; border:1px solid #000000; text-decoration:none;}

/* FAQ Link Style */
a:hover.faq_link .help {color:#ffffff; text-decoration:none;}

a.faq_link {font-weight:normal; text-align:left; margin:0 0 20px 0; margin-bottom:0px; display:block; padding:10px; border:1px solid #c0c0c0; background-color:#fafbfc; color:#222222; line-height:1.5em; font-size:0.8em; text-decoration:none;}
a.faq_link img {margin:-7px 5px 0 -5px; float:left;}
a.faq_link .help {font-size:0.75em; color:#555555;}

/* Report Function Styles */
.report_buttons {float:right; padding:2px; border:1px solid #c0c0c0; margin-left:5px;}
.report_buttons img {position:relative; top:3px;}
.report_buttons a {color:black;}

/* Delete Record Icon Style */
.delete_mileage {float:left; height:40px; width:20px; padding-top:10px;}

/* Report Styles */
.long_report_container {height:500px; width:100%; overflow:scroll;}

/* Generic Paragraph Styles */
p {padding:0 0 1.6em 0;}

/* Image Styles */
img.left, img.center, img.right {padding:4px; border:1px solid #a0a0a0;}
img.left {float:left; margin:0 12px 5px 0;}
img.center {display:block; margin:0 auto 5px auto;}
img.right {float:right; margin:0 0 5px 12px;}
img.no_border, img.left.no_border, img.center.no_border, img.right.no_border {border:none;}
img.action {width:12pt; top:2px; position:relative;}
img.button_icon {position:relative; top:3px; margin-right:2px; margin-left:2px;}

/* Blank List Entry */
li.blank {list-style:none; line-height:.75em;}

/* Style Utility Classes */
.inline {display:inline;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.clear {clear:both;}
.small {font-size:0.8em;}
.large_char {font-size:3em; position:relative; top:.45em; line-height:0;}
.hide {display:none;}
.textcenter {text-align:center;}
.textright {text-align:right;}
.textleft {text-align:left;}
.textjustify {text-align:justify;}
.bottom_space {margin-bottom:5px;}
.nobullets {list-style:none;}
.float_left {float:left;}
.float_right {float:right;}
.no_border {border:none;}
.gray, .grey {color:#777777;}
.black {color:black;}
.full {width:100%;}
.half {width:50%;}
.third {width:33%;}
.fourth {width:25%;}
.fifth {width:20%;}
.sixth {width:16.5%}

.readmore {text-align:right; font-size:9pt; margin-top:-15px; margin-bottom:-15px;}


/* Important, Updated Text */
.important {color:#c8533d; background-color:inherit; font-weight:bold;}
.updated {background-color: yellow;}

/* Boxes */
.box {margin:0 0 20px 0; padding:10px; border:1px solid #c0c0c0; background-color:#fafbfc; color:#505050; line-height:1.5em;}
.success_box {margin:0 0 20px 0; padding:10px; border:1px solid #c0c0c0; background-color:#AFA; color:#505050; line-height:1.5em;}
.fail_box {margin:0 0 20px 0; padding:10px; border:1px solid #c0c0c0; background-color:#FAA; color:#505050; line-height:1.5em;}
.small_box {margin:0 0 5px 0; padding:5px; border:1px solid #c0c0c0; background-color:#EEEEFF; color:#505050; line-height:115%; letter-spacing:.025cm; font-size:12px;}

.subtle_gradient {
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(250,253,255,1) 13%, rgba(237,248,255,0.63) 45%, rgba(237,248,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(13%,rgba(250,253,255,1)), color-stop(45%,rgba(237,248,255,0.63)), color-stop(100%,rgba(237,248,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(250,253,255,1) 13%,rgba(237,248,255,0.63) 45%,rgba(237,248,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(250,253,255,1) 13%,rgba(237,248,255,0.63) 45%,rgba(237,248,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(250,253,255,1) 13%,rgba(237,248,255,0.63) 45%,rgba(237,248,255,0) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(250,253,255,1) 13%,rgba(237,248,255,0.63) 45%,rgba(237,248,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00edf8ff',GradientType=0 ); /* IE6-9 */
}

.subtle_gradient2 {
    background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 18%, rgba(0,0,0,0.36) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(18%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.36))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 18%,rgba(0,0,0,0.36) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 18%,rgba(0,0,0,0.36) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 18%,rgba(0,0,0,0.36) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 18%,rgba(0,0,0,0.36) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#5c000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */   
}

.subtle_gradient3 {
    background: rgb(226,226,226); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.subtle_gradient4 {
    background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(250,255,250,1) 13%, rgba(237,255,237,0.63) 45%, rgba(237,255,237,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(13%,rgba(250,255,250,1)), color-stop(45%,rgba(237,255,237,0.63)), color-stop(100%,rgba(237,255,237,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(250,255,250,1) 13%,rgba(237,255,237,0.63) 45%,rgba(237,255,237,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(250,255,250,1) 13%,rgba(237,255,237,0.63) 45%,rgba(237,255,237,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(250,255,250,1) 13%,rgba(237,255,237,0.63) 45%,rgba(237,255,237,0) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(250,255,250,1) 13%,rgba(237,255,237,0.63) 45%,rgba(237,255,237,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00edffed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.subtle_gradient5 {
    background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(251,250,255,1) 13%, rgba(241,237,255,0.63) 45%, rgba(241,237,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(13%,rgba(251,250,255,1)), color-stop(45%,rgba(241,237,255,0.63)), color-stop(100%,rgba(241,237,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(251,250,255,1) 13%,rgba(241,237,255,0.63) 45%,rgba(241,237,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(251,250,255,1) 13%,rgba(241,237,255,0.63) 45%,rgba(241,237,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(251,250,255,1) 13%,rgba(241,237,255,0.63) 45%,rgba(241,237,255,0) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(251,250,255,1) 13%,rgba(241,237,255,0.63) 45%,rgba(241,237,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00f1edff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.subtle_gradient6 {
    background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(254,254,249,1) 13%, rgba(252,252,234,0.63) 45%, rgba(252,252,234,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(13%,rgba(254,254,249,1)), color-stop(45%,rgba(252,252,234,0.63)), color-stop(100%,rgba(252,252,234,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(254,254,249,1) 13%,rgba(252,252,234,0.63) 45%,rgba(252,252,234,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(254,254,249,1) 13%,rgba(252,252,234,0.63) 45%,rgba(252,252,234,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(254,254,249,1) 13%,rgba(252,252,234,0.63) 45%,rgba(252,252,234,0) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(254,254,249,1) 13%,rgba(252,252,234,0.63) 45%,rgba(252,252,234,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00fcfcea',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.subtle_gradient7 {
    background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(253,249,248,1) 13%, rgba(249,233,232,0.63) 45%, rgba(249,233,232,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(13%,rgba(253,249,248,1)), color-stop(45%,rgba(249,233,232,0.63)), color-stop(100%,rgba(249,233,232,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(253,249,248,1) 13%,rgba(249,233,232,0.63) 45%,rgba(249,233,232,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(253,249,248,1) 13%,rgba(249,233,232,0.63) 45%,rgba(249,233,232,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(253,249,248,1) 13%,rgba(249,233,232,0.63) 45%,rgba(249,233,232,0) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(253,249,248,1) 13%,rgba(249,233,232,0.63) 45%,rgba(249,233,232,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00f9e9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* Wrapper */
#wrapper {margin:0px auto; width:950px; background-image:url(../images/background.png); background-position:center; background-repeat:repeat-y;}

/* Page container */
#container {width:900px; margin:20px auto; margin-top:0px; /*border-left:ridge 20px grey; border-right:groove 20px grey;*/ border-bottom:solid 1px navy;}

/*********** HEADER STYLES ***********/
/* Header section */
#head {width:898px; height:120px; margin:0px auto; background-image:url(../images/header.png);}

/* Header site logo */
#head_logo {width:100px; height:100px; float:left; margin:10px 0 0 50px;}

/* Header site name text */
#head_site {margin:20px 0 0 20px; text-align:left; float:left; font-size:36px; line-height:38px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

/*********** TOP NAVIGATION STYLES ***********/
/* Top Navigation */
#top_navigation {height:25px; width:898px; line-height:25px; margin:0 1px; background:#069; color:#ffffff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

/* Top Navigation Items */
#top_navigation li {float:left; list-style-type:none; border-right:1px solid #ffffff; white-space:nowrap; text-align: center;}

/* Top Navigation Links */
#top_navigation li a {display:block; padding:0 10px; font-size:10pt; letter-spacing:1px; font-weight:normal; text-transform:uppercase; text-decoration:none; background-color:inherit; color:#ffffff; text-align: center;}
* html #navigation a {width:1%;}

/* Top Navigation Selected Item & Hover Links */
#top_navigation .selected, #top_navigation a:hover {background:#C30; color:#ffffff; text-decoration:none;}

/* Top Navigation Welcome User Text/Logout */
#top_navigation .login_data {text-align:right; color:#ffffff; margin-right:5px; font-size:9pt;}
#top_navigation .login_data a {color:#dddddd; /*text-transform:uppercase;*/}
#top_navigation .login_data a:hover {color:#ffffff; background:inherit; text-decoration:underline;}

.nested_nav_login_info {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    float:right;
    text-align:right;
	color:#ffffff;
	margin-right:5px;
	font-size:9pt;
	line-height:25px;
}

.nested_nav_login_info a {
    color:#dddddd;
	/*text-transform:uppercase;*/
}

.nested_nav_login_info a:hover {
    color:#ffffff;
	background:inherit;
	text-decoration:underline;
}


/*********** TOP NESTED NAVIGATION STYLES ***********/
#top_navigation_nested
{
	margin-left:1px;
	list-style:none;
	font-weight:normal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-transform:uppercase;
	margin-bottom:0px;
	/*float:left;*/
	width:898px;
	height:25px;
	line-height:25px;
	letter-spacing:1px;

	/* Bring the nav above everything else--(un)comment if needed.
	    position:relative;
 	    z-index:5;*/

	background:#069;
}

#top_navigation_nested li
{
	float:left;
	position:relative;
	border-right:1px solid #ffffff;
    text-align: center;
}

#top_navigation_nested a
{
	display:block;
 	padding:0 10px;
    font-size:10pt;
 	font-weight:normal;
 	font-size:10pt;
	color:#fff;
	background:#069;
	text-decoration:none;
	letter-spacing:1px;
    text-align: center;
}

#top_navigation_nested a:hover
{
	color:#fff;
	background:#C30;
	text-decoration:none;
}

/* Drop Down */
#top_navigation_nested ul
{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
    z-index: 2000;
}

#top_navigation_nested ul li
{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}

#top_navigation_nested ul a
{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}

 /* Display the dropdown on hover */
#top_navigation_nested li:hover ul
{
	left:0; /* Bring back on-screen when needed */
}

/* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
#top_navigation_nested li:hover a
{
	/* background:#009933;
	background:rgba(00, 99, 33, .95);*/
	background:#C30;
	/*background:rgba(192, 45, 00, .95);*/
	text-decoration:none;

    filter: alpha(opacity=90); /* internet explorer */
    -khtml-opacity: 0.90;      /* khtml, old safari */
    -moz-opacity: 0.90;       /* mozilla, netscape */
    opacity: 0.90;           /* fx, safari, opera */
}

/* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
#top_navigation_nested li:hover ul a
{
    /* Force the sub-menu to be the top most element */
        position:relative;
	    z-index:5;
	text-decoration:none;
}

/* Here we define the most explicit hover states--what happens when you hover each individual link. */
#top_navigation_nested li:hover ul li a:hover
{
	/*background:#A10;*/
	background:#900;
	filter: alpha(opacity=100); /* internet explorer */
    -khtml-opacity: 1;      /* khtml, old safari */
    -moz-opacity: 1;       /* mozilla, netscape */
    opacity: 1;           /* fx, safari, opera */
}

#top_navigation_nested .selected_link_here {
    background: #b4ddb4; /* Old browsers */
    background: -moz-linear-gradient(top,  #b4ddb4 0%, #83c783 17%, #52b152 33%, #52a852 60%, #007f00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4ddb4), color-stop(17%,#83c783), color-stop(33%,#52b152), color-stop(60%,#52a852), color-stop(100%,#007f00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b4ddb4 0%,#83c783 17%,#52b152 33%,#52a852 60%,#007f00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b4ddb4 0%,#83c783 17%,#52b152 33%,#52a852 60%,#007f00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b4ddb4 0%,#83c783 17%,#52b152 33%,#52a852 60%,#007f00 100%); /* IE10+ */
    background: linear-gradient(top,  #b4ddb4 0%,#83c783 17%,#52b152 33%,#52a852 60%,#007f00 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#007f00',GradientType=0 ); /* IE6-9 */
}

/*********** BREAD CRUMB NAV MENU ***********/
#bread_crumbs
{
    float:right;
	margin:0 5px -15px 0;
	font-size:8pt;
}

/*********** CONTENT STYLES ***********/

/* Content */
#content
{
	clear:both;
	float:left;
    width:650px;
    font-size:0.9em;
    padding:20px 0 0 20px;
	text-align:left;
}

    /* Content Headers */
	#content h1
	{
        display:block;
        margin:0 0 16px 0;
        font-size:28px;
        font-weight:normal;
        letter-spacing:0px;
        color:#336;
        background-color:inherit;

	}

	#content h2
    {
        font-family:Tahoma, Geneva, sans-serif;
		display:block; 
        margin:0 0 16px 0;
        font-size:1.7em; 
        font-weight:normal; 
        letter-spacing:-1px; 
        color:#4e3b30;
        background-color:inherit;
    }
        #content h2 a
        {
            font-weight:normal;
        }
        #content h2.line
        {
            display:block;
            margin:0 0 16px 0;
            font-size:26px;
            font-weight:normal;
            letter-spacing:-1px;
            color:#4e3b30;
            background-color:inherit;
            border-bottom:.1em solid #060;
			line-height:27px;
        }
        
        #content h2.important
        {
	        font-family:Tahoma, Geneva, sans-serif;
		display:block;
	        margin:0 0 16px 0;
	        font-size:1.7em;
	        font-weight:normal;
	        letter-spacing:-1px;
	        color:#c8533d;
	        background-color:inherit;
	}
        
        #content h3
        {
            margin:0 0 0 0;
	    color:#236;
            font-size:14px;
            letter-spacing:-0px;
        }	
    
    /* Content & Sub-Content Links */
    #content a:hover,#subcontent a:hover
    {
        text-decoration:underline;
    }
    
    /* Content Lists */
    #content ul, #content ol
    {
        margin:0 5px 16px 35px;
    }
    
    #content .ui-tabs-nav
    {
        margin-left:5px;
    }
        #content dl
        {
            margin:0 5px 10px 25px;
        }
        #content dt
        {
            font-weight:bold; 
            margin-bottom:5px; 
            clear:both;
        }
        #content dd
        {
            margin:0 0 10px 15px;
        }
        #content ol
        {
            margin:0 5px 16px 35px;
        }

	#content .contact_list dt
	{
	    margin-bottom:0px;
	}

	#content .contact_list dd
	{
       	    margin-left:0px;
	}
	
	#content .contact_list a
	{
	    font-weight:normal;
	    color:inherit;
	}

    /* Content Mail Icon */
    #content img.mail_icon
    {
	margin-left:5px;
	width:20px;
    }

    /* Contact Form */
    #contact_form
    {

    }
	#contact_form .line
	{
	    border-bottom:1px solid #dde;
	}

	#contact_form .to
	{
	    margin-bottom:10px;
	}

    	#contact_form #to
    	{
	    width:175px;
	}

        #contact_form .from
        {
            margin:10px 0px 10px 0px;
        }

        #contact_form #from
        {
            margin-right:10px;
        }


        #contact_form #email
        {
	    width:200px;
	}

	#contact_form .affiliation
	{
	    margin-bottom:10px;
	}

	#contact_form .affiliation input
	{
	    position:relative;
	    top:2px;
	    margin-right:-1px;
	}

	#contact_form .affiliation .radio_option
	{
	    margin-right:15px;
	}
	
	#contact_form .code
	{
     	    float:right;
     	    width:120px;
     	    margin-top:20px;
	}

	#contact_form .code .info
	{
	    margin:5px 0 10px 0;
     	    line-height:12px;
	}

	#contact_form .code #code
	{
	    width:50px;
	}

	#contact_form .actions
	{
	    margin-top:10px;
	}

	#contact_form .actions input
	{
	    width:100px;
	}

	#contact_form .actions #submit
	{
	    margin-right:10px;
	}

#content table .title {background:#069; color:#fff; font-weight:bold;}
#content table .line {background:#EEE;}
#content .ranking {float:left; width:100px; background:#fff; border:1px solid #ccc; text-align:center; margin:0 5px 10px 0;}
#content .member_info {float:left; width:300px; background:#fff; border:1px solid #ccc; text-align:left; margin:0 5px 10px 0;}
#content .referee_profile {width:312px; background:#fff; border:1px solid #ccc; text-align:left;}
#content .member_info td {padding-left:5px;}
#content .member_info .title {text-align:center; background:#069; color:#fff; font-weight:bold;}

table.help_table {border:1px solid #ccc;}
table.help_table .title {background:#069; color:#fff;}
table.help_table .line {background:#EEE;}
table.help_table td {padding:7px 5px 7px 5px; text-align:left;}


    /* Lower Left & Right Content */
    .splitcontentleft
    {
        float:left;
        width:48%;
    }
    .splitcontentright
    {
        float:right;
        width:48%;
    }

    /* Bottom content */
    .splitbottom
    {
        width:100%;
    	clear:both;
	margin-bottom:10px;
    }

        .splitbottom .column_link_list
        {
            padding-left:15px;
            margin-bottom:30px;
        }

        .splitbottom .column_link_list .item
        {
	    float:left;
	    width:62px;
        }

/*********** SUB CONTENT STYLES ***********/

/* Sub Content */
#subcontent
{
    float:right; 
    width:170px;
    padding:20px 20px 10px 0; 
    line-height:1.4em;
}

    /* Sub Content Headers */
    #subcontent h2
    {
        display:block; 
        margin:0 0 15px 0; 
        font-size:1.6em; 
        font-weight:normal; 
        text-align:right;
        letter-spacing:-1px; 
        color:#4e3b30; 
        background-color:inherit;
    }

	#subcontent h3.line
	{
		border-bottom:.1em solid #060;
		margin-bottom:5px;
	}
	
    #subcontent h4
    {
	text-align:left;
        font-size:12px;
        font-weight:bold;
        margin-bottom:-5px;
    }
	
    /* Sub Content Paragraphs */
    #subcontent p
    {
        margin:0 0 16px 0;
        font-size:0.9em;
    }
    
    #subcontent .site_news
    {
    	line-height:100%;
    }

    #subcontent .site_news p
    {
	margin:0px;
	text-align:left;
    }

    #subcontent .site_news h3
    {
	border-bottom:.1em solid #060;
	margin-bottom:5px;
    	text-align:left;
    }

    #subcontent .site_news h4
    {
    	margin-bottom:2px;
    }

/* Login Form Corrections */
#subcontent .site_news .corrections {text-align:left; font-size:8pt; width:170px; margin:-4px 0 5px 0; /*background-image:url(../images/question_icon.png);*/ background-repeat:no-repeat;}
#subcontent .site_news .corrections .ok {font-size:8pt; background:#40b846; background-image:inherit; background-repeat:inherit; color:#ffffff; border:1px solid #c0c0c0;}
#subcontent .site_news .corrections .warning {font-size:8pt; background:#ffea00; background-image:inherit; background-repeat:inherit; color:#000000; border:1px solid #c0c0c0;}
#subcontent .site_news .corrections .error {font-size:8pt; background:#b83f53; background-image:inherit; background-repeat:inherit; color:#ffffff; border:1px solid #c0c0c0;}

/*********** FOOTER STYLES ***********/
/* Footer */
#footer {clear:both; width:898px; padding:5px 0; margin:0 1px; font-size:0.8em; color:#000000; background:#CCC; border-top:2px ridge navy; text-align:center;}

/* Footer Paragraphs */
#footer p {padding:0; margin:0; text-align:center;}

/* Footer Links */
#footer a {color:#069; background-color:inherit; font-weight:bold;}
#footer a:hover {color:#ffffff; background-color:inherit; text-decoration:underline;}
#footer img {float:right; margin:2px 5px 0px 0px;}

/*********** FORM STYLES **************/
/* Login Form */
#subcontent #login_form {margin:0 0 15px 0;}
#subcontent #login_form label {font-size:8pt;}
#subcontent #login_form input {border:1px solid #dadada; font-size:9pt; margin:0 0 5px 0;}
#subcontent #login_form .input_fields {float:right; text-align:right;}
#subcontent #login_form #login_id {width:120px;}
#subcontent #login_form #login_pw {width:105px;}
#subcontent #login_form #remember {float:right; width:100%; text-align:right; font-size:8pt; position:relative; top:-2px;}
#subcontent #login_form #remember_me {position:relative; top:2px;}
#subcontent #login_form #actions {text-align:right;}
#subcontent #login_form #actions input {background:#fafbfc; border:1px solid #c0c0c0;}
#subcontent #login_form #actions input:hover {background:#069; color:#ffffff; border:1px solid #000000;}
#subcontent #login_form .note {margin:0px 0px 10px 10px; font-size:8pt;}

/* Mileage Entry Form */
#mileage_entry_form input {font-size:9pt; margin-right:15px;}
#mileage_entry_form select {font-size:9pt; margin-right:15px;}
#mileage_entry_form #game_number {width:50px;}
#mileage_entry_form #driving_option {width:125px;}
#mileage_entry_form #game_date {width:75px;}
#mileage_entry_form #depart {width:115px;}
#mileage_entry_form #dest {width:115px;}
#mileage_entry_form #notes {width:100%; height:40px;}
#mileage_entry_form #actions input {font-size:10pt; margin-right:0px;}
#mileage_entry_form #actual_miles {width:40px;}
#mileage_entry_form #rode_with {width:150px;}
#mileage_entry_form select.drove {width:80px; margin:0px; padding:0px;}
.corrections {
    font-size:8pt; 
    width:100%; 
    margin:-4px 0 5px 0;
    /*background-image:url(../images/question_icon.png);*/ 
    background-repeat:no-repeat;
    line-height:1.25em;
}

.corrections .ok {
    font-size:8pt;
    background:#40b846; 
    background-image:inherit;
    background-repeat:inherit; 
    color:#ffffff; 
    border:1px solid #c0c0c0; 
    padding:3px 3px 3px 3px;
}

.corrections .warning {
    font-size:8pt;
    background:#ffea00;
    background-image:inherit;
    background-repeat:inherit;
    color:#000000;
    border:1px solid #c0c0c0;
    padding:3px 3px 3px 3px;

    /* Gradient */
    background: #fefcea; /* Old browsers */
    background: -moz-linear-gradient(top,  #fefcea 0%, #f1da36 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#f1da36)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* IE10+ */
    background: linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
}

.corrections .error {
    font-size:8pt; 
    background:#b83f53; 
    background-image:inherit;
    background-repeat:inherit; 
    color:#ffffff;
    border:1px solid #c0c0c0; 
    padding:3px 3px 3px 3px;

    /* Gradient */
    background: #b83f53; /* Old browsers */
    background: -moz-linear-gradient(top,  #b83f53 1%, #8f0222 44%, #b72f44 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#b83f53), color-stop(44%,#8f0222), color-stop(100%,#b72f44)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b83f53 1%,#8f0222 44%,#b72f44 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b83f53 1%,#8f0222 44%,#b72f44 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b83f53 1%,#8f0222 44%,#b72f44 100%); /* IE10+ */
    background: linear-gradient(top,  #b83f53 1%,#8f0222 44%,#b72f44 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b83f53', endColorstr='#b72f44',GradientType=0 ); /* IE6-9 */


}

.corrections .green_gradient {
      background: #8fc191; /* Old browsers */
      background: -moz-linear-gradient(top,  #8fc191 0%, #40b846 50%, #66b76a 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc191), color-stop(50%,#40b846), color-stop(100%,#66b76a)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #8fc191 0%,#40b846 50%,#66b76a 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  #8fc191 0%,#40b846 50%,#66b76a 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  #8fc191 0%,#40b846 50%,#66b76a 100%); /* IE10+ */
      background: linear-gradient(top,  #8fc191 0%,#40b846 50%,#66b76a 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc191', endColorstr='#66b76a',GradientType=0 ); /* IE6-9 */
}

/* Loading invisible block */
div.loading-invisible {display:none;}

/* Loading box visible */
div.loading-visible {display:block; /*position:absolute; top:450px; */ position:absolute; top:25%; left:0; width:100%; height:150px; text-align:center;
    z-index:5;
    /* In supporting browsers, make it a little transparent */
    background:#dedede;
    filter: alpha(opacity=90); /* internet explorer */
    -khtml-opacity: 0.90;      /* khtml, old safari */
    -moz-opacity: 0.90;       /* mozilla, netscape */
    opacity: 0.90;           /* fx, safari, opera */
    border-top:1px solid #c0c0c0;
    border-bottom:1px solid #c0c0c0;
}

/* HTML Tool Tip */
div.htmltooltip
{
    /* Do not modify the next 4 attributes */
        position:absolute;
	    z-index:1000;
	    left:-1000px;
	    top:-1000px;

	/*background:#069;*/
	background:#c0c0c0;
    filter:alpha(opacity=92); /* internet explorer */
    -khtml-opacity:0.92;      /* khtml, old safari */
    -moz-opacity:0.92;       /* mozilla, netscape */
    opacity:0.92;           /* fx, safari, opera */

	border-style:solid solid solid solid;
	border-color:#666666;
	border-width:1px;
	border-left-width:25px;
	/*border-left-color:green;*/
	border-left-color:#069;

	/*
	border-top-left-radius:.5em;*/
	border-top-right-radius:1.5em;/*
	border-bottom-left-radius:.5em;*/
	border-bottom-right-radius:1.5em;
	/**/

	color:black;
	text-align:left;
	font-size:9pt;

	padding:3px;

	width:250px;
}

.tooltipnonlink
{
    cursor: help;
    text-decoration:none;
}

.tooltipnonlink:hover
{
    cursor: help;
    text-decoration:none;
}

/* Quick Login */
.quick_login_block {
    display:inline;
}

.quick_login_block a {}
/* Above: controls how 'loginblock' anchors behave */

.quick_login_block a:hover {}
/* Above: controls how 'loginblock anchor on-hover' behave */

#quick_login_menu {
    position:relative;
	margin: 0;
	padding: 0;
}


#quick_login_menu a span {display:none;}
/* Above: hides the span by default */

#quick_login_menu a form input {border:1px solid #dadada; font-size:8pt;}
#quick_login_menu a form #actions input {background:#fafbfc; border:1px solid #c0c0c0; font-size:9pt;}
#quick_login_menu a form #actions input:hover {background:#069; color:#ffffff; border:1px solid #000000;}

#quick_login_menu a:hover span {
	display:inline; /*Inline?*/
	text-align:left;
	position:absolute;
	top:0px; right:2px;
	width:195px;
	z-index:100;
	padding:2px;
	color:black;
	background-color:#efefef;
    font-weight:normal;
	border:2px ridge green;
	/*font:1em Verdana, sans-serif;*/
	/*
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	*/
/* Above: how the <span>login form</span> is handled when hovering over the visible link-text (the 'pop-up') use the top, left or right to determine its hover location on your page */
}

.step_gradient {
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,153,137,0.12) 45%, rgba(0,120,147,0.22) 81%, rgba(0,102,153,0.34) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(45%,rgba(0,153,137,0.12)), color-stop(81%,rgba(0,120,147,0.22)), color-stop(100%,rgba(0,102,153,0.34))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,153,137,0.12) 45%,rgba(0,120,147,0.22) 81%,rgba(0,102,153,0.34) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,153,137,0.12) 45%,rgba(0,120,147,0.22) 81%,rgba(0,102,153,0.34) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,153,137,0.12) 45%,rgba(0,120,147,0.22) 81%,rgba(0,102,153,0.34) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,153,137,0.12) 45%,rgba(0,120,147,0.22) 81%,rgba(0,102,153,0.34) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#57006699',GradientType=0 ); /* IE6-9 */
}

.mlg_sum_title {
    font-weight:bold;
}

.mlg_sum_field {
    text-align:right;
}

/* Survey Quetionions: Referee Feedback */

.survey_question
{
    clear:both;
    width:640px;
    min-height:2em;
    margin-bottom:20px;
}

.survey_question .question
{
    width:130px; float:left; text-align:right; padding-right:10px;
    height:2em;
    margin-bottom:1em;
}

.survey_question .options
{
    float:left; width:450px; display:inline; position:relative; top:.75em;
}

.survey_question .icons
{
    float:left; width:47px; display:inline;
}

.survey_question .comments
{
    clear:both;    
}

.survey_question .comments textarea
{
    width:600px; height:4em;
    max-width:600px; max-height:8em;
    font-family: Arial, Helvetica, sans-serif;
    padding:1px;
    margin-left:10px;
    margin-bottom:0px;
}

#additional_comments
{
    font-family: Arial, Helvetica, sans-serif;
    max-width:100%; max-height:20em;
}

.survey_question .options .radio_group
{
    font-size:.9em; display:inline; position:relative; top:-2px;
}

.survey_question .question .one_line
{
    height:.5em;
    margin-bottom:.25em;

    
}

.survey_question .icons img
{
    float:right; position:relative; top:.9em; left:-10px;
}

.survey_question .icons .edit
{
    margin-left:5px;
}