* { margin: 0; padding: 0; line-height: 1.5; color: #666666; font-style: normal; font-weight: normal;  }
body {font: normal 12px Arial, Helvetica, sans-serif; background: #ffffff; border-top: none; }

h1, h2, h3, h4, h5, h6, table { clear: both; }
h1.foo {font-size: 34px; color: #666666; font-weight: bold; text-transform: uppercase}
h2 {color: #ff9100; margin: 0; font-size: 28px; font-weight: bold; text-transform: uppercase; height: 40px}
h2.foo {font-size: 22px; margin: 0; padding: 0; height: 30px} 
h3 {color: #666666; font-size: 16px; text-transform: uppercase; height: 30px}
h4 {font-size: 14px; color: #ff9100; font-weight: normal; height: 25px}

#content h4 {font-size: 14px; } 

h5 {color: #666666;  font-size: 14px; line-height: 1.5; font-weight: bold}
h6, h6 a { font-size: 12px; color: #666666; margin: 0; padding: 0} 

hr {clear:both; height: 1px; padding: 0; color: #bababa; margin: 4px 0 4px 0;}

img {border: 0px}

p {margin: 0 0 1em 0; }

a, a:visited { color: #0078ae; border-bottom: 1px dotted #dae7f2; text-decoration: none; }
        a:hover, a:focus { color: #75b2d5; }

ul {margin: .5em 0;}
ul li {list-style: none; background: transparent url(/dj_media/src/images/list-marker.gif) no-repeat left 0.6em; padding-left: 8px; margin-bottom: 0.8em; margin-left: 0 !important }
        #secondary ul li, #tertiary ul li {margin-bottom: .5em}

/*-------------------------------------------
   LAYOUT
-------------------------------------------*/

#wrap { background: #fff; margin: 0 auto 1.5em auto; width: 1000px; position: relative; }
#header {width: 100%; margin: 0; float: left; padding:24px 0 0 0; clear: both;}
        #header h1 a { float:left; text-indent: -9999px; width: 500px;  background: url(/dj_media/src/images/site_name.png)  no-repeat top left; margin: 0 0 0 13px; *margin: 0 0 0 13px; display: block;overflow:hidden; border-bottom: medium none; height: 60px}
	#header h1 a#logo {float: right; background: url(/dj_media/src/images/tr_logo_40.gif) no-repeat top right; height: 60px;  text-indent: -9999px; width: 300px; margin-right: 25px}


#search { background: #f1f1f1; width: 25px; height: 32px; float:right;   }
                #search * { vertical-align: middle; }
                #search label { position: absolute; left: -9999px; }
                #search p { padding: 0; margin: 6px 0 0 0; *margin: 5px 0 0 0}
                        #search p input[type=text] { border: solid; border-width: 1px}
                        #search p #searchfield { width: 132px; margin: 0 11px 0 20px; }

#nav { float:left; width: 100%; margin: 0 0 10px 0; height: 32px;  border: solid; border-color: #e1e2e3; border-width: 1px 0 1px 0}

/*-- container for the text area of page (main + secondary + tertiary --*/
        #content { float: left; clear:both; margin: 0 0 0 10px; width: 990px}

.clearfix:after { content: "."; display: block; height: 0.1px; clear: both; font-size: 0; visibility: hidden; }
.clearfix { display: inline-table; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */

/*-------------------------------------------
    MENUBAR
-------------------------------------------*/

#menubar {width: 929px; float: left; padding: 2px 0; margin: 8px 0 0 3px; list-style: none;  padding: 0;}
#menubar li {display: inline; list-style-type: none; margin: 0; background: none; padding: 0; }
#menubar li a, #navlist li a.last  {color: #666666; text-decoration: none; border-bottom: none; text-transform: uppercase;
 font-size: 12px; padding: 12px; }
        #menubar li a.last {border-right: none;}
#menubar li a:hover, #navlist li a.last:hover  {color: #000000; }
#menubar li.current a {color: #ff9100}
#menubar li.on {color: #ff9100; text-transform: uppercase; padding: 12px 12px 12px 12px}

/*-----  Nav list active state based on page class ----- */

        body.create a#create, body.manage a#manage, body.training a#training,
        body.history a#history, body.reports a#reports, body.help a#help  {color: #525252;}

/* hide from IE mac \*/
#menubar li {position: static; width: auto;} 

#content hr.hrow {clear:both; height: 1px; padding: 0; color: #b2b2b2; margin: 2px 20px 2px 0;}

/*-------------------------------------------
    OTHER
-------------------------------------------*/

.clean ul {margin: 0 0 10px 0; padding-bottom: 40px}

li.clean { margin: 0; padding: 0; background: none; text-decoration: none}

ul.indent { margin-left: 20px }

li.triangle {background: transparent url(/dj_media/src/images/list-marker_tri.gif) no-repeat left 0.5em; padding-left: 12px} 

.twoColumn { float: left; width: 600px;}
.threeColumn { float: left; width: 300px;} 

h5 a, h5 a:visited { color: #666666;  font-size: 14px; line-height: 1.5; font-weight: bold; border-bottom: 0px }
h5 a:hover { color: #000000 }

h3 a:hover { color: #666666 }

p.list { line-height: 1 }
p.pageHeader {width: 700px; }

#content_top {margin: 10px 0 0 0 }

#content_top h2 {width: 900px} 

#content_left {float:left; width: 580px; }

#content_right {float:right; margin-top: 40px; width: 400px; }

#content_right h3 a {text-align: left; width: 380px}

#content_main { margin: 10px 0 0 0 }

.hl, .hl a {color: #666666;color: #666666; color: #666666;  font-weight: bold; background: none; text-decoration: none; padding: 0; margin: 0 0 1px 0; border-bottom: none}

.hl a:hover { color: #000000 }

p.rss a {border-bottom:none} 

#field_header { text-align: left; padding: 0; margin: 0 0 0 10px}

th.requestNoteBottom {font-style:italic}

select, input[type=text], input[type=password] { margin: 1px 1px 1px 3px; width: 95% }

input[type=checkbox] { margin: 1px 1px 1px 8px; }

table.grey { background: #e3e3e3; width: 410px; margin: 0; padding: 5px 0px 5px 5px }

table.grey_wide { background: #e3e3e3; width: 580px; margin: 0; padding: 5px }

tr.grey td, tr.white td {padding: 2px; }

tr.grey { background: #e3e3e3; }

td.left_cell, td.left_cell_error { width:210px; text-align: right; } 

td.left_cell_error { width:140px; text-align: right; } 

td.left_cell_error label { color: #dc0a0a} 

td.right_cell { width:225px; text-align: left}

td.wide {width: 410px }

td.wide_error {width: 410px; color: #dc0a0a } 

table.grey th { width:170px; text-align: right}

.archive_file { border-bottom: 1px solid #bababa }

.archive_file_right { margin-bottom: 20px }

table.table_data th {font-weight: bold}
table.table_data th.left_header {text-align: left; padding-left: 5px; padding-right: 5px}
table.table_data td {text-align: center}

table.table_data td.cell_data { width:50px; text-align:center }


/*-------------------------------------------
    FOOTER
-------------------------------------------*/

#footer-wrap { clear: both; position: relative; top: 0; width:1000px; background-color: #ffffff; padding:0;}
#footer {float: left; width: 100%; margin: 3em 0 0 0; background: #eeefef; clear: both; height: 24px; padding-top: 8px}
#footer * { color: #97969a; display: inline; font-size: 11px; text-transform: uppercase; }
        #footer address { padding-left: 21px; margin-right: 30px; }
#footer ul {list-style: none; }
        #footer li {background: none; margin: 0; padding: 0;}
#footer li a { color: #807f83; border-bottom: 1px solid #e3e5e6; margin-right: 2em;}
#footer li a:hover, #footer li a:focus { color: #ff9100;} 
/*-------------------------------------------
    SUGGEST
-------------------------------------------*/

div.ticker_suggest { position:absolute; width:250px; background-color:white; border:1px solid #bababa; margin:0; padding:5px; }
div.ticker_suggest ul { list-style-type:none; margin:0; padding:0; }
div.ticker_suggest ul li.selected { background-color: #ffdeb2; padding-bottom:2px}
div.ticker_suggest ul li { list-style-type:none; background: none; display:block; margin:0; padding:2px; height:14px; cursor:pointer; }