body {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 10pt;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
}

@font-face {
    font-family: icons;
    src: local(icons);
    src: url(fonts/icons.woff) format('woff'), url(fonts/icons.svg#icons) format('svg'), url(fonts/icons.ttf), url(fonts/icons.eot?#iefix), url(fonts/icons.eot);
}

.centeredBody {
    background-image: url("../Images/clouds-large-logo.jpg");
    background-repeat: no-repeat;
    background-position: left top;
}

.loginbg {
    display: block;
    width: 100%;
    min-height: 500px;
}
.loginTable {
    background-image: url("../Images/loginTableBg.png");
    background-repeat: repeat;
    background-position: top center;
}




.loginInner {
    opacity: 1;
}

.printBox {
    position: absolute;
    top: 20px;
    right: 45px;
}

.clear {
    clear: both;
    float: none;
}

.header {
    padding: 0px;
}

.footer {
    display: block;
    width: 100%;
    text-align: center;
    color: #999;
    font-size: 11px;
    border-top: 1px #eee solid;
    line-height: 50px;
    margin-top: 30px;
}

.footer a:link, .footer a:visited {
        color: #999;
    }

.footer_centered {
    display: block;
    width: 100%;
    text-align: center;
    color: #999;
    font-size: 11px;
    line-height: 50px;
    margin-top: 30px;
}
p {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 10pt;
}

.logonpage_text {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 10pt;
    color: #00618D;
}

.logonpagecontrol_text {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 10pt;
    text-align: right;
    font-weight: 200;
    color: #00618D;
}

a:link, a:visited{
    color: #00618D ;
}
a:hover {
    color: #008ED0;
}

.gadgetBoxPadding a:link span, .gadgetBoxPadding a:visited span, .gadgetBoxPadding ol, .gadgetBoxPadding ul, .gadgetBoxPadding li {
    color: #00618D !important;
}

.gadgetBoxPadding a:hover span {
    color: #008ED0 !important;
}

h1 {
    margin-top: 0px;
    color: #00618D;
    font-weight: normal;
    display: inline-block;
}

h2 {
    margin: 10px 0px 10px 0px;
}

    h2 .dxeBase_BpaQuality {
        font-size: 1em !important;
        margin: 10px 0px 20px 0px;
    }


h4 {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 10pt;
}
/* Style for ContentPlaceHolder on MasterPage */

div.ContentPlaceHolder {
}
/* Style for LinksTable on MasterPage */

div.LinksTable {
    position: absolute;
    right: 0px;
    top: 0px;
    text-align: right;
    width: 260px;
}

.gadgetBox, .gadgetBoxLarge {
    border: 1px #D5F2FF solid;
    border-color: #D5F2FF;
    margin: 30px 1% 0px 1%;
    float: left;
    display: inline-block;
    width: 46%;
    min-width: 500px;
}

.gadgetBoxLarge {
    margin: 30px 1% 0px 1%;
    width: 94%;
    min-width: 1040px;
}

.gadgetBoxPadding {
    padding: 20px;
    min-height: 240px;
}

.gadgetBoxWidth {
    width: 100%;
    margin: 20px;
}


input, select {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 13px;
}

.projItem a:link, .projItem a:visited {
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
}

.contentArea {
    max-width:;
    vertical-align: central;
}

.mainMenu {
    /*background-color: #E4E4E4;
    padding: 0;
    border-bottom: 2px solid #039;
    width: 100%;*/
}


.NoBorders {
    border: 0px !important;
    border-bottom: 0px !important;
    border-top: 0px !important;
}


.inlineLeft {
    display: inline;
}


.inlineRight {
    float: right;
    display: inline;
}





.icon {
    font-family: icons;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    display: inline;
}

.menuicon {
    display: inline;
    font-size: 16px;
    line-height: 43px;
    padding-left: 5px;
    padding-right: 10px;
}

.submenuicon {
    display: inline;
    font-size: 16px;
    line-height: 25px;
    padding-left: 5px;
    padding-right: 10px;
}


.homeicon {
    display: inline;
    float: none;
    font-size: 13px;
    padding-top: 3px;
    padding-right: 3px;
    vertical-align: text-top;
    color: #ccc;
    line-height: 20px;
}

.projectBlock {
    margin-top: 30px;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}


.ProjItemLink {
    text-align: left;
    text-decoration: none;
    width: 100%;
    line-height: 40px;
    display: block;
    padding-left: 25px;
    background-image: url(../Images/menu_bullet.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #eee;
}

    .ProjItemLink:hover {
        background-color: #ccc;
        color: black;
        background-image: url(../Images/menu_bullet_selected.png);
        background-repeat: no-repeat;
        background-position: top left;
    }

.chartWidthFix > div {
    width: auto !important;
    height: auto !important;
}

.breadcrumb {
    display: inline-block;
    width: auto;
    text-align: left;
    padding: 10px 20px 10px 20px;
    color: #999;
}

.alert-box {
    color:#555;
    border-radius:10px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:11px;
    padding:10px 10px 10px 36px;
    margin:10px;
}

.alert-box span {
    font-weight:bold;
}

.error {
    background:#ffecec url('../images/Generic/error.png') no-repeat 10px 50%;
    border:1px solid #f5aca6;
}
.success {
    background:#e9ffd9 url('../images/Generic/success.png') no-repeat 10px 50%;
    border:1px solid #a6ca8a;
}
.warning {
    background:#fff8c4 url('../images/Generic/warning.png') no-repeat 10px 50%;
    border:1px solid #f2c779;
}
.notice {
    background:#e3f7fc url('../images/Generic/notice.png') no-repeat 10px 50%;
    border:1px solid #8ed9f6;
}

/* Warning Box on Login page */
div.warningHeader {
    background-color: #DA3B01;
    padding: 15px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 16pt;
    font-weight: 200;
    color: white;
}

div.warningText {
    background-color: white;
    padding: 15px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 10pt;
    font-weight: 200;
    color: #DA3B01;
}


/* Cookie Consent Bar on Login page */
.consent { 
    display:none 
}
.js .consent {
    display:table 
} /* show bar only if JS enabled */
.consent {
    position:fixed; 
    left:0; 
    bottom:0; 
    width:100%; 
    font-size:0.75em; 
    color:#fff; 
    background:#222; 
    padding:1em 3%; 
    box-sizing:border-box; 
	-webkit-animation:fadeBar 1s 1s both; 
    animation:fadeBar 1s 1s both 
}
.consent p, .consent span { 
    display:table-cell; 
    vertical-align:middle 
} 
.consent button { 
    float:right; 
    margin-left:1em; 
    background:#DA3B01; 
    line-height:2.5; 
    letter-spacing:0.08em; 
    color:#fff; 
    padding:0 1em; 
    border:0; 
    border-radius:0.25em; 
	-webkit-appearance:none; 
    text-shadow:0 -1px 1px rgba(0,0,0,0.5); 
    box-shadow:0 1px 1px rgba(0,0,0,0.7), inset 0 1px 1px rgba(255,255,255,0.5) 
}
@-webkit-keyframes fadeBar {
	0% { opacity:0; -webkit-transform:translateY(100%) }
	100% { opacity:1; -webkit-transform:none }
}
@keyframes fadeBar {
	0% { opacity:0; transform:translateY(100%) }
	100% { opacity:1; transform:none }
}
.consent button:hover { 
    background:#f33; 
    cursor:pointer 
}