
/*Layout*/
body {
font-family: arial, sans;
font-size: 100%;
line-height: 1.7em;
text-align: center;
}

#all {
border: 10px solid #CDE8FB;
width: 775px;
margin: auto;
padding: 0px;
}

#all div {
text-align: left;
}

#header {
padding: 0px;
text-align: left;
background: url(../images/linktrack.gif);
width: 775px;
height: 77px;
}

#menu {
background: url(../images/buttonBack.gif);
background-repeat: repeat-x;
height: 37px;
width: 770px !important;
width: 775px;
padding-left: 5px;
}

#login {
float: left;
padding: 10px 5px 10px 10px;
width: 120px;
text-align: left;
}

#login a {
color: #1776B6;
}

#content {
float: left;
padding: 10px;
width: 610px;
min-height: 300px;
text-align: left;
}

#footer {
padding: 10px !important;
padding-bottom: 0px;
}

#footer p {
margin: auto;
text-align: center;
}

#footer a {
color: #1776B6;
padding: 3px;
}

/*Top Menu*/
#menu a {
color: #FFFFFF;
background: #1776B6;
font-weight: bolder;
text-decoration: none;
position: relative;
padding: 8px !important;
padding: 8px;
top: 5px;
}

#menu a:hover {
background: #CC0001;
}

/*Text*/
h1 {
	font-size: 					2.18em;
	letter-spacing:			-0.01em;
	color: #0E922F;
}			

h2 {
	font-size: 					1.45em;
	letter-spacing:			-0.02em;
	color: #CC0001;
	margin-bottom: 8px;
	margin-top: 0px;
}

input {
	font-size: 10pt;
	font-family: arial, sans;
}

h3 {
color: #0E922F;
font-size: 1.25em;
letter-spacing:	-0.02em;
margin-bottom: 5px;
margin-top: 0px;
}

#content a {
color: #CC0001;
}

.login {
FONT-FAMILY: Verdana, Geneva, Arial, sans-serif;
FONT-SIZE: 13px;
}

.highlight {
font-weight: bolder;
font-size: 118%;
}

.small {
font-weight: bolder;
font-size: 80%;
}

#forgot {
margin-left: 5px;
font-size: 9pt;
line-height: 150%;
}

/*For Graphs*/
.graph {
width: 280px;
border: 5px solid #CDE8FB;
padding: 5px 3px;
font-size: 80%;
line-height: 160%;
margin-bottom: 20px;
}

.bar {
float: left;
color: #FFFFFF;
background: #1776B6;
padding: 0px 0px 0px 2px;
margin: 0px 0px 2px 0px;
}

.per {
float: left;
padding: 0px 0px 0px 2px;
margin: 0px 0px 2px 0px;
}

.label {
width: 120px;
float: left;
padding: 0px;
margin: 0px 0px 2px 0px;
}

/*Links Nav*/

#linkBox {
border: 3px solid #1E953E;
font-size: 11pt;
}

#linkBoxTop {
color: #FFFFFF;
background-color: #0E922F;
letter-spacing:	-0.02em;
padding: 1px;
font-weight: bolder;
}


#linksNav {
}

#linksNav a {
background-color: #FFFFFF;
padding: 4px;
color: #1776B6;
font-weight: bolder;
text-decoration: none;
margin: 0px;
}

#linksNav a:hover {
color: #CC0001;
}


#gridTable {
width: 100%;
margin-top: 20px;
border: 3px #1776B6 solid;
}

#gridTable thead td {
background: #1776B6;
color: #FFFFFF;
margin: 0px;
padding: 5px;
}

#gridTable tbody td {
padding: 5px;
}

.linkButton {
font-weight: bolder;
margin-left: 10px;
}

.linkBox {
border: 3px #1776B6 solid;
margin-bottom: 10px;
padding: 5px;
width: 380px;
}

.green {
color: #0E922F;
}

.error {
padding: 4px;
border: 3px solid #CC0001;
}

/* General Form */
#genTable {
border: 2px solid #1776B6;
background: #E1F1FC;
}

#genTable td {
padding: 5px;
}

#genTable .title {
font-weight: 700;
}

.button {
background: #1E953E;
color: #FFFFFF;
font-weight: bolder;
padding: 5px;
border-top: 2px solid #E6E6E6;
border-left: 2px solid #E6E6E6;
border-bottom: 2px solid #ABACAC;
border-right: 2px solid #ABACAC;
}