* { font-family: Arial, Helvetica, sans-serif; } body { margin: 0px; padding: 0px; width:100%; height:100%; } /* Sticky Footer Solution by Steve Hatcher http://stever.ca http://www.cssstickyfooter.com */ html,body,#wrap { height: 100%; margin: 0; padding: 0; } body>#wrap { height: auto; min-height: 100%; } #wrap { background: #EEE; } #main { padding-bottom: 30px; /* must be same height as the footer */ background: #EEE; } #footer { position: relative; margin-top: -30px; /* negative value of footer height */ height: 30px; clear: both; background: #EEE; color: #000; font-size: 10px; } /*Opera Fix*/ body:before { /* thanks to Maleika (Kohoutec)*/ content: ""; height: 100%; float: left; width: 0; margin-top: -32767px; /* thank you Erik J - negate effect of float*/ } /* IMPORTANT You also need to include this conditional style in the of your HTML file to feed this style to IE 6 and lower and 8 and higher. */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* PORTAL */ .mono { font-family: "Courier New", Courier, monospace; } .content { margin: 0px 40px; width: auto; } .shadow { -moz-box-shadow: 3px 3px 4px #AAA; -webkit-box-shadow: 3px 3px 4px #AAA; box-shadow: 3px 3px 4px #AAA; } .grad { background: #999; /* for non-css3 browsers */ filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#eeeeee', endColorstr = '#cccccc' ); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc) ); /* for webkit browsers */ background: -moz-linear-gradient(top, #eee, #ccc); /* for firefox 3.6+ */ } /* HEADER */ #header { width: 100%; overflow: auto; color: white; } #tagline { float: left; margin-bottom: 5px; font-size: 25px; font-weight: bold; font-family: Arial; width:40%; } #login_details { padding: 5px; text-align: right; font-size: 12px; float: right; color: white; width:auto; } #login_details a, #login_details a:link, #login_details a:visited, #login_details a:active, #login_details a:hover { color: inherit; font-size: inherit; font-family: inherit; font-weight: bold; text-decoration: none; } /* NAVIGATION */ #navigation { width: 100%; clear: both; } #navigation .left { float: left; overflow: inherit; } #navigation .right { float: right; overflow: inherit; } #navigation .tab { width: auto; padding: 5px; text-align: left; font-size: 13px; float: left; margin-right: 2px; } #navigation .tab a, #navigation .tab a:visited, #navigation .tab a:active, #navigation .tab a:hover { display: block; width: 100%; height: 100%; color: inherit; text-decoration: none; } #navigation .selected { } /* CONTENT (LEFT + RIGHT) */ #content { width: 100%; vertical-align: top; padding: 0px; padding-bottom:30px; margin: 0px; margin-top: 10px; margin-bottom: 20px; font-size: 12px; } #content .left { width: 70%; } #content .right { width: auto; } #content .full { width: 100%; } #content td { padding: 0px; margin: 0px; vertical-align: top; } #content_left { padding-bottom: 10px; } #content_left>.header { font-size: 20px; font-weight: bold; padding: 5px 20px; margin-bottom: 10px; } #content_left .details { margin: 10px 20px; margin-top: 0px; } #content_left .details a, #content_left .details a:link, #content_left .details a:visited, #content_left .details a:active { color: #2463AC; font-size: inherit; font-family: inherit; } #content_left .bordered { border: 1px solid #999; } #content_left .stack { margin: 0px 20px; text-align: right; overflow: auto; } #content_left .stack span { color: red; font-size: 12px; } #content_left .details .header { font-size: 16px; font-weight: bold; padding: 2px; } #content_left .details .content { margin: 0px; padding: 2px; } #content_left .details .content .lostpassword { font-size: 12px; } #content_left .details .content .help_text { font-size: 10px; color: black; vertical-align: middle !important; } #content_left .details .content .history { font-size:12px; font-weight:bold; } #content_left .details .content .bookmark { vertical-align: middle !important; text-align: right; } #content_left .details .content .errorlist { font-size: 10px; color: red; vertical-align: middle !important; } #content_left .details .content .errorlist ul { list-style: none; margin: 0; padding: 0; font-size: 10px; color: red; vertical-align: middle !important; } #content_left .content_table { width: auto; margin: 0px; padding: 0px; font-size: 12px; border-collapse: collapse; overflow: inherit; white-space: nowrap; table-layout:fixed; } #content_left .content_table tr { margin: 0px; padding: 0px; } #content_left .content_table tr.alt td { } #content_left .content_table td { margin: 0px; padding: 4px 10px; vertical-align: top; white-space: nowrap; } #content_left .content_table thead th { background: #2463AC; color: #FFF; font-size: 12px; font-weight: bold; vertical-align: top; text-align: left; margin: 0px; padding: 4px 10px; white-space: nowrap; } #content_left .content_table th:first-child { padding: 4px 2px; } #content_left .content_table td:first-child { padding: 4px 2px; } #content_left .content_table .separate { border-right: 1px dashed #2463AC; } #content_left .content_table .highlight { font-weight: bold; color: blue; } #content_left .content_table .head_seperate { border-right: 1px dashed #FFF; } #content_left .content_table .head_divider { background: #21456F; border-right: 1px dashed #FFF; color: #FFF; font-weight:bold; font-size:14px; padding: 4px 10px; text-align: center; } #content_left .hidden_column { display:none; } #content_left .content_table .main { width: 40%; } #content_left .content_table .title { font-size: 12px; font-weight: bold; margin-bottom: 5px; } #content_left .content_table .title_right { font-size: 12px; font-weight: bold; margin-bottom: 5px; text-align: right; } #content_left .details .content_table thead th a, #content_left .details .content_table thead th a:link, #content_left .details .content_table thead th a:visited, #content_left .details .content_table thead th a:active { color: #FFF; font-size: inherit; font-family: inherit; text-decoration: none; } #content_left .content_table .actions .action { display: block; margin-bottom: 5px; font-size: 12px; } #content_left .content_table .actions .action:last-child { margin-bottom: 0px; } #content_left .form .submit { text-align: right; } #content_left .form th { vertical-align: top; text-align: right; font-weight: normal; font-size: inherit; padding-right: 5px; } /* content_left .details .content .errorlist ul { */ #content_left .content .form ul { list-style :none; } #content_left .form table tr td:first-child { text-align: right; } #content_right { margin-left: 20px; } #content_right .header { color: white; font-weight: bold; font-size: 20px; padding: 5px; } #content_right .details table { width: 100%; font-size: 12px; } #content_right .details table td:first-child { width: 6em; } /* FORMS */ textarea { border: 0; background: inherit; } input[type=text], input[type=password], textarea{ border: 1px solid #bbb; vertical-align: middle; background: #fff; font-size: inherit; font-family: inherit; vertical-align: middle; } input[type=checkbox]{ border: 1px solid #bbb; vertical-align: middle; background: #fff; font-size: inherit; font-family: inherit; vertical-align: middle; } select { border: 1px solid #bbb; vertical-align: middle; background: #eee; font-size: inherit; font-family: inherit; vertical-align: middle; } input.disabled-field { color:#000; background-color:#ddd; } .add-another { vertical-align: middle; text-decoration: none; } /* IMAGES & OBJECTS */ img { border: 0; vertical-align: middle; } /* SORT HEADERS */ table thead th.sorted { background-position: bottom left !important; } table thead th.sorted a { padding-right: 13px; } table thead th.ascending a { background: url(/media/e911/img/icons/arrow-down.gif) right .4em no-repeat; } table thead th.descending a { background: url(/media/e911/img/icons/arrow-up.gif) right .4em no-repeat; } /* TRUNK GROUPS */ #trunk_container { width: 50%; position: relative; } #trunk_content { width: 100%; margin-bottom: 50px; padding:0 5%; } #trunk_header { font-size: 16px; font-weight: bold; text-align: center; padding: 3px 0px; background: #2463AC; color: #FFF; width: 100% } #trunk_container .summary { text-align: left; padding:0 5%; width: 100%; } #trunk_content .graph { width: 100%; display: inline; border: 0; }