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

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

/* Generic Link Styles */
a {color:inherit; font-weight:normal; text-decoration:none; background-color:inherit;}
a:hover {color:#c30; text-decoration:none; background-color:inherit;}
a img {border:none;}
/*a:after {content:' (' attr(href) ')';}*/


/* 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 {display:none; 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 {display:none; float:left; height:40px; width:20px; padding-top:10px;}

/* Report Styles */


/* 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;}

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

/* Style Utility Classes */
.clear {clear:both;}
.small {font-size:0.8em;}
.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;}

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

/* 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;}

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

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

hr {display:none;}

/*********** HEADER STYLES ***********/
/* Header section */
#head {display:none; 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 {display:none; 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;}

/* 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;}
* 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;}

#top_navigation_nested {display:none;}
.nested_nav_login_info {display:none;}
#bread_crumbs {display:none;}

/*********** 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 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 .member_info td {padding-left:5px;}
#content .member_info .title {text-align:center; background:#069; color:#fff; font-weight:bold;}

    /* 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:30px;
            margin-bottom:30px;
        }

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

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

/* Sub Content */
#subcontent
{
    display:none;
	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 {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 {display:none; 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 #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:160px;}
#mileage_entry_form #game_date {width:80px;}
#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;}
.corrections .ok {font-size:8pt; background:#40b846; background-image:inherit; background-repeat:inherit; color:#ffffff; border:1px solid #c0c0c0; padding:0px 3px 0px 3px;}
.corrections .warning {font-size:8pt; background:#ffea00; background-image:inherit; background-repeat:inherit; color:#000000; border:1px solid #c0c0c0; padding:0px 3px 0px 3px;}
.corrections .error {font-size:8pt; background:#b83f53; background-image:inherit; background-repeat:inherit; color:#ffffff; border:1px solid #c0c0c0; padding:0px 3px 0px 3px;}

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

/* Loading box visible */
div.loading-visible {display:none;}
}