/*
 -------------------------------------------------------------------------------------------------------
 SCREEN.CSS > this file holds master styles commonly used
 -------------------------------------------------------------------------------------------------------
 ********************************************************************************************************
 *RESOLUTION INTERACTIVE MEDIA INC.																		*
 *560 Wellington Street, London, Ontario, Canada														*
 *Jonathan Kochis (jonathan@resolutionim.com)															*
 *Brendan Farr-Gaynor (brendan@resolutionim.com)														*
 *Jon Rundle (jon@resolutionim.com) 																	*
 *Andrew Procter (andrew@resolutionim.com)																*
 *Geoff Villeneuve (geoff@resolutionim.com)																*
 *Mike Almond (mike@resolutionim.com)																	*

 *Version: 1.00 Brendan Farr-Gaynor - 26/05/2006: broke specific stuff out into this file				*
 *																										*
 ********************************************************************************************************
 *Date Last Modified: 02/12/07																			*
 *Last Modified By: brendan@resolutionim.com												 			*
 *																										*
 ********************************************************************************************************/

/*
 -------------------------------------------------------------------------------------------------------
 TABLE OF CONTENTS
 1. Standards
 2. Layout
 3. Boxes
 -------------------------------------------------------------------------------------------------------
*/ 


@import url(/css/tools.css);
@import url(/css/columbus.css);
@import url(/css/plugins/superfish.css);  
/* @import url(/css/plugins//css/plugins/jquery.fancybox.css); */
/*
 -------------------------------------------------------------------------------------------------------
 1. Standards
 -------------------------------------------------------------------------------------------------------
*/

@font-face { font-family: BebasNeue; src: url('/fonts/BebasNeue-webfont.ttf'); }

div.clear { clear:both; width:1px; height:1px; overflow:hidden; }

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	line-height:18px;
}

* {
	margin:0px;
	padding:0px;
}


h1 {
	font-weight:bold;
	font-size:18px;
}

h2 {
	color:#610101;
	font-size:22px;
	font-weight:normal;
	text-transform:uppercase;
	margin:10px 0px;
	font-family:BebasNeue, Helvetica, Arial, Sans-serif;
}

h3 { 
	font-weight:bold;
	font-size:14px;
	font-weight:bold;
	color:#000000;
}

p {
	margin:10px 0px 10px 0px;
}


a { color:#6F0205; text-decoration:none; }
a:hover { color:#000000; }

a img { border:none; }

ul { margin:5px 0px; }

li { margin-left:25px; }

input {
	font-size:12px;
	padding:2px;
	margin:0px;
}

input.formStyle, textarea.formStyle {
	border:4px solid #F6E3A9;
	color:#666666;
	font-weight:bold;
	padding:4px;
	font-size:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

input.text { width:90%; }

form {
	padding:0px;
	margin:0px;
}

textarea {
	font-family:Helvetica, Verdana, Arial, Georgia, sans-serif;
	font-size:11px;
	padding:2px;
}

select {
	font-family:Helvetica, Verdana, Arial, Georgia, sans-serif;
	font-size:11px;
	padding:2px;
}

fieldset {
	border:none;
	margin:0px 5px 5px 5px;
	padding:10px;

}
* html fieldset { padding:10px; }
*:first-child+html fieldset { border:none; }

legend {
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
}

span.formTip { font-size:11px; color:#999999; }
dt.requiredLabel { font-weight:bold; background:#001528; color:#C2F2FF; padding:3px; }
dt.notRequiredLabel { font-weight:bold; background:#C2F2FF; color:#001528; padding:3px; }

.inputImage {
	border:none;
	background:none;
	padding:0px;
	margin:0px;
}

td {
vertical-align:top;

}


label { font-size:11px; font-weight:bold;  }

hr {
	color: #CCCCCC;
	height: 1px;
	margin:0px;
	padding:0px;
}

dl dt { padding:10px 0px 0px 0px; margin:0px; }
dl dd { padding:5px 0px 0px 5px; margin:0px; }




/*
 -------------------------------------------------------------------------------------------------------
 2. Layout
 -------------------------------------------------------------------------------------------------------
*/

div.clear { clear:both; width:1px; height:1px; overflow:hidden; }

#inhalt {
	clear:both;
	height:100%;
	margin:0px auto 0px auto;
	padding:0;
	position:relative;
	text-align:left;
	vertical-align:top;
	width:950px;
}

#header {
	float:left;
	width:100%;
}

#header img.logo {
	display:block;
	float:left;
	margin-top:5px;
}

#content {
	float:right;
	width:100%;
}

#primaryNav {
	float:left;
	width:736px;
	margin-top:28px;
	float:right;
}

#primaryNav ul {
	font-family:BebasNeue, Helvetica, Arial, Sans-serif;
	text-transform:uppercase;
	font-size:17px;
	background-color:#F4EED3;
	-moz-border-radius:10px 10px 0px 0px;
	-webkit-border-radius:10px 10px 0px 0px;
	border-radius:10px 10px 0px 0px; 
	height:35px;
	width:736px;
	margin-bottom:5px;
}

#primaryNav ul li {
	padding:12px 14px 5px;
	margin:0px 7px;
}

#primaryNav ul li:hover {
	background-color:#6F0205;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px; 
}

#primaryNav ul li:hover a { color:#FFFFFF; }  
#primaryNav ul li a:hover { color:#FFFFFF; }

#primaryNav ul li ul {
	background-color:none;
	height:auto;
	width:180px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin-top:8px;
}

#primaryNav ul li ul li {
	margin:0px 5px;
	width:142px;
}

#primaryNav ul li ul li a { color:#6F0205 !important; }
#primaryNav ul li ul li:hover a { color:#FFFFFF !important; } 

#footer {
	clear:both;
	height:60px;
	background-color:#F5EFD3;
	margin-top:40px;
	width:100%;
	float:left;
}

#footerContent {
	clear:both;
	height:100%;
	margin:0px auto 0px auto;
	padding:0;
	position:relative;
	text-align:left;
	vertical-align:top;
	width:950px;
	color:#626054;
	padding:12px 0px 0px 0px;
}	

#footerContent a { margin-right:15px; }	

/* Home Template Styles
-------------------------------------------------------------------------------------*/

#homeColB {
	float:left;
	width:160px;
}

#homeColB img { margin:5px 0px; }

#homeColContent {
	float:right;
	width:736px;
}

#homeColA {
	float:left;
	width:100%;
}

#homeColWrap {
	float:left;
	width:100%;
	margin-top:10px;
}

#homeColC, #homeColD, #homeColE {
	background-color:#F0F0E8;
	width:205px;
	height:140px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:5px 15px;
	color:#000000;
	position:relative;
}

#homeColC {	float:left;	}

#homeColRight {
	float:right;
	width:486px;
}

#homeColD {	float:left; }
#homeColE {	float:right; }

/* Standard Normal Template Styles
-------------------------------------------------------------------------------------*/

#standardColB {
	float:left;
	width:160px;
}

#standardColB img { margin:5px 0px; }

#standardColContent {
	float:right;
	width:736px;
}

#standardColA {
	float:left;
	width:100%;
}

#standardColWrap {
	float:left;
	width:100%;
	clear:both;
	margin-top:20px;
}

#standardColC {
	float:left;
	width:500px;
}

#standardColC img {
	display:block;
	float:left;
	margin:5px 0px;
}

#standardColD {
	float:right;
	width:220px;
	margin-top:10px;
}

#standardColDContent {
	color:#000000;
	margin:15px 0px;
	float:left;
	width:100%;
}

/* Pretty Button
-------------------------------------------------------------------------------------------------------*/

.prettyButton {
	padding:6px 10px 4px 10px;
	text-align:center;
	font-weight:bold;
	letter-spacing:0px;
	font-size:12px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:none;
	font-family:Helvetica, Arial, Verdana, Sans-Serif;
	cursor:pointer;
	background-color:#6F0205;
	color:#FFFFFF;
}

a.prettyButton { text-decoration:none; }


/*
 -------------------------------------------------------------------------------------------------------
 3. Boxes
 -------------------------------------------------------------------------------------------------------
*/



 /* Div Boxes > used for logins etc.
 -------------------------------------------------------------------------------------------------------*/
.clearBox { clear:both; width:98%; height:1px; overflow:hidden; }

.alertBoxFunctionGood {
		background-color:#D3FFD4;
		border: 1px solid #55FF49;
		padding-top: 12px;
		padding-left: 50px;
		padding-bottom: 10px;
		padding-right: 5px;
		background-position: 1px 1px;
		background-repeat:no-repeat;
		margin-bottom: 10px;
		color:#000000;
		max-width:878px;
		width:auto !important;
		/*width:700px;*/
	}
	
.alertBoxFunctionGood a { color:#0000FF; }
.alertBoxFunctionGood a:hover { color:#0000FF; }

.alertBoxFunctionBad {
		background-color:#FFD4D4;
		border: 1px solid #FF4A4B;
		padding-top: 12px;
		padding-left: 50px;
		padding-bottom: 10px;
		padding-right: 5px;
		background-position: 1px 1px;
		background-repeat:no-repeat;
		margin-bottom: 10px;
		color:#000000;
		max-width:878px;
		width:auto !important;
		/*width:700px;*/
	}
	
.alertBoxFunctionBad a { color:#0000FF; }
.alertBoxFunctionBad a:hover { color:#0000FF; }


.alertBoxFunctionWarn {
		background-color:#FFFDD5;
		border: 1px solid #FDCA52;
		padding-top: 12px;
		padding-left: 50px;
		padding-bottom: 10px;
		padding-right: 5px;
		background-position: 1px 1px;
		background-repeat:no-repeat;
		margin-bottom: 10px;
		color:#000000;
		max-width:888px;
		width:auto !important;
		width:888px;
	}
	
.alertBoxFunctionWarn a { color:#0000FF; }
.alertBoxFunctionWarn a:hover { color:#0000FF; }
	
.alertBoxFunctionEmpty {
		background-color:#F5F5F5;
		border: 1px solid #E5E5E5;
		padding-top: 12px;
		padding-left: 5px;
		padding-bottom: 10px;
		padding-right: 5px;
		background-position: 1px 1px;
		background-repeat:no-repeat;
		margin-bottom: 10px;
		color:#666666;
		max-width:700px;
		width:auto !important;
		width:700px;
		
	}
.alertBoxFunctionEmpty a { color:#0000FF; }
.alertBoxFunctionEmpty a:hover { color:#0000FF; }
	
.alertBoxFunction ul li {
	font-size:10px;
	}
/***^^ multi alertBoxes ^^***/	


#loginWrapper { width:98%; margin:0px auto 0px auto; padding:10px 0px 0px 0px; }

#createLoginBox { width:750px; margin:5px 20px 0px 110px; }

#loginBox {
	background:url(/images/icons/protectedArea.png) no-repeat 10px 5px #FFFDD5;
	border: 1px solid #FDCA52;
	padding:10px 10px 10px 40px;
	margin:0px;
	min-width:700px;
	color:#000000;
}



#loginBox dl dt { float:left; margin:5px 5px; padding:0px; }
#loginBox dl dd { float:left; margin:0px; padding:0px; }
#loginBox dl dd.buttons { float:right; }
#loginBox dl dd.buttons input { margin-left:5px; }
/*********************************************
#loginBox dl dd.buttons { float:right; width:125px; }
#loginBox dl dd input.text { width:100%; }
 *********************************************/

 /* plainBox > standard box, default (converted to DIV based box)
 ------------------------------------------------------------------------------------------------------- */
	div.plainBox {
		margin:0px 0px 10px 0px;
		border:0px;
		background-color:#FAFAEF;
		-moz-border-radius-topright:5px;
		-webkit-border-top-right-radius:5px;
		-moz-box-shadow: -1px 1px 4px #444;
		-webkit-box-shadow: -1px 1px 4px #444;
		box-shadow: -1px 1px 4px #444;
		float:left;
	}
	
	div.plainBox a { color:#000000; text-decoration:underline; }
	div.plainBox a:hover { color:#333333; text-decoration:underline; }
	div.plainBox img { border:none; }
	
	div.plainBox div.plainBoxMainNoHeader {  display:none; }	
	
	div.plainBox div.plainBoxMainHeader {
		margin:5px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		float:left;
		width:100%;
		text-align:right;
	}
	div.plainBox div.plainBoxMainHeader h2 {
		font-size:22px;
		font-weight:normal;
		margin:0px 0px 0px 0px;
		padding:0px;
		float:left;
		text-align:left;
	}
	div.plainBox div.plainBoxMainHeader div.plainBoxHeaderCap {
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		height:15px;
		width:40%;
		float:right;
		display:none;
	}
	div.plainBox div.plainBoxMainHeader div.plainBoxHeaderCap div.plainBoxHeaderCapContent {
		margin:0px 0px 0px 0px;
	}
	div.plainBox div.plainBoxMainHeader div.plainBoxHeaderCap div.plainBoxHeaderCapContent input {
		font-size:10px;
	}
	div.plainBox div.plainBoxBodyMain {
		padding:0px 0px 0px 0px;
		width:89%;
		float:left;
		margin:0px 15px 10px 15px;
	}
	div.plainBox div.plainBoxBodyMain div.plainBoxBodyMainCap {
		margin:0px;
		padding:0px 0px 0px 0px;
	}
	div.plainBox div.plainBoxFooter {
		clear:both;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		width:100%;
		height:1px;
	}

	div.plainBox div.plainBoxFooter div.plainBoxFooterCap {
		clear:both;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		height:0px;
		width:19px;
		float:right;
	}
	
	div.plainBoxNoFooter { display:none; }


 /* blank > standard box, default (converted to DIV based box)
 -------------------------------------------------------------------------------------------------------*/
		
	div.blank {
		margin:0px 0px 10px 0px;
		padding:0px;
		border:0px;
	}
	div.blank div.blankMainNoHeader { display:none; }	
	div.blank div.blankNoFooter { display:none; }	
	div.blank div.blankMainHeader {
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		height:15px;
		width:100%;
		text-align:left;
	}
	div.blank div.blankMainHeader h2 {
		width:100%;
		font-size:22px;
		font-weight:normal;
		margin:0px 0px 0px 0px;
		padding:0px;
		float:left;
		text-align:left;
	}
	div.blank div.blankMainHeader div.blankHeaderCap {
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		height:15px;
		width:1%;
		float:right;
	}
	div.blank div.blankMainHeader div.blankHeaderCap div.blankHeaderCapContent {
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	div.blank div.blankBodyMain {
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		width:100%;
	}
	div.blank div.blankBodyMain div.blankBodyMainCap {
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	div.blank div.blankFooter {
		clear:both;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		width:100%;
		height:0px;
	}
	div.blank div.blankFooter div.blankFooterCap {
		clear:both;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		height:0px;
		width:19px;
		float:right;
	}
	
	.pubPhotoItem{
		overflow: hidden;
		height: 100px;
		margin-left: 5px;
		margin-right: 5px;
		float: left;
	}