/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

*
{
    border:0;
    margin:0;
    padding:0;
    list-style: none;    
    color: Black;
    text-decoration: none;
    background-repeat: no-repeat;
}
html,body
{ 
    font-family: Trebuchet MS, Arial;
    font-size:  12px;
    color: Black;
    height: 100%;
}
input.text-box
{
    border-bottom: 1px dotted black;
    width: 200px;
}
#page
{
    min-height:100%;
    position:relative;

}
#title
{
    background-image: url(Images/HeaderBackground.gif);
    background-repeat: repeat-x;
    background-color: #4A4848;
    height: 50px;
    position: relative;
}
#logindisplay
{
    right: 50px;
    bottom: 0px;
    position: absolute; 
    height: 40px;
}
#login
{
    background-image: url(Images/LoginButtonLeft.gif);
    height: 40px;
    line-height: 40px;
    width: auto;
}
#login a
{
    display: block;
    color: White;
    background-image: url(Images/LoginButtonRight.gif);
    background-position: right;
    background-repeat: no-repeat; 
    font-size: small;
    padding-left: 20px;
    padding-right: 20px;    
}
#login a img
{
    height: 20px;
    margin-right: 5px;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 10px;
}
#menucontainer
{
    height: 40px;
    background-image: url(Images/MenuBackground.gif);
    background-repeat: repeat-x;
    width: 100%;
    background-color: #F3F3E9;
}
#menu
{
    margin-left: 50px;
}
#menu li
{
    background-image: url(Images/MenuButtonLeft.gif);
    height: 40px;
    float: left;
    line-height: 40px;
    text-align: center;
    margin-right: 2px;
}
#menu li a
{
    background-image: url(Images/MenuButtonRight.gif);
    background-position: right;
    background-repeat: no-repeat;
    display: block;
    padding-right: 20px;
    font-weight: bold;
    padding-left: 20px;
}
#menu li.active
{
    background-image: url(Images/MenuButtonLeftActive.gif);
}
#menu li.active a
{
    background-image: url(Images/MenuButtonRightActive.gif);
}
#menu li a img
{
    height: 20px;
    margin-right: 5px;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 10px;
}
#menu li a span
{
    vertical-align: middle;
    line-height: 30px;
}
#main
{
    clear: both;
    padding-bottom: 170px;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 20px;
}
#footer
{
    background-color: #F3F3E9;
    border-top: solid 1px #E5E5DB;
    height: 120px;
    right: 0;
    left: 0;
    position:absolute;
    bottom:0;
    padding-left: 50px;
    padding-right: 50px;
}
#footer span
{
    display: block;
}
#footer #companyname
{
    font-weight: bold;
}




/*
    TABLES
*/
#main table
{
    border-collapse: collapse;
    background-color: #F0F0EB;
}
#main table .header
{
    
    background-image: url(Images/TableBackground.gif);
    background-repeat: repeat-x;
    height: 35px;
    border-bottom: 1px solid #E5E5DB;
}
#main table tr
{
    height: 40px;
    border-bottom: 1px solid #E5E5DB;
}
#main table td, #main table th
{
    padding-left: 20px;
    padding-right: 20px;
}

#main table .name
{
    text-align: left;
    margin-right: 50px;
    padding-right: 50px;
}
#main table .actions a
{
    padding-left: 32px;
    background-repeat: no-repeat;
    background-position: 4px;
}


#main table .footer
{
    border-top: 1px solid #E5E5DB;
    background-color:  #F3F3E9;
    height: 50px;
}
#main table .footer a
{
    padding-left: 50px;
    background-repeat: no-repeat;
    line-height: 32px;
    height: 32px;
    display: block;
    float: right;
}


/*
    HEADERS
*/
#main h2
{
    height: 64px;
    padding-left: 80px;
    line-height: 64px;
    margin-bottom: 16px;
}
#main h3
{
    margin-left: 80px;
    margin-top: -32px;
    margin-bottom: 14px;
}

/*
    MENUS
*/
#main .menu
{
    margin-top: 50px;
}
#main .menu li
{
    height: 50px;
    padding-left: 50px;
    margin-left: 30px;
    background-position: left center;
}
#main .menu li a
{
    line-height: 50px;
    font-size: 15px;
}



/*
    INPUTS
*/
#main fieldset
{
    margin-top: 50px;
    position: relative;
}
#main fieldset legend
{
    margin-bottom: 20px;
    border-bottom: 1px solid #E5E5DB;
    width: 100%;
    font-style: italic;
    font-weight: bold;
    font-size: 16px;
}
#main fieldset dl dt
{
    clear: left;
    float: left;
    width: 100px;
    margin-right: 20px;
    margin-bottom: 20px;
}
#main fieldset dl dt label
{
    text-align: right;
    display: block;
    width: 100px;
}
/*
#main fieldset dl dd
{
    float: left;
}
*/
#main fieldset dl dd.error1
{

    position: relative;
    top: 15px;
    left: -200px;
}
#main fieldset dl dd.error
{
    clear: left;
    position: relative;
    font-size: 10px;
    left: 120px;
    top: -20px;
    height: 20px;
    
}


#main .actions
{
    margin-top: 20px;
    margin-left: 120px;
}
#main .actions input
{
    font-size: large;
    font-style: italic;
    background-color: White;    
}
.number
{
    text-align: right;
}
.error *
{
    color: Red;
}