/*
===============================================
Imported Styles
=============================================== */
/* /css/base2.css
 *
 * - Elements
 *   - *
 *   - html
 *   - body
 *   - select
 *
 * - Major Class
 *   - .spinner (usually div)
 *   - .error
 *   - .alignLeft, .alignRight
 *   - .marginTop0
 *   - .wrapper
 *   - .clear
 *   - .tooltip
 *   - div.divSubmit, input[type="submit"]
 *   - div.header, div.header div.cancel
 *
 * - header
 *   + nav
 *
 * - Main Content (#content)
 *
 * - footer
 *   + #backgroundPatternId
 *   + .copy
 *   + nav
----------------------------------------------- */
@import url("/css/base2.css");


/*
===============================================
Elements
=============================================== */
input[type="button"]	{
	padding:0.25em 1em;
}


/*
===============================================
Major Class
=============================================== */
.overflowHidden	{
	overflow:hidden;
}


/*
===============================================
header
nav
=============================================== */


/*
===============================================
Main Content
=============================================== */
#content	{
	min-height:0px;
}


/*
===============================================
nav
=============================================== */
#navFaovrite,
#navOthers	{
	position:relative;
	width:698px;
	padding:16px 16px 0 16px;
	margin-bottom:16px;
	float:left;
	color:#FFFFFF;
	background-image:url(/img/patterns/denim.png);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
#navOthers	{
	margin-bottom:0;
}
#navFaovrite.dropHover,
#navOthers.dropHover	{
	background-image:none;
	background-color:#00F;
}
#navFaovrite > div	{
	margin-bottom:16px;
}
#buttonEditFavorites	{
	width:24px;
	height:24px;
	float:right;
	background-image:url(/img/icons_24x24_2.png);
	background-position:0px -24px;
	cursor:pointer;
}
#navOthers > div	{
	text-align:right;
	margin-bottom:16px;
}
#navOthers > div select	{
	margin-left:16px;
	border-style:solid;
	border-width:1px;
	border-color:#999;
}
#content p.title	{
	float:left;
	font-size:120%;
	font-weight:bold;
}
#content a	{
	text-decoration:none;
}
#content a:link, 
#content a:visited	{
	color:#FFF;
}
#content a:hover	{
	color:#FC0;
}
section	{
	width:339px;
	margin-right:16px;
	margin-bottom:16px;
	float:left;
	border-style:solid;
	border-width:1px;
	border-color:#999;
}
section:nth-child(even)	{
	margin-right:0;
}
section img	{
	float:left;
	margin-right:8px;
}
section img.badge	{
	float:right;
	margin-right:0;
}
section header	{
	background-color:transparent;
	margin:4px 4px 3px 0;
}
section h1	{
	font-weight:bold;
}
section div.title	{
	margin:0px 4px 0 0;
}
section time.posted	{
	float:left;
}
section time.updated	{
	float:left;
	display:none;
}
section p.ratings	{
	float:right;
}


/*
===============================================
Popup Window
=============================================== */
#popupWindow	{
	position:absolute;
	width:698px;
	padding:16px;
	color:#FFF;	
	background-color:rgba(57, 84, 117, 0.9);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
#popupWindow div.header	{
	width:100%;
	margin-bottom:8px;
}
#popupWindow div.header div.cancel	{
	width:24px;
	height:24px;
	float:right;
	background-image:url(/img/icons_24x24_2.png);
	background-position:-168px 0px;
	cursor:pointer;
}
#popupWindow table	{
	width:100%;
	border:1px solid #CCC;
	border-collapse:collapse;
}
#popupWindow table th	{
	border:1px solid #CCC;
	background-color: rgba(51,153,0,0.6);
	font-weight: normal;
	text-align: center;
	padding: 0.3em;
}
#popupWindow table td	{
	border:1px solid #CCC;
	padding:0.3em;
	text-align:center;
}
#popupWindow table td.alignLeft	{
	text-align:left;
}