﻿html {
    background:none;
}
body {
    background:url(/Content/images/background.jpg) repeat-x #686767;
}
body #body {
    width:990px;
    margin:0 auto;
    padding-top:25px;
}
body footer {
    background:none;
}
.main-content {
    background:none;
    padding:15px 20px;
    width:900px;
    background:#fff;
    border:1px solid #ccc;
}
iframe {
    margin-top: 20px;
}
/*====================================================
    BUTTONS    
====================================================*/
.previous-button,
.next-button {
        display:block;
        height:38px;
        width:38px;
        padding:0;
        background:url(/Content/images/left_button.png);
}
.next-button {
    background:url(/Content/images/right_button.png);
}
.center-button {
    text-align:center
}
/*====================================================
    MENU    
====================================================*/
#menu .login a {
    color:#00428a;
}
#menu .login a:hover {
    color:#00a2d5;
}
#menucontainer {
    padding:100px;
}
.main-content h2 {
    margin-bottom:15px;
}

.main-content .custom-button, 
#menu .custom-button {
    height:32px;
    line-height:32px;
    color:#555;
    padding:0 18px 0 35px;
    display:inline-block;
    font-size:12px;
    text-decoration:none;
    border:1px solid #B8C8D0;
    border-radius:5px;
    cursor:pointer;
    font-weight:normal;
    margin-right:8px;
}
.main-content a.button,
.main-content a.button-save,
#menu .button,
#menu .button-save {
    background:url(/content/images/button-print.jpg) right;
    border:1px solid #444;
    color:#fff;
    margin-right:10px;
    padding:0 18px;
    border-radius:5px;
    height:30px;
    line-height:30px;
}
.main-content a.active,
#menu a.active {
    background:url(/content/images/button-save.jpg) right;
    color:#333;
    border:1px solid #b7c6d0;
}
#menu .button
{
    margin: 0;
}
.main-content a.button-add {
    background:url(/content/images/button-add.jpg);
}
.main-content input.button-save {
    background:url(/content/images/button-save.jpg);
    padding-bottom:4px;
}

.main-content a.button-excel {
    background:url(/content/images/button-excel.jpg);
    padding:0 10px;
    border:1px solid #9db887;
}
.main-content input.button-excel {
    background:url(/content/images/button-excel.jpg);
    padding: 0px 10px 4px 10px;
}
.main-content .button-print {
    background:url(/content/images/button-print.jpg);
    border:1px solid #444;
    font-family:"Segoe UI",Verdana,Helvetica,Sans-Serif;
    color:#fff;
    margin-right:10px;
}
.main-content button.button-print {
    height:34px;
    vertical-align:bottom;
}
td,
th {
    padding:5px 8px;
    border:1px solid #ccc;
    font-size:14px;
}
th {
    background:#f6f6f6;
}

/*====================================================
    ADMIN PAGE    
====================================================*/

#CompletedApplications table {
    margin:0; 
}
#CompletedApplications .t-grid-filter {
    margin:-18px 0 0 0;
    padding:0;
}
#CompletedApplications .t-grid-header .t-header .t-link {
    font-size:14px;
    color:#444;
    font-weight:normal;
}
#CompletedApplications .t-status a {
    padding:0;
}

/*====================================================
    ADMIN PAGES    
====================================================*/
#admin-table {
    border:1px solid #A7BAC5;
}
#admin-table th {
    background:url(/content/2012.2.607/vista/sprite.png) repeat-x scroll 0 -852px #A6D9F4;
    font-size:14px;
    color:#444;
    font-weight:normal;
    font-size:14px;
    border:1px solid #A7BAC5;
    padding:4px 7px;
}
#admin-table td {
    background:#fff;
    padding:4px 7px;
    font-size:12px;
}
#admin-table .even-row td {
    background:#f7f7f7;
}
#admin-table td + td {
    border-left:1px solid #DDD ;
    padding:4px 7px;
}
.edit-icon {
    display:block;
    width:26px;
    height:26px;
    background:url(/content/images/ui-icons.png) 0 -52px;
    text-indent:-8000px;
    padding:0;
    margin:0;
    float:left;
}
.view-icon {
    display:block;
    width:26px;
    height:26px;
    background:url(/content/images/ui-icons.png) 0 -26px;
    text-indent:-8000px;
    padding:0;
    margin:0;
    float:left;
}
.delete-icon {
    display:block;
    width:26px;
    height:26px;
    background:url(/content/images/ui-icons.png) 0 0;
    text-indent:-8000px;
    padding:0;
    margin:0 0 0 5px;
    float:left;
}
input[type="text"] {
    height:32px;
    width:200px;
    line-height:32px;
    color:#444;
    padding:0 10px;
    font-size:12px;
    border:1px solid #ddd;
    font-family:"Segoe UI",Verdana,Helvetica,Sans-Serif;
}
input[type="text"]:disabled {
    background:#f3f3f3;
}
form label {
    font-weight:normal;
    font-size:14px;
}

/*====================================================
    FIELD LAYOUT    
====================================================*/
.field-column {
    display:inline-block;
    width:450px;
    vertical-align:top;
    margin-right:40px;
}
.field-column + .field-column {
    margin:0;
}
.field-wrapper {
    padding-top:15px;
    border-top:1px dashed #ddd;
    min-height:75px;
}
.button-wrapper {
    padding-top:15px;
    margin-top:15px;
    border-top:1px dashed #ddd;
    padding-bottom:6px;
}