* { padding: 0; margin: 0; }
html { min-height: 100%; margin: 0 0 .01em; }
body { font: 12px Arial, Helvetica, sans-serif; color: #000; background: #e6eed0; }
h1 { font-size: 12px; color: #fff; }
a { font-weight: bold; }
a:link, a:visited { color: #2e546b; }
a:hover { color: #B31414; text-decoration: none; }
/* LOGIN PAGE STYLES **************************************************/
#logContainer { position: relative; top: 50px; margin: 0 auto 50px; width: 455px; w\idth: 443px; padding: 5px; border: 1px solid #c0c0c0; background: #fff; }
#logHeader { position: relative; float: left; width: 100%; height: 71px; background: url(../images/login-header.png) no-repeat 0 0 #90BBD5; }
#logContent { position: relative; top: 5px; margin: 0 0 5px; float: left; width: 443px; background: #fff; }
#logContent table { width: 443px; margin: 0 auto; }
#logContent td { padding: 5px 15px; }
#logContent p { text-align: center; color: #f00; line-height: 30px; font-size: 12px; }
#logContainer a { font-weight: normal; font-size: 10px; }
#logContent input { width: 120px; w\idth: 116px; padding: 1px; border: 1px solid #330; font-size: 11px; }
#logContent #login { position: relative; left: 70px; top: 0; float: left; width: 50px; background: #89b51f; color: #fff; font-size: 10px; }
/* Status pages */
#container { position: relative; top: 0; margin: 0 auto; width: 1000px; background: #E6EED0; }
#right { position: relative; right: 10px; top: 10px; margin: 0 0 10px 10px; float: right; width: 185px; font-size: 11px; }
#right h1 { position: relative; width: 173px; height: 20px; overflow: hidden; }
#right h1 span { position: absolute; top: 0; left: 0; width: 173px; height: 20px; }
#right p { line-height: 14px; width: 173px; margin: 0 0 7px; }
#right p span { position: absolute; right: 5px; }
#right #profile, #right #contacts, #right #navigation, #approvalbar { position: relative; float: left; width: 185px; w\idth: 173px; border: 1px solid #b0bec7; background: #fff; padding: 5px; margin: 0 0 10px; }
#approvalbar { border: 1px solid #c24733; }
#profile h1, #contacts h1, #approvalbar h1 { margin: 0 0 5px; }
#profile h1 span { background: url(../images/profile_h1.gif) no-repeat 0 0; }
#profile p.first { margin: 0 0 7px; }
#profile p + p { margin: 0; }
#profile p { margin: 0; }
#navigation h1 span { background: url(../images/navigation_h1.gif) no-repeat 0 0; }
#contacts h1 span { background: url(../images/contacts_h1.gif) no-repeat 0 0; }
#navigation ul { list-style: none; font-size: 12px; }
#navigation li a { text-decoration: none; display: block; width: 173px; w\idth: 163px; padding: 3px 5px; font-weight: normal; }
#navigation li a:hover { background: #e1ecc7; color: #2e546b; }
#profile a, #contacts a { font-weight: normal; }
/*#approvalbar { position: relative; top: 10px; float: left; width: 100%; border: 1px solid #c0c0c0; background: #fff; padding: 5px; margin: 0 0 10px; }*/
#approvalbar h1 { margin: 0 0 5px; text-align: left; background: #D11818; }
#approvalbar h1 span { position: absolute; top: 0; left: 0; width: 573px; height: 20px; display: block; background: url(../images/status_h1.png) no-repeat 0 0; }
#approvalbar h1 span { background: url(../images/approval_h1.png) no-repeat 0 0 #D11818; }
div.button { position: relative; left: 15px; float: left; text-align: center; margin: 0 10px 0 0; }
.button a:link, .button a:visited { color: #808080; text-decoration: none; display: block; border: 1px solid #DDD; width: 65px; w\idth: 61px; padding: 2px 1px; }
.button a:hover { color: #C64934; border: 1px solid #c24733; background-color: #f1e8e6; padding: 3px 0 1px 2px; }
#left { position: relative; left: 10px; top: 10px; margin: 0 10px 20px 0; float: left; width: 775px; }
#header { position: relative; float: left; width: 100%; border: 1px solid #b0bec7; background: #fff; padding: 5px; }
#header h1, #approvalbar h1, #content h1 { position: relative; float: left; width: 100%; height: 20px; overflow: hidden; margin: 0 0 5px; background: url(../images/extranet_h1_bg.gif) no-repeat right top #a0c34b; }
#content h1 { background: url(../images/status_h1_bg.gif) no-repeat right top #4B7991; }
#header h1 span { position: absolute; top: 0; left: 0; width: 573px; height: 20px; display: block; background: url(../images/extranet_h1.gif) no-repeat 0 0; }
#header div { position: relative; float: left; width: 100%; height: 98px; background: url(../images/logo_bg.png) repeat-x 0 0; }
#header div #logo { position: relative; float: left; background: url(../images/extranet_logo.png) no-repeat 0 0; height: 98px; width: 250px;; z-index: 2; }
#header div #portal { position: absolute; right: 0; top: 0; display: block; width: 200px; height: 98px; background:url(../images/portal.png) no-repeat right 0; z-index: 1; }
#header #close { position: absolute; right: 18px; top: 8px; display: block; width: 100px; w\idth: 82px; padding: 5px 8px; border: 1px solid #fff; background: #c00; color: #fff; text-decoration: none; z-index: 10; }
#content { position: relative; top: 10px; float: left; width: 100%; background: #fff; padding: 5px; margin: 0 0 10px; border: 1px solid #b0bec7; }
#content h1 { text-align: left; margin: 0 0 15px; }
#content h1 span { position: absolute; top: 0; left: 0; width: 573px; height: 20px; display: block; background: url(../images/status_h1.gif) no-repeat 0 0; }
div.project { position: relative; left: 35px; float: left; width: 400px; margin: 0 2px 15px; }
div.project h2, #floatRight div.project h2 { color: #88b41e; font-size: 14px; }
#content h2 { font-size: 16px; line-height: 16px; color: #000; margin: 0 15px 10px; }
#content h3 { font-size: 12px; color: #000; margin: 0 15px 10px; }
#content ul, #content ol { margin: 0 35px 10px; }
#content p { margin: 0 20px 15px; }
#content table tr { background: #C2E66B; }
#content th { text-align: left; padding: 6px 10px; border-bottom: 1px solid #88B41E; }
#content table tr.alternateRow { background: #EDF7D4; }
#content td { padding: 3px 6px; border-bottom: 1px solid #88B41E; }
/* SEO box / Invoice Box */
#seo, #invoice { position: relative; left: 10px; float: left; width: 200px; w\idth: 188px; border: 1px solid #800000; padding: 0 5px 5px; background: #FAEBEB; margin: 0 15px 25px 0; clear: left; }
#invoice { border: 1px solid #88b41e; background: #e6eed0; clear: none; }
#seo #selogos { border-bottom: 2px solid #fff; margin: 0 0 10px; }
#seo ul, #invoice ul { margin: 0 0 0 20px; }
#seo li, #invoice li { line-height: 18px; }
#seo a, #invoice a { font-weight: normal; }
#floatRight { position: relative; left: 35px; float: left; width: 450px; margin: 0 0 0 0; }
#floatLeft { position: relative; left: 10px; float: left; width: 200px; margin: 0 40px 0 0; }
/* designs */
#thumbs { position: relative; left: 20px; margin: 0 20px 0 0; }
#thumbs p { position: relative; float: left; width: 165px; text-align: center; margin: 0 10px 20px; }
#thumbs p a img { border: 1px solid #000; }
#email { position: relative; top: 10px; float: left; width: 100%; border: 1px solid #c0c0c0; background: #fff; padding: 5px; margin: 0 0 10px; }
#email fieldset { border: none; margin: 0 0 5px; }
#email textarea { width: 99%; height: 200px; }
fieldset { border: none; margin: 0 0 5px; }
label { position: relative; float: left; width: 150px; }
/* CLASSES ************************************************************/
.clear { clear: both; }
.textRight { text-align: right; }
.disabled, .disabled a:link, .disabled a:visited, .disabled a:hover { color: #ABABA5; text-decoration: none; }
.error { font-weight: bold; color: #c00; background: #fcc; padding: 2px 4px; }