/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like to use a different color start by replacing all instances of #5c87b2 with your new color.
----------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{display:block}

body{line-height:1}

ol, ul{list-style:none}

blockquote, q{quotes:none}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table{border-collapse:collapse;border-spacing:0}

body{
background-color:#B1A6A2;
font-size:12px;
font-family:Sans-Serif, Helvetica, Verdana, "Trebuchet MS";
margin:0 auto;
padding:0;
color:#000;
background-image:url('../content/images/dowdsbg.jpg');
background-repeat:no-repeat;
background-attachment: fixed;
min-width:1000px;
max-width:1000px
}

body.Popup{
background-color:#fff;
font-size:.85em;
font-family:Sans-Serif, Helvetica, Verdana, "Trebuchet MS";
margin:0;
padding:0;
color:#000;
background-image:url('');
background-repeat:no-repeat;
min-width:0
}

table.greenTable{border-collapse:collapse;border:1px solid #527452;background:#fff}
table.greenTable th{background:#696;height:28px;font-weight:lighter;text-shadow:0 1px 0 #527452;color:#fff;border:1px solid #527452;box-shadow:inset 0 1px 2px #578d57;transition:all .2s}
table.greenTable tr{border-bottom:1px solid #cccccc}
table.greenTable tr:last-child{border-bottom:0}
table.greenTable td{border-right:1px solid #ccc;padding:4px 10px 4px 10px;transition:all .2s}
table.greenTable td:last-child{border-right:0}

.coilEnquiryDetailHeading{margin:14px 0 2px 0}

.stockSelected{background-color:#efe;color:Green}

.contact{margin:0 auto;margin-top:10px;border:2px solid black;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;width:85px;height:128px}

table.tabledataErrors{font:11px verdana,verdana, arial;margin:0;padding:0;border-collapse:collapse;text-align:left;color:#333;line-height:15px}
		
table.tabledataErrors td{margin:0;padding:20px 10px;border:1px dotted #f5f5f5}
table.tabledataErrors th{font-weight:normal;text-transform:uppercase}
table.tabledataErrors thead tr th{background-color:#575757;padding:20px 10px;color:#fff;font-weight:bold;border-bottom:2px solid #333;text-transform:uppercase;text-align:center}
table.tabledataErrors tfoot tr th, tfoot tr td{background-color:transparent;padding:20px 10px;color:#ccc;border-top:1px solid #ccc}
table.tabledataErrors tbody tr th{padding:20px 10px;border-bottom:1px dotted #fafafa}
table.tabledataErrors tr{background-color:#FBFDF6}
table.tabledataErrors tr.odd{background-color:#EDF7DC}
table.tabledataErrors tr:hover{}
table.tabledataErrors tr:hover td, tr:hover td a, tr:hover th a{color:#a10000}
table.tabledataErrors td:hover{}
table.tabledataErrors tr:hover th a:hover{background-color:#F7FBEF;border-bottom:2px solid #86C200}

a{color:#0050FF}
a:link{color:#0050FF;text-decoration:underline}
a:hover{text-decoration:none}
a:active{color:#12eb87}
a img{border:0}

a.greenlink{color:#aaFFaa}	
a.greenlink:link{color:#aaFFaa;text-decoration:underline}
a.greenlink:hover{text-decoration:none}
a.greenlink:active{color:#aaFFaa}

a.darkGreenlink{color:#1A590D}	
a.darkGreenlink:link{color:#1A590D;text-decoration:underline}
a.darkGreenlink:hover{text-decoration:none}
a.darkGreenlink:active{color:#1A590D}

.login{color:#000}
p, ul{margin-bottom:20px;line-height:1.6em}

header,footer,nav,section{display:block}

/*-HEADINGS-*/
h1, h2, h3, h4, h5, h6{color:#000}

h1{font-size:1.8em;padding:4px 4px 6px 4px;margin-bottom:0;color:#FFF}
h2{padding:0 0 10px 0;}
h3{font-size:1.2em;}
h4{font-size:1.1em;}
h5, h6{font-size:1em}

/*-PRIMARY LAYOUT ELEMENTS-*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page{margin:0 auto}

#btnTicketCoilSearch{margin-bottom:10px}
#main{
    min-height:100px;
    padding:10px 10px;
    background-color:rgba(0,0,0,0.6);
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    box-shadow:rgba(66, 66, 66, 0.5) 7px 10px 4px;
    -webkit-box-shadow:rgba(66, 66, 66, 0.5) 7px 10px 4px;
    -moz-box-shadow:rgba(66, 66, 66, 0.5) 7px 10px 4px; /* FF 3.5+ */
}

.bigBtnText{font-size:1.4em !important}

#mainLogin {
    min-height:100px;
    padding:10px;
    background-color:rgba(0,0,0,0.6);
    border-radius:5px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

#mainNoMaster{padding:1px 30px 15px 30px}

footer, #footer{
background-color:#1A590D;
color:#999;
padding:10px 0;
text-align:center;
line-height:normal;
margin:-5px 0 10px 0;
font-size:.9em;
border-radius:0 0 4px 4px;
-webkit-border-radius:0 0 4px 4px;
-moz-border-radius:0 0 4px 4px;
box-shadow:rgba(66, 66, 66, 0.5) 7px 10px 16px;
-webkit-box-shadow:rgba(66, 66, 66, 0.5) 20px 20px 20px;
-moz-box-shadow:rgba(66, 66, 66, 0.5) 20px 20px 20px
}

/*-MAIN MENU-*/
#mainmenu{list-style-type:none;margin:0;padding:0;overflow:hidden;background-color:#333}
#mainmenu li{float:left;border-right:1px solid white}
#mainmenu li.last{float:left;border:none}
#mainmenu li a{
    display:block;
    color:white;
    text-align:center;
    padding:5px 12px 7px 12px;
    text-decoration:none;
    font-weight:normal;
    font-size:1.05em;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    word-spacing:1px;
}
#mainmenu li a:hover{background-color:#606060}
#mainmenu li a.linkSelected{background-color:#007700}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset{border:1px solid #ddd;padding:0 1.4em 0.4em 1.4em;margin:0 0 0.5em 0;background:white}

legend{font-size:1.2em;font-weight:bold}

textarea{min-height:35px}

input[type="text"], 
input[type="password"]{border:1px solid #ccc;padding:2px;font-size:1.2em;color:#444;width:200px}

select{border:1px solid #ccc;padding:2px;font-size:1.2em;color:#444}

input[type="submit"]{font-size:1.0em;padding:3px}

/*-TABLE-*/
table{border:solid 0 #e8eef4;border-collapse:collapse;font-size:1.0em}
table td{padding:5px;padding-right:5px;border:solid 0 #e8eef4;vertical-align:middle}
table th{padding:1px 1px;padding-right:6px;text-align:left;vertical-align:text-top;background-color:#e8eef4;border:solid 0 #e8eef4}

/*-MISC-*/
.clear{clear:both}
.fleft{float:left}
.fright{float:right}

.error{color:Red}
nav, #menucontainer{margin-top:40px}

div#title{display:block;float:left;text-align:left}

#logindisplay{font-size:1.1em;display:block;text-align:right;margin:10px;color:White}
#logindisplay a:link{color:white;text-decoration:underline}
#logindisplay a:visited{color:white;text-decoration:underline}
#logindisplay a:hover{color:white;text-decoration:none}

/*-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:red}

.validation-summary-errors ul{display:none}
.validation-summary-valid{display:none}

/*-Styles for editor and display helpers-*/
.display-label, .editor-label{margin:0.2em 0 0 0;color:black}

.display-field, .editor-field{margin:0.2em 0 0 0}

.text-box{width:30em}
.text-box.multi-line{height:6.5em}

.tri-state{width:6em}

.top{vertical-align:top}

.filterButton{}

.tdFilter{padding:0 15px 0 0;text-align:center}

b.stockGroup{color:#670F17;vertical-align:text-bottom}
b{vertical-align:inherit}

img.DowdsSelectedStock{cursor:pointer}

div.basicStockGroupHeader{background-color:#eee;font-size:1.1em;color:#555;text-decoration:none;padding-left:2.2em}
div.basicStockGroupContentSingleRecord{display:block;border:1px solid #bbb;padding:5px 20px 5px 20px;margin-left:5px;width:95%}
div.basicStockGroupContentHidden{display:none;border:1px solid #bbb;padding:2px 0 5px 2px;margin-left:5px}
div.basicStockGroupContentVisible{display:none}

noSelectionMade{color:#666;font-size:1.0em}
selectionMade{color:#700;background-color:#eee;font-size:1.1em}

input[type="button"].btnFinish{cursor:pointer;font-size:1.2em;font-weight:bold;}

.selectedStockItemImage{border-style:none;vertical-align:baseline}

.selectStockTab{color:#0a0}

div.linebreak{font-size:0;height:1px}

#dialog-busy{display:none;font-size:0.7em;padding-top:50px}

#stockSelectionHeader{font-size:1.2em;width:auto;padding:10px}
#stockSelection{font-size:0.8em;width:auto;padding:10px}

div.largerfont{font-size:1.2em}

tr.stock{cursor:pointer}
tr.hightlight{font-weight:bold}

img.button{cursor:pointer;padding-left:20px}
img.infoImage{cursor:pointer;vertical-align:text-top;margin-top:0;margin-bottom:0;padding:0}

td.transfer{text-align:center}
.transferdbp{background-color:#f6f4f4}
.transfersbp{background-color:#f5f6f5}

p.infoCaption{margin-top:2px;margin-bottom:4px;padding:0;background-color:#78B2FF;text-align:center}
b.infoMessage{font-family:Arial;font-size:12pt;font-weight:bold;color:#1D57CD;vertical-align:middle}

h2{
padding:3px 0 3px 6px;
margin:4px 0 0 0;
background-image:url("images/h2-bg.jpg");
background-repeat:repeat-x;
font-family:Arial,Helvetica,sans-serif;
color:#fff;
font-size:1.3em;
border:1px solid #fff;
border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
}

h1.main{
background-image:url("images/h2-bg-main.jpg");
margin:0 0 10px 0;
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
border:1px solid #fff;
}

.tableheader{background-image:url("images/tableheader-bg.jpg");background-repeat:repeat-x;font-family:Arial,Helvetica,sans-serif;color:#ffffff;font-size:1.1em;}

.white{background-color:#fff}

table.tabledata{margin:10px}

.middle{vertical-align:middle}
.baseLine{vertical-align:bottom}

.centre{text-align:center}
.right{text-align:right}
.left{text-align:left}

.blue{background-color:#79A7C3}
.lightPink{background-color:#FFE5E6}
.lightGreen{background-color:#C9FFCC}
.darkBlue{background-color:#325970}
.gray{background-color:#aaa}
.grayColour{color:#aaa}
.darkishBlue{background-color:#426BFF}
.cornBlue{background-color:#6080FF}
.skyBlue{background-color:#849FFF}
.lightSkyBlue{background-color:#96AEFF}
.blackColour{color:#000}
.marronColour{color:Maroon}

.bold{font-weight:bold;font-family:Arial,Helvetica,sans-serif;font-size:1.1em}

.whiteColour{color:#fff}
.whiteBackground{background-color:#fff}

.hidden{display:none}

.visible{visibility:visible}

.blueBorder{border:1px #79A7C3 solid}

td.logo{width:80px}

.webTitle{font-size:1.4em;font-weight:bolder;color:#007700}
.loginTitle{font-size:3.0em;font-weight:bolder;color:#007700}

.lightPadding{padding:5px}
.padRight{padding-right:5px}
.padRightMedium{padding-right:25px}
.padTop{padding-top:20px}

.pointer{cursor:pointer;color:#000}

.clickable{cursor:pointer;color:#000;vertical-align:baseline}

.radio{cursor:pointer}

.info{
padding:8px;
border:1px solid #1A590D;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
text-align:center;
}

.bgRed{background-color:red}
.whiteText{color:white}

.largeFont{font-size:1.3em}

textarea{min-width:400px;width:60%}

table.coilEnquiry{width:90%;font-weight:bold}

.coilEnquiryTableheader{font-family:Arial,Helvetica,sans-serif;color:#040;font-size:1.0em;padding:0;font-weight:bold}

.texttop{vertical-align:text-top}

input.hasDatepicker{text-align:left;background-position:right center;background-repeat:no-repeat;padding-right:18px}

.fill{width:100%}
.nearlyfill{width:97%}

.bigger{font-size:1.2em}

.centreTable{margin:0 auto}

.divWidget{
display:inline-block;
text-align:left;
margin-top:10px;
background-color:#eee;
border:1px solid #aaa;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
box-shadow:rgba(66, 66, 66, 0.5) 7px 10px 16px;
-webkit-box-shadow:rgba(66, 66, 66, 0.5) 7px 10px 16px;
-moz-box-shadow:rgba(66, 66, 66, 0.5) 7px 10px 16px; /* FF 3.5+ */
}

h3.widget {
    margin:0;
    padding:3px 0 4px 4px;
    background-image: url("images/h2-bg.jpg");
    background-repeat: repeat-x;
    font-family: Arial,Helvetica,sans-serif;
    color: #ffffff;
    font-size: 1.1em;
    font-weight: normal;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border: 1px solid #fff
}

.floatRight{float:right}
.lightMargin{margin:10px}

.rounded{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}

.mediumPadding{padding:10px}

.marginTopSmall{margin-top:10px}

.buttonText{font-size:0.7em;color:#000;text-align:center; vertical-align:super}
.dispatchWaiting{background-color:#FFDEDD}
.dispatchProcessing{background-color:#C9FFCC}
.dispatchGone{background-color:#E0E0E0}

.lightblue{background-color:#BFD5E2}
.aliceBlue{background-color:#E0E0E0}

.lower{vertical-align:text-bottom}

.normalFont{font-size:0.8em}

/* TipTip CSS - Version 1.2 */
#tiptip_holder{display:none;position:absolute;top:0;left:0;z-index:99999}
#tiptip_holder.tip_top{padding-bottom:5px}
#tiptip_holder.tip_bottom{padding-top:5px}
#tiptip_holder.tip_right{padding-left:5px}
#tiptip_holder.tip_left{padding-right:5px}

#tiptip_content{
font-size:11px;
color:#fff;
text-shadow:0 0 2px #000;
padding:4px 8px;
border:1px solid rgba(255,255,255,0.25);
background-color:rgb(25,25,25);
background-color:rgba(25,25,25,0.92);
background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
box-shadow:0 0 3px #555;
-webkit-box-shadow:0 0 3px #555;
-moz-box-shadow:0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner{position:absolute;border-color:transparent;border-style:solid;border-width:6px;height:0;width:0}
#tiptip_holder.tip_top #tiptip_arrow{border-top-color:#fff;border-top-color:rgba(255,255,255,0.35)}
#tiptip_holder.tip_bottom #tiptip_arrow{border-bottom-color:#fff;border-bottom-color:rgba(255,255,255,0.35)}
#tiptip_holder.tip_right #tiptip_arrow{border-right-color:#fff;border-right-color:rgba(255,255,255,0.35)}
#tiptip_holder.tip_left #tiptip_arrow{border-left-color:#fff;border-left-color:rgba(255,255,255,0.35)}
#tiptip_holder.tip_top #tiptip_arrow_inner{
margin-top:-7px;
margin-left:-6px;
border-top-color:rgb(25,25,25);
border-top-color:rgba(25,25,25,0.92)
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner{margin-top:-5px;margin-left:-6px;border-bottom-color:rgb(25,25,25);border-bottom-color:rgba(25,25,25,0.92)}
#tiptip_holder.tip_right #tiptip_arrow_inner{margin-top:-6px;margin-left:-5px;border-right-color:rgb(25,25,25);border-right-color:rgba(25,25,25,0.92)}
#tiptip_holder.tip_left #tiptip_arrow_inner{margin-top:-6px;margin-left:-7px;border-left-color:rgb(25,25,25);border-left-color:rgba(25,25,25,0.92)}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0){	
	#tiptip_content{padding:4px 8px 5px 8px;background-color:rgba(45,45,45,0.88)}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner{border-bottom-color:rgba(45,45,45,0.88)}
	#tiptip_holder.tip_top #tiptip_arrow_inner{border-top-color:rgba(20,20,20,0.92)}
}

.green{background-color:#AABBAA}
.darkGreen{background-color:#647A66}
.lightGreen{background-color:#C9FFCC}
.grayBack1{background-color:#fff}
.grayBack2{background-color:#fff}
.grayBack3{background-color:#fff}
.grayBack4{background-color:#fff}
.runReportButton{margin:0}
.smallButton{width:90px}
.underLine{text-decoration:underline}

h2.ie6warning{color:Yellow;text-align:center;display:none}

hr.coilEnquiry{width:95%;text-align:left}

.adminHeader{background-color:#686}
.adminData{background-color:#fff}

.ui-datepicker-trigger{margin-left:5px;margin-bottom:-3px;cursor:pointer}

.stockItems th{padding:4px}
.stockItems td{padding:4px}

.alert-box{color:#555;border-radius:10px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;padding:10px 36px;margin:10px}
.alert-box span{font-weight:bold;text-transform:uppercase}
.error-box{background:#ffecec url('images/error.png') no-repeat 10px 50%;border:1px solid #f5aca6}
.success-box{background:#e9ffd9 url('images/success.png') no-repeat 10px 50%;border:1px solid #a6ca8a}
.warning-box{background:#fff8c4 url('images/warning.png') no-repeat 10px 50%;border:1px solid #f2c779}
.notice-box{background:#e3f7fc url('images/notice.png') no-repeat 10px 50%;border:1px solid #8ed9f6}

.notice{
    color:#fff;
    padding:10px;
    text-align:left;
    background-color:rgba(0,30,0,0.5);
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #fff;
}

.genericBtn{padding-left:30px !important;color:#000;font-size:1.2em !important;font-weight:bold !important;height:30px}
.cancelBtn{background:#ededed url(images/cancelbutton.png) no-repeat 5px !important}
.amendBtn{background:#ededed url(images/back.png) no-repeat 5px !important}
.confirmBtn{background:#ededed url(images/ok.png) no-repeat 5px !important}

.reportRow{font-size:1.1em}

.pageInfo{
    color:#1A590D;
    border:1px solid #1A590D;
    margin-top:10px;
    padding:10px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    background-color:#E2F3DE;
    text-align:center;
    font-size:1.4em;
    font-weight:normal
}