/* Overrid main styles for admin page*/
#content
{
    border-top: #6ca8d3 7px solid !important;
}
#true-content
{
    width: 900px !important;
}

#content #true-content ul
{
    padding: 0px !important;
    margin: 0px !important;
}
#content #true-content li
{
    padding: 0px !important;
    margin: 0px !important;
}
#logoextranet
{
    width: 333px;
    height: 127px;
    background: url(/App_Images/Internet/eliot-logo.gif);
    position: absolute;
    top: 20px;
    left: -18px;
    z-index: 1;
}
#logoextranet a
{
    display: block;
    width: 333px;
    height: 107px;
}

#tabs-container
{
    padding: 10px 0 20px;
}

#tabs-container a
{
    color: #5b92b6;
    text-decoration: none;
}

#extranet-nav ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#extranet-nav ul li
{
    margin: 0;
    padding: 0;
    float: left;
}
#extranet-nav ul li a
{
    display: block;
    line-height: 40px;
    width: 111px;
    background: transparent url('/App_Images/Extranet/tabs.jpg') no-repeat top left;
    text-align: center;
    text-decoration: none !important;
    font-size: 120%;
    color: #484848 !important;
    padding: 0 1px;
}

#extranet-nav ul li a.active
{
    background-position: bottom left;
    color: #fff !important;
}

#extranet-nav p
{
    margin: 0;
    float: right;
    font-size: 100%;
    padding: 12px 10px 0 0;
}

#tabs-content
{
    clear: both;
    background-color: #f8fbfd;
    border: 1px solid #d5d5d5;
    padding-bottom: 36px;
}

#tabs-content .news-item
{
    margin: 36px 25px 0;
    padding-left: 53px;
}

#tabs-content .news-item h2, #tabs-content .calendar-item h2
{
    color: #5d93b7;
    font-size: 90%;
    padding: 0;
    margin-bottom: .5em;
}

#tabs-content .news-item h2 span.date, #tabs-content .calendar-item h2 span.date
{
    display: block;
    font-size: 85%;
    color: #373e3f;
}

#tabs-content .news-item p
{
    margin: .5em 0;
    color: #373e3f;
}

#tabs-content .calendar-item {
    margin: 36px 25px 0;
}

#tabs-content .calendar-item p, #tabs-content .calendar-item h2 {
    padding: 4px 0 0 50px;
}

#tabs-content .calendar-item .datebox {
    float: left;
    width: 40px;
    height: 39px;
    margin: 0;
    padding: 7px 0 0 0;
    background: transparent url('/App_Images/Extranet/date-bg.jpg') no-repeat top left;
    text-align: center;
    text-transform: uppercase;
    color: #3e6d8e;
    font-weight: bold;
    font-size: 7pt;
    line-height: 1.2em;
}

#tabs-content .calendar-item .datebox span {
    display: block;
    padding-top: 1px;
    font-size: 13pt;
}

#tabs-content .recent
{
    background: transparent url('/App_Images/Extranet/recent.gif') no-repeat top left;
}

#tabs-content #folders-and-files {
    margin: 36px 25px;
}

#tabs-content #folders-and-files h1 {
    margin: 0 0 15px;
}

div.form-module
{
    padding: 10px;
}

a.commandbutton
{
    border: 0px;
    padding: 0px 5px 5px 20px;
    vertical-align: middle;
    cursor: pointer;
    background-repeat: no-repeat;
    background-color: transparent;
}
a.refreshbutton
{
    background-image: url(         '/App_Images/Extranet/btn_Refresh.gif' );
}
a.addnewbutton
{
    background-image: url(         '/App_Images/Extranet/btn_AddNewRecord.gif' );
}
ul.commanditemtemplate
{
    margin: 5px;
}
ul.commanditemtemplate li
{
    display: inline;
}
div.success
{
    text-align: center;
    margin: 5px 10px;
    padding: 5px 0px;
    border: 1px solid #009900;
    color: #009933;
    font-weight: bolder;
}
div.failure
{
    text-align: center;
    margin: 5px 10px;
    padding: 5px 15px;
    border: 1px solid #d60042;
    color: #d60042;
    font-weight: bolder;
}

td.form-label-singlecolumn
{
    font-weight: bold;
}

td.form-label
{
    text-align: right;
    font-weight: bold;
    width: 175px;
}
strong.required
{
    color: #CC0066;
    font-weight: bold;
    font-size: large;
}
div.form-module-buttons
{
    clear: both;
    margin: 5px;
    text-align: center;
}
input.form-template-button
{
    border-top-width: 0px;
    border-left-width: 0px;
    background: url(               '/App_Images/Extranet/btn_MediumSize.gif' ) no-repeat;
    border-bottom-width: 0px;
    font-weight: bold;
    font-size: 100%;
    width: 115px;
    color: white;
    height: 22px;
    border-right-width: 0px;
}
div.rcbScroll
{
    overflow: hidden !important;
}

td.columndelete, td.columnview, td.columnedit
{
    text-align: center;
    width: 50px;
}

/* Telerik */

GridCommandRow_WebBlue td table
{
    padding: 0px;
}

.GridDataDiv_WebBlue
{
    overflow-x: hidden !important;
}

.column-large-filter
{
    width: 250px !important;
}

/* login box styles */
.logintable-outer
{
    width: 261px;
    margin: 67px auto;
    padding: 0;
    
}

.logintable{
    width: 261px;
    background:transparent url('/App_Images/Extranet/login-bg.gif') repeat-y left top;
}

.logintable .row-top {
    background:transparent url('/App_Images/Extranet/login-top-bg.jpg') no-repeat left top;
    height: 36px;
    color: #fff;
    font-weight: bold;
}

.logintable .row {
    height: 30px;
}

.logintable .row label {
    color: #183b69;
    font-weight: bold;
    font-size: 85%;
    padding-left: 15px;
    display: block;
}

.logintable .row input {
    width: 146px;
}

.logintable .remember input {
    margin-left: 15px;
    width: auto;
}

.logintable .remember label {
    font-size: 80%;
    color: #436188;
    font-weight: bold;
    padding-left: 5px;
}

.logintable .bottom {
    background: transparent url('/App_Images/Extranet/login-bottom-bg.gif') no-repeat left bottom;
}

.logintable .login-button {
    width: 66px;
    height: 29px;
    background: transparent url('/App_Images/Extranet/login-button-bg.jpg');
    border: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 60%;
    margin: 6px 15px 6px 0px;
}

.logintable .wide {
    width: 130px;
    background: transparent url('/App_Images/Extranet/login-button-bg-wide.jpg');
    margin-right: 5px;
}

.logintable .failuretext span {
    margin: 10px 15px 0;
    color: red;
    font-size: 80%;
    font-weight: bold;
    display: block !important;
}

.changepw .row input {
    width: 90px;
}

.changepw .row label {
    width: 120px;
}