﻿/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body { background-color: #a1b4bf; font-size: .75em; font-family: Verdana, Helvetica, Sans-Serif; margin: 0; padding: 0; color: #696969; }

a:link { color: #034af3; text-decoration: underline; }
a:visited { color: #505abc; }
a:hover { color: #1d60ff; text-decoration: none; }
a:active { color: #12eb87; }

p, ul { margin-bottom: 20px; line-height: 1.6em; }

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-size: 1.5em; color: #000; font-family: Arial, Helvetica, sans-serif; }

h1 { font-size: 2em; padding-bottom: 0; margin-bottom: 0; color: #790000;}
h2 { padding: 0 0 10px 0; color: #790000;}
h3 { font-size: 1.2em; color: #790000;}
h4 { font-size: 1.1em; color: #790000;}
h5, h6 { font-size: 1em; color: #790000;}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 { margin-top: 0; }

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page { width: 980px; margin-left: auto; margin-right: auto; }
.loginPage { background-image: url(../images/bg_login.png); background-repeat:no-repeat; min-height:680px; font-family:Tahoma; font-weight:bolder; margin-bottom:5px; }

#main { padding: 30px 30px 15px 30px; background-color: #fff; margin-bottom: 30px; _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */ }

#footer { padding: 10px 0; line-height: normal; margin: 0; font-size: .9em; padding: 0 10px 0 10px; }

/* TAB MENU   
----------------------------------------------------------*/
ul#menu { border-bottom: 1px #5C87B2 solid; padding: 0 0 2px; position: relative; margin: 0; text-align: right; }

ul#menu li { display: inline; list-style: none; }

ul#menu li#greeting { padding: 10px 20px; font-weight: bold; text-decoration: none; line-height: 2.8em; color: #fff; }

ul#menu li a { padding: 10px 20px; font-weight: bold; text-decoration: none; line-height: 2.8em; background-color: #e8eef4; color: #034af3; }

ul#menu li a:hover { background-color: #fff; text-decoration: none; }

ul#menu li a:active { background-color: #a6e2a6; text-decoration: none; }

ul#menu li.selected a { background-color: #fff; color: #000; }

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset { margin: 1em 0; padding: 1em; border: 1px solid #CCC; }

fieldset p { margin: 2px 12px 10px 10px; }

fieldset label { display: block; }

fieldset label.inline { display: inline; }

legend { font-size: 1.1em; font-weight: 600; padding: 2px 4px 8px 4px; }

input[type="text"] { width: 200px; border: 1px solid #CCC; }

input[type="password"] { width: 200px; border: 1px solid #CCC; }

/* TABLE
----------------------------------------------------------*/

/*
table { border: solid 1px #e8eef4; border-collapse: collapse; }

table td { padding: 5px; border: solid 1px #e8eef4; }

table th { padding: 6px 5px; text-align: left; background-color: #e8eef4; border: solid 1px #e8eef4; }
*/

/* MISC  
----------------------------------------------------------*/
.clear { clear: both; }
img { border:none;}
.error { color: Red; }

#menucontainer { margin-top: 40px; }

div#title { display: block; float: left; text-align: left; }

.field-validation-error { color: #ff0000; }

.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }

.validation-summary-errors { font-weight: bold; color: #ff0000; }

.tabContainerLinks { color:#fff; position:relative; top:27px; left:720px; z-index:100; font-weight:bold;}
.tabContainerLinks a:link { color:#ffffff; }
.tabContainerLinks a:visited { color:#ffffff; }
.tabContainerLinks a:hover { color:#ffffff; }

/*div { border:1px solid; }*/

/***amh specific styles***/
#modalMessage { font-size:1.2em; font-weight:bold; color:#663300; } 
#tabContainer { background-color:#f9f8f7; }
#dashboard { background-color: #f9f8f7; }

.dashboardButtons { display:inline; }
.dashboardButtons div { display:inline; margin:2px; }
.dashboardButtons div img { border:none; }

.pointsBox { color:#fff; margin-bottom: 15px; background-repeat:repeat-y; width: 358px; padding: 7px 10px 7px 15px; font-weight:bold; }
.pointsBox div { font-weight: normal; position:relative; }
.pointsBox a { color:#d5dce0; font-weight:normal; font-size:.8em; }
.pointsBox a:link { color:#d5dce0; font-weight:normal; font-size:.8em;}
.pointsBox a:hover { color:#d5dce0; font-weight:normal; font-size:.8em;}
.pointsBox span a { color:#000; font-weight:normal; font-size:.8em; }
.pointsBox span a:link { color:#000; font-weight:normal; font-size:.8em;}
.pointsBox span a:hover { color:#000; font-weight:normal; font-size:.8em;}

#login { position:relative; left:80px; top:210px; color:#b5c3cc; }
#login input[type=text] { border: 2px solid #b5c3cc; width:265px; font-size:1.2em; font-weight:bold; color:#6e818c; }
#login input[type=password] { border: 2px solid #b5c3cc; width:265px; font-size:1.2em; font-weight:bold; color:#6e818c; }
#login a:link { color: #6e818c; text-decoration:none;}
#login a:visited { color: #6e818c; text-decoration:none;}
#login a { color: #6e818c; text-decoration:none;}
#login a:hover { color: #6e818c; text-decoration:none;}
#login div { margin-bottom:15px;}
#login ul { display:none; }

#register { position:relative; left:80px; top:270px; color:#fff; font-size:1em; }
#register a:link { color: #fff; }
#register a:hover { color: #fff; }
#register a:visited { color: #fff; }
#register span { color: #a3afb7; font-size:.9em; }

.button { color: #fff; border: 2px solid #5F7380; background: #9FB1BD; cursor:pointer; font-size:.9em; height:30px; font-weight:bold; }
.button:hover { color:#5F7380; background:#fff; }

#progressBar { text-align:center; vertical-align:middle; height:80px; padding:10px; }
#progressBar p { text-align:center; }
#progressBarImage { background-image: url(images/progressBar.gif); background-repeat:no-repeat; width:50px; height:40px; margin: 0 auto 0 auto; }

/***report styles***/
.report { border:2px solid #EEEEDC;}
.report th { background-color: #790000; color:#fff; padding: 2px; }
.report td { color: #790000; background-color: #fff; padding:2px; }
.alt { background-color: #9FB1BD; color:#fff; }