/* These are ids for container divs in layout.master */
#wrapheader { background:#336699 none repeat scroll 0 0;height:92px; }
.wrapcenter {text-align:center;}

/* these are the main column layouts for supporting automatic column layout from 1 to 3 columns 
   all columns are floated left, the system programmatically assigns one of the classes to the center column depending on whether content exists
   in the left or right content sections */
.leftside { float:left; width:22%; margin:10px 20px 0 12px; }
.center-nomargins { display:inline-block;
float:none;
vertical-align:top;
width:auto; }
.center-rightandleftmargins { float:left; width:50%; margin:10px 0 0; }
.center-rightmargin { float:left; width:74%; margin:10px 0 0 10px; }
.center-leftmargin { float:left; width:74%; margin:10px 0 0; }
.rightside { float:left; width:22%; margin:10px 0 0 20px; }

/****** Monitor Layout ******/
.monitorwrapper { width:970px; margin:10px 12px 0; text-align:left;   }
.monitorcenter-nonav {margin:0; padding:0;}
.monitornavleft {float: left; width: 175px; padding: 5px 5px 30px 5px;margin: 0px 0px 0px 0px;}
.monitornavright {float: right; width: 175px;  padding: 5px 5px 30px 5px;margin: 0px 0px 0px 0px;}
.monitorcenter-leftnav {margin: 0px 0px 0px 185px; padding: 5px 0px 0px 5px;}
.monitorcenter-rightnav {margin:0px 185px 0px 0px; padding: 5px 0px 0px 5px;}
.monitornav ul {list-style-type:none;}
.monitornav li { list-style: none; margin: 0px 0px 3px -30px; }
div.monitornavright div h3 { margin: 5px 0px 0px 5px;color:#8C6E4B;border-bottom:1px solid #81877A;font-family:Arial,Helvetica,sans-serif;font-size:1.35em;font-weight:bold;padding-bottom:5px;text-transform:uppercase;}

/* Status Page */
.status-graph{width:100%;}
.status-details{width:100%;}
.status-feeds{width:100%;}
.status-feed{min-height:200px;background-color: #E6E6E6;border:1px solid #DFDFDF;padding: 8px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;margin-bottom:10px;}