﻿.PrettyMenu
{
    float: left;
    width: 100%;
    font-size: 100%;
    line-height: normal;
    background: linear-gradient(to bottom, #242424 0%, #575757 100%);
    color: White;
    height: 40px;
    position: relative;
    z-index: 100;
    -webkit-box-shadow: 0px 0px 8px 2px #000000;
    -moz-box-shadow: 0px 0px 8px 2px #000000;
    box-shadow: 0px 0px 8px 2px #000000;
}

.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf
{
    float: left;
    margin: 0;
    padding: 10px 10px 10px 10px;
}

.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Selected
{
    background-color: #242424 !important;
    background: linear-gradient(to bottom, #575757 100%, #242424 0%);
}

.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf:hover
{
    background-color: #242424 !important;
    height: 40px;
    color: #FFC71F !important;
}

.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
    color: #FFC71F !important;
}


.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a.AspNet-Menu-Link
{
    float: left;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: White;
}

.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-WithChildren
{
    float: left;
    padding: 10px 10px 10px 10px;
    background-image: url('images/submenu-icon-bottom-right.gif');
    background-repeat: no-repeat;
    background-position: bottom right;
}

.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-WithChildren:hover
{
    background-color: #242424 !important;
    color: #FFC71F !important;
}

.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-WithChildren a:hover
{
    color: #FFC71F !important;
}

.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-WithChildren a.AspNet-Menu-Link
{
    color: White;
}


.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li.AspNet-Menu-Leaf
{
    background-color: #575757;
    width: 400px;
    position: relative;
    top: 11px;
    display: block;
    text-decoration: none;
}

.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li.AspNet-Menu-Leaf:hover
{
    background-color: #242424 !important;
}

.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li.AspNet-Menu-Leaf a:hover
{
    background-color: #242424 !important;
    color: #FFC71F;
}

.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li.AspNet-Menu-WithChildren:hover
{
    background-color: #242424 !important;
    color: #FFC71F;
}

.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li.AspNet-Menu-WithChildren a:hover
{
    color: #FFC71F;
}

.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li.AspNet-Menu-Leaf a:hover
{
    background-color: #242424;
    color: #FFC71F;
}

.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li.AspNet-Menu-WithChildren
{
    background-color: #575757 !important;
    display: block;
    text-decoration: none;
    position: relative;
    top: 11px;
    width: 400px;
    background-image: url('images/submenu-icon-center-right.gif');
    background-repeat: no-repeat;
    background-position: center right;
}

.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li.AspNet-Menu-WithChildren ul li
{
    width: 400px;
    display: block;
    text-decoration: none;
    top: -29px;
    left: 410px;
    position: relative;
}

/* from original main.css */

.PrettyMenuDescription
{
    color: Silver;
    font-size: smaller;
    margin: 5px 5px 5px 5px;
}


.PrettyMenuDescription:hover
{
 /*   text-shadow: 0 0 10px #fff;*/
    color: #f7f7f7;
 text-shadow: 0 0 10px rgba(255, 255, 204, 0.5), 0 0 10px rgba(255, 255, 255, 0.5);

}

#main_content
{
    width: 100%;
    float: left;
}


/* monitor detail page */
.contentHeader
{
    /*border: 1px solid #DCEFF2;*/
    margin: 10px 0px 10px 0px; /*clear: right;*/
    padding: 0px;
    border-width: 0px;
    border-style: none;
    width: 580px;
}

.contentHeader h2
{
    border-bottom: 1px solid #DCEFF2;
    background-color: #869bbf;
    padding: 2px;
}

.contentHeader h3
{
    border-bottom: 1px solid #DCEFF2;
    background-color: #dfe6ef;
    padding: 2px;
    margin: 0px;
    font-weight: normal;
    font-style: normal;
    font-size: medium;
    font-family: Arial, Helvetica, sans-serif;
}

.contentHeader p, .contentHeader ul, .contentHeader div
{
    padding: 0px;
    margin: 0px;
}

.smallMarginBottom
{
    margin: 0px 0px 0px 4px;
}

.mdetailtextbox
{
    margin: 0px 0px 0px 20px;
}

/* generated by dreamweaver - better than 50% chance of working now! */
body
{
    font: 100% Arial, Helvetica, sans-serif; /*background: #666666;*/
    background: #FFFFFF;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000000;
}
/* from niceformz-default.css
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
	background:#fff;
}
*/
.oneColLiqCtrHdr #container
{
    /*width: 99%;*/ /* this will create a container 95% of the browser width */
    background: #FFFFFF;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ /*border: 1px solid #000000;*/
    text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColLiqCtrHdr #header
{
    background: #DDDDDD;
    padding: 0 0px 0 0px; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
    background-color: #FFFFFF;
}

.oneColLiqCtrHdr #header h1
{
    margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
    padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColLiqCtrHdr #mainContent
{
    padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
    background: #FFFFFF;
}

.oneColLiqCtrHdr #footer
{
    padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
    background: #FFFFFF; /*position: absolute; 	bottom: -100; 	width: 100%; 	height: 60px; 	background: #FFFFFF; */
}
.oneColLiqCtrHdr #footer p
{
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.oneColLiqCtrHdr #mainMenu
{
    clear: both;
    min-width: 900px;
}

.oneColLiqCtrHdr #mainTable
{
    padding: 10px;
    clear: both; /* this is needed, so table will be below menu in Mozilla */
}

.oneColLiqCtrHdr #exportControls
{
    padding-left: 1px;
    padding-right: 4px;
    padding-top: 4px;
}

div.rowdivider
{
    clear: both;
    border-style: none none solid none;
    border-bottom-color: rgb(5, 33, 72);
    border-bottom-width: 1px;
    margin-top: .5em;
    width: 760px;
}

div.iscroller
{
    border: 1px solid lightgrey;
    padding: 5px;
    margin-bottom: 20px;
    display: block;
    overflow: auto; /*overflow-y: auto; 	overflow-x: auto;*/
    width: 600px;
    height: 340px; /*background-color: white;*/
    background-color: #00CCFF;
}

input.previewbtn
{
    padding: 10px;
}

.AscendingHeaderStyle
{
    background-image: url('images/up-arrow.gif');
    background-repeat: no-repeat;
    background-position: right;
}

th.AscendingHeaderStyle a
{
    color: #FFC040 !important;
    z-index: 1;
}

th.AscendingHeaderStyle a:hover
{
    text-shadow: 0 0 10px #fff;
}

.DescendingHeaderStyle
{
    background-image: url('images/down-arrow.gif');
    background-repeat: no-repeat;
    background-position: right;
    z-index: 1;
}

th.DescendingHeaderStyle a
{
    color: #4ECDC4 !important; /*#C040FF **/
}
.grid_header a:hover
{
    text-decoration: none; /*background-color: #D3D3D3;*/
    color: #000000;
    text-shadow: 0 0 10px #fff;
}
