/*Login Style*/
.login-column .column {width:300px; min-height:50px; float:left;}
.login-column .column fieldset legend {font-size:1.5em;font-weight:bold;color:#ffffff;height:30px;padding:0 0 0 10px;}
.login-column .column fieldset ol {padding:10px;}
.login-column .column fieldset ol li {margin-bottom:5px;min-height:20px;position:relative;}
.login-column .column fieldset ol li label {display:inline-block;width:100px;margin-right:10px;text-align:right;color:#333;vertical-align:top;}
/*.login-column .column fieldset ol li input {width:150px;}*/

/* CLEARFIX */
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}

/*JQUERY UI AUTOCOMPLETE*/
.ui-autocomplete {
		max-height: 100px;
		overflow: auto;		
}

body {margin:0;font: normal 68.5%/20px Verdana, Arial;}
img {border:none;}

html, body, #container { height: 100%; }
body > #container { height: auto; min-height: 100%; }
body > .header-container { height: auto; min-height: 100%; }

/* HEADER */
.header-container {background:#284150;height:85px;padding-left: 10px;}

/* Environment Specific header banner colour */
.header-container.env-dev,
.header-container.env-dev2,
.header-container.env-test,
.header-container.env-test2,
.header-container.env-the-dog-house {background:#007F0E}

.header-container.env-qual,
.header-container.env-prep { background: rgb(206, 142, 25)}

.header-container .header-title  
{
    color: #ffffff;
    font-family: Arial Black, Arial;
    font-weight: bold;
    font-size: 1.7em; 
    display: inline-block;
}
.header-container .ilogout {text-align: right; font-family: Verdana, Arial;font-size:1em;color:White;padding: 5px 20px 5px 10px;float:right;position: relative;}
.header-container .logout-link a {color: yellow;font-size: 1.1em;font-weight: bold;}

.content-container 
{
    background: #FFFFFF;
    padding-bottom:5px;
    padding-top:10px;
    padding-left: 20px;
}

.content-container h1 
{
    font-size: large;
    margin-bottom: 10px;
}

/*
.header, .heading, .content, .footer {width:98%;margin:0 0 0 10px;position:relative;}
*/

/* FOOTER */
#footer {
 clear: both;
 position: relative;
 z-index: 10;
 height: 3em;
 margin-top: -3em; 
}

.footer-container {color:#fff;text-align:center;background:#284150;}
.footer-container a {color:#ddd;}
.footer-container a:hover {text-decoration:none;}
.footer-container .copyright {margin-left:100px;color: #ddd;}

#content { padding-bottom: 3em; }

.gridrowrefresh {float:left; background:url(../images/refresh-16x16.png) no-repeat 0 0;width:16px;height:16px;}
.loading {float:left;padding-right: 10px; background:url(../images/loading.gif) no-repeat 0 0;width:32px;height:32px; }
.progress-bar {margin: 10px 0px 5px 0px; background:url(../images/progress-bar.gif) no-repeat 0 0;width:190px;height:14px; }

.tableform .label { vertical-align: middle;min-width: 120px;height: 25px;padding-right: 10px;}
.tableform .label:after { content: ":"; }
.tableform .label .required { color: red;}
.tableform .labeltext { vertical-align: middle;min-width: 120px;height: 25px;padding-right: 10px;}

.tableinfo tr td { vertical-align: middle;min-width: 120px;height: 25px;padding-right: 10px; }
.tableinfo .label:after { content: ":"; }

.squarepanel fieldset { border: solid 1px grey; padding: 10px 10px 10px 10px; }
.squarepanel fieldset legend {font-size:1em;font-weight:bold;color: navy; }
.squarepanel fieldset div {padding-top:5px; }

.infobox
{
    background-color: #FFFCE6;
    border: 1px solid #eaeaea;
    padding: 5px;
    margin-bottom: 10px;
}

.notification {
    text-align:center; 
    vertical-align:middle; 
    width:600px;
    min-height: 30px;
    position:absolute;
    top:40px;
    left:300px;
    font-size: 1.2em;
    border:2px solid #CECECE; 
    background:#F7FFC6; 
    margin:20px;
    padding: 10px;
    display: none;
    z-index: 9999;
}

.sameline
{
    display: inline-table;
}

ul.menu 
{
    margin-top: 54px;
    display: inline-block
}

ul.menu li 
{
    display: inline-block;
    float: left;
    margin: 4px;
    color: white;
    font-size: 10pt;
}

ul.menu li a
{
    text-decoration: none;
    color: white;
}

ul.menu li.current a
{
    font-weight: bold;
}

#password-rule {
    float: left; 
    padding: 10px;
    font-family: Verdana;
    font-size: 90%;
    border: 1px solid black;
    margin-top: 10px;
}

#password-rule ul {
    margin: 1em;
    list-style-type: decimal;
}

#password-rule ul ul {
    margin: 1em;
    list-style-type: lower-alpha;
  }
#password-rule li {
    margin-bottom: .5em;
    margin-left: 2em;
}
#rule-header {
    padding-bottom: .25em;
    font-weight: bold;
    text-decoration: underline;
}

.dxrpAW
{
    overflow-y: visible;
}