/* ***********************************************************************
 * Resets
 * *********************************************************************** */

* {
	margin: 0;
	padding: 0;
}

DIV.clear {
	clear: both;
	font-size: 0;
}


/* ***********************************************************************
 * Formatting and appearance
 * *********************************************************************** */

BODY {
	background-color: #cee2f5;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 13px;
	color: #333333;
	background-image: url("/images/background-masthead.png");
	background-position: top left;
	background-repeat: repeat-x;
}

UL {
	list-style-type: square;
}

TABLE, IMG {
	border: 0;
}

H1 {
	font-size: 16px;
	font-weight: bold;
}

H2 {
	font-size: 14px;
	font-weight: bold;
}

H3 {
	font-size: 13px;
	font-weight: bold;
}

A {
	text-decoration: underline;
}

A:link, A:active {
	color: #0067bd;
}

A:visited {
	color: #2c7bbd;
}

A:hover {
	color: #208ee9;
}

A.action {
	font-weight: bold;
}

TABLE TR TD,
TABLE TR TH {
	border: 1px solid black;
}

HR, .hr {
	border-top: 1px dotted #aaaaaa;
	border-left: none 0; 
	border-right: none 0; 
	border-bottom: none 0;

	font-size: 0;
}

.siteName {
	color: black;
}

.finePrint {
	font-size: 11px;
}

.highlight {
	background-color: white;
}

.old {
	color: #999999;
}

.recent,
.highlightImportant {
	background-color: #fff7d1; /* yellow */
}

.veryRecent {
	background-color: #eb897a; /* light red */
	color: white;
}

.timestampRelative {
	border-bottom: 1px dashed #666666;
	cursor: default;
}

.rssLink {
	background-image: url("/images/icons/feed-icon-16x16.gif");
	background-position: top left;
	background-repeat: no-repeat;
}

.twitterLink {
	background-image: url("/images/icons/icon-twitter.gif");
	background-position: top left;
	background-repeat: no-repeat;
}

.status {
	background-position: 4px center;
	background-repeat: no-repeat;
	font-size: 14px;
}

.statusColor0 {
	background-color: #e3e3e3;
}

.statusColor1, .statusColor2 {
	background-color: #e2ffe3;
}

.statusColor3 {
	background-color: #fff7d1;
}

.statusColor4, .statusColor5 {
	background-color: #ffe4e4;
}

.statusIcon0 {
	background-image: url("/images/icons/status_code0.png");
}

.statusIcon1 {
	background-image: url("/images/icons/status_code1.png");
}

.statusIcon2 {
	background-image: url("/images/icons/status_code2.png");
}

.statusIcon3 {
	background-image: url("/images/icons/status_code3.png");
}

.statusIcon4 {
	background-image: url("/images/icons/status_code4.png");
}

.statusIcon5 {
	background-image: url("/images/icons/status_code5.png");
}

.button {
	border: 1px solid #0067bd;
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	color: white !important;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.defaultButton {
	background-color: #5eaae9;
}

.defaultButton:hover {
	background-color: #0067bd;
}

.detailsButton {
	background-color: #5eaae9;
	background-image: url("/images/chart-thumbnail.png");
	background-position: 6px center;
	background-repeat: no-repeat;
}

.detailsButton:hover {
	background-color: #0067bd;
}

.reportButton {
	border: 1px solid #ab2914;
	background-color: #eb897a;
}

.reportButton:hover {
	background-color: #ab2914;
}

.reportButtonDupe {
	background-color: #aaaaaa !important;
}

.feedTimestamp {
	font-size: 12px;
}

.webSourceType {
	font-size: 12px;
	font-style: italic;
}

UL#topNav {
	list-style-type: none;
}

UL#topNav LI A:link,
UL#topNav LI A:visited {
	font-family: Tahoma,"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 24px;
	color: white;
	font-weight: normal;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: lowercase;
}

UL#topNav LI A:hover,
UL#topNav LI A.selected {
	background-image: url("/images/background-masthead-on.png");
	background-position: top left;
	background-repeat: repeat-x;
	color: white;
	text-decoration: none;
}

.box {
	border: 1px solid #0067bd;
	background-color: #f5f9ff;

	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

.box H1,
.box H2 {
	background-image: url("/images/background-heading-height38.png");
	background-position: top left;
	background-repeat: repeat-x;
	font-family: Tahoma,"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 18px;
	color: white;
	font-weight: normal;
}

.box H1 A,
.box H2 A {
	color: white !important;
}

.box H1 A:hover,
.box H2 A:hover {
	color: #eeeeee !important;
}

.box H1 A.secondaryLink,
.box H2 A.secondaryLink {
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 14px;
}

.box H1 .secondary,
.box H2 .secondary {
	font-size: 16px;
	color: #abcbf8;
}

.boxContent H3 {
	background-position: center right;
	background-repeat: no-repeat;
	font-size: 18px;
	font-weight: normal;
}

.boxContent H4 {
	font-size: 14px;
	font-weight: bold;
}

.boxContent BLOCKQUOTE {
	background-color: white;
	font-style: italic;
}

.boxBottom {
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

.serviceBox .boxContent {
	font-size: 12px;
}

.serviceBox .boxContent H3 A {
	font-size: 14px;
}

DIV#introBox,
DIV.introBox {
	background-color: #fffbe8;
	background-image: url("/images/background-gradient-white-yellow-height84.png");
	background-position: top left;
	background-repeat: repeat-x;
	font-size: 14px;
}

DIV#subscribeBox {
	font-size: 14px;
}

DIV#subscribeBox UL {
	list-style-type: none;
}

DIV#noJavaScriptBox {
	background-color: #fffbe8;
}

DIV#noJavaScriptBox P {
	background-image: url("/images/icons/error.png");
	background-position: left center;
	background-repeat: no-repeat;
}

DIV#twitterDownBox P {
	background-image: url("/images/icons/information.png");
	background-position: left center;
	background-repeat: no-repeat;
}

DIV#faqBox .open {
	background-color: white;
}

DIV#faqBox .open A {
	font-weight: bold;
}

DIV#faqBox DIV.answer A {
	font-weight: normal !important;
}

DIV#faqBox DIV.answer {
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

DIV.timestampBox P {
	background-image: url("/images/icons/time.png");
	background-position: 4px 1px;
	background-repeat: no-repeat;
}

FORM#autoRefreshForm LABEL {
	text-decoration: underline;
	cursor: pointer;
}

DIV#footer {
	font-size: 12px;
}

DIV#footer {
	color: #555555;
}

DIV#footer A#unitzLink {
	color: #333333;
	text-decoration: none;
}

DIV#footer A#unitzLink:hover {
	text-decoration: underline;
}

DIV#footer UL {
	list-style-type: none;
}


/* ***********************************************************************
 * Layout
 * *********************************************************************** */

DIV#bodyWrapper {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

UL LI {
	margin-left: 1.5em;
}

OL LI {
	margin-left: 2.5em;
}

TABLE {
	border-collapse: collapse;
}

TABLE TR TD,
TABLE TR TH {
	padding: 0.5em;
}

HR, .hr {
	clear: both;
	height: 0;
	line-height: 0;
	overflow: hidden;
}

.requiresJavaScript {
	display: none;
}

.imageReplacement {
	position: relative;
}

.imageReplacement SPAN {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	/* avoid background-image hover flickering in IE:

	1. Set non-transparent background-color
	2. Set background-repeat: repeat
	3. Do not set background-position
	4. Use images with pixel area at least 2500px
	5. Do not use transparent GIFs

	http://www.fivesevensix.com/studies/ie6flicker/ */
	background-repeat: repeat;
}

.imageReplacement A {
	display: block;
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}

.highlight,
.highlightImportant,
.recent,
.veryRecent {
	padding-left: 4px;
	padding-right: 4px;
}

.status {
	padding-left: 26px !important;
	padding-right: 5px;
}

.button {
	display: block;
	padding-top: 1px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 1px;
}

INPUT.button {
	cursor: pointer;
}

.detailsButton {
	padding-left: 50px;
}

.timestamp {
	white-space: nowrap;
}

.feedTimestamp {
	white-space: nowrap;
	margin-left: 4px;
}

.webSourceType {
	white-space: nowrap;
	padding-left: 3px;
}

DIV#masthead {
	height: 80px;
	margin-bottom: 12px;
}

H1#logo,
DIV#logo {
	float: left;
	width: 282px;
	height: 80px;
}

UL#topNav {
	float: right;
	width: auto;
	height: 80px;
}

UL#topNav LI {
	float: left;
	width: auto;
	height: 67px;
	margin: 0;
	margin-left: 3px;
}

UL#topNav LI A {
	display: block;
	padding-top: 11px;
	padding-left: 24px;
	padding-right: 24px;
	line-height: 67px;
}

.box {
	float: left;
	width: 310px; /* 312 - 2*1 */
	margin-right: 12px;
	margin-bottom: 12px;
}

.box H1,
.box H2 {
	height: 38px;
	padding-left: 12px;
	padding-right: 12px;
	line-height: 38px;
}

.box H1 .secondary,
.box H2 .secondary {
	padding-left: 10px;
}

.boxContent {
	padding-top: 12px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 10px;
}

.boxContent H3:first-child {
	margin-top: 0;
}

.boxContent H3 {
	margin-top: 20px;
	margin-bottom: 8px;
}

.boxContent H4 {
	margin-bottom: 5px;
}

.boxContent P,
.boxContent UL {
	line-height: 18px;
	margin-bottom: 10px;
}

.postWrapper .boxContent P,
.postWrapper .boxContent UL {
	line-height: 20px;
}

.boxContent UL UL,
.boxContent UL UL UL {
	margin-bottom: 0;
}

.boxContent BLOCKQUOTE {
	margin: 6px 12px 6px 12px;
	padding: 6px 6px 6px 12px;
	border-left: 2px solid #ffb23e;
}

.text P {
	line-height: 20px;
}

.serviceBox .boxContent H3 A {
	margin-left: 6px;
}

.leftBox {
	width: 634px; /* 636 - 2*1 */
}

.rightBox {
	clear: right;
	float: right;
	margin-right: 0;
}

.fullBox {
	width: 958px; /* 960 - 2*1 */
}

DIV#introBox {
	width: 634px; /* 636 - 2*1 */
	height: 82px; /* 84 - 2*1 */
}

DIV#subscribeBox {
	height: 82px; /* 84 - 2*1 */
}

DIV.shortBox P,
DIV.shortBox UL {
	margin-bottom: 0;
}

DIV#subscribeBox UL LI {
	display: block;
	margin: 0;
	padding-top: 1px;
	padding-bottom: 1px;
}

DIV#subscribeBox UL LI A {
	padding-left: 24px;
	line-height: 16px;
}

DIV#noJavaScriptBox P,
DIV#twitterDownBox P {
	padding-left: 22px;
}

DIV#atffc {
  /* hide AddThis Flash cookie div */
  display: none;
}

A#addThisButtonLink {
	display: block;
	margin-top: 3px;
	margin-left: 20px;
}

UL#troubleshooting LI,
DIV.contentsBox UL LI,
DIV#webSitesBox UL LI {
	margin-bottom: 8px;
}

DIV#faqBox P.open {
	margin-bottom: 0;
	padding-bottom: 5px;
	border-top: 1px solid #0067bd;
	border-left: 1px solid #0067bd;
	border-right: 1px solid #0067bd;
}

DIV#faqBox DIV.open {
	border-left: 1px solid #0067bd;
	border-right: 1px solid #0067bd;
	border-bottom: 1px solid #0067bd;
}

DIV#faqBox DIV.answer {
	margin-bottom: 10px;
}

DIV#faqBox .open {
	padding-left: 5px;
	padding-right: 5px;
}

DIV.timestampBox P {
	padding-left: 26px;
}

FORM#autoRefreshForm INPUT {
	margin-left: 12px;
	vertical-align: middle;
}

A#reportFormVisitLink {
	margin-left: 12px;
}

DIV#footer {
	width: 631px; /* 636 - 5 */
	clear: left;
	padding-top: 6px;
	padding-left: 5px;
	padding-bottom: 12px;
}

DIV#footer P {
	float: left;
	width: auto;
}

DIV#footer UL LI {
	float: left;
	width: auto;
	margin: 0;
	padding-left: 16px;
}


/* ***********************************************************************
 * wTooltip
 * *********************************************************************** */

.toolTipAppearance {
	border: 1px solid #f4dc5e !important;
	background-color: #fff7d1 !important;
	color: #333333 !important;
	padding: 4px 12px 4px 12px !important;
	white-space: nowrap !important;
}


/* ***********************************************************************
 * SimpleModal
 * *********************************************************************** */

/* Overlay */
#simplemodal-overlay {
	background-color: black;
	cursor: wait;
}

/* Container */
H2.simplemodal-close {
	background-image: url("/images/background-heading-height38.png");
	background-position: top left;
	background-repeat: repeat-x;
	font-family: Tahoma,"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 18px;
	color: white;
	font-weight: normal;

	height: 38px;
	padding-left: 12px;
	padding-right: 12px;
	line-height: 38px;
}

H2.simplemodal-close A {
	color: #dddddd !important;
	font-weight: bold;
	text-decoration: none;

	float: right;
	padding-left: 24px;
}

H2.simplemodal-close A:hover {
	color: white !important;
}

.closeButton {
	width: 100px;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	margin-left: auto;
	margin-right: auto;
}


/* ***********************************************************************
 * Report Form
 * *********************************************************************** */

#simplemodal-container-reportForm {
	border: 1px solid #0067bd;
	background-color: #f5f9ff;

	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;

	height: 300px;
	width: 500px;
}

#reportForm .status {
	background-position: 10px center !important;

	padding-left: 34px !important;
}

.userReportButton {
	padding-top: 16px !important;
	padding-bottom: 16px !important;
}

#userReportUpButton {
	border: 1px solid #7acc6d;
	background-color: #e2ffe3 !important;
	color: #333333 !important;
}

#userReportUpButton:hover {
	background-color: #7acc6d !important;
	color: white !important;
}

#userReportProblemsButton {
	border: 1px solid #f4dc5e;
	background-color: #fff7d1 !important;
	color: #333333 !important;
}

#userReportProblemsButton:hover {
	background-color: #f4dc5e !important;
}

#userReportDownButton {
	border: 1px solid #ab2914;
	background-color: #eb897a !important;
}

#userReportDownButton:hover {
	background-color: #ab2914 !important;
	color: white !important;
}

.reportFormMessage {
	text-align: center;
}

.reportFormMessage P {
	margin-bottom: 24px;
}


/* ***********************************************************************
 * Contact Form
 * *********************************************************************** */

FORM#contactForm LABEL {
	display: -moz-inline-box; /* Firefox 2 and earlier */
	display: inline-block;
	width: 145px;
	padding-top: 4px;
	padding-right: 5px;
	vertical-align: top;
	text-align: right;
}

FORM#contactForm INPUT.text,
FORM#contactForm TEXTAREA,
FORM#contactForm LABEL.error {
	width: 400px;
}

FORM#contactForm SELECT {
	width: 402px;
}

FORM#contactForm INPUT.text,
FORM#contactForm SELECT,
FORM#contactForm TEXTAREA {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 18px;
	color: #333333;
}

.contactFormError {
	padding: 4px;
}

.contactFormError,
FORM#contactForm LABEL.error {
	color: #ab2914;
	padding-top: 3px;
	text-align: left;
}

.contactFormError,
FORM#contactForm SELECT.error,
FORM#contactForm INPUT.error {
	border: 2px dotted #ab2914;
}

FORM#contactForm LABEL.error,
FORM#contactForm .rightColumn {
	margin-left: 155px; /* LABEL width + LABEL padding-right */
}

FORM#contactForm INPUT#submit {
	width: 120px;
	margin-top: 12px;
}

FORM#contactForm IFRAME {
	width: 400px !important;
}