body
{
    background: url("../images/tsa-background.gif") repeat scroll 0 0 #999999;
}

.PWReset {
    color: red;
}

.container
{
    background-color: #FFFFFF;
    color: #333333;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}
a
{
    color: #003366;
}
a:link
{
    color: #003366;
}
a:visited
{
    color: #003366;
}

a.sortAsc {
    padding-right: 16px;
    background-image: url(../images/arrow_up.png);
    background-position: right;
    background-repeat: no-repeat;
}

a.sortDesc {
    padding-right: 16px;
    background-image: url(../images/arrow_down.png);
    background-position: right;
    background-repeat: no-repeat;
}

/* HEADINGS   
----------------------------------------------------------*/


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
#header
{
    background:url("../images/bg_banner.gif") no-repeat scroll right top #A1D0EB;
    position:relative;
}

#header h1
{
    background:url("../images/tsa_logo.gif") no-repeat scroll left top transparent;
    height:76px;
    left:8px;
    margin-bottom:0;
    position:relative;
    text-indent:-1000px;
    top:6px;
}

#login
{
    color:#FFFFFF;
    position:absolute;
    right:10px;
    top:6px;
}

#login a
{
    color:#FFFFFF;
    font-weight:bold;
}

#breadcrumb
{
    background-color: #57839F;
    font-size:0.9em;
    padding:4px 0 4px 12px;
    border-bottom: 1px solid #999999;
    color: #FFFFFF;
}

#breadcrumb a
{
    color: #FFFFFF;
}

.separator
{
    font-family: Verdana;
}

#page-header-left
{
    padding-left: 8px;
}

#page-header-left h2
{
    color:#013A5F;
    font-family:Times New Roman;
    margin-bottom:0;
}

.subtitle
{
    color: #7D7D7D;
    font-weight: bold;
}

#page-header-right
{
    padding-right: 8px;
}

#main-content
{
    /*padding: 0 8px;*/
}

.page-content
{
    padding: 0 8px;
}

.page-content img
{
    margin: 4px;
    padding: 4px; 
    border: 1px solid #CCCCCC;
}

#main-content p+p
{
    margin-top: 0;
    text-indent: 0;
}

#footer
{
    text-align: center;
    margin: 14px 0 0;
    font-size: .9em;
    padding: 10px;
    border-top: 1px solid #CCCCCC;
}

#footer a
{
    color: #666666;
    text-decoration: none;
}

#footer a:hover
{
    text-decoration: underline;
}

.avatar 
{
    float: left;
    border: rgb(238,238,238) 1px solid;
    padding: 4px;
    margin: 4px;
}

/* NAGIVATION MENU   
----------------------------------------------------------*/
#menu
{
    background:url("../images/bg_nav.gif") repeat-x scroll left top #B8D9EC;
    height:30px;
    font-weight: bold;
}

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

#menu li
{
    float: left;
}

#menu li a
{
    border-right:1px solid #C5E8F2;
    display:block;
    padding:6px 20px;
    text-decoration: none;
}

#menu li a:hover
{
    background-color: #57839F;
    color: #FFFFFF;
}

#menu li a.selected
{
    background-color: #57839F;
    color: #FFFFFF;
}

/* SUB-NAVIGATION MENU
----------------------------------------------------------*/
.sub-menu-container
{
    padding-left: 8px;
}

ul.sub-menu 
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sub-menu li
{
}

.sub-menu li a
{
    display: block;
    padding: 5px 10px;
}

.sub-menu li a:hover
{
    background-color: #EEEEEE;
}

.sub-menu li a.selected
{
    font-weight: bold;
    background-color: #EEEEEE;
    color: #666666;
    text-decoration: none;
}

/* GRID
----------------------------------------------------------*/
.grid 
{
    /*
  border: solid 1px #e8eef4;
  border-collapse: collapse;
  width: 100%;
*/
}

.grid td 
{
    /*
  padding: 5px;   
  border-bottom: solid 1px #e8eef4;
*/
}

.grid th
{
    /*
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4; 
  border: solid 1px #e8eef4;   
*/
}

.grid tr.over td
{
    background-color: #E8EEF4 !important;
}

.grid tr.alternate td
{
    background-color: #EEEEEE;
}

/* FLASH
----------------------------------------------------------*/
#flash
{
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1000;
}
.info
{
    background-color: #E6EFC2;
    border-top: 1px solid #C6D880;
    border-bottom: 4px solid #C6D880;
    padding: 6px;
    font-family: helvetica;
    font-size: 1.1em;
    text-align: center;
    font-weight: bold;
    color: #264409;
    cursor:pointer;
    position: absolute;
    width: 99%;
}
.warning
{
    background-color: #FFFF99;
    border-top: 1px solid #FFCC66;
    border-bottom: 4px solid #FFCC66;
    padding: 6px;
    font-family: helvetica;
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    color: #663300;
    cursor:pointer;
    position: absolute;
    width: 99%;
}
.error
{
    background-color: #FFCC99;
    border-top: 1px solid #990000;
    border-bottom: 4px solid #990000;
    padding: 4px;
    font-family: helvetica;
    font-size: 1.1em;
    text-align: center;
    font-weight: bold;
    color: #990000;
    cursor:pointer;
    position: absolute;
    width: 99%;
}

/* MISC  
----------------------------------------------------------*/
.left
{
    float: left;
}

td.right, th.right
{
    text-align: right;
    float: none;
}

.right
{
    float: right;
}

.center
{
    text-align: center;
    margin: 0 auto;
}

.full
{
    width: 100% !important;
}

.clear
{
    clear: both;
}

.nowrap
{
    white-space: nowrap;
}

.truncate
{
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.truncatemessages
{
    width:500px;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.truncatedocument
{
    width:270px;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.truncatedocument2
{
    width: 321px;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.truncatemessagesend
{
    width:750px;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

tr.d1 td
{
    background-color: #E8E8E8;
}

.watermark
{
    color: #999999;
}

.doc-icon { padding: 0 !important; margin: 0 !important; border: 0 none !important; }
.skiplink { position: absolute; top: -100px; left: -100px; width: 1px; height: 1px; overflow: hidden; }

/* VALIDATAION 
----------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.input-validation-error, select.input-validation-error + ul.tagit, select.input-validation-error + ul.tagit input
{
    background-color: #ffeeee !important;
}

.input-validation-error, select.input-validation-error + ul.tagit
{
    border: 1px solid #ff0000 !important;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-errors ul li
{
    /*padding: 0 0 0 8px !important;*/
}

.validation-summary-errors ul
{
    margin-bottom: 0;
}

/* FORM ELEMENTS
----------------------------------------------------*/
textarea
{
    width: auto !important;
    height: auto !important;
}

fieldset
{
    padding: 4px !important;
    border-color: #4297D7;
}

legend
{
    margin-left: 10px;
    padding: 0 8px;
}

td .date-selector
{
    width: 90px;
}
.date-selector
{
    width: 90px;
}

select[multiple='multiple'].user-selector
{
    height: 100px;
    width: 175px;
}

input[type='text'].large
{
    width: 350px;
    font-size: 1.25em;
    padding: 3px;
    line-height: normal;
    margin-bottom: 0;
}

input[readonly]
{
    color: #bbb;
}

input[readonly]:focus
{
    border-color: #bbb;
}

.numeric-textbox
{
    width: 75px;
    text-align: right;
}

label.disabled 
{
    text-decoration: line-through;
}

/* CALENDAR
----------------------------------------------------*/
#calendar
{
    
}

#calendar table
{
    margin-bottom: 0;
}

#calendar h2
{
    margin-bottom: 0;
    text-align: center;
    font-size: 1.5em;
}

#calendar .Scheduled
{
    
}

#calendar .ClosedOut a
{
    background: #009900 url('../images/tick_circle.png') no-repeat right;
}

#calendar .PendingCancelation a
{
    background: #FCEFA1 url('../images/exclamation.png') no-repeat right;
    color: #000000;
}

#calendar .PendingGoDecision
{
    background: #009900 url('../images/exclamation.png') no-repeat right;
}

#calendar .RequiresCloseOut a
{
    background: #009900 url('../images/exclamation.png') no-repeat right;
}

#calendar .Canceled a
{
    text-decoration: line-through;
    background: #e7e7e7 url('../images/cross_grey_small.png') no-repeat right;
    border-color: #e7e7e7;
    color: #777777;
}

#calendar .Full
{
}

#calendar table
{
    border: 0 none;
    margin-top: 0;
}

.fc-header-left
{
    width: 5% !important;
}

.fc-header-right
{
    width: 5% !important;
}

.fc-header-center
{
    width: 90% !important;
}

.fc-state-default
{
    margin-bottom: 0.5em !important;
}

/* MODULE
----------------------------------------------------*/
.module
{
    margin-bottom: 1.45em;
}

.module-body
{
    clear: both;
    border: 1px solid #57839F;
}

.module-header
{
}

.module table
{
    border: 0;
    margin: 0;
}

.module h4
{
    margin: 0;
    position: relative;
    font-size: 1.3em;
    font-weight: bold;
    /*line-height: 2;*/
}

ul.action-menu
{
    margin: 0;
    padding: 0;
    line-height: 2;
}

ul.action-menu li
{
    float:left;
    list-style-type:none;
}

ul.action-menu li a
{
    padding: 3px 8px;
    color: #AAAAAA;
    text-decoration: none;
    font-size: .9em;
}

ul.action-menu li a.selected, ul.action-menu li a.selected:hover
{
    color: #FFFFFF;
    background-color: #003366;
    -moz-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
}

ul.action-menu li a:hover
{
    color: #666666;
}

/* TABLE
----------------------------------------------------*/
table
{
    border: 1px solid #57839F;
}

td a.button
{
    margin: 0;
}

td button
{
    margin: 0;
}

td.ui-buttonset
{
    white-space: nowrap;
}

tr.alternate, tr.alternate td
{
    background-color: #EEEEEE;
}

tr.hover, tr.hover td
{
    background-color: #FBF9EE !important;
}

tr.selected, tr.selected td
{
    background-color: #FBF9EE !important;
}

tr.strikethrough, tr.strikethrough td, tr.strikethrough td a, tr.Canceled, tr.Canceled td, tr.Canceled td a
{
    color: #BBBBBB !important;
    text-decoration: line-through;
}

th[scope=colgroup]
{
    text-align: center;
}

thead th, thead a
{
    background-color: #57839F;
    color: #FFFFFF !important;
}

#report-table .missing
{
    background: url("../images/cross.png") no-repeat scroll center center transparent;
}

#report-table .current
{
    background-color: Yellow;
}

#report-table th[scope=col]
{
    text-align: center;
}

#report-table tbody td
{
    text-align: center;
}

tr.comments 
{
    display: none;
}

tr.comments td 
{
    padding: 0;
}

tr.comments ol 
{
    background-color: #eee;
    margin: 0;
    list-style: none;
    padding: 0;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}

tr.comments li
{
    border: 0;
    padding: 0 0 0 1em;
}

tr.comments li.alternate
{
    background-color: White;
}

tr.comments p
{
    margin: 0;
}

tr.comments span
{
    font-style: italic;
    font-size: smaller;
}

.details-dialog 
{
    display: none;
}
.details-dialog td:first-child
{
    font-weight: bold;
}
/* LOCATIONS 
----------------------------------------------------*/
ul#citiesindex
{
}

ul#citieslist
{
    margin: 0;
    padding: 8px;
    width: 790px;
}

#citieslist ul
{
    padding: 0;
}

ul#citieslist li
{
    list-style: none;
}

ul#citieslist .sites
{
    padding-left:8px;
}

ul#citieslist .sites li.site
{
    border:1px solid #A1D0EB;
    float:left;
    margin:0 12px 12px 0;
    padding:8px;
    width:360px;
}

#citieslist .sites .trainingyears
{
    padding-left:0;
}

#citieslist .sites p
{
}

#citieslist .contacts li
{
    margin-bottom: 14px;
}

.trainingyears .trainingmonths
{
    padding-left: 18px !important;
    margin: 0 0 10px 0;
}

.trainingmonths li span
{
    float: left;
    margin-right: 10px;
}

.trainingmonths .trainingclasses
{
    padding: 0;
    margin: 0;
    display: inline;
}

.trainingclasses li
{
    display: inline;
}

.trainingclasses li a
{
    margin-right: 8px;
}

#citieslist h3
{
    background:url("../images/bg_h3.gif") no-repeat scroll left top #FFFFFF;
    border:1px solid #AFC3D2;
    color:#003A61;
    font-size:1.1em;
    font-weight:bold;
    padding:4px 4px 4px 22px;
}

#citieslist .top
{
    float: right;
    font-size: 0.8em;
    font-weight: normal;
}

form#registration 
{
}

#selectedclass
{
    border:1px solid #A1D0EB;
    padding:6px;
}


/* ADMINISTRATION 
----------------------------------------------------*/
#admin-dashboard ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#admin-dashboard ul li
{
    margin-bottom: 12px;
}

#admin-dashboard ul li img
{
    float: left;
    margin: 0 6px 16px 0;
    width: 32px;
    height: 32px;
}

#admin-dashboard ul li h3
{
    margin: 0;
}

#admin-dashboard ul li h3 a
{
}

#admin-dashboard ul li span
{
}

/* SITES & SCHEDULES
----------------------------------------------------*/
#create-site-form
{
    display: none;
}

#create-class-form
{
    display: none;
}

#assets-table td input[type="text"]
{
    width: 70px;
}

#site-summary, #recent-registrations
{
    padding: 0 8px;
}

#upcoming-schedule 
{
    padding-left: 8px;
}

#recent-schedule
{
    padding-right: 8px;
}

#upcoming-schedule .module-body, #recent-schedule .module-body
{
    max-height: 260px;
    overflow: auto;
}

/* PAGINATION
-----------------------------------------------------*/
.pagination
{
    margin: 0 0 5px;
    text-align: center;
}

.pagination a, .pagination a:visited
{
    margin: 0 5px 0 0;
    padding: 3px 6px;
    text-decoration: none;
}

.pagination a:hover
{
}

.pagination a.number
{
    border: 1px solid #DDDDDD;
}

.pagination a.current
{
    color: #000000 !important;
    border-color: #DDDDDD !important;
    background-color: #DDDDDD;
}

.pagination a.current:hover
{
    text-decoration: underline;
}

.pagination .total
{
    display: block;
    margin-top: 4px;
    color: #666666;
}

/* CLASSES
-------------------------------------------------------*/
#class-status-graph
{
    position: relative;
    padding-top: 8px;
}

#class-progressbar
{
}

#class-status-graph .ui-progressbar
{
    height: 1.5em !important;
}

#class-status-labels
{
    position: relative;
}

#class-status-labels span
{
    font-size: .8em;
    position: absolute;
    line-height: 1.2;
}

#class-status-labels #created
{
    left: 0%;
}

#class-status-labels #godecision
{
    left: 67%;
}

#class-status-labels #godecision span
{
    border-left:1px solid #000000;
    height:18px;
    position:absolute;
    top:-19px;
}

#class-status-labels #start
{
    right: 0%;
    text-align: right;
}

#class-status-graph #today
{
    background-color:#DDDDDD;
    font-size:0.8em;
    margin-left:-20px;
    padding:2px 4px;
    position:absolute;
    top:-13px;
}

#class-status-graph #today span
{
    border-left:1px solid #000000;
    height:21px;
    left:19px;
    position:absolute;
    top:19px;
}

#class-progressbar  #registrations
{
    left:200px;
    position:absolute;
    top:9px;
}

/* ONLINE TRAINING
-------------------------------------------------------*/
.comments ul
{
    list-style-type: none;
    margin: 0 0 1.5em;
    padding-left: 1em;
}

.comments li
{
    border-top: 1px solid #DDDDDD;
    position: relative;
    padding: 4px 0px 14px 150px;
}

.comments .c-head
{
    left: 5px;
    min-height: 30px;
    padding-left: 30px;
    position: absolute;
    width: 150px;
    font-size: .9em;
}

.comments .c-message
{
    padding-bottom: 6px;
    padding-right: 10px;
}

.comments .c-action
{
    padding: 0px 10px 4px 15px;
    float: right;
}

.comments .c-reply
{
    padding: 20px 10px;
}

.comments .c-reply textarea
{
    width: 98% !important;
}

/* MY PROFILE
-------------------------------------------------------*/
.registration
{
}

.registration ul
{
    list-style-type: none;
    margin: 0;
    padding-left: 0;
}

.registration ul li
{
    float: left;
    /*padding-right: 30px;*/
    width: 33%;
}

.registration ul li ul
{
    margin: 0;
    padding-left: 0;
}

.registration ul li ul li
{
    float: none;
    margin-bottom: 10px;
    padding-right: 0;
    width: 100%;
}

/* REPORTS
-------------------------------------------------------*/
#report-options
{
    padding-left: 8px;
}

#report-options h5
{
    margin-bottom: 4px;
}

#report-options label
{
    font-weight: normal;
}

#report-options ul
{
    margin: 0 0 16px;
    padding: 0;
    list-style-type: none;
}

#report-options ul li
{
    
}

#report-options ul li a
{
    padding: 5px 10px;
    display: block;
}

#report-options ul li a:hover
{
    background-color: #EEEEEE;
}

#report-options ul li a.selected
{
    font-weight: bold;
    background-color: #EEEEEE;
    color: #666666;
    text-decoration: none;
}

#report-options #timeframe
{
    width: 105px;
}

#report-options #reports
{
    position: relative;
    width: 105px;
    border-right: 1px solid #EEEEEE;
}

#report-options #reports li
{
}

#report-options #reports a
{
}

#reports ul
{
    position: absolute;
    left: 105px;
    top:0;
    display: none;
}

#reports ul li
{
}

#reports ul a
{
    white-space: nowrap;
}

#projections tbody input
{
    width: 40px;
    font-size: 0.9em;
}

#projections tbody td
{
    font-size: 0.9em;
}

#projections tfoot
{
    background-color: #EEEEEE;
}

#projections tfoot td
{
    font-style: normal;
    font-weight: bold;
    text-align: right;
}

#projections .historical
{
    vertical-align: text-bottom;
    cursor: help;
    border:0 none;
    margin:0;
    padding:0;
}

/* USER MANAGEMENT
-------------------------------------------------------*/
#create-options
{
    position: absolute;
}

#create-options ul
{
    list-style:none outside none;
    margin:0;
    padding:0;
}

#create-options ul li
{
    line-height: 22px;
}

#create-options a
{
    display:block;
    padding:2px 8px;
    white-space:nowrap;
}

#create-options a:hover
{
    background-color: #ffffff;
}

/* SETTINGS
-------------------------------------------------------*/
#settings-list
{
    list-style-type:none;
    margin:0 0 12px 0;
    padding:0;
}
#settings-list li
{
    border-bottom:1px solid #CCCCCC;
    padding: .8em .4em 0;
}
#settings-list li.alternate
{
    background-color: #EEEEEE;
}
#settings-list li.selected
{
    background-color: #FBF9EE !important;
}
#settings-list li label
{
    float:left;
    font-weight: bold;
}
#settings-list li p.description
{
    clear: both;
    margin-bottom: .8em;
}
#settings-list li div.field
{
    float: right;
    font-size: .9em;
}
#settings-list li div input
{
    margin: 0;
}

/* NOTIFICATIONS
-------------------------------------------------------*/
#notifications
{
    margin: 8px 0;
    display: none;
}
#notifications ul
{
    list-style-type:none;
    margin:0;
    padding:0;
    display: none;
}
#notifications ul li
{
    border-top:1px solid #FAD42E;
    padding:8px;
}
#notifications div.dismiss
{
    float: right;
    margin: 0 0 0 8px;
    text-indent: -9999px;
    cursor: pointer;
}
#notifications div.dismissAll
{
    float: right;
    display: inline-block;
    vertical-align: text-top;
    margin-right: 8px;
    margin-top: 1px;
}
#notifications > div
{
    text-align: center;
    cursor: pointer;
    background-color: #FAD42E;
    text-decoration: underline;
}
#notifications .generated
{
    color:#999999;
    float:right;
    font-size:0.9em;
    margin:0 0 0 8px;
    text-transform:uppercase;
}
#notifications div.subject
{
    text-decoration: underline;
    cursor: pointer;
}
#notifications div.subject:hover
{
}
#notifications .body
{
    display: none;
}
#notifications .body p { margin: 8px 0; }
#notifications .body p + p { text-indent: 0; }

.box { border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }
.box ol { padding-left: 1.5em; }


/* JQUERY UI OVERRIDES
-------------------------------------------------------*/
.ui-widget { font-family: inherit !important; font-size: inherit !important; }
.ui-widget p { margin: 0 }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: inherit !important; font-size: inherit !important; }
/*.ui-dialog .ui-dialog-buttonpane button { padding: 0 !important; }
.ui-button-text-only { padding: 0 !important; }*/
a.ui-button-text-only:link { color: #555555 !important; }
a.ui-button-text-only:hover { color: #555555 !important; }
a.ui-button-text-only:visited { color: #555555 !important; }

img.ui-datepicker-trigger { margin: 0 0 0 4px; padding: 0; border: 0; }

/* JQUERY UI 1.8.6
--------------------------------------------------------*/
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-widget-header { border: 1px solid #4297d7; background: #a1d0eb url(images/ui-bg_glass_75_a1d0eb_1x400.png) 50% 50% repeat-x; color: #000; font-weight: bold; }
.ui-widget-header a { color: #000; }

/*.ui-widget :active { outline: none; }*/

/* Compliance
-------------------------------------------------------*/
#compliance-grid .title
{
    font-weight: bold;
}
#compliance-grid img
{
    margin: 0 0 0 4px;
    padding: 0px;
    border: 0px;
}
#compliance-grid img.ui-datepicker-trigger
{
   margin: 0 0;
   padding: 0; 
   border: 0; 
}

.document-buttonset {
    width: 60px;
}


/* Log On / Forgot Password
-----------------------------------*/
.ui-tabs .ui-tabs-nav li a {
    padding: 0.5em 0.75em;
}

.acc-info {
    font-weight: bold; font-size: 1.2em;
}

.log-on-input {
    height:35px;width:300px;font-size:18px;text-align:center;vertical-align:middle;
}

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

.text-right {
    text-align:right;
}

.text-right-width33 {
    text-align:right;
    width:33%;
}

.text-height35 {
    height: 35px;
}

.text-height35-width72 {
    height: 35px;
    width:72%;
}

.font-size16 {
    font-size:16px;
}

.btn-submit {
    width:125px;height:35px;
}

.text-center-content-center {
    text-align: center; 
    align-content: center;
}
/*-----------------------------------*/

.display-none {
    display: none;
}

#version {
    text-align: left;
}

/*Flash Message: replaced #Flash */

#flashMessage {
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1000;
    -webkit-animation: seconds 1.0s forwards;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 4s;
    animation: seconds 1.0s forwards;
    animation-iteration-count: 1;
    animation-delay: 4s;
}

@-webkit-keyframes seconds {
    0%   {opacity: 1;}
    90%  {opacity: 1;}
    100% {opacity: 0;}  
}
@keyframes seconds {
    0%   {opacity: 1;}
    90%  {opacity: 1;}
    100% {opacity: 0;}
}

/*End Flash Message*/

/*Home*/
.compliance-message {
    font-weight: bold;
    color: #ff0000;
    font-size: 14px;
}