/* Light weight UI CSS3 additions.
======================================================================= */
.wpui-light .ui-tabs {
border-radius : 4px;
-moz-border-radius : 4px;
-webkit-border-radius : 4px;
-o-border-radius : 4px;
padding: 0px !important;
}
.wpui-light ul.ui-tabs-nav {
padding-top: 10px;
padding-left: 10px;
-moz-box-shadow : 0 1px 0 #FFF inset;
-webkit-box-shadow : 0 1px 0 #FFF inset;
-o-box-shadow : 0 1px 0 #FFF inset;
box-shadow : 0 1px 0 #FFF inset;
}
.wpui-light .ui-corner-top {
-moz-border-radius : 3px 3px 0 0;
-webkit-border-radius : 3px 3px 0 0;
-o-border-radius : 3px 3px 0 0;
border-radius : 3px 3px 0 0;
}
.wpui-light .ui-corner-left {
-moz-border-radius : 3px 0 0 3px;
-webkit-border-radius : 3px 0 0 3px;
-o-border-radius : 3px 0 0 3px;
border-radius : 3px 0 0 3px;
}
.wpui-light .ui-corner-bottom {
-moz-border-radius : 0 0 3px 3px;
-webkit-border-radius : 0 0 3px 3px;
-o-border-radius : 0 0 3px 3px;
border-radius : 0 0 3px 3px;
}
.wpui-light .ui-corner-right {
-moz-border-radius : 0 3px 3px 0;
-webkit-border-radius : 0 3px 3px 0;
-o-border-radius : 0 3px 3px 0;
border-radius : 0 3px 3px 0;
}
.wpui-light .ui-corner-all {
-moz-border-radius : 3px;
-webkit-border-radius : 3px;
-o-border-radius : 3px;
border-radius : 3px;
}
.wpui-light .ui-tabs {
background: -moz-linear-gradient( top, #FFF, #D1D1D1);
background: -webkit-gradient( linear, left top, left bottom, from(#FFF), to(#D1D1D1));
background: -webkit-linear-gradient( top, #FFF, #D1D1D1);
background: -o-linear-gradient( top, #FFF, #D1D1D1);
}
.wpui-light .ui-tabs-panel {
background: -moz-linear-gradient(top , #EEEEEE, #D1D1D1);
background: -webkit-gradient(linear, left top, left bottom , from(#EEEEEE), to(#D1D1D1));
background: -webkit-linear-gradient(top , #EEEEEE, #D1D1D1);
background: -o-linear-gradient(top , #EEEEEE, #D1D1D1);
text-shadow: 0 1px 0 #FFFFFF;
}
.wpui-light ul.ui-tabs-nav {
border-bottom: 1px solid #AAA;
background: -moz-linear-gradient(top , #EEEEEE, #D1D1D1);
background: -webkit-gradient(linear, left top, left bottom , from(#EEEEEE), to(#D1D1D1));
background: -webkit-linear-gradient(top , #EEEEEE, #D1D1D1);
background: -o-linear-gradient(top , #EEEEEE, #D1D1D1);
}
.wpui-light .ui-tabs-vertical ul.ui-tabs-nav {
border-bottom: 1px solid #AAA;
background: -moz-linear-gradient(top , #AAAAAA, #EEE);
background: -webkit-gradient(linear, left top, left bottom , from(#EEEEEE), to(#AAAAAA));
background: -webkit-linear-gradient(top , #EEEEEE, #AAAAAA);
background: -o-linear-gradient(top , #EEEEEE, #AAAAAA);
}
.wpui-light ul.ui-tabs-nav li {
background: -moz-linear-gradient(top , #CCC, #DADADA);
background: -webkit-gradient(linear, left top , left bottom , from(#CCC), to(#DADADA));
background: -webkit-linear-gradient(top , #CCC, #DADADA);
background: -o-linear-gradient(top , #CCC, #DADADA);
border-color : #AAA;
border-width : 1px;
border-style: solid;
/* padding: 6px 0;*/
/* height: 14px;*/
margin-right: 3px;
padding : 0px;
}
.wpui-light ul.ui-tabs-nav li a {
color: #444;
text-shadow: 0 1px 0 #FFF;
float : left;
padding : .4em 1em;
}
.wpui-light ul.ui-tabs-nav li.ui-state-active {
background: -moz-linear-gradient(top, #F2F2F2, #EEE);
background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#EEE));
background: -webkit-linear-gradient(top, #F2F2F2, #EEE);
background: -o-linear-gradient(top, #F2F2F2, #EEE);
border-bottom: 0px;
}
.wpui-light .ui-tabs-vertical .ui-tabs-panel {
box-shadow: 1px 1px 0 #FFF inset;
}
.wpui-light .ui-tabs-vertical ul.ui-tabs-nav li {
box-shadow: 1px 1px 0 #FFF inset;
}
.wpui-light .ui-tabs-vertical ul.ui-tabs-nav li.ui-state-active {
background: -moz-linear-gradient(top, #F9F9F9, #DDD);
background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#DDD));
background: -webkit-linear-gradient(top, #F9F9F9, #DDD);
background: -o-linear-gradient(top, #F9F9F9, #DDD);
box-shadow: 1px 1px 0 #FFF inset;
}
.wpui-light ul.ui-tabs-nav li.ui-state-active a {
/* border-top: 1px solid #FFF;*/
text-shadow: 0 1px 0 #FFF;
}
.wpui-light .ui-button {
background: -moz-linear-gradient(top , #EEE, #CCC);
background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#CCC));
background: -webkit-linear-gradient(top , #EEE, #CCC);
background: -o-linear-gradient(top , #EEE, #CCC);
text-decoration : none;
text-shadow: 0 1px 1px #FFF;
border: 1px solid #AAA;
-moz-box-shadow : 1px 1px 0 #F4F2F4 inset, -1px -1px 0 #DDD inset;
-webkit-box-shadow : 1px 1px 0 #F4F2F4 inset, -1px -1px 0 #DDD inset;
-o-box-shadow : 1px 1px 0 #F4F2F4 inset, -1px -1px 0 #DDD inset;
box-shadow : 1px 1px 0 #F4F2F4 inset, -1px -1px 0 #DDD inset;
font-size : 14px;
font-weight : bold;
color : #777;
}
.wpui-light .ui-button:hover {
background: -moz-linear-gradient(top , #FFF, #DEDEDE);
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DEDEDE));
background: -webkit-linear-gradient(top , #FFF, #DEDEDE);
background: -o-linear-gradient(top , #FFF, #DEDEDE);
color : #888;
}
.wpui-light .wp-tab-content a.ui-button {
float: right;
margin: 20px 0;
}
.wpui-light .ui-tabs-panel .tab-top-nav a,
.wpui-light .ui-tabs-panel .tab-bottom-nav a {
/* background: #AAA;
background: -moz-linear-gradient(top, #AAA, #888);
background: -webkit-gradient(linear, left top, left bottom, from(#AAA), to(#888));
background: -webkit-linear-gradient(top, #AAA, #888);
background: -o-linear-gradient(top, #AAA, #888);
text-shadow: 0 -1px 0 #444;
color: #FFF;
-moz-box-shadow : 1px 1px 0 #BBB inset, -1px -1px 0 #999 inset;
-webkit-box-shadow : 1px 1px 0 #BBB inset, -1px -1px 0 #999 inset;
-o-box-shadow : 1px 1px 0 #BBB inset, -1px -1px 0 #999 inset;
box-shadow : 1px 1px 0 #BBB inset, -1px -1px 0 #999 inset;*/
}
.wp-tabs {
position:relative;
}
/* Tabs at bottom */
.wpui-light ul.ui-tabs-nav.ul-bottom {
border-top: 1px solid #AAA;
padding-top: 0px;
padding-left: 0px;
padding-bottom: 10px;
background: -moz-linear-gradient(top, #A5A5A5, #D5D5D5);
background: -webkit-gradient(linear, left top, left bottom, from(#A5A5A5), to(#D5D5D5));
background: -webkit-linear-gradient(top, #A5A5A5, #D5D5D5);
background: -o-linear-gradient(top, #A5A5A5, #D5D5D5);
border-top: 1px solid #888;
}
.wpui-light ul.ui-tabs-nav.ul-bottom li {
vertical-align:top;
background: -moz-linear-gradient(top, #929292, #D2D2D2);
background: -webkit-gradient(linear, left top, left bottom, from(#929292), to(#D2D2D2));
background: -webkit-linear-gradient(top, #929292, #D2D2D2);
background: -o-linear-gradient(top, #929292, #D2D2D2);
top:0px;
}
.wpui-light ul.ui-tabs-nav.ul-bottom li.ui-state-active {
border: 1px solid #999;
background: none;
background: -moz-linear-gradient(top, #D1D1D1, #AAAAAA);
background: -webkit-gradient(linear, left top, left bottom, from(#D1D1D1), to(#AAAAAA));
background: -webkit-linear-gradient(top, #D1D1D1, #AAAAAA);
background: -o-linear-gradient(top, #D1D1D1, #AAAAAA);
border-top: 0px;
bottom: 0;
top: -1px;
height: 16px;
}
.wpui-light ul.ui-tabs-nav.ul-bottom li.ui-state-active a {
border-top: 0px;
}
/*
* wpui Light accordion styles.
*/
.wpui-light .ui-collapsible-header,
.wpui-light .ui-accordion h3.ui-accordion-header {
border-radius : 3px;
-moz-border-radius : 3px;
-webkit-border-radius : 3px;
-webkit-border-radius : 3px;
font: bold 14px 'Segoe UI', 'Lucida Grande', 'Arial', sans-serif;
background: -moz-linear-gradient(top , #AAAAAA, #DADADA);
background: -webkit-gradient(linear, left top , left bottom , from(#AAAAAA), to(#DADADA));
background: -webkit-linear-gradient(top , #AAAAAA, #DADADA);
background: -o-linear-gradient(top , #AAAAAA, #DADADA);
padding: 4px 10px;
color: #222;
border: 1px solid #A2A2A2;
text-shadow: 0 1px 0 #FFF;
}
.wpui-light h3.ui-collapsible-header:hover,
.wpui-light .ui-accordion h3.ui-accordion-header:hover {
background: -moz-linear-gradient(top, #FFF, #EEE);
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
background: -webkit-linear-gradient(top, #FFF, #EEE);
background: -o-linear-gradient(top, #FFF, #EEE);
border: 1px solid #DDD;
color: #000;
text-shadow: 0 1px 0 #FFF;
}
.wpui-light h3.ui-collapsible-header.ui-state-active,
.wpui-light .ui-accordion h3.ui-accordion-header.ui-state-active {
background: -moz-linear-gradient(top, #FFF, #EEE);
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
background: -webkit-linear-gradient(top, #FFF, #EEE);
background: -o-linear-gradient(top, #FFF, #EEE);
color: #000;
border: 1px solid #D2D2D2;
text-shadow: 0 1px 0 #FFF;
border-radius : 3px 3px 0 0;
-moz-border-radius : 3px 3px 0 0;
-webkit-border-radius : 3px 3px 0 0;
-webkit-border-radius : 3px 3px 0 0;
border-bottom: 0px;
}
.wpui-light .ui-collapsible-content,
.wpui-light .ui-accordion .ui-accordion-content {
color: #666;
background: white;
border: 1px solid #DDD;
}
/*.wpui-light span.ui-icon-triangle-1-e {
background-position: 0 -16px;
}
.wpui-light span.ui-icon-triangle-1-s {
background-position: -16px -16px;
}
*/
.ui-dialog {
position: absolute !important;
font-size: 12px;
-moz-box-shadow : 0 2px 10px rgba( 0, 0, 0, 0.4 );
-webkit-box-shadow : 0 2px 10px rgba( 0, 0, 0, 0.4 );
-o-box-shadow : 0 2px 10px rgba( 0, 0, 0, 0.4 );
box-shadow : 0 2px 10px rgba( 0, 0, 0, 0.4 );
}
.ui-dialog-titlebar {
cursor: move;
}
.ui-widget-overlay {
background: -moz-linear-gradient( top , rgba(0, 0, 0, 0.7), rgba( 25, 25, 25, 0.7));
background: -webkit-linear-gradient( top , rgba(0, 0, 0, 0.7), rgba( 25, 25, 25, 0.7));
background: -o-linear-gradient( top , rgba(0, 0, 0, 0.7), rgba( 25, 25, 25, 0.7));
background: -ms-linear-gradient( top , rgba(0, 0, 0, 0.7), rgba( 25, 25, 25, 0.7));
background: linear-gradient( top , rgba(0, 0, 0, 0.7), rgba( 25, 25, 25, 0.7));
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.wpui-light.ui-dialog {
font-family: 'Lucida Grande', 'Arial', sans-serif;
background: #F4F2F4;
color: #222;
border: 1px solid #C2C2C2;
text-shadow: 0 1px 0 #FFF;
-moz-border-radius : 7px 7px 0 0;
-webkit-border-radius : 7px 7px 0 0;
-o-border-radius : 7px 7px 0 0;
border-radius : 7px 7px 0 0;
}
.wpui-light .ui-dialog-titlebar {
font-weight: bold;
color: #555;
padding: 10px;
background: -moz-linear-gradient(top , #F4F2F4, #CACACA);
background: -webkit-gradient(linear, left top, left bottom, from(#F4F2F4), to(#CACACA));
background: -webkit-linear-gradient(top , #F4F2F4, #CACACA);
background: -o-linear-gradient(top , #F4F2F4, #CACACA);
-moz-border-radius : 8px 8px 0 0;
-webkit-border-radius : 8px 8px 0 0;
-o-border-radius : 8px 8px 0 0;
border-radius : 8px 8px 0 0;
border-bottom: 1px solid #999;
overflow: hidden;
box-shadow: 0 1px 0 #FFF inset, 0 1px 0 #FFF inset;
}
.wpui-light .ui-dialog-content {
padding: 15px;
overflow:hidden;
-moz-border-radius : 0 0 8px 8px;
-webkit-border-radius : 0 0 8px 8px;
-o-border-radius : 0 0 8px 8px;
border-radius : 0 0 8px 8px;
}
.wpui-light .ui-dialog-titlebar-close {
background: url("../images/close-dark.png") no-repeat scroll 0 0 transparent;
position: absolute;
right: 5px;
top : 5px;
width: 18px;
height : 18px;
margin: 0px;
padding: 0px;
border: 1px solid transparent;
opacity: 0.3;
text-indent : -99999em;
}
.wpui-light .ui-dialog-titlebar-close:hover {
background: url("../images/close-dark.png") no-repeat scroll 0 0 transparent;
width: 18px;
height : 18px;
border: 1px solid transparent;
top: 5px;
right: 5px;
opacity: 0.6;
}
.wpui-light .ui-dialog-buttonpane {
border-top : 1px solid #DDD;
-moz-box-shadow : 0 1px 0 #FFF inset;
-webkit-box-shadow : 0 1px 0 #FFF inset;
-o-box-shadow : 0 1px 0 #FFF inset;
box-shadow : 0 1px 0 #FFF inset;
padding : 0.7em;
background : #EFEFEF;
}
.wpui-light.wpui-button {
background : #EEE;
background: -moz-linear-gradient(top , #F4F2F4, #DEDEDE);
background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#CCC));
background: -webkit-linear-gradient(top , #EEE, #CCC);
background: -o-linear-gradient(top , #EEE, #CCC);
text-decoration : none;
text-shadow: 0 1px 1px #FFF;
border: 1px solid #AAA;
-moz-box-shadow : 1px 1px 0 #F4F2F4 inset, -1px -1px 0 #CCC inset, 0 -4px 8px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow : 1px 1px 0 #F4F2F4 inset, -1px -1px 0 #EEE inset, 0 -4px 8px rgba(0, 0, 0, 0.1) inset;
-o-box-shadow : 1px 1px 0 #F4F2F4 inset, -1px -1px 0 #EEE inset, 0 -4px 8px rgba(0, 0, 0, 0.1) inset;
box-shadow : 1px 1px 0 #F4F2F4 inset, -1px -1px 0 #CCC inset, 0 -4px 8px rgba(0, 0, 0, 0.1) inset;
font-weight : bold;
color : #888;
-moz-border-radius : 2px;
-webkit-border-radius : 2px;
-o-border-radius : 2px;
border-radius : 2px;
-moz-transition : all 0.2s ease-in;
-webkit-transition : all 0.2s ease-in;
-o-transition : all 0.2s ease-in;
-ms-transition : all 0.2s ease-in;
transition : all 0.2s ease-in;
}
.wpui-light.wpui-button:hover {
background : #DEDEDE;
background: -moz-linear-gradient(top , #EEE, #CCC);
background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#CCC));
background: -webkit-linear-gradient(top , #EEE, #CCC);
background: -o-linear-gradient(top , #EEE, #CCC);
text-decoration : none;
color: #333;
text-shadow: 0 1px 1px #FFF;
border: 1px solid #AAA;
-moz-box-shadow : 1px 1px 0 #F4F2F4 inset, -1px -1px 0 #DDD inset;
-webkit-box-shadow : 1px 1px 0 #F4F2F4 inset, -1px -1px 0 #DDD inset;
-o-box-shadow : 1px 1px 0 #F4F2F4 inset, -1px -1px 0 #DDD inset;
box-shadow : 1px 1px 0 #F4F2F4 inset, -1px -1px 0 #DDD inset;
font-weight : bold;
color : #666;
}
.wpui-light.wpui-button:active {
-moz-box-shadow : 0 2px 7px rgba( 0, 0, 0, 0.3) inset;
-webkit-box-shadow : 0 2px 7px rgba( 0, 0, 0, 0.3) inset;
-o-box-shadow : 0 2px 7px rgba( 0, 0, 0, 0.3) inset;
box-shadow : 0 2px 7px rgba( 0, 0, 0, 0.3) inset;
}
/* wpui-blue
------------------------------------------------------------ */
.wpui-blue .ui-tabs {
border-radius : 4px;
-moz-border-radius : 4px;
-webkit-border-radius : 4px;
-o-border-radius : 4px;
padding: 0px !important;
}
.wpui-blue ul.ui-tabs-nav {
padding-top: 10px;
padding-left: 10px;
border-left: 1px solid #315DA6;
border-right: 1px solid #315DA6;
}
.wpui-blue .ui-tabs-panel {
border-radius : 0 0 4px 4px;
-moz-border-radius : 0 0 4px 4px;
-webkit-border-radius : 0 0 4px 4px;
-o-border-radius : 0 0 4px 4px;
}
.wpui-blue .ui-tabs {
background : #FFF;
border-radius : 5px;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
-o-border-radius : 5px;
border: 0px;
font: 12px Arial, Helvetica , Verdana, sans-serif;
}
.wpui-blue .ui-tabs > .wp-tabs .ui-tabs {
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
-o-box-shadow: none !important;
}
.wpui-blue .ui-tabs-panel {
background: #FFF;
border: 1px solid #DADADA;
}
.wpui-blue ul.ui-tabs-nav {
border: 1px solid #20559A;
background: #377AD0;
background: -moz-linear-gradient(top ,#52A8E8, #377AD0 85%, #305DA9);
background: -webkit-gradient(linear, left top, left bottom , from(#52A8E8), color-stop(0.85, #377AD0), to(#305DA9));
background: -webkit-linear-gradient(top , #52A8E8, #377AD0 85%, #305DA9);
background: -o-linear-gradient(top , #52A8E8, #377AD0 85%, #305DA9);
/* border-top: 1px solid #72B9EB;*/
padding-top: 5px;
-moz-box-shadow : 0 1px 0 #72B9EB inset;
-webkit-box-shadow : 0 1px 0 #72B9EB inset;
-o-box-shadow : 0 1px 0 #72B9EB inset;
box-shadow : 0 1px 0 #72B9EB inset;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.wpui-blue ul.ui-tabs-nav li {
background : none;
border : none !important;
}
.wpui-blue ul.ui-tabs-nav li a {
color: #D8E7F7;
background: none;
text-shadow: 0 1px 0 #20559A;
border-radius : 6px;
-moz-border-radius : 6px;
-webkit-border-radius : 6px;
-o-border-radius : 6px;
border-top: none;
line-height: 18px;
}
.wpui-blue ul.ui-tabs-nav li.ui-state-active {
background: #FFF;
bottom: -2px;
border: 1px solid #20559A;
border-bottom: 0px;
}
.wpui-blue ul.ui-tabs-nav li.ui-state-active a {
color: #000;
border-top: 1px solid #FFF;
text-shadow: none;
}
.wpui-blue .ui-tabs-panel .tab-top-nav a,
.wpui-blue .ui-tabs-panel .tab-bottom-nav a {
background: #377AD0;
background: -moz-linear-gradient(top, #53A8E8, #377AD0);
background: -webkit-gradient(linear, left top, left bottom, from(#53A8E8), to(#377AD0));
background: -webkit-linear-gradient(top, #53A8E8, #377AD0);
background: -o-linear-gradient(top, #53A8E8, #377AD0);
text-shadow: 0 -1px 0 #444;
color: #FFF;
font: bold 12px/20px Arial, Helvetica , Verdana, sans-serif;
padding: 2px 10px;
border : 1px solid #20559A;
-moz-box-shadow : 0 1px 0 #72B9EB inset;
-webkit-box-shadow : 0 1px 0 #72B9EB inset;
-o-box-shadow : 0 1px 0 #72B9EB inset;
box-shadow : 0 1px 0 #72B9EB inset;
}
.wp-tabs {
position:relative;
}
/* Tabs at bottom */
.wpui-blue ul.ui-tabs-nav.ul-bottom {
border-top: 1px solid #3B592A;
padding-top: 0px;
padding-left: 0px;
padding-bottom: 10px;
background: #377AD0;
background: -moz-linear-gradient(top ,#52A8E8, #377AD0);
background: -webkit-gradient(linear, left top, left bottom , from(#52A8E8), to(#305DA9));
background: -webkit-linear-gradient(top , #52A8E8, #377AD0);
background: -o-linear-gradient(top , #52A8E8, #377AD0);
}
.wpui-blue ul.ui-tabs-nav.ul-bottom li {
vertical-align:top;
top:0px;
}
.wpui-blue div.ui-tabs.bottom-tabs {
border-top: 0px;
border-radius : 0 0 6px 6px !important;
-moz-border-radius : 0 0 6px 6px !important;
-webkit-border-radius : 0 0 6px 6px !important;
-o-border-radius : 0 0 6px 6px !important;
}
.wpui-blue div.bottom-tabs {
border-radius : 5px 5px 0 0 !important;
-moz-border-radius : 5px 5px 0 0 !important;
-webkit-border-radius : 5px 5px 0 0 !important;
-o-border-radius : 5px 5px 0 0 !important;
border-bottom: 0px;
}
.wpui-blue ul.ui-tabs-nav.ul-bottom li.ui-state-active {
background: #FFF;
border-top: 0px;
bottom: 0;
top: -1px;
height: 16px;
box-shadow: none;
}
.wpui-blue ul.ui-tabs-nav.ul-bottom li.ui-state-active a {
border-top: 0px;
}
/*
* wpui Light accordion styles.
*/
.wpui-blue .ui-collapsible-header,
.wpui-blue .ui-accordion h3.ui-accordion-header {
border-radius : 3px;
-moz-border-radius : 3px;
-webkit-border-radius : 3px;
-webkit-border-radius : 3px;
font: bold 14px 'Segoe UI', 'Lucida Grande', 'Arial', sans-serif;
background: #377AD0;
background: -moz-linear-gradient(top ,#52A8E8, #377AD0);
background: -webkit-gradient(linear, left top, left bottom , from(#52A8E8), to(#305DA9));
background: -webkit-linear-gradient(top , #52A8E8, #377AD0);
background: -o-linear-gradient(top , #52A8E8, #377AD0);
padding: 4px 10px;
color: #FFF !important;
border: 1px solid #3B592A;
text-shadow: 0 -1px 0 #3B592A;
}
.wpui-blue h3.ui-collapsible-header:hover,
.wpui-blue .ui-accordion h3.ui-accordion-header:hover {
background: #377AD0;
background: -moz-linear-gradient(top ,#52A8E8, #377AD0);
background: -webkit-gradient(linear, left top, left bottom , from(#52A8E8), to(#305DA9));
background: -webkit-linear-gradient(top , #52A8E8, #377AD0);
background: -o-linear-gradient(top , #52A8E8, #377AD0);
color: #FFF;
text-shadow: 0 -1px 0 #3B592A;
}
.wpui-blue h3.ui-collapsible-header.ui-state-active,
.wpui-blue .ui-accordion h3.ui-accordion-header.ui-state-active {
background: #377AD0;
background: -moz-linear-gradient(top ,#52A8E8, #377AD0);
background: -webkit-gradient(linear, left top, left bottom , from(#52A8E8), to(#305DA9));
background: -webkit-linear-gradient(top , #52A8E8, #377AD0);
background: -o-linear-gradient(top , #52A8E8, #377AD0);
color: #000;
text-shadow: 0 1px 0 #000;
border-radius : 3px 3px 0 0;
-moz-border-radius : 3px 3px 0 0;
-webkit-border-radius : 3px 3px 0 0;
-webkit-border-radius : 3px 3px 0 0;
border-bottom: 0px;
}
.wpui-blue .ui-accordion .ui-accordion-content {
color: #666;
background: white;
padding: 10px;
border: 1px solid #DDD;
}
.wpui-blue .ui-collapsible-content {
color: #666;
background: white;
background: -moz-linear-gradient(top ,#E6E6DC, #FFF 10%);
background: -webkit-gradient(linear, left top, left bottom , from(#E6E6DC), to(#FFF));
background: -webkit-linear-gradient(top , #E6E6DC, #FFF 10%);
background: -o-linear-gradient(top , #E6E6DC, #FFF);
}
.wpui-blue .ui-button {
border-radius : 3px;
-moz-border-radius : 3px;
-webkit-border-radius : 3px;
-webkit-border-radius : 3px;
font: bold 14px 'Segoe UI', 'Lucida Grande', 'Arial', sans-serif;
background: #377AD0;
background: -moz-linear-gradient(top ,#52A8E8, #377AD0);
background: -webkit-gradient(linear, left top, left bottom , from(#52A8E8), to(#305DA9));
background: -webkit-linear-gradient(top , #52A8E8, #377AD0);
background: -o-linear-gradient(top , #52A8E8, #377AD0);
padding: 4px 10px;
color: #FFF !important;
border: 1px solid #3B592A;
text-shadow: 0 -1px 0 #3B592A;
}
.wpui-blue.ui-dialog {
font-family: 'Lucida Grande', 'Arial', sans-serif;
-moz-border-radius : 8px 8px 0 0;
-webkit-border-radius : 8px 8px 0 0;
-o-border-radius : 8px 8px 0 0;
border-radius : 8px 8px 0 0;
background: aliceblue;
/* border: 1px solid #777;*/
}
.wpui-blue .ui-dialog-titlebar {
font-weight: bold;
color: #FFF;
text-shadow: 0 -1px 0 #003;
padding: 6px 10px;
background: #377AD0;
background: -moz-linear-gradient(top ,#52A8E8, #377AD0);
background: -webkit-gradient(linear, left top, left bottom , from(#52A8E8), to(#305DA9));
background: -webkit-linear-gradient(top , #52A8E8, #377AD0);
background: -o-linear-gradient(top , #52A8E8, #377AD0);
-moz-border-radius : 6px 6px 0 0;
-webkit-border-radius : 6px 6px 0 0;
-o-border-radius : 6px 6px 0 0;
border-radius : 6px 6px 0 0;
border-bottom: 1px solid #003;
box-shadow: 0 1px 0 #E4EEFF inset;
}
.wpui-blue .ui-dialog-content {
padding: 10px;
overflow:hidden;
}
.wpui-blue .ui-dialog-titlebar-close {
background: url("../images/close-light.png") no-repeat scroll 0 0 transparent;
position: absolute;
right: 5px;
top : 5px;
width: 18px;
height : 18px;
margin: 0px;
padding: 0px;
border: 1px solid transparent;
opacity: 0.6;
text-indent : -99999em;
}
.wpui-blue .ui-dialog-titlebar-close:hover {
background: url("../images/close-light.png") no-repeat scroll 0 0 transparent;
width: 18px;
height : 18px;
border: 1px solid transparent;
top: 5px;
right: 5px;
opacity: 1;
}
.wpui-blue.wpui-button {
font: bold 14px 'Segoe UI', 'Lucida Grande', 'Arial', sans-serif;
background: #377AD0;
background: -moz-linear-gradient(top ,#52A8E8, #377AD0);
background: -webkit-gradient(linear, left top, left bottom , from(#52A8E8), to(#305DA9));
background: -webkit-linear-gradient(top , #52A8E8, #377AD0);
background: -o-linear-gradient(top , #52A8E8, #377AD0);
color: #FFF !important;
border: 1px solid #3B592A;
text-shadow: 0 -1px 0 #3B592A;
-moz-box-shadow : 1px 1px 0 #2FD7F5 inset, -1px -1px 0 #32B1E7 inset, 0 -4px 8px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow : 1px 1px 0 #2FD7F5 inset, -1px -1px 0 #32B1E7 inset, 0 -4px 8px rgba(0, 0, 0, 0.1) inset;
-o-box-shadow : 1px 1px 0 #2FD7F5 inset, -1px -1px 0 #32B1E7 inset, 0 -4px 8px rgba(0, 0, 0, 0.1) inset;
box-shadow : 1px 1px 0 #2FD7F5 inset, -1px -1px 0 #32B1E7 inset, 0 -4px 8px rgba(0, 0, 0, 0.1) inset;
font-weight : bold;
color : #888;
-moz-border-radius : 2px;
-webkit-border-radius : 2px;
-o-border-radius : 2px;
border-radius : 2px;
-moz-transition : all 0.2s ease-in;
-webkit-transition : all 0.2s ease-in;
-o-transition : all 0.2s ease-in;
-ms-transition : all 0.2s ease-in;
transition : all 0.2s ease-in;
}
.wpui-blue.wpui-button:hover {
background : #52A8E8;
background: -moz-linear-gradient(top , #4DD8FF, #377AD0);
background: -webkit-gradient(linear, left top, left bottom, from(#4DD8FF), to(#377AD0));
background: -webkit-linear-gradient(top , #4DD8FF, #377AD0);
background: -o-linear-gradient(top , #4DD8FF, #377AD0);
text-decoration : none;
color: #333;
font-weight : bold;
color : #666;
}
.wpui-blue.wpui-button:active {
-moz-box-shadow : 0 2px 7px rgba( 0, 0, 0, 0.3) inset;
-webkit-box-shadow : 0 2px 7px rgba( 0, 0, 0, 0.3) inset;
-o-box-shadow : 0 2px 7px rgba( 0, 0, 0, 0.3) inset;
box-shadow : 0 2px 7px rgba( 0, 0, 0, 0.3) inset;
}
/* Simple red.
======================================================================= */
.wpui-red .ui-tabs {
border-radius : 4px;
-moz-border-radius : 4px;
-webkit-border-radius : 4px;
-o-border-radius : 4px;
padding: 0px !important;
}
.wpui-red ul.ui-tabs-nav {
padding-top: 10px;
padding-left: 10px;
}
.wpui-red .ui-tabs-panel {
border-radius : 0 0 4px 4px;
-moz-border-radius : 0 0 4px 4px;
-webkit-border-radius : 0 0 4px 4px;
-o-border-radius : 0 0 4px 4px;
}
.wpui-red .ui-tabs {
background : #FFF;
border-radius : 5px;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
-o-border-radius : 5px;
border: 0px;
/* border-top: 1px solid #4A2825;*/
font: 12px Arial, Helvetica , Verdana, sans-serif;
}
.wpui-red .ui-tabs > .wp-tabs .ui-tabs {
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
-o-box-shadow: none !important;
}
.wpui-red .ui-tabs-panel {
background: #FFF;
border: 1px solid #DADADA;
}
.wpui-red ul.ui-tabs-nav {
border: 1px solid #4A2121;
background: #711919;
background: -moz-linear-gradient(top ,#BD5454, #711919);
background: -webkit-gradient(linear, left top, left bottom , from(#BD5454), color-stop(0.85, #AA2626), to(#8A1F1F));
background: -webkit-linear-gradient(top , #BD5454, #8A1F1F);
background: -o-linear-gradient(top , #BD5454, #8A1F1F);
-moz-box-shadow : 0 1px 0 #D7746B inset;
-webkit-box-shadow : 0 1px 0 #D7746B inset;
-o-box-shadow : 0 1px 0 #D7746B inset;
box-shadow : 0 1px 0 #D7746B inset;
padding-top: 6px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.wpui-red ul.ui-tabs-nav li {
background : none;
border : none !important;
}
.wpui-red ul.ui-tabs-nav li a {
color: #FFF;
background: none;
text-shadow: 0 1px 0 #20559A;
border-radius : 6px;
-moz-border-radius : 6px;
-webkit-border-radius : 6px;
-o-border-radius : 6px;
border-top: none;
line-height: 18px;
opacity: 0.8;
}
.wpui-red ul.ui-tabs-nav li.ui-state-active {
background: #FFF;
bottom: -2px;
border: 1px solid #20559A;
border-bottom: 0px;
}
.wpui-red ul.ui-tabs-nav li.ui-state-active a {
color: #000;
border-top: 1px solid #FFF;
text-shadow: none;
}
.wpui-red .ui-button {
background: #AA2626;
background: -moz-linear-gradient(top, #BD5454, #AA2626);
background: -webkit-gradient(linear, left top, left bottom, from(#BD5454), to(#AA2626));
background: -webkit-linear-gradient(top, #BD5454, #AA2626);
background: -o-linear-gradient(top, #BD5454, #AA2626);
text-shadow: 0 -1px 0 #444;
color: #FFF;
border-radius : 4px;
-moz-border-radius : 4px;
-webkit-border-radius : 4px;
-webkit-border-radius : 4px;
font: bold 12px/20px Arial, Helvetica , Verdana, sans-serif;
padding: 2px 10px;
border : 1px solid #3D1B1B;
-moz-box-shadow : 0 1px 0 #D7746B inset;
-webkit-box-shadow : 0 1px 0 #D7746B inset;
-o-box-shadow : 0 1px 0 #D7746B inset;
box-shadow : 0 1px 0 #D7746B inset;
}
.wpui-red .wp-tab-content a.ui-button {
float: right;
margin: 20px 0;
text-decoration: none !important;
}
.wpui-red .ui-tabs-panel .tab-top-nav a,
.wpui-red .ui-tabs-panel .tab-bottom-nav a {
background: #AA2626;
background: -moz-linear-gradient(top, #BD5454, #AA2626);
background: -webkit-gradient(linear, left top, left bottom, from(#BD5454), to(#AA2626));
background: -webkit-linear-gradient(top, #BD5454, #AA2626);
background: -o-linear-gradient(top, #BD5454, #AA2626);
text-shadow: 0 -1px 0 #444;
color: #FFF;
border-radius : 4px;
-moz-border-radius : 4px;
-webkit-border-radius : 4px;
-webkit-border-radius : 4px;
font: bold 12px/20px Arial, Helvetica , Verdana, sans-serif;
padding: 2px 10px;
border : 1px solid #3D1B1B;
-moz-box-shadow : 0 1px 0 #D7746B inset;
-webkit-box-shadow : 0 1px 0 #D7746B inset;
-o-box-shadow : 0 1px 0 #D7746B inset;
box-shadow : 0 1px 0 #D7746B inset;
}
.wp-tabs {
position:relative;
}
/* Tabs at bottom */
.wpui-red ul.ui-tabs-nav.ul-bottom {
border-top: 1px solid #3D1B1B;
padding-top: 0px;
padding-left: 0px;
padding-bottom: 10px;
background: #711919;
background: -moz-linear-gradient(top ,#BD5454, #711919);
background: -webkit-gradient(linear, left top, left bottom , from(#BD5454), color-stop(0.85, #AA2626), to(#8A1F1F));
background: -webkit-linear-gradient(top , #BD5454, #8A1F1F);
background: -o-linear-gradient(top , #BD5454, #8A1F1F);
}
.wpui-red ul.ui-tabs-nav.ul-bottom li {
vertical-align:top;
top:0px;
}
.wpui-red div.ui-tabs.bottom-tabs {
border-top: 0px;
}
.wpui-red div.bottom-tabs {
border-radius : 5px 5px 0 0 !important;
-moz-border-radius : 5px 5px 0 0 !important;
-webkit-border-radius : 5px 5px 0 0 !important;
-o-border-radius : 5px 5px 0 0 !important;
border-bottom: 0px;
}
.wpui-red ul.ui-tabs-nav.ul-bottom li.ui-state-active {
background: #FFF;
border-top: 0px;
bottom: 0;
top: -1px;
height: 16px;
box-shadow: none;
}
.wpui-red ul.ui-tabs-nav.ul-bottom li.ui-state-active a {
border-top: 0px;
}
/*
* wpui red accordion styles.
*/
.wpui-red .ui-collapsible-header,
.wpui-red .ui-accordion h3.ui-accordion-header {
border-radius : 3px;
-moz-border-radius : 3px;
-webkit-border-radius : 3px;
-webkit-border-radius : 3px;
font: bold 14px 'Segoe UI', 'Lucida Grande', 'Arial', sans-serif;
background: #711919;
background: -moz-linear-gradient(top ,#BD5454, #711919);
background: -webkit-gradient(linear, left top, left bottom , from(#BD5454), color-stop(0.85, #AA2626), to(#8A1F1F));
background: -webkit-linear-gradient(top , #BD5454, #8A1F1F);
background: -o-linear-gradient(top , #BD5454, #8A1F1F);
padding: 4px 10px;
color: #E3F9F9 !important;
color: rgba( 255, 255, 255, 0.7 );
border: 1px solid #3D1B1B;
text-shadow: 0 -1px 0 #13345A;
}
.wpui-red h3.ui-collapsible-header:hover,
.wpui-red .ui-accordion h3.ui-accordion-header:hover {
color: #000;
text-shadow: 0 1px 0 #13345A;
}
.wpui-red h3.ui-collapsible-header.ui-state-active,
.wpui-red .ui-accordion h3.ui-accordion-header.ui-state-active {
text-shadow: 0 1px 0 #13345A;
border-radius : 3px 3px 0 0;
-moz-border-radius : 3px 3px 0 0;
-webkit-border-radius : 3px 3px 0 0;
-webkit-border-radius : 3px 3px 0 0;
border-bottom: 0px;
}
.wpui-red .ui-accordion .ui-accordion-content {
color: #666;
background: white;
border: 1px solid #DDD;
}
.wpui-red .ui-collapsible-content {
color: #666;
background: white;
background: -moz-linear-gradient(top ,#E6D1DC, #FFF 15%);
background: -webkit-gradient(linear, left top, left bottom , from(#E6D1DC), color-stop(0.15, #FFF), to(#FFF));
background: -webkit-linear-gradient(top , #E6D1DC, #FFF 15%);
background: -o-linear-gradient(top , #E6D1DC, #FFF 15%);
}
.wpui-red.ui-dialog {
-moz-border-radius : 8px;
-webkit-border-radius : 8px;
-o-border-radius : 8px;
border-radius : 8px;
font-family: 'Lucida Grande', 'Arial', sans-serif;
background: #FFF;
}
.wpui-red .ui-dialog-titlebar {
font-weight: bold;
color: #FFF;
text-shadow: 0 -1px 0 #100;
padding: 6px 10px;
background: #711919;
background: -moz-linear-gradient(top ,#BD5454, #711919);
background: -webkit-gradient(linear, left top, left bottom , from(#BD5454), color-stop(0.85, #AA2626), to(#8A1F1F));
background: -webkit-linear-gradient(top , #BD5454, #8A1F1F);
background: -o-linear-gradient(top , #BD5454, #8A1F1F);
-moz-border-radius : 6px 6px 0 0;
-webkit-border-radius : 6px 6px 0 0;
-o-border-radius : 6px 6px 0 0;
border-radius : 6px 6px 0 0;
border-bottom: 1px solid #200;
-moz-box-shadow : 0 1px 0 #F0B9C7 inset;
-webkit-box-shadow : 0 1px 0 #F0B9C7 inset;
-o-box-shadow : 0 1px 0 #F0B9C7 inset;
box-shadow : 0 1px 0 #F0B9C7 inset;
}
.wpui-red .ui-dialog-content {
padding: 10px;
overflow:hidden;
}
.wpui-red .ui-dialog-titlebar-close {
background: url("../images/close-light.png") no-repeat scroll 0 0 transparent;
position: absolute;
right: 5px;
top : 5px;
width: 18px;
height : 18px;
margin: 0px;
padding: 0px;
border: 1px solid transparent;
opacity: 0.6;
text-indent : -99999em;
}
.wpui-red .ui-dialog-titlebar-close:hover {
background: url("../images/close-light.png") no-repeat scroll 0 0 transparent;
width: 18px;
height : 18px;
border: 1px solid transparent;
top: 5px;
right: 5px;
opacity: 1;
}
.wpui-red.wpui-button {
background: #AA2626;
background: -moz-linear-gradient(top, #BD5454, #AA2626);
background: -webkit-gradient(linear, left top, left bottom, from(#BD5454), to(#AA2626));
background: -webkit-linear-gradient(top, #BD5454, #AA2626);
background: -o-linear-gradient(top, #BD5454, #AA2626);
text-shadow: 0 -1px 0 #444;
color: #FFF;
font-weight : bold;
border-radius : 4px;
-moz-border-radius : 4px;
-webkit-border-radius : 4px;
-webkit-border-radius : 4px;
font: Arial, Helvetica , Verdana, sans-serif;
border : 1px solid #3D1B1B;
-moz-box-shadow : 0 1px 0 #E78281 inset, 0 -1px 0 #E78281 inset;
-moz-transition : all 0.2s ease-in;
-webkit-transition : all 0.2s ease-in;
-o-transition : all 0.2s ease-in;
-ms-transition : all 0.2s ease-in;
transition : all 0.2s ease-in;
}
.wpui-red.wpui-button:hover {
background : #D46254;
background: -moz-linear-gradient(top, #D46254, #AA2626);
background: -webkit-gradient(linear, left top, left bottom, from(#BD5454), to(#AA2626));
background: -webkit-linear-gradient(top, #BD5454, #AA2626);
background: -o-linear-gradient(top, #BD5454, #AA2626);
}
.wpui-red.wpui-button:active {
-moz-box-shadow : 0 2px 7px rgba( 0, 0, 0, 0.3) inset;
-webkit-box-shadow : 0 2px 7px rgba( 0, 0, 0, 0.3) inset;
-o-box-shadow : 0 2px 7px rgba( 0, 0, 0, 0.3) inset;
box-shadow : 0 2px 7px rgba( 0, 0, 0, 0.3) inset;
}
/* wpui-green
------------------------------------------------------------ */
.wpui-green .ui-tabs {
border-radius : 4px;
-moz-border-radius : 4px;
-webkit-border-radius : 4px;
-o-border-radius : 4px;
padding: 0px !important;
}
.wpui-green ul.ui-tabs-nav {
border-radius : 6px 6px 0 0;
-moz-border-radius : 6px 6px 0 0;
-webkit-border-radius : 6px 6px 0 0;
-o-border-radius : 6px 6px 0 0;
padding-top: 10px;
padding-left: 10px;
}
.wpui-green .ui-tabs-panel {
border-radius : 0 0 4px 4px;
-moz-border-radius : 0 0 4px 4px;
-webkit-border-radius : 0 0 4px 4px;
-o-border-radius : 0 0 4px 4px;
}
.wpui-green .ui-tabs {
background : #FFF;
border-radius : 6px;
-moz-border-radius : 6px;
-webkit-border-radius : 6px;
-o-border-radius : 6px;
border: 0px;
font: 12px Arial, Helvetica , Verdana, sans-serif;
}
.wpui-green .ui-tabs > .wp-tabs .ui-tabs {
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
-o-box-shadow: none !important;
}
.wpui-green .ui-tabs-panel {
background: #FFF;
border: 1px solid #DADADA;
}
.wpui-green ul.ui-tabs-nav {
border: 1px solid #3B592A;
background: #559D26;
background: -moz-linear-gradient(top ,#79B254, #559D26);
background: -webkit-gradient(linear, left top, left bottom , from(#79B254), to(#559D26));
background: -webkit-linear-gradient(top , #79B254, #559D26);
background: -o-linear-gradient(top , #79B254, #559D26);
/* border-top: 1px solid #9DE66D;
border-left: 1px solid #5FB02B;
border-right: 1px solid #5FB02B;*/
padding-top: 6px;
-moz-box-shadow : 0 1px 0 #9DE66D inset;
-webkit-box-shadow : 0 1px 0 #9DE66D inset;
-o-box-shadow : 0 1px 0 #9DE66D inset;
box-shadow : 0 1px 0 #9DE66D inset;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.wpui-green ul.ui-tabs-nav li {
background : none;
border : none !important;
}
.wpui-green ul.ui-tabs-nav li a {
color: #FFF;
background: none;
text-shadow: 0 1px 0 #20559A;
border-radius : 6px;
-moz-border-radius : 6px;
-webkit-border-radius : 6px;
-o-border-radius : 6px;
border-top: none;
line-height: 18px;
opacity: 0.8;
}
.wpui-green ul.ui-tabs-nav li.ui-state-active {
background: #FFF;
bottom: -2px;
border: 1px solid #20559A;
border-bottom: 0px;
box-shadow : 0 -1px 1px #66BD2E;
-moz-box-shadow : 0 -1px 1px #66BD2E;
-webkit-box-shadow : 0 -1px 1px #66BD2E;
-o-box-shadow : 0 -1px 1px #66BD2E;
}
.wpui-green ul.ui-tabs-nav li.ui-state-active a {
color: #000;
border-top: 1px solid #FFF;
text-shadow: none;
}
.wpui-green .ui-button {
background: #559D26;
background: -moz-linear-gradient(top, #79B254, #559D26);
background: -webkit-gradient(linear, left top, left bottom, from(#79B254), to(#559D26));
background: -webkit-linear-gradient(top, #79B254, #559D26);
background: -o-linear-gradient(top, #79B254, #559D26);
text-shadow: 0 -1px 0 #444;
color: #FFF;
border-radius : 4px;
-moz-border-radius : 4px;
-webkit-border-radius : 4px;
-webkit-border-radius : 4px;
font: bold 12px/20px Arial, Helvetica , Verdana, sans-serif;
padding: 2px 10px;
border : 1px solid #284A12;
-moz-box-shadow : 0 1px 0 #9DE66D inset;
-webkit-box-shadow : 0 1px 0 #9DE66D inset;
-o-box-shadow : 0 1px 0 #9DE66D inset;
box-shadow : 0 1px 0 #9DE66D inset;
text-decoration: none;
}
.wpui-green .wp-tab-content a.ui-button {
float: right;
margin: 20px 0;
text-decoration: none !important;
}
.wpui-green .ui-tabs-panel .tab-top-nav a,
.wpui-green .ui-tabs-panel .tab-bottom-nav a {
background: #559D26;
background: -moz-linear-gradient(top, #79B254, #559D26);
background: -webkit-gradient(linear, left top, left bottom, from(#79B254), to(#559D26));
background: -webkit-linear-gradient(top, #79B254, #559D26);
background: -o-linear-gradient(top, #79B254, #559D26);
text-shadow: 0 -1px 0 #444;
color: #FFF;
border-radius : 4px;
-moz-border-radius : 4px;
-webkit-border-radius : 4px;
-webkit-border-radius : 4px;
font: bold 12px/20px Arial, Helvetica , Verdana, sans-serif;
padding: 2px 10px;
border : 1px solid #284A12;
-moz-box-shadow : 0 1px 0 #9DE66D inset;
-webkit-box-shadow : 0 1px 0 #9DE66D inset;
-o-box-shadow : 0 1px 0 #9DE66D inset;
box-shadow : 0 1px 0 #9DE66D inset;
}
.wp-tabs {
position:relative;
}
/* Tabs at bottom */
.wpui-green ul.ui-tabs-nav.ul-bottom {
border-top: 1px solid #3B592A;
padding-top: 0px;
padding-left: 0px;
padding-bottom: 10px;
border-radius : 0 0 5px 5px;
-moz-border-radius : 0 0 5px 5px;
-webkit-border-radius : 0 0 5px 5px;
-o-border-radius : 0 0 5px 5px;
background: #559D26;
background: -moz-linear-gradient(top ,#79B254, #559D26);
background: -webkit-gradient(linear, left top, left bottom , from(#79B254), to(#559D26));
background: -webkit-linear-gradient(top , #79B254, #559D26);
background: -o-linear-gradient(top , #79B254, #559D26);
}
.wpui-green ul.ui-tabs-nav.ul-bottom li {
vertical-align:top;
border-radius : 0 0 5px 5px;
-moz-border-radius : 0 0 5px 5px;
-webkit-border-radius : 0 0 5px 5px;
-o-border-radius : 0 0 5px 5px;
top:0px;
}
.wpui-green div.ui-tabs-panel.bottom-tabs {
border-radius : 5px 5px 0 0 !important;
-moz-border-radius : 5px 5px 0 0 !important;
-webkit-border-radius : 5px 5px 0 0 !important;
-o-border-radius : 5px 5px 0 0 !important;
border-bottom: 0px;
}
.wpui-green div.ui-tabs.bottom-tabs {
border-top: 0px;
}
.wpui-green ul.ui-tabs-nav.ul-bottom li.ui-state-active {
background: #FFF;
border-top: 0px;
bottom: 0;
top: -1px;
height: 16px;
box-shadow : none;
-moz-box-shadow : none;
-webkit-box-shadow : none;
-o-box-shadow : none;
}
.wpui-green ul.ui-tabs-nav.ul-bottom li.ui-state-active a {
border-top: 0px;
}
/*
* wpui Light accordion styles.
*/
.wpui-green .ui-collapsible-header,
.wpui-green .ui-accordion h3.ui-accordion-header {
border-radius : 3px;
-moz-border-radius : 3px;
-webkit-border-radius : 3px;
-webkit-border-radius : 3px;
font: bold 14px 'Segoe UI', 'Lucida Grande', 'Arial', sans-serif;
background: #559D26;
background: -moz-linear-gradient(top ,#79B254, #559D26);
background: -webkit-gradient(linear, left top, left bottom , from(#79B254), to(#559D26));
background: -webkit-linear-gradient(top , #79B254, #559D26);
background: -o-linear-gradient(top , #79B254, #559D26);
padding: 4px 10px;
color: #FFF !important;
border: 1px solid #437D1F;
text-shadow: 0 -1px 0 #2F5715;
}
.wpui-green h3.ui-collapsible-header:hover,
.wpui-green .ui-accordion h3.ui-accordion-header:hover {
color: #FFF;
text-shadow: 0 -1px 0 #2F5715;
}
.wpui-green h3.ui-collapsible-header.ui-state-active,
.wpui-green .ui-accordion h3.ui-accordion-header.ui-state-active {
text-shadow: 0 1px 0 #2F5715;
border-radius : 3px 3px 0 0;
-moz-border-radius : 3px 3px 0 0;
-webkit-border-radius : 3px 3px 0 0;
-webkit-border-radius : 3px 3px 0 0;
border-bottom: 0px;
}
.wpui-green .ui-accordion .ui-accordion-content {
color: #666;
background: white;
padding: 10px;
border: 1px solid #DDD;
}
.wpui-green .ui-collapsible-content {
color: #666;
background: white;
background: -moz-linear-gradient(top ,#B3E6DC, #FFF 15%);
background: -webkit-gradient(linear, left top, left bottom , from(#B3E6DC), color-stop(0.15, #FFF));
background: -webkit-linear-gradient(top , #B3E6DC, #FFF 15%);
background: -o-linear-gradient(top , #B3E6DC, #FFF 15%);
}
.wpui-green.ui-dialog {
-moz-border-radius : 6px;
-webkit-border-radius : 6px;
-o-border-radius : 6px;
border-radius : 6px;
font-family: 'Lucida Grande', 'Arial', sans-serif;
color: #282828;
background: white;
}
.wpui-green .ui-dialog-titlebar {
font-weight: bold;
background: #559D26;
padding: 6px 10px;
background: -moz-linear-gradient(top ,#79B254, #559D26);
background: -webkit-gradient(linear, left top, left bottom , from(#79B254), to(#559D26));
background: -webkit-linear-gradient(top , #79B254, #559D26);
background: -o-linear-gradient(top , #79B254, #559D26);
color: #FFF !important;
border: 1px solid #437D1F;
text-shadow: 0 -1px 0 #2F5715;
-moz-border-radius : 6px 6px 0 0;
-webkit-border-radius : 6px 6px 0 0;
-o-border-radius : 6px 6px 0 0;
border-radius : 6px 6px 0 0;
border-bottom: 1px solid #000;
box-shadow: 0 1px 0 #EEE inset, 0 1px 0 #EEE;
}
.wpui-green .ui-dialog-content {
padding: 10px;
overflow:hidden;
}
.wpui-green .ui-dialog-titlebar-close {
background: url("../images/close-light.png") no-repeat scroll 0 0 transparent;
position: absolute;
right: 5px;
top : 5px;
width: 18px;
height : 18px;
margin: 0px;
padding: 0px;
border: 1px solid transparent;
opacity: 0.6;
text-indent : -99999em;
}
.wpui-green .ui-dialog-titlebar-close:hover {
background: url("../images/close-light.png") no-repeat scroll 0 0 transparent;
width: 18px;
height : 18px;
border: 1px solid transparent;
top: 5px;
right: 5px;
opacity: 1;
}
.wpui-green.wpui-button {
background: #559D26;
background: -moz-linear-gradient(top, #79B254, #559D26);
background: -webkit-gradient(linear, left top, left bottom, from(#79B254), to(#559D26));
background: -webkit-linear-gradient(top, #79B254, #559D26);
background: -o-linear-gradient(top, #79B254, #559D26);
text-shadow: 0 -1px 0 #444;
color: #FFF;
font-weight : bold;
border : 1px solid #284A12;
-moz-box-shadow : 0 1px 0 #9DE66D inset;
-webkit-box-shadow : 0 1px 0 #9DE66D inset;
-o-box-shadow : 0 1px 0 #9DE66D inset;
box-shadow : 0 1px 0 #9DE66D inset;
-moz-border-radius : 3px;
-webkit-border-radius : 3px;
-o-border-radius : 3px;
border-radius : 3px;
}
.wpui-green.wpui-button:hover {
background: -moz-linear-gradient(top , #82BF5A, #559D26);
background: -webkit-gradient(linear, left top, left bottom, from(#82BF5A), to(#559D26));
background: -webkit-linear-gradient(top , #82BF5A, #559D26);
background: -o-linear-gradient(top , #82BF5A, #559D26);
}
.wpui-green.wpui-button:active {
-moz-box-shadow : 0 2px 7px rgba( 0, 0, 0, 0.3) inset;
-webkit-box-shadow : 0 2px 7px rgba( 0, 0, 0, 0.3) inset;
-o-box-shadow : 0 2px 7px rgba( 0, 0, 0, 0.3) inset;
box-shadow : 0 2px 7px rgba( 0, 0, 0, 0.3) inset;
}
/* Dark CSS3 additions to above simple theme
==================================================================== */
.wpui-dark .ui-tabs {
padding: 0px !important;
border: 0px !important;
}
.wpui-dark .ui-corner-top {
-moz-border-radius : 3px 3px 0 0;
-webkit-border-radius : 3px 3px 0 0;
-o-border-radius : 3px 3px 0 0;
border-radius : 3px 3px 0 0;
}
.wpui-dark .ui-corner-left {
-moz-border-radius : 3px 0 0 3px;
-webkit-border-radius : 3px 0 0 3px;
-o-border-radius : 3px 0 0 3px;
border-radius : 3px 0 0 3px;
}
.wpui-dark .ui-corner-bottom {
-moz-border-radius : 0 0 3px 3px;
-webkit-border-radius : 0 0 3px 3px;
-o-border-radius : 0 0 3px 3px;
border-radius : 0 0 3px 3px;
}
.wpui-dark .ui-corner-right {
-moz-border-radius : 0 3px 3px 0;
-webkit-border-radius : 0 3px 3px 0;
-o-border-radius : 0 3px 3px 0;
border-radius : 0 3px 3px 0;
}
.wpui-dark .ui-corner-all {
-moz-border-radius : 3px;
-webkit-border-radius : 3px;
-o-border-radius : 3px;
border-radius : 3px;
}
.wpui-dark .ui-resizable-se {
background: url("../images/dark-resize-se.png") no-repeat;
}
.wpui-dark.ui-tabs,
.wpui-dark .ui-tabs {
background: #151515;
background: -moz-linear-gradient( top, #444, #000);
background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
background: -webkit-linear-gradient( top, #444, #000);
background: -o-gradient( top, #444, #000);
border:1px solid #777;
}
.wpui-dark .ui-tabs .ui-tabs-panel .wp-tab-content > .wp-tabs .ui-tabs {
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
-o-box-shadow: none !important;
}
.wpui-dark .ui-tabs > .wp-tabs .ui-tabs {
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
-o-box-shadow: none !important;
}
.wpui-dark .ui-tabs-panel {
background: #222;
background: -moz-linear-gradient(top , #444, #181818);
background: -webkit-gradient(linear, left top, left bottom , from(#444), to(#181818));
background: -webkit-linear-gradient(top , #444, #181818);
background: -o-linear-gradient(top , #444, #181818);
text-shadow: 0 1px 0 #FFFFFF;
color: #DDD;
text-shadow: 0 1px 0 #000;
border-top: 1px solid #666;
}
.wpui-dark .ui-tabs-panel a {
color: #FFF;
}
.wpui-dark .ui-tabs-panel h2,
.wpui-dark .ui-tabs-panel h3,
.wpui-dark .ui-tabs-panel h4 {
color: #FFF !important;
}
.wpui-dark ul.ui-tabs-nav {
border-bottom: 1px solid #000;
background: #444;
background: -moz-linear-gradient(top, #151515, #333);
background: -webkit-gradient(linear, left top, left bottom, from(#151515), to(#333));
background: -webkit-linear-gradient(top, #151515, #333);
background: -o-linear-gradient(top, #151515, #333);
padding-top: 10px;
padding-left: 10px;
-moz-box-shadow: 0 1px 0 #666 inset;
border : 1px solid #000;
}
/*.wpui-dark.wpui-tabs-vertical ul.ui-tabs-nav {
background: #555;
background: -moz-linear-gradient(bottom , #555, #777);
background: -webkit-gradient(linear, left bottom, left top , from(#555), to(#777));
background: -webkit-linear-gradient(bottom , #555, #777);
background: -o-linear-gradient(bottom , #555, #777);
border-bottom: 1px solid #666;
}*/
.wpui-dark ul.ui-tabs-nav li {
background: #555;
background: -moz-linear-gradient( top , #555, #777);
background: -webkit-gradient(linear, left top, left bottom , from(#555), to(#777));
background: -webkit-linear-gradient( top , #555, #777);
background: -o-linear-gradient( top, #555, #777);
border-bottom: 1px solid #666;
margin-right: 3px;
}
.wpui-dark.wpui-tabs-vertical ul.ui-tabs-nav li {
background : none;
border-bottom : 1px solid #000;
border-top : 1px solid #444;
}
.wpui-dark ul.ui-tabs-nav li a {
color: #CCC;
text-shadow: 0 1px 0 #000;
}
.wpui-dark ul.ui-tabs-nav li.ui-state-active {
background: #222;
background: -moz-linear-gradient(top, #555, #444);
background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#444));
background: -webkit-linear-gradient(top, #555, #444);
background: -o-linear-gradient(top, #555, #444);
border: 1px solid #444;
border-bottom: 0px !important;
box-shadow : 0 1px 0 #666 inset;
}
.wpui-dark ul.ui-tabs-nav li.ui-state-active a {
color: #FFF;
text-shadow: 0 1px 0 #000;
/* border-top: 2px solid #777;*/
}
.wpui-dark .wpui-post-thumbnail {
background: black;
padding: 10px;
background: -webkit-linear-gradient(top, #666, #444 40%, #111 40%, #222);
box-shadow: 1px 1px 0 #777 inset, -1px -1px 0 #555 inset, 0 2px 5px rgba(0, 0, 0, 0.3);
border-radius: 4px;
}
.wpui-dark .ui-button {
background: #666;
background: -moz-linear-gradient(top, #666, #454545);
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#454545));
background: -webkit-linear-gradient(top, #666, #454545);
background: -o-linear-gradient(top, #666, #454545);
text-shadow: 0 1px 0 #777;
color: #000 !important;
padding: 4px 10px;
text-decoration : none;
-moz-box-shadow : 1px 1px 0 #757575 inset, -1px -1px 0 #555 inset;
-webkit-box-shadow : 1px 1px 0 #757575 inset, -1px -1px 0 #555 inset;
-o-box-shadow : 1px 1px 0 #757575 inset, -1px -1px 0 #555 inset;
box-shadow : 1px 1px 0 #757575 inset, -1px -1px 0 #555 inset;
border : 0px;
}
.wpui-dark .wp-tab-content a.ui-button {
float: right;
margin: 20px 0;
}
.wpui-dark .ui-tabs-panel .tab-top-nav a,
.wpui-dark .ui-tabs-panel .tab-bottom-nav a {
background: #666;
background: -moz-linear-gradient(top, #666, #454545);
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#454545));
background: -webkit-linear-gradient(top, #666, #454545);
background: -o-linear-gradient(top, #666, #454545);
text-shadow: 0 1px 0 #777;
color: #000;
}
.wp-tabs {
position : relative;
}
/* wpui Dark accordion styles.
=========================================================================== */
.wpui-dark h3.ui-collapsible-header,
.wpui-dark h3.ui-accordion-header {
border-radius : 3px;
-moz-border-radius : 3px;
-webkit-border-radius : 3px;
-webkit-border-radius : 3px;
font: bold 14px 'Segoe UI', 'Lucida Grande', 'Arial', sans-serif;
background: #555;
background: -moz-linear-gradient(top , #444, #222);
background: -webkit-gradient(linear, left top, left bottom , from(#444), to(#222));
background: -webkit-linear-gradient(top , #444, #222);
background: -o-linear-gradient(top , #444, #222);
padding: 4px 10px;
color: #DDD !important;
border: 1px solid #222;
text-shadow: 0 -1px -1px #000;
overflow : hidden;
-moz-box-shadow : 1px 1px 0 #666 inset, -1px -1px 0 #444 inset;
-webkit-box-shadow : 1px 1px 0 #666 inset, -1px -1px 0 #444 inset;
-o-box-shadow : 1px 1px 0 #666 inset, -1px -1px 0 #444 inset;
box-shadow : 1px 1px 0 #666 inset, -1px -1px 0 #444 inset;
}
.wpui-dark h3.ui-collapsible-header:hover,
.wpui-dark h3.ui-accordion-header:hover {
background: #222;
background: -moz-linear-gradient(top , #555, #333);
background: -webkit-gradient(linear, left top, left bottom , from(#555), to(#333));
background: -webkit-linear-gradient(top , #555, #333);
background: -o-linear-gradient(top , #555, #333);
border: 1px solid #222;
-moz-box-shadow : 0 1px 0 #666 inset;
-webkit-box-shadow : 0 1px 0 #666 inset;
-o-box-shadow : 0 1px 0 #666 inset;
box-shadow : 0 1px 0 #666 inset;
}
.wpui-dark h3.ui-collapsible-header.ui-state-active,
.wpui-dark h3.ui-accordion-header.ui-state-active {
background: #222;
background: -moz-linear-gradient(top, #333, #111);
background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#111));
background: -webkit-linear-gradient(top, #333, #111);
background: -o-linear-gradient(top, #333, #111);
border: 1px solid #444;
border-radius : 3px 3px 0 0;
-moz-border-radius : 3px 3px 0 0;
-webkit-border-radius : 3px 3px 0 0;
-webkit-border-radius : 3px 3px 0 0;
border-bottom: 1px solid #333;
-moz-box-shadow : 0 1px 0 #666 inset;
-webkit-box-shadow : 0 1px 0 #666 inset;
-o-box-shadow : 0 1px 0 #666 inset;
box-shadow : 0 1px 0 #666 inset;
}
.wpui-dark .ui-collapsible-content,
.wpui-dark .ui-accordion-content {
color: #EFEFEF;
background: #666;
background: -moz-linear-gradient(top, #111, #333);
background: -webkit-gradient(linear, left top, left bottom, from(#111), to(#333));
background: -webkit-linear-gradient(top, #111, #333);
background: -o-linear-gradient(top, #111, #333);
border: 1px solid #444;
border-top: 1px solid #555;
text-shadow: 0 1px 0 #000;
overflow : hidden;
}
/* Tabs at bottom */
.wpui-dark ul.ui-tabs-nav.ul-bottom {
border-top: 1px solid #333 !important;
padding-top: 0px;
padding-left: 0px;
padding-bottom: 10px;
background: -moz-linear-gradient(top, #222, #444444);
background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#444444));
background: -webkit-linear-gradient(top, #222, #444444);
background: -o-linear-gradient(top, #222, #444444);
border-top: 1px solid #888;
}
.wpui-dark ul.ui-tabs-nav.ul-bottom li {
vertical-align:top;
background: -moz-linear-gradient(top, #181818, #383838);
background: -webkit-gradient(linear, left top, left bottom, from(#181818), to(#383838));
background: -webkit-linear-gradient(top, #181818, #383838);
background: -o-linear-gradient(top, #181818, #383838);
border-bottom: 1px solid #000;
top:0px;
}
.wpui-dark ul.ui-tabs-nav.ul-bottom li.ui-state-active {
border: 1px solid #333;
background: none;
background: -moz-linear-gradient(top, #181818, #161616);
background: -webkit-gradient(linear, left top, left bottom, from(#181818), to(#161616));
background: -webkit-linear-gradient(top, #181818, #161616);
background: -o-linear-gradient(top, #181818, #161616);
border-top: 0px;
bottom: 0;
top: -1px;
height: 18px;
}
.wpui-dark ul.ui-tabs-nav.ul-bottom li.ui-state-active a {
border-top: 0px;
}
/*.wpui-dark pre {
background: #333;
color: #888;
text-shadow : 0 1px 0 #000;
border : 1px solid #000;
-moz-border-radius : 3px;
-webkit-border-radius : 3px;
-o-border-radius : 3px;
border-radius : 3px;
}*/
/*
* Dialogs dark
*/
.wpui-dark.ui-dialog {
font-family: 'Lucida Grande', 'Arial', sans-serif;
color: #DDD;
border: 1px solid #000;
text-shadow: 0 1px 0 #000;
background : #252525;
-moz-box-shadow : 0 2px 10px rgba( 0, 0, 0, 0.8 );
-webkit-box-shadow : 0 2px 10px rgba( 0, 0, 0, 0.8 );
-o-box-shadow : 0 2px 10px rgba( 0, 0, 0, 0.8 );
box-shadow : 0 2px 10px rgba( 0, 0, 0, 0.8 );
-moz-border-radius : 3px;
-webkit-border-radius : 3px;
-o-border-radius : 3px;
border-radius : 3px;
}
.wpui-dark .wp-dialog {
color : #DDD !important;
}
.wpui-dark .ui-dialog-titlebar {
font-weight: bold;
color: #FFF;
text-shadow: 0 1px 1px #000;
padding: 6px 10px;
border-bottom: 1px solid #000;
box-shadow: 0 1px 0 #999 inset, 0 1px 0 #444 inset;
background: #444;
background: -moz-linear-gradient(top , #444, #222);
background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));
background: -webkit-linear-gradient(top , #444, #222);
background: -o-linear-gradient(top , #444, #222);
-moz-border-radius : 3px 3px 0 0;
-webkit-border-radius : 3px 3px 0 0;
-o-border-radius : 3px 3px 0 0;
border-radius : 3px 3px 0 0;
-moz-border-radius : 2px 2px 0 0;
-webkit-border-radius : 2px 2px 0 0;
-o-border-radius : 2px 2px 0 0;
border-radius : 2px 2px 0 0;
}
.wpui-dark .ui-dialog-content {
padding: 10px;
overflow:hidden;
-moz-border-radius : 0 0 3px 3px;
-webkit-border-radius : 0 0 3px 3px;
-o-border-radius : 0 0 3px 3px;
border-radius : 0 0 3px 3px;
}
.wpui-dark .ui-dialog-titlebar-close {
background: url("../images/close-light.png") no-repeat scroll 0 0 transparent;
position: absolute;
right: 5px;
top : 5px;
width: 18px;
height : 18px;
margin: 0px;
padding: 0px;
border: 1px solid transparent;
opacity: 0.6;
text-indent : -99999em;
}
.wpui-dark .ui-dialog-titlebar-close:hover {
background: url("../images/close-light.png") no-repeat scroll 0 0 transparent;
width: 18px;
height : 18px;
border: 1px solid transparent;
top: 5px;
right: 5px;
opacity: 1;
}
.wpui-dark .ui-dialog-buttonpane {
border-top : 1px solid #000;
-moz-box-shadow : 0 1px 0 #444 inset;
-webkit-box-shadow : 0 1px 0 #444 inset;
-o-box-shadow : 0 1px 0 #444 inset;
box-shadow : 0 1px 0 #444 inset;
}
.wpui-dark.wpui-button {
background: #666;
background: -moz-linear-gradient(top, #666, #454545);
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#454545));
background: -webkit-linear-gradient(top, #666, #454545);
background: -o-linear-gradient(top, #666, #454545);
text-shadow: 0 -1px 0 #000;
font-weight : bold;
padding: 4px 10px;
text-decoration : none;
-moz-box-shadow : 1px 1px 0 #888 inset, -1px -1px 0 #666 inset;
-webkit-box-shadow : 1px 1px 0 #888 inset, -1px -1px 0 #666 inset;
-o-box-shadow : 1px 1px 0 #888 inset, -1px -1px 0 #666 inset;
box-shadow : 1px 1px 0 #888 inset, -1px -1px 0 #666 inset;
border : 0px;
border : 1px solid #333;
color : #DDD !important;
-moz-border-radius : 3px;
-webkit-border-radius : 3px;
-o-border-radius : 3px;
border-radius : 3px;
}
.wpui-dark.wpui-button span.ui-icon {
}
.wpui-dark.wpui-button:hover {
background: -moz-linear-gradient(top , #888, #666);
background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#666));
background: -webkit-linear-gradient(top , #888, #666);
background: -o-linear-gradient(top , #888, #666);
-moz-box-shadow : 1px 1px 0 #999 inset, -1px -1px 0 #777 inset;
-webkit-box-shadow : 1px 1px 0 #999 inset, -1px -1px 0 #777 inset;
-o-box-shadow : 1px 1px 0 #999 inset, -1px -1px 0 #777 inset;
box-shadow : 1px 1px 0 #999 inset, -1px -1px 0 #777 inset;
color : #EEE;
}
.wpui-dark.wpui-button:active {
-moz-box-shadow : 0 2px 7px rgba( 0, 0, 0, 0.4) inset;
-webkit-box-shadow : 0 2px 7px rgba( 0, 0, 0, 0.4) inset;
-o-box-shadow : 0 2px 7px rgba( 0, 0, 0, 0.4) inset;
box-shadow : 0 2px 7px rgba( 0, 0, 0, 0.4) inset;
}
/*
* Quark CSS3 additions to above simple theme
*/
.wpui-quark .ui-tabs {
padding: 0px !important;
}
.wpui-quark .ui-tabs {
/* background: -moz-linear-gradient( top, #EEE, #AAA);*/
background: #151515;
background: -moz-linear-gradient(top , #6E4A40, #4A2F35);
background: -webkit-gradient(linear, left top, left bottom , from(#6E4A40), to(#4A2F35));
background: -webkit-linear-gradient(top , #6E4A40, #4A2F35);
background: -o-linear-gradient(top , #6E4A40, #4A2F35);
border: 0px !important
}
.wpui-quark .ui-tabs .ui-tabs-panel .wp-tab-content > .wp-tabs .ui-tabs {
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
-o-box-shadow: none !important;
}
.wpui-quark .ui-tabs > .wp-tabs .ui-tabs {
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
-o-box-shadow: none !important;
}
.wpui-quark .ui-tabs .ui-tabs-panel {
background: #593C34;
background: -moz-linear-gradient(top , #6E4A40, #4A2F35);
background: -webkit-gradient(linear, left top, left bottom , from(#6E4A40), to(#4A2F35));
background: -webkit-linear-gradient(top , #6E4A40, #4A2F35);
background: -o-linear-gradient(top , #6E4A40, #4A2F35);
text-shadow: 0 1px 0 #000;
border-top: 1px solid #9C6C5F;
color: #DBCCB4;
padding: 10px;
}
.wpui-quark .ui-tabs .ui-tabs-panel a {
color: #DBCCB4;
}
.wpui-quark ul.ui-tabs-nav {
border-bottom: 1px solid #4A2F35;
background: #444;
background: #222;
background: -moz-linear-gradient(top, #222222, #333333);
background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#333));
background: -webkit-linear-gradient(top, #222222, #333);
background: -o-linear-gradient(top, #222222, #333);
padding-top: 10px;
padding-left: 10px;
}
.wpui-quark ul.ui-tabs-nav li {
background: #C7A777;
background: -moz-linear-gradient(top , #DBC6A4, #C7A777);
background: -webkit-gradient(linear, left top, left bottom , from(#DBC6A4), to(#C7A777));
background: -webkit-linear-gradient(top , #DBC6A4, #C7A777);
background: -o-linear-gradient(top , #DBC6A4, #C7A777);
border-bottom: 1px solid #4A2F35;
-moz-box-shadow : 0 1px 0 #FFF inset;
-webkit-box-shadow : 0 1px 0 #FFF inset;
-o-box-shadow : 0 1px 0 #FFF inset;
box-shadow : 0 1px 0 #FFF inset;
margin-right: 3px;
}
.wpui-quark ul.ui-tabs-nav.ul-bottom li {
border-radius : 0 0 5px 5px;
-moz-border-radius : 0 0 5px 5px;
-webkit-border-radius : 0 0 5px 5px;
-o-border-radius : 0 0 5px 5px;
}
.wpui-quark ul.ui-tabs-nav li a {
color: #000;
text-shadow: 0 1px 0 #FFF;
}
.wpui-quark ul.ui-tabs-nav li.ui-state-active {
background: #593C34;
background: -moz-linear-gradient(top, #8F675B, #6E4A40);
background: -webkit-gradient(linear, left top, left bottom, from(#8F675B), to(#6E4A40));
background: -webkit-linear-gradient(top, #8F675B, #6E4A40);
background: -o-linear-gradient(top, #8F675B, #6E4A40);
border: 1px solid #444;
border-bottom: 0px !important;
bottom: -2px;
-moz-box-shadow : 0 1px 0 #DB9E8C inset;
-webkit-box-shadow : 0 1px 0 #DB9E8C inset;
-o-box-shadow : 0 1px 0 #DB9E8C inset;
box-shadow : 0 1px 0 #DB9E8C inset;
}
.wpui-quark ul.ui-tabs-nav.ul-bottom li.ui-state-active {
background: -moz-linear-gradient(top, #4A2F35, #57373E);
background: -webkit-gradient(linear, left top, left bottom, from(#4A2F35), to(#8F675B));
background: -webkit-linear-gradient(top, #4A2F35, #8F675B);
background: -o-linear-gradient(top, #4A2F35, #8F675B);
border-bottom: 2px solid #000;
border-top: 0px;
}
.wpui-quark ul.ui-tabs-nav li.ui-state-active a {
color: #EBD4B0;
text-shadow: 0 1px 0 #000;
}
.wpui-quark .ui-button {
background: #C7A777;
background: -moz-linear-gradient(top, #DBC6A4, #C7A777);
background: -webkit-gradient(linear, left top, left bottom, from(#DBC6A4), to(#C7A777));
background: -webkit-linear-gradient(top, #DBC6A4, #C7A777);
background: -o-linear-gradient(top, #DBC6A4, #C7A777);
text-shadow: 0 1px 0 #EBD4B0;
color: #000 !important;
border: 1px solid #4A2F35;
padding: 4px 7px;
text-decoration: none;
}
.wpui-quark .wp-tab-content a.ui-button {
float: right;
margin: 20px 0;
text-decoration: none !important;
}
.wpui-quark .ui-tabs-panel .tab-top-nav a,
.wpui-quark .ui-tabs-panel .tab-bottom-nav a {
background: #C7A777;
background: -moz-linear-gradient(top, #DBC6A4, #C7A777);
background: -webkit-gradient(linear, left top, left bottom, from(#DBC6A4), to(#C7A777));
background: -webkit-linear-gradient(top, #DBC6A4, #C7A777);
background: -o-linear-gradient(top, #DBC6A4, #C7A777);
text-shadow: 0 1px 0 #EBD4B0;
color: #000;
border-radius : 4px;
-moz-border-radius : 4px;
-webkit-border-radius : 4px;
-o-border-radius : 4px;
border: 1px solid #4A2F35;
padding: 4px 7px;
}
.wpui-quark .ui-tabs h1,
.wpui-quark .ui-tabs h2,
.wpui-quark .ui-tabs h3,
.wpui-quark .ui-tabs h4,
.wpui-quark .ui-tabs h5 {
color: #F2E5D0 !important;
text-shadow : 0 1px 0 #000;
}
/* Tabs at bottom */
.wpui-quark ul.ui-tabs-nav.ul-bottom {
border-top: 2px solid #111 !important;
padding-top: 0px;
padding-left: 0px;
padding-bottom: 10px;
background: -moz-linear-gradient(top, #333, #222);
background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#222));
background: -webkit-linear-gradient(top, #333, #222);
background: -o-linear-gradient(top, #333, #222);
}
.wpui-quark ul.ui-tabs-nav.ul-bottom li {
vertical-align:top;
background: -moz-linear-gradient(top, #C7A777, #DBC6A4);
background: -webkit-gradient(linear, left top, left bottom, from(#C7A777), to(#DBC6A4));
background: -webkit-linear-gradient(top, #C7A777, #DBC6A4);
background: -o-linear-gradient(top, #C7A777, #DBC6A4);
border-bottom: 1px solid #000;
border-top: 0px !important;
top:0px;
}
.wpui-quark ul.ui-tabs-nav.ul-bottom li.ui-state-active {
border: 1px solid #000;
background: none;
background: -moz-linear-gradient(top, #4A2F35, #57373E);
background: -webkit-gradient(linear, left top, left bottom, from(#4A2F35), to(#57373E));
background: -webkit-linear-gradient(top, #4A2F35, #57373E);
background: -o-linear-gradient(top, #4A2F35, #57373E);
border-top: 0px;
border-bottom: 2px solid #000 !important;
bottom: 0;
top: -2px;
height: 19px;
}
.wpui-quark ul.ui-tabs-nav.ul-bottom li.ui-state-active a {
border-top: 0px;
}
.wpui-quark .wp-tabs {
position:relative;
}
.wpui-quark .ui-accordion h3 {
margin-bottom: 0px !important;
margin-top: 2px !important;
outline: 0;
}
.wpui-quark .ui-accordion-content {
font: 12px/1.5 'Segoe UI', 'Lucida Grande', 'Arial', sans-serif;
padding: 10px;
}
.wpui-quark .ui-accordion h3.ui-accordion-header,
.wpui-quark h3.ui-collapsible-header {
background: #593C34;
background: -moz-linear-gradient(top, #8F675B, #6E4A40);
background: -webkit-gradient(linear, left top, left bottom, from(#8F675B), to(#6E4A40));
background: -webkit-linear-gradient(top, #8F675B, #6E4A40);
background: -o-linear-gradient(top, #8F675B, #6E4A40);
border: 1px solid #444;
border-radius : 3px;
-moz-border-radius : 3px;
-webkit-border-radius : 3px;
-o-border-radius : 3px;
padding : 5px 10px;
font: bold 14px 'Segoe UI', 'Lucida Grande', 'Arial', sans-serif;
color: #000;
text-shadow: 0 1px 0 #BA7D6D;
-moz-box-shadow : 0 1px 0 #DB9E8C inset;
-webkit-box-shadow : 0 1px 0 #DB9E8C inset;
-o-box-shadow : 0 1px 0 #DB9E8C inset;
box-shadow : 0 1px 0 #DB9E8C inset;
}
.wpui-quark h3.ui-collapsible-header:hover,
.wpui-quark h3.ui-accordion-header:hover {
background: #C7A777;
background: -moz-linear-gradient(top , #DBC6A4, #C7A777);
background: -webkit-gradient(linear, left top, left bottom , from(#DBC6A4), to(#C7A777));
background: -webkit-linear-gradient(top , #DBC6A4, #C7A777);
background: -o-linear-gradient(top , #DBC6A4, #C7A777);
color: #473C2B;
text-shadow: 0 1px 0 #FFD698;
-moz-box-shadow : 0 1px 0 #E8D2AE inset;
-webkit-box-shadow : 0 1px 0 #E8D2AE inset;
-o-box-shadow : 0 1px 0 #E8D2AE inset;
box-shadow : 0 1px 0 #E8D2AE inset;
}
.wpui-quark h3.ui-collapsible-header.ui-state-active,
.wpui-quark h3.ui-accordion-header.ui-state-active {
background: #C7A777;
background: -moz-linear-gradient(top , #DBC6A4, #C7A777);
background: -webkit-gradient(linear, left top, left bottom , from(#DBC6A4), to(#C7A777));
background: -webkit-linear-gradient(top , #DBC6A4, #C7A777);
background: -o-linear-gradient(top , #DBC6A4, #C7A777);
border-radius : 4px 4px 0 0;
-moz-border-radius : 4px 4px 0 0;
-webkit-border-radius : 4px 4px 0 0;
-o-border-radius : 4px 4px 0 0;
border-bottom:0px;
color: #473C2B;
text-shadow: 0 1px 0 #FFD698;
-moz-box-shadow : 0 1px 0 #E8D2AE inset;
-webkit-box-shadow : 0 1px 0 #E8D2AE inset;
-o-box-shadow : 0 1px 0 #E8D2AE inset;
box-shadow : 0 1px 0 #E8D2AE inset;
}
.wpui-quark .ui-collapsible-content,
.wpui-quark .ui-accordion .ui-accordion-content {
background: #FFE7CC;
color: #282828;
border: 1px solid #71757F;
box-shadow : 0 1px 2px #AAA;
-moz-box-shadow : 0 1px 2px #AAA;
-webkit-box-shadow : 0 1px 2px #AAA;
-o-box-shadow : 0 1px 2px #AAA;
}
.wpui-quark.ui-dialog {
-moz-border-radius : 6px;
-webkit-border-radius : 6px;
-o-border-radius : 6px;
border-radius : 6px;
font-family: 'Lucida Grande', 'Arial', sans-serif;
background: #FFE7CC;
color: #282828;
/* border-top: 1px solid #DB9E8C;*/
}
.wpui-quark .ui-dialog-titlebar {
font-weight: bold;
background: #593C34;
background: -moz-linear-gradient(top, #8F675B, #6E4A40);
background: -webkit-gradient(linear, left top, left bottom, from(#8F675B), to(#6E4A40));
background: -webkit-linear-gradient(top, #8F675B, #6E4A40);
background: -o-linear-gradient(top, #8F675B, #6E4A40);
color: #332520;
text-shadow: 0 1px 0 #9C7063;
padding: 6px 10px;
-moz-border-radius : 6px 6px 0 0;
-webkit-border-radius : 6px 6px 0 0;
-o-border-radius : 6px 6px 0 0;
border-radius : 6px 6px 0 0;
border-bottom: 1px solid #000;
-moz-box-shadow : 0 1px 0 #DB9E8C inset;
-webkit-box-shadow : 0 1px 0 #DB9E8C inset;
-o-box-shadow : 0 1px 0 #DB9E8C inset;
box-shadow : 0 1px 0 #DB9E8C inset;
}
.wpui-quark .ui-dialog-content {
padding: 10px;
overflow:hidden;
}
.wpui-quark .ui-dialog-titlebar-close {
background: url("../images/close-light.png") no-repeat scroll 0 0 transparent;
position: absolute;
right: 5px;
top : 5px;
width: 18px;
height : 18px;
margin: 0px;
padding: 0px;
border: 1px solid transparent;
opacity: 0.6;
text-indent : -99999em;
}
.wpui-quark .ui-dialog-titlebar-close:hover {
background: url("../images/close-light.png") no-repeat scroll 0 0 transparent;
width: 18px;
height : 18px;
border: 1px solid transparent;
top: 5px;
right: 5px;
opacity: 1;
}
.wpui-quark pre.minimal,
.wpui-quark code.minimal {
background: #DBC6A4;
text-shadow: 0 1px 0 #FFF;
padding: 1px;
color: #000;
-moz-border-radius : 3px;
-webkit-border-radius : 3px;
-o-border-radius : 3px;
border-radius : 3px;
}
.wpui-quark.wpui-button {
background: #C7A777;
background: -moz-linear-gradient(top, #DBC6A4, #C7A777);
background: -webkit-gradient(linear, left top, left bottom, from(#DBC6A4), to(#C7A777));
background: -webkit-linear-gradient(top, #DBC6A4, #C7A777);
background: -o-linear-gradient(top, #DBC6A4, #C7A777);
text-shadow: 0 1px 0 #E8D2AE;
color: #000 !important;
border: 1px solid #4A2F35;
text-decoration: none;
-moz-border-radius : 3px;
-webkit-border-radius : 3px;
-o-border-radius : 3px;
border-radius : 3px;
font-weight : bold;
-moz-box-shadow : 0 1px 0 #FFF inset, 0 -1px 0 #E8D2AE inset;
-webkit-box-shadow : 0 1px 0 #FFF inset, 0 -1px 0 #E8D2AE inset;
-o-box-shadow : 0 1px 0 #FFF inset, 0 -1px 0 #E8D2AE inset;
box-shadow : 0 1px 0 #FFF inset, 0 -1px 0 #E8D2AE inset;
}
.wpui-quark.wpui-button:hover {
background: #593C34;
background: -moz-linear-gradient(top, #8F675B, #6E4A40);
background: -webkit-gradient(linear, left top, left bottom, from(#8F675B), to(#6E4A40));
background: -webkit-linear-gradient(top, #8F675B, #6E4A40);
background: -o-linear-gradient(top, #8F675B, #6E4A40);
box-shadow : 0 1px 0 #DB9E8C inset;
color : #ECD4B2 !important;
text-shadow : 0 -1px 0 #000;
}
.wpui-quark.wpui-button:active {
-moz-box-shadow : 0 2px 7px rgba( 0, 0, 0, 0.4) inset;
-webkit-box-shadow : 0 2px 7px rgba( 0, 0, 0, 0.4) inset;
-o-box-shadow : 0 2px 7px rgba( 0, 0, 0, 0.4) inset;
box-shadow : 0 2px 7px rgba( 0, 0, 0, 0.4) inset;
}
/* wpui-alma
------------------------------------------------------------ */
.wpui-alma .wpui-alma .ui-tabs {
padding: 0px !important;
}
.wpui-alma ul.ui-tabs-nav {
background: #FAFAFA;
}
.wpui-alma .ui-tabs-panel {
background: #FAFAFA;
}
.wpui-alma .ui-tabs {
padding:0px;
border: 0px !important;
background: none !important;
-moz-box-shadow : none !important;
-webkit-box-shadow : none !important;
-o-box-shadow : none !important;
box-shadow : none !important;
}
.wpui-alma .ui-tabs .ui-tabs-panel .wp-tab-content > .wp-tabs .ui-tabs {
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
-o-box-shadow: none !important;
}
.wpui-alma .ui-tabs-panel {
background: #FAFAFA;
background: -moz-linear-gradient(top , #FAFAFA, #EEEEEE);
background: -webkit-gradient(linear, left top, left bottom , from(#FAFAFA), to(#EEEEEE));
background: -webkit-linear-gradient(top , #FAFAFA, #EEEEEE);
background: -o-linear-gradient(top , #FAFAFA, #EEEEEE);
margin: 20px 10px 10px 10px;
color: #666;
border-bottom: 0px;
font-family: 'Lucida Grande', 'Arial', sans-serif;
border-radius : 5px;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
-o-border-radius : 5px;
-moz-box-shadow : 0 2px 6px rgba( 0, 0, 0, 0.4 );
-webkit-box-shadow : 0 2px 6px rgba( 0, 0, 0, 0.4 );
-o-box-shadow : 0 2px 6px rgba( 0, 0, 0, 0.4 );
box-shadow : 0 2px 6px rgba( 0, 0, 0, 0.4 );
border: 3px solid #FFF;
}
.wpui-alma .ui-tabs-vertical .ui-tabs-panel {
margin: 0 10px 10px;
}
.wpui-alma ul.ui-tabs-nav {
background: none;
padding:0;
padding: 10px;
margin: 0 auto;
text-align:center;
border-bottom : 0px;
/* background: cyan;*/
}
.wpui-alma ul.ui-tabs-nav li {
background: #5D5D5D;
background: url( "../images/gradients/alma-grad.png") 0 50% repeat-x;
background: -moz-linear-gradient(top , #8A8A8A, #707070 50%, #5E5E5E 51%, #777777);
background: -webkit-gradient(linear, left top , left bottom , from(#8A8A8A), color-stop(0.5, #707070 ), color-stop(0.51, #5E5E5E), to(#777777));
background: -webkit-linear-gradient(top , #8A8A8A, #707070 50%, #5E5E5E 51%, #777777);
background: -o-linear-gradient(top ,#8A8A8A, #707070 50%, #5E5E5E 51%, #777777);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8A8A8A', endColorStr='#555555');
margin-right: 0px;
border: 1px solid #7A7A7A;
font: 12px 'Lucida Grande', 'Arial', 'Helvetica', sans-serif;
border-left: 1px groove #626262;
border-right: 1px solid #888888;
border-bottom : 2px solid #626262;
-moz-box-shadow : 0 1px 0 #AAA inset;
-webkit-box-shadow : 0 1px 0 #AAA inset;
-o-box-shadow : 0 1px 0 #AAA inset;
box-shadow : 0 1px 0 #AAA inset;
-moz-border-radius : 0px !important;
-webkit-border-radius : 0px !important;
-o-border-radius : 0px !important;
border-radius : 0px !important;
padding : 0.4em 1em;
}
.wpui-alma ul.ui-tabs-nav li:hover {
background: url( "../images/gradients/alma-grad-hover.png") 0 50% repeat-x;
background: -moz-linear-gradient(top , #555555, #474747 50%, #393939 51%, #545454);
background: -webkit-gradient(linear, left top , left bottom , from(#555555), color-stop(0.5, #474747 ), color-stop(0.51, #393939), to(#545454));
background: -webkit-linear-gradient(top , #555555, #474747 50%, #393939 51%, #545454);
background: -o-linear-gradient(top ,#555555, #474747 50%, #393939 51%, #545454);
box-shadow: 0 1px 6px #777 inset;
border-left: 1px solid transparent;
}
.wpui-alma ul.ui-tabs-nav li:hover a {
/* border-right: 1px solid #FF0; */
/* border-left: 1px solid transparent;*/
}
.wpui-alma ul.ui-tabs-nav li:active {
-moz-box-shadow : 0 1px 6px #222 inset;
-webkit-box-shadow : 0 1px 6px #222 inset;
-o-box-shadow : 0 1px 6px #222 inset;
box-shadow : 0 1px 6px #222 inset;
border-left: 1px solid #777;
}
.wpui-alma ul.ui-tabs-nav li a {
color: #FDFDFD;
text-shadow: 0 -1px 0 #444444;
/* border-left: 1px solid #888888;*/
}
.wpui-alma ul.ui-tabs-nav li.ui-state-active {
background: #333;
background: -moz-linear-gradient(top , #333333, #454545);
background: -webkit-gradient(linear, left top , left bottom , from(#333333), to(#454545));
background: -webkit-linear-gradient(top , #333333, #454545);
background: -o-linear-gradient(top ,#333333, #454545);
-moz-box-shadow : inset 0 0px 10px #000;
-webkit-box-shadow : inset 0 0px 10px #000;
-o-box-shadow : inset 0 0px 10px #000;
box-shadow : inset 0 0px 10px #000;
border-bottom: 2px solid #323232;
border-right: 1px !important;
-moz-border-radius : 0px !important;
-webkit-border-radius : 0px !important;
-o-border-radius : 0px !important;
border-radius : 0px !important;
}
.wpui-alma ul.ui-tabs-nav li.ui-state-active > a {
border-left: 1px solid transparent;
color: #EEE;
text-shadow: 0 1px 0 #000 !important;
}
.wpui-alma .ui-tabs-vertical ul.ui-tabs-nav li {
-moz-border-radius : 3px !important;
-webkit-border-radius : 3px !important;
-o-border-radius : 3px !important;
border-radius : 3px !important;
}
.wpui-alma .ui-tabs-panel h3.wp-tab-title {
/* display: block !important;*/
text-align: center;
color: #444 !important;
font: bold 16px 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', 'Arial', 'Helvetica', sans-serif;
}
.wpui-alma ul.ui-tabs-nav li.first-li {
-moz-border-radius : 4px 0 0 4px !important;
-webkit-border-radius : 4px 0 0 4px !important;
-o-border-radius : 4px 0 0 4px !important;
border-radius : 4px 0 0 4px !important;
border-left: 1px solid #626262;
}
.wpui-alma ul.ui-tabs-nav li.first-li a {
border-left: 1px solid transparent;
}
.wpui-alma ul.ui-tabs-nav li.last-li {
-moz-border-radius : 0 4px 4px 0 !important;
-webkit-border-radius : 0 4px 4px 0 !important;
-o-border-radius : 0 4px 4px 0 !important;
border-radius : 0 4px 4px 0 !important;
border-right: 1px solid #7A7A7A;
}
.wpui-alma .ui-button {
background: -moz-linear-gradient( top, #FAFAFA, #DDDDDD);
background: -webkit-gradient(top, from(#FAFAFA), to(#DDDDDD));
background: -webkit-linear-gradient( top, #FAFAFA, #DDDDDD);
background: -o-linear-gradient( top, #FAFAFA, #DDDDDD);
text-shadow: 0 1px 0 #E0E0E0;
color: #777;
padding: 4px 12px;
border: 1px solid #F2F2F2;
border-radius : 12px;
-moz-border-radius : 12px;
-webkit-border-radius : 12px;
-o-border-radius : 12px;
font-size: 12px;
}
.wpui-alma .wp-tab-content a.ui-button {
float: right;
margin: 20px 0;
text-decoration: none !important;
}
.wpui-alma .ui-tabs-panel .tab-top-nav a,
.wpui-alma .ui-tabs-panel .tab-bottom-nav a {
background: -moz-linear-gradient( top, #FAFAFA, #DDDDDD);
background: -webkit-gradient(top, from(#FAFAFA), to(#DDDDDD));
background: -webkit-linear-gradient( top, #FAFAFA, #DDDDDD);
background: -o-linear-gradient( top, #FAFAFA, #DDDDDD);
text-shadow: 0 1px 0 #E0E0E0;
color: #777;
padding: 4px 12px;
border: 1px solid #F2F2F2;
border-radius : 12px;
-moz-border-radius : 12px;
-webkit-border-radius : 12px;
-o-border-radius : 12px;
box-shadow : 0 1px 3px #CDCDCD;
-moz-box-shadow : 0 1px 3px #CDCDCD;
-webkit-box-shadow : 0 1px 3px #CDCDCD;
-o-box-shadow : 0 1px 3px #CDCDCD;
font-size: 12px;
}
.wpui-alma .ui-tabs-panel .tab-top-nav a:hover,
.wpui-alma .ui-tabs-panel .tab-bottom-nav a:hover {
background: -moz-linear-gradient( top, #FAFAFA, #E3E3E3);
background: -webkit-gradient(top, from(#FAFAFA), to(#E3E3E3));
background: -webkit-linear-gradient( top, #FAFAFA, #E3E3E3);
background: -o-linear-gradient( top, #FAFAFA, #E3E3E3);
}
.wpui-alma .ui-tabs-panel .tab-top-nav a:active,
.wpui-alma .ui-tabs-panel .tab-bottom-nav a:active {
border: 1px solid #FFF;
}
.wpui-alma .wp-tabs {
position:relative;
}
.wpui-alma h3.ui-collapsible-header,
.wpui-alma .ui-accordion h3.ui-accordion-header {
font: bold 14px 'Segoe UI', 'Lucida Grande', 'Arial', sans-serif;
background: #5D5D5D;
background: url( "../images/gradients/alma-grad.png") 0 50% repeat-x;
background: -moz-linear-gradient(top , #8A8A8A, #707070 50%, #5E5E5E 51%, #777777);
background: -webkit-gradient(linear, left top , left bottom , from(#8A8A8A), color-stop(0.5, #707070 ), color-stop(0.51, #5E5E5E), to(#777777));
background: -webkit-linear-gradient(top , #8A8A8A, #707070 50%, #5E5E5E 51%, #777777);
background: -o-linear-gradient(top ,#8A8A8A, #707070 50%, #5E5E5E 51%, #777777);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8A8A8A', endColorStr='#555555');
padding: 4px 10px;
color: #E5E5E5 !important;
border: 1px solid #A2A2A2;
text-shadow: 0 -1px 0 #444;
border-radius : 4px;
-moz-border-radius : 4px;
-webkit-border-radius : 4px;
-o-border-radius : 4px;
border: 1px solid #626262;
}
.wpui-alma h3.ui-collapsible-header:hover,
.wpui-alma .ui-accordion h3.ui-accordion-header:hover {
background: url( "../images/gradients/alma-grad-hover.png") 0 50% repeat-x;
background: -moz-linear-gradient(top , #555555, #474747 50%, #393939 51%, #545454);
background: -webkit-gradient(linear, left top , left bottom , from(#555555), color-stop(0.5, #474747 ), color-stop(0.51, #393939), to(#545454));
background: -webkit-linear-gradient(top , #555555, #474747 50%, #393939 51%, #545454);
background: -o-linear-gradient(top ,#555555, #474747 50%, #393939 51%, #545454);
}
.wpui-alma h3.ui-collapsible-header.ui-state-active,
.wpui-alma .ui-accordion h3.ui-accordion-header.ui-state-active {
background: #5D5D5D;
background: url( "../images/gradients/alma-grad-hover.png") 0 50% repeat-x;
background: -moz-linear-gradient(top , #8A8A8A, #707070 50%, #5E5E5E 51%, #777777);
background: -webkit-gradient(linear, left top , left bottom , from(#8A8A8A), color-stop(0.5, #707070 ), color-stop(0.51, #5E5E5E), to(#777777));
background: -webkit-linear-gradient(top , #8A8A8A, #707070 50%, #5E5E5E 51%, #777777);
background: -o-linear-gradient(top ,#8A8A8A, #707070 50%, #5E5E5E 51%, #777777);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8A8A8A', endColorStr='#555555');
border: 1px solid #000;
border-bottom: 0px;
border-radius : 4px 4px 0 0;
-moz-border-radius : 4px 4px 0 0;
-webkit-border-radius : 4px 4px 0 0;
-o-border-radius : 4px 4px 0 0;
border-bottom: 1px solid #444;
}
.wpui-alma .ui-accordion .ui-accordion-content {
color: #444;
background: #F2F2F2;
padding: 10px;
border: 1px solid #7A7A7A;
}
.wpui-alma .ui-collapsible-content {
background: transparent;
background: -moz-linear-gradient(top , #DDDDDD, #FFFFFF 20%);
background: -webkit-linear-gradient(top , #DDDDDD, #FFFFFF 20%);
background: -o-linear-gradient(top , #DDDDDD, #FFFFFF 20%);
}
.wpui-alma.ui-dialog {
-moz-border-radius : 8px;
-webkit-border-radius : 8px;
-o-border-radius : 8px;
border-radius : 8px;
font-family: 'Lucida Grande', 'Arial', sans-serif;
color: #FFF;
text-shadow : 0 1px 1px #000;
background : rgba(38, 38, 38, 0.89);
border: #000;
}
.wpui-alma .ui-dialog-titlebar {
font-weight: bold;
color: #FFF;
text-shadow: 0 1px #000;
padding: 2px 10px;
-moz-border-radius : 8px 8px 0 0;
-webkit-border-radius : 8px 8px 0 0;
-o-border-radius : 8px 8px 0 0;
border-radius : 8px 8px 0 0;
/* background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.2), rgba(119, 119, 119, 0.2) 42%, rgba(85, 85, 85, 0.2) 43%, rgba(119, 119, 119, 0.2));*/
}
.wpui-alma .ui-dialog-content {
padding: 10px;
overflow:hidden;
color: #FFF;
text-shadow: 0 1px #000;
}
.wpui-alma span.ui-dialog-title {
float: none;
text-align: center;
width: 100%;
display : block;
padding-left: 10px;
font-family : "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif !important;
font-weight: normal;
font-size: 13px;
}
.wpui-alma .ui-dialog-titlebar-close {
background: url("../images/close-light.png") no-repeat scroll 0 0 transparent;
position: absolute;
left: 5px;
top : 3px;
width: 18px;
height : 18px;
margin: 0px;
padding: 0px;
border: 1px solid transparent;
opacity: 0.3;
text-indent : -99999em;
}
.wpui-alma .ui-dialog-titlebar-close:hover {
background: url("../images/close-light.png") no-repeat scroll 0 0 transparent;
width: 18px;
height : 18px;
border: 1px solid transparent;
top: 3px;
right: 5px;
opacity: 0.6;
}
.wpui-alma.wpui-button {
background: -moz-linear-gradient( top, #FAFAFA, #DDDDDD);
background: -webkit-gradient(top, from(#FAFAFA), to(#DDDDDD));
background: -webkit-linear-gradient( top, #FAFAFA, #DDDDDD);
background: -o-linear-gradient( top, #FAFAFA, #DDDDDD);
text-shadow: 0 1px 0 #FFF;
color: #888;
padding: 4px 12px;
border: 1px solid #AAA;
font-weight : bold;
-moz-border-radius : 4px;
-webkit-border-radius : 4px;
-o-border-radius : 4px;
border-radius : 4px;
box-shadow : 0 1px 0 #FFF inset, 0 1px 0 #DDD inset;
-moz-transition : all 0.2s ease-in;
-webkit-transition : all 0.2s ease-in;
-o-transition : all 0.2s ease-in;
-ms-transition : all 0.2s ease-in;
transition : all 0.2s ease-in;
}
.wpui-alma.wpui-button:hover {
color : #444;
background: -moz-linear-gradient( top, #F4F2F4, #DEDEDE);
background: -webkit-gradient(top, from(#FAFAFA), to(#DDDDDD));
background: -webkit-linear-gradient( top, #FAFAFA, #DDDDDD);
background: -o-linear-gradient( top, #FAFAFA, #DDDDDD);
}
.wpui-alma.wpui-button:active {
-moz-box-shadow : 0 2px 7px rgba( 0, 0, 0, 0.4) inset;
-webkit-box-shadow : 0 2px 7px rgba( 0, 0, 0, 0.4) inset;
-o-box-shadow : 0 2px 7px rgba( 0, 0, 0, 0.4) inset;
box-shadow : 0 2px 7px rgba( 0, 0, 0, 0.4) inset;
}
/* WPUI mac style skins.
============================================================================= */
.wpui-macish .ui-tabs {
padding: 0px !important;
}
.wpui-macish .ui-tabs {
background: #CCC;
background: -moz-linear-gradient( top, #DDD, #999);
background: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#999));
background: -webkit-linear-gradient( top, #DDD, #999);
background: -o-gradient( top, #DDD, #999);
border: 1px solid #838383;
}
.wpui-macish .ui-tabs .ui-tabs-panel .wp-tab-content > .wp-tabs .ui-tabs {
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
-o-box-shadow: none !important;
border: 1px solid #666;
}
.wpui-macish .ui-tabs-panel {
background: #CCC;
background: -moz-linear-gradient(top , #D0D0D0, #A7A7A7);
background: -webkit-gradient(linear, left top, left bottom , from(#D0D0D0), to(#A7A7A7));
background: -webkit-linear-gradient(top , #D0D0D0, #A7A7A7);
background: -o-linear-gradient(top , #D0D0D0, #A7A7A7);
text-shadow: 0 1px 0 #FFFFFF;
color: #222;
text-shadow: 0 1px 0 #EDEDED;
border-top: 1px solid #E2E2E2;
-moz-box-shadow : 1px 0 0 #E9E9E9 inset, -1px 0 0 #E9E9E9 inset;
-webkit-box-shadow : 1px 0 0 #E9E9E9 inset, -1px 0 0 #E9E9E9 inset;
-o-box-shadow : 1px 0 0 #E9E9E9 inset, -1px 0 0 #E9E9E9 inset;
box-shadow : 1px 0 0 #E9E9E9 inset, -1px 0 0 #E9E9E9 inset;
}
.wpui-macish ul.ui-tabs-nav {
border-bottom: 1px solid #535353;
background: #AAA;
background: -moz-linear-gradient(top, #AAA, #999);
background: -webkit-gradient(linear, left top, left bottom, from(#AAA), to(#999));
background: -webkit-linear-gradient(top, #AAA, #999);
background: -o-linear-gradient(top, #AAA, #999);
border-top: 1px solid #DDD;
padding-top: 10px;
padding-left: 10px;
}
.wpui-macish ul.ui-tabs-nav li {
background: #BBB;
background: -moz-linear-gradient(top , #CACACA, #A0A0A0);
background: -webkit-gradient(linear, left top, left bottom , from(#CACACA), to(#A0A0A0));
background: -webkit-linear-gradient(top , #CACACA, #A0A0A0);
background: -o-linear-gradient(top , #CACACA, #A0A0A0);
border-radius : 2px 2px 0 0;
-moz-border-radius : 2px 2px 0 0;
-webkit-border-radius : 2px 2px 0 0;
-webkit-border-radius : 2px 2px 0 0;
position: relative;
border:1px solid #838383;
border-bottom: 1px solid #737373;
margin-right:0px;
margin-left: 2px;
-moz-box-shadow : 0 1px 0 #F9F9F9 inset;
-webkit-box-shadow : 0 1px 0 #F9F9F9 inset;
-o-box-shadow : 0 1px 0 #F9F9F9 inset;
box-shadow : 0 1px 0 #F9F9F9 inset;
}
.wpui-macish ul.ui-tabs-nav li a {
color: #222;
text-shadow: 0 1px 0 #EEE;
bottom: 2px;
}
.wpui-macish ul.ui-tabs-nav li.ui-state-active {
background: #CCC;
background: -moz-linear-gradient(top, #E5E5E5, #D0D0D0);
background: -webkit-gradient(linear, left top, left bottom, from(#FBFBFB), to(#D0D0D0));
background: -webkit-linear-gradient(top, #FBFBFB, #D0D0D0);
background: -o-linear-gradient(top, #FBFBFB, #D0D0D0);
border: 1px solid #838383;
border-bottom: 0px !important;
bottom: -2px;
}
.wpui-macish ul.ui-tabs-nav li.ui-state-active a {
border-top: 1px solid #FFF;
color: #222;
text-shadow: 0 1px 0 #FFF;
}
.wpui-macish .ui-tabs .ui-tabs-panel .wp-tab-content > .wp-tabs .ui-tabs ul li.ui-state-active {
bottom: -2px;
}
.wpui-macish .ui-button {
background: #D5D5D5;
background: -moz-linear-gradient(top, #E2E2E2, #B7B7B7);
background: -webkit-gradient(linear, left top, left bottom, from(#E2E2E2), to(#B7B7B7));
background: -webkit-linear-gradient(top, #E2E2E2, #B7B7B7);
background: -o-linear-gradient(top, #E2E2E2, #B7B7B7);
border: 1px solid #898989;
text-shadow: 0 1px 0 #FFF;
color: #000;
border-radius : 4px;
-moz-border-radius : 4px;
-webkit-border-radius : 4px;
-webkit-border-radius : 4px;
padding: 5px 7px;
}
.wpui-macish .wp-tab-content a.ui-button {
float: right;
margin: 20px 0;
}
.wpui-macish .ui-tabs-panel .tab-top-nav a,
.wpui-macish .ui-tabs-panel .tab-bottom-nav a {
background: #D5D5D5;
background: -moz-linear-gradient(top, #E2E2E2, #B7B7B7);
background: -webkit-gradient(linear, left top, left bottom, from(#E2E2E2), to(#B7B7B7));
background: -webkit-linear-gradient(top, #E2E2E2, #B7B7B7);
background: -o-linear-gradient(top, #E2E2E2, #B7B7B7);
border: 1px solid #898989;
text-shadow: 0 1px 0 #FFF;
color: #000;
border-radius : 4px;
-moz-border-radius : 4px;
-webkit-border-radius : 4px;
-webkit-border-radius : 4px;
padding: 5px 7px;
}
/* Tabs at bottom */
.wpui-macish ul.ui-tabs-nav.ul-bottom {
padding-top: 0px;
padding-left: 0px;
padding-bottom: 10px;
border-bottom: 0px;
border-top: 1px solid #666;
background: -moz-linear-gradient(top , #999999, #AAAAAA);
background: -webkit-gradient(linear, left top, left bottom , from(#999999), to(#AAAAAA));
background: -webkit-linear-gradient(top , #999999, #AAAAAA);
background: -o-linear-gradient(top , #999999, #AAAAAA);
border-radius : 0px;
-moz-border-radius : 0px;
-webkit-border-radius : 0px;
-o-border-radius : 0px;
}
.wpui-macish ul.ui-tabs-nav.ul-bottom li {
vertical-align:top;
background: -moz-linear-gradient(top , #CACACA, #A0A0A0);
background: -webkit-gradient(linear, left top, left bottom , from(#CACACA), to(#A0A0A0));
background: -webkit-linear-gradient(top , #CACACA, #A0A0A0);
background: -o-linear-gradient(top , #CACACA, #A0A0A0);
border-bottom: 1px solid #777 !important;
top:0px;
border-top: 0px !important;
padding-top: 5px;
padding-bottom: 5px;
}
.wpui-macish ul.ui-tabs-nav.ul-bottom li.ui-state-active {
border: 1px solid #666 !important;
background: #A7A7A7;
border-top: 0px !important;
bottom: 0;
top: -1px;
height: 19px;
box-shadow : 0px 2px 2px #666;
-moz-box-shadow : 0px 2px 2px #666;
-webkit-box-shadow : 0px 2px 2px #666;
-o-box-shadow : 0px 2px 2px #666;
}
.wpui-macish ul.ui-tabs-nav.ul-bottom li a ,
.wpui-macish ul.ui-tabs-nav.ul-bottom li.ui-state-active a {
background: none;
border-top: 0px !important;
border-left: 0px !important;
}
/* wpui Macish accordion skin.
============================================================================= */
.wpui-macish .ui-accordion h3 {
margin-bottom: 0px !important;
margin-top: 2px !important;
outline: 0;
}
.wpui-macish .ui-accordion-content {
font: 12px/1.5 'Segoe UI', 'Lucida Grande', 'Arial', sans-serif;
padding: 10px;
}
.wpui-macish h3.ui-collapsible-header,
.wpui-macish h3.ui-accordion-header {
border-radius : 3px;
-moz-border-radius : 3px;
-webkit-border-radius : 3px;
-webkit-border-radius : 3px;
border: 1px solid #AAA;
color: #222 !important;
font: bold 14px 'Segoe UI', 'Lucida Grande', 'Arial', sans-serif;
padding : 5px 10px;
text-shadow: 0 1px 0 #DDD;
background: #BBB;
background: -moz-linear-gradient(top , #CACACA, #A0A0A0);
background: -o-linear-gradient(top , #CACACA, #A0A0A0);
background: -webkit-gradient(linear, left top, left bottom , from(#CACACA), to(#A0A0A0));
background: -webkit-linear-gradient(top , #CACACA, #A0A0A0);
margin-top: 4px;
}
.wpui-macish h3.ui-collapsible-header:hover,
.wpui-macish h3.ui-accordion-header:hover {
background: -moz-linear-gradient(top, #E5E5E5, #D0D0D0);
background: -webkit-gradient(linear, left top, left bottom, from(#FBFBFB), to(#D0D0D0));
background: -webkit-linear-gradient(top, #FBFBFB, #D0D0D0);
background: -o-linear-gradient(top, #FBFBFB, #D0D0D0);
text-shadow: 0 1px 0 #EBD4B0;
border: 1px solid #AAA;
color: #333 !important;
/* color: #473C2B;*/
text-shadow: 0 1px 0 #FFF;
}
.wpui-macish h3.ui-collapsible-header.ui-state-active,
.wpui-macish h3.ui-accordion-header.ui-state-active {
background: -moz-linear-gradient(top, #E5E5E5, #D0D0D0);
background: -webkit-gradient(linear, left top, left bottom, from(#FBFBFB), to(#D0D0D0));
background: -webkit-linear-gradient(top, #FBFBFB, #D0D0D0);
background: -o-linear-gradient(top, #FBFBFB, #D0D0D0);
text-shadow: 0 1px 0 #EBD4B0;
border-radius : 4px 4px 0 0 !important;
-moz-border-radius : 4px 4px 0 0 !important;
-webkit-border-radius : 4px 4px 0 0 !important;
-webkit-border-radius : 4px 4px 0 0 !important;
border: 1px solid #AAA;
border-bottom: 0px;
color: #333 !important;
text-shadow: 0 1px 0 #FFF;
}
.wpui-macish .ui-collapsible-content,
.wpui-macish .ui-accordion .ui-accordion-content {
background: #FFF !important;
color: #282828;
border: 1px solid #AAA;
box-shadow: 0 1px 2px #AAA;
-moz-box-shadow: 0 1px 2px #AAA;
-webkit-box-shadow: 0 1px 2px #AAA;
-o-box-shadow: 0 1px 2px #AAA;
}
/*
* Dialogs dark
*/
.wpui-macish.ui-dialog {
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
-o-border-radius : 5px;
border-radius : 5px;
font-family: 'Lucida Grande', 'Arial', sans-serif;
background: #DDD;
color: #222;
text-shadow: 0 1px 1px #FFF;
}
.wpui-macish .ui-dialog-titlebar {
font-weight: bold;
color: #000;
text-shadow: 0 1px 1px #FFF;
padding: 1px 10px;
background: -moz-linear-gradient(top , #CFCFCF, #A8A8A8);
background: -webkit-gradient(linear, left top, left bottom, from(#CFCFCF), to(#A8A8A8));
background: -webkit-linear-gradient(top , #CFCFCF, #A8A8A8);
background: -o-linear-gradient(top , #CFCFCF, #A8A8A8);
filter: progid:DXImageTransform.Microsoft.gradient( startColorStr="#CFCFCF", endColorStr="#A8A8A8");
-moz-border-radius : 5px 5px 0 0;
-webkit-border-radius : 5px 5px 0 0;
-o-border-radius : 5px 5px 0 0;
border-radius : 5px 5px 0 0;
border-bottom: 1px solid #515151;
box-shadow: 0 1px 0 #E2E2E2 inset;
height: 22px;
}
.wpui-macish .ui-dialog-titlebar span.ui-dialog-title {
width: 100%;
display : block;
text-align: center;
font: 13px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Calibri", Arial, sans-serif;
padding: 2px;
}
.wpui-macish .ui-dialog-content {
padding: 10px;
overflow:hidden;
background: #EDEDED;
color : #2B2B2B;
}
.wpui-macish .ui-dialog-titlebar-close {
background: url("../images/close-mac-default.png") no-repeat scroll 0 0 transparent;
position: absolute;
left: 6px;
top : 4px;
width: 18px;
height : 18px;
margin: 0px;
padding: 0px;
border: 1px solid transparent;
text-indent : -99999em;
}
.wpui-macish .ui-dialog-titlebar-close:hover {
background: url("../images/close-mac-hover.png") no-repeat scroll 0 0 transparent;
width: 18px;
height : 18px;
border: 1px solid transparent;
left: 6px;
top : 4px;
}
.wpui-macish.wpui-button {
background: #D5D5D5;
background: -moz-linear-gradient(top, #E2E2E2, #B7B7B7);
background: -webkit-gradient(linear, left top, left bottom, from(#E2E2E2), to(#B7B7B7));
background: -webkit-linear-gradient(top, #E2E2E2, #B7B7B7);
background: -o-linear-gradient(top, #E2E2E2, #B7B7B7);
border: 1px solid #898989;
text-shadow: 0 1px 0 #FFF;
color: #000;
border-radius : 4px;
-moz-border-radius : 4px;
-webkit-border-radius : 4px;
-webkit-border-radius : 4px;
box-shadow : 0 1px 0 #FFF inset, 0 -1px 0 #CCC inset;
-moz-transition : all 0.2s ease-in;
-webkit-transition : all 0.2s ease-in;
-o-transition : all 0.2s ease-in;
-ms-transition : all 0.2s ease-in;
transition : all 0.2s ease-in;
}
.wpui-macish.wpui-button:hover {
color : #444;
background: -moz-linear-gradient(top, #E5E5E5, #D0D0D0);
background: -webkit-gradient(linear, left top, left bottom, from(#FBFBFB), to(#D0D0D0));
background: -webkit-linear-gradient(top, #FBFBFB, #D0D0D0);
background: -o-linear-gradient(top, #FBFBFB, #D0D0D0);
}
.wpui-macish.wpui-button:active {
-moz-box-shadow : 0 2px 7px rgba( 0, 0, 0, 0.4) inset;
-webkit-box-shadow : 0 2px 7px rgba( 0, 0, 0, 0.4) inset;
-o-box-shadow : 0 2px 7px rgba( 0, 0, 0, 0.4) inset;
box-shadow : 0 2px 7px rgba( 0, 0, 0, 0.4) inset;
}
/*
* Redmond.
*/
.wpui-redmond .ui-tabs {
background: -moz-linear-gradient(top, #BFCDDB, #D7E4F2 15%);
background: -webkit-gradient(linear, left top, left bottom, from(#BFCDDB), color-stop(0.15, #D7E4F2), to(#D7E4F2));
background: -webkit-linear-gradient(top, #BFCDDB, #D7E4F2 15%);
background: -o-linear-gradient(top, #BFCDDB, #D7E4F2 15%);
border: 1px solid #777;
border-top: 2px groove #FFF;
}
.wpui-redmond .ui-tabs .ui-tabs-panel .wp-tab-content > .wp-tabs .ui-tabs {
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
-o-box-shadow: none !important;
border: 1px solid #666;
}
.wpui-redmond .ui-tabs-panel {
background: #FFF;
text-shadow: 0 1px 0 #FFFFFF;
color: #222;
text-shadow: 0 1px 0 #EDEDED;
border: 1px solid #838383;
/* border-top: 1px solid #E2E2E2;*/
z-index: 2;
border-top: 1px solid #888;
}
.wpui-redmond ul.ui-tabs-nav {
/* border-bottom: 1px solid #888;*/
padding-top: 20px;
background: none;
}
.wpui-redmond .ui-tabs-vertical ul.ui-tabs-nav {
border-bottom: 0px;
}
.wpui-redmond ul.ui-tabs-nav li {
background: #EBEBEB;
background: -moz-linear-gradient(top , #F2F2F2, #C2C2C2);
background: -webkit-gradient(linear, left top, left bottom , from(#F2F2F2), to(#C2C2C2));
background: -webkit-linear-gradient(top , #F2F2F2, #C2C2C2);
background: -o-linear-gradient(top , #F2F2F2, #C2C2C2);
border-radius : 2px 2px 0 0;
-moz-border-radius : 2px 2px 0 0;
-webkit-border-radius : 2px 2px 0 0;
-webkit-border-radius : 2px 2px 0 0;
border:1px solid #959595;
border-left: 1px solid #959595;
border-bottom: 0px;
bottom: 0px;
box-shadow: 0 -4px 2px #BBB inset;
-moz-box-shadow: 0 -4px 2px #BBB inset;
-webkit-box-shadow: 0 -4px 2px #BBB inset;
-o-box-shadow: 0 -4px 2px #BBB inset;
margin-right:0px;
}
.wpui-redmond ul.ui-tabs-nav li a {
color: #000;
text-shadow: 0 1px 0 #FFF;
border-left: 1px solid #F4F4F4;
font-weight: normal;
font-family: 'Segoe UI', 'Verdana', 'Trabechut MS', sans-serif;
padding : 0.4em 1em;
}
.wpui-redmond ul.ui-tabs-nav li:hover {
border: 1px solid #3C7FB1;
border-bottom:0px;
background: -moz-linear-gradient(top, #FAFDFE, #D9F0FC 48%, #BCE5FC 49%, #A7D9F5);
background: -webkit-gradient(linear, left top, left bottom, from(#FAFDFE), color-stop(48%, #D9F0FC), color-stop(49%, #BCE5FC), to(#A7D9F5));
background: -webkit-linear-gradient(top, #FAFDFE, #D9F0FC 48%, #BCE5FC 49%, #A7D9F5);
background: -o-linear-gradient(top, #FAFDFE, #D9F0FC 48%, #BCE5FC 49%, #A7D9F5);
-moz-box-shadow: 0 -4px 2px #7ACCFF inset;
-webkit-box-shadow: 0 -4px 2px #7ACCFF inset;
-o-box-shadow: 0 -4px 2px #7ACCFF inset;
box-shadow: 0 -4px 2px #7ACCFF inset;
}
.wpui-redmond ul.ui-tabs-nav li.ui-state-active {
background: #FFF;
border: 1px solid #838383;
bottom: -2px;
border-bottom: 0px !important;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
}
.wpui-redmond ul.ui-tabs-nav li.ui-state-active a {
border-top: 1px solid #FFF;
}
.wpui-redmond .ui-tabs-vertical ul.ui-tabs-nav li {
border: 1px solid #666;
}
.wpui-redmond .ui-tabs-vertical ul.ui-tabs-nav li.ui-state-active {
border-bottom: 1px solid #666 !important;
bottom: 0;
}
.wpui-redmond .ui-tabs .ui-tabs-panel .wp-tab-content > .wp-tabs .ui-tabs ul li.ui-state-active {
bottom: -2px;
}
.wpui-redmond .ui-button {
background: #D5D5D5;
background: -moz-linear-gradient(top, #F2F2F2, #EEE 48%, #DDDDDD 49%, #CFCFCF);
background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), color-stop(48%, #EEE), color-stop(49%, #DDDDDD), to(#CFCFCF));
background: -webkit-linear-gradient(top, #F2F2F2, #EEE 48%, #DDDDDD 49%, #CFCFCF);
background: -o-linear-gradient(top, #F2F2F2, #EEE 48%, #DDDDDD 49%, #CFCFCF);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F2F2F2', endColorStr='#C2C2C2');
border: 2px groove #FFF;
text-shadow: 0 1px 0 #FFF;
color: #000;
padding: 4px 10px;
}
.wpui-redmond .wp-tab-content a.ui-button {
float: right;
margin: 20px 0;
text-decoration: none !important;
}
.wpui-redmond .ui-tabs-panel .tab-top-nav a,
.wpui-redmond .ui-tabs-panel .tab-bottom-nav a {
background: #D5D5D5;
background: -moz-linear-gradient(top, #F2F2F2, #EEE 48%, #DDDDDD 49%, #CFCFCF);
background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), color-stop(48%, #EEE), color-stop(49%, #DDDDDD), to(#CFCFCF));
background: -webkit-linear-gradient(top, #F2F2F2, #EEE 48%, #DDDDDD 49%, #CFCFCF);
background: -o-linear-gradient(top, #F2F2F2, #EEE 48%, #DDDDDD 49%, #CFCFCF);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F2F2F2', endColorStr='#C2C2C2');
border: 2px groove #FFF;
text-shadow: 0 1px 0 #FFF;
color: #000;
border-radius : 4px;
-moz-border-radius : 4px;
-webkit-border-radius : 4px;
-webkit-border-radius : 4px;
}
.wpui-redmond .ui-tabs-panel .tab-top-nav a:hover,
.wpui-redmond .ui-tabs-panel .tab-bottom-nav a:hover {
background: -moz-linear-gradient(top, #FAFDFE, #D9F0FC 48%, #BCE5FC 49%, #A7D9F5);
background: -webkit-gradient(linear, left top, left bottom, from(#FAFDFE), color-stop(48%, #D9F0FC), color-stop(49%, #BCE5FC), to(#A7D9F5));
background: -webkit-linear-gradient(top, #FAFDFE, #D9F0FC 48%, #BCE5FC 49%, #A7D9F5);
background: -o-linear-gradient(top, #FAFDFE, #D9F0FC 48%, #BCE5FC 49%, #A7D9F5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FAFDFE', endColorStr='#A7D9F5');
}
/* Tabs at bottom */
.wpui-redmond ul.ui-tabs-nav.ul-bottom {
padding-top: 0px;
padding-left: 0px;
padding-bottom: 10px;
border-bottom: 0px;
}
.wpui-redmond ul.ui-tabs-nav.ul-bottom li {
vertical-align:top;
background: -moz-linear-gradient(top , #F2F2F2, #C2C2C2);
background: -webkit-gradient(linear, left top, left bottom , from(#F2F2F2), to(#C2C2C2));
background: -webkit-linear-gradient(top , #F2F2F2, #C2C2C2);
background: -o-linear-gradient(top , #F2F2F2, #C2C2C2);
border-bottom: 1px solid #959595 !important;
top:0px;
border-top: 0px !important;
}
.wpui-redmond ul.ui-tabs-nav.ul-bottom li.ui-state-active {
border: 1px solid #888 !important;
background: #FFF;
border-top: 0px !important;
bottom: 0;
top: -1px;
height: 19px;
box-shadow : 0px 2px 2px #AAA;
-moz-box-shadow : 0px 2px 2px #AAA;
-webkit-box-shadow : 0px 2px 2px #AAA;
-o-box-shadow : 0px 2px 2px #AAA;
}
.wpui-redmond ul.ui-tabs-nav.ul-bottom li a ,
.wpui-redmond ul.ui-tabs-nav.ul-bottom li.ui-state-active a {
background: none;
border-top: 0px !important;
border-left: 0px !important;
}
/* Redmond accordions
* ================================================================= */
.wpui-redmond .ui-accordion h3 {
margin-bottom: 0px !important;
margin-top: 2px !important;
outline: 0;
}
.wpui-redmond .ui-accordion .ui-accordion-content {
font: 12px/1.5 'Segoe UI', 'Lucida Grande', 'Arial', sans-serif;
padding: 10px;
}
.wpui-redmond .ui-collapsible-header,
.wpui-redmond .ui-accordion .ui-accordion-header {
background: #D5D5D5;
background: -moz-linear-gradient(top, #EBF4FE, #CFE4FE);
background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), color-stop(48%, #EEE), color-stop(49%, #DDDDDD), to(#CFCFCF));
background: -webkit-linear-gradient(top, #F2F2F2, #EEE 48%, #DDDDDD 49%, #CFCFCF);
background: -o-linear-gradient(top, #F2F2F2, #EEE 48%, #DDDDDD 49%, #CFCFCF);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F2F2F2', endColorStr='#C2C2C2');
border: 1px solid #AAA;
text-shadow: 0 1px 0 #FFF;
color: #222;
box-shadow: 0 1px 2px #AAA;
-moz-box-shadow: 0 1px 2px #AAA;
-webkit-box-shadow: 0 1px 2px #AAA;
-o-box-shadow: 0 1px 2px #AAA;
padding : 5px 10px;
font: bold 14px 'Segoe UI', 'Lucida Grande', 'Arial', sans-serif;
}
.wpui-redmond .ui-collapsible-header:hover,
.wpui-redmond .ui-collapsible-header:hover {
background: -moz-linear-gradient(top, #DCEBFC, #C1DBFC);
background: -webkit-gradient(linear, left top, left bottom, from(#FAFDFE), color-stop(48%, #D9F0FC), color-stop(49%, #BCE5FC), to(#A7D9F5));
background: -webkit-linear-gradient(top, #FAFDFE, #D9F0FC 48%, #BCE5FC 49%, #A7D9F5);
background: -o-linear-gradient(top, #FAFDFE, #D9F0FC 48%, #BCE5FC 49%, #A7D9F5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FAFDFE', endColorStr='#A7D9F5');
}
.wpui-redmond .ui-collapsible-header.ui-state-active,
.wpui-redmond .ui-accordion .ui-accordion-header.ui-state-active {
border-radius : 4px 4px 0 0;
-moz-border-radius : 4px 4px 0 0;
-webkit-border-radius : 4px 4px 0 0;
-webkit-border-radius : 4px 4px 0 0;
border-bottom:0px;
}
.wpui-redmond .ui-collapsible-content,
.wpui-redmond .ui-accordion .ui-accordion-content {
background: white;
color: #282828;
border: 1px solid #AAA;
box-shadow: 0 1px 2px #AAA;
-moz-box-shadow: 0 1px 2px #AAA;
-o-box-shadow: 0 1px 2px #AAA;
-webkit-box-shadow: 0 1px 2px #AAA;
}
.wpui-redmond.ui-dialog {
-moz-border-radius : 8px;
-webkit-border-radius : 8px;
-o-border-radius : 8px;
border-radius : 8px;
font-family: 'Lucida Grande', 'Arial', sans-serif;
background: -moz-linear-gradient(top, #BFCDDB, #D7E4F2 15%);
background: -webkit-gradient(linear, left top, left bottom, from(#BFCDDB), color-stop(0.15, #D7E4F2), to(#D7E4F2));
background: -webkit-linear-gradient(top, #BFCDDB, #D7E4F2 15%);
background: -o-linear-gradient(top, #BFCDDB, #D7E4F2 15%);
color: #DDD;
border: 1px solid #777;
/* text-shadow: 0 1px 0 #000;*/
padding: 5px;
}
.wpui-redmond .ui-dialog-titlebar {
font-weight: bold;
color: #000;
text-shadow: 0 1px 1px #FFF;
padding: 4px 10px;
-moz-border-radius : 10px 10px 0 0;
-webkit-border-radius : 10px 10px 0 0;
-o-border-radius : 10px 10px 0 0;
border-radius : 10px 10px 0 0;
position: static;
}
.wpui-redmond .ui-dialog-content {
padding: 10px;
overflow:hidden;
background: #FFF;
color: #222;
border: 1px solid #888;
}
.wpui-redmond .ui-dialog-titlebar-close {
background:#BE493D;
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#EAB2AE", endColorStr="#BE493D");
background: -moz-linear-gradient(top , #E3B3B0, #CA817C 42%, #CA483E 43%, #D38574);
background: -webkit-gradient(linear, left top, left bottom, from(#E3B3B0), color-stop(0.42, #CA817C), color-stop( 0.42, #CA483E), to(#D38574));
background: -webkit-linear-gradient(top , #E3B3B0, #CA817C 42%, #CA483E 43%, #D38574);
background: -o-linear-gradient(top , #E3B3B0, #CA817C 42%, #CA483E 43%, #D38574);
border: 1px solid #884F48;
box-shadow: 0 1px 0 #FCFCFC inset, 1px 0 0 #EEEEEE inset, -1px -1px 0 #EEEEEE inset, 0 0 1px #FFF;
border-top: 0px;
-moz-border-radius : 0 0 3px 3px;
-webkit-border-radius : 0 0 3px 3px;
-o-border-radius : 0 0 3px 3px;
border-radius : 0 0 3px 3px;
height: 18px;
margin: 0;
padding: 0;
position: absolute;
right: 7px !important;
text-align: center;
text-indent: -99999em;
top: 0px !important;
width: 47px;
-moz-transition: box-shadow 0.3s ease-out;
-webkit-transition: box-shadow 0.3s ease-out;
-o-transition: box-shadow 0.3s ease-out;
}
.wpui-redmond .ui-dialog-titlebar-close span {
background: url("../images/close-widget-aero-1.png") no-repeat scroll 0 0 transparent !important;
display: block !important;
height: 18px;
margin: 1px auto;
width: 18px;
}
.wpui-redmond .ui-dialog-titlebar-close:hover {
width: 47px;
height : 18px;
border: 1px solid #884F48;
border-top: 0px;
top: -1px;
right: 7px;
-moz-box-shadow : 0 1px 0 #FCFCFC inset, 1px 0 0 #EEEEEE inset, -1px -1px 0 #EEEEEE inset, -1px 2px 5px rgba( 255, 0, 0, 0.7);
-webkit-box-shadow : 0 1px 0 #FCFCFC inset, 1px 0 0 #EEEEEE inset, -1px -1px 0 #EEEEEE inset, -1px 2px 5px rgba( 255, 0, 0, 0.7);
-o-box-shadow : 0 1px 0 #FCFCFC inset, 1px 0 0 #EEEEEE inset, -1px -1px 0 #EEEEEE inset, -1px 2px 5px rgba( 255, 0, 0, 0.7);
box-shadow : 0 1px 0 #FCFCFC inset, 1px 0 0 #EEEEEE inset, -1px -1px 0 #EEEEEE inset, -1px 2px 5px rgba( 255, 0, 0, 0.7);
-moz-transition: box-shadow 0.3s ease-in;
-webkit-transition: box-shadow 0.3s ease-in;
-o-transition: box-shadow 0.3s ease-in;
}
.wpui-redmond .ui-dialog-titlebar-close:focus {
background: -moz-linear-gradient(top , #CEA994, #9F644E 42%, #6E0F0D 43%, #551D0D);
}
.wpui-redmond.wpui-button {
background: #D5D5D5;
background: -moz-linear-gradient(top, #F2F2F2, #EEE 48%, #DDDDDD 49%, #CFCFCF);
background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), color-stop(48%, #EEE), color-stop(49%, #DDDDDD), to(#CFCFCF));
background: -webkit-linear-gradient(top, #F2F2F2, #EEE 48%, #DDDDDD 49%, #CFCFCF);
background: -o-linear-gradient(top, #F2F2F2, #EEE 48%, #DDDDDD 49%, #CFCFCF);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F2F2F2', endColorStr='#C2C2C2');
border: 1px groove #AAA;
text-shadow: 0 1px 0 #FFF;
color: #000;
-moz-border-radius : 3px;
-webkit-border-radius : 3px;
-o-border-radius : 3px;
border-radius : 3px;
font-weight : bold;
}
.wpui-redmond.wpui-button:hover {
border: 1px groove #3C7FB1;
background: -moz-linear-gradient(top, #FAFDFE, #D9F0FC 48%, #BCE5FC 49%, #A7D9F5);
background: -webkit-gradient(linear, left top, left bottom, from(#FAFDFE), color-stop(48%, #D9F0FC), color-stop(49%, #BCE5FC), to(#A7D9F5));
background: -webkit-linear-gradient(top, #FAFDFE, #D9F0FC 48%, #BCE5FC 49%, #A7D9F5);
background: -o-linear-gradient(top, #FAFDFE, #D9F0FC 48%, #BCE5FC 49%, #A7D9F5);
-moz-box-shadow: 0 -4px 2px #7ACCFF inset;
-webkit-box-shadow: 0 -4px 2px #7ACCFF inset;
-o-box-shadow: 0 -4px 2px #7ACCFF inset;
box-shadow: 0 -4px 2px #7ACCFF inset;
}
.wpui-redmond.wpui-button:active {
background: -moz-linear-gradient(top, #FAFDFE, #D9F0FC 48%, #BCE5FC 49%, #A7D9F5);
background: -webkit-gradient(linear, left top, left bottom, from(#FAFDFE), color-stop(48%, #D9F0FC), color-stop(49%, #BCE5FC), to(#A7D9F5));
background: -webkit-linear-gradient(top, #FAFDFE, #D9F0FC 48%, #BCE5FC 49%, #A7D9F5);
background: -o-linear-gradient(top, #FAFDFE, #D9F0FC 48%, #BCE5FC 49%, #A7D9F5);
-moz-box-shadow : 0 2px 7px rgba( 0, 0, 31, 0.4) inset;
-webkit-box-shadow : 0 2px 7px rgba( 0, 0, 31, 0.4) inset;
-o-box-shadow : 0 2px 7px rgba( 0, 0, 31, 0.4) inset;
box-shadow : 0 2px 7px rgba( 0, 0, 31, 0.4) inset;
}
/*
* wpui-sevin
*/
.wpui-sevin .ui-tabs {
border-radius : 4px;
-moz-border-radius : 4px;
-webkit-border-radius : 4px;
-o-border-radius : 4px;
}
.wpui-sevin .ui-tabs {
background: #E1E1E1;
background: -moz-linear-gradient(135deg, rgba(180, 180, 180, 0.4), rgba(170, 170, 171, 0.5), rgba(240, 240, 240, 0.4), rgba(220, 220, 220, 0.5), rgba(255, 255, 255, 0.7 ), rgba(200, 200, 200, 0.7), rgba(235, 235, 235, 0.4), rgba(180, 180, 180 , 1), rgba(255, 255, 255, 0.5)) fixed;
background: -webkit-gradient(linear, left top, right bottom, from(rgba(180, 180, 180, 0.7)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(35%, rgba(190, 190, 190, 0.4)), color-stop(75%, rgba(190, 190, 190, 0.5)), color-stop(95%, rgba(255, 255, 255, 0.9)), to(rgba(180, 180, 180, 0.5))) fixed;
background: -webkit-linear-gradient(135deg, rgba(180, 180, 180, 0.7), rgba(170, 170, 171, 0.5), rgba(240, 240, 240, 0.4), rgba(220, 220, 220, 0.5), rgba(255, 255, 255, 0.7 ), rgba(200, 200, 200, 0.7), rgba(235, 235, 235, 0.4), rgba(180, 180, 180 , 1), rgba(255, 255, 255, 0.5)) fixed;
background: -o-linear-gradient(135deg, rgba(180, 180, 180, 0.7), rgba(170, 170, 171, 0.5), rgba(240, 240, 240, 0.4), rgba(220, 220, 220, 0.5), rgba(255, 255, 255, 0.7 ), rgba(200, 200, 200, 0.7), rgba(235, 235, 235, 0.4), rgba(180, 180, 180 , 1), rgba(255, 255, 255, 0.5)) fixed;
border: 1px solid #777;
border-top: 2px groove #E2E6EF;
}
.wpui-sevin .ui-tabs .ui-tabs-panel .wp-tab-content > .wp-tabs .ui-tabs {
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
-o-box-shadow: none !important;
border: 1px solid #666;
}
.wpui-sevin .ui-tabs-panel {
background: #D1DDED;
background: -moz-linear-gradient(top , #E7EDF6, #CFDBEC);
background: -webkit-gradient(linear, left top, left bottom , from(#E7EDF6), to(#CFDBEC));
background: -webkit-linear-gradient(top , #E7EDF6, #CFDBEC);
background: -o-linear-gradient(top , #E7EDF6, #CFDBEC);
text-shadow: 0 1px 0 #FFFFFF;
color: #222;
text-shadow: 0 1px 0 #EDEDED;
border: 1px solid #858585;
border-top: 1px solid #535353;
}
.wpui-sevin ul.ui-tabs-nav {
background: none;
padding-top: 20px;
/* margin:0 auto;
text-align:center;*/
}
.wpui-sevin .ui-tabs-vertical ul.ui-tabs-nav {
border-bottom: 0px;
}
.wpui-sevin ul.ui-tabs-nav li {
background: #C9D0DE;
background: -moz-linear-gradient(top , #DCEFF1, #C9D0DE);
background: -webkit-gradient(linear, left top, left bottom , from(#DCEFF1), to(#C9D0DE));
background: -webkit-linear-gradient(top , #DCEFF1, #C9D0DE);
background: -o-linear-gradient(top , #DCEFF1, #C9D0DE);
border-radius : 2px 2px 0 0;
-moz-border-radius : 2px 2px 0 0;
-webkit-border-radius : 2px 2px 0 0;
-webkit-border-radius : 2px 2px 0 0;
border:1px solid #757575;
border-bottom: 0px;
border-left: 1px solid #666;
bottom: 0px;
margin-right:0px;
}
.wpui-sevin .ui-tabs-vertical ul.ui-tabs-nav li {
border: 1px solid #666;
}
.wpui-sevin ul.ui-tabs-nav li a {
color: #000;
text-shadow: 0 1px 0 #FFF;
bottom: 0px;
/* border-left: 1px solid #FFF;*/
padding : 0.4em 1em;
}
.wpui-sevin ul.ui-tabs-nav li.ui-state-active {
background: #D1DDED;
background: -moz-linear-gradient(top, #FCFDFE, #E7EDF6);
background: -webkit-gradient(linear, left top, left bottom, from(#FCFDFE), to(#E7EDF6));
background: -webkit-linear-gradient(top, #FCFDFE, #E7EDF6);
background: -o-linear-gradient(top, #FCFDFE, #E7EDF6);
border: 1px solid #838383;
border-bottom: 0px !important;
bottom: -2px;
}
.wpui-sevin .ui-tabs-vertical ul.ui-tabs-nav li {
border: 1px solid #838383;
}
.wpui-sevin .ui-tabs-vertical ul.ui-tabs-nav li.ui-state-active {
border-bottom: 1px solid #838383 !important;
bottom: 0;
}
.wpui-sevin ul.ui-tabs-nav li.ui-state-active a {
border-top: 1px solid #FFF;
}
.wpui-sevin .ui-tabs .ui-tabs-panel .wp-tab-content > .wp-tabs .ui-tabs ul li.ui-state-active {
bottom: -2px;
}
.wpui-sevin .ui-button {
background: -moz-linear-gradient(top, #E0E6F0, #CDD7E5 48%, #C3CDDC 49%, #D1DDEC);
background: -webkit-gradient(linear, left top, left bottom, from(#E0E6F0), color-stop(48%, #CDD7E5), color-stop(49%, #C3CDDC), to(#D1DDEC));
background: -webkit-linear-gradient(top, #E0E6F0, #CDD7E5 48%, #C3CDDC 49%, #D1DDEC);
background: -o-linear-gradient(top, #E0E6F0, #CDD7E5 48%, #C3CDDC 49%, #D1DDEC);
border: 2px groove #DEDEDE;
text-shadow: 0 1px 0 #FFF;
color: #000;
padding: 4px 10px;
}
.wpui-sevin .ui-dialog-buttonset .ui-button {
font-size : 14px;
font-weight : bold;
text-shadow : 0 1px 0 rgba( 255,255,255, 0.8 );
padding : 2px 5px;
border-radius : 4px;
}
.wpui-sevin .wp-tab-content a.ui-button {
float: right;
margin: 20px 0;
text-decoration: none !important;
}
.wpui-sevin .ui-tabs-panel .tab-top-nav a,
.wpui-sevin .ui-tabs-panel .tab-bottom-nav a {
background: -moz-linear-gradient(top, #E0E6F0, #CDD7E5 48%, #C3CDDC 49%, #D1DDEC);
background: -webkit-gradient(linear, left top, left bottom, from(#E0E6F0), color-stop(48%, #CDD7E5), color-stop(49%, #C3CDDC), to(#D1DDEC));
background: -webkit-linear-gradient(top, #E0E6F0, #CDD7E5 48%, #C3CDDC 49%, #D1DDEC);
background: -o-linear-gradient(top, #E0E6F0, #CDD7E5 48%, #C3CDDC 49%, #D1DDEC);
border: 2px groove #DEDEDE;
text-shadow: 0 1px 0 #FFF;
color: #000;
}
.wpui-sevin.wp-tabs {
position:relative;
}
/* wpui Redmond accordion
============================================================================= */
.wpui-sevin h3.ui-collapsible-header,
.wpui-sevin .ui-accordion h3.ui-accordion-header {
background: -moz-linear-gradient(top, #E0E6F0, #CDD7E5 48%, #C3CDDC 49%, #D1DDEC);
background: -webkit-gradient(linear, left top, left bottom, from(#E0E6F0), color-stop(48%, #CDD7E5), color-stop(49%, #C3CDDC), to(#D1DDEC));
background: -webkit-linear-gradient(top, #E0E6F0, #CDD7E5 48%, #C3CDDC 49%, #D1DDEC);
background: -o-linear-gradient(top, #E0E6F0, #CDD7E5 48%, #C3CDDC 49%, #D1DDEC);
border: 1px solid #727272;
text-shadow: 0 1px 0 #FFF;
color: #222;
box-shadow: 0 1px 2px #AAA;
-moz-box-shadow: 0 1px 2px #AAA;
-webkit-box-shadow: 0 1px 2px #AAA;
-o-box-shadow: 0 1px 2px #AAA;
padding : 5px 10px;
font: bold 14px 'Segoe UI', 'Lucida Grande', 'Arial', sans-serif;
}
.wpui-sevin h3.ui-collapsible-header:hover,
.wpui-sevin .ui-accordion h3.ui-accordion-header:hover {
background: -moz-linear-gradient(top, #FAFDFE, #D9F0FC 48%, #BCE5FC 49%, #A7D9F5);
background: -webkit-gradient(linear, left top, left bottom, from(#FAFDFE), color-stop(48%, #D9F0FC), color-stop(49%, #BCE5FC), to(#A7D9F5));
background: -webkit-linear-gradient(top, #FAFDFE, #D9F0FC 48%, #BCE5FC 49%, #A7D9F5);
background: -o-linear-gradient(top, #FAFDFE, #D9F0FC 48%, #BCE5FC 49%, #A7D9F5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FAFDFE', endColorStr='#A7D9F5');
}
.wpui-sevin h3.ui-collapsible-header.ui-state-active,
.wpui-sevin .ui-accordion h3.ui-accordion-header.ui-state-active {
border-bottom:0px;
opacity:0.8;
}
.wpui-sevin .ui-collapsible-content,
.wpui-sevin .ui-accordion .ui-accordion-content {
background: white;
color: #282828;
border: 1px solid #AAA;
box-shadow: 0 1px 2px #AAA;
-moz-box-shadow: 0 1px 2px #AAA;
-webkit-box-shadow: 0 1px 2px #AAA;
-o-box-shadow: 0 1px 2px #AAA;
}
/* Tabs at bottom */
.wpui-sevin ul.ui-tabs-nav.ul-bottom {
padding-top: 0px;
padding-left: 0px;
padding-bottom: 10px;
border-bottom: 0px;
}
.wpui-sevin ul.ui-tabs-nav.ul-bottom li {
vertical-align:top;
background: -moz-linear-gradient(top , #F2F2F2, #C2C2C2);
background: -webkit-gradient(linear, left top, left bottom , from(#F2F2F2), to(#C2C2C2));
background: -webkit-linear-gradient(top , #F2F2F2, #C2C2C2);
background: -o-linear-gradient(top , #F2F2F2, #C2C2C2);
border-bottom: 1px solid #959595 !important;
border-top: 0px !important;
top:0px;
}
.wpui-sevin ul.ui-tabs-nav.ul-bottom li.ui-state-active {
border: 1px solid #888 !important;
background: #CFDBEC;
background: -moz-linear-gradient(top , #CFDBEC, #BACCDC);
background: -webkit-gradient(linear, left top, left bottom , from(#CFDBEC), to(#BACCDC));
background: -webkit-linear-gradient(top , #CFDBEC, #BACCDC);
background: -o-linear-gradient(top , #CFDBEC, #BACCDC);
border-top: 0px !important;
bottom: 0;
top: -1px;
height: 19px;
box-shadow : 0px 2px 2px #AAA;
-moz-box-shadow : 0px 2px 2px #AAA;
-webkit-box-shadow : 0px 2px 2px #AAA;
-o-box-shadow : 0px 2px 2px #AAA;
}
.wpui-sevin ul.ui-tabs-nav.ul-bottom li a ,
.wpui-sevin ul.ui-tabs-nav.ul-bottom li.ui-state-active a {
background: none;
border-top: 0px !important;
border-left: 0px !important;
}
.wpui-sevin.ui-dialog {
-moz-border-radius : 8px;
-webkit-border-radius : 8px;
-o-border-radius : 8px;
border-radius : 8px;
font-family: 'Lucida Grande', 'Arial', sans-serif;
background: #E1E1E1;
background: rgba( 245, 245 ,245 , 0.7);
background: -moz-linear-gradient(top , rgba( 255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.80) 36%, rgba(255, 255, 255, 0) 38%), -moz-linear-gradient(135deg, rgba(180, 180, 180, 0.4), rgba(170, 170, 171, 0.5), rgba(240, 240, 240, 0.4), rgba(220, 220, 220, 0.5), rgba(255, 255, 255, 0.7 ), rgba(200, 200, 200, 0.7), rgba(235, 235, 235, 0.4), rgba(180, 180, 180 , 1), rgba(255, 255, 255, 0.5)) fixed;
background: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop( 0.35, rgba( 255, 255, 255, 0 )), color-stop( 0.45, rgba( 255, 255, 255, 0) ) , color-stop( 0.46, rgba(255, 0, 0, 0) )), -webkit-gradient(linear, left top, right bottom, from(rgba(180, 180, 180, 0.7)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(35%, rgba(190, 190, 190, 0.4)), color-stop(75%, rgba(190, 190, 190, 0.5)), color-stop(95%, rgba(255, 255, 255, 0.9)), to(rgba(180, 180, 180, 0.5))) fixed;
background: -webkit-linear-gradient(top , rgba( 255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.8) 35%, rgba(255, 255, 255, 0) 36%), -webkit-linear-gradient(135deg, rgba(180, 180, 180, 0.7), rgba(170, 170, 171, 0.5), rgba(240, 240, 240, 0.4), rgba(220, 220, 220, 0.5), rgba(255, 255, 255, 0.7 ), rgba(200, 200, 200, 0.7), rgba(235, 235, 235, 0.4), rgba(180, 180, 180 , 1), rgba(255, 255, 255, 0.5)) fixed;
background: -o-linear-gradient(top , rgba( 255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.8) 35%, rgba(255, 255, 255, 0) 36%),-o-linear-gradient(135deg, rgba(180, 180, 180, 0.7), rgba(170, 170, 171, 0.5), rgba(240, 240, 240, 0.4), rgba(220, 220, 220, 0.5), rgba(255, 255, 255, 0.7 ), rgba(200, 200, 200, 0.7), rgba(235, 235, 235, 0.4), rgba(180, 180, 180 , 1), rgba(255, 255, 255, 0.5)) fixed;
color: #DDD;
/* border: 1px solid #888;*/
/* text-shadow: 0 1px 0 #000;*/
padding: 5px;
}
.wpui-sevin .ui-dialog-titlebar {
font-weight: bold;
color: #000;
text-shadow: 0 1px 1px #FFF;
padding: 7px 10px;
-moz-border-radius : 10px 10px 0 0;
-webkit-border-radius : 10px 10px 0 0;
-o-border-radius : 10px 10px 0 0;
border-radius : 10px 10px 0 0;
position: static;
}
.wpui-sevin .ui-dialog-content {
padding: 10px;
overflow:hidden;
background: #FFF;
color: #222;
border: 1px solid #888;
}
.wpui-sevin .ui-dialog-titlebar-close {
background:#BE493D;
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#EAB2AE", endColorStr="#BE493D");
background: -moz-linear-gradient(top , #E3B3B0, #CA817C 42%, #CA483E 43%, #D38574);
background: -webkit-gradient(linear, left top, left bottom, from(#E3B3B0), color-stop(0.42, #CA817C), color-stop( 0.42, #CA483E), to(#D38574));
background: -webkit-linear-gradient(top , #E3B3B0, #CA817C 42%, #CA483E 43%, #D38574);
background: -o-linear-gradient(top , #E3B3B0, #CA817C 42%, #CA483E 43%, #D38574);
border: 1px solid #884F48;
box-shadow: 0 1px 0 #FCFCFC inset, 1px 0 0 #EEEEEE inset, -1px -1px 0 #EEEEEE inset, 0 0 1px #FFF;
border-top: 0px;
-moz-border-radius : 0 0 3px 3px;
-webkit-border-radius : 0 0 3px 3px;
-o-border-radius : 0 0 3px 3px;
border-radius : 0 0 3px 3px;
height: 18px;
margin: 0;
padding: 0;
position: absolute;
right: 7px !important;
text-align: center;
text-indent: -99999em;
top: 0px !important;
width: 47px;
-moz-transition: box-shadow 0.3s ease-out;
-webkit-transition: box-shadow 0.3s ease-out;
-o-transition: box-shadow 0.3s ease-out;
}
.wpui-sevin .ui-dialog-titlebar-close span {
background: url("../images/close-widget-aero-1.png") no-repeat scroll 0 0 transparent !important;
display: block !important;
height: 18px;
margin: 1px auto;
width: 18px;
}
.wpui-sevin .ui-dialog-titlebar-close:hover {
width: 47px;
height : 18px;
border: 1px solid #884F48;
border-top: 0px;
top: -1px;
right: 7px;
-moz-box-shadow : 0 1px 0 #FCFCFC inset, 1px 0 0 #EEEEEE inset, -1px -1px 0 #EEEEEE inset, -1px 2px 5px rgba( 255, 0, 0, 0.7);
-webkit-box-shadow : 0 1px 0 #FCFCFC inset, 1px 0 0 #EEEEEE inset, -1px -1px 0 #EEEEEE inset, -1px 2px 5px rgba( 255, 0, 0, 0.7);
-o-box-shadow : 0 1px 0 #FCFCFC inset, 1px 0 0 #EEEEEE inset, -1px -1px 0 #EEEEEE inset, -1px 2px 5px rgba( 255, 0, 0, 0.7);
box-shadow : 0 1px 0 #FCFCFC inset, 1px 0 0 #EEEEEE inset, -1px -1px 0 #EEEEEE inset, -1px 2px 5px rgba( 255, 0, 0, 0.7);
-moz-transition: box-shadow 0.3s ease-in;
-webkit-transition: box-shadow 0.3s ease-in;
-o-transition: box-shadow 0.3s ease-in;
}
.wpui-sevin .ui-dialog-titlebar-close:focus {
background: -moz-linear-gradient(top , #CEA994, #9F644E 42%, #6E0F0D 43%, #551D0D);
}
.wpui-sevin.wpui-button {
background: #D5D5D5;
background: -moz-linear-gradient(top, #F2F2F2, #EEE 48%, #DDDDDD 49%, #CFCFCF);
background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), color-stop(48%, #EEE), color-stop(49%, #DDDDDD), to(#CFCFCF));
background: -webkit-linear-gradient(top, #F2F2F2, #EEE 48%, #DDDDDD 49%, #CFCFCF);
background: -o-linear-gradient(top, #F2F2F2, #EEE 48%, #DDDDDD 49%, #CFCFCF);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F2F2F2', endColorStr='#C2C2C2');
border: 1px groove #AAA;
text-shadow: 0 1px 0 #FFF;
color: #000;
-moz-border-radius : 3px;
-webkit-border-radius : 3px;
-o-border-radius : 3px;
border-radius : 3px;
font-weight : bold;
}
.wpui-sevin.wpui-button:hover {
border: 1px groove #3C7FB1;
background: -moz-linear-gradient(top, #FAFDFE, #D9F0FC 48%, #BCE5FC 49%, #A7D9F5);
background: -webkit-gradient(linear, left top, left bottom, from(#FAFDFE), color-stop(48%, #D9F0FC), color-stop(49%, #BCE5FC), to(#A7D9F5));
background: -webkit-linear-gradient(top, #FAFDFE, #D9F0FC 48%, #BCE5FC 49%, #A7D9F5);
background: -o-linear-gradient(top, #FAFDFE, #D9F0FC 48%, #BCE5FC 49%, #A7D9F5);
-moz-box-shadow: 0 -4px 2px #7ACCFF inset;
-webkit-box-shadow: 0 -4px 2px #7ACCFF inset;
-o-box-shadow: 0 -4px 2px #7ACCFF inset;
box-shadow: 0 -4px 2px #7ACCFF inset;
}
.wpui-sevin.wpui-button:active {
background: -moz-linear-gradient(top, #FAFDFE, #D9F0FC 48%, #BCE5FC 49%, #A7D9F5);
background: -webkit-gradient(linear, left top, left bottom, from(#FAFDFE), color-stop(48%, #D9F0FC), color-stop(49%, #BCE5FC), to(#A7D9F5));
background: -webkit-linear-gradient(top, #FAFDFE, #D9F0FC 48%, #BCE5FC 49%, #A7D9F5);
background: -o-linear-gradient(top, #FAFDFE, #D9F0FC 48%, #BCE5FC 49%, #A7D9F5);
-moz-box-shadow : 0 2px 7px rgba( 0, 0, 31, 0.4) inset;
-webkit-box-shadow : 0 2px 7px rgba( 0, 0, 31, 0.4) inset;
-o-box-shadow : 0 2px 7px rgba( 0, 0, 31, 0.4) inset;
box-shadow : 0 2px 7px rgba( 0, 0, 31, 0.4) inset;
}