#hmcontentbox a { color: #0000FF; text-decoration: none }
 #hmcontentbox a:visited {color: #0000FF }
 #hmcontentbox a:hover {color: #E4641C; text-decoration: underline }
  a.weblink {color: #0000FF; text-decoration: underline }
  a.weblink:visited {color: #0000FF}
  a.weblink:hover {color: #E4641C }
  a.popuplink {color: #FF0000; text-decoration: none}
  a.popuplink:visited {color: #FF0000}
  a.popuplink:hover {color: #FF0000; text-decoration: underline}
  a.filelink {color: #04BC14; text-decoration: none}
  a.filelink:visited {color: #04BC14}
  a.filelink:hover {color: #04BC14; text-decoration: underline}
  a.inline-toggle {color: Green; text-decoration: none;  font-weight: bold;  font-family: "Times New Roman", serif;     }
  a.inline-toggle:visited {color: Green; }
  a.inline-toggle:hover {text-decoration: underline}
  .fsmall {
        font-size: 10px;
	font-family: Verdana, Helvetica, sans-serif;
	text-align: center;
	margin: 10px 0px 0px 0px;
	}
  .crumbs {font-size: 8pt; margin-bottom: 3px; margin-top: 0px; color: #FFFFFF}
  .crumbs a {text-decoration: underline; color: #FFFFFF}
  .crumbs a:visited {text-decoration: underline; color: #FFFFFF}
  .crumbs a:hover {color: #F4BC5C}
 
 
 
 
 
 
 html {
      overflow: auto;
    }

    #hmheadbox {
      position: absolute;
      left: 0px;
      margin-top:40px;
      }
      
    #navbar {
      font-size: 90%;
      margin:0;
      width:245px;
      border: 1px solid #eee;
      }
      
    #navbar > a,
    #navbar > a:hover,
    #navbar > a:focus {
        text-decoration: none;
    }

    #navbar > a {
        padding-top: 5px;
        padding-bottom: 5px;
        background: #fff;
        /*width:25%;
        display:inline-block;
        padding: 5px 0;*/
        border-right: 1px solid #eee;
    }
    
    #navbar > a.disabled {
        color: #d6d6d6;
    }

    #navbar > a:last-child {
        border: none
    }

    #navbar > a > div {
        text-align:center;
    }
      
    #navbar img {
      border:none;      
      margin-right:10px;
      }             
    #hmnavbox {
      position: absolute;
      left: 0px;
      width: 245px;
      min-width: 50px;
      top: 0px;
      bottom: 10px;   
      /*border: 1px solid #eee;
      background-color: #fff;*/   
      }
      
    #moreNav{
      border: 1px solid #eee;
      background-color: #fff;
    }
    
    #moreNavBottom{
      margin-top: 20px;
      padding: 15px;
      border: 1px solid #eee;
      background-color: #fff;
      font-family: 'Open Sans' sans-serif;
      color: #000;
    }

    #hmcontentbox {
      position: absolute;
      top: 0px;
      right: 10px;
      bottom: 10px;
      left: 270px;    
      background: #fff;  
      border: 1px solid #eee;
      /*box-shadow: 0px 4px 12px #777;*/
      }

    iframe#hmnavigation {
      position: absolute;left:0;top:0;width:100%;height:100%;border:none;
      }
  
/* Start of EC Software main navigation menus */

#primary_nav {       
    position:absolute;
    display: block;
    font-size: 14px;
    top:90px;
    right:0;
}
			
#nav a:link    { color: #FFFFFF; text-decoration: none }
#nav a:visited { color: #FFFFFF; text-decoration: none }
#nav a:hover   { color: #FFFFFF; text-decoration: none } 
						 
#nav, #nav ul {   
	z-index: 999;
	line-height: 1.4;
	list-style: none;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	border: none;
	padding: 0;
	margin: 0;
}

#nav a {
	display: block;
	width: auto;   /* main menu entry -> automatic width */
	text-decoration: none;
	margin: 5px 10px 5px 10px;  /* y, x - for all menu entries */
}

#nav li {
	float: left;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
}

/* dropdown menu box */
#nav li ul {  
	position: absolute;
	left: -9990px;
	height: auto;
	width: 200px;  /* width of dropdown menu */
	font-weight: normal;
	line-height: 1.2;
	background: url('menu_background.png');  /* background of dropdown menu */
	border: none; 
	border-top: none;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
	box-shadow: 1px 1px 8px #888;
	padding: 8px 0 8px 0;
	margin: 0;
}

#nav li li {
	width: 200px;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
}

/* dropdown entry */
#nav li ul a {  
   text-align: left;
	width: 13em;
	background: transparent;
}

#nav li ul a.subnav {
	width: 13em;
}

#nav li ul ul {
	width: 200px;
	margin: -2em 0 0 13.5em;  /* position of sub-dropdowns */
}

#nav hr {	
		height: 1px; 
		border: none;
		border-bottom: 1px solid #6b97b9; 
		margin: 2px 8px 2px 10px; 
		padding: 0;
}		

#nav a.selected { 
	border-bottom: 3px #FF8200 solid; /* orange */
}

#nav li.subentry { 
	text-indent: 10px;
	line-height: 1.0;
	padding: 0;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: url('menu_background.png') top center no-repeat;  /* background color of hovered main menu entry */
}

#nav li li:hover, #nav li li.sfhover {
	background: #6b97b9; /* bg col of hovered dropdown menu entry */

}

#nav li li.separator:hover, #nav li li.separator {
	background: transparent;
}

#nav li li.hr:hover, #nav li li.hr {
	background: transparent;
}

#nav a.selected { 
	border-bottom: 3px #FF8200 solid; /* orange */
}

.tocButton{
           background-color:#fff;
           padding:5px;
           border:1px solid #eee;
           width:115px;
           -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.02);
           -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.02);
           -o-box-shadow: 2px 2px 2px rgba(0,0,0,0.02);
           box-shadow: 2px 2px 2px rgba(0,0,0,0.02);
}

#contactUs:hover
{
          color: #000000;
          border-bottom: 1px dotted #000000;
}

#mainWrap:after{
          content: "";
          display: block;
          height: 353px;
}

#idnav {
       width: 130px !important;
}

/* End of EC Software main navigation menus */

footer ol, ul {
            list-style: none;
            padding: 0;
            margin: 0;
}   


 
 
 
 
@media screen{
  #idcontent {    
      width: 100%; 
      padding: 0px !important; 
      padding: 10px 15px 5px 10px; 
      position: relative;
      overflow-x: auto;
      overflow-y: scroll; 
   } 
  #innerdiv {    
      padding: 10px 5px 5px 10px !important;  
      padding: 0px; 
   } 
   
    .topichead {
       padding: 5px;
    }
    
    .navlinks {
      font-size: 10pt;
    }
    .navlinks a {
      text-decoration: none;
      color: blue;
    }
    .navlinks a:visited {
      text-decoration: none;
      color: blue;
    }
    .navlinks a:hover {
      text-decoration: underline;
      color: blue;
    }
    
   html.nonscroll { 
      overflow:hidden; 
   } 
   body.nonscroll {    
      overflow:hidden; 
      height:100%; 
   } 
   div.nonscroll { 
      overflow-x:auto;
      overflow-y:scroll; 
   } 
}

.titleBar .col-md-12 {
    padding: 0;
}

.titleBar h1 {
    color: #fff;
    font-weight: lighter;
    margin: 5px 0;
    font-size: 30px;
}

.titleBar i {
    font-size: 35px;
}

span.f_Heading1 {
    font-size: 16pt;
    font-weight: 400;
    vertical-align: middle;
}

#footer {
    margin-top: -200px;
}

#hmheadbox #navbar a {
    color: #585858;
}

p {
    font-size: 11pt;
}