@font-face {
    font-family: "VAG Rounded Bold";
    src: url(fonts/VAGROUNB.TTF);
}

/* Global Formatting */
body, blockquote, h1, h2, h3, h4, h5, iframe, p, ul, li, input, a, img, hr { border : 0; list-style : none; margin : 0; padding : 0; }
a, a:visited { color : #069 }
    a:hover { background : #069; color : white; }
body { background : #e9e9e9; font : 9pt/1.4em Helvetica, Arial, sans-serif; }
blockquote { margin : 0.8em 10%; }
h2 { clear : left; margin : 0; font : bold 2em "VAG Rounded Bold", Georgia, "Times New Roman", Times, serif; }
h3 { color : #c00; font : bold 1.5em "VAG Rounded Bold", Georgia, "Times New Roman", Times, serif; margin : 0.5em 0 0.2em; padding-bottom : 4px; }
h3 a { font : normal 9pt/1.4em Helvetica, Arial, sans-serif;  }
iframe.nicEdit-frame { overflow : hidden; }
p, ul { margin : 0.6em 0; }
ul.toggle, ul.popup { margin : 0; }

.loginBox { width: 400px; margin: auto }
    .loginBox table { font-size : 1.8em; line-height: 1.4em }

input.text, input[type=text], textarea, select { border : solid 1px #C99;    padding : 2px; }

.searchfilter label { font-size : 2em; line-height: 1.2em }
.searchfilter input.text { background : url(img/fff90.png); border : none; font-size : 2em }

button { font : 1em Helvetica, Arial, sans-serif; padding : 2px; border: outset 1px #CCE; padding : 3px 5px; margin : 1px;
    -moz-border-radius: 3px; -webkit-border-radius : 3px; background : 50% 0 repeat-x url(img/button.png) }
    button:hover { background : #DDE; }
    button img { vertical-align: middle; margin-right : 2px;}
    button.big { font-weight : bold; margin : 0.5em auto; padding : 0.5em 3em; }
button.submit.changed { background: 100% 0 repeat-x url(img/cgrady.png); border-color: #CC6; font-weight: bold }
    button.submit.changed:hover { background : #FFC; }
.c { text-align : center; }
.c * { margin : auto; }
.clear { clear : both; }
.hide {    display : none; }
.active {    cursor : pointer; }
.fw { width : 100% }
.fh { height : 100% }

.rating { font-family : Georgia }

/* Main Layout */
#frame { background : left repeat-y url(img/edge_l.png); left : 0; margin-right : 40px; min-height : 100%; min-width : 748px; padding-left : 40px; width : auto; padding-bottom: 1em }

/* Page Header */
#header { background : #e9e9e9; font : 8pt Arial, Helvetica, sans-serif; padding: 9px 20px 1px; }
    #header div.text { float : left; padding : 0 3px; }
    #header .title { display : none; }
    #header ul { margin : 0; padding : 0; }
        #header ul li { display : block; float : right; list-style : none; padding : 0 3px; }

#header a, #footer a { color : #333; font : 8pt Arial, Helvetica, sans-serif; }
    #header a:hover, #footer a:hover { color: #fff; background: #333 }

label.overlabel { text-indent : -1000px; }
label.overlabel-apply { color : #999; left : 5px; position : absolute; top : 4px; z-index : 1; }

.header { height : 80px; margin-top: -10px; position : relative }

#banner img { left : 0; position : absolute; top : 0 }
h1 { color : #c00; font : bold 2.5em "VAG Rounded Bold", Georgia, "Times New Roman", Helvetica, Arial, sans-serif; left : 110px; position : absolute; top : 0 }
#search {    position : absolute; left : 110px; top : 40px; right : 10px }

table.search td span { color : #666; }
table.search td img { vertical-align: middle}
table.search td a { text-decoration : none; padding : 3px; -moz-border-radius : 5px; -webkit-border-radius : 5px }

.breadcrumb li { float : left; }

#menu_tabs { padding : 0 10px; }
    #menu_tabs a { color : #555; font-weight : bold; text-decoration : none; }
    #menu_tabs a.selected { color : black; }

#headerDrop { height: 48px; background : repeat-x url('img/headerdrop.png'); position : relative }
    #headerDrop div { height: 48px; width: 48px; position: absolute; top: 0; }
    #headerDrop .l { left: 0;  background : url('img/headerdrop_l.png') }
    #headerDrop .r { right: 0; background : url('img/headerdrop_r.png') }

.edge_l { padding-left: 40px; background : #fff repeat-y top left url('img/edge_l.png'); }
.edge_r { padding-right: 40px; background : #fff repeat-y top right url('img/edge_r.png'); }

#footerDrop { height: 48px; background : repeat-x url('img/footerdrop.png'); position : relative }
    #footerDrop div { height: 48px; width: 48px; position: absolute; top: 0; }
    #footerDrop .l { left: 0;  background : url('img/footerdrop_l.png') }
    #footerDrop .r { right: 0; background : url('img/footerdrop_r.png') }

#footer { padding : 0 10px 10px; background: #e9e9e9; }
    #footer h4 { color: #c00; border-bottom : solid 1px #c00 }
    #footer table { width: 100% }
        #footer table td { vertical-align: top; padding: 0 10px }


input.loading { background : no-repeat right url(img/loading.gif); }

/* Page Layout */
#menu { background : #fff; float: left; width : 152px; z-index : 1 }
    #menu a { display : block; padding : 5px; }
    #menu>ul>li { background : bottom no-repeat url(img/menu_s.png); padding-bottom : 3px; margin-bottom : 2px }
        #menu>ul>li>a { position : relative; background : #fadd33 url('img/menu.png') top center; color : black; font-weight : bold; text-decoration: none }
        #menu>ul>li.active { background : url('img/menu_a.png') bottom center; margin-bottom : 5px }
            #menu>ul>li.active>a { background : #5ebd49 url('img/menu_a.png') top center; }
        #menu li ul, #menu li ul li { list-style : none; margin : 0; }
            #menu li ul li a { margin : 3px; padding : 2px 10px; }
            #menu li ul li.active { font-weight : bold }
    #menu ul ul { background : top repeat-x url(img/shadowl.png); display : none; margin : 0 1px 3px; padding-top : 3px }
        #menu .active ul { display : block }
            
#fullwrapper { margin-left: 174px; }
#fullbox { overflow: hidden; width: 100%; position: relative; }
#sidebar { width: 200px; position: absolute; right: 0; top: 50px; }
#content { margin-right : 222px; min-height: 800px }

/* Special visual elements */
ul.bul li {    list-style-type: disc; margin-left : 5em; }
ul.arc li {    margin : 1em 5em; }
ul.vlist { margin : 0 1em; }
    ul.vlist li { border-bottom : dotted 1px #666; padding : 4px 2px }
        ul.vlist li.active:hover { background : #fcc; }
        ul.vlist li div { padding : 4px 2px; margin : -4px -2px; }
ul.hlist { height : 16px; }
    ul.hlist li { display : block; float : left; }
        ul.hlist li a { padding : 6px; text-decoration : none; -moz-border-radius : 8px; -webkit-border-radius : 8px; }
            ul.hlist li a span { text-decoration : underline }
    ul.hlist img, ul.vlist img { vertical-align : middle; text-decoration : none; }
ul.tabs li { background : #1ec1ef; cursor : pointer; float : left; padding : 4px 8px; margin: 0 2px; -moz-border-radius-topleft : 8px; -moz-border-radius-topright : 8px; -webkit-border-top-left-radius : 8px; -webkit-border-top-right-radius : 8px }
    ul.tabs li.h { background : #e84024; color : #fff; }
hr.tabs { border : none; clear: left; height : 2px; background : #e84024; }
dl.list { margin : 1em; }
    dl.list dt { font-weight : bold; }
    dl.list dd { margin : 0.2em 4em; }
.toggle li { background : url('img/toggle.png') top center; float : left; overflow : hidden; word-wrap : break-word; }
    .toggle li a { color : black; text-decoration : none; }
    .toggle li a, .toggle li b { background : url('img/toggles.png') no-repeat top right; display : block; height : 18px; padding : 3px 0.6em; }
    .toggle li.h { background : url('img/toggle.png') bottom center; }
    .toggle li.f { background : url('img/toggle.png') top left; }
    .toggle li.fh { background : url('img/toggle.png') bottom left; }
        .toggle li.h b, .toggle li.fh b { background : url('img/togglesh.png') no-repeat top right; }
    .toggle li.l { background : url('img/toggle.png') top right; }
    .toggle li.lh { background : url('img/toggle.png') bottom right; }
        .toggle li.l a, .toggle li.lh b { background : transparent; }
.info { background : 8px 0 no-repeat url('/images/icons/information.png'); border-left : dashed 1px gray; float : right; margin : 15px; padding : 0 15px 15px 35px; width : 15em; }
.infobox { background : #FFC url('/images/icons/information.png') no-repeat 7px; border : solid 1px black; display : block; padding : 0.5em 0.5em 0.5em 30px; }
.error { color : red; font-weight : bold; }
.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { width : 100%; background: #fff; margin: auto; overflow: hidden; position: relative; }
    .stripViewer .panelContainer { left: 0; position: relative; top: 0;     }
        .stripViewer .panelContainer .panel { float : left; }

ul.tabset { height : 24px; list-style : none; margin : 0; }
    ul.tabset li { background : left top no-repeat url('img/tsil.gif'); display : block; float : left; height : 27px; margin : 0 2px; }
        ul.tabset li.hl { background : left top no-repeat url('img/tshl.gif'); }
            ul.tabset li.hl a, ul.tabset li.hl b { background : right top no-repeat url('img/tshr.gif'); color : black; }    
    ul.tabset a, ul.tabset b { background : right top no-repeat url('img/tsir.gif'); color : white; display : block; font-weight : bold; padding : 4px 10px; text-align : center; text-decoration : none; }    
.tabset_end {    background : top repeat-x url('img/ts.gif'); clear : left; height : 10px; margin : 0 0 5px;    padding : 0; width : 100%; }
ul.library li {    float : left;    padding : 5px; text-align : center; width : 128px; }
    ul.library li .thumb { height : 128px; width : 128px; }
ul.albums li { float : left; padding : 5px; width : 334px; }
    ul.albums li .thumb {    float : left;    margin-right : 8px; }
#notebox { position : absolute; right : 5px; width : 193px; }
#notemargin {    left : 0;    margin-right : 200px; }
#notebox .note {    background : url('img/note.png') no-repeat top; padding : 0; width : 193px; }
    #notebox .note div { background : url('img/note_end.png') no-repeat bottom; font : 8pt chalkboard, comic sans ms, cursive; padding : 10px 15px 15px 10px; width : 168px; }
    #notebox .note .author {    font : bold 1em verdana, sans-serif; }
    #notebox .note .timestamp { display : block; font : 0.8em sans-serif; text-align : right; }
.contact { background : no-repeat url('img/contact.png'); float : left; font : 10px verdana, sans-serif; height : 56px; position : relative; width : 157px; padding : 10px 8px; }
    .contact .state { color : #00c; font : bold 13px Arial, sans-serif; position: absolute; right : 9px; top : 9px; z-index : 1 }
    .contact .data { left : 0; padding : 10px 8px; position : absolute; top : 1px; z-index : 3 }
    .contact img { position: absolute; right : 0; top : 0; z-index : 4 }
    .contact .owner, .contact .manager { font-weight : bold; height : 0; right : 10px; position : absolute; bottom : 20px; color : #f00; z-index : 4; }
    .contact .manager { color : #00f; }

/* Forms */
.invalid { color : red; font-size : 0.8em; font-weight : bold; }
div.form { border-left : solid 6px #AAB }
    div.form label.row { width : 140px; float : left; padding-left : 10px }
    div.form div.item { margin : 0 0 0.3em; padding-left : 150px; padding-bottom : 3px; }
    div.form p { padding-left : 10px; }
        div.form p.submit { border-left : solid 150px #CCD; margin-top : -0.3em; padding : 0.3em }
    div.form hr { clear : both; margin : 0 0 0.3em; border-top : solid 1px #99A;  height : 5px; border-right : solid 1px #99a; width : 100%; }
        div.form hr:first-child, div.form hr.submit, div.form hr.thick { background : #CCD; }
            div.form hr.thin { background : transparent; };

.options { display : block; float : left; }
    .options div { margin : 0.4em 0; }
    .options .sub { margin : 5px 0 10px 20px; }
input.invalid, select.invalid {    background-color : red;    color : white; font-size : 1em; font-weight : normal; }
input.combo { background : no-repeat right url('img/combo.png'); padding-right : 18px }
input.upload { background : no-repeat right url('img/attach.png'); padding-right : 18px }
input.image { background : no-repeat right url('img/picture.png'); padding-right : 18px }
#datebox iframe { border : none; height : 250px; width : 185px; }

/* Table Listings */
table.listing { border-spacing : 0; text-align : left; }
    table.listing th, table.listing td { border : none; margin : 0; padding : 4px; vertical-align : top; }
        table.listing.daily td { padding : 0; }
    table.listing th { background : no-repeat top center url('img/th.png'); border-right : 2px groove #FFF; text-align : left }
        table.listing th:first-child { background-position : top left }
        table.listing th:last-child { background-position : top right; border : none;}
        table.listing th a { color : #000; display: block; text-decoration : none; }
        table.listing th.f { text-decoration : overline; }
        table.listing th.headerSortUp:after { content : ' ↑'; }
        table.listing th.headerSortDown:after { content : ' ↓'; }
    table.listing tr { height : 25px; }
        table.listing tr.even { background : #e8e8e8; }
        table.listing tr.holiday { background : bottom repeat-x url('img/bgrad.jpg'); }
        table.listing tr.schoolholiday { background : bottom repeat-x url('img/rgrad.jpg'); }
        table.listing tr.blue td:first-child { background : 0 -10px repeat-x url('img/cgradb.png'); }
        table.listing tr.green td:first-child { background : 0 -10px repeat-x url('img/cgradg.png'); }        
        table.listing tr.red td:first-child { background : 0 -10px repeat-x url('img/cgradr.png'); }
        table.listing tr.yellow td:first-child { background : 0 -10px repeat-x url('img/cgrady.png'); }
        table.listing tr.h { color : white; cursor : default; height : 25px; }
        table.listing tr.s { background : none; }
        table.listing tr.selected { background : #FEFFD9; }
        table.listing tr.selected.even { background : #E9EE9C; }
    table.listing td.s { border-left : solid 1px gray; }        
    table.listing.defined td { border-bottom : dotted 1px gray; }
    table.listing .head td { border-top : solid 1px black; padding-top : 3px; }
    table.active tr:hover td, table.hlrow tr:hover td { border : solid #c00 1px; border-width : 2px 0; padding : 2px 4px }
table.vgrid td { border-right : solid 1px #CCC; }
    table.vgrid td:last-child { border-right : none; }
table.plain, table.plain tr, table.plain td, table.plain th:hover td { border : none; padding : 0; margin : 0; border-collapse : collapse; height : auto; }

.sortable thead th { color : purple; cursor : pointer; }

a.blue, a.red, a.green, a.yellow, .caption { color : black; display : block; float : left; margin : 0 1px 1px 0;    padding : 1px; text-decoration : none;    -moz-border-radius : 2px;    -webkit-border-radius : 2px; }
    a.red { background : #E84024; border : 1px #E84024 outset; color : white; }
    a.blue { background : #1ec1ef; border : 1px #1ec1ef outset; }
    a.green { background : #5DBB46; border : 1px #5DBB46 outset; }
    a.yellow { background : #F8E132; border : 1px #F8E132 outset; }

.foldout>li { border : solid 3px #1ec1ef; margin : 2px; -moz-border-radius : 8px; -webkit-border-radius : 8px }
.foldout .bar { padding : 5px; background : #1ec1ef; cursor : pointer; }
    .foldout .bar:before { content : "► "; color : #333; }
        .foldout .bar.open:before, .foldout .bar.opening:before { content : "▼ "; }
    .foldout .content { padding : 5px; }
    .foldout .bar.opening:after { content : url('img/loading.gif'); margin-left : 3em; }

/* Form visual elements */
table#place-no { border-collapse : collapse; }
    table#place-no td { padding : 0.2em 0 0.2em 0.6em; }
ul#players { margin : 0; }
.player { padding : 0.22em; }
    .player span { background : #CCF; cursor : s-resize; padding : 0.15em 0.6em; -moz-border-radius : 1em; }

.area {    text-align : center; }
    .area td { padding : 0 10px; }
    .area img { border : none; }
    .area a {    color : black; font-size : 1.3em; font-weight : bold; text-decoration : none; }
.db th { border-bottom : solid 1px black; }
.db td { border-right : solid 1px black; }

ul.buttons { margin-left : 10%; }
    ul.buttons li {    padding : 0.6em 0; }
ul.selector {    padding-left : 30px; }
ul.radiogroup { list-style : none; }

.hint { background : #CFA url('/images/icons/information.png') no-repeat 6px 6px; margin : 3px 0; padding : 4px 4px 4px 28px; -moz-border-radius: 8px; }
#error { background : white top repeat-x url('img/grad.jpg'); border : outset 3px black; left : 50%; margin-left : -150px; padding : 20px; position : absolute; top : 200px; width : 300px; }
    #error ul { list-style : none; }
        #error ul li { margin : 0 0 5px; padding : 0; }
            #error ul li a { background : left no-repeat url('img/arrow.png'); display : block; padding : 5px 3px 5px 28px; }

.unconfirmed { background : #FEE; border : solid red 1px; margin : 10px 25px; }
    .unconfirmed div { background : #FCC; color : red; padding : 5px; font-size : 0.8em; font-weight : bold; }
    .unconfirmed ul { margin : 5px 5px 5px 35px; padding : 0; }
    .unconfirmed p { margin : 5px; padding : 0; }

/* Availabilty Timetable */
#timetable { list-style : none; position : relative; }
    #timetable li { border-bottom : solid black 1px; min-height : 17px; padding : 2px 40px 0 100px; position : relative; }
        #timetable li.today { border : solid 3px #f00; margin-top : -1px; }
        #timetable li span { position : absolute; right: 0; }
        #timetable li>.day { left : 0; position : absolute;    }
        #timetable li div.clear { background : white; clear : both; display : hide; height : 0px; margin : 0; width : 1px; }

/* Availability legend */
ul.legend li { float : left; }
    ul.legend li span { border : solid 1px black; display : block; float : left; height : 12px; margin : 0 2px 0 10px; width : 12px; }
        ul.legend li.red span {    background : #E84024; }
        ul.legend li.green span {    background : #5DBB46; }
        ul.legend li.blue span { background : #1ec1ef; }
        ul.legend li.yellow span { background : #F8E132; }
ul.legend a { margin : 0 15px 0; text-decoration : none; }
    ul.legend a:hover { text-decoration : line-through; }

/* Static calendar */
table.scalendar td a { border : outset 1px gray; color : black; display : block; font-size : 2em; margin : 2px; padding : 10px 20px; text-align : center; text-decoration : none; }
table.scalendar caption { border-bottom : 1px solid black; font-size : 2.5em; margin-bottom : 0.1em; padding-bottom : 0.1em; }
    table.scalendar caption a { color : black; font-size : 0.8em; }
table.scalendar .today { border : solid 3px #f00; margin : 0; }

/* JS Calendar */
.scroll { -moz-user-select : none }
table.calendar { border-collapse : collapse; margin: 0 6px 0 6px;    text-align : center; }
    table.calendar .newmonthfirst { border-color : #C00; }
    table.calendar .newmonth { border-left : solid 2px #C00; }
    table.calendar th { text-align : left; }
    table.calendar td { border-left : solid 2px #FFF; border-top : solid 2px #FFF; }
            table.calendar td div.wkhead { border : 0; color : #888; }
            table.calendar td div.curdate { border : solid 3px #f00; height : 17px; padding : 2px; }
            table.calendar td div.cell_selected { background-color: #EEFF00; color: black; }
            table.calendar td div.notmnth { background-color: #FFF; border: 0; color: #CCC; }
            table.calendar td div div { border : outset 1px gray; cursor: pointer; height : 17px; padding : 4px; text-align: center; vertical-align: top; width : 17px; background : 0 0 repeat-x url(img/avail.png) }
                table.calendar td div.today div { border : outset 3px #F00; padding : 2px; }

/* Daily Summary (Timesheet) */
.daily { font : 11pt 'Gill Sans MT Condensed', 'Arial Narrow', helvetica, arial, sans-serif; }
    .daily th { font : bold 10pt Helvetica, Arial, sans-serif; }
    .daily .daily { clear : left; padding : 0; }
        .daily .daily div { float : left; height : 1em; }
        .daily .daily .item { border : outset 1px gray; color : black; display : block; float : left; overflow : hidden; padding : 2px; text-decoration : none; white-space : nowrap; }
        .daily .daily .unavail { background : gray; color : white; font : 8pt helvetica, arial, sans-serif; height : 14px; margin-top : 5px; overflow : hidden; white-space : nowrap; }

/* General Dates and Times */
.today, .today:hover { border-color : #f00; }
.wkday:hover { background : #F66; color : white; }
.wkend { background : #EEE; }
.wkend:hover { background : #933; color : white; }
.pb_hol {    background : #CCF; }
.sc_hol { background : #AAA; }
.pb_hol:hover { background : #99F; }
.sc_hol:hover { background : #666; }

/* Google Maps */
#map { border : solid 1px black; float : right; height : 180px; width : 320px; }
.gbtn { background-color: white; border: 1px solid black; cursor: pointer; font : 12px Arial,sans-serif; position : absolute; right : 0; text-align: center; width: 5.5em }
    .gbtn div { padding : 1px; border : solid 1px #bbb; }
        .gbtn div.up { border-color: #fff #bbb #bbb #fff }
        .gbtn div.down { border-color: #bbb #fff #fff #bbb; font-weight : bold; }

/* Javascript Popups */
#context { width : 9px; height : 11px; background : url(img/menu.gif); position : absolute; }
#menu li li { list-style : disc; margin-left : 2em; }
.popup { z-index : 10; border : outset 1px #CCC; min-width : 100px }
    .popup li { background : url(img/fff90.png);  padding : 1px  }
    .popup li a { display : block; padding : 4px; text-decoration : none; color : black; }
    .popup li a:hover { background : #ccf; border : solid 1px #33f; padding : 3px }
    
div.nicetitle { background: #fff; border : solid 1px gray; -moz-box-shadow: rgba(0,0,0,0.6) 1px 1px 4px; color: #000; font : 12px Helvetica, Arial, sans-serif; padding : 2px 4px; position : fixed; z-index: 10 }

#searchpopup { position : absolute; right : 75px; top : 100px; width : 410px; z-index : 100; }
    #searchpopup .top { background : no-repeat top center url(img/searchpopup.png); height : 70px; }
    #searchpopup .box { background : no-repeat bottom center url(img/searchpopup.png); padding : 0px 35px 35px 25px; }
    #searchpopup h3 { border-bottom : solid 1px #c00; font-size : 1em; margin : 0 0 2px 0; padding : 8px 0 0 0; }
        #searchpopup h3:first-child { padding : 0; }

ul.popup_list { width : 152px; }
    ul.popup_list>li:before { content : '◀ '; }
    ul.popup_list li { background : #f8e132 url('img/menu.png') center right; border-bottom : solid 1px white; cursor : pointer; padding : 5px; position : relative; }
        ul.popup_list>li.active { background : #5DBB46 url('img/menu_hl.png') center right; }
        ul.popup_list>li:first-child { background-position : top right; }
        ul.popup_list>li:last-child { background-position : bottom right; }
        ul.popup_list li ul { display : none; }
            ul.popup_list li.active ul { display : block; margin-left : -157px; position : absolute; top : -7px; width : 152px; }
                ul.popup_list li.active ul>li { background : #5DBB46 url('img/menu_hl.png') center left; }
    ul.popup_list a { color : black; display : block; text-decoration : none; }

.grid { border-spacing : 0 }
    .grid tr td, .grid tr th { border-right : solid 1px #ccc; padding : 6px 4px; text-align : left; }
        .grid tr th:first-child { border-right : solid 1px black }
    .grid thead th { border-bottom : solid 1px black; }
    .grid tfoot th { border-top : solid 1px black; }
    .grid tr:hover td { border-bottom : solid #c00 2px; border-top : solid #c00 2px; padding : 2px 4px }

#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; }
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border : 1px solid #ccc; border-color : #666 #ccc #ccc #666; }
#TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; }
#TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title{ background-color:#e8e8e8; height:27px; }
#TB_ajaxContent{ clear:both; padding:2px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal{ padding:15px; }
#TB_ajaxContent p { padding:5px 0 5px; }
#TB_load{ display:none; height:13px; left: 50%; margin: -6px 0 0 -104px; position: fixed; top: 50%; width:208px; z-index:103; }
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; margin-bottom:1px; }

.hud { background : url(img/hud-t.png) top center no-repeat; border : none; display : none; padding-top : 20px; }
    .hud>* { background : #000; color : #fff; opacity : 0.9; overflow : hidden; -moz-border-radius: 10px; -webkit-border-radius : 10px }
    .hud a, .hud * { color : #fff }
    
#blanker { background : #000; position:fixed;left: 0;top:0;width:100%;height:100%; z-index: 9}

#dialog { position : fixed; left: 32px; top: 32px; right: 32px; bottom: 32px; width: auto; height: auto; z-index : 11; }
    #dialog .frame { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: auto; height: auto; background : rgba(255,255,255,0.8); border : outset 1px rgba(150,150,150,0.3); -moz-border-radius:  7px; -webkit-border-radius : 7px; -moz-box-shadow: 0px 2px 6px rgba(0,0,0,0.4), inset 0px 0px 20px rgba(0,0,0,0.1), ; -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.4); }
    #dialog .title { font-size: 12px; padding: 6px; font-weight: bold; text-shadow: 0 1px 1px rgba(255,255,255,0.8) }
    #dialog a.close { cursor: pointer; position: absolute; padding: 1px; border: outset 1px #CCC; color: #000; right: 15px; top: -1px; width: 40px; height: 16px; font-weight: bold; text-shadow: 0 1px 0 #fff; text-align: center; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-box-shadow: 1px 0px 1px rgba(255,255,255,0.8), -1px 0px 1px rgba(0,0,0,0.6); -webkit-box-shadow: 1px 0px 1px rgba(255,255,255,0.8), -1px 0px 1px rgba(0,0,0,0.6); -webkit-transition: background 0.1s linear, -webkit-box-shadow 0.1s linear }
    #dialog a.close:hover { background: #e84024; -moz-box-shadow: 0 0 5px #c00; -webkit-box-shadow: 0 0 5px #c00 }
    #dialog a.close:active { border-style: inset }
    #dialog .content { background: #fff; padding : 10px; border: inset 1px rgba(150,150,150,0.4); -moz-border-radius: 5px; -webkit-border-radius: 5px; position: absolute; top: 28px; right: 5px; bottom: 5px; left: 5px; width: auto; height: auto; overflow: auto }
    #dialog .content .buttons { text-align : right; position: absolute; right: 10px; bottom: 0 }
    
/* Autocomplete */
    .ac_results {
        padding: 0px;
        border: 1px solid WindowFrame;
        background-color: Window;
        overflow: hidden;
        z-index : 12;
        position : fixed;
    }

    .ac_results ul {
        width: 100%;
        list-style-position: outside;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .ac_results iframe {
        position:absolute;
        top:0;
        left:0;
        z-index:-1;
        filter:mask();
        width:3000px;
        height:3000px;
    }

    .ac_results li {
        margin: 0px;
        padding: 2px 5px;
        cursor: pointer;
        display: block;
        width: 100%;
        font: menu;
        font-size: 12px;
        overflow: hidden;
    }

    .ac_loading {
        background : Window url(img/loading.gif) right center no-repeat;
    }

    .ac_over {
        background-color: Highlight;
        color: HighlightText;
    }
    
    
#equipment td img { display : none }
        #equipment tr:hover td img { display : inline }
        
.attbox { width : 52px; height : 19px; position : relative; background : url(img/att.png) no-repeat; }
    .attbox.y { background : url(img/att-y.png) no-repeat; }
    .attbox.n { background : url(img/att-n.png) no-repeat; }
    .attbox .y, .attbox .n { width : 19px; height : 19px; cursor : pointer; position : absolute; top : 0 }
    .attbox .y { right : 0; }
    .attbox .n { left : 0; }
    
.toolbar { background : #EDD; height: 20px; margin : 0 1px -25px; position: relative; padding : 1px;
  border-bottom : solid 1px #c99 }
    .toolbar img, .toolbar span { border : solid 1px #edd; padding: 1px; margin : 0 1px; height : 16px; cursor: default }
    .toolbar img { width: 16px }
        .toolbar img:hover, .toolbar span:hover { border-style : outset}
        .toolbar img:active, .toolbar span:active { border-style : inset}
    .toolbar img.separator { width : 9px }
    .toolbar .separator:hover { border-style : solid }

/* Big login box */
fieldset.enlarge { width : 300px; margin : auto; padding : 15px 20px 20px; margin-top : 20px; border : solid 2px #c00 }
fieldset.enlarge table { width : 300px}
fieldset.enlarge td, .enlarge input { font-size : 18pt; line-height : 24pt }
fieldset.enlarge legend, .enlarge a { font-size : 12pt; }