@import "/stylesheets/forms/buttons.css";
@import "/stylesheets/forms/character-counter.css";

/*************************** BODY **********************************/
body,p,table,td,ul,li {font-family:Arial, Helvetica, sans-serif; font-size:12px;}

a:link {color:#003;text-decoration:none; font-weight:bold;}
a:visited {color:#003;text-decoration:none; font-weight:bold;}
a:hover {color:#003;text-decoration:underline; font-weight:bold;}
a:active {color:#003;text-decoration:none; font-weight:bold;}

h1 {font-size:1.7em;color:#003; margin-top:20px; margin-bottom:15px; letter-spacing:-.03em;}
h2 {font-family:'lucida grande',futura,'lucida sans regular',verdana,sans-serif;font-size:2.25em;line-height:1.5em;letter-spacing:-0.056em;}
h2 em { display:block; font-size:0.444em; line-height:3em; font-style:normal; letter-spacing:0; margin-bottom:1.5em; border-bottom:0.063em solid #ccc;}
h3 {font-size:1.5em;color:#000; margin-top:20px; margin-bottom:15px; letter-spacing:-.04em;}
h4 {font-size:1.2em; border-bottom:1px solid #ccc; letter-spacing:-.04em;}
h5 {font-size:100%; color:#CC0000; margin-bottom:0; margin-top:0}

hr {color:#ccc;background-color:#ccc;height:1px;border:0;width:100%; margin-bottom:10px; margin-top:10px;}

table caption {font-weight:bold; padding:3px 0;}

/************************ FORM ELEMENTS *****************************/
legend {font-weight:bold; font-size:105%; color:#000000;}
fieldset {border:1px solid #C9C9C9; padding:10px 5px; margin-bottom:10px; }
select {font-family:Arial, Helvetica, sans-serif; border: #003; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
input {font-size:90%;}
input.textbox {border:1px solid #C9C9C9; }
input.250width {width:400px;}
textarea.textbox {border:1px solid #C9C9C9; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:105%;}
td.label {font-size:12px;padding-bottom:3px; padding-top:3px;font-weight:bold;padding-right:5px;white-space:nowrap;text-align:right; vertical-align:top;}
td.field {font-size:1em;padding-bottom:3px; white-space: nowrap; vertical-align:top;}

a.right {float:right;}
a.left {float:left;}

/************************ LISTS *****************************/
ul.drop { margin-left:-20px; margin-top:5px;}
*html ul.drop { margin-left:15px}
ul.pdf {list-style-image:url('/images/pdf.gif');}
ul.doc {list-style-image:url('/images/icons/doc.gif');}
ul.dot {color:#FFFFFF; list-style-image:url('/images/dot.jpg'); list-style-type:square; margin-left:-15px;}
ul.dot a:link, .dot a:active, .dot a:visited, .dot a:hover {color:#FFFFFF;font-weight:bold; }
* html ul.dot {margin-left:20px;}
* html ul.dot a:link, .dot a:active, .dot a:visited, .dot a:hover { color:#FFFFFF; font-weight:bold;}
ul.blackdot {color:#FFFFFF;list-style-image:url('/images/bdot.jpg');list-style-type:square; }
ul.tiny_red_bullet {list-style-image:url('/images/tiny_red_bull.gif');}
ul.arrow {color:#FFFFFF; list-style-image:url('/images/arrow.jpg'); margin-left:-20px; margin-bottom:-10px;}
ul.arrow a { color:#FFFFFF; font-weight:bold;}
* html ul.arrow { margin-left:20px; margin-bottom:-15px;}
* html ul.arrow a:link, .dot a:active, .dot a:visited, .dot a:hover { color:#FFFFFF; font-weight:bold;}
ul.hidden {display:none;}
ul.extra-space li {margin-bottom:15px;}
ul.none {list-style-type:none; margin-left:0; padding-left:0;}
ul.strong a {font-weight:strong;}

ul.special-bullet { font-weight:bold; list-style-image: url('/images/bullet_w_bbg.gif'); margin:5px 5px 5px -15px; color:#FFF; }
*html ul.special-bullet { margin:5px 5px 5px 15px; }
*html ul.special-bullet li a:link, *html ul.special-bullet li a:visited, *html ul.special-bullet li a:hover, *html ul.special-bullet li a:active {color:#FFFFFF; }

img.outline {border:1px solid #CCC; padding:5px; margin:5px; background-color:#FFFFFF;}

.highlight {background-color:#FFFF00;}
.strong, .bold {font-weight:bold;}
.superstrong, .stronger, .bolder {font-weight:bolder;}
.green, .success {color:#006633;}

.red, .error, .delete, a:link.red, a:visited.red, a:hover.red, a:active.red { color:#CC0000;}
*html a:active.red, *html a:link.red, *html a:visited.red, *html a:hover.red, *html a:active.red { color:#CC0000;}

.lowercase ..lower {text-transform:lowercase;}
.uppercase, .upper {text-transform:uppercase;}
.capitalize, .title {text-transform:capitalize;}


.title {font-size:13px;color:#000033;font-weight:bold}

.small {font-family: arial; font-size:10px;}
.whiteCopy {color:#FFF;}
.reminder{color:red;font-weight:bold;}

.altrow1 { background-color:#FFF;}
.altrow2 { background-color:#f7f3f7; }

a.special[href^="mailto"]:hover:after { content: " > " attr(title); }

.feedburnerFeedBlock ul {margin:0; padding:0; list-style-type:none; }
.feedburnerFeedBlock li {margin:0; padding:0;}
.feedburnerFeedBlock span.headline a {font-weight:bold;font-size:.9em;}
.feedburnerFeedBlock p.date{margin:0; padding:0 0 8px 0;font-size:.8em;}


.colHeader{color:#FFF;font-weight:bold}

td.fancyTable {color:#FFF}
th.fancy {background-color:#000033; color:#FFF; font-weight:bold; text-align:left; text-transform:uppercase; padding:5px;}
tr.fancy {background-color:#000033; color:#FFF; font-weight:bold; text-align:center; padding:3px;}
tr.fancy th {padding:4px 1px;}

table.grayborder { border:1px solid #ccc; border-collapse:collapse;}
table.grayborder th { background-color:#000033;text-align:center; font-weight:bold; color:#FFF; padding:15px 0;}
table.grayborder td {padding:2px;border:1px solid #ccc;}

table.gray { border:1px solid #ccc; border-collapse:collapse;}
table.gray td {padding:2px;border:1px solid #ccc; }


.right {float:right;}
.left {float:left;}


.alert {
	background: #fff6bf url(/images/icons/exclamation.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 8px 20px 8px 45px;
	border: 2px solid #ffd324;
	}
.alert p {margin:0; padding:5px;}
.alert p img { background-color:#fff6bf;}


/************DOUBLE LISTS**************************/
/* this div gives the list a place to live and remain relative to */
#double-list {
  width : 85%;
  border : 1px solid #ccc;
  margin : auto;
  font-size:.9em;
}
*html #double-list { padding:.6em 0 .8em 0;}

#double-list p { margin-left:10px;font-size:.9em;}

#double-list ul { 
	margin-left:-20px;
}
/* style all the list items here */
#double-list ul li {
  height : 1em;
  list-style-type : none;
  padding : 0.3em 0 0.4em 0;
  font-size:.9em;
  width:50%;
  overflow:hidden;
}
#double-list ul li.colspan2 {
  height : 1em;
  list-style-type : none;
  padding : 0.3em 0 0.4em 0;
  font-size:.9em;
  width:100%;
  overflow:hidden;
}
/* every second list item is positioned outward and moved up equal to LI height to even them */
#double-list ul li.cdl_l2, #double-list ul li.alt {
  margin-left : 50%;
  margin-top : -1.7em;
  padding : 0.3em 0 0.4em 0;
  border : 0;
}   
/* Every other two list items are styled with a background for usability and style */
.double-list_alt {
  background-color : #f7f3f7;
}
/* star hack in use here but this is for IE 6.2 and older only and you may use a conditional comment and 2nd CSS */
* html #double-list ul {
	margin-left:10px;
	margin-bottom:-2px;
}

* html #double-list ul li.cdl_l2 {
  margin-left : 45%;
  margin-top : -2.1em;
  padding : 0.5em 0 0.5em 0;
}

* html #double-list ul li.alt {
  margin-left : 45%;
  margin-top : -1.9em;
  padding : 0.5em 0 0.5em 0;
}

p.subscribe {background-color:#f7f3f7; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; padding:5px 3px; margin-bottom:10px; text-align:center;}

.quick-alert {
	width: 80%;
	margin:1em auto;
	padding: 8px 20px;
	background: #fff7bd;
	border: 1px solid #ffd324;
	color: #ED3424;
	font-weight: bold;
	text-align: center;  
 }
 
blockquote.special {
background-image: url('/images/open-quote.gif');
background-repeat: no-repeat;
background-position: left 0px;
padding-left: 20px;
margin-bottom:20px;
background-color:#f7f3f7;
padding-top:5px;
padding-bottom:5px;
margin-left:20px;
}
blockquote.special span {
background-image: url('/images/close-quote.gif');
background-repeat: no-repeat;
background-position: right bottom;
display: block;
padding-right: 30px;
font-style: italic;
font-weight:bold;
font-size:1.1em;
}

.pub { padding:10px 0; margin:0; height:100%; overflow:auto;}
.pub:hover { background-color:#f7f3f7;}
.pub h4 {clear:both; margin:0 0 10px 0;}
.pub img.thumb {float:right; margin-left:20px; margin-bottom:50px; padding:5px; border:1px solid #ccc; border:0; width:85px; height:110px;}