/* Minification failed. Returning unminified contents.
(65,1): run-time error CSS1019: Unexpected token, found '@import'
(65,9): run-time error CSS1019: Unexpected token, found 'url("reset.css")'
 */
/*
    CSS Reset from http://meyerweb.com/eric/tools/css/reset/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section
{
	display: block;
}

body
{
	line-height: 1;
}

ol, ul
{
	list-style: none;
}

blockquote, q
{
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after
{
	content: '';
	content: none;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

/*
    End of CSS Reset
*/
@import url("reset.css");

html
{
    width:                              100%;
    height:                             100%;   
    min-height:                         100%;
    background-color:                   #eeeeee;
}

@-moz-document url-prefix()
{ 
  body
  {
     border:                             1px solid #ffffff;
  }
}

body 
{
    max-width:                          1024px;
    min-height:                         100%;
    font-size:                          80%;
    margin-left:                        auto;
    margin-right:                       auto;
    border-left:                        1em solid #c60c30;
    background-color:                   #ffffff;
    font-family:                        arial, helvetica, sans-serif;
    overflow:                           auto;
}

div#page
{ 
    margin:                             1em 2em 1em 2em;
}

.hidden
{
    display:                            none;
    visibility:                         hidden;
}

h1, h2, h3
{
    font-size:                          1.75em;
    font-family:                        "Centro Slab Pro Regular", Cambria, Georgia, Serif;
    color:                              #333333;
}

h1
{
    text-shadow:                        1px 1px 1px #cccccc;
}

h2
{
    font-size:                          1.55em;
    margin-bottom:                      0.5em;
}

div.option h2
{
    font-size:                          1.25em;
}

h3
{
    font-size:                          1.25em;
    text-decoration:                    underline;
}

div
{
    overflow:                           hidden;
}

p
{
    margin-top:                         0.5em;
    margin-bottom:                      0.5em;
    line-height:                        1.25;
}

div#logo 
{
    padding:                            0.75em;
    padding-left:                       0.25em;
}

div#logo div.left
{
    float:                              left;
}
    
div#logo div.right
{
    float:                              right;
}

span#database
{
    display:                            inline-block;
    padding:                            0.5em;
    margin-top:                         1.25em;
    margin-bottom:                      0.25em;
    margin-right:                       1.0em;
    font-size:                          1.25em;
    font-family:                        arial, helvetica, sans-serif;
    font-weight:                        bold;
    background-color:                   #009aa6;
    color:                              #ffcc33;
    border-radius:                      0.3em;
    box-shadow:                         0.3em 0.3em 0.3em #aaaaaa;
}
    
img#salford-logo 
{
    width:                              /*85px*/ 120px;
    height:                             /*53px*/ 75px;
}

div#application-name
{
    display:                            inline-block;
    position:                           absolute;
    top:                                8.75em;
    padding:                            0.75em;
    padding-right:                      6.0em;
    background-color:                   #c60c30;
    font-family:                        "Centro Slab Pro Regular", Cambria, Georgia, Serif;
}

div#application-name h1,
div#application-name p
{
    color:                              #ffffff;
}

div#application-name p
{
    font-family:                        arial, helvetica, sans-serif;
}

img#masthead-photo 
{
    width:                              799px;
    height:                             104px;
    /* border-radius:                      0 4px 4px 0; */
}

div#help-block
{
    width:                              190px;
    height:                             104px;
    display:                            inline;
    float:                              right;
    background-color:                   #c60c30;
    color:                              #ffffff;
    text-align:                         center;
}

div#help-block p
{
    text-decoration:                    underline;
    margin-top:                         1.5em;
    margin-left:                        0.75em;
    margin-right:                       0.75em;
    margin-bottom:                      1.0em;
}

div#stripe
{
    display:                            none;
}

div#navigation
{
    width:                              100%;
    display:                            block;
    margin-top:                         20px;
}

div#navigation-left,
div#navigation-right
{
    display:                            inline;
}

div#navigation-left
{
    width:                              49%;
    text-align:                         left;
    float:                              left;
}

div#navigation-right
{
    width:                              49%;
    text-align:                         right;
    float:                              right;
}

input[type=button],
span.navigation-button,
span.master-button,
span.help-button,
span.action-button
{
    display:                            inline-block;
    border:                             none;
    color:                              #ffffff;
    padding:                            0;
    padding:                            5px;
    padding-left:                       15px;
    padding-right:                      15px;
    font-size:                          1.0em;
    border-radius:                      2px;
}

input[type=button].inline,
span.navigation-button.inline,
span.master-button.inline,
span.help-button.inline,
span.action-button.inline
{
    font-size:                          0.9em;
    padding:                            3px;
    padding-left:                       10px;
    padding-right:                      10px;
}

input[type=button],
span.navigation-button
{
    background-image:                   linear-gradient(#c60c30,#9e0a26);
}

input[type=button]
{
    position:                           relative;
    top:                                0px;
    left:                               0px;
    margin-right:                       4px;
    margin-bottom:                      4px;
} 

input[type=button]:hover
{
    background-image:                   none;
    background-color:                   #9e0a26;
    cursor:                             pointer;
}

input[type=button]:active
{
    top:                                3px;
    left:                               3px;
}

input[type=button].action-button,
span.action-button
{
    background-image:                   linear-gradient(#e37222,#b65b1b);
}

input[type=button].master-button,
span.master-button
{
    background-image:                   linear-gradient(#bed600,#9eab00);
}

input[type=button]#help-masthead,
input[type=button]#help-stripe,
span.help-button
{
    background-image:                   linear-gradient(#009aa6,#007b85);
}

input[type=button]#help-masthead:hover,
input[type=button]#help-stripe:hover
{
    background-image:                   none;
    background-color:                   #007b85;
    cursor:                             pointer;
}

input[type=button].master-button:hover
{
    background-image:                   none;
    background-color:                   #9eab00;
    cursor:                             pointer;
}

input[type=button].disabled,
input[type=button].disabled:hover,
input[type=button].disabled:active
{
    background-image:                   linear-gradient(#cccccc,#888888);
    top:                                0;
    left:                               0;
}

div.line
{
    padding-top:                        5px;
    padding-bottom:                     5px;
}

div.line div.descriptor
{
    float:                              left;
    font-size:                          0.9em;
    margin:                             0.5em;
    margin-right:                       5em;
    padding:                            0.5em;
    line-height:                        1.25em;
    background-color:                   #cccccc;
}

form.payment-options div.line
{
    border:                             1px solid #cccccc;
    border-bottom:                      none;
    padding:                            0.5em;
}

form.payment-options div.line.last
{
    border-bottom:                      1px solid #cccccc;
}

div.line div.descriptor span
{
    display:                            inline-block;
}

div.line div.descriptor span.top, p.top
{
    margin-top:                         10px;
}

label
{
    display:                            inline-block;
    background-color:                   #cccccc;
    font-size:                          0.9em;
    font-weight:                        bold;
    padding:                            5px;
    margin-right:                       20px;
}

label.plain
{
    background-color:                   #ffffff;
    font-size:                          1.0em;
    font-weight:                        normal;
    padding:                            0;
}

label[for=PaymentOption]:not(.ignore)
{
    display:                            inline-block;
    width:                              90%;
}

form#impairments label.plain
{
    padding-left:                       20px;
}

label.nocontent
{
    float: left;
    background-color:                   #ffffff;
    padding:                            5px;
    margin-right:                       22px;
}

div.label,
div.field
{
    display:                            inline;
}

div.field
{
    padding-top:                        5px;
    padding-bottom:                     5px;
    font-size:                          1.0em;
}

div.widefield {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1.0em;
}

.info 
{
    margin-bottom:                      0 !important; 
    padding-bottom:                     0 !important;
}
.info > div.label
{
    vertical-align:                     top;
}
.info > div.field
{
    font-size:                          9pt; 
}
.info-text
{
    color:                              #007b85; 
    display: inline-block;
}

input[type=text],
input[type=password],
textarea,
select
{
    font-family:                        arial, helvetica, sans-serif;
    font-size:                          1.0em;
    border:                             1px solid #cccccc;
    padding:                            2px;
}

input[type=text]:focus,
input[type=password]:focus,
select:focus
{
    border:                             1px solid #000000;
}

input[type=text].small-field
{
    min-width:                          150px;
}

input[type=text].medium-field
{
    min-width:                          250px;
}

input[type=text].large-field
{
    min-width:                          350px;
}

input#City,
input#PostCode
{
    text-transform:                     uppercase;
}

form#credentials input[type=text],
form#credentials input[type=password]
{
    min-width:                          150px;
}

input.input-validation-error,
select.input-validation-error,
textarea.input-validation-error
{
    border:                             1px solid #e37222;
}

div#narrative-line > div.label,
div#narrative-line > div.field,
div#highest-qualification-line > div.label,
div#highest-qualification-line > div.field
{
    display:                            block;
}

section#has-holds ul
{
    margin-left:                        10px;
}

section > h3
{
    margin-bottom:                      1em;
}

section#has-holds ul > li,
section#welcome ul > li,
section#new-student ul > li,
section#returning-student ul > li,
ul#incorrect-details > li
{
    list-style-type:                    disc;
    line-height:                        1.25;
    margin-left:                        20px;                        
}

section#welcome ul,
section#new-student ul,
section#returning-student ul,
ul#incorrect-details
{
    margin-top:                         1em;
    margin-bottom:                      1em;
}

section#welcome ul > li,
section#new-student ul > li,
section#returning-student ul > li,
ul#incorrect-details > li
{
    margin-top:                         0.5em;
    margin-bottom:                      0.5em;
}

section#registered p,
section#not-passed p,
section#has-holds p,
section#not-new-or-continuing p,
section#not-eligible p,
section#invalid-residency p,
section#not-student p,
section#no-single-programme p,
section#too-late p
{
    margin-left:                        10px;
}

div.postal-address
{
    line-height:                        1.25;
    margin-left:                        10px;
}

section#address-tier-4
{
    border:                             1px solid #cccccc;
    padding:                            1em;
    font-weight:                        normal;
}


strong 
{
    text-decoration:                    underline;
}

strong.very 
{
    font-weight:                        bolder;
}

span.tick-heading
{
    font-style:                         italic;
}

div.validation-summary-errors,
span.field-validation-error
{
    display:                            inline-block;
    padding:                            5px;
    margin-top:                         5px;
    margin-bottom:                      5px;
    background-color:                   #e37222;
    color:                              #ffffff;
}

div.validation-summary-valid
{
    display:                            none;
}

div#help-text,
div#logout-text,
div#add-dialog
{   
    display:                            none;
    height:                             auto;
    font-family:                        arial, helvetica, sans-serif;
    font-size:                          0.85em;
}

div#international-logout
{
    margin-left:                        5px;
    margin-right:                       5px;
    border:                             1px solid #cccccc;
    padding:                            1em;
}

div#help-text h4
{
    text-decoration:                    underline;
}

div#help-text ul
{
    margin-left:                        10px;
}

div#help-text ul > li
{
    list-style-type:                    disc;
    line-height:                        1.25;
}

.ui-widget-header
{
    background-image:                   none;
    background-color:                   #c60c30;
    color:                              #ffffff;
}

span.ui-dialog-title
{
    line-height:                        1.5;
    font-family:                        "Centro Slab Pro Regular", Cambria, Georgia, Serif;
    font-style:                         normal;
    font-weight:                        normal;
    font-size:                          1.25em;
    text-shadow:                        2px 2px 2px #77071d;
}

button.ui-button
{   
    padding:                            0 !important;
    margin:                             0 !important;
    border:                             none !important;
    position:                           relative !important;
    top:                                0px !important;
    left:                               0px !important;
    margin-right:                       4px !important;
    margin-bottom:                      4px !important;
    margin-left:                        10px !important;
}

span.ui-button-text
 {
    background-image:                   linear-gradient(#c60c30,#9e0a26) !important;
    color:                              #ffffff !important;
    padding:                            0 !important;
    padding:                            5px !important;
    padding-left:                       15px !important;
    padding-right:                      15px !important;
    font-size:                          0.9em !important;
    border-radius:                      2px !important;
 }

span.ui-button-text:hover
{
    background-image:                   none !important;
    background-color:                   #9e0a26 !important;
    cursor:                             pointer !important;
}

button.ui-button:active
{   
    background-image:                   none !important;
    top:                                3px !important;
    left:                               3px !important;
}

.ui-dialog-titlebar-close
{
    display:                            none;
}

span#tick-if-incorrect
{
    display:                            inline-block;
}

div.terms-and-conditions
{
    margin-left:                        10px;
    margin-right:                       10px;
    margin-top:                         10px;
    padding-left:                       5px;
    padding-right:                      5px;
    border:                             1px solid #cccccc;
    font-size:                          0.9em;
    height:                             450px;
    overflow-y:                         auto;
}

div.static-terms-and-conditions
{
    height: auto;
    margin: 20px 0 20px 0; 
    padding-left: 0;
    padding-right: 0;
    border: 0;
}

div.terms-and-conditions h2,
div.terms-and-conditions h3
{
    font-size:                          1.25em;
    margin:                             10px 0px 10px 0px;
    text-decoration:                    underline;
    text-shadow:                        none;
}

div.tc-h3 
{
    font-weight:                        bolder;
    margin:                             20px 0 20px 20px;
}

div.tc-table-header 
{
    font-weight:                        bolder;
    margin-left:                        10px;
}

div.terms-and-conditions h3 
{
    font-size:                          1.50em;
    font-weight:                        bolder;
}

div.terms-and-conditions h2
{
    font-size:                          1.75em;
    font-weight:                        bolder;
}

div.terms-and-conditions p
{
    line-height:                        1.2;
    font-size:                          1.2em;
}

div.terms-and-conditions ol
{
    list-style:                         decimal;
    font-size:                          1.0em;
    margin:                             15px 0px 0px 20px;
    line-height:                        1.5;
}

div.terms-and-conditions ol > li
{
    list-style:                         decimal;
    font-size:                          1.0em;
    margin-left:                        20px;
    line-height:                        1.5;
}

div.terms-and-conditions h4 
{
    font-size:                          1.25em;
    font-weight:                        bolder;
    font-style:                         italic;
    margin:                             20px;
}

div.terms-and-conditions span.superscript
{
    font-size:                          0.75em;
    line-height:                        0.50em;
    vertical-align:                     baseline;
    position:                           relative;
    top:                                -0.5em;
}

div.terms-and-conditions ul,
div.terms-and-conditions div.postal-address
{
    margin-left:                        20px;
}

div.terms-and-conditions ul > li
{
    line-height:                        1.5;
    margin:                             5px 0px 10px 0px;
    list-style:                         disc;
    font-size:                          1.0em;
    margin-left:                        15px;
}

div.terms-and-conditions section > p
{
    margin-left:                        10px;
}

div.terms-and-conditions table, th, td
{
    border:                             1px dashed;
    border-color:                      #888;
    margin-left:                        40px;
    padding:                            5px;        
}

table.fees,
table.qualifications
{
    
    margin-top:                         10px;
    margin-bottom:                      15px;
    border-collapse:                    collapse;
}

table.fees td
{
    border:                             1px solid #cccccc;
    padding:                            10px;
    text-align:                         left;
}

table.fees td.amount
{
    text-align:                         right;
}

table.fees tr.total,
table.fees tr.total td
{
    border:                             2px solid #333333;
}

table.qualifications th,
table.qualifications td
{
    border:                             1px solid #cccccc;
    padding:                            5px;
    text-align:                         left;
}

table.qualifications th
{
    padding:                            10px;
    background-color:                   #888888;
    color:                              #ffffff;
}

table.qualifications th.plain,
table.qualifications td.plain
{
    border:                             none;
    background-color:                   inherit;
    color:                              inherit;
}

tr.qualifications.hidden
{
    display:                            none;
}

table.qualifications td span.no-qualifications
{
    font-style:                         oblique;
}

table.ts-and-cs {
    border-collapse: collapse;
    border-spacing: 0;
}
.ts-and-cs td, .ts-and-cs th {
    padding: 10px 5px;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    word-break: normal;
    border-color: black;
    vertical-align: text-top;
}

ul.service-desk > li
{
    margin-top:                         10px;
    margin-bottom:                      10px;
}

a:link,
a:visited,
a:hover,
a:active
{
    font-weight:                        bolder;
    text-decoration:                    underline;
}

a:link,
a:visited
{
    color:                              #c60c30;
}

a:hover,
a:active
{
    color:                              #782327;
}

footer
{
    display:                            block;
    width:                              100%;
    max-width:                          1024px;
    padding-top:                        0.75em;
    padding-bottom:                     0.75em;
    position:                           absolute;
    bottom:                             0px;
    font-size:                          0.75em;
    background-color:                   #333333;
}

div.left
{
    display:                            inline-block;
    float:                              left;
    margin-left:                        1em;
}

div.right
{
    display:                            inline-block;
    float:                              right;
    margin-right:                       1em;
}

span.credit-prompt
{
    font-style:                         italic;
    color:                              #888888;
}

span#credit,
span#version
{
    color:                              #ffffff;
}

em
{
    font-style:                         normal;
    font-weight:                        bolder;  
}

.message > em { font-size: 9pt; }

div#portal span.step
{
    font-weight:                        bolder;
}

div.option
{
    border:                             1px solid #cccccc;
    padding:                            0.75em;
    margin-bottom:                      1em;
}

.hidden
{
    display:                            none;
}

.unabletoregistererrormessage {
    color: red;
    font-weight: bold;
    font-size: x-large;
    border-style: solid;
    border-width: 3px;
    border-color: red;
    padding: 20px;
}

table#acceptable-documents,
table#emergency-contact
{
    table-layout:                           fixed;
    font-size:                              0.85em;
    border-collapse:                        collapse;
}

table#emergency-contact
{
    margin:                                 1em;
}

table#acceptable-documents tr:nth-child(odd)
{
    background-color:                       #efd3d2;
}

table#acceptable-documents tr:nth-child(even)
{
    background-color:                       #dfa7a6;
}

table#emergency-contact tr > td:first-child
{
    font-weight:                            bolder;
}

table#acceptable-documents th,
table#acceptable-documents td,
table#emergency-contact td
{
    overflow:                               hidden;
    width:                                  12em;
    border-width:                           1px;
    border-style:                           solid;
    border-color:                           #cf7ba1;
    padding:                                0.5em;
}

table#emergency-contact td
{
    background-color:                       #dfa7a6;
}

table#acceptable-documents th
{
    font-weight:                            bolder;
}

table#acceptable-documents td
{
    font-weight:                            lighter;
}

table#acceptable-documents thead > tr > th,
table#acceptable-documents tbody > tr > td
{
    text-align:                             center;
}

table#acceptable-documents tbody > tr > th,
table#emergency-contact tr > td
{
    text-align:                             left;
    width:                                  15em;
}

div#ie8-warning
{
    display:                                none;
}

ul.space-8 > li {
    margin-bottom: 8px !important;
}
    ul.space-8 > li:last-child {
        margin-bottom: 0 !important;
    }

ul.numbered, ol.numbered {
   list-style:decimal !important;
   list-style-type:decimal !important;
   padding:0px 5px;
   margin:0px 5px;
}
ul.alpha, ol.alpha {
    list-style-type: lower-alpha !important;
}
ul.bullet, ol.bullet {
    list-style-type: disc !important;
}
ul.roman, ol.roman {
    list-style-type: lower-roman !important;
}
ul.numbered li, ol.numbered li {
    padding:3px 5px;
    margin:0px 5px;
}

ul.check { 
    padding-left: 20px; 
    list-style: none; 
}
ul.check > li {
    margin-bottom: 8px; 
}
ul.check > li:before {
    font-family: 'FontAwesome';
    content: '\f046';
    margin: 0 10px 0 -20px;   
    font-size: 20px;
    font-weight: 300;
    color: #888;
    vertical-align: middle;  
}


div.field span.pad-append { padding-left: 10px; }
.para-top-5 { padding-top: 5px; }
.para-top-10 { padding-top: 10px; }
.para-top-15 { padding-top: 15px; }
.para-top-20 { padding-top: 20px; }
.para-top-25 { padding-top: 25px; }
.para-top-30 { padding-top: 30px; }
.para-bottom-5 { padding-bottom: 5px; }
.para-bottom-10 { padding-bottom: 10px; }
.para-bottom-15 { padding-bottom: 15px; }
.para-bottom-20 { padding-bottom: 20px; }
.para-bottom-25 { padding-bottom: 25px; }
.para-bottom-30 { padding-bottom: 30px; }

/* Override for phones and tablets to cater for smaller screen and finger access */

@media screen and (max-width:1024px)
{
    body 
    {
        max-width:                          100%;
        height:                             100%;
        margin:                             0;
        border-left:                        6px solid #c60c30;
    }
    
    input[type=button]
    {
        padding:                            10px;
        padding-left:                       25px;
        padding-right:                      25px;
    }
    
    img#salford-logo 
    {
        width:                              25%;
        min-width:                          75px;
        max-width:                          113px;
        height:                             auto;
    }
    
    div#masthead
    {
        display:                            none;
    }
    
    div#stripe
    {
        width:                              100%;
        min-width:                          500px;
        height:                             50px;
        background-color:                   #c60c30;
        display:                            block;
    }
    
    div#stripe div.left,
    div#stripe div.right
    {
        display:                            inline;
        margin-top:                         10px;
    }
    
    div#stripe div.left
    {
        float:                              left;
        text-align:                         left;
        margin-left:                        10px;
        margin-top:                         12px;
    }
    
    div#stripe div.right
    {
        float:                              right;
        text-align:                         right;
        margin-right:                       20px;
        margin-top:                         7px;
    }
    
    div#stripe h2
    {
        color:                              #ffffff;
    }
    
    span#database
    {
        display:                            inline-block;
        font-size:                          1.0em;
        font-family:                        arial, helvetica, sans-serif;
        font-weight:                        bold;
        background-color:                   #009aa6;
        color:                              #ffcc33;
        padding:                            7px;
        margin-top:                         10px;
        margin-right:                       5px;
    }
    
    footer
    {
        display:                            none;
    }
}

/* Override for phones (labels and fields on separate lines to cope with restricted display width) */

@media screen and (max-width:720px)
{
    div#page
    {
        margin:                             10px;
    }

    div.line
    {
        padding-top:                        5px;
        padding-bottom:                     5px;
    }

    label
    {
        min-width:                          0;
        margin:                             0;
    }

    div.label,
    div.field
    {
        display:                            block;
    }
                
    label.nocontent
    {
        display:                            none;
    }
    
    footer
    {
        display:                            none;
    }
}

ul.not-numbered, ol.not-numbered {
    list-style-type: none !important;
    margin:         20px 0 0 20px;
}

ul.numbered, ol.numbered {
    list-style-type: decimal !important;
}
ul.alpha, ol.alpha {
    list-style-type: lower-alpha !important;
}
ul.bullet, ol.bullet {
    list-style-type: disc !important;
}

.question-row td {
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom: solid 1px #ededed;
    table-layout:fixed;
    overflow: word-break;
}

.questions-table {
    margin-top: 15px;
    margin-bottom: 15px;
    table-layout:fixed;
}

.questions-table thead tr th {
    padding-top: 3px;
    padding-bottom: 3px;
    font-weight: bold;
}

.question-radio {
    text-align: center;
}

.question-checkbox {
    vertical-align: middle;
}

.wantToEngageCol {
    width: 200px;
}

.haveEngagedCol {
    width: 200px;
}

.improvedEmployabilityCol {
    width: 200px;
    display: none;
}

.wantToEngageColHeading {
    width: 200px;
}

.haveEngagedColHeading {
    width: 200px;
}

.improvedEmployabilityColHeading {
    width: 200px;
    display: none;
}

.improvedEmployabilityCheckbox {
    display: none;
}
.careerThinkingCheckbox {

}

.salfordBlue {
    color: #009aa6; 
}

#tooltip
{
    text-align: left;
    color: #fff;
    background: #009aa6;
    position: absolute;
    z-index: 100;
    padding: 15px;
}
 
#tooltip:after /* triangle decoration */
{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #111;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
}
 
#tooltip.top:after
{
    border-top-color: transparent;
    border-bottom: 10px solid #111;
    top: -20px;
    bottom: auto;
}
 
#tooltip.left:after
{
    left: 10px;
    margin: 0;
}
 
#tooltip.right:after
{
    right: 10px;
    left: auto;
    margin: 0;
}


/* Page Layout */

* { box-sizing: border-box; }

.column:first-child {
    padding-right: 2%;
}
.column:not(:first-child) {
    padding-left: 2%;
}
.column {
    float: left;
    width: 50%;
}
.row {
    width: 100%;
}
.row:after {
    content: "";
    display: table;
    clear: both;
}


/* Sample Card */

.sample-card {
    width: 100%;
    margin: 0 auto;
    margin-top: 15px;
}

    .sample-card > img {
        display: block;
        width: 80%;
        height: auto;
        margin: 0 auto;
        border: 2px solid #d71921;
        border-radius: 1.2em;
        margin: 20px auto;
    }


/* Simulated Card */

.ui-dialog { z-index: 9999; }

.card-sim-warning {
    width: 70%;
    min-width: 530px;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 30px;
    padding: 5px 8px;
    border: 2px solid transparent;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

.card-sim {
    position: relative;
    top: 0; left: 0;
    min-width: 530px;
    font-family: Arial;
    font-size: 18px;
    font-style: normal;
    font-variant: normal;
    text-transform: uppercase;
    line-height: 0.7em;
    width: 70%;    
    display: block;
    border-radius: 25px;
    border: 2px solid #d71921;
    padding: 3% 4% 3% 4%;
    height: auto;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    margin: 0 auto;
    margin-top: 20px;
}

.card-sim:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

    .card-sim > img.logo {   
        display: inline;
        width: 40%; height: auto;
        text-align: left;
    }   
    .card-sim > img.photo {
        display: inline;
        border: 1px solid #000;
        width: 25%; height: auto;
        text-align: right;
        float: right;
    }
    .card-sim > img.stripes {
        display: block;
        margin: 5% 0 5% 0;
        width: 20%; height: auto;
    }
    .card-sim > .card-type {
        font-weight: 700;
        font-size: 30px;
        line-height: 0.7em;
    }
    .card-sim > .name {
        font-weight: 700;
    }
    .card-sim > .roll-number {
        font-weight: 100;
    }

/* Acceptable Images */

.acceptable-images-instructions > h2 {
    color: #808080;
}

.acceptable-images {
    width: 100%;
    height: inherit;
    margin: 0 auto;
}
    .acceptable-images > img {
        width: 100%;
        height: auto;
        background-color: #ebebeb;
        border: 3px dashed #fbfbfb;
    }