/* * jQuery UI screen structure and presentation * This CSS file was generated by ThemeRoller, a Filament Group Project for jQuery UI * Author: Scott Jehl, scott@filamentgroup.com, http://www.filamentgroup.com * Visit ThemeRoller.com */ /* * Note: If your ThemeRoller settings have a font size set in ems, your components will scale according to their parent element's font size. * As a rule of thumb, set your body's font size to 62.5% to make 1em = 10px. * body {font-size: 62.5%;} */ /*UI accordion*/ .ui-accordion { /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; font-family: Trebuchet MS, Arial, sans-serif; font-size: 1.1em; /*border-bottom: 1px solid #777777; */ } .ui-accordion-group { /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; /*border: 1px solid #777777; */ border-bottom: none; } .ui-accordion-header { /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; cursor: pointer; background: #993333 url(images/993333_40x100_textures_04_highlight_hard_25.png) 0 50% repeat-x; } .ui-accordion-header a { /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; display: block; font-size: 1em; font-weight: bold; text-decoration: none; padding: .5em .5em .5em 1.7em; color: #eeeeee; background: url(images/eeeeee_7x7_arrow_right.gif) .5em 50% no-repeat; } ..ui-accordion-header a:hover { background: url(images/ffffff_7x7_arrow_right.gif) .5em 50% no-repeat; color: #ffffff; } .ui-accordion-header:hover { background: #333333 url(images/333333_40x100_textures_04_highlight_hard_25.png) 0 50% repeat-x; color: #ffffff; } .selected .ui-accordion-header, .selected .ui-accordion-header:hover { background: #333333 url(images/333333_40x100_textures_04_highlight_hard_35.png) 0 50% repeat-x; } .selected .ui-accordion-header a, .selected .ui-accordion-header a:hover { color: #ffffff; background: url(images/ffffff_7x7_arrow_down.gif) .5em 50% no-repeat; } .ui-accordion-content { padding: 1em 1em 0em 1em; /*background: #ffffff url(images/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x; color: #222222; font-size: 1em;*/ } /* Generic ThemeRoller Classes >> Make your jQuery Components ThemeRoller-Compatible! */ /*component global class*/ .ui-component { /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; font-family: Trebuchet MS, Arial, sans-serif; font-size: 1.1em; } /*component content styles*/ .ui-component-content { border: 1px solid #dddddd; background: #ffffff url(images/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x; color: #222222; } .ui-component-content a { color: #222222; text-decoration: underline; } /*component states*/ .ui-default-state { border: 1px solid #777777; background: #444444 url(images/444444_40x100_textures_02_glass_25.png) 0 50% repeat-x; font-weight: bold; color: #eeeeee !important; } .ui-default-state a { color: #eeeeee; } .ui-default-state:hover, .ui-hover-state { border: 1px solid #444444; background: #333333 url(images/333333_40x100_textures_02_glass_25.png) 0 50% repeat-x; font-weight: bold; color: #ffffff !important; } .ui-hover-state a { color: #ffffff; } .ui-default-state:active, .ui-active-state { border: 1px solid #841515; background: #a21111 url(images/a21111_40x100_textures_02_glass_35.png) 0 50% repeat-x; font-weight: bold; color: #ffffff !important; outline: none; } .ui-active-state a { color: #ffffff; outline: none; } /*icons*/ .ui-arrow-right-default {background: url(images/eeeeee_7x7_arrow_right.gif) no-repeat 50% 50%;} .ui-arrow-right-default:hover, .ui-arrow-right-hover {background: url(images/ffd40f_7x7_arrow_right.gif) no-repeat 50% 50%;} .ui-arrow-right-default:active, .ui-arrow-right-active {background: url(images/ffffff_7x7_arrow_right.gif) no-repeat 50% 50%;} .ui-arrow-right-content {background: url(images/222222_7x7_arrow_right.gif) no-repeat 50% 50%;} .ui-arrow-left-default {background: url(images/eeeeee_7x7_arrow_left.gif) no-repeat 50% 50%;} .ui-arrow-left-default:hover, .ui-arrow-left-hover {background: url(images/ffd40f_7x7_arrow_left.gif) no-repeat 50% 50%;} .ui-arrow-left-default:active, .ui-arrow-left-active {background: url(images/ffffff_7x7_arrow_left.gif) no-repeat 50% 50%;} .ui-arrow-left-content {background: url(images/222222_7x7_arrow_left.gif) no-repeat 50% 50%;} .ui-arrow-down-default {background: url(images/eeeeee_7x7_arrow_down.gif) no-repeat 50% 50%;} .ui-arrow-down-default:hover, .ui-arrow-down-hover {background: url(images/ffd40f_7x7_arrow_down.gif) no-repeat 50% 50%;} .ui-arrow-down-default:active, .ui-arrow-down-active {background: url(images/ffffff_7x7_arrow_down.gif) no-repeat 50% 50%;} .ui-arrow-down-content {background: url(images/222222_7x7_arrow_down.gif) no-repeat 50% 50%;} .ui-arrow-up-default {background: url(images/eeeeee_7x7_arrow_up.gif) no-repeat 50% 50%;} .ui-arrow-up-default:hover, .ui-arrow-up-hover {background: url(images/ffd40f_7x7_arrow_up.gif) no-repeat 50% 50%;} .ui-arrow-up-default:active, .ui-arrow-up-active {background: url(images/ffffff_7x7_arrow_up.gif) no-repeat 50% 50%;} .ui-arrow-up-content {background: url(images/222222_7x7_arrow_up.gif) no-repeat 50% 50%;} .ui-close-default {background: url(images/eeeeee_11x11_icon_close.gif) no-repeat 50% 50%;} .ui-close-default:hover, .ui-close-hover {background: url(images/ffd40f_11x11_icon_close.gif) no-repeat 50% 50%;} .ui-close-default:active, .ui-close-active {background: url(images/ffffff_11x11_icon_close.gif) no-repeat 50% 50%;} .ui-close-content {background: url(images/ffffff_11x11_icon_close.gif) no-repeat 50% 50%;} .ui-folder-closed-default {background: url(images/eeeeee_11x11_icon_folder_closed.gif) no-repeat 50% 50%;} .ui-folder-closed-default:hover, .ui-folder-closed-hover {background: url(images/ffd40f_11x11_icon_folder_closed.gif) no-repeat 50% 50%;} .ui-folder-closed-default:active, .ui-folder-closed-active {background: url(images/ffffff_11x11_icon_folder_closed.gif) no-repeat 50% 50%;} .ui-folder-closed-content {background: url(images/eeeeee_11x11_icon_folder_closed.gif) no-repeat 50% 50%;} .ui-folder-open-default {background: url(images/eeeeee_11x11_icon_folder_open.gif) no-repeat 50% 50%;} .ui-folder-open-default:hover, .ui-folder-open-hover {background: url(images/ffd40f_11x11_icon_folder_open.gif) no-repeat 50% 50%;} .ui-folder-open-default:active, .ui-folder-open-active {background: url(images/ffffff_11x11_icon_folder_open.gif) no-repeat 50% 50%;} .ui-folder-open-content {background: url(images/ffffff_11x11_icon_folder_open.gif) no-repeat 50% 50%;} .ui-doc-default {background: url(images/eeeeee_11x11_icon_doc.gif) no-repeat 50% 50%;} .ui-doc-default:hover, .ui-doc-hover {background: url(images/ffd40f_11x11_icon_doc.gif) no-repeat 50% 50%;} .ui-doc-default:active, .ui-doc-active {background: url(images/ffffff_11x11_icon_doc.gif) no-repeat 50% 50%;} .ui-doc-content {background: url(images/222222_11x11_icon_doc.gif) no-repeat 50% 50%;} .ui-arrows-leftright-default {background: url(images/eeeeee_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;} .ui-arrows-leftright-default:hover, .ui-arrows-leftright-hover {background: url(images/ffd40f_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;} .ui-arrows-leftright-default:active, .ui-arrows-leftright-active {background: url(images/ffffff_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;} .ui-arrows-leftright-content {background: url(images/222222_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;} .ui-arrows-updown-default {background: url(images/eeeeee_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;} .ui-arrows-updown-default:hover, .ui-arrows-updown-hover {background: url(images/ffd40f_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;} .ui-arrows-updown-default:active, .ui-arrows-updown-active {background: url(images/ffffff_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;} .ui-arrows-updown-content {background: url(images/222222_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;} .ui-minus-default {background: url(images/eeeeee_11x11_icon_minus.gif) no-repeat 50% 50%;} .ui-minus-default:hover, .ui-minus-hover {background: url(images/ffd40f_11x11_icon_minus.gif) no-repeat 50% 50%;} .ui-minus-default:active, .ui-minus-active {background: url(images/ffffff_11x11_icon_minus.gif) no-repeat 50% 50%;} .ui-minus-content {background: url(images/222222_11x11_icon_minus.gif) no-repeat 50% 50%;} .ui-plus-default {background: url(images/eeeeee_11x11_icon_plus.gif) no-repeat 50% 50%;} .ui-plus-default:hover, .ui-plus-hover {background: url(images/ffd40f_11x11_icon_plus.gif) no-repeat 50% 50%;} .ui-plus-default:active, .ui-plus-active {background: url(images/ffffff_11x11_icon_plus.gif) no-repeat 50% 50%;} .ui-plus-content {background: url(images/222222_11x11_icon_plus.gif) no-repeat 50% 50%;} /*hidden elements*/ .ui-hidden { display: none;/* for accessible hiding: position: absolute; left: -99999999px*/; } .ui-accessible-hidden { position: absolute; left: -99999999px; } /*reset styles*/ .ui-reset { /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } /*clearfix class*/ .ui-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .ui-clearfix {height: 1%;} .ui-clearfix {display: block;} /* End hide from IE-mac */ /* Note: for resizable styles, use the styles listed above in the dialog section */