/* * jQuery UI CSS Framework 1.8.15 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework 1.8.15 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(http://rhythmragsandmore.com/Gallery/core/libs/jquery/ui/css/smoothness/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(http://rhythmragsandmore.com/Gallery/core/libs/jquery/ui/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(http://rhythmragsandmore.com/Gallery/core/libs/jquery/ui/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(http://rhythmragsandmore.com/Gallery/core/libs/jquery/ui/css/smoothness/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(http://rhythmragsandmore.com/Gallery/core/libs/jquery/ui/css/smoothness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(http://rhythmragsandmore.com/Gallery/core/libs/jquery/ui/css/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(http://rhythmragsandmore.com/Gallery/core/libs/jquery/ui/css/smoothness/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(http://rhythmragsandmore.com/Gallery/core/libs/jquery/ui/css/smoothness/images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(http://rhythmragsandmore.com/Gallery/core/libs/jquery/ui/css/smoothness/images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(http://rhythmragsandmore.com/Gallery/core/libs/jquery/ui/css/smoothness/images/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(http://rhythmragsandmore.com/Gallery/core/libs/jquery/ui/css/smoothness/images/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(http://rhythmragsandmore.com/Gallery/core/libs/jquery/ui/css/smoothness/images/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon {background-image: url(http://rhythmragsandmore.com/Gallery/core/libs/jquery/ui/css/smoothness/images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(http://rhythmragsandmore.com/Gallery/core/libs/jquery/ui/css/smoothness/images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(http://rhythmragsandmore.com/Gallery/core/libs/jquery/ui/css/smoothness/images/ui-icons_cd0a0a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(http://rhythmragsandmore.com/Gallery/core/libs/jquery/ui/css/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(http://rhythmragsandmore.com/Gallery/core/libs/jquery/ui/css/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } @CHARSET "UTF-8"; html, body{ color: #7d8083; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; height: 100%; } a:link, a:visited, a:hover{ color: #063b67; outline: none; } #processing { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color:#C94C74; color:#fff; display:none; font-weight:bold; font-size: 0.9em; left:50%; padding:5px 8px; position:absolute; top:40px; width:auto; z-index:9999; } #container{ background: #fff url(http://rhythmragsandmore.com/Gallery/app/web/img/body.png) 0 0 repeat; min-height: 100%; width: 100%; } #header{ margin: 0 auto; background: url(http://rhythmragsandmore.com/Gallery/app/web/img/header.png) 20px 26px no-repeat; width: 1024px; height: 98px; position: relative; } .nav{ position: absolute; top: 47px; right: 30px; height: 31px; width: 361px; } .nav li{ float: left; } .nav li a:link, .nav li a:visited{ display: block; height: 31px; float: left; margin: 0 2px; text-decoration: none; width: 116px; } .nav li a.home{ background: url(http://rhythmragsandmore.com/Gallery/app/web/img/menu_home.png) 0 0 no-repeat; } .nav li a.settings{ background: url(http://rhythmragsandmore.com/Gallery/app/web/img/menu_settings.png) 0 0 no-repeat; } .nav li a.logout{ background: url(http://rhythmragsandmore.com/Gallery/app/web/img/menu_logout.png) 0 0 no-repeat; } .nav li a:active, .nav li a:hover, .nav li a.focus{ background-position: 0 -31px; } #logo{ display: block; width: 246px; height: 66px; position: absolute; top: 28px; left: 31px; } #middle{ padding: 15px 17px 0; position: relative; overflow: hidden; margin: 0 auto; width: 990px; } #footer{ border-top: solid 1px #f3f3f3; padding: 20px 0 10px; margin: 0 auto; width: 990px; } /* Login */ #login-content{ background: url(http://rhythmragsandmore.com/Gallery/app/web/img/login.png) 0 0 no-repeat; margin: 10px auto; padding: 35px 0 0; height: 456px; width: 984px; } .login-box{ background-color: #fff; width: 412px; height: 191px; margin: 0 auto; box-shadow: 0 0 5px 2px #333; -moz-box-shadow: 0 0 5px 2px #333; -webkit-box-shadow: 0 0 5px 2px #333; padding: 35px 0 0; } #login-bottom{ width: 984px; margin: 0 auto 0; } #login-logo{ display: block; width: 246px; height: 66px; margin: 0 auto 20px; } /* Buttons */ .button{ border: none; cursor: pointer; height: 47px; width: 124px; } .button_login{background: url(http://rhythmragsandmore.com/Gallery/app/web/img/btn_login.png) 0 0 no-repeat;} .button_hover{background-position: 0 -47px;} /* Form controls */ .text, .select, .textarea{ background-color: #fff; border: solid 1px #dedede; box-shadow: inset 0px 0px 1px 1px #f3f3f3; /*-moz-box-shadow: inset 2px 2px 1px #dedede; -webkit-box-shadow: inset 2px 2px 1px #dedede;*/ padding: 7px 3px; } .text{ height: 20px; } .form{} .form p{ overflow: hidden; margin: 0 0 10px; } .form p label.title, .form div label.title{ display: block; float: left; font-weight: bold; padding: 10px 5px 0 0; width: 100px; text-align: right; } .form p label.title_right{ display: block; float: left; padding: 6px 6px 0 0; text-align: right; width: 90px; } label.error{ color: red; display: block; padding: 5px 0 0 105px; } label.error_clean{ color: red; display: block; } .errors{ color: red; padding: 5px 0; overflow: hidden; } span.left{ display: block; margin: 10px 0 0; } .form h3{ color: #185181; font-size: 1.1em; font-weight: bold; padding: 10px; text-transform: uppercase; } /* jqueryui fix */ .ui-widget { font-family: inherit; font-size: inherit; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: inherit; font-size: inherit; } img.ui-datepicker-trigger { cursor: pointer; } .ui-tabs .ui-tabs-panel { padding: 10px 0; overflow: hidden; } #content div.ui-tabs{ padding: 0; } #content div.ui-widget-content{ background: none; border: none; } /* status */ .label-status{ padding: 2px 4px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; white-space: nowrap; } .user-role-Admin{background-color: #6EB738; color: #fff; text-shadow: 1px 1px 1px #666;} /* Colors */ .white{background-color: #fff; border: solid 1px #ccc;} .sky{background-color: #EAFBFB; border: solid 1px #ccc;} .light{background-color: #f5f5f5; border: solid 1px #ccc;} .light-no-border{background-color: #f5f5f5} .radius-3{ -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .gallery-item, .gallery-clean-item{ overflow: hidden; float: left; margin: 0 1px 10px 1px; width: 245px; } .gallery-item p{ width: 245px; height: 244px; overflow: hidden; } .gallery-mask{background: url(http://rhythmragsandmore.com/Gallery/app/web/img/image_mask.png) 0 0 no-repeat} .gallery-clean{background: url(http://rhythmragsandmore.com/Gallery/app/web/img/image_clean.png) 0 0 no-repeat} .gallery-clean label, label.gallery-label{ border-bottom: solid 1px #ebebeb; color: #23313e; display: block; font-weight: bold; font-size: 1.2em; margin: 20px 25px 20px 20px; padding: 0 0 10px; text-align: center; } .gallery-mask img{ width: 208px; height: 207px; margin: 19px 0 0 18px; } .gallery-clean .image{ display: block; width: 208px; height: 207px; overflow: hidden; margin: 14px 22px 23px 15px; } .gallery-clean img{ /*width: 208px; height: 207px;*/ /*margin: 14px 0 0 15px;*/ } .gallery-item span{ display: block; text-align: center; padding: 5px 0 0; height: 30px; overflow: hidden; } .gallery-item span a:link, .gallery-item span a:visited{ color: #23313e; font-weight: bold; text-decoration: none; } .gallery-item span a:active, .gallery-item span a:hover{ } .gallery-item span abbr{ color: #83868a; font-weight: normal; } .gallery-item div{ overflow: hidden; padding: 0 0 0 38px; margin: 10px 0 25px; } .gallery-item .image:hover{ cursor: move; } a.ico{ display: block; height: 21px; width: 28px; float: left; margin: 0 6px; } a.ico-delete{background: url(http://rhythmragsandmore.com/Gallery/app/web/img/delete.png) 0 0 no-repeat;} a.ico-edit{background: url(http://rhythmragsandmore.com/Gallery/app/web/img/edit.png) 0 0 no-repeat;} a.ico-resize{background: url(http://rhythmragsandmore.com/Gallery/app/web/img/resize.png) 0 0 no-repeat;} a.ico-full{background: url(http://rhythmragsandmore.com/Gallery/app/web/img/full-screen.png) 0 0 no-repeat;} a.ico:active, a.ico:hover{background-position: 0 -21px} a.btn-gallery{ color: #9fa3a6; display: block; float: left; height: 26px; line-height: 26px; margin: 0 5px 20px 12px; padding: 0 0 0 30px; text-decoration: none; } a.btn-delete{background: url(http://rhythmragsandmore.com/Gallery/app/web/img/delete2.png) 0 0 no-repeat} a.btn-preview{background: url(http://rhythmragsandmore.com/Gallery/app/web/img/preview.png) 0 0 no-repeat} a.btn-options{background: url(http://rhythmragsandmore.com/Gallery/app/web/img/options.png) 0 0 no-repeat} a.btn-install{background: url(http://rhythmragsandmore.com/Gallery/app/web/img/install.png) 0 0 no-repeat} a.btn-gallery:active, a.btn-gallery:hover{background-position: 0 -26px} a.btn-gallery span, a.ico span{ display: none; } a.btn-upload{ background: url(http://rhythmragsandmore.com/Gallery/app/web/img/btn_upload.png) 0 0 no-repeat; display: block; width: 196px; height: 47px; clear: left; margin: 0 0 0 22px; overflow: hidden; } a.btn-upload:active, a.btn-upload:hover{background-position: 0 -47px} .button{ border: none; cursor: pointer; width: 162px; height: 47px; } .button-crop{ background: url(http://rhythmragsandmore.com/Gallery/app/web/img/btn_crop.png) 0 0 no-repeat; } .button-hover{background-position: 0 -47px} #sortable{ float: right; width: 741px; overflow: hidden; } .upload-images input{ opacity: 0; filter: alpha(opacity = 0); width: 100%; font-size: 50px; height: 100%; cursor: pointer; } .upload-images{ background: url(http://rhythmragsandmore.com/Gallery/app/web/img/btn_upload.png) 0 0 no-repeat; cursor: pointer; display: block; width: 196px; height: 47px; clear: left; margin: 0 0 0 22px; overflow: hidden; } .template-download{ color: #7D8083; font-size: 11px; } .clean-box{ width: 237px; overflow: hidden; } .clean-top{ background: url(http://rhythmragsandmore.com/Gallery/app/web/img/clean_top.png) 0 0 no-repeat; height: 8px; overflow: hidden; } .clean-middle{ background: url(http://rhythmragsandmore.com/Gallery/app/web/img/clean_middle.png) 0 0 repeat-y; overflow: hidden; } .clean-bottom{ background: url(http://rhythmragsandmore.com/Gallery/app/web/img/clean_bottom.png) 0 0 no-repeat; height: 8px; overflow: hidden; } .notice-box{ background-color: #fff; padding: 10px; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; box-shadow: 0 0 5px #ddd; -moz-box-shadow: 0 0 5px #ddd; -webkit-box-shadow: 0 0 5px #ddd; } .table td{ padding: 0 5px; } .inner{ margin: 0 auto; width: 984px; } .arrow-left:link, .arrow-left:visited{ background: url(http://rhythmragsandmore.com/Gallery/app/web/img/arrow_left.png) 0 0 no-repeat; color: #BCC2CA; display: block; height: 14px; margin: 18px 0 0 0; padding: 0 0 0 21px; float: left; text-decoration: none; } .arrow-left:hover, .arrow-left:active{ color: #BCC2CA; text-decoration: none; } @CHARSET "UTF-8"; /* reset */ html{overflow-y: auto; color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;} @CHARSET "UTF-8"; .float_left{float:left} .float_right{float:right} .clear_left{clear:left} .clear_right{clear:right} .clear_both{clear:both} .bold{font-weight:bold} .italic{font-style:italic} .no-border{border: none} .no-decor{text-decoration: none} .align_left{text-align:left} .align_center{text-align:center} .align_right{text-align:right} .align_top{vertical-align:top} .align_middle{vertical-align:middle} .align_bottom{vertical-align:bottom} .block{display:block} .none{display:none} .inline{display:inline} .overflow{overflow:hidden} .hidden{visibility:hidden} .pointer{cursor:pointer} .nowrap{white-space:nowrap} /* Margins, Width, Height */ .t5{margin-top: 5px}.t10{margin-top: 10px}.t15{margin-top: 15px}.t20{margin-top: 20px} .b5{margin-bottom: 5px}.b10{margin-bottom: 10px}.b15{margin-bottom: 15px}.b20{margin-bottom: 20px} .l0{margin-left: 0}.l5{margin-left: 5px}.l10{margin-left: 10px}.l15{margin-left: 15px}.l20{margin-left: 20px} .r0{margin-right: 0}.r1{margin-right: 1px}.r2{margin-right: 2px}.r3{margin-right: 3px}.r4{margin-right: 4px}.r5{margin-right: 5px}.r10{margin-right: 10px}.r15{margin-right: 15px}.r20{margin-right: 20px} .m0{margin: 0}.m5{margin: 5px}.m10{margin: 10px}.m15{margin: 15px}.m20{margin: 20px} .p0{padding: 0}.p1{padding: 1px}.p2{padding: 2px}.p3{padding: 3px}.p4{padding: 4px}.p5{padding: 5px} .pl0{padding: 0}.pr0{padding: 0}.pt0{padding: 0}.pb0{padding: 0}.pi{padding: inherit} .w10{width: 10px}.w20{width: 20px}.w30{width: 30px}.w40{width: 40px}.w50{width: 50px} .w60{width: 60px}.w70{width: 70px}.w80{width: 80px}.w90{width: 90px}.w100{width: 100px} .w110{width: 110px}.w150{width: 150px}.w160{width: 160px}.w170{width: 170px}.w180{width: 180px}.w190{width: 190px} .w200{width: 200px}.w250{width: 250px}.w260{width: 260px}.w270{width: 270px}.w280{width: 280px}.w290{width: 290px} .w300{width: 300px}.w350{width: 350px}.w360{width: 360px}.w370{width: 370px}.w380{width: 380px}.w390{width: 390px} .w400{width: 400px}.w420{width: 420px}.w430{width: 430px}.w440{width: 440px}.w450{width: 450px}.w460{width: 460px}.w470{width: 470px}.w480{width: 480px} .w500{width: 500px}.w520{width: 520px}.w530{width: 530px}.w550{width: 550px}.w580{width: 580px} .w600{width: 600px} .w650{width: 650px}.w700{width: 700px} .h10{height: 10px}.h20{height: 20px}.h25{height: 25px}.h30{height: 30px}.h40{height: 40px}.h50{height: 50px} .h60{height: 60px}.h70{height: 70px}.h80{height: 80px}.h90{height: 90px}.h100{height: 100px} .h120{height: 120px}.h150{height: 150px}.h170{height: 170px}.h180{height: 180px} .h200{height: 200px}.h210{height: 210px}.h220{height: 220px}.h230{height: 230px}.h300{height: 300px}.h400{height: 400px}.h500{height: 500px} /* colors */ .red{color: red !important} .gray{color: gray !important} .blue{color: blue !important} .light-blue{color: #1d659f !important}