/*
	MIHS Customer Portal Master CSS Definitions
	Built by YellowPencil.com
*/

/* HTML Elements */
body {margin:0;padding:0;text-align:center;font-family:arial,helvetica,sans-serif;font-size:100.01%;background:#ededed url("../images/page-bg.jpg") repeat-x top;}
div {margin:0;padding:0;}
a {color:#004026;}
a:hover {color:#999;}
a img {border:0;}
h1, h2, h3, h4 {color:#004026;}
h1 {font-size:1.6em;}
h2 {font-size:1.4em;}
h3 {font-size:1.2em;}
h4 {font-size:1em;}
td {font-family:arial,helvetica,sans-serif;}

/* Page Structural Definition */
#page {width:760px;font-size:76%;text-align:left;margin:0 auto;position:relative;background-color:#fff;border:20px solid #fff;border-top:18px solid #fff;}

/* Main Navigation */
#navigation {line-height:26px;margin-bottom:18px;height:26px;}
#navigation ul {margin:0 0 0 -9px;padding:0;}
#navigation li {margin:0;padding:0;list-style-type:none;display:inline;}
#navigation a {text-decoration:none;display:block;float:left;padding:0 11px;border-right:1px solid #ccc;}

/* Primary Layout Regions */
#header {position:relative;margin-bottom:18px;line-height:32px;}
#header ul {position:absolute;top:0;right:0;margin:0;padding:0;width:500px;text-align:right;}
#header li {margin:0;padding:0 10px;list-style-type:none;display:inline;border-right:1px solid #ccc;}
#header li a {text-decoration:none;}
#header li a img {padding:0 5px;margin-bottom:-10px;}

#userstate {float:left;width:185px;height:50px;padding:10px;background:#dfdfdf;font-size:.9em;}
#userstate p {margin:0;padding:0;}
#welcome {margin:0 0 0 235px;padding:0 10px;width:502px;line-height:70px;height:70px;background:#dfdfdf;font-size:1.6em;}
#welcome h2 {margin:0;padding:0;}	

#sidebar {float:left;width:185px;}

#content {float:right;width:530px;padding-top:18px;line-height:1.3em;}
#content h1 {margin-bottom:.5em;margin-top:0;color:#f7be17;}
#content h2, #content h3, #content h4 {margin-bottom:.5em;}
body#home #content h2 {margin:18px 0;}
#content ul {margin-top:.2em;}
#content li {padding:.4em;}
#content p {margin-top:.5em;}
#content p.date {margin-top:0;}

#footer {margin: 9px 0 18px 0;border-top:15px solid #004026;padding:9px 9px 0 9px;text-align:right;}
#footer ul {margin:0;padding:0;}
#footer li {margin:0;padding:5px 0 0 15px;list-style-type:none;display:inline;}
#footer a {text-decoration:none;}
#footer p.small {margin:10px 0 5px 0;}

/* Secondary and Content Layout Definitions */

#notices {background-color:#ccc;padding:9px;margin-top:18px;width:187px;}
#notices h2 {font-size:1.2em;margin:0 0 9px 0;padding:0;}
#notices p {margin:0 -9px;padding:0px 18px 3px 18px;background-color:#dfdfdf;}
#notices p.date {text-align:right;padding:4px 9px 0 9px;font-size:.9em;}
#notices a {text-decoration:none;}
#notices a.moreinfo {border-top:12px solid #dfdfdf;margin:0 -9px -9px -9px;}
#notices p.manage-notices {margin-top:10px;padding-top:10px;}
#notices p.manage-notices a {color:#999;font-weight:bold;}
#notices p.manage-notices a:hover {color:#333;}

#context-menu {background:#e2e2e2;padding:.5em 1em;margin:.5em;}
.context-menu-item a {display:block;padding:3px 5px;margin:2px 0;background:#fff;text-decoration:none;color:#000;}
.context-menu-item a:hover {background:#ccc;}
#context-menu p {margin:0;padding:1px 0 2px 0;}

#company-info {background:#e2e2e2;padding:.5em;margin:.5em;}
#company-info .context-menu-item {display:block;margin:.5em;}

#content td {padding:2px 5px;}

.company-division {padding:2px;border-bottom:1px solid #ccc;}
.company-division a {padding:0 5px;}
.company-division .company-division-name {font-weight:bold;display:block;float:left;width:200px;}

.clear {clear:both;font-size:.1em;margin-top:-1px;}
.clearer {clear:both;}

.print {display:none;}

/* Form and Table Layout */

#content form label {display:block;font-size:.8em;margin:.5em 0 0 0;font-weight:bold;}

.filter {margin:.5em;padding:.5em;border:1px double #dfdfdf;}
.filter fieldset {margin:.5em 0;}
.filter input {display:block;margin:.5em;}

/* Contribute Definitions */
.moreinfo {background-color:#004026;color:#fff;text-decoration:none;display:block;padding:9px;text-align:right;font-size:1.2em;}
.date {}

img.left {float:left;margin:1.2em 18px 18px 0;}
img.chart {margin: 2em 0;}
img.right {float:right;margin:0 0 1.5em 2em;}

#footer .small {font-size:.9em;color:#999;}
#footer .small a {color:#999;}

* html #content {width:520px;}
