/*******************************************************************************
 * GENERAL STYLES
 ******************************************************************************/
html,body {
  font-family: 'Lato', Tahoma, Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.05ex;
  line-height: 1.5em;
  background: #000000;
}
#page {
  background: url(/images/body_bkg.jpg) repeat-x 50% 0 #000000;
}

a, a:link, a:active {
  margin: 0;
  padding: 0;
  font-weight: 300;
  color: #2E8DBB;
  text-decoration: underline;
}
a:visited {
  color: #2E8DBB;
  text-decoration: underline
}
a:hover {
  color: #FCB415;
  text-decoration: none;
}

p {
  text-align: left;
}

.floatClear {
  clear: both;
  margin: 0;
  padding: 0;
  background: transparent;
}

dt {
  font-weight: 700;
  margin: 1.5em 0 0.5em 0;
}
em {font-style:italic;}

strong {
  font-weight: 700;
}

/*******************************************************************************
 * COLUMN STYLES
 ******************************************************************************/
#col1 {
  margin-right: -463px;
  float: left;
  width: 49.9%;
}
#col1 .liner {
  margin-right: 463px;
}
#col2 {
  margin-left: -463px;
  float: right;
  width: 49.9%;
}
#col2 .liner {
  background: transparent;
  margin-left: 460px;
  height: 21px;
}

/*******************************************************************************
 * HEADER STYLES
 ******************************************************************************/
#header {
  margin: 0;
  padding: 0;
  border-top: 4px solid #FCB415;
  border-bottom: 2px solid #FFFFFF;
  background: #FFFFFF;
}

#logo {
  height: 80px;
  width: 265px;
  margin: 0;
  padding: 0;
  float: left;
}

#topNav {
  margin: 0 auto;
  padding: 0 0 0 11px;
}
#topNav .actions {
  height: 30px;
  margin: 0 20px 0 0;
  padding: 0 0 0 5px;
  float: right;
}
#topNav .icon {
  margin: 0;
  padding: 0 3px;
  position: relative;
  top: 0;
  left: 0;
}
#topNav a,#topNav a:link,#topNav a:active {
  margin: -10px 0 0 0;
  padding: 0;
  color: #FFFFFF;
  font-size: 12px;
  font-style: normal;
  position: relative;
  bottom: 10px;
  left: 0;
  text-decoration: none;
}
#topNav a:visited {
  color: #FFFFFF;
  text-decoration: none;
}
#topNav a:hover {
  color: #FCB415;
  text-decoration: underline;
}

/*******************************************************************************
 * CONTENT STYLES
 ******************************************************************************/
#contentCol {
  margin: 0;
  padding: 0;
  width: 926px;
  float: left;
}
#content {
  margin: 0 auto -10px;
  padding: 5px;
  background: #FFFFFF;
}
#contentTop {
  width: 926px;
  height: 10px;
  margin: 0 auto;
  padding: 0;
  background: url(/images/login/contentTop.gif) no-repeat transparent;
}
#contentBottom {
  width: 926px;
  height: 34px;
  margin: 0 auto 25px;
  padding: 0;
  background: url(/images/login/contentBottom.gif) no-repeat transparent;
}

#bannerContent h1 {
  color: #FFFFFF;
  font-size: 30px;
  line-height: 1em;
  padding:0;
  position:relative;top:66px;
}

#content .bodyText {
  margin: 0 0 15px 0;
  padding: 0 25px;
}

/*******************************************************************************
 * HELP STYLES
 ******************************************************************************/
#bannerContentFlash {
  width: 905px;
  height: 86px;
  margin: -5px auto 60px;
  padding: 0;
}
#bannerContent {
  width: 865px;
  height: 86px;
  margin: -5px auto 15px;
  padding: 25px 20px;
  position: relative;
}
.simHelp {
  background: url(/images/banner_help.jpg) no-repeat #FFFFFF;
}
.tech {
  background: url(/images/banner_tech.jpg) no-repeat #FFFFFF;
}

#content .twoColumnContent h1.roundTop {
  padding: 6px 20px 10px;
}

#content .twoColumnContent ul {
  margin: 0 0 0 50px;
  padding: 0;
  list-style-image: url(/images/bullet.gif);
  list-style-position: outside;
}
#content .twoColumnContent li {
  margin: 0;
  padding: 4px 0;
}
#content .twoColumnContent h2 {
  margin: -38px 0 0 0;
  padding: 0 20px 0 0;
  color: #808080;
  font-size: 12px;
  letter-spacing: 0.15ex;
  float: right;
}
#content .twoColumnContent h3 {
  margin: 0 17px 10px 19px;
  padding: 10px 18px;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0.15ex;
  text-align: center;
  background: url(/images/title_bkg.gif) repeat-x 0 100% #E6E6E6;
}
#content .twoColumnContent h4 {
  margin: 10px 0 5px 0;
  padding: 0 0 0 20px;
  color: #808080;
  font-size: 14px;
  letter-spacing: 0.15ex;
}

.content66 {
  width: 637px;
  margin: 0 0 0 5px;
  padding: 0 0 30px 20px;
  float: left;
}
.content66 p {
  margin: 0;
  padding: 0 0 10px 0;
}
#content .content66 h1 {
  border-bottom: 1px solid #C7C8CA;
  color: #000000;
  font-size: 24px;
  font-weight: 400;
  margin: 10px 0;
  padding: 10px 0;
}
#content .content66 h2 {
  margin: 0;
  padding: 10px 0 5px 0;
  color: #000000;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.15ex;
  line-height: 1.4em;
  border-bottom: 1px solid #E6E6E6;
}
#content .content66 h3 {
  margin: 5px 0 5px 95px;
  padding: 5px 0;
  color: #000000;
  font-size: 18px;
  letter-spacing: 0.15ex;
  border-bottom: 1px solid #DCDCDC;
}

.content66 ul {
  margin: 10px 0 25px 0;
  padding: 0;
  list-style-image: url(/images/bullet.gif);
  list-style-position: outside;
}
.content66 li {
  margin: 10px 0 10px 40px;
  padding: 0;
}

/*** SIDE BAR ***/
.sidebar {
  width: 230px;
  margin: 0 5px 5px 5px;
  padding: 0;
  float: right;
}
#content .sidebar h1 {
  margin: 10px 0 3px 0;
  padding: 0 0 0 20px;
  color: #000000;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.15ex;
  line-height: 1.2em;
}
.sidebar p {
  margin: 0 0 20px 0;
  padding: 0 0 0 20px;
}

.sidebarNav li {
  list-style: none;
  margin: 5px 0;
}
.sidebarNav a, .sidebarNav a:link, .sidebarNav a:active {
  width: 207px;
  margin: 0;
  padding: 10px;
  color: #2E8DBB;
  font-size: 14px;
  line-height: 2em;
  display: block;
  text-decoration: none;
}
.sidebarNav a:visited {
  color: #2E8DBB;
  text-decoration: none;
}
.sidebarNav a:hover {
  color: #FCB415;
  text-decoration: none;
}

/*******************************************************************************
 * BUTTON STYLES
 ******************************************************************************/
.buttonV2 {
  margin: 0 15px;
  padding: 0;
  position: relative;
  text-align: center;
  background: url(/images/buttons/button_ExperiencePoint.png) no-repeat transparent;
}
.buttonV2 a,.buttonV2 a:link,.buttonV2 a:active,.buttonV2 a:visited {
  width: 195px;
  margin: 0 auto;
  padding: 13px 0;
  color: #FFFFFF;
  text-shadow: -1px -1px 0 #3b98c3;
  font-size: 18px;
  line-height: 1em;
  font-weight: 400;
  text-decoration: none;
  display: block;
}
.buttonV2:hover {
  background: url(/images/buttons/button_ExperiencePoint.png) no-repeat transparent;
  background-position: 0 -44px;
}
.sidebar .buttonV2, #product-act .buttonV2 {
  float: left;
  background: url(/images/buttons/button_ExperienceChange.png) no-repeat transparent;
}
.sidebar .buttonV2:hover, #product-act .buttonV2:hover {
  float: left;
  background: url(/images/buttons/button_ExperienceChange.png) no-repeat transparent;
  background-position: 0 -44px;
}

/*** Technology ***/
.techNum {
  margin: 0;
  padding: 6px 10px 0 0;
  font-size: 26px;
  font-weight: 400;
  color: #000000;
  float: left;
}

/*** FAQ ***/
.FAQquestion {
  font-weight: 700;
}



/*** MAP ***/
#map {
  margin: -4px 7px 10px 7px;
  padding: 1px;
  border: 1px solid #887E7C;
}
#mapLink {
  font-size: 10px;
  float: right;
  margin-right: 10px;
}

/*******************************************************************************
 * LOGIN STYLES
 ******************************************************************************/
.twoColumn {
  width: 307px;
  margin: 0 1px;
  padding: 0;
  float: left;
}
.twoColumnTop {
  margin: 0 5px 0 5px;
  padding: 3px 0 4px 0;
  background: url(/images/login/twoColumnTop.gif) no-repeat #FFFFFF;
}
.twoColumnBottom {
  margin: 0 5px 10px 5px;
  padding: 4px 0;
  background: url(/images/login/twoColumnBottom.gif) no-repeat #FFFFFF;
}
.twoColumnContent {
  margin: 0 5px;
  padding: 0 0 10px 0;
  border: solid #C6C6C6;
  border-width: 0 1px;
}
.twoColumnContent h1 {
  margin: 0 0 10px 0;
  padding: 6px 20px 10px;
  color: #000000;
  font-size: 18px;
  letter-spacing: 0.15ex;
  border-bottom: 1px solid #DCDCDC;
  background: #E6E6E6;
}

#loginForm {
  margin: 0;
  padding: 0 0 0 20px;
}
#loginForm label {
  margin: 0;
  padding: 0;
  font-size: 14px;
  letter-spacing: 0.25ex;
}
#loginForm input {
  width: 245px;
  margin: 4px 0 10px 0;
  padding: 2px;
  font-size: 12px;
}
#loginForm p {
  width: 258px;
}
#loginForm p input {
  width: 100px;
  margin: 0;
  padding: 9px 0;
  text-align: center;
  color: #FFFFFF;
  font-size: 17px;
  line-height: 1em;
  font-weight: 400;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  float: right;
  border: 0;
  position: relative;
  background: url(/images/buttons/button_medium.jpg) no-repeat #FFFFFF;
  background-position: 0 -42px;
}
#loginForm p input:hover {
  background: url(/images/buttons/button_medium.jpg) no-repeat #FFFFFF;
}
#loginForm .forgot {
  margin: -32px 0 0 0;
  padding: 0;
  float: left;
}
#loginForm .form_error {
  width: 248px;
  color: red;
  font-size: 11px;
  display: block;
  background-color: #FFFFFF;
}

#notifications p {
  margin: 0;
  padding: 0 20px;
  min-height: 75px;
  font-size: 0.9em;
  line-height: 1.2em;
}
#notifications h1 {
  background: url(/images/login/login_h1.gif) repeat-x #e6e7e8;
}

#bannerColumn {
  width: 597px;
  margin: 0 5px;
  padding: 0;
  float: left;
}
#brandingBanner {
  width: 597px;
  height: 224px;
  margin: 0 0 10px 0;
}
.helpBanner {
  width: 597px;
  height: 71px;
  margin: -1px 0 8px 0;
  background: url(/images/buttons/button_help.jpg) no-repeat #FFFFFF;
}
.helpBanner:hover {
  background: url(/images/buttons/button_help.jpg) no-repeat #FFFFFF;
  background-position: 0 -72px;
  cursor: pointer;
}

.helpBanner a {
  color: #000000;
  text-decoration: none;
  font-weight: 300;
}
.helpBanner a:visited {
  color: #000000;
  text-decoration: none;
}
.helpBanner a:hover {
  color: #000000;
  text-decoration: none;
}
.helpBanner h1 {
  margin: 0;
  padding: 18px 0 2px 25px;
  color: #000000;
  font-size: 17px;
  line-height: 1em;
  font-weight: 700;
  text-decoration: none;
}
.helpBanner h2 {
  margin: 0;
  padding: 0 0 0 25px;
  color: #000000;
  font-size: 14px;
  line-height: 1.2em;
  text-decoration: none;
}

.loginIcon {
  margin: 7px 7px 7px 15px;
  padding: 0;
  float: left;
}

#oldSimLoginDialog p {
  width: 100%;
}
#oldSimLoginDialog ul {
  margin: 0 0 10px 0;
  padding: 4px 0;
  border: solid #DCDCDC;
  border-width: 1px 0;
}
#oldSimLoginDialog li {
  margin: 0 auto;
  padding: 4px 0;
  list-style: none;
  text-align: center;
}

/*******************************************************************************
 * CONTACT US STYLES
 ******************************************************************************/
form.contactform {
  width: 100%;
}
form.contactform fieldset {
  width: 620px;
  margin-bottom: 5px;
}

form.contactform fieldset ol {
  margin: 0;
  padding: 0;
}
form.contactform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.contactform em {
  font-weight: 700;
  font-style: normal;
}

/*******************************************************************************
 * Modal Dialog
 ******************************************************************************/
.modal-window {background:#FFF; color:#333;}
  .modal-window h1 {font-size:2.5em; font-weight:300; !important;margin:0px 0px 9px;}
  .modal-window p {color:#555; margin:0px 0px 18px; font-size:13px; line-height:18px;}
  .modal-window p.lead {color:#777; font-size:18px; line-height:24px;}
  .modal-window * #forgotPasswordForm {margin-bottom:15px;}
  .modal-window * #forgotPasswordForm * .button {position:relative;}
  .modal-window * #accountActivationForm * label {color:#555; font-style:normal; font-size:18px; line-height:1em;}
.close-reveal-modal {text-decoration:none; line-height:0.5;}
a.close-reveal-modal:hover {color:#CCC;}

/*******************************************************************************
 * FOOTER STYLES
 ******************************************************************************/
#footer {
  clear: both;
  margin: 0;
  padding: 2px 0;
  background: #000000;
}
#footerAccent {
  border-top: 2px solid #FCB415;
}

#footer p {
  color: #FFFFFF;
  font-size: 9px;
  letter-spacing: 0.2ex;
  line-height: 12px;
  margin: 0 auto;
  padding: 15px 0;
  text-align: right;
  text-transform: uppercase;
  width: 926px;
}

.footerCopy {
  font-size: 8px;
}
#footer a, #footer a:link, #footer a:active {
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
}
#footer a:visited {
  color: #FFFFFF;
}
#footer a:hover {
  color: #FCB415;
  text-decoration: underline;
}

#footerIcon {
  margin: 0 0 0 5px;
  padding: 11px 15px;
  float: right;
  background: url(/images/icons/icon_footer.gif) no-repeat transparent;
}
#footerIcon:hover {
  background: url(/images/icons/icon_footer.gif) no-repeat transparent;
}

.container .top {margin: 0 5px;padding: 4px 0;background: url(/images/login/loginArea_top.gif) no-repeat #FFFFFF;}
.container .notificationTop {margin: 0 5px 0 5px;padding: 4px 0;background: url(/images/login/loginNotification_top.gif) no-repeat #FFFFFF;}
.container .content {margin: 0 5px;padding: 0 0 10px 0;border: solid #b2b4b6;border-width:0 1px;background: url(/images/login/loginArea_bkg.gif) repeat-x #FFFFFF;}
.container .content h1 {
  margin: 0 0 10px 0;
  padding: 6px 20px 10px;
  color: #000000;
  font-size: 18px;
  letter-spacing: 0.15ex;
  border-bottom: 1px solid #DCDCDC;
  background: #E6E6E6;
}
.container .content h2 {
  margin: 0;
  padding: 22px 0;
  font-size: 2.5em;
  font-weight: 300;
  letter-spacing: 0.05ex;
}
.forgotTrigger {
  font-size: 1em;
}
#forgotPassword {
  margin-left: 110px;
}

.container .bottom {margin: 0 5px 10px 5px;padding: 4px 0;background: url(/images/login/loginArea_bottom.gif) no-repeat #FFFFFF;}
.container .notificationBottom {margin: 0 5px 10px 5px;padding: 4px 0;background: url(/images/login/loginNotification_bottom.gif) no-repeat #FFFFFF;}

#branding-column {width: 307px;margin: 0 1px;padding: 0;}
#branding-column > div {margin-bottom:10px;}

#branding-column #branding {clear:both;padding:0;text-align:center;vertical-align:middle;}
#branding-column #branding img {width:300px;height:246px;border:0;}

#form-column {width: 597px;margin: 0 5px;padding: 0;}
#form-column > div {margin-bottom:10px;}

label {font-size:1.4em;line-height:1.8em;font-style:italic;letter-spacing: 0.15ex;}

.form_error {display:inline;padding-left:5px;color:red;}
.form_success {display:inline;padding-left:5px;color:green;}

#login div.content {height:220px}
#login form {padding:0 20px;}
#login label {line-height:1.4em; width:100px; margin:0; padding:0 10px 0 0; font-style:normal; display: inline-block}
#login input.field {width:280px;}
#login #remember_me {margin-left:60px;}
#login label.remember_me {
  font-size: 1.0em;
  width:200px;
}

#get-password div.content {height:255px;}
#get-password .content {padding:0 20px;}

#unsubscribe input {
  margin: 0 10px;
  width: 200px;
}
#unsubscribe input.button {
  margin: 0 10px;
  padding-top: 13px;
  width: 100px;
  font-size: 14px;
}

input.field, textarea{
  width: 400px;
  margin: 5px 0 10px 0;
  padding: 5px;
  font-size: 1.4em;
  border:1px solid #CBCBCB;
  background-color: #FFFFFF;
  font-weight: 300;
}
input.button {
  width: 100px;
  padding: 10px 0 12px;
  text-align: center;
  color: #FFFFFF;
  font-size: 17px;
  line-height: 1em;
  font-weight: 400;
  text-shadow: -1px -1px 0 #f47f35;
  text-decoration: none;
  cursor: pointer;
  border: 0;height:45px;
  background: url(/images/buttons/button_login.jpg) no-repeat #FFFFFF;
  background-position: 0 1px;
}
input.button:hover {
  background: url(/images/buttons/button_login.jpg) no-repeat #FFFFFF;
  background-position: 0 -41px;
}

#login input.button {margin: 0 0 0 15px;}
#emailform input.field {margin-bottom:0;}

#contactform input.field, #contactform textarea, #contactform label {
  font-size:1.2em;
  margin:0;
}

#login .forgot {
  margin: 32px 0 0 0;
  padding: 0;
  float: left;
}
#login .form_error {
  font-size: 11px;
  background-color: #FFFFFF;
}

.videoThumb {
  float: left;
  margin: 0;
  padding: 0 15px 10px 0;
}

#content {overflow:hidden;}

/* SUPPORT */
#support {margin-right:10px;}
#support h2 {font-size: 1.8em;line-height:1.5em;}
#support h3 {font-size: 1.2em;}
#support ol {margin:0;font-size: 1.6em;color:#666666;padding:15px 0 0 0 }
#support ol h4 {font-size:0.9em;color:#000000}
#support li {padding-bottom: 5px;}
#support .techTest li {margin-left: 40px; padding-bottom: 15px;}
#support p {font-size: 1em;color:#000000}
#support li p {font-size: 0.6em;}
#support dl {margin:1em 0 0 2em;font-size:0.8em;}
#support dt {margin-top: 0.5em;}
#support dd {color:#000000;font-size: 1em;}

/* FAQ */
#faq-list {margin:0; padding:0; font-size:14px;}
  #faq-list li {margin:0 5px 10px 0; padding:0; width:290px; min-height:135px; display:inline; float: left; line-height: 1.2em;}

#faq dd {float: left;margin: 15px 0;width:90%;}
  #faq dd.widthVideo ol {margin-left:150px;}

/* TECH TEST */
#tech-test {width: 48%;float:left;margin-bottom:10px;}
#firefox-recommend {margin: 0px 0px 20px 10px;padding:10px;text-align:center;margin:20px auto;}
.test-status {color:#000000;margin: 3px 0px 0px 10px;padding:10px;overflow: hidden;}
.test-status h2 {font-size: 1.6em;line-height:1.5em;}
.test-status p {margin-bottom:5px;}

.fail {background-color:#FFEAE8;border:1px solid #FF8B7F;}
.pass {background-color:#EAFFE8;border:1px solid #8BFF7F;}
.status {font-size: 1.2em; font-weight:400;}
.fail span.status{color:#FF8B7F;}
.pass span.status{color:#8BFF7F;}
.neutral {background-color:#EEEEEE;border: 1px solid #AAAAAA;}
.ready {background-color:#8BFF7F}
.not-ready {background-color:#FF8B7F}

.center {margin-right:auto;margin-left:auto;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}

#unsubscribe {
  margin: 20px 0;
}