/*
  Hire Quest Blue:      #002f6d
  Hire Quest Green:     #78be20

LAYOUTS (typically login and payment boxes, etc.)
  HQ login_text_green:  #b1c19d

  Trojan Labor Blue:    #204069     Pantone PMS 295
  Trojan Labor Yellow:  #f0b040     Pantone PMS 123
  Trojan Labor Red:     #b44300     (invented it; it looks good with the other colors)
  Trojan Labor Gray:    #dddddd     (inactive button color)
*/
.clogin_text_green { color:#b1c19d; }


/*============================================================================*/
/*                                   SPECIALTY                                */
/*============================================================================*/
.coi_filter_div {
    display:inline-block;
    margin-left:10px;
    margin-right:10px;
}
.drag_highlight {
    font-weight:bold;
}



    


.t8 { font-size:8pt; }
.t9 { font-size:9pt; }
.t10 { font-size:10pt; }
.t11 { font-size:11pt; }
.t12 { font-size:12pt; }
.t13 { font-size:13pt; }
.t14 { font-size:14pt; }
.t16 { font-size:16pt; }
.t18 { font-size:18pt; }
.t20 { font-size:20pt; }
.t22 { font-size:22pt; }
.t24 { font-size:24pt; }
.t25 { font-size:25pt; }
.t26 { font-size: 26pt; }

.tbold { font-weight:bold; }
.tnormal { font-weight:normal; text-decoration:none; }
.tul { text-decoration:underline; }
.tstrike { text-decoration:line-through; }
.tnowrap { white-space:nowrap; }
.twrap { white-space:normal; }
.titalic { font-style:italic; }
.tupper { text-transform:uppercase; }
.tlower { text-transform:lowercase; }
.ttitle { text-transform:capitalize; }                                  /*doesn't work in chrome*/

.cblack { color:#000000; }
.cwhite { color:#ffffff; }
.cdddddd { color:#dddddd; }
.cbbbbbb { color:#bbbbbb; }
.c888888 { color:#888888; }
.c444444 { color:#444444; }
.corange { color:#ff9010; }
.cgreen { color:#22aa22; }
.cblue { color:#105090; }
.cltblue { color:#2070e0; }
.clink_blue { color: #4080c0; text-decoration:none; }                   /* same color as tlink_blue */

.ctrojanblue { color:#204069; }                                         /* Trojan Blue */
.ctrojanyellow { color:#f0b040; }                                       /* Trojan Yellow */
.ctrojanred { color:#b44300; }
.ctrojangray { color:#dddddd; }
.chqblue { color:#002f6d; }
.chqgreen { color:#78be20; }

.tarial { font-family:Arial, Helvetica, sans-serif; }
.tarialblack { font-family:Arial Black; }

.tlink_blue { color: #4080c0; text-decoration:none; }                   /* lighter than tblue */
    .tlink_blue:hover { color: #205090; text-decoration:underline; }
.tlink_black { color: #000000; text-decoration:none; cursor:pointer; }  /* "hidden" if surrounding text is black */
    .tlink_black:hover { color: #2070e0; text-decoration:underline; }
.tlink_red { color: #b44300; text-decoration:none; }
    .tlink_red:hover { color: #c65310; text-decoration:underline; }
.tlink_veryred { color: #bb1111; text-decoration:none; }
    .tlink_veryred:hover { color: #cc0000; text-decoration:underline; }
.tlink_header { color: #a0a0a0; text-decoration:none; }
    .tlink_header:hover { color: #ffffff; text-decoration:none; }       /* changes to lighter color */
/*.tlink_maroon { color: maroon; text-decoration:none; }                    
    .tlink_maroon:hover { color: #930000; text-decoration:underline; }
.tlink_teal { color: teal; text-decoration:none; }                    
    .tlink_teal:hover { color: #009999; text-decoration:underline; }*/
.tlink_slate { color: #304050; text-decoration:none; }                  /* designed to work against gray texture background */    
    .tlink_slate:hover { color: #405060; text-decoration:underline; }
    
.ball { border:1px solid #205070; }
.btop { border-top:1px solid #205070; }
.bleft { border-left:1px solid #205070; }
.bright { border-right:1px solid #205070; }
.bbottom { border-bottom:1px solid #205070; }
.bnone { border:none; }

.p0 { padding:0px; }
.pr5 {padding:0px 5px 0px 0px;}
.m0 { margin:0px; }
.mcenter { margin:0px auto 0px auto; }
.width100 { width:100%; }
.cursor_pointer { cursor:pointer; }
.cursor_help { cursor:help; }

.bgmedblue { background-color:#428bca; }                                 /* Bootstrap Primary button, inactive */
.bgdkblue { background-color:#3276b1; }                                 /* Bootstrap Primary button, active */
.bgyellow { background-color:#ffffcc; }
.bggreen { background-color:#ddffdd; }
.bgtransparent { background-color:transparent; }
.bgblack { background-color:#000000; }
.bgwhite { background-color:#ffffff; }
.bgdddddd { background-color:#dddddd; }
.bgeeeeee { background-color:#f0f0f0; }
.bgtan { background-color:#ffe6bc; }
.bgblue { background-color:#305076; }                                   /* matches btn_blue */
.bgred { background-color:#ff7766; }                                    /* for testing */

.bgtrojanblue { background-color:#204069; }                             /* Trojan Blue */
.bgtrojanyellow { background-color:#f0b040; }                           /* Trojan Yellow */
.bghqblue { background-color:#002f6d; }
.bghqgreen { background-color:#78be20; }

.aleft { text-align: left; }
.acenter { text-align:center; }
.aright { text-align:right; }
.atop { vertical-align:top; }
.amiddle { vertical-align:middle; }
.abottom { vertical-align:bottom; }
.fleft { float:left; }
.fright { float:right; }


/*============================================================================*/
/*                             OPTIMIZED FOR PRINT                            */
/*============================================================================*/
.page_break_before {
    page-break-before: always; /* deprecated, but works. Fails for Firefox if inside a table AT ANY LEVEL. */
    /*break-before: page;  FIREFOX REJECTS THIS*/
}
.page_break_after {
    page-break-after: always; /* deprecated, but works. Fails for Firefox if inside a table AT ANY LEVEL. */
    /*break-after: page;  FIREFOX REJECTS THIS*/
}

/* FONT SIZING (t12_print) ALLOWS LARGER TEXT ON SCREEN (@media screen) AND SMALLER TEXT ON A PRINTOUT (@media print) */
@media print {
    .no_print, .no_print * { display: none !important; }

    .suppress_print_url:after { content: "" !important; }   /* when printing Hyperlinks, link url will also print unless we use this class */
    .page_print { box-shadow: none; }                       /* when printing page with "paper" motif, clears paper effects */

    .t11_print { font-size: 9pt !important; }
    .t12_print { font-size: 10pt !important; }
    .t14_print { font-size: 12pt !important; }
    .t16_print { font-size: 14pt !important; }
    .t22_print { font-size: 20pt !important; }
}

@media screen {
    .no_screen, .no_screen * { display: none !important; }
    .page_print { box-shadow: 5px 5px 3px #888888; }        /* when printing page with "paper" motif, creates paper effects */

    .t11_print { font-size: 11pt; }
    .t12_print { font-size: 12pt; }
    .t14_print { font-size: 14pt; }
    .t16_print { font-size: 16pt; }
    .t22_print { font-size: 22pt; }

    .bgtexture1 {
        background-image: url(/Images/background1.jpg); /* NOTE: need / for CSS but not for inline style */
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .bgpaper {
        width: 968px;
        margin: 0px auto 0px auto;
        padding: 20px 0px 40px 0px;
        background-color: #ffffff;
        box-shadow: 5px 5px 3px #888888;
    }

    .bgpaperwidth {
        width: 968px;
        margin: 0px auto 0px auto;
        padding: 20px 0px 40px 0px;
        background-color: #ffffff;
    }
}


/*============================================================================*/
/*                                    MODALS                                  */
/*============================================================================*/
.modal_background_opaque {
    /*background-image: url(Images/background1.jpg); DOESN'T WORK! */
    background-color: #ffffff;
}
.modal_background_dim
{
    background-color:#cccccc;
    filter:alpha(opacity=60);
    opacity:0.6;
}
.modal_background_show_navbar_and_title
{
    margin-top:155px;
    width:100%;
    background-color:#ffffff;
}
.modal_border_outer
{
    border: 3px solid #204069;
    padding:2px;
}
.modal_border_inner
{
    border: 1px solid #f0b040;
    padding:25px;
}
.modal_background_insert_into_page    /* displays a modal over a page, but looks like part of the page */
{
    margin-top:20px;
    width:300px;
    background-color:transparent;
}


/*============================================================================*/
/*                                   BUTTONS                                  */
/*============================================================================*/
.btn {
  display: inline-block;
  padding: 7px 12px;
  margin:0px;
  font-size: 12pt;
  font-weight: normal;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border:none;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover, .btn:focus {
  color: #333333;
  text-decoration: none;
}
.btn:active, .btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn_large
{
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn_small                     /* best match for textbox_rounded */
{
  font-size: 11pt;
  line-height: 1.25;
  border-radius: 3px;
  padding: 5px 10px;
}
.btn_extra_small 
{
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  padding: 0px 3px;
}

.btn_flat_right {border-top-right-radius:0px; border-bottom-right-radius:0px;}
.btn_flat_left {border-top-left-radius:0px; border-bottom-left-radius:0px;}

/*.btn-hq { padding:0px 3px 0px 3px; }*/
.btn_yellow { background-color:#d0a030; color:#ffffff; border:1px solid #d0a030; }         /* darkened slightly */
.btn_yellow:hover { background-color:#c09020; color:#ffffff; }
.btn_blue { background-color:#305076; color:#ffffff; border:1px solid #305076; }           /* lightened slightly */
.btn_blue:hover { background-color:#204066; color:#ffffff; }
.btn_blue:focus { background-color:#204066; color:#ffffff; }
.btn_red { background-color:#b44300; color:#ffffff; border:1px solid #b44300; }
.btn_red:hover { background-color:#a03000; color:#ffffff; }
.btn_red:focus { background-color:#a03000; color:#ffffff; }
.btn_black { background-color:#444444; color:#ffffff; border:1px solid #444444; }
.btn_black:hover { background-color:#222222; color:#ffffff; }
.btn_black:focus { background-color:#222222; color:#ffffff; }
.btn_aqua { background-color:#357ebd; color:#ffffff; border:1px solid #357ebd; }
.btn_aqua:hover { background-color:#305076; color:#ffffff; }
.btn_aqua:focus { background-color:#305076; color:#ffffff; }
.btn_gray { background-color:#dddddd; color:#222222; border:1px solid #222222; }
.btn_gray:hover { background-color:#305076; color:#ffffff; border:1px solid #305076; }     /* hover color is Trojan Blue */
.btn_gray2 { background-color:#dddddd; color:#222222; border:1px solid #aaaaaa; }
.btn_gray2:hover { background-color:#cccccc; }
.btn_green { background-color:#30a030; color:#ffffff; border:1px solid #357ebd; }
.btn_green:hover { background-color:#309030; color:#ffffff; }
.btn_green:focus { background-color:#309030; color:#ffffff; }
.btn_disabled {
  display: inline-block;
  padding: 7px 12px;
  margin:0px;
  font-size: 12pt;
  font-weight: normal;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: default;
  border: 1px solid #bbbbbb;
  border-radius: 4px;
  background-color:#eeeeee; 
  color:#bbbbbb;
}

.btn_pointer { cursor:pointer; }

.btn_dropdown                                                           /* for Bootstrap dropdown buttons; these are the buttons inside the dropdown list */
{
    border:none;
    border-bottom:1px solid #cccccc;
    padding:4px 10px 4px 10px;
    font-size:12pt;
    min-width:1px;
    width:100%;
    text-align:left;
}
.btn_dropdown-yellow { background-color:#ffffc0; }
.btn_dropdown-yellow:hover { background-color:#d0a030; }
.btn_dropdown-red { background-color:#d97056; }

.btn_dropdown-red:hover { background-color:#b44300; }

.btn_courses1 {
    display: inline-block;
    padding: 7px 12px;
    margin-bottom:5px;
    width:100%;
    max-width:500px;
    overflow:hidden;
    /*background-color:#f0d0b0;*/
    background-color:#f0e6d0;
    border: 1px solid #e0d6e0;
    border-radius: 4px;

    font-size: 11pt;
    font-weight: bold;
    color:#204069;          /* Trojan Blue */
    /*color:#304050;*/          /* same as tlink_slate */
    line-height: 1.25;
    white-space: nowrap;
    text-align:left;
    vertical-align: middle;
    cursor: pointer;
}
.btn_courses1:hover { background-color:#e0d6c0; }

.linkbtn_blue 
{ 
    color: #4080c0; 
    text-decoration:none; 
    border:1px solid #ffffff;
    padding:0px 10px 0px 10px;
}   
.linkbtn_blue:hover 
{ 
    color: #ffffff;
    border:1px solid #3060a0;
    background-color:#4080c0;
}
/* NOT CURRENTLY USED, BUT GOOD DESIGN
.linkbutton_COI
{ 
    color: #b44300; 
    text-decoration:none; 
    padding:1px 3px 1px 3px;
    border:1px solid #ffffff;
    border-radius:4px;
    cursor:pointer;
}   
.linkbutton_COI:hover 
{ 
    color: #ffffff;
    border:1px solid #a43300;
    background-color:#b44300;
}
*/

/*============================================================================*/
/*                                   HEADERS                                  */
/*============================================================================*/
.button_header_active
{
    font-family:Arial;
    font-size:16pt;
    text-align:center;
    height:43px; 
    width:100%;
    color:#ffffff;
    background-color:#204069;           /* Trojan Blue */
    white-space:nowrap;
    border:none;
    border-top:1px solid #205070;
    border-bottom:1px solid #205070;
}
.button_header_red_active
{
    font-family:Arial;
    font-size:16pt;
    text-align:center;
    height:43px; 
    width:100%;
    color:#ffffff;
    background-color:#b44300;           /* Trojan Red */
    white-space:nowrap;
    border:none;
    border-top:1px solid #205070;
    border-bottom:1px solid #205070;
}
.button_header_red_active:hover { color:#ffffff;background-color:#b44300; }
.button_header_inactive {
    font-family: Arial;
    font-size: 16pt;
    text-align: center;
    height: 43px;
    width: 100%;
    background-color: #dddddd; /* Trojan Gray */
    white-space: nowrap;
    border: none;
    border-top: 1px solid #205070;
    border-bottom: 1px solid #205070;
    /*border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;*/
}
.button_header_inactive:hover { color:#ffffff;background-color:#204069; }       /* Trojan Blue */
.button_header_red_inactive
{
    font-family:Arial;
    font-size:16pt;
    text-align:center;
    height:43px; 
    width:100%;
    background-color:#dddddd;           /* Trojan Gray */
    white-space:nowrap;
    border:none;
    border-top:1px solid #205070;
    border-bottom:1px solid #205070;
}
.button_header_red_inactive:hover { color:#ffffff;background-color:#b44300; }       /* Trojan Red */
.button_header_green_inactive
{
    font-family:Arial;
    font-size:16pt;
    text-align:center;
    height:43px; 
    width:100%;
    background-color:#dddddd;           /* Trojan Gray */
    white-space:nowrap;
    border:none;
    border-top:1px solid #205070;
    border-bottom:1px solid #205070;
}
.button_header_green_inactive:hover { color:#ffffff;background-color:#30a030; }       /* Green */
.button_header_yellow_inactive
{
    font-family:Arial;
    font-size:16pt;
    text-align:center;
    height:43px; 
    width:100%;
    background-color:#dddddd;           /* Trojan Gray */
    white-space:nowrap;
    border:none;
    border-top:1px solid #205070;
    border-bottom:1px solid #205070;
}
.button_header_yellow_inactive:hover { color:#ffffff;background-color:#f0b040; }       /* Trojan Yellow */
.button_header_disabled
{
    font-family:Arial;
    font-size:16pt;
    text-align:center;
    height:43px; 
    width:100%;
    background-color:#dddddd;
    white-space:nowrap;
    border:none;
    border-top:1px solid #205070;
    border-bottom:1px solid #205070;
}


.header_text
{
  font-size: 36px;
  color: #555555;
  white-space:nowrap;
}
.header_ddl {
  /*display: block;*/
  /*width: 100%;*/
  padding: 6px 12px;
  font-size: 36px;
  /*line-height: 24px;*/
  /*line-height: 1.428571429;*/
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 4px;
  /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);*/
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
    .header_ddl:hover {
        /*border: 1px solid #66afe9;*/
      border-color: #cccccc;
    }
    .header_ddl:focus {
      /*border: 1px solid #cccccc;*/
      border-color: #66afe9;
      outline: 0;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
              box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }
.header_ddl_small {
  padding: 6px 12px;
  font-size: 30px;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 4px;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
    .header_ddl_small:hover {
      border-color: #cccccc;
    }
    .header_ddl_small:focus {
      border-color: #66afe9;
      outline: 0;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
              box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }


/*============================================================================*/
/*                                    FORMS                                   */
/*============================================================================*/

.ajax_icon
{
    background-image: url(/Images/ajax.gif);    /* NOTE: need / for CSS but not for inline style */ 
    background-repeat: no-repeat;
}
.ajax_off{ width:24px; }
.ajax_header
{
    background-image: url(/Images/ajax.gif);    /* NOTE: need / for CSS but not for inline style */ 
    background-position:9px 8px;
    background-repeat: no-repeat;
}
.textbox_flat
{
    border:1px solid #999999;
    padding:1px 5px 0px 5px;
    margin:0px;
}
.textbox_rounded
{
    margin:0px;
    padding:4px 6px 3px 6px;
    border:1px solid #999999;
    border-radius:4px 4px 4px 4px;
}
.ddl_rounded
{
    margin:0px;
    padding:3px 0px 2px 3px;
    border:1px solid #999999;
    border-radius:4px 4px 4px 4px;
}
/*.textbox_text_blue {
    color:#306090;
}
.textbox_text_watermark {
    color:#306090;
}*/
.invoice_title
{
    font-size:12pt;
    font-weight:bold;
    text-align:center;
    white-space:nowrap;

    background-color:#ffe6bc;
    border:1px solid #000000;
    border-radius:8px 8px 0px 0px; 
    padding:5px 12px 3px 12px;
}
.invoice_header
{
    font-size:9pt;
    font-weight:bold;
    text-align:center;
    white-space:nowrap;

    background-color:#ffe6bc;
    border-bottom:1px solid #000000;
    padding:4px 12px 2px 12px;
}
.invoice_footer
{
    font-size:12pt;
    font-weight:bold;
    vertical-align:top;
    white-space:nowrap;

    background-color:#ffe6bc;
    border-top:1px solid #000000; 
    border-bottom:1px solid #000000; 
    padding:4px 12px 1px 12px;
}
.invoice_detail
{
    font-size:10pt;
    vertical-align:top;
    white-space:nowrap;
    padding:3px 12px 0px 12px;
}


/*============================================================================*/
/*                                   CALENDAR                                 */
/*============================================================================*/
.calendar_hq .ajax__calendar_container {
    border:1px solid #646464;
    background-color: #ffeebb;
    color: #205070;
}
.calendar_hq .ajax__calendar_active {
    background-color: #205070;
    color: #ffeebb;
}
.calendar_hq .ajax__calendar_hover {
    background-color: #205070;
    color: #ffeebb;
}
.calendar_hq .ajax__calendar_today { font-weight:bold; color: #000000; }
.calendar_hq .ajax__calendar_body { height:120px; }
.calendar_hq .ajax__calendar_footer { display:none; }
.calendar_hq .ajax__calendar_days { padding:0px; }


/*============================================================================*/
/*                            NEW NAVBAR (HQI only)                           */
/*============================================================================*/
/*.navbar_menu_icon {
    border:1px dotted #204069;
    width:32px; 
    height:32px; 
    padding:0px 2px 0px 2px;
    position:absolute;
    top:9px;
    left:0px;
}*/
.navbar_menu_icon {
    border:1px dotted #204069;
    width:32px; 
    height:32px; 
    padding:0px 2px 0px 2px;
    margin-right:10px;
    /*position:absolute;*/
    position:relative;
    top:-30px;
    /*left:0px;*/
    float:left;
}.navbar_menu_icon:hover { border:1px dotted #eeeeee; }
.navbar_popup_left {
    position:absolute; 
    top:6px;
    left:50px; 
    width:272px; 
    border:1px solid #eeeeee; 
    border-radius:7px; 
    background-color:#204069;

    font-size:18pt;
    color:#bbbbbb;
    white-space:nowrap;
    cursor:pointer;

    display:block;
}
.navbar_popup_button {
    background-color:transparent;
    padding:8px 10px 6px 10px;
    text-align:center;
}
.navbar_popup_buttontext {
    color:#bbbbbb;
    text-decoration:none;
}
.navbar_popup_buttontext:hover { color:#ffffff; }
.navbar_title {
    font-size:20pt;
    font-weight:bold;
    color:#bbbbbb;
    padding:9px 0px 0px 0px;
    text-align:center;
}


/*============================================================================*/
/*                         NAVBAR   (these might be deletable)                */
/*============================================================================*/
.navbar {
  z-index: 1000;
  height: 50px;
  background-color: #204069;
  position: fixed;
  right: 0;
  left: 0;
}
.navbar_content
{
    height:100%;
    margin:0px auto 0px auto;
    position:relative;
}
.navbar_table_left
{ 
    font-size:0px;                          /* allows precise control of image */
    height:100%;
    position:relative;
    float:left;
    z-index:11;
    margin-left:-15px;                      /* allows NavBar objects to be flush with side of "paper" */
}
.navbar_table_right
{
    height:50px;
    font-size:10pt;
    color:#bbbbbb;

    position:relative;
    float:right;
    z-index:10;
    /*padding:1px 15px 0px 15px;*/          /* removing side padding and negative margin-right looks better - will we need padding for spacing? */
    margin-right:-13px;
    padding:1px 0px 0px 0px;
    white-space:nowrap;
}
.navbar_table_center
{
    width:100%;
    height:50px;
    /*font-size:10pt;*/
    color:#bbbbbb;

    position:absolute;
    /*float:right;*/
    z-index:0;
    margin-right:-13px;
    /*padding:1px 0px 0px 0px;*/
    white-space:nowrap;
}
/*.navbar_menu_left
{
    height:100%;
    float:left;
    font-size:14pt;
    color:#bbbbbb;
    padding:0px 15px 0px 15px;
}
.navbar_menu_left:hover { color:#ffffff; }*/
/*.navbar_menu_right_large
{
    height:100%;
    font-size:14pt;
    color:#bbbbbb;
    padding:0px 15px 0px 15px;
    cursor:pointer;

    border:none;
    background-color:transparent;
    white-space:nowrap;
}
.navbar_menu_right_large:hover { color:#ffffff; }*/
/*.navbar_menu_right_small
{
    height:100%;
    float:right;
    font-size:10pt;
    color:#bbbbbb;
    padding:0px 15px 0px 15px;
    cursor:pointer;

    border:none;
    background-color:transparent;
    white-space:nowrap;
}
.navbar_menu_right_small:hover { color:#ffffff; }*/

/*.navbar_image { border:2px solid #ffffff; }*/
.navbar_header
{
         font-size:22pt;
         color:#ffffff;
         text-align:center; 
         padding-top:5px;
}
.navbar_button_large
{
    height:100%;
    padding:0px 15px 0px 15px;
    border:none;
    background-color:transparent;
    white-space:nowrap;

    font-size:14pt;
    color:#bbbbbb;
    cursor:pointer;
}
.navbar_button_large:hover { color:#ffffff; }
.navbar_button_small
{
    height:100%;
    padding:0px 15px 0px 15px;
    border:none;
    background-color:transparent;
    white-space:nowrap;

    font-size:10pt;
    color:#bbbbbb;
    cursor:pointer;
}
.navbar_button_small:hover { color:#ffffff; }
.navbar_dropdown_large
{
    height:100%;
    padding:0px 21px 0px 15px;
    border:none;
    background-color:transparent;
    white-space:nowrap;
    cursor:pointer;

    font-size:14pt;
    color:#bbbbbb;
}
.navbar_dropdown_large:hover { color:#ffffff; }
.navbar_dropdown_small
{
    height:100%;
    padding:0px 19px 0px 15px;
    border:none;
    background-color:transparent;
    white-space:nowrap;
    cursor:pointer;

    font-size:10pt;
    color:#bbbbbb;
}
.navbar_dropdown_small:hover { color:#ffffff; }
.navbar_caret_large {
    position:relative;
    top:15px;
    left: 6px;
    border-top: 6px solid #999;
    border-right: 6px solid transparent;
    border-bottom: 0 dotted transparent;
    border-left: 6px solid transparent;
}
.navbar_dropdown_large:hover .navbar_caret_large, .navbar_dropdown_small:hover .navbar_caret_large { border-top-color: #fff; }
.navbar_caret_small {
    position:relative;
    top:11px;
    left: 5px;
    border-top: 4px solid #999;
    border-right: 4px solid transparent;
    border-bottom: 0 dotted transparent;
    border-left: 4px solid transparent;
}
.navbar_dropdown_large:hover .navbar_caret_small, .navbar_dropdown_small:hover .navbar_caret_small { border-top-color: #fff; }

.popup_menu_subnav
{
    margin-top:10px;
    font-size:13pt;
    font-family:Arial;
    border:1px solid #bbbbbb;
}
.popup_menu_inner{ border:2px solid #204069; }
.popup_div_user
{
    padding:4px 10px 3px 10px;
    background-color:#ffffe3;
    border-bottom:1px solid #999999;
    color:#222222;
}
.popup_div_user:hover { background-color:#f0b040; }
.popup_div_admin
{
    padding:4px 10px 3px 10px;
    background-color:#ddccbb;
    border-bottom:1px solid #999999;
}
.popup_div_admin:hover { background-color:#f0b040; }
.popup_div_highlight
{
    padding:4px 10px 3px 10px;
    color:#dddddd;
    background-color:#cc4444;
    border-bottom:1px solid #999999;
}
.popup_div_highlight:hover { background-color:#aa3333; }
.popup_hyperlink
{
    color:#204069;
    text-decoration:none;
}
.popup_hyperlink_highlight
{
    color:#eeeeee;
    text-decoration:none;
}
/*.popup_button
{
    color:#204069;
    text-decoration:none;
    border:none;
}*/

/* SCREEN SIZE DETECTION */
/* http://www.w3schools.com/css/css_mediatypes.asp */
@media (max-width: 999px) {
    /* CSS for small resolution */
  .navbar_content {
    width: 700px;
  }
}
@media (min-width: 1000px) {
    /* CSS for large resolution */
  .navbar_content {
    width: 968px;
  }
}


/*============================================================================*/
/*                OVERRIDING BROWSER "USER AGENT" STYLESHEETS                 */
/*============================================================================*/
body {
    font-family:Arial,sans-serif;
    font-size:12pt;
    margin:0px;
}
table { border-spacing: 0px; }
td {
    margin:0px;
    padding:0px;
}
#td { padding:0px; }    /*gets rid of annoying 1px padding in HTML5*/ 

a { text-decoration:none; }

textarea, input[type="text"], input[type="password"] {      /* TEXTBOX */
    box-sizing: border-box;
     -webkit-box-sizing:border-box;
     -moz-box-sizing: border-box;
     font-family:Arial,Arial, Helvetica, sans-serif;
}
select {                                                    /* DDL */
    font-family:Arial,Arial, Helvetica, sans-serif;
    margin:0px;
}
.select_no_arrow {                                          /* REMOVES ARROW FROM DDL */
    -moz-appearance: none;                                  /* Firefox */
    -webkit-appearance: none;                               /* Chrome/Safari */
    /*text-indent: 0.01px;*/                                /* usually included. why? */
    text-overflow: '';
    border:none;
}
.select_no_arrow::-ms-expand { display: none; }             /* REMOVES ARROW FROM DDL - IE */

input {
    font-family:inherit;
    font-size:inherit;
    margin:0px;
    background-color:#ffffff;
}
iframe {
    border:none;
    background-color:transparent;
}
/* PREVENT APPLE FROM REDESIGNING BUTTONS */
input[type=submit], input[type=Reset], input[type=button]{ 
    -webkit-appearance:none;
    -moz-appearance:none;
}

/* Resize Checkboxes */
.checkbox_15 input[type=checkbox] {
    -ms-transform: scale(1.5); /* IE */
    -moz-transform: scale(1.5); /* FF */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */
    transform: scale(1.5); /* standard */
    margin-right: 8px;
    position: relative;
    top: 1px;
}


/*=================================================*/
/*                         FAQ                     */
/*=================================================*/
.faq_question
{
    font-family:Arial;
    font-size:18pt;
    font-weight:bold;
    color:#204069;
    padding:20px 0px 0px 0px;
    clear:both;
}
.faq_answer_line1
{
    padding:5px 0px 8px 0px;
}
.faq_answer_line2
{
    padding:0px 0px 8px 0px;
}
.faq_answer_heading
{
    font-size:14pt;
    font-weight:bold;
    text-decoration:underline;
    padding:12px 0px 0px 0px;
}
.faq_answer_subheading
{
    font-size:12pt;
    font-weight:bold;
    padding:5px 0px 0px 0px;
}
.faq_answer_subheading_with_extra_space
{
    font-size:12pt;
    font-weight:bold;
    padding:5px 0px 8px 0px;
}
.faq_answer_list
{
    margin:5px 0px 0px -20px;
}
.faq_something_to_click_on
{
    font-weight:bold;
    color:#b44300;
}

/*=================================================*/
/*                    FILE UPLOADS                 */
/*=================================================*/
/* CSS for <input type=file> */
/* https://coderwall.com/p/uer3ow/total-input-type-file-style-control-with-pure-css */
.file_upload_structure 
{
    overflow: hidden;
    position: relative;
}
.file_upload_structure [type=file]
{
    cursor: pointer;
    display: block;
    font-size: 99px;
    text-align: right;
    min-height: 100%;
    min-width: 100%;
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}
/* every <label> element that is placed immediately after class="file_upload" element */
.file_upload + label { font-style:normal; }
.file_upload:focus + label,
.file_upload + label:hover { font-style:normal; }