div
{
    -moz-border-radius: 8px ;
    -webkit-border-radius: 8px ; 
    -o-transition: left 0.5s ease-in-out;
	-webkit-transition: left 0.5s ease-in-out;
	-moz-transition: left 0.5s ease-in-out;
			
}

body{
font-family:arial;
font-size:12px;
margin:0px;
}


table
{
border:1px solid #a28682;
}

div.clsHeaderBlue20
{
font-size:16px;
height:20px;
border:1px solid #a28682;
background:url(images/hBlue20.gif);
background-repeat:repeat-x;
}

tr.clsHeaderBlue50
{
border:1px solid #a28682;
background:url(images/hBlue50.gif);
background-repeat:repeat-x;
}


tr.clsHeaderBlue20
{
border:1px solid #a28682;
background:url(images/hBlue20.gif);
background-repeat:repeat-x;
}

.clsMenu td
{
	cursor:pointer;
padding-top:3px;
padding-bottom:3px;
padding-left:8px;
padding-right:8px;
background: #e8eef7 url(images/mainMenu1.gif);
background-repeat:repeat-x ;

}

.clsMenu td:hover
{
	cursor:pointer;
background: #e8eef7 url(images/header3.gif);
background-repeat:repeat-x ;
padding-top:2px;
padding-bottom:2px;
padding-left:7px;
padding-right:7px;
border:1px solid #a28682;

}

div.clsButton
{
width:50px;
text-align:center;
background: #efe5e4 url(images/mainMenu1.gif);
background-repeat:repeat-x ;
padding-top:2px;
padding-bottom:2px;
padding-left:7px;
padding-right:7px;
border:1px solid #a28682;
cursor:pointer;
}

div.clsButton:hover
{
text-align:center;
background: #cf6078 url(images/header3.gif);
background-repeat:repeat-x ;
padding-top:2px;
padding-bottom:2px;
padding-left:7px;
padding-right:7px;
border:1px solid #999999;
cursor:pointer;
}

.clsList tr:hover
{
background: #ffafaf;
cursor:pointer;
}

div.clsButton2
{
padding-top:2px;
padding-bottom:2px;
padding-left:7px;
padding-right:7px;
border:1px solid #a28682;
cursor:pointer;
}

div.clsButton2:hover
{
background: #90e29a;
padding-top:2px;
padding-bottom:2px;
padding-left:7px;
padding-right:7px;
border:1px solid #a28682;
cursor:pointer;
}

tr .clsCalendarHeader 
{
background-image:url(images/header2.gif); 
background-repeat:repeat-x;
}

td.formTitleBar
{
	width:100%;
	border-bottom:1px solid #a28682;
	font-size:14px;
	color:black;
	background:#ffd3cc;
}

td.formTitleBarLF
{
	width:100%;
	border-bottom:1px solid #a28682;
	font-size:14px;
	color:black;
	background:#bdbdbd;
}


div.clsAppButton
{
width:50px;
height:30px;
vertical-align:middle;
text-align:center;
background: #efe5e4 url(images/mainMenu1.gif);
background-repeat:repeat-x ;
padding-top:2px;
padding-bottom:2px;
padding-left:7px;
padding-right:7px;
border:1px solid #a28682;
cursor:pointer;
}

div.clsAppButton:hover
{
vertical-align:middle;
height:30px;
text-align:center;
background: #cf6078 url(images/header3.gif);
background-repeat:repeat-x ;
padding-top:2px;
padding-bottom:2px;
padding-left:7px;
padding-right:7px;
border:1px solid #999999;
color:White;
cursor:pointer;
}

.button {
 font-family: Helvetica ;
 padding:4px; 
 padding-left:10px;
 padding-right:10px;
 border: 1px solid black ;
 -moz-border-radius: 8px ;
 -webkit-border-radius: 8px ; 
 border-radius:8px;
  background:url(images/button1_BG.gif);
 background-repeat:repeat-x;
 color:black;
 cursor:pointer;
 text-align:center;
}

.button:hover
{
  background:url(images/button1_BG2.gif);
 background-repeat:repeat-x;    
 color:White;
}

