/**** 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;}

/**** 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; }


/*.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;}
/***** input-form styles *****/

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

/***** 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;}