/* * 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; border-bottom: 1px solid #111111; } .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 #111111; 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: #000000 url(images/000000_40x100_textures_03_highlight_soft_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: normal; text-decoration: none; padding: .5em .5em .5em 1.7em; color: #bbbbbb; background: url(images/5f5cdb_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: #000000 url(images/000000_40x100_textures_03_highlight_soft_40.png) 0 50% repeat-x; color: #ffffff; } .selected .ui-accordion-header, .selected .ui-accordion-header:hover { background: #000000 url(images/000000_40x100_textures_03_highlight_soft_15.png) 0 50% repeat-x; } .selected .ui-accordion-header a, .selected .ui-accordion-header a:hover { color: #fafafa; background: url(images/ffffff_7x7_arrow_down.gif) .5em 50% no-repeat; } .ui-accordion-content { padding: 1.5em 1.7em; background: #000000 url(images/000000_40x100_textures_04_highlight_hard_0.png) 0 0 repeat-x; color: #dddddd; font-size: 1em; } /*UI tabs*/ .ui-tabs-nav { /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; font-family: Verdana, Arial, sans-serif; font-size: 1.1em; float: left; position: relative; z-index: 1; border-right: 1px solid #111111; bottom: -1px; } .ui-tabs-nav-item { /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; float: left; border: 1px solid #111111; border-right: none; } .ui-tabs-nav-item a { /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; float: left; font-size: 1em; font-weight: normal; text-decoration: none; padding: .5em 1.7em; color: #c19f8b; background: #000000 url(images/000000_40x100_textures_03_highlight_soft_25.png) 0 50% repeat-x; } .ui-tabs-nav-item a:hover { background: #000000 url(images/000000_40x100_textures_03_highlight_soft_40.png) 0 50% repeat-x; color: #ffffff; } .ui-tabs-selected { border-bottom-color: #000000; } .ui-tabs-selected a, .ui-tabs-selected a:hover { background: #000000 url(images/000000_40x100_textures_03_highlight_soft_15.png) 0 50% repeat-x; color: #fafafa; } .ui-tabs-panel { /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; font-family: Verdana, Arial, sans-serif; clear:left; border: 1px solid #111111; background: #000000 url(images/000000_40x100_textures_04_highlight_hard_0.png) 0 0 repeat-x; color: #dddddd; padding: 1.5em 1.7em; font-size: 1.1em; } .ui-tabs-hide { display: none;/* for accessible hiding: position: absolute; left: -99999999px*/; } 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: Verdana, Arial, sans-serif; font-size: 1.1em; } /*component content styles*/ .ui-component-content { border: 1px solid #111111; background: #000000 url(images/000000_40x100_textures_04_highlight_hard_0.png) 0 0 repeat-x; color: #dddddd; } .ui-component-content a { color: #dddddd; text-decoration: underline; } /*component states*/ .ui-default-state { border: 1px solid #111111; background: #000000 url(images/000000_40x100_textures_03_highlight_soft_25.png) 0 50% repeat-x; font-weight: normal; color: #c19f8b !important; } .ui-default-state a { color: #c19f8b; } .ui-default-state:hover, .ui-hover-state { border: 1px solid #111111; background: #000000 url(images/000000_40x100_textures_03_highlight_soft_40.png) 0 50% repeat-x; font-weight: normal; color: #ffffff !important; } .ui-hover-state a { color: #ffffff; } .ui-default-state:active, .ui-active-state { border: 1px solid #1111111; background: #000000 url(images/000000_40x100_textures_03_highlight_soft_15.png) 0 50% repeat-x; font-weight: normal; color: #fafafa !important; outline: none; } .ui-active-state a { color: #fafafa; outline: none; } /*icons*/ .ui-arrow-right-default {background: url(images/5f5cdb_7x7_arrow_right.gif) no-repeat 50% 50%;} .ui-arrow-right-default:hover, .ui-arrow-right-hover {background: url(images/ffffff_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/5f5cdb_7x7_arrow_left.gif) no-repeat 50% 50%;} .ui-arrow-left-default:hover, .ui-arrow-left-hover {background: url(images/ffffff_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/5f5cdb_7x7_arrow_down.gif) no-repeat 50% 50%;} .ui-arrow-down-default:hover, .ui-arrow-down-hover {background: url(images/ffffff_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/5f5cdb_7x7_arrow_up.gif) no-repeat 50% 50%;} .ui-arrow-up-default:hover, .ui-arrow-up-hover {background: url(images/ffffff_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/5f5cdb_11x11_icon_close.gif) no-repeat 50% 50%;} .ui-close-default:hover, .ui-close-hover {background: url(images/ffffff_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/5f5cdb_11x11_icon_folder_closed.gif) no-repeat 50% 50%;} .ui-folder-closed-default:hover, .ui-folder-closed-hover {background: url(images/ffffff_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/5f5cdb_11x11_icon_folder_closed.gif) no-repeat 50% 50%;} .ui-folder-open-default {background: url(images/5f5cdb_11x11_icon_folder_open.gif) no-repeat 50% 50%;} .ui-folder-open-default:hover, .ui-folder-open-hover {background: url(images/ffffff_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/5f5cdb_11x11_icon_doc.gif) no-repeat 50% 50%;} .ui-doc-default:hover, .ui-doc-hover {background: url(images/ffffff_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/5f5cdb_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;} .ui-arrows-leftright-default:hover, .ui-arrows-leftright-hover {background: url(images/ffffff_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/5f5cdb_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;} .ui-arrows-updown-default:hover, .ui-arrows-updown-hover {background: url(images/ffffff_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/5f5cdb_11x11_icon_minus.gif) no-repeat 50% 50%;} .ui-minus-default:hover, .ui-minus-hover {background: url(images/ffffff_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/5f5cdb_11x11_icon_plus.gif) no-repeat 50% 50%;} .ui-plus-default:hover, .ui-plus-hover {background: url(images/ffffff_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 */