/* ------------------------------------------------- */

#tabs{
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
    font-family: Arial, Helvetica;
    font-size: small;
}

#tabs li{
  float: right;
  margin: 0 0 0 0;
}

#tabs a{
  position: relative;
  background: #ddd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background-image: -webkit-linear-gradient(top, #fff, #ddd);
  background-image: -moz-linear-gradient(top, #fff, #ddd);
  background-image: -ms-linear-gradient(top, #fff, #ddd);
  background-image: -o-linear-gradient(top, #fff, #ddd);
  background-image: linear-gradient(to bottom, #fff, #ddd);  
  padding: .5em 2.5em;
  float: left;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
  -webkit-border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  border-radius: 5px 0 0 0;
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,.4);
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.4);
  box-shadow: 0 2px 2px rgba(0,0,0,.4);
  font:normal 12px BKoodakBold;
}

#tabs a:hover,
#tabs a:hover::after,
#tabs a:focus,
#tabs a:focus::after{
  background: #fff;
}

#tabs a:focus{
  outline: 0;
}

#tabs a::after{
  content:'';
  position:absolute;
  z-index: 1;
  top: 0;
  right: -.5em;  
  bottom: 0;
  width: 1em;
  background: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background-image: -webkit-linear-gradient(top, #fff, #ddd);
  background-image: -moz-linear-gradient(top, #fff, #ddd);
  background-image: -ms-linear-gradient(top, #fff, #ddd);
  background-image: -o-linear-gradient(top, #fff, #ddd);
  background-image: linear-gradient(to bottom, #fff, #ddd);  
  -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  -webkit-border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;  
}

#tabs #current a{
  background: #fff;
  z-index: 3;
}

#tabs #current a::after{
  background: #fff;
  z-index: 3;
}

/* ------------------------------------------------- */

#content
{
    background: #fff;
    padding: 1em;
	position: relative;
	z-index: 2;	
    -moz-box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
    box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
    display:table;
    margin:0px;width:100%;
}

#content h2, #content h3, #content p
{
    margin: 0 0 15px 0;
}

/*                   Drop Down Top Menu                    */
a { color: #686868; }
a:hover { color: #303030; }
a:link, a:hover, a:active, a:visited, a:focus{ text-decoration: none; border: none; }

/* ==== General Styling ==== */
/** BG Positions */
.bg-left { background-position: right;float:right}

/** Border-radius */
.radius-2 { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.radius-3 { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.radius-4 { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.radius-5 { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.radius-flat  { border-radius: 0px!important; -moz-border-radius: 0px!important; -webkit-border-radius: 0px!important; }

/** Iconize */
.iconize-12 { min-height: 12px; min-width: 12px; padding-left: 5px; background-repeat: no-repeat;}

/* ==== Buttons ==== */
.ui-button { cursor: pointer;color:#fff }
input.ui-button, .ui-button .ui-button-content { display: table; padding: 5px 16px;color:#fff;font-family:BKoodakBold;}

/* Button Gradient Colors */
.ui-button.grey-gradient
{
        
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#FCFCFC', endColorstr = '#F1F1F1', GradientType = 0);
	zoom: 1;
}
.ui-button.grey-gradient:hover, .ui-button.grey-gradient:active
{
    background: #63B2E9;
	background: linear-gradient(top bottom, #63B2E9 0%, #0485C1 100%);
	background: -moz-linear-gradient(top, #63B2E9 0%, #0485C1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #63B2E9), color-stop(100%, #0485C1));
	background: -webkit-linear-gradient(top, #63B2E9 0%, #0485C1 100%);	
	background: -o-linear-gradient(top, #63B2E9 0%, #0485C1 100%);
	background: -ms-linear-gradient(top, #63B2E9 0%, #0485C1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63B2E9', endColorstr='#0485C1',GradientType=0 );
	zoom: 1;
    color:red;
}

/* ==== Button Toolbar ==== */
ul.ui-toolbar { display: table; list-style: none; margin: 0; padding: 0 ;font-family: Tahoma;height:30px; font-size: 11px;float:left;}
ul.ui-toolbar > li { float: left; cursor: pointer;}
ul.ui-toolbar > li.ui-button { border-right-width: 0px;color:#fff; }
ul.ui-toolbar > li.ui-button:last-child { border-right-width: 1px; cursor: pointer; }

/* First & Last Child with Border */
ul.ui-toolbar > li.ui-button:first-child { border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; -webkit-border-radius: 2px 0 0 2px; }
ul.ui-toolbar > li.ui-button:last-child { border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0; }

/* With Drop Button */
ul.ui-toolbar li.has-drop { position: relative !important;color:#fff;direction:ltr;}
ul.ui-toolbar li.has-drop:hover { box-shadow: 0 0 1px #E2E2E2 inset; -webkit-box-shadow: 0 0 1px #E2E2E2 inset; -moz-box-shadow: 0 0 1px #E2E2E2 inset;}
ul.ui-toolbar li.has-drop:hover > ul { display:block ; margin: 0; padding: 0;color:#fff;position:absolute;right: 100px;}
ul.ui-toolbar li.has-drop span.arrow { display: inline-block; width: 1px;color:#fff;height: 0; vertical-align:middle; 
                                        padding-top: 3px; 
                                        border-top: 4px solid #fff;
                                        border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; 
                                        opacity: 0.6; margin:8px 10px 0px 0px;float:left}
ul.ui-toolbar li.has-drop ul { 
    display: none;color:#fff; list-style: none; position: absolute; border: 1px solid #C3C3C3; 
    z-index: 5; min-width: 160px;color:#fff;
}
ul.ui-toolbar li.has-drop ul.right-dropdown { left: 0px;width:170px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);border-radius: 6px;}
ul.ui-toolbar li.has-drop ul.left-dropdown { right: 0px; }
ul.ui-toolbar li.has-drop ul > li { display: table; width: 100%; }
ul.ui-toolbar li.has-drop ul > li a { 
                                        display: table; width: 100%; padding:8px 10px;text-align:right; 
                                        border-bottom: 1px solid #E4E4E4;
                                        background: #fff; padding: 6px 10px 6px 25px;font-family:BKoodakBold;
}
ul.ui-toolbar li.has-drop ul > li a:hover { 
                                        background: #63B2E9;
                                        background: linear-gradient(top bottom, #63B2E9 0%, #0485C1 100%);
                                        background: -moz-linear-gradient(top, #63B2E9 0%, #0485C1 100%);
                                        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #63B2E9), color-stop(100%, #0485C1));
                                        background: -webkit-linear-gradient(top, #63B2E9 0%, #0485C1 100%);	
                                        background: -o-linear-gradient(top, #63B2E9 0%, #0485C1 100%);
                                        background: -ms-linear-gradient(top, #63B2E9 0%, #0485C1 100%);
                                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63B2E9', endColorstr='#0485C1',GradientType=0 );
                                        color:white;
}
                                               
.tables{background-color:#fff;border-collapse:collapse;border-spacing:0;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
        -ms-box-sizing:border-box;box-sizing:border-box;font-family:'Open Sans',sans-serif;color:#5c5c5c}

*{margin:0;padding:0;-webkit-text-size-adjust:100%}
.tables tbody tr{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}
.tables tr{border-bottom:1px solid #ddd;line-height:30px}
.tables th,.tables td{padding:0px 15px;font-size:13px}
.btn.btn-small{line-height:17px;font-size:11px;padding:4px 8px;margin-top:10px;}
.btn{border:0;line-height:18px;font-weight:normal !important;position:relative;text-align:center;display:inline-block;padding:  7px 5px;
     font-family:'Open Sans',sans-serif;cursor:pointer;background-color:#ececec;border-radius:2px;font-size:13px;color:#5c5c5c;
     -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
.btn.btn-submit{background-color:#00b4ff;color:#fff;font-family:bhoma;}
.btn i.left{margin-left:0px;margin-right:6px;float:left}
.btn i.right{margin-left:6px;margin-right:0}
.btn i{font-family:'FontAwesome';margin-right:6px;font-style:normal}
.menu.menu-bottom-left{top:100%;right:0}
.menu{display:none;margin:2px 0;z-index:9999;text-align:right !important;background-color:white;padding:4px 0;border:1px solid #ddd;
      position:absolute;min-width:180px;border-radius:2px;box-shadow:0 1px 6px #dfdfdf}
.menu div div{display:block}
.menu div div .menu-item:hover,.menu div div a:hover{
    background:#f6f6f6;
    background:-moz-linear-gradient(top,#fcfcfc 0,#f6f6f6 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fcfcfc),color-stop(100%,#f6f6f6));
    background:-webkit-linear-gradient(top,#fcfcfc 0,#f6f6f6 100%);
    background:-o-linear-gradient(top,#fcfcfc 0,#f6f6f6 100%);
    background:-ms-linear-gradient(top,#fcfcfc 0,#f6f6f6 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc',endColorstr='#f6f6f6',GradientType=0);
    background:linear-gradient(top,#fcfcfc 0,#f6f6f6 100%);
}
.menu div div .menu-item,.menu div div a{cursor:pointer;color:#5c5c5c;padding:0px 5px 0px 5px;height:30px;line-height:30px;display:block;border:0px solid #63B2E9}
a{text-decoration:none}
.menu div div .menu-item .menu-icon,.menu div div a .menu-icon{
    height:30px;line-height:30px;font-size:14px;float:right;margin-left:10px;font-family:'FontAwesome';width:20px;border:0px solid #63B2E9;text-align:left}
.menu div div .menu-item .menu-title,.menu div div a .menu-title{
    overflow:hidden;font-family:bHoma, 'Droid Serif',serif;font-size:12px;float:right;border:0px solid #63B2E9;width:130px}
.menu div div .menu-item.disabled,.menu div div a.disabled{pointer-events:none;cursor:default;opacity:.6}
.menu div div.separator{background-color:#ececec;height:1px;margin:5px 0}
.menu div div .menu-item .menu-title .menu-count,.menu div div a .menu-title .menu-count{font-family:'Droid Serif',serif;font-size:11px;color:#fff;background-color:#00b4ff
    ;display:block;height:16px;line-height:16px;float:left;margin-top:7px;border-radius:4px;padding:0px 4px 0px 4px;}
.text-icon {
    font-family:'FontAwesome';font-size:10px;letter-spacing:-2px
}
.bg-red {
    background-color:#f00!important;
}
.heading {
    font-family:bhoma;
}
.separator{background-color:#ececec;height:1px;margin:15px 0}
.separator-0A{background-color:#ececec;height:1px;margin:10px 0px 10px 0px;width:100%;
    	-webkit-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	-moz-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);

}
.separator-0{background-color:#ececec;height:1px;margin:10px 0 0 0}
.separator-bt-10{background-color:#ececec;height:1px;margin:10px 0 10px 0}
.separator-b-0{background-color:#ececec;height:1px;margin:15px 0 0 0}
.separator-footer {
    background-color: #ececec;
    height: 1px;
    margin: 0px;
    border-top: 2px solid rgb(202, 202, 202);
    border-bottom: 1px solid rgb(202, 202, 202);
    background: none repeat scroll 0% 0% rgb(238, 238, 238);
    font-weight: bold;padding: 3px 6px;
}
.btn.btn-error{background-color:#ff4242;color:#fff}
.btn.btn-success{background-color:#b3cc57;color:#fff}
.menu-color-w {background-color: #fff;border: 1px solid #ddd;margin:0px;padding:3px 3px 2px 5px;}
.menu-color-w:hover {
    text-decoration: none;transition: background-position 0.1s linear 0s;background-color:#eee;
}

.bhoma {font-family:bhoma}
.next-btn {
    border-radius:0px 5px 5px 0px;-moz-border-radius:0px 5px 5px 0px;-webkit-border-radius:0px 5px 5px 0px;
    border:1px solid #bbb;width:26px;height:26px;float:left;padding-left:5px
}
.next-btn:hover {
    text-decoration: none;
    transition: background-position 0.1s linear 0s;
        background-color:#ddd;
}
.pre-btn {
    border-radius:5px 0px 0px 5px;-moz-border-radius:5px 5px 0px 5px;-webkit-border-radius:5px 0px 0px 5px;
    border:1px solid #bbb;border-right:0px;width:26px;height:26px;float:left;padding-left:5px
}
.pre-btn:hover {
    text-decoration: none;
    transition: background-position 0.1s linear 0s;
    background-color:#ddd;
}
.nav-box {
    width: 150px; text-align: left; padding: 1px;display:table;border:0px solid #000
}
.nav-count {
    float: left; padding: 5px 0px 0px 10px;direction:ltr;font-weight:bold;font-family:Arial;font-size:12px
}

.br-right {
    border:1px solid #bbb;
}
.br_1px {border:1px solid red}