/*
 * 		CONTENTS
 * ============================================================
 *
 * 		0. Page
 * 		1. Typography (Headings)
 * 		2. Typography (Paragraphs)
 * 		3. Typography (Overrides)
 * 		4. Typography (Links)
 * 		5. Colors & Borders
 * 		6. Grid
 * 		7. Prepends and Appends
 * 		8. Floats and Alignment
 *
 * 		9. Interaction / Ajax
 */

h2.pt {
	padding-right: 10px;
	float: left;
	line-height: 2em;
} /* also see .button-panel-title */


/*
 * 		3. TYPOGRAPHY (OVERRIDES)
 * ============================================================
 */

.italics { font-style:  italic !important; }
.bold    { font-weight: bold !important;   }
.nobold { font-weight: normal !important;}
.capitalize_font
{
text-transform:capitalize;
}
a.capitalize_font
{
text-transform:capitalize;
}
.lowercase_font
{
text-transform:lowercase;
}
a.lowercase_font
{
text-transform:lowercase;
}
.uppercase_font
{
text-transform:uppercase;
}
a.uppercase_font
{
text-transform:uppercase;
}

a.red:link, a.red:visited {
	color: #f00f00;
}
a.red:hover
{
	color:#FF3300;
}



.fs_11 {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

.fs_14 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 17px;
}

.fs_16 {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3em;
}

.fs_18 {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 21px;
}

.fs_20 {
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
}

.fs_22 {
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 25px;
}

.fs_24 {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
}

.fs_30 {
	font-size: 30px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 33px;
}






/*
 * 		5. COLORS & BORDERS
 * ============================================================
 */

.green  	{ color: #4c8700; }
.gray50 	{ color: #777777; }
.gray40 { color: #999999; }
.red 	{ color: #f00f00; }
.white { color: #ffffff; }
.black { color: #000000; }
.darkorange { color: #6f6a56; }
.fresh_blue { color: #0075CE; }
.link_blue { color: #00f; }

.bg_linehighlight { background-color: #f5f5e3; }

.bg_green { background-color: #d9ffb2; }
.bg_darkgreen { background-color: #afeb63; }
.bg_red { background-color: #ffc9bb; }
.bg_darkred { background-color: #ed1c24; }
.bg_yellow { background-color: #ffff99; }
.bg_blue { background-color: #dceeff; }
.bg_orange { background-color: #fff4d6; }
.bg_brown { background-color: #faf1b9; }
.bg_grey95 { background-color: #f1f1f1; }
.bg_grey90 { background-color: #e5e5e5; }
.bg_grey40 { background-color: #666; }
.bg_lightorange { background-color: #fffbe6; }
.bg_lightyellow { background-color: #ffffca; }

.border_orange { border: 1px solid #e6e0b6; }
.border_green     { border: 1px solid #88c331; }
.border_grey85    { border: 1px solid #d4d4d4; }
.border_t_grey85  { border-top: 1px solid #d4d4d4; }
.border_b_grey85  { border-bottom: 1px solid #d4d4d4; }

.line_grey90 {
	background-color: #e5e5e5;
	height: 1px;
	overflow: hidden;
}



/*
 * 		6. GRID
 * ============================================================
 */


.container.1024 {
	width: 1024px;
	padding: 0px;
}

div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10,
div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19,
div.span-20, div.span-21, div.span-22, div.span-23, div.span-24, div.span-25, div.span-26, div.span-27, div.span-28,
div.span-29, div.span-30, div.span-31, div.span-32, div.span-33, div.span-34, div.span-35, div.span-36, div.span-37 {
  float: left;
/*  overflow: auto;*/
  min-height: 1px;
}

.span-1 { width: 20px; }
.span-2 { width: 40px; }
.span-3 { width: 60px; }
.span-4 { width: 80px; }
.span-5 { width: 100px; }
.span-6 { width: 120px; }
.span-7 { width: 140px; }
.span-8 { width: 160px; }
.span-9 { width: 180px; }
.span-10 { width: 200px; }
.span-11 { width: 220px; }
.span-12 { width: 240px; }
.span-13 { width: 260px; }
.span-14 { width: 280px; }
.span-15 { width: 300px; }
.span-16 { width: 320px; }
.span-17 { width: 340px; }
.span-18 { width: 360px; }
.span-19 { width: 380px; }
.span-20 { width: 400px; }
.span-21 { width: 420px; }
.span-22 { width: 440px; }
.span-23 { width: 460px; }
.span-24 { width: 480px; }
.span-25 { width: 500px; }
.span-26 { width: 520px; }
.span-27 { width: 540px; }
.span-28 { width: 560px; }
.span-29 { width: 580px; }
.span-30 { width: 600px; }
.span-31 { width: 620px; }
.span-32 { width: 640px; }
.span-33 { width: 660px; }
.span-34 { width: 680px; }
.span-35 { width: 700px; }
.span-36 { width: 720px; }
.span-37 { width: 740px; }
.span-38 { width: 760px; }


/*
 * 		7. PREPENDS & APPENDS
 * ============================================================
 */
.prepend-1-half { padding-left: 10px; }
.prepend-1 { padding-left: 20px; }
.prepend-2 { padding-left: 40px; }
.prepend-3 { padding-left: 60px; }
.prepend-4 { padding-left: 80px; }
.prepend-5 { padding-left: 100px; }
.prepend-6 { padding-left: 120px; }
.prepend-7 { padding-left: 140px; }
.prepend-8 { padding-left: 160px; }
.prepend-9 { padding-left: 180px; }
.prepend-10 { padding-left: 200px; }
.prepend-11 { padding-left: 220px; }
.prepend-12 { padding-left: 240px; }
.prepend-13 { padding-left: 260px; }
.prepend-14 { padding-left: 280px; }
.prepend-15 { padding-left: 300px; }
.prepend-16 { padding-left: 320px; }
.prepend-17 { padding-left: 340px; }
.prepend-18 { padding-left: 360px; }
.prepend-19 { padding-left: 380px; }
.prepend-20 { padding-left: 400px; }
.prepend-half { padding-left: 1px; }

.prepend-top-half { padding-top: 10px;}
.prepend-top-1 { padding-top: 18px;}
.prepend-top-2 { padding-top: 36px;}
.prepend-top-3 { padding-top: 54px;}
.prepend-top-4 { padding-top: 72px;}
.prepend-top-5 { padding-top: 90px;}
.prepend-top-6 { padding-top: 23px;}
.prepend-top-7 { padding-top: 28px;}

.append-half { padding-right: 10px; }
.append-1 { padding-right: 20px; }
.append-2 { padding-right: 40px; }
.append-3 { padding-right: 60px; }
.append-4 { padding-right: 80px; }
.append-5 { padding-right: 100px; }
.append-6 { padding-right: 120px; }
.append-7 { padding-right: 140px; }
.append-8 { padding-right: 160px; }
.append-9 { padding-right: 180px; }
.append-10 { padding-right: 200px; }
.append-11 { padding-right: 220px; }
.append-12 { padding-right: 240px; }
.append-13 { padding-right: 260px; }
.append-14 { padding-right: 280px; }
.append-15 { padding-right: 300px; }
.append-16 { padding-right: 320px; }
.append-17 { padding-right: 340px; }
.append-18 { padding-right: 360px; }
.append-19 { padding-right: 380px; }
.append-20 { padding-right: 400px; }

.append-bottom-half { padding-bottom: 10px;}
.append-bottom-1 { padding-bottom: 18px;}
.append-bottom-2 { padding-bottom: 36px;}
.append-bottom-3 { padding-bottom: 54px;}
.append-bottom-4 { padding-bottom: 72px;}
.append-bottom-5 { padding-bottom: 90px;}



/*
 * 		8. FLOATS AND ALIGNMENT
 * ============================================================
 */

.nofloat 		{ float: none; 		}
.float_left 	{ float: left; 		}
.float_right 	{ float: right;		}
.ta_center 	{ text-align: center; 	}
.ta_right 	{ text-align: right; 	}
.ta_left 	{ text-align: left; 	}
.clearb 		{ clear: both; }


/*
 * 		9. BLOCK MANIPULATION
 * ============================================================
 */
 
 .display_none
 {
	 display:none;
 }
 


/*
 * 		10. MARGINS
 * ============================================================
 */
 	.premargin-half { margin-left: 10px; }
	.premargin-1 { margin-left: 20px; }
	.premargin-2 { margin-left: 40px; }
	.premargin-3 { margin-left: 60px; }
	.premargin-4 { margin-left: 80px; }
	
	.premargin-top-half { margin-top: 10px;}
	.premargin-top-1 { margin-top: 18px;}
	.premargin-top-2 { margin-top: 36px;}
	.premargin-top-3 { margin-top: 54px;}
	.premargin-top-4 { margin-top: 72px;}
	.premargin-top-5 { margin-top: 90px;}


 /*
 * 		11. SITE CLASSES
 * ============================================================
 */

.w20  { width: 20px;  min-height: 1px; float: left; }
.w40  { width: 40px;  min-height: 1px; float: left; }
.w55  { width: 55px;  min-height: 1px; float: left; }
.w60  { width: w60px;  min-height: 1px; float: left; }
.w80  { width: 80px;  min-height: 1px; float: left; }
.w100  { width: 100px;   }
.w110 { width: 110px; min-height: 1px; float: left; }
.w115 { width: 115px; min-height: 1px; float: left; }
.w125 { width: 125px; min-height: 1px; float: left; }
.w145 { width: 145px; min-height: 1px; float: left; }
.w150 { width: 150px; min-height: 1px; float: left; }
.w165 { width: 165px; min-height: 1px; float: left; }
.w175 { width: 175px; min-height: 1px; float: left; }
.w185 { width: 185px; min-height: 1px; float: left; }
.w190 { width: 190px; min-height: 1px; float: left; }
.w195 { width: 195px; min-height: 1px; float: left; }
.w200 { width: 200px; min-height: 1px; float: left; }
.w220 { width: 220px; min-height: 1px; float: left; }
.w230 { width: 230px; min-height: 1px; float: left; }
.w240 { width: 240px; min-height: 1px; float: left; }
.w330 { width: 330px; min-height: 1px; float: left; }
.w360 { width: 360px; min-height: 1px; float: left; }
.w500 { width: 500px; min-height: 1px; float: left; }
.w520 { width: 520px; min-height: 1px; float: left; }
.w555 { width: 555px; min-height: 1px; float: left; }
.w560 { width: 560px; min-height: 1px; float: left; }


/*  for percentage */
.w3p { width: 3%; min-height: 1px; float: left; }
.w5p { width: 5%; min-height: 1px; float: left; }
.w10p { width: 10%; min-height: 1px; float: left; }
.w15p { width: 15%; min-height: 1px; float: left; }
.w17p { width: 17%; min-height: 1px; float: left; }
.w20p { width: 20%; min-height: 1px; float: left; }
.w25p { width: 25%; min-height: 1px; float: left; }
.w30p { width: 30%; min-height: 1px; float: left; }
.w31p { width: 31%; min-height: 1px; float: left; }
.w35p { width: 35%; min-height: 1px; float: left; }
.w40p { width: 40%; min-height: 1px; float: left; }
.w50p { width: 50%; min-height: 1px; float: left; }
.w60p { width: 60%; min-height: 1px; float: left; }
.w70p { width: 70%; min-height: 1px; float: left; }
.w80p { width: 80%; min-height: 1px; float: left; }
.w90p { width: 90%; min-height: 1px; float: left; }
.w100p { width: 100%; min-height: 1px; float: left; }
.w98p { width: 98%; min-height: 1px; float: left; }
.w54p { width: 54%; min-height: 1px; float: left; }
.w14p { width: 14%; min-height: 1px; float: left; }
.w13p { width: 13%; min-height: 1px; float: left; }
.w85p { width: 85%; min-height: 1px; float: left; }
.w78p { width: 78%; min-height: 1px; float: left; }
.w33p { width: 33%; min-height: 1px; float: left; }
.w65p { width: 64%; min-height: 1px; float: left; }
.w75p { width: 75%; min-height: 1px; float: left; }



.h10  {	height: 10px; }
.h15  {	height: 15px; }
.h20  {	height: 20px; }
.h25  {	height: 25px; }
.h40  {	height: 40px; }
.h150 { height: 150px; }
.h180 { height: 180px; }
.h250 { height: 250px; }

.nopadding { padding: 0; }
.nomargin  { margin: 0;  }

.pad_3  { padding: 3px;  }
.pad_5 { padding: 5px; }
.pad_10 { padding: 10px; }
.pad_15 { padding: 15px; }
.pad_20 { padding: 20px; }

.pad_t3  { padding-top: 3px;  }
.pad_t5  { padding-top: 5px;  }
.pad_t8  { padding-top: 8px;  }
.pad_t10  { padding-top: 10px;  }
.pad_t15  { padding-top: 15px;  }
.pad_t30  { padding-top: 30px;  }
.pad_b10  { padding-bottom: 10px;  }
.pad_b12  { padding-bottom: 12px;  }
.pad_b8  { padding-bottom: 8px;  }
.pad_l5  { padding-left: 5px; }
.pad_l10  { padding-left: 10px; }
.pad_l15  { padding-left: 15px; }
.pad_l20  { padding-left: 20px; }
.pad_l25  { padding-left: 25px; }
.pad_l40  { padding-left: 40px; }
.pad_l85  { padding-left: 85px; }
.pad_l90  { padding-left: 90px; }
.pad_l140  { padding-left: 140px; }
.pad_lr10  { padding-left: 10px; padding-right: 10px;  }
.pad_lr20  { padding-left: 20px; padding-right: 20px;  }
.pad_tb3  { padding-top: 3px; padding-bottom: 3px;  }
.pad_tb5  { padding-top: 5px; padding-bottom: 5px;  }
.pad_tb6  { padding-top: 6px; padding-bottom: 6px;  }
.pad_tb10  { padding-top: 10px; padding-bottom: 10px;  }
.pad_tb15  { padding-top: 15px; padding-bottom: 15px;  }

.pad_r5  { padding-right: 5px; }
.pad_r10  { padding-right: 10px; }
.pad_r15  { padding-right: 15px; }
.pad_r20  { padding-right: 20px; }

.mar_10   { margin: 10px; }
.mar_t1 { margin-top: 1px; }
.mar_t2 { margin-top: 2px; }
.mar_t3 { margin-top: 3px; }
.mar_t5 { margin-top: 5px; }
.mar_t8 { margin-top: 8px; }
.mar_t10 { margin-top: 10px; }
.mar_t15 { margin-top: 15px; }
.mar_t20 { margin-top: 20px; }
.mar_l10 { margin-left: 10px; }
.mar_r5 { margin-right: 5px; }
.mar_r10 { margin-right: 10px; }
.mar_r20 { margin-right: 20px; }
.mar_r25 { margin-right: 25px; }
.mar_r30 { margin-right: 30px; }
.mar_r40 { margin-right: 40px; }
.mar_b3 { margin-bottom: 3px; }
.mar_b5 { margin-bottom: 5px; }
.mar_b10 { margin-bottom: 10px; }
.mar_b20 { margin-bottom: 20px; }
.mar_bn3  { margin-bottom: -3px; }
.mar_l20 { margin-left: 20px; }


/* all anchors */

.darkgray
{
	color:#6f7679;
}
a.darkgray:link, a.darkgray:visited
{
	color:#a1a9ac;
}
a.darkgray:hover 
{
	color:#fff;
}

a.white:link, a.white:visited
{
	color:#bdc4c9;
}
a.white:hover 
{
	color:#fff;
}