body { margin: 0px; font: bold 12px Arial;  }
a { text-decoration: none; color: #000; }
a img { border: 0px; }
p, h1 { margin: 0px; padding: 0px; }

textarea { padding: 5px; font: normal 12px Arial; }


html,body,
#body_container {
    height: 100%;
}

body {
    background: #efefef;
}

.admin_container { margin-left: 221px; }

div.clear { clear: both; }
a.delete { color: #ff8484; }
a.delete:hover { color: red; }

.disabled { display: none; }

a.tool { font-size: 13px; background: #d9e9e9; color: #999; position: relative; top: 0px; padding: 5px; line-height: 25px; }
a.tool:hover { background: #9dcfd0; color: #000; }

#admin .menu a { padding: 3px; background: #d9e9e9; line-height: 30px; color: #999; }
#admin .menu a:hover,
#admin .menu a.current { background: #9dcfd0; color: #000; }

ul { list-style: none; margin: 0px; padding: 0px; }

div#main_container { height: 700px; display: block; background: #fff;  }

#body_container { margin: 0px; padding: 0px 0px 0px 0px; }
#logo { margin: 30px 0px 0px 30px; float: left; }

div#menu { float: right; margin: 85px 40px 0px 0px; }
div#menu ul { list-style: none; }
div#menu ul li { float: left; margin-left: 15px; }
div#menu ul li a { font: bold 10px Arial; text-transform: uppercase; }
div#menu ul li a.current { color: #666; }

div#menu ul.second_level li { float: right; margin-top: 10px; color: #666; }
 
div#main_images_wrapper { overflow: scroll; overflow-y: hidden; }
div#main_images {  width: 2800px; margin-top: -0px; }
div#main_images img { float: left; margin-left: 40px; margin-right: 40px; }

div#dragger { background-color: red; width: 20px; height: 20px; cursor: pointer;  }

#content2 { float:left; overflow:hidden; width: 100%; }

#admin { margin: 0px; }
#admin .delete { font-size: 18px; }
#admin .menu { padding: 10px; font-size: 16px; letter-spacing: 1px; border-bottom: 1px solid #999; }

.admin ul li img { cursor: move; }

.add_images_button {  }

.error { color: #fff; background: red; padding: 5px; }

.edit_form { margin: 10px; }
.edit_form p { margin: 10px 0px; }
.edit_form p.buttons { margin-top: 20px; }
.edit_form .column { width: 200px; float: left; margin-right: 20px; }
.edit_form .column textarea { width: 200px; height: 140px; }
.edit_form .last_column { margin-right: 0px; }
.edit_form a.new_image { padding: 40px 0px; display: block; text-align: center; background: #c0c0c0; color: #999; }
.edit_form a.new_image:hover { color: #000; }
.edit_form a.tool { display: block; text-align: center; }

.admin_thumbs { padding: 5px; float:left; height: 125px; background: #c0c0c0; }
.admin_thumbs img { cursor: move; }
.admin_thumbs li { float:left; padding: 10px; background: #fff; margin-right: 5px; }
.admin_thumbs_container { width: 100%;  overflow-x: scroll; }
.admin_thumbs li p { width: 78px; }
.admin_thumbs li .delete { float: left; }
.admin_thumbs li .edit_link { float: right; }
.admin_thumbs li .textbox_preview { font-size: 10px; width: 80px; height: 83px; overflow: hidden; cursor: move; }
.admin_thumbs li .textbox_preview p { width: 400px; }

.group_container { margin-bottom: 30px; }

.group_controls { margin-bottom: 10px; }
.group_controls h1 { float: left; text-transform: uppercase; padding: 5px; }
.group_controls .tool { top: 5px; }

.lightbox { background: #fff; opacity: .8; position: absolute; top: 0px; }
.content { border: 1px solid #c0c0c0; padding: 50px; position: absolute; top: 0px; background: #fff; }

.edit_section { margin: 10px; }

#image_edit_form textarea { width: 100%; height: 150px; }

#demo-status { font-size: 40px; text-align: center;	}

.edit_clients .column { width: 350px; }
.edit_clients .column textarea { height: 300px; width: 200px; }

.edit_contacts .column { width: 150px; }
.edit_contacts .column textarea { height: 100px; width: 200px; }


p { padding: 0px; margin: 0px; }
body { background: #fff; margin: 0px; }
div#footer { position: absolute; background: #fff; display: block; width: 100%; left: 0px; bottom: 0px; }
div#footer p { padding: 10px; }
div#container { height: 700px; display: block; margin-left: 221px; }
div#admin_panel { background: #F0F0F0; height: 100%; border-right: 1px solid #ccc;border-bottom: 1px solid #ccc; width: 220px; position: absolute; }
div#admin_panel .my_content { padding: 10px; }
div#admin_panel h1 { font-size: 20px; color: #333; margin-top: 20px; text-transform: uppercase; }
div#admin_panel h2 { font-size: 14px; color: #c0c0c0; margin: 20px 0px 0px 0px; text-transform: uppercase; padding: 0px; }

div.element_id { text-align: center; }
div.element_id img { margin-bottom: 20px; }
	
/* mooRainbow */
#mooRainbow { font-size: 11px; color: #000; z-index: 100; }
.moor-box { width: 220px; height: 210px; border: 1px solid #636163; background-color: #f9f9f9; }
.moor-overlayBox { width: 156px; height: 156px; margin-top: 9px; margin-left: 9px; border: 1px solid #000; }
.moor-slider { border: 1px solid #000; margin-top: 9px; margin-left: 180px; width: 19px; height: 156px; }
.moor-colorBox { display: none; border: 1px solid #000; width: 59px; height: 68px; margin-top: 20px; margin-left: 125px; }
.moor-currentColor { display: none;  margin-top: 55px; margin-left: 316px; width: 59px; height: 34px; }
.moor-chooseColor { display: none; margin-top: 21px; margin-left: 316px; width: 59px; height: 34px; }
.moor-okButton { font-family: Tahoma; font-weight: bold; font-size: 11px; margin-top: 178px; margin-left: 8px; background: #e6e6e6; height: 23px; border: 1px solid #d6d6d6; }
#mooRainbow label {  font-family: mono; }
.moor-rLabel { display: none; margin-top: 100px; margin-left: 315px; }
.moor-gLabel { display: none; margin-top: 125px; margin-left: 315px; }
.moor-bLabel { display: none; margin-top: 150px; margin-left: 315px; }
.moor-HueLabel { display: none; margin-top: 190px; margin-left: 315px; }
span.moor-ballino { display: none;  margin-top: 190px; margin-left: 370px; }
.moor-SatuLabel { display: none; margin-top: 215px; margin-left: 315px; }
.moor-BrighLabel { display: none;  margin-top: 240px; margin-left: 315px; }
.moor-hexLabel { display: none;  margin-top: 275px; margin-left: 280px; }
.moor-rInput, .moor-gInput, .moor-bInput, .moor-HueInput, .moor-SatuInput, .moor-BrighInput { display: none;  width: 30px; }
.moor-hexInput { display: none;  width: 55px; }
.moor-cursor { background-image: url(http://www.patrickmoberg.com/freelance/sc/web/assets/images/moorainbow/moor_cursor.gif); width: 12px; height: 12px; }
.moor-arrows { background-image: url(http://www.patrickmoberg.com/freelance/sc/web/assets/images/moorainbow/moor_arrows.gif); top: 9px; left: 170px; width: 41px; height: 9px; }