/*  
Theme Name: Senversa
Theme URI: http://www.senversa.com.au/
Description: Senversa website
Version: 2.0
*/

/* RESET */
a, a:link, a:visited, a:hover, a:active {text-decoration: none; margin: 0; padding: 0;}
p, h1, h2, h3, h4, h5, h6, ul, li {margin: 0; padding: 0;}
img {border: none; margin: 0; padding: 0;}
a {outline: none; color: #333333; cursor: pointer;}
ul li {list-style: none;}
.clearfix { clear: both; }

#panel, #special, #three_column, #two_column, #one_column, #footer {width: 860px; float: left; padding: 0 50px 0 50px;}
.last {border: none !important;}

.text_area {font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; resize: none; border: 1px solid #eeeeee; padding: 10px; width: 367px; margin: 15px 0 0 0; color: #999999;}
.text_field {border: 1px solid #eeeeee; padding: 10px; color: #999999; width: 165px; float: left; margin: 15px 15px 0 0;}
input[disabled], input.disabled {background: #fafafa;}

a.button {border-bottom: 1px dotted transparent; padding: 0 0 2px 2px; display: block; width: 48px; height: 12px; overflow: hidden; float: right; margin: 15px 0 0 0;}
a.apply, a.login {width: 52px;}
a.delete {width: 60px;}
a.button:hover {border-bottom: 1px dotted #cccccc;}
a.button:hover span {background-position: 0 -12px;}
a.more span {display: block; width: 48px; height: 12px; line-height: 200px; background: url(images/buttons/more.png) no-repeat 0 0;}
a.downloadpdf span {display: block; width: 48px; height: 12px; line-height: 200px; background: url(images/buttons/downloadpdf.png) no-repeat 0 0;}
a.send span {display: block; width: 48px; height: 12px; line-height: 200px; background: url(images/buttons/send.png) no-repeat 0 0;}
a.apply span {display: block; width: 52px; height: 12px; line-height: 200px; background: url(images/buttons/apply.png) no-repeat 0 0;}
a.save span {display: block; width: 48px; height: 12px; line-height: 200px; background: url(images/buttons/save.png) no-repeat 0 0;}
a.delete span {display: block; width: 60px; height: 12px; line-height: 200px; background: url(images/buttons/delete.png) no-repeat 0 0;}
a.login span {display: block; width: 52px; height: 12px; line-height: 200px; background: url(images/buttons/apply.png) no-repeat 0 0;}

a.button2 {border-bottom: 1px dotted transparent; padding: 0 0 2px 2px; display: block; width: 110px; height: 12px; overflow: hidden; float: left; margin: 15px 0 0 0;}
a.button2:hover {border-bottom: 1px dotted #cccccc;}
a.button2:hover span {background-position: 0 -12px;}
a.downloadpdf span {display: block; width: 110px; height: 12px; line-height: 200px; background: url(images/buttons/downloadpdf.png) no-repeat 0 0;}

.button_send {margin: 15px 0 0 0;}

/* LAYOUT */
body {background: #ededed; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin: 0; padding: 0; border: none;}
#wrapper { margin: 0 auto; width: 960px; background: url(images/common/page.png) repeat-y 0 0; display: table;}

/* HEADER OLD IMAGE (images/common/senversa_logo.gif) change height is from 76 to 71px */
#header { height: 125px; width: 900px; float: left; padding: 0 30px 0 30px;}
#header h1 {width: 149px; height: 71px; overflow: hidden; display: block; background: url(images/common/senversa_logo.gif) no-repeat 0 0; margin: 20px 0 0 20px;  float: left; }
#header h1 a span {width: 149px; height: 76px; line-height: 200px; display: block;}

#header #nav { font-size: 12px; font-weight: bold; margin: 70px 0 0 0; float: right;}
#header #nav li a:hover {background:#aec31e;}

/* PANEL */
#panel {height: 215px; width: 840px; margin: 0 0 0 10px; background: url(images/common/panel.jpg) no-repeat -10px 0;}
#panel h2 {width: 750px; height: 35px; overflow: hidden; display: block; background: url(images/common/headline.png) no-repeat 0 0; margin: 40px 0 0 0;}
#panel h2.about_page {background: url(images/common/about_senversa.png) no-repeat 0 0;}
#panel h2.careers_page {background: url(images/common/senversa_careers.png) no-repeat 0 0;}
#panel h2 span {width: 550px; height: 35px; line-height: 200px; display: block;}
#panel h3 {font-size: 12px; font-weight: normal; width: 550px; margin: 12px 0 12px 0;}
#panel a.email {width: 94px; height: 30px; background: url(images/buttons/email_us.png) no-repeat 0 0; overflow: hidden; display: block; float: left; margin: 30px 10px 0 0;}
#panel a.facebook {width: 94px; height: 30px; background: url(images/buttons/facebook.png) no-repeat 0 0; overflow: hidden; display: block; float: left; margin: 30px 10px 0 0;}
#panel a.twitter {width: 94px; height: 30px; background: url(images/buttons/twitter.png) no-repeat 0 0; overflow: hidden; display: block; float: left; margin: 30px 10px 0 0;}
#panel a.linkedin {width: 94px; height: 30px; background: url(images/buttons/linkedin.png) no-repeat 0 0; overflow: hidden; display: block; float: left; margin: 30px 0 0 0;}
#panel a span {width: 94px; height: 30px; line-height: 200px; display: block;}

/* SPECIAL */
#special {background: #eeeeee; height: 104px; margin: 0 0 0 10px; padding: 0 0 0 50px; width: 890px;}
#special h2 {font-size: 13px; line-height: 20px; font-style: italic; font-weight: normal; color: #333333; width: 480px; margin: 20px 0 0 0; float: left;}
#special h3 {width: 300px; color: #222222; font-size: 17px; line-height: 21px; font-weight: normal; float: left; margin: 20px 0 0 110px;}
#special h3 span {font-size: 13px; line-height: 19px; color: #333333; clear: both; width: 250px; float: left;}

/* ONE COLUMN */
#one_column {padding: 10px 0 30px 15px; width: 845px; margin: 0 0 0 10px; padding: 20px 40px 20px 40px;}
#one_column h2 { margin: 0 0 20px 0; }
#one_column h3 {font-size: 17px; font-weight: normal; margin: 20px 0 11px 0;}
#one_column h3:first-child {margin: 0 0 11px 0;}
#one_column p {margin: 0 0 11px 0; clear: both;}

#one_column ul {width: 800px; float: left; margin: 9px 0 0 0;}
#one_column ul li {background: url(images/common/arrow.png) no-repeat 0 2px; padding: 0 0 0 15px; margin: 0 0 15px 5px; float: left; font-size: 12px;}
/* took out width: 160px; /*
#one_column ul.full-list li {background: url(images/common/arrow.png) no-repeat 0 2px; padding: 0 0 0 15px; margin: 0 0 15px 5px; width: 500px; font-size: 12px;}


/* TWO COLUMN */
#two_column {padding: 30px 30px 30px 40px; width: 870px; margin: 0 0 0 10px;}
#two_column.dark {background: #f7f7f7; border-top: 1px solid #fafafa;}
#two_column h3 {font-size: 17px; font-weight: normal; margin: 0 0 11px 0;}
#two_column p {padding: 0 0 10px 0;}

#two_column #latest_openings {width: 390px; float: left;}
#two_column #latest_openings h4 {font-size: 13px; font-weight: normal; margin: 10px 0 5px 0;}
#two_column #latest_openings h4 a {height: 13px; padding: 0 20px 0 0;}
#two_column #latest_openings h4 a:hover {background: url(images/common/arrow.png) no-repeat top right;}
#two_column #latest_openings p {border-bottom: 1px dotted #cccccc; margin-bottom: 10px;}

#two_column #contact_us, #two_column #apply_now {width: 390px; float: right;}
#two_column #contact_us .contact_form {margin: -5px 0 0 0;}
#two_column #contact_us .contact_form #email.text_field, #two_column #apply_now .apply_form #surname.text_field, #mobile.text_field {margin: 15px 0 0 0 !important;}
#two_column #apply_now .apply_form {margin: -5px 0 0 0;}
#two_column #apply_now .apply_form .text_area {border: 1px solid #eeeeee; padding: 10px; width: 367px; margin: 15px 0 0 0;}
#two_column #apply_now .apply_form #job_title.text_field {width: 357px; padding: 15px; font-size: 15px;}

#two_column #contact_us.contact_page {float: left;}
#myMap {border: 5px solid #FFFFFF; float: left; height: 232px; margin: 0 0 0 40px; position: static; width: 420px;}
#directions {float: right; margin: -8px 8px 20px 0px;}
#directions a.ig_lgbluelink {display: none;}

/* THREE COLUMN */
#three_column {border-bottom: 1px solid #f1f1f1; padding: 10px 0 30px 15px; width: 925px; margin: 0 0 0 10px;}
#three_column h3 {font-size: 17px; font-weight: normal; margin: 0 0 11px 0;}

#three_column .intro {width: 262px; float: left; margin: 5px 0 0 15px; padding: 15px; border: 1px solid #fafafa;}
#three_column .intro {background: #f7f7f7; border: 1px solid #f5f5f5;}
#three_column .first {margin: 5px 0 0 0;}
#three_column .intro img {border: 1px solid #f5f5f5; margin: 0 0 17px 0;}
#three_column .intro h3 {font-size: 17px; font-weight: normal; margin: 0 0 11px 0; padding: 0 0 0 3px;}
#three_column .intro p {padding: 0 0 0 3px;}

/* FOOTER */
#footer {color: #aaaaaa; background: url(images/common/bottom.gif) no-repeat bottom left; width: 880px; padding: 20px 40px 30px 40px; margin: 0 0 0 0;}
#footer li a {color: #999999;}
#footer li a:hover {color: #444444;}
#footer li {float: left; margin: 0 15px 0 0; border-right: 1px dotted #cccccc; padding: 0 15px 0 0;}

#footer #links {float: left;}

#footer #legals {float: right;}
#footer #legals li {margin: 0 0 0 15px;}
#footer #legals .last {padding: 0 0 0 0; border: none;}

/* ADMIN */
.text_field.update, .text_area.update {width: 367px; color: #555555;}
.add_jobs .text_field {width: 366px;}
p.update {clear: both; float: left;}

.login_form {border: 1px solid #cccccc; padding: 30px; width: 300px; float: left;}
.login_form .text_field {clear: both; width: 280px;}
.error, .message {color: #999999; font-size: 9px; position: absolute; margin: 146px 0 0 31px; width: 280px; text-transform: uppercase; color: #777777;}
.message {margin: 185px 0 0 31px;}
.login_form .button.login {clear: both; float: right;}

#one_column #latest_openings.admin_page form {margin: 0 0 40px 0; width: 622px;}
#one_column #latest_openings.admin_page form .text_field.update, .text_area.update {width: 600px;}

.add_jobs {border: 1px solid #cccccc; padding: 30px; width: 390px; float: left;}
.add_jobs .button.save {clear: both; float: right;}

/* SPECIAL */
#one_column ul.aims li {width: auto; font-size: 12px;}
.quote {font-family: Times New Roman; font-size: 20px; font-style: italic; padding: 15px 0; color: #888888;}

#one_column .info {float: left; border-bottom: 1px solid #eeeeee; margin: 0 0 20px 0; padding: 0 0 10px 0;}
#one_column .info h3 {width: 650px; float: left; padding: 0 0 0 15px; margin: 0 0 10px 0;}
#one_column .info img {float: right;}
#one_column .info p {padding: 0 0 0 15px; width: 650px; float: left; clear: none;}

#one_column .project-post {float: left; border-bottom: 1px solid #eeeeee; margin: 0 0 20px 0; padding: 0 0 10px 0;}
#one_column .project-post h3 {width: 650px; float: left; padding: 0 0 0 15px; margin: 0 0 10px 0;}
#one_column .project-post img {border: 1px solid #cccccc; padding: 3px; }
/* deleted float: right; */
#one_column .project-post p {padding: 0 0 0 15px; width: 650px; float: left; clear: none;}

#one_column .project-entry {float: left; border-bottom: 1px solid #eeeeee; margin: 0 0 20px 0; padding: 0 0 10px 0;}
#one_column .project-entry h3 {width: 650px; float: left; padding: 0 0 0 15px; margin: 0 0 10px 0;}
#one_column .project-entry img {float: right; border: 1px solid #cccccc; padding: 3px; margin: 0 0 15px 15px; }
#one_column .project-entry p {padding: 15px 0 10px 0; clear: none;}

#one_column h2.services { padding-top: 130px; float: left; }

/* STAFF PERIODIC TABLE */

#staff-table { width: 800px; margin-bottom: 30px; }
#staff-table td 			{ border: 1px solid #CCCCCC; width: 44px; height: 50px; vertical-align: top; line-height: 0; padding-bottom: 0;}
#staff-table td.noborder 	{ border: 0 none; }
#staff-table td a 			{ display: block; width: 44px; height: 50px; background: #C1CB30; border: 0; }
#staff-table td a:hover 	{ background: #AAAD1F; }
#staff-table td img			{ border: 0 none; padding: 0; margin: 0; }

/* OTHER */ 

a.staff	{ color: #9da51b; font-weight: bold; }
#feature-img { float: left; width: 280px; margin: 0 20px 20px 0; }

td { padding-bottom: 10px; }
table.services	{ width: 100%; border: 0 none; }
table.services th { font-size: 13px; font-weight: bold; margin: 20px 0 11px 0; text-align: right; padding-right: 20px; width: 280px; }
table.services th, table.services td { vertical-align: top; padding-bottom: 20px; }

.fb-like { margin-bottom: 10px; float: left; width: 100px; }
.linkedin-share { margin-bottom: 20px; float: left; }
.IN-widget { margin-bottom: 20px; float: left; }

.wpcf7 input.wpcf7-text { width: 150px; }