/* this file is suppose to have all the classes and ids that are common to all the pages */
/* REMEMBER JUST THE COMMON ONES */
/*
THESE ARE REUSABLE ELEMENTS
*/
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}

/* Hold the main div align on the center horizontal or vertical or both */
#holder {
    position:absolute;
    left: 50%; 
    width: 968px;
    height: auto;
    margin-top: 0; /* half of the height */
    margin-left: -484px; /* half of the width */
/*	padding:0 34px;*/
/*background:url("/themes/default/graphics/general/mainBg.png") repeat-y;*/

}
.clearLeft{ clear:left; }
.clearRight { clear:right; }
.clearBoth{ clear:both; }
.floatLeft{ float:left; }
.floatRight{ float:right; }

.border {
	border:1px solid #000;
}
.grey, .grey a{ color:#6D6F71; text-decoration:none;}
.grey a:hover{ color:#fff; background-color:#6D6F71; }
.black { color:#000000; }
.white, .white a{ color:#FFF; }
.white a:hover{ text-decoration:underline; background-color:#2F6F29; }
.blue { color:#0054A6; }
.blue a, .blueLink a { text-decoration:none; color:#0054A6; }
.blue a:hover, .blueLink a:hover { color:#fff; background-color:#0054A6; }
.black a, .blackLink a { text-decoration:none; color:#EF9D00;font-size:11pt }
.black a:hover, .blackLink a:hover { color:#fff; background-color:#0054A6; }

.orange, .orange a,.blueLink a:hover  {text-decoration:none;color:#EF9D00;font-size:11pt}

/* style for our documents */
#doc {padding:5px 5px 5px 5px;}
#doc ul{line-height:14px;list-style-image: url(/images/general/arrowblue.gif); padding:1px 00px 9px 20px}
#doc p {padding:5px 0px 5px 0px;}
#doc table {border-spacing:20px;}
#doc input {width:180px;height:15px;}

/* typography */
h1 {font-size:160%}
h2 {font-weight:bold;font-size:130%}
h3 {font-weight:bold;font-size:110%}
strong {font-weight: bold}
.greyed_out {color:gray;font-style: italic}
em {font-style:italic}
.more_link {font-size:x-small;color:#0054A6}
/* paragraphs */
p {padding:1px 1px 5px 1px;}

/* boxes */
#debug{ border-color: green; background-color: #90DC90;   padding:20px 20px 20px 20px;}
.grey_box, .yellow_box, .blue_box, .red_box,.green_box {padding:10px 10px 10px 10px}
.grey_box { background-color: #f8f8f8; border:1px solid #ccc;}
.yellow_box { background-color: #FFFFCC; border:1px solid #E9BE31}
.blue_box { background-color: #E5ECF9;border: 1px solid #7AA5D6}
.red_box { background-color: #FFBFBF;border:1px solid red;}
.red_box h1, .red_box h2{color:red;}
.yellow_box h1, .yellow_box h2, .yellow_box h3 {color:blue}
.green_box {background-color: #DBF2AE;border:1px solid #A3CCBB;}