/*  start of sits.css */

/***** Font Definition for Open Sans. This stylesheet comes from qrohlf.com/posts/better-opensans *****/

/* Regular */
@font-face
{
    font-family: 'Open Sans';
    src: url('../font/OpenSans-Regular-webfont.eot');
    src: url('../font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-Regular-webfont.woff') format('woff'), url('../font/OpenSans-Regular-webfont.ttf') format('truetype'), url('../font/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-weight: 400;
    font-style: normal;
}

/* Italic */
@font-face
{
    font-family: 'Open Sans';
    src: url('../font/OpenSans-Italic-webfont.eot');
    src: url('../font/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-Italic-webfont.woff') format('woff'), url('../font/OpenSans-Italic-webfont.ttf') format('truetype'), url('../font/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-weight: 400;
    font-style: italic;
}

/* Light */
@font-face
{
    font-family: 'Open Sans';
    src: url('../font/OpenSans-Light-webfont.eot');
    src: url('../font/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-Light-webfont.woff') format('woff'), url('../font/OpenSans-Light-webfont.ttf') format('truetype'), url('../font/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: 200;
    font-style: normal;
}

/* Light Italic */
@font-face
{
    font-family: 'Open Sans';
    src: url('../font/OpenSans-LightItalic-webfont.eot');
    src: url('../font/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-LightItalic-webfont.woff') format('woff'), url('../font/OpenSans-LightItalic-webfont.ttf') format('truetype'), url('../font/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
}

/* Semibold */
@font-face
{
    font-family: 'Open Sans';
    src: url('../font/OpenSans-Semibold-webfont.eot');
    src: url('../font/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-Semibold-webfont.woff') format('woff'), url('../font/OpenSans-Semibold-webfont.ttf') format('truetype'), url('../font/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: 500;
    font-style: normal;
}

/* Semibold Italic */
@font-face
{
    font-family: 'Open Sans';
    src: url('../font/OpenSans-SemiboldItalic-webfont.eot');
    src: url('../font/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-SemiboldItalic-webfont.woff') format('woff'), url('../font/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('../font/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: 500;
    font-style: italic;
}

/* Bold */
@font-face
{
    font-family: 'Open Sans';
    src: url('../font/OpenSans-Bold-webfont.eot');
    src: url('../font/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-Bold-webfont.woff') format('woff'), url('../font/OpenSans-Bold-webfont.ttf') format('truetype'), url('../font/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: bold;
    font-weight: 700;
    font-style: normal;
}

/* Bold Italic */
@font-face
{
    font-family: 'Open Sans';
    src: url('../font/OpenSans-BoldItalic-webfont.eot');
    src: url('../font/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-BoldItalic-webfont.woff') format('woff'), url('../font/OpenSans-BoldItalic-webfont.ttf') format('truetype'), url('../font/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: bold;
    font-weight: 700;
    font-style: italic;
}

/* Extra Bold */
@font-face
{
    font-family: 'Open Sans';
    src: url('../font/OpenSans-ExtraBold-webfont.eot');
    src: url('../font/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-ExtraBold-webfont.woff') format('woff'), url('../font/OpenSans-ExtraBold-webfont.ttf') format('truetype'), url('../font/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: 900;
    font-style: normal;
}

/* Extra Bold Italic */
@font-face
{
    font-family: 'Open Sans';
    src: url('../font/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('../font/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'), url('../font/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'), url('../font/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: 900;
    font-style: italic;
}


/* end @font-face */
}

html
{
    border: 0;
    font-size: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

body
{
    background-color: #FFF;
    border: 0;
    color: #111;
    font-size: 14px;
    font-family: 'Open sans', Arial, Helvetica, sans-serif;
    height: 100%;
    margin: 0;
    padding: 0;
}

/* Override SITS default page layout styles; swap in bootstrap styles */

#contentwrapper table
{
    border-spacing: 0;
    margin-bottom: 0;
}

/* zero out SITS tables used for layout only */
#maincontainer .layout
{
    border: none !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* make sure hidden inputs don't take up any space on the page */

#leftcolumn
{
    float: left;
    width: 240px;
}

#bodycontent
{
    float: left;
    margin-left: 20px;
    width: 700px;
}

a:link
{
    color: #0077dd;
    font-weight: normal;
    text-decoration: underline;
}

a:visited
{
    color: #044c99;
    font-weight: normal;
    text-decoration: underline;
}

a:hover
{
    color: #2e8aca;
    font-weight: normal;
    text-decoration: underline;
}

a:active
{
    color: #cc0011;
    font-weight: normal;
    text-decoration: underline;
}

a i
{
    border: none;
}

.pagetitle
{
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #C01;
    font-weight: normal;
    font-size: 2em;
    margin: 0;
}

/* pagemsg is used on the descriptive text provided below each page title */
.pagemsg
{
    color: #000;
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 15px;
    line-height: 1.5;
}

/* the following classes format table elements - numbers 1 and 2 allow for 2 levels of table */
.tabletitle1,
.tabletitleajax
{
    color: #666;
    padding: 1px 1px 1px 6px;
    font-weight: bold;
    text-align: left;
}

.tabletitle2
{
    font-weight: bold;
    color: #FFF;
    background-color: #BCBFC4;
}

/* used on any optional extra descriptive text inside each data table (just below table title) */
.tablemsg1
{
    background-image: url(../images/tabledesc_bg.gif);
    background-color: #FFF;
    color: #666;
    font-weight: normal;
    line-height: 1.5;
    text-align: left;
    border-bottom: 1px solid #CCC;
}

.tablemsg2
{
    color: #666;
    background-color: #ebebeb;
}

/* used on TD tag for record count message */
.recordcount
{
    color: #666;
    background-color: #FFF;
}

/* column and row headings on tables */
.colhead1
{
    color: #666;
    background-color: #ebebeb;
    font-weight: bold;
}

.colhead2
{
    color: #ebebeb;
    background-color: #666;
    font-weight: bold;
}

.rowhead1
{
    color: #666;
    background-color: #eee;
    font-weight: bold;
}

.rowhead2
{
    color: #666;
    background-color: #eee;
    font-weight: bold;
}

/* data1 is the main table data format.  Applied to the TD tag for single record display and to the TR tag along with data1over using javascrip for multiple record display */
/* Where applied to the TR tag must be used in conjunction with data1over and data1nobg */
.data1
{
    color: #666;
    font-weight: normal;
}

.data1over
{
    color: #666;
    background-color: #ebebeb;
    font-weight: normal;
}

/* same as data1 but used for second level data tables */
.data2
{
    color: #000;
    font-weight: normal;
    background-color: #FFF;
}

.data2over
{
    color: #000;
    background-color: #ebebeb;
    font-weight: normal;
}

/* data1nobg and data2nobg provide a backwards compatibility fix for Netsacpe below v6.2 */
/* data1nobg  and data2nobg should never be given a background colour, hence 'nobg'. */
/* these two classes are applied to the TD tag where a row highlight effect is used by adding data1 and data1over to the TR tag using javascript. */
.data1nobg
{
    color: #666;
    font-weight: normal;
}

.data2nobg
{
    color: #666;
    font-weight: normal;
}

/* KIRA1 - Fix for relative size text where js row highlight is used */
/* (data1 is on TR and rowhead1 is on TD) */
.data1 .rowhead1
{
    font-size: 100%;
}

.data1over .rowhead1
{
    font-size: 100%;
}

.data2 .rowhead2
{
    font-size: 100%;
}

.data2over .rowhead2
{
    font-size: 100%;
}

/* style classes used on portal page to add style to containers and links */
/* within a container */
/* portaldesc - controls container description with portal in TABLE mode */
.portaldesc
{
    padding: 4px;
    background-color: #FFF;
    color: #666;
    font-weight: normal;
    line-height: 1.5;
}

/* portalcontitle - controls container title with portal in TABLE mode */
.portalcontitle
{
    color: #000;
    font-weight: bold;
}

/* H3 output next to portalcontitle for accessibility  - margin settings required to remove H3 default spacing */
h3
{
    font-weight: bold;
    font-size: 100%;
    line-height: 1%;
    margin: 7px;
}

/* portallink - controls container link (COP) style with portal in TABLE mode */
.portallink
{
    padding: 4px;
    background-color: #F8F8F8;
    color: #333;
    font-size: 100%;
}

    .portallink a:link
    {
        text-decoration: none;
        color: #666;
    }

    .portallink a:visited
    {
        text-decoration: none;
        color: #666;
    }

    .portallink a:hover
    {
        text-decoration: underline;
        color: #666;
        background-color: #ebebeb;
    }

    .portallink a:active
    {
        text-decoration: underline;
        color: #666;
        background-color: #CCC;
    }

/* !!!! VERY IMPORTANT - ALL FORM CLASSES ONLY TO BE EDITED IN NOTEPAD!!!!  */
/*  WHEM1 - forminfree1 and blockfree added 25/02/02 - required in IPP - to fix uniface bug where class tag is added to TD on dynamically generated mandatory fields */

/* 
Bootstrap styles to override eVision
.sitsmessagebox = .alert 
*/

/******************************************************/
/* Message box definitions                            */
/******************************************************/
#sitsmessagebox
{
    margin: 0 20px 20px;
}

.sitsmessagetitlesection
{
    width: 95%;
    border: 1px solid #BCBFC4;
    color: #666;
    background-color: #BCBFC4; /* used if image not available */
}

p.sitsmessagetitleicon
{
    float: left;
    margin: 0;
    padding: 3px;
}

h2.sitsmessagetitle
{
    font-weight: bold;
    margin: 3px;
    padding: 3px;
    float: left;
}

p.sitsmessagecode
{
    font-weight: bold;
    text-transform: capitalize;
    margin: 3px;
    padding: 3px;
    text-align: right;
}

.sitsmessagecontentsection
{
    margin-bottom: 20px;
    /* spacing after message box */
    border: 1px solid #BCBFC4;
    width: 95%;
    background-color: #FFF;
    margin-bottom: 20px;
}

p.sitsmessagecontenticon
{
    float: left;
    margin: 0;
    padding: 3px;
}

p.sitsmessagecontent
{
    margin: 3px;
    padding: 8px;
    margin-bottom: 6px;
    line-height: 1.5;
    /* turn off error message headers - not needed */
}

#sitsmessagebox
{
    /* 

  replaced with bootstrap style .alert box 
  line 1761

  color: #CC0213;
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  background-color: #FBECED;
  border: solid 1px #eed3d7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #c01;
  color: #fff; */
}

#sitsmessagetitlesection,
.sitsmessagetitleicon,
.sitsmessagecontenticon img,
p.sitsmessagecontenticon
{
    /* turn this lot back on to surface all instances, then style accordingly
  display: none;
  height: 0;
  font: 0/0; */
}

#sitsmessagecontentsection
{
    border: none;
    font-size: 14px;
}

.sitsmessagecontent
{
    font-size: 14px;
}

form .sitsmandatoryinput
{
    background-color: transparent;
    border-color: #CC0213;
}

/* html FORM element redefinitions */
form
{
    margin: 0 0 20px;
}

    form fieldset
    {
        border: none;
        border-bottom: solid 1px #ccc;
        margin: 0 0 20px;
        padding: 0 0 10px;
        position: relative;
    }

.control-group fieldset
{
    border: none;
    margin: 0 0 10px;
    padding: 0;
}

legend
{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #c01;
    display: block;
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 20px;
    padding: 0 0 2px;
    width: 100%;
}

.radio legend
{
    border: none;
    font-weight: normal;
    font-size: 1em;
    margin-bottom: 1px;
}

/* form row - bootstrap .control-group */
.sitsrowhead,
.ate_question_block,
.control-group,
.radio-group
{
    display: block;
    margin-bottom: 20px;
}

.control-group-upload
{
    margin-bottom: 6px;
}

    .control-group-upload input[type="file"]
    {
        border: none;
        border: solid 1px #ccc\9;
        color: #333;
        font-family: 'Open sans', Arial, Helvetica, sans-serif;
        font-size: 16px;
        margin: 0;
        padding: 0;
        width: auto;
    }

    .control-group-upload input[type="text"]
    {
        font-family: 'Open sans', Arial, Helvetica, sans-serif;
        margin-bottom: 20px;
    }

label,
.control-group fieldset legend,
#contentwrapper .radio-group h3
{
    border: none;
    color: #333;
    display: inline-block;
    font-family: 'Open sans', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 18px;
    margin: 0 0 1px;
    position: relative;
}

.control-group fieldset legend,
#contentwrapper .radio-group h3
{
    margin-bottom: 10px;
}

.control-group fieldset input[type="radio"],
#contentwrapper .radio-group input[type="radio"]
{
    border: none;
    font-size: 14px;
    margin: 0 4px 0 0;
}

.control-group fieldset div,
#contentwrapper .radio-group div
{
    display: block;
    margin: 5px 0;
}

.control-group .label-text,
#contentwrapper .radio-group h3
{
    color: #333;
    font-size: 16px;
    line-height: 22px;
}

.control-group fieldset label,
#contentwrapper .radio-group label
{
    font-size: 14px;
}

.control-group span,
.helptext-header,
.helper-header,
.helptext-footer,
.helper-footer
{
    color: #595959;
    font-size: 12px;
    font-weight: normal;
}

legend .helptext-header,
legend .helper-header
{
    display: inline;
    color: #595959;
    font-size: 12px;
    font-weight: normal;
}

.helptext-header,
.helper-header
{
    margin-left: 2px;
}

.helptext-footer,
.helper-footer
{
    display: block;
    padding-top: .2em;
}

.control-group fieldset .helptext-footer,
.control-group fieldset .helper-footer,
#contentwrapper .radio-group .helptext-footer,
#contentwrapper .radio-group .helper-footer
{
    display: block;
    padding-left: 21px;
}

input
{
    background: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: normal;
    padding: 4px 6px;
    width: 218px;
}

/* for inline inputs like phone numbers */
.inline, .INLINE
{
    display: inline-block;
}

input.sitsmandatoryinput
{
    background-color: #FFDFDF;
    border: 1px solid #333;
}

input[type="radio"]
{
    width: auto;
    margin-bottom: 4px;
    display: inline;
}

input.LANDLINENUMBER
{
    width: 80px;
}

input.LANDLINENUMBER2
{
    display: inline;
}


input:focus,
select:focus,
textarea:focus
{
    /*   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
  box-shadow: 0 0 5px rgba(0, 0, 0, .3);*/
    outline: none;
    border: 1px solid #7bc1f7;
    -moz-box-shadow: 0px 0px 8px #7bc1f7;
    -webkit-box-shadow: 0px 0px 8px #7bc1f7;
    box-shadow: 0px 0px 8px #7bc1f7;
}

input.error
{
    border-color: #c01;
}

label.error,
span.error
{
    background: transparent;
    color: #c01;
    display: inline-block;
    font-size: .8571428571428571em; /* 12/14px */
    margin: 0 0 0 6px;
    position: absolute;
    left: 235px;
    top: 30px;
    white-space: nowrap;
}

span.error
{
    font-size: 14px;
    margin: 0;
    position: relative;
    top: 0;
    left: 0;
}

.control-group fieldset label.error,
.control-group fieldset span.error
{
    margin: 0;
    position: relative;
    top: -6px;
    left: 0;
}

.control-group legend span
{
    font-size: 16px;
    display: inline-block;
}



/* jQuery UI datepicker overrides - should be in /sitsvision/plugins/css/ui/sits-ui.css */

#ui-datepicker-div .ui-datepicker-header
{
    background: #c01;
}

#ui-datepicker-div .ui-datepicker-month,
#ui-datepicker-div .ui-datepicker-year
{
    display: inline-block;
}

.ui-datepicker-trigger
{
    left: 222px;
    position: relative;
    top: -24px;
}

#ui-datepicker-div .ui-datepicker table
{
    font-size: 1.1em;
}

/* Font Awesome*/

[class^="icon-"], [class*=" icon-"]
{
    font-size: 1em;
    padding: 0 .3em;
}

label.error:before,
span.error:before
{
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    margin-top: 0;
    /**/
    font-size: 14px;
    padding-right: 3px;
    content: "\f00d";
}

select
{
    border: 1px solid #aaa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #000;
    display: block;
    height: 26px;
    margin: 3px 0;
    padding: 3px;
    width: 218px;
}

submit
{
    margin: 0;
}

/* BUTTONS -from bootstrap */

/* For buttons same width as inputs (218px) */

.input-width
{
    width: 218px;
    display: inline-block;
}

/* SITS only accepts single classname for buttons so concatenate styles into single declarations */

.BTN-BACK
{
    display: inline-block;
    *display: inline;
    padding: 4px 12px;
    *padding: 4px 12px 6px 12px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-family: 'Open sans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    vertical-align: middle;
    cursor: pointer;
    background: #e6e6e6 url(../UC_files/images/fa-icons-sprite.png) no-repeat 27px -34px;
    border: 1px solid #cccccc;
    *border: 0;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    margin-right: 3em;
    width: 218px;
    *width: 194px;
}

    .BTN-BACK:hover,
    .BTN-BACK:focus,
    .BTN-BACK:active,
    .BTN-BACK.active,
    .BTN-BACK.disabled,
    .BTN-BACK[disabled]
    {
        color: #333333;
        background-color: #cccccc;
        cursor: pointer;
    }


.BTN-CONTINUE
{
    background: #418341 url(../UC_files/images/fa-icons-sprite.png) no-repeat 44px -74px;
    display: inline-block;
    *display: inline;
    padding: 4px 12px;
    *padding: 4px 12px 6px 12px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-family: 'Open sans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: middle;
    cursor: pointer;
    *border: 0;
    border-color: #397539 #397539 #387038;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    margin-right: 3em;
    width: 218px;
    *width: 194px;
}

    .BTN-CONTINUE:hover,
    .BTN-CONTINUE:focus,
    .BTN-CONTINUE:active,
    .BTN-CONTINUE.active,
    .BTN-CONTINUE.disabled,
    .BTN-CONTINUE[disabled]
    {
        color: #ffffff;
        background-color: #397539;
        *background-color: #499249;
        cursor: pointer;
    }


.BTN-FINISH
{
    background: #418341 url(../UC_files/images/fa-icons-sprite.png) no-repeat 137px 7px;
    display: inline-block;
    *display: inline;
    padding: 4px 12px;
    *padding: 4px 12px 6px 12px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-family: 'Open sans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: middle;
    cursor: pointer;
    *border: 0;
    border-color: #397539 #397539 #387038;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    margin-right: 3em;
    width: 218px;
    *width: 194px;
}

    .BTN-FINISH:hover,
    .BTN-FINISH:focus,
    .BTN-FINISH:active,
    .BTN-FINISH.active,
    .BTN-FINISH.disabled,
    .BTN-FINISH[disabled]
    {
        color: #fff;
        background-color: #397539;
        *background-color: #499249;
        cursor: pointer;
    }

.BTN-EDIT,
.BTN-ADD
{
    background: #006dcc url(../UC_files/images/fa-icons-sprite.png) no-repeat -20px -113px;
    display: inline-block;
    *display: inline;
    padding: 4px 12px;
    *padding: 4px 12px 6px 12px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-family: 'Open sans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: middle;
    cursor: pointer;
    *border: 0;
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    margin-right: 3em;
    width: 218px;
    *width: 194px;
}

.BTN-ADD
{
    background: #006dcc url(../UC_files/images/fa-icons-sprite.png) no-repeat 130px -193px;
}

    .BTN-EDIT:hover,
    .BTN-EDIT:focus,
    .BTN-EDIT:active,
    .BTN-EDIT.active,
    .BTN-EDIT.disabled,
    .BTN-EDIT[disabled],
    .BTN-ADD:hover,
    .BTN-ADD:focus,
    .BTN-ADD:active,
    .BTN-ADD.active,
    .BTN-ADD.disabled,
    .BTN-ADD[disabled]
    {
        color: #ffffff;
        background-color: #0044cc;
    }

.BTN-WARNING
{
    background: #f0ad4e url(../UC_files/images/fa-icons-sprite.png) no-repeat -20px -113px;
    display: inline-block;
    *display: inline;
    padding: 4px 12px;
    *padding: 4px 12px 6px 12px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-family: 'Open sans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: middle;
    cursor: pointer;
    *border: 0;
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    margin-right: 3em;
    width: 218px;
    *width: 194px;
}

    .BTN-WARNING:hover,
    .BTN-WARNING:focus,
    .BTN-WARNING:active,
    .BTN-WARNING.active,
    .BTN-WARNING.disabled,
    .BTN-WARNING[disabled]
    {
        color: #fff;
        background-color: #ED9621;
        cursor: pointer;
    }

/* for font awesome - remove later if necessary */
#content .btn,
#content .btn:hover,
#content .btn:visited,
#content .btn:focus
{
    color: #fff;
    text-decoration: none;
}

.btn
{
    display: inline-block;
    *display: inline;
    padding: 4px 12px;
    *padding-bottom: 6px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #e6e6e6;
    border: 1px solid #cccccc;
    *border: 0;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    margin-right: 3em;
    width: 218px;
    *width: 194px;
}

    .btn a,
    .btn a:hover,
    .btn a:visited
    {
        color: #fff;
        text-decoration: none;
    }

.disabled
{
    color: #999;
    cursor: none;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled]
{
    color: #333333;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
}

.btn:active,
.btn.active
{
    background-color: #cccccc \9;
}

.btn:first-child
{
    *margin-left: 0;
}

.btn:hover,
.btn:focus
{
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.btn:focus
{
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn.active,
.btn:active
{
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled]
{
    cursor: default;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn-large
{
    padding: 11px 19px;
    font-size: 17.5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

    .btn-large [class^="icon-"],
    .btn-large [class*=" icon-"]
    {
        margin-top: 4px;
    }

.btn-small
{
    padding: 2px 10px;
    font-size: 11.9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .btn-small [class^="icon-"],
    .btn-small [class*=" icon-"]
    {
        margin-top: 0;
    }

.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"]
{
    margin-top: -1px;
}

.btn-mini
{
    padding: 0 6px;
    font-size: 10.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.btn-block
{
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .btn-block + .btn-block
    {
        margin-top: 5px;
    }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block
{
    width: 100%;
}

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active
{
    color: rgba(255, 255, 255, .75);
}

.btn-primary
{
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #006dcc;
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

a.btn,
a.btn:hover,
a.btn:visited,
a.btn:focus
{
    color: #fff;
    text-decoration: none;
}

a.btn-primary,
a.btn-primary:hover,
a.btn-primary:visited,
a.btn-primary:focus,
a.btn-info,
a.btn-info:hover,
a.btn-info:visited,
a.btn-info:focus,
a.btn-success,
a.btn-success:hover,
a.btn-success:visited,
a.btn-success:focus,
a.btn-warning,
a.btn-warning:hover,
a.btn-warning:visited,
a.btn-warning:focus,
a.btn-danger,
a.btn-danger:hover,
a.btn-danger:visited,
a.btn-danger:focus,
a.btn-inverse,
a.btn-inverse:hover,
a.btn-inverse:visited,
a.btn-inverse:focus
{
    color: #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled]
{
    color: #ffffff;
    background-color: #0044cc;
    *background-color: #003bb3;
}

.btn-primary:active,
.btn-primary.active
{
    background-color: #003399 \9;
}

.btn-warning
{
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #faa732;
    *background-color: #f89406;
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

    .btn-warning:hover,
    .btn-warning:focus,
    .btn-warning:active,
    .btn-warning.active,
    .btn-warning.disabled,
    .btn-warning[disabled]
    {
        color: #ffffff;
        background-color: #f89406;
        *background-color: #df8505;
    }

    .btn-warning:active,
    .btn-warning.active
    {
        background-color: #c67605 \9;
    }

.btn-danger
{
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #da4f49;
    *background-color: #bd362f;
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger:active,
    .btn-danger.active,
    .btn-danger.disabled,
    .btn-danger[disabled]
    {
        color: #ffffff;
        background-color: #bd362f;
        *background-color: #a9302a;
    }

    .btn-danger:active,
    .btn-danger.active
    {
        background-color: #942a25 \9;
    }

.btn-success
{
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #006dcc;
    *background-color: #006dcc;
    border-color: #397539 #397539 #387038;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

    .btn-success:hover,
    .btn-success:focus,
    .btn-success:active,
    .btn-success.active,
    .btn-success.disabled,
    .btn-success[disabled]
    {
        color: #ffffff;
        background-color: #04c;
        *background-color: #04c;
        cursor: pointer;
    }

    .btn-success:active,
    .btn-success.active
    {
        background-color: #04c;
    }

.btn-info
{
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #49afcd;
    *background-color: #2f96b4;
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

    .btn-info:hover,
    .btn-info:focus,
    .btn-info:active,
    .btn-info.active,
    .btn-info.disabled,
    .btn-info[disabled]
    {
        color: #ffffff;
        background-color: #2f96b4;
        *background-color: #2a85a0;
    }

    .btn-info:active,
    .btn-info.active
    {
        background-color: #24748c \9;
    }

.btn-inverse
{
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #363636;
    *background-color: #222222;
    border-color: #222222 #222222 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

    .btn-inverse:hover,
    .btn-inverse:focus,
    .btn-inverse:active,
    .btn-inverse.active,
    .btn-inverse.disabled,
    .btn-inverse[disabled]
    {
        color: #ffffff;
        background-color: #222222;
        *background-color: #151515;
    }

    .btn-inverse:active,
    .btn-inverse.active
    {
        background-color: #080808 \9;
    }

button.btn,
input[type="submit"].btn
{
    margin-top: 10px;
    *padding-top: 3px;
    *padding-bottom: 3px;
    width: 218px;
}

    button.btn::-moz-focus-inner,
    input[type="submit"].btn::-moz-focus-inner
    {
        padding: 0;
        border: 0;
    }

    button.btn.btn-large,
    input[type="submit"].btn.btn-large
    {
        *padding-top: 7px;
        *padding-bottom: 7px;
    }

    button.btn.btn-small,
    input[type="submit"].btn.btn-small
    {
        *padding-top: 3px;
        *padding-bottom: 3px;
    }

    button.btn.btn-mini,
    input[type="submit"].btn.btn-mini
    {
        *padding-top: 1px;
        *padding-bottom: 1px;
    }

.btn-link,
.btn-link:active,
.btn-link[disabled]
{
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn-link
{
    color: #0088cc;
    cursor: pointer;
    border-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

    .btn-link:hover,
    .btn-link:focus
    {
        color: #005580;
        text-decoration: underline;
        background-color: transparent;
    }

    .btn-link[disabled]:hover,
    .btn-link[disabled]:focus
    {
        color: #333333;
        text-decoration: none;
    }

.btn-group
{
    position: relative;
    display: inline-block;
    *display: inline;
    *margin-left: .3em;
    font-size: 0;
    white-space: nowrap;
    vertical-align: middle;
    *zoom: 1;
}

    .btn-group:first-child
    {
        *margin-left: 0;
    }

    .btn-group + .btn-group
    {
        margin-left: 5px;
    }

.btn-toolbar
{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 0;
}

    .btn-toolbar > .btn + .btn,
    .btn-toolbar > .btn-group + .btn,
    .btn-toolbar > .btn + .btn-group
    {
        margin-left: 5px;
    }

.btn-group > .btn
{
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

    .btn-group > .btn + .btn
    {
        margin-left: -1px;
    }

.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover
{
    font-size: 14px;
}

.btn-group > .btn-mini
{
    font-size: 10.5px;
}

.btn-group > .btn-small
{
    font-size: 11.9px;
}

.btn-group > .btn-large
{
    font-size: 17.5px;
}

.btn-group > .btn:first-child
{
    margin-left: 0;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
}

.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle
{
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
}

.btn-group > .btn.large:first-child
{
    margin-left: 0;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-topleft: 6px;
}

.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle
{
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
}

.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active
{
    z-index: 2;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle
{
    outline: 0;
}

.btn-group > .btn + .dropdown-toggle
{
    *padding-top: 5px;
    padding-right: 8px;
    *padding-bottom: 5px;
    padding-left: 8px;
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group > .btn-mini + .dropdown-toggle
{
    *padding-top: 2px;
    padding-right: 5px;
    *padding-bottom: 2px;
    padding-left: 5px;
}

.btn-group > .btn-small + .dropdown-toggle
{
    *padding-top: 5px;
    *padding-bottom: 4px;
}

.btn-group > .btn-large + .dropdown-toggle
{
    *padding-top: 7px;
    padding-right: 12px;
    *padding-bottom: 7px;
    padding-left: 12px;
}

.btn-group.open .dropdown-toggle
{
    background-image: none;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group.open .btn.dropdown-toggle
{
    background-color: #e6e6e6;
}

.btn-group.open .btn-primary.dropdown-toggle
{
    background-color: #0044cc;
}

.btn-group.open .btn-warning.dropdown-toggle
{
    background-color: #f89406;
}

.btn-group.open .btn-danger.dropdown-toggle
{
    background-color: #bd362f;
}

.btn-group.open .btn-success.dropdown-toggle
{
    background-color: #397539;
}

.btn-group.open .btn-info.dropdown-toggle
{
    background-color: #2f96b4;
}

.btn-group.open .btn-inverse.dropdown-toggle
{
    background-color: #222222;
}

.btn .caret
{
    margin-top: 8px;
    margin-left: 0;
}

.btn-large .caret
{
    margin-top: 6px;
}

.btn-large .caret
{
    border-top-width: 5px;
    border-right-width: 5px;
    border-left-width: 5px;
}

.btn-mini .caret,
.btn-small .caret
{
    margin-top: 8px;
}

.dropup .btn-large .caret
{
    border-bottom-width: 5px;
}

.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret
{
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.btn-group-vertical
{
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
}

    .btn-group-vertical > .btn
    {
        display: block;
        float: none;
        max-width: 100%;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

        .btn-group-vertical > .btn + .btn
        {
            margin-top: -1px;
            margin-left: 0;
        }

        .btn-group-vertical > .btn:first-child
        {
            -webkit-border-radius: 4px 4px 0 0;
            -moz-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0;
        }

        .btn-group-vertical > .btn:last-child
        {
            -webkit-border-radius: 0 0 4px 4px;
            -moz-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;
        }

    .btn-group-vertical > .btn-large:first-child
    {
        -webkit-border-radius: 6px 6px 0 0;
        -moz-border-radius: 6px 6px 0 0;
        border-radius: 6px 6px 0 0;
    }

    .btn-group-vertical > .btn-large:last-child
    {
        -webkit-border-radius: 0 0 6px 6px;
        -moz-border-radius: 0 0 6px 6px;
        border-radius: 0 0 6px 6px;
    }

/* #Application-Progress make buttons mimic open/closed, in/complete behaviour */

#application-progress,
#Application-Progress
{
    font-size: 16px;
    line-height: 30px;
}

    #Application-Progress a:visited .icon-open-complete,
    #Application-Progress a:visited .icon-open-incomplete
    /*#Application-Progress a:visited [class^="icon-open-incomplete"]:before , 
#Application-Progress a:visited [class*=" icon-open-incomplete"]:before

, #Application-Progress a:visited */
    {
        content: "\f044";
        /**/
        outline: solid 1px red;
        display: block;
        width: 20px;
    }

/* FONT AWESOME */

/* remove underline from font-awesome icons when they're part of the link
apply font awesome to buttons, tags that need icons   */

.fa-button
{
    font-family: FontAwesome, 'Open sans', Arial, Helvetica, sans-serif;
}

a [class^="icon-"] i,
a:hover [class^="icon-"] i
{
    text-decoration: none;
}

/* link states. 
.icon-edit:before                 { content: "\f044"; }
.icon-check:before                { content: "\f046"; }
green: color: #007f1e; */

.icon-open-complete:before
{
    color: #007f1e;
    content: "\f046";
    font-size: 20px;
}

.icon-open-incomplete:before
{
    color: #000;
    content: "\f044";
    font-size: 20px;
}

.icon-closed-complete:before
{
    color: #999;
    content: "\f046";
    font-size: 20px;
}

.icon-closed-incomplete:before
{
    color: #999;
    content: "\f044";
    font-size: 20px;
}

.icon-open-incomplete,
.icon-open-complete,
.icon-closed-incomplete,
.icon-closed-complete,
.icon-open-incomplete:hover,
.icon-open-complete:hover,
.icon-closed-incomplete:hover,
.icon-closed-complete:hover,
.icons a,
.icons a:hover
{
    text-decoration: none;
}

/* Bootstrap well */
.well
{
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

/* .pagehelptext = .help-block or .help-inline. Helper text next to form input fields  */

.pagehelptext
{
    color: #595959;
    display: block;
    font-style: italic;
    font-size: .8571428571428571em; /* 12/14px */
    margin-bottom: 10px;
}

.forminfree1
{
    font-weight: bold;
    color: #000;
    background-color: #ffc;
}

/*  THOS1 - forminnonedit added 14/OCT/2002 - required in generic data maintenance, for input fields that are non-editable */

.forminnonedit
{
    background: #eee;
    border: solid 1px #dedede;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    padding: 4px 6px;
    width: 218px;
}

/* background colours applied to TD tags for form input boxes and submit buttons */
.bgformin
{
    background-color: #FFF;
    color: #666;
}

.bgformsub
{
    background-color: #FFF;
    font-weight: bold;
    color: #666;
}

/* bginside is the background colour for all data tables (normally white) applied to TABLE tag */
.bginside,
.bginsideajax
{
    background-color: #FFF;
    /* fix problem with inheritence over multiple instances of this element by amking size explicit */
    font-size: 14px;
}

/* bgborder is the colour of the data table border.  Applied to 'border' table TABLE tag */
.bgborder
{
    background-color: #DDDDDD;
}

/* PRE tag formatted for use in web reports in evision - Ken Barrett */
pre
{
    font-weight: normal;
    color: #000;
    background-color: #FFF;
}

/* Error notation 1 */
.error1
{
    color: #f00;
}

/* Two classes used for documentation only - not used in evision hts files - Mike Steele added MAy2002. */
.letter_body
{
    font-family: "Times New Roman", Times, serif;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #003063;
}

.letter_body_strong
{
    font-family: "Times New Roman", Times, serif;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #003063;
}

.date
{
    font-weight: normal;
    color: #666;
}

/* these classes have been used in a few places in previous versions but are NOT part of the web standards - they are still listed for backwards compatibility but should not be added to any new Hts files. */
.pagehelptext
{
    color: #666;
}

.blockfree
{
    border-right: gray 2px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 2px solid;
}

/*jonp1/ baia1 - classes used in container types - examples only (v6.2.1) */
.portalcontitle1
{
    font-weight: bold;
    color: #fff;
    background-attachment: fixed;
    background-image: url(../images/tabletitle_bg_blue.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 5px;
}

.reporttitle
{
    font-size: bold 8pt/12pt "'Open sans', arial,helvetica,sans-serif";
    background-image: url(../images/backgrounds/grey-tab.gif);
    background-repeat: no-repeat;
    background-position: top right;
    color: white;
}

.xp-title
{
    font-size: 0.5714285714285714em;
    font-weight: bold;
    background-image: url(../images/xp-title.gif);
    background-repeat: repeat-x;
    background-position: top left;
    color: white;
}

.reportbackground
{
    background: url(../images/backgrounds/reportsbackground.gif) no-repeat bottom right;
    color: white;
}

.informationtitle
{
    font-size: 0.5714285714285714em;
    font-weight: bold;
    background-image: url(../images/backgrounds/grey-tab.gif);
    background-repeat: no-repeat;
    background-position: top right;
    color: floralwhite;
}

.informationbackground
{
    background: url(../images/backgrounds/reportsbackground.gif) no-repeat bottom right;
    color: white;
}

.actionstitle
{
    font-size: 0.5714285714285714em;
    font-weight: bold;
    background-image: url(../images/backgrounds/grey-tab.gif);
    background-repeat: no-repeat;
    background-position: top right;
    color: white;
}

.actionsbackground
{
    background: url(../images/backgrounds/reportsbackground.gif) no-repeat bottom right;
    color: lightyellow;
}

.personaltitle
{
    font-size: 0.5714285714285714em;
    font-weight: bold;
    background-image: url(../images/backgrounds/grey-tab.gif);
    background-repeat: no-repeat;
    background-position: top right;
    color: lightgreen;
}

.personalbackground
{
    background: url(../images/backgrounds/reportsbackground.gif) no-repeat bottom right;
    color: white;
}

/*  IPP 'tabs' - see siw_ipp_tab.hts.  Shows IPP page links and current user text  */
#IPPWelcome
{
    clear: both;
    float: left;
    padding: 0;
    margin: 0 0 10px 5px;
}

#IPPPageTabs
{
    text-align: right;
    padding: 0;
    margin: 0 5px 10px 5px;
}

    #IPPPageTabs a
    {
    }

/* IPP Call Centre Menu Bar Styles  */
/* classes for second level page tabs - developed for IPP call centre in v.711 */
/* IPP call centre page tabs are form submit buttons, not hyperlinks */
/* addition formsub.. classes for javascript rollover classes to highlight form sub buttons on mouseover */
.formsubtabs2
{
    border-right: #666 0 solid;
    border-top: #666 0 solid;
    font: 70% 'Open sans', arial bold;
    border-left: #666 0 solid;
    color: #333;
    border-bottom: #666 0 solid;
    background-color: #c7bed5;
    cursor: hand;
}

.formsubtabs2over
{
    border-right: #666 0 solid;
    border-top: #666 0 solid;
    font: 70% 'Open sans', arial bold;
    border-left: #666 0 solid;
    color: #fff;
    border-bottom: #666 0 solid;
    background-color: #666699;
    cursor: hand;
}

.pagetabs2border
{
    background-color: #666699;
}

.pagetabs2bg
{
    background-color: #ebebeb;
}

.pagetabs2tabbg
{
    background-color: #c7bed5;
}

.pagetabs2titlebg
{
    background-color: #ccc;
}

.pagetabs2title
{
    color: #333;
}

/* end of IPP Call Centre Menu Bar Styles  */

/* ==========================================================
  Below here are all the new style classes for e: Vision 7.2.1
  new web standard HTS/HTML template and accessible 
  CSS styled Portal (set on MUA, does not use tables)
  ===========================================================  */
/* New sits.css sections below here are -
  1.  HTML tag styles
  2.  Default header and footer styles
  3.  Portal Page tab styles
  4.  Main Page Divisions (of content between the header and footer)
  5.  Page Titles styles
  6.  Portal DIV mode - container style classes
  7.  SITS Web Standards Data tables style classes
*/

/**************************************************************
 Header and Footer Styles   (used in default SITS body-start 
 and body-end HTS files -   Edit or remove if not required.                           
 ***************************************************************/
/* sits_page_background used with default page headers only */
#sits_page_background
{
    background-color: #FFF;
    background-position: top right;
}

td.sitsheadercell1
{
}

td.sitsheadercell2
{
    border-top: 0 solid #DDDDDD;
}

td.sitsheadercell3
{
    /* used in vertical portal page tabs examples   */
    border-top: 1px solid #C5CED3;
    background-color: #E0E0E0;
}

td.sitsheadercell4
{
    /* used in vertical portal page tabs examples   */
    border-top: 0 solid #DDDDDD;
    border-right: 0 solid #DDDDDD;
    background: #FFF;
}

#sitsheaderstrap
{
    height: 78px;
    min-width: 800px;
    color: #99A6AC;
    background: url(../UC_files/body-bg.png) right top no-repeat;
    padding: 0;
}

#sitsheaderimage1
{
    float: left;
    display: block;
    width: 181px;
    height: 58px;
    margin: 10px;
    vertical-align: middle;
}

#sitsheadermaintitle
{
    position: absolute;
    top: 50px;
    right: 135px;
    margin: 0;
    float: left;
    font-size: 100%;
    padding-bottom: 0;
    padding-left: 10px;
    color: #333;
    display: block;
    border-bottom: 1px solid #B4BEC2;
}

#sitsheadercontrollinks
{
    position: absolute;
    top: 5px;
    right: 5px;
    float: none;
    text-align: right;
    padding: 0;
    margin: 5px 5px 0 0;
    color: #666;
}

    #sitsheadercontrollinks a
    {
        font-weight: normal;
        color: #666;
        text-decoration: none;
    }

        #sitsheadercontrollinks a:hover,
        #sitsheadercontrollinks a:active
        {
            text-decoration: underline;
        }

#sitsloggedinmessage
{
    height: 15px;
    position: absolute;
    top: 2.5em;
    right: 0.5em;
    color: #FFF;
    border-bottom: 1px solid #BCBFC4;
    line-height: 1em;
    text-align: right;
}

#sitsheaderdatetext
{
    color: #B4BEC2;
    text-align: right;
    padding: 0;
    margin: 0 5px 0 0;
}

#sitspagefooter
{
    padding: 0;
}

td.sitsfootercell1
{
    border-right: 0 solid #138087;
}

td.sitsfootercell2
{
    border-top: 1px solid #CCC;
    background: #FFF;
}

p.sitstopofpage
{
    padding: 5px;
    color: #666;
}

    p.sitstopofpage a
    {
        color: #fff;
    }

.sitsfootertext
{
    text-align: right;
    margin: 0;
    color: #666;
    padding: 6px;
}

    .sitsfootertext a
    {
        color: #666;
        text-decoration: none;
    }

        .sitsfootertext a:hover,
        .sitsfooter a:active
        {
            text-decoration: underline;
        }

.sitsloginbox
{
    background: #eeeeee;
    padding: 5px;
    width: 300px;
    height: 170px;
    float: left;
    margin: 10px 10px 50px 10px;
}

    .sitsloginbox p
    {
        margin: 5px;
        padding: 5px;
    }

li.li_login_name
{
    margin: 0 1px !important;
    padding: 10px10px10px 15px !important;
}

/***************************************************************/
/* Main Page Divisions                     */
/***************************************************************/
/* Please Note: the default headers and footers supplied with
e: Vision, IPP use a single 100% height 'shell' table which is opened in
the header files and closed in the footer files.  This is to place the footer
always at the bottom of the window, or content, whichever is longer.
sitsportalcontent and sitspagecontent are the main page content wrapper DIVs 
 and are opened in the default body-start HTS files and closed in the body-end HTS files  */
/* position overall main page content while logged in 
ie with the page tabs menu bar in view , used in body-start-tabs.hts */
#sitsportalcontent
{
    clear: both;
    /* required for default SITS header alignment */
    margin: 15px 10px 5px 10px;
    width: 95%;
}

/* NB - width: 95% above is a compromise between IE and the CSS compliant browser
 - the page does not appear exactly centred in IE but will break in IE 
  if no width stated, and will break in other browsers if width: 100% */

/* these "portal" sections control portal pages
where containers are displayed.  This allows a different design
on container pages if required */

.td_sitsportalmenu
{
    padding: 10px 0 0 0;
}

.td_sitsportalcontent
{
    width: 90%;
    /*padding: 10px 10px 20px 25px;*/
    border-collapse: collapse;
    border: none;
}

    .td_sitsportalcontent table
    {
        border: none;
        margin: 0;
        padding: 0;
    }

h1, h2, h3, h4, h5, h6
{
    font-family: 'Open sans', Arial, Helvetica, sans-serif;
    color: #333;
}

    h1 strong,
    h1 b
    {
        font-weight: normal;
    }

h1
{
    font-size: 32px;
    font-weight: normal;
    line-height: 1.125;
    margin: 0 0 .5em;
}

h2
{
    font-size: 26px;
    font-weight: normal;
    line-height: 1.363636363636364;
    margin: 0 0 .6153846153846154em;
}

h3
{
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
    margin: 0 0 1em;
}

h4
{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.25;
    margin: 0 0 1.125em;
}

h5
{
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 1.5em;
}

#sitsportalpagedesc
{
    margin: 15px 0 20px 0;
}

p.sitsportalpagedesc
{
    color: #000;
    line-height: 1.5;
}

/* main wrapper DIV for rest of portal container page following the title section */

p.sitsportalhelp
{
    color: #000;
    text-align: justify;
}

/* these page sections control all pages except where portal 
containers are displayed.  For example HTS program screens,
message screens, the standard login screen, web SRLs etc. 
This allows a different design
from portal container pages if desired. 
Position these sections here if required */
/* position overall main page content when no page tabs are on display 
ie used is body-start.hts and body-start-ipp.hts  */

/* ALERT BOXES  - top of page */

.alert
{
    background-color: #ffdfbf;
    border: 1px solid #ffdbb7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #7a5c2c;
    line-height: 1.4;
    margin-bottom: 20px;
    padding: 8px 35px 8px 14px;
    -moz-text-shadow: 0 1px 0px rgba(255,255,255,.5);
    -webkit-text-shadow: 0 1px 0px rgba(255,255,255,.5);
    text-shadow: 0 1px 0px rgba(255,255,255,.5);
    filter: dropshadow(color=#ffffff, offx=0, offy=1);
}

    .alert h2,
    .alert h3,
    .alert h4
    {
        color: #7a5c2c;
        margin: .2em 0 .83em;
        /*-webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);*/
    }

    .alert h2
    {
        font-size: 16px;
        font-weight: bold;
    }

    .alert h3
    {
        font-size: 16px;
        font-weight: normal;
    }

    .alert h4
    {
        font-size: 14px;
        font-weight: normal;
    }

    .alert h4
    {
        margin: 0;
    }

    .alert .close
    {
        position: relative;
        top: -2px;
        right: -21px;
        line-height: 20px;
    }

.alert-success
{
    color: #3c733d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

    .alert-success h2,
    .alert-success h3,
    .alert-success h4
    {
        color: #3C733D;
    }

.alert-danger h2,
.alert-error h2,
.alert-danger h3,
.alert-error h3,
.alert-danger h4,
.alert-error h4
{
    color: #a94341;
}

.alert-danger,
.alert-error
{
    color: #a94341;
    background-color: #f2dede;
    border-color: #eed3d7;
}

#sitsmessagebox
{
    /* amalgamation of .alert and .alert-error*/
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #f2dede;
    border: 1px solid #eed3d7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #a94341;
}

.alert-info
{
    color: #2c6885;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

    .alert-info h2,
    .alert-info h3,
    .alert-info h4
    {
        color: #2c6885;
    }

.sitspagedesc
{
    /* amalgamation of .alert and .alert-info*/
    /* padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #d9edf7;
  border: 1px solid #bce8f1;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  color: #2c6885; */
    font-size: 16px;
}

.alert-block
{
    padding-top: 14px;
    padding-bottom: 14px;
}

    .alert-block > p,
    .alert-block > ul
    {
        margin-bottom: 0;
    }

    .alert-block p + p
    {
        margin-top: 5px;
    }

/* main wrapper DIV for rest of page following the title section */
#sitspagedatasection
{
}

/* sits page help is placed at the end of the page - text is normally
 held in boilerplate BP003. Reposition using CSS here if required */

#sitspagehelp
{
}

p.sitspagehelp
{
    color: #000;
    text-align: justify;
}

/***************************************************************/
/* Portal DIV Mode Styles                      */
/***************************************************************/
/*  Portal Containers and Container Options can 
  be styled using the classes specified here.    */
/* this is the layout table used to hold the portal columns 
 - required over pure CSS layout due to requirement for any HTML 
 content to be workable within any container */
#sitsportaltable
{
}

/* these are wrapper DIVs for the portal columns.  Only used in
Portal DIV mode these are placed inside the respective 
portal column layout table table cell   */
/* if columns here are set with no width, or to 100% 
 there will be display problem on single column pages in IE */
.sitscolumn1
{
    width: 97%;
}

.sitscolumn2
{
    width: 97%;
}

.sitscolumn3
{
    width: 97%;
}

/*  Standard Class used for every Portal Container   (in DIV mode)
  - Use the margins here to set the distance between/around each container */
.sitscontainer
{
    margin: 0 0 15px 0;
    float: none;
    width: 100%;
    border: 1px solid #BCBFC4;
    padding: 5px;
}

.sitscontitlesection
{
    width: 100%;
    color: #333;
}

p.sitscontitleicon
{
    float: left;
    margin: 0;
    padding: 0;
}

.sitsconupdatedicon
{
    float: none;
    margin: 0;
    padding: 3px;
}

.sitscontitle,
.sitsContitle
{
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #222222;
    font-weight: normal;
    font-size: 1.375em;
    margin: 5px;
    padding: 1px;
    float: left;
}

.sitsconrightimage
{
    padding: 0;
    margin: 0;
    float: none;
}

.sitsconborder
{
    margin: 0;
    padding: 0;
}

p.sitscontrols
{
    width: 100%;
    color: #666;
    font-weight: normal;
    margin: -15px 0 0 0;
    padding: 0 10px 0 0;
    text-align: right;
}

.sitscontrols a
{
    color: #666;
    text-decoration: underline;
}

.sitscontrolimage
{
    float: right;
    padding: 1px;
}

.sitsconhelp
{
    color: #666;
    margin: 0;
    padding: 5px;
    background-color: #f1efe2;
}

.sitscophelp
{
    color: #666;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    background-color: #F1EFE2;
}

.sitscondescription
{
    color: #666;
    clear: both;
    padding: 10px;
    margin: 0;
    line-height: 1.5;
}

.sitscopsection
{
    margin-bottom: 0;
    /* spacing after message box */
    margin-top: 0;
    padding: 0;
    clear: both;
    width: 100%;
}

p.sitscopicon
{
    float: left;
    margin: 0;
    padding: 1px;
    list-style-type: none;
}

.sitsnewcontext
{
    margin: 0;
    padding: 1px;
    color: #FFF;
    list-style-type: none;
}

.sitsnewcoptext
{
    margin: 0;
    padding: 3px;
    color: #003399;
}

ul.sitscop
{
    margin: 3px;
    margin-left: 20px;
    padding: 3px;
    margin-bottom: 6px;
    list-style-type: none;
    clear: left;
}

.li
{
    padding: 3px;
    margin-bottom: 6px;
}

p.sitscop
{
    margin: 3px;
    margin-left: 20px;
    padding: 3px;
    margin-bottom: 6px;
}



/* Data Table Styles */
/***************************************************************/
/* OVERALL DATA TABLE WIDTH                          */
/***************************************************************/
.sitstablegrid,
.sitstablevertical,
.sitstablehorizontal,
.sitstableoutline
{
    border: none;
    width: 100%;
    /* overall default table width */
    margin-bottom: 20px; /* separator space below each table */
}

    .sitstablegrid tbody
    {
        border: none;
        border-bottom: solid 2px #fff;
        margin-bottom: -1px;
    }

    /***************************************************************/
    /* TABLE TITLES:   caption (table title) definitions - general */
    /***************************************************************/

    .sitstablegrid caption,
    .sitstablevertical caption,
    .sitstablehorizontal caption,
    .sitstableoutline caption
    {
        color: #666;
        padding: 6px 0;
        font-size: 16px;
        font-weight: bold;
        text-align: left;
        /* background: #BCBFC4 url(../images/tabletitle_bg_blue-white-corner.jpg) top left no-repeat;*/
        ;
    }

/* Note:  Default image used as background of table tiles;
if you are changing the default colour scheme 
please either edit the tabletitle_bg_blue.jpg image used as default 
table tile background to one of your own which matches your new colour scheme
or else simply remove that background-image attribute 
and set the background-color attribute to match your colour scheme
*/
/***************************************************************/
/* TABLE DESCRIPTIONS: SITS table descriptive text style       */
/***************************************************************/
.sitstabledescriptioncell
{
    background-color: #FFF;
}

    .sitstabledescriptioncell p
    {
        margin-bottom: 0;
        line-height: 1.5;
    }

p.sitstabledescription
{
    color: #333;
    font-weight: normal;
    margin: 2px;
    text-align: left;
}

p.sitsrecordcount
{
    /* percentage of the size specifiied above */
    color: #666;
    font-weight: normal;
    margin-top: 4px;
    padding-top: 4px;
    float: left;
}

p.sitsrecordpaging
{
    /* percentage of the size specifiied above */
    color: #666;
    font-weight: normal;
    margin-top: 4px;
    padding-top: 4px;
    text-align: right;
    border-top: 1px dashed #ccc;
}

/***************************************************************/
/* GENERIC TABLE CELL DEFINITIONS: font size, padding          */
/***************************************************************/

.sitstablegrid caption,
.sitstablegrid th,
.sitstablegrid td,
.sitstablevertical caption,
.sitstablevertical th,
.sitstablevertical td,
.sitstablehorizontal caption,
.sitstablehorizontal th,
.sitstablehorizontal td,
.sitstableoutline caption,
.sitstableoutline th,
.sitstableoutline td
{
    border: none;
    padding: 6px 0;
    vertical-align: top;
}

/* remove padding where required e.g. if form submit button in cell */
td.sitsnopadding
{
    padding: 0;
    margin: 0;
}

/***************************************************************/
/* TABLE ROW AND COLUMN HEADINGS                               */
/***************************************************************/
.sitstablegrid th,
.sitstablevertical th,
.sitstablehorizontal th,
.sitstableoutline th
{
    border-bottom: solid 1px #ccc;
    padding-right: 5px; /* required to keep right aligned TH row headings from edge of cell */
    color: #000;
}

/* alignment of all row and column headings - overrides default centering of TH tag*/

.sitscolhead
{
    text-align: left;
}

/***************************************************************/
/* TABLE BORDERS AND BACKGROUND COLOURS                        */
/***************************************************************/
.sitstablegrid,
.sitstablevertical,
.sitstablehorizontal,
.sitstableoutline
{
    background-color: #FFF;
    /* background shade applied to all cells */
    border: none;
    border-collapse: collapse;
}

.sitsrowhighlight
{
    background-color: #F8F8F8; /* background shade applied to alternate TRs */
}

.sitstabledescriptioncell
{
    border-bottom: 1px solid #CCC;
}

/* specific table gridline definitions */
/* set generic table grid line widths and colours here  - normally all three set to same width and colour */
.sitstablegrid th,
.sitstablegrid td
{
    border-bottom: 1px solid #DDDDDD; /* draws grid lines for sitstablegrid style class */
}

.sitstablevertical th,
.sitstablevertical td
{ /*
  border-right: 1px solid #BCBFC4; draws vertical lines for sitstablevertical style class */
}

.sitstablehorizontal th,
.sitstablehorizontal td,
.sitstablecontent
{ /*
  border-top: 1px solid #BCBFC4; draws horizontal lines for sitstablehorizontal style class */
}

/* ==========================================================  */
/* stlyes used normally by SITS standard letters SRLs          */
/* ==========================================================  */
/* please note, SRLs should use the normal SITS html template
  and make use of the standard page layout, title and data sections 
 - addional paragraph text formatting -   */
p.sitstext
{
    color: #333;
    font-weight: normal;
    text-align: left;
}

/***************************************************************/
/* NESTED TABLE                                                */
/***************************************************************/
.sitstablenesteddata
{
    background-color: #efefef;
    /* background shade applied to all cells */
    border: 1px solid #CCC;
    /* table outline box */
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 0;
}

    .sitstablenesteddata caption
    {
        font-weight: bold;
        background-color: #CCC;
        background-image: none;
        /* req. so that previous caption bg image not still used */
        color: #666;
    }

    .sitstablenesteddata caption,
    .sitstablenesteddata th,
    .sitstablenesteddata td
    {
        font-size: 100%;
        color: #333;
        vertical-align: top;
    }

    .sitstablenesteddata th
    {
        background-color: #dbdbdb;
        color: #666;
        padding-right: 5px; /* required to keep right aligned TH row headings from edge of cell */
    }

    .sitstablenesteddata td,
    .sitstablenesteddata th
    {
        border: 1px solid #CCC; /* draws grid lines for sitstablegrid style class */
    }

/***************************************************************/
/* Print or Screen Only classes - used with sits-print.css  */
/***************************************************************/
/* to use simply add a DIV tag with screen or print only class 
 as required to show/hide DIV while viewing on screen or printing 
  - Note - these styles should not be edited */
.sitsscreenonly
{
}

.sitsprintonly
{
    display: none;
}

/* hidden style (for accessibility) used when additional */
/* hidden labels or links are required */
.sitshidden
{
    display: none;
}

/***************************************************************/
/* Forum Styles      -added by IREL1                           */
/***************************************************************/
.forumlink
{
    WORD-SPACING: 0;
}

    .forumlink a:link
    {
        color: #77628b;
        text-decoration: none;
        font-weight: bold;
    }

    .forumlink a:visited
    {
        color: #77628b;
        text-decoration: none;
        font-weight: bold;
    }

    .forumlink a:hover
    {
        color: #ccc;
        text-decoration: underline;
    }

    .forumlink a:active
    {
        color: #ccc;
        text-decoration: underline;
    }

.forumindexlink
{
    word-spacing: 0;
}

    .forumindexlink a:link
    {
        color: #77628b;
        text-decoration: none;
        font-weight: bold;
    }

    .forumindexlink a:visited
    {
        color: #77628b;
        text-decoration: none;
        font-weight: bold;
    }

    .forumindexlink a:hover
    {
        color: #ccc;
        text-decoration: underline;
    }

    .forumindexlink a:active
    {
        color: #ccc;
        text-decoration: underline;
    }

.forumpoll
{
    text-align: center;
    font-weight: bold;
    color: #77628b;
    background-color: #e6e2ef;
}

.forumquote
{
    float: none;
    font-size: 110%;
    color: #77628b;
    background-color: #efebef;
    border: 1px solid #ccc;
    width: 90%;
    text-align: left;
    padding: 4px;
    margin-bottom: 4px;
    margin-top: 4px;
    filter: progid: dximagetransform.microsoft.dropshadow(color=9c86ad, direction=135);
}

.forumspacer
{
    font-weight: bold;
    color: #ccc;
    background-color: #ccc;
}

.forummoderation
{
    font-weight: bold;
    font-size: 110%;
    color: #77628b;
    background-color: #ffdddd;
}

.forumdeleted
{
    font-weight: bold;
    font-size: 110%;
    color: #77628b;
    background-color: #ffdddd;
}

/***********************************************************************/
/* AJAX Styles  -added by LEWR1 - -added by LEWR1   for v7.4.0  */
/***********************************************************************/
ul.sortable li
{
    position: relative;
}

ul.boxy
{
    list-style-type: none;
    padding: 4px 4px 0 4px;
    margin: 0;
    font-size: 13px;
    border: 1px solid #CCC;
    width: 200px;
    float: left;
}

    ul.boxy li
    {
        cursor: move;
        margin-bottom: 4px;
        border: 1px solid #CCC;
    }

.tabletitleajax
{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.bginsideajax
{
    table-layout: fixed;
}

.unassigned
{
    border: 1px dashed #000;
}

.pageassigned
{
    border: 1px solid #000;
}

/***************************************************************/
/* NESTED TABLE - OUTLINE ONLY - added by REED1 for 7.4.1      */
/***************************************************************/
.sitstablenestedoutline
{
    background-color: #efefef;
    /* background shade applied to all cells */
    border: 1px solid #CCC;
    /* table outline box */
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 0;
}

    .sitstablenestedoutline caption
    {
        font-weight: bold;
        background-color: #CCC;
        background-image: none;
        /* req. so that previous caption bg image not still used */
        font-size: 100%;
        color: #666;
    }

    .sitstablenestedoutline caption,
    .sitstablenestedoutline th,
    .sitstablenestedoutline td
    {
        color: #333;
        vertical-align: top;
    }

    .sitstablenestedoutline th
    {
        background-color: #dbdbdb;
        color: #666;
        padding-right: 5px; /* required to keep right aligned TH row headings from edge of cell */
    }

/***************************************************/
/* CAPTCHA Styles  -added by LEWR1   for v8.1.0    */
/***************************************************/
.captcha_div,
.captcha_sel
{
    border: solid 1px;
    text-align: center;
}

.captcha_sel
{
    background-color: red;
}

.captcha_img
{
    margin: 5px;
    width: 100px;
    height: 100px;
}

/***********************************************************************/
/* Additional AJAX Style   -added by LEWR1   for v8.1.0                */
/***********************************************************************/
ul.boxy input
{
    cursor: default;
}

/***********************************************************************/
/* Progress bar   -added by LEWR1   for v8.1.1                         */
/***********************************************************************/
#bar_mess
{
    color: black;
    font-family: 'Open sans', Arial, "Sans serif";
    font-size: 12pt;
    font-weight: normal;
    text-align: center;
    position: absolute;
    width: 300px;
    border: 2px solid black;
    background-color: white;
    visibility: hidden;
}

/***********************************************************************/
/* WYSIWYG   -added by LEWR1   for v8.2.0                              */
/***********************************************************************/
.wys_error,
.wys_error a:link,
.wys_error a:visited,
.wys_error a:hover
{
    color: red !important;
    background-color: #FF9999 !important;
}

.wys_info
{
    color: black !important;
    background-color: #9FCFFF !important;
}

.srl_email_fld
{
    font-size: 70%;
    width: 100%;
    margin-top: 3px;
}

.srl_mark
{
    background-color: #FFF;
    color: #000;
    float: left;
    border: 1px solid #000;
    margin: 1px;
    padding: 2px;
    font-size: 60%;
    cursor: move;
}

.srl_mark_txt,
.srl_mark_fld,
.srl_mark_lst,
.srl_mark_sel
{
    border: 1px dashed #000;
    float: left;
    padding-left: 1px;
    padding-right: 1px;
    cursor: default;
}

.srl_expd_fld,
.srl_expd_lst,
.srl_expd_sel
{
    border: 1px dashed #000;
    float: left;
    background-color: #FFF;
    color: #000;
    font-size: 70%;
    padding-left: 1px;
}

.srl_mark_txt
{
    border: none;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 0;
}

.dmx_link
{
    text-align: center;
    width: 100%;
    color: #000;
    font-size: 70%;
}

.dmx_zone
{
    border: 2px dashed red;
    margin: 2px;
}

.fld_textarea,
.fld_password,
.fld_dropdown,
.fld_checkbox,
.fld_radiogroup,
.fld_textbox
{
    background-color: #FFF;
    color: #000;
    float: left;
    border: 1px solid black;
    margin: 1px;
    padding: 2px;
    font-size: 60%;
    cursor: move;
}

.fld_textarea
{
    background: buttonface url(../images/txt.png) no-repeat right;
    padding-right: 19px;
}

.fld_dropdown
{
    background: buttonface url(../images/drp.png) no-repeat right;
    padding-right: 19px;
}

.fld_checkbox
{
    background-color: transparent !important;
    background: buttonface url(../images/chk.png) no-repeat left;
    padding-left: 17px;
}

.fld_radiogroup
{
    background-color: transparent !important;
    background: buttonface url(../images/rad.png) no-repeat left;
    padding-left: 17px;
}

.dmx_menu_table
{
    cellspacing: 1px;
    cellpadding: 0;
    background-color: #EFEFEF;
    border: 2px outset #BFBFBF;
}

.dmx_menu,
.dmx_menu_hover
{
    background-color: #EFEFEF;
    color: #000;
    width: 100%;
    height: 16px;
    padding-left: 25px;
    font-size: 60%;
    cursor: pointer;
}

.dmx_menu_hover
{
    background-color: #BFBFBF;
}

.dmx_butt_style
{
    min-width: 100px;
    width: auto !important;
    width: 100px;
}

#srl_message,
#dmx_message
{
    display: none;
    width: 100%;
}

#srl_toolbar,
#dmx_toolbar,
#dmx_results,
#dmx_helpbox
{
    background-color: #E7E6DC;
    border: 1px solid black;
}

#dmx_helpbox,
#srl_textbox
{
    font-size: 70%;
    color: black;
}

#srl_textbox
{
    border: 1px solid black;
    width: 100%;
    height: 400px;
}

div.btns
{
    zoom: 1;
    white-space: nowrap;
    display: inline-block;
}

    div.btns: after
    {
        display: inline;
        clear: both;
        content: '';
    }

    div.btns a.btn
    {
        float: left;
        background: buttonface url(../images/border-2.gif) no-repeat;
        cursor: pointer;
        font-size: 0;
        text-align: center;
        display: inline;
        text-decoration: none;
        margin: 3px 2px;
    }

        div.btns a.btn:hover span
        {
            opacity: 0.6;
            filter: alpha(opacity='60');
        }

        div.btns a.btn span
        {
            padding: 3px 8px 4px 8px;
            text-align: center;
            position: relative;
            left: 1px;
            top: 1px;
            display: inline-block;
            text-decoration: none;
            background: url(../images/border.gif) right bottom no-repeat;
            font: small/1 'Open sans', Arial;
            color: #222;
        }

            div.btns a.btn span.nobtn
            {
                opacity: 0.6;
                filter: alpha(opacity='60');
                cursor: default;
            }

/***********************************************************************/
/* Parent-Child Menus   -added by PARD2 (DEV by LEWR1)   for v8.1.1    */
/***********************************************************************/
#menu dl,
#menu dt,
#menu dd,
#menu ul,
#menu li
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    z-index: 5;
}

#menu
{
    width: 180px;
}

    #menu dt
    {
        cursor: pointer;
        height: auto;
        margin: 0;
        text-align: left;
        font-weight: bold;
        font-size: 70%;
        border-bottom: 1px solid #ddd;
        list-style: none;
        width: 150px;
        margin-right: -1px;
        background-color: #E0E0E0;
        border-bottom: 1px dotted #9C9C9C;
    }

    #menu .menutitle
    {
        /* background-image: url(../images/820/menutitlebg.jpg);
*/
        color: #666;
        padding-top: 5px;
        padding-bottom: 5px;
        height: 20px;
        text-indent: 5px;
        margin-top: 5px;
    }

    #menu dt a:hover
    {
        background-color: #E0E0E0;
        color: #666;
        font-weight: bold;
        text-decoration: underline;
    }

    #menu dd
    {
        position: absolute;
        z-index: 100;
        left: 8em;
        margin-top: -1.4em;
        width: .*0px;
        background: #E0E0E0;
        border: 0 solid #ddd;
        font-size: 70%;
        font-color: #000;
    }

        #menu dd a:hover
        {
            background-color: #E0E0E0;
            color: #FFF;
            font-weight: bold;
            text-decoration: underline;
        }

    #menu ul
    {
        padding: 0;
    }

    #menu li
    {
        text-align: center;
        font-size: 90%;
        height: auto;
        padding: 2px;
    }

        #menu li a,
        #menu dt a
        {
            color: #000;
            text-decoration: none;
            display: block;
            font-weight: bold;
            height: auto;
            padding-left: 5px;
            padding: 5px 0 5px 5px;
        }

            #menu li a:hover
            {
                text-decoration: none;
            }

.catoption
{
    float: left;
    padding-right: 10px;
}

/***********************************************************************/
/* Progress bar   -added by IREL1   for v8.2.0                         */
/***********************************************************************/
.tte_details
{
    color: black;
    font-family: 'Open sans', Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: normal;
    text-align: center;
    position: absolute;
    width: 300px;
    border: 2px solid black;
    background-color: white;
    visibility: hidden;
}

/***********************************************************************/
/* MAP/MAB Set-up (SIW_MAP1)   -added by REED1   for v8.2.1            */
/* Styles to display Tabbed data on screen                             */
/***********************************************************************/
.maptabheader ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}

.maptabheader li
{
    float: left;
    padding: 2px 0 0 0;
    border: 1px solid;
    border-bottom-width: .*0px;
    margin: 0 0.5em 0 0;
    background: #E7E6DC;
    white-space: nowrap;
}

    .maptabheader li a
    {
        padding: 0 1em;
        color: #666;
        text-decoration: none !important;
    }

        .maptabheader li a:hover
        {
            background: #FFF;
        }

.maptabselected
{
    position: relative;
    top: 1px;
    background: #FFF !important;
}

    .maptabselected a
    {
        background: #FFF;
    }

.maptabcontent
{
    border: 1px solid;
    clear: both;
    padding: 2px 2px 2px 2px;
    background: #FFF;
}

.maptabtable
{
    font-size: 133% !important;
}

.maptablink
{
    color: #FFF !important;
}

/*****************************************************************************/
/* Attribute timetable (SIW_XTTB3) HEPD1 PPL 12439 Feb 09 for V8.2.1         */
/* Styles for the screen                                                     */
/* These should be altered with caution is it could break the timetable view */
/*****************************************************************************/
/*styles for each box at the top of the timetable*/
.timetableItem
{
    border: 1px solid;
}

    .timetableItem h3
    {
        padding: 0.5em 0.2em;
        color: #666;
    }

    .timetableItem .itemContent
    {
        overflow: auto;
        background-color: #FFF;
    }

/*Specific styles for each item at the top of the timetable*/
/*Calendar styles*/
#tableTitle
{
    font-size: 100%;
}

#calendar h3
{
    display: none;
}

#calendarContent
{
    height: auto;
    width: auto;
    text-align: center;
}

    #calendarContent img
    {
        border: 0;
    }

/*#calendarContent .selected {
  background: red;
}*/
/*Unscheduled record styles*/
#unSchedContent
{
}

.unSchedEvent
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0.2em;
}

/*ColourKey styles*/
#colourKey li
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0.2em;
    padding: 0.2em;
}

/*processOptions styles*/
#processOptionsContent
{
    text-align: center;
}

    #processOptionsContent dl,
    #processOptionsContent ul
    {
        text-align: left;
    }

    #processOptionsContent dl,
    #processOptionsContent li
    {
        border: 1px solid;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: 0.2em;
        padding: 0.2em;
    }

    #processOptionsContent ul
    {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    #processOptionsContent label
    {
        display: none;
    }

    #processOptionsContent input,
    #processOptionsContent select
    {
        margin: 0.2em;
    }

/*message box styles*/
#messages,
#messagesContent
{
    width: 100%;
}

/*Timetable styles*/
#timetable
{
    width: 100%;
    overflow: auto;
}

#timetableContent
{
    position: absolute;
    overflow: auto;
    z-index: 0;
}

    #timetableContent .ttColHead
    {
        position: absolute;
        overflow: hidden;
        border-width: 1px 1px 1px 0;
        border-style: solid;
        border-color: #BCBFC4;
        background-color: #dbdbdb;
        z-index: 102;
    }

#ttColHead1
{
    border: 1px solid #BCBFC4 !important;
}

#timetableContent .ttRowHead
{
    position: absolute;
    overflow: hidden;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #BCBFC4;
    background-color: #dbdbdb;
    z-index: 102;
}

#timetableContent .ttSelectedRowHead
{
    position: absolute;
    overflow: hidden;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #BCBFC4;
    background-color: red;
    z-index: 106;
}

#timetableContent .ttHead
{
    height: 100%;
    margin: 0 3px 0 0;
    padding: 2px 0 2px 3px;
    background-color: #dbdbdb;
    font-weight: bold;
    color: #666;
}

#timetableContent .ttCell
{
    position: absolute;
    border-bottom: 1px solid #BCBFC4;
    z-index: 100;
}

#timetableContent .ttSelectedCell
{
    position: absolute;
    border-bottom: 1px solid #BCBFC4;
    background-color: #FFF;
    z-index: 104;
}

#timetableContent .ttDashedBorder
{
    border-right: 1px dashed #BCBFC4;
}

#timetableContent .ttSolidBorder
{
    border-right: 1px solid #BCBFC4;
}

#timetableContent .ttFooter
{
    position: absolute;
    height: 1px;
    font-size: 1px;
    z-index: -1;
}

.timetableRecord
{
    position: absolute;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.timetableRecordInner
{
    padding: 2px 5px;
}

#weeks td
{
    height: 15px;
}

#weeks .ttSelectedWeek
{
    background-color: #6495ED;
}

/***********************************************************************/
/* SIW_GRL   -added by LEWR1   for v8.2.1                              */
/***********************************************************************/

#grl_message
{
    display: none;
    width: 100%;
}

.grl_primary
{
    background: #FFF5C3 !important;
}

.srl_mark_txt
{
    cursor: text;
}

/*NEW 'INTO' CLASSES*/
#intotext
{
    position: absolute;
    width: 215px;
    height: 30px;
    right: 10px;
}

#colourbar
{
    width: 100%;
    height: 30;
}

.CONHEADER
{
    border: 1px solid #CCC;
}

.CONCONTENT
{
    background: #FFF;
    border: 1px solid #CCC;
    border-top: 0;
}

/* Fix box model */

*
{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.subcategoryitems
{
    display: none;
}

/* Tooltips */

abbr
{
    cursor: help;
}

#tooltip
{
    font-family: 'Open sans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: left;
    text-shadow: 0 1px rgba( 0, 0, 0, .5 );
    line-height: 1.5;
    color: #fff;
    background: #333;
    background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .7 ) ), to( rgba( 0, 0, 0, .8 ) ) );
    background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .7 ), rgba( 0, 0, 0, .9 ) );
    background: -moz-linear-gradient( top, rgba( 0, 0, 0, .7 ), rgba( 0, 0, 0, .9 ) );
    background: -ms-radial-gradient( top, rgba( 0, 0, 0, .7 ), rgba( 0, 0, 0, .9 ) );
    background: -o-linear-gradient( top, rgba( 0, 0, 0, .7 ), rgba( 0, 0, 0, .9 ) );
    background: linear-gradient( top, rgba( 0, 0, 0, .7 ), rgba( 0, 0, 0, .9 ) );
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-top: 1px solid #fff;
    -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
    -moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
    box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
    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;
    }

.tip
{
    background: transparent url(../UC_files/images/fa-icons-sprite.png) no-repeat -298px -160px;
    cursor: help;
    display: inline-block;
    height: 15px;
    position: relative;
    width: 19px;
}

/* End of sits.css */