/*====================================================
		RESOURCE MANAGER
=====================================================*/
body#resource #content {
	margin-left: 0;
}

body#resource #breadcrumbs {
	margin-left: 15px;
}

body#resource #content h1 {
	margin-left: 15px;
}

#resourceWrapper {
	width: 931px;
}

* html  #resourceWrapper {
	height: 400px;
}

#resourceWrapper #leftRes {
	width: 635px;
	float: left;
	min-height: 400px;
}

* html #resourceWrapper #leftRes {
	margin-left: 7px;
}

#resourceWrapper #resHeader {
	height: 32px;
}
#resourceWrapper #resHeader #returnManager{
	float: right;
	width: 24px;
	}
#resourceWrapper #resHeader #resourcePagingTop{
	float: right;
	width: 144px;
	}

#resourceWrapper #rightRes h3,#resourceWrapper #leftRes #resHeader h3 {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	font-style: normal;
	padding: 2px 0 9px 0;
	background: #FFF;
}
#resourceWrapper #rightRes h3.first {
	padding: 0;
	margin: 6px 0 9px 0;
}
* html #resourceWrapper #rightRes h3.first {
	margin: 7px 0 9px 0;
}

#resourceWrapper #leftRes #resHeader h3 {
	float: left;
}

#resourceWrapper #rightRes h3.lessPadding {
	padding-bottom: 9px;
}

* html #resourceWrapper #rightRes h3 {
	border: none;
}

#resourceWrapper #resHeader h3 strong {
	color: #5D8B04;
}

#resourceWrapper #resHeader em {
	font-style: normal;
	font-weight: normal;
}

#leftRes h4 {
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	background: #00294E;
	padding: 9px;
	margin: 0;
	}

#resourceWrapper #resHeader #resourceListingResultsCurrentCategory{
	display: inline;
	}

#resourceWrapper #resHeader #resourceResultCount{
	display: inline;
	color: #666666;
	font-size: 12px;
	font-weight: normal;
}

#resourceWrapper #leftRes #resHeader img {
	border: none;
	padding: 0;
	margin: 0;
	background: none;
}

#resHeader .paginator {
	float: right;
	background: none;
	width: 144px;
	border: none;
}
* html #resHeader .paginator {
	margin-right: 5px;
}

#resHeader .paginator .pageWrapper {
	float: right;
	width: 124px;
}

#resHeader .paginator .screenNumber {
	padding-left: 0;
	float:left;
	width:74px;	
	line-height: 20px;
	
}

#resBottomPaginator {
	background: #F3EBDE;
	position: relative;
	height: 42px;
	border-top: 1px solid #D9CDB6;	
	border-bottom: 1px solid #D9CDB6;
	margin-bottom: 40px;
	width: 536px;
}

#resBottomPaginator span#resourceContainerBottom {
	position: absolute;
	right: 0;
	top:  3px;
	width: 269px;
}

#resBottomPaginator span#resourceContainerBottom .paginator {
	background: none;
	border: none;
	width: auto;
	margin-right: 10px;
	}
	.paginatorImage div {
		background: url("/wsimages/paginatorButtons.gif") no-repeat left bottom;
		float:left;
		height:19px;
		width:20px;
		float: left;
		cursor: pointer;
	}
	
	.paginatorImage div.pageLT {
		background-position: right bottom;
	}

.resTeaser {
	border-bottom: 1px solid #A6C1D0;
	/*min-height: 30px;*/
	padding-bottom: 8px;
	background: #FFF;
	clear: both;
	overflow: hidden;
	width: 635px;
}

.resTeaser.even {
	background: #EBF2F6;
	}
	
.resTeaser.lastResourceItem{
	border: none;
	}

.resTeaser a {
	color: #20292F;
	font-weight: bold;
	display: block;
	text-decoration: none;
	padding: 8px 0 0 9px;
	width: 580px;
	float: left;
	}

.resTeaser a:hover {
	text-decoration: underline !important;
}

.resTeaser a.info {
	color: #20292F;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
	width: 46px;
	padding-left: 0;
	}
	* html .resTeaser a.info{
		background: none !important;
		line-height: normal;	
	}

.resTeaser a.info:hover {
	text-decoration: none;
}

.resTeaser .activeRes {
	color: #8B0707;
}

.resTeaser .normalRes {
	color: #3E3D3C;
	}
	* html .resTeaser a.activeRes,
	* html .resTeaser a.normalRes{
		background: none !important;
		line-height: normal;	
	}	

.resTeaser img{
	border: 2px solid #404547;
	}

.contentDataHide {
	display: none;
}

.contentDataShow {
	clear: both;
	display: block;
	overflow: hidden;
	padding: 10px 0 8px 9px;
	}
	.contentDataShow div{
		margin: 13px 52px 0 22px;
		float: right;
		width: 417px;
	}
	.contentDataShow a{
		padding: 0;
		width: auto;
	}
	.contentDataShow a.viewProduct{
		border-top: 1px solid #CAD7E2;	
		color: #003366;
		background: #FFF url("../wsimages/fcbShop/playIcon.gif") left 10px no-repeat;
		padding: 9px 0 0 17px;
		text-decoration: none;
		width: 400px;
	}
	.resTeaser.even a.viewProduct{
		background: #EBF2F6 url("../wsimages/fcbShop/playIcon.gif") left 10px no-repeat;
		}
		* html .resTeaser.even a.viewProduct{
			padding: 2px 0 0 17px !important;
		}

	.contentDataShow p{
		color: #00294E;
		margin: 0;
		padding: 0 0 9px 0;
	}
	.contentDataShow strong{
		font-weight: bold;
	}
	
	.contentDataShow a.link{
	
	}

.resTeaser .contentDataShow p.imageWrapper {
	overflow: hidden;
	width: 490px;
	padding: 4px 0 2px 31px !important;
}

* html .resTeaser .contentDataShow p.imageWrapper {
	height: 18px;
}

.resTeaser .contentDataShow p a {
	color: #204465 !important;
	font-size: 11px !important;
	text-decoration: underline;
	float: left !important;
	padding: 0 4px 4px 20px !important;
	margin-bottom: 4px;
	width: auto !important;
	background: url("../wsimages/icons.gif") -625px -622px no-repeat;
	font-weight: normal !important;
}

.resTeaser .contentDataShow p a.jpg,.resTeaser .contentDataShow p a.gif,.resTeaser .contentDataShow p a.tif,.resTeaser .contentDataShow p a.png,.resTeaser .contentDataShow p a.bmp,.resTeaser .contentDataShow p a.jpeg,.resTeaser .contentDataShow p a.tiff,.resTeaser .contentDataShow p a.psd,.resTeaser .contentDataShow p a.ai,.resTeaser .contentDataShow p a.eps
	{
	background: url("../wsimages/icons.gif") -626px -257px no-repeat;
}

.resTeaser .contentDataShow p a.web {
	background: url("../wsimages/icons.gif") -626px -73px no-repeat;
}

.resTeaser .contentDataShow p a.pdf {
	background: url("../wsimages/icons.gif") -625px -135px no-repeat;
}

.resTeaser .contentDataShow p a.star {
	background: url("../wsimages/icons.gif") -625px -196px no-repeat;
}

.resTeaser .contentDataShow p a.resource {
	background: url("../wsimages/icons.gif") -625px -315px no-repeat;
}

.resTeaser .contentDataShow p a.exe,.resTeaser .contentDataShow p a.swf,.resTeaser .contentDataShow p a.hqx,.resTeaser .contentDataShow p a.app
	{
	background: url("../wsimages/icons.gif") -625px -375px no-repeat;
}

.resTeaser .contentDataShow p a.ppt,.resTeaser .contentDataShow p a.pot
	{
	background: url("../wsimages/icons.gif") -625px -435px no-repeat;
}

.resTeaser .contentDataShow p a.zip,.resTeaser .contentDataShow p a.rar
	{
	background: url("../wsimages/icons.gif") -625px -495px no-repeat;
}

.resTeaser .contentDataShow p a.xls {
	background: url("../wsimages/icons.gif") -625px -561px no-repeat;
}

.resTeaser .contentDataShow p a.resource2 {
	background: url("../wsimages/icons.gif") -625px -682px no-repeat;
}

.resTeaser .contentDataShow p a.mov,.resTeaser .contentDataShow p a.avi,.resTeaser .contentDataShow p a.mwv,.resTeaser .contentDataShow p a.mp4,.resTeaser .contentDataShow p a.mpeg
	{
	background: url("../wsimages/icons.gif") -625px -742px no-repeat;
}

.resTeaser .contentDataShow p a.doc {
	background: url("../wsimages/icons.gif") -625px -802px no-repeat;
}

.resTeaser .contentDataShow p a:hover {
	text-decoration: none;
}

.resTeaser .contentDataShow p span {
	float: left;
	color: #546E85;
	font-size: 11px;
	border-right: 1px solid #CEC1AA;
	padding-right: 8px;
	margin-bottom: 5px;
	margin-right: 8px;
}
.resTeaser .contentDataShow p span.lastFile {
	border: none;
	margin-right: 0;
}

.resTeaser .contentDataShow p span.last {
	border: none;
}

.resTeaser .contentDataShow p em.date {
	font-style: normal;
	position: absolute;
	top: 2px;
	right: 15px;;
	color: #7C7A77;
}

/*--SEARCH --*/
#resourceWrapper #rightRes {
	width: 244px;
	/*padding-right: 15px;*/
	float: right;
	min-height: 400px;
}

#resourceWrapper #rightRes form {
	padding-bottom: 18px;
	overflow: hidden;
	}
	* html #resourceWrapper #rightRes form{
			padding-bottom: 0;
	}

#resourceWrapper #rightRes input {
	float: left;
	background: #FEFDFC;
	border: 1px solid #A6C1D0;
	margin-right: 6px;
	padding: 2px 25px 0 5px;
	font-size: 11px;
	color: #342D23;
	height: 19px;
	width: 152px;
}
#resourceWrapper #rightRes input.dimensionInput{
	width: 58px;	
	margin-right: 5px;
	font-size: 11px;
	padding-right: 25px;
	}
	* html #resourceWrapper #rightRes input#dimensionHeight{
		position: relative;
		top: -20px;
		left: 0;
	}
.resourceSearchForm select{
	width: 74px;
	border: 1px solid #A6C1D0;
	height: 21px;
	float: left;
	}

.resourceSearchForm p{
	margin: 2px 0 0;
	padding: 0;
	color: #6CA2C9;
	float: left;
	clear: both;
	}
	* html .resourceSearchForm p{
		width: 194px;
		position: relative;
		top: -20px;
	}
	:first-child + html .resourceSearchForm p{
		width: 194px;
	}
.resourceSearchForm p span{
	width: 97px;
	display: block;
	float: left;
	}
#resourceWrapper #rightRes a.button {
	float: right;
	margin: 0;
	}
	* html #resourceWrapper #rightRes a.button{
		position: relative;
		top: -20px;
		left: 0;
	}
#resourceWrapper .resourceSearchForm{
	position: relative;
	}
#resourceWrapper .resourceSearchForm img{
	border: none;
	}

#resourceWrapper #rightRes a.clearResult{
	margin: 0 5px 0 0;
	padding: 0;
	position: absolute;
	top: 3px;
	left: 164px;
	}
* html #resourceWrapper #rightRes a.clearResult{
	position: relative;
	left: -29px;
	}
#resourceWrapper #rightRes a.clearWidth{
	left: 70px;
	top: 3px;
	}
	* html #resourceWrapper #rightRes a.clearWidth{
		left: -28px;
	}
#resourceWrapper #rightRes a.clearHeight{
	left: 165px;
	top: 3px;
	}
	* html #resourceWrapper #rightRes a.clearHeight{
		position: relative;
		left: 42px;
	}
span.caption{
	display:block;
	float: left;
	width: 100px;
	}	
#resourceWrapper #rightRes #categoryBreadcrumbs {
	font-weight: bold;
	color: #5D8B04;
	width: 100%;
	padding-bottom: 12px;
	overflow: hidden;
	clear: both;
}

#resourceWrapper #resourceSearchContainerPanel{
	overflow: hidden;
	}

#resourceWrapper #parentResourceCategoryLink,#resourceWrapper #resourceCategorySelectBoxTitle
	{
	float: left;
}

#resourceWrapper #parentResourceCategoryLink em {
	font-style: none;
	color: #2E2D2C;
	padding: 0 2px;
}

#resourceWrapper #rightRes #categoryBreadcrumbs a {
	font-weight: normal;
	color: #2E2D2C;
	text-decoration: underline;
	padding: 0;
}

#resourceWrapper #rightRes #categoryBreadcrumbs a:hover {
	text-decoration: none;
}

#resourceCatScroller {
	border: 1px solid #A6C1D0 !important;
	width: 242px;
	margin-bottom: 21px;
}

#resourceCatScroller  .resourceCatItem {
	background-color: #ffffff;
	color: #3a3831;
	padding: 7px 0 7px 9px;
	border-bottom: 1px solid #A6C1D0;
	cursor: pointer;
}

#resourceCatScroller .resourceCatItemAlt {
	background-color: #EBF2F6;
	color: #3a3831;
	padding: 7px 0 5px 9px;
	border-bottom: 1px solid #A6C1D0;
	cursor: pointer;
	}
	* html #resourceCatScroller .resourceCatItemAlt,
	* html #resourceCatScroller .resourceCatItemOrphan,
	* html #resourceCatScroller .resourceCatItem{
		width: 233px;
	}
	:first-child + html #resourceCatScroller .resourceCatItemAlt,
	:first-child + html #resourceCatScroller .resourceCatItemOrphan,
	:first-child + html #resourceCatScroller .resourceCatItem{
		width: 233px;
	}


#resourceCatScroller .resourceCatItemOrphan {
	background-color: #A6C1D0;
	border-bottom: 1px solid #E9E2D2;
	color: #FFFFFF;
	padding: 7px 0pt 5px 9px;
}	
			form#commentForm a.button span{
		color: #fff;
	}

#sortForm {
	overflow: hidden;
}

#sortForm form.resourceSearchForm select#resourceSortSelectBox,#sortForm form.resourceSearchForm select#resourceRecentResourcesSelectBox,
#dimensionSort
	{
	width: 244px;
	font-size: 11px;
	color: #342D23;
	border: 1px solid #A6C1D0;
	height: 18px;
}

#sortForm form.resourceSearchForm select#resourceSortSelectBox option,#sortForm form.resourceSearchForm select#resourceRecentResourcesSelectBox option
	{
	padding-left: 5px;
}

form#frmResourceRegion{
	clear: both;
	}
	form#frmResourceRegion select {
		border:1px solid #847B6F;
		color:#342D23;
		font-size:11px;
		width:253px;
	}

a.button {
	margin: 0;
	padding: 0;
    background: transparent url('/wsimages/fcbShop/bg_button_a.gif') no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
	font-weight: bold;
    height: 22px;
    margin-right: 6px;
    padding-right: 8px; /* sliding doors padding */
    text-decoration: none;
	font-size: 11px;
}

a.button span {
    background: transparent url('/wsimages/fcbShop/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 4px 0 4px 8px
}
