html {
    background-repeat: no-repeat;
    background-color: #fff;
    margin: 0;
    padding: 0;
}

body {
    font-family: "Segoe UI", "Segoe WP", "Helvetica Neue", 'RobotoRegular', sans-serif;
    font-size: 12px;
    width: 1050px;
    margin: 0 auto;
    padding: 30px 40px 40px 40px;
    background-color: #fff;
}

img {
    border: 0;
}

header, footer, nav, section {
    display: block;
}

textarea {
    background-color: white;
    color: #777;
    padding: 2px .3em;
    height: 2.12em;
    line-height: 1.6em;
    border: 1px #DADADA solid;
    font-family: 'Segoe UI', 'Segoe WP', 'Helvetica Neue', 'RobotoRegular', sans-serif;
    font-size: 12px;
}

.header {
    width: 100%;
}
.header-main {
    width: 100%;
    margin: 0 auto;
}

.header-logo {
    float: left;
    width: 240px;
    height: 75px;
}

.header-profile {
    float: right;
    text-align: right;
    width: 750px;
    color: #777;
}

.header-nav {
    clear: both;
    float: left;
    width: 100%;
    font-size: 10pt;
    border-bottom: 1px #DBDBDB solid;
}

ul#navigation-links {
    width: 100%;
    height: 20px;
    text-align: justify;
    padding: 0;
    margin-bottom: 10px;
}

    ul#navigation-links li {
        float: none;
        position: relative;
        white-space: nowrap;
        display: inline-block;
        margin-right: 25px;
    }

        ul#navigation-links li a {
            color: #333;
            font-size: 14px;
            text-decoration: none;
        }

            ul#navigation-links li a:hover {
                color: #339933;
            }

.header-subnav {
    clear: both;
    float: left;
    width: 100%;
    margin: 0 auto;
    color: #2A2A2A;
    padding: 5px 0px 10px 0px;
}

.content {
    clear: both;
    width: 100%;
    margin: 0 auto;
}

.content-title {
    float: left;
    width: 60%;
    margin-bottom: 20px;
}

.content-buttons {
    float: right;
    width: 40%;
    text-align: right;
    margin-bottom: 20px;
}

.content-text {
    clear: both;
    float: left;
    width: 100%;
    margin-top: 20px;
}

.content-text-left {
    clear: both;
    float: left;
    width: 25%;
    margin-top: -17px;
    margin-right: 10px;
}

.content-text-center {
    float: left;
    width: 70%;
}

.footer { 
    clear: both;
    width: 100%;
    margin: 0px auto;
    color: #727272;
    font-size: 11px;
    border-top: 1px #ccc solid;
}

    .footer-left { 
        float: left;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    
    .footer-right {
        float: right;
        text-align: right;
        margin-top: 10px;
        margin-bottom: 20px;
    }

/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Segoe UI Light", "Segoe UI", "Helvetica Neue", 'RobotoLight', "Segoe WP", sans-serif;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 0px;
}

h1 {
    font-size: 42px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 28px;
}

h4, h5, h6 {
    font-weight: normal;
    text-transform: uppercase;
}

a {
    color: #339933;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

pre {
    padding: 15px;
    border: 1px solid #aaaaaa;
    background: #fafafa;
}

code {
    background: #fafafa;
    border: 1px solid #aaaaaa;
    padding-left: 5px;
    padding-right: 5px;
}

.clear {
    clear: both;
}

/* COLORS */

.accent, .blue {
    color: #2672B8;
}

.white {
    color: #FFF;
}

.black {
    color: #000;
}

.brown {
    color: #A05000;
}

.green {
    color: #339933;
}

.lime {
    color: #8CBF26;
}

.magenta {
    color: #FF0097;
}

.orange {
    color: #F09609;
}

.pink {
    color: #E671B8;
}

.purple {
    color: #A200FF;
}

.red {
    color: #E51400;
}

.teal {
    color: #00ABA9;
}

/* BACKGROUND */

.bluebg {
    background-color: #1BA1E2;
}

.whitebg {
    background-color: #FFF;
}

.blackbg {
    background-color: #000;
}

.brownbg {
    background-color: #A05000;
}

.greenbg {
    background-color: #339933;
}

.limebg {
    background-color: #8CBF26;
}

.magentabg {
    background-color: #FF0097;
}

.orangebg {
    background-color: #F09609;
}

.pinkbg {
    background-color: #E671B8;
}

.purplebg {
    background-color: #A200FF;
}

.redbg {
    background-color: #E51400;
}

.tealbg {
    background-color: #00ABA9;
}

/* BACKGROUND IMAGE */

.homebg {
    background-image: url('../Content/Icons/home.png');
}

.commercialbg {
    background-image: url('../Content/Icons/commercial.png');
}

.officebg {
    background-image: url('../Content/Icons/office.png');
}

.marketingbg {
    background-image: url('../Content/Icons/marketing.png');
}

.raportbg {
    background-image: url('../Content/Icons/raport.png');
}

.transactionbg {
    background-image: url('../Content/Icons/hometransaction.png');
}

.mlsbg {
    background-image: url('../Content/Icons/mls.png');
}

.homesbg {
    background-image: url('../Content/Icons/homes.png');
}

.buyermatchbg {
    background-image: url('../Content/Icons/buyermatch.png');
}

.agentaddbg {
    background-image: url('../Content/Icons/agent_add.png');
}

.agentsbg {
    background-image: url('../Content/Icons/agents.png');
}

.contractsbg {
    background-image: url('../Content/Icons/contracts.png');
}

.crbg {
    background-image: url('../Content/Icons/cr.png');
}

.importbg {
    background-image: url('../Content/Icons/import.png');
}

.invoicesbg {
    background-image: url('../Content/Icons/invoices.png');
}

.messagesbg {
    background-image: url('../Content/Icons/messages.png');
}

/* LIST */

ul.metro-list, ol.metro-list {
    padding: 0;
}

    ul.metro-list li, ol.metro-list li {
        display: block;
        list-style-type: none;
        border-left: solid 30px #1BA1E2;
        height: 20px;
        list-style-position: inside;
        margin: 10px 0;
        padding: 5px;
    }

ul.metro-list {
    overflow: hidden;
}

ol.metro-list {
    text-indent: -25px;
    counter-reset: item;
}

    ol.metro-list li:before {
        color: white;
        margin-right: 25px;
        content: counter(item) "  ";
        counter-increment: item;
    }
    
/* TILE */

.tile {
    -webkit-perspective: 0;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: -webkit-transofrm 0.2s;
    float: left;
    text-align: right;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px;
    opacity: 0.75;
    background-repeat: no-repeat;
    background-position: left bottom;
}

    .tile h1, .tile h2, .tile h3, .tile h4, .tile h5, .tile h6 {
        color: #FFF;
        -webkit-user-select: none;
    }

    .tile h2 {
        margin-top: 5px;
        margin-right: 15px;
        color: #FFF;
        font-size: 30px;
        font-weight: lighter;
    }

    .tile a:hover {
        text-decoration: none;
    }

    .tile img {
        border: 0;
    }

    .tile:hover {
        opacity: 1;
    }

.tiles {
    clear: both;
}

    .tiles a {
        text-decoration: none;
    }

.tilerow {
    float: left;
    -webkit-perspective: 0;
    -webkit-transform-style: preserve-3d;
    -webkit-user-select: none;
}

.one {
    width: 130px;
    height: 130px;
}

.two-h {
    width: 280px;
    height: 130px;
}

.two-v {
    width: 130px;
    height: 280px;
}

.firstcol, .secondcol, .thridcol, .fourthcol, .fifthcol, .sixthcol, .seventhcol {
    position: absolute;
}

.firstcol { }

.secondcol {
    margin-left: 150px;
}

.thirdcol {
    margin-left: 300px;
}

.fourthcol {
    margin-left: 450px;
}

.fifthcol {
    margin-left: 600px;
}

.sixthcol {
    margin-left: 750px;
}

.seventhcol {
    margin-left: 900px;
}

/* PIVOT */

/* FORM COLUMNS */

.tabstrip a {
    color: #777;
    text-decoration: none;
}

label {
    display: inline-block;
    width: 200px;
    text-align: left;
}

.formContent {
    overflow: auto;
	padding: 20px 30px 20px 30px;
}

    .formContent ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    
    .formContent li {
        margin: 10px 0 0 0;
    }

.formRow {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.leftcolumn {
    float: left;
    width: 50%;
}

.rightcolumn {
    float: left;
    width: 50%;
}

    .leftcolumn label, .rightcolumn label {
        width: 200px;
        text-align: left;
    }

.formContent h4 {
    margin-bottom: 20px;
}

span.k-tooltip
{
    margin-left: 203px;
    margin-top: 5px;
    padding: 5px;
}

.gridToolbar {
    margin-right: .8em;
    margin-bottom: 20px;
}

/* LAYOUT BUTTONS */

a#goback-button { background-image: url('../Content/Icons/leftarrow.png'); background-repeat: no-repeat; display: block; float: left; width: 32px; height: 32px; margin-top: 15px; margin-right: 20px; vertical-align: bottom; }
a#addnew-button, a#update-button, a#addnew-standardbutton, a#update-standardbutton { background-image:url('../Content/Icons/add.png'); background-repeat: no-repeat; background-position: right; display: block; float: right; font-size: 18px; text-transform: uppercase; padding-right: 40px; padding-top: 6px; height: 32px; margin-top: 16px; margin-right: 10px; }
a#edit-button { background-image:url('../Content/Icons/edit.png'); background-repeat: no-repeat; background-position: right; display: block; float: right; font-size: 18px; text-transform: uppercase; padding-right: 40px; padding-top: 6px; height: 32px; margin-top: 16px; }
a#addnew-button:hover, a#update-button:hover, a#addnew-standardbutton:hover, a#update-standardbutton:hover, a#edit-button:hover { text-decoration: none; }