html {
    margin: 0;
    padding: 0;
    font-size: 10pt;
    font-family: Arial, Sans-Serif;
    background: top left url("html-bg.png") repeat-x #63818c;
    height: 100%;
    overflow-y: scroll;
}

.gray {
    /*color: #B7B7B7;*/
    color: Gray;
}

body {
    margin: 0 auto;
    width: 930px;
    padding: 0 10px 10px 10px;
    background: #ffffff;
    -moz-box-shadow: #000000 0 0 35px 5px;
    -webkit-box-shadow: #000000 0 0 35px 5px;
    box-shadow: #000000 0 0 35px 5px;
}

.ResourceGridSettings {
    float: right;
    padding-top: 5px;
}

.ProductionDriver {
    background-color: #DCDCDC;
}

:link, :visited {
    color: #397389;
}

    :link:hover {
    }

.header, .nav {
}

#website-header {
    width: 100%;
}

#website-header-logo {
    text-align: left;
    vertical-align: middle;
}

#website-header-buttons {
    text-align: right;
    vertical-align: top;
}

#website-header img {
    vertical-align: top;
    padding-top: 10px;
}

#website-header-buttons a {
    text-decoration: none;
    display: inline-block;
    background: url(button_grey_inside.png) repeat-x top left #7A7A7A;
    vertical-align: top;
    margin: 4px 0px 35px 5px;
    padding: 7px 40px 3px;
    color: #ffffff;
    height: 18px;
    font-size: 9pt;
    cursor: pointer;
    border: 1px solid #686868;
    border-top-color: #949494;
}

    #website-header-buttons a:active {
        background: #686868;
    }

    #website-header-buttons a#website-logout-link:active {
        background: #427b8e;
    }

    #website-header-buttons a#website-logout-link {
        background: url(button_blue_inside.png) repeat-x top left #528A9E;
        border-color: #427b8e;
        border-top-color: #6ea5ba;
    }

#website-main-menu {
    height: 37px;
    background: url(menu-bg.png);
    vertical-align: middle;
    text-align: center;
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 15px 0;
    height: 37px;
    line-height: 35px;
}

    #website-main-menu td {
        padding: 0;
        border-left: 1px solid #d4d4d4;
    }

        #website-main-menu td.first + td {
            border-left: none;
        }

        #website-main-menu td.first {
            background: left top url("menu-left.png") no-repeat;
            border-left: none;
        }

        #website-main-menu td.last {
            background: right top url("menu-right.png") no-repeat;
            border-left: none;
        }

    #website-main-menu a.selected {
        color: #00b4ee;
    }

    #website-main-menu a:hover {
        color: #000000;
    }

    #website-main-menu a {
        display: block;
        color: #656565;
        text-decoration: none;
    }
/*
#website-footer {
	padding-top: 50px;
	clear: both;
	text-align: right;
	position: absolute;
	font-size: 9pt;
	color: #656565;
	left: 0;
	right: 0;
	vertical-align: middle;
	z-index: 0;
}
#website-copyright 
{
	margin: 0 auto;
	width: 930px;
}
#website-footer p, #website-footer img
{
	vertical-align: middle;
	overflow: hidden;
}
#website-footer #website-poweredby 
{
	float: left;
}
*/
#HomeNavMenu {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

    #HomeNavMenu td a {
        padding: 50px 0;
        display: block;
    }

    #HomeNavMenu td:hover {
        background-color: #fefefe;
    }

    #HomeNavMenu td {
        border: 1px solid #bcd8e6;
        text-align: center;
        vertical-align: middle;
        background-color: #f5f9fc;
    }

#website-breadcrumbs {
    color: #a9a9a9;
    text-align: right;
    font-size: 10pt;
}

#website-body {
    padding: 0 0 10px 0;
    overflow: hidden;
}

/* Moved to shared
#website-body h2 {
	color: #686868;
	background-color: #dcdcdc;
	border: 3px double #ffffff;
	border-bottom: none;
	border-right: 1px solid #cfcfcf;
	font-weight: bold;
	font-size: 12pt;
	padding: 3px 10px;
	margin: 10px 0 0 -1px;
}
*/

.accordion-heading {
    color: #686868;
    background-color: #dcdcdc;
    border: 3px double #ffffff;
    border-right: 1px solid #cfcfcf;
    font-weight: bold;
    font-size: 10pt;
    padding: 3px 10px;
    margin: 10px 0 0 -1px;
}

.hidershower {
    color: #686868;
    background-color: #dcdcdc;
    font-weight: bold;
    font-size: 10pt;
    text-decoration: none;
}

#website-body div.form input {
    margin-left: 15px;
}

#website-body div.form {
    background-color: #606060;
    padding: 5px;
    color: #ffffff;
}

p {
    overflow: hidden;
    margin: 10px 0;
}

    p label {
        display: block;
        width: 133px;
        float: left;
        padding-top: 3px;
    }

    p input[type=text], p input[type=password], p textarea {
        width: 150px;
    }

    p select {
        width: 156px;
    }

input[type=text][readonly] {
    color: #808080;
}

table.table {
    width: 100%;
    border: none;
    border-top: 1px solid #bfd6e6;
    border-left: 1px solid #bfd6e6;
    border-collapse: separate !important;
    border-spacing: 0;
    margin: 0 0 1em 0;
}

    table.table > tbody > tr:nth-child(even) {
        background-color: #ffffff;
    }

    table.table > tbody > tr:nth-child(odd) {
        background-color: #f5f9fb;
    }

    table.table > tbody > tr.warning > td {
        background-color: #ffc0c0;
    }

    table.table > tbody > tr.inactive > td {
        background-color: #d8d8d8;
    }

    table.table td {
        padding: 4px 8px;
        color: #337985;
        border: none;
        border-bottom: 1px solid #bfd6e6;
        border-right: 1px solid #bfd6e6;
        box-sizing: content-box;
    }

    table.table th {
        background-color: #d0e4ed;
        color: #347392;
        font-weight: bold;
        border: 1px solid #347392;
        border-top: 1px solid #ffffff;
        border-left: 1px solid #ffffff;
        background: #c7dfe9 top left repeat-x;
        padding: 5px 0;
    }

.calendar {
}

table.columns {
    width: 100%;
}

    table.columns td {
        width: 50%;
    }

table.layout {
    margin: 0;
    border-collapse: collapse;
    border: none;
    width: 100%;
}

    table.layout > tbody > tr > td + td {
        padding-left: 1em;
    }

    table.layout > tbody > tr > td {
        vertical-align: top;
        padding: 0;
        margin: 0;
        width: 50%;
    }

    table.layout > tbody > tr {
        padding: 0;
        margin: 0;
    }

.log {
    background-color: #c7dfe9;
    border-style: inherit;
    border-spacing: 10;
    padding: 10;
}

.date {
}


input[type="submit"], a.button {
    border: 1px solid #7b7b7b;
    background-color: #8d8d8d;
    background: #8d8d8d url('button_bg.png') repeat-x 50% top;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    border: 0px solid red;
}

a.button {
    display: inline-block;
    min-width: 141px;
    max-width: 300px;
    height: 18px;
    padding: 0px 6px;
    text-decoration: none;
    border-style: solid;
}

* + html input[type="submit"] {
    width: 130px; /* IE 7 seems to need an explicit width before it honours text-align */
}

.ValidationMessage:before {
    content: "";
    display: block;
}

.buttongroup {
    display: block;
    text-align: center;
    padding: 11px 0 10px;
    overflow: hidden;
}

.section .buttongroup {
    background-color: #cadee9;
}

.section-content .buttongroup {
    background-color: transparent;
}

p.buttongroup label {
    display: inline;
    width: auto;
    float: none;
    padding-top: auto;
    padding-right: 3em;
}

.navlist {
    display: block;
    margin: 0;
    padding: 0;
}

    .navlist li {
        padding: 0;
        margin: 12px 0;
        display: block;
        list-style: none;
    }

.catelogue {
    display: block;
    padding: 0;
    margin: 0;
}

    .catelogue li {
        display: block;
        list-style: none;
        background-color: #578494;
        color: #ffffff;
        padding: 10px;
        margin: 0;
        border-bottom: 1px solid #3b5a65;
        border-right: 1px solid #3b5a65;
        border-top: 1px solid #8aa9b4;
        border-left: 1px solid #8aa9b4;
    }

        .catelogue li h3 {
            padding: 0;
            margin: 0;
        }

.TealPanel {
    border-bottom-color: #3a7387;
    border-left-color: #3a7387;
    border-right-color: #3a7387;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-right-width: 2px;
    border-top: none;
    padding: 10px 10px 10px 10px;
}

#website-main-menu .current_section {
    background: url(menu-active-bg.png);
}

.section {
    /*
    border: 1px solid #CFCFCF;
    margin-top: 10px;
    min-height: 100%;
    padding: 0 12px 4px;
*/
    margin-top: 15px;
    border: 1px solid #335f5e;
}

#website-body .section h2 {
    margin: 0;
    border: 1px solid white;
    border-right: none;
    border-bottom: none;
    background: #7C7C7C;
    color: #FFFFFF;
    border: none;
    padding: 8px 10px;
    height: auto;
    min-height: 22px;
    *height: 22px;
}

input[type=submit] {
    width: 155px;
}

error {
    color: Red;
}

.website-company-logo {
    font-size: 2em;
    display: inline;
    float: left;
    color: black;
    padding: 25px 0 0 25px;
    margin: 0;
    text-shadow: #404040 2px 2px 3px;
}

input[type=submit][disabled] {
    color: #aaaaaa;
    background: #8d8d8d url(button-disabled-bg.png) top repeat-x;
    border: 1px solid #aaaaaa;
}

.dashBoardh2 {
    padding: 10px !important;
    background-color: #558090 !important;
    font-size: 16px !important;
    text-transform: none !important;
}

table.dashboard {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}

    table.dashboard td {
        background-color: #676767;
        border-spacing: 0;
        padding: 0;
        margin: 0;
        border: 1px solid #676767;
    }

    table.dashboard th {
        background-color: #3a7286;
        color: #ffffff;
    }

    table.dashboard td.dashboard-label,
    table.dashboard td.dashboard-alert {
        width: 100%;
        height: 14px;
        padding: 0 10px;
        /*
        background: #496E7B top left url("dashboard-label-bg.png") repeat-x;
        */
        color: #ffffff;
        background-color: #464646;
        font-size: 16px;
        border-bottom: 1px solid #252525;
    }

.number {
    text-align: right;
}

.emphasisedNumber {
    color: Black;
    text-align: right;
    font-weight: bold;
    width: 95%;
}

.tabgroup {
    background-color: #3a7286;
    padding: 4px 10px 0 10px;
    border-bottom: none;
    overflow: hidden;
    border-left: 1px solid #428096;
    border-right: 1px solid #428096;
    border-top: 1px solid #428096;
    -moz-box-shadow: 0 -5px 5px -5px black inset;
    -webkit-box-shadow: 0 -5px 5px -5px black inset;
    box-shadow: 0 -5px 5px -5px black inset;
}

    .tabgroup .activetab {
        background: none;
        background-color: #c7dfe9;
        color: #3F3F3F;
        float: left;
        padding: 8px 16px 5px;
        -moz-border-radius: 6px 6px 0 0;
        -webkit-border-radius: 6px 6px 0 0;
        border-radius: 6px 6px 0 0;
        font-weight: bold;
    }

    .tabgroup .inactivetab {
        background: none;
        margin: 0 6px;
        background-color: #769dac;
        color: #ffffff;
        float: left;
        padding: 8px 16px 5px;
        font-weight: bold;
        -moz-border-radius: 6px 6px 0 0;
        -webkit-border-radius: 6px 6px 0 0;
        border-radius: 6px 6px 0 0;
        -moz-box-shadow: 0 -5px 5px -5px black inset;
        -webkit-box-shadow: 0 -5px 5px -5px black inset;
        box-shadow: 0 -5px 5px -5px black inset;
    }

    .tabgroup .button {
        display: inline;
        margin-top: 3px;
        float: right;
    }

.optiongroup {
    background-color: #c7dfe9;
    border-color: #6c6c6c;
    border-width: 0 1px;
    border-style: solid;
    border-bottom: none;
    color: #3F3F3F;
    padding: 8px 10px;
    /*overflow: hidden;*/
    position: relative;
}

    /*********************************/
    .optiongroup .chkLegend {
        position: relative;
        display: inline-block;
        width: 20px;
        padding-bottom: 4px;
        height: 15px;
        white-space: nowrap;
    }


        .optiongroup .chkLegend label {
            position: absolute;
            margin-left: 3px;
            padding-top: 3px;
        }
    /*********************************/

    .optiongroup .button {
        background: url(button_blue_inside.png) repeat-x top left #797900;
        border-color: #427b8e;
        border-top-color: #6ea5ba;
        margin: 0 0 0 10px;
        width: 70px;
    }

    .optiongroup input[type=checkbox] {
        vertical-align: baseline;
        /*margin: 2px 8px 2px 3px;*/
    }

label {
    vertical-align: baseline;
}

.gridactions {
    text-align: right;
    /*margin-top: 10px;*/
    margin-bottom: 20px;
}

    .gridactions .button {
        background: url(button_blue_inside.png) repeat-x top left #797900;
        border-color: #427b8e;
        border-top-color: #6ea5ba;
        margin: 0 0 0 10px;
    }

.bluebutton {
    background: url(button_blue_inside.png) repeat-x top left #797900;
    border-color: #427b8e;
    border-top-color: #6ea5ba;
    margin: 0 0 0 10px;
    /*width: 112px;	*/
}

.emphasise {
    font-weight: bold;
}

.textblock_valign {
    vertical-align: top;
}



.toolbar {
    width: 112px;
    border: 1px solid #606060;
    display: block;
    padding: 26px 9px 2px;
    position: absolute;
    position: fixed;
    top: 200px;
    right: 10px;
    -moz-box-shadow: 0 0 5px 0 #717171;
    background: #3a7286 url(toolbar/grip.png) no-repeat 9px 6px;
    z-index: 10;
}

    .toolbar button, .toolbar .button {
        width: 112px;
        height: 28px;
        overflow: visible;
        color: #ffffff;
        background: #717171 url(toolbar/button_bg.png) no-repeat;
        border: 1px solid #41494c;
    }

        .toolbar button::-moz-focus-inner, .toolbar .button:-moz-focus-inner {
            border: none;
        }

        .toolbar button:active, .toolbar .button:active {
            background: #717171;
        }

    .toolbar input.text {
        font-family: Sans-Serif;
        font-size: 9pt;
    }

    .toolbar .close {
        display: block;
        position: absolute;
        right: 9px;
        top: 6px;
        cursor: pointer;
    }

    .toolbar p {
        margin: 3px 0 6px;
    }

.error {
    color: Maroon;
    display: block;
}

.resourced {
    background-color: #86b1b8;
}

.ordered {
    color: Green;
}

.orderDue {
    color: Orange;
}

.orderOverdue {
    color: Red;
}


#login-header {
    text-align: center;
    padding: 60px 0 20px;
}

#website-footer {
    text-align: center;
    overflow: hidden;
    border-top: #d2d2d2 1px solid;
    padding-top: 27px;
    margin-top: 10px;
    color: #777777;
    font-size: 9pt;
}

#footer-poweredby {
    float: left;
    vertical-align: top;
    margin: 0;
    margin-top: -13px;
    /*padding-top: 13px;*/
}

    #footer-poweredby img {
        vertical-align: middle;
        margin-top: 5px;
    }

#footer-licence {
    margin: 0;
}

#footer-copyright {
    float: right;
    margin: 0;
}

div.miniform {
    background: url(login-bg.png) top left repeat-x #e8e8e8;
    width: 330px;
    margin: 10px auto;
    padding: 5px 25px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
}

div.login-form {
    background: url(login-bg.png) top left repeat-x #e8e8e8;
    width: 270px;
    margin: 10px auto;
    padding: 5px 25px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    border: #c6c6c6 1px solid;
    overflow: hidden;
}

    div.login-form label {
        float: none;
        display: inline;
    }

    div.login-form .button {
        background: url(button_blue_inside.png) top left repeat-x #528A9E;
        padding: 5px 0;
        margin-left: 5px;
    }

    div.login-form input[type=text], div.login-form input[type=password] {
        width: 263px;
    }



.tabgroup #body_body_ActivityViewTab {
    color: #3F3F3F;
    background-color: #C7DFE9;
}

.tabgroup #body_body_ResourceViewTab, .ResourceView, table.Resource th {
    background-color: #769DAC !important;
    color: #ffffff !important;
}

.tabgroup #body_body_GanttViewTab {
    color: #fff;
    background-color: #93b8c6;
}



#website-body .section h2.Resource {
    background-color: #769DAC;
    color: #ffffff;
}

#website-body .section .Activity {
    color: #3F3F3F;
    background-color: #C7DFE9;
    border-top: #335F5E 1px solid;
}

span.left {
    float: left;
    padding-left: 13px;
}

span.right {
    float: right;
    padding-right: 13px;
}

p.right {
    text-align: right;
}

span.center {
    margin: 0 auto;
}

.legend {
    background-color: #7C7C7C;
    border-color: #6c6c6c;
    border-width: 0 1px;
    border-style: solid;
    border-bottom: none;
    color: #ffffff;
    padding: 8px 10px;
    /*overflow: hidden;*/
    position: relative;
}

    /*********************************/
    .legend .chkLegend {
        position: relative;
        display: inline-block;
        width: 20px;
        padding-bottom: 4px;
        height: 15px;
        white-space: nowrap;
    }


        .legend .chkLegend label {
            position: absolute;
            margin-left: 3px;
            padding-top: 3px;
        }
    /*********************************/

    .legend .button {
        background: url(button_blue_inside.png) repeat-x top left #797900;
        border-color: #427b8e;
        border-top-color: #6ea5ba;
        margin: 0 0 0 10px;
        width: 70px;
    }

    .legend input[type=checkbox] {
        vertical-align: baseline;
        /*margin: 2px 8px 2px 3px;*/
    }


.login-links {
    text-align: center;
    margin-top: 0.3em;
}

    .login-links a {
        margin: 0 1em;
    }

.section-content {
    padding: 18px 12px;
    background: url(section-content-bg.png) top left repeat-x #e9e9e9;
    overflow: hidden;
}

h2.Resource input {
    float: right;
}

.legend .warning, h2 .warning {
    display: block;
    float: right;
    width: 200px;
    font-size: 9pt;
    color: #f0eb0d;
    margin-top: -5px;
    padding-left: 30px;
    background: transparent url(warning.png) left 50% no-repeat;
    text-transform: none;
    line-height: 1.3em;
    font-weight: normal;
}

span.section-name {
    color: #c0c0c0;
}

.section-content p input[type="text"], .section-content p input[type="password"], .section-content p textarea {
    width: 240px;
}

.buttongroup > .button {
    display: block;
    margin: 1px 0 0.5em auto;
}


.ProjectStatus {
    float: right;
    font-weight: normal;
}

.ProjectStatusTender {
    color: #ffe107;
    padding-right: 30px;
    background: transparent url(warning.png) right center no-repeat;
    font-style: italic;
}

.row1, .row2 {
    padding: 0.5em;
    margin: 0;
    border-top: #c6d3dc 1px solid;
}

.row1 {
    background-color: #ffffff;
}

.row2 {
    background-color: #f5f9fc;
}

h3 .button {
    background: #729dad;
    border: 1px solid #d3e6ec;
    color: #ffffff;
}

td {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

table.rgDetailTable {
    width: 100%;
}

h3.disabled, h2.disabled {
    background-color: #acacac;
    border-color: #acacac;
}

.hidden {
    display: none;
}

#website-body .section h2.active {
    background-color: #558292;
}

#website-body .section h2.inactive {
    background-color: #d0d0d0;
    color: #7c7c7c;
}


#website-body h2 *:link, #website-body h2 *:visited {
    color: #ffffff;
    text-decoration: none;
}



#website-body .Resource {
    background-color: #769DAC;
    color: #ffffff;
}


table.table tr.Resource th {
    background-color: #769DAC;
    color: #ffffff;
}

.optiongroup select {
    margin: 0 2em;
}

a.remove-from-watchlist {
    text-decoration: none;
}

    a.remove-from-watchlist:hover {
        text-decoration: underline;
    }




.section#section-Mark-Up {
    margin-top: 38px;
    *	margin-top: 35px;
}

.section#section-Default-Weekend-Rules .buttongroup {
    margin-top: 44px;
    *	margin-top: 46px;
}

h2.Resource select {
    position: absolute;
    left: 335px;
}

h2.Resource label {
    position: absolute;
    text-align: right;
    left: 0;
    width: 330px;
}

h2 {
    position: relative;
}



.optiongroup span.legend {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #3A7286;
    color: black;
    margin: -5px 1px 0 30px;
    padding: 5px 8px 4px;
    position: absolute;
    right: 330px;
}

    .optiongroup span.legend .resourced {
        padding: 6px 2px 2px 6px;
        margin: 0 2px 0 0;
    }

    .optiongroup span.legend input {
    }

.gridcommands input {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: #397389;
    width: auto;
    text-align: center;
}

    .gridcommands input:hover {
        text-decoration: underline;
    }


.RadGrid_Office2007 .rgExpand {
    background: url(plusminus.png) top left no-repeat !important;
}

.RadGrid_Office2007 .rgCollapse {
    background: url(plusminus.png) 0 -48px no-repeat !important;
}

body:nth-of-type(1) img[src*="Blank.gif"]{display:none;}