﻿
    /* FORM STYLES */
            
        .data_row td,
        .data_row_on td {
            padding: 5px;
            border-bottom: 1px dotted #DFDFDF;
        }
        
        .data_row_on td {
            background-color: #EAEAEA;
        }  
        
        .note
        {
            font-size: 11px;
            color: #9F9F9F;
        }
        
        .note .required 
        {
            font-size: 11px;
        }
        
        .form_item {
            margin-bottom: 10px;
            clear: right;
        }
        
        .spacer {
            border-top: 1px solid #DFDFDF;
            margin-bottom: 10px;
            clear: both;
        }
        
        .form_item_inline {        
            margin-bottom: 10px;
            margin-right: 10px;
            float: left;
        }
        
        .checkbox_list {
            width: 350px;
            height: 150px;
            overflow: scroll;
            border: 1px solid #9F9F9F;            
            background-color: White;
            margin-top: 2px;
            position: relative;
        }
    
        .checkbox_list td {
            padding: 3px;
        }
        
        .checkbox_list input {
            margin-right: 4px;
        }
        
        .save_options input {
            margin-right: 10px;
        }
        
        .save_options .cancel_link {
            text-decoration: none;
            text-transform: lowercase;
        }
        
        .save_options .cancel_link {
            text-decoration: underline;
        }
        
        .required {
            color: Red;
            padding-left: 2px;
        }
        
        
        
    /* OPTIONS */

        .options {        
            float: right;
        }
                        
    /* MESSAGES */
         
         .developer_box {
            padding: 5px 10px 5px 30px;
            margin-bottom: 10px;
            font-weight: bold;
            font-size: 14px;
         }
         
         .developer_box {
            padding: 8px 10px 10px 30px;
            margin-top: 15px;
            border: 1px dotted orange;
            font-weight: normal;
            background: #F4DEBC url('../images/icons/department_developers.gif') no-repeat scroll top left;
         }
         
         .developer_box b { 
            display: block;
            font-weight: bold;
            width: 100%;
            color: orange;
         }
         
         .developer_box .developer_feedback {
            padding: 5px 0px;
         }
         
    /* MOOTABS */
    		
	    .mootabs_title {
		    height: 22px;
		    margin:0;
		    padding:0;
		    list-style:none;
		    background: url('../images/tab_bg.gif') bottom left repeat-x;
	    }

	    .mootabs_title li {
			    margin: 0;
			    cursor: pointer;
    			
			    float:left;
			    height: 18px !important;
			    height: 21px;
			    margin-right: 5px;
    			
    			
			    /* border: 1px solid #CCCCCC; */
			    border-bottom: none;
			    padding: 3px 4px 0 4px;
			    color: #a8a697;
			    font-weight: bold;
	    }

	    .mootabs_title li.active {
			    background-color:#FFFFFF;
			    border: 1px solid #d6d3c1;
			    height: 22px;
			    border-bottom: 1px solid #FFFFFF;
			    padding: 2px 3px 0 3px;
			    color: #6a6960;
			    font-weight: bold;
	    }

        .mootabs_title li a
        {
        	text-decoration: none;
        }
        
	    .mootabs_panel {
			    display: none;
	    }

	    .mootabs_panel.active {
			    display: block;
	    }	
			
    /* CALENDAR */

        table.calendar {
          font-family: Helvetica, Arial, sans-serif;
          font-size: 0.8em;
          border-collapse: collapse;
          background-color: white;
          padding: 0px;
          border: solid #999999 1px;
          background-color: white;
          text-align: center;
          /*prevent user from selecting text in Mozilla & Safari - check calendar constructor for IE code)*/
          -moz-user-select: none;
            /*-khtml-user-select: none;*/
        }
        table.calendar input, table.calendar select.month {
          font-size: 10px !important;
          width: 50px;
        }
        table.calendar input, table.calendar select.year {
          font-size: 10px !important;
          width: 60px;
        }

        table.calendar td {
          border: 0;
          font-size: 10px;
          text-align: center;
          padding: 0px;
        }
        div.mainheading {
          /*margin: 2px;*/
          padding: 5px;
          text-align: center;
        }
        div.mainheading input.down_button,
        div.mainheading input.up_button {
	        color: #FFFFFF;
	        font-weight: bold;
	        width: 16px;
	        padding: 0px 3px;
	        height: 16px;
        }
        	
        div.mainheading input.up_button {
	        background: #FFFFFF url('../images/icons/forward.png') no-repeat top center;
	        border-width: 0px;
	        margin-left: 7px;
	        margin-right: 0px;
        } 
        div.mainheading input.down_button
        {
	        background: #FFFFFF url('../images/icons/back.png') no-repeat top center;
	        border-width: 0px;
	        margin-right: 7px;
	        margin-left: 0px;
        }
        #epoch_popup_cell_td
        {
	        padding: 0px;
	        margin: 0px;
          text-align: center;

        }
        #epoch_popup_calcells
        {
          margin: 0 6px 4px 6px;
        }
        table.caldayheading {
          border-collapse: collapse;
          cursor: pointer;
          empty-cells: show;
          margin: 0 6px 0 6px;
        }
        table.caldayheading td {
          border: solid #CCCCCC 1px;
          text-align: left;
          color: #0054E3;
          font-weight: bold;
          width: 22px; /*should match calendar cell's width*/
        }
        table.caldayheading td.wkhead {
          border-right: double #CCCCCC 3px;
        }
        table.calcells {
          border-collapse: collapse;
          cursor: pointer;
          /*margin: 0 6px 0 6px;*/
        }
        table.calcells td {
          border: solid #CCCCCC 1px;
          vertical-align: top;
          text-align: left;
          font-weight: bold;
          width: 22px;
          height: 20px; /*IE doesn't like ems*/
        }
        table.calcells td div {
          padding: 1px;
          margin: 0;
        }
        table.calcells td.wkhead {
          background-color: white;
          text-align: center;
          border-right: double #CCCCCC 3px;
          color: #0054E3;
        }
        table.calcells td.wkday {
          background-color: #DDDDDD;
        }
        table.calcells td.wkend {
          background-color: #CCCCCC;
        }
        table.calcells td.curdate {
            font-size: 11px;
            color: #009900;
        }
        table.calcells td.cell_selected {
          background-color: #99CCFF;
          color: black;
        }
        table.calcells td.notmnth {
          background-color: #FFFFFF;
          color: #CCCCCC;
        }
        table.calcells td.notallowed {
          background-color: white;
          color: #EEEEEE;
          font-style: italic;
        }
        table.calcells td.hover {
          background-color: #999999;
        }
		
		