/*
1. Body, H1, etc
2. Section color definition
3. Form Styles
4. TitleBar Styles
5. Menu Styles
6. Search Box STyles
7. DataGrid Styles
8. obsolete - styles defining hours listings

*/

body
{
	font-family:Georgia;
	
}


H1
{
	color:#484848;
	font-size:22pt;
    font-weight: bold;
	margin:0px;
}

H2
{
	color:#494949;
	
	font-size:10pt;
    font-weight: bold;
	
	padding: 5px 4px 5px;
	margin:0px;
}

IMG
{
	border-style:none;
}

.NormalPage
{
	background-color: #fffff5;
	font-family: Verdana;
	font-size: 1em;
}

.Error /*-- RED error message in Master pages.  */
{
	font-weight: bold;
	font-size: 1em;
	color: #8A0202;
	padding-bottom: 7px;
}



/*---------------------  DIFFERENT COLORS FOR SECTIONS ---------*/
/*
nice grey 999999



#fffff0  mcc white that shows pink
*/

.CremeSection
{
	background-color:  #fffff5;
	color:Black;
}

.RedSection
{
    color: White;
    background-color: #9A1E1E;
    
}
        

.BlueSection
{
	background-color: #304860;	
	color:White;
}


.MaizeSection
{
	background-color: #F7E7BD;  
	color:Black;
}


.AdminContent
{
	margin-left:50px;
	margin-top:50px;
}
.TopLevelObjectPage
{
	margin-left:25px;
	margin-top:30px;
}

.PopUpMaindiv /*-- main Div on one of the pop up pages */
{
	padding-left: 25px;
}


/* ------------  FORMS ----------------*/

.Title
{
	color:#494949;
	
	font-size:20pt;

}

.LoginLabel
{
	color:#2F2F2F;
	
	font-size:12pt;
}

.LoginValue
{
	color:#787878;
	
	font-size:12pt;	
}

/* ------------  FORMS ----------------*/

#FormTable
{
}


.ReadOnlyControl
{
	background-color: #c0c0c0;
	color:Black;
}


.FieldLabel
{

	font-weight: normal;
	color: black;
	text-align: right;
	padding-right: 6px;
}

.FieldLabelRequired
{
	font-weight: bold;
}



/*----------------Account Links---------------------- */

.AccountNavLinks
{
	text-decoration:none;
	color:#2F2F2F;
	
	font-size: 12pt;
}

/*----------------MENU STYLES---------------------- */

.Menu
{
	color: White;
	font-size: .5em;
	padding: 2px;
	background-color:#304860;
	font-weight:normal;
	border:solid 1px transparent;
}

.MenuEnabled
{
	
	background-color: #304860; 
	color: White;
	padding: 2px;
	border:solid 1px transparent;
}

.MenuEnabledHover
{
	
	border:solid 1px black;
}

.MenuDisabled
{
 display:none;	
 background-color:#304860;
}


.SubMenu
{
	color: Black;
	font-size: 1em;
	background-color: #C0C0C0; 
	padding:2px;
	margin: 7px 0px 10px 0px;
}

.SubMenuEnabled
{
	background-color: #C0C0C0; 
	color: black;
	padding: 2px;
	border:solid 1px transparent;
}

.SubMenuEnabledHover
{
	padding: 2px;
	border:solid 1px black;
}

/*----------------Search box STYLES---------------------- */
/* the search box has 2 components 
a div w/ a class=Searchbox so we get the right margin
a span w/ id=Searchbox so we get a gey background , but not all the way 
	across the screen

then add the input fields and buttons as necessary 
*/


.SearchBox
{
	padding: 20px 0px 20px 0px;
}

#SearchBox
{
	border: solid 1px black;
	background-color: #C0C0C0;
	margin-bottom:7px;
	width: 450px;
}



.SectionHeader /*-- Essentially an H1 */
{
	font-weight: bold;
	font-size: 1.3EM;
	color: black;
	padding-bottom: 5px;
	padding-top: 5px;
}




/*----------------Data Grid STYLES---------------------- */

.GridRow, .GridRow a:link, .GridRow a:visited, .GridRow a:active
{
	font-size:.95em;
	color: black;
}

.GridRowOdd
{
	background-color: #DDDDDD;
}

.GridRowEven
{
	background-color: #BBBBBB;
}


.GridRow a:hover
{
	color: black;
	background: #fffff5;
}

.GridHeader
{
	color: White;
	background-color: #6294b2;
	font-weight: bold;
	font-size: 1em;
	padding: 4px 0px 4px 0px; /* doesnt seem to work */
}

.GridHeader a:link,.GridHeader a:visited, .GridHeader a:active
{
	color: White;
}


/*----------------RED Data Grid STYLES---------------------- */

.GridRowRed
{
	background-color: #ccbbaa;
}
.GridRowRed a:link
{
	color: black;
}
.GridRowRed a:visited
{
	color: black;
}
.GridRowRed a:active
{
	color: black;
}
.GridRowRed a:hover
{
	color: black;
	background: #EEEECC;
}

.GridHeaderRed
{
	background-color:#9A1E1E;
}

/*----------------BREADCRUMB  STYLES---------------------- */

.BreadCrumb
{
	font-size: 1.1EM;
	font-weight: normal;
	color:#222222;
}

.BreadCrumb a:link
{
	color: #222222;
}
.BreadCrumb a:visited
{
	color: #222222;
}
.BreadCrumb a:active
{
	color: #222222;
}
.BreadCrumb a:hover
{
	color: #222222;
	background: #BBAA55;
}



/*----------------Hours Listings ---------------------- */


  /*----------------------------------------------------
        --------------TIME SHEET -----------------------------
        ------------------------------------------------------
        */#TimeSheetContainer
        {
            float: left;
            
            margin-right: 10px;
            height: 265px;
        }
        
        /*------- Enter weekly timesheet, Approve TimeSheets, etc.
        */
        .TimeSheetHeader
        {
        	font-family:Georgia;
        	font-size:22pt;
        	color:white;
        	padding-left:7px;
        	padding-top:5px;
            padding-bottom:5px;
        }
        
        /*----- employee , week of 
        */
        .TSHeader_Label
        {
        	color:#D8D8D8
        }
        .TSHeader_Value
        {
        	color:#FFF
        }
        
        
        /*---- acutal rows in timesheet
        */
        .TimeSheetSummaryRow
        {
            background-color:#787878;
            font-size:14pt;
            color:White;	
            width:687px;
            padding-left:7px;
            padding-top:5px;
            padding-bottom:5px;
        }
              
        /*-------------------------------------------------------
        --------------jQuery Menu  ---------------------------------
        ---------------------------------------------------------
        */
         #menu ul {
            background-color: red;
            /*you have to put the web*/
        }
        
        #menu li {
            float: left;
            list-style: none;
            margin-right: 0px; /*provide space between toplvl menus*/
            padding: 10px;
            background-color: #304860;
        }

            #menu li a {
                text-decoration: none;
                font-family: Verdana, serif;
                font-size: 1em;
                color: white;
            }

                #menu li a:hover {
                    color: #cd6a00;
                    -webkit-transition: All 0.5s ease;
                    -moz-transition: All 0.5s ease;
                    -o-transition: All 0.5s ease;
                }

                #menu li a span.ui-icon-carat-1-e {
                    float: right;
                    position: static;
                    margin-top: 2px;
                    width: 16px;
                    height: 16px;
                    background: url(http://download.jqueryui.com/themeroller/images/ui-icons_888888_256x240.png) no-repeat -64px -16px;
                }

            #menu li ul {
                display: block;
                position: absolute;
                padding: 2px 2px 2px 2px; /*padding and bg provide color changes above and below sublist*/
                background: rgba(178, 167, 167, 1);
            }

                #menu li ul li {
                    float: none;
                    wi_dth: 200px; /*can be used to ensure uniform width*/
                    margin-right: 0px;
                    padding: 5px 10px;
                }

                    #menu li ul li a {
                        font-size: 14px;
                    }