&/*
Copyright (c) Enigma Interactive 2009

SOM2
Filename:		layout_resource.css
Description:	Resource layout elements
     
History
ver date  			who     		comment
-----------------------------------------------------------------------------
1	24Feb09			CT				Created
*/

div#siteContent div#panelMain div#coResourceNavigation {
	display:inline;
	float:left;
	margin-top:0;
	padding:0 10px 5px 5px;
	width:98%;
}

div#siteContent div#panelMain div#coResourceNavigation h2 {
	width: 100%;
	margin: 0px;
	font-size: 1.2em;
	background : url(/images/site/horizontalseperator.gif) repeat-x bottom left;
}

div#siteContent div#panelMain div#coResourceNavigation #NavigationInner {
	width: 100%;
	float: left;
	margin-top:10px;
	background : url(/res/coResourceNavigation/images/bg.gif) repeat-y top left;
	padding-bottom: 50px;
}

div#siteContent div#panelMain div#coResourceNavigation ul {
	margin:0;
	padding:0;
	border:none;
}

div#siteContent div#panelMain div#coResourceNavigation li {
	list-style-type:none;
	display:inline;
	font-family:Arial;
	color:#666666;
	font-size:0.7em;
	border:none;
	width: 24.5%;
	float: left;
	height: auto;
	white-space: nowrap;
}

/* Resource displays */
.x-tabs-body {
	border:none;
	!important;
}

.asset {
	margin: 0;
	padding: 0;
	width:100%;
	height: auto;
	background : url(/images/site/horizontalseperator.gif) repeat-x bottom left;
	overflow: hidden;
	
}

.assetlinks {
	float:right;
	width:105px;
	padding : 0.5em;
	text-align:right;
}

div.asset dl {
	border:none;
	margin:0;
	padding:0.5em;
	font-family:"Times New Roman";
	float:left;
	width:555px;
}

div.asset dt {
	float: left; 
	clear: left; 
	width: 100px;
	text-align:right;
	color:black;
	white-space:nowrap;
	font-weight: bold;
	padding: 0;
	margin: 0;
	line-height : 15px;
}

div.asset dt.icon {
	text-align:left;
	height : 15px;
}

div.asset dt.icon img {
	display : block;
	position : absolute;
}

div.asset dd {
	font-family:"Arial";
	margin: 0 0 0 10px; 
	padding: 0;
	line-height : 15px;
	float: left;
	width : 410px;
}

div.asset dd div.links {
	width:100%;
	float:left;
	padding-bottom: 10px;
}

div.asset dd div.links a:hover {
	text-decoration: underline;
}

div.asset dd div.links div.parentLinks {
	width:50%;
	float:left;
	font-weight: bold;
}

div.asset dd div.links div.childLinks {
	width:50%;
	float:left;
	font-weight: normal;
}

div.asset dd.title {
	font-weight: bold;
	color: black;
	width : 410px;
}

div.asset dd a, div.asset dd a:visited, div.asset dd a:active, div.asset dd a:link {
	color: black;
	text-decoration:none;
}

div.asset dd.description span.description {
	display : block;
}

a.detailsLink {
	display : none;
}

div.asset dt.description {
	width : 100px;
}

/* div.asset dd.description {
	margin-left : 110px;
} */

div.asset dd.description {
	margin-left : 10px;
}

.assetlinks p, .assetlinks ul, .assetlinks li {
	margin: 0;
	padding: 0;
	list-style : none;
}
#resourceList div.top {
	position : relative;
	font-size : 0.7em;
	float : right;
	margin-right : 15px;
	margin-bottom : 10px;
}

#resourceList div.top a {
	color:#707070;
	text-decoration:none;	
}

#resourceList div.top a:hover {
	text-decoration:underline;	
}

a span.green{
	color:#cccb00;
}

.recentlyadded {
	background-color : #9e1111;
	color : white;
	text-align : center;
}

.recentlyupdated {
	background-color:#cccb00;
	color : black;
	text-align : center;
} 

div.assetlinks form { /* Cancel out the existing form font-size */ 
	font-size : 1em;
}

div.reportlink, div.sendcopy, div.viewresource {
	position: relative;
	margin : 0;
	margin-top : 5px;
	text-align : center;
	width: 100px;
	height: 18px;
	background-color : white;
	font-size : 0.95em;
	color : #707070;
	border-left : 1px solid #707070;
	border-top : 1px solid #707070;
	border-bottom : 2px solid #707070;
	border-right : 2px solid #707070;
	cursor : pointer;
	padding-top: 4px;
}

div.reportlink a, div.sendcopy a, div.viewresource a {
	color : #707070;
	text-decoration: none;
}

button.reportlink, button.sendcopy, button.viewresource  {
	margin : 0;
	margin-top : 5px;
	text-align : center;
	width: 83px;
	height: 24px;
	background-color : white;
	font-size : 0.95em;
	color : #707070;
	border-left : 1px solid #707070;
	border-top : 1px solid #707070;
	border-bottom : 2px solid #707070;
	border-right : 2px solid #707070;
	cursor : pointer;
}

.x-tabs-strip {
	border-bottom: 1px solid #cccb00;
}

.x-tabs-strip .on .x-tabs-right {
	/* background:transparent url(../images/default/tabs/tab-sprite_flex.gif) no-repeat scroll right 0; */
	background: #cccb00;
}

.x-tabs-strip .on .x-tabs-left {
	/* background:transparent url(../images/default/tabs/tab-sprite_flex.gif) no-repeat scroll 0 -100px; */
	background: #cccb00;
}

.x-tabs-wrap {
	border-bottom: 2px solid #cccb00;
}

.x-tabs-strip .x-tabs-right {
	background:transparent url(/res/coResource/images/bg_right.gif) no-repeat top right;
}

.x-tabs-strip .x-tabs-left {
	background:transparent url(/res/coResource/images/bg_left.gif) no-repeat top left;
}

.x-tabs-strip td {
	padding:0px 1px;
}

.x-tabs-strip .x-tabs-inner,
.x-tabs-strip .on .x-tabs-inner {
	padding:4px 10px 1px 5px;	
}

.x-tabs-strip .x-tabs-inner .x-tabs-text {
	font-family: "Times New Roman";
	font-size: 0.7em;
	font-weight:normal;	
	color: #707070;
}

.x-tabs-strip .on .x-tabs-inner .x-tabs-text,
.x-tabs-strip .x-tabs-inner .x-tabs-text strong {
	font-weight:normal;	
	color: #000;
}






/*
Resource Tabs 
*/

#resourceTabs {
	position : relative;
	float: left;
	font-family:"Times New Roman";
	font-size:0.85em;
	font-weight:normal; 
	border-bottom:2px solid #CCCB00;
	width: 100%;
}

#resourceTabs ul {
	background : url(/images/site/TabTop.gif);
}

#resourceTabs ul, #resourceTabs li {
	margin : 0px;
	padding : 0px;
	list-style-type : none;
	float: left;
	color:#707070;
}

#resourceTabs li {
	padding : 3px 8px;
	cursor : pointer;
	background : url(/images/site/TabBorder.gif) right no-repeat;
	margin-right : -2px;
}

#resourceTabs li.selected {
	background-color : #CCCB00;
	color : black;
	z-index : 50;
	background-image : none;
}

#resourceTabs ul li a {
	text-decoration : none;
	
}	


#resourceTabs ul li:hover {
	text-decoration : none;
	background-color : #CCCB00;
	
}	

#tabBody {
	width: 100%;
	float: left;
	position : relative;
}

.hidden {
	display : none;
}	
.show {
	display : block;
}	

.narrow {
	font-size : 0.7em;
}


#tabBody.narrow dl {
	width:400px;
	text-align : left;
}

#tabBody.narrow dt {
	width:80px;
}

#tabBody.narrow dd, #tabBody.narrow dd.title {
	width:310px;
}

#tabBody.narrow dd.description {
	margin-left : 90px;
}


.tabcontent {
	font-size : 0.7em;
	margin : 10px;
	text-align : left;
}

div.bookmark {
	position : absolute;
	right : 0;
	bottom : 2px;
	margin-right : 5px;
	font-size : 0.80em;
	display: none;
}