/*--- CSS Reset ---*/

* {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-weight: inherit;
   font-style: inherit;
   font-family: 'Lucida Sans','Lucida Sans Unicode', 'Lucida Grande',Verdana,Arial,sans-serif;
   vertical-align: baseline;
   -webkit-text-size-adjust: none;
   -webkit-appearance: none;
}

/*--- STRUCTURE ---*/
    
body{
	font-size: 62.5%; /* Reset 1em to 10px */
	text-align: center;
	background: white !important;
} 

#header,
.content-wrapper {
  text-align: left;
}

.content-wrapper {
  width: 978px;
  margin: 0 auto;
  padding: 0px;
}

.page-wrap {
  margin-top: 70px;
  min-height: 160px;
}

#header {
  width: 978px;
  height: 136px;
  padding: 0px;
  margin: 0 auto;
}

.section-wrapper {
  margin-bottom: 0px;
}

.collumn-1-2 {
  width: 475px;
  height: auto;
  float: left;
  padding-right: 20px;
}

.collumn-1-3,
.collumn-2-3 .collumn-1-2  {
  width: 305px;
  height: auto;
  float: left;
  padding-right: 20px;
}

.collumn-2-3 .collumn-1-3 {
  width: 205px;
  height: auto;
  float: left;
  padding-right: 20px;
}

.collumn-2-3 {
  width: 650px;
  height: auto;
  float: right;
  margin-bottom: 40px;
}

.mobile-tutorials {
  display: none;
}



.text a img.logo {
  float: right;
  clear: both;
  margin-bottom: 20px;
}

/*--- CONTENT ---*/

.clear {
  clear: both;
}

.float-right {
  float: right;
}

img.suggest-bg {
  margin-top: -28px;
}

.collumn-2-3.suggest {
  background: url('../img/suggest-bg.png') no-repeat right bottom;
  min-height: 73px;
}


/*--- VIDEO ---*/

.video-wrapper {
  width: 650px;
  height: 318px;
  padding-top: 90px;
  background: url('../img/videoplaceholder03.jpg') no-repeat;
  overflow: hidden;
  text-align: center;
  border: 1px solid white;
}

.video-wrapper:hover {
  box-shadow: 1px 1px 10px #CCC;
  -moz-box-shadow: 1px 1px 10px #CCC;
  -webkit-box-shadow: 1px 1px 10px #CCC;
}

.video-content-wrapper {
  width: 456px;
  height: auto;
  margin: 0 auto 30px;
}

.video-item {
  display: block;
  width: 151px;
  height: 91px;
  float: left;
  padding-top: 10px;
}

.video-item a {
  color: black;
  text-decoration: none;
}

.video-item a:hover {
  color: #0b90c1 !important;
}

.video-item:hover {
  border: 1px solid transparent;
  width: 149px;
  height: 89px;
}

.video-item a img {
  border: none;
}


/*--- DEVELOPER ---*/
#gray-bg {
  background: #f2f2f2;
  border-top: 1px solid #dfdede;
  padding: 50px 0 50px 0;
  min-width: 978px;
  margin-top: 40px;
}


img.developer-bg {
  float: left;
}

/*--- TYPE ---*/

h1, a h1,
h2, a h2 {
  font-style: normal;
  color: #0b90c1;
  text-decoration: none;
  margin-bottom: 8px;
}

h1 {
  font-size: 2.4em;
}


.text h1 {
  margin-bottom: 20px;
  margin-top: 45px;
}

.text h1.first, 
#gray-bg h1 {
  margin-top: 0px;
  margin-bottom: 20px;
}

.text h1.first {
  clear: both; 
}

h2 {
  font-size: 1.6em;
  margin-top: 15px;
  margin-bottom: 8px;
}

h3 {
  font-size: 1.3em;
  font-weight: bold;
  color: #797979;
}


#gray-bg h1, #gray-bg a h1,
#gray-bg h2, #gray-bg a h2 {
  color: #797979;
}

p, ul, a.loose-link, ol {
  font-size: 1.3em;
  line-height: 23px;
}

p {
  margin-bottom: 10px;
}

.suggest p {
  margin-right: 80px;
}

ul li {
  list-style-type: square;
  margin-bottom: 0px;
}

ul, ol {
  margin: 5px 0 20px 16px;
}

.collumn-2-3 .collumn-1-3 ul{
  margin-bottom: 0px;
}

ol {
  margin-left: 20px;
}

.bold {
  font-weight: bold;
}


p a, a.loose-link, li a, .collumn-2-3 a {
  color: black;
}

p a:hover, a.loose-link:hover, li a:hover, .collumn-2-3 a:hover{
  color: #0b90c1;
}

.file a {
  font-size: 1.2em;
}




/*--- FOOTER---*/

#footer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 35px;
  background: rgba(255,255,255, 0.95);
  -moz-box-shadow: 0px 0px 5px #888;
  -webkit-box-shadow: 0px 0px 5px #888;
  box-shadow: 0px 0px 5px #888;
  overflow: hidden;
}

#footer .subscribeform #first_name,
#footer .subscribeform #last_name{
  width: 100px;
  float: left;
}

#footer .posted {
  width: 215px;
  height: 160px;
  float: left;
  text-align: left;
  position: relative;
  border-left: 1px solid #F2F2F2;
  padding: 9px 0 0 10px;
  margin-top: -9px;
}

#footer ul.main-nav {
  margin: 6px 0 0 0 !important;
  position: relative;
  width: 783px;
  height: 150px;
  float: left;
}

#footer ul.main-nav li{
  list-style-type: none;
  display: inline;
  text-align: left;
  float: left;

}

#footer ul.main-nav li a{
  color: #0b90c1;
  padding: 10px 30px 0 10px;
  background: url('../img/link-bg.png') no-repeat left top;
  text-decoration: none;
}


#footer .posted a {
  color: #0b90c1;
  text-decoration: none;
  background-image: none !important;
  padding-left: 0 !important;
}


#footer ul.main-nav li a:hover{
  color: #0a7298;
  text-decoration: none;
}

#footer ul.main-nav li ul li a:hover{
  color: #0b90c1;
  text-decoration: none;
}

#footer ul.main-nav li ul {
  margin: 0;
  padding: 0;
  width: 100px;
}

#footer ul.main-nav li ul li {
  display: block;
  text-align: left;
  width: 100px;
  float: none;
  margin: 0 0 -4px 10px;
}

#footer ul.main-nav li ul li a { 
  padding: 0 ;
  background: none;
  font-size: 0.7em;
  color: #707070;
}


/*--- SIDE MENU ---*/

ul.menu {
  margin-top: 0;
}

ul.menu li {
  list-style-type: none;
  margin: 0 0 0 77px;
  border-bottom: solid 1px #dfdede;
  padding: 15px 0 3px 0;
  width: 180px;
}

ul.menu li ul li {
  list-style-type: none;
  margin: 0 0 0 5px;
  padding: 0px 0 3px 0;
  width: 159px;
  font-size: 0.7em;
  border-bottom: none;
}

ul.menu li.selected a,
ul.menu li.selected a:hover{
  color: #0b90c1;
  font-weight: bold;
}


ul.menu li.selected ul li a,
ul.menu li.selected:hover ul li a{
  color: black;
  font-weight: normal;
}

ul.menu li.selected ul li a:hover {
  color: #0b90c1;
}



ul.menu li a,
#footer ul li a {
  text-decoration: none;
}

/*--- BUTTONS & INPUT---*/
button{
  height: 38px;
}

button.toapp {
  height: 26px;
  float: right;
  margin-top: 5px;
  width: 105px;
  color: white;
  border-color: #0A7298;
  background: #0b90c1 url('../img/toapp.png') no-repeat 3px 1px ;
  padding-left: 27px;
  position: relative;
}

button.toapp:hover {
  background: #025b7c url('../img/toapp.png') no-repeat 3px 1px ;
  border-color: #025b7c;
}

input[type="submit"]{
  height: 30px;
  margin-left: 10px;
}

button, input[type="submit"], .button{
  background-color: white;
  border: 1px solid #dfdede;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  color: #0b90c1;
  font-size: 1.3em;
  padding: 0 5px;
}

#footer input[type="submit"] {
  font-size: 1em;
}

#gray-bg button, #gray-bg input[type="submit"]{
  background: white;
}

.button:hover, button:hover, input[type="submit"]:hover,
#gray-bg button:hover, #gray-bg input[type="submit"]:hover{
  background-color: #0b90c1;
  border: 1px solid #0a7298;
  color: white;
  cursor: pointer;
}

button.totest{
  width: 300px;
  float: left;
  margin-bottom: 10px;
}

button.totest.primary.mobile {
  display: none;
}

.disabled {
  opacity: 0.5;
  border: none !important;
}

.video-item.disabled:hover {
  color: black !important;
  width: 152px !important;
}

.video-item.disabled:hover a {
  color: black !important;
}

button.disabled {
  border: 1px dashed #707070 !important;
}

button.disabled:hover {
  background-color: #f2f2f2 !important;
  border: 1px dashed #707070;
  color: #797979 !important;
}

.button.facebook,
.button.twitter,
.button.mail {
  padding: 0;
  float: left;
  width: 28px;
  height: 28px;
  margin-left: 5px;
}

.button.facebook {
  background: white url('../img/facebook-button-icon.png') no-repeat 15px 5px;
}

.button.facebook:hover {
  background: #0b90c1 url('../img/facebook-button-icon-hover.png') no-repeat 15px 5px;
}

.button.mail {
  background: white url('../img/mail-icon.png') no-repeat 5px 8px;
}

.button.mail:hover {
  background: #0b90c1 url('../img/mail-icon-hover.png') no-repeat 5px 8px;
}

.button.twitter {
  background: white url('../img/twitter-button-icon.png') no-repeat 6px 5px;
}

.button.twitter:hover {
  background: #0b90c1 url('../img/twitter-button-icon-hover.png') no-repeat 6px 5px;
}

a.campaign {
  background: white url('../img/campaign.png') no-repeat;
  border: none !important;
  width: 62px;
  height: 42px;
  display: block;
  margin-top: 50px;
  float: right;
}

a.campaign:hover {
  background: white url('../img/campaign-hover.png') no-repeat;
}

button.video {
  left: 0;
  right: 0;
  display: none;
}

.primary {
  background-color: #797979;
  border: 1px solid #757575;
  color: white;
}

input[type="text"] {
  height: 22px;
  width: 210px;
  border: 1px solid #dfdede;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 1em;
  padding: 4px 0 4px 5px;
}

#footer input[type="text"] {
  font-size: 0.7em;
}

input[type="text"].suggest-input {
  width: 470px;
  font-size: 1.3em;
}


#suggest-input:disabled{
  background:url("../img/wait16.gif") no-repeat;
  background-position: 450px 11px;
  
}

#NewsletterForm #id_first_name,
#NewsletterForm #id_last_name {
  width: 130px;
}

#footer #id_first_name,
#footer #id_last_name {
  width: 95px;
}

#NewsletterForm #id_first_name {
  float: left;
}

#NewsletterForm #id_last_name {
  float: left;
  margin-left: 10px;
}

#NewsletterForm #id_email {
  width: 207px;
  float: left;
  margin-top: 5px;
}

#footer #id_email {
  margin-top: 0px;
}

#id_devemail {
  float: left;
}

#id_submit__emailc42,
#id_submit__devemailc42 {
  float: right;
}

#footer.showmenu #NewsletterForm {
  display: block;
}

#NewsletterForm input[type="submit"] {
  width: 82px;
  margin-top: 5px;
}

#footer input[type="submit"] {
  float: right;
  clear: both;
  margin-top: 10px;
}

.form-section {
  width: 100%;
  margin-top: 10px;
  height: auto;
  clear: both;
}

ul.notifications li,
ul.errorlist li{
  list-style-type: none;
  margin-left: -16px;
  float: left;
  display: block;
  clear: both;
}

ul.errorlist li {
  color: red;
}

ul.usp {
  list-style-type: square;
  font-weight: bold;
  margin: 25px 0 30px 16px;
}

ul.usp li {
  margin-bottom: 10px;
}

.subscript,
.notifications {
  font-style: italic;
  color: #999;
  margin-bottom: 2px !important;
}

ul.subscript {
  margin-top: 0px;
  margin-bottom: 20px !important;
}

.social {
  float:left;
  clear: both;
  position: relative;
  margin: -30px 0 0 -5px;
  z-index: 10;
  width: 150px;
}

a.button { margin: 20px 0px; max-width: 300px; text-decoration: none; color: white; padding: 10px 15px; border: 1px solid #114a69; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background-image: linear-gradient(bottom, rgb(24,89,125) 44%, rgb(27,97,135) 77%);background-image: linear-gradient(bottom, rgb(24,89,125) 28%, rgb(27,97,135) 77%);background-image: -o-linear-gradient(bottom, rgb(24,89,125) 28%, rgb(27,97,135) 77%);background-image: -moz-linear-gradient(bottom, rgb(24,89,125) 28%, rgb(27,97,135) 77%); background-image: -webkit-linear-gradient(bottom, rgb(24,89,125) 28%, rgb(27,97,135) 77%); background-image: -ms-linear-gradient(bottom, rgb(24,89,125) 28%, rgb(27,97,135) 77%);background-image: -webkit-gradient(	linear,left bottom,left top,color-stop(0.28, rgb(24,89,125)),color-stop(0.77, rgb(27,97,135))); display: block; text-align: center;}
a.button.onblue:active, a.button.onwhite:active {color: white !important; background-image: linear-gradient(bottom, rgb(19,83,117) 28%, rgb(23,91,128) 77%); background-image: -o-linear-gradient(bottom, rgb(19,83,117) 28%, rgb(23,91,128) 77%); background-image: -moz-linear-gradient(bottom, rgb(19,83,117) 28%, rgb(23,91,128) 77%); background-image: -webkit-linear-gradient(bottom, rgb(19,83,117) 28%, rgb(23,91,128) 77%); background-image: -ms-linear-gradient(bottom, rgb(19,83,117) 28%, rgb(23,91,128) 77%);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.28, rgb(19,83,117)),color-stop(0.77, rgb(23,91,128))); border-color: #0f3f59; color: #d1dfe7; box-shadow: inset 1px 1px 4px #103f57;-webkit-box-shadow: inset 1px 1px 4px #103f57; -moz-box-shadow: inset 1px 1px 4px #103f57; }
a.button.onblue { box-shadow: 1px 1px 0px #27698d; -moz-box-shadow: 1px 1px 0px #27698d; -webkit-box-shadow: 1px 1px 0px #27698d; }
a.button.onwhite { box-shadow: 1px 1px 0px #dfdede; -moz-box-shadow: 1px 1px 0px #dfdede; -webkit-box-shadow: 1px 1px 0px #dfdede; }
a.button:hover {color: white;}

/*---------------404/500-----------------------*/

.error-404 .page-wrap {
  background: url('../img/404.png') no-repeat right top;
  min-width: 978px;
}

.error-500 .page-wrap {
  background: url('../img/500.png') no-repeat right top;
  min-width: 978px;
}

/*---------BROWSER NOT SUPPORTED------------------*/
   
.browser .content-wrapper {
  width: 300px;
  margin: 0 auto 10px;
  padding: 10px;
}

.browser #header {
  width: 300px;
  height: 136px;
}

.browser input[type='text'] {
  width: 290px;
}

.browser input[type='submit'] {
  float: right;
  margin: 0px 4px 20px 0 !important;
}

.browser #header a img.logo {
 margin: 23px 0 0 0;
}

button.tocalendar{
  width: 290px;
  margin-bottom: 40px;
}

.mobile-only,
#hide {
  display:none;
}


/*----------------------PLAIN TEXT NO MENU---------------------*/

body.text.nomenu .page-wrap {
/*  margin-top: 20px;*/
}

p.page-sub {
  color: #CCC;
  font-size: 1em;
  border-top: 1px solid #CCC;
  padding-top: 10px;
  margin-top: 50px;
}

ol.code {
  font-size: 1.1em;
  margin-left: 25px;
  margin-top: 30px;
}

ol.code li {
    font-family: Menlo,Monaco,'Courier New',Courier,monospace;
    margin-bottom:2px;
    background-color: #f2f2f2;
    padding-left: 2px;
    word-wrap: break-word;
    -webkit-word-wrap: break-word;
    -moz-word-wrap: break-word;
}

ol.code li.tab1 { padding-left: 6px; }
ol.code li.tab2 { padding-left: 16px; }
ol.code li.tab3 { padding-left: 26px; }
ol.code li.tab4 { padding-left: 36px; }
ol.code li.tab5 { padding-left: 46px; }
ol.code li.tab6 { padding-left: 56px; }
ol.code li.tab7 { padding-left: 66px; }
ol.code li.tab8 { padding-left: 76px; }


/*------------------TABLE STYLES------------------*/

table {
	font-size: 1.3em;
	line-height: 1.8em;
	margin: 30px 0;
}

td {
	border-right: 1px solid #dfdede;
	border-bottom: 1px solid #dfdede;
	padding: 10px;
}

/*----------------------GENERAL-----------------------*/

strong {
	font-weight: bold !important;
}