/*Login Style*/
.login-column .column {width:400px; 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:150px;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 { height: 100%; }
body > #container { min-height: 100%;margin-bottom: -25px;position: relative; }
body > #header-container { height: auto; min-height: 100%; }

h1 { font-size: 11pt; font-weight: bold;font-family: Verdana, Tahoma; }

/* 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.6em;}
.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;}
.header, .heading, .content, .footer {width:98%;margin:0 0 0 10px;position:relative;}
*/

/* FOOTER */
#footer {
    clear: both;
    position: relative;
    z-index: 10;
    height: 25px;    
}

.clearfooter {
    height: 25px;
    clear: both;
}

.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;}



/* Breadcrumb */
ol#breadcrumb 
{
    height: 15px;
    padding: 0px 0px 10px 5px;
    font-family:  'Helvetica', Sans-Serif;
    font-size: 15px;        
    font-style: normal;
    display: block;    
    list-style-image: url(../images/forward-arrow.png);
    margin: 0px 0px 0px 0px;
}

ol#breadcrumb li
{
    margin-left: 20px;
    margin-right: 10px;
    float:left;
}

ol#breadcrumb li a
{
    color: #0B0B61;
    text-decoration: underline;
}

ol#breadcrumb li.first
{    
    list-style-image: url(../images/forward-arrow.png);
}

ol#breadcrumb li.last
{
    font-size: 15px;  
    font-weight: bold;
}

.validation-error { font-weight: bold;color: red;}

.validation-warning { font-weight: bold;color: orange;}

ul {
    padding-left: 15px;
    padding-bottom: 10px;
    list-style-type:disc;
}

/* Content */
#content { padding-bottom: 3em; }

.table-layout td { padding: 5px;width: 100%; }

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

.tableinfo { margin: 0px 5px 5px 5px; }
.tableinfo tr td { vertical-align: middle;min-width: 110px;height: 25px;padding-right: 10px; }
.tableinfo .label { font-weight: bold; }
.tableinfo .label:after { content: ":"; }

.tableinfo-flex { margin:5px; }
.tableinfo-flex tr td { vertical-align: middle;}
.tableinfo-flex tr td .padded { padding: 1px;}
.tableinfo-flex .label { font-weight: bold; min-width: 110px;padding: 2px 10px 2px 2px;}
.tableinfo-flex .label:after { content: ":"; }

.itable {width:100%;font-size:1em;color:#666;}
.itable thead {background:url(../images/table-header.png) repeat-x !important;color:#283B56 !important;font-weight:bold;font-family: Tahoma,Arial !important;}
.itable thead th {padding: 4px 6px 4px 6px; border:1px solid #BED6F6;}
.itable tbody {background:#fff;}
.itable tbody td {border:1px solid #BED6F6;}
.itable th, .itable td {text-align:left;padding:0 5px;background-repeat:no-repeat;}
.itable tr.alt td {background:#f0f0f0;}
.itable tbody tr.hover td,
.itable tbody tr.selected td { color:#81742f;cursor:pointer; background-color:#FFE7A2; }
.itable tbody tr td fieldset legend{ font-weight: bolder; }
.itable tfoot tr td.pager {line-height:41px;background:url(../images/table-footer.png) repeat-x !important;color:#283B56 !important; text-align: left; padding-right: 10px;background-position:right 0;background-repeat: no-repeat; border-left: 1px solid #9AB9E5; border-right: 1px solid #9AB9E5; }
.itable tfoot tr td.pager input[type=button] { margin-left: 6px; margin-top: 3px; }
.itable-popup {width:100%;font-size:1.2em;color:#666;margin:5px;}

span.error-symbol { background:url(../../Content/images/exclamationmark.gif) no-repeat 0 0;}

div.container {
	overflow: hidden;
	width: 100%;
}

div.content-left {
	width: 50%;
	float: left;
}

div.content-right {
	width: 50%;
	float: right;
    height: 350px;
    padding-top: 15px;          
    background: url(../../Content/images/vertline.png) no-repeat;
}

div.contact-details {
    width: 100%;
    height: 100%;
    background: url(../../Content/images/contactdetails.png) no-repeat;
    margin-left: 30px;
    padding-top: 40px;
    font-size: 12px;
}

div.contact-details div 
{
    width: 50%;
    margin-top: 8px;
}

div.contact-details div.left 
{
    float: left;
}

div.contact-details div.right 
{
    float: right;
}

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

.alertbox {
    border:solid 1px #CB2026;
    background: #FFFFCC url(../../Content/images/warning.gif) 5px 5px no-repeat;
    color:#222222;
    padding-top: 5px;
    padding-left: 40px;
    padding-bottom: 5px;
    text-align:left;
    min-height: 35px;
}
.warning-alert {
    background: #FFFFCC url(../../Content/images/important.png) 5px 5px no-repeat;
}

.warning {padding:0 0 0 20px;background:url(../../Content/images/important.png) no-repeat 0 0;margin:0 0 0 0px;display:inline-block;line-height:23px;}
.error {padding:0 0 0 20px;background:url(../../Content/images/exclamationmark.gif) no-repeat 0 0;margin:0 0 0 0px;display:inline-block;line-height:23px;}
.error-message li {list-style:none;}

.warning-text { font-weight: bold; color: red;}

.checkbox { background:url(../../Content/images/check.png) no-repeat 0 0;width: 16px;height: 16px; }

.delete-icon { background:url(../../Content/images/delete.png) no-repeat 0 0;width: 16px;height: 16px; }

.add-icon { background:url(../../Content/images/add-16x16.png) no-repeat 0 0;width: 16px;height: 16px; }

#jquery-loader{
	border:2px black solid;
	padding-top:35px;
	background-color: white;
	text-align: center;
}

#jquery-loader-background{background-color: silver}

#jquery-loader.spinner{
    border:none;
    padding-top:35px;
    background-color: transparent;
    text-align: center;
    background-image: url(../../Content/images/spinner.gif);
    background-position: center center;
    background-repeat: no-repeat;      
}

.loading {margin: 10px 0px 5px 0px; background:url(../../Content/images/loading.gif) no-repeat 0 0;width:32px;height:32px; }
.progress-bar {margin: 10px 0px 5px 0px; background:url(../../Content/images/progress-bar.gif) no-repeat 0 0;width:190px;height:14px; }
#greyhound-grades { border-collapse: separate; border-spacing: 10px 0px; }
.pref-count-loading { background:url(../../Content/images/ui/ui-anim_basic_16x16.gif) no-repeat scroll center center; }

.notification
{
    position: absolute;
    top: 0px;
    left: 300px;
    display:block;
    width: 60%;
    height: 40px;    
    /*padding: 1.5em 1em 1.0em 1em;    */
    margin-top: 20px; 
    padding: 10pt;    
    border: 1px solid Grey;
    /*background-color: Black;    
*/
}

.notification .message
{        
    font-size:larger;
}

a.help-link:before
{
    content: '['
}
a.help-link:after
{
    content: ']'
}
a.help-link
{
    font-weight:bold;
    color: yellow;
    font-size: 1.1em;
}

.dxrpAW
{
    overflow-y: visible;
}