/*
	Filename         :	Content.css
	Created by       :	Peter Hammans
	Last modified by :	Peter Hammans
	Created          :	24 August 2004 17:17
	Last Updated     :	24 August 2004 17:17
	Comments         :	
*/


@import url(global.css);


#logo a span { display:none; }

/****************************************************
home specific styles
******************************************************/
div#Content div#homeSide p {
	color:#003366;
}

/****************************************************
General Content styles 2 and 3 column
******************************************************/
div#Content, div#ContentWide {
	padding-bottom:2.5em;
}

div#Content p.Summary, div#ContentWide p.Summary {
	margin-top: 1em;	
	padding:0;	
}

div#Content img, div#ContentWide img {
	float:right;
	margin-top:0px;
	padding:1em 0px 1em 1em;
}

div#Content h3, div#ContentWide h3 {
	/**clear:both;**/
}


/*div#PageTitle {
	width: 520px;
	color:#FFFFFF;
	background:#52136b url(http://www.derbyshireparentpartnership.co.uk/images/layout/bg_title_bottom.gif) no-repeat left bottom;
	padding-bottom: 8px;
}

div#PageTitle h2 {
	color:#FFFFFF;
	background:#52136b url(http://www.derbyshireparentpartnership.co.uk/images/layout/bg_title_top.gif) no-repeat left top;	
	padding: 8px .5em 0 .5em;	
	margin:0;
	font-size: 1.4em;
}

div#PageTitle p {
	color:#FFFFFF;
	padding: .8em;	
	margin: 0;
	font-weight: bold;
}

div#PageTitle p a {
	color:#FFFFFF;
}*/

div.table {
	margin-top: 1.5em;
}


div.tableHead {
	background:#e8deeb url(http://www.derbyshireparentpartnership.co.uk/images/layout/bg_table_head_bottom.gif) no-repeat left bottom;	
	width: 520px;
	padding-bottom:.1em;
	height: 20px;	
}

div.tableHead h2 {
	font-size: 100%;
	color: #52136b;
	background:#e8deeb url(http://www.derbyshireparentpartnership.co.uk/images/layout/bg_table_head_top.gif) no-repeat left top;
	padding:.3em .3em 0 .5em;
	margin:0;
}

div.table {
	color: #52136b;
}

div.table ul {
	padding: 0;
	margin: 0;
}

div.table ul li {
	list-style-type:none;
	border-bottom: 1px solid #e6e6e6;
	padding: .3em .5em .3em .5em;
}

div.table ul li a {
	text-decoration: none;
	color: #52136b;
}

table {
	border: none;
	padding:0;
	margin:0;
	/* width:520px; REMOVED BY STEF AS THIS IS BREAKING SITE EDIT!!!!*/
	border-collapse: collapse;		
}

table td.group {
	border-bottom: 1px solid #e6e6e6;
}

table td.col1 {
	width:150px;
}

table td {
	color: #52136b;
	padding: .3em 0 .3em .5em;	
}

div.tablearticlelist {
	border-bottom: 1px solid #CCCCCC;
}

table a {
	text-decoration: none;
	color: #52136b;	
}

table.newslist {
	padding:0;
	margin:0;
	width:100%;
	color:#333F7F;
	border-top:1px solid #E6E6E6;
}
table.newslist tr.topline td {
	margin:0;
	padding:6px 0 0 0;
	border:none;
}
table.newslist tr td {
	color:#333F7F;
	margin:0;
	padding:0 0 6px 0;
	border-bottom:1px solid #E6E6E6;
}
table.newslist td.ralign {
	text-align:right;
}
table.newslist td.more {
/*overiding existing position style and width KP*/
	position:relative;
	width:auto;
	font-weight:bold;
}

.ctArticleStandardList ul {
	list-style:none;
	padding-left:5px;
	margin:10px 0;
	}
.ctArticleStandardList li {
	border-bottom: 1px solid #EFEBEF;
	padding-bottom:5px !important;
	margin-top:5px !important;
	}
.ctArticleStandardList a {
	color:#333F7F;
	text-decoration:underline;
	font-weight:bold;
	}
.ctArticleStandardList p {
	margin:0 !important;
	}
/****************************************************
A-Z services in side nav
******************************************************/
div#MainNavigation ul li.servicesTop {
	background:#E9E9E9 url(http://www.derbyshireparentpartnership.co.uk/images/layout/bg_nav_list_services_top.gif) no-repeat left top;
	padding:13px 0 0 0;
}
div#MainNavigation ul li.services {
	background-color:#E9E9E9
}
div#MainNavigation ul li.servicesBottom {
	background:#E9E9E9 url(http://www.derbyshireparentpartnership.co.uk/images/layout/bg_nav_list_services_bottom.gif) no-repeat left bottom;
	padding:0 0 13px 0;
}
div#MainNavigation ul li.servicesTop,
div#MainNavigation ul li.services,
div#MainNavigation ul li.servicesBottom {
	text-align:center;
}
div#MainNavigation ul li.servicesTop p a,
div#MainNavigation ul li.services p a,
div#MainNavigation ul li.servicesBottom p a {
	margin:0;
	display: inline;
	width: auto;
	padding: 0 0.5em;
	color:#333F7F;
}
div#MainNavigation ul li.servicesTop p a:hover,
div#MainNavigation ul li.services p a:hover,
div#MainNavigation ul li.servicesBottom p a:hover {
	background-color:#333F7F;
	color:#F8CE00;
}

/****************************************************
List of Links
******************************************************/
#Content ul li, #ContentWide ul li{
	margin-top: 0.8em;
	padding-left: 0px;
}
div.links {
	margin: 0 0 0 0;
	color: #333333;
}
div.links ul li a  {
	color: #333333;
}
div.links ul {
	border:0px;
	padding-bottom:0px !important;
	margin-bottom:0px !important;
	padding-left: 0px !important;
	list-style-type: none !important;
	padding-left:0px !important;
	padding:0;
	margin:4px 0;	
}
div.links ul li {
	border-bottom:1px solid #E6E6E6;
	padding:5px 0;
	margin:0;
	margin-bottom: .5em;	
}
div.links ul li p {
	padding:0;
	margin:0 !important;
}
div.links ul li h4 a {
	text-decoration:none;
	padding:0;
	margin:0;
}

/****************************************************
Results
******************************************************/
p.formTip {
	font-size:80%;
	color:#666;
	margin:0px !important;
}
table.sResults {
	margin:.5em 0;
	width:100%;
	border:1px solid #ccc;
	background-color:#F5F5F5;
}
table.sResults thead th {
	padding:.3em .5em;
	color:#666;
	border:1px solid #ccc;
}
table.sResults td {
	padding:.3em .5em;
	color:#333;
	border:1px solid #ccc;
}

/****************************************************
Documents
*****************************************************/
div.document {
	width:95%;
}

div.document table {
	border-collapse: collapse;
	border:1px solid #E8DBC2;
	background-color:#FFF5E1;
	margin:0 0 1em 0;
	width:100%;
}
div.document table td {
	padding: 5px;
	vertical-align: top;
	width:auto;
}
div.document table td.title {
	width: 181px;
	swidth: 281px;
}
div.document table td.type {
	color:#EA7525;
	width: 77px;
	font-weight:bold;
}
div.document table td.size {
	color:#EA7525;
	width:77px;
}
div.document table td.link {
	width:90px;
}
div.document table td.link a {
	color:#EA7525 !important;
	text-decoration:underline;
}
div.document table td.description {
	width: 335px;
	dwidth: 435px;
	color:#333;
}
div.document table td.preview {
	swidth: 102px;
}
div.document table td.preview img {
	swidth: 70px;
	border:1px solid #E8DBC2;
}
div.document table tr.section td {
	border-top:1px solid #E8DBC2;/*KP changed section title*/
}

div.document h3 {
	font-size: 100%;
	margin: 0 !important;
	padding:0;
	color:#EA7525;
}
div.document h3 a {
	color:#EA7525 !important;
}
div.document h4 {
	font-size: 100%;
	margin: 0;
	sfont-weight: normal;/*KP taken off for the section title*/
}
div.document h4 a {
	color:#EA7525 !important;
}

/****************************************************
Forms
*****************************************************/
div.form {
	background:#fff url(../images/layout/bg_form_top.gif) no-repeat left top;
	width:350px;		
	margin:1em 0;
	padding:9px 0 0 0;
}

div.form label {
	font-weight:bold;
	color: #808080;
	padding-right: 10px;
}
div.form fieldset {
	width:350px;
}

div.form fieldset.fields {
	background: #F0F0F0   url(../images/layout/bg_form_bottom.gif) no-repeat left bottom;
	padding:0 0 10px 0;
}

div.form input, 
div.form textarea,
div.form select {
	width:128px;
}

div.form #fExpiryDay, 
div.form #fExpiryMonth {
	width:40px;
}

div.form textarea {
	height:80px;
}

div.form input.submit {
	background: #FFFFFF url(../images/layout/bg_form_submit.gif) no-repeat left bottom;
	color: #FFFFFF;
	border:none;
	font-weight:bold;
	width:83px;
	height:22px;
	margin-top:1em;
	float:right;
	padding:2px 0px 0 15px;
	/* Hides from IE-mac \*/
	padding:0;
	/* End hide from IE-mac */
	float:right;
}

div.table li.more {
	border:0;
}

li.more a {
	font-weight:bold;
}

li.more a:hover {
	text-decoration: underline;
}

.sitemapcolumn {
	width: 47%;
	margin: 0 2% 2em 0;
	float: left;
}

.sitemapcolumn ul {
	list-style: none;
	margin: 0;
	padding: 0 0 1em 20px;
}

.sitemapcolumn ul ul {
	padding: 0 0 0 20px;
}

.sitemapcolumn ul li {
	margin: 0;
	padding: 0;
}

.sitemapcolumn a {
	text-decoration: none;
}

.sitemapcolumn a:hover {
	text-decoration: underline;
}

.photo {
	margin: 10px 0 10px 10px;
	float: right;
	text-align: right;
}

.photo img {
	border:1px solid #808080;
	margin-bottom: 5px;
}

div#Content .thumbnail {
	width: 124px;
	padding: 0 5px 5px 0;
	margin: 0;
	float: left;
}

div#Content .thumbnail h3 {
	color: #FFFFFF;
	background-color:#52136b;
	text-decoration: none;
	padding: 0.2em 5px;
	margin: 0;
}

div#Content .thumbnail h3 a {
	display: block;
	color: white;
	text-decoration: none;
}

div#Content .thumbnail .image {
	position: relative;
	width: 124px;
	height: 124px;
	background-color: #666;
	padding: 0;
	margin: 0;
	text-align:center;
	line-height:121px;
	font-size:0.3px;
	overflow: hidden;
}

* html div#Content .thumbnail .image {
	font-size: 110px;
}
div#Content .thumbnail .image img {
	vertical-align:middle;
}
div#Content .thumbnail .description {
	background-color: #E6E6E6;
	padding: 0 5px;
	min-height: 4em;
}

* html div#Content .thumbnail .description {
	height: 4em;
}
* html>body div#Content .thumbnail .description {
	height: auto;
}

div#Content .thumbnail .description p {
	padding: 0.4em 0;
	margin: 0;
}

/* Add ins from DCC for blueprinting*/

div#Summary {
	margin-top: 1em;
	font-weight: bold;
	padding-bottom:1em;
}

/****************************************************
Related Links
*****************************************************/
div#RelatedLinks {
	margin-top:1em;
	background:url(/images/layout/bg_list_top.gif) no-repeat top left;
	padding:3px 0 0 0;
}
div#RelatedLinks ul {
	list-style:none;
	margin:0;
	padding: 0px;
	padding-left: 0px;
}
div#RelatedLinks ul a {
	color:#000000;
	padding-left: 0px;
}
div#RelatedLinks h2 {
    font-weight:bold;
    font-size: 100%;
	color: #FFFFFF;
	width: 510px;
	background: #EF4034 url(http://www.derbyshirescb.org.uk/images/layout/bg_related.gif) no-repeat left bottom;	
	padding:.3em .3em 0 .5em;
	margin:0;
	/*height: 18px;	*/
	margin:0 0 .5em 0;
	height: 17px;
}
div#RelatedLinks img {
	float:none;
	border:0px;
	padding:0px;
	margin:0px;
}
div#RelatedLinks ul li  {
	display:block;
	width:500px;
	border-bottom:1px solid #ccc;
	padding:.25em 10px .25em 0px;
	color:#411355;
}

/****************************************************
Related Documents
*****************************************************/
div#RelatedDocuments {
	margin-top:1em;
	background:url(/images/layout/bg_list_top.gif) no-repeat top left;
	padding:3px 0 0 0;
	clear:both;
}
div#RelatedDocuments ul {
	list-style:none;
	margin:0;
	padding: 0px;
	padding-left: 0px;
}
div#RelatedDocuments ul a {
	color:#000000;
	padding-left: 0px;
}

div#RelatedDocuments h2 {
    font-weight:bold;
    font-size: 100%;
	color: #FFFFFF;
	width: 510px;
	background: #EF4034 url(http://www.derbyshirescb.org.uk/images/layout/bg_related.gif) no-repeat left bottom;	
	padding:.3em .3em 0 .5em;
	margin:0;
	/*height: 18px;	*/
	margin:0 0 .5em 0;
	height: 17px;
}
div#RelatedDocuments img {
	float:none;
	border:0px;
	padding:0px;
	margin:0px;
}
div#RelatedDocuments ul li  {
	display:block;
	width:500px;
	border-bottom:1px solid #ccc;
	padding:.25em 10px .25em 0px;
	color:#411355;
	
}

/****************************************************
Related Content    top
*****************************************************/
div#RelatedContent {
	margin-top:1em;
	background:url(/images/layout/bg_list_top.gif) no-repeat top left;
	padding:3px 0 0 0;
}
div#RelatedContent ul {
	list-style:none;
	margin:0;
}
div#RelatedContent ul a {
	color:#000000;
}
div#RelatedContent h2 {
    font-weight:bold;
    font-size: 100%;
	color: #FFFFFF;
	width: 510px;
	background: #EF4034 url(http://www.derbyshirescb.org.uk/images/layout/bg_related.gif) no-repeat left bottom;	
	padding:.3em .3em 0 .5em;
	margin:0;
	/*height: 18px;	*/
	margin:0 0 .5em 0;
	height: 17px;
}


div#RelatedContent img {float:none;
border:0px;
padding:0px;
margin:0px;
}

div#RelatedContent ul li  {
	display:block;
	width:500px;
	border-bottom:1px solid #ccc;
	padding:1px 10px;
	color:#411355;
}


/**********************************************************************
	Component Metadata styling from dnet - edited by DA
**********************************************************************/

div#componentMetadata {
	background:#D6DFF7;
	border:solid 1px;;
	margin-top:10px;
	margin-bottom: 1em;
	padding:0.5em;
	height:100%;
	float: left;
	font-size: 12px;
	width: 720px;
}
div#componentMetadata h2 {
	font-weight: bold;
	font-size: larger; 
	padding: 0.3em 0 0.5em 0;
	margin: 0;
}
div#componentMetadata p {
	padding: 0px;
	margin: 0px;
}
div#componentMetadata img {
	float: right;
}
div#componentMetadata .left, div#componentMetadata .right {
	float: left;
	display:block;
	margin: 0;
	padding: 0.5em 0 0.5em 0;
}    
div.left {
	float:left;
	width:25%;
	clear: both;
}
div.right {
	width:75%;
	float: right;
}