﻿body {
}

.theSteps {
width:580px;
overflow:auto;
margin:10px 0 10px 110px;
}

.theSteps .theNumber{
color:#fff;
width:20px;
font-size:120%;
margin:8px 0 0 13px;
}

.leftFloat 
{
    float:left;
}

.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:#00999F;
margin:5px 0 0 20px;
}

.theSteps img{
margin:13px 0 0 10px;
}


.activeStep {
float:left;
margin-right:20px;
font-weight:bold;
height:50px;
color:#CB4D7D;
background: url(/app_themes/scusa/images/stepDot.gif) no-repeat 0% 0%;
}


.activeStep span{
float:left;
width:80px;
line-height:1.1em;
font-size:90%;
color:#CB4D7D;
margin:5px 0 0 20px;
}

.downloadForms a:link, .downloadForms a:visited {
font-size:100%;
text-decoration:none;
}


.rightColLinks a {
display:block;
text-decoration:none;
color:#ccc;
line-height:2em;
border-bottom:1px dashed #333;
padding:0 0 0 5px;

}

.rightColLinks a:hover {
background-color:#666;
color:#000;
border-bottom:1px solid #666;
}

.rightColLinks img {
margin-right:10px;
border:none;
}

.stepDiv {
padding:5px 5px 1px 5px;
margin-bottom:5px;
border:1px solid #ccc;
background-image:url(/images/global/textTop.jpg);
background-repeat:repeat-x;
}

.stepDiv strong {
font-weight:bold;
font-size:120%;
display:block;
color:#CB4D7D;
margin:0 0 3px 0;
}

.fieldTable {
padding:5px 5px 1px 5px;
border:1px solid #ccc;
background-image:url(/images/global/textTop.jpg);
background-repeat:repeat-x;
width:100%;
margin-bottom:10px;
font-size:90%;
}

#mainContent .fieldTable td {
padding:3px;
border-bottom:0px solid #fff;
}

.fieldTable .question {
width:200px;
font-weight:normal!important;
}

.fieldTable strong {
font-weight:bold;
}

.fieldTable input {
width:98%;
padding:3px;
border:1px solid #ccc;
font:normal 100% arial;
color:#666;
}

.fieldTable select {
width:99%;
padding:3px;
font:normal 100% arial;
border:1px solid #ccc;
color:#666;
}

#mainContent .fieldTable textarea {
width:96%;
padding:5px;
border:1px solid #ccc;
font:normal 110% arial;
line-height:1.3em;
color:#666;
}

#mainContent .fieldTable textarea:hover {
border:1px solid #999;
}

#mainContent .fieldTable textarea:focus {
border:1px solid #CB4D7D;
}

.fieldTable select:hover {
border:1px solid #999;
}

.fieldTable select:focus {
border:1px solid #CB4D7D;
}

.fieldTable input:hover {
border:1px solid #999;
}

.fieldTable input:focus {
border:1px solid #CB4D7D;
}

.programmesList td{
padding:10px;
width:200px;
}

.programmeList table {
width:600px;
}

.loginTable {
margin-top:10px;
font-weight:bold;
}

.loginTable td {
padding:3px;
font-weight:bold;
}




.submitLink {
padding:5px 10px 5px 10px;
margin:0 0 10px 0;
color:#fff;
text-decoration:none;
background-color:#00999F;
-moz-border-radius: 4px;
     -webkit-border-radius: 4px;
      transition: all .2s linear;
   -o-transition: all .2s linear;
   -moz-transition: all .2s linear;
   -webkit-transition: all .2s linear;
   font-size:110%;
   font-weight:bold;
}

.submitLink:Hover {
background-color:#CB4D7D;
}

.greyBackground {
background-color:#333;
font-weight:normal;
}

.pinkBox p a:Link, .pinkBox p a:visited {
color:#CB4D7D;
}

.pinkBox p a:hover, .pinkBox p a:active {
color:#00999F;
}
.fieldTable:hover {
border:1px solid #999;
}

.fieldTable .validation {
color:#CB4D7D;
}

#mainContent .progressTable a:Link, #mainContent .progressTable a:Visited{
display:block;
text-decoration:none;
color:#F4CB4D;
line-height:2em;
padding:0 0 0 5px;
}

#mainContent .progressTable td {
padding:1px;
border-bottom:1px solid #333;
}

.progressTable table{
margin-bottom:10px;
width:100%;

}

.progressTable {
margin-bottom:10px;
width:100%;
}

#mainContent .progressTable a:hover {
color:#D94D7D;
}

.progressBar {
background-color:#444;
padding:2px 0 2px 5px;
margin-bottom:5px;
border:1px solid #000;
color:#ccc;
}

.checkBoxLists input {
width:15px;
border:0px solid #ccc;
margin-bottom:0px;
}

.checkBoxLists input:hover {
border:0px solid #ccc;
}

.checkBoxLists input:focus {
border:0px solid #ccc;
}


.interests .checkBoxLists td {
width:205px;
color:#666;
font-size:85%;
border-bottom:0px solid #ccc;
margin-bottom:0px;
}

.interests td {
border-bottom:1px solid #ccc;
}

.required {
color:#cc0000;
display:inline;
}

.questionControl 
{
    padding:0px;
}

.newProgramme:link, .newProgramme:visited {
color:#fff;
margin:0 0 10px 5px;
font-weight:bold;
text-decoration:none;
display:block;
}

.newProgramme:hover, .newProgramme:active {
color:#CB4D7D;
}

#overflowWrapperProgrammes {
width:100%;
overflow:hidden;
}

#overflowWrapperProgrammes div {
width:190px;
float:left;
margin-right:10px;
border:1px solid #ccc;
padding:5px;
background-image:url(/images/global/textTop.jpg);
background-repeat:repeat-x;
}

#overflowWrapperProgrammes div a{
display:block;
line-height:1.6em;
}

.submitBtn {
width:100%;
overflow:hidden;
}

#leftContent .submitBtn a:link, #leftContent .submitBtn a:visited {
color:#fff;
        text-decoration:none;
        width:150px;
        float:left;
        text-align:center;
        font-size:130%;
        -moz-box-shadow: 0px 1px 4px #000;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        text-shadow: 1px 1px 2px #333;
        background:#B63868;
        background-image: -moz-linear-gradient(100% 100% 90deg, #9A1C4C, #CB4D7D);
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CB4D7D), to(#9A1C4C));
        padding:10px 30px 10px 30px;
        font-weight:bold;
              transition: all .2s linear;
   -o-transition: all .2s linear;
   -moz-transition: all .2s linear;
   -webkit-transition: all .2s linear;
   margin-right:10px;
}



#leftContent .submitBtn a:hover {
background-color:#333333;
background-image: -moz-linear-gradient(100% 100% 90deg, #282828, #555555);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#555555), to(#282828));
}

.costsTable {
background-color:#282828;
width:100%;
border:1px solid #000;
padding:2px;
}

.costsTable td {
padding:3px;
}

.costsTable h3 {
color:#F4CB4D;
font-size:110%;
}


.smallerBtn {
float:left;
width:190px;
font-size:90%;
margin-right:10px;
padding-right:20px;
overflow:hidden;
margin-bottom:10px;
}

#slideshow {
border:1px solid #000;
background:#282828;
}

.essentialsDescription {
float:left;
width:400px;
color:#ccc;
}

.slideImg {
float:left;
width:200px;
margin-right:10px;
border:1px solid #000;
}

#mainContent .fieldTable .radioButtonList {
width:98%;
}

#mainContent .fieldTable .radioButtonList input{
width:15px;
border:0px solid #fff;
float:left;
}


#mainContent .fieldTable .radioButtonList label{
float:left;
}

#mainContent .packageDescription h2 {
color:#F4CB4D;
font-size:120%;
margin:0;
}

.packageDescription {
color:#ccc;
}

#mainContent .checkBox input {
width:15px;
border:0px solid #fff;
}

#mainContent .pickerWrapper_Default td {
border-bottom-width:0px;

}

.dateCell {
overflow:hidden;
height:35px;
}

.smallNote {
font-size:85%;
display:block;
font-weight:normal;
color:#666;
}

.termsConditionsDiv {
padding:5px;
height:300px;
overflow:scroll;
border:1px solid #ccc;
background-image:url(/images/global/textTop.jpg);
background-repeat:repeat-x;
}

.indent {
margin-left:10px;
}

.bigIndent {
margin-left:20px;
}

.helpColumn {
width:30px;
}

.userPhoto {
border:3px solid #000;
}

.toolTip
{
    display: none;
    background: #fff;
    border: 2px solid #00999F;
    width: 300px;
    padding: 15px;
    color: #333;
    background-image: url(/images/global/textTop.jpg);
    background-repeat: repeat-x;
    line-height:1.45em;
    font-weight:normal;
    margin-left: 80px;
    font-size:90%;
}

.helpColumn {
width:12px;
}

.CenteredLoadingPanel {   
    position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000 url(/images/loading/loading.gif) center center no-repeat;
}
     
.callBack 
{
    display:none;
}
    
.brochure
{
    display:none;
}

.theProgrammes
{
    display:none;
}
    
#mainContent .fieldTable {
    padding:3px;
    margin-top:10px;
}

#mainContent .sectionTitle {
    color:#CB4D7D;
    font-size:130%;
    font-weight:bold;
    padding: 4px 0 4px 2px !important;
}

#mainContent .fieldTable .radioButtonListLarge td{
width:154px;
text-align:center;
border:1px solid #ccc;
margin-right:3px;
float:left;
height:60px;
font-weight:bold;
}

#mainContent .fieldTable .radioButtonListLarge td:hover{
background:#333;
color:#ccc;
}


#mainContent .fieldTable .radioButtonListLarge input{
width:15px;
display:block;
margin-left:auto;
margin-right:auto;
border:none;
}

.submitButton 
{
    padding:10px;
}

.btnFloatLeft 
{
    float:left;
}

.btnFloatRight 
{
    float:right;
}

    fieldset 
    {
        
        padding:10px;
        margin-bottom:20px;
        font-size:90%;
    }
    
    #leftContent fieldset 
    {
        background-image:url(/images/global/textTop.jpg);
        background-repeat:repeat-x;
        border:1px solid #ccc;
    }
    
    #rightContent fieldset 
    {
        color:#fff;
    }
    
    fieldset legend 
    {
        padding:10px;
        font: normal normal 120% arial;
        background:#fff;
    }
    
    fieldset li
    {
        list-style-type:none!important;
        width:100%;
        overflow:hidden;
        margin-left:0px!important;
        border-bottom: 1px solid #eee;
        padding:5px 0 5px 0;
    }
    
    fieldset li label 
    {
        float:left;
        width:35%;
        font-weight:bold;
        color:#333;
        margin-right:20px;
    }
    
    #rightContent fieldset li 
    {
       border-bottom-width:0px;
    }
    
    #rightContent fieldset li label 
    {
        color:#fff;
        display:block;
    }
    
    
    fieldset li input 
    {
        float:left;
        width:55%;
        padding:3px;
        color:#666;
        border:1px solid #ccc!important;
    }
    
     #rightContent fieldset li input 
    {
       display:block;
       width:100%;
    }
    
    fieldset li textarea 
    {
        float:left;
        width:97%;
        padding:3px;
        color:#666;
        border:1px solid #ccc!important;
    }
    
    fieldset li input:focus 
    {
        border:1px solid #CB4D7D!important;
        color:#000;
    }
    
    fieldset li input:hover 
    {
        border:1px solid #CB4D7D!important;
    }
    
    fieldset li textarea:focus 
    {
        border:1px solid #CB4D7D!important;
        color:#000;
    }
    
    fieldset li textarea:hover 
    {
        border:1px solid #CB4D7D!important;
    }
    
    fieldset li select 
    {
        float:left;
        width:56%;
        padding:3px;
        color:#666;
        border:1px solid #ccc!important;
    }
    
    .hidden 
    {
        display:none;
    }
    
    fieldset li select:focus 
    {
        border:1px solid #CB4D7D!important;
        color:#000;
    }
    
    fieldset li .radioButtonList label:nth-last-child(-n+1) 
    {
        margin-right:0px;
    }
    
    fieldset li:nth-last-child(-n+1) 
    {
        border-bottom:0px solid #fff;
        padding-bottom:0px;
    }
    
    
    fieldset li .radioButtonList input
    {
        width:15px;
        float:left;
        border:0px solid #fff!important;
    }
    
    fieldset li .radioButtonList label
    {
        float:left;
        width:auto;
        font-weight:normal;
        padding:0px;
        margin-right:0;
    }

    
    fieldset li span 
    {
        display:block;
    }
    
    #leftContentWhite 
    {
        padding:15px;
    }
    
    .validField 
    {
        border:1px solid #cc0000!important;
        color:#cc0000;
    }
    
    .portalBox 
    {
        border:1px solid #ccc;
        padding:10px;
        width:46%;
        float:left;
        margin:0 8px 10px 0;
        background-image:url(/images/global/textTop.jpg);
        background-repeat:repeat-x;
        height:180px;
    }
    
    #leftContent .portalBox h3 
    {
        font-size:115%;
        margin-bottom:10px;
    }
    
    #leftContent .noMargin 
    {
        margin-right:0px;
    }
    
    .theDate 
    {
        color:#666;
        display:block;
        font-size:80%;
        margin:5px 0 5px 0;
    }
    
    #leftContent ui-accordion
    {
        
    }
    
    
    /* Only for collapsible panels on CD Portal 
    
    .ui-widget { font-family: Arial,sans-serif; font-size: 1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 0px solid #aaaaaa; background: #181818 none 50% 50% repeat-x; color: #fff; }
.ui-widget-content a { color: #fff; }
.ui-widget-header { border: 0px solid #aaaaaa; background: #339dac none 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }
    
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 0px solid #d3d3d3; background: #191919 none) 50% 50% repeat-x; font-weight: normal; color: #444; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #fff; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 0px solid #999999; background: #191919 none 50% 50% repeat-x; font-weight: normal; color: #fff; }
.ui-state-hover a, .ui-state-hover a:hover { color: #fff; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 0px solid #aaaaaa; background: #191919 none 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; text-decoration: none; }
.ui-widget :active { outline: none; }*/

.applicantInfo span
{
    color:#00999F;
    font-weight:bold;
}

#leftContent .applicationNav a:link, #leftContent .applicationNav a:visited 
{
    color:#333;
    text-decoration:none;
}

#leftContent .applicationNav a:hover, #leftContent .applicationNav a:active 
{
    color:#1E92A3;
}

#leftContent .applicationNav li .active:link, #leftContent .applicationNav li .active:visited 
{
    color:#1E92A3;
}

#leftContent .applicationNav 
{
    width:180px; margin-right:10px; float:left;
}

#leftContent .applicationNav li
{
    list-style-type:none;
    margin-left:0;
    line-height:1.3em;
    margin-bottom:10px;
}

#leftContent .applicationNav li ul
{
    margin:15px 0 5px 10px;
}

#leftContent .applicationNav li ul li 
{
    border-bottom:0px solid #ccc;
    font-size:75%;
    margin-bottom:7px;
}

.applicantDetails 
{
    background-image:url(/images/global/textTop.jpg);
        background-repeat:repeat-x;
        float:left;
        width:435px;
        border:1px solid #ccc;
        padding:10px;
        overflow:hidden;
}

.applicantDetails td 
{
    padding:5px;
}

#leftContent .applicantDetails fieldset 
{
    border:0px solid #ccc;
    background-image:none;
    margin:0px;
    padding:0px;
    margin-bottom:20px;
}

#leftContent .applicantDetails h2
{
    color:#1E92A3;
}

#leftContent .applicantDetails fieldset label
{
    width:40%;
}


#leftContent .applicantDetails fieldset input
{
    width:50%;
}

#leftContent .applicantDetails fieldset select
{
    width:52%;
}

#mainContent .menu li 
{
    list-style-type:none;
    margin-left:0px;
}

#mainContent .menu li ul li ul li
{
    list-style-type:square;
    margin-left:20px;
}
