*
{
    font-family: verdana;
}

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, a
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    color: black;
}

body
{
    background: none repeat scroll 0 0 #EEEEEE;
    text-align: center;
}

#template
{
    margin: 15px auto;
    color: black;
    width:  1300px;
}

/*
/
/   Page
/
*/
#page
{
    color: black;
    background-color : #FFFFFF;
    box-shadow: 0 0 10px #999999;
    border-radius: 20px 20px 20px 20px;
    margin-bottom: 15px;
    margin-top: 15px;
    overflow: hidden;
    text-align: center;
}

#page_header
{
    margin: 0px auto;
    height: 130px;
    background: url('/css/img/Banner_OMMEex2.png') no-repeat transparent;
}

#menu
{
    height: 30px;
    margin-bottom: 15px;
    background: black url('/css/img/noir-1.png') repeat-x;
    line-height:30px;
}
    #menu ul
    {
        list-style-type: none;
        margin: 0;
    }
        #menu ul li
        {
            height: 30px;
            float: left;
            border-right : 2px solid grey;
        }
        
        #menu ul li.selected
        {
            background: rgb(77,77,77);
        }
        #menu ul li.selected a
        {
            color: white;
        }
        #menu ul li.logout
        {
            border-right: none;
            float: right;
        }
            #menu ul li a
            {
                float: left;
                display: block;
                color:white;
                text-decoration:none;
                text-align:center;
                height: 30px;
                width: 140px;
            }
            #menu ul li a:hover
            {
                background: rgb(244,171,42);                
            }

#page_content
{
    color: black;
    background-color : #FFFFFF;
    text-align : center;
    margin-bottom: 10px;
}

#page_footer
{
    clear: both;
    size: auto;
    height: 40px;
    color: #FFFFFF;
}

#footer
{
    height: 40px;
    color: black;
}

#gallery
{
    height: 200px;
    text-align: center;
    
}
    #gallery table
    {
        position: relative;
        border-spacing: 15px;
        height: 85%;
        margin: auto;
    }
        #gallery table thead
        {
            height: 100%;
        }
            #gallery table thead tr
            {
                height: 100%;
            }
                #gallery table thead td
                {
                    height: 100%;
                    background-color: rgb(77,77,77);
                    width: 170px;
                    border-radius: 10px;
                    box-shadow: 0 0 10px #999999;
                }
                    #gallery table thead td a
                    {
                        border-radius: 10px;
                        display: block;
                        color:white;
                        text-decoration:none;
                        text-align:center;
                        height: 100%;
                        line-height: 170px;
                    }
                    #gallery table thead td a:hover
                    {
                        background: rgb(244,171,42);                
                    }

div#info
{
    clear: both;
    display: none;
    float: right;
}

#filterPanel
{
    float: left;
    text-align: left;
    margin: 10px;
}

.filter
{
    text-align: left;
    border: 1px solid rgb(77,77,77);
    width: 270px;
    overflow-y: auto;
}

div#clientChoice
{
    position: relative;
    height: 400px;
    margin-bottom: 10px;
}
    div#clientChoice input
    {
        clear: both;
    }

div#marketChoice
{
    height: 99px;
    margin-bottom: 10px;
}

div#typeChoice
{
    height: 80px;
    margin-bottom: 10px;
}

div#roleChoice
{
    height: 100px;
    margin-bottom: 10px;
}

div#contactTab
{
    float: left;
    margin: 10px;
    width: 900px;
    height: 800px;
}
    div#contactTab table
    {
        width: 100%;
        text-align: center;
        border-style: solid;
        border-color: #EEEEEE;
        border-width: thin;
        border-collapse: collapse;
    }
        div#contactTab table thead
        {
            display: block;
            /*background-color: #4d4d4d;*/
            color: white;
            text-align: center;
        }
            div#contactTab table thead th
            {
                color: white;
                background-color: #4d4d4d ;
            }
                div#contactTab table thead th img:hover
                {
                    cursor: pointer;
                }
        div#contactTab table tbody#contactChoice
        {
            display: block;
            overflow-y: auto;
            height: 772px;
        }
            div#contactTab table tbody#contactChoice tr
            {
                height: 25px;
                width: 100%;
                border-bottom-width: 2px;
                border-bottom-style: solid;
                border-bottom-color: grey;
            }
            div#contactTab table tbody#contactChoice tr.alt1
            {
                background-color: #F4AB2A;
            }
            div#contactTab table tbody#contactChoice tr.alt0
            {
                background-color: #D2D2D2;
            }

div#logData
{
    margin: 10px;
    width: 1200px;
    height: 700px;
}
    div#logData table
    {
        margin: 5px;
        text-align: center;
        border-style: solid;
        border-color: #EEEEEE;
        border-width: thin;
        border-collapse: collapse;
    }
        div#logData table thead
        {
            display: block;
            /*background-color: #4d4d4d;*/
            color: white;
            text-align: center;
            background-color: #4d4d4d ;
        }
            div#logData table thead th
            {
                color: white;
                padding: 5px;
                border-left-width: 2px;
                border-left-style: solid;
                border-left-color: grey;
            }
        div#logData table tbody
        {
            width: 1197px;
            display: block;
            overflow-y: auto;
            height: 650px;
        }
            div#logData table tbody tr
            {
                height: 35px;
                border-bottom-width: 2px;
                border-bottom-style: solid;
                border-bottom-color: grey;
                vertical-align: baseline;
            }
            div#logData table tbody tr.alt1
            {
                background-color: #F4AB2A;
            }
            div#logData table tbody tr.alt0
            {
                background-color: #D2D2D2;
            }
                div#logData table tbody tr td
                {
                    padding: 5px;
                    border-left-width: 2px;
                    border-left-style: solid;
                    border-left-color: grey;
                }

div.block
{
    float: left;
    margin: 5px 10px 5px 10px ;
}
    div.block textarea
    {
        float: left;
        text-align: left;
    }
    div.block label
    {
        text-align: left;
        float: left;
        width: auto ;
        min-width: 110px;
    }
    div.block ul
    {
        list-style-type: none;
    }
        div.block ul li
        {
            text-align: left;
        }
            div.block ul li label
            {
                float: inherit;
            }

div.block2
{
    float: left;
    text-align: left;
}

td
{
    vertical-align: top;
    text-align: left;
}

fieldset
{
    margin: 15px;
    border: 1px solid rgb(244,171,42);
    border-radius: 10px;
}

legend
{
    margin-left: 10px;
    text-align: left;
}


.errors
{
    text-align: center;
    color: red;
    border-radius: 15px 15px 15px 15px;
}
.succes
{
    border-radius: 15px 15px 15px 15px;
    text-align: center;
    color: green;
}
#logout
{
    float: right;
}

#login table
{
    margin: auto;
}

#upload
{
    float: left;
}

select
{
    min-width: 100px;
}

div.loader
{
    display: block;
    opacity: 0.1;
    z-index: 3;
    icon: url('/css/img/loader.gif') no-repeat center;
    background: url('/css/img/loader.gif') no-repeat center;
}