* {margin: 0; padding: 0}
ul, ol {list-style: none}
p {margin: 10px 0}
a img, frameset {border: 0}
img {border: none}
  .clear {height: 1px; clear: both; margin-top: -1px; overflow: hidden}
.row:after, .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.add_top, #add_top {margin-top: 15px}
.add_bottom, #add_bottom {margin-bottom: 15px}
.no_bottom {margin-bottom: 0; padding-bottom: 0}
.no_top {margin-top: 0}
.no_border {border: 0}
.left {float: left}
img.left {margin: 0 15px 15px 0}
.right {float: right}
img.right {margin: 0 0 15px 15px}
.text_right {text-align: right}
.hide {display: none}
.dark-link {color: #333333; font-size: 11px}
   span.checkbox {width: 12px; height: 12px; padding: 0 5px 0 0; background: url(../images/btn-radio.png) no-repeat; display: block; clear: left; float: left}
span.radio {width: 19px; height: 25px; padding: 0 5px 0 0; background: url(radio.gif) no-repeat; display: block; clear: left; float: left}
span.select {position: absolute; width: 169px; / * With the padding included, the width is 190 pixels: the actual width of the image. */ height: 33px; padding: 8px 24px 0 8px; font-size: 12px; background: url(../images/dropdown.png) no-repeat; overflow: hidden}
 body {font: 62.5% Arial, Helvetica, Sans-Serif; background-image: url(../images/main-bg.jpg); overflow: hidden}
body.app {overflow: visible}
 p {color: #afb0b1; font-size: 1.4em; font-family: Georgia, Palatino, Times New Roman}
ol {color: #afb0b1; font-family: Georgia, Palatino, Times New Roman; font-size: 1.4em}
p.explanation {color: #333; font-size: 14px; margin: 20px 0px}
form#password-reseter input[type=text] {width: 300px}
  h1, h2, h3, h4, h5 {color: #afb0b1; font-family: Georgia, Palatino, Times New Roman}
h1 {font-size: 2em; margin: 20px 0}
h2 {font-size: 1.8em; margin: 20px 0}
h3 {font-size: 1.5em; margin: 15px 0}
h4 {font-size: 1.35em; margin: 15px 0}
h5 {font-size: 1.15em; margin: 5px 0}
  a, a:link {color: white; text-decoration: underline; outline: none}
a:visited {}
a:hover {text-decoration: none}
a:active {}
  #nav {}
  #footer {background-color: #dcd9d5; height: 49px; width: 100%; position: fixed; bottom: 0px; z-index: 5}
  fieldset {border: none}
label {display: block; margin-bottom: .5em; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color: #333333}
button {cursor: pointer; width: auto; overflow: visible}
input[type=text], textarea, input[type=password] {padding: 5px; border: 1px solid #b4b2a2; opacity: 0.6; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px}
input[type=submit], button, .input-btn {color: #C44E18; background-color: #f2d3bd; border: 1px solid #bf6c33; padding: 3px; font-family: Arial, Helvetica, Sans-Serif; font-size: 10px; cursor: pointer; text-decoration: none}
input[type=submit]:hover, button:hover, .input-btn:hover {background-color: #e9a574; color: #C44E18; text-decoration: none}
 .checkbox-unselected {background: url(../images/btn-radio.png) 0 0 no-repeat; background-position: 0px -12px; height: 12px}
.checkbox-selected {background: url(../images/btn-radio.png); background-position: 0px 0px}
.radio-input {position: absolute; left: -9999px}
.serif-font {font-family: Georgia, "Times New Roman", Times, serif}
     #header {width: 100%; padding: 0px; margin: 0px}
#header ul li {display: inline; margin-right: .1em; color: #afb0b2}
#header h1 {padding: 20px; margin: 0px}
 #nav-utility {margin: 0px; padding: 0px; position: absolute; right: 20px; top: 10px}
#nav-utility a {color: #a3a7a8; text-decoration: none}
#nav-utility .username a {font-weight: bold; color: #b8bfc1}
#create_project_btn {text-indent: -9999px; width: 169px; height: 49px; padding: 30px 0px 0px}
#create_project_btn a {display: block; width: 169px; height: 49px; background: url(../images/btn-create-project.png) 0 0 no-repeat}
#create_project_btn a:hover {background-position: 0px -49px}
   #toolbar {height: 90px; width: 100%}
#toolbar ul {list-style-type: none; list-style-image: none; list-style-position: outside}
#toolbar #preview_btn {position: absolute; right: 20px; top: 37px; text-indent: -9999px; height: 49px; width: 198px; padding: 0px; margin: 0px}
#toolbar #preview_btn a {display: block; height: 49px; width: 198px; background-image: url(../images/preview-btn.jpg); background-position: 0px 0px}
#toolbar #preview_btn a:hover {background-position: 0px -49px}
 #toolbar #nav-items {position: relative; bottom: 0px}
#toolbar #nav {height: 37px; padding: 0px 0px 0px 20px; margin: 0px; float: left}
#toolbar #nav li {height: 37px; width: 150px; text-indent: -9999px; float: left; padding-right: 2px}
#toolbar #nav li a {height: 37px; display: block}
#toolbar #nav #nav_prototype a {background-image: url(/images/nav.jpg); background-position: 0px 0px; width: 150px; height: 37px}
#toolbar #nav #nav_prototype a:hover {background-position: 0px -37px}
#toolbar #nav #nav_prototype .active {background-position: 0px -74px}
#toolbar #nav #nav_sketches a {background-image: url(/images/nav.jpg); background-position: 450px 0px; width: 150px; height: 37px}
#toolbar #nav #nav_sketches a:hover {background-position: 450px -37px}
#toolbar #nav #nav_sketches .active {background-position: 450px -74px}
#toolbar #nav #nav_settings a {background-image: url(/images/nav.jpg); background-position: 300px 0px; width: 150px; height: 37px}
#toolbar #nav #nav_settings a:hover {background-position: 300px -37px}
#toolbar #nav #nav_settings .active {background-position: 300px -74px}
#toolbar #nav #nav_feedback a {background-image: url(/images/nav.jpg); background-position: 150px 0px; width: 150px; height: 37px}
#toolbar #nav #nav_feedback a:hover {background-position: 150px -37px}
#toolbar #nav #nav_feedback .active {background-position: 150px -74px}
  #toolbar #login {height: 40px; padding: 10px 0px 0px 40px; width: 50px; margin: 0px; float: left}
#login-info {padding: 0px 0px 0px 20px}
#login-info form a.password-reset-button {color: #fff; background-color: #67a8b4; border: 1px solid #26717f; padding: 3px; font-family: Arial, Helvetica, Sans-Serif; font-size: 10px; cursor: pointer; text-decoration: none; float: left; margin: 0px 25px}
#login-info form a.password-reset-button:hover {color: #333; background-color: #b2d3d9}
 #toolbar #close_btn {height: 36px; margin: 0px; position: absolute; top: 0px; right: 0px; text-indent: -9999px; width: 46px}
#toolbar #close_btn a {background-image: url(../images/close-btn.jpg); width: 46px; height: 36px; display: block}
#toolbar #close_btn a:hover {background-position: 0px -37px}
#login {position: absolute; top: 10px; right: 10px; color: #A3A7A8}
#login a {color: #A3A7A8; text-decoration: none; padding-right: 7px}
#edit_proto_btn, #send_proto_btn {float: left; text-indent: -9999px; width: 198px; height: 49px; padding: 0px; margin: 18px 12px 0px 12px}
#share-proto, #share-proto a {float: left}
#share-proto {margin: 18px 12px 0px 12px; height: 32px; padding-top: 8px}
#share-proto a {color: #C44E18; font-size: 12px; text-decoration: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 8px}
#send_proto_btn a, #edit_proto_btn a {float: left; width: 198px; height: 49px}
#send_proto_btn a {background: url(../images/btn-send-feedback.png)}
#edit_proto_btn a {background: url(../images/btn-edit-prototype.png)}
#edit_proto_btn a:hover,#send_proto_btn a:hover {background-position: 0px -49px}
  .main {}
.pages .main {padding: 0px}
#main-wrapper, #canvas-container {margin: 0px; padding: 0px; overflow: hidden; float: left; width: 100%; background: url(../images/sketch-bg.jpg); z-index: 5; position: relative; height: 1000px}
  #status-bar {height: 40px; width: 100%; background-image: url(../images/status-bar-bg.jpg)}
#status-bar p {padding: 0px; margin: 0px; color: #be653b; float: right; padding: 14px 15px 0px 15px; font-size: 10px; height: 25px}
#wrapper-flash {padding: 12px 20px; margin: 0px; color: #ae3902; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; z-index: 30; float: left}
#header #wrapper-flash {clear: both}
#status-bar #wrapper-flash .notice {background: none; padding: 0px}
#home-main #wrapper-flash {position: relative; top: -5px; left: 335px; color: #FFF; font-family: Arial; font-size: 10px; text-align: center; width: 225px}
#home-main #wrapper-flash .error {background-color: #d81f00}
#home-main #wrapper-flash .flash {padding: 5px 0px; background-color: #cb6e35; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px}
#facebox .flash {padding: 12px 20px; margin: 0px; font-size: 14px; background-color: #67A8B4; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #FFF; font-family: Arial; font-weight: bold; text-align: center}
  .main #home-main {margin: 0 auto; width: 963px}
.main #home-header {height: 49px; margin-top: 30px}
#home-header #home-nav {width: 618px; height: 49px; background: url(../images/signup-bg.png) 0 0 no-repeat; float: right}
#home-nav {display: inline}
#home-nav fieldset {float: left}
#home-logo {float: left; padding: 7px 0px 0px 20px}
#home-beta {float: left; padding: 7px 0px 0px 0px}
#home-nav-items {padding: 7px 0 0 30px; float: left; width: 82px}
#home-nav-items li {text-indent: -9999px}
#home-nav-items a {display: block; height: 15px}
#home-nav-items #nav-login {padding: 4px 0px 0px 0px}
#home-nav-items #nav-signup a {background: url(../images/nav-signup.png) 0 -30px no-repeat}
#home-nav-items #nav-login a {background: url(../images/nav-login.png) 0 -33px no-repeat}
#home-nav-items #nav-signup.active a {background-position: 0px 0px}
#home-nav-items #nav-login.active a {background-position: 0px 0px}
#home-nav-items #nav-signup a:hover {background-position: 0px -15px !important}
#home-nav-items #nav-login a:hover {background-position: 0px -17px !important}
#home-nav input, #home-nav label {color: #999999; font-family: "Arial"; font-size: 10px}
#nav-divider {background: url(../images/home-nav-divider.png) 0 0 no-repeat; width: 81px; height: 1px; margin: 3px 0px 0px -13px}
 #home-login-items, #home-signup-items {padding: 8px 0px 0px 0px; list-style-image: none; list-style-position: outside; list-style-type: none}
#home-nav #home-login-items #login-btn {text-indent: -9999px; display: block; background: url(../images/btn-login.png) 0 0 no-repeat; width: 135px; height: 33px; float: left; padding: 0px; border: none; margin: 0px 0px 0px 20px}
#home-nav #home-login-items #login-btn:hover {background-position: 0px -33px}
#home-nav .form-prompt-wrapper {height: 33px; width: 116px}
#home-nav input.text-field, #home-nav .form-prompt-text {width: 106px; height: 23px; padding: 10px 0px 0px 10px; margin: 0px; background-color: #33393a; border: 0px solid #25292a; font-size: 10px; font-family: "Arial"; font-style: italic}
#home-nav input.text-field {color: #b2b2b2}
#home-nav .form-prompt-text {color: #7f7f7f; opacity: 0.7}
#home-nav #home-login-items label {display: inline}
#home-nav #home-login-items li {float: left}
#home-login-items .form-prompt-wrapper + #remember_me {top: -13px}
#home-login-items #remember_me {padding: 10px 0 10px 10px; position: relative; display: inline-block}
#home-nav span.checkbox {display: inline; float: none; clear: none; padding-right: 23px; background: url(../images/btn-home-checkbox.png) 0 0 no-repeat}
a#forget-login {position: relative; font-size: 10px; color: #999999; float: right; right: 28px; top: -61px}
#home-loggedin-items {padding: 8px 0px 0px 0px}
#home-loggedin-items #myprojects-btn {background: url(../images/btn-myprojects.png) 0 0 no-repeat; width: 215px; height: 33px; border: none; text-indent: -9999px; float: right; margin: 0px 9px 0px 0px}
#home-loggedin-items #myprojects-btn:hover {background-position: 0px -33px}
img#home-welcome-msg {padding: 11px 0px 0px 32px; float: left}
 #home-nav #home-signup-items #signup-btn {text-indent: -9999px; display: block; background: url(../images/btn-signup.png) 0 0 no-repeat; width: 135px; height: 33px; float: left; padding: 0px; border: none; margin: 0px 0px 0px 8px}
#home-nav #home-signup-items #signup-btn:hover {background-position: 0px -33px}
#home-content {background: url(../images/home-diagram.jpg) 0 0 no-repeat; width: 963px; height: 439px; margin: 35px 0px 0px}
#home-content h2 {font-family: "Courier New", Courier, mono; color: #1f1f1f; padding: 0px; margin: 0px; font-size: 24px}
#home-content p {font-family: Arial; font-size: 15px; color: #1f1f1f; padding: 0px; margin: 0px; font: 10px; line-height: 22px}
#upload-content {position: relative; width: 225px; top: 35px; left: 35px}
#connect-content {position: relative; width: 165px; top: 35px; left: 420px}
#click-content {position: relative; width: 225px; top: -234px; left: 735px}
#home-footer {margin-left: 35px}
#home-footer img {float: left}
#home-footer p {color: #666666; font-size: 11px; font-family: Arial; float: left; padding: 10px 0px 0px 20px}
#home-footer a {color: inherit}
#closed-signup-text {font-family: Arial}
  #preview-wrapper {padding: 0px; margin: 0px; z-index: 5}
.project-name {padding: 0px; width: auto; font-family: Georgia, Palatino, Times New Roman; font-weight: normal; font-size: 28px; color: #afb0b1; padding: 0px 0px 0px 20px; min-height: 33px}
#canvas-container {position: relative; cursor: url(../images/openhand.cur), default; cursor: -moz-grab}
#canvas-container:hover {cursor: url(../images/openhand.cur), default; cursor: -moz-grab}
#canvas-container:active {cursor: url(../images/closedhand.cur), default; cursor: -moz-grabbing}
#canvas {background-color: #FFF; background-image: url(../images/grid.gif); width: 6144px; height: 3840px; z-index: 25; position: relative}
#canvas p {padding: 0px; margin: 0px}
#canvas .node {width: 85px; height: 108px; padding: 0px; margin: 0px; position: relative; z-index: 50}
#canvas .node:hover {cursor: pointer}
#canvas .node:active {cursor: -moz-grabbing}
#canvas #entry-point {background: url(../images/home-node.png) 0 0 no-repeat; height: 10px; width: 10px; position: absolute; left: -11px; top: 5px}
#canvas .node .states {width: 83px; position: absolute; top: 107px; left: -1px; padding: 6px 0px 6px 2px; min-height: 28px}
#canvas .node .states img {width: 17px; height: 26px; margin: 0px; padding: 0px 1px 0px 0px; border: 1px solid #CCCCCC; float: left}
#canvas .node .states.hover-drag {background-color: #e5e5e5; border-left: 1px dashed #949494; border-right: 1px dashed #949494; border-bottom: 1px dashed #949494}
#canvas .selected {background: #e2e2e2; border: 1px dashed #949494}
#canvas .node .node-view {padding: 0px; margin: 5px; width: 75px; height: 97px; background: url(../images/node-bg.png) 0 0 no-repeat}
#canvas .node .node-view-home {padding: 0px; margin: 5px 0 0 -5px; width: 85px; height: 97px; background: url(../images/node-bg-home.png) 0 0 no-repeat}
#canvas .node .node-view:hover, #canvas .node .node-view-home:hover, #canvas .node .selected {background-position: 0 -97px}
#canvas .node .node-view img {padding: 2px 0px 0px 1px; margin: 0px; width: 70px; height: 91px; -webkit-user-select: none}
#canvas .node .node-view-home img {padding: 2px 0px 0px 11px; margin: 0px; width: 70px; height: 91px}
#canvas .node .node-handle {padding: 0px; margin: -9px 8px 0px 0px; position: absolute; top: -8px; right: 37px; z-index: 65}
#canvas .node .node-handle img {-webkit-user-select: none}
#canvas .node .node-center {position: absolute; margin: 0px; padding: 0px; top: 60px; left: 60px}
 #zoom-canvas {background-color: #FFF; background-image: url(../images/sketch-bg.jpg); width: 100%; height: 1000px; position: relative; z-index: 27}
#zoom-nodes {float: left; width: 190px; height: 100%}
#zoom-nodes #zoom-nodes-title {color: #333333; font-size: 15px; padding: 20px 0px 15px; margin: 0px; font-weight: normal; text-align: center}
p#save-node-btn {}
#zoom-nodes #zoom-node-thumbs {float: left}
#zoom-nodes #zoom-node-thumbs li {float: left; width: 160px}
#zoom-nodes #zoom-node-thumbs li:hover {background-color: #e5e4e4}
#zoom-nodes .zoom-thumb-home {padding: 7px 0 7px 15px}
#zoom-nodes .zoom-thumb-home a, #zoom-nodes .zoom-thumb-secondary a {color: #000000}
#zoom-node-thumbs .active {background: #e5e4e4}
#zoom-nodes .zoom-thumb-secondary {padding: 7px 0 7px 15px}
#zoom-nodes .zoom-thumb-indent {padding: 6px 5px 0px 6px; vertical-align: top; font-family: Georgia}
#zoom-nodes #zoom-node-thumbs img {}
#zoom-nodes #zoom-node-thumbs .thumb-title {padding: 0px 0px 0px 10px; vertical-align: super}
#zoom-canvas #zoom-view {width: 570px; height: 100%; float: left; z-index: 185; margin: 20px 0px 0px; position: relative; padding: 0 20px 0 0; overflow: auto}
#zoom-view #hot-spots {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; margin: 0px; padding: 0px}
#hot-spots .hotspot {border: 1px dotted #333; background-color: #999; opacity: 0.6}
.close-zoom {position: absolute; top: 0px; right: 205px; text-indent: -9999px; width: 50px; height: 39px}
.close-zoom a {background: url(../images/btn-zoom-close.png) 0 0 no-repeat; width: 50px; height: 39px; display: block}
.close-zoom a:hover {background-position: 0 -39px}
#btn-add-connection {width: 174px; height: 40px; padding: 0px 0px 0px 20px; text-indent: -9999px; float: left}
#btn-add-connection a {width: 174px; height: 40px; display: block; background: url(../images/btn-add_connection.jpg) 0 0 no-repeat}
   #project-side-panel {float: left; width: 205px; height: 700px; margin: 0px; padding: 0px; background-image: url(../images/sidebar-bg.jpg); position: absolute; right: 0px; top: 0px; z-index: 100}
#project-side-panel #sidebar-title, #project-side-panel #sidebar-nav {width: 205px; background-color: #e4e4e4; border-left: 1px solid #b4b4b4; height: 40px}
#project-side-panel #sidebar-nav li {float: left}
#project-side-panel #sidebar-nav .node-info-tab {width: 72px}
#project-side-panel #sidebar-nav .feedback-tab {width: 109px}
#project-side-panel #sidebar-nav .active {background-color: #eaeaea; color: #000000}
#project-side-panel #sidebar-nav a {display: block; height: 28px; color: #676766; font-size: 13px; text-decoration: none; padding: 12px 0px 0px 12px}
#project-side-panel #sidebar-nav a:hover {background-color: #eaeaea; color: #000000}
#project-side-panel #sidebar-title p {color: #000000; height: 28px; font-size: 13px; padding: 13px 0px 0px 0px; margin: 0px; text-align: center; font-family: "Arial"}
#project-side-panel #side-panel-form-errors {padding: 5px 0px 0px 15px}
#project-side-panel #side-panel-form-errors h3, #project-side-panel #side-panel-form-errors li {color: #FF0000}
 #project-side-panel #node-info-panel {}
#project-side-panel #selected-node-thumb {margin: 15px 0px 0px 15px; width: 176px; height: 230px; background-color: #FFFFFF; display: none}
#project-side-panel #selected-node-info {padding: 0px 15px 15px 15px}
#project-side-panel #selected-node-info p, {color: #333333; padding: 10px 0px 5px 0px; margin: 0px; font-size: 10px}
#project-side-panel #selected-node-info p, #project-side-panel #selected-node-info label {padding: 10px 0px 5px 0px; margin: 0px; font-size: 10px}
#project-side-panel #selected-node-info #node-name {width: 163px; padding: 5px; border: 1px solid #b4b2a2; opacity: 0.6}
#project-side-panel #selected-node-info #node-info {width: 163px; padding: 5px; border: 1px solid #b4b2a2; opacity: 0.6}
#project-side-panel #selected-node-info #starting-page-btn {padding: 10px 0px 0px 0px}
#project-side-panel #selected-node-info #starting-page-btn label {padding: 0px 0px 5px 5px; float: left}
#project-side-panel #selected-node-info #starting-page-btn input {padding: 2px 0px 0px; float: left; border: 1px solid #FF0000}
.delete-node {color: #000000; background-color: transparent; height: 28px; border: 0px solid #bf6c33; padding: 2px; position: absolute; bottom: 55px; left: 12px}
.delete-node:hover {background-color: #d6d6d6}
.delete-project {color: #000000; background-color: transparent; height: 28px; border: 0px solid #bf6c33; padding: 2px; margin: 0px 0px 0px -5px}
.delete-project:hover {background-color: #dddddd}
.delete-project span.delete-text, .delete-node span.delete-text {line-height: 19px; vertical-align: top; font-size: 12px; padding: 0px 0px 0px 6px; text-decoration: underline; color: #000000; background-color: transparent; width: 66px; height: 28px; border: 0px solid #bf6c33; margin: 0px 0px 0px -4px}
  #project-side-panel #connection-info-panel {display: none}
#project-side-panel #selected-node-info #node_name, #project-side-panel #selected-node-info #node_notes {width: 165px}
#project-side-panel #selected-node-info #connection-name {width: 163px; padding: 10px 5px 5px; border: 1px solid #b4b2a2; opacity: 0.6}
#project-side-panel #selected-node-info select {padding: 0px; margin: 0px; font-family: Georgia, "Times New Roman", Times, serif; background: #eeeeee; border: 1px solid #b4b2a2; width: 179px; height: 33px; scrollbar-arrow-color: #FF0000}
#project-side-panel #selected-node-info select option {padding: 5px; margin: 0px; background: #eeeeee; border: none}
#project-side-panel #selected-node-info #sidebar-dropdown {padding: 0px 0px 0px 0px; margin: 0px; list-style: none; font-family: Georgia, "Times New Roman", Times, serif}
#project-side-panel #selected-node-info #sidebar-dropdown, #project-side-panel #selected-node-info #sidebar-dropdown ul {padding: 0px; margin: 0px; list-style: none; font-family: Georgia, "Times New Roman", Times, serif}
#project-side-panel #selected-node-info #sidebar-dropdown a {display: block; width: 169px; font-family: Georgia, "Times New Roman", Times, serif; color: #4d4d4d; text-decoration: none; font-weight: normal; width: 179px; padding: 10px 0px 10px 10px; font-size: 12px}
#project-side-panel #selected-node-info #sidebar-dropdown .first {background: url(../images/dropdown.png) 0 0 no-repeat; border: none; height: 23px; padding: 10px 0px 0px 10px; margin: 0px}
#project-side-panel #selected-node-info #sidebar-dropdown ul {position: absolute; left: -9999px; z-index: 100}
#project-side-panel #selected-node-info #sidebar-dropdown li {float: left; width: 169px}
#project-side-panel #selected-node-info #sidebar-dropdown ul li a {background-color: #FFFFFF; border-right: 1px solid #b4b2a2; border-left: 1px solid #b4b2a2; border-bottom: 1px solid #b4b2a2; display: block}
#project-side-panel #selected-node-info #sidebar-dropdown ul li a:hover {background: #DDDDDD}
#project-side-panel #selected-node-info #node-notes {width: 163px; padding: 0px 5px 5px; margin: 0px; border: 1px solid #b4b2a2; opacity: 0.6}
  #project-side-panel #sidebar-nav .sketch-info {width: 205px; text-align: center; padding: 12px 0px 0px 0px; margin: 0px}
  #feedback-panel li.comment {margin: 5px 0px; padding: 10px; border-bottom: 1px solid #666}
#feedback-panel .comment-body {font-size: 12px; padding: 0px 0px 5px 0px}
#feedback-panel li.comment p {font-size: 12px; color: #333; padding: 0px; margin: 0px; padding-left: 12px}
#feedback-panel li.comment p a {color: #c15319; font-family: Arial, Helvetica, Sans-Serif}
#feedback-panel li.comment p a:hover {color: #ea1e0b; font-family: Arial, Helvetica, Sans-Serif}
  #project-side-panel #logo-container {width: 100%; background-color: #CCCCCC; height: 40px; position: absolute; bottom: 0px}
#project-side-panel #logo-container .logo {margin: 0px; padding: 0px 0px 0px 1px}
#project-side-panel #delete-connection {text-indent: -9999px; padding: 15px 0px 0px}
#project-side-panel #delete-connection a {display: block; width: 140px; height: 19px; background: url(../images/btn-delete-connection.jpg); background-position: 0px -19px}
#project-side-panel #delete-connection a:hover {background-position: 0px 0px}
   #project-elements-well {width: 100%; height: 125px; clear: both; background: url(../images/main-bg.jpg); left: 0px; position: absolute; padding: 0px; margin: 0px; z-index: 100}
#blank-node {width: 90px; float: left; height: 100%; padding: 0px 10px 0px 10px; margin: 0px auto; text-align: center}
#blank-node img {float: none !important; margin: 0px; padding: 23px 0px 0px 0px; -webkit-user-select: none}
#blank-node a {}
#drag-note {padding: 20px 20px 0px 0px; float: left}
#image-well {margin: 10px 0px 10px 0px; padding: 0px; overflow: hidden; float: left; width: 950px; height: 100%}
#image-well img {float: left !important; margin: 0px; padding: 0px 10px 0px 0px}
#image-well-image-container {height: 90px; position: relative; margin: 0px; padding: 0px 0px 0px 0px}
#image-well-image-container .sketch img {-webkit-user-select: none}
#image-well-popup {position: absolute; background: url(../images/popup-bg.jpg) 0 0}
#image-well-popup p {padding: 0px 15px; color: white; font-family: Arial}
#upload-sketches-container {height: 100%; float: left; padding: 0px; margin: 0px; width: 230px; text-indent: -9999px}
#upload-sketches-container li {padding: 27px 0px 0px 20px; text-indent: -9999px}
#upload-sketches-container a {display: block; background: url(../images/btn-upload-sketches.jpg); width: 198px; height: 48px}
#upload-sketches-container a:hover {background-position: 0px -49px}
#sketch-upload-multiple {display: none}
#sketch-upload-multiple #btnSubmit {margin: 0 0 0 155px }
#sketch-upload-multiple #btnCancel {display: none}
#sketch-upload-multiple .swfupload {vertical-align: top}
#sketch-upload-multiple div#uploadButton {margin-bottom: 30px; position: relative}
#sketch-upload-multiple a {color: black}
#sketch-upload-multiple div#uploadButton a {position: relative; top: 6px; left: 10px; font-size: 1em; padding: 5px}
#sketch-upload-multiple div#uploadButton a:hover {background: #CCC}
#sketch-upload-multiple #fsUploadProgress {border: 1px solid #CCCCCC; padding: 5px 10px; width: 450px; background: #ebebeb none repeat scroll 0 0}
#sketch-upload-multiple #fsUploadProgress li {clear: left; border-top: 1px solid #ccc; margin: 10px 0px 0px 0px; padding-top: 10px}
#sketch-upload-multiple #fsUploadProgress li:first-child, #sketch-upload-multiple #fsUploadProgress li.clear {border: none; padding-top: 0}
#sketch-upload-multiple #fsUploadProgress .thumb {float: left; width: 60px; text-align: center}
#sketch-upload-multiple #fsUploadProgress .thumb img {padding-bottom: 10px}
#sketch-upload-multiple #fsUploadProgress .progress {float: right; width: 150px; height: 25px; background-color: #fff; text-align: center; margin-top: 5px}
#sketch-upload-multiple #fsUploadProgress .bar {width: 0; height: 25px; background-color: #c06c30}
#sketch-upload-multiple #fsUploadProgress .percent {margin-top: -18px; font-weight: bold; text-align: center}
#sketch-upload-multiple #fsUploadProgress .filename {padding: 10px 0 0 70px; color: black; font-weight: bold; font-size: 1.2em}
#sketch-upload-multiple #divStatus {clear: left; padding: 10px 0px 20px 0px}
#swfupload_overlay {position: absolute}
  #sketches {background: url(../images/sketch-bg.jpg); padding: 20px; height: 1000px}
#sketches #add-btn a {color: blue; background: url(../images/btn-add-sketch.png); display: block; width: 112px; height: 40px; text-indent: -9999px}
#sketches #add-btn a:hover {background-position: 0 -40px}
#sketch-gallery {padding: 0px; margin: 0px; overflow: hidden}
#sketch-container {overflow: hidden; padding: 0px; margin: 10px 0px 0px 0px}
#sketch-gallery li {float: left; margin: 0px 0px 30px 0px; height: 125px}
#sketch-gallery .btn-sketch {width: 66px; height: 86px; margin-right: 10px; background: url(../images/sketch-thumb-bg.png) 0 0 no-repeat; display: block; float: left}
#sketch-gallery .btn-sketch:hover, #sketch-gallery .active {background-position: 0 -86px}
#sketch-gallery img {padding: 1px 0px 0px 1px}
#sketch-gallery .thumb-data-container {width: 150px; float: left}
#sketch-gallery .sketch-title {color: #c15319; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; text-decoration: none; padding: 0px 0px 10px 0px}
#sketches h1 {color: #c44e18; padding: 0px; margin: 0px; font-weight: normal}
#sketches p {color: #333333; padding-bottom: 15px; font-size: 11px}
#sketches label {font-family: Arial, Helvetica, Sans-Serif; font-size: 12px}
#sketches #slider {position: absolute; right: 20px}
  #project-settings h1 {color: #c44e18; padding: 0px; margin: 0px; font-weight: normal}
#project_name {width: 200px}
#project_creator {padding: 0 20px; margin-top: -15px; font-size: 1.5em; color: #888}
#project_slug {width: 160px}
#project_description {height: 100px}
#project-settings p {padding-bottom: 15px; font-size: 11px}
#project-settings label {}
#project-settings-info {padding: 20px 0px 0px 20px}
#project-settings-info h1 {padding: 0px; margin: 0px}
#save-btn {padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px}
  #edit-account {margin: 0px 0px; background: url(../images/sketch-bg.jpg)}
#edit-account h1 {color: #333333; padding: 20px 0px 10px; margin: 0px}
#account-info {padding: 0px 40px 20px 20px; float: left}
.divider {height: 119px; background-color: #CCCCCC; width: 1px; margin-top: 20px; float: left}
#reset-password {padding: 0px 40px 20px 20px}
#reset-password p.   #invites {padding-left: 20px; float: left}
#invites h4 {padding: 0px; margin-bottom: 0px; color: #d06831}
  #projects-list-container {margin: 0px 0px; background: url(../images/sketch-bg.jpg); height: 1000px}
#projects-list #project-list-titles {padding: 20px 0px 0px 0px; margin: 0px; height: 20px; color: #d06831; font-weight: bold; font-size: 12px}
#projects-list {padding: 0px 20px}
#projects-list h1 {padding: 0px; margin: 20px 0px 0px 0px}
#projects-list h2 {padding: 0px; margin: 0px}
#projects-list .project-title {width: 400px}
#projects-list .project-title a {color: #50a9b7; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-weight: bold; font-size: 16px; display: inline; padding: 0px; margin: 0px; text-decoration: none}
#projects-list .project-title a:hover {color: #d06831}
li.project-time-saved {color: #aaaaaa; width: 250px}
#projects-list ul {clear: both}
#projects-list .project, #project-list-titles {padding: 20px 0px 60px; margin: 0px; border-bottom: 1px dashed #9d9d9d; width: 2000px}
.project-info ul {}
.project-info p {padding: 0px; margin: 0px}
.project-info li, #project-list-titles li {float: left; padding: 0px; margin: 0px}
#projects-list ul > li.project-tools {padding: 0px; margin: 0px; width: 380px}
.project-tools a {margin: 0px 10px 0px 0px; padding: 5px; display: block; width: 60px; float: left; text-align: center}
.project-time-saved {margin: 0px; padding: 0px}
.project-tools .input-btn {color: #C44E18; background-color: #f2d3bd; border: 1px solid #bf6c33; padding: 0px; font-family: Arial, Helvetica, Sans-Serif; font-size: 10px; text-decoration: none}
.no_entry_point {position: absolute; top: 100px; left: 100px; color: #FFFFFF; background-color: #d82000; padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px}
  #prototype-title {float: left}
#prototype-nav {float: right}
#prototype_preview_image {padding: 20px 20px 20px 0px; overflow: auto}
#prototype_preview_image div {position: relative}
#prototype_preview_image div a {display: block; position: absolute; text-indent: -9999px}
#border_toggle {height: 15px; float: left; margin: 18px 12px 0px 12px; padding-top: 17px}
#border_toggle label {color: #67A8B4; display: inline; font-weight: bold}
  #register-info, #user-info {padding: 0px 0px 0px 25px}
  #comment_body_input textarea {width: 312px}
  body.admin {overflow: auto; background: url(../images/sketch-bg.jpg)}
body.admin #header {background-image: url(../images/main-bg.jpg)}
body.admin #main-wrapper {height: auto; overflow: auto}
#users-list, #comments-list, #admin-dashboard, #invite-list, #feedback-intro {margin: 25px 40px}
#feedback-intro, #feedback-intro p {color: #333}
#feedback-intro h3 {color: #000; font-size: 1.8em}
#feedback-intro input#project-public-url {width: 375px; margin-right: 10px}
ul#admin-nav {font-size: 22px; color: #d06831}
ul#admin-nav li a {color: #d06831; font-weight: bold; text-decoration: none}
ul#admin-nav li a:hover {text-decoration: underline}
.admin-buttons {margin: 25px 0px}
.admin-buttons a {text-decoration: none; color: #C44E18}
td.action a.input-btn {text-decoration: none; color: #C44E18 !important}
table form p {margin: 0px}
table.record-list tr.odd {background-color: #f2f2f2}
table.record-list tr.even {background-color: #d8d8d8}
table.record-list {min-width: 800px; border-color: #c6c6c6; border-width: 0 0 1px 1px; border-style: solid; clear: both}
table.record-list thead th {color: #313131; font-size: 14px; font-weight: bold; padding: 7px 12px; margin: 0px; background-color: #a0a0a0; border: #929292; border-width: 1px 1px 0 0; border-style: solid}
table.record-list tbody td {border-color: #c6c6c6; border-width: 1px 1px 0 0; border-style: solid; padding: 6px 10px; color: #333; font-size: 12px}
#users-list tbody td.username {font-weight: bold}
table.record-list tbody a {color: #50A9B7; text-decoration: none}
table.record-list tbody a:hover {color: #d06831}
#users-list tbody td.user_admin {text-align: center}
#users-list tbody td.project_count {text-align: right}
#users-list tbody td.action {text-align: center}
  .errorExplanation {color: red}
  .inputs li, .buttons {padding: 20px 0px 0px 0px}
form.formtastic li {clear: both}
form.formtastic .base-errors {color: red; font-weight: bold; padding-top: 12px; font-size: 12px}
form.formtastic h4.errors {color: red; font-weight: bold; margin-bottom: 5px}
.inputs li, .formtastic label {font-weight: bold}
form.formtastic li label {float: left}
fieldset.buttons li {float: left; margin: -4px 0px 0px 0px; padding: 0px}
form.formtastic label abbr {border-bottom: none; margin: 0px 5px; color: #f26660}
.formtastic li {list-style: none; padding: 20px 0px 0px 0px}
form.formtastic input, form.formtastic textarea, form.formtastic select, form.formtastic li .url_slug_input {float: left; clear: both}
form.formtastic li .url_slug_input input {float: none; clear: none}
form .error input {border: 2px solid red}
form.formtastic p.inline-errors {color: red; font-size: 12px; font-weight: normal; font-family: Arial; float: left; margin: 0px 10px; padding: 8px 0px}
  .pagination {background: transparent; margin: 6px}
.pagination a, .pagination span {padding: .2em .5em; display: block; float: left; margin-right: 1px; background-color: white}
.pagination span.disabled {color: #999; border: 1px solid #DDD}
.pagination span.current {font-weight: bold; color: #C44E18; background-color: #f2d3bd; border: 1px solid #bf6c33}
.pagination a {text-decoration: none; color: #50a9b7; border: 1px solid #b1d3d8}
.pagination a:hover, .pagination a:focus {color: #d06831; border-color: #00373f}
.pagination .page_info {background: #2E6AB1; color: white; padding: .4em .6em; width: 22em; margin-bottom: .3em; text-align: center}
.pagination .page_info b {color: #003; background: #6aa6ed; padding: .1em .25em}
.pagination:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
* html .pagination {height: 1%}
*:first-child+html .pagination {overflow: hidden}
  #legal {}
   .ui-slider {position: relative; text-align: left}
.ui-slider .ui-slider-handle {position: absolute; z-index: 2; width: 15px; height: 1.2em; cursor: default}
.ui-slider .ui-slider-range {position: absolute; z-index: 1; font-size: .7em; display: block; border: 0}
.ui-slider-horizontal {height: .8em}
.ui-slider-horizontal .ui-slider-handle {top: -.55em; margin-left: -.55em}
.ui-slider-horizontal .ui-slider-range {top: 0; height: 100%}
.ui-slider-horizontal .ui-slider-range-min {left: 0}
.ui-slider-horizontal .ui-slider-range-max {right: 0}
.ui-slider-vertical {width: 1px; height: 100px}
.ui-slider-vertical .ui-slider-handle {left: -.3em; margin-left: -7px; margin-bottom: -.6em}
.ui-slider-vertical .ui-slider-range {left: 0; width: 100%}
.ui-slider-vertical .ui-slider-range-min {bottom: 0}
.ui-slider-vertical .ui-slider-range-max {top: 0}
 #facebox .close {padding: 0}
#facebox .b {background:url(/images/facebox/b.png)}
#facebox .tl {background:url(/images/facebox/tl.png)}
#facebox .tr {background:url(/images/facebox/tr.png)}
#facebox .bl {background:url(/images/facebox/bl.png)}
#facebox .br {background:url(/images/facebox/br.png)}
#facebox {position: absolute; top: 0; left: 0; z-index: 100; text-align: left}
#facebox .popup {position: relative}
#facebox table {border-collapse: collapse}
#facebox td {border-bottom: 0; padding: 0}
#facebox .body {padding: 10px; background: #fff; width: 370px}
#facebox .loading {text-align: center}
#facebox .image {text-align: center}
#facebox img {border: 0; margin: 0}
#facebox .footer {border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right}
#facebox .footer img {vertical-align: middle}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px; width: 10px; overflow: hidden; padding: 0}
#facebox_overlay {position: fixed; top: 0px; left: 0px; height:100%; width:100%}
.facebox_hide {z-index:-100}
.facebox_overlayBG {background-color: #000; z-index: 99}
* html #facebox_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')}