﻿/*<Layout>*/
html
{
	padding:0px;
}
body 
{
    background-color:#fff;
    background-image:none;
    background-repeat:repeat-x;
    padding:0px;
}

h1,h2,h3,h4,h5,h6 
{
	
	font-family: Century Gothic, Arial, Sans Serif;
	font-style:italic;
	font-weight:bold;
}
h1
{
    border-bottom: solid 2px #ebe8d0;
}
h1 span.detail, h1 span.detail a
{
    font-size: 12pt;
    color:#546741;
}
body 
{
    font-family:Century Gothic, Arial, Sans Serif;
    font-size:8pt;
}
a 
{
	color:#546741;
}
a:hover
{
	color:#546741;
}
a:visited
{
	color:#546741;
}
div.mainmenu
{
    top:102px;
    /*background-image:url(../images/layout/evergreen/mainmenu_background.png);*/
    background-color:#829d68;
    width:100%;
    height: 36px;
    /*margin-left:-15px;*/
    min-width: 985px;
}

div.mainmenu>div.left
{
	display:none;
    /*background-image:none;
    width:3px;
    height:36px;
    float:left;
    border-left:solid 10px rgb(226,231,237);*/
}

div.mainmenu>div.right
{
	display:none;
    /*background-image:none;
    width:4px;
    height:36px;
    float:right;
    border-right:solid 10px rgb(226,231,237);*/
}
div.mainmenu ul.menu
{
	margin-left:4px;
}
div.mainmenu ul.menu li.sel div.center
{
    background-image:url(../images/layout/evergreen/mainmenu_sel_background.png);
    height:36px;
}
div.mainmenu ul.menu li.sel div.left
{
    background-image:url(../images/layout/evergreen/mainmenu_sel_left.png);
    height:36px;
    width:11px;
    display:inline;
}
div.mainmenu ul.menu li.sel div.right
{
    background-image:url(../images/layout/evergreen/mainmenu_sel_right.png);
    height:36px;
    width:11px;
    display:inline;
}
div.mainmenu ul.menu li.unsel div.center
{
    height:36px;
}
div.mainmenu ul.menu li.unsel div.center a:hover
{
    background-image:url(../images/layout/evergreen/mainmenu_caret.png);
    background-position:center top;
    background-repeat:no-repeat;
}

div.mainmenu ul.menu li div.center a
{
    background-image:none;
    border:none;
    color:#fff;
    font-style:italic;
    text-transform:uppercase;
    /*font-family:Trebuchet MS, Arial, Sans Serif;*/
    font-size:1.3em;
    font-weight:normal;
    padding-top:9px;
    padding-bottom:10px;
}
.mainmenusub_bg
{
    display:none;
}

div.mainmenusub
{
	top:138px;
    height:27px;
    min-width:240px;
    background-image:url(../images/layout/evergreen/submenu_background.png);
    width:auto;
}
div.mainmenusub>div.left
{
	display:none;
    /*float:left;
    background-image:none;
    height:27px;
    width:15px;
    border-left:none;*/
}
div.mainmenusub>div.right
{
    float:right;
    background-image:url(../images/layout/evergreen/submenu_right.png);
    height:27px;
    width:15px;
    border-right:none;
    margin-left:35px;
}
div.mainmenusub ul.submenu
{
	float:left;
    /*margin-top:2px;*/
}
div.mainmenusub ul.submenu li.submenu
{
    border:none;
    padding-top:2px;
    height:23px;
}
div.mainmenusub ul.submenu li.submenu.sel 
{
    border:none;
    margin-left:0px;
}

div.mainmenusub ul.submenu li.submenu a.submenu,
div.mainmenusub ul.submenu li.submenu a.submenu:hover,
div.mainmenusub ul.submenu li.submenu.sel a.submenu
{
    color:#546741;
    font-size:1.3em;
    font-weight:normal;
    text-transform:none;
    font-style:italic;
    background-image:none;
    border:none;
    padding:0px 10px 0px 10px;
    margin:0px;
}
div.mainmenusub ul.submenu li.submenu.sel a.submenu
{
    border:none;
    background-image:none;
    color:#546741;
    font-weight:bold;
}
div.mainmenusub ul.submenu li.submenu a:hover
{
    text-decoration:underline;
}
ul.dropdownmenu 
{
    background-color:#829d68;
    border: solid 1px rgb(235, 232, 208);
	top:25px;
}
div.mainmenusub ul.dropdownmenu li.dropdownmenu
{
    padding:3px;
}
div.mainmenusub ul.dropdownmenu li.dropdownmenu.sel a,
div.mainmenusub ul.dropdownmenu li.dropdownmenu a,
div.mainmenusub ul.dropdownmenu li.dropdownmenu a:hover
{
    font-weight:normal;
    font-size:1.2em;
    font-style:italic;
	color:White;
}
div.mainmenusub ul.dropdownmenu li.dropdownmenu.sel a
{
    font-weight:bold;
}
/* TODO: style the record menu */

div#org input[type=button]
{
    font-size:1.2em;
    color:#9CB187;
    font-weight:bold;
    border:none;
}
div.utility div.links 
{
    color:#9cb187;
    font-weight:normal;
    height:32px;
}
div.utility div.links a
{
    color:#9cb187;
}
div.body
{
	top:175px;
}

div.body div.main div.content
{
	border:solid 1px #ebe8d0;
	/*-moz-border-radius: 7px;
	-webkit-border-radius: 7px;*/
	margin-right:15px;
}
div.horizontalbar div.breadcrumbs
{
	color:#000;
	font-size:0.9em;
}
div.horizontalbar div.breadcrumbs a
{
	text-decoration:underline;
	color:rgb(84, 103, 65);
}



div.utilmenu
{
	color:Red;
    margin-left: 12px;
    padding:0px;
}
div.utilmenu div.subsection
{
	
	background-color:White;
    border:solid 1px #ebe8d0;
	/*-moz-border-radius: 7px;
	-webkit-border-radius: 7px;*/
}
div.utilmenu, div.utilmenu a
{
	color:rgb(84, 103, 65);
}
div.utilmenu ul.subutilmenu li
{
	background-image:url(../images/layout/evergreen/menu_bullet.png);
}
div.utilmenu ul.subutilmenu li.sel
{
	background-image:url(../images/layout/evergreen/menu_bullet.png);
}
div.utilmenu ul.subutilmenu li.sel a
{
	color:rgb(84, 103, 65);
	font-weight:bold;
	text-decoration:underline;
}
div.utilmenu ul.utilmenu
{
	border:none;	
}
div.utilmenu ul.utilmenu li.utilmenu 
{
    background-image:none;
}
div.utilmenu ul.subutilmenu li a
{
	font-weight:normal;
}
div.utilmenu input[type=submit] 
{
	width:28px;
	margin-top:5px;
	padding:0px;
}
div.utilmenu .notes .message
{
    font-weight:bold;
}
div.utilmenu .notes .meta
{
    color:rgb(84, 103, 65);
}

div.logo
{
	padding:10px;
}

div.footer
{
    color:#d2ceaa;
}

/*</Layout>*/

form.medium div.errorDetails { width:508px; }
form.large div.errorDetails { width:658px; }
form.small div.errorDetails { width:358px; }
form.xsmall div.errorDetails { width:308px; }

form.medium div.group.grid { width:508px; }
form.large div.group.grid { width:658px; }
form.small div.group.grid { width:358px; }
form.xsmall div.group.grid { width:308px; }

form.medium div.category + div > div.errorDetails { width:338px; }
form.large div.category + div > div.errorDetails { width:488px; }
form.small div.category + div > div.errorDetails { width:358px; }
form.xsmall div.category + div > div.errorDetails { width:308px; }

form.medium textarea { width:358px; }
form.large textarea { width:408px; }
form.small textarea { width:208px; }
form.xsmall textarea { width:158px; }

form.medium div.category + div textarea { width:188px; }
form.large div.category + div textarea { width:338px; }
form.small div.category + div textarea { width:208px; }
form.xsmall div.category + div textarea { width:158px; }

form.medium input.wide { width:358px; }
form.large input.wide { width:408px; }
form.small input.wide { width:208px; }
form.xsmall input.wide { width:158px; }

form.medium div.info { width:358px; }
form.large div.info { width:408px; }
form.small div.info { width:208px; }
form.xsmall div.info { width:158px; }

form.medium div.category + div input.wide { width:145px; }
form.large div.category + div input.wide { width:295px; }
form.small div.category + div input.wide { width:145px; }
form.xsmall div.category + div input.wide { width:145px; }

form.medium div.form div label + div { min-width:300px; }
form.large div.form div label + div { min-width:500px; }
form.small div.form div label + div { min-width:200px; }
form.xsmall div.form div label + div { min-width:100px; }

form div div div { padding-bottom:3px; }

form div.form { padding:0px 15px;background-color:White; border-left:solid 1px #ebe8d0;border-right:solid 1px #ebe8d0; position:relative; }
form div.category { padding-top:5px;float:left;width:170px;font-size:9pt; }
form div.group { float:left;margin-left:10px;position:relative;padding-bottom:10px;width:100%; }
form div.group.last { padding-bottom:15px; }
form div.errors { display:none;padding-bottom:20px;margin-bottom:25px;clear:both;border-top:solid 1px #d8d8d8; }
form div.buttons { border-top:none;padding-top:5px;clear:both;margin-top:10px; }
form div.buttons input {margin-right:7px; }

/*controls overrides*/
table.grid thead tr.printing td form div input + label { float:none;width:300px; }
table.grid thead tr.printing td form div.buttons { border-top:none;padding-top:3px;clear:both;margin-top:10px; }

ul.recordmenu li.category 
{
    min-height:22px;
    width:168px;
    color:#fff;
    font-size:1.3em;
    font-style:normal;
    background-image:url(../images/layout/evergreen/category.gif);
    background-repeat:no-repeat;
    padding:2px 0 0 6px;
    margin-bottom:5px;
}
ul.recordmenu li.category:hover
{
    background-image:url(../images/layout/evergreen/category_sel.gif);
    color:#829D68;
}
ul.recordmenu li.category.slid
{
    background-image:url(../images/layout/evergreen/category_sel.gif);
    color:#829D68;
}
li.category ul
{
    margin:0;
    padding-top:6px;
    font-family:Arial, Helvetica, Sans-Serif;
}
li.category .recordmenu
{
    color:#829D68;
    font-weight:normal;
    font-size:0.9em;
}

/* radio buttons */
/* form div span.radioInline input { display: inline; } */

/* all labels on a form should have the same width except error labels and labels of checkboxes or radios */
form div.form label { padding-top:5px;display:block;float:left;width:150px;font-weight:bold; }
form div.errors label { width:100%;font-weight:normal; }
form div.form input + label { float:none;padding-left:5px;padding-top:3px;width:300px;height:17px; }
form div.form div label + div { float:left;padding-top:8px; }
form div.form div label + div.info { float:left;padding-top:5px;padding-bottom:0;min-height:19px; }
form div.form label.long { width:300px; }

/* use the P tag inside of forms for ALL explainatory text */
form p { margin:0;margin-bottom:5px; }
form hr { clear:both;border-width:0px;background-color:#ebe8d0;color:#fff;height:1px;margin-top:15px;margin-bottom:10px; }
form h2 { clear:left;color:#707070;border-bottom:solid 1px #888888;padding-bottom:4px;margin:0;margin-bottom:15px;font-size:1.35em; }
form div.group + h2 { padding-top:15px; }

/*FORM STYLES************************/
form.medium,form.large,form.small,form.xsmall { padding-bottom:9px; }
form.medium { width:550px;  background:url(../images/layout/evergreen/form_bg_b.png) bottom left no-repeat;  }
form.large { width:700px;  background:url(../images/layout/evergreen/form_bg_b_lg.png) bottom left no-repeat;  }
form.small { width:400px;  background:url(../images/layout/evergreen/form_bg_b_sm.png) bottom left no-repeat;  }
form.xsmall { width:350px;  background:url(../images/layout/evergreen/form_bg_b_xsm.png) bottom left no-repeat;  }

form.medium div.top,form.large div.top,form.small div.top,form.xsmall div.top { margin-left:-16px;height:23px;padding:0px 0px 10px 16px;color:white;font-size:1.6em;}
form.medium div.top { width:534px;  background:url(../images/layout/evergreen/form_bg_t.png) top left no-repeat;  }
form.large div.top { width:684px;  background:url(../images/layout/evergreen/form_bg_t_lg.png) top left no-repeat;  }
form.small div.top { width:384px;  background:url(../images/layout/evergreen/form_bg_t_sm.png) top left no-repeat;  }
form.xsmall div.top { width:334px;  background:url(../images/layout/evergreen/form_bg_t_xsm.png) top left no-repeat;  }

form div.category { text-align:right;border-bottom:solid 2px #ebe8d0; font-size:1.5em;margin-right:45px;margin-left:-15px;width:140px; }
form div.group { margin-top:15px; }

input[type=button],input[type=submit],input[type=reset] 
{
    /*padding: .75ex 1.5em;*/
    font-family:Century Gothic, Arial;
    height: 32px;
    line-height:22px;
    width: auto;
    padding-right:12px;
    padding-left:12px;
    padding-bottom:4px;
    font-size: 12px;
    font-style:italic;
    text-transform:uppercase;
    color: #546741; 
	background: #fff;
	border:solid 2px #ebe8d0;
}
input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover,
input[type=button]:focus,input[type=submit]:focus,input[type=reset]:focus
{
    border:solid 2px #546741;
    outline:none;
}

table.grid tr.buttons a.button,
table.grid tr.buttons a.SettingsButton,
table.grid tr.buttons a.PrintButton,
table.grid tr.buttons a.QuickPrintButton,
table.grid tr.buttons a.FilterButton 
{ display:block;float:left;color:#546741;border:solid 1px transparent;padding:4px 4px;text-decoration:none; }

table.grid tr.buttons a.button:hover,
table.grid tr.buttons a.SettingsButton:hover,
table.grid tr.buttons a.PrintButton:hover,
table.grid tr.buttons a.QuickPrintButton:hover,
table.grid tr.buttons a.FilterButton:hover 
{ background-color:#fcfbf6;border:solid 1px #546741; }

/*textarea, input[type=text], select
{
    background-color: #fef3b9;
}*/

/* GRID Styles
*******************************************/
table.grid thead tr.header td
{
    
    padding: 0 0 0 5px;
    color: White;
    height: 25px;
    font-weight:normal;
    font-style:italic;
    background-image: url(../images/layout/evergreen/grid_header.png);
    border-right:none;
    border-left:none;
    border-bottom:none; /*#365667;*/
    border-top:none;
}
table.grid thead tr.header td a
{
    color:White;
    padding: 0 5px 0 0;
}
table.grid
{
    border:none;
}

table.grid thead th
{
    background-image:url(../images/layout/evergreen/grid_subheader.png);
	font-weight:bolder;
	padding:4px 3px 4px 4px;
	border-top:solid 1px #c8cdba;
	border-left:solid 1px #DDDDDD;
	border-bottom:solid 1px #DDDDDD;
	border-right: solid 1px #DDDDDD;
	/*border:solid 1px rgb(187,187,187);*/
	cursor:pointer;
}

table.grid tbody.data tr.alt td
{
	/*background-color: #fffcef;*/
}
table.grid tfoot td 
{
    background-color:#edead2;
    border:solid 1px #DDDDDD;
    padding:5px;
    text-align:right;
}

div.rightInfo
{
    border:solid 1px #e1e7ed;
}
div.rightInfo h3
{
    height: 16px;
    color: White;
	border-bottom:solid 1px #bbb;
	font-size:1.2em;
	background-image: url(../images/layout/evergreen/grid_header.png);
	padding-top: 3px;
}

table.grid thead th.sorted_d
{
    padding:0 0 0 5px;
	background-image: url(../images/layout/evergreen/grid_subheader_sorted.png);
	font-weight:bold;
	background-repeat:repeat-x;
	/*background-position:right center;*/
}
table.grid thead th.sorted_a
{
    padding:0 0 0 5px;
	background-image: url(../images/layout/evergreen/grid_subheader_sorted.png);
	font-weight:bold;
	background-repeat:repeat-x;
	/*background-position:right center;*/
}
table.grid tbody.data tr td.sorted 
{
    /*background-color:#fffbdd;*/
}
table.grid tbody.data tr.alt td.sorted 
{
    /*background-color:#fef3b9;*/
}


.er_block div.header 
{
    color:#fff;
    height:16px;
    font-size:10pt;
    font-style:italic;
    background-image:url(../images/layout/evergreen/grid_header.png);
    border:none;
    padding:3px 5px 5px 5px;
}
.er_grid th 
{
    background-image:url(../images/layout/evergreen/grid_subheader.png);
    border:none;
    font-weight:normal;
    padding:2px 4px;
    text-align:left;
}
.er_action_container 
{
    float:right;margin-top:0px;margin-right:7px;
    /*FIX COLOR!!!!!!!!!!!!!!*/
}
.er_action_container a
{
    font-size: 0.85em;
    color:#fff;
}


/* Page Buttons */
div.pagebuttons.output { top:49px;right:31px; }
div.pagebuttons.profile { top:89px;right:31px; }

/* Page tabs */
div.tabgroup { border-bottom:solid 2px #ddd;padding:0;width:100%;overflow:hidden;margin-top:0.5em; }
a.tab { display:block;float:left;margin:0 .5em;border:solid 2px #eee;padding:.4em 2em;border-bottom:0;text-transform:uppercase;top:2px;position:relative;margin-top:0.2em; }
a.tab:first-child { margin-left:3em; }
a.tab.sel { border-color:#ddd;background-color:#ddd;z-index:10;padding:.6em 2.2em;margin-top:0; }

/* Help Tips */
body.helptips .helptip.hastip
{
    background-color: #ffe670 !important;
}
body.helptips .helptip.helpable
{
    background-color: #f9b85a !important;
}

/* TODO: style the record menu */
div.recordmenu 
{
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border:solid 1px #aaa;
    padding:10px 7px 2px 13px;
    background-color:#f3f3f8;
    width:164px;
}
#profileIcon
{
    text-align:center;
    border:solid 1px #aaa;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    background-image:url(../images/layout/evergreen/icon_bg.png);
    background-position:center;
}
#profileIcon:hover, #profileIcon.sel
{
    background-color:#dceddc;
    border:solid 1px #999;
}

/* JQuery UI - JQGrid*/
.ui-jqgrid-htable .ui-jqgrid-labels .ui-th-column.ui-state-default, 
.ui-jqgrid-htable .ui-jqgrid-labels .ui-th-column.ui-state-hover
{
    /*border:solid 1px transparent;*/
    background-image: url(../images/layout/evergreen/grid_subheader.png);
}
.ui-jqgrid-htable .ui-search-toolbar .ui-th-column.ui-state-default
{
    background-color:#E1E7ED;
    background-image:none;
}

.ui-pg-table
{
    background-color:#EDEAD2;
    color:Black;
}
.ui-jqgrid-title
{
    font-style:italic;
}
.ui-jqgrid td .ui-pg-selbox
{
    display:none;
}
form div.form div label + div.gmulti { float:none; padding-top:inherit;border-radius:2px; }

.ui-jqgrid
{
    border-color:#ddd;
    font-family: Century Gothic, Arial, Sans Serif;
    font-size:8pt;
}
.ui-jqgrid .ui-jqgrid-htable, .ui-jqgrid .ui-jqgrid-btable
{
    border-color:#ddd;
}
.ui-jqgrid .ui-jqgrid-htable th.ui-th-column
{
    border-color:#ddd;
    text-align:left;
    font-weight:bold;
    color:Black;
    padding:4px;
    height:16px;
}
.ui-jqgrid .ui-jqgrid-titlebar 
{
    border:none;
    background-image:url(../images/layout/evergreen/grid_header.png);
    background-repeat:repeat-x;
    height:22px;
    padding:3px 0 0 5px;
}
.ui-jqgrid .ui-jqgrid-title
{
    font-size: 13px;
    font-weight:normal;
    float:none;
}
.ui-jqgrid th .ui-icon
{
    display:none;
}
.ui-jqgrid .jqgrow
{
    height:28px;
    padding:4px;
    border-color:#ddd;
}
.ui-jqgrid tr.jqgrow td
{
    white-space:normal;
}
.ui-jqgrid tr.jqgrow.ui-state-hover td
{
    color:Black;
    background-color:rgb(255,255,180);
}
.ui-corner-tl, .ui-corner-tr, .ui-corner-all
{
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
}

/*This messes up normal fg-button icons*/
/*.fg-buttonset .ui-state-default .ui-icon-transferthick-e-w { background-image:url(../../resource/icons/reorder.png); }
.fg-buttonset .ui-state-default .ui-icon-plusthick { background-image:url(../../resource/icons/add.png); }
.fg-buttonset .ui-state-default .ui-icon
{
    background-position:top left;
    height:20px;
    width:20px;
    top:12px;
    left:4px;
}*/
.fg-buttonset a.fg-button
{
    position:relative;
    border-color:transparent;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    padding:6px 4px 6px 28px;
    color:#546741;
}
.fg-buttonset a.ui-state-hover.ui-state-default.fg-button:hover
{
    border-color:#546741;
    text-decoration:underline !important;
    background-color:#fcfbf6;
}
.fg-buttonset-multi .fg-button,
.fg-buttonset-single .fg-button
{
    margin:4px;
}

.ui-widget
{
    font-family: Century Gothic, Arial, Sans Serif;
    font-size:11px;
}
.form div.ui-widget-header
{
    background-image:url(../images/layout/evergreen/form_bg_t.png);
    border:none;
    font-size:17px;
    padding:0;
    padding-left:15px;
    margin:0;
    font-weight:normal;
    height:23px;
}
.form div.ui-widget-content
{
    border-top:none;
    border-color:#ebe8d0;
}
.form table.ui-widget-content
{
    border-bottom:none;
}
.form div.ui-widget-content h3
{
    float:left;
    clear:both;
    font-size:16px;
    font-weight:normal;
    font-style:normal;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:-13px;
    border-bottom: solid 2px #ebe8d0;
    text-align:right;
    min-width:250px;
}
.form a.fg-button.fg-button-icon-left,
.form a.fg-button.fg-button-icon-right
{
    border-width:2px;
    font-size:12px;
    font-style:italic;
    text-transform:uppercase;
    padding:2px 12px 4px 12px;
    line-height:22px;
    height:20px;
    color:#546741;
    margin-right:7px;
    display:inline-block;
}
.form a.fg-button.fg-button-icon-left span,
.form a.fg-button.fg-button-icon-right span
{
    display:none;
}