/*--------------------------------------------------------------------------

Basic Style Sheet

version:		1.0
author:		Aaron Mitchard
email:		aaron@idaho.uk.net
website: 	http://urbis2006.dev - http://www.urbis.org.uk

*** last modify date:	29/03/2007 ( Russell ) ***

--------------------------------------------------------------------------*/

/* Structure 

	=Global
	=Typography
	=Headings
	=Links
	=LayoutStructure
		- header
		- pContent
		- sContent
		- footer
	=header
	=pNav
	=pContent
	=sContent	
	=footer

	** CMS Markup Styles - Urbis want to create their own html markup :( **
	
	=CMSMarkup
	
	=BestOfManchester
	=DocumentPicker

--------------------------------------------------------------------------*/


/* =Global 
--------------------------------------------------------------------------*/

*
{
	margin: 0;
	padding: 0;
}

body
{
	background: url(../img/bg/home_bg.jpg);
}

fieldset { border: 0; }
legend { display: none; }

/* =Links
--------------------------------------------------------------------------*/

a { text-decoration: none; }

a img { border: 0; }

#skip
{
	padding: 3px 0 3px 10px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 270px;
	font-size: 10px;
	color: #7A003B;
}

#skip:hover, #skip:focus { color: #FFF200; }

/* =Typography
--------------------------------------------------------------------------*/

body { font-family: Arial, Verdana, Sans-Serif; font-size: small; color: #626365; }

h2, h3, h4, h5, h6 { color: #FFFFFF; }

/* =Headings
--------------------------------------------------------------------------*/

h1 { float: left; width: 280px; height: 140px; }

h2
{
	margin: 0 0 6px 0;
	padding: 4px 6px;
	background-color: #7A003B;
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 105%;
}

#sContent h3 { margin: 0 0 5px 0; padding: 2px 5px; font-family: Tahoma, Arial, Sans-Serif; font-size: 85%; clear: both; text-transform: lowercase }

#pContent h3 { margin: 5px 0; padding: 2px 0 2px 7px; color: #FFFFFF; font-size: 90%; text-transform: lowercase }
#pContent h4 { margin: 5px 0 5px 0; padding: 1px 0 1px 7px; border-bottom: 1px solid #7A003B; font-size: 90%; color: #7A003B; text-transform: lowercase }

#pContent h3.comment { margin: 5px 0 0 0; padding-left: 20px !important; background-image: url(../img/comment.gif); background-repeat: no-repeat; background-position: 1% 50%; }

#pContent h5 { padding: 1px 0 1px 7px; font-size: 90%; color: #636363; }


/* =LayoutStructure
--------------------------------------------------------------------------*/

#siteContainer
{
	width: 765px;
}

#header
{
	padding: 0 0 8px 0;	
}

.headerImg { float: left; width: 485px; }

#contentContainer 
{ 
	margin: 0 0 85px 0;
	float: right;
	width: 617px;
}

#pContent 
{
	float: left;
	/* width: 485px;*/
	width: 478px;
}

#sContent
{
	float: right;
	width: 127px;
}

#footer
{
	margin: 0 139px 0 148px;
	padding: 5px 0 20px 0;
	clear: both;
	border-top: 1px solid #7A003B;
	font-size: 75%;
	text-align: center;
}

/* =pNav
--------------------------------------------------------------------------*/

#pNav
{ 
	margin: 0 0 0 9px; 
	position: absolute;
	top: 140px;
	left: 0;
	display: inline; /* TODO: move to ie stylesheet */
	width: 127px;
	list-style: none; 
	font-family: Tahoma, Arial, Sans-Serif;
	font-weight: bold; 
}

#pNav li { margin: 0 0 1px 0; float: left; clear: left; }

#pNav li a {
	display: block;
	width: 84px;
	background-position: 100% 50%;
	padding: 2px 25px 2px 18px;
	color: #FFFFFF;
	overflow: visible;
	font-size: 85%;
}

#pNav li a:hover, #pNav li a.active { color: #FFF200; }

#pNav li#homepage a, #pNav li#signout a { background-image: url(../img/nav/home_off.gif); }
#pNav li#homepage a:hover, #pNav li#homepage a.active, #pNav li#signout a:hover, #pNav li#signout a.active { background-image: url(../img/nav/home_on.gif); }

#pNav li#exhibitions a { background-image: url(../img/nav/exhibitions_off.gif); }
#pNav li#exhibitions a:hover, #pNav li#exhibitions a.active { background-image: url(../img/nav/exhibitions_on.gif); }

#pNav li#corporate a { background-image: url(../img/nav/corporate_off.gif); }
#pNav li#corporate a:hover, #pNav li#corporate a.active { background-image: url(../img/nav/corporate_on.gif); }

#pNav li#learning a { background-image: url(../img/nav/learning_off.gif); }
#pNav li#learning a:hover, #pNav li#learning a.active { background-image: url(../img/nav/learning_on.gif); }

#pNav li#events a { background-image: url(../img/nav/events_off.gif); }
#pNav li#events a:hover, #pNav li#events a.active { background-image: url(../img/nav/events_on.gif); }

#pNav li#shop a { background-image: url(../img/nav/shop_off.gif); }
#pNav li#shop a:hover, #pNav li#shop a.active { background-image: url(../img/nav/shop_on.gif); }

#pNav li#extras a { background-image: url(../img/nav/extras_off.gif); }
#pNav li#extras a:hover, #pNav li#extras a.active { background-image: url(../img/nav/extras_on.gif); }

#pNav li#cafe a { background-image: url(../img/nav/cafe_off.gif); }
#pNav li#cafe a:hover, #pNav li#cafe a.active { background-image: url(../img/nav/cafe_on.gif); }

#pNav li#visitor a { background-image: url(../img/nav/visitor_off.gif); }
#pNav li#visitor a:hover, #pNav li#visitor a.active { background-image: url(../img/nav/visitor_on.gif); }

#pNav li#general a { background-image: url(../img/nav/recruit_off.gif); }
#pNav li#general a:hover, #pNav li#general a.active { background-image: url(../img/nav/recruit_on.gif); }

#pNav li#familyfun a { background-image: url(../img/nav/learning_off.gif); }
#pNav li#familyfun a:hover, #pNav li#familyfun a.active { background-image: url(../img/nav/learning_on.gif); }

#pNav li#jobs a { background-image: url(../img/nav/recruit_off.gif); }
#pNav li#jobs a:hover, #pNav li#jobs a.active { background-image: url(../img/nav/recruit_on.gif); }

#pNav li#tours a { background-image: url(../img/nav/tours_off.gif); }
#pNav li#tours a:hover, #pNav li#tours a.active { background-image: url(../img/nav/tours_on.gif); }

#pNav li#signout
{
	margin-top: 8px;
}

#pNav .facebook { margin: 5px 0; padding: 0 }

/* =pContent
--------------------------------------------------------------------------*/

#gender { list-style-type: none; float: left; margin: 0 !important }
#gender li { width: 70px; float: left; }
#gender li input { width: 13px; margin-right: 3px; }

#breadcrumbs
{
	margin: 0 0 8px 7px;
	font-size: 85% !important;
}

#breadcrumbs a { margin: 0 !important; text-decoration: none; font-weight: bold; font-size: 100% !important; }
#breadcrumbs a:hover { text-decoration: none; }

#pContent p,
#pContent a,
#pContent ul,
#pContent ol
{
	font-size: 85%;
}

#pContent p { margin: 7px 9px; font-size: 85%; }

#pContent a { font-weight: bold; font-size: 100%; }
#pContent a:hover { text-decoration: underline; }

#pContent ul { margin: 0 8px 0 24px; }
#pContent ol { margin: 0 8px 0 30px; }

p.colorBlock 
{ 
	margin: 0 !important;
	padding: 7px;
	font-size: 85%;
	border-top-width: 1px; 
	border-top-style: solid;
	border-bottom-width: 1px; 
	border-bottom-style: solid;
}

/* General Forms  */
#formPage0 .custom
{
    display:block;
    float:left;
    position:relative;
    text-transform:lowercase;
    width:196px;
}

.formFieldCaption { clear: both; }

.formFieldCaption label
{
	margin: 2px 5px 0 0;
	display: block;
	position: relative;
	float: left;
	width: 200px;
	text-transform: lowercase;
}

.formFieldHelpCustom
{
	margin: 0 0 0 215px !important;
	padding: 5px 0 0 0;
	clear: left;
}

.formFieldCheckBox { padding: 1px 0 5px 5px; vertical-align: top; font-size: 11px }

.formFieldText, .formFieldTextArea, .formFieldDropDown { width: 250px; }

textarea
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size:  105%;
}

/* Comment Form */

#comments input.submit 
{ 
	margin: 5px 0 0 0;
	clear: right;
	float: right; 
	font-size: 80%; 	
	color: #666666;
}

.aComment
{
	margin: 8px 0 8px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.aComment .added, .aComment .addedBy { margin: 0 0 0 7px; font-size: 85%; }

/* Press Releases / Vacancy */

.pressRelease, .vacancy { margin: 0 0 23px 0; }
.pressRelease .date { margin: 0 8px; font-size: 85%; }
.pressRelease p { margin: 0 8px 7px 8px !important; }

a.moreInfo, a#backTo { margin: 0 0 0 7px; padding: 0 10px 0 0; background: url(../img/more_information.gif) no-repeat 100% 50%; }

a#backTo { margin: 0 0 0 7px; }

#spc
{
	margin: 0 0 15px 0;
	padding: 5px 0;
	border-top: 1px solid #60592F;
	border-bottom: 1px solid #60592F;
}

#spc label { margin: 0 5px; font-size: 85%; }

#spc input { vertical-align: middle; }

#spc #box, #spcSidebar #box { padding: 2px; font-family: Arial, Verdana, Sans-Serif; font-size: 85%; border: 1px solid #CCC; }

#go 
{ 
	margin: 0 5px; 
	padding: 0 7px 0 0;
	background-image: url(../img/arrows/visitor.gif);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	font-family: Arial, Verdana, Sans-Serif; 
	font-weight: bold; 
	font-size: 85%;
	border: none; 
	color: #626365;
}

.go 
{ 
	padding: 0 10px 0 0; 
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	font-family: Arial, Verdana, Sans-Serif; 
	font-weight: bold; 
	font-size: 85%;
	border: none; 
}

input.sc { width: 120px; clear: right; float: right; }

#spcSidebar label { margin: 0 0 5px 0; padding: 2px 6px; display: block; background-color: #60592F; font-size: 100%; font-weight: bold; color: #FFFFFF; }
#spcSidebar #box { margin: 0 0 0 5px; width: 110px; }

#keyword { margin: 0 0 20px 8px; width: 200px; font-size: 85%; font-weight: bold; }

#pageSize
{
	margin: 0 0 10px 0;
	float: right;
	width: 200px;
	font-size: 85%;
	text-align: right;
}

#pageSize table { float: right; }

#pageSelector
{
	padding: 8px 0 0 0;
	font-size: 85%;
	text-align: center;
	border-top: 1px solid #60592F;
}

#pageSelector span { margin: 0; }

#pageSelector span a { margin: 0; font-size: 100%; text-decoration: underline; }

/* Recruitment */

.vacancy { clear: right; }


/* =sContent
--------------------------------------------------------------------------*/
#registration, #themodern {
	margin: 0 0 5px 5px;
	font-size: 85%;
}
#registration a, #themodern a {
	font-weight: bold;
}

#inThisSection
{
	margin: 0 7px 5px 7px;
	float: left;
	display: inline; /* TODO: move to ie css */
	list-style: none;
}

#inThisSection li { margin: 0 0 5px 0; display: block; float: left; clear: left; }

#inThisSection li a
{
	padding: 0 0 0 10px;
	display: block;
	width: 100px;
	background: url(../img/arrows/home.gif) no-repeat 0 3px;
	font-size: 85%;
	font-weight: bold;
	color: #7A003B;
	text-transform: lowercase
}

#inThisSection li a:hover, #inThisSection li a:focus { text-decoration: underline; }





div#sContent div.freeform ul
{
	margin: 0 7px 5px 7px;
	float: left;
	display: inline; /* TODO: move to ie css */
	list-style: none;
}

div#sContent div.freeform ul li { margin: 0 0 5px 0; display: block; float: left; clear: left; }

div#sContent div.freeform ul li a
{
	padding: 0 0 0 10px;
	display: block;
	width: 100px;
	background: url(../img/arrows/home.gif) no-repeat 0 3px;
	font-size: 85%;
	font-weight: bold;
	color: #7A003B;
	text-transform: lowercase
}

div#sContent div.freeform ul li a:hover, div#sContent div.freeform ul li a:focus { text-decoration: underline; }






#usefulDownloads
{
	margin: 0 7px 0 7px;
	float: left;
	display: inline; /* TODO: move to ie css */
	list-style: none;
}

#usefulDownloads li { margin: 0 0 5px 0; display: block; float: left; clear: left; }

#usefulDownloads li a
{
	padding: 0 0 0 10px;
	display: block;
	width: 100px;
	background: url(../img/arrows/home.gif) no-repeat 0 3px;
	font-size: 85%;
	font-weight: bold;
	color: #7A003B;
	text-transform: lowercase
}

#usefulDownloads li a:hover, #usefulDownloads li a:focus { text-decoration: underline; }

#usefulDownloads span
{
	display: block;
    font-size: 100%;
	font-weight: normal;
}

#sContent h3 { clear: both; }

/* =CMSMarkup
--------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------*/

#footer img { margin: 0 20px 0 0 }

#footer p { text-align: center; }

#footer div#idaho { margin: 5px 0 0 0; border-top-width: 1px; border-top-style: solid; }

#footer a { text-decoration: underline; }
#footer a:hover { text-decoration: none; }

/* =Edit Area
--------------------------------------------------------------------------*/
div#editarea
{
	font-size: 120%
}

textarea#editareaHTML
{
	float: left
}

div#sContent div#editarea ul
{
	margin: 0 7px 5px 7px;
	float: left;
	display: inline;
	list-style: none;
}

div#sContent div#editarea ul li { margin: 0 0 5px 0; display: block; float: left; clear: left; }

div#sContent div#editarea ul li a
{
	padding: 0 0 0 10px;

	width: 100px;
	background: url(/img/arrows/home.gif) no-repeat 0 3px;
	font-size: 85%;
	font-weight: bold;
	color: #7A003B;
	text-transform: lowercase;
}

div#sContent div#editarea ul li a:hover, div#sContent div#editarea ul li a:focus { text-decoration: underline; }

/* =BestOfManchester
--------------------------------------------------------------------------*/

.bom-form input#go
{
	float: right;
}

.bom-form .form-wrapper
{
	margin-bottom: 10px;
	padding: 10px 0 10px 0;
	border-top: solid 1px #D29EB7;
	border-bottom: solid 1px #D29EB7;
}

#bom-image
{
	margin: 0 !important;
	height: 349px;
	background: url(/img/bestof/header.jpg) 0 0 no-repeat;
	text-indent: -9999px;
}

.bom-form .formErrors
{
	margin-bottom: 13px;
	padding: 1px 0 7px 0;
	background: #E99393 url(/img/bestof/error_bg.gif) 0 0 repeat-x;
	color: #FFFFFF;
}

.bom-form .formErrors li
{
	color: #FFFFFF;
}

#pending-entries
{
	margin-bottom: 7px;
}

#pending-entries ul, #judged-entries ul
{
	margin-left: 7px;
	float: left;
	width: 220px;
	list-style-type: none;
}

#pending-entries h4, #judged-entries h4
{
	margin-top: 0;
	margin-bottom: 10px;
}

#pending-entries li, #judged-entries li 
{
	margin-bottom: 12px;
}

#pending-entries li a, #judged-entries li a, #print-page, #award-entry-files li a
{
	padding-right: 12px;
	background: url(../img/arrows/home.gif) 100% 50% no-repeat;
}

#pending-entries .clear, #judged-entries .clear
{
	clear: both;
}

#print-page:hover
{
	text-decoration: none !important;
}

#awards-banner
{
	padding: 5px 0px 0 0px;
}

#award-entry-address, #award-entry-files
{
	width: 230px;
	float: left;
}

#award-entry-address
{
	margin-right: 18px;
}

#award-entry-address address, #award-entry-votes dl
{
	margin: 7px 9px;
	font-style: normal;
	font-size: 85%;
}

#award-entry-address address
{
	margin-bottom: 0;
}

#award-entry-files ul
{
	margin-left: 7px;
	list-style-type: none;
}

#award-entry-files li
{
	margin-bottom: 5px;
}

#cast-my-vote, #award-entry-votes
{
	margin-top: 10px;
}

#cast-my-vote label
{
	float: none;
	text-transform: none; font-weight: bold; font-size: 105%; color: #646464;
}

#cast-my-vote .bom-form .form-wrapper
{
	padding-top: 0;
	border-top: none;
}

#cast-my-vote .formErrors
{
	margin-top: 10px;
	margin-bottom: 7px;
}

#cast-my-vote .formFieldDropDown
{
	width: 80px;
}

#award-entry-votes dt
{
	font-weight: bold;
	font-size: 105%;
}

#award-entry-votes dd p
{
	margin: 3px 0 10px 0;
	font-size: 100%;
}

#award-entry-summary, #cast-my-vote, #award-entry-votes
{
	margin-bottom: 10px;
}

#award-entry-address h4, #award-entry-files h4, #cast-my-vote h4, #award-entry-votes h4
{
	margin-top: 0;
}

.clearfix:after 
{
    clear: both;
    content: ".";
    display: block;
    height: 0pt;
    visibility: hidden;
}

.clearfix
{
	display: inline-block;
}

/* =DocumentPicker
--------------------------------------------------------------------------*/

#documentUploadForm
{
	margin: 0 !important;
	list-style-type: none;
}

#documentUploadForm li
{
	margin-bottom: 5px;
}

#docsNoMessage
{
	margin: 0 5px 0 0 !important;
}

#docsExistingFS, #docsExistingFS ol li, #docsNewFS .formFieldError li
{
	margin-bottom: 5px;
}

#docsExistingFS ol
{
	margin: 0;
	list-style-type: none;
}

#docsNewFS .formFieldError
{
	margin-left: 15px !important;
}

#docsNewFS label
{
	text-transform: lowercase;
}

#docsDocumentPicker
{
	float: right;
	width: 254px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#docsDocumentPicker legend
{
	margin: 0;
	padding: 0 0 5px 0;
	display: block;
	font-size: 85%;
	font-weight: bold;
	color: #626365;
}

.bom-form #docsDocumentPicker { float:none; margin-left: 9px; width: 460px }
.bom-form #docsNewFS { margin-top: 10px; }