/*****************************************************************************************************************************************************************************************************
 General Page Layout
*****************************************************************************************************************************************************************************************************/
html, body { margin: 0; height: 100%; padding: 0px; overflow: hidden; background-color: #AAA; font-family: Arial, Helvetica, sans-serif; }
container { display: flex; flex-direction: column; height: 100%; background-color: #AAA; }
header { height: max-content; width: 100%; float: left; font-size: 24px; font-weight: bold; background-color: #000; color: #FFF; text-align: center; padding-top: 5px; padding-bottom: 5px; }
main { flex: 1; overflow: auto; padding-top: 10px; }
section { height: 100%; overflow: hidden; width: 100%;}
footer { font-size: 9pt; width: 100%; height: 16px; margin: 0; padding: 0; padding-top: 10px; padding-bottom: 6px; text-align: center; float: left; color: #FFF; background-color: #000; }

/*****************************************************************************************************************************************************************************************************
 TIME CLOCK MANAGEMENT MODULE
*****************************************************************************************************************************************************************************************************/
#Login_Form { width: 400px; height: 190px; border: 1px solid #000; background-color: #FFF; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; behavior:url("border-radius.htc"); box-shadow: 2px 2px 10px #000; margin-top: 150px; margin-left: auto; margin-right: auto; }
.Login_Form_Header { font-size: 24px; font-weight: bold; background-color: #000; color: #FFF; padding-top: 3px; padding-bottom: 3px; }
.Login_Header { width: inherit; font-size: 12pt; font-weight: bold; color: #000; text-align: center; margin-top: 5px; }
.Login_Text_Container,.Login_Failed_Container { width: max-content; font-size: 12pt; font-weight: normal; color: #000; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
.Login_Failed_Container { font-weight: bold; color: #FFF; background-color: #900; }
.Login_Text { font-size: 12pt; font-weight: normal; color: #000; }
td { font-size: 12px; font-weight: normal; text-decoration: none; cursor: default; }
input[type="submit"] { cursor: pointer; }
input[type="submit"]:disabled { cursor: auto; }

/*****************************************************************************************************************************************************************************************************
 Main Menu
*****************************************************************************************************************************************************************************************************/
#Admin_Jump_Menu { margin-top: 30px; margin-left: auto; margin-right: auto; border: 1px solid #000; width: 450px; background-color: #FFF; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; behavior:url("border-radius.htc"); box-shadow: 2px 2px 10px #000; }
.Admin_Jump_Menu_Header { font-size: 24px; font-weight: bold; background-color: #000; color: #FFF; text-align: center; -moz-border-top-left-radius: 6px; -moz-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-left-radius: 6px;-khtml-border-top-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; behavior:url("border-radius.htc"); }
.Admin_Jump_Menu_Option { font-size: 16px; font-weight: bold; color: #000; text-decoration: none; padding-top: 10px; padding-bottom: 10px; cursor: pointer; padding-left: 20px; padding-right: 20px; }
.Admin_Jump_Menu_Option:nth-child(odd) { background-color: #CCC; }
.Admin_Jump_Menu_Option:hover { font-size: 16px; font-weight: bold; text-decoration: none; background-color: #009; color: #FFF; }
.Admin_Jump_Menu_Option:last-child { -moz-border-bottom-left-radius: 6px; -moz-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; -khtml-border-bottom-left-radius: 6px;-khtml-border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; behavior:url("border-radius.htc"); }

/*****************************************************************************************************************************************************************************************************
 Time Clock Management
*****************************************************************************************************************************************************************************************************/
#Admin_Management_Container { width: 880px; margin-right: auto; margin-left: auto; background-color: #FFF; -moz-border-top-left-radius: 6px; -moz-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-left-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; -moz-border-bottom-left-radius: 6px; -moz-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; -khtml-border-bottom-left-radius: 6px;-khtml-border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; behavior:url("border-radius.htc"); box-shadow: 2px 2px 5px #000; }
.Admin_Management_Container_Header,.Admin_Management_Container_Header_Square { font-size: 20px; font-weight: bold; background-color: #000; color: #FFF; text-align: center; width: inherit; padding-top: 4px; padding-bottom: 4px; }
.Admin_Management_Container_Header { font-size: 24px; -moz-border-top-left-radius: 6px; -moz-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-left-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; behavior:url("border-radius.htc"); }

/* Top portion displaying a punch */
#Admin_Management_Punch_Container { width: 880px; height: max-content; overflow: hidden; margin-right: auto; margin-left: auto; font-size: 10pt; }
.Admin_Management_Punch_Row_Container { width: 840px; height: 30px; padding-left: 20px; padding-right: 20px; }
.Admin_Management_Punch_Row_Container:nth-child(even) { background-color: #CCC; }
.Admin_Management_Punch_Column_Header_Container { width: 150px; height: 22px; font-weight: bold; padding-top: 4px; padding-bottom: 4px; float: left; display: inline; }
.Admin_Management_Punch_Column_Value_Container { width: 250px; height: 22px; font-weight: normal; padding-top: 4px; padding-bottom: 4px; float: left; display: inline; }
.Admin_Management_Punch_Row_Button_Container { width: max-content; height: 30px; margin-left: auto; margin-right: auto; padding-top: 5px; }

/* Add Punch */
#add_punch_container { position: absolute; width: 600px; height: 260px; top: 15%; left: 50%; margin-left: -300px; margin-right: auto; padding-bottom: 10px; display: flex; flex-direction: column; background-color: #FFF; border: 1px solid #FFF; border-radius: 5px; box-shadow: 2px 2px 5px #000; z-index: 5000; }
.add_punch_header { height: max-content; width: 100%; float: left; font-size: 14pt; text-align: center; background-color: #000; color: #FFF; padding-top: 6px; padding-bottom: 12px; margin-bottom: 30px; overflow: hidden; font-weight: normal;-moz-border-top-left-radius: 6px; -moz-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-left-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; behavior:url("border-radius.htc"); }
.add_punch_form_container { width: inherit;  height: max-content; overflow: hidden; }
.add_punch_row_container { width: inherit; height: max-content; text-align: center; }
.add_punch_column_left_container,.add_punch_column_right_container { width: 240px; height: 38px; padding-left: 10px; padding-right: 10px; float: left; display: inline; text-align: right; }
.add_punch_column_right_container { text-align: left; width: 280px; }
.add_punch_actions_container { font-size: 9pt; width: max-content; margin: 0; margin-top: 8px; padding: 0; padding-top: 10px; text-align: center; margin-left: auto; margin-right: auto; }
.add_punch_actions { font-size: 9pt; width: max-content; height: 15px; margin-left: 8px; margin-right: 8px; padding-left: 9px; padding-right: 9px; padding-top: 4px; padding-bottom: 3px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; behavior:url("border-radius.htc"); border: 1px solid #000; background-image: linear-gradient(#FFF,#BBB); float: left; display: inline; user-select: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; overflow: hidden; cursor: pointer; }
.add_punch_actions:hover { box-shadow: 1px 1px 5px #000; }
.add_punch_actions:active { border: 1px solid #555; background-image: linear-gradient(#EEE,#999); }

/* Editing Punch Data */
#edit_punch_container { position: absolute; width: 600px; height: 220px; top: 15%; left: 50%; margin-left: -300px; margin-right: auto; padding-bottom: 10px; display: flex; flex-direction: column; background-color: #FFF; border: 1px solid #FFF; border-radius: 5px; box-shadow: 2px 2px 5px #000; z-index: 6000; }
.edit_punch_header { height: max-content; width: inherit; float: left; font-size: 14pt; text-align: center; background-color: #000; color: #FFF; padding-top: 6px; padding-bottom: 12px; margin-bottom: 30px; overflow: hidden; font-weight: normal;-moz-border-top-left-radius: 6px; -moz-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-left-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; behavior:url("border-radius.htc"); }
.edit_punch_form_container { width: inherit;  height: max-content; overflow: hidden; }
.edit_punch_row_container { width: inherit; height: max-content; text-align: center; }
.edit_punch_column_left_container,.edit_punch_column_right_container { width: 240px; height: 38px; padding-left: 10px; padding-right: 10px; float: left; display: inline; text-align: right; }
.edit_punch_column_right_container { text-align: left; width: 280px; }
.edit_punch_actions_container { font-size: 9pt; width: max-content; margin: 0; margin-top: 8px; padding: 0; padding-top: 10px; text-align: center; margin-left: auto; margin-right: auto; }
.edit_punch_actions { font-size: 9pt; width: max-content; height: 15px; margin-left: 8px; margin-right: 8px; padding-left: 9px; padding-right: 9px; padding-top: 4px; padding-bottom: 3px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; behavior:url("border-radius.htc"); border: 1px solid #000; background-image: linear-gradient(#FFF,#BBB); float: left; display: inline; user-select: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; overflow: hidden; cursor: pointer; }
.edit_punch_actions:hover { box-shadow: 1px 1px 5px #000; }
.edit_punch_actions:active { border: 1px solid #555; background-image: linear-gradient(#EEE,#999); }
/* Initially I wanted this dropdown to select an employee so a punch could be added, but changed my mind after it had already become integrated into everything-so I just disguise it as a text field. The Add punches screen will have an employee selector. */
#employee_number_filter:disabled { color: #000; font-size: 12pt; font-weight: bold; border: 0px; outline: 0px; appearance: none; max-width: 250px; }
#scan_date { width: 80px; background-image: url(../images/icon_calendar.jpg); background-repeat: no-repeat; background-position: left; padding-left: 20px; z-index: 5010; }
#scan_time { width: 80px; font-size: 12pt;  }

/* Lower portion with grid of punches */
#Punch_Grid_Container { width: 880px; height: max-content; overflow: hidden; margin-right: auto; margin-left: auto; font-size: 10pt; max-height: 580px; overflow-y: auto; }
.Punch_Grid_Header_Row_Container,.Punch_Grid_Row_Container,.Punch_Grid_Row_Container_Selected { width: 860px; height: 27px; padding-left: 10px; padding-right: 10px; border-bottom: 1px solid #888; cursor: pointer; }
.Punch_Grid_Header_Row_Container { background-color: #AAA; color: #000; font-size: 12pt; font-weight: bold; border-bottom: 1px solid #000; }
.Punch_Grid_Row_Container:hover,.Punch_Grid_Row_Container:nth-child(odd):hover  { background-color: #009; color: #FFF; }
.Punch_Grid_Row_Container:nth-child(odd) { background-color: #CCC; }
.Punch_Grid_Row_Container_Selected { background-color: #001E40; color: #FFF; }
#Punch_Grid_Container:last-child { -moz-border-bottom-left-radius: 6px; -moz-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; -khtml-border-bottom-left-radius: 6px;-khtml-border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; behavior:url("border-radius.htc"); }

/* Grid Columns */
.Employee_Name_Column,.Employee_Number_Column,.Location_Column,.Department_Column,.Scan_Date_Column,.Scan_Time_Column,.Status_Column,.Employee_Status_Column { float:left; display: inline; text-align: center; border-left: 1px solid #888; height: 21px; padding-top: 6px; }
.Employee_Name_Column { width: 230px; text-align: left; border-left: none; }
.Employee_Number_Column { width: 150px; }
.Location_Column {  width: 100px; }
.Department_Column { width: 105px; }
.Scan_Date_Column { width: 95px; }
.Scan_Time_Column { width: 95px; }
.Status_Column { width: 75px; }

/*****************************************************************************************************************************************************************************************************
 Employee Management
*****************************************************************************************************************************************************************************************************/
/* Top portion displaying an employee */
#Admin_Management_Employee_Container { width: 880px; height: max-content; overflow: hidden; margin-right: auto; margin-left: auto; font-size: 10pt; }
.Employee_Grid_Header_Row_Container { background-color: #000; color: #FFF; font-size: 12pt; font-weight: bold; border-bottom: 1px solid #000; }
.Admin_Management_Employee_Row_Container { width: 840px; height: 30px; padding-left: 20px; padding-right: 20px; }
.Admin_Management_Employee_Row_Container:nth-child(even) { background-color: #CCC; }
.Admin_Management_Employee_Column_Header_Container { width: 150px; height: 22px; font-weight: bold; padding-top: 4px; padding-bottom: 4px; float: left; display: inline; }
.Admin_Management_Employee_Column_Value_Container { width: 250px; height: 22px; font-weight: normal; padding-top: 4px; padding-bottom: 4px; float: left; display: inline; }
.Admin_Management_Employee_Row_Button_Container { width: max-content; height: 30px; margin-left: auto; margin-right: auto; padding-top: 5px; }
.Employee_Status_Column { width: 150px; }

/* Lower portion with all employees */
#Employee_Grid_Container { width: 880px; height: 500px; overflow: hidden; margin-right: auto; margin-left: auto; font-size: 10pt; max-height: 555px; overflow-y: auto; }
.Employee_Grid_Header_Row_Container,.Employee_Grid_Row_Container,.Employee_Grid_Row_Container_Selected { width: 860px; height: 27px; padding-left: 10px; padding-right: 10px; border-bottom: 1px solid #888; cursor: pointer; }
.Employee_Grid_Header_Row_Container { background-color: #AAA; color: #000; font-size: 12pt; font-weight: bold; border-bottom: 1px solid #000; }
.Employee_Grid_Row_Container:hover,.Employee_Grid_Row_Container:nth-child(odd):hover  { background-color: #009; color: #FFF; }
.Employee_Grid_Row_Container:nth-child(odd) { background-color: #CCC; }
.Employee_Grid_Row_Container_Selected { background-color: #001E40; color: #FFF; }
#Employee_Grid_Container:last-child { -moz-border-bottom-left-radius: 6px; -moz-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; -khtml-border-bottom-left-radius: 6px;-khtml-border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; behavior:url("border-radius.htc"); }

/*****************************************************************************************************************************************************************************************************
 Messaging
*****************************************************************************************************************************************************************************************************/
#error_container { position: absolute; width: 450px; top: 23%; left: 50%; margin-left: -225px; margin-right: auto; display: flex; flex-direction: column; height: 22%; background-color: #FFF; border: 1px solid #900; border-radius: 5px; box-shadow: 2px 2px 5px #000; z-index: 6000; }
.error_header { height: max-content; width: 100%; float: left; font-size: 14pt; text-align: center; background-color: #900; color: #FFF; padding-top: 8px; padding-bottom: 8px; overflow: hidden; font-weight: normal;}
.error_message_container { flex: 1; overflow: auto; }
.error_message { height: 100%; overflow: auto; width: 100%; font-size: 14pt; color: #900; text-align: center; display: flex; justify-content: center; align-items: center; }
.time_tracker_error_button_container { font-size: 9pt; width: 100%; height: 26px; margin: 0; padding: 0; padding-top: 10px; padding-bottom: 4px; text-align: center; float: left; color: #FFF; }
.time_tracker_error_button { font-size: 12pt; width: max-content; margin-left: auto; margin-right: auto; height: 23px; padding-top: 2px; padding-bottom: 2px; padding-left: 6px; padding-right: 6px; background-color: #900; color: #FFF; border-radius: 5px; cursor: pointer; border: 1px outset #000; box-shadow: 1px 1px 3px #000; overflow: hidden;}

#alert_container { position: absolute; width: 450px; top: 23%; left: 50%; margin-left: -225px; margin-right: auto; display: flex; flex-direction: column; height: 22%; background-color: #FFF; border: 1px solid #900; border-radius: 5px; box-shadow: 2px 2px 5px #000; z-index: 6000; }
.alert_header { height: max-content; width: inherit; float: left; font-size: 14pt; text-align: center; background-color: #900; color: #FFF; padding-top: 8px; padding-bottom: 8px; overflow: hidden; font-weight: normal;}
.alert_message_container { flex: 1; overflow: auto; }
.alert_message { height: 100%; overflow: auto; width: 100%; font-size: 14pt; color: #900; text-align: center; display: flex; justify-content: center; align-items: center; }
.time_tracker_alert_button_container { font-size: 9pt; width: 100%; height: 26px; margin: 0; padding: 0; padding-top: 10px; padding-bottom: 4px; text-align: center; float: left; color: #FFF; }
.time_tracker_alert_button { font-size: 12pt; width: max-content; margin-left: auto; margin-right: auto; height: 23px; padding-top: 2px; padding-bottom: 2px; padding-left: 6px; padding-right: 6px; background-color: #900; color: #FFF; border-radius: 5px; cursor: pointer; border: 1px outset #000; box-shadow: 1px 1px 3px #000; overflow: hidden;}

#confirm_container { position: absolute; width: 450px; top: 23%; left: 50%; margin-left: -225px; margin-right: auto; padding-bottom: 10px; display: flex; flex-direction: column; height: 18%; background-color: #FFF; border: 1px solid #900; border-radius: 5px; box-shadow: 2px 2px 5px #000; z-index: 6000; }
.confirm_header { height: max-content; width: 100%; float: left; font-size: 14pt; text-align: center; background-color: #900; color: #FFF; padding-top: 6px; padding-bottom: 12px; overflow: hidden; font-weight: normal;}
.confirm_question { height: 100%; overflow: auto; width: 100%; font-size: 14pt; color: #900; text-align: center; display: flex; justify-content: center; align-items: center; }
.confirm_actions_container { font-size: 9pt; width: 100%; height: 26px; margin: 0; padding: 0; padding-top: 10px; padding-bottom: 4px; text-align: center; margin-left: auto; margin-right: auto; color: #FFF; }
.confirm_actions { font-size: 12pt; width: max-content; margin-left: 5px; margin-right: 5px; height: 23px; padding-top: 2px; padding-bottom: 2px; padding-left: 6px; padding-right: 6px; background-color: #900; color: #FFF; border-radius: 5px; border: 1px outset #000; box-shadow: 1px 1px 3px #000; display: inline; overflow: hidden; cursor: pointer; }

#modal_shade,#modal_shade_85 { position: fixed; left: 0px; top: 0px; width:100%; height:100%; text-align:center; z-index: 4990; background-color: #000; opacity: .50; }
#modal_shade_85 { opacity: .85; }

/*****************************************************************************************************************************************************************************************************
 Buttons
*****************************************************************************************************************************************************************************************************/
.Button {  font-size: 11pt; width: max-content; height: 30px; margin-left: 2px; margin-right: 2px; margin-top: 10px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; behavior:url("border-radius.htc"); border: 1px solid #000; padding: 6px; background-image: linear-gradient(#FFF,#BBB); float: left; display: inline; user-select: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: pointer; }
.Button:hover { box-shadow: 1px 1px 5px #000; }
.Button:active { box-shadow: 2px 2px 5px #000; border: 1px solid #555; background-image: linear-gradient(#EEE,#999); }

.Button_Small { font-size: 9pt; width: max-content; height: 15px; margin-left: 8px; margin-right: 8px; margin-bottom: 4px; padding-left: 9px; padding-right: 9px; padding-top: 4px; padding-bottom: 3px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; behavior:url("border-radius.htc"); border: 1px solid #000; background-image: linear-gradient(#FFF,#BBB); float: left; display: inline; user-select: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: pointer; }
.Button_Small:hover { box-shadow: 1px 1px 5px #000; }
.Button_Small:active { box-shadow:inset 1px 1px 3px 1px #777; /* box-shadow: 0px 0px 0px #000; */}

/*****************************************************************************************************************************************************************************************************
 OBSOLETE CRAP
*****************************************************************************************************************************************************************************************************/
#Admin_Container { width: 900px; margin-right: auto; margin-left: auto; margin-top: 50px; }
#Admin_Masthead_Container { float: left; height: 171px; width: inherit; }
#Admin_Masthead { float: left; height: 171px; width: inherit; }
#Admin_Masthead_Home_Page_Button { padding-left: 764px; padding-top: 68px; width: 56px; height: 20px; float: left; display: inline; }
#Admin_Masthead_Logout_Button { padding-top: 70px; height: 20px; width: 60px; float: left; display: inline; }

#Admin_Content_Container { float: left; min-height: 429px; width: inherit; text-align: center; background-color: #FFF; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; behavior:url("border-radius.htc"); box-shadow: 2px 2px 10px #000; }
.Admin_Category_Header { font-size: 24px; font-weight: bold; background-color: #000; color: #FFF; -moz-border-top-left-radius: 6px; -moz-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-left-radius: 6px;-khtml-border-top-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; behavior:url("border-radius.htc"); }
#Admin_Footer { float: left; height: 210px; width: 900px; }

.Data_Saved_Message { font-size: 16px; color: #FFF; background-color: #0C0; text-align: center; font-weight: bold; }
.Date_Picker_Field { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.Employee_Name { font-size: 14px; font-weight: bold; color: #000; padding-left: 4px; }
.Field_Header_Bold { font-size: 12px; font-weight: bold; color: #000; padding-left: 4px; }
.Form_Header { font-size: 12px; font-weight: bold; color: #000; }
.Form_Field { font-size: 12px; font-weight: normal; color: #000; }
.Notes { font-size: 9px; font-style: italic; font-weight: normal; color: #000; }
.Settings_Header { font-size: 20px; font-weight: bold; color: #FFF; text-align: center; background-color: #555; height: 30px; }
.Settings_SubHeader { font-size: 16px; font-weight: bold; color: #000; text-align: center; background-color: #999; }
.Settings_Column_Header { font-size: 12px; font-weight: bold; color: #000; text-align: center; background-color: #CCC; text-transform: uppercase; }
.Daily_Time_Reports_Text { font-size: 12px; font-weight: bold; color: #FFF; }
.Error_Message { font-size: 14px; color: #FFF; background-color: #900; text-align: center; padding: 2px; width: 300px; margin-right: auto; margin-left: auto; }