/* 
	purple: 996699
	red: 	F63F1B
	lt blue: 5B87F2
	green: 009966;
	
*/

body {
	font-family: Arial, Helvetica, Sans;
	font-size: 9pt;
	color: #000;
	width: 760px;
}

#tip {
	color: #333333;
}

#tip a {
	color: #333333;
}

/* Block Elements & Navigation */
#tabs {
	float: left;
}

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

#tabs li {
	float: left;
	color: #fff;
	background-color: #87CD7F;
	margin-right: 1px;
}

#tabs li.selected {
	display: inline;
	color: #fff;
	background-color: #EC924F;
}

#tabs a {
	display: block;
	text-decoration: none;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	color: #fff;
}

#user {
	float: right;
	padding-top: 0px;
}

#workspace {
	float: left;
	background-color: #dedede;
	width: 509px;
	_width: 499px;
	height: 400px;
	padding: 10px;
	overflow: auto;
}

#sidebar {
	float: left;
	background-color: #dedede;
	width: 230px;
	_width: 240px;
	height: 400px;
	border-left: 1px solid #CCC;
	padding-top: 10px;
	padding-bottom: 10px;

}
#errors {
	float: left;
	clear: both;
	margin-top: 20px;
	padding: 20px;
	margin-bottom: 20px;
	background-color: #dedede;
	width: 100%;
	text-align: center;
}

#errors h1 {
	font-size: 11pt;
}

#errors ul {
	float: left;
	list-style: none;

	margin: 0;

}

#errors li {
	display: block;

	text-align: center;
}

#sidebar .block {
	padding: 5px;
}

#sidebar h1 {
	display: block;
	width: 195;
	padding: 5px;
	background-color: #009966;
	font-size: 10pt;
	font-weight: bold;
	color: #fff;
}

#sidebar h1 a {
	display: block;
	width: 195;
	padding: 5px;
	background-color: #009966;
	font-size: 10pt;
	font-weight: bold;
	color: #fff;
	text-decoration: underline;
}

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

#sidebar li {
	text-align: middle;
	padding-bottom: 5px;
}

#sidebar li img { 
	vertical-align: middle; 
}

#toolbar {
	float: left;
	height:27px;
	width: 755px;
	color: #fff;
	background-color: #EC924F;
	padding-left: 5px;
	padding-top: 3px;
}

#toolbar ul {
	float: left;
	display: block;
	margin: 0px;
	margin-top: 1px;
	padding: 0px;

	list-style-type: none;
}

#toolbar li {
	float: left;
	display: inline;
	padding: 5px;
	padding-right: 10px;
}

#toolbar a {
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}

#faq {
	float: left;
	margin-left: 37px;
	margin-top: 30px;
	width: 400px;
	clear: both;
}


#faq p {
	margin: 0px;
	margin-bottom: 10px;
}

#faq h1 {
	font-size: 11pt;
	margin: 0px;
	padding-top: 20px;
}

#right_sidebar h1 {
	color: #fff;
}

#signup label {
	display: block;
	float: left;
}

#signup h1 {
	float: left;
	width: 100%;
	clear: both;
	color: #fff;
	font-size: 12pt;
	padding: 3px;
	background-color: #EC924F;
}

.tools ul {
	float: right;
	display: block;
	margin:0;
	padding:0;
	list-style: none;
}

.tools li {
	float: left;
	display: inline;
}

.tools li a {
	display: block;
	margin: 2px;
	padding: 2px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #EC924F;
	color: #fff;
	text-decoration: none;
	border: 1px solid #fff;
	font-weight: bold;
}

/* Editor Elements */

.thumbnail, .thumbnail-selected {
	float: left;
	
	width: 83px;
	padding: 5px;
	margin-right: 1px;
}

.thumbnail img, .thumbnail-selected img {
	float: left;
	padding: 2px;
}

.thumbnail h1, .thumbnail-selected h1 {
	float: left;
	font-size: 8pt;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

.thumbnail-selected {
	background-color: #fff881;
}

.thumbnail-drag {
	background-color: #fff881;
}

.book, .book-selected {
	float: left;
	width: 100%;
	margin-bottom: 4px;
	background-color: #efefef;
}

.book .details, .book-selected .details {
	float: left;
}

.book img, .book-selected img {
	float: left;
	margin-right: 5px;
}

.book h1, .book-selected h1 {
	padding: 0;
	margin: 0;
	margin-top: 5px;
	font-size: 12pt;
}

.book-selected {
	background-color: #cccccc;
}

#photo_library {
	overflow: auto;
	height: 350px;
}