BODY 			{ text-align: center }

#header			{ width:900px; height:55px; text-align:left; border-bottom:2px solid #3366CC }
h1				{ margin:0 }

.logo			{ background-image: url('/images/iupost_stores.jpg'); background-repeat: no-repeat; width:500px; border:1px solid white; float:left; padding-bottom:1px; text-align:left;   }
.logo a			{ text-decoration:none  }
.logo h1		{ font-size:18pt; font-family:decorative; font-weight:bold; color:#164C97; padding-left:120px; padding-top:22px; }

.topnav			{ text-align:right; float:right; margin-top:35px; padding-bottom:3px; padding-left:15px; }
.topnav a		{ font-family:arial; font-size:9pt; font-weight:bold; text-decoration:none }
.topnav a:hover { text-decoration:underline }

.info			{ font-family:arial; font-size:10pt; color:#003399; text-align:left; width:900px; margin-top:5px; margin-left:5px; }

#body			{ width:900px; padding-top:5px; text-align:center }

.lpanel_bottom		  { background: url('/images/left_panel/y_bottom.jpg') no-repeat; width:180px; height:10px }
.lpanel				  { border-left: 1px solid #B6C6FF; border-right: 1px solid #B6C6FF; background: #F7FBE1; padding-top:3px; width:178px }
.lpanel_tbl			  { margin-top:0px; height:520px; width:180px; }

.lsidebox 			  {	margin: 0 auto; width: 180px; margin-top:15px; margin-bottom:0 }
.lboxhead 			  {	background: url('/images/left_panel/sbhead-r.gif') no-repeat top right; margin: 0;	padding: 0;	text-align: center }
.lboxhead h2 		  {	background: url('/images/left_panel/sbhead-l.gif') no-repeat top left;margin: 0; color: white; font-weight: bold; font-size: 10pt; line-height: 20px; font-family:arial; padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:5px }

.mpanel_bottom		  { background: url('/images/middle_panel/y_bottom.jpg') no-repeat; width:700px; height:10px }
.mpanel				  { border-left: 1px solid #B6C6FF; border-right: 1px solid #B6C6FF; background: #F7FBE1; padding-top:3px; width:700px; margin-left:1px }
.mpanel ul			  { font-family:arial; font-size:10pt; color: #333333; padding-top:10px; margin-left:15px; padding-left:15px; margin-right:15px; padding-right:15px }
.mpanel ul h3		  { margin:0; margin:0; padding:0 }
.mpanel li			  { font-family:arial; font-size:9.5pt; color: #333333; padding-top:5px; margin-left:15px; margin-right:15px }

.mpanel_tbl			  { margin-top:0px; height:520px; width:700px; }

.msidebox 			  {	margin: 0 auto; width: 700px; margin-top:15px; margin-bottom:0 }
.mboxhead 			  {	background: url('/images/middle_panel/sbhead-r.gif') no-repeat top right; margin: 0; padding: 0; text-align: left; }
.mboxhead h2 		  {	 background: url('/images/middle_panel/sbhead-l.gif') no-repeat top left;margin: 0; color: white; font-weight: bold; font-size: 10pt; line-height: 20px; font-family:arial; padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:5px }

.ua_boxhead 		  {	background: url('/images/middle_panel/ua_sbhead-r.gif') no-repeat top right; margin: 0; padding: 0; text-align: left; }
.ua_boxhead h2 		  {	background: url('/images/middle_panel/sbhead-l.gif') no-repeat top left;margin: 0; color: white; font-weight: bold; font-size: 10pt; line-height: 20px; font-family:arial; padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:5px }
.ua_panel_bottom	  { background: url('/images/middle_panel/ua_y_bottom.jpg') no-repeat; width:900px; height:10px }



.store_snapshot	  	  { width:310px; height:300px; margin-left:15px; margin-top:15px; float:left; background: url('/images/store_snapshot.gif') no-repeat; }
.history_snapshot	  { width:650px; height:322px; margin-left:30px; margin-top:0px; float:left; background: url('/images/history_snapshot.jpg') no-repeat; }
.inventory_snapshot	  { width:360px; height:300px; margin-left:15px; margin-top:15px; float:left; background: url('/images/inventory_snapshot.gif') no-repeat; }
.section_snapshot	  { width:700px; height:300px; margin-left:30px; margin-top:15px; float:left; background: url('/images/sections_snapshot.jpg') no-repeat; }
.additem_snapshot	  { width:410px; height:323px; margin-left:5px; margin-top:15px; float:left; background: url('/images/additem_snapshot.jpg') no-repeat; }
.bestsellers_snapshot { width:360px; height:320px; margin-left:5px; margin-top:15px; float:left; background: url('/images/bestsellers_snapshot.jpg') no-repeat; }
.corders_snapshot	  { width:400px; height:305px; margin-left:5px; margin-top:15px; float:left; background: url('/images/corders_snapshot.jpg') no-repeat; }
.porders_snapshot	  { width:650px; height:330px; margin-left:30px; margin-top:0px; float:left; background: url('/images/placingorders_snapshot.jpg') no-repeat; }
.oorders_snapshot	  { width:650px; height:339px; margin-left:30px; margin-top:0px; float:left; background: url('/images/openorders_snapshot.jpg') no-repeat; }
.history_snapshot	  { width:650px; height:322px; margin-left:30px; margin-top:0px; float:left; background: url('/images/history_snapshot.jpg') no-repeat; }
.reports_snapshot	  { width:360px; height:322px; margin-left:10px; margin-top:15px; float:left; background: url('/images/reports_snapshot.jpg') no-repeat; }
.msummary_snapshot	  { width:650px; height:322px; margin-left:30px; margin-top:0px; float:left; background: url('/images/msummary_snapshot.jpg') no-repeat; }
.waterfall_snapshot	  { width:650px; height:322px; margin-left:30px; margin-top:0px; float:left; background: url('/images/waterfall_snapshot.jpg') no-repeat; }

.lstep 			  	  { padding-left:1px; padding-bottom:2px; padding-bottom:6px; margin:5px; margin-left:5px; border-bottom:1px solid #DEDEDE; cursor:pointer }
.lstep a		      { font-family:arial; font-size:10pt; color:#0066CC; font-weight:normal; text-decoration:none; margin-left:15px; }
.lstep a:hover		  { text-decoration:underline } 

.lstepb 			  { padding-left:1px; padding-bottom:2px; padding-bottom:6px; margin:5px; margin-left:5px; border-bottom:1px solid #DEDEDE; cursor:pointer }
.lstepb a		      { font-family:arial; font-size:10pt; color:#A66400; font-weight:normal; text-decoration:none; margin-left:15px; }
.lstepb a:hover		  { text-decoration:underline } 

.lstepd 			  { background-image: url('/images/left_panel/check_icon.gif'); background-repeat: no-repeat; padding-left:1px; padding-bottom:2px; padding-bottom:6px; margin:5px; margin-left:5px; border-bottom:1px solid #DEDEDE; cursor:pointer }
.lstepd a		      { font-family:arial; font-size:10pt; color:#0066CC; font-weight:normal; text-decoration:none; margin-left:15px; }
.lstepd a:hover		  { text-decoration:underline } 

.lstepdb 			  { background-image: url('/images/left_panel/check_icon.gif'); background-repeat: no-repeat; padding-left:1px; padding-bottom:2px; padding-bottom:6px; margin:5px; margin-left:5px; border-bottom:1px solid #DEDEDE; cursor:pointer }
.lstepdb a		      { font-family:arial; font-size:10pt; color:#A66400; font-weight:normal; text-decoration:none; margin-left:15px; }
.lstepdb a:hover	  { text-decoration:underline } 


.lsec				  { background-image: url('/images/left_panel/pencil.gif'); background-repeat: no-repeat; padding-left:1px; padding-bottom:2px; padding-bottom:6px; margin:5px; margin-left:5px; border-bottom:1px solid #DEDEDE; cursor:pointer }
.lsec a				  { font-family:arial; font-size:10pt; color:#0066CC; font-weight:normal; text-decoration:none; margin-left:15px; }
.lsec a:hover		  { text-decoration:underline } 

.lsecb				  	{ background-image: url('/images/left_panel/pencil.gif'); background-repeat: no-repeat; padding-left:1px; padding-bottom:2px; padding-bottom:6px; margin:5px; margin-left:5px; border-bottom:1px solid #DEDEDE; cursor:pointer }
.lsecb a			  { font-family:arial; font-size:10pt; color:#A66400; font-weight:normal; text-decoration:none; margin-left:15px; }
.lsecb a:hover		  { text-decoration:underline } 

.lcat				  { padding-left:25px; padding-bottom:2px; padding-bottom:6px; margin:5px; border-bottom:1px solid #DEDEDE; cursor:pointer }
.lcat a				  { font-family:arial; font-size:9pt; color:#0066CC; font-weight:normal; text-decoration:none }
.lcat a:hover		  { text-decoration:underline }  

.lcatb				  { padding-left:25px; padding-bottom:2px; padding-bottom:6px; margin:5px; border-bottom:1px solid #DEDEDE; cursor:pointer }
.lcatb a			  { font-family:arial; font-size:9pt; color:#A66400; font-weight:normal; text-decoration:none }
.lcatb a:hover		  { text-decoration:underline }  
 
.lpinfo				  { font-family:arial; font-size:9pt; color:#444444; padding-left:20px; }	 
.lpinfo a			  { font-family:arial; font-size:9pt; color:#444444; text-decoration:none }
.lpinfo a:hover       { text-decoration:underline }
 
.LPButton			  { background: #67A54B; color: white; font-family:arial; font-size:10pt; font-weight:bold; border-right: 1px solid black; border-bottom: 1px solid black; 
				  		border-left: 1px solid #C0C0C0; border-top: 1px solid #C0C0C0; width:135px; height:30px; margin-top:10px; margin-bottom:15px; text-align:center; padding-bottom:1px; cursor:pointer }

.CNButton			  { background: #67A54B; color: white; font-family:arial; font-size:9pt; font-weight:bold; border-right: 1px solid black; border-bottom: 1px solid black; 
				  		border-left: 1px solid #C0C0C0; border-top: 1px solid #C0C0C0; width:105px; height:23px; margin-top:0px; margin-bottom:15px; text-align:center; padding-bottom:1px; cursor:pointer }
				  	
.clearit 			  { clear: both; height: 0;	line-height: 0.0; font-size: 0 }
.newline 			  { clear: both; line-height: 0.0; font-size: 0; }
.Footer				  { color:#333333; width:900px; position: relative; horizontal-align: center; font-family: Arial; font-size: 9pt; padding-top:5px; border-top:1px solid #CECECE }

.mpinfo		 		  { font-family:arial; font-size:9pt; font-weight:normal; color:#333333; margin-bottom:10px; }

.input_title		  { font-family:arial; font-size:10pt; color:#333333; width:150px; padding-top:3px; margin-bottom:7px; float:left }
.input_text			  { border-style: solid; border-width: 1px; border-color: #B5B5B5;  width:300px; margin-bottom:7px; float:left }
.input_text input	  { border:0; width:300px; font-size: 9pt; font-family: Arial; color: #333333; height:20px; padding-top:2px; padding-left:3px; padding-right:3px }
.input_comment		  { font-family:arial; font-size:9pt; color:#333333; padding-top:3px }
.status_name		  { font-family:arial; font-size:9pt; color:#333333; padding-top:3px; margin-left:150px; width:300px }


.sections			  { border:1px solid #B5B5B5; background-color: #C3D4F0; width:673px; margin-bottom:0px; height:35px; padding:5px; padding-left:0; padding-right:0; padding-top:2px }
.sec_cap			  { font-family:arial; font-size:7pt; color:#222222 }
.sec_text			  { width:100px; margin-bottom:7px; padding-left:10px; float:left }
.sec_text input	  	    { border-style: solid; border-width: 1px; border-color: #B5B5B5; width:100px; font-size: 9pt; font-family: Arial; color: #333333; height:20px; margin-left:0px; padding-top:1px; padding-left:3px; padding-right:3px }

.categories			  { border-style: solid; border-width: 1px; border-color: #B5B5B5;  background-color: #E4E8D9; width:673px; margin-bottom:7px; height:300px; padding:5px; padding-top:0; padding-left:10px; padding-right:0 }

.cats				  { width:105px; float:left; margin-left:5px; margin-top:10px }
.cat_text			  { width:100px; margin-bottom:3px; }
.cat_text input	  	  { border-style: solid; border-width: 1px; border-color: #B5B5B5; width:100px; font-size: 9pt; font-family: Arial; color: #333333; height:20px; margin-left:0px; padding-top:1px; padding-left:3px; padding-right:3px }

.cat_action			  { width:100px; margin-bottom:3px; font-size: 8pt; font-family: Arial; color: #333333; }
.cat_action img		  { cursor:pointer }


.storepic			  { width:300px; height:225px; float:left; cursor:pointer; }
.storepicimg		  { margin-top:1px; }

.storedesc			  { float:left; width:300px; height: 227px; margin-top:-1px }
.storedesc textarea   { width: 300px; height: 227px; border:1px solid #B5B5B5; font-size: 9.5pt; font-family: Arial; color: #333333; padding:5px; overflow:hidden }

.line				  { border-bottom:1px solid #CECECE; height:1px; margin-bottom:5px; margin-top:20px; width:620px}
.s_line				  { border-bottom:1px solid #CECECE; height:1px; font-size:3pt; margin-bottom:15px; margin-top:5px; padding-top:5px; width:620px}

.button				  { background: #3B5998; color: white; font-family:arial; font-size:8pt; font-weight:bold; border-right: 1px solid black; border-bottom: 1px solid black; 
				  	    border-left: 1px solid #C0C0C0; border-top: 1px solid #C0C0C0; width:120px; height:22px; margin-left:10px; margin-bottom:15px; padding-bottom:2px; cursor:pointer }

.next				  { width:620px; text-align:right }


/* For uploading store picture */
.PicFrame			    { width:298px; height: 225px; margin:0; vertical-align: bottom; horizontal-align: center; border: 1px solid #B5B5B5;  }
.user-file				{ width:auto; auto; position:relative; margin:0px 0 0px 0px; zoom:1; overflow:hidden; margin-bottom:0;  }
.user-file label 		{ white-space:nowrap; position:relative; z-index:1; left:0;	top:0; overflow:hidden;  
						  font-weight:bold;	display:inline;	-webkit-border-top-right-radius:20px; -webkit-border-bottom-right-radius:20px; padding-left:149px; padding-right:149px; 
						  padding-top:0px; padding-bottom:225px; float:left; cursor:pointer; }
.user-file label input	{ position:absolute; right:0; top:0; border:none; font-size:180pt; font-family:arial; line-height:12px; opacity:0; zoom:1; filter:alpha(opacity=0); cursor:hand }