/*
 CSS Document
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body {
    width:100%;
    background:url(../images/bg.jpg) white repeat-x;
    background-position: 0 -50px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:black;
    line-height:2em;
    padding:0 10px 0;
}

#mainContainer {
    width:100%;
    float:none;
}

h1 {
    font-size:30px;
    color:#ffffff;
    text-align: center;
    vertical-align: middle;
    height: 50px;
    margin:10px 0;
    width: 100%;
}

h2 {
    margin:15px 0;
    font-size: 20px;
    color:#f37321;
}

.title {
    color:white;
    margin-top:25px;
    margin-bottom:30px;
    clear:both;
    height:50px;
    float:left;
    position:relative;
    text-align:right;
    width:100%;
}

.headerBlock {
    position:relative;
    color:#08579b;
    font-weight:bold;
}

.left { float:left }
.right { float: right }

#mainContent {
    float:none;
    position:relative;
    margin:10px auto 0;
}

#mainContent a,
#mainContent a:visited,
#mainContent a:link,
#mainContent a:active{
    text-decoration: none;
    color: #08579b;
}

#mainContent a:hover { text-decoration:underline; color:#0098d5; }

.errorMessage {
    font-weight:bold;
    color:red;
    font-size:1.5em;
}

.cit_form {
    width:auto;
    float:left;
    position:relative;
    clear:both;
    border:1px #999 solid;
    padding:20px;
    margin:10px 0;
}

.cit_form label {
    float:left;
    clear:both;
    font-weight:bold;
}

.cit_form input {
    float:left;
    clear:both;
    margin:.125em 0;
}

#footer {
    width:100%;
    float:left;
    position:relative;
    clear:both;
    text-align:center;
}

#footer hr { border:1px #ccc solid; }

#breadcrumbs {
    float:left; width:100%;margin:0 0 1em;
}

.textNote {
    font-size:9px;
    color:#999;
}

form label {
    width:120px;
    float:left;
}

.fullWidth { width:100%; }

#btnSave {
    height:45px;font-size:15px;font-weight:bold;
    float:left; position:relative;
}

#btnSend {
    height:45px;font-size:15px;font-weight:bold;
    float:right; position:relative;
}

/* ******* Index page ******* */
#main_menu_block {
    float:none;
    margin:10px auto;
    width:500px;
    clear:both;
}

#main_menu_block ul, li {
    text-decoration:none;
    list-style-type:none;
    font-size: 1.2em;
    line-height: 1.75em;
    width:100%;
}

#main_menu_block a, #main_menu_block a:link, #main_menu_block a:active, #main_menu_block a:visited { width:100%; display: block; }
#main_menu_block a:hover { background-color:#CCC; color:#FFF; font-weight:bold; }


/* ************************** */

@media only screen and ( min-width: 960px ) {
    #header, #mainContent {
        width:960px;
    }
}

@media only screen and ( max-width: 479px ) {
    #header {
        width:100%;
        background-position:center-top;
    }

    #mainContent { width:100%; }

    .title { margin:110px 0 0 0; text-align:center; height:35px; }
    .headerBlock { float:left; width:100%; }
    .left, .right { text-align:center; }

    form label {
        width:auto;
        float:left;
    }

    #btnSave, #btnSend {
        float:left; width:100%;;
    }
}