@import url(/sales_repository/stylesheets/modules_en_GB.css);

/**
 * Templates
 * Use this file with the CMC Markets Style Guide
 * 
 */

/* hide jsp template errors */
span table {
    display: none;
}

div.template {
    position: relative;
    width: 580px; padding: 0;
}
h1 {
    height: 68px; padding: 5px 0 5px 11px;
    border-bottom:solid 1px #303792;
    margin-bottom:10px;
    background: url(/repository/images/misc/blue_index_bg.png) repeat-x right top;

}

address{
    font-weight:bold;
}
div#mainContent {
    padding: 10px;
}

a.redLinkButton:hover{
	background: transparent url(/repository/images/icons/grey_link_icon.png) no-repeat scroll -3px -3px;
	color:#666666;
	}

/**
 * Global initial values
 */
body {
    font-size: 0.7em; font-family: Verdana,Arial,Helvetica,sans-serif; color: #3A3A3A; line-height: 1.3em;
}

/*
 * ---------------------------------------- CONTENT MODULES -----------------------------------------------
 *
 * C1: Page Title for T3-5
 */
div#t3a h2, div#t3b h2, 
div#t4 h2, div#t5 h2 {
    text-indent: 0; font-weight: bold; font-size: 1.3em; color:#263d5f;
    background-image: none !important; 
    padding-bottom: 5px; /* Required to stop IE7 cutting bottom off titles */
}

/**
 * C3: Tag Line for T3-5
 */ 
div#t3a h3, div#t3b h3, 
div#t4 h3, div#t5 h3 {
    height:auto;        
    text-indent: 0; font-size: 1.2em; font-weight: bold; color:#263d5f;
    background-image: none !important;  
}
/**
 * C4: Paragraph/body copy 
 */
div#t3a h4, 
div#t3b h4, 
div#t4 h4, 
div#t5 h4 { 
    margin: 1em 0 1em 0;
    font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 1.1em;  color:#387EC1;  
} 
h5 { 
    margin: 0 0 1em 0;
    font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 1em; color:#387EC1;
    line-height: 130%;  
}

p { 
    margin: 0 0 1em 0;
    font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 1em; color: #3A3A3A; 
}
ul {
    margin: 0 0 1em 17px;
}
ul li {
    margin: 0 0 0.5em 0;
    font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 1em; line-height: 130%;
    list-style-image: none;
}
/**
 * C5: Text Links
 */
p a, 
li a, 
th a, 
td a, 
label a, 
h4 a, 
dl a { 
    text-decoration: underline; color: #387EC1;
}

a.email{
    color: #387EC1;
}

p a:hover, 
li a:hover, 
th a:hover, 
td a:hover, 
label a:hover, 
h4 a:hover, 
dl a:hover { 
    color: #BB9F53;
}

/**
 * C7: Downloadable Link 
 * Example:
 *  <a href="#" class="downloadLink" rel="document"><span class="document">Terms of Business</span><span class="format">(PDF 45k)</a>
 */
a.downloadLink {
    display: block; height: auto; padding: 0 0 0 0; margin: 0 0 1em 0;
    text-decoration: none; color: #387EC1; 
    background: none;
}
a.downloadLink span.document,
a.downloadLink span.file {
    padding-right: 1em;
    text-decoration: underline; font-weight: bold;
}
a.downloadLink span.format {
    text-transform: uppercase; color: #387EC1;
}

/*
 * --------------------------------------------- FORM MODULES --------------------------------------------
 *
 * Universal Form Styles for F1, F2, F3, F4
 */
div.form p {
    color: #3A3A3A;
}
table.form { 
    border-width: 0; margin: 14px 0 14px 0;
}
table.form th {
    padding: 0 0 14px 0; border-bottom-width: 0; border-right-width: 0;
    font-weight: bold; font-size: x-small; color: #333333; vertical-align: top;
    background-color: transparent;

}
table.form td {
    padding: 0 0 14px 0; border-bottom-width: 0; 
    color: #3A3A3A; vertical-align: top;
}
/* Checkbox holder */
div.checkbox {
    border: 1px solid #3A3A3A;
    color: #3A3A3A;
}
/* Radio group holder */
div.radioGroup {
    border: 1px solid #000000; 
}
div.radioGroup label {
    color: #3A3A3A;
}

/* Declaration box */
div.declarationBox {
    border: 1px solid #000000; 
    color: #3A3A3A;
    background-color: #f7f7f7;
}


/**
 * F3: Submission form: single step.
 */
 
/* Form Table */
div#formSingleStep {
    width: 457px;
}
div#formSingleStep table.form { 
    width: 100%;
}
div#formSingleStep table.form th {
    width: 162px; padding-right: 12px;
}
div#formSingleStep div.checkbox {
    width: 96%;
}
div#formSingleStep  div.radioGroup {
    width: 96%;
}
div#formSingleStep div.declarationBox {
    width: 96%;
}

/**
 * F4: Submission form: multiple steps
 */
div#formMultipleSteps {
    margin-left: 175px;
}
/* Header */
div#formMultipleSteps h3{
    margin-top: 0;
}
/* Form Table */
div#formMultipleSteps table.form { 
    width: 387px;
}
div#formMultipleSteps table.form th {
    width: 122px; padding-right: 12px;
}
div#formMultipleSteps div.checkbox {
    width: 96%;
}
div#formMultipleSteps  div.radioGroup {
    width: 96%;
}
div#formMultipleSteps div.declarationBox {
    width: 96%;
}
 
/* Step Indicator */
ol#stepIndicator {
    position: absolute; left: 15px; top: 55px;
    margin: 0 0 0 0; padding: 0 0 0 25px; width: 140px;
}
ol#stepIndicator li {
  padding: 1px 0 0 5px; margin: 0 0 10px 0;
  font-weight: normal; color: #3A3A3A;
  background-position: 0 0; background-repeat: no-repeat;
}

ol#stepIndicator li.selected {
    color: #387EC1; font-weight: bold;
}

/**
 * F6: Form labels
 */

form .invalid, form p.invalid {
    color: #c90000 !important; font-weight: bold;
}

/** 
 * F7: Form Inputs
 */
/* Inputs */
input.text, select, input.password {
    padding: 2px; margin-bottom: 2px; font-size: 1em; border: 1px solid #000000;
    font-family: Verdana, Arial, sans-serif; color: #000000;
}
input.text, input.password {
    width: 210px;
}
select {
    width: 212px;
}
/* Text area */
textarea {
    width: 279px; padding: 2px; height: 98px; border: 1px solid #000000;
    font-family: Verdana, Arial, sans-serif; font-size: 1em;
}
/* Fieldsets */
fieldset {
    border-width: 0; padding: 0; margin: 0;
}
fieldset.hiddenFields {
    display: none;
}

/* Date */
form fieldset.date input.text {
    width: 20px; margin-right: 3px; 
}
form fieldset.date input#current_date_dob_year, 
form fieldset.date #current_date_declarationTodaysDate_year {
    width: 40px;
}
/*  Bank Sort Code */
form fieldset.bankSortCode input.text {
    width: 25px; margin-right: 3px; 
    text-align: center;
}

/* Small Fields */
select#current_title{
    width: 160px;
}
input#current_homePostcode {
    width: 89px;
}

/** 
 * F8: Form Butttons
 */
div#formFooter {
    font-weight: bold;
} 
 
input.submit,
div#formFooter input.submit {
    height: 22px; margin-left: 10px;
    color: white;
}

input#submit {
    width: 60px;
    background-image: url(/repository/images/buttons/submit_en_GB_galvan.png);
}
input#back {
    width: 60px;    
    background-image: url(/repository/images/buttons/previous_en_GB_galvan.png);
}
input#next {
    width: 60px;    
    background-image: url(/repository/images/buttons/continue_en_GB_galvan.png);
}
input#register {
    width: 60px;    
    background-image: url(/repository/images/buttons/register_en_GB_galvan.png);
}

/* Radio group holder */
fieldset.radioGroup label {
    float: left; margin-right: 1em;
}