/* CSS Document */

body
{
	
	margin:0px; padding:0px;
	
	background-color:#333;}


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

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

#wrapper
{
	background:#fff;
 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%;  
	}
	
#middle .regform
{
	
	float:left; width:37%; 
	}	
#middle .regform h2{  background-color:#0193de; padding:5px 0px 5px 0px; color:#fff;  text-align:center;}

#middle .forms
{
	float:none; max-width:100%;
}
#middle .forms h2{
	 background-color:#0193de; padding:5px 0px 5px 0px; color:#fff;  text-align:center;
	}
.forms .formstable .tblrow{ line-height:40px; height:30px; background-color:#f2f2f2; }
.forms .formstable .tblrow td{  padding-left:20px; text-align:left; }
.forms .formstable .tblrow input { padding:3px;}



.clearall{ clear:both; margin:0px; padding:0px;}
.tblrow{ line-height:40px; height:30px; background-color:#f2f2f2; }
.tblrow td{  text-align:left; padding-left:20px;}
.tblrow input { padding:3px;}
.tblrow select { width:170px; padding:3px;}

.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:#c62a1b; text-align:center;  color:#fff; margin-bottom:10px; border-top:2px solid #000; }
.footer a{ color:#000; 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{ width:180px; background-color:#ffffff; border:1px solid #ccc; font-size:12px; 
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:3px;  }

.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{ line-height:36px; height:36px; background-color:#c62a1b;  text-align:center;  color:#fff; margin-bottom:10px; border-top:2px solid #000; }
.footer a{ color:#000; padding-left:5px; text-decoration:none;}

}