@import url(responsive.css);
/*Color Palette
Nav BG - Blue #3cafd1
Nav Rollover - Dk blue #3c96b1
Content BG - Grey #ededed

Green - #03ab72

Headers font-family: 'Roboto', sans-serif;

*/
/* Makeshift CSS Reset */
* {margin: 0;padding: 0;}
/* Tell the browser to render HTML 5 elements as block */
header, footer, section, aside, nav, article {display: block;}
body {margin: 0 auto; padding: 0px 0; width: 1360px; font: 16px/22px Arial, sans-serif;background: #fff;}
img {margin:0px 20px 0px 0px;}

#banner>img, .logo{margin:0px!important;}

/*------CONTENT AREA AND SIDEBAR LAYOUT------------*/
#logo_mobile{display:none;}
header{padding:0px; margin:0px;}
#banner{padding:0px; margin:0px 0px -6px 0px; position: relative;}
.rev_slider_wrapper{z-index:1;}
#content {display: table;}
#main_content {display: table-cell;width: 64%; padding: 60px 0px 60px 0px; background-color:#ededed; vertical-align:top;}
#main_content_inner {display: table-cell;width: 64%; padding: 25px 0px 60px 0px; background-color:#ededed; vertical-align:top;}

article{width:950px; padding:0px 0px 0px 45px; float:left;}

aside {width: 320px; background-color:#ededed; padding: 0px 0px 0px 0px; float:right;}
aside section {margin: 22px 0 0 0px;padding: 11px 0px;}
aside section ul {margin: 0 0 0 22px;list-style: none;}
aside section ul li a {display: block;text-decoration: none;color: #000;}
aside section ul li a:hover {text-decoration: underline;}

.item-page{width:940px}

.custom{padding-bottom:20px;}

/*Table for permits*/
.table-permits thead tr {font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#000; border-bottom:2px solid #4b4b4b; }
.table-permits thead tr th {border-bottom: 1px solid #7b7a7a; border-collapse:separate;}

.header{font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#000; border-bottom:2px solid #4b4b4b; }
p.title{font-size:18px; font-family:Arial, Helvetica, sans-serif;  padding:3px 7px 3px 7px;}
.even p, .odd p {line-height:normal; font-size:14px; line-height:normal; font-size:14px; padding:3px 7px 3px 7px;}
/* Zebra striping 
tr:nth-of-type(odd) { background: #d8d7d7; }*/
tr.cat-list-row1{ background: #d8d7d7; }
.odd, .even{border-bottom:1px solid #7b7a7a}
/*table within table on planning above ground*/
.table2-above th{padding:0px 5px}
.table2-above thead tr th {border-bottom: 1px solid #7b7a7a; border-collapse:separate;}

/*------text styles------*/

h1, .com_docman h1 {font-family: 'Roboto Condensed', sans-serif; font-size:26px; padding: 0px 0px 20px 0px; color:#03ab72; text-transform:uppercase; font-weight:normal;}
.item-page>h2:first-child, .contact-category>h2:first-child {font-size: 26px; padding: 0px 0px 20px 0px; font-family: 'Roboto Condensed', sans-serif; color:#03ab72; font-weight:normal; text-transform:uppercase;}
h2 {font-size: 22px; padding: 11px 0px 0px 0px; font-family: 'Roboto Condensed', sans-serif; color:#03ab72; font-weight:normal;}
h3 {font-size: 20px; padding: 11px 0px 0px 0px;  font-family: 'Roboto Condensed', sans-serif; color:#03ab72; font-weight:normal;}
h4 {font-size: 18px; padding: 11px 0px 0px 0px;  font-family: 'Roboto Condensed', sans-serif; color:#000; font-weight:normal;}
p {padding: 5px 0px 5px 0px; line-height:25px;}

p.sm {font-size:11px;}

ol{margin:0px 0px 0px 25px;}
ul.dynamic-list{list-style-type:none;}

/*Breadcrumbs*/
ul.breadcrumb{padding-bottom:20px; margin:0px 0px 0px 0px}
ul.breadcrumb li{ display:inline;}
a.pathway{}
.breadcrumb li.active{color:#03ab72}

a{color:#000; text-decoration:underline;}
a:hover{color:#000000; text-decoration:none;}

ul {margin:0px 0px 0px 20px}
ul li ul{margin:0px 0px 0px 20px}
li {list-style-position:outside;}

a.title{color:#000; font-size:16px; text-decoration:underline;}
a.all-news-link{color:#000000; font-size:14px; position:relative; top:-22px; left:130px; font-size:14px;}
.news{padding-bottom:20px;}

.fleft{float: left;}
.fright{float:right;}

/*Widget Rollovers*/

a.dashboard_button{background: url("/images/dashboard-home.png") 0 0 no-repeat; display:block; height:40px; width:192px; float:right; padding:0px; margin-top:-40px;}
a:hover.dashboard_button{background: url("/images/dashboard-home-hover.png") 0 0 no-repeat; display:block; height:40px; width:192px;}

a.logout_button{background: url("/images/logout-button.png") 0 0 no-repeat; display:block; height:40px; width:108px;}
a:hover.logout_button{background: url("/images/logout-button-hover.png") 0 0 no-repeat; display:block; height:40px; width:108px;}

/*a.api_widget{background: url("/images/api-tanks.jpg") 0 0 no-repeat; display:block; height:248px; width:288px;}
a:hover.api_widget{background: url("/images/api-tanks-hover.jpg") 0 0 no-repeat; display:block; height:248px; width:288px;}

a.training_widget{background: url("/images/operator-training.jpg") 0 0 no-repeat; display:block; height:248px; width:288px;}
a:hover.training_widget{background: url("/images/operator-training-hover.jpg") 0 0 no-repeat; display:block; height:248px; width:288px;}

a.search_widget{background: url("/images/search-requests.jpg") 0 0 no-repeat; display:block; height:248px; width:288px;}
a:hover.search_widget{background: url("/images/search-requests-hover.jpg") 0 0 no-repeat; display:block; height:248px; width:288px;}

a.links_widget{background: url("/images/web-links.jpg") 0 0 no-repeat; display:block; height:62px; width:288px;}
a:hover.links_widget{background: url("/images/web-links-hover.jpg") 0 0 no-repeat; display:block; height:62px; width:288px;}*/

/*----NAVIGATION------*/

nav ul{margin:0px 0px 0px 0px}
nav ul.menu li ul{margin:0px 0px 0px 0px}
nav {left: 0;width: 100%; height:63px; background-color: #3cafd1; font-weight: 700; font-family: 'Roboto Condensed', sans-serif; font-size: 20px;  }
nav ul.menu {margin: 0 auto;width: 1360px;list-style: none; padding:0px 0px 0px 0px;}
nav ul.menu li {float: left; display:inline;  margin-right:0px;  position: relative;  padding:5px 0px 8px 0px;  margin-top:6px;}
nav ul.menu li a {display: block; margin: 0px 21px 0px 0px;width: 200px;font-size: 20px;line-height: 44px; text-align: center;text-decoration: none;color: #fff;  font-family: 'Roboto Condensed', sans-serif; font-weight:700; letter-spacing:1px}
nav ul.menu li.item-101{display:none;}

nav ul.menu li:hover {color: #fff; background-color:#3c96b1; padding:5px 0px 8px 0px;}
nav ul.menu li a:hover {color: #fff;}
nav ul.menu li.selected a {color: #fff;}

/*Sub Menus*/
ul.menu li.selected a, ul.menu li a:hover, ul.menu ul li.current a {}
ul.menu li:hover ul {display: block; position: absolute;}
ul.menu li:hover li {float: none; font-size: 11px;}
ul.menu li ul{display: none; position: absolute; padding:0px 0px 0px 0px;  z-index:999; margin-top:7px;  left:0px;}

ul.menu li ul li  {padding:0px; margin:0px}
ul.menu li ul li a {display: block; padding:8px 8px 8px 13px; background-color:#3c96b1; color:#fff; text-align:left; font-size:18px; line-height:normal; }
ul.menu li ul li a:hover {display: block; padding:8px 8px 8px 13px; background-color:#3cafd1; color:#FFFFFF;}

ul.menu li.parent {padding-right: 0px;}
ul.menu li.parent>a {padding:0px 0px 0px 0px;}
ul.menu li.parent>a:hover {background-color: #3c96b1; color:#fefefe}
ul.menu li.active {background-color: #3c96b1; padding:5px 0px 8px 0px; margin-top:6px;}
ul.menu li.active a{color:#fefefe;}
ul.menu li>ul a {width: 200px;}

/*Sitemap Menu*/
.muted{display:none;}


/*----------FOOTER------------*/
footer {left: 0; width:100%; background: url("/templates/ptmaa/images/footer_bg.jpg") repeat-x; padding:0px;  margin:-11px 0px 0px 0px;}
footer div {display: table;margin: 0 ;padding:0;color: #777; width:100%;}
footer div #footer {width:760px;}
footer div #addy {padding: 25px; display: table-cell; color:#fff;}
footer div #addy p{color:#fff;}
footer div #addy a{color:#FFFFFF}
footer h3 {color: #FFF;}
footer a {color: #999;}
footer a:hover {color: #FFF;text-decoration: none;}
footer ul{margin: 0 0 0 0px; display:inline; color: #fff;}
footer ul li {margin: 0 0 0 0px; list-style: none; display:inline; color: #fff; border-right:1px solid #fff;/**/}
footer ul li.item-204 {margin: 0 0 0 0px; list-style: none; display:inline; color: #fff; border-left:1px solid #fff;/**/}
footer ul li.current {background-color:transparent;}
footer ul li.active {padding:0px;}
footer ul li a {color:#fff; padding:0px 20px 0px 20px;}
#footer_copy{ float:right; padding:70px 30px 0px 0px}
#footer_copy p{color:#fff; padding:0px 0px 0px 0px; font-size:14px;}
#footer_copy a{color:#fff; font-size:14px; text-decoration:none;}
#footer_copy a:hover{color:#ededed; font-size:14px; text-decoration:none;}
footer .custom{padding:0px;}

/*FAQs*/
#right-list div[id^="faq"]{background: #fff url('../images/icon-expand.png') no-repeat 99% 15px;margin: 8px 0px 0px 0px;padding: 8px 20px;top: 18px;border:2px solid #3cafd1;}
#right-list div[id^="faq"].active, #one-list ul li.active, #search-results-list {background-position: 99% -35px;background-color: #3cafd1;margin: 8px 0px 0px 0px;padding: 8px 20px;top: 18px;}
#right-list ul li div[id^="faq"], #one-list ul li, #search-results-list {background: #fff url('../images/icon-expand.png') no-repeat 99% 15px;margin: 8px 0px 0px 0px;padding: 8px 20px;top: 18px;border:2px solid #3cafd1;}
#right-list ul li.active div[id^="faq"], #one-list ul li.active, #search-results-list {background-position: 99% -35px;background-color: #3cafd1;margin: 8px 0px 0px 0px;padding: 8px 20px;top: 18px;}
#right-list ul li.active div[id^="faq"] a {color: #fff;font-weight:normal;font-size:16px; text-decoration:none;}
#right-list ul li div[id^="faq"] a:hover{color:#040506;font-weight:normal;font-size:16px; text-decoration:none}
#right-list ul li div[id^="faq"] a {color: #000;font-weight:normal;font-size:16px; text-decoration:none}
#right-list ul li {padding: 0px 0px; list-style-type:none}
a.categoryButton, a:hover.categoryButton {font-size:18px;}
.answer{background:#fff;border:2px solid #3cafd1; padding:10px}
.answer p {padding:0px 5px 0px 15px; color: #4d4d4d; font-weight:normal}
#nav-bar h3{padding:3px;}
#faq-nav{/*background-color:#e8e8e8; border:1px solid #aaaaaa;*/}

/*Banner*/
.fullwidthbanner-container{z-index:1;}
/*Search Box*/
/*#search{float:right; position:relative; margin-top:-40px; left:-75px; z-index:2;}*/
#search {position: absolute; right: 10px; bottom: 15px; z-index: 2;}
.search label{display:none;}
.inputbox {border:2px solid #3cafd1; padding:2px 5px 2px 5px; }
#image1{border:none;}
.img_search{display: block;height: 25px;width: 25px; position: relative; float: right; left: -25px;top: 3px;cursor: pointer; background:url('../images/search-glass.png') no-repeat 0 0; z-index:3;  }
/*To remove the x that IE displays in form fields*/
input[type=text]::-ms-clear { display: none;}

/*Search form - ChronoForms*/
.chrono_credits{display: none;}
.gbs3 h1{font-family: 'Roboto Condensed', sans-serif; font-size:26px; padding: 0px 0px 20px 0px; color:#03ab72; text-transform:uppercase; font-weight:normal; margin:0px;}
.gbs3 h2{font-size: 22px; padding: 11px 0px 0px 0px; font-family: 'Roboto Condensed', sans-serif; color:#03ab72; font-weight:normal; margin:0px;}
.gbs3 p{margin:0px;}
.container_left{float:left; width:320px;}
.container_right{float:right; width:360px;}
.container_right_second{float:right; width:360px; margin-top:45px;}
.ccms_form_element label{display:block;}
.ccms_form_element h4{font-size: 18px; padding: 11px 0px 11px 0px;  font-family: 'Roboto Condensed', sans-serif; color:#03ab72;}
.form_holder{width:770px; background-color:#FFFFFF; padding:0px 20px 20px 20px;}
.clear{float:none; clear:both;}
div.tooltipimg {z-index: 1000; background: url('../images/question-symbol.png') no-repeat 0 0; text-indent:-999px; font-size:0px;}
.form_holder label{padding:10px 0px 0px 0px;}
.tooltipbox {font-size:11px; width:450px; background-color:#FFFFFF; padding:10px;}

#reference_number1_container_div {position: relative;}
#reference_number1_container_div .tooltipimg {position: absolute; width: 22px; left: 160px; top: 10px;}
#confirm1_container_div {position: relative;}
#confirm1_container_div .tooltipimg {float: right; width: 19px; top: 25px; background-repeat:repeat-x}

.cfdiv_checkbox label{display:inline;}
.address31_container_div{margin-top:10px;}

.button, .validate{color:#FFFFFF; background-color:#22c0c7; padding:5px 10px 5px 10px;}
input[type="reset"]{color:#FFFFFF; background-color:#939393; padding:5px 10px 5px 10px;}
label{font-size:14px; font-family:Arial, Helvetica, sans-serif; padding:0px 5px 0px 0px }
input{clear:both; padding:2px 5px 2px 3px; margin-left:0px}

.notice, .error{color:#FF0000;}


.logo_link {}

/*User Login*/
.login-fields label{display:block; font-size:16px;}
.login p{font-size:14px;}
.validate-password{margin-right:10px;}

/*Contacts*/
.display-limit>.inputbox {border:1px solid #8d8d8d;}
.item{border-bottom:1px solid}

/*Contact Us*/
.star{color:#FF0000}
.contact-address>address>.contact-street, .contact-postcode{display:block;}
div.contact-address>span.jicons-icons{float:left; padding:0px 0px 23px 0px}
.contact-address{padding-top:10px;}
/* Form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/*Pagination*/
.pagination{padding:10px; float:right;}
.pagination ul li{ list-style-type:none; display:inline; margin:0px; padding:0px 10px 0px 0px; color:#03ab72; text-transform:uppercase;}
.pagination ul li a{text-decoration:underline; color:#000000}
p.counter{text-transform:uppercase; color:#03ab72; text-align:right;}

/******Search************/
.search_button{color:#FFFFFF; background-color:#909090; padding:4px 15px 4px 15px; margin:0px;cursor: pointer;border: none;}
fieldset{border: 0px;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-before: 0em;-webkit-padding-start: 0em;-webkit-padding-end: 0em;-webkit-padding-after: 0em;	}
.search label {font-weight: normal;font-size: 16px;}
#limit{border:1px solid #8d8d8d;}
.searchintro{margin-top: 18px;}
.phrases{display: none;margin-top: 18px;}
.form-limit{margin-top: 18px;}
.form-limit label{display:inline;margin-top: 18px;}
#adv_search_link {margin: 10px 0px;}
#adv_search_link  a:hover{color:#040506;}

.section {width: 100%;margin: 18px 0 30px;}
ul.tabs {height: 28px;line-height: 28px;list-style: none;/*border-bottom: 1px solid #DDD;*/-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px;margin-left: 10px;}
.tabs li.current {height: 25px;color: #4d4d4d;background: white;padding: 0 13px 2px;border: 1px solid #b6b6b6;border-bottom: 1px solid white;font-weight: bold;}
.tabs li:hover.current {background: white;}
.tabs li {float: left;display: inline;margin: 0 3px -1px 0;padding: 0 13px 0px;color: #fff;font-weight: bold;cursor: pointer;background: #03ab72;/*border: 1px solid #E4E4E4;*/border-bottom: 1px solid #b6b6b6;position: relative;}
.tabs li:hover{background: #4d4d4d;}
.box.visible {display: block;}
.box {display: none;border: 1px solid #b6b6b6;border-width: 1px 1px 1px;background: white;padding: 10px 12px;margin-top: 0px;}
.phrases-box label{display:inline}
.search-results{-webkit-margin-before: 1.5em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;}
.search-results a{font-weight: bold;color: #4d4d4d;}
.result-title{padding-left: 13px;}
.result-title a:hover{color:#040506;}
.result-category{-webkit-margin-start: 13px;}
.result-text{-webkit-margin-start: 13px;}
.result-created{-webkit-margin-start: 13px;margin-bottom: 1.5em;}


/*JURISDICTION*/
div.termname{float:none;}
dl.tabs dt{border:none; width:19px;}
dl.tabs dt a{text-decoration:none; padding:0px 0px}
dl.tabs dt.open{font-family:arial; font-size:20px; background: #03ab72 /*url('../images/glossary_btn_active.jpg') no-repeat 0px 15px*/; color:#FFFFFF; border:none; width:11px;}
div.current{border:none;}
dl.tabs dt h3{padding:12px 0px 9px 0px;}
dl.tabs dt.open h3{padding:12px 0px 9px 0px;}

ul.glossaryMenu{padding:0px 0px 25px 0px; margin:0px 0px 0px -10px ;}
ul.glossaryMenu li{list-style:none; display:inline; padding:0px 0px 0px 0px;font-weight:bold;}
ul.glossaryMenu li a.a, ul.glossaryMenu li a.b, ul.glossaryMenu li a.c, ul.glossaryMenu li a.d, ul.glossaryMenu li a.e, ul.glossaryMenu li a.h, ul.glossaryMenu li a.j, ul.glossaryMenu li a.k, ul.glossaryMenu li a.m, ul.glossaryMenu li a.n, ul.glossaryMenu li a.o, ul.glossaryMenu li a.r, ul.glossaryMenu li a.s, ul.glossaryMenu li a.t, ul.glossaryMenu li a.u, ul.glossaryMenu li a.v{font-family:arial; font-size:20px; padding:3px 10px 5px 11px; text-decoration:none; }
 ul.glossaryMenu li a.o, ul.glossaryMenu li a.m{font-family:arial; font-size:20px; padding:3px 10px 5px 9px; text-decoration:none; }
ul.glossaryMenu li a.g{font-family:arial; font-size:20px; padding:3px 9px 5px 9px; text-decoration:none; }
ul.glossaryMenu li a.f, ul.glossaryMenu li a.p, ul.glossaryMenu li a.l{font-family:arial; font-size:20px; padding:3px 13px 5px 12px; text-decoration:none;}

ul.glossaryMenu li a.i{font-family:arial; font-size:20px; padding:3px 13px 5px 14px; text-decoration:none;}
ul.glossaryMenu li a.w{font-family:arial; font-size:20px; padding:3px 14px 5px 9px;  text-decoration:none;}
ul.glossaryMenu li a.activeLetter{font-family:arial; font-size:20px; background: #ededed url('../images/glossary_btn_active.jpg') no-repeat 2px 0px; color:#FFFFFF}
ul.glossaryMenu li.no_words{font-family:arial; font-size:20px; color:#d1d2d4}
ul.glossaryMenu li.y{padding:0px 15px 0px 15px}
.glossary p{font-family:arial;}
.letter{display:none;}

/* Additional css */
float-right{float:right;}
float-left{float:left;}
.tablea{width:100%;}
.contact-fax{position:relative; left: -5px;}
.contact-mobile{position:relative; left: -7px;}
#jform_contact_message{max-width: 417px;}
.planning_ul{padding-left: 270px;}
.search_results_found{margin-left: 12px;height: 36px;}
#additional_comments{max-width: 377px;}
.farm_tanks_list{padding-left: 319px;}
.contact-position{padding: 14px 0px 5px 0px;line-height: 25px;float: left;}
.contact-miscinfo{margin-top: 8px;}