div.wpcf7 {
margin: 0;
padding: 0;
}
div.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #ff0000;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
}
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
border: 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
border: 2px solid #ffa500;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
border: 2px solid #f7e700;
}
.wpcf7-form-control-wrap {
position: relative;
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid #ff0000;
background: #fff;
padding: .2em .8em;
}
span.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-display-none {
display: none;
}
div.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-image: url(//compassqld.com.au/wp-content/plugins/contact-form-7/images/ajax-loader.gif);
width: 16px;
height: 16px;
border: none;
padding: 0;
margin: 0 0 0 4px;
vertical-align: middle;
}
div.wpcf7 .ajax-loader.is-active {
visibility: visible;
}
div.wpcf7 div.ajax-error {
display: none;
}
div.wpcf7 .placeheld {
color: #888;
}
div.wpcf7 .wpcf7-recaptcha iframe {
margin-bottom: 0;
}
div.wpcf7 input[type="file"] {
cursor: pointer;
}
div.wpcf7 input[type="file"]:disabled {
cursor: default;
}.tabs { margin: 0; padding: 0; }
.tab { display: inline-block; zoom:1; *display:inline; background: #eee; border: solid 1px #999; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
.tab a { font-size: 14px; line-height: 2em; display: block; padding: 0 10px; outline: none; }
.tab { display: inline-block; zoom:1; *display:inline; background: #eee; border: solid 1px #999; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
.tab a { font-size: 14px; line-height: 2em; display: block; padding: 0 10px; outline: none; }
.tab a:hover { text-decoration: none; }
.tab.active { background: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #666; }
.tab a.active { font-weight: bold; }
.tab-container .panel-container { background: #fff; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
.panel-container { margin-bottom: 10px; } .tab.selected-tab { background: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #666; }
.tab a.selected-tab { font-weight: bold; }
.tab{
margin-left:0 !important;
}
.tab-section{
padding:20px;
border: 1px solid #EDEDED;
}
.tab-section H3{
color:#F58D33;
} #tab-side-container { background: none; border: none; height: 135px;}
#tab-side-container p{ color:#333; margin-left: 145px;}
#tab-side-container .side-panel{ 
padding: 10px;
margin-left: 109px; 
}
#tab-side-container strong {
width: 135px;
}
#tab-side-container ul { height: auto; list-style: none; margin: 0; padding: 0; background: #f58d33; float: left; border-right: solid 1px; }
#tab-side-container ul li { width: 100px; margin: 0; padding: 0; text-align: center; }
#tab-side-container ul li a { display: block; padding: 15px 0; outline: none; }
#tab-side-container ul li a:hover { text-decoration: none; }
#tab-side-container ul li.selected-tab { background: #FEF5EC; position: relative; left: 1px; border-style: solid; border-width: 1px 0; }
#tab-side-container ul li:first-child.selected-tab { border-top: none; }
#tab-side-container ul li:last-child.selected-tab { border-bottom: none; }
#tab-side-container ul li a.selected-tab { font-weight: bold; text-decoration: none; }
#tab-side-container .panel-container { background: #fff; padding-top: 5px; padding-left: 120px; } #tab-bottom-container { width: 100%; padding: 0; clear: both; }
#tab-bottom-container ul { list-style: none; margin: 0; padding: 0; width: 100%; }
#tab-bottom-container ul li { float: left; width: 33.33%; margin: 0; padding: 0; text-align: center; border-top: solid 1px; }
#tab-bottom-container ul li a { display: block; padding: 15px 0; outline: none; }
#tab-bottom-container ul li a:hover { text-decoration: underline; }
#tab-bottom-container ul li.active { width: 33%; background: #fff; border: solid 1px; border-top: none; }
#tab-bottom-container ul li a.active { font-weight: bold; text-decoration: none; }
#tab-bottom-container .panel-container { background: #fff; border: solid 1px; border-bottom: none; padding: 10px; margin-bottom: 0; } #tab-collapsible-container { background: #fff; padding: 5px; border: solid 1px; }
#tab-collapsible-container ul { margin: 0; padding: 5px 5px 0; background: #ccc; border: solid 1px; }
#tab-collapsible-container ul li { display: inline-block; background: #ccc; border: solid 1px; border-bottom: none; margin: 0; }
#tab-collapsible-container ul li a { display: block; padding: 5px; outline: none; }
#tab-collapsible-container ul li a:hover { text-decoration: underline; }
#tab-collapsible-container ul li.active { background: #fff; padding-top: 6px; position: relative; top: 1px; }
#tab-collapsible-container ul li a.active { font-weight: bold; }
#tab-collapsible-container .panel-container { background: #fff; border: none; padding: 0 10px; background: #fff; } #tab-disconnected-container ul { height: 52px; width: 100%; list-style: none; margin: 0; padding: 0; background: #ccc; }
#tab-disconnected-container ul li { float: left; width: 33.3%; margin: 0; padding: 0; text-align: center; }
#tab-disconnected-container ul li a { display: block; padding: 15px 0; line-height: 20px; outline: none; }
#tab-disconnected-container ul li a:hover { text-decoration: underline; }
#tab-disconnected-container ul li.active { background: #fff; position: relative; left: 1px; }
#tab-disconnected-container ul li a.active { font-weight: bold; text-decoration: none; border: solid 1px; }
#tab-disconnected-container .panel-container { background: #fff; padding: 10px; border: solid 1px; }
#disconnected-tab3 { background: #fff; padding: 10px 15px; border: solid 1px #999; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 15px 0; } #tab-transition-container .panel-container { padding: 5px; }
#tab-transition-container .panel-container .active { padding: 0 5px; } .tab-container fieldset { background: #fff; }
.tab-container .field-container { background: #fff; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; } .prev-tab, .next-tab { display: block; width: 100px; text-align: center; margin-top: 10px; }
span.prev-tab, span.next-tab { background: #ccc; }
.prev-tab { float: left; }
.next-tab { float: right; } #twitter-bootstrap-container { background: #fff; padding: 10px; height: 75px; margin-bottom: 15px; }