/* Global
------------------------------------------------------------------------------------------ */

html, body {
	border:0;
	font-size:100.01%;
	margin:0;
	padding:0; }
	
/* Common
------------------------------------------------------------------------------------------ */

p {
	margin:7px 0; }
 
ul, ol {
	list-style:none; 
	margin:0;
	padding:0; }
	
ol.numbered {
	list-style:decimal; }
 
blockquote {
	margin:22px 40px; }
 
small {
	font-size:0.85em; }
 
img {
	border:0; }
 
sup {
	bottom:0.3em;
	position:relative;
	vertical-align:baseline; }
 
sub {
	bottom:-0.2em;
	position:relative;
	vertical-align:baseline; }
 
acronym, abbr {
	border-bottom:1px dashed;
	cursor:help;
	letter-spacing:1px; }

/* Headings
------------------------------------------------------------------------------------------ */

h1, h2 {
	font: 2.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
	margin-left:-2px;
	padding-bottom:5px; }
	
h2 {
	font-size:2em; }
 
h3 { 
    font-size:1.4em; } 

.small { 
    font-size: 88%; } 
 
.smaller { 
    font-size: 77%; } 
 
.smallest { 
    font-size: 68%; } 

/* Anchors
------------------------------------------------------------------------------------------ */
 
a, a:visited {
	color:#3333CC; }
 
/* Forms
------------------------------------------------------------------------------------------ */

form {
	margin:0; }

input[type="text"], input[type="password"], select, textarea {
	color:#444;
	border:1px solid #A7A6AA;
	border-color:#C4C4C4 #E4E4E4 #E4E4E4 #C4C4C4;
	margin:0;
	padding:2px 3px;
	vertical-align:middle; }
	
	input[type="text"], input[type="password"] {
		width:200px; }
	
	input[type="checkbox"] {
		margin-left:1px; }
	
	select {
		padding:0; }
		
	textarea {
		line-height:1.25em; }
	
label {
	font-weight:bold; }


/* Tables
------------------------------------------------------------------------------------------ */
 
table {
	border:0; }
 
  table tr td {
  	padding:2px; }

/* Global Classes
------------------------------------------------------------------------------------------ */

.clearfix { display:inline-block; }

/* Holly Hack Targets IE Win only \*/
	* html .clearfix {height: 1%;}
	.clearfix { display:block; }
/* End Holly Hack */

.clearfix:after { clear:both; content:"."; display:block; height:0pt; visibility:hidden; }
 
.float_left     { float:left; }
.float_right    { float:right; }
 
.text_left      { text-align:left; }
.text_right     { text-align:right; }
.text_center    { text-align:center; }
.text_justify   { text-align:justify; }
 
.bold           { font-weight:bold; }
.italic         { font-style:italic; }
.underline      { border-bottom:1px solid; }
.highlight      { background:#ffc; }
 
.img_left       { float:left;margin:4px 10px 4px 0; }
.img_right      { float:right;margin:4px 0 4px 10px; }
 
.nopadding      { padding:0; }
.noindent       { margin-left:0;padding-left:0; }
.nobullet       { list-style:none;list-style-image:none; }

/* AJAX LOADER
------------------------------------------------------------------------------------------*/
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.ajax-modal {
	display:    none;
	position:   fixed;
	z-index:    1000;
	top:        0;
	left:       0;
	height:     100%;
	width:      100%;
	background: rgba( 192, 192, 193, .3 )
	url('../images/ajax-loader.gif')
	50% 50%
	no-repeat;
}

.label_fields {
	background-color: #cbe2f3;
	font-weight: bold;
}
/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
	overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .ajax-modal {
	display: block;
}