﻿.ajax__tab_yuitabview-theme .ajax__tab_header
{
    border-bottom: solid 3px #2647a0;
    cursor: hand;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_outer
{
	background: url(../img/yui/sprite.png) #d8d8d8 repeat-x;
	margin: 0px 0.16em 0px 0px;
	padding: 1px 0px 1px 0px;
	vertical-align: bottom;
	border: solid 1px #a3a3a3;
	border-bottom-width: 0px;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    padding:0.35em 0.35em;    
    margin-right:0.01em;
}
.ajax__tab_yuitabview-theme .ajax__tab_hover .ajax__tab_outer
{
	background: #bfdaff url(../img/yui/sprite.png) repeat-x left -1300px;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_tab 
{
    color:#fff;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_outer
{
	background: #2647a0 url(../img/yui/sprite.png) repeat-x left -1400px;
}
.ajax__tab_yuitabview-theme .ajax__tab_body 
{    
    padding:0.25em 0.5em;
    background-color:#ffffff;    
    border:solid 1px #808080;
    border-top-width:0px;
 }


/**WHITE BACKGROUD**********************/
.ajax__tab_yuitabview-themeWHITE .ajax__tab_header
{
	border-bottom: solid 5px #2647a0;
}
.ajax__tab_yuitabview-themeWHITE .ajax__tab_header .ajax__tab_outer
{
	background: url(../img/yui/sprite.png) #d8d8d8 repeat-x;
	margin: 0px 0.16em 0px 0px;
	padding: 1px 0px 1px 0px;
	vertical-align: bottom;
	border: solid 1px #a3a3a3;
	border-bottom-width: 0px;
}
.ajax__tab_yuitabview-themeWHITE .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
}
.ajax__tab_yuitabview-themeWHITE .ajax__tab_hover .ajax__tab_outer
{
	background: #bfdaff url(../img/yui/sprite.png) repeat-x left -1300px;
}
.ajax__tab_yuitabview-themeWHITE .ajax__tab_active .ajax__tab_tab 
{
    color:#fff;
}
.ajax__tab_yuitabview-themeWHITE .ajax__tab_active .ajax__tab_outer
{
	background: #2647a0 url(../img/yui/sprite.png) repeat-x left -1400px;
}
.ajax__tab_yuitabview-themeWHITE .ajax__tab_body
{
    padding: 0.25em 0.5em;
    background-color: White;
    border: solid 1px #808080;
    border-top-width: 0px;
}

/*******************************************************************************/

.tablestyle 
{ 

      border: solid 1px #7f7f7f;
    background-color: #EFF3FB;
 }



.altrowstyle
{
    background-color: #FFFFFF;
}


.headerstyle th 
{
    background: url(../img/sprite.png) repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #000;
    padding: 4px 5px 4px 10px;
    text-align: center;
    vertical-align: bottom;
}  

.headerstyle th a
{
    font-weight: normal;
	text-decoration: none;
	text-align: center;
    color: #000;
	display: block;
    padding-right: 10px;
}    

.rowstyle .sortaltrow, .altrowstyle .sortaltrow
{
  background-color: #dbeaff; 
}

.rowstyle .sortrow, .altrowstyle .sortrow 
{
    background-color: #dbeaff;
}

.rowstyle td, .altrowstyle td 
{
    padding: 4px 10px 4px 10px;
    border-right: solid 1px #cbcbcb;
}

.headerstyle .sortascheader 
{
    background: url(../img/sprite.png) repeat-x 0px -100px;
}

.headerstyle .sortascheader a 
{
    background: url(../img/dt-arrow-up.png) no-repeat right 50%;
} 

.headerstyle .sortdescheader 
{
    background: url(../img/sprite.png) repeat-x 0px -100px;
}   

.headerstyle .sortdescheader a 
{
    background: url(../img/dt-arrow-dn.png) no-repeat right 50%;
} 
.background
{
    background-color: #CCFFFF;
}
.MyCalendar .ajax__calendar_container
{
    border: 1px solid #999999;
    background-color: #FFFFFF;
    text-align: left;
    height: auto;
    font-size: small;
}
 
.MyCalendar .ajax__calendar_month
{
   
    margin-left: auto;
    margin-right: auto;
    background-color: #F6F6F6;
    border: 1px solid #dddddd;
    font-size: small;
}
 .MyCalendar .ajax__calendar_title
{
   
    text-align: center;
    padding: 4px;
    color: #333333;
    font-size: small;
}
 
 .MyCalendar .ajax__calendar_day
{
   
    color: #333333;
    text-align: center;
    padding: 1px;
    border: 1px solid #F6F6F6;
    cursor: pointer;
    cursor: hand;
    font-size: small;
}
  
.MyCalendar .ajax__calendar_other, .MyCalendar .ajax__calendar_other .ajax__calendar_year
{
    background-color: #C0C0C0;
    font-size: small;
}
.MyCalendar .ajax__calendar_header
{
    color: #800000;
    text-align: center;
    padding-bottom: 6px;
    padding-top: 2px;
    font-size: inherit;
    font-size: small;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
    font-size: small;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day, .MyCalendar .ajax__calendar_active .ajax__calendar_month, .MyCalendar .ajax__calendar_active .ajax__calendar_year
{
    color: #FFFFFF;
    font-weight: bold;
    background-color: #000080;
    font-size: small;
}
a.ovalbutton
{
      background-image: url(  '../images/button_image_left_bev.png' );
      display: block;
      float: left;
       font: normal 13px Tahoma;
     
/* Change 13px as desired */  
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background 

(default is 24px) */;
      height: 25px; /* Height of button background height */;
      padding-left: 20px; /* Width of left menu image */;
      text-decoration: none;
      background-repeat: no-repeat;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span
{
      background-position: right top;
      background-image: url(  '../images/button_image_right_bev.png' );
      display: block;
      padding: 5px 20px 4px 0;
      background-repeat: no-repeat;
     font: normal 13px Tahoma;
      color: white;
      cursor: hand;
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
cursor: hand;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: white;
}


a.Disableovalbutton
{ 
      background-image: url(  '../images/button_left_disabled.png' );
      display: block;
      float: left;
       font: normal 13px Tahoma;
    
    line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background 
      height: 25px; /* Height of button background height */;
      padding-left: 20px; /* Width of left menu image */;
      text-decoration: none;
      background-repeat: no-repeat;
      cursor: pointer;
 }


a:link.Disableovalbutton, a:visited.Disableovalbutton, a:active.Disableovalbutton{ 
color: #000000; /*button text color*/
cursor: pointer;
 }


a.Disableovalbutton span
{ 
      background-position: right top;
      background-image: url(  '../images/button_right_disabled.png' );
      display: block;
      padding: 5px 20px 4px 0;
      background-repeat: no-repeat;
     font: normal 13px Tahoma;
      color: #000000;
      cursor: pointer;
      
 }


a.Disableovalbutton:hover
{ 
    /* Hover state CSS */
    background-position: left top;
    color: #000000;
    cursor: pointer;
 }


a.Disableovalbutton:hover span{  /* Hover state CSS */
background-position: top right;
color: #000000;
cursor: pointer;
 }

