/*
++++++++++++++++++++++++++++++++++++++++++

Styles here are applied across all sites, including
frontend AND backend. Place fronted specific styles 
in frontend.css, etc.

++++++++++++++++++++++++++++++++++++++++++
*/

body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.75em;
	line-height:150%;
}

img { padding:0; margin:0; border:0; }

a {color:#157cb6;}
a:hover, a:active{ color:#666;}
a, a:link, a:visited, a:hover, a:active{text-decoration:none;}


h1 { margin:5px 0 12px 0; padding:0px; font-size:20px; color:#4879b2; }
h2 { font-size:20px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h2, h3, h4, h5, h6{  margin:10px 0 2px 0; font-weight:bold; display:block; clear:both; color:#4879b2;}
h5 { font-size: 11px; color:#666666;}

hr { margin:0 0 15px 0; padding:15px 0 0 0; border:none; border-bottom:2px #ffffff dotted; clear:both;}
/*use 15px padding so that the hr doen't 'suck-up' under margins of floated divs eg.div.column*/
form { margin:0; padding:0; }
fieldset { border:none; margin:0 0 20px 0; }
legend { font-weight:bold; padding:4px; color:#564B47; }


/* keep these in sync - the 2nd rule applies the style to element in IE w/ the .txt  */
.txt, textarea { background-color:#eee; border:1px solid #eee; padding:2px 3px; width:218px;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { background-color:#fff; border-color:#7A9EC7; } /* focus rule */

select { background-color:#eee; }
textarea { height:70px; }


table { border-collapse:collapse; }
th { text-align:right; }
td, th { padding:4px; }
th { font-size:1.2em; }


.notes { font-style:italic; }

.alertBoxBad { background:#f4d3d3 url(../../images/exclamation.png) no-repeat 10px center; border:2px solid #F79292; padding:8px 8px 8px 33px; margin:8px; }
.alertBoxGood { background:#d5e9d9 10px center; border:2px solid #ACD4B3; padding:8px 8px 8px 15px; margin:8px; }

.strikeout, .strikeout td { text-decoration:line-through; }

.number, th.number { text-align:right; }

.center { text-align:center; }

.checkboxList { width:300px; height:150px; overflow-y:scroll; border:1px inset #666; padding:2px; }

/* for xstandard */
img.left { float:left; margin:0 6px 5px 0; }
img.right { float:right; margin:0 0 5px 6px; }
img.left, img.right { border:1px solid #ebebeb; background:#f6f6f6; padding:7px 7px 28px 7px; } /* polaroid style */


/* warning message if XS not installed */
.xs-message { border:1px solid black; background:yellow; line-height:150%; padding:8px; }

.clearfix:after { 
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}

/*.clearfix { display:inline-table; }*/

/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */