/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 6, 2012 04:24:39 AM America/New_York */

@font-face {
  font-family: 'HeydingsCommonIconsRegular';
  src: url(/assets/icons/heydings_icons-webfont.eot);
  src: url(/assets/icons/heydings_icons-webfont.eot?#iefix) format('embedded-opentype'), url(/assets/icons/heydings_icons-webfont.woff) format('woff'), url(/assets/icons/heydings_icons-webfont.ttf) format('truetype'), url(/assets/icons/heydings_icons-webfont.svg#HeydingsCommonIconsRegular) format('svg');
  font-weight: normal;
  font-style: normal;
}
h1 {
  font-size: 150%;
}
h2 {
  font-size: 138.5%;
}
h3 {
  font-size: 123.1%;
}
h4 {
  font-size: 108%;
}
h1,
h2,
h3,
h4,
.sectionTitle {
  margin: 0.2em 0;
  font-family: 'Handlee', 'Roboto', helvetica, cursive;
  font-weight: bold;
}
html {
  background: #cccccc none repeat scroll 0 0;
}
body {
  background: #cccccc none repeat scroll 0 0;
  font-family: 'Delius', 'Roboto', helvetica, cursive;
}
blockquote,
ul,
ol,
dl {
  margin: 1em;
}
ol,
ul,
dl {
  margin-left: 2em;
}
ol li {
  list-style: decimal outside;
}
ul li {
  list-style: disc outside;
}
/******************************************************/
a {
  color: blue;
  text-decoration: underline;
  z-index: 10;
}
a:focus {
  outline: none;
}
a:hover {
  color: #0076ff;
  z-index: 10;
}
/************************************************/
.hide {
  display: none;
}
.left {
  float: left;
}
body {
  min-height: 100%;
}
.half {
  width: 48%;
}
.mainWrap {
  /* copied to orter.css */
  margin: 0 auto;
  overflow: auto;
  padding: 1em;
}
.content {
  display: block;
  width: 99%;
}
.whiteboard {
  /* copied to orter.css */
  background-color: white;
  border: #696969 solid 10px;
  -moz-box-shadow: 2px 3px 2px #888888;
  -webkit-box-shadow: 2px 3px 2px #888888;
  box-shadow: 2px 3px 2px #888888;
  /*	filter:e(%("progid:DXImageTransform.Microsoft.Shadow(color= %s, Direction=%s, Strength=%s)", @color, @offset, @blur))*/
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  overflow: auto;
  margin: auto 0;
  width: 95%;
  min-height: 643px;
}
.logo {
  margin: 0.5em;
}
.screenCastContainer {
  height: 225px;
  width: 400px;
  margin: 0px auto;
  display: block;
}
.screenCast {
  width: 400px;
  height: 225px;
}
.leftBar {
  text-align: center;
  overflow: auto;
  padding: 0.5em;
}
.sideNote {
  position: absolute;
  padding: 0.2em;
  -moz-box-shadow: 1px 9px 23px #888888;
  -webkit-box-shadow: 1px 9px 23px #888888;
  box-shadow: 1px 9px 23px #888888;
  /*	filter:e(%("progid:DXImageTransform.Microsoft.Shadow(color= %s, Direction=%s, Strength=%s)", @color, @offset, @blur))*/
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.sideNote:hover {
  padding: 0.2em;
  -moz-box-shadow: 1px 15px 23px #666666;
  -webkit-box-shadow: 1px 15px 23px #666666;
  box-shadow: 1px 15px 23px #666666;
  /*	filter:e(%("progid:DXImageTransform.Microsoft.Shadow(color= %s, Direction=%s, Strength=%s)", @color, @offset, @blur))*/
}
.sideNote a {
  color: #666666;
}
.sideNote a:focus {
  color: #565656;
}
.sectionTitle {
  font-family: 'Roboto', helvetica, cursive;
  text-align: center;
}
.sectionContent {
  font-family: 'Roboto', helvetica, cursive;
  font-size: 140%;
}
.what {
  z-index: 2;
  margin: 1em;
  width: 40%;
  padding: 0.2em;
  position: absolute;
}
.what img {
  width: 100%;
  max-width: 600px;
}
.try {
  top: 111px;
  right: 69px;
  z-index: 0;
  -ms-transform: rotate(3deg);
  /* IE 9 */
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  transform: rotate(3deg);
}
.create {
  top: 135px;
  right: 320px;
  z-index: 1;
  width: 350px;
}
.why {
  top: 270px;
  right: 260px;
  width: 25em;
  -ms-transform: rotate(-1.5deg);
  /* IE 9 */
  -webkit-transform: rotate(-1.5deg);
  -moz-transform: rotate(-1.5deg);
  -o-transform: rotate(-1.5deg);
  transform: rotate(-1.5deg);
}
.faq {
  top: 438px;
  right: 625px;
  -ms-transform: rotate(-10deg);
  /* IE 9 */
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
  z-index: 4;
}
.contributors {
  top: 438px;
  right: 450px;
  -ms-transform: rotate(7deg);
  /* IE 9 */
  -webkit-transform: rotate(7deg);
  -moz-transform: rotate(7deg);
  -o-transform: rotate(7deg);
  transform: rotate(7deg);
  z-index: 4;
}
.tnc {
  top: 560px;
  right: 450px;
  -ms-transform: rotate(7deg);
  /* IE 9 */
  -webkit-transform: rotate(7deg);
  -moz-transform: rotate(7deg);
  -o-transform: rotate(7deg);
  transform: rotate(7deg);
}
.count {
  top: 475px;
  right: 150px;
  -ms-transform: rotate(-10deg);
  /* IE 9 */
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
  z-index: 4;
}
.help {
  top: 585px;
  right: 85px;
  -ms-transform: rotate(-3deg);
  /* IE 9 */
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  transform: rotate(-3deg);
  z-index: 5;
}
.feedback {
  top: 266px;
  right: 150px;
  -ms-transform: rotate(-10deg);
  /* IE 9 */
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
  z-index: 0;
}
.yellow {
  background-color: #ffff88;
  border: 1px solid #ffff66;
}
.orange {
  background-color: #ffb058;
  border: 1px solid #ffb069;
}
.blue {
  background-color: #17B6FF;
  border: 1px solid #17B6FF;
}
.green {
  background-color: #bcee6b;
  border: 1px solid #bcee7c;
}
.purple {
  background-color: #d07ddf;
  border: 1px solid #d07def;
}
/**/
@font-face {
  font-family: Handwritten;
  src: url(/assets/Handwritten_Crystal_v2.ttf);
}
@font-face {
  font-family: Edosz;
  src: url(/assets/edosz.ttf);
  font-size: 150%;
}
.formContainer form {
  padding: 10px;
}
.formContainer input[type=text],
.formContainer input[type=checkox] .formContainer select,
.formContainer label {
  display: block;
}
.formContainer input[type=text],
select {
  margin: 0 0 10px 0;
}
.formContainer input[type=checkbox] {
  margin: 0 5px 10px 0;
}
.formContainer select {
  margin-top: 5px;
}
.formContainer input[type=text] {
  background: transparent;
  border: none;
  border-bottom: 1px dashed #555;
  padding: 5px 10px;
  border-radius: 5px;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
.formContainer input[type=checkbox] {
  background: transparent;
  border: none;
  border-bottom: 1px dashed #555;
  border-radius: 5px;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
.formContainer input[type=text]:hover,
.formContainer input[type=text]:focus,
.formContainer input[type=checkbox]:hover,
.formContainer input[type=checkbox]:focus {
  background-color: #ffffcc;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  outline: none;
}
.formContainer label {
  font-family: "Trebuchet MS", sans-serif;
  font-size: 0.7em;
}
.formContainer input[type=text].invalid,
.formContainer input[type=checkbox].invalid {
  border-bottom: 1px dashed #FFaa22;
}
.error {
  z-index: 9999;
  /* supply height to ensure consistent positioning for every browser */
  background-color: #ff9933;
  border: 1px solid #ff6600;
  color: #000;
  padding: 3px 10px;
  margin-left: -2px;
  /* CSS3 spicing for mozilla and webkit */
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-box-shadow: 0 0 6px #dddddd;
  -webkit-box-shadow: 0 0 6px #dddddd;
  box-shadow: 0 0 6px #dddddd;
  /*	filter:e(%("progid:DXImageTransform.Microsoft.Shadow(color= %s, Direction=%s, Strength=%s)", @color, @offset, @blur))*/
}
@media all and (max-width: 1100px) {
  .leftBar {
    display: none;
  }
}
@media all and (max-width: 650px) and (min-width: 200px) {
  .sideNote {
    position: static;
    width: 100%;
    margin-bottom: 10px;
    transform: rotate(0);
  }
  .half {
    width: 95%;
  }
  .create {
    top: 0;
    right: 0;
  }
  .rightBar {
    padding-bottom: 25px;
  }
  .logo {
    width: 90%;
  }
  .help {
    display: none;
  }
}
/* menu */

#menu {
  position: fixed;
  top: 0;
  right: 70px;
  font-size: 13px;
}
#menu {
  margin: 0px;
  padding: 0px;
  list-style: none;
  color: #fff;
  line-height: 30px;
  display: inline-block;
  float: left;
  z-index: 1000;
}
#menu li {
  list-style: none;
}
li.start-item img,
li.last-item img {
  float: left;
  height: 30px;
}
#menu a {
  color: #fff;
  text-decoration: none;
}
#menu > li {
  background: #172322 none repeat scroll 0 0;
  cursor: pointer;
  float: left;
  position: relative;
  padding: 0px 10px;
}
#menu > li a:hover {
  color: #B0D730;
}
#menu .start-item {
  background: transparent none repeat scroll 0% 0%;
  padding: 0px;
  background-color: Transparent;
}
#menu .middle-item {
  min-width: 130px;
  text-align: center;
  border-right: 1px dotted;
}
/* sub-menus*/
#menu ul {
  padding: 0px;
  margin: 0px;
  display: block;
  display: inline;
  text-align: left;
}
#menu li ul {
  position: absolute;
  left: -10px;
  top: 0px;
  margin-top: 30px;
  width: 170px;
  line-height: 16px;
  background-color: #172322;
  color: #0395CC;
  /* for IE */
  display: none;
}
#menu li:hover ul {
  display: inline-block;
  max-height: 100vh;
  overflow: auto;
}
#menu li ul li {
  display: block;
  margin: 5px 20px;
  padding: 5px 0px;
  border-top: dotted 1px #606060;
  list-style-type: none;
}
#menu li ul li:first-child {
  border-top: none;
}
#menu li ul li a {
  display: block;
  color: #0395CC;
}
#menu li ul li a:hover {
  color: #7FCDFE;
}
/* main submenu */
#menu #main {
  left: 0px;
  top: -20px;
  padding-top: 20px;
  background-color: #7cb7e3;
  color: #fff;
  z-index: 999;
}
ul#inner {
  margin-left: 18px;
}
/* search */
.searchContainer div {
  background-color: #fff;
  display: inline;
  padding: 5px;
}
.searchContainer input[type="text"] {
  border: none;
}
.searchContainer img {
  vertical-align: middle;
}
.redirectToBoard {
  display: inline-block;
  width: 90%;
}
.removeBoardFromFav {
  display: inline-block;
  text-align: right;
  width: 5%;
  vertical-align: top;
}
/* corners*/
#menu .corner_inset_left {
  position: absolute;
  top: 0px;
  left: -12px;
}
#menu .corner_inset_right {
  position: absolute;
  top: 0px;
  left: 170px;
}
#menu .last-item {
  background: transparent none repeat scroll 0% 0%;
  margin: 0px;
  padding: 0px;
  position: relative;
  border: none;
  height: 0px;
}
#menu .corner_left {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 20px;
}
#menu .corner_right {
  position: absolute;
  left: 152px;
  top: 0px;
  height: 20px;
}
#menu .middle {
  position: absolute;
  left: 18px;
  height: 20px;
  width: 135px;
  top: 0px;
}
/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.




*/