*:focus {
  outline-color:invert;
  outline-style:none;
  outline-width:medium;
}
html, body { 
  padding: 0;
  margin: 0; 
  font-size:14px; 
  line-height:1.3em;
  font-family: "Lucida Grande", Lucida, Verdana, Helvetica,Arial, sans-serif; 
  background-color:#FFFFFF; 
  color:#000000; 
  width:100%;
  height:100%; /* this is the key! */
}


h1, h2, h3, h4 {
color:#f04d44;
}

h1 {
  font-size:18px; 
  font-weight:bold; 
  padding:0.25em 0 0.5em 0;
  margin:0.5em 0 0.5em 0;
}

h2 {
  font-size:16px; 
  font-weight:bold; 
  padding:0.25em 0 0.5em 0;
  margin:0.5em 0 0.5em; 
  border-bottom:1px double #CCCCCC;
}

h3 {
  font-size:15px; 
  font-weight:bold; 
  margin:0 0 0.5em 0; 
  padding:0 0 0.2em 0;
  border-bottom:1px solid black;
}

h4 {
  font-size:15px; 
  font-weight:bold;  
  margin:0 0 0.5em 0; 
  padding:0 0 0.2em 0;
  border-bottom:1px solid black;
}

h5 {
  font-size:13px; 
  font-weight:bold; 
  color:#000; 
  margin:0 0 0.5em 0; 
  padding:0 0 0.2em 0;
  border-bottom:1px dotted black;
}

h3.highlighted {
  color:#D2311E;
}

p, ul, ol {margin-top: 0.1em}
a {color:#0054A6; text-decoration: none;}
a.subtle {color:#999999}
a:hover {color: #FFFFFF; background-color: #333333;}
a.imglink:hover {color: #000000; background-color:#FFFFFF;}
a.tooltip {margin:0px 2px 0px 2px;}
a.tooltip:hover {background-color:#FFFFFF;}
form {margin:0}
img {border-style:none}
form, input, select, textarea, table {font-size:12px;}
input[type="submit"], input[type="button"]{
  color:#0054A6;
  padding: 2px;
  margin: 1px;
  border-left: 1px solid #0054A6;
  border-top: 1px solid #0054A6;
  border-bottom: 2px solid #0054A6;
  border-right: 2px solid #0054A6;
  background: #ccc url("/images/button.png") repeat-x;;
}

input[type="submit"]:hover, input[type="button"]:hover {
  color:#D2311E;
  border-color: #D23327;
  background: #fff url("/images/button-hover.png") repeat-x;
}
input.text {background-color:#FFFFFF; border-left:1px solid #AAAAAA;}
input:focus {background:#DDDDDD none repeat scroll 0%;}
input.dim {color:#333333;}
textarea.textarea:focus {background:#DDDDDD none repeat scroll 0%;}
select.small, input.small {font-size:11px;}
ul {list-style-type:none;}
ol {margin-left:24px;}
ol li {text-indent:-2px;}
table {border-collapse:collapse;}
tr.whiterow {background-color:#FFFFFF}
tr.striperow {background-color:#EAEAEA}

fieldset {border:none}
.smalltext {font-size:10px;}
.highlightedtext {color:#D2311E}
.errortext {font-weight:bold; color:#D2311E}
.faqheader {font-weight:bold;}
.medLength {width:200px;}
.propercase {text-transform: capitalize}
.lowercase {text-transform:lowercase}
.uppercase {text-transform:uppercase}
.printable {display: none;}
/* Clears floats in a div - CSS2 browsers only */
div.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* AJAX Loading Icon */
div.contentloading {width:130px; height:35px; position:absolute; top:10px; right:10px; z-index:999; padding: 5px 8px 5px 8px; background-color: #D23327; text-align: center; color: #FFFFFF; font-size: 14px;}
div.contentloading span {padding:5px;}

div.outer {
    width: 90%;
    margin:0 auto 0 auto;
    padding: 0px;
    border:none;
}

div.header {
	margin: 15px 0px 15px 0px; 
	padding:0;
	clear:both;
}

div.content {	
	margin:0;
	padding:0;
	clear:both;
}

div.middlepane {
    float:left;
    margin:0;
    overflow:hidden;
    height:100%; 
    width:660px;
}

div.rightpane, div.leftpane{
	float:left; 
	height:100%; 
	width:320px;
}

div.rightcontent  {
	width:310px; 
	margin:0 auto 0 0;
	padding: 0 5px 0 5px;
	clear:both;
}

div.middlecontent  {
	padding: 0 10px 0 10px;
	clear:both;
}

div.fullpane {
	width:100%;
	height:100%; 
	margin:0;
	padding:0 4px 0 4px;
	border-style:none;
}

div.messagepanetop{
	width:100%;
	clear:both;
	max-height:250px; 
	overflow:auto; 
	margin:10px 0px 10px 0px; 
	border:2px solid red; 
	padding:5px; 
	background-color:#F7F7F7;
}

/* Footer Holds Bottom Navigation and Copyright Messages */
div.footer {	
    clear:both;
	width:95%;
	margin-left:auto; margin-right:auto;
	margin-top:1em;
	padding: 0.5em 0em 0em 0em;	
	color:#999999;
	font-size: 1em;
	text-align:center;
}


/* REQUIRED BUTTON STYLES: */		
button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}


/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.submitBtn { 
	padding: 0 15px 0 0; 
	margin-right:5px; 
	font-size:2em; 
	text-align: center; 
	background: transparent url("/images/btn_blue_sprite.gif") no-repeat right -140px; 
}
	
button.submitBtn span {
	padding: 6px 0 0 15px; 
	height:47px; 
	background: transparent url("/images/btn_blue_sprite.gif") no-repeat left top; 
	color:#fff; 
}
	
button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -210px; 
}
	
button.submitBtn:hover span, button.submitBtnHover span {
	background-position: 0 -70px;
}


/* List style */

ul.arrow li:before {
	content: "\00BB \0020";
}

ul.arrow li {
	margin-top:10px;
	margin-bottom:10px;
}