/* 
 * jquery-ui.redweb.css
 * 
 * (c) Copyright 2008-2011 Mittelrhein Verlag GmbH. All Rights Reserved. 
 */
 
/* DIALOGS -------------------------------------------------------------------------------------- */

.ui-widget-overlay {
    position:               fixed; 
    top:                    0; 
    left:                   0; 
    width:                  100%; 
    height:                 100%; 
    background:             #000;
    opacity:                0.2 }

.ui-dialog {
    border:                 10px solid rgba(0,0,0,0.4); 
    border-radius:          10px; 
    -webkit-border-radius:  10px;
    -moz-border-radius:     10px; }
    
.ui-dialog-titlebar {
    background:             #399FD4;
    background:             -moz-linear-gradient(top, #399FD4, #2686BB);
    background:             -webkit-gradient(linear, left top, left bottom, from(#399FD4), to(#2686BB)); 
    color:                  #fff; 
    padding:                0.5em 1em; 
    font-weight:            bold; }
    
.ui-dialog-titlebar-close {
    display:                none; }
    
.ui-dialog-content {
    background:             #fff; }

/* TABS ----------------------------------------------------------------------------------------- */
    
.ui-tabs .ui-tabs-nav {
    background:             #f2f2f2 url(../images/tabsbg.png) repeat-x bottom;  
    padding:                3px 13px 0; }
    
.ui-tabs .ui-tabs-nav li {
    display:                inline-block; }
    
.ui-tabs .ui-tabs-nav li a {
    display:                inline-block;
    color:                  #000;
    padding:                6px;
    margin-right:           6px; 
    border-style:           solid;
    border-color:           transparent; 
    border-width:           1px 1px 0px; 
    border-top-left-radius: 3px; 
    border-top-right-radius:3px; }
    
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    font-weight:            bold;
    background:             #fff;
    border-color:           #ccc; }
                            
.ui-tabs .ui-tabs-hide {    
    display:                none !important; }
                            
.ui-tabs .ui-tabs-panel {   
    padding:                13px; }
                            
.ui-tabs .ui-tabs-panel {   
    padding:                13px; }

/* DATEPICKER ----------------------------------------------------------------------------------- */

.ui-datepicker { 
    width:                  17em; 
    padding:                13px 13px; 
    display:                none; 
    background:             #f2f2f2;
    border:                 1px solid #808080; }

.ui-datepicker table {
    width:                  100%; }

.ui-datepicker th {
    font-weight:            bold; }
    
.ui-datepicker td {
    background:             #fff;
    border:                 1px solid #ccc;
    height:                 20px;
    width:                  20px;
    line-height:            20px; }
    
td.ui-datepicker-other-month a {
    color:                  #808080; }
    
.ui-datepicker td span, .ui-datepicker td a {
    display:                block;
    padding:                1px; 
    text-align:             center;
    border:                 1px solid #fff; }

.ui-datepicker-header {
    padding:                3px 0;
    position:               relative; }
    
.ui-datepicker-title {
    font-weight:            bold; 
    text-align:             center; }
    
.ui-datepicker .ui-state-active {
    border:                 1px solid #000; }

.ui-datepicker .ui-state-hover {
    background:             #426fd9;
    color:                  #fff; }
    
.ui-datepicker-prev {
    display:                block;
    width:                  25px;
    height:                 15px;
    position:               absolute;
    top:                    1px;
    left:                   0;
    text-indent:            -10000px; 
    background:             transparent url(../images/datepicker-prev.png) center no-repeat; }

.ui-datepicker-next {
    display:                block;
    width:                  25px;
    height:                 15px;    
    position:               absolute;
    top:                    1px;
    right:                  0;
    text-indent:            -10000px; 
    background:             transparent url(../images/datepicker-next.png) center no-repeat; }

.ui-datepicker td.ui-datepicker-week-col {
    text-align:             center;
    background:             none;
    border:                 none; }

.ui-datepicker th.ui-datepicker-week-col {
    color:                  transparent; }