/* 

blue - #25509E

Green - #009C7B
lightgreen - #8DCD9C

Really Light Yellow - #FFFFD9
light Yellow - #FEFFC1
dark yello - #FFC316

*/


.hiddenlabels {display: none; }
td.sameaddress { padding: 3px; }
.finalfigures { width: 100px; border:solid 0 #fff; border-style: none; background-color: transparent;}
/* styles to to be edited for the authority */

/* Standard */

.featureBox { padding: 0 10px 10px 10px; border: 1px solid #657DA6;}
div#header {padding:10px; margin-bottom:20px; /* font-family: verdana; font-weight:bold; color: #003399; background-color:#95B3DE; border: 1px solid #657DA6; */}
div#plantech {background-color:#D6DEEC; }
div#trailing_text {font-size: 70%; margin-top: 18px}
.pFrame {border: 1px solid #657DA6; background-color:white; margin-bottom:20px; font-size:75%;}
.pTitle {background-color:#95B3DE; color:#003399; font-weight:bold; padding: 5px 5px 5px 7px; }
.pBody {background-color:white; padding:5px; line-height:17px;}
.clear {clear:both;}

table.nounderlinetable td {border-bottom:0;}
td.nounderline {border-bottom:0;}
td {border-bottom:1px solid #dddddd;}
td.col1 {width:150px; padding-right:10px; vertical-align: middle;}
td.col10, td.col20, td.col30, td.col40, td.col50, td.col60, td.col70 {padding-right:5px;}

div.submit {background-color:#3D77CB; color:#003399; font-weight:bold; padding: 5px 5px 5px 7px; border: 1px solid #657DA6}
span.underline {margin-bottom:4px; padding-bottom:4px; border-bottom:1px solid #dddddd; display:block;}
span.nounderline {margin-bottom:4px;}

/* styles effecting all pages */

table.titlename, table.titlename tr {padding: 0; border-width: 0; width: 100%;}
td.titlenamecell {padding: 1px; }
table.titlename select { width: 60px; }
table.titlename input { margin-right: 0px; }

ol li { padding-bottom: 10px;}
div, span, input, select, textarea, form,p {font-family: verdana, sans-serif; text-align: left; padding: 0; margin: 0; vertical-align: top;}
TD, p { font-size:75%;}
span.warning { color:red; font-weight:bold; }
input {margin-top:2px; margin-bottom:2px;}
tbody#files_list, tbody#files_list input { font-size:90%; }
tbody#files_list td {border-bottom: 0; padding: 1px;}
tbody#files_list input { text-align: center; }
input.xferbutton { text-align: center; }
table.sameaddress td { padding: 0; margin: 0; border: 0; }

h1 {font-family:verdana; color:#FFFFFF; background-color:#3D77CB; padding:3px; margin:0px; font-size:110%;}
a:link {}
a:visited {}
a:hover {text-decoration:underline; color:blue;}

/* Fee Calculator */

body.onlineCalculator {background-color: #F0F3F9; }

h1.feeCalculator {}

.onlineCalculator {width: 560px}

div.feeCalculator {position: relative; padding-top: 10px; width: 97%; }
div.calculatorPanel {position: relative; padding: 0.5em; border: 1px solid #657DA6; background-color:white; margin-top: 12px; margin-bottom: 12px; width: 100%} 

div.calculatorPanel th, td { padding: 3px 3px 3px 3px; height: 1.6em; vertical-align: middle;}

div.downArrowContainer {text-align: center; }
div.downArrow { width: 24px; text-align: center; vertical-align: middle;}

div.panelHeading { position: relative; font-size: 90%; font-weight: bold; top: 0px; left: 0px; margin-bottom: 1.5em; width: 90%} 
div.help { position: absolute; top: 3px; right: 3px; text-align: right; margin-bottom: 1.5em} 

.uneditable {background-color: #CCCCCC; border: 1px solid #657DA6; background-color:white; margin-bottom:10px; margin-top: 10px}

div.navigator {border: 1px solid #657DA6; text-align: left; height: 40px; vertical-align: middle; }
div.navigator {background-color:white; margin-bottom:10px; margin-top: 10px;}
div.navigator {padding-top: 1px; width: auto;  }

div.navigator label {margin: 4px; float: left; margin-right: 0; line-height: 28px; font-size: 80%;  }
div.navigator form {margin: 4px; float: left; margin-right: 0; background-color: #CCE1DD; }
div.navigator input {margin: 4px; float: left; margin-right: 0; height: 28px; }

div.navigator button {vertical-align: middle; padding: 0; width: 2.5em; background-color: #CCE1DD; height: 28px; font-family: verdana} 

table.feeCalculator button { padding: 0; background-color: #CCE1DD; height: 1.7em; width: 100px; font-family: verdana} 

table.calculatorInput {width: 90%; text-align: left; border-collapse: collapse; margin-bottom: 10px}
table.calculatorInput input {width: 150px; margin-bottom: 0}
table.calculatorInput select {width: 150px}
table.calculatorInput input.checkbox {width: auto; }
table.calculatorInput select {width: 200px}
table.calculatorInput td {padding-top: 0.2em; padding-bottom: 0.2em;}
table.calculatorInput td {text-align: left; padding-left: 5px; padding-right: 5px; border-bottom: 1px #D6DEEC solid }
table.calculatorInput td.col1 {width: 50%; vertical-align: middle;  border-right: 1px #D6DEEC solid; padding-right: 1em}
table.calculatorInput td.col2 { }
table.calculatorInput td.shaded {background-color: #F0F3F9;}

table.calculatorInput label {font-weight: bold; color: #3D77CB; }

div.boxout { font-size:80%; padding: 1%; border: 1px solid #D6DEEC; width: 90%; margin-bottom: 8px }
div.warning { font-weight: bold; color: #990000; display: inline }

div.baseOfSchedule {width: 100%; height: 5em; clear:both; border: 0px red solid; vertical-align: middle; text-align: left;}
div.calculateButton {width: 106px; height: 5em; float: left; padding: 0.5%; text-align: left; vertical-align: middle; }
div.calculatorResults {width: 360px; height: 5em; float: left; padding: 0.5%;   }

div.waitingForServer {margin-top: 2px; vertical-align: middle; text-align: left; clear: both;}
div.pFrame div.waitingForServer {right: 0; float: left; margin-top: 2px; vertical-align: middle; text-align: left; clear: both;}

table.calculatorResults {width: 100%; border-collapse: collapse; background-color:white;}
table.calculatorResults th { border: 1px solid #657DA6; padding: 4px}
table.calculatorResults th.col1 { border-top: 0px; border-left: 0px; background: #F0F3F9}
table.calculatorResults td { border: 1px solid #657DA6; padding: 4px}
table.calculatorResults td.col1 {width: 120px}
table.calculatorResults td.col2 {width: 100px}
table.calculatorResults td.col3 {width: 100px}
table.calculatorResults td.col4 {width: 115px}
table.calculatorResults tr#grandtotal { font-weight: bold; }

div.finalCalculatorResults {height: 9em; float:none; clear:both; padding-left: 0; width: 570px}

/*div.pBody div.finalCalculatorResults {height: 9em; float:none; clear:both;  padding-left: 0; width: 60%;}*/

div.buttonBar { margin-top: 10px; background-color:#3D77CB; color:#003399; font-weight:bold; border: 1px solid #657DA6; height: 2.2em; vertical-align: middle; text-align: center; width: 100%; margin-bottom: 6px; }
div.buttonBar table {border: 0px; width: 100%; vertical-align: middle}
div.buttonBar table td.col1 {vertical-align: middle; color: white; font-weight: bold; font-size:110%; text-align: left; padding:3px; }
div.buttonBar table td.col2 {}
div.buttonBarItem { float: right; margin: 0.3em; text-align: center; } 

div.buttonBarItem input.cancel {border: 4px outset #ff9999; text-align: center}
div.buttonBarItem input.restart {border: 4px outset #99ccff;  text-align: center}
div.buttonBarItem input.print {border: 4px outset #ffff99;  text-align: center}
div.buttonBarItem input.submit {border: 4px outset #99ff99; font-weight: bold;  text-align: center}

input.calculate {border: 4px outset; text-align: center;}
input.btnClear {right:0; border: 4px outset #99cccc; text-align: center; margin-right: 8px}
input.help {right:0; border: 4px outset #ff99ff; text-align: center}
input.nounderline {border: 0;}

input#btnLaunchCalculator { font-size: 10pt;}

table#ApplicationInformation .option {width: 250px;}
#front_page {text-align: center;}
.welcome {text-align: center; color: blue; font-size: large}
.home_page {text-align: center; font-size: large; text-decoration:underline; color:blue;}

.click {font-size: large;}