/**********************************************************************************************

	McKinstry CSS
	Title	: McKinstry
	Author	: BKWLD
	Date	: December 2008 

/* 1.1	Reset
-----------------------------------------------------------------------------------------------*/	


	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	
	body {
		line-height: 1;
	}
	
	ol, ul {
		list-style: none;
	}
	
	blockquote, q {
		quotes: none;
	}
	
	blockquote:before, 
	blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	
	:focus {
		outline: 0;
	}
	
	ins {
		text-decoration: none;
	}
	
	del {
		text-decoration: line-through;
	}
	
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	

/* 1.2	Accessibility navigation
-----------------------------------------------------------------------------------------------*/	

	#accessibility-nav {
		position: absolute;
		left: -1000em;
		text-align: left;
	}


/* 1.3	Default styles
-----------------------------------------------------------------------------------------------*/	

	body {
		text-align: center;
		font: 62.5% Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		background: #fff;
	}
	
	hr { 
		display: none;
	}
			
	strong {
		font-weight: bold;
	}
			
	em {
		font-style: italic;
	}
		
	abbr, acronym {
		border-bottom: 1px dotted #999; 
		cursor: help;
	}
	
	input, textarea, select {
		font: 1.2em Arial, Helvetica, sans-serif;
	}

	a {
		color: #2D4251;
		text-decoration: none;
	}
	
	a:hover, 
	a:active {
		color: #2D4251;
		text-decoration: underline;
	}
	
		.news .inside_content a { text-decoration: underline; }
		.news .inside_content a:hover { color: #000; }
	

/* 1.4	Basic styles
-----------------------------------------------------------------------------------------------*/	

	.hide {
		display: none;
	}

	/* Image replacement */
	.ir { font-size: 1.2em; margin: 0; overflow: hidden; position: relative; display: block; }
	.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
	.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }

	/* Auto clearing floats */
	.clearfix:after, body.white-papers #content ol li:after, body.about .top-content:after, body.contact #content ol:after, #content .filter:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
	
	
	

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	.container {
		position: relative;
		margin: 0 auto;
		width: 935px;
		text-align: left;
		font-size: 1.2em;
	}
	
	#header {
		position: relative;
		z-index: 10;
		width: 935px;
		height: 125px;
	}
	
		.cap_left, .cap_right {display: none;}
	
	#content {
		position: relative;
		z-index: 8;
		float: right;
		width: 740px; 
		margin-bottom: 40px;
	}
	
/*	.careers #content {
		margin-bottom: 0;
	}*/
		
	#sidebar {
		position: relative;
		z-index: 9;
		float: left;
		width: 185px;
	}
	
	#footer {
		clear: both;
		padding: 20px 0;
		width: 935px;
		text-align: center;
		background: url(/img/bg_footer.gif) no-repeat center top;
	}
	
	
/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	

	#header h1, 
	#header h1 span,
	#header a.logo,
	#header a.logo span {
		display: block;
		width: 150px;
		height: 80px;
		overflow: hidden;
	}
	
	#header h1,
	#header a.logo {
		position: absolute;
		left: 0;
		top: 38px;
		cursor: pointer;
	}
		
	#header h1 span,
	#header a.logo span {	
		position: absolute; 
		top: 0;
		left: 0;
		z-index: 10;
		background: url(/img/logo_old.jpg) no-repeat left top;
		cursor: pointer;
	}
	
	#header h2 {
		position: absolute;
		background: url(/img/for_the_life_of_your_building.gif) no-repeat top left;
		width: 183px;
		height: 15px;
		top: 130px;
		left: -19px;
		text-indent: -9999px;
	}

	#header a.logo span {	
		cursor: pointer;
	}
	
	#header #wrapper_nav {
		position: absolute;
		left: 175px;
		top: 65px;
		width: 760px;
		height: 25px;
	}
		ul.navigation {
			position: absolute;
			left: 0;
			top: 0;
			font-family: "Trebuchet MS", Verdana, sans-serif;
		}
		
			.news_by_year ul.navigation {
				position: relative;
				left: -10px;
				top: -10px;
				z-index: 99;
			}
			
			ul.navigation li {
				float: left;
				padding: 0 1px;
				line-height: 18px;
				letter-spacing: 0;
				text-transform: uppercase;
				font-weight: normal;
				font-size: 12px;
				color: #666;
				position: relative;
			}
				ul.navigation li a {
					float: left;
					display: block;
					padding: 20px 20px 0 20px;
					height: 25px;
					text-decoration: none;
					text-align: center;
					color: #666;
				}
				
				.news_by_year ul.navigation li a { padding-top: 0; width: 25px;}
					
				ul.navigation li a:hover {
					color: #2D4251;
					text-decoration: none;
				}
			
					ul.navigation li div { display: none; padding-top: 25px; background: url(/img/bg_drop-down.png) no-repeat 0 0; position: absolute; top: 10px; left: -4px; z-index: -1; }
					.firefox2 ul.navigation li div { z-index: 1; }
					ul.navigation li#navCareers div { left: -15px; }
					ul.navigation li#navAbout div,
					.news_by_year ul.navigation li div { background: url(/img/bg_about_drop-down.png) no-repeat 0 0;}
					.news_by_year ul.navigation li div { left: -6px;}
					ul.navigation li ul {  float: left; width: 124px; background: url(/img/bg_bottom-drop-down.png) no-repeat left bottom; padding-bottom: 9px; }
					ul.navigation li#navAbout ul,
					.news_by_year ul.navigation li ul {  width: 90px; background: url(/img/bg_bottom_about-drop-down.png) no-repeat left bottom; }
					ul.navigation li ul li { background: url(/img/bg_mid-drop-down.png) repeat-y 0 0; line-height: 29px; height: 29px; vertical-align: middle; width: 124px; }
					ul.navigation li#navAbout ul li,
					.news_by_year ul.navigation li ul li { width: 84px; }
					ul.navigation li ul li.last { }
					ul.navigation li ul li a { font-size: 10px; display:block; border-top: 1px solid #DEDEDE; padding:0; width: 116px; height: 29px; margin-left: 2px; }
					ul.navigation li#navAbout ul li a,
					.news_by_year ul.navigation li ul li a { width: 83px; }
					ul.navigation li ul li a:hover { background: url(/img/button_over_flip.gif) repeat-x; }
		ul.ext {
			position: absolute;
			right: 0;
			left: auto;
			top: 5px;
		}
			ul.blue_login li,
			ul.ext li {
				float: left;
				letter-spacing: 0;
				text-transform: uppercase;
				font-weight: normal;
				font-size: 12px;
				color: #333;
				background: #fff;
			}
				
				ul.blue_login li a,
				ul.ext li a,
				.news_by_year ul.navigation li a {
					float: left;
					display: block;
					padding: 0;
					line-height: 29px;
					width: 72px;
					height: 29px;
					text-decoration: none;
					text-align: center;
					color: #333;
/*					border: 1px solid #DEDEDE;*/
					border-width: 1px;
					border-style: solid;
					border-color: #DEDEDE;
				}
				
				.news_by_year ul.navigation li.active a {border-color: #fff; }
				
				.news_by_year ul.navigation li.active li a {
					border: none;
					border-top: 1px solid #DEDEDE;
				}
				
				ul.blue_login { display: none; }
				ul.ext li a:hover, ul.blue_login li a:hover {border-color: #aaa; background: url(/img/button_over.gif) repeat-x; }
	
	
/* 2.2	Content
-----------------------------------------------------------------------------------------------*/	
	
	#content h2 {
		padding: 0 0 40px 0;
		line-height: 32px;
		font-family: Verdana;
		font-weight: normal;
		font-size: 24px;
		color: #2D4251;
	}
	#content .inside-content h3 {
		text-transform: uppercase;
		line-height: 22px;
		letter-spacing: -.02em;
		font-weight: normal;
		font-size: 15px;
		color: #2D4251;
	}
		#content .sidebar_content h3 {
			padding: 0 0 5px 3px;
			color: #000;
			font-size: 11px;
			font-family: verdana;
			text-transform: uppercase;
			background: url(/img/line_title_sidebar_content.gif) no-repeat left bottom;
		}
	#content h4 {
		line-height: 22px;
		letter-spacing: -.02em;
		font-weight: bold;
		font-size: 13px;
		color: #333;
	}
	#content p {
		padding: 0 0 22px 0;
		line-height: 18px;
		font-family: Verdana;
		font-weight: normal;
		font-size: 12px;
		color: #000;
	}
	
		#content .news_summary p { padding: 0; }
		
	.inside_content ul,
	.main_content ul {
		margin: 5px 0 22px 22px;
		padding: 0;
	}
	
		.inside_content ul.last,
		.main_content ul.last {
			margin-bottom: 0;
		}
	
		body.core-beliefs .main_content ul {
			margin-left: 20px;
		}
	
		.main_content ul li { 
			background:transparent url(/img/bullet.gif) no-repeat scroll left 6px;
			font-weight:normal;
			letter-spacing:-0.02em;
			line-height:18px;
			padding:0 0 5px 10px;
		}
		

		.info ul li,
		.inside_content ul li {			
			padding: 0 0 5px 10px;
			line-height: 18px;
			letter-spacing: -.02em;
			font-weight: normal;
			color: #000;
			background: url(/img/bullet.gif) no-repeat left .5em;
		}
	#content .sidebar_content ul {
		margin: 5px 0 40px 3px;
	}
	
		#content .sidebar_content ul li {
			padding: 0 0 5px 0;
			font-size: 12px;
			font-family: Verdana;
			line-height: 16px;
			color: #2F4655;
			background: none;
		}
			#content .sidebar_content ul li a {color: #2F4655;}
	.wrapper_banner_img {
		margin: 0 0 40px 0;
		padding: 8px 0 0 8px;
		width: 732px;
		height: 302px;
		background: url(/img/bg_img_banner_big.gif) no-repeat left top;
	}
	.main_content {
		float: left;
		padding: 0;
		width: 470px;
	}
		.main_content .wrapper_list {
			overflow: hidden;
		}
			.main_content .wrapper_list .col {
				float: left;
				width: 50%;
			}
	.sidebar_content {
		float: right;
		padding: 0;
		width: 240px;
	}
	
	#print_logo {
		display: none;
	}
	
	
/* 2.3	Sidebar
-----------------------------------------------------------------------------------------------*/	
	
	#sidebar #sidebar_navigation {
		display: none;
	}
	#sidebar ul.tools {
		margin: 60px 0 20px 0;
		padding: 0;
	}
		#sidebar ul.tools li {
			padding: 0 0 15px 0;
			height: 18px;
			letter-spacing: -.01em;
			font-weight: normal;
			font-size: 12px;
			color: #2F4655;
		}
			#sidebar ul.tools li a {
				float: left;
				display: block;
				padding: 0 0 0 24px;
				height: 18px;
				line-height: 18px; /* to make the base of the type hit the bottom of the icon. */
				text-decoration: none;
				color: #2F4655;
			}
			#sidebar ul.tools li#tools_print a {background: url(/img/ico_pdf.gif) no-repeat left 50%;}
			#sidebar ul.tools li#tools_email a {background: url(/img/ico_email.gif) no-repeat left 50%;}
				#sidebar ul.tools li a:hover {color: #aaa;}
	
	
/* 2.4	Footer
-----------------------------------------------------------------------------------------------*/	

	#footer p {
		display: inline;
		padding: 0 5px 0 0;
		line-height: 15px;
		font-weight: normal;
		font-size: 11px;
		color: #999;
	}
	#footer ul {
		display: inline;
	}
		#footer ul li {
			display: inline;
			padding: 0 0 0 15px;
			line-height: 15px;
			font-weight: normal;
			font-size: 12px;
			color: #333;
		}
			#footer ul li a {
				text-decoration: none;
				color: #333;
			}
			#footer ul li a:hover {
				color: #2D4251;
				border-bottom: 1px solid #2D4251;
			}
	#footer img {
		margin: 15px auto;
		display: block;
	}

/* 3. Other page
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

hr.dotted-line {
		display: block;
		clear: both; 
		margin: 0;
		padding: 0;
		height: 1px;
		color: #fff;
		background-color: #fff;
		border: 1px dotted #aaa;
		border-style: none none dotted; }

/* 3.2 about */
#content .top-content { background: url(/img/bg_h2-hr.gif) no-repeat left bottom; margin-bottom: 20px; width: 100%;}
.news #content .top-content { margin-bottom: 0; }
body.about #content #sub-navigation { float:right; }
body.about #content #sub-navigation li { background: url(/img/bg_split-line.gif) no-repeat right 6px; padding-right: 26px; margin-left: 12px; float: left; }
body.about #content #sub-navigation li.last { background: transparent; }
body.about #content #sub-navigation li a { color: #666; text-decoration: none; }
body.about #content #sub-navigation li a:hover { color: #2D4251; }
/*body.about #content p { width: 616px; }*/

body.about #content #sub-navigation.sub { float: left; }
body.about #content ol { width: 600px; margin-bottom: 60px; }

body.about #content .partner { padding: 22px 0 0;}
body.about #content .partner .excerpt p { padding-bottom: 0;}
body.about #content .partner a.toggle,
body.about #content .partner a.close { font-size: 10px; padding: 5px 0; display: block; text-decoration: underline; }

body.about #content img.left { float: left;  margin-bottom: 22px;}
body.about #content .bio { margin-left: 155px; }
body.about #content .full_bio { clear: right; padding-bottom: 22px; }

/* 3.3 videos */
body.videos #content h2 span { background: url(/img/text_videos.gif) no-repeat 0 0; }

/* 3.4 contact */
body.contact #content .top-content h2 { padding-bottom: 22px; }
body.contact #content ol { width: 300px; float: left; }
body.contact #content ol li { width: 240px; float: left; margin: 5px 100px 5px 0;}
body.contact #content ol li.even { margin-right: 0; }
body.contact #content ol li h3 { color: #2D4251; font-size: 13px; }
body.contact #content ol li .vcard span { display: block; color: #000; white-space: nowrap;}
body.contact #content ol li .vcard .map { margin: 10px 0 10px 0; width: 63px; text-align: center; vertical-align: middle; line-height: 26px; white-space: normal; }
body.contact #content ol li .vcard .map a { text-transform: uppercase; border: 1px solid #999; text-decoration: none; color: #666; line-height: 26px; padding: 4px 18px;}
body.contact #content ol li .vcard .map a:hover { background: url(/img/button_over.gif) repeat-x; }
body.contact #content ol li .vcard span p { padding-bottom: 0; }

/* 3.5 projects */
body.projects #content .top-content { margin-bottom: 22px; padding-bottom: 22px; }
body.partners #content .top-content h2,
body.projects #content .top-content h2 { padding-bottom: 0; }
body.projects #content .top-content p { padding-bottom: 0px; }
#content .filter { position: relative; background: url(/img/bg_h2-hr.gif) no-repeat left bottom; height: 40px; padding-top: 10px; margin-bottom: 20px; }
#content .filter p { padding: 0; }
#content .filter fieldset { float: left; margin-right: 20px; }
#content .filter label { position: absolute; left: -999em; }
#content .filter select { font-size: 11px; width: 160px; }

body.projects #content ul.photo { width: 736px; padding-bottom: 50px; }
body.projects #content ul.photo li { padding: 0; position: relative; z-index: -1; background: transparent; float: left; }
body.projects #content ul.photo li span { position: absolute; top: -30px; left: -999em; width: 230px; height: 178px; }
body.projects #content ul.photo li span p { position: absolute; bottom: 9px; left: 9px; width: 202px; margin: 0; padding: 2px 5px; background: url(/img/project_list_title_bg.png); color: #fff; font-size: 10px; }

#content .spotlight { width: 680px; height: 359px; border: 1px solid #999; margin-bottom: 22px; }
.news #content .spotlight { margin-bottom: 2em; }
#content .spotlight.full { width: 533px; height: 359px; }
#content .spotlight .left { float: left; padding: 7px 0 0 7px; }
#content .spotlight .full { float: left; padding: 7px 0 0 7px; }
#content .spotlight .right-bar { float: right; padding: 7px 7px 0; overflow: hidden; height: 350px; }
#content .spotlight .right-bar ol li { float: right; clear: right; width: 138px; height: 83px; padding-bottom: 4px; }
* html #content .spotlight .right-bar ol li { padding-bottom: 5px; }
#content .spotlight .right-bar ol li#pager-0 { display: none; }
#content .spotlight .right-bar ol li a { float: left; height: 83px;}

body.projects #content .info { width:750px; padding-top: 22px; background: url(/img/bg_h2-hr.gif) no-repeat left top; }
body.projects #content .info span { display: block; font-size: 13px; }
body.projects #content .info h3 { font-size: 13px; text-transform: none; color: #000; }
body.projects #content .info p { width: 530px; }
body.projects #content .info p.tag { color:#2D4251; margin-top: 8px; padding-bottom: 0; font-size: 13px; }

iframe {
	border: none;
	margin: 0;
	padding: 0;
}
	/* the building navigation */
	
	#sidebar #wrapper_sidebar_navigation {
		position: relative;
		margin: 40px 0 0 0;
		padding: 0 0 20px 0;
		width: 154px;
		height: 375px;
		background: url(/img/bg_building_floors.gif) no-repeat left top;
	}
	
	#sidebar ul#sidebar_navigation {
		position: absolute;
		left: 0;
		top: 23px;
		display: block;
		width: 154px;
		height: 375px;
	}
		#sidebar ul#sidebar_navigation li {
			float: left;
			clear: both;
			display: block;
			margin: 0 0 -15px 0;
			padding: 0 0 0 0;
			height: 35px;
			width: 146px;
			outline: none;
			cursor: pointer;
		}
		#sidebar ul#sidebar_navigation li#building_01 {
			z-index: 11;
			height: 52px;
		}
		#sidebar ul#sidebar_navigation li#building_02 {z-index: 12;}
		#sidebar ul#sidebar_navigation li#building_03 {z-index: 13;}
		#sidebar ul#sidebar_navigation li#building_04 {z-index: 14;}
		#sidebar ul#sidebar_navigation li#building_05 {z-index: 15;}
		#sidebar ul#sidebar_navigation li#building_06 {z-index: 16;}
		#sidebar ul#sidebar_navigation li#building_07 {z-index: 17;}
		#sidebar ul#sidebar_navigation li#building_08 {z-index: 18;}
		#sidebar ul#sidebar_navigation li#building_09 {z-index: 19;}
		#sidebar ul#sidebar_navigation li#building_10 {z-index: 20;}
		#sidebar ul#sidebar_navigation li#building_11 {z-index: 21;}
		#sidebar ul#sidebar_navigation li#building_12 {z-index: 22;}
		#sidebar ul#sidebar_navigation li#building_13 {z-index: 23;}
		
		#sidebar ul#sidebar_navigation li:hover {background: url(/img/bg_building_hover.gif) no-repeat left top;}
		#sidebar ul#sidebar_navigation li:hover#building_01 {background: url(/img/bg_building_hover_top.gif) no-repeat left top;}
		
			#sidebar ul#sidebar_navigation li a {
				float: left;
				margin: -1px 0 0 0;
				height: 35px;
				line-height: 24px;
				padding: 0 5px 0 163px;
				text-align: left;
				text-decoration: none;
/*				text-transform: uppercase;*/
				font-size: 12px;
				color: #fff;
				background: url(/img/bg_label_building_long.png) no-repeat left top;
				outline: none;
				cursor: pointer;
				display: none;
				white-space: nowrap;
				position: relative;
			}
			
			#sidebar ul#sidebar_navigation li a span {
				position: absolute;
				top: 0;
				right: -9px;
				width: 9px;
				height: 28px;
				background: url(/img/bg_label_building_cap.png) 0 0;
			}
			#sidebar ul#sidebar_navigation li#building_01 a {margin: 16px 0 0 0;}
			/*#sidebar ul#sidebar_navigation li#building_07 a,
			#sidebar ul#sidebar_navigation li#building_11 a {
				width: 162px;
				background: url(/img/bg_label_building_long.png) no-repeat 143px top;
			}*/
				
		#sidebar ul#sidebar_navigation li:hover a {display: block;}
		
	#sidebar p.building_explore {
		position: absolute;
		top: 300px;
		width: 134px;
		margin: 0 0px 40px 20px;
		padding: 0 0 15px 0;
		line-height: 15px;
		font-weight: normal;
		font-size: 12px;
		color: #2d4251;
	}
	
	#sidebar p.building_explore strong {
		font-weight: bold;
		font-size: 13px;
	}
	
	#sidebar p.contactInfo {
		margin: 0 0 20px 0;
		padding: 0 0 15px 0;
		line-height: 15px;
		font-weight: normal;
		font-size: 11px;
		color: #333;
	}
		
	#sidebar address {
		padding: 0 0 50px 0;
		line-height: 15px;
		font-style: normal;
		font-weight: normal;
		font-size: 11px;
		color: #333;
	}


/* tweaks */
/* Grid shadows */
#grid .photo li img {
	padding: 5px;
	background: url(/img/photo.jpg) no-repeat;
	width: 137px;
	height: 104px;
	font-size: 10px;
	vertical-align: middle;
	display: block;
}

#grid .photo li span img {
	padding: 9px;
	background: url(/img/exp-photo.jpg) no-repeat;	
	width: 212px;
	height: 160px;
	font-size: 12px;
	display: block;
	vertical-align: middle;
}

/* Section based active nav*/
.core-beliefs ul.navigation li#navCoreBeliefs a,
.capabilities ul.navigation li#navCapabilities a,
.projects ul.navigation li#navProjects a,
.careers ul.navigation li#navCareers a,
.news ul.navigation li#navNews a,
.about ul.navigation li#navAbout a,
.contact ul.navigation li#navContact a {
	color: #2D4251;
	font-weight: bold; /* aegaas: I think this is a little much. */ 
}

.core-beliefs ul.navigation li#navCoreBeliefs ul li a,
.capabilities ul.navigation li#navCapabilities ul li a,
.projects ul.navigation li#navProjects ul li a,
.careers ul.navigation li#navCareers ul li a,
.news ul.navigation li#navNews ul li a,
.about ul.navigation li#navAbout ul li a,
.contact ul.navigation li#navContact ul li a {
	font-weight: normal;
	color: #666;
}

/* Capability landing pages */
.categories .category .subtitle {
	display: none;
}

/* Project view Gallery */
#content .spotlight .left {
	position: relative;
}

#content .spotlight .left div.photo {
	position: absolute;
	width: 519px;
	height: 344px;
	left: 7px;
	top: 7px;
}

#content p#photo-credit { position: absolute; margin: 0; padding: 0; font-size: 9px; top: 437px;}

/* -- Fancy Selects -- */
span.select {
	-x-system-font:none;
	background:url(../images/select.png) no-repeat scroll 0 0;
	color:#FFFFFF;
	font-family:arial,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	height:21px;
	line-height:21px;
	overflow:hidden;
	padding:0 24px 0 8px;
	position:absolute;
	width:158px;
}
select.styled{
	opacity:0;
	position:relative;
	width:190px;
	z-index:5;
}

.comboboxContainer { border-left: solid 2px #777; border-top: solid 2px #777; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; } 
.comboboxValueContainer { background: url(/img/combobox/comboboxDisplayValue.gif) repeat-x left top; } 
.comboboxValueContent { padding-left: 3px; text-transform: uppercase; } 
.comboboxDropDownContainer { border-right: solid 1px #000; border-bottom: solid 1px #000; border-left: solid 1px #aaa; border-top: solid 1px #aaa; background: #fff; overflow: hidden; padding-left: 3px; cursor: default; } 
.comboboxDropDownButton { width: 16px; height: 18px; background-image: url(/img/combobox/default-combobox.gif); } 
.comboboxGroupItemHeader { display: block; background: #000; color: #fff; } 
.comboboxGroupItemContainer { padding-left: 10px; } 
.comboboxItem { background: #fff; color: #000; text-transform: lowercase; font-weight: normal; font-style: normal; } 
.comboboxItemHover { background-color: #999; color: #fff; text-transform: uppercase; padding-left: 4px; }