/**
 * FLOORPLANNER
 * STYLE.css
 */
html {
  overflow: -moz-scrollbars-vertical;
  overflow-y:scroll;
}

html, body {
	margin:0px;
	padding:0px;
	width:100%;
	height: 100%;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
img { 
	border:0px;
}

h1, h2 {
	margin-top:0px;
	clear: left;
}


h1 {
	margin-bottom: 0px;
	margin-top: 10px;
	letter-spacing: -1px;
	font-size: 22pt;
	color: black;
	font-weight:900;
}

h2.subtitle {
	color:black;
	font-size:18pt;
	margin-top:0px;
	margin-bottom:15px;
	font-weight:normal;
}

.hand {
  cursor:pointer;
}
h2, body.frontpage h3 {
	font-size:17pt;
	font-weight:normal;
	letter-spacing: -1px;
	color: black;
	margin-top: 30px;
	margin-bottom:8px;
}


div#sidebar h2 {
	margin-top:5px;
}

#status-message {
  position:absolute; 
  padding: 20px; 
  width: 250px; 
  border: 1px solid #aaaaaa; 
  background-color: #eeeeee; 
  z-index: 9999;
}
#status-message img.spinner {
  float: left; 
  margin-right: 20px;
}

body.frontpage h3 {margin-top:20px;color:white;}
body.frontpage h1 {
  font-size:25pt;
  margin-top: 24px;
  color:#000;
  text-transform: none;
}
body.frontpage h2 {
  margin-top:8px;
  letter-spacing:1px;
  font-family:georgia;
  font-style:italic;
  line-height:33px;
  font-size:19pt;
	font-weight:normal;
}

h2 .highlight {
  color:#1b96b8;
}
body.frontpage h3 {
	font-size:14pt;
}

body.frontpage div#content h3 {
  	font-size:14pt;
	font-weight:bold;
}
body.frontpage #content h3 {
  color:#000;
}


h2 a {
 	color: #1b96b8; 
}
p { 
  margin-top: 0px;
}
h3 {
	font-size:14pt;
	font-weight:normal;
	letter-spacing:-1px;
	color: black;
	margin-top: 24px;
}
a {
	color:#1b96b8;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
	color:#1b96b8;
}
a.arrow {

	background-repeat:no-repeat;
	padding-left:15px;
	background-position: 2%;
}
body.frontpage a.arrow {
	background-image: url('http://cdn1.floorplanner.com/static/images/header/login-arrow.gif');}
body.default a.arrow {
	background-image: url('http://cdn0.floorplanner.com/static/images/header/login-arrow-inverse.gif');}  

p {
	/* line-height:20px; */
}
p.nospacing {

}

#top ul {
	margin:0px;
	padding:0px;
}
#top ul li {
	margin:0px;
	padding:0px;
}

body.default {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  background-color:#6CB7D6;
}


body.demo, body.without-sidebar, body.fpcanvas {
  background-color:white;
}


fpcanvas { 
  background-color:white;
}
#top, #subtop, #middle {
	width:100%;
}
#top { }

#subtop {
	background-image: url('http://cdn1.floorplanner.com/static/images/frontpage/background-gradient.jpg');	background-repeat: repeat-x;
}

#middle { }

body.frontpage #middle {padding-top:30px;}
body.frontpage #middle #content div.column-left {font-size:12pt;line-height:20pt;letter-spacing:0.7px;font-family:arial;}



#top #header, #subtop #banner, #middle #content, #middle.default #container {
	width:900px;
	margin:0px auto;
}


body.fpcanvas #top #header {
	width:900px;
	margin:auto;
	
}

#subtop #banner {width:1000px;}


/* ============= TOP ============ */

#top #header {
	height:90px;
}
body.fpcanvas #top #header {
	height:56px;
}
body.fpcanvas.styled #top #header {
	height: 90px;
}

#header #logo {
	float: left;
	width:185px;
	margin-top: 5px;
	color: white;
	font-size: 30px;
	font-weight: bold;
}
#header #logo:hover {
  text-decoration: none;
}
body.fpcanvas #top #header #logo {
	position:absolute;
	top:10px;
	left:10px;
	margin-top:0px;
	margin-left:10px;
}

#top #header #actions {
  font-size: 90%;
	position: absolute;
	right: 10px;
	top: 5px;  
}	

#top #actions li.current_user {
	font-weight:bold;
}

#top #header #menu {
	float: left;
	margin: 32px 0 0 30px;
}

body.fpcanvas #top #header #menu {
	margin:22px 0 0 215px;
}

#top #menu li, #top #actions li {
	list-style-type: none;
	display:inline;
	padding-left:0.5em; 
	margin-left:0.5em;
	border-left:1px solid;
	border-left-color: #46b8e1;
}


/* header frontpage specific */
body.frontpage #top #header ul#languages {
	float:right;
	margin-top:65px;
}
body.frontpage #top #header ul#languages li {
	display:inline;
	float:left;
	padding-left:0.4em;
	margin-left:0.2em;
}

body.frontpage #top ul#actions li.current_user {
	color: #1b96b8;
}

/* header default specific */
body.default #top {
	background-image: url('http://cdn1.floorplanner.com/static/images/header/default-gradient.gif');}
body.fpcanvas #top {
	background-image: url('http://cdn3.floorplanner.com/static/images/header/small-gradient.jpg');}
body.default #top #header a { 
  color: white; 
}


#frontpage-movie {
	width:570px;
	height:320px;
}


/* pipes in headerbar */
body.default #top #header ul#actions li, body.default #top #header ul#menu li {
	border-left-color: white;	
}

body.default #top ul#actions li.current_user {
	color: white;
}

#top ul#tabs {
  position:absolute;
	top:62px;
}
#top ul#tabs li {

	list-style-type: none;
	display:block;
	float:left;
	text-align:center;
	margin-right:2px;
	font-family: Arial, Helvetica, sans-serif;
	cursor:pointer;
}

#top ul#tabs li span {
  width: 12px;  
  height: 28px;
  float: left;  
  background-repeat: no-repeat;  
}

#top ul#tabs li .left {
  background-image: url('http://cdn4.floorplanner.com/static/images/tabs/grey_left.gif');}
#top ul#tabs li .mid {
  font-size: 10.5pt;
	font-weight:bold;
  padding-top: 6px;
  width: auto;
  overflow: hidden;
  min-width: 80px;
  background-image: url('http://cdn1.floorplanner.com/static/images/tabs/grey_mid.gif');  background-repeat: repeat-x;
}

#top ul#tabs li .right {
  background-image: url('http://cdn4.floorplanner.com/static/images/tabs/grey_right.gif');}

#top ul#tabs li.active .left { background-image: url('http://cdn0.floorplanner.com/static/images/tabs/white_left.gif'); }#top ul#tabs li.active .mid { background-image: url('http://cdn2.floorplanner.com/static/images/tabs/white_mid.gif'); }#top ul#tabs li.active .right { background-image: url('http://cdn0.floorplanner.com/static/images/tabs/white_right.gif'); }
#top ul#tabs li a:hover, #top ul#tabs li a:active, #top ul#tabs li a:link, #top ul#tabs li a:visited {
	color:#1b96b8;
	text-decoration:none;
}
#top ul#tabs li a span {
  color:#1b96b8;
	text-decoration:none;
}


#top ul li.active a {
	font-weight:bold;
	text-decoration:underline;
	color:white;
}

body.frontpage #top ul li.active a {
	color:#1b96b8;
}

#top ul#actions li.first, #top ul#menu li.first {
	border-left:none;
}

a.dashboard {
	color:yellow;
}

/* ============= SUBTOP ========== */
#subtop {
	color:white;
}

#subtop h2 {
	color:white;
	font-size:16px;
	font-weight:normal;
}

#subtop p, #subtop h2 {
	
}

#subtop p {
	padding-right:20px;
}

/* header on homepage */
#subtop h1, #subtop h1 {
	font-size:18px;
	line-height:30px;
	letter-spacing:1px;
	padding-bottom: 10px;
	font-weight:lighter;
	color:white;
	font-family: verdana;
}


#subtop #banner {
	height:320px;
  padding: 0;
}
#subtop #banner .column-left, #subtop #banner .column-right, #subtop #banner .column-middle {
	float:left;
	
	/*height:100%;*/
}

#subtop #banner .column-left {
	width: 570px;
/*	margin: 0 40px 0 50px;*/
  padding: 0 40px 0 50px;
	float:left;
}
#subtop #banner .column-left .item {
  margin-bottom:6px;
  display:block;
}
#subtop #banner .column-left .row-top {
	margin-top:40px;
}

#subtop #banner .column-left .row-bottom h2 {
  margin-top:10px;
}

#subtop #banner .column-left .row-bottom {
	margin-top:15px;
}

#subtop #banner .column-right {
  
	width:240px;
}

#subtop #banner .column-right .row-top { 
	margin-top:40px;
	text-align:left;
	

}
#subtop #banner .column-right .row-bottom { 
	text-align:left;
	padding-top:15px;
	
}


#column-left {
	padding:10px 10px 0 10px;
}

/* ============= MIDDLE =========== */


#middle #content {
  padding-bottom:50px;
}

#middle #content .column-left, #middle #content .column-right { 
	
}

#middle #content .column-left { 
	float:left;
}

#middle #content .column-right { 
	float:right;
}

body.default #middle #content .column-left, body.default #middle #content .column-right {
	width:270px;
}
body.frontpage #middle #content .column-left {
  width:500px;
}

body.frontpage #middle #content .column-right {
	width:290px;
}
body.frontpage #content {
	line-height: 22px;
	font-size:14px;
}

#middle.default {
	background-position:center;
}

#middle.default #container {
	width:900px;
	height:100%;
	padding-top:20px;
	padding-bottom:30px;
}

#middle.default #container #content {
	width:615px;
	float:left;
}

#middle.default #container #content .content {
	padding:10px 25px 10px 5px;
	font-size:11pt;

}

#middle.default {
	width:100%;
	background-attachment: fixed;
	background-repeat:repeat-y;
	background-position: 100px 100px;
	background-color: 	white;
}


#middle.default #container #sidebar {
	float:left;
	width:250px;
}

#sidebar div.block {
	margin-bottom:30px;
}

/*============== Floorplanner specific ===========*/
.floorplanner {
  /*height:100%;*/
}

/*body.fpcanvas, body.demo {overflow: -moz-scrollbars-vertical;}*/

body.fpcanvas {
}
#fpcanvas {
  margin:0px;
  padding:0px;
  position:absolute;
  z-index:100;
  overflow: hidden;
}
#fpcanvas .floorplanner {
 background-color:white;
 width:100%;
 height:100%; 
}

body.fpcanvas #content {
  margin: 0;
  padding: 0;
}


#fp_version { width:0px;height:0px;}
#control {
  width:100%;
}
body.fpcanvas #sidebar, body.demo #sidebar {
  position: absolute;
  right: 0px;

  bottom: 0px;
  top: 90px;
  width: 320px;
}

body.demo #sidebar, body.styled #sidebar {
	top:123px;
}
body.fpcanvas #sidebar-bottom {
	position:absolute;
	bottom:0px;
	right:0px;
	width:320px;
	height:30px;
	z-index:100;
}

body.fpcanvas #sidebar-content, body.demo #sidebar-content {
	width:300px;
	margin: 0 10px;
}

#sidebar-collapsed, .collapse-button {
	cursor:pointer;
	float:right;
	font-size:22pt;


	padding:5px;
	height:100%;
}
body.fpcanvas {
  background-color:white;
}


/* ============ BOTTOM ============*/

#bottom {
	margin: 0px auto 0px auto;
	width: 900px;
	height: 30px; 
	color: #444444;
}
body.fpcanvas #bottom, body.demo #bottom {
  
  position:absolute;
  top: 673px;
  left: 0;
  right: 310px;
  padding: 0 0 100px 0;
  margin: 0;
  width: auto;
  background-color: white;
}

#footer {
	text-align: left;
	padding-top:12px;
}

body.default #bottom {
}
#footer {
	margin:0px;
	padding:0px;
}
body.frontpage #bottom #footer {
	border-top:1px solid #eee;
	padding-top: 5px;
}

body.default #bottom #footer {
	width: 900px;
  height:150px;
  color:white;
}



body.default #bottom #footer h2 {
  margin:20px 0px 10px 0px;
  padding-bottom:5px;
  font-size:18px;
  color:white;
  
  letter-spacing:2px;
  border-bottom:1px dashed white;
  font-weight:normal;
}
body.default #bottom #footer .block {
  width:200px;
  float:left;
  padding: 0;
  margin: 0;
}
body.default #bottom #footer .block.address {
 line-height: 20px; 
}
body.default #bottom #footer .block ul.links {
  margin:0px;
	margin-top:3px;
	display:block;
  padding:0px;
  list-style-type: disc;
}
body.default #bottom #footer .block ul.links li {
  list-style-type: disc;
  border: none;
  padding: 0;
	color: #FAE275;
  margin: 0 0 4px 0;
  
}
body.default #bottom #footer .block ul.links li a {
  color:#FAE275;
}

body.default #bottom #footer a {
  color:white;
  
}

body.fpcanvas #bottom #footer, body.demo #bottom #footer {
	width: auto;
}

/* ============= COMMON ==============*/
div.clear {
	clear:both;
}

div.content {
	padding:15px;
}

div.flash {
	position: relative;
	left: -10px;
	border:1px solid #EDBF30;
	background-color: #FFF9D8;
	padding:10px;
	margin-bottom:20px;
	letter-spacing:1px;
	font-size: 110%;
}


div.flash.error {
	color: #aa0000;
}


div.flash.warning {
	color: #aa0000;
}

div.flash.notice {
	color: black;
}

hr {
  margin-top: 10px;
	border-top: 1px solid #dddddd;
	border-bottom: none;
	border-left: none;
	border-right: none;
}

p.error {
	font-weight: bold;
	color: #aa0000;
}
p.summary {
	color: black;
	margin-bottom: 30px;
	margin-top: 4px;
}

input.input, textarea.input, select.input {
	width: 240px;
	padding: 4px;
	border: 1px solid #989898;
	background-color: #f0f0f0;
}
input.input.wide, textarea.input.wide, select.input.wide {
 width: 450px; 
}
div.fieldWithErrors {
	display: inline;
}

small {
	color: #aaaaaa;
}

.productname {
  font-size: 10pt;
  font-weight:bold;
}
table.small {

}

/* LIST TABLE */
table.list {
	width: 100%;
	border-collapse: collapse;
	margin-bottom:10px;
}

table.list th {
	border-bottom: 1px solid #999;
	text-align: left;
}

table.list td {
	padding: 2px;
	height: 24px;
	border-bottom: 1px solid #dddddd;
}

table.list td .icon {
	float:left;
	padding: 8px 2px;
}


table.list tr.last td {
  border:0px;
}


table.list tr.smallheader th {
  font-size:11px;
  font-weight:normal;
}


table.properties {
  border-collapse: collapse;
  width: 100%;
}
/* PROPERTIES TABLE */
table.properties tr.spacer th {
	padding-top: 15px;
}
table.properties tr.spacer td {
	padding-top: 15px;
}

table.properties th {
	padding: 0px 10px 0 0;
	text-align: left;
	font-weight: normal;
	
	vertical-align: top;
}
table.properties td {
	height:18px;
  padding-bottom: 8px;
	vertical-align: top;
}
table.properties tr th.label {
  padding-top: 4px;
}

table.properties tr p.info {
	color:#999;
	font-size:12px;
}
table.properties tr.spacer th.label {
  padding-top: 19px;
}
table.properties td.submit {
  text-align: right;
  vertical-align: bottom;
  width: 150px;
}
table.properties td.submit .floorplanner-button {
 position: relative;
 top: 11px; 
 right: -2px;
 float: right;
}
table.properties.fixed-labels tr th {
	width: 150px;
}
table.properties tr.submit td {
  padding-top: 20px;
}

#sidebar table.properties {
  width: 200px;
}
#sidebar input.input, #sidebar textarea.input {
  width: 200px;
}
#sidebar table.properties td {
  white-space:normal;
}


#control {
  
  height:32px;
  
  /*background-color:#ffffaa;*/
  background-image: url('http://cdn1.floorplanner.com/static/images/controlbar/gradient.gif');  background-position: bottom;
  background-repeat: repeat-x;
  border-bottom: 1px solid #cccccc;
}

#control-measurementsystem { 
 float: right; 
 padding-top: 10px; 
 font-weight: bold; 
 font-size: 11px; 
 margin-right: 20px
}



#control-measurementsystem a {
  color: #999999;
} 
#control-measurementsystem a.active {
  color: black;
}
#control-measurementsystem a.active:hover {
  color: #333333;
  text-decoration: none;
}
#control-measurementsystem a:hover { 
  color: #666666;
  text-decoration: none;  
}
#control-measurementsystem a#measurementsystem-metric {
  margin-right: 5px;
}


#control-icons-left {
  position:absolute;
	left:0px;
  margin: 3px 0px 0px 10px;
  float:left;
  height: 30px;
  padding-left: 1px;
  background-color: transparent;
	
	width:150px;
}

#control-icons-left .start {
  float:left;
	text-align:center;
	width:100px;
}
#control-icons-left .start  a{
	padding-top:6px;
	
	color: #FF5600;
  display: block;
  
  width: auto;
  font-weight:normal;
  font-size: 12px; text-decoration:underline;
  font-weight: bold;
}
#control-icons-right {
  margin: 3px 10px 0px 3px;
  float:right;
  background-color: transparent;
  padding-right: 15px;


}
#control-icons-right img, #control-icons-left img {
  padding-left: 3px;
}
#control-icons-right .text {
  float:left;margin-top:6px;margin-right:10px;
}

#control-floors {
	margin: 0px 0px 0px 120px;
 	padding: 0;
  height:25px;
  float:left;
	display:inline;
  list-style: none;
  background-color: transparent;
}
.overlay {
	position:relative;

}
#control-floors li.current .overlay, #control-floors li, #control-floors li .text {
	width:150px;
}
#control-floors li {
	height:33px; 
	padding:0px;
	margin:0px;
	
	float:left;
	display:block;
}

#control-floors li.current {
	background:#4399CD;
	/*background: #408EBE;*/	
}

#control-floors li .text {
	text-align:center;
	margin-top:7px;
	z-index:10;
	position:absolute;
}
body.demo #control-floors li .text, body.styled #control-floors li .text {
	
}

body.embed #control-floors {
  margin-left: -5px;
}

body.embed #control-floors li .text {
  top: 7px;
}

#control-floors li.current .text {
	color:white;	
}

#control-floors li .overlay {
	width:0px;height:0px;
}

#control-floors li.current .overlay {
	height:32px;
	position:absolute;
	background-image:url('http://cdn2.floorplanner.com/static/images/controlbar/current-bg.png');	opacity:0.15; filter: alpha(opacity = 15);
	z-index:5;
}

#control-floors li.over {
	
}
#control-floors li.over .overlay {
	height:32px;
	position:absolute;
	background-image:url('http://cdn2.floorplanner.com/static/images/controlbar/current-bg.png');	opacity:0.15; filter: alpha(opacity = 15);
	z-index:5;
	width:150px;
}



#control-floors li a {
  color: #999999;
  display: block;
  
  width: auto;
  font-weight:normal;
  font-size: 15px;  
  font-weight: bold;
    

  
	cursor:pointer;  
}
#control-floors li a small {
  font-size: 10px;
}

#control-floors li.current a, #control-floors li.current a small {
  color: white;
}
#control-floors li a:hover, #control-floors li a:hover small {
  color: #666666;
  text-decoration: none;
}

#control-floors li.current a:hover, #control-floors li.current a:hover small {
  color: #dddddd;
  text-decoration: none;
}



div.button-holder {
  padding-top: 10px;
  height: 44px;
  text-align: right;
  width: 100%;
}
.floorplanner-button {
  height: 44px;
  white-space: nowrap;
  cursor: pointer;
  padding: 2px 0;
  font-weight: bold;
  text-transform: lowercase;
  border: none;
  background-color: transparent;
  margin: 0;  
  width: 100%;
}


.floorplanner-button span {
  display: block;
  float: right;
  height: 44px;  
}
.floorplanner-button span.left, .floorplanner-button span.left-arrow {
  background-image: url('http://cdn3.floorplanner.com/static/images/buttons/default-left.png');   background-repeat: no-repeat;
  width: 27px;
}



.floorplanner-button span.left-arrow {
  background-image: url('http://cdn3.floorplanner.com/static/images/buttons/default-left-arrow.png'); }

.floorplanner-button span.body, .floorplanner-button span.body-arrow { 
  background-image: url('http://cdn1.floorplanner.com/static/images/buttons/default-body.png');   background-repeat: repeat-x;  
  font-size: 16px; 
  color: white;
  padding: 7px 10px 0px 0px;
}



.floorplanner-button span.body-arrow {
  padding: 7px 8px 0px 6px;
}

a.floorplanner-button span.body, a.floorplanner-button span.body-arrow {
  padding-top: 8px;
}

a.floorplanner-button:hover {
  text-decoration: none;
}
.floorplanner-button span.right, .floorplanner-button span.right-arrow {
  background-image: url('http://cdn3.floorplanner.com/static/images/buttons/default-right.png');   background-repeat: no-repeat;  
  width: 21px;
}


/* button-smaller */
.button-smaller {height:29px;font-weight: normal;}
.button-smaller span {height:29px;}
.button-smaller span.left, .button-smaller  span.left-arrow {width:24px;}
.button-smaller span.left-arrow {background-image: url('http://cdn4.floorplanner.com/static/images/buttons/smaller-left-arrow.gif'); }.button-smaller span.body, .button-smaller span.body-arrow { font-size:15px; background-image: url('http://cdn2.floorplanner.com/static/images/buttons/smaller-body.gif'); padding: 7px 10px 0px 0px;}a.button-smaller span.body-arrow { padding-top: 5px; }
.button-smaller span.right, .button-smaller span.right-arrow { background-image: url('http://cdn4.floorplanner.com/static/images/buttons/smaller-right.gif');width:24px;}
/* button-white */
.button-white {height:29px;font-weight: normal;}
.button-white span {height:29px;}
.button-white span.left, .button-white  span.left-arrow {width:24px;}
.button-white span.body, .button-white span.body-arrow { font-size:15px; background-image: url('http://cdn0.floorplanner.com/static/images/buttons/white-body.gif'); padding: 7px 10px 0px 0px;}a.button-white span.body-arrow { padding-top: 5px; }
.button-white span.right, .button-white span.right-arrow { background-image: url('http://cdn2.floorplanner.com/static/images/buttons/white-right.gif');width:24px;}a.button-white {display:block; text-align:left; clear:both; }

a.button-white span.body-arrow, a.button-smaller span.body-arrow {width:170px;padding-left:6px; }
a.button-white span.body-arrow { font-weight:bold;}

/* button-white variants */
.button-white.green span.left-arrow {background-image: url('http://cdn1.floorplanner.com/static/images/buttons/white-left-arrow-green.gif'); }.button-white.green span.body, .button-white.green span.body-arrow { color:#88bb22;}
.button-white.blue span.left-arrow {background-image: url('http://cdn1.floorplanner.com/static/images/buttons/white-left-arrow-blue.gif'); }.button-white.blue span.body, .button-white.blue span.body-arrow { color:#3399cc;}
.button-white.orange span.left-arrow {background-image: url('http://cdn3.floorplanner.com/static/images/buttons/white-left-arrow-orange.gif'); }.button-white.orange span.body, .button-white.orange span.body-arrow { color:#dd6633;}




.sidebar-button {
  cursor: pointer;  
  display: block;
  clear: left;
  padding: 2px 0;  
  width: 210px;
  text-transform: lowercase;
  border: none;
  background-color: transparent;
  margin: 0;
  white-space: nowrap;
}

.sidebar-button span {
  float: left;
  display: block;
  white-space: nowrap;
}
.sidebar-button span.left {  
  background-image: url('http://cdn2.floorplanner.com/static/images/buttons/sidebar-left.gif');   background-repeat: no-repeat;
  width: 17px;
  height: 24px;
  padding:0;
  margin: 0;  
}
.sidebar-button span.body {
  background-image: url('http://cdn0.floorplanner.com/static/images/buttons/sidebar-body.gif');   background-repeat: repeat-x;  
  color: #1b96b8;
  font-size: 12px;
  padding: 5px 0 0 6px;
  width: 169px;
  height: 24px;
  text-align: left;  
}
.sidebar-button:hover {
  text-decoration: none;
}
.sidebar-button span.right {
  background-image: url('http://cdn2.floorplanner.com/static/images/buttons/sidebar-right.gif');   background-repeat: no-repeat;  
  width: 12px;  
  height: 24px;
}



.pagination {
  font-size: 90%;
  text-align: right;
  clear: both;
  padding: 5px 0 5px 0;
}
.pagination a, .pagination .disabled, .pagination .current {
  border: 1px solid #eeeeee;
  padding: 2px 5px; 
}
.pagination .disabled {
  color: #cccccc;
}
.pagination .current {
  font-weight: bold;
  border: 1px solid black;
}


/* Sidebar headers */
div#sidebar h2 {
  font-size:18px;
  margin-bottom:6px;
}

div#sidebar h2.icon {
  background-repeat: no-repeat;
  background-image: url('http://cdn0.floorplanner.com/static/images/header-emblems/new.gif');  background-position: 0px 5px;
  padding-left: 24px;
}

div#sidebar h2.icon a {
  color: black; 
}

div#sidebar h2.icon.search {
  background-image: url('http://cdn0.floorplanner.com/static/images/header-emblems/search.gif');}
div#sidebar h2.icon.new {
  background-image: url('http://cdn0.floorplanner.com/static/images/header-emblems/new.gif');}
h2.icon.tag {
  background-image: url('http://cdn1.floorplanner.com/static/images/header-emblems/tag.gif');}
div#sidebar h2.icon.list {
  background-image: url('http://cdn4.floorplanner.com/static/images/header-emblems/list.gif');}
div#sidebar h2.icon.favorite {
  background-image: url('http://cdn4.floorplanner.com/static/images/header-emblems/favorite.gif');}
div#sidebar h2.icon.help {
  /* TODO: fix this icon */
  /* background-image: url('http://cdn0.floorplanner.com/static/images/header-emblems/help.gif'); */}

div#sidebar p {
  margin-top: 3px;

}

/* Blog */
h2 {
  margin-bottom: 20px;
  text-transform: none;
	font-size:20pt;
	font-weight:bold;
	line-height:21pt;
}

.blogpost h1 {
	margin-bottom:20px;
}

.header-icon {
	float:left;
	width:100px; 
}

.header-title {
	float:left;
}
#middle.default #container #content .content p, .blogpost-content {
	line-height:25px;
}
.blogpost {
  margin-right: 20px;
  line-height: 16pt;
}

.blogpost p {
  margin-bottom: 24px;
}

.blogpost-details {
  color: #aaaaaa;
  font-size: 9pt;
  padding: 0;
  margin: 0 0 20px 0;
}
.blogpost-date {
  color: #86b533;
  margin-right: 5px;
}

/* Twitter */
#twitter_update_list {
  list-style: none;
  padding: 0;
  height:300px;
  margin-bottom:20px;
  margin: 0;
}
#twitter_update_list li {
  font-size: 90%;
  border-bottom: 1px solid #cccccc;
  padding: 3px 0 3px 0;
}
#twitter_update_list li a {
  color: #86b533;
}

.sidebar-links {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sidebar-links li {
  font-size: 90%;
  border-bottom: 1px solid #cccccc;
  padding: 3px 0 3px 0; 
}

/* Project footer */

#element-info {
  font-weight: bold; 
  color: #aaaaaa; 
  font-size: 16px;
}
#floorplanner-footer {
  position: relative;
  left: 0;
  right: 0;
  border-collapse: collapse;
  color: black;
}
#floorplanner-footer td {
  vertical-align: top;
}
#floorplanner-footer h2 {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
	margin-bottom:0px;
} 

#floorplanner-footer #elements h2 {
  cursor:pointer; 
  margin-bottom:10px;
}


tr.topic.sticky td {
	background-color: #fcfcfc;
}

#icon-links {
  clear: right;
  margin: 0;
  padding: 0;
  list-style: none;
}
#icon-links li {
  background-repeat: no-repeat;
  padding: 10px 0 0 0110px;
  border-bottom: 1px dashed #cccccc;
  margin: 0;
  height: 90px;
  cursor: pointer;
}



#icon-links li.last {border-bottom:0px;}
#icon-links li.tour { background-image: url('http://cdn0.floorplanner.com/static/images/help/tour.gif');}#icon-links li.tutorial { background-image: url('http://cdn1.floorplanner.com/static/images/help/tutorial.gif');}#icon-links li.tips { background-image: url('http://cdn0.floorplanner.com/static/images/help/tips.gif'); }#icon-links li.support { background-image: url('http://cdn4.floorplanner.com/static/images/help/support.gif'); }

#icon-links li.quickstart { background-image: url('http://cdn1.floorplanner.com/static/images/help/quickstart.gif'); }#icon-links li.howdoi { background-image: url('http://cdn2.floorplanner.com/static/images/help/howdoi.gif'); }#icon-links li.forums { background-image: url('http://cdn0.floorplanner.com/static/images/help/forums.gif'); }
#icon-links li.products { background-image: url('http://cdn4.floorplanner.com/static/images/pricing/icon-products.gif'); }#icon-links li.personal { background-image: url('http://cdn3.floorplanner.com/static/images/pricing/icon-personal.gif'); }#icon-links li.professional { background-image: url('http://cdn2.floorplanner.com/static/images/pricing/icon-pro.gif'); }#icon-links li.enterprise { background-image: url('http://cdn4.floorplanner.com/static/images/pricing/icon-enterprise.gif'); }


#icon-links li h2 {
  margin: 0;
	font-size:18pt;
}

.from .avatar {
    display: block;
    float:left; 
    width:50px; 
    height:50px; 
    margin-right:5px;
}


h2.tag {
  background-image: url('http://cdn1.floorplanner.com/static/images/header-emblems/tag.gif');  background-repeat: no-repeat;
  background-position: 10px 6px;
  padding-left: 40px;
  border-bottom: 1px dashed #cccccc;
  margin: 10px 0;
}

#sidebar #taggings {
  width:200px;
 
}
#taggings {
  line-height:20px;
}
#taggings .tag {
  margin-left:3px;
  margin-right:3px;
}

.design-thumbnails {
	list-style: none;
	padding: 0;
	margin: 0;
}
.design-thumbnails li {
	display: inline;
	width: 300px;
}


/* project footer */
#project-footer {
  padding: 4px 10px 0 10px;
  margin: 0;  
}

#project-footer h2 {
  font-size:13pt;
  margin-top:-2px; 
  margin-bottom:0px;
  border-bottom: 1px solid black;
  display: block;
}

.scrolldown {
  cursor:pointer;
  float:right;
  margin-top:1px;
  margin-left:10px;
}
	
#sidebar .column-left { float: left; }
#project-footer .column-left { 
  float:left;
  width: 48%;
}
#project-footer .column-right {
  float:right;
  width: 48%;
} 
#sidebar .from .space { clear:both; padding-top:10px;}
#sidebar .from {margin-top:10px;}
#sidebar .from h1 { margin-top:4px; margin-bottom:2px; font-size: 16pt;}
#sidebar .from .date {font-size: 11px;margin-left:2px;}
#sidebar .from .favorites {float:right; font-size:11px;  text-align:right;}

#project-footer #element-list { 
  clear: left;
  position: relative;
  left: 0;
  right: 0;
  width: 100%;
  list-style: none; 
  margin: 10px 0 0 0; 
  padding: 0; 
}
#project-footer #element-list li {
  clear: left;  
  padding: 20px 10px 10px 10px;
  border-bottom: 1px solid #cccccc;
}

#project-footer #element-list .element-name { 
  color: black; 
  font-size: 120%; 
  font-weight: bold; 
  clear: none;
  padding-bottom: 5px;
} 
#project-footer #element-list .element-count {  
  color: #aaaaaa;
}
#project-footer #element-list .element-price {
  font-size: 120%;
  font-weight: bold;
  text-align: right;
} 

#project-footer #design-loading h2 {
	color: #777777;
	border-bottom: none;
}

.rating_star {
  color: #1b96b8;
}
.rating_star.active {
}

.rating_star:hover {
  text-decoration: none;
  font-weight: normal;
}

.tip {
  display: block;
  border:1px solid #EDBF30;
  background-color: #FFF9D8;
}

.tip .content {
  padding:12px;
  padding-bottom:0px;
}
.tip h3 { margin-top:7px;}
.tip .left {
}
.tip .nav {
  border-top:1px solid #FF9900;
  text-align: right;
  padding: 5px 5px 0px 5px;
  color:#999;
}
.tip #feedback-content {padding-bottom:4px;}
.tip .nav a {
  font-size:13px;
  color:#FF9900;
}

p.url {
  padding: 5px;
  background-color: #eeeeee;
  font-size: 13pt;
  border: 1px solid #aaaaaa;
  font-weight: normal;
}

.pricingbox { height: 330px; width:288px;margin-right:4px;float:left; cursor:pointer; background-repeat: no-repeat;}
.pricingbox .spacer {padding:20px;margin:0px;}
.pricingbox h2 {font-weight:normal;margin:0px;font-size:15pt;}
.pricingbox .sub {color:#1b96b8; font-size:15pt;}
.pricingbox ul {padding-left:30px; height:170px;}
.pricingbox ul li {list-style-image: url('http://cdn4.floorplanner.com/static/images/pricing/checkbox.gif'); margin-bottom:10px;}.pricingbox .signup {margin-top: 40px;}

.pricing-free {background-image: url('http://cdn0.floorplanner.com/static/images/pricing/pricing-box-free.gif');}.pricing-plus {background-image: url('http://cdn4.floorplanner.com/static/images/pricing/pricing-box-plus.gif');}.pricing-pro1 {background-image: url('http://cdn3.floorplanner.com/static/images/pricing/pricing-box-pro1.gif');}.pricing-pro2 {background-image: url('http://cdn4.floorplanner.com/static/images/pricing/pricing-box-pro2.gif');}.pricing-enter1 {background-image: url('http://cdn3.floorplanner.com/static/images/pricing/pricing-box-enter1.gif');}.pricing-enter2 {background-image: url('http://cdn4.floorplanner.com/static/images/pricing/pricing-box-enter2.gif');}

body.without-sidebar #content {
  width: 900px;
  margin: 0px auto;
}
body.without-sidebar #bottom {
  width: 900px;
  margin: 0px auto;
}

#comment-list    { list-style: none; margin: 0; padding: 0; width: 100%; border-collapse: collapse;  }
#comment-list .comment td { 
  padding: 15px 0 15px 0; 
  border-bottom: 1px solid #cccccc;
  line-height: normal;
}

#comment-list .avatar-cell  { width: 60px; vertical-align: top; }
#comment-list .avatar-cell a { margin-top: 4px; }
#comment-list .comment-cell { vertical-align: top; }
#comment-list .comment-cell .author { font-size:16px; font-weight: bold; border-bottom: none; margin: 0px 0px 5px 0px;}
#comment-list .comment-cell .actions { font-size: 12px; float: right; }
#comment-list .comment-cell .date { color: #777777; font-size:11px; text-align: right; display: block; padding: 2px 0 0 0; margin: 0; }
#comment-list .comment-cell .body { clear: both; padding: 0; margin: 0; font-size: 13px; line-height: 15px; }
#middle.default #container #content .content #comment-list .comment-cell .body p { line-height: 15px; }


#furn {
  margin-bottom:100px;
}

#furn #controls h1 {
  font-size:16px;
}
#furn #articles {
  list-style: none;
  margin: 10px 0 10px 0;
  padding: 0;
  clear: both;
  height: 210px;
}

.article-holder {
  float:left;
  padding:2px;
  width:62px;
  height:62px;
  margin-right: 7px;
  margin-bottom: 5px;
  
}

.article { 
  width:62px;
  height:62px;
  border: 1px solid #fff;
}

#sidebar ul {
  padding-left:20px;
  list-style-type: circle;
}

.article .preview {
  width:62px;
  height:62px;
}

.background {
  position: absolute;
  width: 62px;
  height: 62px;
  margin-top: 1px;
  margin-left: 1px;
}

.article-mouseover {
  border: 1px solid #ccc;
}

#article-navigation {
  
  display: block;
  height: 25px;
  width: 285px;
  font-size: 90%;  
  clear: both;
}


#article-navigation .next-link {
  float: right;
  cursor: pointer;    
}

#article-navigation .previous-link {
  float: left;
  cursor: pointer;  
}
#article-navigation span.inactive {
  cursor: auto;
  color: #bbbbbb;
}



#article-holder {
  clear: both;
}

#element-select {
  width:100%;
  height:200px;
  border:1px solid #999;
  overflow:auto;
  padding:5px;
}



.element {
  margin:3px;
  border:2px solid #eeeeee;
}

#element-select .element {
  float:left;
  height: 80px;
  width:  82px;

  background-color: white;
}

#element-select .element-mouseover {
  border:2px solid #1b96b8;
}

#element-select .element-name {
  font-size: 80%;
  width: 100%;
  text-align: center;  
}

#navbar {
  float:right;
  font-size:12px;
  margin-top:4px;
}

#element-collection {
  margin-left:10px;
}
#article-photo {width:150px; float:right;}
#article-information {float:left; width:140px; }
.price {float:right; font-size:13px;}

#article-title {
  font-size:20px;
  
	margin-top:0px;

	padding-top:0px;
  padding-bottom: 5px;
  margin-bottom:8px;
}
#article-title h1 {
	font-size:20px;
	border-bottom:1px solid #eee;
}
#article-photo img {
  border: 1px solid #eee;
  width:140px;
  height:140px;
}

#sidebar-preview {
	width: 200px;
	height: 400px;
	padding: 20px;
}

/* Branded login pagina */
body.login {
  background-color: rgb(159, 211, 232);
}
body.login #header {
  margin: 0 auto 0 auto;
  padding: 15px;  
  width: 500px;
  height: 50px;
  overflow: hidden;
}

body.login #header #logo {
  text-align: center;  
  width: 500px;
}
body.login #login-square {
  width: 500px;
  height: auto;
  margin: 25px auto 0px auto;
  padding: 10px;
  border: 7px solid #dddddd;
  background-color: white;
}


body.login #login-square p.notice {
  background-color: #cccccc;
  padding: 10px;
}
body.login #login-square h1 {
  display: none;
}
body.login #login-square hr {
 border-top: none;
 border-left: none;
 border-right: none;
 border-bottom: 1px dashed #dddddd;
}

body.login div.flash {
  left: 0px;
}


.colorpicker, .themecolor {
	display: block;
	width:  16px;
	height: 16px;
	border: 1px solid #cccccc;
	cursor: pointer;
 	float: left;
	padding: 0;
	margin: 0 1px 0 0;	
}
.themecolor {
	height:10px;
	width:25px;
	margin-top:3px;
	cursor: none;
}
.colorfield {
	display: block;
	width:  80px;
	height: 16px;
	border: 1px solid #cccccc;
	padding: 0;
	margin: 0;
 	float: left;		
}


div.percentcomplete {
  width:100%;
  border: 1px solid #666;
  height:20px;
  background-color:#eee;
}

div.percentcomplete div.inner {
  background-color:#4399CD;
  height:100%;
}
div.percentcomplete div.text {
  font-size:11px;
  margin-top:-16px;
  color:#aaa;
  padding-left:10px;
}


#translatedstring {
  background-color:yellow;
  font-size:14pt;
  display:inline;
  padding:4px;
}
.topic-subject {
  margin: 3px 0 0 0;
  padding: 0;
}
.topic-info {
  margin: 0;
  padding: 0;
  color: #aaaaaa;
}
.topic-content {
  clear:left;
}



.tutorial-header {
  margin-top:5px;
  padding-top:15px;
  width:270px;
  border-bottom:1px solid #ccc;
}

.tutorial-header .title {float:left;}
.tutorial-header .others {float:right;}

.signup-account {
  background-image: url('http://cdn0.floorplanner.com/static/images/signup/create-free-account.jpg');  width:209px;
  height:155px;
  cursor:pointer;
}

.signup-account .title {
  font-size:16px;
  color:#D76332;
  padding:7px 0px 0px 30px;
}
.signup-account .content {
  font-size:14px;
}

a.icon {
  padding-left: 20px;
  background-repeat: no-repeat;
}


body.fpcanvas #project-footer {
	background-color:white;
}


body.fpcanvas #background {

	background-color:white;
	position:absolute;
	top:123px;
	bottom:0px;
	left:0px;
	right:320px;
}
#tag-list {
	margin-top:10px;

	font-size:90%;
}
#tag-list a {
	font-size:12px;
	margin:6px 0px;
	margin-right:10px;
	text-decoration:underline;
}

#tag-list a.disabled {
	color:#999;
	font-weight:normal;
}

#tag-list a.enabled {
	color: #000;	
	font-weight:bold;
}

#tag-list .info {
	margin-top:5px;
	color:#666;
}
.unselectable {
	-moz-user-select: none;
   -khtml-user-select: none;
   user-select: none;
}

#saveandmail table.properties .input {width:100%;}


.colorpicker2 div, .colorpicker2 {}

.colorpicker2 { position:absolute;top:40px; background-color: #999; height:310px;width:296px; }
.colorpicker2 .container { background-color:#999;position:absolute;height:290px;width:276px;top:10px;left:10px; }

.colorpicker2 .satbright { background-image:url('http://cdn4.floorplanner.com/static/images/colorpicker/saturation_and_brightness.png');float:left; width:256px;height:256px;}.colorpicker2 .hue {background-image:url('http://cdn0.floorplanner.com/static/images/colorpicker/hue.png');float:left;width:20px;height:256px;}.colorpicker2 .bottom {padding:4px;width:276px;height:30px; }
.bottom .hex {float:left;width:50px;padding:0p;margin-top:5px;}
.bottom .color {float:left;margin-right:20px;width:130px;border:1px solid white;height:30px;text-align:right;}
.bottom .close {font-weight:bold;float:left;cursor:pointer; height:20px;margin-left:20px;line-height:30px;}


.hue-pointer { background-image: url('http://cdn3.floorplanner.com/static/images/colorpicker/arrow.png');position:absolute; top:0px;right:-3px; width:10px; height:16px;}.satbright-pointer { background-image: url('http://cdn4.floorplanner.com/static/images/colorpicker/circle.png');position:absolute;top:0px;width:16px; height:17px;}
table.comparison {width:100%;}
table.comparison tr.header td { border-bottom:2px solid #ccc;}
table.comparison tr.subheader td { font-weight: bold; border-bottom: 1px solid black; height:20px;}
table.comparison tr.line-1 {background-color: #E2EFF2;}

table.comparison td {text-align:center;}
table.comparison td.left {text-align:left; width:280px;}
table.comparison td.strong {font-weight: bold;}


#proposed-translation { border:1px solid #ccc; min-height:150px;}
#branding {text-align:right;}

.clickable {cursor:pointer;}