body {color: #6C554C; font: 13px Tahoma, Arial, Helvetica; 
/*background-image:url(img/bg.jpg); */
background-color:#EFEFEF;
margin:0;
}
Table {color: #6C554C; font: 13px Tahoma, Arial, Helvetica;  }
TD {color: #6C554C; font: 13px Tahoma, Arial, Helvetica;  }
.Topuser {color: #FFFFFF;  font-weight:bold;   padding:2px;}
.inputlabel{ font-weight:bold;   padding:2px;}

 input#search, input#Lname, input#Phone,input#Email,input#ext  {
    padding-left: 13px;
    background: #ffffff;
    background-repeat: no-repeat;
    background-position: 2px center;
}

input#search{background-image: url('img/vista/boxsearch.png');}



.tableRollOverEffect{
		background-color:#F0F0F0;
		color:#000000;
}
	
 
.tableRowClickEffect{
		background-color:#B2AEAE;
		color:#000;
}

.pagestyletd {
 
  border-left: solid 1px #028CAE;
  border-right: solid 1px #028CAE;
  
  background-Color: #FFFFFF;
  background-repeat: repeat-y;
}

.barpagestyle {
  background-image: url('img/silvergradientover.gif');
  border : solid 1px #039AB9; 
  background-Color: #039AB9;
  color:#FFFFFF;	
  font-weight:bold;   
  padding:2px;
  background-repeat: repeat-x;
  }
  .barinnerstyle {
  border: solid 1px #B2AEAE; 
  background-Color: #F0F0F0;
  font-weight:bold;   
  background-repeat: repeat-y;
  }
 
  .buttonpagestyle {
  border: solid 1px #5977B3; 
  background-Color: #F9FAFA;
  background-repeat: repeat-y;
  }
  .txtboxpagestyle { 
  background-Color:#F9FAFA;
  background-repeat: repeat-y; 
  color:#000099;
  }
  
  .alert {color: #FF0000}
  .answer {
   color: #339900;
   font-weight:bold;   
  }
  
   .detail {
   color: #999999;
  }
  
  .topic {
   color: #666666;
   text-decoration: underline;   
  }
  
  .rowtd-1 {
  border-bottom: solid 1px #999999;
  background-repeat: repeat-y;
  }
    .rowtd-2 {
  border-bottom: dotted 1px #cccccc;
  background-repeat: repeat-y;
  }
  .rowtd-t2 {
  border-bottom: solid 1px #cccccc;
  background-repeat: repeat-y;
  }
  
  .row2td-1 {
 
  background-Color: #F9FAFA;
  background-repeat: repeat-y;
  }
    .row2td-2 {
 
  background-Color: #FFFFFF;
  background-repeat: repeat-y;
  }
  
.headtable TD {
	 BORDER-RIGHT: #F7F8FA 2px groove; PADDING-RIGHT: 0px; BORDER-TOP: #F7F8FA 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 2pt; MARGIN: 10px 0px 0px; FONT: 12px/12px  MS Sans Serif;   BORDER-LEFT: #F7F8FA 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #BFBFBF 2px groove; BACKGROUND-COLOR: #CCCCCC
}
 
.toparchiverev {
	 BORDER-RIGHT: #F7F8FA 1px groove; PADDING-RIGHT: 0px; BORDER-TOP: #F7F8FA 1px solid; PADDING-LEFT: 0px; 
	 PADDING-BOTTOM: 1pt; MARGIN: 2px 0px 0px; 
	 BORDER-LEFT: #F7F8FA 1px solid; COLOR: #BFBFBF; PADDING-TOP: 1px; BORDER-BOTTOM: #BFBFBF 1px groove; 
	 BACKGROUND-COLOR: #CCCCCC;}
	 
.ptitle {font:bold 11px Tahoma, Arial, Helvetica; color: #FFFFFF;
         border:solid 1px #0575D1; background-color: #0F91F9;}

HR {height: 1px; color:#FFFFFF;}

 
A:link          {color: #0063AF; text-decoration: none;}
A:hover         {color: #4071FF; text-decoration: underline;}
A:visited       {color: #0063AF; text-decoration: none;}
A:visited:hover {color: #0063AF; text-decoration: underline;}

.TreeMenuTitle {color: #888888; font: 18px Arial, Helvetica; font-weight: 600;}


.TopBack  {color: #AAAAAA; font: 13px Tahoma, Arial, Helvetica; background-color: #FFFFFF;}
.Text     {color: #222222; font: 13px Tahoma, Arial, Helvetica;}
.MainBack {background-color: #FFFFFF; color: #222222; font: 10px Arial, Helvetica; font-weight: bold;}
.MenuBack {background-color: #CCCCCC; color: #FFFFFF; font: 10px Arial, Helvetica; font-weight: bold;}
.ExTitle  {color: #AAAAAA; font: 13px Tahoma, Arial, Helvetica; font-weight: bold;}

.ParamTitle    {color: #222222; font: 16px Arial, Helvetica; font-weight: bold;}
.ParamBack     {background-color: #FFFFFF; font: 11px Tahoma, Arial, Helvetica; font: 11px Tahoma, Arial;}
.ParamTbl      {color: #333333; font: 13px Tahoma, Arial, Helvetica; font: 11px Tahoma, Arial}
.ParamTblTitle {background-color: #CEE9F2; color: #444444; font: 11px Tahoma, Arial, Helvetica; font-weight: bold;}
.ParamTblCell  {background-color: #ECF7F9; font: 11px Tahoma, Arial, Helvetica; color: #222222;}


.StyleNameW    {color: #FFFFFF; font: 13px MS Sans Serif; font-weight: bold;}
.StyleNameB    {color: #000000; font: 13px MS Sans Serif; font-weight: bold;}

.MenuTable          {border-width: 0;}
.MenuItem           {border-width: 1; background-color: #628FE2; border-style: solid; border-color: #A0C0FF; color: #FFFFFF;}
.MenuItemOver       {border-width: 1; background-color: #285BA5; border-style: solid; border-color: #FFFFFF; color: #000000; cursor: hand;}

.MenuItemSilver     {border-width: 1; background-color: #A3A3A3; border-style: solid; border-color: #E3E3E3; color: #FFFFFF;}
.MenuItemOverSilver {border-width: 1; background-color: #696969; border-style: solid; border-color: #FFFFFF; color: #000000; cursor: hand;}

.MenuItemOlive     {border-width: 1; background-color: #9FA862; border-style: solid; border-color: #E2E4CF; color: #FFFFFF;}
.MenuItemOverOlive {border-width: 1; background-color: #696D2F; border-style: solid; border-color: #FFFFFF; color: #000000; cursor: hand;}

.MenuItemOrange     {border-width: 1; background-color: #C1911F; border-style: solid; border-color: #FFEEC9; color: #FFFFFF;}
.MenuItemOverOrange {border-width: 1; background-color: #816300; border-style: solid; border-color: #FFFFFF; color: #000000; cursor: hand;}

.MenuItemGreen     {border-width: 1; background-color: #20AF1C; border-style: solid; border-color: #CAFFD1; color: #FFFFFF;}
.MenuItemOverGreen {border-width: 1; background-color: #258200; border-style: solid; border-color: #FFFFFF; color: #000000; cursor: hand;}

.MenuItemRed     {border-width: 1; background-color: #B11C1C; border-style: solid; border-color: #FFEEEE; color: #FFFFFF;}
.MenuItemOverRed {border-width: 1; background-color: #840000; border-style: solid; border-color: #FFFFFF; color: #000000; cursor: hand;}


.title {font-family: Arial, Helvetica; font-size: 16px; font-weight: bold; color: #333333;}

A.link3b         {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #0058C0; font-weight: bold; text-decoration: none;}
A.link3b:hover   {text-decoration: underline;}
A.link3b:visited         {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #0058C0; font-weight: bold; text-decoration: none;}
A.link3b:visited:hover   {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #0058C0; font-weight: bold; text-decoration: underline;}

A.link3          {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #0058C0; font-weight: normal; text-decoration: none;}
A.link3:hover    {text-decoration: underline; }
A.link3:visited          {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #0058C0; font-weight: normal; text-decoration: none;}
A.link3:visited:hover    {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #0058C0; font-weight: normal; text-decoration: underline;}


.copyrightTd  {font-family: Tahoma, Arial, Helvetica; font-size: 10px; color: #848484; padding: 10px;}
.bottomMenuTd {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #000000; padding: 10px; padding-right: 20px;}

A.link2          {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #000000; font-weight: normal; text-decoration: none;}
A.link2:hover    {text-decoration: underline;}

 .calendar{
/*width: 420px; Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
 text-align: left;
/*  background-color: #F8FFED;   */
 padding: 1px 1px; 
 FONT-SIZE: 10px;
 color: #666;  
 font-weight: normal;
 
}

.calendar a{
 	padding: 0 1px;
	text-decoration: none; 
	color: #666;
	background: #58B02;
}

 .calendar a:hover, .calendar a.selected{
    color: #043970;  
	background-color: #fff; 
}

/* menu acudian*/

.arrowlistmenu{
width: 180px; /*width of accordion menu*/
 
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: gray url('img/silvergradient.gif') repeat-x center left;
margin-bottom:0px; /*bottom spacing between header and rest of content*/
margin-top:0px;
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
width: 180px;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url('img/silvergradientover.gif');
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 4px; /*bottom spacing between each UL and rest of content*/
padding-left:4px;
 
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
 
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: lightblue !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: lightgreen !important;
}

.arrowlistmenu ul li a{
color: #028CAE;
background: url('img/arrowbullet.png') no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 20px; /*link text is indented 19px*/ 
text-decoration: none; 
border-bottom: 1px solid #dadada;
font-weight:bold;
 
 
}

.arrowlistmenu ul li a:visited{
color: #028CAE;
 
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
/*background-color: #F3F3F3;  */
 }

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue;
 
}

  .opencalendar{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white; 
background-image: url('img/silvergradientover.gif');
margin-bottom:4px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
width: 180px;
}
 
 
/*End */

/*Download*/
div.about{
	width:170px; background-color:#F8F8F8; border:#DFDFDF solid 1px; color:#000000;
	padding:2px 2px 2px 2px; margin:0 0 2px 5px; float:left;
	}
div.about h2{
	background:url('img/about_bg.gif') no-repeat 0 3px #F8F8F8;
	font:bold 22px/24px Arial, Helvetica, sans-serif;
	color:#000000; height:43px; 
	padding:0 0 0 50px; margin:0 0 20px 0; 
	}
 div.about h2 span{
	font:bold 22px/24px Arial, Helvetica, sans-serif;
	color:#4071FF; background-color:#F8F8F8;
	}
	
div.about h2 span.date{
	font:bold 11px/19px Arial, Helvetica, sans-serif;
	color:#7D633C; background-color:#F8F8F8;
	text-transform:uppercase;
	}
	.lightGrey2{
	font:12px/16px Arial, Helvetica, sans-serif;
	color:#7E7E7E; background-color:#F8F8F8;
	}
/*End download*/