html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 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, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, embed, figure, figcaption, footer, header,  nav, output, ruby, section, time, mark, audio, video  {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
}
#page {
margin-left : auto;
margin-right : auto;
}
h2 {
font-family : Sans-Serif;
}
#top_menu {
 /*font-family : Verdana; */
}
h1 {
font-family : Verdana;
}

ul { list-style: inside }

ul li {
    margin: 0px;
    padding: 0px;
    text-indent: -1em;
    margin-left: 1em;
}

.desc { color:#6b6b6b;}
.desc a {color:#0092dd;}

.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
.dropdown dd { position:relative; }
.dropdown a, .dropdown a:visited { color:#816c5b; text-decoration:none; outline:none;font-size:16px; font-weight:bold; font-family: sans-serif;}
.dropdown a:hover { color:#5d4617;}
.dropdown dt {
 height: 20px;cursor: pointer ;
 background:#e4dfcb url(images/dd_arrow.png) no-repeat scroll right center;
 display:block;
 padding-right:20px;
 border:1px solid #d4ca9a;
 width:40px;
 padding-top:4px;
 overflow:hidden;
 margin-left:0px;
}
.dropdown dt a:hover, .dropdown dt a:focus { color:#5d4617; border: 1px solid #5d4617;}
/*.dropdown dt a {background:#e4dfcb url(images/dd_arrow.png) no-repeat scroll right center; display:block; padding-right:20px;
                border:1px solid #d4ca9a; width:150px;}
.dropdown dt a span {cursor:pointer; display:block; padding:5px;} */
.dropdown dd ul        { background:#e4dfcb none repeat scroll 0 0; border:1px solid #d4ca9a; color:#C5C0B0; display:none;
                         left:0px; padding:5px 0px; position:absolute; top:2px; width:auto; min-width:150px; list-style:none;}
.dropdown span.value   { display:none;}
.dropdown dd ul li     { font-family: arial; font-size:16px; font-weight:bold; height: 30px;cursor:pointer}
.dropdown dd ul li span{ margin-top: 3px; color: #004}
.dropdown dd ul li a   { padding:5px; display:block;}
.dropdown dd ul li a:hover { background-color:#d0c9af;}

.dropdown img.flag { border:none; clear:left;vertical-align:middle; float:left; margin-left:0px; margin-right:10px; margin-top:-8px;}
/* .flagvisibility { display:none;} */

a.homebutton {
    color:#fff;
    background-color: #008801;
    padding: 2px 10px;
    text-decoration:none;
}

a.logoutbutton {
    color:#fff;
    background-color: #008801;
    padding: 2px 10px;
    text-decoration:none;
}

a.logoutbutton.switched {
    background-color: red;
}

#banner_slideshow, img.bgM {
        min-width: 960px;
        width: 960px;
        height: 360px;

        /*position: absolute;
        top: 0;
        left: 0;*/
        opacity: 1.0;
        /*z-index:-9999; */
}

.companybanner {
    margin:auto;
    top: 50px;
    background-image:url(images/bodybg.jpg);
    z-index:20;
    position:relative;
    width:400px;
    text-align: center;
    height:40px;
    border:1px solid #888;
    border-radius: 3px;
    box-shadow: 4px 4px 3px #444;

}

h1.companyname {
    font-family: 'Luckiest Guy', cursive;
    font-size: 36px;
    color: white;
}


.fp_menu, .fp_summary{
    margin-top: 30px;
    width: 70%;
    /*margin-left:auto;
    margin-right:auto;*/
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px;
    float:left;

}

.fp_summary {
    width:25%;
    border: 1px solid #ccc;
    padding: 4px;
    float:right;
}

.fp_summary .title {
    background-color: #eef;
    text-align:center;
    font-size: 16px;
    height:28px;
    padding:4px;
    color: white;
    background-color:#080;
    margin-bottom: 10px;
}

table.fp_breakdown {
    width:100%;
    border:0px solid #ccc;
    border-collapse: collapse;
}

.fp_breakdown .odd {
    background-color: #eee;
}
table.fp_breakdown .label {
    display: table-cell;
    padding:4px;
}
table.fp_breakdown .data{
    text-align:right;
    display: table-cell;
    width:40%;
    padding:4px;

}
.fp_menu .mgroup {
    width:33%;
    float:left;
}

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

.fp_menu a {
    margin-top: 0px;
    text-decoration: none;
    height: 24px;
    display: block;
    box-sizing: content-box;
    text-align: left;
    padding: 15px 0 15px 10px;
}


.fp_menu a {
    margin-top: 2px;
    text-decoration: none;
    height: 24px;
    display: block;
    font-family: 'Dosis', sans-serif;
    font-size:14px;
    letter-spacing:1px;
    margin-left:2px;
}

.fp_menu a:hover {
    background-color:#000;
    color:#fff;
}

.maccount a {
    background-color: #080;
    color:#fff;
}

.memail a{
    background-color: #00d;
    color:#fff;
}

.madvanced a {
    background-color: rgb(238, 238, 56);
    color:#000;
}

.system a {
    background-color: red;
    color:#fff;
}

.system a:hover {
    background-color: #000;
    color:white;
}
a.filemanager {
    background-color: #2D582D;
}

a.tickets {
    background-color: #c00;
    color:#fff;
}

a.webmail{
    /*background-color: #5050F7; */
    color:#fff;
}

/* databrowser */

.topcolhead { font-weight:bold; letter-spacing:2px; text-align:center; }

.generalFormDiv {
    margin: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0px;
    box-shadow: 2px 2px 2px #ccc;
    overflow: hidden;
}

.innerformdiv {
    padding:8px;
}

.w600px {
    width : 600px;
}

.w800px {
    width: 800px;
}

.formwindowtitle {
    width: 100%;
    height: 24px;
    background-color: rgb(3, 95, 146);
    color: white;
    letter-spacing: 1px;
    padding-left: 24px;
    padding-top: 5px;
    border-bottom: 1px dotted #000;
    box-shadow: 2px 2px 2px #999;
}