/**
 * File:			styles.css
 * Description:		Default stylesheet for FutureLogic, Inc.'s new web design.
 *					Any other specific styles will be added via stylesheet includes.
 * Author:			Brad Buckingham (brad@welcomm.com)
 * Date:			June 27, 2007
 */

/* Include: CSS Reset (see file for description) */
@import url(/lib/css/reset.css);

/********************************* Elements *************************************/
a, a:active, a:visited {
	color: #6b8dc1;
	padding-bottom: 1px;
	text-decoration: none;
	border-width: 0;
}

a:hover {
	color: #fdf195;
	text-decoration: none;
	border-width: 0;
}

	a.documentLink,
	a.documentLink:active,
	a.documentLink:visited,
	a.mailLink,
	a.mailLink:active,
	a.mailLink:visited {
		padding-left: 22px;
		padding-bottom: 2px;
		padding-top: 2px;
	}
	
	a.externalLink,
	a.externalLink:active,
	a.externalLink:visited {
		padding-right: 17px;
		padding-bottom: 0px;
		padding-top: 3px;
	}

	
	a.documentLink,
	a.documentLink:active,
	a.documentLink:visited {
		background: url(/lib/images/siteStructure/icon-document_16px.png) no-repeat left center;
	}
	
	a.documentLink:hover {
		background: url(/lib/images/siteStructure/icon-document-highlighted_16px.png) no-repeat left center;
	}
	
	a.goToLink,
	a.goToLink:active,
	a.goToLink:visited {
		background: url(/lib/images/siteStructure/icon-arrow-right_16px.png) no-repeat right center;
		padding-right: 22px;
		padding-bottom: 3px;
		padding-top: 0px;
		font-weight: bold;
	}
	
	a.goToLink:hover {
		background: url(/lib/images/siteStructure/icon-arrow-right-highlighted_16px.png) no-repeat right center;
	}
	
	a.externalLink,
	a.externalLink:active,
	a.externalLink:visited {
		background: url(/lib/images/siteStructure/icon-link_16px.png) no-repeat right 2px;
	}
	
	a.externalLink:hover {
		background: url(/lib/images/siteStructure/icon-link-highlighted_16px.png) no-repeat right 2px;
	}

	
	a.mailLink,
	a.mailLink:active,
	a.mailLink:visited {
		background: url(/lib/images/siteStructure/icon-mail_16px.png) no-repeat left center;
	}
	
	a.mailLink:hover {
		background: url(/lib/images/siteStructure/icon-mail-highlighted_16px.png) no-repeat left center;
	}

body {
	padding: 0;
	margin: 0px;
	font: 12px Verdana, Sans-Serif;
	text-transform: none;
	color: #dce5f2;
	border-style: none;
	background-color: #191919;
	background-image: url(/lib/images/siteStructure/body-bg.jpg);
	background-position: left top;
	background-repeat: repeat-x;
}

cite {
	display: block;
	font: 11px/18px Verdana, Sans-Serif;
	color: #a3b3cb;
	margin-top: 4px;
}

h1 {
	color: #fdf195;
	font-size: 36px;
	line-height: 36px;
	margin-bottom: 18px;
	border-bottom: 1px solid #fdf195;
	font-style: italic;
	text-transform: lowercase;
	font-weight: normal;
}
	

h2 {
	color: #dce5f2;
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 6px;
	padding-bottom: 3px;
	font-weight: normal;
}

h3 {
	color: #a3b3cb;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	margin-bottom: 6px;
}

	h3 + ul {
		padding-top: 9px;
	}

h4 {
	color: #dce5f2;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
}

h5 {
	color: #dce5f2;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	line-height: 18px;
}


p {
	font: 12px/18px Verdana, Sans-Serif;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 18px;
}

small {
	font-size: x-small;
}

strong {
	font-weight: bold;
	color: #f26262;
}

ul, ol {
	margin-bottom: 18px;
}

	ul.regularUnorderedList li {
		list-style-image: none;
		background-image: url(/lib/images/siteStructure/icon-listArrow-right_6px.png);
		background-repeat: no-repeat;
		background-position: left 6px;
		padding-left: 16px;
		margin-left: 16px;
		line-height: 18px;
	}
	
	ul.regularUnorderedList li ul {
		margin-top: 9px;
	}
	
	ul.regularUnorderedList li ul li {
		list-style-image: none;
		background-image: url(/lib/images/siteStructure/icon-openBox_6px.png);
		background-repeat: no-repeat;
		background-position: left 6px;
		padding-left: 16px;
		margin-left: 16px;
		line-height: 18px;
	}
	
	ul li, ol li {
		margin-bottom: 4px;
	}
	
		ul li a.goToLink,
		ul li a.goToLink:active,
		ul li a.goToLink:visited,
		ul li a.goToLink:hover,
		ol li a.goToLink,
		ol li a.goToLink:active,
		ol li a.goToLink:visited,
		ol li a.goToLink:hover {
			line-height: 18px;
			background-position: left 2px;
			padding: 0px;
			padding-left: 22px;
			display: block;
		}

ol li {
	list-style-type: decimal;
}
		

/******************************** Classes ************************************/

/* Temporary size: grabbing files from the old futurelogic site and the images are
 * all set to 250px wide. This should be fixed later */
.body_text_small {
	font: 12px/18px Verdana, Sans-Serif;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 18px;
}
.header2_text {
	color: #dce5f2;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
}	
/* End Temporary style*/

.clearBoth {
	clear: both;
}

.imgContainer {}

	.imgContainer img {
		border: solid 1px #575d64;
	}

	.imgCaption {
		font: 10px/14px Verdana, Sans-Serif;
		padding-top: 4px;
	}
	
.hidden {
	display: none;
}

.small {
	width: 120px;
}

.medium {
	width: 240px;
}

/* Temporary size: grabbing files from the old futurelogic site and the images are
 * all set to 250px wide. This should be fixed later */
.mediumTemporary {
	width: 250px;
}
/* End Temporary style*/

.large {
	width: 480px;
}

.left {
	float: left;
	margin-right: 20px;
	margin-bottom: 14px;
}

.right {
	float: right;
	margin-left: 20px;
	margin-bottom: 14px;
}

.leftList {
	width: 48%;
	float: left;
}

.rightList {
	width: 48%;
	float: right;
}

.landingList {
	clear: both;
	float: left;
	margin-bottom: 18px;
	margin-top: 9px;
	width: 100%;
}
	
	.landingList img,
	.landingList a img {
		float: left;
		display: inline;
		border: solid 1px #6b8dc1;
		margin-right: 18px;
	}
	
	.landingList a:hover img {
		border-color: #fdf195;
	}
	
	.landingList p {
		margin-left: 140px;
		margin-bottom: 0px;
	}
		
.sideBarBox {
	margin: 0px 1px;
	width: 230px;
	background: url(/lib/images/siteStructure/sidebar-bg.png) no-repeat left top;
	min-height: 200px;
}

.sideBarBoxContent {
	padding-top: 22px;
	margin-right: 28px;
	margin-left: 26px;
	font-size: 12px;
	color: #a3b3cb;
}
	
	.sideBarBoxContent h4 {
		font-size: 14px;
		margin-bottom: 6px;
		padding-top: 6px;
		padding-bottom: 3px;
	}
	
	.sideBarBoxContent > ul > li {
		margin-bottom: 10px;
		margin-left: 0px;
	}
	
	.sideBarBoxContent > ul > li > a,
	.sideBarBoxContent > ul > li > a:active,
	.sideBarBoxContent > ul > li > a:visited {
		display: block;
		background-image: url(/lib/images/siteStructure/icon-listArrow-right_6px.png);
		background-position: left 4px;
		background-repeat: no-repeat;
		padding-left: 15px;
		border: none;
		color: #a3b3cb;
	}
	
	.sideBarBoxContent > ul > li > a:hover {
		display: block;
		background-image: url(/lib/images/siteStructure/icon-listArrow-right-highlighted_6px.png);
		background-position: left 4px;
		background-repeat: no-repeat;
		padding-left: 15px;
		border: none;
		color: #fdf195;
	}
	
	.sideBarBoxContent > ul > li > a.selected {
		display: block;
		background-image: url(/lib/images/siteStructure/icon-listArrow-left-highlighted_6px.png);
		background-position: left 4px;
		background-repeat: no-repeat;
		padding-left: 15px;
		border: none;
		color: #fdf195;
	}
	
	/* second tier of subnavigation */	
	
	.sideBarBoxContent > ul > li > ul {
		margin-top: 4px;
		margin-bottom: 0px;
	}
	
	.sideBarBoxContent > ul > li > ul > li {
		margin-bottom: 4px;
		margin-left: 16px;
		font-size: 11px;
		line-height: 14px;
	}
	
	.sideBarBoxContent > ul > li > ul > li > a,
	.sideBarBoxContent > ul > li > ul > li > a:active,
	.sideBarBoxContent > ul > li > ul > li > a:visited {
		display: block;
		background-image: url(/lib/images/siteStructure/icon-openBox_6px.png);
		background-position: left 4px;
		background-repeat: no-repeat;
		padding-left: 15px;
		border: none;
		color: #a3b3cb;
	}
	
	.sideBarBoxContent > ul > li > ul > li > a:hover {
		display: block;
		background-image: url(/lib/images/siteStructure/icon-openBox-highlighted_6px.png);
		background-position: left 4px;
		background-repeat: no-repeat;
		padding-left: 15px;
		border: none;
		color: #fdf195;
	}
	
	.sideBarBoxContent > ul > li > ul > li > a.selected {
		display: block;
		background-image: url(/lib/images/siteStructure/icon-closedBox-highlighted_6px.png);
		background-position: left 4px;
		background-repeat: no-repeat;
		padding-left: 15px;
		border: none;
		color: #fdf195;
	}
	
	/* third tier of subnavigation */
	
	.sideBarBoxContent > ul > li > ul > li > ul {
		margin-top: 4px;
		margin-bottom: 8px;
	}
	
	.sideBarBoxContent > ul > li > ul > li > ul > li {
		margin-bottom: 4px;
		margin-left: 16px;
		font-size: 10px;
	}
	
	.sideBarBoxContent > ul > li > ul > li > ul > li > a,
	.sideBarBoxContent > ul > li > ul > li > ul > li > a:active,
	.sideBarBoxContent > ul > li > ul > li > ul > li > a:visited {
		display: block;
		background-image: url(/lib/images/siteStructure/icon-openCircle_6px.png);
		background-position: left 4px;
		background-repeat: no-repeat;
		padding-left: 15px;
		border: none;
		color: #a3b3cb;
	}
	
	.sideBarBoxContent > ul > li > ul > li > ul > li > a:hover {
		display: block;
		background-image: url(/lib/images/siteStructure/icon-openCircle-highlighted_6px.png);
		background-position: left 4px;
		background-repeat: no-repeat;
		padding-left: 15px;
		border: none;
		color: #fdf195;
	}
	
	.sideBarBoxContent > ul > li > ul > li > ul > li > a.selected {
		display: block;
		background-image: url(/lib/images/siteStructure/icon-closedCircle-highlighted_6px.png);
		background-position: left 4px;
		background-repeat: no-repeat;
		padding-left: 15px;
		border: none;
		color: #fdf195;
	}
	


/******************************** IDs ****************************************/

#awardsNewsAndEvents {
	background: url(/lib/images/siteStructure/awards-newsAndEvents.png) no-repeat;
	width: 902px;
	height: 201px;
	clear: both;
	margin: 0 auto 15px auto;
	padding-top: 35px;
	font-size: 12px;
	position: relative;
	top: 15px;
}

#breadCrumbContainer {
	font: 10px Verdana, Sans-Serif;
	color: #535b67;
	height: 18px;
	margin-top: -18px;
	margin-left: 2px;
	text-transform: lowercase;
}

	#breadCrumbContainer a.breadcrumbNode,
	#breadCrumbContainer a.breadcrumbNode:link,
	#breadCrumbContainer a.breadcrumbNode:visited {
		background-image: url(/lib/images/siteStructure/listArrowIcon-right-subdued.png);
		background-position: right 60%;
		background-repeat: no-repeat;
		padding-right: 13px;
		margin-right: 3px;
		border: none;
		color: #535b67;
		font: bold 10px Verdana, Sans-Serif;
	}
	
	#breadCrumbContainer a.breadcrumbNode:hover {
		color: #a3b3cb;
	}

#footer {
	width: 960px;
	float: left;
	clear: both;
	margin: 5px 0 0 0;
	height: 50px;
	color: #34383a;
	font-size: 9px;
	padding-top: 3px;
	position: relative;
}

	#footer p {
		margin-top: 2px;
	}

	#footer a,
	#footer a:active,
	#footer a:visited {
		font-size: 9px;
		color: #34383a;
		margin-left: 2px;
		margin-right: 2px;
	}
	
	#footer a:hover {
		color: #fdf195;
	}
	
	#footer a.mailLink,
	#footer a.mailLink:active,
	#footer a.mailLink:visited {
		padding-left: 20px;
		padding-bottom: 3px;
		padding-top: 1px;
		background: url(/lib/images/siteStructure/icon-mail-subdued_16px.png) no-repeat left center;
	}
	
	#footer a.mailLink:hover {
		background: url(/lib/images/siteStructure/icon-mail-highlighted_16px.png) no-repeat left center;
	}
	
	#footer div#associations {
		position: absolute;
		top: 0px;
		right: 0px;
		margin-top: -4px;
	}
		
		#footer div#associations a,
		#footer div#associations a:active,
		#footer div#associations a:visited {
			margin-left: 25px;
			text-indent: -9000px;
			height: 49px;
			display: block;
			float: left;
		}
	
		#footer div#associations a:hover {
			background-position: left -49px !important;
		}
			
#header {
	position: relative;
	margin-bottom: 30px;
	vertical-align: top;
	height: 135px;
}

#homePageSlides {
	background: url(/lib/images/siteStructure/gamingPrinters-home.jpg) no-repeat;
	width: 694px;
	height: 302px;
}


#industryAwards {
	width: 430px; height: 164px; float: left; margin-right: 41px; position: relative;
}

#mainContent {
	width: 960px;
	float: left;
	border: solid 1px #46464c;
	background: #191919 url(/lib/images/siteStructure/mainContent-bg.jpg) repeat-x left top;
	clear: both;
	padding: 10px 0 0 0;
	overflow: visible;
}

#mainLeftColumn {
	clear: both;
	float: left;
	width: 679px;
	min-height: 200px;
	margin: 0 5px 0px 21px;
	padding-right: 21px;
	border-right: 1px solid #46464c;
}

#mainRightColumn {
	float: left;
	width: 232px;
	padding-bottom: 20px;
	border-left: 1px solid #46464c;
	margin-left: -6px;	/* fixes the left border so that it is on top of the border from
						 * mainLeftColumn; this way, if mainRightColumn is longer the border
						 * still looks right */
	padding-left: 6px;	/* same as above */
}

#newsAndEvents {
	width: 430px; height: 164px; float: left; position: relative;
}

	#industryAwards ul, #newsAndEvents ul {
		padding-top: 5px;
		margin-bottom: 9px;
	}

	#industryAwards li, #newsAndEvents li {
		margin: 12px 0 0 20px;
	}

	#industryAwards li a,
	#industryAwards li a:active,
	#industryAwards li a:visited,
	#newsAndEvents li a,
	#newsAndEvents li a:active,
	#newsAndEvents li a:visited {
		display: block;
		background-image: url(/lib/images/siteStructure/icon-listArrow-right_6px.png);
		background-position: left 4px;
		background-repeat: no-repeat;
		padding-left: 15px;
		border: none;
		color: #6b8dc1;
	}
	
	#industryAwards li a:hover,
	#newsAndEvents li a:hover {
		display: block;
		background-image: url(/lib/images/siteStructure/icon-listArrow-right-highlighted_6px.png);
		background-position: left 4px;
		background-repeat: no-repeat;
		padding-left: 15px;
		border: none;
		color: #fdf195;
	}

	#industryAwards li a cite, #newsAndEvents li a cite {
		color: #b5b7ba;
		display: block;
		margin-top: 2px;
	}
	
	
#page {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#searchBarContainer {
	position: absolute;
	height: 47px;
	width: 215px;
	right: 8px;
	background: url(/lib/images/siteStructure/search-container-bg.jpg) no-repeat left top;
}
	#searchBarContainer .searchBox {
		position: absolute;
		top: 12px;
		left: 15px;
		width: 156px;
		border: 1px solid #262626;
		height: 15px;
		font: bold 10px Verdana, Sans-Serif;
		padding-top: 3px;
		padding-left: 5px;
		padding-bottom: 1px;
		padding-right: 22px;
		background: #fff url(/lib/images/siteStructure/searchBox-bg.jpg) no-repeat right top;
	}

#tabs {
	clear: both;
	display: block;
	float: left;
	margin-bottom: 18px;
	padding: 0;
	width: 100%;
}
	#tabs .ui-widget-content h3 {
		margin-left: 6px;
	}
	
	#tabs #awards h3 {
		padding-left: 20px;
		margin-bottom: 0px;
		margin-left: 0px;
		background: url(/lib/images/siteStructure/icon-award_16px.png) no-repeat left center;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	
	#tabs .ui-widget-content dt, #tabs .ui-widget-content h3 {
		color: #a3b3cb;
		font-size: 11px;
		font-weight: bold;
		line-height: 15px;
	}
	
	
	#tabs .ui-widget-content dt {
		padding-left: 14px;
		background: url(/lib/images/siteStructure/icon-listArrow-right_6px.png) no-repeat left 5px;
		margin-left: 6px;
	}
	
	#tabs .ui-widget-content dd, #tabs .ui-widget-content p {
		color: #dce5f2;
		font-size: 10px;
		font-weight: normal;
		line-height: 14px;
		padding: 0 0 0 20px;
		margin: 0 0 10px 0;
	}
	
		#tabs .ui-widget-content dd ul {
			margin: 0 0 0 24px;
		}
		
		#tabs .ui-widget-content dd ul li {
			list-style-type: disc;
			margin: 4px 0 0 0;
			padding: 0;
			list-style-position: outside;
		}

	#tabs .ui-widget-content ul li {
		padding: 0 0 10px 16px;
	}
	
	#tabs .ui-widget-content ol {
		margin: 0 0 18px 40px;
	}
	
	#tabs .ui-widget-content ol li {
		color: #dce5f2;
		font-size: 10px;
		font-weight: normal;
		line-height: 14px;
		margin: 5px 0 10px 0;
		padding: 0px;
	}
			
		
	
#udm {
	top: 108px;
	left: -1px;
}

	.navButton, .navButton:visited {
		height: 15px;
	}


/*************************** Search page styles ******************************/
#searchPageWrapper { margin-bottom: 18px; }

#searchPageWrapper .highlight { font-weight: bold; background-color: #333; }
#searchPageWrapper .searchheading { color: #dce5f2; font-size: 18px; font-weight: bold; line-height: 18px; width: 80%; font-weight: normal; }
#searchPageWrapper .summary { font-size: 100%; font-style: italic; margin-top: -9px; margin-bottom: 18px; }
#searchPageWrapper .suggestion { font-size: 100%; }
#searchPageWrapper .results { font-family: verdana; font-size: 100%;}
#searchPageWrapper .category { color: #999999; }
#searchPageWrapper .sorting { text-align: right; }

#searchPageWrapper .result_title { font-size: 16px; line-height: 18px; }		
#searchPageWrapper .description { font-size: 80%; color: #808080; line-height: 18px; }
#searchPageWrapper .context { font-size: 100%; line-height: 18px;}
#searchPageWrapper .infoline { font-size: 80%; font-style: normal; color: #656565; line-height: 18px;}

#searchPageWrapper .zoom_searchform { font-size: 100%; }
#searchPageWrapper .zoom_results_per_page { font-size: 80%; margin-top: 10px; }
#searchPageWrapper .zoom_match { font-size: 80%; margin-left: 10px; margin-top: 10px;}
#searchPageWrapper .zoom_match input { valign: center; }		
#searchPageWrapper .zoom_categories { font-size: 80%; }
#searchPageWrapper .zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
#searchPageWrapper .zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }

#searchPageWrapper input.zoom_button { font-size: 16px; }
#searchPageWrapper input.zoom_searchbox { font-size: 16px; }		

#searchPageWrapper .result_image { float: left; display: block; }
#searchPageWrapper .result_image img { margin-top: 20px; margin-right: 9px; margin-bottom: 9px; margin-left: 9px; width: 16px; border: 0px; }

#searchPageWrapper .result_block { margin-top: 20px; margin-bottom: 20px; clear: left; }
#searchPageWrapper .result_altblock { margin-top: 20px; margin-bottom: 20px; clear: left; }

#searchPageWrapper .result_pages { font-size: 14px; font-weight: bold; }
#searchPageWrapper .result_pagescount { font-size: 14px; display: none; font-weight: bold; }

#searchPageWrapper .searchtime { font-size: 80%; }

#searchPageWrapper .recommended { 
	background: #292929; 
	border-top: 1px dotted #808080; 
	border-bottom: 1px dotted #808080; 
	margin-top: 18px; 
	margin-bottom: 18px;
	padding-left: 18px;
}
#searchPageWrapper .recommended .highlight { font-weight: normal; background-color: Transparent; }
#searchPageWrapper .recommended_heading { float: right; font-weight: bold; margin-top: 4px; margin-right: 4px; }
#searchPageWrapper .recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }		
#searchPageWrapper .recommend_title { font-size: 14px; }
#searchPageWrapper .recommend_description { font-size: 100%; color: #008000; }
#searchPageWrapper .recommend_infoline { font-size: 80%; font-style: normal; color: #808080;}

#searchPageWrapper #searchFormWrapper {
	border: 1px dotted #666;
	padding: 15px;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 18px;
}