/*
	Pics 2009
	Author: Nick Morley. 2008
*/


/* type */

body 
{
	font: 68.5%/1.4 Verdana, Arial, Helvetica, sans-serif;
	color: black;
	background-color: #e7e7e7;
	min-width:54.7em;
	margin: 0px 0px 0px 0px;
	/* background: #C4C8D8 url("../Images/background_image2.gif") repeat-y 50% 0px;*/
	background: #808080 url("../Images/background_image3.gif") repeat-y 50% 0px;
	
}

body.alt {
	min-width: 69.1em;
}

	
body #frame img 
{
	position:static;
	left:auto;					
}


p 
{
	margin: 0.2em 0 0.8em;
}

p, blockquote, li, td, th, dt, dd 
{
	font-size: 1.2em; /* 12 px */
}

td li, li li, li p {
	font-size: 1em; /* override inheritance */
}

a 
{
	text-decoration: none;
	color: Black;
}

a:hover 
{
	text-decoration: underline;
}



h1 { font-size: 1.8em; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 5px; margin-bottom: 0.8em; color:black;} h1.alt {font-size: 2.3em;width:74%;float:left;margin:.3em 0 0 0;} h1.twoTone {color:black;} h1 em {color:black;font-style:normal;}

.PageTitle
{
	margin-top: 5px;
}


/* Page layout */	

#outerframe {
	width:930px;
	margin: 0px auto
}


#frame 
{
	width:800px;
	background:white;  
	border-left:1px solid #808080;
	border-right:1px solid #808080;
	margin: 0px 0px 0px 0px;
}


#banner 
{
	background-color: #ffffff;
	height: 80px;
}

	#banner #logo {
		display:block;
		width:800px;
		position:relative;
		top:0em;
		left: 0em;
		float:left;
		z-index: 4;
		}

		#logo img {
			height: 80px;
			border: none;
		} 
	

#content 
{
	clear:both;
	zoom:1;
}

.NoBorder
{
	border: none;
}


/*This spans the whole width*/
#main-content 
{
	background: White;   /* Sets page background colour */
	width: 800px;
	max-width: 100%;
	min-height: 50em;
	clear:left;
	background: url("../Images/bodyback.gif") repeat-y;
}

#invoice-content 
{
	background: White;   /* Sets page background colour */
	margin: 20px 50px 0px 50px;
	width: 700px;
	max-width: 100%;
	min-height: 50em;
	clear:left;
}

.invoice-paymentTable 
{
	background: White;   /* Sets page background colour */
	padding: 5px 5px 5px 5px;
	width: 400px;
	border: solid 1px black;
}



/* Borders add to width and shunt columns - all padding has to be done within containers within these cols */
#col1 
{
	float:left; 
	width:150px;
	background-color: #feddbe;
	padding-top: 20px;
}

#col2 
{
	float: left; 
	width:650px;
	/*border: solid 1px red;*/
	background-color: White;
	margin-top: 0px;
}


/* Col1 stuff */

#col1 #menu
{
	padding: 0px 5px 2px 5px;
	width:140px;
	background: white url("../Images/menuback.gif");
}


#col1 #menu li 
{
	float: left;
	width:130px;
	background-color: #4267f6;
	padding: 2px 2px 2px 5px;
	margin: 0px 0px 1px 0px;
	list-style:none;
	z-index: 0;
	text-align: left;
}

#col1 #menu a {
		text-decoration: none;
		color: white;
		}

#col1 #menu a:hover {
		color: yellow;
		text-decoration: none;
		
	}

#col1 #delegatePack 
{
	position: absolute;
	top: 320px;
	left: 72px;
	height:100px;
	width: 71px;
}


#col1 #sponsorsApplicationForm 
{
	position: absolute;
	top: 320px;
	left: 72px;
	height:100px;
	width: 71px;
}


#col1 #exhibitorsFloorPlan 
{
	position: absolute;
	top: 440px;
	left: 72px;
	height:100px;
	width: 71px;
}


/* Col2 stuff */

#col2 #col2-content
{
	padding: 15px 15px 5px 15px;
	width:600px;
}

#col2 .homeIntro
{
	font-style:italic;
	font-size: larger;
}

#col2 #homeImage
{
	float: right;
	margin: 0px 0px 0px 1px;
}

#col2 .RegistrationButtons
{
	clear: left;
	text-align: center;
	float: none;
}

#col2 .moreDelegatesbutton
{
	clear: left;
	float: right;
}

#col2 #registrationcontent
{
	clear: both;
}





/* Misc. layout classes */

.wrapper, #content {
	width: 800px;
	margin: 0px auto;
	position: relative;
}

.wrapper {
	height: 100%;
}


#Login {
	position: absolute; 
	top: 182px;
	left: 490px;
	width: 300px;
	height: 20px;
	text-align: right;
	font-size: 10px;
	
}

#Login .logintext { font-size: 10.5px; padding: 2px 0px 0px 0px; font-weight: normal;}


#ExternalAdColumn {
	position: absolute; 
	top: 5px;
	left: 810px;
	width: 120px;
	height: 600px; 
}


/* Blue Table - Used for layout tables*/

.BlueTable
{
	border: solid 2px #ff8b00;
	
	width: 600px;
	padding: 2px 2px 2px 2px;
	background-color: white;
}

.BlueTable p
{
	font-size: 12px;
}

.BlueTable .infoSmallHeading
{
	
	width: 150px;
	padding: 2px 10px 2px 2px;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}

.BlueTable .infoHeading
{
	
	width: 550px;
	padding: 2px 2px 2px 2px;
	font-weight: bold;
}

.BlueTable .infoRowText
{
	
	width: 550px;
	padding: 2px 2px 2px 40px;
	border-top: solid 1px #cccccc;
}

.BlueTable .infoRowPrice
{
	padding: 2px 2px 2px 2px;
	border-top: solid 1px #cccccc;
	width: 50px;
}



.BlueTable .infoHeading1
{
	
	width: 430px;
	padding: 2px 2px 2px 2px;
	font-weight: bold;
}

.BlueTable .infoRowText1
{
	
	width: 430px;
	padding: 2px 2px 2px 2px;
	border-top: solid 1px #cccccc;
}

.BlueTable .infoRowPrice1
{
	padding: 2px 2px 2px 2px;
	width: 50px;
	border-top: solid 1px #cccccc;
	vertical-align: top;
}



.BlueTable .infoHeading2
{
	
	width: 250px;
	padding: 2px 2px 2px 2px;
	font-weight: bold;
}

.BlueTable .infoHeading2center
{
	
	width: 250px;
	padding: 2px 2px 2px 2px;
	font-weight: bold;
	text-align: center;
}

.BlueTable .infoRowText2
{
	
	width: 250px;
	padding: 2px 2px 2px 20px;
	border-top: solid 1px #cccccc;
}

.BlueTable .infoRowPrice2
{
	padding: 2px 2px 2px 2px;
	width: 25;
	border-top: solid 1px #cccccc;
	vertical-align: top;
	text-align: center;
}

.BlueTable .AccommRight
{
	width: 300px;
	vertical-align: top;
	padding-left: 15px;
	padding-top: 5px;
}

.BlueTable .AccommLeft
{
	width: 300px;
	vertical-align: top;
	text-align: left;
	padding-left: 60px;
	padding-top: 5px;
}



.BlueTable .infoRowText3
{
	width: 100px;
	padding: 2px 2px 2px 20px;
	border-top: solid 1px #cccccc;
	text-align: right;
}

.BlueTable .infoRowPrice3
{
	padding: 2px 2px 2px 2px;
	width: 330px;
	border-top: solid 1px #cccccc;
	vertical-align: top;
	text-align: left;
}




.BlueTable .bullet
{
	padding: 10px 5px 5px 10px;
}

.BlueTable .subbullet
{
	padding: 4px 5px 5px 4px;
}

.BlueTable p
{
	padding: 10px 10px 10px 10px;
}


/* Styles for programme */

.PrTable
{
	border: solid 2px #ff8b00;
	
	width: 600px;
	padding: 2px 2px 2px 2px;
	background-color: white;
}

.PrTable p
{
	font-size: 12px;
}

.PrTable .Programme
{
	width: 480px;
	padding: 4px 2px 4px 5px;
	text-align: left;
	vertical-align: top;
}


.PrTable .ProgrammeTime
{
	
	width: 120px;
	padding: 4px 5px 4px 2px;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	border-right: solid 1px #cccccc;
}

.PrTable .ProgrammeBreak
{
	
	width: 480px;
	padding: 4px 2px 4px 5px;
	font-style:italic;
	text-align: center;
	vertical-align: top;
}

.PrTable .ProgrammeHeading
{
	width: 440px;
	padding: 8px 2px 8px 2px;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
}


.PrTable .ProgrammeTimeLine
{
	
	width: 120px;
	padding: 4px 5px 4px 2px;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
}

.PrTable .ProgrammeLine
{
	
	width: 480px;
	padding: 4px 2px 4px 5px;
	border-top: solid 1px #cccccc;
	text-align: left;
	vertical-align: top;
}

.PrTable .ProgrammeSpeaker
{
	
	width: 200px;
	padding: 4px 2px 4px 2px;
	border-top: solid 1px #cccccc;
	text-align: left;
	vertical-align: top;
}

.PrTable .Programme1Track
{
	
	width: 480px;
	padding: 4px 2px 4px 5px;
	text-align: left;
	vertical-align: top;
	border: solid 2px #ff8b00;
}

.PrTable .Programme3Track
{
	
	width: 147px;
	padding: 4px 2px 4px 5px;
	text-align: left;
	vertical-align: top;
	border: solid 2px #ff8b00;
}

.PrTable .Programme2Track
{
	
	width: 221px;
	padding: 4px 2px 4px 5px;
	text-align: left;
	vertical-align: top;
	border: solid 2px #ff8b00;
}






/* Footer */

div#footer{width:800px;}
/*
div#footer { clear:left; height:70px; }
div#footer p{ font-size: 9px; margin:0px 0px 0px 0px; padding:0px 0px 5px 0px;}
div#footer div.panel {float:left; width:800px; height:70px; margin:0 0 0 0; padding:0 0 0 0; }
div#footer div.panelinner {text-align: right; padding: 0px 0px 0px 0px; width:800px;}
*/

/* div.panelinner {float:left; background: url("../images/banner.gif") no-repeat left top;} */

/* end Footer */



/* admin menu stuff */
#admin_menu
{
	width: 100%;
	height: 30px;
	background: url("../images/admin/admin-banner1.gif") repeat left top;
}

.admin_button
{
	background-color: black;	
	border: solid 2px #ffffff;
	width: 80px;
	height: 24px;
	font-size: 8pt;
	color: #ffffff;
	margin:  1px 1px 7px 1px;
	cursor: pointer;	
}



/*ticket sale stuff*/

FIELDSET H3 H3#TicketTitle
{
	color: #c91b6e;	
	font-size: 12pt;
}



FIELDSET
{
    padding: 5px 5px 5px 5px;
	margin-bottom: 5px;
	border: solid 2px orange;
}

.buttonsright
{
	float: right;
		
}

.range_left
{
	float: left;
}


.userformline
{
	display: block;
	clear:both;
}

.userformline input
{
	width: 170px;
	font-size: 9px;
}

.userformline textarea
{
	width: 170px;
	font-size: 9px;
}


.userformline select
{
	width: 170px;
	font-size: 9px;
}

.userformline label
{
	width: 130px;
	float: left;
	text-align: right;
	padding-right: 4px;	
}

.userformline2
{
	display: block;
	clear:both;
}

.userformline2 input
{
	width: 10px;
	font-size: 9px;
}

.userformline2 label
{
	width: 480px;
	float: left;
	text-align: right;
	padding-right: 4px;	
}


.userformline3
{
	display: block;
	clear:both;
}
	
.userformline3 input
{
	width: 50px;
	font-size: 9px;
}

.userformline3 label
{
	width: 390px;
	float: left;
	text-align: right;
	padding-right: 4px;	
}



.userformline4
{
	display: block;
	clear:both;
	padding: 3px 0px 3px 0px;
}

.userformline4 label
{
	width: 130px;
	float: left;
	text-align: right;
	padding-right: 4px;	
}

.userformline4 select
{
	width: 400px;
	font-size: 9px;
}

.userformline4 .summaryTable
{
	width: 400px;
	float: left;
	font-size: 9px;
}

.userformline4 .summaryTable .heading
{
	text-decoration: underline;
}


.DelegateEditButton
{
	float: right;
	width: 94px;
	height: 28px;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 1;
	
}

.DelegatePayButton
{
	float: right;
	width: 114px;
	height: 28px;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 1;
	
}

.DelegateEditPayButton
{
	float: right;
	width: 160px;
	height: 28px;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 1;
	
}

.DelegateInvoiceButton
{
	float: right;
	width: 114px;
	height: 28px;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 1;
	
}