/* COMMON STYLE FILE - DO NOT CHANGE - if you need to overwrite a
   value here, use a site-specific file and include it after this one
   so as to overwrite the value */

/* -- basic -------------------------------------------------- */
body { font-family: "Trebuchet MS", arial, helvetica, sans-serif; }
td{	vertical-align:top;}

/* -- basic tag styling ---------------------------------------------- */
a img { border: none; text-decoration: none; }
a:link     { color: #003366; text-decoration: underline;}
a:visited  { color: #336699; }
a:hover    { color: #6699CC; }
a:active   { color: #FF3300; }
a.iconlink { font-size: xx-small;
             text-decoration: none; }

/* -- etc classes ---------------------------------------------------- */
.vtop     { vertical-align: top;     }
.vcenter  { vertical-align: middle;  }
.vbottom  { vertical-align: bottom;  }

.lefted   { text-align: left;        }
.centered { text-align: center;      }
.righted  { text-align: right;       }

.shortest,
.smallest { width: 1%;               }
.small    { width: 150px;            }
.medium   { width: 300px;            }
.med_lg   { width: 400px;            }
.large    { width: 525px;            }
.xlarge   { width: 700px;            }
.largest,
.longest  { width: 99%; _width:100%; } /* IE HACK for the sake of a MOZ HACK */

.em,   .italic, .emphasized { font-style: italic; }
.bold, .bolded, .important  { font-weight: bold; }

.nowrap { white-space: nowrap; }

.greened  { color: green;  }
.redded   { color: red;    }
.blueed   { color: blue;   }
.yellowed { color: yellow; }
.oranged  { color: orange; }
.purpled  { color: purple; }
.whited   { color: white;  }
.blacked  { color: black;  }

.green_rim  { border: 3px solid green;  }
.red_rim    { border: 3px solid red;    }
.blue_rim   { border: 3px solid blue;   }
.yellow_rim { border: 3px solid yellow; }
.orange_rim { border: 3px solid orange; }
.purple_rim { border: 3px solid purple; }
.black_rim  { border: 3px solid black;  }

.green_back  { background-color: green;  }
.red_back    { background-color: red;    }
.blue_back   { background-color: blue;   }
.yellow_back { background-color: yellow; }
.orange_back { background-color: orange; }
.purple_back { background-color: purple; }
.color_back, /* meant to be overridden  */
.grey_back,
.gray_back   { background-color: gray;   }

.padded   { padding: 2px;            }
.margined { margin: 2px;             }
.emphasis { font-weight: bold;       }
.tinytext { font-size: 9px;			 }
.error    { color: #F00;
        	font-size: small;
        	font-weight: bold;       }
.success  { color: #00AF00;
        	font-size: small;
        	font-weight: bold;       }
.parenthetical
          { font-size: small;
        	font-style: italic;
        	font-variant: small-caps;
			padding-right: 1px; }
        	
.xxsmalltext { font-size: xx-small; }
.xsmalltext  { font-size: x-small;  }
.smalltext   { font-size: small;    }
.mediumtext  { font-size: medium;   }
.largetext   { font-size: large;    }
.xlargetext  { font-size: x-large;  }
.xxlargetext { font-size: xx-large; }

.smallcaps { font-variant: small-caps; }
/* -- etc positioning classes ---------------------------------------- */
.pos_centered { margin-left: auto;
	            margin-right: auto;  }
.floated      { float: left; 		 }
.rfloated     { float: right; 		 }
/* -- box styling & positioning classes ------------------------------ */
.box { padding: 2px;
	   border-width: 1px; }
.tight { padding: 0; margin: 0; }
.floatbox_container { float: left; }
.floatbox           { float: left;
			          margin: 5px; }
.floatbox_clear     { clear: left; }

/* ------ original styles ---------- */
/* misc */
.bold_l
{
	font-weight: bold;
	text-align: left;
}
.bold_c
{
	font-weight: bold;
	text-align: center;
}
.bold_r
{
	font-weight: bold;
	text-align: right;
}
.field
{
	font-style:italic; 
	text-align: right;
}

/* misc and form elements */
.button
{
	font-weight: 600;
	font-size: 10pt;
	font-family: Verdana;
	height: 25px
}
.button_small
{
	font-weight: bold;
	font-size: 8pt;
	font-family: Verdana;
	height: 22px
}
.note_small
{
	font: 12px Verdana;
	/*font-weight: bold;*/
	background-color:#FAD163;
	padding-left:20px;
	padding-right:20px;
	text-align:center;
	border: 1px dashed #aaaaaa;
}
.big
{
	font-size:18px;
	font-weight:normal;
}
.smallfont
{
	font-size:9px;
	font-weight:normal;
}
.alert
{
	color: red;
}
.text
{
	border: 1px solid black;
	font-size: 10pt;
	font-family: Verdana;
	height: 18px;
}
.textbox
{
	border: 1px solid black;
	font-size: 8pt;
	font-family: Verdana;
	width:100%;
}
a.link
{
	display: block;
	color:#111111;    
	text-decoration: underline;
	border: 1px solid #EEEEEE;
	padding: 4px;
	text-align:center;
	width:100%;
}
a.link:hover 
{
	display: block;
	text-decoration: none;
	background-color: #DEDEDE;
	color:#000000;    
	border: 1px solid #666666;	  	  
}