body { background-color: #666666; margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333; }

.smallOrange { color:#e69d00; font-size:9px; font-style:italic; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }
.textWhite10 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:white; }

#navigation { width:165px; display:block; }
#navigation ul { list-style:none; margin:0px; padding:0px; }
#navigation li { list-style:none; display:block; margin:0px; padding:2px 2px 2px 1em; width:165px; background:#E5E5E5; border-bottom:1px solid #CCC; border-right:1px solid #CCC;  }
#navigation ul li a { font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; font-size:11px; text-decoration:none;  }
#navigation ul li a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; color:#e69d00; font-size:11px; text-decoration:underline;  }

#navigation li:hover { background:#CCC; }
#navigation div.linkSetTitle { width:172px; display:block; padding:3px; margin:0px;  font-size:14px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; color:#13537b; background:#E5E5E5; border-bottom:1px solid #CCC; border-right:1px solid #CCC;  }

#alert { background-image:url(images/alert-icon.jpg);  background-repeat:no-repeat; background-position:center left; margin:5px; background-color:#fffde1; border:1px solid #efb679; padding:5px; padding-left:25px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#error {background-image:url(images/error_icon.jpg);  background-repeat:no-repeat; background-position:center left;  margin:5px; background-color:#ffd3d3; border:1px solid red; padding:5px; padding-left:25px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; }

a.white:link { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:white; text-decoration:underline; color:white; }
a.white:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:white; text-decoration:underline; color:white; }
a.white:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:white; text-decoration:none; color:#e69d00; }
a.white:active { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:white; text-decoration:underline; color:white; }

.cpTitle { font-size:18px; color:white; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif;  }
.cpHeaderTitle { background:#13537B; padding:4px;}
.topLogin  {font-size:10px; color:#333; font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid #349FE0; }
.topLogin-button { border:1px solid #349FE0; color:white; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; background:#13537B; }

.questionaireTextfields { font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; border:1px solid #666; }

table.formBottom { margin-top:10px; background-image:url(images/formBottom.jpg); background-repeat:repeat-x; border-top:1px solid #ccc; border-right:1px solid #f5f5f5; border-left:1px solid #f5f5f5; }
input.buttonConfirm { margin:3px;  font-weight:bold; background:#fffde1; border:1px solid #efb679; padding:2px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa'); }
input.buttonCancel { margin:3px; font-weight:bold;  background:#ffd3d3; border:1px solid red; padding:2px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffd3d3'); }

.buttonHover { border-color:black; border-style:solid; border:2px; }

h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; color:#13537B; margin:0px 0px 10px 0px; padding:0; }
h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#333; border-bottom:1px solid #CCC; margin:0px 0px 10px 0px; padding:0; }
.redText { color:red; }

.note { font-size:9px; color:red; font-family:Verdana, Arial, Helvetica, sans-serif; }

#importantBox { margin:5px; background-color:#fffde1; border:1px solid #efb679; padding:5px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; }

#importantBox ul {  list-style:none; padding:0px; margin:0px; }
#importantBox li { background-image:url(images/lilarrow.gif); background-repeat:no-repeat; background-position:0 .7em; padding-left:15px; padding-top:4px }
#importantBox ul li a { color:blue; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px; text-decoration:underline;  }
#importantBox ul li a:hover { font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px; text-decoration:none;  }

.err, .error{
	background-color: #f88;
}
.errmsg {
	color: #800;
	font-weight: bold;
}

#errorMsgBox {
	display: none;
}
.errorBox, #errorMsgBox {
	background-color: #f88;
	color: #800;
	font-weight: bold;
	padding: 4px 10px;
	margin: 4px;
}
.alertBox {
	background-color: #ccf;
	border: 2px solid #99f;
	color: #004;
	font-weight: bold;
	padding: 4px 10px;
}

.maillist thead tr th {
	background-color: #ccc;
	font-size: 125%;
	padding: 2px 10px;
}
.mailsummary {
	padding: 5px 2in;
	text-align: left;
	border: 2px solid #fc8;
	background: #ff9 url("images/inbox.gif") 1.7in center;
	background-repeat: no-repeat;
	background-position: 50% 1.5in;
}
.connectionsummary {
	padding: 5px 2in;
	text-align: left;
	border: 2px solid #ff0;
	width: 300px;
	background-color:#FFFDE1;
	border:1px solid #EFB679;
}
#ajaxUpdate {
	display: none;
	position: absolute;
	top: 1px;
	right: 1px;
	background-color: red;
	color: white;
	padding: 2px 10px;
	font-size: 20px;
}
.connections { padding:0px; }
.connections th { background-color:#D8DFEA; font-size:11px; font-weight:bold; color:#3B5998; border-top:1px solid #3B5998; text-align:left; padding-left:5px; }

.loginbox { border:1px solid #CCC; background:#F5F5F5; }



h3 { padding-top:10px; padding-bottom:10px; margin:0px; font-size:18px;  color:#3B5998;  }

#contentBox { z-index:99; width:300px; background-color:#f2e59b; opacity:.90;filter: alpha(opacity=90); -moz-opacity: 0.9; border:1px solid #DFD28B; margin-left:30px; padding:5px; }
.contentBoxTitle { font-size:16px; font-weight:bold; font-family:Helvetica,Arial,sans-serif; margin:3px 0px 3px 0px; color:#13537e; }
.lineTop {  margin-top:5px; } 
#contentBox ul { margin:0px; padding:0px; list-style:none; }
#contentBox li {margin:0px; padding-left:15px; background-image:url(images/contentBoxListArrow.jpg); background-position:0; background-repeat:no-repeat; list-style:none; }
#contentBox li a { color: #13537B; font-weight:bold;}

.title { color:#13537B; font-size:12px; }

#howitworks li { list-style:none; }
#howitworks ul { list-style:none; }

.areaTitle { font-size:18px; color:#13537B; border-bottom:1px solid #999; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:20px; }

.watermark { background-image:url(images/watermark.jpg); background-repeat:no-repeat; background-position:top left; }

