/* 
========================================================================
TRANSPENNINEHOUSING.CSS
========================================================================
*/


/*
------------------------------------------------------------------------
COMMON ELEMENTS
------------------------------------------------------------------------
*/
/* ------------ Typographic settings --------------------------------- */
*{
	font-family:Arial,Verdana,Helvetica,sans-serif;
}
body{
	font-size:72%;
	color:#404040;
	margin:0px 5px 5px 5px;
	padding:0px;
	background-color:#F0F0F0;
	text-align:center;
}
th {
	text-align: left;
}
td
{
	/*background-color:#FFFFFF;
	border:0;*/
}
pre {
	color: #009900;
	white-space:normal;}
}

/*** HYPHER LINKS ***/
A:link, A:visited {
	text-decoration: underline; 
	color:#093577;
}
A.link, A.link:visited
{
	text-decoration: none; 
	color:#093577;
}
A.link:hover	{
	text-decoration: none; 
	color:#E40683;
}
A:hover	{
	text-decoration: none; 
	color:#E40683;
}

/* General site warnings & alerts */
.warning {
	font-style: normal;
	font-weight: bold;
	color: red;
	font-size: 75%;
}
/*** P tag***/
p{
	line-height:140%;
	margin-top:0px;
	text-align:justify;
	margin-right:5px;
	color:#4C4C4C;
	font-weight:normal;
}
/***TEXT***/
input.text
{
	border:1px solid #79C6E7;
	color:#184E81;
	width:200px;
}
/***TEXTAREA***/
textarea
{
	border:1px solid #79C6E7;
	color:#184E81;
	width:200px;
}
/***SELECT***/
select
{
	background-color:#FFFFFF;
	border:1px solid #79C6E7;
	color:#184E81;
	width:202px;
	font-size:100%;
}
/***SUBMIT***/
input.submit,
div#Pager input
{
	background-color:#E6F1FD;	
	border:1px solid #79C6E7;
}
/*** CONTAINER ***/
div#container{
	position:relative;
	width:759px;/*CC IE55*/
	margin:0px auto;
	padding:0px;
	text-align:left;
	background-color:#FFFFFF;
	border:1px solid #A8A8A8;
}

/*** HEADER***/
div#header
{
	padding-top:10px;
	padding-bottom:10px;
	height:52px;
	width:100%;
}
/* HEADER top Left side logo text*/
div#header div#headerleft
{
	margin-top:10px;
	float:left;
	margin-left:15px;
	font-family:helvetica;
	font-size:223%;
	font-style:italic;
	
}
/*HEADER top right side logo*/
div#header div#headerright
{
	float:right;
	margin-right:10px;
	/*background-image:url('/images/textChanger.jpg');*/
	/*background-repeat:no-repeat;*/
}



/*** BODY ***/
div#divbody
{
	clear:both;
	margin:0 auto;
	overflow:visible; 
	width:100%;
}
/*LEFT CONTENT top header line*/
div#divbody div#headerline
{
	width:100%;
	height:12px;
}
/*LEFT CONTENT top header line image*/
div#divbody div#headerline img
{
	height:100%;
	width:100%;
	vertical-align:bottom;
}
/*LEFT CONTENT top header bottom arc div*/
div#divbody div#hrarc
{
}
/*LEFT CONTENT top header bottom arc img*/
div#divbody div#hrarc img
{
	vertical-align:top;
}
/***TOP-LEFT AREALOGO***/
div#divbody div#arealogo
{
	clear:both;
	float:left;
	margin-left:5px;
	margin-top:0px;
	margin-bottom:5px;
}
/*** SEARCH AREA***/
div#divbody div#sharedsearch
{
	clear:both;
	float:left;
	width:171px;
	background-color:#FFFFFF;
	border:1px solid #79C6E7;
	height:20px;
	margin-left:5px;
	margin-bottom:5px;
}
/* SEARCH - form*/
div#divbody div#sharedsearch form
{
}
/* SEARCH - form*/
div#divbody div#sharedsearch form label
{
	display:none;
	visibility:hidden;
}
/* SEARCH - textbox div*/
div#divbody div#sharedsearch .text
{
	float:left;
	border:1px solid #FFFFFF;
	height:16px;
	width:140px;
	font-size:90%;
}
/*SEARCH - Go button div*/
div#divbody div#sharedsearch div
{
	float:right;
	height:20px;
	width:19px;
}
/*SEARCH - Go button*/
div#divbody div#sharedsearch .button
{
	background-color:#E6F1FD;
	border-left:1px solid #79C6E7;
	width:18px;
	margin-left:0px;
}

/***LEFT CONTENT width: 190px;***/
div#divbody div#contentleft
{
	clear:both;
	float:left;
	width: 185px;
}
/***MENUS***/
div#divbody div#contentleft div#divmenus
{
	clear:both;
	margin-left:3px;
}

/* Search Documents Link*/
div#searchdocuments
{
	clear:both;
	height:28px;
	width: 177px;
	margin-left:3px;
	background-image:url(/images/doculink.jpg);
	background-repeat: no-repeat;
	text-align:right;
	padding-top:7px;
}
/* Search Documents Link a*/
div#searchdocuments a
{
	margin-right:5px;
}

/***GROUPLINKS***/
div#divgrouplinks
{
	clear:both;
	margin-left:2px;
	margin-bottom:10px;
}
/*** GROUPLINKS - Trans Pennine Logo div***/
div#divgrouplinks .trans
{
	clear:both;
	width:170px;
	vertical-align:bottom;
}
/*GROUPLINKS - Pennine Housing and Green Vale*/
div#divgrouplinks .phandgv
{
	clear:both;
	width:170px;
	vertical-align:bottom;
}
/*GROUPLINKS - Optima Consultants*/
div#divgrouplinks .optima
{
	clear:both;
	width:170px;
	vertical-align:bottom;
}
/***CONTENT***/
div#divbody div#divcontent
{
	float: right;
	width: 560px; 
	margin-top:5px;
	vertical-align:top;
	overflow:hidden;
}
/*CONTENT underline*/
div#divbody div#divcontent div#underline
{
	height:7px;
	background-image:url(/images/underline.jpg);
	background-repeat: repeat-x;
}
/*CONTENT outer div*/
div#divbody div#divcontent div#content
{
	float:none;
	clear:both;
	overflow:hidden;  
	margin: 0 auto; 
	vertical-align:top;
	margin-top:12px;
}
/*CONTENT left side content*/
div#divbody div#divcontent div#content div#top-content
{
	float:none;
	clear:both;
	margin:0 auto; 
}
/*CONTENT center image div*/
div#divbody div#divcontent div#content div#top-content .div-center-image
{
	clear:both;
	float:left;
	height:135px;
	width:359px;
	vertical-align:middle;
	text-align:left;
	border:1px solid #00A5DF;
	margin-right:5px;
	margin-bottom:5px;
}
/*CONTENT center image*/
div#divbody div#divcontent div#content div#top-content .div-center-image .center-image
{
	height:100%;
	width:100%;
}
/*CONTENT top right side content div*/
div#divbody div#divcontent div#content div#top-content div#top-right-content
{
	float:right;
	margin: 0 auto;
	background-color:#FFFFFF;
	padding-right:5px;
	padding-left:10px;
	padding-bottom:10px;
}

/*CONTENT top right side content div - image1 div*/
div#divbody div#divcontent div#content div#top-content div#top-right-content .div-image1
{
	height:135px;
	width:159px;
	vertical-align:middle;
	border:1px solid #00A5DF;
	margin-right:2px;
	margin-left:0px;
	background-color:#FFFFFF;
}
/*CONTENT top right side content div - image1*/
div#divbody div#divcontent div#content div#top-content div#top-right-content .div-image1 .image1
{
	
}
/***MAIN CONTENT***/
div#divbody div#divcontent div#content div#main-content
{
	clear:both;
	float:none;
	width:560px;
}
/*MAIN CONTENT left side content div*/
div#divbody div#divcontent div#content div#main-content div#main-content-left
{
	float:left;
	width:370px;
	background-color:#FFFFFF;
	padding-right:5px;
}
/*MAIN CONTENT right side content div*/
div#divbody div#divcontent div#content div#main-content div#main-content-right
{
	float:right;
	background-color:#F2F8FF;
	padding-right:6px;
	width:169px;
}
/*CONTENT right side content div - image2 div*/
div#divbody div#divcontent div#content div#main-content div#main-content-right .div-image2
{
	height:135px;
	width:159px;
	vertical-align:middle;
	border:1px solid #2B9E91;
	margin-right:2px;
	margin-top:0px;
	margin-left:9px;
}
/*CONTENT right side content div - image2*/
div#divbody div#divcontent div#content div#main-content div#main-content-right .div-image2 .image2
{
}
div#divbody div#divcontent div#content div#main-content div#main-content-right div#div-documents
{
	width:165px;
	margin-left:7px;
}
/***HOME CONTENT***/
div#divbody div#homecontent
{
	background-image:url(/images/bg_blue.gif);
	background-repeat:repeat-y;
	float: right;
	width: 560px; 
	margin-top:3px;
	padding-top:0px;
}
/* HOME CONTENT welcome flash */
div#divbody div#homecontent .welcome
{
}
/* HOME CONTENT heading home */
div#divbody div#homecontent .heading-home
{
	margin-top:10px;
}
/* HOME CONTENT heading home */
div#divbody div#homecontent .heading-line
{
	margin-top:7px;
	width:359px;
	height:7px;
	margin-bottom:10px;
}
/* HOME CONTENT left content */
div#divbody div#homecontent div#left-home-content
{
	clear:both;
	float:left;
	width:359px;
	margin:0 auto; 
	margin-bottom:10px;
}
/* HOME CONTENT right content */
div#divbody div#homecontent div#right-home-content
{
	float:right;
	background-color:#F2F8FF;
	width:169px;
	padding-top:10px;
	padding-right:6px;
	padding-left:7px;
	margin-top:-4px;
}

/*** NEWS table***/
table#table-news
{
	width:555px;
	font-size:100%;
}
/*NEWS table tr*/
table#table-news tr
{
	/*height:120px;*/
}
/*NEWS table tr td*/
table#table-news tr td
{
	background-color:#FFFFFF;
	text-align:left;
	border-bottom:1px solid #00A151;
	padding-top:0px;
	padding-bottom:5px;
}
table#table-news tr td .div-photo
{
	float:right;
	margin:9px 0px 7px 7px;
	width:161px;
}
/*Style for news row - with image*/
.with-image
{
	float:left;
	width:379px
}
/*Style for news row - without image*/
.no-image
{
	float:left;
}
.div-photo
{
	float:right;
	margin:9px 0px 7px 7px;
	width:161px;
}
table#table-news tr td .div-photo img
{
	border:1px solid #00A151;
}
.div-photo img
{
	border:1px solid #00A151;
}

/*** FORMS table***/
table.form tr 
{
	vertical-align:top;
}

/***VOTE panel***/
table.tableVoting tr td
{
	background-color:#F2F8FF;
}
/*VOTE panel label*/
/* VOTE caption h2*/ 
div#voting-caption h2
{	
	font-weight:bold;
	color:#FFFFFF;
	margin-left:7px;
	height:20px;
	padding-top:3px;
}
.tdVoteChoice
{
	text-align:left;
	font-weight:bold;
}
/*VOTE panel input*/
.tdVoteComments
{
	display:none;
	visibility:hidden;
}
/***VOTE button***/
input#cmdVoteNow
{
	background-color:#E6F1FD;	
	border:1px solid #79C6E7;
	height:20px;
	font-size:100%;
	cursor:pointer;
	margin-top:10px;
}
/* VOTE result bar*/ 
.VoteResultBar1, .VoteResultBar2, .VoteResultBar3, .VoteResultBar4, .VoteResultBar5, .VoteResultBar6 {
	background-color:#404040;
}

/*** SITEMAP ***/
div#map1 h2, div#map1 a
{
	color:#00A151;
}
div#map2 h2, div#map2 a
{
	color:#27568A;
}
div#map3 h2, div#map3 a
{
	color:#3A9ED5;
}
div#map1 a, div#map2 a, div#map3 a
{
	font-size:90%;
}

/*** FOOTER ***/
div#footer
{
	clear:both;
	font-size:110%;
	border-top:1px solid #A8A8A8;
	height:21px;
	padding-top:8px;
	padding-bottom:6px;
	padding-right:10px;
	margin-top:8px;
}
/* FOOTER leftcontent*/
.footer-left
{
	float:left;
	text-align:left;
	margin-left:10px;
}
/* FOOTER rightcontent*/
.footer-right
{
	float:right;
	text-align:right;
}
/* FOOTER links*/
.footerlinks
{
	text-align:right;
}
/***COPYRIGHT***/
.divCopyright
{
	margin:0px auto;
	width:759px;
	font-size:90%;
	background-color:#F0F0F0;
}
/*Copy right table data*/
.divCopyright table tr td
{
	background-color:#F0F0F0;
}
/*Underline Div*/
.div-underline
{
	height:1px;
	background-color:#00AEEF;
	margin-bottom:15px;
}


p#breadcrumb {text-align:left;}


/* text size changer start */
#textchanger {
	border: 2px solid #cccccc;
	width:121px;
	height: 52px;
	float: left;
	margin: -1px 6px 4px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	text-align:left;
}
#textchanger span {
	float: right;
	color: #000059;
	font: 13px/14px Verdana, sans-serif;
	font-weight: bold;
	margin: 0;
	float:right;
	text-align:left;
	width:72px;
}
#textchanger ul {
	margin: 0;
	padding: 0;
	float: left;
	width:80px;
}
#textchanger ul li {
	display: inline;
	float: left;
	font: 13px/21px Georgia, "Times New Roman", Times, serif;
	padding: 0 3px 0 0;
	color: #000059;
}
#textchanger ul li#decrease {
	font-size: 16px;
	line-height: 30px;
	margin: 1px 0px 5px 9px;
}
#textchanger ul li#reset {
	font-size: 20px;
	line-height: 28px;
	padding: 0 4px 0 0;
}
#textchanger ul li#increase {
	font-size: 24px;
    line-height:24px;
	padding: 1px 0 0 0;
}
#textchanger ul li#increase a, #textchanger ul li#reset a, #textchanger ul li#decrease a {
	color: #000059;
	text-decoration:underline;
}
/* text size changer end */




a.subtle {text-decoration:none; color: #4C4C4C; font-weight: bolder;}
a.subtle:hover {text-decoration:underline; color: #000;}

