/* CSS Document */



body

{

	

	margin:0px; padding:0px;

	

	background-color:#FFF;

	}





*

{

	/*padding:0px ; margin:0px;*/ }

	

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



.btn{ background-color:#333; color:#fff; padding:5px 5px 5px 5px;}

.btn:hover{ background-color:#C60;}



#wrapper

{

	background:#CCC;

 border:0px solid #f00;

 color:#000;

 max-width:1050px;	

 margin:auto;

 height:auto;

}	



#logo{

	padding:10px 0px 10px 10px;

	float:left;

	border:0px solid #f00;

max-width:90%;

	 }



#logo img{

	max-width:100%;

	}

	

#logotitle

{ 

max-width:100%;

border:0px solid #f00;



float:left;

padding-top:10px;

	}	

	

#logotitle img{  	max-width:100%; }



#loginpanel{



	float:left;

	max-width:100%;

	}







#middle{

	

	

	width:100%;  }

#middle .flash{

	float:left; width:63%;

/*	height:500px;*/  

	}

	

#middle .regform

{

	

	float:left; width:37%; 

	}	

#middle .regform h2{  background-color:#FFF; padding:5px 0px 5px 0px; color:#fff;  text-align:center;}



#middle .forms

{

	float:none; max-width:100%;

}

#middle .forms h2{

	 background-color:#000066; padding:5px 0px 5px 0px; color:#FFF;  text-align:center; font-family:"Times New Roman", Times, serif;

	}

.forms .formstable .tblrow{ line-height:30px; height:30px; background-color:#f2f2f2; }

.forms .formstable .tblrow td{  text-align:left;}

.forms .formstable .tblrow input { padding:3px;}







.clearall{ clear:both; margin:0px; padding:0px;}

.tblrow{ line-height:30px; height:30px; }

.tblrow td{  text-align:left;}

.tblrow input { padding:3px; width:200px;}

.tblrow select { padding:3px; width:200px;}



.login{ max-width:100%;}

.login h3{ margin:0px; font-weight:normal; }

.login .lhead{ margin-bottom:10px; line-height:36px; background-color:#f2f2f2; color:#333; max-width:100%; }

.link a{ color:#449ecc;}



.footer{ line-height:36px; height:36px; background-color:#FF0000; text-align:center;  color:#fff;  border-top:2px solid #CBD4D8;border-bottom:2px solid #CBD4D8; }

.footer a{ color:#fff; padding-left:5px; text-decoration:none;}







.btnClassShopping{ padding:3px ;  border:1px solid #b1b5b6; width:200px; height:30px; 

background-color:#e4e9ec;  color:#333; 

-moz-border-radius: 2px;

-webkit-border-radius: 2px; cursor:hand; cursor:pointer;

border-radius: 2px; /* future proofing */

-khtml-border-radius: 2px; /* for old Konqueror browsers */

 }



.btnClassShopping:hover{ background-color:#c4d924;}



.btnClass1{ padding:8px; background-color:#20b2aa; color:#000; font-weight:normal;}

.btnClass1:hover{ background-color:#000; color:#fff;}



.btnClass{ padding:3px;  border:1px solid #b1b5b6; width:100px; 

background-color:#e4e9ec;  color:#333; 

-moz-border-radius: 2px;

-webkit-border-radius: 2px; cursor:hand; cursor:pointer;

border-radius: 2px; /* future proofing */

-khtml-border-radius: 2px; /* for old Konqueror browsers */

 }

.textBox, .selectBox{ width:180px; background-color:#ffffff; border:1px solid #ccc; font-size:12px;

height: 18px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;  }

.btnClass:hover{ background-color:#c4d924;}

.highlight{border:1px solid #f00;}

.listTable { margin:20px;}



.listTable a:hover { text-decoration: underline; color:#f00; }

.listTable td, .listTable th { 

border-left:1px solid #ccc; border-top:1px solid #ccc; 

border-right:1px solid #ccc; padding:5px; vertical-align:top;   }

.listTable table {  border-bottom:1px solid #ccc;}

.listTable th { background-color:#dedede; }

.w290{ width:290px; }

.topRightMenu{ float:right; padding-top:5px; padding-right:5px; }

.listTable .printlabel a  { color:#000 !important; }

.listTable td a { text-decoration:none; color:#5e0404;  }







@media screen and (max-width: 768px)

{

#logo{

	padding:10px 0px 10px 10px;

	float:left;

	border:0px solid #f00;

max-width:100%;

	 }



#logo img{

	max-width:100%;

	}

	

#logotitle

{ 

max-width:100%;

border:0px solid #f00;



float:left;

padding-top:10px;

	}	

	

#logotitle img{  	max-width:100%; }



#loginpanel{

	clear:both;

	float:none;

	max-width:100%;

	}



.login{ max-width:60%;}

.login h3{ margin:0px; font-weight:normal; }

.login .lhead{ margin-bottom:10px; line-height:36px; background-color:#f2f2f2; color:#333; max-width:100%; }

.link a{ color:#449ecc;}







#middle{

	

	width:100%; }

#middle .flash{

	float:none; width:100%; 

	}

	

#middle .regform

{

	

	float:none; width:100%; 

	}

#middle .forms

{

	float:none; width:100%; clear:both;

}

#middle .forms h2{

	 background-color:#0193de; padding:5px 0px 5px 0px; color:#fff;  text-align:center;

	}

.forms .formstable .tblrow{ line-height:30px; height:30px; background-color:#f2f2f2; }

.forms .formstable .tblrow td{  text-align:left; padding-left:0px; width:auto; }





	

.footer{ background-color:#c62a1b;  text-align:center;  color:#fff;  border-top:2px solid #000; }

.footer a{ color:#000; padding-left:5px; text-decoration:none;}



}