@charset "utf-8";
/* CSS Document */

@font-face {
 font-family: 'HouseSampler-HouseSlantRegular';
 src: url('fonts/housesampler.eot');
 src: local('HouseSampler-HouseSlant Regular'), local('HouseSampler-HouseSlant'), url('fonts/housesampler.otf') format('opentype');
}
div#artlab_wrapper { height:620px; background: #666666 url(images/layout/bg.png) repeat; position:relative; }
div.error_message { border:1px solid #C00; padding:10px; text-align:center; background:#FCC; color:#A00; font-size:16px; }
a.twitter_link { background:url(images/layout/retweet.gif) no-repeat 50% 50%; height:18px; width:54px; display:inline-block; text-indent:-9999px; }
div#board_rack, div#board_orders { background:#000; border:1px solid #666; padding:10px; -moz-border-radius:10px;  -webkit-border-radius:10px;  border-radius:10px; margin:20px; -moz-box-shadow: 0px 0px 15px #000; -webkit-box-shadow: 0px 0px 15px #000; box-shadow: 0px 0px 15px #000; }
div#board_rack h3, div#board_orders h3 { margin-bottom:5px; color:#FFF; }
table{ width:100%; margin-bottom:0; }
table td { background: #000 url(images/layout/td.gif) repeat-x 0 0; border:1px solid #555; color:#CCC; padding:7px;font-size:12px; }
table td.crud { }
span.swatch { -moz-border-radius:4px; -webkit-border-radius:3px; border-radius:3px; display:inline-block; width:13px; height:10px;  border:1px solid #666; }
span.blue-swatch { background:#1a75bb; }
span.black-swatch { background:#000; }
span.green-swatch { background:#74b64a; }
span.orange-swatch { background:#f69221; }
span.grey-swatch { background:#959595; }
span.white-swatch { background:#FFF; }
#artlab_wrapper p { line-height:1.2em; }
/**
 * CANVAS
 */
div#artlab_wrapper div#artlab_canvas { position:absolute; width: 540px; height:620px; overflow:hidden; }
div#artlab_wrapper div#artlab_canvas img#board_overlay { position:absolute; z-index:1000; top:0px; left:0px; }
div#artlab_wrapper div#artlab_canvas div#view_modes { position:absolute; z-index:1001; top:10px; left:10px; }
div#artlab_wrapper div#artlab_canvas div#view_modes a.button { float:left; }
div#artlab_wrapper div#artlab_canvas div#board_theme_layers { position:absolute; z-index:1; top:10px; left:164px; width:213px; height:600px; }
div#artlab_wrapper div#artlab_canvas div#board_theme_layers img { position:absolute; }
div#artlab_wrapper div#artlab_canvas div#trashcan { position:absolute; bottom:3px; left:10px; width:74px; height:100px; background: url(images/layout/trashcan.png) no-repeat 0 0; z-index:500; }
div#artlab_wrapper div#artlab_canvas div.trashcan_hover { background: url(images/layout/trashcan.png) no-repeat 100% 100% !important; }
div#artlab_wrapper div#artlab_canvas div#loading { position:absolute; top:299px; left:207px; width:126px; height:22px; background:url(images/layout/ajax-loader.gif) no-repeat 0 0; z-index:9999; }
div#artlab_wrapper div#artlab_canvas div.asset { position: absolute; top: 260px; left: 220px; padding-bottom:20px; }
div#artlab_wrapper div#artlab_canvas div.asset:hover { }
div#artlab_wrapper div#artlab_canvas div.asset div.resizer { }
div#artlab_wrapper div#artlab_canvas div.asset div.resizer:hover { cursor:move; border:3px dashed #F00; margin:-3px; }
div#artlab_wrapper div#artlab_canvas div.asset div.resizer span.resize_handle { width:99px; height:16px; background:url(images/layout/resize_handle.png) no-repeat 0 0; position:absolute; bottom:0; right:-84px; }
div#artlab_wrapper div#artlab_canvas div.asset div.rotator { padding-left:100px; background:url(images/layout/rotate_label.png) no-repeat 0 0; width:100px; height:16px; position:absolute; bottom:0px; left:-100px; }
div#artlab_wrapper div#artlab_canvas div#base_text { position:absolute; z-index:2; top:10px; left:164px; width:213px; height:600px; }
div#artlab_wrapper div#artlab_canvas div#base_color { position:absolute; z-index:1; top:10px; left:164px; width:213px; height:600px; }
div#artlab_wrapper div#artlab_canvas div#base_text,
div#artlab_wrapper div#artlab_canvas div#base_color { position:absolute; }
div#artlab_wrapper div#artlab_canvas div#base_custom_text { position:absolute; top:-190px; left:25px; }
div#artlab_wrapper div#artlab_canvas div#base_badge { position:absolute; z-index:700;  top: 260px; left: 220px; }
div#artlab_wrapper div#artlab_canvas div#base_badge:hover { cursor:move; border:3px dashed #F00; margin:-3px; }
div#artlab_wrapper div#artlab_canvas div#base_fins { position:absolute; z-index:800; top:0px; left:120px; }
div#artlab_wrapper div#artlab_canvas div#base_sidewall { position:absolute; z-index:800; top:0px; left:120px; }
/**
 * SIDEBAR
 */
div#artlab_wrapper div#artlab_sidebar { float:right; width: 369px; height:620px; overflow:hidden; padding-left:13px; background:url(images/layout/sidebar.png) repeat-y left top; color:#FFF; font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; }
div#artlab_wrapper div#artlab_sidebar div#artlab_header { height:60px; padding:10px 10px; line-height:20px; border-bottom:1px solid #555; border-left:1px solid #555; margin-bottom:10px; background-color:#333; }
div#artlab_wrapper div#artlab_sidebar div#artlab_header div#artlab_meta_header { text-align:right; }
div#artlab_wrapper div#artlab_sidebar div#artlab_header div#artlab_meta_header span.user_name { font-weight:bold; color:#FFF; }
div#artlab_wrapper div#artlab_sidebar div#artlab_header div#artlab_price { font-weight:bold; font-size:16px; }
div#artlab_wrapper div#artlab_sidebar div#artlab_header div#artlab_price span.total_price { display:block; font-size:20px; color:#bed52f; }
div#artlab_wrapper div#artlab_sidebar div#artlab_header div#artlab_price span.created_by { display:block; font-size:16px; color:#bed52f; font-style:italic; }
div#artlab_wrapper div#artlab_sidebar div#artlab_steps_wrapper { height:559px; overflow:hidden; margin-left:-14px; padding:0 10px 0 24px; }
div#artlab_wrapper div#artlab_sidebar div#artlab_steps_wrapper div#artlab_steps { }
div#artlab_wrapper div#artlab_sidebar div#artlab_steps_wrapper div#artlab_steps div.artlab_step { height:559px; }
div#artlab_wrapper div#artlab_sidebar div#artlab_steps_wrapper div#artlab_steps div.artlab_step h3 { height:30px; margin:0 0 0 -24px; background:url(images/layout/h3.png) no-repeat top left; color:#FFF; }
div#artlab_wrapper div#artlab_sidebar div#artlab_steps_wrapper div#artlab_steps div.artlab_step h3 span { float:left; display:inline; padding:0 10px 0 10px; background:url(images/layout/h3_span.png) no-repeat top right; margin: 0 10px 0 13px; text-transform: uppercase; color:#000; font: italic bold 16px/20px "Trebuchet MS", arial, helvetica, sans-serif; }
div#artlab_wrapper div#artlab_sidebar div#artlab_steps_wrapper div#artlab_steps div.artlab_step h4 { color:#FFF; margin-bottom:3px; }
div#artlab_wrapper div#artlab_sidebar div#artlab_steps_wrapper div#artlab_steps div.artlab_step div.divider { margin:10px -10px; height:1px; height:1px; background-color:#555; clear:both; }
div#artlab_wrapper div#artlab_sidebar div#artlab_steps_wrapper div#artlab_steps div.artlab_step form#login_form input[type=text] { color:#999; font-style:italic; }
div#artlab_wrapper div#artlab_sidebar div#artlab_steps_wrapper div#artlab_steps div.artlab_step form#login_form input[type=text].hasFocus { color:#000; font-weight:bold; font-style:normal; }
div#artlab_wrapper div#artlab_sidebar div#artlab_steps_wrapper div#artlab_steps div.artlab_step form#login_form input[type=text].isChanged { color:#666; font-style:normal; }
div#artlab_wrapper div#artlab_sidebar div#artlab_steps_wrapper div#artlab_steps div.artlab_step form#choose_a_board_form { overflow:hidden; }
div#artlab_wrapper div#artlab_sidebar div#artlab_steps_wrapper div#artlab_steps div.artlab_step form#choose_a_board_form label { float:left; width:50%; line-height:16px; margin-bottom:5px; }
div#artlab_wrapper div#artlab_sidebar div#artlab_steps_wrapper div#artlab_steps div.artlab_step form#choose_a_board_form label span.flex_type { }
div#artlab_wrapper div#artlab_sidebar div#artlab_steps_wrapper div#artlab_steps div.artlab_step form#choose_a_board_form label span.board_price { font-weight:bold; color:#bed52f; font-size:16px; display:block; margin-left:25px; }
div#artlab_wrapper div#artlab_sidebar div#artlab_steps_wrapper div#artlab_steps div.artlab_step ul#board_themes_list { height:355px; }
div#artlab_wrapper div#artlab_sidebar div#artlab_steps_wrapper div#artlab_steps div.artlab_step ul#base_list { height:355px; }
div#artlab_wrapper div#artlab_sidebar div#artlab_steps_wrapper div#artlab_steps div.artlab_step ul.board_list { margin:0; overflow:auto; }
div#artlab_wrapper div#artlab_sidebar div#artlab_steps_wrapper div#artlab_steps div.artlab_step ul.board_list li { list-style:none; margin-bottom:5px; }
div#artlab_wrapper div#artlab_sidebar div#artlab_steps_wrapper div#artlab_steps div.artlab_step ul.board_list li img { border:1px solid #555; padding:1px; background-color:#000; }
div#artlab_wrapper div#artlab_sidebar div#artlab_steps_wrapper div#artlab_steps div.artlab_step ul.board_list li:hover img { border:1px solid #bed52f; }
div#artlab_wrapper div#artlab_sidebar div#artlab_steps_wrapper div#artlab_steps div.artlab_step ul.board_list li.current { }
div#base_options { height:390px; overflow:auto; }
div#artlab_wrapper div#artlab_sidebar div#artlab_steps_wrapper div#artlab_steps div.artlab_step div#theme_swatch_groups { overflow:hidden; height:430px; }
div#artlab_wrapper div#artlab_sidebar div#artlab_steps_wrapper div#artlab_steps div.artlab_step div.swatch_groups h4 span { color:#bed52f; font-style:italic; }
div#artlab_wrapper div#artlab_sidebar div#artlab_steps_wrapper div#artlab_steps div.artlab_step div.swatch_groups ul.swatch_list { margin:0; width:329px; }
div#artlab_wrapper div#artlab_sidebar div#artlab_steps_wrapper div#artlab_steps div.artlab_step div.swatch_groups ul.swatch_list li { list-style:none; float:left; margin:0 5px 5px 0; background:#000; padding:1px; border:1px solid #000; -moz-border-radius:7px; -webkit-border-radius:5px; }
div#artlab_wrapper div#artlab_sidebar div#artlab_steps_wrapper div#artlab_steps div.artlab_step div.swatch_groups ul.swatch_list li:hover { border:1px solid #bed52f; }
div#artlab_wrapper div#artlab_sidebar div#artlab_steps_wrapper div#artlab_steps div.artlab_step div.swatch_groups ul.swatch_list li a.swatch { display:block; width:23px; height:19px; -moz-border-radius:4px; -webkit-border-radius:4px; }
ul#orientation_list { margin:0; height:36px; }
ul#orientation_list li { list-style:none; display:inline; }
ul#orientation_list li a.orientation_button { display:block; width:26px; height:26px; float:left; margin-right:5px; }
ul#orientation_list li a#orientation_90 { background:url(images/layout/orientation.png) no-repeat 0 0; }
ul#orientation_list li a#orientation_90:hover { background:url(images/layout/orientation.png) no-repeat 0 -26px; }
ul#orientation_list li a#orientation_90.current { background:url(images/layout/orientation.png) no-repeat 0 -52px; }
ul#orientation_list li a#orientation_90.current:hover { background:url(images/layout/orientation.png) no-repeat 0 -52px; }
ul#orientation_list li a#orientation_0 { background:url(images/layout/orientation.png) no-repeat -26px 0; }
ul#orientation_list li a#orientation_0:hover { background:url(images/layout/orientation.png) no-repeat -26px -26px; }
ul#orientation_list li a#orientation_0.current { background:url(images/layout/orientation.png) no-repeat -26px -52px; }
ul#orientation_list li a#orientation_0.current:hover { background:url(images/layout/orientation.png) no-repeat -26px -52px; }
ul#orientation_list li a#orientation_270 { background:url(images/layout/orientation.png) no-repeat -52px 0; }
ul#orientation_list li a#orientation_270:hover { background:url(images/layout/orientation.png) no-repeat -52px -26px; }
ul#orientation_list li a#orientation_270.current { background:url(images/layout/orientation.png) no-repeat -52px -52px; }
ul#orientation_list li a#orientation_270.current:hover { background:url(images/layout/orientation.png) no-repeat -52px -52px; }
ul#orientation_list li a#orientation_180 { background:url(images/layout/orientation.png) no-repeat -78px 0; }
ul#orientation_list li a#orientation_180:hover { background:url(images/layout/orientation.png) no-repeat -78px -26px; }
ul#orientation_list li a#orientation_180.current { background:url(images/layout/orientation.png) no-repeat -78px -52px; }
ul#orientation_list li a#orientation_180.current:hover { background:url(images/layout/orientation.png) no-repeat -78px -52px; }
div#artlab_wrapper div#artlab_sidebar div#artlab_steps_wrapper div#artlab_steps div.artlab_step ul.assets_list { margin:0; overflow:auto; height:210px; }
div#artlab_wrapper div#artlab_sidebar div#artlab_steps_wrapper div#artlab_steps div.artlab_step ul.assets_list li { list-style:none; float:left; margin: 0 5px 5px 0; background:url(images/layout/asset_bg.png) no-repeat 50% 50%; }
div#artlab_wrapper div#artlab_sidebar div#artlab_steps_wrapper div#artlab_steps div.artlab_step ul.assets_list li a.asset_link { display:block; border:1px solid #555; width:76px; height:76px; -moz-border-radius:5px; -webkit-border-radius:5px; }
div#artlab_wrapper div#artlab_sidebar div#artlab_steps_wrapper div#artlab_steps div.artlab_step ul.assets_list li a.asset_link:hover { border:1px solid #bed52f; }
div#artlab_wrapper div#artlab_sidebar div#artlab_steps_wrapper div#artlab_steps div.artlab_step h4 span { color:#bed52f; }
div#font_radio_list img { vertical-align:middle; }
div#artlab_wrapper input[type=submit] { border:none; background:#bed52f; color:#000; font-family: "Trebuchet MS", arial, helvetica, sans-serif; font-style:italic; font-weight:bold; padding:3px 8px; }
div#artlab_wrapper input[type=submit]:hover { background:#DDEA95; color:#000; }
div#artlab_wrapper a { color:#bed52f; }
div#artlab_wrapper a:hover { background-color:#bed52f; color:#000; }
div#artlab_wrapper a.button { border:none; font-family: "Trebuchet MS", arial, helvetica, sans-serif; font-style:italic; font-weight:bold; padding:3px 8px; text-decoration:none; margin-bottom:10px; background: #bed52f; color:#000; }
div#artlab_wrapper a:hover.button { text-decoration:none; background:#FFF; }
div#artlab_wrapper a.next_button { background: #bed52f url(images/layout/button_arrows.gif) no-repeat right top; padding-right:20px; color:#000; float:right; }
div#artlab_wrapper a.next_button:hover { background: #FFFFFF url(images/layout/button_arrows.gif) no-repeat right top; color:#000; }
div#artlab_wrapper a.back_button { background: #FF7979 url(images/layout/button_arrows.gif) no-repeat 0 -23px; padding-left:20px; color:#000; float:right; }
div#artlab_wrapper a.back_button:hover { background: #FFFFFF url(images/layout/button_arrows.gif) no-repeat 0 -23px; color:#000; }
div#badge_preview { width:326px; height:247px; background: url(images/layout/badge.png) no-repeat 0px 0px; position:relative; }
div#badge_preview input#badge_text { padding:0; border:none; color:#000; background:none; width:316px; text-align:center; position:absolute; left:5px; }
div#badge_preview input.large { bottom:55px; font: 40px "HouseSampler-HouseSlantRegular", Arial, Helvetica, sans-serif; }
div#badge_preview input.medium { bottom:60px; font: 30px "HouseSampler-HouseSlantRegular", Arial, Helvetica, sans-serif; }
div#badge_preview input.small { bottom:65px; font: 20px "HouseSampler-HouseSlantRegular", Arial, Helvetica, sans-serif; }
#artlab_step_10 p { margin-bottom:3px;}
#artlab_step_10 p span { color:#AAA; width:125px; font-weight:bold; float:left; margin-left:20px;}
#artlab_step_10 p span.alt { color:#bed52f;  font-weight:normal; float:none; margin-left:0;}
div.overlay { display:none; }
div.overlay_upload { width:715px; color:#666; background: url(images/layout/overlay_upload.png) no-repeat; position:relative; }
div.overlay_upload div.close { background: url(images/layout/close.png) no-repeat; position:absolute; top:0px; right:10px; width:62px; height:62px; cursor:pointer; }
div.overlay_upload div.position_upload_button { position:absolute; top:208px; left:60px; }
.tooltip, .tooltip:hover {background:none!important; color:#FFF!important; text-decoration:none!important; cursor:pointer;}
/**
 * LOGIN.PHP
 */
div#login_wrapper { float:left; margin:0 30px 30px 0; padding:20px; border:1px solid #CCC; background:#EEE;}
div#signup_wrapper { float:left; margin:0 0 30px 0; padding:20px; border:1px solid #bed52f; background:#E4EEAE; }
div#login_wrapper h2, div#signup_wrapper h2 { margin-bottom:10px;}
div#login_wrapper p, div#signup_wrapper p { clear:both;}
div#signup_wrapper label {  }
a#forget_password { font-size:10px; clear:both; display:inline-block; }
label.error { float:left; clear:both; margin:3px 0 10px 0; font-size:13px; background:#D20000; color:#FFF; font-family:Arial, Helvetica, sans-serif; padding:0px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
input.error,
textarea.error { background: #FFDFDF; color: #8A0000; border-color:#D20000; float:left; }