﻿body {
}

.dockRight {
background-color:#E6EDFF;
border:1px solid #000;
padding:10px;
margin-bottom:10px;
}

.errorMsg {
display:block;
}

.errorMsg span{
display:block;
}

h1 {

padding:4px;
font-size:22px;
text-align:left;
}

#memRightCol h2 {
color:#fff;
padding:4px;
text-align:right;
font-size:80%;
}

.linkDocType {
display:block;
margin-left:10px;
}

.postRegistrationStatus {
background-color:#E6EDFF;
border:1px solid #000;
padding:10px;
margin-bottom:10px;
}

.postRegistrationStatusProgress {
background-color:#9BBBDB;
border:solid 1px #5B88B9;

padding-left:275px;
color:#fff;
font-weight:bold;
font-size:11px;
background-image:url(/images/ukMembers/postApplication/scusaGiiiirls.jpg);
background-repeat:no-repeat;
}

.postRegistrationStatusText {
background-color:#9BBBDB;
border:solid 1px #5B88B9;
margin-top:5px;
padding:5px;
color:#333;
font-size:11px;
}

#trekAmerica 
{
width: 100%;
background: transparent url(/images/trek.gif) top left no-repeat;
height: 80px;
margin-bottom: 20px;

}

#trekAmerica h3
{
	font-size: 12pt;
padding-left: 110px;
color: #cc3333;
}

#trekAmerica .highlight
{
color: #cc3333;
font-weight: bold;

}

#trekAmerica p
{
padding-left: 110px;
line-height: 1.5em;
}


#memRightCol {
float:left;
width:250px;
padding:5px;
color:#333;
font-size:80%;
}

#memRightCol a {
font-weight:bold;
}

#memLeftCol {
float:left;
width:690px;
 margin-right:10px;
 font-size:80%;
}

#floatWrapper {
width:100%;
overflow:auto;
}

#progChooserRight a{
display:block;
margin-bottom:5px;
margin-left:5px;
padding-left:22px;
}

.newProgrammeBtn {
height:30px;
padding:5px;
padding-left:50px;
margin-top:10px;
}

.typeOfCamp {
width:600px;
}

.typeOfCamp td {


}

.typeOfCamp input{
width:30px;
}

#appFormWrapper {
padding:10px;
background-color:#fff;
color:#333;
line-height:18px;
}

#appFormWrapper td{
padding:5px;
}

.appFormTextBox {
width:250px;
padding:5px;
}

.toolTip {
width:400px;
border:1px solid #ccc;
}

.progressBar {
color:#000;
font-weight:bold;
height:14px;
padding-top:0px;
padding-bottom:3px;
}

.progressCell {
padding:0px;
}

.progressBar span {
padding-left:5px;
margin-bottom:5px;
}

.progressTable a {
margin-bottom:5px;
}

.progressTable {
margin-bottom:10px;
}

.rightStatus td {
padding:3px;
}

.validField {
width:380px;
padding:5px;
background-color:#FFFFCC;
border:1px solid #fc0;
}

.bigValidField {
width:620px;
padding:5px;
background-color:#FFFFCC;
border:1px solid #fc0;
}

.btnChooseProgramme {
display:block;
}

#overflowWrapper {
width:100%;
overflow:auto;
}

#interviewOverflowWrapper {
width:630px;
margin-left:25px;
overflow:auto;

padding:10px;
border:3px solid #4596CD;
}

#interviewOverflowWrapper p {
font-size:75%;
margin-left:-40px;
}

#interviewOverflowWrapper h3 {
font-size:75%;
margin-left:-40px;
}

.interviewTown {
width:185px;
float:left;
margin-right:10px;
padding:5px;
border:3px solid #003882;
}

.interviewDate {
width:185px;
float:left;
margin-right:10px;
padding:5px;
border:3px solid #003882;
}

.interviewSession {
width:185px;
float:left;
padding:5px;
border:3px solid #003882;
}

.downloadForms a {
display:block;
margin-bottom:5px;
font-size:80%;
}

.CenteredLoadingPanel {   
position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000 url(/images/loading/loading.gif) center center no-repeat;
	opacity: .80;
	filter: alpha(opacity=80);
    }   
 
 body {
 margin:0px;
 min-height:100%;
 }
 
 html {
 min-height:100%;
 }
 
 form {
 min-height:100%;
 }
 
  
    /* The following CSS needs to be copied to the page to produce textbox-like RadEditor */
    .reWrapper_corner, .reWrapper_center 
    {
           display: none !important;                
    }
                
    .reLeftVerticalSide, 
    .reRightVerticalSide, 
    .reToolZone,
    .reToolCell
    {
        background: white !important;
    }
    
    .reContentCell
    {
        border-width: 0 !important;
    }
    
    .RadEditor
    {
           filter: chroma(color=c2dcf0);
    }


.workingProgrammesChooser {
float:left;
width:315px;
background-color:#65B5BE;
margin-right:10px;
padding:5px;
border:1px solid #176474;
}

.workingProgrammesChooser img {
float:left;
width:72px;
margin-right:5px;
padding:3px;
border:1px solid #176474;
background-color:#fff;
}

.volunteerProgrammesChooser {
float:left;
width:315px;
background-color:#65B5BE;
padding:5px;
border:1px solid #176474;
}

.volunteerProgrammesChooser table td{
padding:0px;
}

#sectionNav {
margin-left:40px;
width:660px;
overflow:auto;
margin-bottom:10px;
font-weight:bold;
padding-top:10px;
font-size:80%;
}

#sectionNav a {
width:30%;
margin-right:2px;
margin-bottom:2px;
float:left;
text-align:center;
padding:4px;
text-decoration:none;
}

.stepDiv {
padding:5px;
margin-bottom:10px;
width:660px;
background-color:#fff;
line-height:1.4em;
}

.stepDiv a:Link, .stepDiv a:Visited {
font-weight:bold;
}

.stepDiv p {
margin-left:-40px;
}

.workProgrammes {

}

.campProgrammes {

}

.volunteerProgrammes {

}

#overflowWrapperProgrammes {
width:650px;
overflow:hidden;
font-size:80%;
margin-left:60px;
margin-top:20px;
}
#overflowWrapperProgrammes a{
display:block;
font-weight:bold;
padding:5px;

}

.workProgrammes {
width:190px;
height:186px;
float:left;
margin-right:20px;
background-image:url(/images/ukMembers/apply/workAbroad.jpg);
background-repeat:no-repeat;
}

.workProgrammes a:Link, .workProgrammes a:Visited {
color:#0497A1;
}

.workProgrammes a:Hover, .workProgrammes a:Active {
color:#fff;
background-color:#0497A1;
}

.campProgrammes a:Link, .campProgrammes a:Visited {
color:#E2AE0A;
}

.campProgrammes a:Hover, .campProgrammes a:Active {
color:#fff;
background-color:#FCD764;
}

.volunteerProgrammes a:Link, .volunteerProgrammes a:Visited {
color:#E8578E;
}

.volunteerProgrammes a:Hover, .volunteerProgrammes a:Active {
color:#fff;
background-color:#E8578E;
}


.campProgrammes {
width:190px;
height:186px;
float:left;
margin-right:20px;
background-image:url(/images/ukMembers/apply/summerCamp.jpg);
background-repeat:no-repeat;
}

.volunteerProgrammes {
width:190px;
height:340px;
float:left;
background-image:url(/images/ukMembers/apply/volunteer.jpg);
background-repeat:no-repeat;
}

.workProgrammesTop {
background-image:url(/images/ukMembers/apply/workTop.jpg);
width:217px;
height:90px;
}

.campProgrammesTop {
background-image:url(/images/ukMembers/apply/campTop.jpg);
width:217px;
height:90px;
}

.volunteerProgrammesTop {
background-image:url(/images/ukMembers/apply/volunteerTop.jpg);
width:217px;
height:90px;
}


.workProgrammesMain {
width:166px;
margin-top:80px;
padding-left:10px;

}

.campProgrammesMain {
margin-top:80px;
width:166px;
padding-left:10px;

}

.volunteerProgrammesMain {
width:166px;
margin-top:80px;
padding-left:10px;

}

.workProgrammesBtm {
background-image:url(/images/ukMembers/apply/workBtm.gif);
width:217px;
height:10px;
}

.campProgrammesBtm {
background-image:url(/images/ukMembers/apply/campBtm.gif);
width:217px;
height:10px;
}

.volunteerProgrammesBtm {
background-image:url(/images/ukMembers/apply/volunteerBtm.gif);
width:217px;
height:10px;
}


.rightColDivMain {
background:#fff;
}

.questionLabel {
width:220px;
}

.saveBtn {
width:194px;
height:34px;
background-repeat:no-repeat;
padding:13px;
font-size:80%;
font-weight:bold;
margin-top:10px;
margin-left:40px;
text-align:right;
}

.saveBtnPrev {
width:194px;
height:34px;
background-repeat:no-repeat;
padding:13px;
font-size:80%;
font-weight:bold;
margin-top:10px;
margin-left:40px;
text-align:left;
}

.helpBox {
border:1px solid #4596CD;
}

#ProgrammeContent .saveBtn a:Link, #ProgrammeContent .saveBtn a:Visited {
color:#fff;
text-decoration:none;
}

#ProgrammeContent .saveBtn a:Hover, #ProgrammeContent .saveBtn a:Active {
color:#000;
text-decoration:underline;
}

#ProgrammeContent .saveBtnPrev a:Link, #ProgrammeContent .saveBtnPrev a:Visited {
color:#fff;
text-decoration:none;
}

#ProgrammeContent .saveBtnPrev a:Hover, #ProgrammeContent .saveBtnPrev a:Active {
color:#000;
text-decoration:underline;
}

.heading h2 {
font-size:100%;
}

.helpTable {
background:#fff;
width:660px;
font-size:80%;
}

.helpTable td {
border-bottom:1px solid #ccc;
}

.appFormTextBox {
    width:380px;
}

#Resources {
font-size:90%;
}

#Resources a {
font-weight:bold;
}

.downloadsDiv 
{
background-color:#fff;
font-size:80%; 
margin-top:10px;
padding:10px;
width:650px;
}

.downloadsDiv a {
display:block;
margin-bottom:5px;
}

#progChooserRight a
{

    background: #ffffff url(images/PrognextStepBullet.png) left center no-repeat;
}

.newProgramme {
width:200px;
text-align:center;
padding:5px;
margin-bottom:5px;
font-size:120%;
}

.visaTable {
width:670px;
}

.visaTable select {
width:390px;
}

.visaTable h2 {
background:none;
font-size:120%;
}

.thePhoto {
float:left;
margin-right:10px;
background-color:#4596CD;
padding:4px;
}

.spellCheck {
background-image: url(/images/ukMembers/spellCheck.png);
            background-repeat: no-repeat;
            width: 18px;
            height: 18px;
            display: block;
            outline: none;
            text-indent: -9999px;
}

.cdQuestion {
width:250px;
color:#003882;
}

.theSteps {
width:580px;
overflow:auto;
margin:10px 0 10px 110px;
}

.theSteps .theNumber{
color:#fff;
width:20px;
font-size:120%;
margin:8px 0 0 13px;
}

.theSteps .inactiveDot{
float:left;
margin-right:20px;
font-weight:bold;
height:50px;
color:#000;
background: url(/images/ukMembers/progressBars/brownDot.gif) no-repeat 0% 0%;
}

.theSteps span{
float:left;
width:80px;
line-height:1.1em;
font-size:90%;
color:#503B3C;
margin:5px 0 0 20px;
}

.theSteps img{
margin:13px 0 0 10px;
}

.noQuestion {
font-weight:normal;
color:#000;
font-size:85%;
display:block;
}