summaryrefslogtreecommitdiff
path: root/themes/default/css/screen.css
diff options
context:
space:
mode:
Diffstat (limited to 'themes/default/css/screen.css')
-rw-r--r--themes/default/css/screen.css1095
1 files changed, 1095 insertions, 0 deletions
diff --git a/themes/default/css/screen.css b/themes/default/css/screen.css
new file mode 100644
index 00000000..89374810
--- /dev/null
+++ b/themes/default/css/screen.css
@@ -0,0 +1,1095 @@
+/**
+ * Gallery 3 Default Theme Styles
+ *
+ * @requires YUI reset, font, grids CSS
+ *
+ * Sheet organization:
+ * 1) Basic HTML elements
+ * 2) Base text styles
+ * 3) Page layout containers
+ * 4) Reusable content containers
+ * 5) Specific content blocks
+ * 6) Navigation and menus
+ * 7) Generic styles
+ * 8) Browser hacks
+ * 9) Debugging information
+ * 10) Ajax/DOM features
+ * 11) jQuery UI
+ */
+
+/** *******************************************************************
+ * 1) Basic HTML elements
+ ******************************************************************/
+
+/* Basic HTML elements ~~~~~~~~~~~~~~~~ */
+
+body, html {
+ background-color: #ccc;
+ font-family: 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+}
+
+p {
+ margin-bottom: 1em;
+}
+
+/* Headings ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+h1, h2, h3, h4, h5 {
+ font-weight: bold;
+}
+
+h1 {
+ font-size: 1.7em
+}
+
+h2 {
+ font-size: 1.4em
+}
+
+h3 {
+ font-size: 1.2em
+}
+
+/* Links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+a {
+ color: #6b8cb7;
+ text-decoration: none;
+}
+
+a:hover {
+ color: #f30;
+ text-decoration: underline;
+}
+
+/* Tables ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+caption {
+ text-align: left;
+}
+
+th {
+ font-weight: bold;
+ text-align: left;
+}
+
+/* Forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+fieldset {
+ border: 1px solid #ccc;
+}
+
+legend {
+ font-weight: bold;
+ margin-left: 1em;
+}
+
+label {
+ cursor: help;
+}
+
+input[type="text"],
+input[type="password"],
+textarea,
+select {
+}
+
+input[type="text"],
+input[type="password"],
+textarea,
+.gValidationRule {
+ width: 40%;
+}
+
+input[type="button"] {
+}
+
+input[type="checkbox"] {
+}
+
+input[type="file"] {
+}
+
+input[type="password"] {
+}
+
+input[type="radio"] {
+}
+
+input[type="reset"] {
+}
+
+input[type="submit"] {
+}
+
+input[type="text"] {
+}
+
+option {
+}
+
+optgroup {
+}
+
+select {
+}
+
+textarea {
+ width: 99%;
+ height: 12em;
+}
+
+button {
+}
+
+input:focus,
+textarea:focus,
+option:focus {
+ background-color: #ffc;
+}
+
+/* Form layout ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+form li {
+ margin: 0 !important;
+ padding: .3em 1.5em .3em 1em;
+}
+
+form ul ul {
+ clear: both;
+}
+
+form ul ul li {
+ float: left;
+}
+
+input,
+textarea {
+ display: block;
+ clear: both;
+}
+
+/* Form validation ~~~~~~~~~~~~~~~~~~~~~~~ */
+
+.gRequired {
+}
+
+.gValidationRule {
+ font-size: 80%;
+ margin-top: .5em;
+}
+
+form.gError input[type="text"],
+li.gError input[type="text"],
+form.gError input[type="password"],
+li.gError input[type="password"],
+form.gError input[type="checkbox"],
+li.gError input[type="checkbox"],
+form.gError input[type="radio"],
+li.gError input[type="radio"],
+form.gError textarea,
+li.gError textarea,
+form.gError select,
+li.gError select {
+ border: 2px solid red;
+}
+
+/** ****************************************************************
+ * 2) Base text styles
+ ******************************************************************/
+
+#gContent {
+ font-size: 1em;
+}
+
+#gSidebar {
+ font-size: .9em;
+}
+
+#gHeader, #gFooter {
+ font-size: .8em;
+}
+
+.gItem {
+ font-size: .8em;
+}
+
+/*** ***************************************************************
+ * 3) Page layout containers
+ ******************************************************************/
+
+/* View container ~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+.gView {
+ background-color: #fff;
+ border: 1px solid #ccc;
+ border-bottom: none;
+}
+
+/* Layout containers ~~~~~~~~~~~~~~~~~~~~~ */
+
+#gHeader {
+ border-bottom: 1px solid #fff;
+}
+
+#gContent {
+ padding-left: 20px;
+}
+
+#gSidebar {
+ background-color: #fff;
+ margin-top: -20px;
+ padding: 0 20px;
+ width: 220px;
+}
+
+#gFooter {
+ border-top: 1px solid #ccc;
+ margin-top: 20px;
+ padding: 10px 20px;
+}
+
+/** ****************************************************************
+ * 4) Reusable content containers
+ ******************************************************************/
+
+.gBlock {
+ clear: both;
+ margin-bottom: 2.5em;
+}
+
+#gSidebar .gBlock h3 {
+ background: #e8e8e8;
+ padding: .3em .75em;
+}
+
+#gSidebar .gBlockContent {
+ padding: .5em 1em;
+}
+
+/** ****************************************************************
+ * 5) Specific content blocks
+ ******************************************************************/
+
+/* Logo ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+#gLogo {
+ margin: 5px 10px 10px 20px;
+}
+
+.gThumbnail {
+}
+
+/* Album ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+#gAlbumHeader {
+ position: relative;
+}
+
+#gAlbumGrid {
+ margin-top: 20px;
+}
+
+#gAlbumGrid .gItem {
+ float: left;
+ height: 270px;
+ margin-bottom: 10px;
+ padding: 0 0 5px 0;
+ text-align: center;
+ width: 33%;
+}
+
+.gItem h2 {
+ margin: 5px 0;
+}
+
+.gAlbum {
+ background-color: #d4daff;
+}
+
+.gAlbum h2 {
+ color: #006;
+}
+
+/* Individual photo ~~~~~~~~~~~~~~~~~~~~~ */
+
+#gItem {
+ margin: 1em 0;
+}
+
+/* Metadata ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+.gMetadata td,
+.gMetadata th {
+ padding: 0 1em .5em 0;
+ vertical-align: top;
+}
+
+.gMetadata th,
+.gMetadata td.toggle {
+ text-align: right;
+}
+
+/* Comments ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+#gComments {
+ margin-top: 2em;
+}
+
+#gComments ul li {
+ margin: 1em 0;
+}
+
+#gComments ul li p {
+ background-color: #e8e8e8;
+ margin-bottom: 2px;
+ padding: 4px;
+}
+
+#gComments ul li div {
+ padding: 8px;
+}
+
+/* Status messages ~~~~~~~~~~~~~~~~~~~~~~~ */
+
+.gMessages li {
+ border: 1px solid #ccc;
+ margin: .4em 0;
+}
+
+.gError, .gWarning, .gSuccess, .gHelp, .gInfo {
+ background-position: .5em .1em;
+ background-repeat: no-repeat;
+ padding: .1em .5em .1em 30px;
+}
+
+.gError {
+ background-color: #fcc;
+ background-image: url('../images/ico-error.png');
+}
+
+.gWarning {
+ background-color: #ff9;
+ background-image: url('../images/ico-warning.png');
+}
+
+.gSuccess {
+ background-color: #cfc;
+ background-image: url('../images/ico-success.png');
+}
+
+.gHelp {
+ background-image: url('../images/ico-help.png');
+}
+
+.gInfo {
+ background-image: url('../images/ico-info.png');
+}
+
+/* Inline layout (forms, lists) ~~~~~~~~~~ */
+
+#gHeader #gLoginMenu li,
+#gHeader #gSearchForm li,
+#gSidebar #gAddTagForm li {
+ float: left;
+ padding: .4em .5em;
+}
+
+#gHeader #gLoginMenu input[type="text"],
+#gHeader #gLoginMenu input[type="password"],
+#gHeader #gSearchForm input[type="text"],
+#gSidebar #gAddTagForm input[type="text"] {
+ width: 10em;
+}
+
+#gHeader #gLoginForm button {
+ margin-top: 1em;
+}
+
+#gHeader #gSearchForm {
+ float: right;
+ margin-right: 20px;
+}
+
+#gHeader #gLoginForm legend,
+#gHeader #gLoginFormContainer,
+#gHeader #gSearchForm label,
+#gSidebar #gAddTagForm legend {
+ display: none;
+}
+
+#gHeader #gLoginForm fieldset,
+#gSidebar #gAddTagForm fieldset {
+ border: none;
+}
+
+/* Credits ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+#gCredits li {
+ display: inline;
+}
+
+#gCredits li:before {
+ padding: 0 2px 0 2px;
+ content: "|"
+}
+
+#gCredits li.first:before {
+ content: ""
+}
+
+/** *******************************************************************
+ * 6) Navigation and menus
+ ****************************************************************** /
+
+/* Login menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+#gLoginMenu {
+ border: 1px solid #ccc;
+ border-top: none;
+ float: right;
+ margin-right: 20px;
+}
+
+/* Site Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+#gSiteMenu {
+ border-bottom: 1px solid #ccc;
+ font-size: 1.2em;
+ padding: 0 20px 0;
+}
+
+#gSiteMenu ul {
+ margin-bottom: 0;
+}
+
+#gViewMenu li {
+ float: left;
+}
+
+#gViewMenu #gAlbumLink,
+#gViewMenu #gHybridLink,
+#gViewMenu #gSlideshowLink,
+#gViewMenu #gFullsizeLink {
+ background-color: #BDD2FF;
+ background-repeat: no-repeat;
+ background-position: center center;
+ color: transparent;
+ display: block;
+ font-size: .9em;
+ height: 22px;
+ overflow: hidden;
+ text-indent: 1000px;
+ white-space: nowrap;
+ width: 32px;
+}
+
+#gViewMenu #gAlbumLink {
+ background-image: url('../images/ico-view-album.png');
+}
+
+#gViewMenu #gHybridLink {
+ background-image: url('../images/ico-view-hybrid.png');
+}
+
+#gViewMenu #gSlideshowLink {
+ background-image: url('../images/ico-view-slideshow.png');
+}
+
+#gViewMenu #gFullsizeLink {
+ background-image: url('../images/ico-view-fullsize.png');
+}
+
+/* Breadcrumbs ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+#gBreadcrumbs {
+ padding-left: 20px;
+}
+
+#gBreadcrumbs li {
+ background: transparent url('../images/icon_breadcrumb_separator.gif') no-repeat scroll left center;
+ float: left;
+ padding: 10px 0 10px 12px;
+}
+
+#gBreadcrumbs li.root {
+ background: transparent;
+}
+
+#gBreadcrumbs li a,
+#gBreadcrumbs li span {
+ display: block;
+}
+
+#gBreadcrumbs li.active span {
+ font-weight: bold;
+}
+
+/* Tags and cloud ~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+#gTagCloud ul {
+ font-size: 1.4em;
+ text-align: justify;
+}
+
+#gTagCloud ul li {
+ display: inline;
+ line-height: 1.5em;
+ text-align: justify;
+}
+
+#gTagCloud ul li a {
+ text-decoration: none;
+}
+
+#gTagCloud ul li span {
+ display: none;
+}
+
+#gTagCloud ul li.size1 a {
+ color: #9cf;
+ font-size: 80%;
+ font-weight: 100;
+}
+
+#gTagCloud ul li.size2 a {
+ color: #69f;
+ font-size: 90%;
+ font-weight: 300;
+}
+
+#gTagCloud ul li.size3 a {
+ color: #69c;
+ font-size: 100%;
+ font-weight: 500;
+}
+
+#gTagCloud ul li.size4 a {
+ color: #369;
+ font-size: 110%;
+ font-weight: 700;
+}
+
+#gTagCloud ul li.size5 a {
+ color: #0e2b52;
+ font-size: 120%;
+ font-weight: 900;
+}
+
+#gTagCloud ul li.size6 a {
+ color: #0e2b52;
+ font-size: 130%;
+ font-weight: 900;
+}
+
+#gTagCloud ul li.size7 a {
+ color: #0e2b52;
+ font-size: 140%;
+ font-weight: 900;
+}
+
+#gTagCloud ul li a:hover {
+ color: #f30;
+ text-decoration: underline;
+}
+
+/* Pagination ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+#gPager {
+ clear: both;
+ padding-top: 2em;
+}
+
+#gPager li {
+ background-repeat: no-repeat;
+ float: left;
+ padding: 5px;
+}
+
+#gPager .first {
+ background-image: url('../images/first.png');
+ background-position: left;
+ padding-left: 20px;
+}
+
+#gPager .first_inactive {
+ background-image: url('../images/first_inactive.png');
+ background-position: left;
+ color: #ccc;
+ padding-left: 20px;
+}
+
+#gPager .previous {
+ background-image: url('../images/previous.png');
+ background-position: left;
+ padding-left: 17px;
+}
+
+#gPager .previous_inactive {
+ background-image: url('../images/previous_inactive.png');
+ background-position: left;
+ color: #ccc;
+ padding-left: 17px;
+}
+
+#gPager .next {
+ background-image: url('../images/next.png');
+ background-position: right;
+ padding-right: 17px;
+}
+
+#gPager .next_inactive {
+ background-image: url('../images/next_inactive.png');
+ background-position: right;
+ color: #ccc;
+ padding-right: 17px;
+}
+
+#gPager .last {
+ background-image: url('../images/last.png');
+ background-position: right;
+ padding-right: 20px;
+}
+
+#gPager .last_inactive {
+ background-image: url('../images/last_inactive.png');
+ background-position: right;
+ color: #ccc;
+ padding-right: 20px;
+}
+
+/** *******************************************************************
+ * 7) Generic styles
+ ******************************************************************/
+
+.gButtonLink {
+ border: 1px solid #ccc;
+ display: block;
+ height: 24px;
+ line-height: 1.7em;
+ padding: 3px 1em 0;
+}
+
+.gButtonLink:hover {
+ background-color: #f3f3f3;
+}
+
+/** *******************************************************************
+ * 8) Browser hacks
+ *********************************************************************/
+
+.gClearFix:after {
+ clear: both;
+ content: ".";
+ display: block;
+ height: 0;
+ visibility: hidden;
+}
+
+/** *******************************************************************
+ * 9) Debugging information
+ *********************************************************************/
+
+div.gAnnotatedThemeBlock {
+ position: relative;
+ padding: 1em;
+ margin: 1em;
+ border: 1px solid #C00;
+ clear: both;
+}
+
+div.gAnnotatedThemeBlock_album_top {
+ float: right;
+}
+
+div.gAnnotatedThemeBlock_header_bottom {
+ float: right;
+}
+
+div.gAnnotatedThemeBlock div.title {
+ position: absolute;
+ top: -1em;
+ right: -1em;
+ border: 1px solid black;
+ background: #C00;
+ color: white;
+ text-align: left;
+ padding: 4px;
+ font-size: 110%;
+ -moz-border-radius: 5% 5% 5% 5%;
+}
+
+/** *******************************************************************
+ * 10) Ajax/DOM features
+ *********************************************************************/
+
+.gInPlaceEdit,
+.gInPlaceEdit form,
+.gInPlaceEdit input {
+ display: inline;
+}
+
+span.gInPlaceEdit:hover {
+ color: #6b8cb7;
+}
+
+.gClose a {
+ border: 1px solid #ccc;
+ color: #ccc;
+ display: block;
+ font-weight: bold;
+ padding: 1px 3px;
+}
+
+.gClose a:hover {
+ border: 1px solid #666;
+ color: #666;
+ text-decoration: none;
+}
+
+.gHide,
+.gClose {
+ display: none;
+}
+
+#gDialog {
+ background-color: #fff;
+ text-align: left;
+}
+
+#gDialog form {
+}
+
+.gDialogLink {
+
+}
+
+/** *******************************************************************
+ * 11) jQuery UI
+ *********************************************************************/
+
+/*UI tabs*/
+.ui-tabs-nav {
+ float: left;
+ position: relative;
+ z-index: 1;
+ border-right: 1px solid #ccc;
+ bottom: -1px;
+}
+.ui-tabs-nav li {
+ float: left;
+ border: 1px solid #ccc;
+ border-right: none;
+}
+.ui-tabs-nav li a {
+ float: left;
+ font-weight: normal;
+ text-decoration: none;
+ padding: .5em 1.7em;
+ color: #444444;
+ background: #e6e6e6 url(../jquery/images/e6e6e6_40x100_textures_02_glass_80.png) 0 50% repeat-x;
+}
+.ui-tabs-nav li a:hover, .ui-tabs-nav li a:focus, .ui-tabs-nav li a:active { /* order: LVHFA */
+ background: #eb9300 url(../jquery/images/eb9300_40x100_textures_02_glass_90.png) 0 50% repeat-x;
+ color: #111111;
+}
+.ui-tabs-nav li.ui-tabs-selected {
+ border-bottom-color: #8ab9ff;
+}
+.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover,
+.ui-tabs-nav li.ui-tabs-selected a:focus, .ui-tabs-nav li.ui-tabs-selected a:active {
+ background: #8ab9ff url(../jquery/images/8ab9ff_40x100_textures_02_glass_50.png) 0 50% repeat-x;
+ color: #000;
+}
+.ui-tabs-panel {
+ clear:left;
+ border: 1px solid #ccc;
+ background: #f3f3f3 url(../jquery/images/f3f3f3_40x100_textures_01_flat_0.png) 0 0 repeat-x;
+ color: #362b36;
+ padding: 1.5em 1.7em;
+ min-width: 0; /* => IE7 trigger hasLayout (while maintaining valid CSS) to prevent margins pushed here from preceding elements */
+}
+* html .ui-tabs-panel {
+ display: inline-block; /* => IE6 trigger hasLayout (while maintaining valid CSS) in IE6 to prevent margins pushed here from preceding elements */
+}
+.ui-tabs-hide {
+ display: none !important/*for accessible hiding: position: absolute; left: -99999999px;*/;
+}
+
+/*dialog*/
+.ui-dialog {
+ font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
+ font-size: 1.2em;
+ background: #f3f3f3 url(../jquery/images/f3f3f3_40x100_textures_01_flat_0.png) 0 0 repeat-x;
+ color: #362b36;
+ border: 4px solid #dddddd;
+ position: relative;
+}
+.ui-resizable-handle {
+ position: absolute;
+ font-size: 0.1px;
+ z-index: 99999;
+}
+.ui-resizable .ui-resizable-handle {
+ display: block;
+}
+body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
+body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
+.ui-resizable-n {
+ cursor: n-resize;
+ height: 7px;
+ width: 100%;
+ top: -5px;
+ left: 0px;
+}
+.ui-resizable-s {
+ cursor: s-resize;
+ height: 7px;
+ width: 100%;
+ bottom: -5px;
+ left: 0px;
+}
+.ui-resizable-e {
+ cursor: e-resize;
+ width: 7px;
+ right: -5px;
+ top: 0px;
+ height: 100%;
+}
+.ui-resizable-w {
+ cursor: w-resize;
+ width: 7px;
+ left: -5px;
+ top: 0px;
+ height: 100%;
+}
+.ui-resizable-se {
+ cursor: se-resize;
+ width: 18px;
+ height: 18px;
+ right: -5px;
+ bottom: -5px;
+ background: url(../jquery/images/222222_11x11_icon_resize_se.gif) no-repeat 0 0;
+}
+.ui-resizable-sw {
+ cursor: sw-resize;
+ width: 9px;
+ height: 9px;
+ left: -5px;
+ bottom: -5px;
+}
+.ui-resizable-nw {
+ cursor: nw-resize;
+ width: 9px;
+ height: 9px;
+ left: -5px;
+ top: -5px;
+}
+.ui-resizable-ne {
+ cursor: ne-resize;
+ width: 9px;
+ height: 9px;
+ right: -5px;
+ top: -5px;
+}
+.ui-dialog-titlebar {
+ padding: .5em 1.5em .5em 1em;
+ color: #444444;
+ background: #e6e6e6 url(../jquery/images/e6e6e6_40x100_textures_02_glass_80.png) 0 50% repeat-x;
+ border-bottom: 1px solid #cccccc;
+ font-size: 1em;
+ font-weight: normal;
+ position: relative;
+}
+.ui-dialog-title {}
+.ui-dialog-titlebar-close {
+ background: url(../jquery/images/888888_11x11_icon_close.gif) 0 0 no-repeat;
+ position: absolute;
+ right: 8px;
+ top: .7em;
+ width: 11px;
+ height: 11px;
+ z-index: 100;
+}
+.ui-dialog-titlebar-close-hover, .ui-dialog-titlebar-close:hover {
+ background: url(../jquery/images/222222_11x11_icon_close.gif) 0 0 no-repeat;
+}
+.ui-dialog-titlebar-close:active {
+ background: url(../jquery/images/ffffff_11x11_icon_close.gif) 0 0 no-repeat;
+}
+.ui-dialog-titlebar-close span {
+ display: none;
+}
+.ui-dialog-content {
+ color: #362b36;
+ padding: 1.5em 1.7em;
+}
+.ui-dialog-buttonpane {
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ text-align: left;
+ border-top: 1px solid #dddddd;
+ background: #f3f3f3;
+}
+.ui-dialog-buttonpane button {
+ margin: .5em 0 .5em 8px;
+ color: #444444;
+ background: #e6e6e6 url(../jquery/images/e6e6e6_40x100_textures_02_glass_80.png) 0 50% repeat-x;
+ font-size: 1em;
+ border: 1px solid #cccccc;
+ cursor: pointer;
+ padding: .2em .6em .3em .6em;
+ line-height: 1.4em;
+}
+.ui-dialog-buttonpane button:hover {
+ color: #111111;
+ background: #eb9300 url(../jquery/images/eb9300_40x100_textures_02_glass_90.png) 0 50% repeat-x;
+ border: 1px solid #888888;
+}
+.ui-dialog-buttonpane button:active {
+ color: #000000;
+ background: #8ab9ff url(../jquery/images/8ab9ff_40x100_textures_02_glass_50.png) 0 50% repeat-x;
+ border: 1px solid #2694e8;
+}
+/* This file skins dialog */
+.ui-dialog.ui-draggable .ui-dialog-titlebar,
+.ui-dialog.ui-draggable .ui-dialog-titlebar {
+ cursor: move;
+}
+
+/*
+Generic ThemeRoller Classes
+>> Make your jQuery Components ThemeRoller-Compatible!
+*/
+
+/*component global class*/
+.ui-component {
+}
+/*component content styles*/
+.ui-component-content {
+ border: 1px solid #dddddd;
+ background: #f3f3f3 url(../jquery/images/f3f3f3_40x100_textures_01_flat_0.png) 0 0 repeat-x;
+ color: #362b36;
+}
+.ui-component-content a {
+ color: #362b36;
+ text-decoration: underline;
+}
+/*component states*/
+.ui-default-state {
+ border: 1px solid #ccc;
+ background: #e6e6e6 url(../jquery/images/e6e6e6_40x100_textures_02_glass_80.png) 0 50% repeat-x;
+ font-weight: normal;
+ color: #444444 !important;
+}
+.ui-default-state a {
+ color: #444444;
+}
+.ui-default-state:hover, .ui-hover-state {
+ border: 1px solid #888888;
+ background: #eb9300 url(../jquery/images/eb9300_40x100_textures_02_glass_90.png) 0 50% repeat-x;
+ font-weight: normal;
+ color: #111111 !important;
+}
+.ui-hover-state a {
+ color: #111111;
+}
+.ui-default-state:active, .ui-active-state {
+ border: 1px solid #2694e8;
+ background: #8ab9ff url(../jquery/images/8ab9ff_40x100_textures_02_glass_50.png) 0 50% repeat-x;
+ font-weight: normal;
+ color: #000 !important;
+ outline: none;
+}
+.ui-active-state a {
+ color: #000;
+ outline: none;
+}
+/*icons*/
+.ui-arrow-right-default {background: url(../jquery/images/888888_7x7_arrow_right.gif) no-repeat 50% 50%;}
+.ui-arrow-right-default:hover, .ui-arrow-right-hover {background: url(../jquery/images/222222_7x7_arrow_right.gif) no-repeat 50% 50%;}
+.ui-arrow-right-default:active, .ui-arrow-right-active {background: url(../jquery/images/ffffff_7x7_arrow_right.gif) no-repeat 50% 50%;}
+.ui-arrow-right-content {background: url(../jquery/images/222222_7x7_arrow_right.gif) no-repeat 50% 50%;}
+
+.ui-arrow-left-default {background: url(../jquery/images/888888_7x7_arrow_left.gif) no-repeat 50% 50%;}
+.ui-arrow-left-default:hover, .ui-arrow-left-hover {background: url(../jquery/images/222222_7x7_arrow_left.gif) no-repeat 50% 50%;}
+.ui-arrow-left-default:active, .ui-arrow-left-active {background: url(../jquery/images/ffffff_7x7_arrow_left.gif) no-repeat 50% 50%;}
+.ui-arrow-left-content {background: url(../jquery/images/222222_7x7_arrow_left.gif) no-repeat 50% 50%;}
+
+.ui-arrow-down-default {background: url(../jquery/images/888888_7x7_arrow_down.gif) no-repeat 50% 50%;}
+.ui-arrow-down-default:hover, .ui-arrow-down-hover {background: url(../jquery/images/222222_7x7_arrow_down.gif) no-repeat 50% 50%;}
+.ui-arrow-down-default:active, .ui-arrow-down-active {background: url(../jquery/images/ffffff_7x7_arrow_down.gif) no-repeat 50% 50%;}
+.ui-arrow-down-content {background: url(../jquery/images/222222_7x7_arrow_down.gif) no-repeat 50% 50%;}
+
+.ui-arrow-up-default {background: url(../jquery/images/888888_7x7_arrow_up.gif) no-repeat 50% 50%;}
+.ui-arrow-up-default:hover, .ui-arrow-up-hover {background: url(../jquery/images/222222_7x7_arrow_up.gif) no-repeat 50% 50%;}
+.ui-arrow-up-default:active, .ui-arrow-up-active {background: url(../jquery/images/ffffff_7x7_arrow_up.gif) no-repeat 50% 50%;}
+.ui-arrow-up-content {background: url(../jquery/images/222222_7x7_arrow_up.gif) no-repeat 50% 50%;}
+
+.ui-close-default {background: url(../jquery/images/888888_11x11_icon_close.gif) no-repeat 50% 50%;}
+.ui-close-default:hover, .ui-close-hover {background: url(../jquery/images/222222_11x11_icon_close.gif) no-repeat 50% 50%;}
+.ui-close-default:active, .ui-close-active {background: url(../jquery/images/ffffff_11x11_icon_close.gif) no-repeat 50% 50%;}
+.ui-close-content {background: url(../jquery/images/ffffff_11x11_icon_close.gif) no-repeat 50% 50%;}
+
+.ui-folder-closed-default {background: url(../jquery/images/888888_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
+.ui-folder-closed-default:hover, .ui-folder-closed-hover {background: url(../jquery/images/222222_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
+.ui-folder-closed-default:active, .ui-folder-closed-active {background: url(../jquery/images/ffffff_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
+.ui-folder-closed-content {background: url(../jquery/images/888888_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
+
+.ui-folder-open-default {background: url(../jquery/images/888888_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
+.ui-folder-open-default:hover, .ui-folder-open-hover {background: url(../jquery/images/222222_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
+.ui-folder-open-default:active, .ui-folder-open-active {background: url(../jquery/images/ffffff_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
+.ui-folder-open-content {background: url(../jquery/images/ffffff_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
+
+.ui-doc-default {background: url(../jquery/images/888888_11x11_icon_doc.gif) no-repeat 50% 50%;}
+.ui-doc-default:hover, .ui-doc-hover {background: url(../jquery/images/222222_11x11_icon_doc.gif) no-repeat 50% 50%;}
+.ui-doc-default:active, .ui-doc-active {background: url(../jquery/images/ffffff_11x11_icon_doc.gif) no-repeat 50% 50%;}
+.ui-doc-content {background: url(../jquery/images/222222_11x11_icon_doc.gif) no-repeat 50% 50%;}
+
+.ui-arrows-leftright-default {background: url(../jquery/images/888888_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
+.ui-arrows-leftright-default:hover, .ui-arrows-leftright-hover {background: url(../jquery/images/222222_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
+.ui-arrows-leftright-default:active, .ui-arrows-leftright-active {background: url(../jquery/images/ffffff_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
+.ui-arrows-leftright-content {background: url(../jquery/images/222222_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
+
+.ui-arrows-updown-default {background: url(../jquery/images/888888_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
+.ui-arrows-updown-default:hover, .ui-arrows-updown-hover {background: url(../jquery/images/222222_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
+.ui-arrows-updown-default:active, .ui-arrows-updown-active {background: url(../jquery/images/ffffff_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
+.ui-arrows-updown-content {background: url(../jquery/images/222222_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
+
+.ui-minus-default {background: url(../jquery/images/888888_11x11_icon_minus.gif) no-repeat 50% 50%;}
+.ui-minus-default:hover, .ui-minus-hover {background: url(../jquery/images/222222_11x11_icon_minus.gif) no-repeat 50% 50%;}
+.ui-minus-default:active, .ui-minus-active {background: url(../jquery/images/ffffff_11x11_icon_minus.gif) no-repeat 50% 50%;}
+.ui-minus-content {background: url(../jquery/images/222222_11x11_icon_minus.gif) no-repeat 50% 50%;}
+
+.ui-plus-default {background: url(../jquery/images/888888_11x11_icon_plus.gif) no-repeat 50% 50%;}
+.ui-plus-default:hover, .ui-plus-hover {background: url(../jquery/images/222222_11x11_icon_plus.gif) no-repeat 50% 50%;}
+.ui-plus-default:active, .ui-plus-active {background: url(../jquery/images/ffffff_11x11_icon_plus.gif) no-repeat 50% 50%;}
+.ui-plus-content {background: url(../jquery/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 */