/********************************************************************
	MAGAMALL - newsstand.css
	-----------------------------
	author: Relish Interactive - reli.sh
	date: march 13, 2011 
	
	INDEX
	-----------------------------------------
	- Sidebar
	- Mag Well
	
*********************************************************************/
#categories_overlay.active {
	display: block;
}
#categories_overlay {
	display: none;
	background: rgba(0,0,0, .7);
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 1000;
}
	#categories_overlay #categories {
		position: relative;
		background: #fff;
		width: 720px;
		margin: 100px auto 0 auto;
		text-align: left;
		border: 10px solid #000;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	
		#categories_overlay #categories a.close {
			display: block;
			position: absolute;
			right: -15px;
			top: -15px;
			background: url(/client/disticor/Magamall_New_LP4W_LND_WebStation.nsf/close.png) 0 0 no-repeat;
			height: 43px;
			width: 43px;
			text-indent: -99999px;
		}
	
		#categories_overlay #categories form {
			padding: 40px 20px 20px 20px;
			margin-bottom: 10px;
			overflow: hidden;
		}
		
			#categories_overlay #categories form label {
				display: block;
				float: left;
				width: 200px;
				margin-bottom: 5px;
				font-size: 1.4em;
				font-weight: bold;
				color: #4d91a5;
			}
		
		#categories_overlay #categories .bottom {
			clear: both;
			background: #deeff4;
			padding: 10px;
			border-top: 1px solid #c1dae1;
			overflow: hidden;
		}
			
		
		#categories_overlay #categories .bottom h3 {
			background: url(/client/disticor/Magamall_New_LP4W_LND_WebStation.nsf/filter.gif) 0 0 no-repeat;
			float: left;
			padding: 10px 0 10px 45px;
			color: #547883;
			font-size: 1.8em;
			font-weight: bold;
		}
		
		#categories_overlay #categories .bottom a {
			float: right;
			display: block;
			background: url(/client/disticor/Magamall_New_LP4W_LND_WebStation.nsf/finished.gif) 0 0 no-repeat;
			height: 38px;
			width: 155px;
			text-indent: -99999px;
		}
		
/* SIDEBAR ---------------------------------------------------------*/
#sidebar {
	float: left;
	background: #eff6f8;
	width: 190px;
	padding: 15px 10px;
	border: 1px solid #d4e2ea;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}
	#sidebar h3 {
		margin-bottom: 15px;
		font-size: 2.1em;
		color: #6fadbf;
	}
	
	#sidebar a {
		display: block;
		margin-bottom: 15px;
		font-size: 1.2em;
		color: #e77800;
	}
	
	#sidebar label {
		display: block;
		text-transform: uppercase;
		font-size: 1.1em;
		font-weight: bold;
		color: #77b1bd;
	}
	
	#sidebar .check {
		padding-left: 23px;
		text-indent: -23px;
		margin-bottom: 10px;
		width: 150px;
		text-transform: none;
		color: #57838c;
		font-size: 1.3em;
	}
	
	#sidebar select {
		width: 180px;
	}
	
	#sidebar .keywords {
		float: left;
		font-size: 1.9em;
		width: 180px;
		padding: 2px 2px 3px 2px;
		margin: 0 0 15px 0;
		border: 1px solid #b9d8e2;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	
	#sidebar .submit {
		display: block;
		background: url(/client/disticor/Magamall_New_LP4W_LND_WebStation.nsf/update.jpg) 0 0 no-repeat;
		border: 0;
		height: 42px;
		width: 185px;
		cursor: pointer;
	}
	
/* MAG WELL --------------------------------------------------------*/
#mag_well {
	padding: 20px 0;
	margin-left: 230px;
}
	#mag_well h2 {
		display: inline;
		font-size: 1.6em;
		font-weight: bold;
		color: #9c7331;
		width: 45%;
		float: left;
	}
	
	#mag_well .mag_nav {
		float: right;
		width: 45%;
		text-align: right;
		margin: 0 0 10px;
	}
	
		#mag_well .mag_nav li {
			display: inline;
			padding: 3px 7px;
			font-size: 1.4em;
			font-weight: bold;
		}
		
			#mag_well .mag_nav li.active {
				background: #d7f4fc;
			}
			
			#mag_well .mag_nav li.next {
				background: url(/client/disticor/Magamall_New_LP4W_LND_WebStation.nsf/next.gif) right center no-repeat;
				padding-right: 15px;
			}
		
			#mag_well .mag_nav li a {
				color: #2c90aa;
			}
			
				#mag_well .mag_nav li a:hover {
					color: #6ec6dd;
				}			
	#mag_well .jump_nav {
		float: left;
		color: #9c7331;
	}
	
		#mag_well .jump_nav li {
			float: left;
			padding: 3px 7px;
			font-size: 1.3em;
			font-weight: bold;
		}
		
			#mag_well .jump_nav li.active {
				background: #d7f4fc;
			}
			
			#mag_well .jump_nav li.next {
				background: url(/client/disticor/Magamall_New_LP4W_LND_WebStation.nsf/next.gif) right center no-repeat;
				padding-right: 15px;
			}
		
			#mag_well .jump_nav li a {
				color: #2c90aa;
			}
			
				#mag_well .jump_nav li a:hover {
					color: #6ec6dd;
				}
#mags {
	padding: 20px 0 0;
	margin: 10px 0;
	border-top: 1px solid #cae1e7;
	border-bottom: 1px solid #cae1e7;
	overflow: hidden;
	clear: right;
}
#mags .mag {
	float: left;
	width: 123px;
	margin: 0 13px 20px 13px;
	text-align: center;
	position: relative;
}
#mags .mag .has-app {
	position: absolute;
	width: 36px;
	height: 36px;
	background: url(/client/disticor/Magamall_New_LP4W_LND_WebStation.nsf/has-app.png) no-repeat;
	text-indent: -9999px;
	top: -6px;
	right: -6px;
}
	#mags .mag h3 {
		font-size: 1.1em;
		font-weight: bold;
	}
	
		#mags .mag h3 a {
			color: #4a4a4a;
		}