body        {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #000000;
  background-color: #FFFFFF;
            }

form        {
        margin                        : 0px 0px 0px 0px;
        padding                        : 0px 0px 0px 0px;
        }

table        {
        border-collapse                : collapse;
        }

button, select, option
        {
        background-color        : #FFFFFF;
        border-color                : #AABBDD;
        color                        : #000000;
        font                        : 9px tahoma, helvetica, sans-serif;
        }

a        {
        font                        : 16px tahoma, helvetica, sans-serif;
        color                        : navy;
        text-decoration                : none;
        }

a:hover        {
        color                        : blue;
        text-decoration                : none;
        }

li        {
        list-style-type                : square;
        font                        : 9px tahoma, helvetica, sans-serif;
        color                        : #CC0000;
        }

.text        {
        font                        : 9px tahoma, helvetica, sans-serif;
        color                        : #000000;
        padding-left                : 3px;
        }

.boxborder        {border  : 1px solid #000000;}

.maintable
        {
        background-color        : #F4FAFF;
        }

.cyan
        {
        background-color        : #F4FAFF;
        }

.maintablealt
        {
        background-color        : #FFFFFF;
        }

.maintableon
        {
        background-color        : #FFFFF0;
        }

.style1 {font-family: Arial, Helvetica, sans-serif;	font-size: 12px;}
.style2 {	font-family: Arial, Helvetica, sans-serif;	font-size: 14px;}
.style3 {color: #FE9901;font-weight: bold;	font-size: 14px;}
.style4 {font-weight: bold}
.style5 {font-family: Arial, Helvetica, sans-serif;	font-size: 10px;}
.style6 {font-family: Arial, Helvetica, sans-serif;	font-size: 10px;  color  : #808080;}
.style7 {color: #FE9901;font-size: 10px;}
.backwards {unicode-bidi:bidi-override; direction: rtl; font-size:13px;}
.caption { font-size:13px;}
.googleicon { font-size:8px;}

/* Side Menu */


.mhead {
    display: Block;
    }

.mClosed {
    display: None;
    }

.mOpen {
    display: Block;
   }

/* BUTTONS THAT ROLLOVER */

.list-menu a
        {
        display                        : block;
        border                        : 1px solid #C0D0E0;
        background                : #FFF000;
        width                        : 98%;
        text-align                : center;
        }

.list-menu a:hover
        {
        background                : #AABBDD;
        width                        : 98%;
        color                        : #000000;
        }




.navtablink { color: #ffffff; text-decoration: none ;}
.navtablink:hover { color: #000000; text-decoration: none; }

.textlink { color: #215DC6 ; text-decoration: none;}
.textlink:hover { color: #608EFF ; text-decoration: underline;}

.textlinkblank { color: #00FFFF ; text-decoration: none;  FONT-SIZE: 9px;}

.xp_textlink { color: #FFFFFF ; text-decoration: none;  FONT-SIZE: 9px;}
.xp_textlink:hover { color: #FFFFFF ; text-decoration: underline;  FONT-SIZE: 9px;}

.xp_textlink2 { color: #215DC6 ; text-decoration: none;FONT-WEIGHT: bold;}
.xp_textlink2:hover { color: #608EFF ; text-decoration: none;}

.textlink2 { color: #004080;
             text-decoration: none;}

.textlink2:hover { color: #FF0000;
                   text-decoration: underline;}

.textlink3 {color:Black;
            text-decoration: none;
            FONT-WEIGHT: bold;}

.textlink3:hover { color: Black;
                   text-decoration: underline;}
                   
                   
.textlink_White {color:White;
            text-decoration: none;
            }
            
.textlink_White:hover { color: Yellow;
                   text-decoration: none;}
                   
.tooltip {
        font-family:Tahoma;
        position: absolute;
        display: none;
        background-color: #000000;}                                                                                                  




.menubartext { FONT-FAMILY: Verdana,Arial,Helvetica;
                                                                                                                 FONT-SIZE: 9px;
                                                                                                                 FONT-WEIGHT: bold;
                                                                                                                 COLOR: white;
                                                                                                                 TEXT-DECORATION: none
                                                                                                 }

.clsMenuBarItem {COLOR: #ffffff; TEXT-DECORATION: none }

/* All form elements are within the definition list for this example */
dl {

    position: relative;
	width: 260px;
}
dt {
    clear: both;
    float:left;
    width: 130px;
    padding: 4px 0 2px 0;
    text-align: left;
}
dd {
    float: left;
    width: 200px;
    margin: 0 0 8px 0;
    padding-left: 6px;
}


/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    right: -250px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(pointer.gif) left top no-repeat;
}

DIV.clsMenu { BACKGROUND-COLOR: White;  FONT-FAMILY: Verdana,Arial,Helvetica; FONT-SIZE: 9px; COLOR: white; PADDING-BOTTOM: 5px; PADDING-LEFT: 8px; PADDING-RIGHT: 5px; PADDING-TOP: 5px }
DIV.clsMenu A { COLOR: white; FONT-FAMILY: Verdana,Arial,Helvetica; TEXT-DECORATION: none }
DIV.clsMenu A:hover{ COLOR: #000000 ;FONT-WEIGHT: bold }
DIV.clsMenu_blk A:hover { COLOR: #000000 }



#el01 {color:#00f;}
#el02 {background-color:#ddd;}
#el03 {color:#fff;background-color:#33b;}
#el04 {border-width:4px;}
#el05 {border-color:#00f;}
#el06 {border:0;}
#el07 {font-family:"Courier New", Courier;}
#el08 {font-size:150%;}
#el09 {font-size:10%;}
#el10 {font-weight:bold;}
#el11 {padding:0;}
#el12 {margin:0;text-align:right;}



TD.TopLine {        font-size: 1px;                        color: #000000;                        font-weight: bold;   background-color: White;                        padding-left: 4px;                        border-Top: solid 1px Black;                        letter-spacing: -.05em;}
TD.BottomLine {                        font-size: 1px;                        color: #000000;                        font-weight: bold;   background-color: WHITE;                        padding-left: 4px;                        border-bottom: solid 1px #666666;                        letter-spacing: -.05em;}
                
.submitbutton { background-color:#D9F2FB;
                color: #000000;
                font-weight: bold;
                cursor: hand;
                font-size: 8pt;
                font-family: Tahoma;
              }
.printbutton { background-color:#017C07;
                color: #FFFFFF;
                font-weight: bold;
                cursor: hand;
                font-size: 8pt;
                font-family: Tahoma;
              }

.cursorhand {cursor: hand;
            }
            
#select, #input, { background-color:#E6E6B1;
                           color: #214A79;
                           font-size: 10pt;
              }

form, input,textarea, select A{
        margin: 0; padding: 0;
        font-family: Tahoma;
        font-size: 11px;
        text-decoration: none;
        color: #000000;
}

.textareaoff{margin: 0; padding: 0;
        font-family: Tahoma;
        font-size: 9px;
        text-decoration: none;
        color: #000000;
        border-style: solid;
        border-width: 0px 0px 0px 0px
        
        
}

textarea{margin: 0; padding: 0;
        font-family: Tahoma;
        font-size: 9px;
        text-decoration: none;
        color: #000000;
        border-style: solid;
}

TD.Border {        font-size: 1px;
                                                                                                color: #000000;
                                                                                                font-weight: bold;
                                                                           background-color: White;
                                                                                                padding-left: 4px;
                                                                                                border-Top: solid 1px Black;
                                                                                                border-left: solid 1px Black;
                                                                                                border-right: solid 1px Black;
                                                                                                border-bottom: solid 1px Black;
                                                                                                letter-spacing: -.05em;
                                                                                }
                                                                                
.foto {border: 1px solid White;}
.foto:hover{border: 1px solid Black;}



/* Shadow */


.p-shadow {
  width: 90%;
  float:left;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.p-shadow div {
  background: none !important;
  background: url(../images/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

.p-shadow p {
  color: #777;
  background-color: #fff;
  font: italic 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }


  /* Side Menu CSS */
  
  .mainDiv
{
  width:85%;


}
.topItem
{
  height:16px;
  cursor:pointer;
  background: #FFFFFF;
  text-decoration: none;
  color: #215DC6;
  font-weight:bold;
}
.topItemOver { color: #608EFF ; text-decoration: underline;}


.dropMenu
{

  background:#D6DFF7;
  border-top:1px solid #467BF2;
  border-left:1px solid #92B1F8;
  border-right:1px solid #92B1F8;
  border-bottom:1px solid #92B1F8;
  color:#215DC6;
}

.visibleMenu {display:block;}
.hiddenMenu  {display:none;}

.subItem
{
   padding-left:5px;
   cursor:pointer;
   font-weight:bold;
   text-decoration:none;
}

.subItem a
{
   text-decoration:none;
   color:#215DC6;
}

.subItemOver
{
   cursor:pointer;
   color:blue;
   text-decoration:underline;
   font-weight:bold;
   padding-left:5px;
}

.subItemOver  a
{
   color:blue;
}


.drop
{
   border-left:1px solid black;
   border-right:1px solid black;
}

.foto {
   border: 1px solid White;
}

.foto:hover{
   border: 1px solid Black;
}

#OK {
margin : 0;
padding : 0;
width : 91px; /* Example width */
height : 21px; /* Example height */
background-image : url("../images/button_ok.gif");
background-color : #fff;
background-position : left top;
background-repeat : no-repeat;
border : 0 solid #fff; /* Needed for Opera */
cursor:hand;
}

#Cancel {
margin : 0;
padding : 0;
width : 91px; /* Example width */
height : 21px; /* Example height */
background-image : url("../images/button_cancel.gif");
background-color : #fff;
background-position : left top;
background-repeat : no-repeat;
border : 0 solid #fff; /* Needed for Opera */
cursor:hand;
}

#Add {
margin : 0;
padding : 0;
width : 91px; /* Example width */
height : 21px; /* Example height */
background-image : url("../images/button_add.gif");
background-color : #fff;
background-position : left top;
background-repeat : no-repeat;
border : 0 solid #fff; /* Needed for Opera */
cursor:hand;
}

#Update {
margin : 0;
padding : 0;
width : 91px; /* Example width */
height : 21px; /* Example height */
background-image : url("../images/button_update.gif");
background-color : #fff;
background-position : left top;
background-repeat : no-repeat;
border : 0 solid #fff; /* Needed for Opera */
cursor:hand;
}

#Update {
margin : 0;
padding : 0;
width : 91px; /* Example width */
height : 21px; /* Example height */
background-image : url("../images/button_update.gif");
background-color : #fff;
background-position : left top;
background-repeat : no-repeat;
border : 0 solid #fff; /* Needed for Opera */
cursor:hand;
}

#Delete {
margin : 0;
padding : 0;
width : 91px; /* Example width */
height : 21px; /* Example height */
background-image : url("../images/button_delete.gif");
background-color : #fff;
background-position : left top;
background-repeat : no-repeat;
border : 0 solid #fff; /* Needed for Opera */
cursor:hand;
}

#PrintPage {
margin : 0;
padding : 0;
width : 91px; /* Example width */
height : 21px; /* Example height */
background-image : url("../images/button_print.gif");
background-color : #fff;
background-position : left top;
background-repeat : no-repeat;
border : 0 solid #fff; /* Needed for Opera */
cursor:hand;
}

#calendar-header { background-color: #6699CC; margin: auto; width: 100%; padding-top: 2px; }
#calendar-header .closeme { padding: 0px 3px 2px 0px; }

#calendar-body { padding-bottom: 3px; background-color: #6699CC; margin: auto; width: 100%; }
#calendar-body .general { background-color: #FFFFFF; }
#calendar-body .othermonth { background-color: #EEEEEE; color: #AAAAAA; }
#calendar-body .header { background-color: #6699CC; color: #FFFFFF; }
#calendar-body .today { background-color: #FFFFCC; }
#calendar-body .bg { background-color: #6699CC; }
#calendar-body .select { background-color: #FFCC99; }
#calendar-body .othermonth a:link { text-decoration : none; font-family: tahoma; color: #CCFFCC; }
#calendar-body .othermonth a:visited { text-decoration : none; font-family: tahoma; color: #CCFFCC; }
#calendar-body .othermonth a:hover { text-decoration : underline; font-family: tahoma; color: #FFFFFF; }
#calendar-body a:link { text-decoration : none; font-family: tahoma; color: #000000; }
#calendar-body a:visited { text-decoration : none; font-family: tahoma; color: #000000; }
#calendar-body a:hover { text-decoration : underline; font-family: tahoma; color: #FF0000; }
#calendar-body .disabledate { color: #669999; }

#calendar-footer { background-color: #CCCCCC; border: 0px solid #000000; width: 100%; margin: auto; }
#calendar-footer .btn { line-height: 21px; }
#calendar-footer .btn a:link { text-decoration : none; font-family: tahoma; color: #000000; }
#calendar-footer .btn a:visited { text-decoration : none; font-family: tahoma; color: #000000; }
#calendar-footer .btn a:hover { text-decoration : underline; font-family: tahoma; color: #FF0000; }

#calendar-header, #calendar-body, #calendar-footer { padding-left: 1px; padding-right: 1px; }
#calendar-container { background-color: #6699CC; }

.tcday, .tcmonth, .tcyear { font-size: 11px; }

.date-tccontainer { border: 1px solid #cccccc; background-color: #efefef; padding: 2px; }