body			{	margin: 				0px;
					font-family: 			'Raleway', sans-serif;
					height: 				100%; margin: 0; padding: 0;
					background-image:		url('/images/is_bg.png');
					background-attachment:	fixed;
					background-position:	bottom right;
					font-size:				0.9em;
/*	background-image: 		url('/images/sunset3.jpg');	background-size:		100% 100%;	background-repeat:		no-repeat;	*/
}
h1				{	display: 				inline-block; float: left;	margin: 0 0 0 20px;	font-weight: bold;	font-size: 4.0em; text-shadow: 2px 2px 2px #000;	color: #666;		}

.section { color: #FFF; text-shadow: 1px 1px 3px #006; font-weight: 900; font-size: 1.4em; width: 95%; background: #EEF; margin-bottom: 15px; padding-left: 20px; border-radius: 10px; border: solid 2px #006; }
.win			{	background:				#FCFCFF;	/* if you change this, change shipment_info.php ~ line 350 in the JS */
					border:					groove 2px #00C;
					border-radius:          10px;
					margin:                 0px 0px 5px 0px;
					padding:				10px;
					width:					350px;
					word-break:				keep-all;
/*					opacity:				0.9;	*/
}
.title			{	font-size:				1.3em;
					color: 					#006;
					font-weight:			600;
}

.tb				{
					border-radius:			5px;
					background-color: 		#FFF;
					color: 					#039;
					border: 				1px solid #999;
					padding: 				3px;
					/*width:					240px;*/
					margin:					1px;
}
.tb_error		{
					border-radius:			5px;
					background-color: 		#FFB;
					color: 					#000;
					border: 				2px solid #F00;
					padding: 				3px;
					/*width:					240px;*/
					margin:					1px;
}

.text_box {
	border-radius:			5px;
	padding: 				3px;
	margin:					1px;
}
.text_box_error {
	color: 					#900;
	border: 				1px solid #900;
	background-color: 		#FFF;
}
.text_box_edit {
	color: 					#009;
	border: 				1px solid #999;
	background-color: 		#FFF;
}
.text_box_modify {
	color: 					#009;
	border: 				1px solid #009;
	background-color: 		#FFF;
}
.text_box_result {
	color: 					#009;
	border: 				1px solid #009;
	background-color:		#AAA;
}

.map			{
	height: 				530px; border: groove 2px #777; border-radius: 10px;
}

.table_header {
	background:				#009;
	color:					#FFF;
	font-weight:			600;
	text-align:				center;
}
.is_button {
	padding:				7px 10px 7px 10px;
	margin:					5px;
	font-weight:			600;
	font-size:				medium;
	border-radius:			15px;
	background:				#FFF;
	width:					200px;
	border:					outset 2px #000;
}
.busy {
	color:					#AAA;
	border:					outset 2px #AAA;
}
.fwd_button {
	color:					#060;
	border:					outset 2px #0F0;
}
.back_button {
	color:					#060;
	border:					outset 2px #060;
}
/*** LAYOUT ***************************************************************************************************************************************************/
.layout			{	z-index: 				5;	left: 0px;	right: 0px;	position: fixed; }
.head_foot		{	background:				#EEF; /*opacity: 0.95;*/ }
#header			{	min-width: 				1050px; height: 80px;	top: 0px;	border-bottom: groove 1px;	background: #EEE;	}
#footer			{	min-width: 				800px; height: 80px;	bottom: 0px;	border-top: groove 1px;		background: #EEE;	}
#content		{	position:				fixed;
					top:					86px;
					bottom:					81px;
					right:					5%;
					left:					5%;
					min-width:              800px;
					overflow:				auto; 
            	}			
/*** BUTTONS ***************************************************************************************************************************************************/
.button			{	width: 75px; height: 75px; display: inline-block;	margin: 2px 20px 2px 20px;	}
.button a		{	width: 75px; height: 75px; display: inline-block;	}

#email a		{	background-image: url('/images/buttons/email_off.gif'); }
#email a:hover	{	background-image: url('/images/buttons/email_on.gif');	}

#home a			{	background-image: url('/images/buttons/home_off.gif');	}
#home a:hover	{	background-image: url('/images/buttons/home_on.gif');	}

#ship a			{	background-image: url('/images/buttons/shipping_off.gif');	}
#ship a:hover	{	background-image: url('/images/buttons/shipping_on.gif');	}

#help a			{	background-image: url('/images/buttons/help_off.gif');	}
#help a:hover	{	background-image: url('/images/buttons/help_on.gif');	}

#admin a		{	background-image: url('/images/buttons/admin_off.gif');	}
#admin a:hover	{	background-image: url('/images/buttons/admin_on.gif');	}

#user a			{	background-image: url('/images/buttons/user_off.gif');
					width: 75px; height: 75px;	float: right; display: inline-block; margin: 3px 40px 0 0;	}
#user a:hover	{	background-image: url('/images/buttons/user_on.gif');	}

#logout a		{	background-image: url('/images/buttons/user_off.gif');
					width: 75px; height: 75px;	float: right; display: inline-block; margin: 3px 40px 0 0;	}
#logout a:hover	{	background-image: url('/images/buttons/user_on.gif');	}
#whoami			{	float: right; display: inline-block; margin: 3px 40px 0 0;}