/*------------------------------------------
   form.css
   
   for form layout purpose
   © 2005, lintasweb.com
--------------------------------------------*/
.searchBox{
	font-family: verdana; font-size: 7pt;
	color: #000000;
	border: 1px solid #333333;
	height: 15px; width: 100px;
}

.loginBox{
	font-family: verdana; font-size: 6pt;
	color: #000000;
	border: 1px solid #999;
	height: 15px; width: 125px;
	background-color : #E9EDF3;
}

/* ------------------- Table n Form -------------------------*/
.tablePage{
	background-color: #F1F7FA;
	display: block;
	margin-top: 0px;
	border: 1px solid #CFDEEB;
	font-family: arial; font-size: 8pt;
	color: #000;
	padding: 0px;
	text-align: left;
	vertical-align: top;
}

.formTable{
  padding: 0px;
}

#tableBlock{
	width: 100%px;
	padding: 0px;
	display: block;
}

.rowFormOdd,
.rowFormEven{
  padding-left: 15px;
	width: 250px;
	text-align: left;
	color: #6F6F6F;
}

.rowFormOdd{
 	background-color: #F3F5F8;
 
}

.rowFormEven{
	background-color: #FEFEFE;
} 

.itemFormTable{
	background-color: #B8C4D1;
	color: #FFF;
	padding-left : 5px;
	width: 125px;
	font-family : arial; font-size: 8pt;
	height: 18px; 
}

.elFormTable{
  height: 16px;
  border : 1px solid #6B90C3;
  font-size: 8pt;
  background-color: #F8FAFC;
}


.elTextArea{
  border : 1px solid #6B90C3;
  font-size: 8pt;
  background-color: #F8FAFC;
	
}

.btFormTable{
  height: 20px;
  border : 1px solid #6B90C3;
  font-size: 8pt;
  background-color: #D3DEED;
}

.btArea{
  display: block;
  float: left;
  padding-left: 100px ;
  
}





/* ----------------------- order form -------------------------------- */
#orderForm{
	padding: 2px 5px 2px 5px;
}

.orderFormTitle{
	font-size: 16px; font-weight: 600;
	color: #CD5C2C;
}

.orderFormSubTitle{
	padding: 5px 5px 10px 5px;
	font-size: 12px; font-weight: 600;
	color: #D5693C;
	font-face: verdana;
}

.orderFormSection{
	padding: 10px 5px 10px 5px;
	background-color: #F3F5F8;
	width: 100%;
	border-bottom: 1px solid #FFF;
	font-size: 8pt;
	
}

.orderFormSection .secLeft,
.orderFormSection .secRight{
	display: block;
	float: left;
	padding: 0px 5px 0px 5px;
	
}
.orderFormSection .secLeft{
	text-align: right;
}

.orderFormSection .secBlk,
.orderFormSection .secBlk2,
.orderFormSection .secBlk3,
.orderFormSection .secBlk4,
{
    padding-left : 5px;
    border-right : 1px solid #D6DEE9;
    height: 40px;
    display: block;
    float: left;
}
.orderFormSection .secBlk2{
    width: 47%;
}

.orderFormSection .secBlk3{
	width : 30%;
}

.orderFormSection .secBlk4{
	width: 25%;
}

.orderFormSection .secBlkTop{
	height: 23px;
	text-align: right;
	padding: 2px 5px 2px 5px;
}

.orderFormSection .secBlkBody{
	background-color: #91A4BF;
	color: #FFF;
	padding: 2px 5px 0px 5px;
	text-align: right;
	height: 30px;
}

.btOrdForm{
  height: 25px;
  border : 1px solid #B1C6E0;
  font-size: 8pt;
  background-color: #D3DEED;
}