/* Main colors:
        red #484f54
        pale green #b0d115
    dark green #859c17
        143d8d matches with efefef
 */

@font-face {
        font-family: 'Roboto Condensed';
        src: url('../../default/fonts/RobotoCondensed/RobotoCondensed-Regular.ttf');
}

@font-face {
        font-family: 'Roboto Condensed-Bold';
        src: url('../../default/fonts/RobotoCondensed/RobotoCondensed-Bold.ttf');
        font-weight: bold;
}

@font-face {
        font-family: 'Roboto Condensed-Light';
        src: url('../../default/fonts/RobotoCondensed/RobotoCondensed-Light.ttf');
}

@font-face {
        font-family: 'Roboto Condensed-Italic';
        src: url('../../default/fonts/RobotoCondensed/RobotoCondensed-Italic.ttf');
}

@font-face {
        font-family: 'Roboto Condensed-LightItalic';
        src: url('../../default/fonts/RobotoCondensed/RobotoCondensed-LightItalic.ttf');
}

/* --------- Setting up content containers ---------  */

#headercontainer {
        background-color: #484f54;
}

#sectioncontainer, #bannercontainer {
        padding: 0 15px;
}

#sectioncontainer {
        min-height: 550px;
        -webkit-box-shadow: 3px 3px 15px 0px rgba(188,187,186,0.5);
        -moz-box-shadow: 3px 3px 15px 0px rgba(188,187,186,0.5);
        box-shadow: 3px 3px 15px 0px rgba(188,187,186,0.5);
        background-color: #ffffff;
}

/* ---------- Menu stuff ---------- */

#menucontainer, #submenucontainer {
    background-color: black;
}

#submenucontainer {
    background-color: #787878;
}

/* --------- General links --------- */

a {
       // color: #484f54;
       color: #669999;
      // color: #7cb5ec;
}

/* -------- table layout -------- */

td.NameSalesMan {
    width: 120px;
}



/* ---------- Defining common elements ---------- */

.lsfbg{
     background-color:#484f54 !important;
}
.lsfcol{
     color:#484f54 !important;
}

h1 {
        font-family: 'Roboto Condensed-Light', Arial, sans-serif;
        font-size: 220%;
}

h2 {
        font-family: 'Roboto Condensed-Light', Arial, sans-serif;
        font-size: 180%;
}

h3 {
        font-family: 'Roboto Condensed-Light', Arial, sans-serif;
        font-size: 140%;
}

h4 {
        font-family: 'Roboto Condensed-Light', Arial, sans-serif;
        font-size: 120%;
}

h1.logo {
        font-family: OpenSans-Light, sans-serif;
        text-transform: lowercase;
}

h1.logo b {
        font-family: OpenSans-Bold, sans-serif;
}

.subtitle {
        color: #999999;
        font-size: 60%;
        font-family: 'Roboto Condensed-Italic', Arial, sans-serif;
}
span.clubname, span.userfullname {
     color: #484f54;
    }

div.townDashboard {
 display: inline-block;
    padding: 10px 10px 0px 10px;
    border: 1px solid #cccccc;
    border-radius: 8px;
    margin-top: 10px;
    width: 350px;
    text-align: center;
    }

 div.townDashboard2 {
 display: inline-block;
    padding: 10px 10px 0px 10px;
    border: 1px solid #cccccc;
    border-radius: 8px;
    margin-top: 10px;
    width: 350px;
    text-align: center;
    }
 div.townDashboardmain {
 display: inline-block;
   // padding: 0px 10px 0px 10px;
    border: 0px solid yellow;
   // border-radius: 8px;
   // margin-top: 10px;
    width: 350px;
    //text-align: center;
    }

/* ---------- MIS menu button options ---------- */

.activeMenuButton, .inactiveMenuButton {
        padding: 0 5px 0 0;
        text-transform: uppercase;
}

.activeMenuButton a, .inactiveMenuButton a, .inactiveMenuButton input.submit, .inactiveMenuButton input.submit {
        background-color: black;
        color: white;
        background-image: none;
        border: 0;
}

.activeMenuButton a:hover, .inactiveMenuButton a:hover, .inactiveMenuButton input.submit:hover, .inactiveMenuButton input.submit:hover {
        color: #cccccc;
}

.activeMenuButton a:link, .activeMenuButton a:visited, .inactiveMenuButton input.submit:visited, .inactiveMenuButton input.submit:visited {
        background-color: #484f54;
        background-image: none;
        border: 0;
}

div.numberedLinks a {
        color: #484f54;
}

div.numberedLinks a:hover {
        color: #000000;
}

/* ---------- Colours of text ---------- */

.blue {
        color: #0000FF;
}

.red {
        color: #FF0000;
}

.highlightHoverOn {
        background-color: #efefef;
}

.highlightHoverOff {
        background-color: white;
}

/* ---------- Images ---------- */

img.homeChart {
        width: 100%;
}

/* ---------- Footer ---------- */

#footercontainer {
        border-top: 0;

     //background-color: #76232F;
     background-color: #5f5f5f;

        width: 100%;
        margin-top: 0;
}

.footerContent {
        color: #ffffff;
        text-align: left;
}

.footerContent a {
        color: #ffffff;
}

.footerContent a:hover {
        color: #cccccc;
}

/* ---------- Generate lists ---------- */

table.lowCost td, table.managed td, table.partner td {
        width: 170px;
        font-family: 'Open Sans', Arial, sans-serif;
}

.leftTable {
        float: left;
}

table.status td.label {
        width: 190px;
}

/* ---------- Monthly figures ---------- */

div.overflow {
        margin-top: 60px;
}

div.fixed {
        border-top: 1px solid #efefef;
        border-bottom: 1px solid #efefef;
        background-color: white;
}

div.lineBelow.beforeFixed {
        border-bottom: 1px solid white;
}

div.longReport
        overflow: auto;
        margin-top: 100px;
}

/* ---------- User queries ---------- */

textarea {
        width: 400px;
        height: 350px;
}

.columnsWide2 {
        max-width: 800px;
}

.butbig, .butsmall{
// background-color:#999999;
 background: linear-gradient(to top, #ffffff, #cccccc);
 color:#222222;
 cursor:pointer;
 border-radius:8px;
 border:1px solid silver;
}
.butbig{
 font-size:12px;
}
.butsmall{
 font-size:10px;
}

/* ---------- */