/* 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;}

#header, #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.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;}

.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 0 auto; width: 960px; background: url(../images/common/page.png) repeat-y 0 0; display: table;}

/* HEADER */
#header {float: left; height: 125px;}
#header h1 {width: 149px; height: 71px; overflow: hidden; display: block; background: url(../images/common/senversa_logo.gif) no-repeat 0 0; margin: 25px 0 0 0;}
#header h1 a span {width: 149px; height: 71px; line-height: 200px; display: block;}

#header #nav {float: right; font-size: 12px; font-weight: bold; margin: -35px 20px 0 0;}
#header #nav ul {}
#header #nav li {float: left; margin: 0 0 0 20px;}
#header #nav li a {color: #444444; padding: 0 0 0 15px; text-transform: uppercase;}
#header #nav li a:hover {color: #444444; background: url(../images/common/arrow.png) no-repeat 0 0;}
#header #nav li  span {}

/* PANEL */
#panel {height: 232px; width: 840px; margin: 0 0 0 10px; background: url(../images/common/panel.jpg) no-repeat -10px 0;}
#panel h2 {width: 550px; 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 {width: 94px; height: 30px; background: url(../images/buttons/email_us.png) no-repeat 0 0; overflow: hidden; display: block; float: left; margin: 6px 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 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; width: 160px; font-size: 14px;}

/* 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;}

#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;}