@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,700,300);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,500);

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


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

}

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

}

body{
    font-family:'Roboto',sans-serif;
    font-weight: 300;
    font-size : 14px;
    margin : 0px;
    background : #f3f3f3;
}
h1, h2, h3, h4, h5, h6 {
	color: #086bbc;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
}

p, li, figcaption {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
}

a {
   color: #01aeaa;
   text-decoration : none;
}

td{
    font-family:'Roboto',sans-serif;
    vertical-align : top;
    font-size : 13px;
}

#header{
   position : relative;
   width : 100%;
   margin-left: auto;
   margin-right: auto;
   background : white;
   height : 132px;
}



#headercontent{
   position : relative;
   width : 1000px;
   margin-left: auto;
   margin-right: auto;


}
#navigation{
   position : relative;
   width : 100%;
   height : 55px;
   margin-left: auto;
   margin-right: auto;
   background : linear-gradient(#056cb4, #005088);
   #border : 1px solid gray;
   padding : 0px;
}
#header_image{
   position : relative;
   width : 1000px;
   margin-left: auto;
   margin-right: auto;

}
#main{
   position : relative;
   width : 1000px;
   margin-left: auto;
   margin-right: auto;
   min-height : 700px;
   background : white;
   margin-bottom : 0px;
   overflow : auto;

}
#navig_vert{
   float : left;
   width : 200px;
   min-height : 600px;
   margin-top : 30px;
}
#sessionmenu{
   float : left;
   width : 200px;
   min-height : 600px;
   margin-top : 10px;
}
#sessionmainarea{
   position : absolute; 
   left : 170px; 
   right : 20px; 
   top : 10px; 
   bottom : 20px; 
   overflow : auto;
}
#statusdiv{
   position : absolute; 
   font-size : 12px;
   font-weight : bold;
   left : 170px; 
   right : 20px; 
   padding : 2px;
   height : 16px; 
   bottom : 0px;
   overflow : auto;
   background : #cccccc;
}
#pagecontent{
   float : left;
   width : 520px;
   margin-left: auto;
   margin-right: auto;
   min-height : 700px;
   background : white;
   margin-top : 20px;
   margin-bottom : 0px;
   #border : 1px solid red;
}
#right_content{
   float : right;
   width : 180px;
   min-height : 600px;
   margin-top : 30px;
   #border : 1px solid green;
}
#footer{
   margin-top : 0px;
   position : relative;
   width : 100%;
   margin-left: auto;
   margin-right: auto;
   background : #056db6;
   min-height : 120px;
}
#footercontent{
   position : relative;
   width : 1000px;
   margin-left: auto;
   margin-right: auto;
   color : white;
}

#sessionmainarea{

   margin-top : 10px;
}


div.menuitem{
   font-family:'Roboto',sans-serif;
   min-height : 30px;
   margin-left : 20px;
   padding : 10px;
   font-size : 14px;
   font-weight : 700;
   background : #7b9cb5;
   color : white;
}

div.menuitem_active{

   font-family:'Roboto',sans-serif;
   min-height : 30px;
   margin-left : 20px;
   padding : 10px;
   font-size : 14px;
   font-weight : 700;
   background : white;
}

h1{
   margin-top : 0px;
   margin-bottom : 10px;
   color: #086bbc;
   font-family: 'Roboto Condensed', sans-serif;
   font-weight: 700;
   font-size : 35px;
}

h4{
   margin-top : 0px;
   margin-bottom : 10px;
   color: #086bbc;
   font-family: 'Roboto Condensed', sans-serif;
   font-weight: 700;
   font-size : 35px;
}
h5{
   margin-top : 0px;
   margin-bottom : 5px;
   color: #086bbc;
   font-family: 'Roboto Condensed', sans-serif;
   font-weight: 900;
   font-size : 13px;
}

h6{
   margin-top : 0px;
   margin-bottom : 5px;
   color: #086bbc;
   font-family: 'Roboto Condensed', sans-serif;
   font-weight: 500;
   font-size : 14px;
}





#sessionmenu{
   width : 150px;

}


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

/*********************************************************************************************/

#wizard{
   border : 1px;
   position: fixed;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   width : 1200px;
   max-width : 100vw;
   #top : 30px;
   height : 800px;
   max-height : 100vh;
   resize: both;
   overflow : auto;
   #bottom : 40px;
   background : lightgray;
}
#wizardContent{
   position : absolute;
   bottom : 5px;
   overflow : auto;
}

div.processNodeBody{
   padding : 20px;
   bottom :30px;
   overflow : auto;
}

#grayout{
   position : absolute;
   left : 0px;
   top : 0px;
   bottom : 0px;
   right : 0px;
   background : #dddddd;
   visibility : hidden;
   opacity : 0.5;
}

div.wizardnavigation{
   
   position : absolute;
   height : 25px;
   bottom : 0px;
   padding-left : 20px;
   background : lightgray;
}

div.wizardnavigation_alt{
   
   position : absolute;
   height : 25px;
   bottom : 0px;
   padding-left : 20px;
   background : lightgray;
}


/***************************************************************/

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

textarea{
   min-height : 20px;
   height : 30px;
   width : 200px;
}

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;

}

select{

	border : 1px solid #7b9cb5;
	border-radius : 3px;
	height : 22px;
	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;

}

/****************************************table******************************************/
table.datatable{
   border-collapse : collapse;
   margin-right : 20px;
   
}

tr.odd{
   background : white;
}
tr.even{
   background : #dddddd;
}

td.tableheader{
   font-size : 14px;
   height : 20px;
   background : #7b9cb5;
   background : #056db6;
   color : white;
   padding : 2px;
}


td.datacell{
   border : 1px solid gray;
   padding : 2px;
   font-weight : 400;
   font-size : 13px;
}

/**************************************************************************************/

span.task{
   background : #7b9cb5;
   color : white;
   margin-right : 20px;
}

/**************************************************************************************/

p.coursetitle{
   margin-top : 0px;
   margin-bottim : 10px;
   color: #086bbc;
   font-family: 'Roboto Condensed', sans-serif;
   font-weight: 700;
   font-size : 35px;
}

p.coursedescription{

    font-family:'Roboto',sans-serif;
    vertical-align : top;
    font-size : 14px;
}

/**********************************************navigation**************************************************/

td.navig1{

    color : white;
    padding-right : 30px;
    padding-left : 30px;
    padding-top : 15px;
    border : 0;
    height : 55px;
    min-width : 100px;
}
a.navig1{
    text-decoration : none;
    color : white;
    font-weight : bold;
    #margin-left : 20px;
}

td.navig1_active{

    color : white;
    padding-right : 30px;
    padding-left : 30px;
    padding-top : 15px;
    border : 0;
    height : 55px;
    background : #258faf;
    min-width : 100px;

}
a.navig1_active{
    text-decoration : none;
    color : white;
    font-weight : bold;
    #margin-left : 20px;

}

div.navig2{
    min-height : 30px;
    margin-left : 10px;
    margin-right : 15px;
    padding-bottom : 5px;
    padding-top : 10px;
    color : black;
    border-top : 1px solid #01aeaa;
}
a.navig2{

    color : black;
    font-weight: 700;
    text-decoration : none;
    font-size : 13px;
    font-style: normal;
    cursor : pointer;
}

div.navig3{
    min-height : 30px;
    margin-left : 30px;
    color : black;
    margin-right : 15px;
    border-top : 1px solid #01aeaa;
    cursor : pointer;
    padding-top : 10px;
    vertical-align : middle;

}
a.navig3{

    color : black;
    font-weight: 500;
    text-decoration : none;
    font-size : 13px;
}

div.navig4{
    min-height : 30px;
    margin-left : 50px;
    color : black;
    margin-right : 15px;
    border-top : 1px solid #01aeaa;
    cursor : pointer;
    padding-top : 10px;
    vertical-align : middle;

}

a.navig4{

    color : black;
    font-weight: 500;
    text-decoration : none;
    font-size : 13px;
}

div.navig5{
    min-height : 30px;
    margin-left : 60px;
    color : black;
    margin-right : 15px;
    border-top : 1px solid #01aeaa;
    cursor : pointer;
    padding-top : 10px;
    vertical-align : middle;

}

a.navig5{

    color : black;
    font-weight: 500;
    text-decoration : none;
    font-size : 13px;
}

div.navig_main_content{

   width : 1000px;
   height : 55px;
   margin-left: auto;
   margin-right: auto;


}


div.navig1_submenu{

   position : absolute;
   top : 55px;
   display : none;
   min-width : 100px;

}
div.navig1_menuitem{
   height : 30px;
   min-width : 150px;
   padding : 10px;
   padding-left : 0px;
   background : #258faf;
   cursor : pointer;
   margin-left : -30px;
   padding-left : 30px;
}

a.navig1_menuitem{

  color : white;
  text-decoration : none;

}

div.formsection{

  border : 1px solid #258faf;
  margin-bottom : 20px;
  padding : 10px;
}

div.tab_active{

  height : 50px;

  padding : 10px;

  border-left : 1px solid #7b9cb5;
  border-right : 1px solid #7b9cb5;
  border-top : 1px solid #7b9cb5;
  background : white;
  color : black;
}

div.tab_inactive{

  height : 50px;

  padding : 10px;

  border-left : 1px solid #7b9cb5;
  border-right : 1px solid #7b9cb5;
  border-top : 1px solid #7b9cb5;

  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background : #7b9cb5;
  color : white;


}
.listbutton{
   height : 40px;
   border-bottom : 1px solid black;
   background : #7b9cb5;
   color : white;
   padding : 10px;
}

.listbutton_active{
   height : 40px;
   border-bottom : 1px solid black;
   padding : 10px;
}