/*  Remove Bad Browser Styles */
:link,:visited {text-decoration:none;}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}
* {margin:0; padding:0;}
a img,:link img,:visited img {border:none; margin:0; padding:0;}
address {font-style:normal}
a:focus, a:visited {outline-style: none;}/* Firefox outline link fix */

/* Fix Browser Float Problems */
.clear {clear:both; height: 0; overflow:hidden; font-size:1px;}

/* Global Styles */
body {font:0.75em Arial, Helvetica, sans-serif; color:#333333; background-color: #fff; background-image: url(/__data/assets/image/0014/149/background.png);}
#container {width: 800px; margin: 100px auto 50px auto; padding: 0 30px;}
a {color: #2C2C2C; font-weight: bold; text-decoration: underline !important;}
.hidden {display: none;}

/* Header */
#header {-webkit-box-shadow:  0px 2px 5px 0px rgba(0, 0, 0, 0.8); box-shadow:  0px 2px 5px 0px rgba(0, 0, 0, 0.8); display: block; height: 50px; position: fixed; top: 0; left: 0; width: 100%; z-index: 99; background: url(/__data/assets/image/0012/84/topbar-bg.png) repeat-x; border-bottom: 1px solid #4b4b4c;}

/* Site Header Title */
#header h1 {height: 40px; letter-spacing: 0; margin: 5px 0 0 20px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7); width: 200px;}
#header h1 a {font: bold 24px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif; color: #f1f3f3; text-decoration: none !important; background: url(/__data/assets/image/0006/501/zedsaid-logo.png) no-repeat; display: block; height: 40px;}

/* Navigation */
#nav {float: right; display: block; margin: -30px 20px 0 0;}
#nav a {font: bold 18px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif; height: 30px; letter-spacing: 0; margin: 10px 0 0 20px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7); width: auto; color: #f1f3f3; padding-bottom: 2px; text-decoration: none !important; position: relative; z-index: 100;}
#nav a.selected,
#nav a.hierarchy {border-bottom: 1px solid #f1f3f3;}
#nav li {display: inline;}
#nav a#n71 {display: none;}
#nav #n3761 {border-radius: 12px; -webkit-border-radius: 12px; padding: 0px 6px 2px 6px; text-shadow:none;
	box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.2); z-index: 1; background: -moz-linear-gradient(top, #91959a 0%, #6b6c6b 100%) #68696b; background: -webkit-gradient(linear, left top, left bottom, from(#91959a), to(#6b6c6b)) #68696b;
	border: 2px solid #fff; display: none;
}

/* Post List */
.post ul.list,
.post ul.extra,
.post.site-map > ul {border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -moz-box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.2);; -webkit-box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.2); background-color: #EFEFEF; border: 1px solid #C5C5C6; color: #343333; display: block; padding: 15px 20px 15px 40px; margin-bottom: 30px !important;}
.post ul.extra {padding: 12px 12px !important; margin-top: 20px; position: relative;}
.post.site-map ul ul {margin-left: 28px;}

/* Warning */
.warning {border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -moz-box-shadow: 0 1px 1px #FFFFFF inset; -webkit-box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.2); background-color: #eeeade; border: 1px solid #C5C5C6; color: #343333; display: block; padding: 20px 30px; margin-top: 12px; margin-bottom: 35px;}
.warning p {margin-bottom: 12px;}

/* Post */
.post {margin-bottom: 80px;}
h3,
h2, h1 {color: #343333; text-align: left; font: bold 21px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; letter-spacing: 0; text-shadow: 0 1px 0 #F7F8F9;}
h2 {margin-bottom: 10px;}
h1 {font-size: 2em;}
.post.last {margin: 0;}
.post h2 a {text-decoration: none !important;}
.post h3 {font-size: 16px; margin-bottom: 8px;}
.app h3 {font-size: 18px;}
.post ul.list,
p,
div.post.site-map {color: #2C2C2C; font: 15px/24px "HelveticaNeue",Helvetica,Arial; letter-spacing: 0; margin-bottom: 14px; text-shadow: 0 1px 0 #F7F8F9; text-align: left;}
.post ul.extra li {color: #2C2C2C; display: inline; font: bold 12px "HelveticaNeue",Helvetica,Arial; margin-bottom: 12px; margin-right: 10px; text-shadow: 0 1px 0 #F7F8F9;}
.post ul.extra {padding: 10px 20px; position: relative;}
.post .created {color: #716f6f; text-align: left; font: normal 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; letter-spacing: 0; text-shadow: 0 1px 0 #F7F8F9; margin-bottom: 6px; margin-top: 2px;}
.post .created a {color: #636161;}
#pages {margin: 50px 0 30px 0;}
#pages a {font-size: 13px;}
#pages a.prev {display: block; float: left;}
#pages a.next {display: block; float: right;}
.post .content {margin: 10px 0 20px 0; position: relative;}
.twitter {position: absolute; top: 9px; right: 0;}
.fb {position: absolute; top: 10px; right: 65px;}

/* Project */
div.projectGroup {margin-bottom: 40px;}

/* Post Image */
.post .photo {margin-bottom: 20px; text-align: center;}
.post .photo li { list-style-type: none; display: inline;}
.post .photo img {-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); background-color: #D8D8D8; border: 6px solid #FFFFFF; padding: 0; margin-right: 16px;}
.post .photo img.p {height: 350px; width: auto;}
.post .photo img.l {height: auto; width: 360px;}

/* Contact Form */
#contact {border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -moz-box-shadow: 0 1px 1px #FFFFFF inset; -webkit-box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.2); background-color: #EFEFEF; border: 1px solid #C5C5C6; color: #343333; display: block; padding: 35px 30px; margin-top: 12px;}
#contact .field {position: relative;}
#contact .field input,
#contact .field textarea,
.leave-comment textarea {border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border: 1px solid #d8d8d8; -moz-box-shadow:inset 0 0 4px #d8d8d8; -webkit-box-shadow:inset 0 0 4px #d8d8d8; box-shadow:inset 0 0 10px #d8d8d8; height: 30px; width: 300px; font: normal 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; letter-spacing: 0; color: #b7b7b7; padding: 6px 6px 6px 8px;}
#contact .field label {font: normal 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; letter-spacing: 0; color: #b7b7b7; position: absolute; top: 12px; left: 11px; display: none;}
#contact .field textarea,
#commentComment {height: 120px;}
#fields {width: 340px; float: left;}
#contact .field {margin-bottom: 12px;}
#message {width: 390px; float: left; margin-top: -3px;}
#form_email_125_submit,
#log_in_out_button,
.send-comment,
#comment-submit,
#form_email_1171_submit,
#parseKeyword {border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; -moz-box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.2); background-color: #718da2; border: 1px solid #4b5f6e; color: #fff; display: block; padding: 10px; width: 200px; font: bold 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; letter-spacing: 0; text-shadow: 0 1px 0 #000; cursor: pointer; margin-top: 16px; margin-left: ;}
#form_email_125_submit:hover,
.send-comment:hover,
#log_in_out_button:hover,
#comment-submit:hover,
#form_email_1171_submit:hover,
#parseKeyword:hover {background-color: #5e7688;}
#currentKeyword {width: 500px !important;}

/* Form Errors */
#errors {position: absolute; left: 50%; margin-left: -150px; width: 300px; background-color: #eee6df; border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -moz-box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.2); border: 1px solid #b1b1b1; color: #343333; display: block; padding: 40px 30px 20px 30px; margin-top: -186px; color: #2C2C2C; font: bold 15px/24px "HelveticaNeue",Helvetica,Arial; letter-spacing: 0; text-shadow: 0 1px 0 #F7F8F9; z-index: 55;}
#errors li { list-style-type: none;}

/* Highlight */
div.toolbar {display: none !important;}
.syntaxhighlighter {border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -moz-box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.2); background-color: #fcfcfc; border: 1px solid #C5C5C6; color: #343333; display: block; padding: 15px 20px; margin-bottom: 40px !important; overflow: auto; }
span.code {background-color: #eef0f0; padding: 2px 4px; border: 1px solid #ccc;}
.warning span.code {background-color: #dddacf; padding: 2px 4px;}

/* Video */
.zs-video {display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); background-color: #D8D8D8; border: 6px solid #FFFFFF; padding: 0; margin-bottom: 20px;}

/* Comment */
.leave-comment textarea {height: 14px; font: normal 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; letter-spacing: 0; color: #b7b7b7; padding: 6px 6px 6px 8px; overflow: hidden;}
.leave-comment label {font: normal 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; letter-spacing: 0; color: #b7b7b7; position: absolute; top: 19px; left: 20px; display: none;}
.send-comment {height: 26px; width: 120px; padding: 4px; font-size: 13px; position: absolute; top: 12px; left: 390px; margin-top: 0;}
#comments-all .comment-item {margin-top: 22px; font: normal 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; letter-spacing: 0; text-shadow: 0 1px 0 #F7F8F9; position: relative;}
#comments-all .comment-item .comment {border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -moz-box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.2); background-color: #EFEFEF; border: 1px solid #C5C5C6; color: #343333; display: block; padding: 20px; float: left; width: 500px; line-height: 20px; position: relative;}
#comments-all .comment-item .comment span {display: block; padding-bottom: 4px; font-weight: bold;}
#comments-all .comment-item .author {float: left; width: 150px; margin: 22px 25px 10px 10px; text-align: right; line-height: 18px;}
#comments-all .comment-item .author span {display: block; color: #757575;}
#comments-all {margin-bottom: 40px; margin-top: 30px;}
#comments-all .comment-item.reply .comment {width: 440px; margin-left: 60px;}
img.reply-arrow {position: absolute; left: 170px; top: 5px;}
img.profile {display: none;}
.Nicholas .comment .profile {display: block; position: absolute; left: 21px; top: 14px;}
.Nicholas .comment span {margin-left: 40px; margin-bottom: 5px;}
.comment .adminReply {position: absolute; top: 16px; right: 20px;}

/* Apps */
.app {margin-top: 20px;}
.app a {display: block;}
.app img {width: 120px; height: auto;}
.app .no-image,
.app a.link,
.app .image,
.appIcon {width: 120px; height: 120px; -webkit-border-radius: 22px; border-radius: 22px; -moz-box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.2); background-color: #e2e2e4; float: left; margin-right: 20px;}
.app a.link {position: relative; text-decoration: none !important; border: none;}

.ribbon-wrapper-green {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
  
}

.ribbon-green {
  font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 3px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #BFDC7A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); 
  background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45); 
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
  color: #fff !important;
}

.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-green:before {
  left: 0;
}
.ribbon-green:after {
  right: 0;
}


/* Code */
code.shell,
code.shell2 {color: #fffeff; background-color: #000; font-family: "Courier New", Courier, mono !important; font-weight: normal; font-style: normal; font-size: 12px; display: block; border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -moz-box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.2); padding: 15px 20px; text-shadow:none; margin-bottom: 20px; overflow: auto; overflow-y: hidden; -ms-overflow-y: hidden; white-space: nowrap;}
#apiShell {height: 200px; overflow: auto;}
code.shell span,
pre span {color: #73ae39;}
pre {color: #fffeff; background-color: #000; font-family: "Courier New", Courier, mono !important; font-weight: normal; font-style: normal; font-size: 12px; display: block; border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -moz-box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.2); padding: 15px 20px; text-shadow:none; margin-bottom: 20px; overflow: auto; overflow-y: hidden; -ms-overflow-y: hidden;}

/* Count */
ul#nav a span.count {border-radius: 12px; -webkit-border-radius: 12px; padding: 0px 4px; text-shadow:none; position: absolute; top: -7px; right: -12px; background-color: #c31212; border: 2px solid #fff; font-size: 12px; box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.2); z-index: 1; background: -webkit-gradient(linear, left top, left bottom, from(#f69ca0), to(#c80103)); background: -moz-linear-gradient(top,  #f69ca0,  #c80103);}

/* Upload */
#container #contact #q1171_q4 {width: 200px; font-size: 18px;}

/* Tags */
#tags {border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border: 1px solid #cbcbcb; -moz-box-shadow:inset 0 0 4px #cbcbcb; -webkit-box-shadow:inset 0 0 4px #cbcbcb; box-shadow:inset 0 0 10px #cbcbcb; padding: 8px 8px 0 8px; float: left;}
a.tagItem {display: block; float: left; background-color: #718da2; border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; -moz-box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.2); padding: 6px 8px; margin-right: 10px; text-shadow:none; text-decoration: none !important; color: white; font: bold 12px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif; text-shadow: 0 1px 0 #000; margin-bottom: 8px;}
a.tagItem:hover { background-color: #5e7688; color: white;}

/* How it works */
#howWorks {position: absolute; top: 130px; left: -170px;}

/* Button Styles */
a.signUp {height: 40px; width: 156px; background: url(/__data/assets/image/0010/1540/beta-tester.png) no-repeat 0 0; display: block;}
a.signUp:hover {background-position: 0 -50px;}
a.signUp:active {background-position: 0 -100px;}
a.downloadButton {display: block; width: 160px; height: 40px; background: url(/__data/assets/image/0006/1896/download-button.png) 0 0px;}
a.downloadButton:hover { background-position: 0 -50px;}
a.downloadButton:active { background-position: 0 -100px;}

/* iPhone */
@media only screen and (max-device-width: 481px) {
#header {
  width:860px!important;
  -webkit-text-size-adjust: none;
}
}

/* iPad */
@media only screen and (max-device-width: 768px) {
#header {
  width:860px!important;
  -webkit-text-size-adjust: none;
}
}