/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-size: 11px;
    zoom:1;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0;
}
.ui-tabs-nav a {
    padding-left: 0;
    color: #000; 
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    color: #FFF;
}
.ui-tabs-nav a span {
    padding:0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
#tab_wrapper > .ui-tabs-panel {
    padding:0px 5px;
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}
.scroll_content_override {
    float:left;
    width:100%;
    border-top:1px solid #E5E5E5;
    border-right:1px solid #7F7F7F;
    border-bottom:1px solid #7F7F7F;
    border-left:1px solid #7F7F7F;
}
.ui-slider-scroll-area { width: auto; }
.ui-slider-scroll-area-inner { margin-right:14px;display:inline-block !important;}
#drawer .ui-vertical-slider-wrapper { background-color: #7F7F7F; }

.ui-slider-vertical-wrapper { position:absolute; z-index: 1; top:0; right: 0;}
.ui-slider-vertical-innerwrapper { position:absolute; right:0;  width: 12px; background: transparent url(/images/scroller/scroller_bg.gif) repeat-y top center; }
.ui-slider-vertical { position:absolute; right:0;  width: 12px; }
.ui-slider-handle { position: absolute; z-index: 1; height: 40px; margin-bottom:-20px; width: 13px; background: url(/images/scroller/scroller_handle.gif) no-repeat center center;  }
.ui-slider-handle-active { border: none;  }
.ui-slider-disabled .ui-slider-handle { opacity: 0.5; filter: alpha(opacity=50); }
.ui-slider-vertical-top, .ui-slider-vertical-bottom {
  width: 12px;
  height: 12px; 
  position:absolute;
  cursor: pointer;
  right:0;
}
.ui-slider-vertical-top { background: transparent url(/images/scroller/slider_top.gif) no-repeat 50% center; top:0; }
.ui-slider-vertical-bottom { background: transparent url(/images/scroller/slider_bottom.gif) no-repeat 50% center; bottom: 0; }

.ui-dialog-titlebar {
    /*resets*/margin: 0; padding:0; border: 0; outline: 0; text-decoration: none; list-style: none;
    color: #000;
    font-size:11px;
    font-weight:bold;
    position: absolute;
    top: 15px;
    background-color:transparent;
    width:100%;
    z-index:1;
}
.ui-dialog-title {
    margin-left:18px;
    display:inline-block;
}
.ui-dialog-titlebar-close {
    /*resets*/margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; list-style: none;
    background: url(/images/dialog/panelbutton_close.gif) 0 0 no-repeat;
    position: absolute;
    right: 8px;
    top: 0;
    width: 13px;
    height: 13px;
    z-index: 100;
}
.ui-dialog-titlebar-close-hover, .ui-dialog-titlebar-close:hover {
    background: url(/images/dialog/panelbutton_close.gif) 0 0 no-repeat;
}
.ui-dialog-titlebar-close:active {
    background: url(/images/dialog/panelbutton_close.gif) 0 0 no-repeat;
}
.ui-dialog-titlebar-close span {
    display: none;
}
.ui-dialog-content {
    /*resets*/margin: 0; padding:0; border: 0; outline: 0; text-decoration: none; list-style: none;
    color: #222222;
    font-size:11px;
}
.ui-dialog-buttonpane {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: left;
    border-top: 1px solid #dddddd;
}
.ui-dialog-buttonpane button {
    margin: .5em 0 .5em 8px;
    color: #555555;
    background: #C7C5C6 url(/images/misc/C7C5C6_40x100_textures_02_glass_0.png) 0 50% repeat-x;
    font-size: 1em;
    border: 1px solid #d3d3d3;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    line-height: 1.4em;
}
.ui-dialog-buttonpane button:hover {
    color: #212121;
    background: #BAB8B9 url(/images/misc/BAB8B9_40x100_textures_02_glass_20.png) 0 50% repeat-x;
    border: 1px solid #999999;
}
.ui-dialog-buttonpane button:active {
    color: #222222;
    background: #BAB8B9 url(/images/misc/BAB8B9_40x100_textures_02_glass_40.png) 0 50% repeat-x;
    border: 1px solid #dddddd;
}
/* This file skins dialog */
.ui-dialog.ui-draggable .ui-dialog-titlebar,
.ui-dialog.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}


/* dialog drop shadow themes */

/* DEFAULT THEME */
.dialog .hd .c,
.dialog .ft .c {
 font-size:1px; /* ensure minimum height */
 height:12px;
 margin-left:13px;
}

.dialog .ft .c {
 height:14px;
}

.dialog .hd {
 background:transparent url(/images/dialog/ul.png) no-repeat 0px 0px;
}

.dialog .hd .c {
 background:transparent url(/images/dialog/ur.png) no-repeat right 0px;
}

.dialog .bd .c {
 background:transparent url(/images/dialog/l.png) repeat-y 0px 0px;
}

.dialog .ft {
 background:transparent url(/images/dialog/ll.png) no-repeat 0px 0px;
}

.dialog .ft .c {
 background:transparent url(/images/dialog/lr.png) no-repeat right 0px;
}

.dialog .bd .c .s {
 margin:0px 0px 0px 7px;
 background-color:#989898;
 padding:1em;
}

#jqContextMenu > div.dialog {
	width:225px;
}

#jqContextMenu .dialog .bd .c .s {
    padding:0em .5em;
}

#jqContextMenu li {
	cursor:pointer;
}

/* BLACK THEME */

.dialog-black .hd-black .c-black,
.dialog-black .ft-black .c-black {
 font-size:1px; /* ensure minimum height */
 height:13px;
 margin-left:17px;
}

.dialog-black .ft-black .c-black {
 height:14px;
}

.dialog-black .hd-black {
 background:transparent url(/images/dialog/ul_black.png) no-repeat 0px 0px;
}

.dialog-black .hd-black .c-black {
 background:transparent url(/images/dialog/ur_black.png) no-repeat right 0px !important;
}

.dialog-black .bd-black {
 background:transparent url(/images/dialog/l_black.png) repeat-y left top;
}

.dialog-black .bd-black .c-black .s-black {
 margin:0px 0px 0px 7px;
 background-color:#000;
 color:#FFF;
}

.dialog-black .ft-black {
 background:transparent url(/images/dialog/ll_black.png) no-repeat 0px 0px;
}

.dialog-black .ft-black .c-black {
 background:transparent url(/images/dialog/lr_black.png) no-repeat right 0px !important;
}

/* GRAY THEME */

.dialog-gray .hd-gray .c-gray,
.dialog-gray .ft-gray .c-gray {
 font-size:1px; /* ensure minimum height */
 height:13px;
 margin-left:13px;
}

.dialog-gray .ft-gray .c-gray {
 height:14px;
}

.dialog-gray .hd-gray {
 background:transparent url(/images/dialog/ul_black.png) no-repeat 0px 0px;
}

.dialog-gray .hd-gray .c-gray {
 background:transparent url(/images/dialog/ur_black.png) no-repeat right 0px !important;
}

.dialog-gray .bd-gray {
 background:transparent url(/images/dialog/l.png) repeat-y left top;
}

.dialog-gray .bd-gray .c-gray .s-gray {
 margin:0px 0px 0px 7px;
 background-color:#989898;
 padding:1em;
}

.dialog-gray .ft-gray {
 background:transparent url(/images/dialog/ll.png) no-repeat 0px 0px;
}

.dialog-gray .ft-gray .c-gray {
 background:transparent url(/images/dialog/lr.png) no-repeat right 0px !important;
}

/*UI accordion*/
.ui-accordion .ui-state-default .ui-icon {
    width:11px;
    height:1.3em;
    background: transparent url(/images/dialog/arrow_white_closed.gif) left center no-repeat;
}
.ui-accordion .ui-state-active .ui-icon {
    width:11px;
    height:1.3em;
    background: transparent url(/images/dialog/arrow_white_open.gif) left center no-repeat;
}
.ui-accordion {
    /*resets*/margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; list-style: none;
}
.ui-accordion-group {
    /*resets*/margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; list-style: none;
    border-bottom: 1px solid #DFDFDF;
}
.ui-accordion-header {
    /*resets*/margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; list-style: none;
    cursor: pointer;
    font-size:12px;
}
.ui-accordion-header a {
    /*resets*/margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; list-style: none;
    display: inline-block;
    text-decoration: none;
    padding: 0em .5em 0em .5em;
    color: #000;
}
.ui-accordion-header-dead {
    /*resets*/margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; list-style: none;
    cursor: pointer;
    font-size:12px;
}
.ui-accordion-header-dead a {
    /*resets*/margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; list-style: none;
    display: block;
    text-decoration: none;
    padding: 0em .5em 0em 1.4em;
}
.selected .ui-accordion-header, .selected .ui-accordion-header:hover {
}
.ui-accordion-content {
    color: #222222;
    font-size: 11px;
}
.ui-accordion-content p {
    padding: 1em 1.7em 0.6em;
    margin:0;
}

/* 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; overflow: hidden; background-repeat: no-repeat;float:left; }


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

/* Overlays */
.ui-widget-overlay { background-color:#000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; 	
  filter:alpha(opacity=30);
	-moz-opacity:.3;
	opacity:.3;
	-khtml-opacity:.3;
}

/* Progressbar
----------------------------------*/
.ui-progressbar { border: 1px solid #999999; height:1.25em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }

#offline_progress_content {
    height:8em;
}
#offline_progress .ui-widget-header {
    background-color: #7F7F7F;
    border:1px solid #666666;
}
#offline_welcome a, #offline_progress_content a {
    color:#999;
}
#offline_options {
    padding:0em .5em;
}
#offline_indicator a {
    height:31px;
}

.offline_content {
    margin:0 auto;
    padding-top: 1px;
    width:90%;
}
.offline_content h2 {
    font-size:14px;
}

#offline_welcome {
    height:17em;
}
#offline_back_online {
    height:11em;
}

/* Resizable
------------------------------------- */
.ui-resizable {
position:relative;
}
.ui-resizable-handle {
display:block;
font-size:0.1px;
position:absolute;
z-index:99999;
}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
display:none;
}
.ui-resizable-n {
cursor:n-resize;
height:7px;
left:0;
top:0px;
width:100%;
}
.ui-resizable-s {
bottom:0px;
cursor:s-resize;
height:7px;
left:0;
width:100%;
}
.ui-resizable-e {
cursor:e-resize;
height:100%;
right:0px;
top:0;
width:7px;
}
.ui-resizable-w {
cursor:w-resize;
height:100%;
left:0px;
top:0;
width:7px;
}
.ui-resizable-se {
bottom:0px;
cursor:se-resize;
height:12px;
right:0px;
width:12px;
}
.ui-resizable-sw {
bottom:0px;
cursor:sw-resize;
height:9px;
left:0px;
width:9px;
}
.ui-resizable-nw {
cursor:nw-resize;
height:9px;
left:0px;
top:0px;
width:9px;
}
.ui-resizable-ne {
cursor:ne-resize;
height:9px;
right:0px;
top:0px;
width:9px;
}