/* ***********************************************************************
 * 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-position: 0 -770px;
	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;
}

.sprite,
body,
ul#topNav li a:hover,
ul#topNav li a.selected,
.box h1,
.box .h1,
.box h2,
.box .h2,
div#introBox,
div.introBox,
h2.simplemodal-close {
	background-image: url("/images/downrightnow-sprites.png?20110417");
}
#servicesBox .serviceIcon {
	background-image: url("/images/downrightnow-sprites.png?20110417") !important;
}

.sprite {
	background-repeat: no-repeat !important;
}

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

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

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

.twitterLink {
	/* sprite: icon-twitter */
	background-position: -120px -430px;
}

.facebookLink {
	/* sprite: icon-facebook */
	background-position: -60px -490px;
}

.rssLink {
	/* sprite: feed-icon-16x16 */
	background-position: -400px -430px;
}

.upArrowLink {
	/* sprite: arrow_up_right */
	background-position: -420px -410px;
}

.status {
	font-size: 14px;
}

.statusColor0 {
	background-color: #e3e3e3;
}
.statusColor1, .statusColor2 {
	background-color: #e2ffe3;
}
.statusColor3 {
	background-color: #fff7d1;
}
.statusColor4, .statusColor5 {
	background-color: #ffe4e4;
}

.statusIcon0 {
	/* sprite */
	background-position: -356px -469px; /* -360 + 4, -470 + 1 */
}
.statusIcon1 {
	/* sprite */
	background-position: -316px -509px; /* -320 + 4, -510 + 1 */
}
.statusIcon2 {
	/* sprite */
	background-position: -276px -549px; /* -280 + 4, -550 + 1 */
}
.statusIcon3 {
	/* sprite */
	background-position: -236px -589px; /* -240 + 4, -590 + 1 */
}
.statusIcon4 {
	/* sprite */
	background-position: -196px -629px; /* -200 + 4, -630 + 1 */
}
.statusIcon5 {
	/* sprite */
	background-position: -156px -669px; /* -160 + 4, -670 + 1 */
}

.serviceIcon-gmail {
	/* sprite */
	background-position: -180px -367px !important; /* -370 + 3 */
}
.serviceIcon-hotmail {
	/* sprite */
	background-position: -160px -387px !important; /* -390 + 3 */
}
.serviceIcon-yahoomail {
	/* sprite */
	background-position: -140px -407px !important; /* -410 + 3 */
}
.serviceIcon-twitter {
	/* sprite */
	background-position: -120px -427px !important; /* -430 + 3 */
}
.serviceIcon-blogger {
	/* sprite */
	background-position: -100px -447px !important; /* -450 + 3 */
}
.serviceIcon-typepad {
	/* sprite */
	background-position: -80px -467px !important; /* -470 + 3 */
}                                                       
.serviceIcon-facebook {                                 
	/* sprite */
	background-position: -60px -487px !important; /* -490 + 3 */
}                                                       
.serviceIcon-linkedin {                                 
	/* sprite */
	background-position: -40px -507px !important; /* -510 + 3 */
}                                                       
.serviceIcon-livejournal {                              
	/* sprite */
	background-position: -20px -527px !important; /* -530 + 3 */
}                                                       
.serviceIcon-ning {                                     
	/* sprite */
	background-position: 0 -547px !important; /* -550 + 3 */
}                                                       
.serviceIcon-youtube {                                  
	/* sprite */
	background-position: -120px -707px !important; /* -710 + 3 */
}                                                       
.serviceIcon-foursquare {                               
	/* sprite */
	background-position: -400px -707px !important; /* -710 + 3 */
}                                                       
.serviceIcon-paypal {                                   
	/* sprite */
	background-position: -100px -727px !important; /* -730 + 3 */
}                                                       
.serviceIcon-tumblr {                                   
	/* sprite */
	background-position: -380px -727px !important; /* -730 + 3 */
}                                                       
.serviceIcon-skype {                                    
	/* sprite */
	background-position: -80px -747px !important; /* -750 + 3 */
}
.serviceIcon-netflix {
	/* sprite */
	background-position: -360px -747px !important; /* -750 + 3 */
}

.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;
	border-radius: 4px 4px 4px 4px;
}

.topService .serviceButtonsCol .button,
.otherService .serviceButtonsCol .button {
	text-align: center;
}

.topService .serviceButtonsCol .button {
	font-size: 14px;
}

.otherService .serviceButtonsCol .button {
	font-size: 12px;
}

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

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

.detailsButton {
	background-color: #5eaae9;
	/* sprite: chart-thumbnail */
	background-position: 6px -383px; /* 0 + 6, -386 + 3 */
}

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

.otherService .serviceButtonsCol .detailsButton {
	background-image: none;
}

.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;
}

h1#logo span,
div#logo span {
	/* sprite: logo-downrightnow-off */
	background-position: 0 -81px;
}

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

ul#topNav li h1,
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 {
	/* sprite: background-masthead-on */
	background-position: 0 0;
	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;
	border-bottom-right-radius: 10px;
}

.box h1,
.box .h1,
.box h2,
.box .h2 {
	font-family: Tahoma,"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 18px;
	color: white;
	font-weight: normal;
}

.box h1,
.box .h1,
.box h2,
.box .h2 {
	/* sprite: background-heading-height38 */
	background-position: 0 -243px;
	background-repeat: repeat-x;
}

.box h1 a,
.box .h1 a,
.box h2 a,
.box .h2 a {
	color: white !important;
}

.box h1 a:hover,
.box .h1 a:hover,
.box h2 a:hover,
.box .h2 a:hover {
	color: #eeeeee !important;
}

.box h1 a.secondaryLink,
.box .h1 a.secondaryLink,
.box h2 a.secondaryLink,
.box .h2 a.secondaryLink {
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 14px;
}

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

.boxContent h2,
.boxContent h3 {
	background-image: none !important;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #333333;
}

.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;
	border-bottom-right-radius: 10px;
}

.topService .serviceNameCol h2 a,
.otherService .serviceNameCol h2 a {
	text-decoration: none;
	color: #333333 !important;
}

.topService .serviceNameCol h2 a:hover,
.otherService .serviceNameCol h2 a:hover {
	color: #666666 !important;
}

.topService .serviceNameCol h2 span,
.otherService .serviceNameCol h2 span {
	color: #777777 !important;
	font-weight: normal;
}

.topService .serviceNameCol h2 a:hover span,
.otherService .serviceNameCol h2 a:hover span {
	color: #aaaaaa !important;
}

.topService .serviceNameCol h2 span {
	font-size: 17px;
}

.topService .serviceStatusCol .lastDisruption {
	color: #777777;
	font-size: 12px;
}

.topService .serviceNameCol .visitSite a {
	text-decoration: none;
}

.otherService .serviceNameCol h2 {
	font-size: 16px;
}

.otherService .serviceNameCol h2 span {
	font-size: 15px;
}

div#introBox,
div.introBox {
	background-color: #fffbe8;
	/* sprite: background-gradient-white-yellow-height84 */
	background-position: 0 -282px;
	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 {
	/* sprite: information */
	background-position: -440px -390px;
}

div#twitterDownBox p {
	/* sprite: error */
	background-position: -240px -590px;
}

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;
	border-bottom-right-radius: 10px;
}

div.timestampBox {
	background-color: #fbfbff;
}

div.timestampBox p {
	/* sprite: time */
	background-position: -456px -369px; /* -460 + 4, -370 + 1 */
}

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,
.highlightVeryImportant,
.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;
}

.topService .serviceButtonsCol .button {
	line-height: 18px;
}

.topService .serviceButtonsCol .detailsButton {
	width: 56px; /* 124 - 10 - 2*1 - 50 - 6 */
}

.topService .serviceButtonsCol .reportButton {
	margin-top: 5px;
	width: 100px; /* 124 - 10 - 2*1 - 6 - 6 */
}

.otherService .serviceButtonsCol .button {
	line-height: 18px;
}

.otherService .serviceButtonsCol .detailsButton {
	margin-right: 6px;
	padding-left: 6px;
}

.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 {
	height: 38px;
}

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

.box h1 .secondary,
.box .h1 .secondary,
.box h2 .secondary,
.box .h2 .secondary {
	padding-left: 10px;
}

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

/* ad area in WordPress */
div#text-3 .boxContent {
	padding: 5px;
}

.boxContent h2,
.boxContent h3 {
	height: auto;
	padding: 0;
	line-height: normal;
}

.boxContent h2:first-child,
.boxContent h3:first-child {
	margin-top: 0;
}

.boxContent h2,
.boxContent h3 {
	margin-top: 20px;
	margin-bottom: 8px;
}

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

.boxContent p,
.boxContent ul {
	line-height: 18px;
	margin-bottom: 10px;
}

.topService {
	padding: 6px 0 6px 10px;
}

.topService p,
.otherService p {
	margin: 0;
}

.topService .serviceNameCol,
.otherService .serviceNameCol {
	float: left;
	width: 260px;
}

.topService .serviceNameCol h2,
.topService .serviceStatusCol .currentStatus {
	margin-bottom: 4px;
	line-height: 21px;
}

.topService .serviceNameCol h2,
.otherService .serviceNameCol h2 {
	padding-left: 24px;
}

.topService .serviceNameCol .visitSite {
	padding-left: 26px;
}

.topService .serviceStatusCol,
.otherService .serviceStatusCol {
	float: left;
	width: 240px;
}

.topService .serviceStatusCol .lastDisruption {
	padding-left: 26px;
	line-height: 18px;
}

.serviceShareLinks iframe {
	height: 20px !important;
}

div.facebook-share-button {
	display: inline-block;
	vertical-align: top;
	padding-top: 1px;
}

#___plusone_0 {
	/* default width for medium plusone button is 90px */
	width: 84px !important;
}

.topService .serviceButtonsCol,
.otherService .serviceButtonsCol {
	float: left;
	width: 124px;
}

.otherService {
	padding: 6px 0 6px 10px;
}

.otherService .serviceNameCol h2,
.otherService .serviceStatusCol .currentStatus {
	margin-bottom: 0;
	line-height: 21px;
}

.serviceAlertLinksBox {
	padding: 5px 0 7px 10px;
}

.serviceAlertLinksBox p {
	margin: 0;
}

.serviceAlertLinksBox .upArrowLink {
	padding-left: 26px;
}

.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;
}

.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;
}

div#troubleshooting ul 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 {
	padding: 16px 12px 16px 12px;
}

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 {
	/* sprite: background-heading-height38 */
	background-position: 0 -243px;
	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;
	border-bottom-right-radius: 10px;

	height: 300px;
	width: 500px;
}

#reportForm .status {
	padding-left: 34px !important;
}

#reportForm .statusIcon1 {
	/* sprite */
	background-position: -310px -493px; /* -320 + 10, -510 + 16 + 1 */
}
#reportForm .statusIcon3 {
	/* sprite */
	background-position: -230px -573px; /* -240 + 10, -590 + 16 + 1 */
}
#reportForm .statusIcon5 {
	/* sprite */
	background-position: -150px -653px; /* -160 + 10, -670 + 16 + 1 */
}

.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;
}