*    { margin: 0; padding: 0; }
:focus    { outline: 0; }
ul.nav, ul.nav li,
ul.list, ul.list li { list-style-type: none; }
ol, ul   { margin-left: 15px; }
ul.list,
ul.nav,
ol.list  { margin-left: 0; }
ul li,
ol li    { text-indent: 0px; }
ul.nav li,
ul.list li,
ol.list li    { text-indent: 0; }

th,td { text-align: left; font-size: 12px; }
td .text { width: 96%; font-size: 12px; }
.word-wrap { word-wrap: break-word; -moz-binding: url('wordwrap.xml#wordwrap'); }

table.fixed th,
table.fixed td { margin-right: 0 !important; vertical-align: top; }

table.fixed th { padding: 0 5px 4px 0; }
table.fixed td { padding: 0 5px 5px 0; }

table.fixed th.last { padding-right: 0; }
table.fixed td.last { padding-right: 0; }

a img        { border: none; }
a:hover { color:#ccc;}
td:after,     
.list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.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; }


/*
	header { display:block; height:50px; }
	header h2 { font-family:TitilliumText800; margin-bottom:1em; margin-top:1em;}
	nav {display:block; height:30px;}
	.featured{ height:300px; }
	h3 { font-family:TitilliumText1; border-bottom: 2px black solid; font-size:.9em; padding-bottom:3px;}
*/
 
body { font-size: 15px; }
h1,.h1    { font-size: 1.7em; }
h2,.h2    { font-size: 1.5em; }
h3,.h3    { font-size: 1.3em; }
h4,.h4    { font-size: 1.2em; }
h5,.h5    { font-size: 1.1em; }
h6,.h6    { font-size: 1em; }
.error    { color: red !important; border-color: red !important; }


/***********************
 *  STRUCTURE
 *
 *
 ***********************/
 
/***********************
 * general structural containers/alignment
 *
 ***********************/ 
 
.full           { width: 100%; margin-left: 0 !important; margin-right: 0 !important; }
.half           { width: 50%; margin-left: 0 !important; margin-right: 0 !important; }
.third          { width: 33%; margin-left: 0 !important; margin-right: 0 !important;}
.two-thirds     { width: 66%; margin-left: 0 !important; margin-right: 0 !important;}
.quarter        { width: 25%; margin-left: 0 !important; margin-right: 0 !important;}
.three-quarters { width: 75%; margin-left: 0 !important; margin-right: 0 !important;}
.fifth          { width: 20%; margin-left: 0 !important; margin-right: 0 !important;}
.two-fifths     { width: 40%; margin-left: 0 !important; margin-right: 0 !important;}
.three-fifths   { width: 60%; margin-left: 0 !important; margin-right: 0 !important;}
.four-fifths    { width: 80%; margin-left: 0 !important; margin-right: 0 !important;}

.center     { text-align: center;}
.constrain-x { overflow-x: auto; overflow-y: hidden;}
.constrain-y { overflow-y: auto; overflow-x: hidden;}
 
.tier,
.stack      { display: block !important; clear:both !important; zoom: 1; }
.tier:after,
.stack:after { content: "."; display: block !important; height: 0; clear: both !important; visibility: hidden !important; }
.column     { float: left; display:inline; }
.align-lt   { float: left; }
.align-rt   { float: right; }
.align-ctr  { margin: 0 auto !important; }
.inline     { display: inline; }
.last       { margin-right: 0 !important; }
.text-lt   { text-align: left !important; }
.text-rt   { text-align: right !important; }
.text-ctr   { text-align: center !important; }
 
/***********************
 * page cantainer 
 *
 ***********************/ 
 
.page-box     { text-align: left; margin: 0 auto; }
.page-head    { display: block !important; clear:both !important; zoom: 1; }
.page-body    { clear: both; margin-bottom: 0; display: block !important; clear:both !important; zoom: 1;}
.page-foot    { display: block !important; clear:both !important; zoom: 1; }

/* This is for when the debug statements appear on the screen vs. the firebug console */
#DEBUG { display: none; clear: both; margin: 20px 10px 0 10px; padding: 5px; border: 1px solid #ddd; text-align: left; height:100px; overflow: auto; }

/* hide/display Background grid */
.debug .column { background: url(images/10_6_15_1_1_1_1_4.png);}


/* hide/display revision number */
.rev_num { position:absolute; top: 5px; right:5px; display: none; }


/***********************
 * hide/display ajax loading 
 *
 ***********************/ 
.ajax-loading { background-color: #fff; color: #000; opacity: .50; filter: alpha(opacity = 50); overflow: hidden; zoom: 1; }


/***********************
 * common page elements 
 *
 ***********************/ 
 
.globalnav  { }
.copyright  { }
.notice     { font-size: 11px; color: #999; font-weight: normal; display: block; }
.branding   { }



/***********************
 *  ui elememts
 *
 ***********************/
 
/* controls */

.controls { }
.controls li { display: inline; }


/* actions */

.actions { }
.actions li { display: inline; }
.actions button, 
.actions .button { float: left; }
.actions .link { float: left; display: block; padding: 6px; }


/* lists */

ul.horiz li,
dl.horiz dt,
dl.horiz dd    { display:inline; }


/* forms */

.entry        { display: block; margin: 0; padding-bottom: 5px; margin-bottom:5px; }
.entry.last    { padding-bottom: 0; }
.entry dt    { margin-bottom: 4px; }
.entry dt label { font-size:.95em; font-weight:bold;}

.entry .text,
.entry .browse,
.entry .password,
.entry textarea,
.entry select { width: 95%; }

.entry .text.error,
.entry .password.error,
.entry textarea.error,
.entry select.error{ border-color: red; }

.entries-inline .entry,
.entry.inline    { clear: both; margin-bottom: 3px; overflow:hidden; }

.entries-inline .entry dt,
.entry.inline dt { margin-top: 5px; margin-bottom: 2px; float: left; text-align: right; }

.entries-inline .text-inline dt { margin-top:0;}
.actions.post    { clear: both; overflow: hidden; padding: 5px 5px 5px 0; }
.actions.post button,
.actions.post .button    { float: right; }

.name-value dt,
.name-value dd    { }
.name-value dt    { float: left; width: 60px; }

div.msg-error { display: none; }

/* filtering sorting */

.do-filter    { margin: 0; }
.do-filter .column { display: block !important; }
.do-filter .label    { font-weight: bold; font-size: 11px; }
.do-filter .select    { border: 1px solid #000; font-size: 11px; }


/* results */

.result-row { overflow: auto; clear:both; }
.result-list .result-cell { overflow: hidden; display:block; }
.browse { margin-bottom: 5px; }


/* buttons */

a.button         { margin: 1px 3px 1px 3px; text-decoration: none; }

.b-hilite         { margin: 1px 3px 1px 3px; text-decoration: none; }
.b-primary         { margin: 1px 3px 1px 3px; text-decoration: none; }
.b-secondary     { margin: 1px 3px 1px 3px; text-decoration: none; }

button          { cursor: pointer; text-align: center; background-color: #000; border: 0; padding: 0; margin: 0; color: #fff; }
button span     { display:block; background: #000; }
button:hover,
button:hover span   { background-color: blue; }
button span em  { font-family: Arial, Helvetica, Verdana, sans-serif; font-style: normal; font-weight: bold; text-transform: uppercase; font-size: 11px; display: block; padding: 2px; }

.button         { cursor: pointer; border: none; text-align: center; padding: 0 0 0 6px !important; display: block; height: 20px; white-space: nowrap; margin: 3px; text-decoration: none; background-color: #000; color: #fff; }
.button span    { font: bold 11px/20px Arial, Helvetica, sans-serif; padding: 0 6px 0 0 !important; display: block; text-transform: uppercase; }
.button:hover,
.button:hover span  { background-color: #333; color: #fff !important; }


/* tabs */

.horiz.tabs li { padding: 2px 4px 0 4px; margin-right: 4px; border:1px solid #999; border-bottom: none; line-height: 1.5; }


/* pagination */

.paginate  { clear: both; padding: 0; text-align: center; height: auto; overflow: hidden; font-size:11px;}
.paginate .summary { margin-top: 6px; margin-bottom: 6px; }
.paginate .first    { margin: 0 !important; display: inline; }
.paginate .last { margin: 0; display: inline; border-bottom: 0; }
.paginate .num  { color: #666; display: inline; padding: 0 6px; }

.paginate .next { display: inline; }    
.paginate .prev { display: inline; }

.paginate .curr { font-weight: bold; text-decoration: none; display: inline; padding: 2px 4px; }

.paginate .groups   { float: none; display: block; margin-top: 10px; }
.paginate .groups .curr { font-weight: bold; }
.paginate .groups .total{ font-weight: bold; }
    
.paginate .pages    { margin: 6px auto; text-align:center; }

.paginate a { font-weight: bold; background-color: transparent; text-decoration: none; display: inline; padding: 2px 4px; }
.paginate a:hover   { color: #333; }
.paginate .view_all { text-decoration: underline; border: none; background: none; margin-top: 6px; float: right; }
.paginate a.view_all    { background: none; }
.paginate a.view_all:hover  { }

.paginate p { }


/***********************
 *  page model
 *
 ***********************/ 
 
#app_panel { position: relative; }
#app_canvas {  }
.p-canvas { zoom:1; }
.p-panel { overflow: hidden; zoom:1;}


/***********************
 *  widget model
 *
 ***********************/ 

.w-panel { clear: both; display: block; }
.w-panel form { zoom:1; }
.w-container { margin-top: 5px; }
.w-box    { }
.w-box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.w-head    { clear: both; padding: 5px 0; display: block; zoom: 1; }
.w-head:after        { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.w-box .title        { float: left; padding-left: 5px }
.w-box .controls    { float: right; margin: 0; padding: 0; clear: none; }
.w-box .controls .control { float: right; margin-right: 0; }
.w-head .controls    { padding-right: 5px; }
.w-head .controls .control { float: right; }
.w-body    { overflow: hidden; }
.w-foot    { padding: 5px 0; overflow: hidden; zoom:1; }
.w-foot .closing    { float: left; margin-left: 5px; }
.w-foot .actions    { text-align: right; margin-right: 5px; }
.w-foot .actions.post    { padding: 0; }
.w-foot .actions .action { text-align: right; }
.w-foot .actions button, 
.w-foot .actions .button { float: left; }

br.w-foot { margin-bottom: -1px; line-height: 0; margin: 5px 0 0 0; }


/***********************
 *  content box model
 *
 ***********************/
 
.c-box { margin: 0; padding: 5px; zoom:1; } 
.c-box.trim { margin-top: 0; }
.c-box:after      { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.c-box p,
.c-box h1,
.c-box h2,
.c-box h3,
.c-box h4,
.c-box h5,
.c-box h6 { margin-bottom: 5px; }
.c-head    { clear: both; padding: 0 0 5px 0;  }
.c-head:after      { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.c-head    .title       { float: left; }
.c-head    .controls { float: right; }
.c-head .controls .control{ display: inline; }
.c-subhead    { }
.c-body { }
.c-foot { clear: both; padding: 5px 0; margin-top: 5px; overflow: hidden; }
.c-foot .closing    { float: left; margin-left: 5px; }
.c-foot .actions    { margin-right: 5px; overflow: hidden; zoom: 1; }
.c-foot .actions.post    { padding: 0; }
.c-foot .actions .action { }
.c-foot .actions button, 
.c-foot .actions .button { float: left; }

br.c-foot { height: 0; margin-bottom: -1px; clear: both; line-height: 0; margin: 0; }
 


/***********************
 *  page layout structure
 *
 ***********************/
/* page */
body { text-align: center; }
#app_panel { text-align: left; margin: 0 auto; float:none; display: block; overflow:hidden; }
.modal_panel { text-align: left; }

/* default */
.colfooter { float:none; display: block; clear:both; }


/***********************
 *  content box structures
 *
 ***********************/
 
/* structural hierachy within the content box 

.c-hilite     { }
.c-primary    { }
.c-secondary { }
.c-tertiary    { }
.c-general    { }

*/

/* standard content layout */

.std-layout .c-hilite      { float: left; margin-right: 5px; }
.std-layout .c-primary      { }
.std-layout .c-secondary { clear: both; margin-top: 5px; margin-bottom: 5px; }



/***********************
 *  UI components
 *
 ***********************/

/* panels
 * used as the base for other inactive components 
 *
 */

.p-panels { }


/***********************
 *  Common widget
 *
 ***********************/
 
/* ad300x250 */

.adbox { border: 1px dotted #333; margin: 0 0 40px 2px; float: left; display:inline; }
.adbox .disclaimer  { padding: 3px 0; font-size: 10px; font-family: Arial, Helvetica, Verdana, sans-serif; }
.adbox-300x250,
.adbox-300x600  { text-align: center; padding: 6px 0 0 0; width: 312px; }
.ad300x250      { height:250px; width:300px; margin: 0 auto;}
.ad300x600      { height:250px; width:600px; margin: 0 auto;}