@CHARSET "ISO-8859-1";
/*** Employees ***/
div.emp_nav{display:block;float:right;margin:0.625em 0 1.5em;}
div.emp_nav a{background-color:#eee;border:0.1em solid #ccc;display:block;color:#444;padding:0.6em 1em;text-decoration:none;display:inline}
div.emp_nav a:hover{background-color:#999;color:#eee;}

/* General */
#content .back{clear:both;margin:0.2em 0}
#content .col2{float:left;width:50%;}
#content h1{margin:0 0 0.2em;}
#content h2{background:#eee;border-bottom:0.05em solid #ccc;border-top:0.05em solid #ccc;clear:both;padding:0.2em 0.5em;}
#content li{list-style:none;}
#content #employees table{clear:both;margin:0 auto 1em;}
#content #employees table+h2{margin:1em 0 0.5em;}
#content #employees tr:hover{background:#eee;}

/* Add Employee */
#content #employee_add .col2+.col2 label{width:9.5em;}
#content #employee_add .submit{clear:both;}

/* View Employee */
#content #edit_employee .box{border-top:0.1em solid #ccc;clear:both;margin:0.5em 0;overflow:hidden;padding:0.5em 0 0;}
#content #edit_employee .box h4{clear:both;}
#content #edit_employee .box form{background:#eee;border:0.1em solid #ccc;padding:0.5em 1em;width:17em;}
#content #edit_employee .box form .submit{clear:both;text-align:right;}
#content #edit_employee .box form#AddressAddForm{width:40em !important;}
#content #edit_employee .box form#AddressAddForm .float{float:left;width:50%;}
#content #edit_employee .box form#GroupAddEmployeeForm{overflow:hidden;width:23em !important;}
#content #edit_employee .box form#NoteAddForm{width:30em !important;}
#content #edit_employee .col2{clear:none !important;}
#content #edit_employee .col2 ul{float:left;width:50%;}
#content #edit_employee .col2 ul.titles{font-weight:bold;width:20%;}
#content #edit_employee .add_box{float:left;}
#content #edit_employee ul.address{margin:0 0 1em;}
#content #edit_employee ul.address li:first-child{font-weight:bold;}
#content #edit_employee ul.add_links li{display:inline;padding:0 0.3em 0 0;}
#content #edit_employee ul.add_links li:first-child{border-right:0.1em solid #ccc;}
#content #edit_employee ul#contact_list{font-weight:bold;}
#content #edit_employee ul#contact_list a{font-weight:normal;}
#content #edit_employee #group_box ul{margin:0 0 1em;}

#content #edit_employee #history_links{overflow:hidden;margin:0 auto 1em;padding:0;}
#content #edit_employee #history_links li{display:inline block;float:left;margin:0 0.5em;padding:0 1em 0 0;}
#content #edit_employee #history_links li:first-child{border-right:0.1em solid #ccc;}


/*** User ***/
/*general*/
div.cal_nav{display:block;float:right;margin:0 0 0.5em;margin-top:10px}
div.cal_nav a{background-color:#eee;border:0.1em solid #ccc;display:block;color:#444;padding:0.6em 1em;text-decoration:none;display:inline}
div.cal_nav a:hover{background-color:#999;color:#eee;}
div.cal_nav select{background-color:#eee;border:0.1em solid #ccc !important;display:block;color:#444;padding:0.75em 1em;text-decoration:none;display:inline;}

/* Calendar */
#calendar #events td{border: 1px solid #000}
#calendar #events td:hover{background-color: #DDD}
#calendar #events td {width: 70px; height: 50px}
#calendar #events th{border: 1px solid #000; background-color: #8F0000; color: #fff}
#calendar #events h1{text-align: center}
#calendar .hour{clear: both; overflow: hidden}
#calendar .hour-col{float: left; background-color: #233975; width: 80px; height: 50px; overflow: hidden}
#calendar .hour-col h4{text-align: right; color: #fff; margin-top: 15px; padding-right: 5px}
#calendar .hour-evt{float: left; width: 820px; border-bottom: 1px dashed #ddd; height: 24px;}
#calendar .hour1-evt{float: left; width: 820px; border-bottom: 1px dashed #ddd; height: 23px; border-top: 1px solid #ddd}
#calendar .half-evt{float: left; width: 820px; border-bottom: 1px solid #ddd; height: 24px}
#calendar .bghalf{background-color: #ddd}
#calendar #activity h1{text-align: center}
#calendar .add{margin-top: 2px; float: left}
#calendar .event{margin-top: 2px; float: left}
#calendar .hand{cursor: pointer}
#new-event{position: absolute; display: none; z-index: 1; border: 1px solid #000; background-color: #fff; padding: 5px}
#calendar .event{margin-left: 5px}
#calendar .repeat-label{font-style: italic;}