@font-face {
   font-family: HelveticaBQMedium;
   src: url('/res/HelveticaBQMedium.otf');

}
@font-face {
   font-family: helveticaneue-roman;
   src: url('/res/helveticaneue-roman.otf');

}

p{
     font-family : "helveticaneue-roman";
}
td{
     font-family : "helveticaneue-roman";
     vertical-align : top;
}

body{
    font-family : "HelveticaBQMedium";
    #font-family: "font83812";
    font-size : 16px;
    color : rgb(51, 51, 51);
    line-height : 24px;
    background : rgb(51, 51, 51);
    #background : #FFFFF0;
    margin:0;
    padding:0;
    color : rgb(51, 51, 51);
}
h1{
    font-size : 20px;
    margin-top : 0px;
    #color : #87ceeb;
}

h3{
    font-size : 18px;
    margin-top : 0px;
    #color : #87ceeb;
}

h4{
    font-size : 16px;
    margin-top : 0px;
    #color : #87ceeb;
}

h5{
    font-size : 16px;
    margin-top : 0px;
    #color : #87ceeb;
}

a{
    text-decoration : none;
    color : rgb(51, 51, 51);
    font-weight : bold;
}
a:hover{
    color : orange;
}
#main{
    #position : relative;
    margin-left : 0px;
    padding-left : 0px;
    margin-top : 100px;
    width : 1400px;
    width : 100%;
    background : #FFFFF0;
    #display: flex;
    overflow: hidden;
}
#header{

    #position : relative;
    position : fixed;
    left : 0px;
    top : 0px;
    right : 0px;
    height : 82px;
    border-bottom : 5px solid #87ceeb;
    border-bottom : 7px solid rgb(51, 51, 51);
    margin-bottom : 10px;
    background : #FFFFF0;
    padding-top : 20px;
    padding-left : 32px;
    box-shadow: 3px 2px 12px rgb(51, 51, 51);
}
#navigation_hor{
    position : fixed;

    top : 0px;
    width : 1200px;
    top : 56px;
    left : 323px;
    height : 60px;


}
#navigation_top{
    position : absolute;
    top : 14px;
    left : 1100px;
    font-size : 14px;
}
#display{

    float : left;
    #border : 1px dotted red;
    width : 700px;
    padding : 20px;
    min-height : 700px;
    padding-top : 50px;
    background : #FFFFF0;
    text-align : adjusted;


}

#navigation{
    padding-top : 40px;
    float : left;
    #border : 1px dotted green;
    width : 290px;
    margin-left : 23px;
    height:100%; 

}

#footer{

    float : left;
    width : 100%;
    #border : 1px dotted blue;
    background : rgb(51, 51, 51);
    #padding : 40px;
    color : #FFFFF0;
    td{
    font-size : 10px;
    }
}

td.footer{
    font-size : 14px;
}

td.menuitem{
    font-family : HelveticaBQMedium;
    height : 30px;
    padding-left : 10px;
    padding-right : 10px;
    padding-top : 5px;
    color : red;
    border-bottom : 7px solid #FFFFF0;

}

div.menuitem{

    height : 30px;
    padding-left : 0px;
    padding-top : 5px;


}

td.menuitem_hl{
    font-family : HelveticaBQMedium;
    height : 30px;
    #background : #87ceeb;
    padding-left : 10px;
    padding-right : 10px;
    padding-top : 5px;

    border-bottom : 7px solid orange;

}

div.menuitem_hl{

    height : 30px;
    #background : #87ceeb;
    padding-left : 0px;
    padding-top : 5px;
}

.submenu2{
    padding-left : 5px;
    height : 30px;
    #background : #87ceeb;
    padding-top : 5px;
    border-left : 5px solid #FFFFF0;

}

.submenu2_h{
    padding-left : 5px;
    height : 30px;
    #background : #87ceeb;
    padding-top : 5px;
    border-left : 5px solid orange;


}

.submenu3{
    padding-left : 20px;
    height : 30px;
    padding-top : 5px;
    border-left : 5px solid #FFFFF0;

}

.submenu3_h{
    padding-left : 20px;
    height : 30px;
    padding-top : 5px;
    border-left : 5px solid orange;

}

div.menuitem2{
    background : red;

}


#grayout{
	/* IE only: filter:alpha(opacity=50); */
	opacity: 0.5;
	background-color: gray;
	visibility :hidden;
	position: absolute; 
	visibility: hidden;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 6;
}

#wizard{
	position: absolute; 
	visibility: hidden;
	#left: 200px;
	#top: 40px;
	#right: 200px;
	#min-width : 1200px;
        #width : auto;
        #height : auto;
	#bottom: 40px;
	padding: 0px;
	#border: 1px solid #dddddd;
	z-index: 7;
	border-radius : 2px;
	background-color: #FFFFF0;
        box-shadow: 3px 2px 12px rgb(51, 51, 51);
        margin : auto;
        
}
#wizardContent{

	font-size: 14px;
	position: absolute; 
	overflow: auto;
	padding: 20px;
        #background-color: #d0dbe4;
        background-color: : #FFFFF0;
	top: 50px;
	right: 0px;
	left: 0px;
	bottom: 0px;
	border-radius-bottom-left : 15px;
	border-radius-bottom-right : 15px;
}
#wizardTitlebar{
        position : absolute:

        left : 0px;
        right : 0px;
      
	font-size: 16px;
	font-weight: bold;
        background-color: #7b9cb5;
        background-color: rgb(51, 51, 51);
	cursor: move;

        height: 40px;
	color: white;
	padding-left : 20px;
        padding-top : 10px;

	border-radius-top-left : 15px;
	border-radius-top-right : 15px;
}
.wizardTitlebarButton {
	float: right;
	cursor: default;
	height: 16px;
	width: 17px;	
}
#wizardMinimized{
	position: absolute; 
	visibility: hidden;
	height: 15px;
	right: 1px;
	bottom: 1px;
	padding: 5px;
	cursor: pointer;
    font-size: 13px;
    font-weight: bold;	
	color: #DDDDFF;
	background-color: #444488;
	z-index: 5;
}

.actionbutton{
   #font-family : "LucidaRegular";
   height : 25px;
   background : #7b9cb5;
   border-radius: 3px;
   margin-right : 10px;
   font-size : 15px;
   font-weight : normal;
   color : white;
   border : 0px;
}

input[type="button"]{

   height : 25px;
   background : #7b9cb5;
   border-radius: 3px;
   margin-right : 10px;
   font-size : 15px;
   font-weight : normal;
   color : white;
   border : 0px;
}
input[type="text"]{

	border : 1px solid #7b9cb5;
	border-radius : 3px;
	height : 20px;
	padding-left : 5px;
	color : #333333;
	width : 200px;

}

input[type="password"]{

	border : 1px solid #7b9cb5;
	border-radius : 3px;
	height : 20px;
	padding-left : 5px;
	color : #333333;
	width : 200px;

}



select{

	border : 1px solid #7b9cb5;
	border-radius : 3px;
	height : 25px;
	padding-left : 5px;
	color : #333333;

}

textarea{

	border : 1px solid #7b9cb5;
	border-radius : 7px;
	padding-left : 5px;
	color : #333333;
        min-width : 300px;
        min-height : 100px;

}

.label{

	background : #7b9cb5;
	border-radius : 3px;
	height : 18px;
        padding-top : 1px;
	padding-left : 5px;
	padding-right : 5px;
	color : white;

}

.formsection{

    border : 1px solid #7b9cb5;
    border-radius : 7px;
    padding-left : 5px;
    color : #333333;
    min-height : 100px;
    margin-bottom : 20px;



}

.wizardnavigation{

    position : absolute;
    bottom : 0px;
    left : 20px;
    right : 20px;
    height : 30px;
    
}
table{
    border-collapse: collapse;
}

table.processNodeTable{
    min-width : 600px;
    border-collapse: separate;
}

td.datacell{
    border : 1px solid #7b9cb5;
}
td.tableheader{
    background : #7b9cb5;
    color : white;
}
.odd{
    background : #eeeeee;
}