@charset "utf-8";

/* CSS Document */
body,div,span,p,form,a img, img, ul, li, table, tr, td, h1, h2, h3,h4, h5 {
    margin:0;
    padding:0;
    list-style:none;
    border:none;
}
th {
    text-align:left;
}
input:focus, textarea:focus {
  outline-width:0; /* Remove focus border in webkit */
} 
    
body {
    background:url(../images/bg-gradient.png) repeat-x top #1f285b;
}

/* Layout */
#wrapper_embed {
    margin: 0 auto;
    font-weight: normal;
    font:12px Arial, Helvetica, sans-serif;
    color:#000;
    background-color:#fff;
}
#wrapper {
    margin: 0 auto;
    width:940px;
    font-weight: normal;
    font:12px Arial, Helvetica, sans-serif;
    color:#000;
}
#container {
    background:url(../images/bg-shadow.png) repeat-y;
}
#logo {
    display: none;
    position: fixed;
    left: 0;
    top: 485px;
    width:35px; 
    height:82px; 
}
#topnavigation {
    height: 50px;
    right:10px;
    padding:0 20px 0 10px;
}
#header {
    width:910px;
    margin-left: 12px;    
    height: 171px;
}
#header-navigation {
    width: 886px;
    margin: 9px 0 0 12px;
    height: 33px;
    background:url(../images/nav-bg.gif) #009cdd repeat-x;
    padding:0 12px 7px 12px;
    z-index: 100;
    position: relative;    
}
#breadcrumbs {
    height: 10px;
    padding: 5px 0 5px 24px;
    font-size: 10px;
    color: #CECECE;
}
#content-container {
    width: 910px;
    padding: 15px 12px 0 12px;
}
#footer {
    clear: both;
    height:145px;
    padding: 0 12px 0 12px;
    background: #f5f5f5;
    font-size:11px;
    color:#666666;    
}
#footer-shadow {
    clear:both;
    background:url(../images/bg-shadow-footer.png) no-repeat;
    padding-left: 12px;
    height:16px;
}


/* Defaults */
a {
    text-decoration:none;
    color: #000;
}
h1 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #009cdd;
}
h2 {
    font-size: 14px;    
    font-weight: bold;
    margin-bottom: 15px;    
    color: #009cdd;
}
.content p {
    margin-bottom: 15px;
    line-height: 18px;
}
.content a {
    text-decoration:underline;
    color: #009cdd;
}
.content li {
    margin-left:12px;
    list-style:disc;
}


input.button, .button input {
    background:url(../images/button.png) repeat-x #06F;
    border:1px solid #CCC;
    color:#FFF;
    height:22px;
    line-height: 18px;
    font-size:11px;
    padding:0 8px 2px 8px;
    vertical-align:bottom;
}
.content-padding {
    float:left;
    margin-left:12px;
    width: 884px;
    min-height:200px;
}
a:hover {
    text-decoration:underline;
}

/* 
    Templates
*/

/* Default columns */
#content-columns-a {
    float: left;
    padding-left:12px;
    width: 235px;
    min-height:1px;
}
#content-columns-b {
    float: left;    
    width: 425px;
}
#content-columns-ab {
    float: left;
    padding-left:12px;
    width: 660px;
    min-height:1px;
}
#content-columns-c {
    width: 188px;
    background: url(../images/bg-share-print.png) top right no-repeat;
    padding:0 12px 0 22px;
    float: right;
}
.content-advertorial {
    background: url(../images/bg-advertorial.jpg) #009cdd no-repeat;    
    width: 199px;
    height: 176px;
    padding: 10px 225px 10px 10px;
    overflow: hidden;
    color: #fff;
    line-height: 20px;
}
.content-advertorial p {
}

/* Home */
#content-home-top {
    width: 886px;
    margin-left: 12px;
    height: 270px;
    padding:0 12px 7px 0;
}
#content-home-top-left {
    height: 270px;
    width: 425px;
    border: 2px solid #ccebf8;
}
#content-home-top-left-movie {
    width:405px;
    height:250px;
    background:url(../images/balloon-large-play.png) #eee no-repeat 50% 50%;
    margin:10px;
}
#content-home-top-left .arrow-right {
    position: relative;
    top: -230px;
    left: 425px;
    width: 19px;
    height: 30px;
    background:url(../images/talkbox-arrow-right.png) no-repeat;
}
#content-home-top-right {
    height: 270px;
    width: 425px;
}
#content-home-top-right h1 {
    font-size: 18px;
    margin-bottom: 24px;
}    
#content-home-top-right h3 {
    font-size: 12px;
    margin-bottom: 6px;
}    
#content-home-bottom {
    width: 886px;    
    margin: 40px 0 0 12px;
}
#content-home-bottom h2 {
    padding-right:15px;
    display: inline;
    background:url(../images/bullet-header.png) no-repeat right;
}
#content-home-bottom-download {
    width: 255px;
}
#content-home-bottom-links {
    width: 240px;
}
#content-home-bottom-events {
    width: 270px;
}
#content-home-bottom-events .eventSpacer {
    height:10px;
}
#content-home-bottom-events .eventDate {
    vertical-align: top;
    width: 40px;
    text-align:center;
    border-right:1px solid #ccc;
    padding-right:5px;
}
#content-home-bottom-events .eventTitle {
    vertical-align: top;    
    margin-left:5px;
    padding-left:5px;
}
#content-home-bottom-quiz {
    width: 120px;
}
.bottomHeader {
    height: 32px;
    padding-left:5px;    
}
.bottomContent {
    height: 98px;
    padding:0;
    margin-left:5px;
}
.verticalBorder {
    margin-top:0;
    width:1px;
    height: 85px;
    background-color:#ccc;
}
#content-home-bottom-quiz .verticalBorder {
    margin-right: 15px;
}



/* FAQ columns */
#faq-columns-a {
    float: left;
    padding-left:12px;
    width: 430px;
}
#faq-columns-b {
    float: left;    
    width: 210px;
}


/* Balloon Large */
.balloon-large {
    width: 148px;
    height: 196px;
    overflow: hidden;    
    background:url(../images/balloon-large.png);
    padding: 0px 20px 30px 20px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;    
    color: #009cdd;    
    display:table-cell;    
    vertical-align:middle;
}

/* FAQ List */
#faq-list {
    margin-right: 20px;
}
#faq-list h1 {
    font-size: 18px;
}
#faq-list dt {
    margin-top: 15px;
    clear: left;
}
#faq-list dd {
    display:none;
    margin: 5px 0  0 0;
    color: #000;
    font-weight: normal;    
    clear: left;    
}
#faq-list dd a {
    color: #009cdd;
    text-decoration:underline;
    font-weight:normal;
}
#faq-list p {
    font-weight: normal;
    color: #000;    
}
#faq-list a {
    font-weight: bold;
    color: #1f285a;
}
#faq-list a:hover {
    text-decoration:underline;
    cursor:pointer;
}


/* Event/News - Article*/
#NewsPostDetailHorizRule, .NewsSummaryHorizRule {
    border: 0;
    background-color: #ccebf8;
    height: 2px;
}
#NewsPostDetailContent {
    margin: 10px 0 10px 0;
}
.NewsSummaryLink {
    font-weight: bold;
}
.NewsSummarySummary, .NewsSummaryContent, .NewsSummaryMorelink {
    margin-top:10px;
}



/* FAQ - Feedback Form */
.feedback-form {
    border: 2px solid #ccebf8;
    padding: 10px 10px 0 10px;
    margin-bottom: 5px;
    background-color: #ccebf8;
}
.feedback-form .arrow-down {
    position: relative;
    bottom: -19px;
    left: 30px;
    width: 37px;
    height: 17px;
    background:url(../images/talkbox-arrow-down-closed.png) no-repeat;
}
.feedback-form textarea {
    height: 200px;
    width: 180px;
}
.feedback-form input {
    margin-top: 20px;
    clear: left;
    width: 180px;
}

/* Quiz */
#content-quiz  {
    float: left;
    margin-left:12px;
    margin-bottom: 25px;
    width: 884px;
}
#content-quiz  h1 {
    margin-bottom:5px;
    margin-left: 98px;
    font-size: 18px;
}
#content-quiz  h2 {
    margin-bottom:20px;    
    margin-left: 98px;    
    font-size: 18px;
    font-weight: normal;
}
#quiz-numbers {
    float: left;
    width:70px;
    margin-right:30px;
    margin-top: -5px;
    text-align: center;
}
#quiz-numbers p {
    font-size: 36px;
    font-weight: bold;
    color: #ccc;
}
#quiz-numbers p.selected {
    color: #009cdd;    
}    
#quiz-question {
    float: left;
    width:570px;
}
#quiz-question a {
    text-decoration:underline;
}    
#quiz-question-innner {
    border: 2px solid #ccebf8;
    padding: 20px 5px 0 8px;
    margin-bottom: 30px;
}
#quiz-question-innner p {
    font-size:14px;
    font-weight: bold;
    color: #1f285a;
}
#quiz-question-innner .arrow-down {
    clear: left;    
    position: relative;
    bottom: -19px;
    left: 510px;
    width: 30px;
    height: 19px;
    background:url(../images/talkbox-arrow-down.png) no-repeat;
}
#quiz-question-innner ul {
    margin-top: 30px;
}
#quiz-question-innner ul li {
    display:block;
    margin-top: 18px;
}    
#quiz-question-innner ul li label {
    margin-left:2px;
    cursor: pointer;
}    


/* Blog */
#content-blog-comments {
    clear:both;
    margin-left:100px;
    margin-right: 12px;
}
#content-blog-comments th {
    text-align: left;
    vertical-align:top;
    color: #009cdd;        
    padding-right:5px;
}
#content-blog-comments td {
    vertical-align:bottom;
}
#content-blog-comments textarea {
    width: 708px;
    height:100px;
}
#content-blog-comments textarea, #content-blog-comments input {
    border: 1px solid #ccebf8;
}

#content-blog li {
    clear: left;
    float: left;
    margin-bottom: 25px;
    width: 884px;
}
#content-blogdate {
    float: left;
    width:70px;
    margin-right:30px;
    margin-top: 10px;
    text-align: center;
    color: #009cdd;        
}
#content-blogdate .day {
    font-size: 34px;
    font-weight: bold;
}
#content-blogdate .month {
    font-size: 12px;
}
#content-blogpost {
    float: left;
    width:766px;
    border: 2px solid #ccebf8;
    padding: 9px 5px 0 9px;
}
#content-blogpost .arrow-down {
    clear: left;    
    position: relative;
    bottom: -19px;
    left: 30px;
    width: 30px;
    height: 19px;
    background:url(../images/talkbox-arrow-down.png) no-repeat;
}
#blogpost-poster {
    float: left;
    width:50%;
    color: #1f285a;    
}
#blogpost-poster .photo {
    float: left;
    display:block;    
    width: 50px;
    height: 50px;
    margin-right:15px;
    background-color: #aaa;
    overflow: hidden;
}
#blogpost-poster h2 {
    float: left;
    display:block;
    font-size: 18px;
    font-weight: bold;
    color: #1f285a;        
}
#blogpost-poster .postedby {
    clear: left;
    float: left;    
    margin-top:10px;
}
#blogpost-posting {
    float: left;
    width:50%;
    color: #000;
}
#blogpost-posting .readpost {
    margin-top:5px;
    height: 20px;
    font-size: 12px;
    padding-top: 5px;
    padding-left: 10px;
    background: url(../images/bg-columnnavigation.png) -130px bottom no-repeat;    
}


/* Print and Share */
ul#print-share {
    padding:0 0 20px 0;
    height: 35px;
}
ul#print-share li {
    float:left;    
    list-style-type: none;
}    
ul#print-share li a {
    background:url(../images/icons-print-share.png) no-repeat;
    height:17px;
    margin:10px 0px 5px 15px;
    padding-left:25px;
    display:block;
    color: #1f285a;
}
ul#print-share li a.share {
    background-position: 0 -20px;
}


/* Talkbox */
.talkbox {
    border: 2px solid #ccebf8;
    padding: 10px 10px 0 10px;
    margin-bottom: 19px;
    line-height:18px;
}
.talkbox .arrow-down {
    position: relative;
    bottom: -19px;
    left: 30px;
    width: 30px;
    height: 19px;
    background:url(../images/talkbox-arrow-down.png) no-repeat;
}

/* More info */
.moreinfo h4 {
    color: #009cdd;    
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
}


/* Unsorted Lists */
ul.blackList, div.blackList ul, .blueList ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.blackList li, .blueList li {
    background:url(../images/bullet-small-black.png) no-repeat 0 7px;
    margin: 0;
    padding:3px 0 0 7px;
    display: block;
}
.spacingList li {
    margin-top: 7px;
}
.blackList li a {
    color: #000;    
}
.blueList li {
    background:url(../images/bullet-small-blue.png) no-repeat 0 7px;    
}
.blueList li a {
    color: #009cdd;    
}

/* Pulldown Navigation */
.pulldownnavigation {
    width: 425px;
    font-size: 14px;
    height: 25px;
    padding: 2px;
    
}
.pulldownnavigation option {


}

/* Columnnavigation */
#columnnavigation h4 {
    color: #1f285a;    
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
}
#columnnavigation ul {
    margin-left:-12px;
}
#columnnavigation ul li a {
    height:25px;
    padding:8px 0 0 12px;
    color: #000;
    display:block;
}
#columnnavigation ul li a:hover {
    background: url(../images/bg-columnnavigation.png) no-repeat;
    text-decoration: none;
}
#columnnavigation ul li a.selected {
    background: url(../images/bg-columnnavigation.png) no-repeat;
}

/* Topnavigation */
ul#searchNav {
    float:right;
    margin: 17px 10px 0 0;
    list-style-type: none;    
}
ul#searchNav li {
    background:url(../images/slash.png) left 2px no-repeat;    
    float: left;
    display: block;
    padding:0 10px 0 16px;
}
ul#searchNav li a {
    color:#666;
}
ul#searchNav li.arrowdownsmall {
    padding-left:15px;
    background:url(../images/arrow-down-small.png) left no-repeat;    
}

/* Language navigation */
ul#searchNav li.arrowdownsmall ul.subnav {
    background-color: none;
    position:absolute;
    list-style: none;
    padding:0;
    wdith:200px;
    height:20px;
    margin-top: 2px;
    margin-left:-132px;
}
ul#searchNav li.arrowdownsmall ul.subnav li {
    float: left;
    display: block;
    padding:0;
    margin-right:10px;
    background:none;
}
ul#searchNav li.arrowdownsmall ul.subnav li a {
    width: 18px;
    height: 12px;
    text-decoration: none;
    text-indent:-9999px;
    display: block;
    padding: 0;
    background-repeat:no-repeat;
}
    
#searchFrm {
    width:155px;
    height: 20px;
    overflow: hidden;
    float: right;
    border: 1px solid #ddd;
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
    margin: 14px 10px 0 0;
}
#searchFrm .textfield {
    font-size:12px;
    width:135px;
    padding:0;
    margin:0 0 0 2px;
    border: 0;
}
#searchFrm .submitfield {
    width: 12px;
    height: 13px;
    background:url(../images/icon-search.png) no-repeat;
    margin: 3px 0 0 0;
    padding: 0;    
    cursor:pointer;
    border: 0;    
}


/* Navigation */
#header-navigation ul.nav {
    margin: 0 10px 0 0;
    z-index:1000;
}
#header-navigation ul.nav li {
    float:left;    
    list-style-type: none;
    padding:0;
    height: 33px;
}
#header-navigation ul.nav li a {
    color: #FFF;    
    font-size: 13px;
    font-weight: bold;
    padding: 8px 20px 0 5px;
    height: 25px;
    display:block;
    background:url(../images/nav-bg-buttons.png) right  -264px  no-repeat;
    text-decoration:none;
}
/*#header-navigation ul.nav li a:hover,*/
#header-navigation ul.nav li a.hover-neutral {
    background-color: #13568e;
    background-position: right -231px;
}    
#header-navigation ul.nav li a.hover-selected {
    background-color: #13568e;
    background-position: right -66px;
}    
#header-navigation ul.nav li a.neutral-hover {
/*    background-color: #009cdd;*/
    background-position: right -165px;
}        
#header-navigation ul.nav li a.neutral-selected,
#header-navigation ul.nav li a.preselected {
    background-color: #009cdd;
    background-position: right 0;
}        
#header-navigation ul.nav li a.selected-hover {
    background-color: #1f285a;
    background-position: right -33px;
}    
#header-navigation ul.nav li a.selected {
    background-color: #1f285a;
    background-position: right -132px;
}

/* Vertical menu */    
#header-navigation ul.nav li ul.subnav {
    background:url(../images/nav-bg-pulldown.png) no-repeat ;
    position:absolute;
    margin: 0 0 0 -145px;
    list-style: none;
    width: 306px;
    height: 200px;
}
#header-navigation ul.nav li ul.subnav li {
    border-top: 1px solid #FFF;        
    display:block;
    margin-left:145px;
    clear:left;
    padding:0;
    height:30px;;
    
}
#header-navigation ul.nav li ul.subnav li.first {
    border: 0;    
}
#header-navigation ul.nav li ul.subnav li a {
    text-decoration: none;
    display: block;
    width: 155px;
    color: #FFF;
    font-size: 12px;
    font-weight:normal;
    padding: 5px 0 0 0;
    background: none;
    margin-left: -5px;
}
#header-navigation ul.nav li ul.subnav li a:hover {
    background: url(../images/bullet-small-white.gif) no-repeat 145px 12px;
}


/* Follow buttons */    
#header-navigation ul.buttons {
    float: right;
    margin: 3px -10px 0 0;
    width:70px;
    list-style-type: none;    
}
#header-navigation ul.buttons li {
    float: left;
}    
#header-navigation ul.buttons li a {
    display:block;    
    background:url(../images/icons-follow.png) no-repeat;
    width:34px;
    height:40px;    
    text-indent:-9999px;
    overflow:hidden;
}
#header-navigation ul.buttons li a.btn-linkedin:hover{
    background-position: 0 -50px;    
}    
#header-navigation ul.buttons li a.btn-rss {
    background-position: -34px 0;
}
#header-navigation ul.buttons li a.btn-rss:hover {
    background-position: -34px -50px;
}



/*Footer*/
#newsletter {
    float: left;
    width: 431px;
    height: 130px;
    border-right:1px solid white;
    overflow:hidden;
    padding-top:2px;    
}
#newsletter h2 {
    height: 27px;
    font-size: 18px;
    color: #666;    
}
#newsletter #signin {
    padding: 12px 0 0 0;
}
#newsletter #signin .field {
    font-size:12px;    
    width: 105px;
    height: 19px;
    margin: 0 5px 0 5px;
    padding:1px 0 0 0;
    border: 1px solid #ddd;
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
}

/* social media buttons */
#socialmedia {
    float: left;
    width: 237px;
    height: 110px;
    border-right:1px solid white;
    padding-top:15px;        
}
#socialmedia p {
    padding-top: 62px;
    padding-left: 30px;
}
#socialmedia ul#buttons {
    padding:17px 0 0 30px;
}
#socialmedia ul#buttons li {
    float:left;    
    list-style-type: none;
}    
#socialmedia ul#buttons li a {
    background:url(../images/icons-socialmedia.png) no-repeat;
    width:16px;
    text-indent:-9999px;
    height:16px;
    padding-left:8px;
    overflow:hidden;
    display:block;
}
#socialmedia ul#buttons li a.button-facebook {
    background-position: -25px 0;
}
#socialmedia ul#buttons li a.button-mail {
    background-position: -50px 0;
}    
#socialmedia ul#buttons li a.button-linkedin {
    background-position: -75px 0;
}
#socialmedia ul#buttons li a.button-hyves {
    background-position: -100px 0;
}
#socialmedia ul#buttons li a.button-delicious {
    background-position: -125px 0;
}

/* Notice */    
#notice {
    float: right;
    width: 200px;
    height: 110px;
    padding-top:35px;        
}
#notice a {    
    color:#666;    
}
#notice ul {
    float: right;    
    padding-top:23px;
}
#notice ul li {
    clear: both;
    float: right;
    padding-bottom:6px;
    display:block;
}
#notice .copyright {
    clear: both;    
    float: right;
    padding-top:15px;
}


/* Forms */
.formbuilderform div {
    margin-bottom: 10px;
/*    clear: left;*/
}
.formbuilderform legend {
    font-weight: bold;
    padding-top:5px;
    margin-bottom:10px;
}
.formbuilderform div label {
    display:inline-block;
    width: 180px;
}
.formbuilderform div input, .formbuilderform div select {
    display:inline-block;    
    width: 250px;
}
.formbuilderform div.hideLabel label {
    visibility:hidden;
}
.formbuilderform div.date select { 
    width: auto;
}

.formbuilderform div.radiogroup  { 
    float: left;
    width: 100%;
}
.formbuilderform div.radiogroup label { 
    display:block;    
    float: left;
    width: 180px;
}
.formbuilderform .radiogroup div {
    float: left;
    width: auto;
}
.formbuilderform .radiogroup div label {
    display:block;    
    float: right;
    width: auto;
    margin-right:5px;
}
.formbuilderform .radiogroup div input {
    display:block;    
    float: left;
    width: auto;
}


.formbuilderform div.checkbox input {
    float: left;
    display:inline-block;    
    width: 20px;
    margin: 0 10px 0 0;
    padding: 0;
}
.formbuilderform div.checkbox label {
    float: left;
    width: 480px;
}



/* Commonly used classes */
.fLeft, .imgLeft
{
    float:left;
}
.fRight, .imgRight
{
    float:right;
}
.noBorder
{
    border:none;
}
.imgLeft
{
    margin:0.3em 1em 1em 0;
}
.imgRight
{
    margin:1em 0 1em 1em;
}
.clear
{
    clear:both
}
.divider
{
    clear:both;
    height:20px;
}
.hide {
    display:none;
}
.check {
    background:url(../images/icon-check.png) no-repeat;
    width: 16px;
    height: 16px;
    margin-right:5px;
}

/* Simple Modal */
.simplemodal-overlay {background-color:#000;}
.simplemodal-container {background-color:#fff; border:8px solid #009cdd; padding:13px; height:200px; width: 400px; font:12px Arial, Helvetica, sans-serif; line-height: 20px}
.simplemodal-container a.modalCloseImg {
    background:url(../images/x.png) no-repeat;
    width:25px;
    height:29px;
    display:inline;
    z-index:3200;
    position:absolute;
    top:-15px;
    right:-18px;
    cursor:pointer;
}