ul.menu ul{display:none}
ul.menu li:hover>ul{display:block}
ul.menu ul{position: absolute;left:-1px;top:98%;z-index: 1000;}
ul.menu ul ul{position: absolute;left:98%;top:-2px;}
ul.menu,ul.menu ul {
	margin:0px;
	list-style:none;
	background-color:#748696;
}
ul.menu table {border-collapse:collapse}ul.menu {
	display:block;
	zoom:1;
	float: left;
}
ul.menu li{
	display:block;
	font-size:0px;
    padding-right: 30px;
}
ul.menu a:active, ul.menu a:focus {
outline-style:none;
}
ul.menu a, ul.menu li.dis a:hover, ul.menu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#748696;
	text-align:left;
	text-decoration:none;
	padding:0px 5px 2px 10px;
	_padding-left:0;
	font:12px Verdana;
	color: #ffffff;
	text-decoration:none;
	cursor:default;
}
ul.menu li {
	float:left;
}
ul.menu ul li {
	float:none;
    padding: 0px;
}
ul.menu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.menu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.menu li:hover{
	position:relative;
}
ul.menu li:hover>a{
	background-color:#DBDB91;
	font:12px Verdana;
	color: #000000;
	text-decoration:none;
}
ul.menu li a:hover{
	position:relative;
	background-color:#DBDB91;
	font:12px Verdana;
	color: #000000;
	text-decoration:none;
}
ul.menu li.dis a {
	color: #666 !important;
}
ul.menu img {border: none;float:left;_float:none;margin-right:2px;width:16px;
height:16px;
}
ul.menu ul img {width:16px;
height:16px;
}
ul.menu img.over{display:none}
ul.menu li.dis a:hover img.over{display:none !important}
ul.menu li.dis a:hover img.def {display:inline !important}
ul.menu li:hover > a img.def  {display:none}
ul.menu li:hover > a img.over {display:inline}
ul.menu a:hover img.over,ul.menu a:hover ul img.def,ul.menu a:hover a:hover ul img.def,ul.menu a:hover a:hover a:hover ul img.def,ul.menu a:hover a:hover img.over,ul.menu a:hover a:hover a:hover img.over,ul.menu a:hover a:hover a:hover a:hover img.over{display:inline}
ul.menu a:hover img.def,ul.menu a:hover ul img.over,ul.menu a:hover a:hover ul img.over,ul.menu a:hover a:hover a:hover ul img.over,ul.menu a:hover a:hover img.def,ul.menu a:hover a:hover a:hover img.def,ul.menu a:hover a:hover a:hover a:hover img.def{display:none}
ul.menu a:hover ul,ul.menu a:hover a:hover ul,ul.menu a:hover a:hover a:hover ul{display:block}
ul.menu a:hover ul ul,ul.menu a:hover a:hover ul ul{display:none}

/*CSS Reset*/
body,p,h1,h2,h3,h4,h5,h6,ul,li,form{margin:0;padding:0;line-height:18px;}
a img{ border: 0px;}

h1
{
    font-size: 24px;
}
h2
{
    font-size: 18px;
    padding-bottom: 3px;
}
body
{
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:12px;
    background-image: url('Images/HubbellnetBG.png');
    background-repeat: repeat-x;
}
fieldset
{
    width:90%;
}
ul
{
    list-style-position:inside;
}
#page{
display:block;
width:900px;
margin: 0px auto;
}
#header
{
float:left;   
height:126px;
width:100%;
background-color:#012340;
}
    #header #logo
    {
        width:250px;
        float:left;
    }

    #header #logo img {
        height: 100%;
        width: 200px;
    }

    #header img
    {
        margin-left:18px;
        margin-top: 21px;
        margin-bottom: 13px;
    }
    #header #title
    {
        margin-top: 36px;
        font-family: Verdana;
        font-size:36px;
        color:White;
        height:36px;
        line-height: 36px;
        width:420px;
        float:left;    
    }
    #header #logindisplay
    {
        margin-top: 36px;
        width:228px;
        float:right;
        text-align:right;
        color:White;
    }
#menu
{
    height:18px;
    min-height:18px;
    width:100%;
    clear:both;
    background-color:#748696;
}
#notification
{
    text-align:center;
    background-color:#ffe033;
    font-size:larger;
    font-weight:bold;
    color:#000;
}
#middle
{
    display: flex;
    width:100%;
    overflow: hidden;
    border-bottom:2px solid #748696;
}
    #middle #main {
        flex-basis: 72%;
        min-height: 615px;
        background-color: #023059;
        color: White;
        padding-left: 5px;
        padding-top: 5px;
    }
         #middle #main h2
        {
            color:#ffe033;
           
        }
    #middle #sidebar {
        flex-basis: 28%;
        min-height: 615px;
        border-right: 2px solid #748696;
        background-color: #012340;
        padding-top: 5px;
        color: White;
    }

    #middle legend {
        border: 1px solid #999999;
        background-color: #748696;
        padding: 2px 5px 2px 5px;
        font-weight: bold;
    }

.sidebarCenter
{
    text-align:center;
}
      
#footer
{
    width:100%;
    float:left;
    height:100%;
    background-color:#012340;
    color:White;
    text-align:center;
    clear:both;
}
#hubbell-wrapper
{
    float:left;
    width:643px;
    padding-left:5px;
}
#contact-wrapper
{
    float:left;
    width:240px;
    padding-left: 10px;
}
a:link, a:visited{color:#ffe033;} 
.editor-wrapper
{
    line-height:27px;
    float:left;
}
.editor-label
{
    float:left;
    width:180px;
    
}
.editor-field
{
    float:left;
    width:463px;
    margin-bottom:5px;
}
.display-label
{
    float:left;
    width:180px;
    
}
.display-field
{
    float:left;
    width:463px;
    margin-bottom:5px;
}
.form-section-wrapper
{
    line-height:27px;
    float:left;
    margin-bottom:20px;
    width:100%;
}
.form-section-header
{
    margin-bottom:5px;
}
.form-section-content
{
    margin-left:20px;
}
.dialog-section-wrapper {
    line-height: 27px;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.dialog-section-header
{
    margin-bottom: 5px;
}
.dialog-section-content
{
    margin-left: 20px;
}
.dialog-editor-label
{
    float: left;
    width: 100%;
    
}
.dialog-editor-field
{
    float: left;
    width: 100%;
    margin-bottom: 5px;
}
.required-field-marker
{
    color:#ffe033;
    font-weight:900;
    vertical-align:top;
}
.search-input
{
    margin-top:15px;
    margin-bottom:20px;
}
.search-result
{
    margin-bottom:10px;
}
.search-result-link
{
    margin-left:10px;
}
.search-result-breadcrumb
{
    margin-left:30px;
}
.username
{
    border:0;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}
/* Styles for Menu Editing */
#left
{
    float:left;
    width:69%;
}
#right
{
    float:left;
    width:25%;
}
.clear
{
    clear:both;
}
#menu-editor-label
{
   
    width:50%;
    
}
#menu-editor-field
{
   
    width:45%;
    margin-bottom:5px;
}

.webgrid-selected-row
{
    font-weight: bold;
}
.center
{
    text-align:center;
}
.inner
{
    padding:10px;
}
.webgrid-header
{
    text-align: left;
}
#applications {
    -webkit-column-count: 3;
    -moz-column-count:    3;
    column-count:         3;
}

#applications a div {
    text-align: center;
    margin-bottom: 10px;
    border-radius: 10px;
    margin-right: 5px;
    -webkit-column-break-inside : avoid;
    break-inside: avoid;
    page-break-inside: avoid;
    height: 185px;
    position: relative;
    border: 1px solid white;
}

#applications a,
#applications a:link {
    color: white;
    text-decoration: none;
}

#applications a div p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 36px;
}

#topThumbnail {
    background: #012340;
    padding-top: 5px;
    border-radius: 10px 10px 0 0;
}

#bottomThumbnail p {
    background: #012340;
    border-radius: 0 0 10px 10px;
}

#fsrHelpList ul li {
    margin-left: 10px;
}