/*************************
COMBO BOX STYLE
*************************/
.comboBox 
{ 
  border: 1px solid #A6A7AA; 
  background-color: white; 
}

.comboBoxHover
{ 
  border: 1px solid #555555; 
  background-color: white; 
}

.comboDropDown 
{ 
  border: 1px solid #868686; 
  background-color: white; 
  padding: 1px;
  padding-right: 0px;
  width: 500px;
  cursor: default;
}

.comboTextBox
{
  border: 0px;
  padding-left: 2px;
  padding-right: 2px;
}

.comboTextBoxHover
{
  background-color: #B2B4BF; 
}

.comboItem
{
  font-family: Verdana; 
  font-size: 11px; 
  border: 1px solid #ffffff;
}

.comboItemHover
{
  background-color: #B2B4BF; 
  background-image: url(/images/componentart/comboItemBg.gif);
  font-family: Verdana; 
  font-size: 11px; 
  border: 1px solid #DBCE99;
}

.headingRow 
{ 
  background-color: #E2E2E2; 
}

.headingCell 
{ 
  background-color: #E2E2E2; 
  border: 1px solid #FFFFFF; 
  border-right-color: #B5B5B5; 
  border-bottom-color: #B5B5B5; 
  padding: 3px;
  font-family: verdana; 
  font-size: 10px; 
  font-weight: bold; 
  text-align: left;
}

.dataRow 
{ 
  background-color: #FFFFFF; 
}

.dataCell 
{ 
  cursor: default;
  padding: 3px;
  border: 1px solid #ffffff; 
  border-right-color: #EAE9E1; 
  border-bottom-color: #EAE9E1; 
  font-family: verdana; 
  font-size: 10px; 
} 


/**********************************
MASKED INPUT STYLE
**********************************/
.field { width:406px;height:25px;padding:10px 20px;margin:0; }
.field span.lbl { float:left;width:160px;height:25px;line-height:24px;font-size:12px;padding:0 10px 0 0;text-align:right;cursor:default; }

.field span input { width:188px;border:none;background:transparent url("images/static.png") no-repeat 0 100px;margin:0;padding:5px 4px 6px 8px;font:12px Tahoma,Verdana,Arial,Helvetica,sans-serif;position:absolute;top:0; }

.field span.empty { float:left;width:226px;height:25px;line-height:25px;padding:0;background:transparent url("images/static.png") no-repeat right -25px;margin:0;position:relative; }
.field span.empty input { color:#666;font-style:italic;background-position:0 -25px; }

.field span.focused { float:left;width:226px;height:25px;line-height:25px;padding:0;background:transparent url("images/static.png") no-repeat right -50px;margin:0;position:relative; }
.field span.focused input { color:#000;font-style:normal;background-position:0 -50px; }

.field span.valid { float:left;width:226px;height:25px;line-height:25px;padding:0;background:transparent url("images/static.png") no-repeat right 0;margin:0;position:relative; }
.field span.valid input { color:#0f0;font-style:normal;background-position:0 0; }

.field span.focused-valid { float:left;width:226px;height:25px;line-height:25px;padding:0;background:transparent url("images/static.png") no-repeat right -75px;margin:0;position:relative; }
.field span.focused-valid input { color:#0a0;font-style:normal;background-position:0 -75px; }

.field span.invalid { float:left;width:226px;height:25px;line-height:25px;padding:0;background:transparent url("images/static.png") no-repeat right -100px;margin:0;position:relative; }
.field span.invalid input { color:#d00;font-style:normal;background-position:0 -100px; }

.field span.disabled { float:left;width:226px;height:25px;line-height:25px;padding:0;background:transparent url("images/static.png") no-repeat right -125px;margin:0;position:relative; }
.field span.disabled input { color:#999;font-style:normal;background-position:0 -100px; }

/***************************************
CALENDAR STYLE
***************************************/
.picker
{
  background-color:#eeeeee;
  border: 1px gray solid;
  font-size: 11px;
  font-weight:normal;
  font-family: verdana;
  padding: 2px;
}

.calendar_button
{
	border:none;
	cursor:pointer;
	width:25px;
	height:22px;
}

.cal { width:300px;height:250px;background:transparent url("/images/componentart/static.png") no-repeat;color:#000;font-weight:bold;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px; }

.hdr { width:270px;height:50px;color:#fff;padding:0;margin:5px 15px 10px 15px;cursor:default;color:#333; }
.hdr-d { width:56px;height:100%;float:left;margin:0 8px 0 0;background:transparent url("/images/componentart/static.png") no-repeat 0 -250px; }
.hdr-d .day { width:100%;height:14px;line-height:14px;text-align:center;font-size:11px;padding-top:6px;  }
.hdr-d .date { width:100%;height:30px;line-height:30px;text-align:center; }

.hdr-m { width:128px;height:100%;float:left;margin:0 8px 0 0; }
.hdr-m a { display:block;height:100%;width:14px;float:left;cursor:default;background:transparent url("/images/componentart/static.png") no-repeat; }
.hdr-m a.prev { background-position:-112px -250px; }
.hdr-m a.prev:active { background-position:-140px -250px !important;outline:none; }
.hdr-m a.prev:hover { background-position:-126px -250px; }
.hdr-m a.next { background-position:-154px -250px; }
.hdr-m a.next:active { background-position:-182px -250px !important;outline:none; }
.hdr-m a.next:hover { background-position:-168px -250px; }
.hdr-m .month { display:block;height:100%;width:100px;float:left;line-height:50px;text-align:center;background:transparent url("/images/componentart/horizontal.png") repeat-x; }

.hdr-y { width:70px;height:100%;float:left;margin:0; }
.hdr-y .year { width:56px;height:100%;float:left;line-height:50px;text-align:center;background:transparent url("/images/componentart/static.png") no-repeat -56px -250px; }
.hdr-y .btns { float:right;width:14px;height:100%; }
.hdr-y .btns a { display:block;width:100%;height:50%;cursor:default;background:transparent url("/images/componentart/static.png") no-repeat 600px -300px; }
.hdr-y a.next { background-position:-196px -250px; }
.hdr-y a.next:active { background-position:-224px -250px !important;outline:none; }
.hdr-y a.next:hover { background-position:-210px -250px; }
.hdr-y a.prev { background-position:-196px -275px; }
.hdr-y a.prev:active { background-position:-224px -275px !important;outline:none; }
.hdr-y a.prev:hover { background-position:-210px -275px; }

.con {
width:260px;
height:160px;
margin:0 15px;
}

.ftr { width:100%;height:15px; }

.select-month { cursor:default;color:#333;text-align:center;width:22px;height:26px; }
.select-week { cursor:default;color:#333;text-align:center;width:22px; }
.day-hdr { cursor:default;color:#333;text-align:center; }

a:active,a:focus { outline:none; }

.day { cursor:default;text-align:center;width:33px;height:24px;color:#333; }
.day-h { cursor:default;text-align:center;background:#fff url("/images/componentart/static.png") no-repeat -238px -250px;width:33px;height:24px;color:#c00; }
.day-s { cursor:default;text-align:center;background:#fff url("/images/componentart/static.png") no-repeat -238px -273px;width:33px;height:24px;color:#000;text-decoration:underline; }
.day-s-h { cursor:default;text-align:center;background:#fff url("/images/componentart/static.png") no-repeat -238px -273px;width:33px;height:24px;color:#c00;text-decoration:underline; }
.other { cursor:default;color:#ccc; }

.picker { font-size:120%;font-weight:bold;font-family:"Courier New",monospace; }