﻿/* BRANDING STYLESHEET FOR CLOUDS UK ULTIMATE MANAGER
 * (C) Eurosafe UK LTD 2009
 * ----------------------------------------
 * COLOURS (background & border):
 * BASE:    #E1F3FD
 * PALE:    #F4FBFF
 * MID:     #95DAFB
 * MID2:    #4FBDF9
 * MID3:    #BDE6FC
 * DARK:    #0788CC
 * 
 * COLOURS (foreground & text):
 * TEXT:    #322D33
 * LIGHT:   #888A85
 * EMPH:    #
 * ------------------------------------- */

/* ----------------------------------------
 * Import the CORE stylesheet; all brands
 * do this to inherit common functionality,
 * but in theory a brand could be fully
 * independent if required.
 * ------------------------------------- */
@import "../../Content/css/core.all.css";

/* TYPOGRAPHY -------------------------- */

body {
    font-family: Arial, Sans-Serif;
}

a {
    text-decoration: none;
}

a:link {
    color: #16b;
}
a:visited {
    color: #16b;
}
a:hover {
    text-decoration: underline;
}
a:active {
    color: #c00;
}

/* BRANDING/COLOURS -------------------- */

body {
    background: #E1F3FD;
    color: #322D33;
}

#Header .qry {
    border-color: #95dafb !important;
}

#Settings {
    color: #2c9be7;
}

#Main-Menu a {
    background: #95dafb;
    color: #322d33;
}

#Main-Menu .selected {
    background: #0788cc !important;
    color: #fff !important;
}

#PageHeader {
    background: #0788cc;
    border-bottom: 1px solid #045599;
    color: #fff;
}

#PagePath a {
    color: #e1f3fd;
}

#Content {
    border-top: 1px solid #d3d7cf;
    border-bottom: 1px solid #95dafb;
}

#Footer {
    border-top: 2px solid #bde6fc;
    color: #459ece;
}

#Market{
    color:brown;

}

.brandText {
    background-image: url(img/logo.png);
}

/* BROWSER.CSS -------------------- */

.browser .groupHeader td, .browser .groupHeader th {
    background-color: #e1f3fd;
    border-color: #bde6fc;
}

.browser thead th, .browser .header th, .browser tr.cmd td {
    background-color: #e1f3fd;
    border-color: #bde6fc;
}

.browser tbody td {
    border-color: #e1f3fd;
}

.browser tfoot tr.totals td, .browser tfoot tr.totals th {
    color: #888a85;
    background-color: #f4fbff;
    border-color: #e1f3fd;
}

.browser a.sorted {
    color: #204a87;
}

/* COLLAPSIBLEFORM.CSS -------------------- */

.collapsibleForm {
    background-color: #f4fbff;
    border-color: #bde6fc;
}

.collapsibleForm .header {
    background-color: #bde6fc;
}

/* DIRECTORY.CSS -------------------- */

.pd dfn {
    color: #888a85;
}

.pd address {
    color: #555753;
}

.pd .org {
    border-color: #e1f3fd;
}

.pd .title {
    background-color: #f4fbff;
    border-color: #e1f3fd;
}

.pd .empty {
    background-color: #f4fbff;
    border-color: #e1f3fd;
}

.miniPd li {
    background-color: #f4fbff;
}

/* FEEDS.CSS -------------------- */

.feed blockquote {
    color: #555753;
}

.feed dt.group {
    border-color: #bde6fc;
    color: #555753;
}

.feed dl.items dt {
    color: #888a85;
}

.feed .details {
    background: #f4fbff;
}

/* FORMS.CSS -------------------- */

fieldset {
    border-color: #bde6fc;
}

legend {
    background: #fff;
    color: #555753;
}

.form .req label, .form label.req, .form .required label, .form label.required, .form .required label span, .form label.required span {
    background-image: url(img/ico_required.png);
}

.form .tip {
    color: #888a85;
}

.dataEntry {
    background: #e1f3fd;
    border-color: #95dafb;
}

.dataEntry .tip {
    color: #555753;
}

.dataEntry .title {
    background: #0788cc;
    color: #fff;
}

.filterSearch {
    color: #555753;
    background: #e1f3fd;
    border-top: 1px solid #95dafb;
}

/* EXPLORER.CSS -------------------- */

.toolTipPopup {
    background-color: #e1f3fd;
    color: #555753;
}

/* overrides the browser's .selected link style */
.toolTipPopup a {
    color: #16b !important;
}

/* JQMODAL.CSS -------------------- */

.jqmOverlay {
    background-color: #459ece;
}

.jquiDialogContent table td {
    border-color: #e1f3fd;
}

.jquiDialogSide {
    background-color: #f4fbff;
    border-color: #fff;
}

.jquiDialog .searchSection {
    background-color: #fce94f;
    border-color: #fff;
}

.jquiDialog .footer {
    background-color: #bde6fc;
    border-color: #fff;
}

.jqmDrag {
    background: #bde6fc;
    color: #95dafb;
}

.jquiDialogTitle {
    padding: 8px 8px 8px 8px;
    background: #95dafb;
    border-color: #fff;
}

.jquiDialog {
    background-color: #e1f3fd;
    color: #322d33;
    border: 5px solid #2778a3;
}

/* MESSAGES.CSS -------------------- */

.message .meta {
    border-color: #bde6fc;
    color: #888a85;
}

.message .title {
    color: #555753;
}

/* MESSAGES.CSS -------------------- */

/* simple paging list */
.pager, .pager td {
    background: #459ece !important; /* the !important is for the benefit of GridView controls that use paging, do not remove */
    border-color: #459ece;
    color: #e1f3fd;
}

.pager a {
    color: #fff !important;
    border-color: #e1f3fd;
}

.pager a:hover {
    background: #322d33;
    color: #fff;
    text-decoration: none;
}

.pager .page, .pager .curPage, .pager .ellipsis, .pager .disabled {
    border-color: #bde6fc;
}

.pager .curPage, .pager td span {
    background: #e1f3fd;
    color: #322d33;
}

.pager td a, .pager td span {
    border-color: #d3d7cf;
}

/* REPORTTABLE.CSS -------------------- */

table.report thead th {
    background: #0788cc;
    color: #fff !important;
}

table.report tfoot tr.total td, table.report tfoot tr.total th {
    border-color: #e1f3fd;
    background-color: #f4fbff;
}

table.report thead tr.total td, table.report thead tr.total th {
    border-color: #e1f3fd;
    background-color: #f4fbff;
}

table.report tbody td, table.report tbody th {
    border-color: #95dafb;
}

table.report tbody tr.alt {
    background: #e1f3fd;
}

table.report tbody tr.rowHeader th, table.report tbody tr.rowHeader td {
    border-color: #94dafb;
}

table.report span.minor {
    color: #555753;
}

table.report thead th span.minor {
    color: #e1f3fd;
}

table.report thead th.current {
    background-color: #0677bb;
}

table.report tbody td.current {
    border-color: #fce94f;
    background-color: #fffacd;
}

table.report tfoot td.current {
    border-color: #95dafb;
    background-color: #e1f3fd;
}

table.report tbody td.overdue {
    background-color: #fcc;
    color: #c00;
}

table.report tbody td.overdue a {
    color: #c00;
}

table.report tfoot td.overdue {
    background-color: #ecc;
    border-color: #cbb;
    color: #c00;
}

/* SUBTABS.CSS -------------------- */

#SubNav {
    background: #e1f3fd url(img/bg_subtabs.gif) bottom repeat-x;
}

#SubNav li a {
    color: #459ece;
    border-left: 1px solid #fff;
    border-right: 1px solid #95dafb;
    border-top: 1px solid #fff;
}

#SubNav li a:hover {
    background: #bde6f9;
    color: #0788cc;
}

#SubNav a.selected {
    background-color: #fff !important;
    color: #322d33 !important;
    border-right: 1px solid #95dafb;
}

#SubNav a.selected:first-child {
    border-left: none;
}

/* TOOLBAR.CSS -------------------- */

/* TODO: more generic */
.toolbar .description {
    color: #888a85;
}

/* WEBPARTS.CSS -------------------- */

.webpart h2.title, .webpart h3.title, .webpart p.title {
    color: #555753;
    background: #bde6fc;
    border-color: #fff;
}

.webpart .subtitle {
    background: #e1f3fd;
    color: #555753;
    border-color: #bde6fc;
}

.webpart .footer {
    background: #f4fbff;
    color: #555753;
    border-color: #e1f3fd;
}

/* search or filter controls within a webpart */

.webpart .search {
    background: #f4fbff;
    color: #555753;
    border-color: #e1f3fd;
}

/* WIDGETS.CSS -------------------- */

.infoBox {
    background: #f4fbff;
    border-color: #e1f3fd;
}

.infoBox .opt {
    border-color: #e1f3fd;
}

.infoBox.good, .infoBoxGood {
    background: #b9e98b;
    color: #2c7804;
    border-color: #4e9a06;
}

.infoBox.OverDue, .infoBoxOverDue {
    background: #ffeab7;
    color: #ce5c00;
    border-color: #ce5c00;
}

.infoBox.bad, .infoBoxBad {
    background: #f7b0b0;
    color: #c00;
    border-color: #c00;
}

.infoBox.info, .infoBoxInfo {
    background: #bad5f2;
    color: #204a87;
    border-color: #3465a4;
}

.infoBoxGood .opt {
    background: #cffcbe;
}

.infoBoxBad .opt {
    background: #f7e0e0;
}

.infoBoxInfo .opt {
    background: #e4ecf4;
}

.infoBox a {
    color: #125;
}

img.tn, .imgWrap img {
    border-color: #bde6fc;
}

.imgWrap {
    background-color: #f4fbff;
    border-color: #e1f3fd;
}

.bigCounter {
    background-color: #e1f3fd;
}

.caption {
    color: #555753;
}

dl.newsList dt {
    background: #bde6fc;
    border-color: #729fcf;
    color: #555753;
}

dl.newsList dd {
    background: #e1f3fd;
    border-color: #729fcf;
}

dl.newsList .summary {
    border-color: #729fcf;
}

dl.newsList .body {
    background-color: #f4fbff;
}

.functionpanel {
    background-color: #95dafb;
    color: #322d33;
}

.function {
    color: #e1f3fd !important;
}

.togglelbl {
    color: #16b;
}

.notebutt {
    border-color: #459ece;
    background-color: #e1f3fd;
}

.notebutt:link {
    color: #322d33;
}

.notebutt:hover {
    color: #322d33;
}

.linkbutton {
    border-color: #459ece;
    background: #95dafb;
    color: #322d33 !important;
}

.tips {
    border-color: #3465a4;
    background-color: #fffacd;
}

.tips .title {
    background-color: #3465a4;
    color: #fff;
}

.intro, table.report caption {
    background-color: #fffacd;
    border-color: #fce94f;
    color: #555753;
}

.nodata {
    color: #888a85;
    background-color: #e1f3fd;
    border-color: #bde6fc;
}

/* LOGIN PAGE -------------------- */

body#Login {
    background: #fff url(img/login_body_bg.jpg) top center no-repeat;
}

body#Login .login {
    border: 2px solid;
    background: #e1f3fd;
    border-color: #95dafb;
}

body#Accept #Wrapper, body#Accept #UberBrand {
    border-color: #95dafb !important;
    background: #f4fbff;
}

/* NODE SELECTOR  -------------------- */

.selector {
    border-color: #95dafb;
    background: #e1f3fd;
}

.selector-search-text {
    border-color: #95dafb;
}

.selector-browser,
.selector-selection {
    background: #e1f3fd;
    border-color: #95dafb;
}

.selector-multiple-wide .selector-selection {
    background: #95dafb;
}

.selector-selection {
    background: #95dafb;
}

.selector-current-node td {
    background: #f4fbff;
}

.selector-selection-text {
    background: #e1f3fd;
}

.selector table.browser {
    background: #fff;
}

.selector table.browser td {
    border-top-color: #95dafb;
    border-bottom-color: #95dafb;
}

/* SELECTABLE -------------------- */

table.selectable {
    border-color: #95dafb;
}

table.selectable td,
table.selectable th {
    background: #f4fbff;
    border-color: #e1f3fd;
}

table.selectable thead th {
    background: #e1f3fd;
    border-bottom-color: #95dafb;
}

table.selectable td {
    border-bottom-color: #95dafb;
}

td.selector,
table.selectable tr.secondary td,
table.selectable tr.primary td:first-child {
    border-bottom-color: #95dafb;
}

table.selectable tr.secondary td {
    color: #68a;
    border-color: #95dafb !important;
}

div.selectable-scroller {
    border-color: #95dafb;
    background: #f4fbff;
}
