/* Import External Scripts
----------------------------------------------------------*/
    @import url('VisualElements/userNotificationMessage.css');

/* Main Styles
----------------------------------------------------------*/
   
    html {
        /*font-family: Verdana, Arial, Helvetica, "DejaVu Sans", sans-serif !important;*/ 
        font-family: "Myriad Pro", Helvetica, Arial, sans-serif !important;        
        font-size: 16px;
    }
    body {
        margin: 0px auto;
        color: #000;
        background: url('../images/bg-top-tools.png')  no-repeat center top;
        border: 0px;padding: 0px; 
        font-size:16px; 
        /*font-family: Verdana, Arial, Helvetica, "DejaVu Sans", sans-serif;*/
        font-family: "Myriad Pro", Helvetica, Arial, sans-serif;        
    }
    a:link {color: #034af3;text-decoration: underline;}
    a{color: #034af3;}
    a:visited {color: rgb(85, 26, 139);}
    /*a:hover {color: #1d60ff;text-decoration: none;}*/
    /*a:active {color: #12eb87;}*/
    fieldset {
        border: 1px solid #ddd;
        padding: 0 1.4em 1.4em 1.4em;
        margin: 0 0 1em 0; 
        border-radius:5px;
    }
    h1, h2, h3, h4, h5, h6 {
        color: #074A8B;
    }
    h1 {
        padding-bottom: 0;
        margin-bottom: 0; 
        font-size:26px; 
        /*font-family: Verdana, Arial, Helvetica, "DejaVu Sans", sans-serif;*/
        /*font-family: "Myriad Pro", Helvetica, Arial, sans-serif;*/      
        font-family:"Blogger Sans";
    }
    h2 {padding: 0 0 10px 0; font-size:24px;}
    h3 {margin: 0px;padding: 0px; font-size:22px;}
    h4 {line-height: 10px !important;margin-top: 20px !important;margin-bottom: 5px !important;padding: 0px !important;}
    img{border:none;}
    /*input[type="text"], input[type="password"] {border: 1px solid #ccc;padding: 2px;color: #444;width: 400px;}*/
    input[type="text"], input[type="password"],input[type="number"] {border: 1px solid #ccc;padding: 2px;font-size: 1.1em;color: #444;width:100%;max-width: 400px;}
    /*input[type="submit"] {font-family: Verdana, Arial, Helvetica, "DejaVu Sans", sans-serif !important;padding:0px;font-size:0px;margin:0px;}*/
    /*input[type="submit"] {font-size: 1.1em;padding: 5px;}*/
    label{display:inline-block; font-weight:inherit; margin-bottom:0px;} /*made some explicit settings to override bootstrap styles*/
    label:after {content: attr(data-content) ':';} /* Append colon after every label */
    .ui-multiselect-checkboxes label:after,.suppressColon {content: attr(data-content) '';color:#fff;} /* suppress colons from labels used in dynamic dropdowns */
    .suppressColonNew:after {content: attr(data-content) '';}
    label.suppressColonNew {display:inline; margin-left:2px;}
    .width400, .width400 .merlin-choices {width:400px;max-width:400px;}
    
    legend {
        font-size: 1.1em;
        font-weight: bold; 
        border-bottom: 0px;
        display: block;     
        width:auto;
        padding-inline-start: 2px;
        padding-inline-end: 2px;
        border-width: initial;
        border-style: none;
        border-color: initial;
        border-image: initial;
        margin-bottom:0px;
    }
    p {line-height:150%;line-height: 1.6em; margin: 6px 0px 6px 0px; } 
    p, ul {line-height: 1.6em;}/*margin-bottom: 20px;*/
    pre {
        width:100%;
        font: inherit;
        white-space: -moz-pre-wrap; /* Mozilla */
        white-space: -pre-wrap; /* Opera */
        white-space: -o-pre-wrap; /* Opera */
        white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
        word-wrap: break-word; /* IE 5.5+ */
        background-color: transparent;
        border: none;
        word-break :normal;
        color:#000;

    }
    select {border: 1px solid #ccc;padding: 2px;color: #444;}/*font-size: 1.2em;*/
    table {border: solid 1px #e8eef4;border-collapse: collapse;}

    /*table td {padding-bottom:2px;padding-left:4px;padding-right:5px;padding-top:2px;border: solid 1px #e8eef4;}
    table th {padding: 6px 5px;text-align: left;background-color: #e8eef4;border: solid 1px #e8eef4;}*/

    /*td a {border: none !important;margin: none !important;padding: none !important;}*/
    /*td a:link, td a:visited {text-decoration: none;color: blue;}
    td a:hover, td a:active {color: #900;text-decoration: underline;}*/
    td a img {border:none !important; } /* Suppress borders for all images used in links */
    /*td a:link, td a:visited {font-weight:normal; color:#03F;} /* !important;
    td a:hover, td a:active {font-weight:normal; color:#900 !important;}*/
    textarea {
        min-height: 75px;
        width:400px;
        /*font-family: Arial, Helvetica, sans-serif;*/
        font-family: "Myriad Pro", Helvetica, Arial, sans-serif;      
        font-size: 1.1em;
    }

/* TELERIK GRID
----------------------------------------------------------*/
    div.t-grid .t-header{padding:5px;border-right:1px dotted #fff;color:#fff !important;}
    div.t-grid .t-header a, div.t-grid .t-header .t-link{color:#fff !important;}
    div.t-grid .t-header, div.t-grid .t-last-header { white-space: normal; }
    div.t-grid .t-header .t-link { height: auto; line-height: normal; }
    div.t-grid td { overflow:hidden; max-width:120px; word-wrap: break-word; break-word: break-all; padding:2px; vertical-align:top;}
    
/* MISC
----------------------------------------------------------*/
    .hasDatepicker {min-width: 120px !important;}
    .readonlyStyle{background-color:Silver;color:Gray;} /* Display as ReadOnly (eg for checkboxes)  */
    .subTitle{font-weight: bold !important;background-color: #DDDDDD !important;border-top: 1px #000000 solid !important;min-height: 22px !important;padding: 4px !important;display: block !important;position: relative !important;float: left !important;min-width: 20% !important;max-width: 20% !important;}
    /*#bodyContent{margin: 10px 5px 10px 10px;}*/
    .editorField select {width: 400px;}
   
.EOIClosed 
{
  border:1px solid red;
  border-radius: 5px;
  background-color:#ff0000;
  color:#ffffff;
  font-size:9px;
  /*font-family:arial;*/
  padding:1px;
  spacing:3px;
  margin-right: 5px;
}

/*NEW BACKGROUND DESIGN
***************************************************/


/*Bottom shadow*/
.bg-bottom {
	background: url('../images/bg-bottom.png') repeat-x left bottom;
}




/*FOOTER*/
#footer-een{
    border-top:1px solid #fff;
 background-color: #074A8B;
 height: 250px;
padding-top:45px;
clear:both;
    
}
#footer-content-een{
 width:1024px;
 height: 250px;
 margin-left: auto;
 margin-right: auto;
    
}

.footer-tontent-box{
 display: block;
 float: left;
 width:300px;
 margin-right: 35px;
}

.footer-tontent-box:last-child  {
 margin-right: 0px;
 width:325px;
}
.footer-tontent-box a{
 color:#FFF;  
 text-decoration: none;
}
.footer-tontent-box a:hover{
 color:#FFF;  
 text-decoration: underline;
}
.footer-tontent-box h3{
 color:#FFF;
 font-size: 1.3em;
font-weight: normal;
border-bottom: 1px dotted #00FFFF;
width: 100%;
 padding-bottom:5px;
     margin-bottom: 1em;
}
.footer-tontent-box ul{
list-style: square;
margin: 0;
    padding: 0 0 0.25em 1em;
}
.footer-tontent-box ul li{
list-style: square;
margin-bottom:5px;
 color:#00FFFF;
    padding-left:0px;
    margin-left:15px;
background:none
}


.correct {
    background-color: green;
    font-size: 16px;
    color:white;
}

.incorrect {
    background-color: red;
    font-size: 16px;
    color:white;
}

.SquareColorStatus{
    height:15px; 
    width:15px; 
    background-color:lightgray; 
    margin-left:auto;
    margin-right:auto;
}
.chkbx {
    float: left;
    margin: 0 auto;
    width: 100%;
}
ul.whitelist{
    list-style: circle;
    margin: 0px;
    padding-left: 20px;
}
ul.whitelist > li{
    font-size:smaller;
}
input[type=checkbox].align-right {
    vertical-align: middle;
    float: right;
}

input[type="radio"], input[type="checkbox"] {
    margin: 3px 3px 3px 4px;
    line-height: normal;
}

input, button, select, textarea {
    /*font-family: inherit;
    font-size: inherit;*/
    line-height: normal;
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('/tools/services/fonts/glyphicons-halflings-regular.eot');
  src: url('/tools/services/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), 
      url('/tools/fonts/glyphicons-halflings-regular.woff') format('woff'), 
      url('/tools/fonts/glyphicons-halflings-regular.ttf') format('truetype'), 
      url('/tools/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
@font-face {
  font-family: "Blogger Sans";
  src: url("/tools/services/fonts/BloggerSans-Light.eot") format("opentype");
  src: url("/tools/services/fonts/BloggerSans-Light.woff") format("woff");
  src: url("/tools/services/fonts/BloggerSans-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "Myriad Pro";
  src: url("/tools/services/fonts/MyriadPro-Light.eot") format("opentype");
  src: url("/tools/services/fonts/MyriadPro-Light.woff") format("woff");
  src: url("/tools/services/fonts/MyriadPro-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: 100;
}
@font-face {
  font-family: "Myriad Pro";
  src: url("/tools/services/fonts/MyriadPro-Regular.eot") format("opentype");
  src: url("/tools/services/fonts/MyriadPro-Regular.woff") format("woff");
  src: url("/tools/services/fonts/MyriadPro-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
/*https://stackoverflow.com/questions/3443606/make-footer-stick-to-bottom-of-page-correctly*/
html {
    position: relative;
    min-height: 100%;
}

body {
    margin: 0 0 80px;
    /* bottom = footer height */
    /*padding: 5px;*/
    background:none;
}

footer {
    /*background-color: #62b5e5;*/
    background-color: white;   
    color:#0078ab; 
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 80px;
    width: 100%;
    /*overflow: auto;*/
    overflow:hidden;
}
.alert-heading {
    color: inherit;
}
.form-group {
    margin-bottom: 5px;/*15px;*/
}
.alert {
    margin-bottom:10px;
}
.row {
    margin-right:5px;
    margin-top:5px;
    margin-left:5px;
}
/*.col {    
    margin-top:5px;    
}*/
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
footer h3 {
    margin:0;
    padding:2px;
}
.btn {
    white-space:normal;
    margin:2px;
    
}
a.btn {
    text-decoration:none;
    color:white;
}
.text-align-left {
    text-align:left;
    width:100%;
}

.t-header, .t-grid-header {

    border-color: #0078ab;
    background: #0078ab;
    color: #fff;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
}
@media only screen and (max-width: 768px) {
    body {
        font-size:14px;
    }
}
.alert-warning {
    color:black;
    background-color:transparent;
    border-color:grey;    
}
.KeywordPickerContainer {
    height:78%;
}
.no-left-padding {
    padding-left:0px;
}
.whitelist table {
    border: 1px solid black;
    border-collapse: collapse;
}
/* provide some minimal visual accomodation for IE8 and below */
.whitelist tr{
	background: #b8d1f3;
}
/*  Define the background color for all the ODD background rows  */
.whitelist tr:nth-child(odd){ 
	background: #b8d1f3;
}
/*  Define the background color for all the EVEN background rows  */
.whitelist tr:nth-child(even){
	background: #dae5f4;
}