@import url("roundedcorners.css");
ol, ul {
list-style: none;
}
strong { font-weight: bold; }
em { font-style: italic; }
.nonVisual { display: none; }
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

body {
/* background: #ddd url("images/body_bg.gif") repeat-x; */
background: transparent;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.2;
font-size: 100%;
}
#outerlimits {
/* max-width: 960px; */
background: transparent;
/* background: #fff url("images/navbg.png") top repeat-x; */
color: #002532;
/* border-left: 1px solid #666;
border-right: 1px solid #666; */
margin: 0 auto;
}

#innerlimits {
/* max-width: 770px; */
margin: 0 auto;
position: relative;
}
#header {
position: relative;
/* max-width: 770px; */
margin: 0 auto;
width: 100%;
}

.touchtalk {
line-height: 1.5em;
}

.topanchor {
text-align:right;
font-size:.75em;
color:#666;
width: 7em;
float: right;
}

.topanchor a {
color:#666;
}

#crest {
/* background: transparent url("images/crest_deewr.png") no-repeat; */
height: 48px;
width: 353px;
float: left;
margin-top: 28px;
font-size: 0.8em;
text-align:left;
}

#tabouter {
display: none;
/* background: transparent url("images/tabsbg.png") repeat-x; */
}


h1 {
font-size: 2.0em;
font-weight: bold;
color: #3F95B9;
padding: 40px 0 15px;
clear: both;
letter-spacing: 2px;
margin-right: 5em;
}
h2 {
color: #666;
font-size: 1.25em;
font-weight: bold;
margin-bottom: 0.6em;
}
h3 {
color: #666;
font-weight: bold;
}

ul.default
{
list-style-type:disc;
list-style-position:inside;
padding-left:0px;
padding-bottom:1em;
margin-left:2em;
} 

ol.default
{
list-style-type:decimal;
list-style-position:inside;
padding-left: 0;
padding-bottom:1em;
margin-left:2em;
} 

#site-brand {
display: block;
float: right;
margin-top: 23px;
margin-bottom: 23px;
height: 60px;
width: 350px;
color:#000;
}

#site-brand a {
display: block;
text-decoration: none;
color: #ebebeb;
font-size: 1.8em;
}
#site-tagline {
font-size: 0.76em;
color: #99ccff;
}
#pagetitle img {
float: right;
margin-top: 10px;
}
#pagetitle p {
font-size: 0.8em;
max-width: 32em;
line-height: 1.4;
}
#compass-topic p {
margin-bottom: 1.5em;
}
#pagecontent {
/* background: transparent url("images/pagecontent_bg.gif") repeat-x; */
color: #333;
}

/* We have removed bottom border of horizontal navigation by adding single quotes to image    */
#compass-landing #pagecontent, #compass-topic #pagecontent {
/* background: white url('images/%27topic_bg.gif%27') repeat-x; */
}
#pagecontent_inner {
position: relative;
/* max-width: 770px; */
margin: 0 auto;
font-size: 0.8em;
width: 100%;
padding-bottom: 20px;
}
#primecontent {
max-width: 440px;
margin-right: 40px;
float: left;
}
.sidebar {
min-width: 260px;
float: left;
}
.extra {
width: 220px;
min-height: 153px;
background: transparent url("../images/topic_block.png") no-repeat;
padding: 20px;
margin-top: 40px;
}
.extra h3 {
color: #cc3300;
font-size: 1.3em;
font-weight: normal;
margin-bottom: 1em;
}
#footer {
display: none;
/* position: relative;
background-color: #002532;
border-top: 1px solid #2a759b;
color: white;
font-size: 0.8em;
clear: both; */
}
#hugelogobg {
background: transparent url("../images/hugelogobg.png") top left no-repeat;
}

#hugelogo {
background: transparent url("../images/hugelogo.png") bottom right no-repeat;
}

#tagline {
color: #016a96;
max-width:480px;
padding-bottom:25px;
font-size:1.4em;
}

#landingbuttons {
max-width: 675px;
padding-top: 30px;
}

.buttonstyle a {
display: block;
width: 293px;
height: 116px;
padding: 8px 15px 0;
text-decoration: none;
color: #016a96;
text-align: left;
font-size: 1.70em;
font-weight: bold;
padding-bottom:20px;
}

#start, #job, #retrenched, #skills, #employer, #talk {
top:30px;
left:0px;
width: 293px;
height: 46px;
background: transparent url("../images/button_start.png") no-repeat;
padding-bottom:20px;
}

#talk {
background-image: url("../images/button_talk.png");
}

#results .vcard {
width: 255px;
padding: 0;
float: left;
margin-bottom: 20px;
}
#results .vcard .i3 {
min-height: 150px;
}
.vcard .org {
display: block;
}
.vcard .tel {
margin-top: 10px;
}
.vcard input {
margin-top: 20px;
} 

#post-results {
clear: left;
}
#post-results input {
float: left;
margin-right: 10px;
}
.arrowform #results .vcard {
width: 255px;
margin: -2px 0 0 -10px;
}
.arrowform #results .vcard .i3 {
padding: 25px 0 0 25px;
}
.arrowform {
clear: left;
}
.arrowform .arrowform_label {
width: 170px;
min-height: 14px;
padding: 12px;
float: left;
clear: left;
/* background: url('images/%27mid_arrow.gif%27') no-repeat; */
}
.arrowform .arrowform_field {
max-width: 500px;
float: left;
margin-bottom: 20px;
}
p.arrowform_field {
margin: 8px 0 0;
}
.arrowform_submit {
margin-top: 15px;
margin-left: 5px;
display: block;
}
.arrowform .error {
color: #cc3300;
}
.arrowform label.error {
padding-left: 20px;
}
#workflow h3, #workflow p {
margin-left: 4em;
}
#workflow h3 {
font-weight: bold;
margin-top: 0.3em;
margin-bottom: 0.7em;
}
#workflow .bignum {
font-size: 2em;
float: left;
padding: 0 0.5em;
color: #999;
}
#aspect-links li {
position: relative;
min-height: 90px;
padding: 10px 20px 1px 10px;
}
#aspect-links li img {
position: absolute;
top: 10px;
left: 5px;
margin-right: 10px;
}
#aspect-links li h3 {
font-weight: bold;
margin-bottom: 5px;
margin-left: 90px;
}
#aspect-links li p, #aspect-links li ul {
margin-left: 90px;
}
#aspect-links li p {
margin-bottom: 15px;
}
#aspect-links li ul {
list-style: disc outside;
margin-bottom: 1em;
}
#aspect-links li ul li {
min-height: 1em;
padding: 0;
margin-left: 3em;
}
/*
#languages {
clear: both;
}

#languagebackground {
background: transparent url("images/languagebg.png") bottom left repeat-x;
}

#languages li {
float: left;
margin: 0.4em 2em 0 0;
}
#languages img {
margin-top: -0.5em;
}
*/
.item-tags {
color: #999;
display: block;
margin-top: 0;
padding-bottom: 0;
margin-right: 10em;
float: left;
}

#aspect-links .item-tags li {
margin: 0 10px 0 0;
}
.tag-title {
color: #bbb;
}
#filter {
display: none;
}
#filter li, #filter ul, .item-tags li {
display: inline-block;
}
#filter li {
background-color: #eee;
padding: 5px 10px;
margin: 5px 5px 0 0;
border: 1px solid #ddd;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
cursor: pointer;
}
#filter #all-tags {
border-color: #aaa;
}
#filter .tag-chosen {
background-color: #d3e8f2;
border-color: #ddd;
text-decoration: underline;
}
#interpret-steps {
list-style: disc outside;
padding-left: 2em;
margin-bottom: 1em;
}
#interpret-steps li {
padding-left: 0em;
}
#lang-paras li {
margin-bottom: 1em;
}
#lang-paras h2 {
font-weight: bold;
}
#lang-paras h2 em {
font-weight: normal;
}
#lang-paras .rtl h2 em {
float: left;
}
#lang-list-title {
font-weight: bold;
margin: 2em 0 1em;
}
#lang-list-full li {
float: left;
margin: 0 1em 0.5em 0;
padding-right: 1em;
border-right: 1px dotted #aaa;
}
#lang-list-full li.last {
border-right: none;
}
#feedbackForm {
background-color: #e6f6ff;
border: 1px solid #ddd;
padding: 20px;
}
#feedbackForm h2 {
font-size: 1.3em;
font-weight: bold;
margin-bottom: 0.5em;
}
#feedbackForm .arrowform_label {
width: 20em;
}
#feedbackForm .arrowform_field input {
float: none;
}
#feedbackForm #feedbackTextarea, #feedbackForm #feedbackTextarea label, #feedbackForm #feedbackTextarea textarea {
display: block;
}
#feedbackLink {
width: 11em;
/* background-color: #e6f6ff; */
border: 1px solid #ddd;
float: right;
padding: 8px 8px 8px 30px;
text-align: right;
font-size: 0.85em;
line-height: 1.3em;
position: absolute;
right: 0;
top: 10px;
background: #e6f6ff url("../images/speechbubble.png") center left no-repeat;
}
#feedbackLink a {
color: #668; 
}