/ * ! jQuery UI - v1 . 10 . 4 - 2014-06-17
* http : / / jqueryui . com
* Includes : jquery . ui . core . css , jquery . ui . resizable . css , jquery . ui . selectable . css , jquery . ui . accordion . css , jquery . ui . autocomplete . css , jquery . ui . button . css , jquery . ui . datepicker . css , jquery . ui . dialog . css , jquery . ui . menu . css , jquery . ui . progressbar . css , jquery . ui . slider . css , jquery . ui . spinner . css , jquery . ui . tabs . css , jquery . ui . tooltip . css , jquery . ui . theme . css
* To view and modify this theme , visit http : / / jqueryui . com / themeroller / ? ffDefault = Lucida % 20Grande % 2CVerdana % 2CArial % 2Csans-serif & fwDefault = bold & fsDefault = 1 . 0em & cornerRadius = 5px & bgColorHeader = e4e4e4 & bgTextureHeader = highlight_soft & bgImgOpacityHeader = 90 & borderColorHeader = fafafa & fcHeader = 666666 & iconColorHeader = 004458 & bgColorContent = fafafa & bgTextureContent = highlight_soft & bgImgOpacityContent = 75 & borderColorContent = aaaaaa & fcContent = 33333 & iconColorContent = 004458 & bgColorDefault = f8f8f8 & bgTextureDefault = highlight_hard & bgImgOpacityDefault = 75 & borderColorDefault = cccccc & fcDefault = 666666 & iconColorDefault = 004458 & bgColorHover = eaeaea & bgTextureHover = highlight_hard & bgImgOpacityHover = 75 & borderColorHover = aaaaaa & fcHover = 333333 & iconColorHover = 004458 & bgColorActive = ffffff & bgTextureActive = highlight_hard & bgImgOpacityActive = 65 & borderColorActive = aaaaaa & fcActive = 333333 & iconColorActive = 004458 & bgColorHighlight = b0ccd7 & bgTextureHighlight = highlight_hard & bgImgOpacityHighlight = 55 & borderColorHighlight = a3a3a3 & fcHighlight = 004458 & iconColorHighlight = 004458 & bgColorError = fef1ec & bgTextureError = flat & bgImgOpacityError = 95 & borderColorError = d7211e & fcError = d64040 & iconColorError = d7211e & bgColorOverlay = 333333 & bgTextureOverlay = flat & bgImgOpacityOverlay = 0 & opacityOverlay = 50 & bgColorShadow = 666666 & bgTextureShadow = flat & bgImgOpacityShadow = 0 & opacityShadow = 20 & thicknessShadow = 6px & offsetTopShadow = -6px & offsetLeftShadow = -6px & cornerRadiusShadow = 8px
* Copyright 2014 jQuery Foundation and other contributors ; Licensed MIT * /
/ * Layout helpers
---------------------------------- * /
. ui-helper-hidden {
display : none ;
}
. ui-helper-hidden-accessible {
border : 0 ;
clip : rect ( 0 0 0 0 ) ;
height : 1px ;
margin : -1px ;
overflow : hidden ;
padding : 0 ;
position : absolute ;
width : 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 : before ,
. ui-helper-clearfix : after {
content : "" ;
display : table ;
border-collapse : collapse ;
}
. ui-helper-clearfix : after {
clear : both ;
}
. ui-helper-clearfix {
min-height : 0 ; /* support: IE7 */
}
. ui-helper-zfix {
width : 100 % ;
height : 100 % ;
top : 0 ;
left : 0 ;
position : absolute ;
opacity : 0 ;
filter : Alpha ( Opacity = 0 ) ;
}
. ui-front {
z-index : 100 ;
}
/ * 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 : fixed ;
top : 0 ;
left : 0 ;
width : 100 % ;
height : 100 % ;
}
. ui-resizable {
position : relative ;
}
. ui-resizable-handle {
position : absolute ;
font-size : 0 . 1px ;
display : block ;
}
. ui-resizable-disabled . ui-resizable-handle ,
. ui-resizable-autohide . ui-resizable-handle {
display : none ;
}
. ui-resizable-n {
cursor : n-resize ;
height : 7px ;
width : 100 % ;
top : -5px ;
left : 0 ;
}
. ui-resizable-s {
cursor : s-resize ;
height : 7px ;
width : 100 % ;
bottom : -5px ;
left : 0 ;
}
. ui-resizable-e {
cursor : e-resize ;
width : 7px ;
right : -5px ;
top : 0 ;
height : 100 % ;
}
. ui-resizable-w {
cursor : w-resize ;
width : 7px ;
left : -5px ;
top : 0 ;
height : 100 % ;
}
. ui-resizable-se {
cursor : se-resize ;
width : 12px ;
height : 12px ;
right : 1px ;
bottom : 1px ;
}
. 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-selectable-helper {
position : absolute ;
z-index : 100 ;
border : 1px dotted black ;
}
. ui-accordion . ui-accordion-header {
display : block ;
cursor : pointer ;
position : relative ;
margin-top : 2px ;
padding : . 5em . 5em . 5em . 7em ;
min-height : 0 ; /* support: IE7 */
}
. ui-accordion . ui-accordion-icons {
padding-left : 2 . 2em ;
}
. ui-accordion . ui-accordion-noicons {
padding-left : . 7em ;
}
. ui-accordion . ui-accordion-icons . ui-accordion-icons {
padding-left : 2 . 2em ;
}
. ui-accordion . ui-accordion-header . ui-accordion-header-icon {
position : absolute ;
left : . 5em ;
top : 50 % ;
margin-top : -8px ;
}
. ui-accordion . ui-accordion-content {
padding : 1em 2 . 2em ;
border-top : 0 ;
overflow : auto ;
}
. ui-autocomplete {
position : absolute ;
top : 0 ;
left : 0 ;
cursor : default ;
}
. ui-button {
display : inline-block ;
position : relative ;
padding : 0 ;
line-height : normal ;
margin-right : . 1em ;
cursor : pointer ;
vertical-align : middle ;
text-align : center ;
overflow : visible ; /* removes extra width in IE */
}
. ui-button ,
. ui-button : link ,
. ui-button : visited ,
. ui-button : hover ,
. ui-button : active {
text-decoration : none ;
}
/* to make room for the icon, a width needs to be set here */
. ui-button-icon-only {
width : 2 . 2em ;
}
/* button elements seem to need a little more width */
button . ui-button-icon-only {
width : 2 . 4em ;
}
. ui-button-icons-only {
width : 3 . 4em ;
}
button . ui-button-icons-only {
width : 3 . 7em ;
}
/* button text element */
. ui-button . ui-button-text {
display : block ;
line-height : normal ;
}
. ui-button-text-only . ui-button-text {
padding : . 4em 1em ;
}
. ui-button-icon-only . ui-button-text ,
. ui-button-icons-only . ui-button-text {
padding : . 4em ;
text-indent : -9999999px ;
width : 1px ;
overflow : hidden ;
}
. ui-button-text-icon-primary . ui-button-text ,
. ui-button-text-icons . ui-button-text {
padding : . 4em 1em . 4em 2 . 1em ;
}
. ui-button-text-icon-secondary . ui-button-text ,
. ui-button-text-icons . ui-button-text {
padding : . 4em 2 . 1em . 4em 1em ;
}
. ui-button-text-icons . ui-button-text {
padding-left : 2 . 1em ;
padding-right : 2 . 1em ;
}
/* no icon support for input elements, provide padding by default */
input . ui-button {
padding : . 4em 1em ;
}
/* button icon element(s) */
. ui-button-icon-only . ui-icon ,
. ui-button-text-icon-primary . ui-icon ,
. ui-button-text-icon-secondary . ui-icon ,
. ui-button-text-icons . ui-icon ,
. ui-button-icons-only . ui-icon {
position : absolute ;
top : 50 % ;
margin-top : -8px ;
}
. ui-button-icon-only . ui-icon {
left : 50 % ;
margin-left : -8px ;
}
. ui-button-text-icon-primary . ui-button-icon-primary ,
. ui-button-text-icons . ui-button-icon-primary ,
. ui-button-icons-only . ui-button-icon-primary {
left : . 5em ;
}
. ui-button-text-icon-secondary . ui-button-icon-secondary ,
. ui-button-text-icons . ui-button-icon-secondary ,
. ui-button-icons-only . ui-button-icon-secondary {
right : . 5em ;
}
/* button sets */
. ui-buttonset {
margin-right : 7px ;
}
. ui-buttonset . ui-button {
margin-left : 0 ;
margin-right : - . 3em ;
}
/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input . ui-button :: -moz-focus-inner ,
button . ui-button :: -moz-focus-inner {
border : 0 ;
padding : 0 ;
}
. ui-datepicker {
width : 17em ;
padding : . 2em . 2em 0 ;
display : none ;
}
. ui-datepicker . ui-datepicker-header {
position : relative ;
padding : . 2em 0 ;
}
. ui-datepicker . ui-datepicker-prev ,
. ui-datepicker . ui-datepicker-next {
position : absolute ;
top : 2px ;
width : 1 . 8em ;
height : 1 . 8em ;
}
. ui-datepicker . ui-datepicker-prev-hover ,
. ui-datepicker . ui-datepicker-next-hover {
top : 1px ;
}
. ui-datepicker . ui-datepicker-prev {
left : 2px ;
}
. ui-datepicker . ui-datepicker-next {
right : 2px ;
}
. ui-datepicker . ui-datepicker-prev-hover {
left : 1px ;
}
. ui-datepicker . ui-datepicker-next-hover {
right : 1px ;
}
. ui-datepicker . ui-datepicker-prev span ,
. ui-datepicker . ui-datepicker-next span {
display : block ;
position : absolute ;
left : 50 % ;
margin-left : -8px ;
top : 50 % ;
margin-top : -8px ;
}
. ui-datepicker . ui-datepicker-title {
margin : 0 2 . 3em ;
line-height : 1 . 8em ;
text-align : center ;
}
. ui-datepicker . ui-datepicker-title select {
font-size : 1em ;
margin : 1px 0 ;
}
. ui-datepicker select . ui-datepicker-month ,
. ui-datepicker select . ui-datepicker-year {
width : 49 % ;
}
. ui-datepicker table {
width : 100 % ;
font-size : . 9em ;
border-collapse : collapse ;
margin : 0 0 . 4em ;
}
. ui-datepicker th {
padding : . 7em . 3em ;
text-align : center ;
font-weight : bold ;
border : 0 ;
}
. ui-datepicker td {
border : 0 ;
padding : 1px ;
}
. ui-datepicker td span ,
. ui-datepicker td a {
display : block ;
padding : . 2em ;
text-align : right ;
text-decoration : none ;
}
. ui-datepicker . ui-datepicker-buttonpane {
background-image : none ;
margin : . 7em 0 0 0 ;
padding : 0 . 2em ;
border-left : 0 ;
border-right : 0 ;
border-bottom : 0 ;
}
. ui-datepicker . ui-datepicker-buttonpane button {
float : right ;
margin : . 5em . 2em . 4em ;
cursor : pointer ;
padding : . 2em . 6em . 3em . 6em ;
width : auto ;
overflow : visible ;
}
. ui-datepicker . ui-datepicker-buttonpane button . ui-datepicker-current {
float : left ;
}
/* with multiple calendars */
. ui-datepicker . ui-datepicker-multi {
width : auto ;
}
. ui-datepicker-multi . ui-datepicker-group {
float : left ;
}
. ui-datepicker-multi . ui-datepicker-group table {
width : 95 % ;
margin : 0 auto . 4em ;
}
. ui-datepicker-multi-2 . ui-datepicker-group {
width : 50 % ;
}
. ui-datepicker-multi-3 . ui-datepicker-group {
width : 33 . 3 % ;
}
. ui-datepicker-multi-4 . ui-datepicker-group {
width : 25 % ;
}
. ui-datepicker-multi . ui-datepicker-group-last . ui-datepicker-header ,
. ui-datepicker-multi . ui-datepicker-group-middle . ui-datepicker-header {
border-left-width : 0 ;
}
. ui-datepicker-multi . ui-datepicker-buttonpane {
clear : left ;
}
. ui-datepicker-row-break {
clear : both ;
width : 100 % ;
font-size : 0 ;
}
/* RTL support */
. ui-datepicker-rtl {
direction : rtl ;
}
. ui-datepicker-rtl . ui-datepicker-prev {
right : 2px ;
left : auto ;
}
. ui-datepicker-rtl . ui-datepicker-next {
left : 2px ;
right : auto ;
}
. ui-datepicker-rtl . ui-datepicker-prev : hover {
right : 1px ;
left : auto ;
}
. ui-datepicker-rtl . ui-datepicker-next : hover {
left : 1px ;
right : auto ;
}
. ui-datepicker-rtl . ui-datepicker-buttonpane {
clear : right ;
}
. ui-datepicker-rtl . ui-datepicker-buttonpane button {
float : left ;
}
. ui-datepicker-rtl . ui-datepicker-buttonpane button . ui-datepicker-current ,
. ui-datepicker-rtl . ui-datepicker-group {
float : right ;
}
. ui-datepicker-rtl . ui-datepicker-group-last . ui-datepicker-header ,
. ui-datepicker-rtl . ui-datepicker-group-middle . ui-datepicker-header {
border-right-width : 0 ;
border-left-width : 1px ;
}
. ui-dialog {
position : absolute ;
top : 0 ;
left : 0 ;
padding : 3px ;
background : # fff ;
border-radius : 6px ! important ;
border : 0 ! important ;
outline : 0 ;
-webkit-box-shadow : # 666 1px 1px 12px ;
-moz-box-shadow : 1px 1px 12px # 666 ;
box-shadow : 1px 1px 18px # 666 ;
}
. ui-dialog . ui-dialog-titlebar {
padding : 15px 1em 8px 1em ;
position : relative ;
border : 0 ;
border-radius : 5px 5px 0 0 ;
}
. ui-dialog . ui-dialog-title {
float : left ;
margin : . 1em 16px . 1em 0 ;
font-size : 1 . 3em ;
text-shadow : 1px 1px 1px # fff ;
white-space : nowrap ;
width : 90 % ;
overflow : hidden ;
text-overflow : ellipsis ;
}
. ui-dialog . ui-button . ui-dialog-titlebar-close {
position : absolute ;
right : -15px ;
top : -15px ;
width : 29px ;
height : 29px ;
margin : 0 ;
padding : 0 ;
z-index : 99999 ;
border-radius : 50 % ;
border-width : 0 ! important ;
background : none ! important ;
filter : none ! important ;
-webkit-box-shadow : none ! important ;
-moz-box-shadow : none ! important ;
-o-box-shadow : none ! important ;
box-shadow : none ! important ;
}
. ui-dialog . ui-dialog-titlebar-close . ui-button : focus ,
. ui-dialog . ui-dialog-titlebar-close . ui-button . ui-state-focus {
box-shadow : 0 0 2px 2px rgba ( 71 , 135 , 177 , 0 . 9 ) ! important ;
-webkit-box-shadow : 0 0 2px 2px rgba ( 71 , 135 , 177 , 0 . 9 ) ! important ;
}
. ui-dialog . ui-dialog-titlebar-close . ui-icon-closethick {
top : 0 ;
left : -1px ;
margin : 0 ;
width : 29px ;
height : 29px ;
border-radius : 50 % ;
background : url ( "images/ui-dialog-close.png" ) 0 0 no-repeat ;
}
. no-close . ui-dialog-titlebar-close {
display : none ! important ;
}
. ui-dialog . ui-dialog-content {
position : relative ;
border : 0 ;
padding : 1 . 5em 1em 0 . 5em 1em ;
background : none ;
overflow : auto ;
}
. ui-dialog . ui-widget-content {
border : 0 ;
}
. ui-dialog . ui-dialog-buttonpane {
text-align : left ;
border-width : 1px 0 0 0 ;
background-image : none ;
border-color : # ddd ;
border-style : solid ;
margin : 0 ;
padding : . 3em 1em . 5em . 8em ;
}
. ui-dialog . ui-dialog-buttonpane . ui-dialog-buttonset {
float : left ;
}
. ui-dialog . ui-dialog-buttonpane button {
margin : . 5em . 4em . 5em 0 ;
cursor : pointer ;
}
. ui-dialog . ui-resizable-se {
width : 14px ;
height : 14px ;
right : 3px ;
bottom : 3px ;
background-position : -80px -224px ;
}
. ui-draggable . ui-dialog-titlebar {
cursor : move ;
}
. ui-menu {
list-style : none ;
padding : 0 ;
margin : 0 ;
display : block ;
outline : none ;
background : # 444 ;
border : 1px solid # 999 ;
border-radius : 4px ! important ;
-webkit-box-shadow : 0 2px 6px 0 # 333 ;
-moz-box-shadow : 0 2px 6px 0 # 333 ;
-o-box-shadow : 0 2px 6px 0 # 333 ;
box-shadow : 0 2px 6px 0 # 333 ;
}
. ui-menu . ui-menu {
margin-top : -3px ;
position : absolute ;
}
. ui-menu . ui-menu-item {
margin : 0 ;
padding : 0 ;
width : 100 % ;
/* support: IE10, see #8844 */
list-style-image : url ( data : image / gif ; base64 , R0lGODlhAQABAIAAAAAAAP / / / yH5BAEAAAAALAAAAAABAAEAAAIBRAA7 ) ;
color : # fff ;
white-space : nowrap ;
border-top : 1px solid # 5a5a5a ;
border-bottom : 1px solid # 333 ;
}
. ui-menu . ui-menu-item : first-child {
border-top : 0 ;
}
. ui-menu . ui-menu-item : last-child {
border-bottom : 0 ;
}
. ui-menu . ui-menu-divider {
margin : 5px -2px 5px -2px ;
height : 0 ;
font-size : 0 ;
line-height : 0 ;
border-width : 1px 0 0 0 ;
}
. ui-menu . ui-menu-item a {
text-decoration : none ;
display : block ;
padding : 6px 10px 4px 10px ;
line-height : 1 . 5 ;
min-height : 0 ; /* support: IE7 */
font-weight : normal ;
border : 0 ;
margin : 0 ;
border-radius : 0 ;
color : # fff ;
background : # 444 ;
text-shadow : 0px 1px 1px # 333 ;
}
. ui-menu . ui-menu-item a . ui-state-focus ,
. ui-menu . ui-menu-item a . ui-state-active {
font-weight : normal ;
background : # 00aad6 ;
background : -moz-linear-gradient ( top , # 00aad6 0 % , # 008fc9 100 % ) ;
background : -webkit-gradient ( linear , left top , left bottom , color-stop ( 0 % , # 00aad6 ) , color-stop ( 100 % , # 008fc9 ) ) ;
background : -o-linear-gradient ( top , # 00aad6 0 % , # 008fc9 100 % ) ;
background : -ms-linear-gradient ( top , # 00aad6 0 % , # 008fc9 100 % ) ;
background : linear-gradient ( top , # 00aad6 0 % , # 008fc9 100 % ) ;
}
. ui-menu . ui-state-disabled {
font-weight : normal ;
margin : . 4em 0 . 2em ;
line-height : 1 . 5 ;
}
. ui-menu . ui-state-disabled a {
cursor : default ;
}
/* icon support */
. ui-menu-icons {
position : relative ;
}
. ui-menu-icons . ui-menu-item a {
position : relative ;
padding-left : 2em ;
}
/* left-aligned */
. ui-menu . ui-icon {
position : absolute ;
top : . 2em ;
left : . 2em ;
}
/* right-aligned */
. ui-menu . ui-menu-icon {
position : static ;
float : right ;
}
. ui-progressbar {
height : 2em ;
text-align : left ;
overflow : hidden ;
}
. ui-progressbar . ui-progressbar-value {
margin : -1px ;
height : 100 % ;
}
. ui-progressbar . ui-progressbar-overlay {
background : url ( "images/animated-overlay.gif" ) ;
height : 100 % ;
filter : alpha ( opacity = 25 ) ;
opacity : 0 . 25 ;
}
. ui-progressbar-indeterminate . ui-progressbar-value {
background-image : none ;
}
. ui-slider {
position : relative ;
text-align : left ;
}
. ui-slider . ui-slider-handle {
position : absolute ;
z-index : 2 ;
width : 1 . 2em ;
height : 1 . 2em ;
cursor : default ;
}
. ui-slider . ui-slider-range {
position : absolute ;
z-index : 1 ;
font-size : . 7em ;
display : block ;
border : 0 ;
background : # 019bc6 ;
background : -moz-linear-gradient ( top , # 019bc6 0 % , # 017cb4 100 % ) ;
background : -webkit-gradient ( linear , left top , left bottom , color-stop ( 0 % , # 019bc6 ) , color-stop ( 100 % , # 017cb4 ) ) ;
background : -o-linear-gradient ( top , # 019bc6 0 % , # 017cb4 100 % ) ;
background : -ms-linear-gradient ( top , # 019bc6 0 % , # 017cb4 100 % ) ;
background : linear-gradient ( top , # 019bc6 0 % , # 017cb4 100 % ) ;
filter : progid : DXImageTransform . Microsoft . gradient ( startColorstr = '#019bc6' , endColorstr = '#017cb4' , GradientType = 0 ) ;
}
/* For IE8 - See #6727 */
. ui-slider . ui-state-disabled . ui-slider-handle ,
. ui-slider . ui-state-disabled . ui-slider-range {
filter : inherit ;
}
. ui-slider-horizontal {
height : . 8em ;
}
. ui-slider-horizontal . ui-slider-handle {
top : - . 3em ;
margin-left : - . 6em ;
}
. ui-slider-horizontal . ui-slider-range {
top : 0 ;
height : 100 % ;
}
. ui-slider-horizontal . ui-slider-range-min {
left : 0 ;
}
. ui-slider-horizontal . ui-slider-range-max {
right : 0 ;
}
. ui-slider-vertical {
width : . 8em ;
height : 100px ;
}
. ui-slider-vertical . ui-slider-handle {
left : - . 3em ;
margin-left : 0 ;
margin-bottom : - . 6em ;
}
. ui-slider-vertical . ui-slider-range {
left : 0 ;
width : 100 % ;
}
. ui-slider-vertical . ui-slider-range-min {
bottom : 0 ;
}
. ui-slider-vertical . ui-slider-range-max {
top : 0 ;
}
. ui-spinner {
position : relative ;
display : inline-block ;
overflow : hidden ;
padding : 0 ;
vertical-align : middle ;
}
. ui-spinner-input {
border : none ;
background : none ;
color : inherit ;
padding : 0 ;
margin : . 2em 0 ;
vertical-align : middle ;
margin-left : . 4em ;
margin-right : 22px ;
}
. ui-spinner-button {
width : 16px ;
height : 50 % ;
font-size : . 5em ;
padding : 0 ;
margin : 0 ;
text-align : center ;
position : absolute ;
cursor : default ;
display : block ;
overflow : hidden ;
right : 0 ;
}
/* more specificity required here to override default borders */
. ui-spinner a . ui-spinner-button {
border-top : none ;
border-bottom : none ;
border-right : none ;
}
/* vertically center icon */
. ui-spinner . ui-icon {
position : absolute ;
margin-top : -8px ;
top : 50 % ;
left : 0 ;
}
. ui-spinner-up {
top : 0 ;
}
. ui-spinner-down {
bottom : 0 ;
}
/* TR overrides */
. ui-spinner . ui-icon-triangle-1-s {
/* need to fix icons sprite */
background-position : -65px -16px ;
}
. ui-tabs {
position : relative ; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
padding : . 2em ;
}
. ui-tabs . ui-tabs-nav {
margin : 0 ; padding : 0 ;
border : 0 ;
background : transparent ;
filter : none ;
height : 44px ;
}
. ui-tabs . ui-tabs-nav li {
list-style : none ;
position : relative ;
display : inline-block ;
top : 0 ;
margin : 0 ;
border : 0 ! important ;
padding : 0 1px 0 0 ;
white-space : nowrap ;
background : # f8f8f8 ;
background : -moz-linear-gradient ( top , # f8f8f8 0 % , # d3d3d3 50 % , # f8f8f8 100 % ) ;
background : -webkit-gradient ( linear , left top , left bottom , color-stop ( 0 % , # f8f8f8 ) , color-stop ( 50 % , # d3d3d3 ) , color-stop ( 100 % , # f8f8f8 ) ) ;
background : -webkit-linear-gradient ( top , # f8f8f8 0 % , # d3d3d3 50 % , # f8f8f8 100 % ) ;
background : -o-linear-gradient ( top , # f8f8f8 0 % , # d3d3d3 50 % , # f8f8f8 100 % ) ;
background : -ms-linear-gradient ( top , # f8f8f8 0 % , # d3d3d3 50 % , # f8f8f8 100 % ) ;
background : linear-gradient ( top , # f8f8f8 0 % , # d3d3d3 50 % , # f8f8f8 100 % ) ;
filter : progid : DXImageTransform . Microsoft . gradient ( startColorstr = '#f8f8f8' , endColorstr = '#d3d3d3' , GradientType = 0 ) ;
}
. ui-tabs . ui-tabs-nav li : last-child {
background : none ;
}
. ui-tabs . ui-tabs-nav . ui-tabs-anchor {
display : inline-block ;
padding : 15px ;
text-decoration : none ;
font-size : 12px ;
color : # 999 ;
background : # fafafa ;
border-right : 1px solid # fafafa ;
}
. ui-tabs . ui-tabs-nav li . ui-tabs-active {
margin-bottom : -1px ;
padding-bottom : 1px ;
}
. ui-tabs . ui-tabs-nav li . ui-tabs-active . ui-tabs-anchor ,
. ui-tabs . ui-tabs-nav li . ui-state-disabled . ui-tabs-anchor ,
. ui-tabs . ui-tabs-nav li . ui-tabs-loading . ui-tabs-anchor {
cursor : text ;
}
. ui-tabs . ui-tabs-nav li . ui-tabs-active . ui-tabs-anchor {
outline : none ;
color : # 004458 ;
background : # efefef ;
background : -moz-linear-gradient ( top , # fafafa 40 % , # e4e4e4 100 % ) ;
background : -webkit-gradient ( linear , left top , left bottom , color-stop ( 40 % , # fff ) , color-stop ( 100 % , # e4e4e4 ) ) ;
background : -o-linear-gradient ( top , # fafafa 40 % , # e4e4e4 100 % ) ;
background : -ms-linear-gradient ( top , # fafafa 40 % , # e4e4e4 100 % ) ;
background : linear-gradient ( top , # fafafa 40 % , # e4e4e4 100 % ) ;
filter : progid : DXImageTransform . Microsoft . gradient ( startColorstr = '#fafafa' , endColorstr = '#e4e4e4' , GradientType = 0 ) ;
}
. ui-tabs-collapsible . ui-tabs-nav li . ui-tabs-active . ui-tabs-anchor {
cursor : pointer ;
}
. ui-tabs . ui-tabs-panel {
display : block ;
border-width : 0 ;
padding : 0 . 5em 1em ;
margin-top : 0 . 2em ;
background : # efefef ;
}
. ui-tooltip {
padding : 8px ;
position : absolute ;
z-index : 9999 ;
max-width : 300px ;
-webkit-box-shadow : 0 0 5px # aaa ;
box-shadow : 0 0 5px # aaa ;
}
body . ui-tooltip {
border-width : 2px ;
}
/ * Component containers
---------------------------------- * /
. ui-widget {
font-family : Lucida Grande , Verdana , Arial , sans-serif ;
font-size : 1 . 0em ;
}
. ui-widget . ui-widget {
font-size : 1em ;
}
. ui-widget input ,
. ui-widget select ,
. ui-widget textarea ,
. ui-widget button {
font-family : Lucida Grande , Verdana , Arial , sans-serif ;
font-size : 1em ;
}
. ui-widget-content {
border : 1px solid # aaaaaa ;
background : # fafafa ;
color : # 333333 ;
}
. ui-widget-content a {
color : # 0186ba ;
}
. ui-widget-header {
border : 1px solid # fafafa ;
background : # e4e4e4 ;
background : -moz-linear-gradient ( top , # f2f2f2 0 % , # e4e4e4 100 % ) ;
background : -webkit-gradient ( linear , left top , left bottom , color-stop ( 0 % , # f2f2f2 ) , color-stop ( 100 % , # e4e4e4 ) ) ;
background : -o-linear-gradient ( top , # f2f2f2 0 % , # e4e4e4 100 % ) ;
background : -ms-linear-gradient ( top , # f2f2f2 0 % , # e4e4e4 100 % ) ;
background : linear-gradient ( top , # f2f2f2 0 % , # e4e4e4 100 % ) ;
filter : progid : DXImageTransform . Microsoft . gradient ( startColorstr = '#f2f2f2' , endColorstr = '#e4e4e4' , GradientType = 0 ) ;
color : # 666666 ;
font-weight : bold ;
}
. ui-widget-header a {
color : # 666666 ;
}
/ * Interaction states
---------------------------------- * /
. ui-state-default ,
. ui-widget-content . ui-state-default ,
. ui-widget-header . ui-state-default {
border : 1px solid # cccccc ;
background : # f8f8f8 ;
font-weight : bold ;
color : # 666666 ;
}
. ui-state-default a ,
. ui-state-default a : link ,
. ui-state-default a : visited {
color : # 666666 ;
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 # aaaaaa ;
background : # eaeaea ;
font-weight : bold ;
color : # 333333 ;
}
. ui-state-hover a ,
. ui-state-hover a : hover ,
. ui-state-hover a : link ,
. ui-state-hover a : visited ,
. ui-state-focus a ,
. ui-state-focus a : hover ,
. ui-state-focus a : link ,
. ui-state-focus a : visited {
color : # 333333 ;
text-decoration : none ;
}
. ui-state-active ,
. ui-widget-content . ui-state-active ,
. ui-widget-header . ui-state-active {
border : 1px solid # aaaaaa ;
background : # ffffff ;
font-weight : bold ;
color : # 333333 ;
}
. ui-state-active a ,
. ui-state-active a : link ,
. ui-state-active a : visited {
color : # 333333 ;
text-decoration : none ;
}
/ * Interaction Cues
---------------------------------- * /
. ui-state-highlight ,
. ui-widget-content . ui-state-highlight ,
. ui-widget-header . ui-state-highlight {
border : 1px solid # a3a3a3 ;
background : # b0ccd7 ;
color : # 004458 ;
}
. ui-state-highlight a ,
. ui-widget-content . ui-state-highlight a ,
. ui-widget-header . ui-state-highlight a {
color : # 004458 ;
}
. ui-state-error ,
. ui-widget-content . ui-state-error ,
. ui-widget-header . ui-state-error {
border : 1px solid # d7211e ;
background : # fef1ec ;
color : # d64040 ;
}
. ui-state-error a ,
. ui-widget-content . ui-state-error a ,
. ui-widget-header . ui-state-error a {
color : # d64040 ;
}
. ui-state-error-text ,
. ui-widget-content . ui-state-error-text ,
. ui-widget-header . ui-state-error-text {
color : # d64040 ;
}
. 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 ;
}
. ui-state-disabled . ui-icon {
filter : Alpha ( Opacity = 35 ) ; /* For IE8 - See #6059 */
}
/ * Icons
---------------------------------- * /
/* states and images */
. ui-icon {
width : 16px ;
height : 16px ;
}
. ui-icon ,
. ui-widget-content . ui-icon {
background-image : url ( "images/ui-icons_004458_256x240.png" ) ;
}
. ui-widget-header . ui-icon {
background-image : url ( "images/ui-icons_004458_256x240.png" ) ;
}
. ui-state-default . ui-icon {
background-image : url ( "images/ui-icons_004458_256x240.png" ) ;
}
. ui-state-hover . ui-icon ,
. ui-state-focus . ui-icon {
background-image : url ( "images/ui-icons_004458_256x240.png" ) ;
}
. ui-state-active . ui-icon {
background-image : url ( "images/ui-icons_004458_256x240.png" ) ;
}
. ui-state-highlight . ui-icon {
background-image : url ( "images/ui-icons_004458_256x240.png" ) ;
}
. ui-state-error . ui-icon ,
. ui-state-error-text . ui-icon {
background-image : url ( "images/ui-icons_d7211e_256x240.png" ) ;
}
/* positioning */
. ui-icon-blank { background-position : 16 px 16 px ; }
. ui-icon-carat-1-n { background-position : 0 0 ; }
. ui-icon-carat-1-ne { background-position : -16 px 0 ; }
. ui-icon-carat-1-e { background-position : -32 px 0 ; }
. ui-icon-carat-1-se { background-position : -48 px 0 ; }
. ui-icon-carat-1-s { background-position : -64 px 0 ; }
. ui-icon-carat-1-sw { background-position : -80 px 0 ; }
. ui-icon-carat-1-w { background-position : -96 px 0 ; }
. ui-icon-carat-1-nw { background-position : -112 px 0 ; }
. ui-icon-carat-2-n-s { background-position : -128 px 0 ; }
. ui-icon-carat-2-e-w { background-position : -144 px 0 ; }
. ui-icon-triangle-1-n { background-position : 0 -16 px ; }
. ui-icon-triangle-1-ne { background-position : -16 px -16 px ; }
. ui-icon-triangle-1-e { background-position : -32 px -16 px ; }
. ui-icon-triangle-1-se { background-position : -48 px -16 px ; }
. ui-icon-triangle-1-s { background-position : -64 px -16 px ; }
. ui-icon-triangle-1-sw { background-position : -80 px -16 px ; }
. ui-icon-triangle-1-w { background-position : -96 px -16 px ; }
. ui-icon-triangle-1-nw { background-position : -112 px -16 px ; }
. ui-icon-triangle-2-n-s { background-position : -128 px -16 px ; }
. ui-icon-triangle-2-e-w { background-position : -144 px -16 px ; }
. ui-icon-arrow-1-n { background-position : 0 -32 px ; }
. ui-icon-arrow-1-ne { background-position : -16 px -32 px ; }
. ui-icon-arrow-1-e { background-position : -32 px -32 px ; }
. ui-icon-arrow-1-se { background-position : -48 px -32 px ; }
. ui-icon-arrow-1-s { background-position : -64 px -32 px ; }
. ui-icon-arrow-1-sw { background-position : -80 px -32 px ; }
. ui-icon-arrow-1-w { background-position : -96 px -32 px ; }
. ui-icon-arrow-1-nw { background-position : -112 px -32 px ; }
. ui-icon-arrow-2-n-s { background-position : -128 px -32 px ; }
. ui-icon-arrow-2-ne-sw { background-position : -144 px -32 px ; }
. ui-icon-arrow-2-e-w { background-position : -160 px -32 px ; }
. ui-icon-arrow-2-se-nw { background-position : -176 px -32 px ; }
. ui-icon-arrowstop-1-n { background-position : -192 px -32 px ; }
. ui-icon-arrowstop-1-e { background-position : -208 px -32 px ; }
. ui-icon-arrowstop-1-s { background-position : -224 px -32 px ; }
. ui-icon-arrowstop-1-w { background-position : -240 px -32 px ; }
. ui-icon-arrowthick-1-n { background-position : 0 -48 px ; }
. ui-icon-arrowthick-1-ne { background-position : -16 px -48 px ; }
. ui-icon-arrowthick-1-e { background-position : -32 px -48 px ; }
. ui-icon-arrowthick-1-se { background-position : -48 px -48 px ; }
. ui-icon-arrowthick-1-s { background-position : -64 px -48 px ; }
. ui-icon-arrowthick-1-sw { background-position : -80 px -48 px ; }
. ui-icon-arrowthick-1-w { background-position : -96 px -48 px ; }
. ui-icon-arrowthick-1-nw { background-position : -112 px -48 px ; }
. ui-icon-arrowthick-2-n-s { background-position : -128 px -48 px ; }
. ui-icon-arrowthick-2-ne-sw { background-position : -144 px -48 px ; }
. ui-icon-arrowthick-2-e-w { background-position : -160 px -48 px ; }
. ui-icon-arrowthick-2-se-nw { background-position : -176 px -48 px ; }
. ui-icon-arrowthickstop-1-n { background-position : -192 px -48 px ; }
. ui-icon-arrowthickstop-1-e { background-position : -208 px -48 px ; }
. ui-icon-arrowthickstop-1-s { background-position : -224 px -48 px ; }
. ui-icon-arrowthickstop-1-w { background-position : -240 px -48 px ; }
. ui-icon-arrowreturnthick-1-w { background-position : 0 -64 px ; }
. ui-icon-arrowreturnthick-1-n { background-position : -16 px -64 px ; }
. ui-icon-arrowreturnthick-1-e { background-position : -32 px -64 px ; }
. ui-icon-arrowreturnthick-1-s { background-position : -48 px -64 px ; }
. ui-icon-arrowreturn-1-w { background-position : -64 px -64 px ; }
. ui-icon-arrowreturn-1-n { background-position : -80 px -64 px ; }
. ui-icon-arrowreturn-1-e { background-position : -96 px -64 px ; }
. ui-icon-arrowreturn-1-s { background-position : -112 px -64 px ; }
. ui-icon-arrowrefresh-1-w { background-position : -128 px -64 px ; }
. ui-icon-arrowrefresh-1-n { background-position : -144 px -64 px ; }
. ui-icon-arrowrefresh-1-e { background-position : -160 px -64 px ; }
. ui-icon-arrowrefresh-1-s { background-position : -176 px -64 px ; }
. ui-icon-arrow-4 { background-position : 0 -80 px ; }
. ui-icon-arrow-4-diag { background-position : -16 px -80 px ; }
. ui-icon-extlink { background-position : -32 px -80 px ; }
. ui-icon-newwin { background-position : -48 px -80 px ; }
. ui-icon-refresh { background-position : -64 px -80 px ; }
. ui-icon-shuffle { background-position : -80 px -80 px ; }
. ui-icon-transfer-e-w { background-position : -96 px -80 px ; }
. ui-icon-transferthick-e-w { background-position : -112 px -80 px ; }
. ui-icon-folder-collapsed { background-position : 0 -96 px ; }
. ui-icon-folder-open { background-position : -16 px -96 px ; }
. ui-icon-document { background-position : -32 px -96 px ; }
. ui-icon-document-b { background-position : -48 px -96 px ; }
. ui-icon-note { background-position : -64 px -96 px ; }
. ui-icon-mail-closed { background-position : -80 px -96 px ; }
. ui-icon-mail-open { background-position : -96 px -96 px ; }
. ui-icon-suitcase { background-position : -112 px -96 px ; }
. ui-icon-comment { background-position : -128 px -96 px ; }
. ui-icon-person { background-position : -144 px -96 px ; }
. ui-icon-print { background-position : -160 px -96 px ; }
. ui-icon-trash { background-position : -176 px -96 px ; }
. ui-icon-locked { background-position : -192 px -96 px ; }
. ui-icon-unlocked { background-position : -208 px -96 px ; }
. ui-icon-bookmark { background-position : -224 px -96 px ; }
. ui-icon-tag { background-position : -240 px -96 px ; }
. ui-icon-home { background-position : 0 -112 px ; }
. ui-icon-flag { background-position : -16 px -112 px ; }
. ui-icon-calendar { background-position : -32 px -112 px ; }
. ui-icon-cart { background-position : -48 px -112 px ; }
. ui-icon-pencil { background-position : -64 px -112 px ; }
. ui-icon-clock { background-position : -80 px -112 px ; }
. ui-icon-disk { background-position : -96 px -112 px ; }
. ui-icon-calculator { background-position : -112 px -112 px ; }
. ui-icon-zoomin { background-position : -128 px -112 px ; }
. ui-icon-zoomout { background-position : -144 px -112 px ; }
. ui-icon-search { background-position : -160 px -112 px ; }
. ui-icon-wrench { background-position : -176 px -112 px ; }
. ui-icon-gear { background-position : -192 px -112 px ; }
. ui-icon-heart { background-position : -208 px -112 px ; }
. ui-icon-star { background-position : -224 px -112 px ; }
. ui-icon-link { background-position : -240 px -112 px ; }
. ui-icon-cancel { background-position : 0 -128 px ; }
. ui-icon-plus { background-position : -16 px -128 px ; }
. ui-icon-plusthick { background-position : -32 px -128 px ; }
. ui-icon-minus { background-position : -48 px -128 px ; }
. ui-icon-minusthick { background-position : -64 px -128 px ; }
. ui-icon-close { background-position : -80 px -128 px ; }
. ui-icon-closethick { background-position : -96 px -128 px ; }
. ui-icon-key { background-position : -112 px -128 px ; }
. ui-icon-lightbulb { background-position : -128 px -128 px ; }
. ui-icon-scissors { background-position : -144 px -128 px ; }
. ui-icon-clipboard { background-position : -160 px -128 px ; }
. ui-icon-copy { background-position : -176 px -128 px ; }
. ui-icon-contact { background-position : -192 px -128 px ; }
. ui-icon-image { background-position : -208 px -128 px ; }
. ui-icon-video { background-position : -224 px -128 px ; }
. ui-icon-script { background-position : -240 px -128 px ; }
. ui-icon-alert { background-position : 0 -144 px ; }
. ui-icon-info { background-position : -16 px -144 px ; }
. ui-icon-notice { background-position : -32 px -144 px ; }
. ui-icon-help { background-position : -48 px -144 px ; }
. ui-icon-check { background-position : -64 px -144 px ; }
. ui-icon-bullet { background-position : -80 px -144 px ; }
. ui-icon-radio-on { background-position : -96 px -144 px ; }
. ui-icon-radio-off { background-position : -112 px -144 px ; }
. ui-icon-pin-w { background-position : -128 px -144 px ; }
. ui-icon-pin-s { background-position : -144 px -144 px ; }
. ui-icon-play { background-position : 0 -160 px ; }
. ui-icon-pause { background-position : -16 px -160 px ; }
. ui-icon-seek-next { background-position : -32 px -160 px ; }
. ui-icon-seek-prev { background-position : -48 px -160 px ; }
. ui-icon-seek-end { background-position : -64 px -160 px ; }
. ui-icon-seek-start { background-position : -80 px -160 px ; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
. ui-icon-seek-first { background-position : -80 px -160 px ; }
. ui-icon-stop { background-position : -96 px -160 px ; }
. ui-icon-eject { background-position : -112 px -160 px ; }
. ui-icon-volume-off { background-position : -128 px -160 px ; }
. ui-icon-volume-on { background-position : -144 px -160 px ; }
. ui-icon-power { background-position : 0 -176 px ; }
. ui-icon-signal-diag { background-position : -16 px -176 px ; }
. ui-icon-signal { background-position : -32 px -176 px ; }
. ui-icon-battery-0 { background-position : -48 px -176 px ; }
. ui-icon-battery-1 { background-position : -64 px -176 px ; }
. ui-icon-battery-2 { background-position : -80 px -176 px ; }
. ui-icon-battery-3 { background-position : -96 px -176 px ; }
. ui-icon-circle-plus { background-position : 0 -192 px ; }
. ui-icon-circle-minus { background-position : -16 px -192 px ; }
. ui-icon-circle-close { background-position : -32 px -192 px ; }
. ui-icon-circle-triangle-e { background-position : -48 px -192 px ; }
. ui-icon-circle-triangle-s { background-position : -64 px -192 px ; }
. ui-icon-circle-triangle-w { background-position : -80 px -192 px ; }
. ui-icon-circle-triangle-n { background-position : -96 px -192 px ; }
. ui-icon-circle-arrow-e { background-position : -112 px -192 px ; }
. ui-icon-circle-arrow-s { background-position : -128 px -192 px ; }
. ui-icon-circle-arrow-w { background-position : -144 px -192 px ; }
. ui-icon-circle-arrow-n { background-position : -160 px -192 px ; }
. ui-icon-circle-zoomin { background-position : -176 px -192 px ; }
. ui-icon-circle-zoomout { background-position : -192 px -192 px ; }
. ui-icon-circle-check { background-position : -208 px -192 px ; }
. ui-icon-circlesmall-plus { background-position : 0 -208 px ; }
. ui-icon-circlesmall-minus { background-position : -16 px -208 px ; }
. ui-icon-circlesmall-close { background-position : -32 px -208 px ; }
. ui-icon-squaresmall-plus { background-position : -48 px -208 px ; }
. ui-icon-squaresmall-minus { background-position : -64 px -208 px ; }
. ui-icon-squaresmall-close { background-position : -80 px -208 px ; }
. ui-icon-grip-dotted-vertical { background-position : 0 -224 px ; }
. ui-icon-grip-dotted-horizontal { background-position : -16 px -224 px ; }
. ui-icon-grip-solid-vertical { background-position : -32 px -224 px ; }
. ui-icon-grip-solid-horizontal { background-position : -48 px -224 px ; }
. ui-icon-gripsmall-diagonal-se { background-position : -64 px -224 px ; }
. ui-icon-grip-diagonal-se { background-position : -80 px -224 px ; }
/ * Misc visuals
---------------------------------- * /
/* Corner radius */
. ui-corner-all ,
. ui-corner-top ,
. ui-corner-left ,
. ui-corner-tl {
border-top-left-radius : 5px ;
}
. ui-corner-all ,
. ui-corner-top ,
. ui-corner-right ,
. ui-corner-tr {
border-top-right-radius : 5px ;
}
. ui-corner-all ,
. ui-corner-bottom ,
. ui-corner-left ,
. ui-corner-bl {
border-bottom-left-radius : 5px ;
}
. ui-corner-all ,
. ui-corner-bottom ,
. ui-corner-right ,
. ui-corner-br {
border-bottom-right-radius : 5px ;
}
/* Overlays */
. ui-widget-overlay {
background : # 333333 ;
opacity : . 5 ;
filter : Alpha ( Opacity = 50 ) ;
}
. ui-widget-shadow {
margin : -6px 0 0 -6px ;
padding : 6px ;
background : # 666666 ;
opacity : . 2 ;
filter : Alpha ( Opacity = 20 ) ;
border-radius : 8px ;
}
/* Roundcube button styling */
. ui-button . ui-state-default {
display : inline-block ;
margin : 0 2px ;
padding : 1px 2px ;
text-shadow : 0px 1px 1px # fff ;
border : 1px solid # c6c6c6 ;
border-radius : 4px ;
background : # f7f7f7 ;
background : -moz-linear-gradient ( top , # f9f9f9 0 % , # e6e6e6 100 % ) ;
background : -webkit-gradient ( linear , left top , left bottom , color-stop ( 0 % , # f9f9f9 ) , color-stop ( 100 % , # e6e6e6 ) ) ;
background : -o-linear-gradient ( top , # f9f9f9 0 % , # e6e6e6 100 % ) ;
background : -ms-linear-gradient ( top , # f9f9f9 0 % , # e6e6e6 100 % ) ;
background : linear-gradient ( top , # f9f9f9 0 % , # e6e6e6 100 % ) ;
filter : progid : DXImageTransform . Microsoft . gradient ( startColorstr = '#f9f9f9' , endColorstr = '#e6e6e6' , GradientType = 0 ) ;
-webkit-box-shadow : 0 1px 1px 0 rgba ( 140 , 140 , 140 , 0 . 3 ) ;
-moz-box-shadow : 0 1px 1px 0 rgba ( 140 , 140 , 140 , 0 . 3 ) ;
-o-box-shadow : 0 1px 1px 0 rgba ( 140 , 140 , 140 , 0 . 3 ) ;
box-shadow : 0 1px 1px 0 rgba ( 140 , 140 , 140 , 0 . 3 ) ;
text-decoration : none ;
outline : none ;
}
. ui-button . mainaction {
color : # ededed ;
text-shadow : 0px 1px 1px # 333 ;
border-color : # 1f262c ;
background : # 505050 ;
background : -moz-linear-gradient ( top , # 505050 0 % , # 2a2e31 100 % ) ;
background : -webkit-gradient ( linear , left top , left bottom , color-stop ( 0 % , # 505050 ) , color-stop ( 100 % , # 2a2e31 ) ) ;
background : -o-linear-gradient ( top , # 505050 0 % , # 2a2e31 100 % ) ;
background : -ms-linear-gradient ( top , # 505050 0 % , # 2a2e31 100 % ) ;
background : linear-gradient ( top , # 505050 0 % , # 2a2e31 100 % ) ;
filter : progid : DXImageTransform . Microsoft . gradient ( startColorstr = '#505050' , endColorstr = '#2a2e31' , GradientType = 0 ) ;
-moz-box-shadow : inset 0 1px 0 0 # 777 ;
-webkit-box-shadow : inset 0 1px 0 0 # 777 ;
-o-box-shadow : inset 0 1px 0 0 # 777 ;
box-shadow : inset 0 1px 0 0 # 777 ;
}
. ui-button . ui-state-focus {
color : # 525252 ;
border-color : # 4fadd5 ;
-moz-box-shadow : 0 0 2px 1px rgba ( 71 , 135 , 177 , 0 . 6 ) ;
-webkit-box-shadow : 0 0 2px 1px rgba ( 71 , 135 , 177 , 0 . 6 ) ;
-o-box-shadow : 0 0 2px 1px rgba ( 71 , 135 , 177 , 0 . 6 ) ;
box-shadow : 0 0 2px 1px rgba ( 71 , 135 , 177 , 0 . 6 ) ;
}
. ui-button . ui-state-active {
color : # 525252 ;
border-color : # aaa ;
background : # e6e6e6 ;
background : -moz-linear-gradient ( top , # e6e6e6 0 % , # f9f9f9 100 % ) ;
background : -webkit-gradient ( linear , left top , left bottom , color-stop ( 0 % , # e6e6e6 ) , color-stop ( 100 % , # f9f9f9 ) ) ;
background : -o-linear-gradient ( top , # e6e6e6 0 % , # f9f9f9 100 % ) ;
background : -ms-linear-gradient ( top , # e6e6e6 0 % , # f9f9f9 100 % ) ;
background : linear-gradient ( top , # e6e6e6 0 % , # f9f9f9 100 % ) ;
filter : progid : DXImageTransform . Microsoft . gradient ( startColorstr = '#e6e6e6' , endColorstr = '#f9f9f9' , GradientType = 0 ) ;
}
. ui-button . ui-state-focus . mainaction ,
. ui-button . ui-state-hover . mainaction {
color : # fff ;
}
. ui-button . ui-state-focus . mainaction {
border-color : # 1f262c ;
-moz-box-shadow : 0 0 2px 1px rgba ( 71 , 135 , 177 , 0 . 6 ) , inset 0 1px 0 0 # 777 ;
-webkit-box-shadow : 0 0 2px 1px rgba ( 71 , 135 , 177 , 0 . 6 ) , inset 0 1px 0 0 # 777 ;
-o-box-shadow : 0 0 2px 1px rgba ( 71 , 135 , 177 , 0 . 6 ) , inset 0 1px 0 0 # 777 ;
box-shadow : 0 0 2px 1px rgba ( 71 , 135 , 177 , 0 . 6 ) , inset 0 1px 0 0 # 777 ;
}
. ui-button . ui-state-active . mainaction {
color : # fff ;
background : # 515151 ;
background : -moz-linear-gradient ( top , # 2a2e31 0 % , # 505050 100 % ) ;
background : -webkit-gradient ( linear , left top , left bottom , color-stop ( 0 % , # 2a2e31 ) , color-stop ( 100 % , # 505050 ) ) ;
background : -o-linear-gradient ( top , # 2a2e31 0 % , # 505050 100 % ) ;
background : -ms-linear-gradient ( top , # 2a2e31 0 % , # 505050 100 % ) ;
background : linear-gradient ( top , # 2a2e31 0 % , # 505050 100 % ) ;
}
. ui-button [ disabled ] ,
. ui-button [ disabled ] : hover ,
. ui-button . mainaction [ disabled ] {
color : # aaa ! important ;
}
/* Roundcube's specific Datepicker style override */
. ui-datepicker {
min-width : 20em ;
padding : 0 ;
display : none ;
border : 0 ;
border-radius : 3px ;
-webkit-box-shadow : # 666 1px 1px 10px ;
-moz-box-shadow : 1px 1px 10px # 666 ;
box-shadow : 1px 1px 16px # 666 ;
}
. ui-datepicker . ui-datepicker-header {
padding : . 3em 0 ;
border-radius : 3px 3px 0 0 ;
border : 0 ;
background : # 3a3a3a ;
filter : none ;
color : # fff ;
text-shadow : 0px 1px 1px # 000 ;
}
. ui-datepicker . ui-datepicker-prev ,
. ui-datepicker . ui-datepicker-next {
border : 0 ;
background : none ;
}
. ui-datepicker . ui-datepicker-header . ui-icon {
background : url ( "images/ui-icons-datepicker.png" ) 0 0 no-repeat ;
}
. ui-datepicker . ui-datepicker-header . ui-icon-circle-triangle-w {
background-position : 0 2px ;
}
. ui-datepicker . ui-datepicker-header . ui-icon-circle-triangle-e {
background-position : -14px 2px ;
}
. ui-datepicker . ui-datepicker-prev-hover ,
. ui-datepicker . ui-datepicker-next-hover {
top : 2px ;
border : 0 ;
background : none ;
}
. ui-datepicker . ui-datepicker-prev ,
. ui-datepicker . ui-datepicker-prev-hover {
left : 2px ;
}
. ui-datepicker . ui-datepicker-next ,
. ui-datepicker . ui-datepicker-next-hover {
right : 2px ;
}
. ui-datepicker select . ui-datepicker-month ,
. ui-datepicker select . ui-datepicker-year {
border : 0 ;
background : # 3a3a3a ;
outline : none ;
color : # fff ;
font-weight : bold ;
width : auto ;
margin-right : 4px ;
padding-right : 4px ;
}
. ui-datepicker . ui-datepicker-title select :: -ms-expand {
display : none ;
}
. ie10 . ui-datepicker . ui-datepicker-title select ,
. webkit . ui-datepicker . ui-datepicker-title select ,
. mozilla . ui-datepicker . ui-datepicker-title select {
background-image : url ( "images/ui-icons-datepicker.png" ) ;
background-position : right -18px ;
background-repeat : no-repeat ;
padding-right : 14px ;
-webkit-appearance : none ;
-moz-appearance : none ;
appearance : none ;
}
. mozilla . ui-datepicker . ui-datepicker-title select {
background-position : right -17px ;
text-indent : 0 . 01px ;
text-overflow : '' ;
padding-right : 0 ;
}
. ui-datepicker . ui-datepicker-month : focus ,
. ui-datepicker . ui-datepicker-year : focus {
outline : 1px solid # 4fadd5 ;
}
. ui-datepicker table {
margin : 0 ;
border-spacing : 0 ;
}
. ui-datepicker table : focus {
outline : 2px solid # 4fadd5 ;
outline-offset : -2px ;
}
. ui-datepicker td {
border : 1px solid # bbb ;
padding : 0 ;
}
. ui-datepicker td span , . ui-datepicker td a {
border : 0 ;
padding : . 3em ;
text-shadow : 0px 1px 1px # fff ;
}
. ui-datepicker td a . ui-state-default {
border : 0px solid # fff ;
border-top-width : 1px ;
border-left-width : 1px ;
background : # e6e6e6 ;
background : -moz-linear-gradient ( top , # e6e6e6 0 % , # d6d6d6 100 % ) ;
background : -webkit-gradient ( linear , left top , left bottom , color-stop ( 0 % , # e6e6e6 ) , color-stop ( 100 % , # d6d6d6 ) ) ;
background : -o-linear-gradient ( top , # e6e6e6 0 % , # d6d6d6 100 % ) ;
background : -ms-linear-gradient ( top , # e6e6e6 0 % , # d6d6d6 100 % ) ;
background : linear-gradient ( top , # e6e6e6 0 % , # d6d6d6 100 % ) ;
}
. ui-datepicker td a . ui-priority-secondary {
background : # eee ;
}
. ui-datepicker td a . ui-state-active {
color : # fff ;
border-color : # 0286ac ! important ;
text-shadow : 0px 1px 1px # 00516e ! important ;
background : # 00acd4 ! important ;
background : -moz-linear-gradient ( top , # 00acd4 0 % , # 008fc7 100 % ) ;
background : -webkit-gradient ( linear , left top , left bottom , color-stop ( 0 % , # 00acd4 ) , color-stop ( 100 % , # 008fc7 ) ) ;
background : -o-linear-gradient ( top , # 00acd4 0 % , # 008fc7 100 % ) ;
background : -ms-linear-gradient ( top , # 00acd4 0 % , # 008fc7 100 % ) ;
background : linear-gradient ( top , # 00acd4 0 % , # 008fc7 100 % ) ;
}
. ui-datepicker . ui-state-highlight {
color : # 0081c2 ;
}
. ui-datepicker td . ui-datepicker-days-cell-over a . ui-state-default {
color : # fff ;
border-color : rgba ( 73 , 180 , 210 , 0 . 7 ) ;
background : rgba ( 73 , 180 , 210 , 0 . 7 ) ;
text-shadow : 0px 1px 1px # 666 ;
}