/* 0. CSS RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, table, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}


/* ELEMENT STYLES */

html {
overflow-y: scroll;
}

body {
background: #fff url(/images/bodyb.png) repeat-x top;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #444;
padding: 0;
margin: 0;
height: 100%;		
}

img {
margin-bottom: 10px;
}

#maincol div img {
padding: 5px;		
}

h1 {
font-size: 24px;
font-family: 'PT Sans', Arial, sans-serif;
padding-left: 5px;
margin: 15px 0 20px 0;
width: 955px;
height: 30px;
line-height: 35px;
float: left;
font-weight: normal;
}

h2 {
font-size: 18px;
font-family: 'PT Sans', Arial, sans-serif;
padding-bottom: 5px;
margin-bottom: 20px;
border-bottom: 1px solid #dedede;
color: #183a8d;
font-weight: normal;
}

h2.alt {
margin-bottom: 5px;	
}

h2 a, h3 a {
font-weight: normal;
}

h3 {
font-size: 13px;
padding-top: 3px;
font-weight: bold;
margin-bottom: 10px;
color: #444;
}

h4 {
font-weight: bold;	
color: #444;
font-size: 11px;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #ddd;
}

a {
color: #183a8d;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

#maincol a {
font-weight: bold;	
}

li {
list-style-type: none ;
margin-bottom: 5px;	
}

p {
margin-bottom: 10px;	
}

blockquote {
font-size: 18px;
font-family: 'PT Sans', Arial, sans-serif;
color: #1595e6;
float: right;
text-align: right;
width: 180px;
padding: 0 0 20px 20px;
line-height: 26px;
}

/* Table styles */

table {
margin-bottom: 20px;	
}

table, td {
border: 1px solid #dedede;
border-collapse:collapse;
padding: 5px 5px;
}

th {
font-weight: bold;
border: 1px solid #dedede;
border-collapse:collapse;
padding: 5px 5px;	
}

#maincol td {
width: 150px;
text-align: center;	
}

td.narrow {
width: 80px;
font-weight: bold;	
}

th.narrow {
border: none;	
}


/* HEADER */

#header {
width: 960px;
margin: 0 auto;
}

/* Top nav */

#topnav {
height:	35px;
font-size: 13px;
width: 960px;
margin: 0 auto;
padding-top: 5px;
font-family: 'PT Sans', Arial, sans-serif;
}

#lang {
padding: 0 10px 0 20px;
float: right;
}

#lang select {
height: 22px;
margin-top: 6px;
width: 120px;
float: left;
color: #666;
}

#lang label {
height: 20px;
padding-top: 8px;
width: 65px;
display: block;		
}

#login {
padding-top: 1px;
float: right;
width: 45px;	
}

#login a {
background: url(/images/loginsprite.png) no-repeat 0 0;
width: 42px;
height: 29px;
padding: 6px 0 0 7px;	
float: right;
color: #444;
}

#login a:hover {
background: url(/images/loginsprite.png) no-repeat 0 -35px;
color: #fff;
text-decoration: none;
}

/* Logo */

#logo h1 {
display: none;	
}

#logo {
float: left;
width: 960px;
padding: 0 0 5px 0;
}

#logo img {
margin-bottom: 0;
}

/* Main Navigation Menu */

#nav {
float: left;
width: 950px;
background-color: #fcfcfc;
background: url(/images/navbg.png) no-repeat;
padding: 1px 10px 0 0;
height: 44px;
position: relative;
z-index: 10;
}

#nav li {
float: left;
list-style-type: none;
margin-bottom: 0;

}

#nav li a {
font-size: 13px;
font-family: 'PT Sans', Arial, sans-serif;
height: 17px;
padding: 9px 20px;
display: block;
border-right: 1px solid #cccccc;
border-left: 1px solid #fff;
text-decoration: none;
color: #000;

}

#nav li a:hover, #nav li a.selected, #nav li a.highlight {
background: #215668 url(/images/navblue.png) repeat-x top;
border-right: 1px solid #4c66ad;
border-left: 1px solid #215668;
color: #ffffff;
text-shadow: none;
text-shadow: 1px 1px #444;

}

#nav li.home a {
border-left: none;
}

#nav li.home a:hover, #nav li.home a.selected  {
background: url(/images/navhome.png) no-repeat;
}

/* Dropdown rules */

ul#nav li,
ul#nav ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul#nav {
 float: left;
}

ul#nav li {
 float: left;
 min-height: 1px;
 line-height: 1.3em;
 vertical-align: middle;
}

ul#nav li.hover,
ul#nav li:hover {
 position: relative;
 z-index: 596;
 cursor: default;
}

ul#nav ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 width: 290px;
 background: #f7f7f7;
 border-bottom: 1px solid #dedede;
 border-right: 1px solid #dedede;
}

ul#nav ul li {
 float: none;
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #fff;
 border-left: 1px solid #ccc;
}

ul#nav ul li a {
 color: #444;
 text-shadow: none;
 border: none;
}

ul#nav ul li a:hover {
 border: none;
 background: #fff;
 color: #444;
 text-shadow: none;	
}

ul#nav li:hover > ul {
 visibility: visible;
}


/* FOOTER */

#footerwrap {
width: 100%;
background: url(/images/footerbg.png) repeat-x top;
border-top: 1px solid #ddd;
float: left;
margin-top: 20px;	
}

#footer {
width: 960px;
margin: 0 auto;
line-height: 20px;
font-size: 11px;	
}

#footer>div {
width: 960px;
float: left;
padding: 20px 0;
color: #888;
}

#footer a {
color: #888;
font-weight: normal;	
}

#footer a:hover {
color: #444;
font-weight: normal;
text-decoration: none;	
}

/* Bottom Navigation */

#bottomnav>div {
width:  160px;
margin: 0 60px 0 0;
padding: 0 10px;
float: left;
}

#bottomnav li {
margin-bottom: 0;
}

#bottomnav .follow a {
margin-right: 5px;
}

/* Copyright */

#copyright {
width: 960px;
float: left;
padding: 20px 0;
color: #888;
text-align: center;
}

#copyright a {
color: #888;	
}

#copyright p {
margin: 0;	
}


/* 4. TWO COLUMN LAYOUT */

#main {
width: 960px;
margin: 0 auto;
line-height: 20px;

}

#maincol {
width: 630px;
float: left;
clear: left;
margin: 20px 0 0 0;
}

#maincol>div {
float: left;
width: 605px;
padding: 0 20px 0 5px;
margin-bottom: 30px;
background-color: #fff;
}

#sidewrapper {
background: #fff url(/images/sidetop.png) no-repeat top left;
padding-top: 20px;
float: left;
width: 330px;
margin: 10px 0 20px 0;	
}

#sidebar {
float: left;
width: 310px;
padding: 0 0 20px 20px;
background: url(/images/sidebottom.png) no-repeat bottom left;
line-height: 20px;	
}

#sidebar>div {
width: 270px;
padding-left: 40px;
background: url(/images/sidebar.png) repeat-y left;
float: left;
padding-bottom: 20px;
}

#sidebar img {
margin: 0;	
}


/* COMPONENTS */

/* Free Text Component Classes */

/* classes for ordered lists */

li.ol1 {
padding-left: 40px;
background: url(/images/ol1.png) no-repeat top left;	
}

li.ol2 {
padding-left: 40px;
background: url(/images/ol2.png) no-repeat top left;	
}

li.ol3 {
padding-left: 40px;
background: url(/images/ol3.png) no-repeat top left;	
}

li.ol4 {
padding-left: 40px;
background: url(/images/ol4.png) no-repeat top left;	
}

li.ol5 {
padding-left: 40px;
background: url(/images/ol5.png) no-repeat top left;	
}

/* .list class for unordered lists */

ul.list {
margin-bottom: 10px;
}

ul.list li {
background: url(/images/bullet.png) no-repeat top left;
padding-left: 15px;
margin-bottom: 0;
line-height: 24px;
}

/* .sublist class for secondary unordered lists */

ul.sublist {
margin-bottom: 10px;
margin-left: 10px;
}

ul.sublist li {
background: none;
list-style-type: disc;
padding-left: 0;
margin-bottom: 0;
line-height: 24px;
}

/* .check class for checklist on service pages */

ul.check {
margin: 0;
}

ul.check li {
background: url(/images/tick.png) no-repeat top left;
padding: 2px 0 0 25px;
margin: 0 0 5px 0;
line-height: 24px;
}

#sidebar ul.check li.odd {
  background-color:#F7F7F7;
  background-image:url(/images/tick.png);
  background-position:0 0;
  background-repeat:no-repeat no-repeat;
}

#sidebar ul.check li {
  margin:0;
  padding:7px 0 7px 30px;
}

/* .btt class for "back-to-top" internal link on FAQ page */

a.btt {
padding-right: 25px;
background: url(/images/bttop.png) no-repeat bottom right;
margin-bottom: 30px;
display: block;
width: 65px;
}

/* .pagelink for formal links */

a.pagelink {
font-weight: bold;
color: #183a8d;
background: url(/images/bullet.png) no-repeat right;
padding-right: 12px;
}

a.pagelink:hover {
text-decoration: underline;	
}


/* .ext class for external links icon */

a.ext {
background: transparent url(/images/ext.png) no-repeat right;
padding-right: 14px;	
}

/* classes for contact details */

p.phone {
background: url(/images/phoneicon.png) no-repeat;
padding: 0 0 0 30px;
height: 23px;
font-weight: bold;
}

p.mail {
background: url(/images/mailicon.png) no-repeat;
padding: 0 0 0 30px;
height: 23px;
margin-bottom: 10px;
font-weight: bold;
}

p.mail a {
color: #183a8d; 	
}

p.address {
background: url(/images/addicon.png) no-repeat;
padding: 5px 0 0 35px;
margin-top: 10px;	
}

/* classes for tables */

td.wide {
width: 240px;
}

.odd{
background: #f7f7f7;	
}

#maincol table.twocol {
border: 0;
margin-bottom: 0;
margin-left: 0px;
padding: 0;	
}

#maincol table.twocol td {
border: 0;
width: 320px;
text-align: left;
}

/* classes for span wrapped images and text */

span.thumb, span.usp, span.cta {
margin-bottom: 10px;
display: block;
float: left;
width: 100%;	
}

span.thumb {
border-bottom: 1px solid #eee;
margin-bottom: 10px;		
}

span.thumb p, span.thumb h3, span.thumb h2  { 
margin-left: 180px;
}

span.usp {
padding-bottom: 5px;
padding-top: 5px;
border-bottom: 1px solid #eee;	
}

span.usp p, span.usp h3, span.usp ul  { 
margin-left: 100px;
margin-bottom: 10px;
}

span.cta {
background: #f7f7f7 url(/images/cta.png) no-repeat top left;
border-radius: 8px;
border: 1px solid #dedede;
padding: 4px 0 0 5px;	
}

span.cta h3 {
padding-top: 10px;	
}

span.cta p, span.cta h3 {
margin-left: 85px;	
}

/* class for main service images */

img.service {
margin-bottom: 50px;
}

/* class for request button */

#maincol .request {
margin-bottom: 0;	
}

#maincol .request a {
background: #fff url(/images/button.png) no-repeat 0 -32px;
font-family: 'PT Sans', Arial, sans-serif;
display: block;
padding: 5px 10px;
width: 140px;
display: block;
font-size: 14px;
margin: 0 0 20px 0;
color: #fff;
height: 22px;
font-weight: normal;
}

#maincol .request a:hover {
background: url(/images/button.png) no-repeat 0 0px;
text-decoration: none;
font-weight: normal;
}

/* class for wide images */

img.full {
padding: 0 0 10px 0;	
}

/* Homepage Banner Component */

#home {
background: #fff url(/images/bodyhome.png) repeat-x top;	
}

#homeheader {
width: 960px;
margin: 0 auto 20px auto;
height: 480px;	
}

#slider p {
color: #fff;

}

.ls-s1, .ls-s2, .ls-s3 { 
position: absolute;
left: 0px;
top: 0px;
}

.ls-s4 {
background: url(/images/button.png) no-repeat 0 -32px;
font-family: 'PT Sans', Arial, sans-serif;
height: 25px;
width: 160px;
display: block;
font-size: 14px;
position: absolute;
bottom: 120px;
left: 90px;
text-align: center;
padding-top: 7px;
color: #fff;
}

.ls-s4:hover {
background: url(/images/button.png) no-repeat 0 0;
color: #fff;
text-decoration: none;
}


/* News, News Item and Latest News Components */

#maincol #news {
float: left;
width: 610px;
padding: 0 20px 0 5px;
margin-bottom: 0px;
background-color: transparent;
border: none;
}

.newsitem {
padding: 10px 0 10px 0;
background-color: #fff;
border-bottom: 1px solid #ddd;
border-radius: 5px;
float: left;
width: 610px;
}

.newsitem h2 {
margin-bottom: 0;
border: none;	
}

.newsitem .post div {
padding: 5px 0;
font-size: 12px;
font-weight: bold;
}

.newsitem .post .date {
padding: 5px 0 10px 0;
margin-bottom: 20px;
font-size: 12px;
font-weight: bold;
border-bottom: 1px solid #dedede;
}

#news h2 {
padding-bottom: 10px;	
}


/* News and news item pager */

#maincol #pager {
float: left;
width: 610px;
background-color: #fff;
border-top: none;
margin-bottom: 30px;
}

#pager li {
float: left;
margin: 0;	
}

#pager a {
color: #444;
padding: 1px 4px;	
}

#pager a:hover {
color: #183a8d;
padding: 1px 4px;
text-decoration: underline;	
}

#pager ul,
#pager div {
width: 590px;
padding: 5px 9px;
float: left;
background: #f7f7f7;
border-left: 1px solid #dedede;	
border-right: 1px solid #dedede;	
border-bottom: 1px solid #dedede;	
}

#pager .prev {
float: left;
text-align: left;	
}

#pager .next {
float: right;
text-align: right;			
}


/* Social Media Icons Component (in footer) */

.twitter {
background: url(/images/social_sprite.png) no-repeat -35px 0;
width: 35px;
height: 35px;
float: left;
}

.twitter:hover {
background: url(/images/social_sprite.png) no-repeat -35px -35px;
}

.facebook {
background: url(/images/social_sprite.png) no-repeat 0 0;
width: 35px;
height: 35px;
float: left;
}

.facebook:hover {
background: url(/images/social_sprite.png) no-repeat 0 -35px;
}

.linkedin {
background: url(/images/social_sprite.png) no-repeat -70px 0;
width: 35px;
height: 35px;
float: left;
}

.linkedin:hover {
background: url(/images/social_sprite.png) no-repeat -70px -35px;
}

.rss {
background: url(/images/social_sprite.png) no-repeat -105px 0;
width: 35px;
height: 35px;
float: left;
}

.rss:hover {
background: url(/images/social_sprite.png) no-repeat -105px -35px;
}


/* Twitter Feed Component (News and news item pages) */

.feed {
background: url(/images/feed.png) no-repeat top right;
padding-top: 5px;
height: 20px;	
}

#twitterfeed img {
float: left;
margin-right: 10px;
}

#twitterfeed p {
float: right;
width: 200px;
margin: 0; 	
}

#twitterfeed a {
color: #00aced;	
}

#twitterfeed a:hover {
text-decoration: underline;
}

.tweet {
float: left;
padding-bottom: 20px;
}

.tweet .tdate {
font-weight: bold;	
}

#twitterfeed h2 {
background: url(/images/twitter.png) no-repeat top right;
padding-top: 5px;
height: 20px;
}

#twitterfeed h2 a {
color: #00aced;
}

.twit a:hover {
color: #00aced;
text-decoration: underline;	
}

/* Sitecore Web Forms */

#main #maincol div.scfForm {
margin-bottom: 40px;
}

.scfForm h1 {
display: none;
}

.scfForm input {
float: left;
width: 280px;
height: 28px;
padding:0 8px;
box-sizing: border-box;
color: #444;	
}

div.scfCheckBoxListBorder {
height: 20px;
margin-bottom: 10px;	
}

.scfCheckBoxListGeneralPanel {
height: 40px;	
}

table.scfCheckBoxList input {
width: 40px;
float: left;	
}

.scfCheckBoxListGeneralPanel input {
width: 40px;
float: left;	
}

div.scfCheckBoxListBorder .scfCheckBoxListLabel {
width: 370px;
font-style: italic;
}

div.scfCheckBoxListBorder .scfRequired {
position: absolute;
left: 420px;
}

div.scfCheckBoxListBorder .scfValidatorRequired {
position: absolute;
left: 420px;
}

.scfCheckBoxListGeneralPanel table,
.scfCheckBoxListGeneralPanel table tbody,
.scfCheckBoxListGeneralPanel table tr,
.scfCheckBoxListGeneralPanel table tr td {
width: 40px !important;
height: 30px !important;
}

div.scfCaptcha input {
padding: 0px;
}

.scfCaptchaLimitGeneralPanel table,
.scfCaptchaLimitGeneralPanel table tr td {
border: none;
}

.scfCaptchaLimitGeneralPanel table {
margin-left: 170px;
}

div.scfCaptchaLimitGeneralPanel {
width: 605px;
height: 80px;
}

.scfCaptchaLimitGeneralPanel table,
.scfCaptchaLimitGeneralPanel table tbody,
.scfCaptchaLimitGeneralPanel table tr,
.scfCaptchaLimitGeneralPanel table tr td {
height: 40px;
}

div.scfCaptchaLimitGeneralPanel br {
display: none;
}

.scfCaptchTop + div .scfCaptchaLimitGeneralPanel {
height: 30px !important;	
}

span.scfCheckbox label {
float: none;
width: 280px;
display: block;
margin-left: 170px;
clear: none;
}

span.scfCheckbox input {
float: left;
display: block;
width: 150px;
vertical-align: baseline;
margin: 5px 0 0 0;
}

.scfForm select {
height: 30px;
width: 280px;
float: left;
color: #444;
padding: 5px;
}

.scfForm textarea {
width: 280px;
height: 100px;
padding: 8px;
resize: none; 
overflow: auto;
box-sizing: border-box;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
float: left;
color: #444;
}

#main #maincol .scfForm {
float: left;
width: 610px;
padding: 0 20px 0 0;
margin-bottom: 0px;
background-color: transparent;
border: none;
}

fieldset {
float: left;
width: 610px;
padding-top: 10px;
margin-bottom: 10px;
}

.scfSectionContent>div {
position: relative;
width: 605px;
float: left;
padding: 0 0 10px 5px;	
}

legend {
float: left;
width: 605px;
font-size: 18px;
padding-bottom: 10px;
margin: 0 0 20px 0;	
border-bottom: 1px solid #dedede;
color: #183a8d;
font-family: 'PT Sans', Arial, sans-serif;
}

label {
float: left;
clear: left;
width: 150px;
height: 30px;
padding-top: 5px;
display: block;	
}

.scfForm label {
float: left;
clear: left;
width: 150px;
margin-right: 20px;
height: 30px;
padding-top: 5px;
display: block;	
}

.scfCheckBoxListLabel {
float: left;
clear: left;
width: 150px;
height: 30px;
padding-top: 5px;
display: block;	
}

.scfRequired {
position: absolute;
left: 155px;
top: 5px;
font-size: 24px;
color: #72c15a;
}

.scfCaptcha .scfRequired, .scfCaptcha .scfValidatorRequired {
display: none;
}

.scfCaptchaGeneralPanel input {
height: 18px;
width: 18px;
vertical-align: baseline;
}

input.scfCaptchaTextBox {
width: 280px;
height: 28px;
}

.scfValidator {
display: block;
float: left;
background: #ffd8d3;
border: 1px solid #f7462e;
padding: 10px;
width: 570px;
margin-top: 10px;	
}

.scfValidatorRequired {
position: absolute;
left: 130px;
top: 5px;
font-size: 24px;
}

.scfDropListUsefulInfo, .scfSingleLineTextUsefulInfo, .scfMultipleLineTextUsefulInfo {
display: block;
float: left;
width: 570px;
margin-top: 10px;
font-style: italic;
}

#main .scfSubmitButtonBorder input {
background: transparent url(/images/button.png) no-repeat 0 -32px;
height: 32px;
width: 160px;
margin-right: 155px;
float: right;
font-size: 14px;
color: #fff;
border: none;
cursor: pointer;
font-family: 'PT Sans', Arial, sans-serif;
}

#main .scfSubmitButtonBorder input:hover {
background: transparent url(/images/button.png) no-repeat 0 0;
}

.scfCheckBoxListGeneralPanel input {
margin: 0;
width: 20px;
float: none;
}

.scfCheckBoxListGeneralPanel label {
margin: 0;
width: 160px;
text-align: left;
}

#main .scfCheckBoxListGeneralPanel td, #main .scfCheckBoxListGeneralPanel table {
border: none;
padding: 0;
}

.scfValidationSummary ul {
margin-bottom: 20px;
background: #ffd8d3;
border: 1px solid #f7462e;
padding: 10px;	
}

.scfValidationSummary ul li {
margin: 0;	
list-style-type: disc;
list-style-position: inside;
}

.scfCaptcha {
float: left;	
}

.scfCaptchaBorder {
float: left;	
}

.scfCaptcha img {
margin: 0;
width: 180px;
height: 50px;
}

.scfCaptchaLabel {
display: none;	
}

#main .scfForm .scfSectionContent .scfCheckBoxListGeneralPanel table {
width: 300px;	
}

.scfSectionUsefulInfo {
font-style: italic;
display:block;
width:470px; 
}


/* Events box component (news and news item page) */

#events h2 {
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 0px;
border-bottom: 5px solid #183a8d;	
}

#eventItems {
overflow: auto;
margin-bottom: 0px;
background: #f7f7f7;
}

#eventItems p {
padding: 0;
margin-bottom: 5px;
width: 214px;
padding-right: 10px;
float: right;
}

#eventItems p.location {
font-weight: bold;	
}

#eventItems a{
color: #183a8d;
font-weight: bold;
}

#eventItems a:hover {
text-decoration: underline;
color: #183a8d;
}

#events .eventdate {
font-weight: bold;
color: #fff; 
background: #183a8d;
float: left;
margin-right: 10px;
margin-left: 0px;
width: 30px;
padding: 3px;	
}

#events img {
width: 270px;
margin-bottom: 5px;
}

.eventdate span {
float: left;
clear: left;
width: 100%;
}

.eventdate .d {
font-size: 24px;	
}

.eventdate .m {
font-size: 14px;	
}

#controls {
padding: 0 0 10px 0;
height: 35px;
width: 270px;
background: url(/images/controlsback.png) no-repeat;	
position: relative;
}

.control {
display:block;
width:40px;
height:30px;
text-indent:-10000px;
cursor: pointer;
position: absolute;;

}

#leftControl {
top: 0;
left: 88px;
background:transparent url(/images/control_left.png) no-repeat 0 0;
}

#rightControl {
top: 0;
right: 61px;
background:transparent url(/images/control_right.png) no-repeat 0 0;
}

object {
margin-bottom: 40px;	
}

.info {
background: url(/images/info.png) no-repeat left;
padding-left: 40px;	
}

/* Breadcrumb component */

#breadcrumb {
font-family: 'PT Sans', Arial, sans-serif;
padding: 10px 0 5px 5px;
float: left;
border-bottom: 1px solid #dedede;
}

/* Request top nav button */

.toprequest {
	text-decoration:none;
	color:#fff;
	font-size:13px;
	margin-top:0px;
	background: url(/images/request.png) no-repeat 0 -32px;
	float:right;
	height:25px;
	width: 57px;
	margin-right: 10px;
	padding:7px 0 0 13px;
}

.toprequest:hover {
background: url(/images/request.png) no-repeat 0 0;	
text-decoration:none;
}

/* Login Box */


.login {
	text-decoration:none;
	color:#444;
	font-size:13px;
	margin-top:0px;
	background: url(/images/login.png) no-repeat 0 0;
	float:right;
	height:25px;
	width: 29px;
	padding: 7px 10px 0 10px;
}

.login:hover {
	background: url(/images/login.png) no-repeat 0 -32px;
	text-decoration: none;
}

.login span {
	color:#000;
	float:left;
	padding:0 10px;
	text-align:center;
	margin-top: 7px;
}

#login_box {
	display:none;
	position:absolute;
	top: 40px;
	z-index: 100;
	width:226px;
	margin:0 0 0 734px;
}

#login_box_content {
	background:#f7f7f7;
	border: 1px solid #dedede;
	float:left;
	width:224px;
	position: relative;
	z-index: 100;
}

#login_form {
	margin: 0 0 0 9px;
}

#login_form label {
width: 60px;
float: left;
padding-top: 15px;
display: block;	
height: 15px;
font-weight: bold;
font-size: 12px;	
}

#login_form input[type=text],#login_form input[type=password] {
	border:1px solid #d8d8d8;
	height: 28px;
	box-sizing: border-box;	
	width:130px;
	margin-top:10px;
	margin-left: 15px;
	padding: 0 5px;
}

#login_form input[type=submit] {
background: transparent url(/images/login-button.png) no-repeat 0 -32px;
height: 32px;
width: 60px;
margin: 6px 10px 10px 0;
float: right;
color: #fff;
border: none;
cursor: pointer;
font-family: 'PT Sans', Arial, sans-serif;
}

#login_form input[type=submit]:hover {
background: transparent url(/images/login-button.png) no-repeat 0 0;
}

.password {
margin: 16px 0 0 10px;
display: block;
font-weight: bold;
width: 110px;
font-size: 12px;	
}

.loginp {
margin: 18px 0 0 0;
padding: 10px;
background: #fff;
border-top: 1px solid #dedede;
font-size: 12px;	
}

.loginp a {
font-weight: bold;
font-size: 12px;	
}

/* ADDITIONAL STYLES */

/* Fix for CSS Text Shadow highlighting */

::-moz-selection,
::-webkit-selection,
::selection {
    text-shadow: none;
    background: #72c15a;
    color: #fff;
}