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

.ECMStyle .AspNet-Menu-Horizontal
{
    padding:0px 15px 0 15px;
    background:#000 url(../Images/bg-black.gif) repeat-x scroll center center !important;
    position: relative;
    z-index: 50;
}

.ECMStyle ul.AspNet-Menu
{
    list-style-type:none;
    width:100%;
    position:relative;
    height:27px;
    font-family:"Trebuchet MS",Arial,sans-serif;
    font-size:13px;
    font-weight:bold;
    margin:0;
    padding:0;
    border-left:1px solid #838383;
}

.ECMStyle ul.AspNet-Menu li
{
    display:block;
    float:left;
    height:27px !important;
    width: 150px;
    margin:0 0 0 0px;
}

.ECMStyle ul.AspNet-Menu li ul li
{
    border-bottom:1px solid #838383;
}



.ECMStyle ul.AspNet-Menu li.AspNet-Menu-Leaf
{
    margin:0 0 0 0px;
}

.ECMStyle ul.AspNet-Menu li.left
{
    margin:0;
}

.ECMStyle ul.AspNet-Menu li a
{
    display:block;
    color:#fff;
    line-height:27px;
    text-decoration:none;
    padding:0 17px 0 18px;
    height:27px !important;
    text-align:center;
    border-right:1px solid #838383;
}

.ECMStyle ul.AspNet-Menu li a.right
{
    padding-right:19px;
}

.ECMStyle ul.AspNet-Menu li a:hover,
.ECMStyle ul.AspNet-Menu-Leaf li a:hover
{
    background: #656565 url(../Images/grey_bg.gif) repeat scroll center center !important;
    color:#fff;
}

.ECMStyle ul.AspNet-Menu li a.current
{
    color:#2E4560;
    background:#fff;
}

.ECMStyle ul.AspNet-Menu li a.current:hover
{
    color:#2E4560;
    background:#fff;
}

.ECMStyle ul.AspNet-Menu ul
{
    width:150px;
    top: 27px;
    z-index: 400;
    background:#fff;
    border:1px solid #b5b5b5;
    border-top:0 none;
    left: -1px;
}

.ECMStyle ul.AspNet-Menu li li a
{
    display:block;
    float:left;
    color:#000;
    background:#fff;
    line-height:27px;
    text-decoration:none;
    padding:0 5px 0 5px;
    height:27px !important;
    width: 150px;
    font-family:Arial;
    font-size:11px;
    border-bottom:1px solid #b5b5b5;
}

.ECMStyle ul.AspNet-Menu li:hover, 
.ECMStyle ul.AspNet-Menu li.AspNet-Menu-Hover
{
    background: #656565 url(../Images/grey_bg.gif) repeat scroll center 0 !important;
    color:#fff;
}

.ECMStyle ul.AspNet-Menu li:hover a:hover, 
.ECMStyle ul.AspNet-Menu li.AspNet-Menu-Hover a:hover
{
    color:#fff;
}

.ECMStyle ul.AspNet-Menu li:hover a, 
.ECMStyle ul.AspNet-Menu li:hover span
{
    color: #fff;
}

.ECMStyle ul.AspNet-Menu li:hover ul a, 
.ECMStyle ul.AspNet-Menu li:hover ul span, 
.ECMStyle ul.AspNet-Menu li.AspNet-Menu-Hover ul a,
.ECMStyle ul.AspNet-Menu li.AspNet-Menu-Hover ul span,
.ECMStyle ul.AspNet-Menu li:hover li:hover ul a, 
.ECMStyle ul.AspNet-Menu li:hover li:hover ul span, 
.ECMStyle ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a,
.ECMStyle ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span
{
    color: #000;
}

/* While you hover over a list item (li) you are also hovering over a link or span because */
/* the link or span covers the interior of the li.  So you can set some hover-related styles */
/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
.ECMStyle ul.AspNet-Menu li a:hover,
.ECMStyle ul.AspNet-Menu li span.Asp-Menu-Hover
{
    color: White;
}

.ECMStyle ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{

}

/* Datagrid changes
-----------------------*/

#content th.GridHeader_Web20
{
    background: #4A6867;
}

#content .RadGrid_Web20, .DetailTable_Web20 {
    border:1px solid #000;
}

#content .radEnabledCss_Web20, #content .radEmptyMessageCss_Web20, 
#content .radHoverCss_Web20, #content .radFocusedCss_Web20, 
#content .radReadOnlyCss_Web20, #content .radDisabledCss_Web20, 
#content .radNegativeCss_Web20, #content .radInvalidCss_Web20,
#content .GridEditForm_Web20  input[type="text"], #content .GridEditForm_Web20 textarea
{
    border-color:#888;
}

/* Login Menu
------------------*/

.ECMStyle .AspNet-Login {
border:1px solid #838383;
font-family:Verdana;
font-size:0.8em;
padding:0px;
background:#F5F5F5;
}
.ECMStyle .AspNet-Login label, .ECMStyle .AspNet-Login input {
color:black;
}
.ECMStyle .AspNet-Login input {
font-size:1em;
background: #fff !important;
}
.ECMStyle .AspNet-Login label em {
font-style:normal;
text-decoration:underline;
}
.ECMStyle .AspNet-Login .AspNet-Login-TitlePanel {
background:#000 url(../Images/bg-black.gif) !important;
color:#FFF;
font-weight:bold;
height:1.7em;
margin-bottom:0.3em;
padding-top:0.4em;
padding-left:1.5em;
text-align:left;
border-bottom:1px solid #838383;
}
.ECMStyle .AspNet-Login .AspNet-Login-TitlePanel span {
    font-size:15px;
    font-weight:bold;
    color:#FFF;
    line-height:17px;
}
.ECMStyle .AspNet-Login .AspNet-Login-FailurePanel {
color:#990000;
height:4em;
}
.ECMStyle .AspNet-Login .AspNet-Login-UserPanel, .ECMStyle .AspNet-Login .AspNet-Login-PasswordPanel, .ECMStyle .AspNet-Login .AspNet-Login-RememberMePanel, .ECMStyle .AspNet-Login .AspNet-Login-SubmitPanel {
padding:0.25em 1.5em 1em 1.5em;
}
.ECMStyle .AspNet-Login .AspNet-Login-UserPanel, .ECMStyle .AspNet-Login .AspNet-Login-PasswordPanel, .ECMStyle .AspNet-Login .AspNet-Login-SubmitPanel {
text-align:left;
}
.ECMStyle .AspNet-Login .AspNet-Login-UserPanel label, .ECMStyle .AspNet-Login .AspNet-Login-PasswordPanel label {
white-space:nowrap;
}
.ECMStyle .AspNet-Login .AspNet-Login-UserPanel input, .ECMStyle .AspNet-Login .AspNet-Login-PasswordPanel input {
width:220px;
}
.ECMStyle .AspNet-Login .AspNet-Login-SubmitPanel input {
    background-image: -moz-linear-gradient(center top , #FFFFFF 0pt, #E0E0E0 100%);
    border-color: #707070;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0px 0 1px #000 inset;
    color: #000;
    font-size: 11px;
    font-weight: bold;
    height: 2.2em;
    padding: 0 0.91em;
    text-shadow: 0 0 0 transparent, 0 1px 0 #FFFFFF;
    background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 #F6F6F6;
    border: 1px solid #CCCCCC;
    cursor: pointer;
    overflow: visible;
    vertical-align: middle;
    white-space: nowrap;
 
    font-family: Verdana, Helvetica, Arial, sans-serif;
}
.ECMStyle .AspNet-Login .AspNet-Login-SubmitPanel input:active
{
    background-color: #EEEEEE;
    border: 3px double #CCCCCC;
    border-top-color: #999999;
    border-left-color: #999999;
} 

.ECMStyle .AspNet-Login .AspNet-Login-InstructionPanel, .ECMStyle .AspNet-Login .AspNet-Login-HelpPanel, .ECMStyle .AspNet-Login .AspNet-Login-PasswordPanel, .ECMStyle .AspNet-Login .AspNet-Login-RememberMePanel, .ECMStyle .AspNet-Login .AspNet-Login-CreateUserPanel, .ECMStyle .AspNet-Login .AspNet-Login-PasswordRecoveryPanel {
}

.AspNet-Login-UserPanel label,
.AspNet-Login-PasswordPanel label
{
    clear: left;
    float: left;
    margin-bottom: 10px;
    padding-right:12px;
    text-align: left;
    width: 70px;
    line-height: 25px;
}

.AspNet-Login-UserPanel #AspNet-Login  input,
.AspNet-Login-PasswordPanel input {
    margin-bottom: 15px;
}

.AspNet-Login-RememberMePanel label 
{
    clear:left;
}

.AspNet-Login-RememberMePanel input 
{
    clear:left;
}

/* =Changes to Layout.css
----------------------------------------------- */

.orange-selectwrap label {
    color: #000 !important;
}
.orange-selectwrap select {
    background: #000 url(../Images/bg-black.gif) repeat-x scroll center center !important;
}
.editcontact fieldset legend
{
    background: url(../Images/bg-black.gif) repeat scroll 0 0 #000 !important;
}
.FooterUpper
{
    background: url(../Images/footerupper_bg_grey.gif) no-repeat bottom center !important;
    height: 32px;
}
.FooterLower
{
    background-color: #5d5d5d !important;
    height:11px;
    color:#fff;
}

/* =Changes to Expenses.css
----------------------------------------------- */

ul.btnWrap {
    background: #000 url(../Images/bg-black.gif) repeat-x top left !important;
}
a.btnAdd {
    background: #000 url(../Images/btn-add-black.jpg) no-repeat top left !important;
	padding: 8px 10px 8px 30px !important;
}
a.btnAdd:hover,
a.btnAdd:active {
    background: #656565 url(../Images/btn-add-hover-grey.jpg) no-repeat top left !important;
}
table.dateInput td {
	background: #000 url(../Images/bg-black.gif) repeat-x top left !important;
}
h3.expenseHeading {
    color: #000 !important;
    text-transform: none !important;
}
#ctl00_headerDiv a#ctl00_LoginStatus {
    background: url(../Images/ico-logout-black.png) no-repeat left 3px !important;
}
a#ctl00_LoginStatus:hover {
    color: #656565 !important;
}
a.button, input.button {
    background: #656565 url(../Images/grey_bg.gif) repeat-x top left !important;
}
a.button:hover,
input.button:hover {
	background: #000000 url(../Images/bg-black.gif) repeat-x top left !important;
}