﻿

.ErrorText 
{
	color: #cc0000;
}

/* =fieldset */
fieldset {
	border: 1px solid #000000;
	/* background:#fff; */
	width: 500px !important; 
	padding: 6px;
	margin-bottom: 10px;
}
.display-holder fieldset {
	float: left;
	margin: 10px 6px 10px 0;
	border: solid 2px #DCDADA;
	background:#EFEFEF;
	width:100%;
}
.pair fieldset {
	width: 195px;
}
.single fieldset {
	width: 350px;
}
fieldset#reg, fieldset#zone {
	width:350px;
	height:auto;
	margin:6px 0 0;
	padding: 0;
}

fieldset.telephone {
	margin: 8px 0 0 9px;
	width: auto;
	border: 0px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	padding: .5em 1em .5em 1.2em;
	overflow: hidden;
	font-size: 0.9em;
	color: #000066;
}


fieldset.invalid {
	background: #FFFFCC;
}

.telephone input.code {
	float: none;
	width: 12%;
}

.telephone input.telnumber {
	float: none;
	width: 34%;
}

.telephone label
{
	display: inline-block;
}

/* =input */
input {
	float: left;
}


.boolean input {
	float: none;
	width: auto;
	margin:0px; 
}

span.tickbox input {
	float: left;
	width: 30px;
	margin: 0;
	position: relative;
	left: -7px;
	top: 2px;
}


span.tickbox label 
{
    font-size: 1em;
    margin-top: -2px;
    margin-left: 20px;
    color: #003366;
    width: 80% !important;
}


.display-holder input{
   	width:auto;
   	float: left;
   	width: 20px;
   	height: 15px;
   	margin: 0 0 0 2px;
} 
.display-holder .free-text input {
	float: none;
	width: 110px;
	height: auto;
}
.submit input {
	font-family: "Trebuchet MS", arial, helvetica, sans-serif;
    font-size:0.9em;
	font-weight: bold;
	height: auto;
	width: 210px;
	background: #ffea83;
	color: #003366;
	border: 1px solid #f1c103;
	padding: .1em .8em .8em .8em;
	margin: 10px 8px 10px 1px;
}
.submit input:active {
	background: #88cec0;
}

/* button style for plain text links - to match submit buttons */

a.button:link, a.button:visited, a.button:hover, a.button:active {
	text-align: center;
	font-family: "Trebuchet MS", arial, helvetica, sans-serif;
    font-size:0.9em;
	font-weight: bold;
	width: 210px;
	float: left;
	height: auto;
	background: #ffea83;
	color: #ffffff !important;
	text-decoration: none !important;
	border: 1px solid #f1c103;
	padding: .2em .8em .3em .8em;
	margin: 10px 8px 10px 4px;
}

p.submit {
	text-align: center;
	width: 90%;
	padding-left: 10px;
	
}
/* I HATE IE */
.submit input {
	padding: .25em 0;
}
.submit input:active {
	background: #D9EAEE;
	color:#416F90;
	
}

#submitButtons {
	padding-bottom: 8px;
}

/* =label */
label {
	float: none;
	margin-top:2px;
	display: block;
} 
.boolean label {
	float: none; 
	margin: 0px;
}
.dayOfBirth label {
	width: 85%;
	padding: 0 1em 0 0;
}
.display-holder label {
	float: none;
}
.text label {
	width: 10em;
	color: #336699;
}
.telephone label {
	float: none;
	color: #336699;	
}

/* =legend */
legend{
	font-weight:bold;
	color:#666;
	background: #fff;
	padding: 2px;
	margin-left: 0;
	width: auto;
} 
fieldset.telephone legend {
	font-weight:normal;
	color: #666;
	padding: 0;
	margin-left: 0;
}

/* =li */
.display-holder li {
	list-style: none;
	margin: 1px 0;
	width: 100%;
	padding: 3px 0;

}
.display-holder li.invalid {

}
/* =p */
form p {
	overflow: hidden;
	width: 90%;
}

div.scrollingtext
{
	overflow-x: hidden; 
	overflow-y:scroll; 
	height:100px;
	border: 1px solid #336699;
	background: #ffffcc;
	padding: 3px;
}

p.submit {
	text-align: left;
}
fieldset p {
	background: #fff;
	margin: 1px auto;
	padding: .25em 15px;
	width: 400px;
}
fieldset p.invalid {
	background: #FFFFCC;
}

#preview-badge p {
	text-align: center;
	font-weight: bold;
	margin: .75em 3px .75em 2px;
	padding: 0 10px;
}
#preview-badge p.name {
	margin-top: 95px;
}
#preview-badge p.company-activity {
	border-top: 2px solid #d5d4d4;
	padding-top: .5em;
	width: 275px;
	position: absolute;
	bottom: 0;
}

/* =select */
select {
	float: left;
	width: 3em;
}
.country select {
	/* the extra 1% is necessary for reliable rendering (?!)*/
	width: 66%;
}
.selectbox select {
	width: auto;
}

/* =textarea */
textarea {
	float: left;
	width: 65%;
	height: auto;
	margin-bottom:5px;
}
/* =ul */
fieldset ul {
	background: none;
	margin: 1px 0;
	padding: .25em 15px;
	font-size: 0.9em;
	color: #555555;
}

fieldset ul li fieldset {
	background: none;
	border: none;
	margin: 1px 0 1px 12px;
	padding: 0;
	width: auto;
}

fieldset ul li fieldset legend {
	background: none;
	font-weight: normal;
	font-style:italic;
	position: relative;
	left: 20px;	
}


fieldset ul li fieldset input {
	width: 200px;
	margin-left: 20px;
}

fieldset ul li fieldset ul li p {
	width: 360px;
}

fieldset ul li fieldset ul li p label {
	margin-left: 20px;
	font-size: 1.1em;
}



.display-holder ul {
	margin: 6px 0 0;
	padding: 0;
}
/* =anon */
.validation { 
	color: #CC0000;
	list-style: none;
	margin-top: 15px;
	margin-bottom: 15px;
}

.validation ul li{
	list-style-type: none;
	
}

.delegate {
	margin:0px;
	padding:0px;
	list-style: none;
}
.delegate h3{
	margin:10px 0px 0px;
	padding:0px;
	list-style: none;
}

.delegate li{
	list-style: none;
	padding:0px;
	margin-top:10px;
}

.delegate ul{
	list-style: none;
	padding:0px;
	margin:5px 0px 0px;
}

.package {
	margin:1em 0px;
	padding:6px 0 6px 8px !important;
	border: 1px solid #336699;
	color: #003366;
}

.free 
{
    margin:1em 0 !important;
	padding:6px 0;
}


.package.sold-out, .package.disabled
{
	background: #eeeeee;
	color: #006699;
}


#frontLogin, #registerCallToAction {
	width: 47%;
	height: 290px !important;
	margin:2px;
	padding:6px 0 12px 8px;
	border: 1px solid #336699;
	background:#fff url(/zone/images/gradient_blue.jpg) repeat-x;
	color: #003366;
	float: left;

}

#accountInvoiceSection, 
#accountPaymentsSection, 
#accountCreditNotesSection, 
#yourBookingSection, 
#yourAttendeesSection,
#termsAndConditionsSection,
#welcomeSection {
	width: 94%;
	margin:2px;
	padding:6px 8px 2px 8px;
	border: 1px solid #336699;
	color: #003366;
}

.accountInvoiceSection, 
.accountPaymentsSection, 
.accountCreditNotesSection, 
.yourBookingSection, 
.yourAttendeesSection,
.termsAndConditionsSection,
.welcomeSection {
	width: 100%;
	margin:2px;
	padding:6px 8px 12px 8px;
	border: 1px solid #336699;
	color: #003366;
}


#registerCallToAction {
	text-align: center;
}

#registerCallToAction a img 
{   
    border: none;
    margin-top: 20px;
}


#frontLogin input {
	width: 210px;
}


#frontLogin h3, #registerCallToAction h3 {
	text-align: center;
	border-bottom: none;
	width: auto;
}


#LogInRegisterPanel {
	width: 100%;
	height: auto;
	margin: 0 auto;	
	padding: 0;
	float: none;
}


.package p {
	padding: 0 4px;
	margin: 0 0 4px 0;
}

.package p.submit, .package p input {
	margin: 0 0 2px 0;
	padding: 0;
}

.package h3{
	margin:0px;
	padding:4px 2px 4px 4px;
	height:auto;
	width: 96%;
	list-style: none;
	background-color:#6699cc;
	color: #ffffff;
	border-bottom: none;
	font-size: 1.3em;
}

.package.sold-out h3, .package.disabled h3
{
	color: #eeeeee;
}

.package h3 span.sold-out
{
	color: #CC0000;
}

.package h4 {
	padding-left: 4px;
	padding-top: 0;
	margin-top: 2px;
}

.package ul{
	list-style: disc inside !important;
	padding:4px;
	margin: 0;
	
}

.package li{
	padding:0;
	margin: 0;
	border: none;
}
.packageDetails{
	list-style: none;
	padding:0px;
}
ul.packageDetails {
	margin:10px;
	padding:0px;
	border:none;
}
li.packageDetails {
	margin:2px 0px;
	padding:0px;
	
}
.packageDetails li,.packageDetails ul{
	border:none;
	padding:0px;
	margin:0px;
}

.packageRadio{
	width: 10%;
	list-style: none;
	float:right;
	margin-top:2px;
	margin-bottom:0px;
}

.delegateRadio{
	width: 15px;
	list-style: none;
	float:left;
	margin-top:0px;
	margin-bottom:0px;
	text-align: left;
	margin-right: 20px;
}

.packageLabel{
	float:left;
	width:70%;
	margin-bottom:0px;

}
.packageTitle{
	padding: 0px;
	background-color:#467394;
}

.addType
{
	width: 80%;
	float:left;
	padding-top: 3px;
}
.packageCheck{
	float:right;
	width: 20px;
	margin-top: -16px;
}

.price{
	margin-bottom:0px;
	padding-left:10px;
	padding-bottom:5px;
	margin-top:0px;
	font-weight: bold;
}



.summary{
	border:#666666 1px solid;
}

.display-holder {
	overflow: hidden;
}
.free-text {
	display: block;
}
#preview-address {
	margin: 0 1em;
	font-weight: bold;
}
#preview-badge {
	background: #EEEEEE url(/zone/images/vis_badge.gif) no-repeat;
	/* applying a border stops margin collapsing in Moz; >>
	otherwise the background image shows at the same position as the first line of text */
	border: 1px solid #FFFFFF;
	width: 300px;
	height: 200px;
	margin: 0 auto;
	position: relative;
}




p.boolean { 
	margin: 6px 14px;
	background-color:#ffffff;
	padding:0px;
}
.checkbox_section{
	margin: 0px;
	background-color:#FFFFFF;
	padding:0px;
	width:auto;
}
.display-holder single ul{
	background-color:#FFFFFF;
} 

ul.question{
	padding-left:10px;
}

.in-progress {
	padding: 4px;
	border: 1px solid #514d7f;
	background: #ffffff;
	font-weight: bold;
	color: #861473;
	text-align:center;
	margin: 6px 0 10px 0;
}

p.in-progress {
	position:relative;
	font-weight: bold;
	color: #514d7f;
	text-align:center;
	left: 0;
	margin-top: 8px;
	width: 96%;
}
.in-progress a {
	display: none;
}
.in-progress input {
	display: none;
}


.tableBg th {
	vertical-align: top;
	text-align: center;
}

.center {
	text-align: center;
	margin: 0 auto;
}

.addNew {
	width: 2.5em;
	position: relative;
	margin-left: 16px;
	
}

.radioBtn {
	width: 40px;
	margin-left: 20px;
	margin-top: 2px;
}

input[type="radio"]
{
	width: 40px;
	margin-left: 20px;
	margin-top: 2px;
}

/* Calculated fields */

div.mainPane fieldset table#orderForm td.prodName label
{
	width: 100px;
}

div.mainPane fieldset table#orderForm td.qty
{
	vertical-align:top;
	padding-bottom: 5px;
}

div.mainPane fieldset table#orderForm td.qtyNonCalc
{
	vertical-align:top;
	padding-bottom: 5px;
}
div.mainPane fieldset table#orderForm td.qtyNonCalc input
{
	width: inherit;
}

.marketingCode
{
	display: none;
}

a.go
{
	padding-left: 20px;
	background-image: url("/zone/images/goG.png"); 
	background-repeat: no-repeat; 
	min-height: 16px;
}

a.invoice
{
	padding-left: 20px;
	background-image: url("/zone/images/page_white_text.png"); 
	background-repeat: no-repeat; 
	min-height: 16px;
}

input.linkButton
{
	width: auto;
	background-color: Transparent; 
	text-decoration: underline; 
	font-weight: bold;
	border: none; cursor: pointer;
	font-size: 0.9em;
	position: relative;
	top: 2px;
	left: 7px;
	margin: 0 auto;
}

input.linkButton2
{
	width: auto;
	background-color: Transparent; 
	text-decoration: none; 
	font-weight: bold;
	border: none; cursor: pointer;
	font-size: 0.9em;
	position: relative;
	top: 2px;
	left: 7px;
	margin: 0 auto;
}

ul.tabList 
{
    width: 90%;
    padding-left: 0;
    margin-left: 0;
    position: relative;
    left: -6px;
}

ul.tabList li {
    display: inline-block; 
    width: 130px !important;
    text-align: center;
    border: 1px solid #336699;
    background: #608ca7;   
    margin: 2px !important;
    padding: 3px 8px;
}

ul.tabList li a {
    color: #ffffff;
}



input.text 
{
    border: 1px solid #ff0000;
}

.attendenceTypeInfoPanel 
{
    display: block;
    width: 100% !important;
}

select.countryCodeDropDown 
{
    position: relative;
}
    

fieldset#catalogueEntry label
{
	font-weight: bold;

}

div.alert
{
	border: 2px solid #f00;
	color: #f00;
	text-align:center;
	padding: .5em;
	
}