/* ============================= */
/* == CSS MODULES FOR SCREENS == */
/* ============================= */

/* Pseudo drop-down menu */
div#pseudoselect {
	z-index: 999999;
	width: 170px;
	height: auto;		
	margin-bottom: 20px;
	color: #000;	
	background-color: #fff;	
	border: 1px solid #7f9db9;		
	}
	span#pseudoselect_command {
		display: block;
		min-height: 17px;
		padding-top: 2px;
		padding-left: 3px;
		overflow: visible;
		background: #fff url(../../images/arrows/pseudoselect-arrow.gif) right top no-repeat;														
		}
	ul#pseudoselect_options {	
		display: block;			
		list-style-type: none;
		width: 170px;
		height: 100px;
		margin: 0;				
		overflow: auto;	
		overflow-x: hidden;
		overflow-y: auto;									
		}
		ul#pseudoselect_options a {
			display: block;
			width: 150px;					
			padding-left: 3px;
			color: #000;
			text-decoration: none;
			}
			ul#pseudoselect_options a:hover {
				background-color: #b2b4bf;
				}
				
/* Two-Column List */
ul.columnar {	
	margin-top: 40px;
	}	
	ul.columnar li {	
		position: relative;
		top: -20px;
		left: -13px;
		margin: 0;
		padding: 0;
		list-style-type: none;	
		background: transparent url(../../images/list-items/box_solid_black.gif) 0px 7px no-repeat;
		}
		ul.columnar li * {
			position: relative;
			left: 13px;		
			}
			ul.columnar li * * {
				left: 0px;
				}
	li.column1 {	
		float: left;
		clear: left;
		width: 47% !important;	
		}
	li.column2 {	
		float: right;	
		width: 47% !important;	
		}
	li.none {	
		height: 1em;		
		background: none !important;
		}