*    { margin: 0; padding: 0; }
:focus    { outline: 0; }

ul, ol    { list-style-type: none; }
ol li    { text-indent: -2px; }
ul.list { display: block; }

th, td { text-align: left; }
.word-wrap { word-wrap: break-word; }

table.fixed th,
table.fixed td { margin-right: 0 !important; vertical-align: top; }

table.fixed th { padding: 0 8px 4px 0; }
table.fixed td { padding: 0 8px 8px 0; }

table.fixed th.last { padding-right: 0; }
table.fixed td.last { padding-right: 0; }

a img        { border: none; }

td:after,     
.list:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

textarea,
input.text,
input.browse,
input.password { padding: 0.15em;  }

select { padding: 0.05em;  }
br.clear { height: 0; margin-bottom: -1px; clear: both; line-height: 0; margin: 0; }
*.invisible { opacity: 0; filter: alpha(opacity = 0); !important; }
*.hide { display: none !important; }
 
/* body and header and text font sizes */
 
h1,.h1    { font-size: 1.7em; font-weight: bold;  }
h2,.h2    { font-size: 1.5em; font-weight: bold; }
h3,.h3    { font-size: 1.3em; font-weight: bold; }
h4,.h4    { font-size: 1.2em; font-weight: bold; }
h5,.h5    { font-size: 1.1em; font-weight: bold; }
h6,.h6    { font-size: 1em; font-weight: bold; }

/* basic error styling */

.error  { color: red !important; border-color: red !important; }

/* clearfix */

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix       { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix      { height: 1%; }



/***********************
 *  STRUCTURE
 *
 *
 ***********************/

/***********************
 * width by percentage (up to 9/10ths)
 *
 ***********************/ 
.full					{ width: 99.95%; margin-left: 0 !important; margin-right: 0 !important; }

.half,  
.two-quarters,
.three-sixth,
.four-eighths
.five-tenths 	{ width: 49.95%; margin-left: 0 !important; margin-right: 0 !important; }

.third, 
.two-sixths,
.three-ninths	{ width: 33.33%; margin-left: 0 !important; margin-right: 0 !important;}

.two-thirds,
.four-sixths,
.six-tenths		{ width: 66.66%; margin-left: 0 !important; margin-right: 0 !important;}

.quarter,
.two-eighths 	{ width: 24.95%; margin-left: 0 !important; margin-right: 0 !important;}

.three-quarters,
.six-eighths		{ width: 74.95%; margin-left: 0 !important; margin-right: 0 !important;}

.fifth,
.two-tenths { width: 19.95%; margin-left: 0 !important; margin-right: 0 !important;}

.two-fifths,
.four-tenths	{ width: 39.95%; margin-left: 0 !important; margin-right: 0 !important;}

.three-fifths,
.six-tenths	{ width: 59.95%; margin-left: 0 !important; margin-right: 0 !important;}

.four-fifths,
.eight-tenths { width: 79.95%; margin-left: 0 !important; margin-right: 0 !important;}

.sixth			{ width: 16.67%; margin-left: 0 !important; margin-right: 0 !important;}
.five-sixths 	{ width: 83.33%; margin-left: 0 !important; margin-right: 0 !important;}

.seventh		{ width: 14.28%; margin-left: 0 !important; margin-right: 0 !important;}
.two-sevenths	{ width: 28.57%; margin-left: 0 !important; margin-right: 0 !important;}
.three-sevenths	{ width: 42.85%; margin-left: 0 !important; margin-right: 0 !important;}
.four-sevenths	{ width: 57.14%; margin-left: 0 !important; margin-right: 0 !important;}
.five-sevenths 	{ width: 71.42%; margin-left: 0 !important; margin-right: 0 !important;}
.six-sevenths		{ width: 85.71%; margin-left: 0 !important; margin-right: 0 !important;}

.eighth		{ width: 12.45%; margin-left: 0 !important; margin-right: 0 !important;}
.three-eighths	{ width: 37.45%; margin-left: 0 !important; margin-right: 0 !important;}
.five-eighths 	{ width: 62.45%; margin-left: 0 !important; margin-right: 0 !important;}
.seven-eighths		{ width: 87.45%; margin-left: 0 !important; margin-right: 0 !important;}

.ninth		{ width: 11.11%; margin-left: 0 !important; margin-right: 0 !important;}
.two-ninths	{ width: 22.22%; margin-left: 0 !important; margin-right: 0 !important;}
.four-ninths	{ width: 44.44%; margin-left: 0 !important; margin-right: 0 !important;}
.five-ninths 	{ width: 55.55%; margin-left: 0 !important; margin-right: 0 !important;}
.seven-ninths		{ width: 77.77%; margin-left: 0 !important; margin-right: 0 !important;}
.eight-ninths		{ width: 85.71%; margin-left: 0 !important; margin-right: 0 !important;}

.tenth		{ width: 9.95%; margin-left: 0 !important; margin-right: 0 !important;}
.three-tenths	{ width: 29.95%; margin-left: 0 !important; margin-right: 0 !important;}
.seven-tenths		{ width: 69.95%; margin-left: 0 !important; margin-right: 0 !important;}
.nine-tenths		{ width: 89.95%; margin-left: 0 !important; margin-right: 0 !important;}


/***********************
 * general structural containers / alignment
 *
 ***********************/ 

.center		{ text-align: center;}
.constrain-x { overflow-x: auto; overflow-y: hidden;}
.constrain-y { overflow-y: auto; overflow-x: hidden;}
 
.tier 				{ display: block !important; clear:both !important; margin-bottom: 5px; }
.stack			{ display: block !important; clear:both !important; zoom: 1; }
.tier:after,
.stack:after	{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.column 			{ float: left; display:inline; zoom: 1; }
.column:after	{ content: "."; display: block; visibility: hidden; line-height: 0; height: 0; }
.column-empty { padding: 0; margin: 0 0 1px 0; line-height: 0; }

.align-lt	{ float: left !important; }
.align-rt	{ float: right !important; }
.text-lt		{ text-align: left; }
.text-rt		{ text-align: right; }
.inline		{ display: inline; }
.last			{ margin-right: 0 !important; }


 /***********************
 *  ui elememts
 *
 ***********************/

/* lists */

ul.horiz li,
dl.horiz dt,
dl.horiz dd    { display:inline; }

ul.horiz-float li,
dl.horiz-float dt,
dl.horiz-float dd { float: left; }





/*************************************************** Auto Classing START *******************************************************/
/*
*   For the following styles  DO NOT APPLY MANUALLY to markup, they will be generated by code
*
******/


/* hide/display background Grid */
.debug .grid-overlay { background: url(images/grid_bg.gif); }

/***********************
 * page container 
 *
 ***********************/ 
body 			{ text-align: center; } 

.page-box    { text-align: left; margin: 0 auto; }
.page-head  { display: block !important; clear:both !important; zoom: 1;  }
.page-body  { margin-bottom: 0; display: block !important; clear:both !important; zoom: 1;}
.page-foot    { display: block !important; clear:both !important; zoom: 1; }

.page-box:after,
.page-head:after,
.page-body:after,
.page-foot:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }


/***********************
 *  widget model
 *
 ***********************/ 

.w-box				{ }
.w-box:after		{ content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
.w-head				{ clear: both; padding: 4px 0 6px 0; display: block; zoom: 1; }
.w-head-c			{ zoom: 1; text-indent: 1px; }

.w-body-c			{ margin: 0; padding: 5px 5px 0 5px; zoom:1; } 
.w-body-c p,
.w-body-c h1,
.w-body-c h2,
.w-body-c h3,
.w-body-c h4,
.w-body-c h5,
.w-body-c h6		{ margin-bottom: 5px; }
.w-body-c p.end { margin-bottom: 0; }

.w-foot				{ padding: 5px 0; overflow: hidden; zoom:1; }
.w-foot-c			{ zoom:1; }

.w-box:after,
.w-head:after,		
.w-head-c:after,
.w-body-c:after,	
.w-foot:after,
.w-foot-c:after	{ content: "."; display: block; height: 0; line-height: 0; clear: both; visibility: hidden; }

br.w-foot			{ margin-bottom: -1px; line-height: 0; margin: 5px 0 0 0; }
.w-head-empty, 
.w-foot-empty		{ display: none; }


/***********************
 *  content box model
 *
 ***********************/

.c-head				{ clear: both; padding: 0 0 5px 0;  }
.c-head:after		{ content: "."; display: block; height: 0; line-height: 0; clear: both; visibility: hidden; }

.c-body 				{ }
.c-foot 				{ clear: both; padding: 5px 0; margin-top: 5px; overflow: hidden; }

br.c-foot				{ height: 0; margin-bottom: -1px; clear: both; line-height: 0; margin: 0; }


/*************************************************** Auto Classing END *******************************************************/




