﻿.monitorwrapper {   }
.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-nonav {margin: 0px 0px 0px 0px; padding: 5px 0px 0px 5px;    }
.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;}

.left {margin-left:.75em; float:left;}
.right {margin-right:.75em; float:right;}

/**** Monitor Grids ****/
.monitor-grid { color: Black; background-color:#f3f1eb;}
.monitor-grid-row {background-color:#ffffff;border-bottom:solid 1px #cccccc;}
.monitor-grid-header {border-bottom:solid 1px #cccccc;} 
.monitor-grid-header label {font-weight:bold;}
.monitor-grid-header fieldset {padding-top:15px;background-color:#ccc;margin:5px 5px 5px 5px;}
.monitor-grid-header fieldset legend { background-color:#FFFFFF;border:solid 1px #cccccc;padding:1px 5px 1px 5px; }
.monitor-grid-buttonpane { background-image:none; border-width:0; margin:0.5em 0 0; padding:0.3em 1em 0.5em 0.4em;text-align:left;}
.monitor-grid-buttonpane button {cursor:pointer;float:left;line-height:1.4em;margin:0.5em 0.4em 0.5em 0;overflow:visible;padding:0.2em 0.6em 0.3em;width:auto;}

/**** Generic hdq-list styles ****/
.hdq-list {margin:0;padding:0; 
}
.hdq-list ul { margin:0;padding:0;   }
.hdq-list li {  list-style-type:none; list-style-type:none;
margin-left:4px;
padding:2px;}
.hdq-button { padding:0.2em 0.6em 0.3em;}

/**** LinkButton List  styles ****/
.buttonlist { list-style-type:none;padding:0px;margin:0; }
.buttonlist li { cursor:pointer; padding: 5px;outline-color:-moz-use-text-color;outline-style:none;outline-width:0; 
text-align:left;text-decoration:none;}
.buttonlist ul { margin:0;padding:0; }
.buttonlist li img {border-style:none; background-color:Transparent;}
.buttonlist li a, .buttonlist li a:link, .buttonlist li a:visited {width:230px;padding:8px 8px 4px 4px; text-decoration: none; outline: none;margin:5px; }

/**** Status List Styles ****/
.hdq-status-list {list-style-type:none;padding:0px;margin:0; max-width:275px; }
.hdq-status-list ul { margin:0;padding:5px; }
.hdq-status-list li { margin: 5px 0 5px 0; padding: 7px 0 7px 7px;}
.hdq-status-list li a { font-weight:bold; text-decoration:none;}
.hdq-status-list .ui-icon {float: left; margin-right: 0.3em; vertical-align:middle;}

.hdq-button
{
	outline: 0;	margin: 0 4px 0 0;text-decoration: none;cursor: pointer;position: relative;text-align: center;
}
.hdq-button .ui-icon{	margin: 0 4px 0 0;	position:relative;	top: 50%;	margin-top: -8px;	left: 50%;
	margin-left: -8px;
}

a.hdq-button
{
	float: left;
}

/* remove extra button width in IE */
button.hdq-button
{
	width: auto;
	overflow: visible;
}

.hdq-button-icon-left
{
	padding-left: .5em;
}
.hdq-button-icon-right
{
	padding-right: .5em;
}
.hdq-button-icon-left .ui-icon
{
	right: auto;
	left: .2em;
	margin-left: 0;
}
.hdq-button-icon-right .ui-icon
{
	left: auto;
	right: .2em;
	margin-left: 0;
}

.hdq-button-icon-solo
{
	display: block;
	width: 8px;
	text-indent: -9999px;
}
/* solo icon buttons must have block properties for the text-indent to work */

.hdq-buttonset
{
	float: left;
}
.hdq-buttonset .hdq-button
{
	float: left;
}
.hdq-buttonset-single .hdq-button, .hdq-buttonset-multi .hdq-button
{
	margin-right: -1px;
}

.hdq-toolbar
{
	
	padding: .5em .5em .5em .5em;
	margin: 3px 0 10px 0;
	top: 0;
	
}

.hdq-toolbar .hdq-buttonset{margin-right: 1.5em;padding-left: 1px;}
.hdq-toolbar .hdq-button{font-size:14px;}

/***** Width classes from 25 - 400 in 25px increments and from 450 - 800 in 50px increments *****/
.span-25 {width:25px;}
.span-50 {width:50px;}
.span-75 {width:75px;}
.span-100 {width:100px;}
.span-125 {width:125px;}
.span-150 {width:150px;}
.span-175 {width:175px;}
.span-200 {width:200px;}
.span-225 {width:225px;}
.span-250 {width:250px;}
.span-275 {width:275px;}
.span-300 {width:300px;}
.span-325 {width:325px;}
.span-350 {width:350px;}
.span-375 {width:375px;}
.span-400 {width:400px;}
.span-450 {width:450px;}
.span-500 {width:500px;}
.span-550 {width:550px;}
.span-600 {width:600px;}
.span-650 {width:650px;}
.span-700 {width:700px;}
.span-750 {width:750px;}
.span-800 {width:800px;}

fieldset{ margin:10px; padding:5px;}
legend { font-weight:bold;}
/***** input-form styles *****/
.input-form { padding:.5em;text-align:left; }
.input-form input[type="text"], input[type="password"]{ font-family: Arial,Sans-Serif;padding: 4px;}
.input-form label {margin: 4px 5px 4px 5px;font-weight:bold;}
.input-form .label-left { float:left;width:100px;text-align:right;}
.input-form .label-right {margin: 4px 5px 4px 5px; display:inline-block; width:85px;text-align:right;}
.input-form input[type="text"], input[type="password"],select,textarea{ font-family: Arial,Sans-Serif;margin-bottom: 5px;padding:4px 0 4px 0; }
.input-form input[type="text"]{}
.input-form a, .input-form a:link, .input-form a:visited { margin:5px; padding: 5px 8px 5px 8px; color: #eeeeee; text-decoration: none; outline: none; }
.input-form input[type="submit"]{ margin:5px; padding: 5px 8px 5px 8px; text-decoration: none; outline: none; }
.activeField {background-color: #FFFFFF;background-image: none;border: 1px solid #33677F; }
.idle { background-color:#F9F9F9;border: 1px solid #CCCCCC; }
.ddl { font-family: Arial,Sans-Serif;font-size: 13px;margin-bottom: 5px;padding:4px 0 4px 0; float:left; background-color:#F9F9F9;border: 1px solid #CCCCCC; }
.hdq-cb {font-family: Arial,Sans-Serif;font-size: 13px;margin-bottom: 5px;padding: 4px; float:left; background-color:#F9F9F9;border: 1px solid #CCCCCC;}
.hdq-link { float:left; }
.hdq-checkboxlist { margin-left:110px;margin-bottom:0; } 

.hdq-validate { margin-bottom:3px;height:40px;}
.hdq-validate p {padding:5px; margin:3px;}

.photo-frame { width: 145px;padding: 0.4em;margin: 0 0.4em 0.4em 0;text-align: center; }
.photo-frame h5 { font-weight:bold; margin: 0 0 0.4em; }
.photo-frame a { float: right; padding:0 0 0 0; }
.photo-frame a:visited { padding:0 0 0 0;}
.photo-frame a.ui-icon-zoomin { float: left; }

/** ui overrides **/ 
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
a.ui-state-hover { color: #FFFFFF; }
.ui-widget-header .ui-icon {float: left; margin-top:.2em; margin-right: 0.3em;}
/** ui additions **/
.ui-state-success, .ui-widget-content .ui-state-success {border: 1px solid #C6D880; background: #E6EFC2; color: #264409; }
.ui-state-success .ui-icon, .ui-state-info span .ui-icon {background-image: url(ui/ui-icons_4b8e0b_256x240.png); }
.ui-state-success .ui-icon {background-image: url(ui-icons_4b8e0b_256x240.png); }
.ui-state-info, .ui-widget-content .ui-state-info {border: 1px solid #cccccc; background: #eeeeee url(ui/ui-bg_highlight-soft_80_eeeeee_1x100.png) 50% top repeat-x; color: #2e7db2; }
.ui-state-info a, .ui-widget-content .ui-state-info a { color: #2e7db2; }
.ui-state-info .ui-icon {background-image: url(ui/ui-icons_4b8e0b_256x240.png); }

/***** CSS For The Heatmap 1-10 Ranking ******/
.thickline { border-top: 4px solid #FFcc00;width: 100%; }
.thinline { border-top: 1px solid #FFcc00;width: 100%; }
.big { font-size: 14px;font-weight: bold; }
.red { color: #ee0000; }
.littlebox { width:10px;height:23px;float:left;background-color:#cccccc;border: 1px solid #999999;margin:3px 1px 4px 1px; }
.redbox {background-color:#f00;border:1px solid #999999;float:left;height:8px;margin:4px 1px 0 2px;width:8px;}
.greenbox {background-color:#0f0;border:1px solid #999999;float:left;height:8px;margin:4px 1px 0 2px;width:8px;}

.hdq-dashboard 
{

background-color:#F3F3F3;
color:#333333;
font-family:Tahoma,Verdana,Sans-Serif;
font-size:11px;
left:0;
text-align:left;
top:0;
width:100%;
}


/** POST LIST **/

.pub-list{margin: 6px 0 0 6px;padding:0;}
.pub-list li { float: left;list-style-type: none; }
.pub-list .pubbox{ display: block;width: 227px;height: 350px;overflow:hidden;margin: 0 5px 5px 0;vertical-align:top; }
.pub-box .pub-desc{overflow:hidden;}

.eachpost {
	position: absolute;
}

.teaser
{
	background-color: #e3e1d5;
	padding: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.largevalue{color:#BD3632;float:left;font-size:60px;font-weight:bold;line-height:0.6em;margin:0;padding:5px 0 0;}
.mediumvalue {color:#BD3632;margin:0;padding:0 5px 0 0;font-size:45px;font-weight:bold;line-height:1em;}
.linklist{padding-bottom:3px;}
