﻿html {
    margin:0;
    padding:0;
}

body {
    margin:0;
    padding:0;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    font-size:10pt;
}

a {
    outline:none;
    color:#4e8490;
}

ul {
	list-style:none;
    margin:0;
    padding:0
}

.login-window {
    margin:150px auto;
    width:450px;
    padding:2px 2px 2px 2px;
    border:solid 2px #4e8490;
    background-color:#ffffff;
}

.login-titlebar {
    padding: 2px 2px 2px 2px;
    background-color: #297ee6;
    color: #ffffff;
    font-size: 16px;
}

.login-title {
     padding:4px 4px 4px 4px;
     font-weight:bold;
}

.login-content {
    position:relative;
    padding:10px 0 20px 50px;
    font-size:14px;
}

.login-input {
    padding:10px 0 0 10px;
}

.login-input a {
    font-size:10px;
    color:#4e8490
}

.login-input span {
    display:block;
    float:left;
    width:120px;
    text-align:right;
}

.login-submit {
    padding-top:20px;
    text-align:center;
}


#divBulletins {
    position:absolute; 
    top:125px; 
    left:817px; 
    height:50px;
    width:525px; 
    z-index:1000;
    /*background-color:#ffffff;*/
}

#divBulletinsHeader{
    padding:8px 0 0 5px; 
    height:20px; 
    width:525px; 
    background-color:#ffffff;
    color:red;
    font-weight:bold
}

#divBulletinItems {
    position:relative; 
    margin:0 0 0 75px;
    padding:10px 0 0 10px; 
    border-left:solid 2px #000000; 
    border-bottom:solid 2px #000000; 
    background-color:#ffffff; 
    height:450px;
    overflow-y:scroll
}

#divEmailFilter a{
    text-decoration:none;
    font-weight:normal
}

.menu{
    position:relative;
	border:none;
	border:0;
	margin:0;
	padding:0;
	font-size:10pt;
}

.menu ul{
	/*background-color:#ba7c17;*/
	background-image:url("./images/fond_bg.png");
	height:30px;
	list-style:none;
	margin:0;
	padding:0;
}

.menu li{
	float:left;
	padding:0px;
	}

.menu li a{
	/*background-color:#ba7c17; url("images/seperator.gif") bottom right no-repeat;
	border:solid 1px #ba7c17;*/
	color:#ffffff;
	display:block;
	/*font-weight:normal;
	line-height:30px;*/
	margin:0px;
	padding:4px 15px 4px 3px;
	text-align:left;
	text-decoration:none;
}

.menu ul li a:hover, .menu ul li:hover a, .menu ul ul li a:hover, .menu ul ul li:hover a, .menu ul ul ul li a:hover{
	/*background-color:#2580a2; url("images/hover.gif") bottom center no-repeat;
    border:solid 1px #a08060;*/
    background-color:#ba7c17;
	color:#000000;
	text-decoration:none;
}

.menu li:hover li a, .menu li li:hover li a{
    background-color:#f2e3cf;
    color:#ba7c17;
    font-weight:normal;
}

.menu li ul{
    background-color:#f2e3cf;
    display:none;
    height:auto;
    padding:0px;
    margin:0px;
   	border:solid 1px #ba7c17;
    position:absolute;
    z-index:200;
}

.menu li:hover ul{
    display:block;
}
    
.menu li:hover ul ul{
    display:none;
}
 
.menu ul ul ul{
    background-color:#f2e3cf;
    display:none;
    height:auto;
    padding:0px;
    margin:0px;
    border:0px;
    position:absolute;
    width:auto;
    z-index:200;
}

.menu li ul li, .menu ul ul ul li{
    position:relative;
    background-color:#f2e3cf;
    height:25px;
    font-weight:normal;
    float:none;
    margin:0px;
    padding:0px;
    width:auto;
}

.menu ul ul ul li{
    width:175px;
}

.menu  ul ul li:hover ul{
    display:block; 
    position:absolute;
    top:2px;
    left:96%;
}


.menu p{
    clear:left;
}	

#divTitle{
    width:783px; 
    border-bottom:solid 5px #4e8490; 
    border-left:solid 2px #4e8490; 
    padding:5px 0 5px 5px; 
    color:#23454e; 
    font-size:10pt; 
    font-weight:bold
}

#backgroundCover{
	display:none;
	position:fixed; 
	_position:absolute; 
	height:100%; width:100%; 
	top:0; left:0; 
	z-index:500;
	background-color:#4e8490;
	filter:alpha(opacity=20);
    opacity:0.2;
}

#divClasses{
    position:fixed; 
	_position:absolute;
	top:0; left:0;
	width:450px;
	display:none;
	z-index:1001;
	margin:150px 0 0 221px;
    padding:2px 2px 2px 2px;
    border:solid 1px #23454e;
    background-color:#ffffff;
}

.class-titlebar {
    padding:2px 2px 2px 2px;
    height:20px;
    background-color:#23454e; 
    color:#ffffff; 
    font-size:10pt; 
}

.class-title {
    float:left;
    padding:4px 4px 4px 4px;
    font-weight:bold;
}

.closebutton {
    float:right;
    padding:2px 4px 2px 4px;
    background-color:red;
}

.closebutton a {
    color:#ffffff;
    text-decoration:none 
}

#divWait{
    position:fixed; 
	_position:absolute;
	top:0; left:0;
	width:450px;
	display:none;
	z-index:1001;
	margin:150px 0 0 221px;
    padding:2px 2px 2px 2px;
    border:solid 1px #23454e;
    background-color:#ffffff;
/*	 
	height:100%; width:100%;
	padding-top:200px; 
	top:0; left:0; */
}

#backgroundCoverFiles{
	display:none;
	position:fixed; 
	_position:absolute; 
	height:100%; width:100%; 
	top:150px; left:0; 
	z-index:1500;
	background-color:#4e8490;
	filter:alpha(opacity=0);
    opacity:0;
    cursor:wait
}

#divWaitFiles{
	width:450px;
	display:none;
	margin:-450px auto;
    padding:2px 2px 2px 2px;
    border:solid 1px #23454e;
	z-index:1001;
    background-color:#ffffff;
	filter:alpha(opacity=100);
    opacity:1;
}

.msg-titlebar {
    padding:2px 2px 2px 2px;
    background-color:#23454e; 
    color:#ffffff; 
    font-size:10pt; 
}

.msg-title {
     padding:4px 4px 4px 4px;
     font-weight:bold;
}

.wait-msg{
	display:none;
    margin:auto;
    width:200px;
    padding:15px 5px 15px 5px;
    text-align:center;
	/*z-index:1001;*/
}

.appr-result{
    margin:auto;
    width:400px;
    padding:15px 5px 15px 5px;
    background-color:#ffffff;
    text-align:center;
    /*display:none;
    border:solid 2px #23454e;*/
}

#divScreeningMenu{
    background-color:#f2e3cf; 
    width:665px; 
    height:34px; 
    border:solid 1px #ba7c17
}

#divScreeningMenu ul{
    padding:0; 
    margin:0;
    list-style:none
}

#divScreeningMenu li{
    float:left; 
    height:24px; 
    padding:10px 25px 0 3px
}

#divScreeningMenu li.visited{
    float:left; 
    height:24px; 
    padding:10px 25px 0 3px;
    background-color:#ba7c17;
    color:#ffffff 
}

#divScreeningMenu li.bullet {
    float:left; 
    height:24px; 
    padding:10px 25px 0 3px;
    background:url(./images/bullet.png) no-repeat right;
    color:#ffffff;
    font-weight:bold 
}

#divScreening .btnRight {
    position:absolute; 
    bottom:15px; 
    right:15px; 
    height:34px; 
    color:#000000; 
    background-image:url(./images/bhsiwebbtn.gif)
}

#divScreening .btnLeft {
    position:absolute; 
    bottom:15px; 
    left:15px; 
    height:34px; 
    color:#000000; 
    background-image:url(./images/bhsiwebbtn.gif)
}

#divScreening input[type="button"]:hover {
    background-image:url(./images/bhsiwebbtnhover.gif)
}

#divExtScreening {
	position:fixed; 
	_position:absolute;
    display:none;
    top:0px;
    margin:85px 0 0 85px;
    z-index:750;
}

#ifrScreening {
    background-color:#ffffff;
    width:667px;
    height:454px
}

.header li, .auth li, .invoice li {
	float:left;
    margin:0;
    padding:0;
    height:30px;
    color:#000000;
    text-align:right;
    vertical-align:bottom
}

.updn {
    float:right;
    color:#606060
}
    
.sort {
    float:right;
    color:#ffffff
}

.up, .dn {
    cursor:pointer
}

.stdButton {
    color:#000000;
    padding:3px 10px 2px 10px; 
    font-size:9pt; 
    text-decoration:none;
    background-image:url(./images/bhsiwebbtn.gif);
    border:none
}

.stdButton:hover {
    background-image:url(./images/bhsiwebbtnhover.gif)
}

#divOPForm textarea, #divOPForm input[type="text"], #divOPForm select {
    font-family:arial;
    font-size:10pt;
    background-color:#ececec;
}


#tblOPSubstances, #tblPCPC {
    border-collapse:collapse;
}

#tblOPSubstances td, #tblPCPC td {
    padding:5px 5px 5px 5px;
    border-top:solid 1px gray;
    vertical-align:top
}

#tblDemo td, #tblDocs td {
    padding:5px 5px 5px 5px;
}

.docmenu{
    position:relative;
	border:none;
	border:0;
	margin:0;
	padding:0;
	font-size:12px;
}

.docmenu ul{
	height:30px;
	list-style:none;
	margin:0;
	padding:0;
}

.docmenu li{
	float:left;
	padding:0px;
    width:165px
	}

.docmenu li a{
    color:#4e8490; 
	display:block;
	margin:0px;
	padding:4px 15px 4px 3px;
	text-align:left;
	text-decoration:none;
}

.docmenu ul li a:hover, .docmenu ul li:hover a, .docmenu ul ul li a:hover, .docmenu ul ul li:hover a, .docmenu ul ul ul li a:hover{
    color:#4e8490; 
    font-weight:bold;
	text-decoration:none;
}

.docmenu li:hover li a, .menu li li:hover li a{
    color:#4e8490; 
    font-weight:normal;
}

.docmenu li ul{
    display:none;
    height:auto;
    padding:0px;
    margin:0px;
   	border:solid 1px gray;
    position:absolute;
    z-index:200;
}

.docmenu li:hover ul{
    display:block;
}
    
.docmenu li:hover ul ul{
    display:none;
}
 
.docmenu ul ul ul{
    background-color:#f2e3cf;
    display:none;
    height:auto;
    padding:0px;
    margin:0px;
    border:0px;
    position:absolute;
    width:175px;
    z-index:200;
}

.docmenu li ul li, .docmenu ul ul ul li{
    position:relative;
    background-color:gainsboro;
    height:25px;
    font-weight:normal;
    float:none;
    margin:0px;
    padding:0px;
    width:175px;
}

.docmenu ul ul ul li{
    width:175px;
}

.docmenu  ul ul li:hover ul{
    display:block; 
    position:absolute;
    top:2px;
    left:96%;
}

.docmenu p{
    clear:left;
}
 
#divDocsBundles ul li{
    /*display:none;*/
    padding-bottom:10px;
}

.hide{
  display:none;  
}

.myButton {
    box-shadow: 0px 0px 0px 2px #9fb4f2;
    background: linear-gradient(to bottom, #7892c2 5%, #297ee6 100%);
    background-color: #7892c2;
    border-radius: 10px;
    border: 1px solid #4e6096;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 11px;
    padding: 9px 27px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #283966;
}

    .myButton:hover {
        background: linear-gradient(to bottom, #297ee6 5%, #7892c2 100%);
        background-color: #297ee6;
    }

    .myButton:active {
        position: relative;
        top: 1px;
    }


.tb-input {
    padding: 1px;
    font-size: 13px;
    border-width: 1px;
    border-color: #a6b1ee;
    background-color: #ffffff;
    color: #000000;
    border-style: solid;
    border-radius: 5px;
    box-shadow: 0px 0px 5px rgba(66,66,66,.75);
}

    .tb-input:focus {
        outline: none;
    }
        y   /*HTML
<body class="nojQuery">


CSS
 Limit the hover styles in your CSS so that they only apply when the nojQuery 
class is present 

body.nojQuery ul#mainFilter a:hover {
     CSS-only hover styles go here 
}


JavaScript
// When jQuery kicks in, remove the nojQuery class from the <body> element, thus
// making the CSS hover styles disappear.

$(function(){}
    $('body').removeClass('nojQuery');
)*/

