/* Body background and border styles */
body
{
    background-color: #000000;
    background-image: url(/hsc10/zone/Images/bodybackground.jpg);
    background-repeat: repeat-x;
}
.container
{
    background-color: #ffffff;
    border: 1px solid #000000;
}
#contentWrap
{
    background-image: url(/hsc10/zone/Images/background.gif);
    background-repeat: repeat-y;
}

/* Header styles */
#header
{
    height: 225px;
    border-bottom: none;
    background-image: url(/hsc10/zone/Images/header.jpg);
    background-repeat: no-repeat;
    margin-bottom: 0;
}
#header p#loginStatus
{
    float: right;
    padding-top: 1em;
}

/* Navigation styles */
#Navigation
{
    text-align: center;
}
#menu
{
    width: 19.2em;
    background: #eee;
}
#menu ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
#menu a, #menu h2
{
    font-weight: bold;
    display: block;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc #888 #555 #bbb;
    margin: 0;
    padding: 2px 3px;
}
#menu h2
{
    color: #fff;
    background: #000;
    text-transform: uppercase;
}
#menu a
{
    color: #429718;
    background: #efefef;
    text-decoration: none;
}
#menu a:hover
{
    color: #fff;
    background: #429718;
}

/* Footer styles */

#footer
{
    text-align: center;
    padding-top: 10px;
    border-top: solid 1px #000041;
    height: 25px;
    background-image: url(/hsc10/zone/Images/footer.jpg);
}

#print
{
    display: none;
}

#branding
{
    background: none;
    margin: 0;
    padding: 0;
    width: 950px;
    height: 197px;
    position: absolute;
    top: 0;
    z-index: 1;
}

#branding img
{
    margin: 0;
}

div#eventDetails
{
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: -1;
}

div#strapline
{
    position: relative;
    font-size: 1.6em;
    z-index: 0;
    top: 30px;
    left: 20px;
}

.floatright
{
    float: right;
    margin: 10px;
}

.floatleft
{
    float: left;
    margin: 10px;
}

h2, h3
{
    color: #429718;
}

fieldset
{
    border: none;
    margin: 0;
}

fieldset legend
{
    color: #427318;
}

fieldset.telephone
{
    padding: 6px 0 4px 0;
}

fieldset.telephone legend
{
    font-size: 1em;
    color: #222222;
}

fieldset.telephone label
{
    font-style: italic;
    font-weight: normal;
}


.phoneLeadingZero  
{
    margin-right: -16px;
    margin-left: 16px;
}



input#ctl00_ContentPlaceHolderBody_ContactForm1_ButtonSignUpForMe
{
    margin-left: 16px;
}


.attendenceTypeInfoPanel
{
    border-bottom: 1px solid #90c79f;
    margin-bottom: 10px;
}

.attendenceTypeInfoPanel h4
{
    font-weight: bold;
    color: #427318;
}

.continue img
{
    cursor: pointer;
}

div #ctl00_ContentPlaceHolderBody_PersonalSummary_personalSummaryPanel.personalSummary
{
    border: none;
    padding-left: 0;
    padding-bottom: 0;
    font-size: 1.2em;
    font-style: italic;
}


div #ctl00_ContentPlaceHolderBody_PersonalSummary_personalSummaryPanel table th
{
    background: #418e1a;
    color: #ffffff;
}


/* Basket Summary Panel */


#basketSummary
{
    width: 200px;
    margin: 0 auto;
    text-align: center;
    padding: 4px;
}



#basketSummary h3
{
    color: #427318;
    margin-top: 8px;
}


#basketSummary p
{
    padding: 0;
    margin: 6px 0;
}



#basketSummary p label
{
    font-weight: bold;
    text-align: left !important;
    width: 70%;
    border: 1px solid #000000;
    padding-left: 0 !important;
    float: left;
}


#basketSummary p.viewBasketSection
{
    margin-top: 20px;
}


#basketSummary table
{
    margin: 0 auto;
    text-align: center;
    background: #eafaef;
    border-collapse: collapse;
    border: 1px solid #427318;
    width: 190px;
}





#basketSummary table caption
{
    border: 1px solid #427318 !important;
    background: #427318;
    color: #ffffff;
    width: 180px !important;
    margin-left: 0;
    font-size: 1.2em;
    text-align: center;
}



#basketSummary table th
{
    background-color: #418e1a;
    border-bottom: 1px solid #427318 !important;
    color: #ffffff;
    text-align: left;
    width: 40%;
}



#basketSummary table td
{
    background-color: #f2fefe;
    border-bottom: 1px solid #427318 !important;
    color: #215b33;
    text-align: right;
    width: 60%;
}

input#ctl00_ContentPlaceHolderBody_PackageRepeater_ctl00_ctl00_btnAddConcise 
{
    display: block !important;
    margin: 10px 0 0 0;
}

div#ctl00_ContentPlaceHolderBody_uOPDetails_Div8.country-name 
{  
    margin-bottom: 20px;
}


.badge {
	background: #ffffff url(/hsc10/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;
	display: block;
	width: 260px;
	height: 189px;
	margin: 0 auto 30px auto;
	position: relative;
}


.badge p {
	text-align: center;
	font-weight: bold;
	padding: 0;
}

.badge p.name {
	margin-top: 68px;
	margin-bottom: 4px !important;
	font-size: 1.2em;
	width: 260px !important;
}

.badge p.jobTitle, .badge p.company {
	margin-top: -3px;
	margin-bottom: 0;
	font-size: 1.1em;
}


.badge p.country {
	margin-top: 0;
	margin-bottom: 10px !important;
	font-size: 1em;
	font-weight: normal;
}

.badge p.company-activity {
	border-top: 2px solid #d5d4d4;
	padding-top: .5em;
	width: 275px;
	position: absolute;
	bottom: 0;
}

.fn 
{
    font-weight: bold;
}

.price h4 
{   
    font-weight: bold;
}

div.attendeeView
{
    border:2px solid #5daf35;
    margin-bottom:1em;
    padding:1em;
}

.personalSummary table, .attendeeView table, .basketTotals table 
{
    width: 99%;
    margin: 0 auto;
    text-align: center;
    background: #f2fefe;
    border-collapse:collapse;
    border: 1px solid #427318 !important;
    font-size: 0.9em;
}






.personalSummary table td, .basketTotals table td
{
    background-color: #f2fefe;
    border-bottom: 1px solid #427318 !important;
    color: #215b33;
    text-align: left;
    width: auto !important;
}


.attendeeView table th
{
    background-color: #418e1a;
    border: 1px solid #427318 !important;
    color: #ffffff;
    text-align: left;
    width: 30% !important;
}


.attendeeView table td 
{
    background-color: #f2fefe;
    border-bottom: 1px solid #427318 !important;
    border-right: 1px solid #427318 !important;
    vertical-align: top;
    color: #215b33;
    text-align: left;
    width: 40%;
    width: auto !important;
}

.attendeeView table td.prices 
{
    text-align: right !important;
}


.basketTotals table th
{
    background-color: #418e1a;
    border: 1px solid #427318 !important;
    color: #ffffff;
    text-align: left;
    width: 52% !important;
}


ul.usertopnav 
{
position: relative;
left: -16px !important;
top: 0;
clear: both;
}

 

ul.usertopnav li 
{
width: 100px;
height: 40px;
display: block;
float: left;
border: 1px solid #427318;
margin: 0 0 -2px 0 !important;
text-align: center;
vertical-align: middle !important;
background: #f2fefe;
padding-top: 4px;
}

ul.usertopnav li.rightselected 
{
background: none;
border-bottom: 1px solid #ffffff;
height: 40px;
}

ul.usertopnav li.rightselected a
{
font-weight: bold !important;
color: #427318;
}

.usertopnav li a 
{
font-size: 1em;
text-decoration: none;
font-weight: normal !important;
color: #006600;
}

ul.usertopnav li:hover 
{
background: #427318;
}

ul.usertopnav li a:hover 
{
color: #ffffff;
}

#welcomeSection h2, #termsAndConditionsSection h2
{
    display: block;
    margin-top: 40px;
}

li.attendeeType 
{
    list-style: none outside !important;
    margin-left: -18px;
    margin-top: -26px;    
}


li.attendeeTypeMultiple
{
    list-style: none outside !important;
    margin-left: -18px;
    margin-top: 0;    
    margin-bottom: 18px;
}


.attendeeName 
{
    font-size: 1.2em;
    font-weight: bold;
    color: #003300;
    border-bottom: 1px solid #8EAFCF;
} 

#accountInvoiceSection, 
#accountPaymentsSection, 
#accountCreditNotesSection, 
#yourBookingSection, 
#yourAttendeesSection,
#termsAndConditionsSection,
#welcomeSection {
	width: 95%;
	margin:2px  2px 20px 2px;
	padding:6px 8px 12px 8px;
	border: 1px solid #427318;
	color: #003300;
}

.accountInvoiceSection, 
.accountPaymentsSection, 
.accountCreditNotesSection, 
.yourBookingSection, 
.yourAttendeesSection,
.termsAndConditionsSection,
.welcomeSection {
	width: 100%;
	margin:2px;
	padding:6px 8px 12px 8px;
	border: 1px solid #427318;
	color: #003300;
}


input#ctl00_ContentPlaceHolderBody_RepeaterOrders_ctl00_lnkbtnDeleteAttendee,
input#ctl00_ContentPlaceHolderBody_repeaterAttendees_ctl01_linkSelectAttendee,
input#ctl00_ContentPlaceHolderBody_repeaterOrderContact_ctl01_linkSelectAttendee,
input#ctl00_ContentPlaceHolderBody_AddInvoicee1_LinkButtonEdit,
input#ctl00_ContentPlaceHolderBody_RepeaterOrders_ctl01_lnkbtnDeleteAttendee,
input#ctl00_ContentPlaceHolderBody_repeaterAttendees_ctl02_linkSelectAttendee
{ 
    margin: 10px 0 4px 0;
}


#header p#loginStatus 
{
    position: relative;
    left: -720px;
    top: 349px;
    background: #ffffff;
    padding: 6px 4px ;
    margin-top: 20px;
    width: 220px;
    border: 1px solid #418e1a;
}

.package 
{
	border-top: 1px solid #5DAF35;
	border-bottom: 1px solid #9FCCCC;
	border-width: 1px 0;
	padding: 0;
	margin: .5em 0 1em;
	background-color:#F2FEFE;
}
.disabled
{
	background: #eee;
}