/*----------------------------*\

      MAIN

\*----------------------------*/
#wrapper
{ 
  
  text-align: left;
  font-size: 12px;
/*
  background: #dea317 url("../images/wrapper_bg.jpg") repeat-x;
*/
  padding-bottom: 1px;
}

#wrapper_splash
{ 
  width: 1000px;
  margin: 0 auto;
/*
  background: url("../images/wrapper_inner_bg.png") no-repeat scroll 50% 70px transparent;
*/
}

#wrapper_inner
{ 
  margin: 0 auto;
}
/*----------------------------*\

      HEAD

\*----------------------------*/
#header {
  width: 250px;
  background-color: #fff;
  float: left;
}
#header img {
  margin-top: 10px;
}

/*----------------------------*\

      SIDEBARS

\*----------------------------*/
#sidebar1
{
  float: left;
}
#sidebar2
{
  float: right;
}
#sidebar1,
#sidebar2
{
  width: 200px;
  border: 1px solid #cccccc;
  margin-top: 20px;
}

#user
{
}

#user_info
{
  margin: 0px;
  font-size: 1.1em;
}

/*----------------------------*\

       MODULE NAVIGATION

\*----------------------------*/
/* The list container. */
#moduleNav
{
  height: 1.2em;
}

#moduleNav
{
  list-style: none; /* Remove the bullets. */
  display: inline; /* I'm not sure what this does, but it has an effect. */
}

#moduleNav li
{
  float: left;
  line-height: normal; /* Not sure what this does. */
  margin: 0px 4px; /* Space between each link. */
}

/* Navigation link. */ 
#moduleNav a
{
  padding: 0 5px;
}

/* Navigation link, mouse over. */
#moduleNav a:hover
{
  text-decoration: underline;
}


/*----------------------------*\

      CONTENT

\*----------------------------*/

#main
{ 
  clear: both;
  padding-top: 1px;
}

#content
{
  clear: both;
}

.zebra .even
{
}

.hover_hilite_row tr.row_norm:hover td
{
  background-color: #d4d4d4;
}

.hover_hilite_row tr.row_alt:hover td
{
  background-color: #d4d4ff;
}

.tableBreak 
{
  border-bottom: 1px solid #555555;
}
.groupBy td
{
  border-bottom: 1px solid #333;
  padding: 3px;
  padding-top: 10px;
} 
.groupBy 
{
  font-size: 1.2em;
}
.highlighted 
{
  background-color: #ff0; 
}

h2 {
  margin-bottom: 10px;
  color: #345354;
  font-size: 18px;
  font-weight: bold;
}
table .number { text-align: center }
table .leave_type { width: 90px }
table .date { width: 75px }
.employee_name { text-decoration: underline; }

a, a:link {
  color: #345354;
  text-decoration: none;
}
a:hover{
  text-decoration: underline;
}
a:visited{
  color: #B9821B;	
  text-decoration: none;
}
.simplemodal-data {
  text-align: justify;
}

/*----------------------------*\

               TABLES

\*----------------------------*/
#main td, #main th
{
  padding: 3px 10px 3px 3px;
}

#main table,
#main th
{
}
  
/*----------------------------*\

               MISC

\*----------------------------*/

.quick_links
{
  background-color: #131C5D;
  margin: 0 0 5px 0;
  font-size: 1.3em;
  
  font-weight: bold;
  padding: 5px;
  
}
.quick_links a
{
  
  margin: 0 5px 15px 0;
  text-decoration: none;
}
.quick_links a:hover
{
  color: #f00;
  text-decoration: underline;
}

a.button {
  background: transparent url("../images/button_link_bg.png") repeat-x;
  
  text-decoration: none;
  height: 24px;
  text-align: center;
  line-height: 24px;
  display: block;
  text-transform: lowercase;
  width: 90px;
  height: 26px;
}
a.button:hover {
  background: transparent url("../images/button_link_bg_over.png") repeat-x;
}
h2.image_subs {
  position: relative;
}
h2.image_subs .image_subs {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
}

#footer p {
  color: #b9821b;
  font-size: 10px;
}
#footer {
  margin: 10px auto 0;
}

div.form-container form fieldset div.side { width: 55%;  float: left; clear: none; }
div.form-container form fieldset div.side.last { width: 38%; float: right; margin-right: 0; }

.paging {
  color: #444;
  margin-bottom: 10px;
}
.paging a {
  padding: 5px;
}
.paging {
  padding: 5px;
  background-color: #f4f4f5;
  border: 1px solid $555;
}

.date_picker_btn {
  background: url("../images/calendar.png") no-repeat scroll 50% 50% transparent;
  padding: 2px 9px;
}

/*
 * 
 */

#main .flexigrid td, #main .flexigrid th {
  padding: 0;
}
#main .flexigrid table {
  margin: 0;
}