﻿/*GridViewCSS White Chrome Style*/
.GridViewStyle {
    /*font-family: Arial, Sans-Serif;*/
    table-layout: auto;
    border-collapse: collapse;
    border: 1px solid #D9D9D9;
    font-size: 12px;
    /*font-weight:bold;*/
}
/*Header and Pager styles*/
.HeaderStyle, .SubColumnsHeaderStyle, .PagerStyle /*Common Styles*/ {
    /*font-size:larger;*/
    background-image: url(Images/HeaderWhiteChrome.jpg);
    background-position: center;
    background-repeat: repeat-x;
    background-color: #fff;
    border-bottom: solid 1px #0F204B;
}

    .HeaderStyle th {
        color: #0F204B;
        padding: 5px 5px;
        font-size: 14px;
    }

    .HeaderStyle .actioncolumn {
        border-left: 1px solid #D9D9D9;
    }

    .HeaderStyle a {
        color: #0F204B;
        text-decoration: none;
    }

.FooterStyle td {
    background: #555;
    padding: 5px 5px;
    color: #000;
    font-size: 12px;
    vertical-align: top;
}

.FooterStyle a {
    color: #39537f;
    text-decoration: none; /*font-weight:bold;*/
}

.PagerStyle table {
    text-align: center;
    margin: auto;
}

    .PagerStyle table td {
        border: 0px;
        padding: 2px;
    }

.PagerStyle td {
    border-top: #999999 1px solid;
}

.PagerStyle a {
    display: inline-block;
    padding: 5px 10px;
    color: #333;
    border: 1px solid #bbb;
    background: url(../images/buttonbg5.png) repeat-x bottom left;
}

.PagerStyle a {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.PagerStyle a {
    -moz-box-shadow: 1px 1px 0 #f7f7f7;
    -webkit-box-shadow: 1px 1px 0 #f7f7f7;
    box-shadow: 1px 1px 0 #f7f7f7;
}

    .PagerStyle a:hover {
        -moz-box-shadow: inset 1px 1px 3px #eee;
        -webkit-box-shadow: inset 1px 1px 3px #eee;
    }

    .PagerStyle a:hover {
        text-decoration: none;
        background: #eee;
        box-shadow: inset 1px 1px 3px #eee;
    }

    .PagerStyle a.disabled {
        color: #999;
        border: 1px solid #ccc;
    }

        .PagerStyle a.disabled:hover {
            background: url(../images/buttonbg5.png) repeat-x bottom left;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

.PagerStyle td span {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.PagerStyle td span {
    display: inline-block;
    padding: 5px 10px;
    background: #333 url(../images/buttonbg3.png) repeat-x top left;
    color: #fff;
    border: 1px solid #405a87;
}

.PagerStyle td span {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*RowStyles*/
.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td /*Common Styles*/ {
    padding: 5px;
    vertical-align: top;
    text-align: left;
}

.RowStyle .actioncolumn, .AltRowStyle .actioncolumn {
    border-left: 1px solid #D9D9D9;
}

.RowStyle td {
    border-top: 1px solid #eee;
    background-color: #fff;
    color: #595959;
}

.AltRowStyle td {
    border-top: 1px solid #eee;
    background-color: #fff;
    /*background-color: #f6fbff;*/
    color: #595959;
}

.SelectedRowStyle td {
    background-color: #eee;
}

.RowStyle a, .AltRowStyle a {
    cursor: pointer;
}

.TextBoxStyle {
    font-size: 12px;
    padding: 8px 5px;
    border: 1px solid #ccc;
    background: #fcfcfc;
    outline: none;
}

.TextBoxStyle {
    -moz-box-shadow: inset 1px 1px 3px #ccc;
    -webkit-box-shadow: inset 1px 1px 3px #ccc;
    box-shadow: inset 1px 1px 3px #ccc;
}

.TextBoxStyle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-right: 10px;
    margin-bottom: 3px;
}

.TextBoxStyle {
    background: #fff;
}


/***MAIN CONTENT: BUTTONS(elements.html)***/
button.button {
    padding: 7px 15px;
    font-size: 12px;
    display: inline-block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -border-radius: 3px;
}

button.button {
    -moz-box-shadow: 1px 1px 2px #eee;
    -webkit-box-shadow: 1px 1px 2px #eee;
    -box-shadow: 1px 1px 2px #eee;
    cursor: pointer;
}

    button.button:hover, .button:active {
        background-position: 0 -39px;
    }

.anchorbutton {
    padding: 7px 15px;
    font-size: 12px;
    display: inline-block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -border-radius: 3px;
}

.anchorbutton {
    -moz-box-shadow: 1px 1px 2px #eee;
    -webkit-box-shadow: 1px 1px 2px #eee;
    -box-shadow: 1px 1px 2px #eee;
    cursor: pointer;
}

    .anchorbutton:hover, .anchorbutton:active {
        background-position: 0 -39px;
        text-decoration: none;
    }

.button_white {
    border: 1px solid #ccc;
    background: #eee url(../images/buttons/button_white.png) repeat-x top left;
    -text-shadow: 1px 1px #f7f7f7;
    color: #333;
}

    .button_white:active {
        -moz-box-shadow: inset 2px 2px 2px #ccc;
        -webkit-box-shadow: inset 2px 2px 2px #ccc;
        -box-shadow: inset 2px 2px 2px #ccc;
    }

.button_blue {
    border: 1px solid #39537f;
    background: #eee url(../images/buttons/button_blue.png) repeat-x top left;
    -text-shadow: 1px 1px #39537f;
    color: #fff;
}

    .button_blue:active {
        -moz-box-shadow: inset 2px 2px 2px #12274c;
        -webkit-box-shadow: inset 2px 2px 2px #12274c;
        -box-shadow: inset 2px 2px 2px #12274c;
    }

.button_black {
    border: 1px solid #333;
    background: #333 url(../images/buttons/button_black.png) repeat-x top left;
    -text-shadow: 1px 1px #333;
    color: #fff;
}

    .button_black:active {
        -moz-box-shadow: inset 2px 2px 2px #12274c;
        -webkit-box-shadow: inset 2px 2px 2px #12274c;
        -box-shadow: inset 2px 2px 2px #12274c;
    }

.button_red {
    border: 1px solid #b22407;
    background: #333 url(../images/buttons/button_red.png) repeat-x top left;
    -text-shadow: 1px 1px #b22407;
    color: #fff;
}

    .button_red:active {
        -moz-box-shadow: inset 2px 2px 2px #b22407;
        -webkit-box-shadow: inset 2px 2px 2px #b22407;
        -box-shadow: inset 2px 2px 2px #b22407;
    }

.button_yellow {
    border: 1px solid #c67601;
    background: #333 url(../images/buttons/button_yellow.png) repeat-x top left;
    -text-shadow: 1px 1px #c67601;
    color: #fff;
}

    .button_yellow:active {
        -moz-box-shadow: inset 2px 2px 2px #c67601;
        -webkit-box-shadow: inset 2px 2px 2px #c67601;
        -box-shadow: inset 2px 2px 2px #c67601;
    }

.button_green {
    border: 0px solid #507e0c;
    background: #333 url(../images/buttons/button_green.png) repeat-x top left;
    -text-shadow: 1px 1px #507e0c;
    color: #fff;
}

    .button_green:active {
        -moz-box-shadow: inset 2px 2px 2px #507e0c;
        -webkit-box-shadow: inset 2px 2px 2px #507e0c;
        -box-shadow: inset 2px 2px 2px #507e0c;
    }

.button_brown {
    border: 1px solid #574128;
    background: #333 url(../images/buttons/button_brown.png) repeat-x top left;
    -text-shadow: 1px 1px #574128;
    color: #fff;
}

    .button_brown:active {
        -moz-box-shadow: inset 2px 2px 2px #574128;
        -webkit-box-shadow: inset 2px 2px 2px #574128;
        -box-shadow: inset 2px 2px 2px #574128;
    }

.button_lblue {
    border: 1px solid #7197bd;
    background: #333 url(../images/buttons/button_lblue.png) repeat-x top left;
    -text-shadow: 1px 1px #fff;
    color: #2161a0;
}

    .button_lblue:active {
        -moz-box-shadow: inset 2px 2px 2px #7197bd;
        -webkit-box-shadow: inset 2px 2px 2px #7197bd;
        -box-shadow: inset 2px 2px 2px #7197bd;
    }


.SubColumnsHeaderStyle a {
    color: #808080;
    padding: 5px 5px;
    font-size: 10px;
    font-weight: normal;
}

.SubColumnsHeaderStyle th {
    padding: 5px 5px;
    border-bottom: 1px solid black;
}

.SubColumnsRowStyle a {
    color: #808080;
    font-size: 10px;
}

.SubColumnsRowStyle td /*Common Styles*/ {
    padding: 5px 10px;
    vertical-align: top;
    border-bottom: 1px solid #e6e6e6;
}
