body {
    font-family: Calibri, Tahoma;
    font-size: 11px;
    margin: 0px;
    background-image: url('../../images/bg.png');
    background-repeat: repeat;
    background-color: #FFFFFF;
}

input[type="button"], input[type="submit"] {
    border: 0;
    outline: none;
    padding: 6px 9px;
    margin: 2px;
    cursor: pointer;
    font-family: 'PTSansRegular', Arial, Helvetica, sans-serif; /* CSS 3 */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    height: 30px!important;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.15);
    -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.15);
    -khtml-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.15);
    /*background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5a5858), color-stop(100%, #464646));
    background-image: -webkit-linear-gradient(#5a5858,#464646);
    background-image: -moz-linear-gradient(#5a5858,#464646);
    background-image: -o-linear-gradient(#5a5858,#464646);
    background-image: linear-gradient(#5a5858,#464646);*/

    background-color: #5D7B9D;
	color: #fff;
	text-shadow: none;
	border: 1px solid #5D7B9D;
	/*background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #000), color-stop(100%, #5D7B9D));
	background-image: -webkit-linear-gradient(#000,#5D7B9D);
	background-image: -moz-linear-gradient(#000,#5D7B9D);
	background-image: -o-linear-gradient(#000,#5D7B9D);
	background-image: linear-gradient(#000,#5D7B9D);*/
}

    button[disabled]:active, button[disabled],
    input[type="reset"][disabled]:active,
    input[type="reset"][disabled],
    input[type="button"][disabled]:active,
    input[type="button"][disabled],
    select[disabled] > input[type="button"],
    select[disabled] > input[type="button"]:active,
    input[type="submit"][disabled]:active,
    input[type="submit"][disabled] {
        /*padding: 0px 6px 0px 6px;
        border: 2px outset ButtonFace;
        background-color: #cccccc;
        color: #555353;
        cursor: inherit;
        background-color: #e0e0e0;*/
        color: #aaaaaa;
        cursor: auto;
        text-shadow: none;
        border: 1px solid #a0a0a0;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        -o-box-shadow: none !important;
        box-shadow: none !important;
    }

input[type='text'] {
    border: 1px solid #bbbbbb;
     padding: 3px;
    border-radius:3px;
    padding: 2px;
    height: 18px;
}

select {
    border: 1px solid #bbbbbb;
    padding: 2px;
    border-radius:3px;
    height:22px;
    cursor: pointer;
}

.error {
    position: absolute;
    display: none;
    top: 5px;
    right: 5px;
    color: #ffffff;
    width: 450px;
    border: 2px solid #cccccc;
    border-radius: 5px 5px 5px 5px;
    background-color: #990033;
    padding: 5px;
    font-size: 15;
}
/* login screen */
.logintable {
    border: 1px solid #003399;
    background-color: #D7E1E1;
    width: 400px;
    font-family: Calibri, Tahoma;
    font-size: 12px;
}

.logintableheader {
    background-color: #003399;
    color: White;
    font-weight: bold;
    text-align: center;
}

.logingridData {
    font-family: Calibri, Tahoma;
    font-size: 11px;
    margin: 0px;
}

.logintablecell {
    text-align: right;
}


/* end login screen */


/* menu classes */

.toggler {
    width: 200px;
    height: 400px;
}

#slide {
    width: 240px;
    height: 135px;
    padding: 0.4em;
}

    #slide h3 {
        margin: 0;
        padding: 0.4em;
        text-align: center;
    }

.PageTitle {
    position: absolute;
    top: 8px;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    width: 85%;
    color: #003366;
}

.modalBackground {
    background-color: Gray;
}

.modalPopup {
    background-color: #99CCFF;
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}

.editorbody {
    background-color: White;
    font-family: Tahoma;
    font-size: 11px;
    margin: 1px;
}

/* end menu classes */


/* home page */
.maincontent {
    border: 1px solid #006699;
    margin: 10px;
    padding: 10px;
    position: absolute;
    top: 144px;
    background-color: #FFFFFF;
    width: 99%;
    /*height: 99%;*/
    left: 0px;
    border-raduis: 5px;
}


/* end home page */

.dock {
    position: relative;
    height: 50px;
    text-align: center;
    overflow: hidden;
}

.dock-container {
    position: absolute;
    width: 160%;
    top: -2px;
    left: -3px;
    height: 50px;
}

.dock-item {
    float: left;
    /*width: 60px;*/
    color: Black;
    margin-left: 5px;
    text-decoration: none;
    height: 50px;
    font: 11px Callibri,Tahoma,Verdana,Arial;
    padding-right: 4px;
    padding-left: 4px;
    padding-top: 1px;
    cursor: pointer;
}

.dock-itemhover {
    float: left;
    /*width: 60px;*/
    color: Black;
    margin-left: 5px;
    text-decoration: none;
    height: 20px;
    font: 11px Callibri,Tahoma,Verdana,Arial;
    padding-right: 4px;
    padding-left: 4px;
    padding-top: 1px;
    cursor: pointer;
    background-image: url('../../images/SmallRibbonButtonItemHover.gif');
}

.dock-item img {
    border: none;
    vertical-align: text-bottom;
}

.dock-itemhover img {
    border: none;
    vertical-align: text-bottom;
}

.scrollbox {
    overflow: auto;
}

.quicksearchimage {
    cursor: pointer;
    vertical-align: top;
    border: none;
    height: 12px;
    width: 12px;
}

#simplemodal-overlay {
    background-color: #000;
}

#simplemodal-container {
    background-color: #333;
    border: 2px solid grey;
    padding: 2px;
}