.loginpanel label { margin-right:10px;width:200px;text-align:right;display:block;float:left;line-height:33px; }
.loginpanel input[type=text] { width: 280px;border:1px solid #cccccc;height:25px;padding:4px;margin-bottom:2px; }
.loginpanel input[type=password] { width: 280px;border:1px solid #cccccc;height:25px;padding:4px;margin-bottom:2px; }
.loginpanel input[type=submit] { padding:4px;width:200px; }

.error{  color:#ff2222;font-weight:bold; }

.panel {

	border:1px solid #dddddd;
	background:#eeeeee;
	
	color : #666666;
	padding:10px;
}

.panel h2 {
	padding-left:10px;
	color : #1984d4;
	margin:0px;
}


.orderlist {

	border:1px solid #dddddd;
	background:#eeeeee;
	
	color : #666666;
}

.orderlist h2 {
	padding-left:10px;
	color : #1984d4;
	margin:0px;
}

.orderdetail {

	border:1px solid #dddddd;
	background:#eeeeee;
	
	color : #666666;
	max-width:100% !important;
	padding:0px !important;
}

.orderdetail h2 {
	padding-left:10px;
	color : #1984d4;
	margin:0px;
}

.orderdetail hr {
	border:1px solid #cccccc;
}

.orderdetail table { padding:10px;width:100%;font-size:10pt; }
.orderdetail th { padding:0px;height:30;background:#eeeeee;color:#666666; border-bottom:1px solid #cccccc;  }
.orderdetail td { vertical-align:top;padding:0px; }
.orderdetail td a:hover { color:#1984d4; }


/* ## RESPONSIVE UPDATE ## */
/* Media Queries */


@media screen and (min-width: 600px) {
  
	.panel label { margin-right:10px;width:200px;text-align:right;display:block;float:left;line-height:33px; }
	.panel select { width: 290px;border:1px solid #cccccc;height:35px;padding:4px;margin-bottom:2px; }
	.panel input[type=text] { width: 280px;border:1px solid #cccccc;height:25px;padding:4px;margin-bottom:2px; }
	.panel input[type=checkbox] { height:32px;margin-bottom:2px;line-height:33px; }
	.panel input[type=password] { width: 278px;border:1px solid #cccccc;height:25px;padding:4px;margin-bottom:2px; }
	.panel input[type=submit] { padding:4px; }
	.panel input[type=button] { padding:4px; }
	.panel button { padding:4px; }
	
	
	.orderlist table { padding:10px;font-size:10pt; }
	.orderlist .tablehead th { line-height:30px;height:30;background:#444;color:#fff;padding:2px; }
	.orderlist td { border-bottom:1px solid #dddddd; }
	.orderlist td a:hover { color:#1984d4; }
	
	
	.orderlist table .tablehead .col1 { }
	.orderlist table .tablehead .col2 { }
	.orderlist table .tablehead .col3 { }
	.orderlist table .tablehead .col4 { margin-right:10px;padding-left:20px;}
	.orderlist table .tablehead .col5 {  }
	.orderlist table .tablehead .col6 { }

	.orderlist table .tablerow { cursor:pointer;  }
	.orderlist table .tablerow:hover { background:#ddd; }
	.orderlist table .tablerow .col1 {  }
	.orderlist table .tablerow .col2 { height:30px;line-height:30px; }
	.orderlist table .tablerow .col3 { }
	.orderlist table .tablerow .col4 { }
	.orderlist table .tablerow .col5 { padding-left:20px; }
	.orderlist table .tablerow .col6 {  }
	
	.mobileVersion { display:none; }


	.orderdetail { display:block;box-sizing: border-box; }

	.icon { cursor:pointer;height:auto; margin-right:5px;border:0px; }
	
	.orderdetail .left { display:inline-block;width:49%;box-sizing: border-box;vertical-align:top; }
	.orderdetail .right{ display:inline-block;width:50%;box-sizing: border-box;vertical-align:top; }
	.orderdetail .label{ display:inline-block;width:150px;box-sizing: border-box;text-align:right;padding-right:10px; }
	
	.orderdetail table { width:100%;  }
	.orderdetaul .tablerow td { padding-top:5px; }
	.orderdetail .tablehead th { background:#666;color:#fff;line-height:30px;  }
	.orderdetail .tablehead .col1 { text-align:left;padding-left:10px; }
	.orderdetail .tablehead .col2 { text-align:left; }
	.orderdetail .tablehead .col3 { text-align:right; }
	.orderdetail .tablehead .col4 { text-align:right; }
	.orderdetail .tablehead .col5 { text-align:right; }
	.orderdetail .tablehead .col6 { text-align:right;padding-right:10px; }

	.orderdetail .tablerow .col1 { padding-left:10px;  }
	.orderdetail .tablerow .col2 { font-weight:bold; }
	.orderdetail .tablerow .col3 { text-align:right;}
	.orderdetail .tablerow .col4 { text-align:right;font-weight:bold; }
	.orderdetail .tablerow .col5 { text-align:right; }
	.orderdetail .tablerow .col6 { text-align:right;padding-right:10px; }
	.orderdetail .tablerow .label { display:block;width:100px;text-align:right;float:left;margin-right:10px; }
	.orderdetail .tablerow .orderlink { font-size:1.05em; }	
	

}
  
@media screen and (max-width: 600px) {

  
	.panel label { display:block;width:100%;text-align:left;float:left;line-height:33px; }
	.panel select { width: 290px;border:1px solid #cccccc;height:35px;padding:4px;margin-bottom:2px; }
	.panel input[type=text] { display:block; width: 100%;border:1px solid #cccccc;height:35px;padding:4px;margin-bottom:2px;box-sizing: border-box; }
	.panel input[type=checkbox] { height:32px;margin-bottom:2px;line-height:33px; }
	.panel input[type=password] { display:block; width: 100%;border:1px solid #cccccc;height:35px;padding:4px;margin-bottom:2px;box-sizing: border-box; }
	.panel input[type=submit] { padding:4px;display:block;width:100%;height:35px;margin-bottom:4px; }
	.panel input[type=button] { padding:4px;display:block;width:100%;height:35px;margin-bottom:4px; }
	.panel button { padding:4px;display:block;width:100%;height:35px;margin-bottom:4px; }
	
	
	.orderlist table { padding:10px;font-size:10pt; }
	.orderlist th { height:30;background:#eeeeee;color:#666666; }
	.orderlist td { display:block; }
	.orderlist td a:hover { color:#1984d4; }
	
	
	.orderlist .tablehead .col1 { display:none; }
	.orderlist .tablehead .col2 { display:none; }
	.orderlist .tablehead .col3 { display:none; }
	.orderlist .tablehead .col4 { display:none; }
	.orderlist .tablehead .col5 { display:none; }
	.orderlist .tablehead .col6 { display:none; }

	.orderlist .tablerow .col1 { padding-top:20px;  }
	.orderlist .tablerow .col2 { font-weight:bold;font-size:1.2em;height:30px;line-height:30px; }
	.orderlist .tablerow .col3 { }
	.orderlist .tablerow .col4 { font-weight:bold; }
	.orderlist .tablerow .col5 { display:none; }
	.orderlist .tablerow .col6 { display:none; }
	.orderlist .tablerow .label { display:block;width:100px;text-align:right;float:left;margin-right:10px; }
	.orderlist .tablerow .orderlink { font-size:1.05em; }
	
	.mobileVersion { }
	
	.orderdetail { padding:10px; }
	.orderdetail table { display:block;width:100% !important;padding:10px;font-size:10pt; }

	.orderdetail td { display:block; }
	.orderdetail td a:hover { color:#1984d4; }	
	
	.orderdetail .left { display:block;width:100% !important;vertical-align:top;padding-bottom:10px;margin-bottom:10px;margin-bottom:10px;border-bottom:1px solid #222; }
	.orderdetail .right{ display:block;width:100% !important;vertical-align:top;padding-bottom:10px;margin-bottom:10px;margin-bottom:10px;border-bottom:1px solid #222; }
	.orderdetail .label{ display:block;width:100% !important;box-sizing: border-box;text-align:left; }

	.orderdetail .tablehead .col1 { display:none; }
	.orderdetail .tablehead .col2 { display:none; }
	.orderdetail .tablehead .col3 { display:none; }
	.orderdetail .tablehead .col4 { display:none; }
	.orderdetail .tablehead .col5 { display:none; }
	.orderdetail .tablehead .col6 { display:none; }

	.orderdetail .tablerow .col1 { display:block; }
	.orderdetail .tablerow .col2 { display:block;font-size:1.2em;height:30px;line-height:30px;font-weight:bold;width:100% !important; }
	.orderdetail .tablerow .col3 { display:none; }
	.orderdetail .tablerow .col4 { display:none;  }
	.orderdetail .tablerow .col5 { display:none; }
	.orderdetail .tablerow .col6 { display:block;font-weight:bold;width:250px !important;text-align:right; }
	.orderdetail .tablerow .label { display:block;text-align:right;font-size:1em;float:left;font-weight:normal !important; }
	.orderdetail .tablerow .orderlink { font-size:1.05em; }	

	.icon { cursor:pointer;height:auto !important; margin-right:0px;border:0px;vertical-align:middle;margin-right:5px; }
	
}


@media screen and (max-width: 500px) {

  
  
/*  #shop h2 { border-bottom:1px solid #ccc;margin-bottom:10px; }
  #shop input[type=text],#shop input[type=password] { width:100%;box-sizing: border-box;height:35px !important;line-height:35px !important; }
  
  
  #shop form .label1 {float:left; }
  #shop table .col1 { display:none; }
  #shop table .col2 { display:block;width:100%;font-size:1.1em;font-weight:bold; }
  #shop table .col3 { font-size:1.2em;width:100%;margin-right:10px;vertical-align:middle; }
  #shop table .col4 { text-align:left;width:100%; }
  #shop table .col5 { display:none; }
  #shop table .col6 { text-align:right;width:100%;padding-right:5px;font-size:1.2em;font-weight:bold;border-bottom:1px solid #eee;color:#444; }

  */
 
}