@font-face {font-family: 'trajan_reg';
           src: url('./fonts/TrajanPro-Regular.otf');
}

{
    margin:0;padding:0;    
}

html,body,tr,td
{
    height:100%;
    width:100%;
    padding:0px;
    margin:0px;
    border-collapse:collapse;
    border: none;
#   overflow: hidden;
}

input { 
    width: 150px;
    height: 25px;
    font-family: arial;
    font-size: 12px;
    text-align:left;
    border: 1px solid black;    
}


#description_wrapper{
position: absolute:;
vertical-align: top;
top: 0px;
}

#select_pics{
position: absolute:;
vertical-align: top;
top: 0px;
}

#description_textarea{
# position: relative;
    width: 300px;
    height: 400px;
    background: yellow;
}


#frontpage{
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
#    background-color: darkgrey;
    background-color: darkgray;
    background-image: url(cphair_small.jpg); 
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    z-index: 0;
}

#leftmenu_box{
position: absolute;
#    background-color: yellow;
#    float: left;
    top: 0px;
    margin-left: 0px;
    padding-left: 0px;
    height: 100%;
    width: 230px;
    overflow: hidden;
}

#main_wrapper{
   top: 150px;
    height: 100%;
    background-color: brown;
#    padding: 10px;
#    width: 100%;
}

#content_wrapper{
    background-color: darkgray;
#    width: 100%;
}

#filter_box{
    background-color: yellow;
    top: 50px;
    width: 100%;
    z-index:100;
    height: 100px;
    border: 1px solid green;
}

#menuitem_button{
padding: 0px;
border: 1px solid black;
background: transparent;
font-size: 14px;
}

#filter_iframe{
/*
position:absolute;
padding-left: 230px;
padding-top: 100px;
top:0px;
left:0px;
bottom:0px;
right:0px;
width:100%;
height:100%;
border:3px solid red;
margin:0;
padding:0;
overflow:hidden;
z-index:999999;
*/
clear: both;
}

#main_content{
    background-color: transparent;
    padding: 10px;
#    height: 100%;
}
    
/*
#menuitems{
    position: absolute;
    # border: 1px solid black;
    # background-color: red;
    background-color: #82B4CD;    
    left: 0px;
    top: 50px;
    width: 230px;
    overflow-x: hidden;
    overflow-y: hidden;
    z-index: 0;
    color: black;
	font-size: 14px;
}
*/

#new_case{
background: red;
overflow: auto;
}


#menuitems{
    # position:relative;
    #top: 50px;
}

.menuitem_button{
    position: relative;
    top: 0px;
#    padding: 0px;
    padding-top: 1px;
    margin: 0px;
    background: transparent;
    decoration: none;
    width: 100%;
    line-height: 20px;
    border:none;
	font-size: 14px;
}

.topmenuitem_button{
    position: relative;
    top: 0px;
#    padding: 0px;
    padding-top: 1px;
#    margin: 0px;
    background: dimgray;
	color: white;
	font-size: 14px;
    decoration: none;
#    width: 100%;
    line-height: 20px;
#    border:none;

    width: 100px;
    height: 25px;
	left: 230px;
    padding: 0px;
    margin-top: 5px;
    border: 1px solid black;
}


.buttons {
    width: 190px;
    height: 25px;
    background: transparent;
    padding: 0px;
    margin-top: 5px;
    border: 1px solid black;
	font-size: 14px;
}

.topmenu_buttons {
}

#header{
    position: absolute;
    left: 0px;
    top: 0px;
    border-collapse:collapse;
    border: 0px solid black;
    font-family: 'trajan_reg';
    background-color: gray;
    height: 50px;
    width: 100%;
    right: 150px; 
    z-index: 10;
    overflow-x: hidden;
    overflow-y: hidden;
}

#contact_container{
    position: absolute;
    top: 0px;
    padding-left: 0px;
    padding-top: 0px;
#     border-collapse:collapse;
    border: 1px solid black;
    background-color: transparent;
    height: 304px;
    width: 650px;
    margin-left: 10px;
#    margin-right: auto;
    z-index: 10;
    overflow-x: hidden;
    overflow-y: hidden;
}


#contact_header{
    position: absolute;
#    left: 0px;
    top: 0px;
    padding-left: 10px;
    padding-top: 10px;
#     border-collapse:collapse;
    border: 0px solid black;
    font-family: 'trajan_reg';
    font-size: 40px;
    background-color: gray;
    height: 50px;
    width: 100%;
#    margin-left: 10px;
#    margin-right: auto;
margin-top: 0px;
    z-index: 10;
    overflow-x: hidden;
    overflow-y: hidden;
}

#contact_left{
    float: left;
    margin-top: 60px;
    padding-left: 10px;
    padding-top: 10px;
    border: 0px solid blue;
    height: 234px;
    width: 315px;
    font-family: Arial;
    font-size: 14px;
}

#contact_main{
#    float: right;
    margin-top: 60px;
    margin-left: 325px;
    border: 0px solid red;
    background-image: url("contact.jpg");
    height: 244px;
    width: 325px;
}

#user{
    position: absolute;
    # background-color: yellow;
    height: 30px;
    right: 60px; 
    padding-right: 5px;
    top: 0px;
    line-height: 50px;
    font-family: arial;
    font-size: 12px;
    color: white;
}

#login{
    position: absolute;
    #background-color: yellow;
    height: 30px;
    right: 20px; 
    top: 0px;
    line-height: 30px;
    font-family: arial;
    font-size: 10px;
    color: white;
    margin-top: 10px;
}

.created_by{
    position: relative;
    width: 150px;
    height: 25px;
    font-family: arial;
    font-size: 12px;
    background:#e6e6e6;
    color:#a6a6a6;
    text-align:left;
    border: 1px solid black;
}

.creation_time{
    position: relative;
    width: 150px;
    height: 25px;
    font-family: arial;
    font-size: 12px;
    background:#e6e6e6;
    color:#a6a6a6;
    text-align:left;
    border: 1px solid black;
}


input[type="text"] {
    width: 150px;
    height: 25px;
    font-size: 12px;
}

input[type="password"] {
    width: 150px;
    height: 25px;
    font-size: 12px;
}

input[type="submit"] {
    width: 150px;
    height: 25px;
    font-size: 12px;
}

#logo{
    position: absolute;
    background-image: url(logo_small.png); 
    background-size: 100% 100%;
    float: right;
    margin-top: 1px;
    height: 50px;
    left: 10px; 
    width: 50px;
}

#logotype{
    position: absolute;
    margin-top: 13px;
    height: 50px;
    left: 60px; 
    width: 250px;
    color: black;
    font-family: trajan_reg;
    font-size: 20px;
}


#topmenu{
    position: absolute;
    margin-left: 0px;
top: 0px;
    left: 0px;
#    width: 50%;
    color: white;
    font-family: arial;
    font-size: 12px;
#    background: dimgray;
#     border-collapse:collapse;
#    border: none;
#        text-decoration: none;
#        border-radius: 4px 4px 0 0;
}

    ul#topmenu {
/*
        # position: relative;
        display:block; 
        width: 100px;
        height: 20px;
        background-color: black;
        color: white;
        padding: 8px 16px;
        text-decoration: none;
        border-radius: 4px 4px 0 0;
*/
    }
    
    ul#topmenu li {
#        display: inline;
    }
    
    ul#topmenu li a {
/* 
       # position: relative;
        display:block; 
        width: 160px;
        background-color: black;
        color: white;
        padding: 8px 16px;
        text-decoration: none;
        border-radius: 4px 4px 0 0;
*/
    }
    
    ul#topmenu li a:hover {
        background-color: #404040;
    }


    ul#leftmenu {
        padding: 0;
        padding-left: 10px;
        line-height: 14px;
        background-color: transparent;
    }
    
    ul#leftmenu li {
        display: inline;
    }
    
    ul#leftmenu li a {
        # position: relative;
        display:block; 
        width: 160px;
        background-color: black;
        color: white;
        padding: 8px 16px;
        text-decoration: none;
        border-radius: 4px 4px 0 0;
     }
    
    ul#leftmenu li a:hover {
        background-color: #404040;
    }
    
#logout{
    position: absolute;
    top: 0px;
    background-image: url(logout_small.png); 
    background-size: 100% 100%;
    float: right;
    margin-top: 15px;
    height: 20px;
    right: 10px; 
    width: 20px;
}

#signup{
    position: absolute;
    top: 0px;
    background-image: url(signup_small.png); 
    background-size: 100% 100%;
    float: right;
    margin-top: 15px;
    height: 20px;
    right: 35px; 
    width: 20px;
}

table.gridtable {
	font-family: verdana,arial,sans-serif;
	font-size:10px;
#	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
    width: 500px;
}

table.gridtable th {
    color: red;
    border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
#	background-color: yellow;
}

table.gridtable td {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: #666666;
    background-color: #ffffff;
}

table.gridtable tr
{
	background-color: yellow;    
}

    table.main_table{
        border-collapse:collapse;
        border: none;
#         border: 3px solid green;
        width: 100%;
        height:100%;
   	background-color: transparent;
#        padding:0px;
        margin:0px;
    }

    table.bottom_table{
        width: 100%;
        height:100%;
#        padding:0px;
        margin:0px;
        background-color: transparent;
        border-collapse:collapse;
border: none;
#         border: 3 px solid orange;
        overflow:hidden;
    } 

    tr.top_line{
        position:absolute;
        top: 0px;
        height: 50px;
        background-color: transparent;
        padding:px;
        margin:0px;
        border-collapse:collapse;
        border: none;
#        border: 3px solid blue;
        z-index: 10;

    }
    
    tr.bottom_line{
       position:absolute;
        top: 0px;
#         height: 100%;
        background: lightgray;
        padding-top:50px;
        border-collapse:collapse;
        border: none;
        # border: 3px solid red;
    overflow-x: hidden;
    overflow-y: hidden;

    }

    td.left_side{
       position:absolute;
        background: darkgray;
        width: 230px;
        height: 100%;
        vertical-align:top;
    overflow-x: hidden;
    overflow-y: hidden;
    }

    td.right_side{
       position:absolute;
        left: 230px;
        background: transparent;
        height: 100%;
        width: 100%;
        z-index: 100;
       padding:5px;
        border-collapse:collapse;
        border: none;
    }

.right_side_table{
    position:absolute;
#    background: gray;
     background: transparent;
    z-index: 330;
left: 0px;
    padding:0px;
    border-collapse:collapse;
#    border: 3px solid yellow;
border: none;
    height: 100%;
    width:100%    
    }

.right_side_top_row{
    position:absolute;
    top: 0px;
    left: 0px;
    background: transparent;
    #padding:0px;
    padding-left: 5px;
    height: 30px;
    width:100%;
    z-index: 200;
    }

.right_side_top_row_cell{
    position:absolute;
    top: 0px;
    left: 0px;
    padding-top: 5px;
    padding-left: 5px;
    height: 50px;
    background: red;

}

.right_side_bottom_row{
    position:absolute;
    height: 100%;
    top: 0px;
    left: 0px;
    background: transparent;
    border-collapse:collapse;
    border: none;
    }

.iframe_cell {
    position:absolute;
    background: transparent;
    width:82%;
    height:100%;
    border-collapse:collapse;
    border: none;
    #border: 3px solid black;
}

.iframe_wrapper{
    position:absolute;
    width:100%;
    height:100%;
    margin:0 auto;
    background:transparent;
}

.iframe_div iframe{
    position:relative;
    padding-top: 35px;
    background: transparent;
#    background: transparent;
    width:100%;
    height:100%;
}

.main_iframe {
    position:absolute;
    background: transparent;
    top: 0px;
    left: 0px;
    width:100%;
    height:100%;
}