/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
	display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {



}
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.tabberlive {
	margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
	margin:0px;
	padding: 9px 0;
	border-bottom: 1px solid #00C1F2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

ul.tabbernav li
{
 list-style: none;
 margin: -1px;
 display: inline;
}

ul.tabbernav li a
{
	padding: 9px 0.5em;
	margin-left: 1px;
	border: 1px solid #00C1F2;
	border-bottom: none;
	text-decoration: none;
	background-color: #9FECFF;
	
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #383C45;
 background: #46DAFF;
 border-color:
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}
#table-div 
{
   
	height: auto;
	width: auto;
	 width:99% ;
	 border:0;
	 text-align:center;
	  
}
#table-div td {
	
	padding: 6px;
}
#table-div table {
	
}



/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
	padding:5px;
	overflow:auto;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #00C1F2;
	border-bottom-color: #00C1F2;
	border-left-color: #00C1F2;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
.tableheader th { border: 1px solid #D0D7E5;color:White;  background-image:url("../blue-theme/images/bg_green.png"); background-repeat:repeat-x; background-position:center;
     color:White; padding: 4px; }
.tableheader td    { border: 1px solid #D0D7E5;}
.xslx { margin-top: 1em; width:100%; }
.xslx th { border: 1px solid #D0D7E5;color:White;  background-image:url("../blue-theme/images/bg_green.png"); background-repeat:repeat-x; background-position:center;
     color:White; padding: 4px; }
     
.xslx a { display: inline-block; padding: 4px; }
.xslx a:hover, .xslx a:focus, .xslx a:active { color: Brown; text-decoration: underline; }
.xslx > tbody > tr > td { border: 1px solid #D0D7E5; padding: 2px 5px; text-align: left; }
.xslx td span { padding: 4px; }
.xslx td:focus { border: 2px solid #000; }
.xslx input[type=text] { border: medium; width: 97%; }
.xslx select { border: medium none; width: 100%; }
.xslx input[type=text] { font-size: 13px; color:Black; padding:2px;   padding: 0; }
.xslx input[type=submit] { background: #0078ae url(../blue-theme/images/bg_green.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff;
   border:1px solid #1589FF;color:White}
 .xslx input[type=submit]:hover  {
       background: #0078ae url(../blue-theme/images/ui-bg_glass_75_79c9ec_1x400.png) 50% 50% repeat-x;
	  font-weight: bold; color: #ffffff;
   border:1px solid #1589FF;color:White;
  
  
       }
.xslx tr.header { background: url("../images/wave.png") repeat-x scroll right center transparent; color: #FFFFFF; text-shadow: 0 0 1px DarkBlue; }
.formview { margin-top: 1em; width:100%; }
.formview th {   
     border-bottom: 1px solid #CCCCCC;
    color: DarkBlue;
    font-size: x-large;
    margin-bottom: 2px;
    padding: 4px;
    text-align: left;}
     
.formview a { display: inline-block; padding: 4px; }
.formview a:hover, .xslx a:focus, .xslx a:active { color: Brown; text-decoration: underline; }
.formview > tbody > tr > td {   padding: 5px; text-align: left;font-weight:bold;vertical-align:middle; }
.formview td span { padding: 4px; }
.formview td:focus { border: 2px solid #000; }
.formview input[type=text] { width:250px;   padding:5px ; border: 1px solid Grey; }
.formview input[type=password] {  padding:5px ; width:250px; border: 1px solid Grey;}
.formview select { height:30px; padding:5px; width:263px; border:1px solid Grey; width:260px; }

.formview input[type=submit] { background: #0078ae url(../blue-theme/images/bg_green.png) 50% 50% repeat-x; 
                             font-weight: bold; color: #ffffff; padding:5px;
   border:1px solid #1589FF;color:White}
   .formview input[type=submit]:hover  {
       background: #0078ae url(../blue-theme/images/ui-bg_glass_75_79c9ec_1x400.png) 50% 50% repeat-x;
	  font-weight: bold; color: #ffffff;
   border:1px solid #1589FF;color:White;
   
   
       }
       .formview a { display: inline-block; padding: 4px; }
.formviewfourcolumns a:hover, .xslx a:focus, .xslx a:active { color: Brown; text-decoration: underline; }
.formviewfourcolumns > tbody > tr > td {   padding: 5px; text-align: left;font-weight:bold;vertical-align:middle; }
.formviewfourcolumns td span { padding: 4px; }
.formviewfourcolumns td:focus { border: 2px solid #000; }
.formviewfourcolumns input[type=text] { width:100px;  height:20px; padding:5px ; border: 1px solid Grey; }
.formviewfourcolumns input[type=password] {  height:20px; padding:5px ; width:100px; border: 1px solid Grey;}
.formviewfourcolumns select { height:30px; padding:5px; width:120px; border:1px solid Grey;  }

.formviewfourcolumns input[type=submit] { background: #0078ae url(../blue-theme/images/bg_green.png) 50% 50% repeat-x; 
                             font-weight: bold; color: #ffffff; padding:5px;
   border:1px solid #1589FF;color:White}
   .formviewfourcolumns input[type=submit]:hover  {
       background: #0078ae url(../blue-theme/images/ui-bg_glass_75_79c9ec_1x400.png) 50% 50% repeat-x;
	  font-weight: bold; color: #ffffff;
   border:1px solid #1589FF;color:White;
   
   
       }

.buttonstylish
{
    
   
    background-color: DeepSkyBlue;
    color: White;
    font-weight: bold;
     border: 1px solid #6DC05E;
    color: White;
    font-weight: bold;
    padding: 5px;
    
   
}
.ajax__myTab .ajax__tab_header {
    font-family: Calibri;
    font-size: 14px;
    margin-top:5px;
    margin-left:5px;
    margin-right:5px;
    
   
    background-image:url("../blue-theme/images/headerbackground.png"); background-repeat:repeat-x; background-position:center;
     color:White;
    /*border: solid 0.5px #00FFFF;*/
    
-webkist-border-top-left-radius: 10px 5px;
  -webkit-border-top-right-radius: 10px;
   -moz-border-top-left-radius: 10px 5px;
  -moz-border-top-right-radius: 10px;
    
   
}

.ajax__myTab .ajax__tab_outer {
    
    
    margin-top:3px;
    padding :5px;
    margin-right: 2px;
    margin-left:2px;
    
    border-top: solid 0.5px ##FFF;
    text-align:center;
    
    border-right: solid 0.5px #FFF;
    border-left: solid 0.5px #FFF;
   background-color:wheat;
  -webkit-border-top-left-radius: 10px 5px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-top-left-radius: 10px 5px;
  -moz-border-top-right-radius: 10px;
 

     color:White;
}
.temp
{
 background:  url(../blue-theme/images/bg_green.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff;
    background: #0078ae url(../blue-theme/images/ui-bg_glass_75_79c9ec_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff;
   margin-left:10px;
     
}
.ajax__myTab .ajax__tab_inner {
    
    
      height:20px;
    padding :5px;
    
    text-align:center;
    
 

     color:White;
    
    
}

.ajax__myTab .ajax__tab_tab {
    
   
    
    margin-top: 5px;
     color:#585858;
}

.ajax__myTab .ajax__tab_hover .ajax__tab_outer {
   
}

.ajax__myTab .ajax__tab_hover .ajax__tab_inner {
    
     
}

.ajax__myTab .ajax__tab_hover .ajax__tab_tab 
{
    
}

.ajax__myTab .ajax__tab_active .ajax__tab_outer {
    background-color:White;
 
   
   background: White;
   background-color:White;
   color:Gray;
   

}

.ajax__myTab .ajax__tab_active .ajax__tab_inner {
    
}

.ajax__myTab .ajax__tab_active .ajax__tab_tab 
{
    
}

.ajax__myTab .ajax__tab_body {
    font-family: Calibri;
    font-size: 14;
    
    border-top: 0;
      -moz-border-radius: 5px;
       border-left: solid 1px #2E9AFE;
       border-right: solid 1px #2E9AFE;
       border-bottom: solid 1px #2E9AFE;
        border-radius: 1px;
    margin-right:5px;
     margin-bottom:5px;
      margin-left:5px;
    background-color: #ffffff;
}


.MyCalendar .ajax__calendar_container {
    border:1px solid #2E9AFE;
    border-radius: 5px;
    background-color: #E0F8F7;
   color:Blue;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: Black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: White;
    
    background-color: Blue;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: Red;
    font-weight:bold;
}
.gridinsert
{
    background-color:#FBEFFB;
}
.gridalternate
{
    background-color:#E0F8F7;
}
.ajaxloader
{
    text-align:center;
    
}
.itemsinsert
{
    border-bottom:1px solid #2E9AFE;
    background-color:#FBEFFB;
   
}
.itemsinsert input[type=text] { width:50px;   padding:5px ; }
.itemsinsert select {  padding:5px;  }
.itemsinsert .items { width:304px;}
.itemsinsert .others { width:149px;}
.itemsinsert .num
{
    width:40px;
}
.itemsinsert table
{
    
    font-family:Calibri;
    font-weight:bold;
}
.itemsinsert table th
{
    border: 1px solid #D0D7E5;color:White;  background-image:url("../blue-theme/images/headerbackground.png"); background-repeat:repeat-x; background-position:center;
     color:White; padding: 4px;
}
.itemsinsert input[type=submit] { background: #0078ae url(../blue-theme/images/headerbackground.png) 50% 50% repeat-x; 
                               font-weight: bold; color: #ffffff; padding:5px;
   border:1px solid #1589FF;color:White}
    .itemsinsert input[type=submit]:hover  {
       background: #0078ae url(../blue-theme/images/ui-bg_glass_75_79c9ec_1x400.png) 50% 50% repeat-x;
	  font-weight: bold; color: #ffffff;
   border:1px solid #1589FF;color:White;
  
  
       }
       .CustomComboBoxStyle .ajax__combobox_textboxcontainer input {
     background-position:center;
     color:Black; padding: 4px; border: 1px solid black;
}
.CustomComboBoxStyle .ajax__combobox_buttoncontainer button {
    
    vertical-align:middle;
    border:1px;
    background-image:url("../blue-theme/images/arrow.png");
}
.imagelink
{
    margin:5px;
    background-color: #E0F8F7;
    max-width:100px;
   min-width:70px;
    min-height:70px;
    float:left;
    text-align:center;
    padding-top:10px;
     -moz-border-radius: 5px;
    border:1px Solid  Aqua;
    color:Black;
    border-radius: 5px;
    
}
.imagelink:hover
{
     color:Black;
     margin:5px;
   max-width:100px;
   min-width:70px;
    min-height:70px;
    float:left;
    text-align:center;
    padding-top:10px;
     background-color:#FBEFFB;
     border:1px Solid Orange;
      -moz-border-radius: 5px;
      border-radius: 5px;
    cursor:pointer;
}
.imghover:hover
{
}
.imghover:hover
{
     background-color:#81DAF5;
}