
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { 
display: none;


}
.ui-helper-hidden-accessible { 
position: absolute;
left: -99999999px;
}

.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}

.ui-helper-clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.ui-helper-clearfix { 
display: inline-block;
}

/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { 
height:1%;
}

.ui-helper-clearfix { 
display:block;
}
/* end clearfix */
.ui-helper-zfix { 
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0);
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled { 
cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
display: block;

text-indent: -99999px;

overflow: hidden;

background-repeat: no-repeat;

}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* Component containers
----------------------------------*/
.ui-widget { 
font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
font-size: 1.1em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { 
font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
font-size: 1em;
}

.ui-widget-content { 
border: 1px solid #888;
background: #eee;
color:#555;
}

.ui-widget-content a { 
color: #eee;

}
.ui-widget-header {
border: none; /*1px solid #e78f08;*/
background:#afc692;
/*padding-top:10px;*/
color: #ffffff;
font-weight: bold;
}
.ui-widget-header a {
color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default {
border: 1px solid #cccccc;
background:#ccc;
font-weight: bold;
color: #1c94c4 #1c94ca; /*blueish*/
outline: none;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
color: #777;
text-decoration: none;
outline: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
border: 1px solid #555;
background: #aaa;
font-weight: bold;
color: #ddd;
outline: none;
}

.ui-state-hover a, .ui-state-hover a:hover {
color: #555;
text-decoration: none;
outline: none;
}


.ui-state-active, .ui-widget-content .ui-state-active {
border: 1px solid #eee;
background: #eee ;
font-weight: bold;
color: #555;
outline: none;
}

/*active Tab*/
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: #555;
outline: none;
text-decoration: none;
}



/* Icons
----------------------------------*/

/* Corner radius */
.ui-corner-tl {
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
}
.ui-corner-tr {
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
}

.ui-corner-bl {
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
}

.ui-corner-br {
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
}
.ui-corner-top {
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;

}
.ui-corner-bottom {
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
}

.ui-corner-right {
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
}

.ui-corner-left {
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
}

.ui-corner-all {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

/*----------------------------------*/
.ui-dialog {
position: relative;
padding: .2em;
width: 300px;
}

.ui-dialog .ui-dialog-titlebar {
padding: .5em .3em .3em 1em;
position: relative;
}

.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0 .2em;
}

.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 19px;
margin: -10px 0 0 0;
padding: 1px;
height: 18px;
}

.ui-dialog .ui-dialog-titlebar-close span {
display: block;
margin: 1px;
}

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
padding: 0;
}

.ui-dialog .ui-dialog-content {
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
zoom: 1;
}

.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin: .5em 0 0 0;
padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane button {
float: right;
margin: .5em .4em .5em 0;
cursor: pointer;
padding: .2em .6em .3em .6em;
line-height: 1.4em;
width:auto;
overflow:visible;
}

.ui-dialog .ui-resizable-se {
width: 14px;
height: 14px;
right: 3px;
bottom: 3px;
}

.ui-draggable .ui-dialog-titlebar {
cursor: move;
}

.ui-resizable {
position: relative;
}

.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
z-index: 99999;
display: block;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
display: none;
}

.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0px;
}

.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0px;
}

.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0px;
height: 100%;
}

.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0px;
height: 100%;
}

.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}

.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}

.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}

.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}

/*----------------------------------*/
.ui-tabs {
margin: 10px 0 20px 25px;
width:700px;
border:7px solid #afc692;
/*padding: 5px; /*outer padding*/
zoom: 1;
}

.ui-tabs .ui-tabs-nav {
list-style: none;
position: relative;
padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
position: relative;
float: left;
border-bottom-width: 0 !important;
margin: 0 .2em -1px 0;
padding: 0;
}

.ui-tabs .ui-tabs-nav li a {
float: left;
text-decoration: none;
padding: .5em 1em;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
padding-bottom: 1px;
border-bottom-width: 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
cursor: text;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
cursor: pointer;
} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-panel {
padding: 1em 1.4em;
display: block;
border-width: 0;
background: none;
}

.ui-tabs .ui-tabs-hide {
/*display: none !important; */
position: absolute;
left: -10000px;
}
