/* CLEARFIX
---------------------------------------------------------------*/

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

/* GENERAL
---------------------------------------------------------------*/

#main {
	background:#fff;
	border-left:2px solid #000;
	border-right:2px solid #000;
	float: left;
	font-size: 11px;
	margin:auto;
	padding:0;
	width: 956px !important;
}

#vleft {
	float: left;
	padding: 5px;
	width: 160px;
}

#left {
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	float: left;
	padding: 10px;
	width: 500px;
}

#right {
	float: left;
	padding: 5px;
	width:300px;
}

h3 { margin-bottom: 10px; }

img { border: 0; }

hr { color: #efefef; }

.hilite { color: #f00; }

/* FORM ELEMENTS
---------------------------------------------------------------*/

#entryform table { margin: 0 0 10px 0; }

form p { clear: all; }

form p.indent { padding: 0 0 0 100px; }

form label {
	color: #666;
	float: left;
	padding: 5px 40px 5px 20px;
}

form input.textfield {
	float: left;
	width: 100%;
}

form input.textfield2 {
	float: left;
	font-size: 20px;
	width: 100%;
}


form textarea.textfield.textarea {
	float: left;
	height: 150px;
	width: 100%;
}

form input.button.submit { margin-left: 100px; }

form input#url_title { color: #999; }

form label.status {
	height: 20px;
	width: 20px;
}

form label.status.valid { 
	background: #fff url(/images/tick.png) top left no-repeat;
}

form label.status.invalid {
	background: #fff url(/images/exclamation.png) top left no-repeat;
}

form label.status.loading {
	background: #fff url(/dev/images/icons/spinner.png) top left no-repeat;
}

form ul#category-list,
form ul#category-list li,
form ul#category-list ul,
form ul#category-list ul li {
	list-style: none;
}

form ul#category-list,
form ul#category-list li {
	margin: 0;
	padding: 0;
}

form ul#category-list ul,
form ul#category-list ul li {
	margin: 0 0 0 10px;
	padding: 0;
}

#right input.textfield, #right textarea.textfield.textarea {
	float: left;
	width: 150px;
}

#right label { color: #666; }

#right ul {
	color: #666;
	list-style: none;
	padding: 0;
}

#right ul#categories li {
	background: #fff url(/images/tag_orange.png) top left no-repeat;
	padding: 2px 0 2px 0px;
}

#right ul li.empty {
	background: none;
	padding: 0;
}

/* TAG BROWSER
---------------------------------------------------------------*/

#tag_browse_results {
	background: #fff;
	border: 1px solid #979AC2;
	height: auto !important;
	margin: 5px 0 0 0;
	max-height: 175px;
	min-height: 100px
	overflow: auto;
	padding: 0;
	width: 100%;
}

#tag_browse_results ul,
#tag_browse_results ul li {
	list-style:none;
	margin:0;
	padding:0;
}

#tag_browse_results a,
span.message {
	display:block;
	background:#eee;
	height: 20px;
	padding: 5px 0 0 26px;
}

#tag_browse_results a {
	background: #eee url(/images/tag.gif) no-repeat 5px 50%;
}

span.message {
	background: #eee url(/images/error.gif) no-repeat 5px 50%;
}

span.notify {
	background: #eee url(/dev/themes/tag_themes/default/images/spinner.gif) no-repeat 5px 50%;
}

#tag_browse_results a:hover,
#tag_browse_results a:focus,
#tag_browse_results a:active { 
	background:#fff url(/dev/themes/tag_themes/default/images/tag.gif) no-repeat 5px 50%;
}

/* TOOLTIP
---------------------------------------------------------------*/

div.tipbox { position: relative; }

div.tip {
	color: #333;
	display: none;
	padding: 0;
	position: absolute;
	width: 190px;
	z-index: 10;
}

/* VIDEO PREVIEW/PLAYER
---------------------------------------------------------------*/

#video-preview ul {
	background: #efefef;
	list-style: none;
	padding: 0px;
}

#video-preview ul li {
	float: left;
	height: 140px;
	list-style: none;
	padding: 5px;
	width: 115px;
}

#video-preview ul li a img {
	height: 80px;
	width: 115px;
}

/*#video-player { margin-left: 45px; }*/

#video-player .loading {
	background:#fff url(/images/big_spinner.gif) no-repeat;
	height: 300px;
}

#video-player ul,
#video-player ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

/* RELATED RESULTS
---------------------------------------------------------------*/

#related-results,
#chosen-related {
	border: 1px solid #ddd;
	max-height: 360px;
	min-height: 180px;
	overflow: auto;
}

#related-results ul,
#chosen-related ul {
	list-style: none;
}

#related-results ul li,
#chosen-related ul li {
	float: left;
	height: 160px;
	margin: 0 2px 2px 0;
	text-align: center;
	width: 80px;
}

#related-results ul li:hover,
#chosen-related ul li:hover {
	background: #fff;
}

#related-results ul li a,
#chosen-related ul li a {
	display: block;
}

#related-results ul li img,
#chosen-related ul li img {
	border: 1px solid #ccc;
}

div.related-entry {
	float: left;
	font-size: 11px;
	height: 160px;
	margin: 5px;
	position: relative;
	text-align: center;
	width: 85px;
}

div.related-entry-inform {
	float: left;
	font-size: 11px;
	height: 160px;
	margin: 5px;
	text-align: center;
	width: 85px;
}

div.related-entry-new {
	float: left;
	font-size: 11px;
	height: 160px;
	margin: 5px;
	position: relative;
	text-align: center;
	width: 85px;
}

div.related-entry-tr-old {
	float: left;
	font-size: 11px;
	height: 160px;
	margin: 5px;
	position: relative;
	text-align: center;
	width: 85px;
        background: #AAAAAA;
}

div.related-entry a { color: #000; }

.related-outline {
	border: 1px dashed #666;
	float: left;
	height: 160px !important;
	width: 85px !important;
	z-index: 5;
}

/* SCRAPED IMAGES
---------------------------------------------------------------*/

div.sortable,
div.related-entries {
	background: #efefef;
	border: 1px solid #f0f0f0;
	overflow: auto;
	padding: 5px 0 0 5px;
	width: 100%;
	z-index: 1;
}

div.scraped-image {
	background: #fff;
	border: 1px solid #fff;
	float: left;
	height: 80px;
	margin: 5px 8px 5px 8px;
	position: relative;
	text-align: center;
	vertical-align: middle;
	width: 80px;
}

div.scraped-image span {
	background: #333;
	bottom: 0;
	color: #fff;
	display: block;
	padding: 2px;
	position: absolute;
	right: 0;
}

div.scraped-image a {
	background: #fff url(/images/close.gif) no-repeat 0 0;
	height: 10px;
	position: absolute;
	right: 2px;
	top: 2px;
	width: 10px;
}

.image-outline {
	border: 1px dashed #666;
	float: left;
	height: 80px !important;
	width: 80px !important;
	z-index: 5;
}

#sorted-images,
#scraped-images {
	height: 190px;
	min-height: 190px;
}

#images,
#selected-images
{
	list-style: none;
}

#images li,
#selected-images li
{
	float:left;
	margin-right: 4px;
}

#images li img
#selected-images li a img
{
	border: 1px solid #ccc;
	padding: 4px;
}

#selected-images li
{
	border: 1px solid #fff;
	background-image: url(/images/icons/m_man.gif);
	display: block;
	height: 65px;
	width: 90px;
}

#selected-images li.selected { border: 1px dotted #060; }

#selected-images li.img_over { border: 1px solid #f00; }

#images { height: 75px; }

#images div {
	float: left;
	height: 65px;
	position: absolute;
	width: 100px;
}

/* FORMATTING BUTTONS
---------------------------------------------------------------*/

.buttonMode {
	background-color: transparent;
	color: #73769D;
	font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, sans-serif;
	font-size: 10px;
	white-space: nowrap;
}

.htmlButtonOuter,
.htmlButtonOuterL {
	background-color: #f6f6f6;
	border-bottom: #333 1px solid;
	border-right: #333 1px solid;
	border-top: #333 1px solid;
	padding: 0;
}

.htmlButtonOuterL { border-left: #333 1px solid; }

.htmlButtonInner {
	background-color: transparent;
	border-bottom: #ccc 1px solid;
	border-left: #fff 1px solid;
	border-right: #ccc 1px solid;
	border-top: #fff 1px solid;
	padding: 0 3px 0 3px;
	text-align: center;
}

.htmlButtonOff {
	font-family: Verdana, Arial, Trebuchet MS, Tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 2px 2px 2px;
	white-space: nowrap;
}

.htmlButtonOff a:link {
	color: #000;
	text-decoration: none;
	white-space: nowrap;
}

.htmlButtonOff a:visited { text-decoration: none; }

.htmlButtonOff a:active {
	color: #999;
	text-decoration: none;
}

.htmlButtonOff a:hover {
	background-color: #fff;
	color: #999;
	text-decoration: none;
}

.htmlButtonOn {
	background: #f6f6f6;
	font-family: Verdana, Arial, Trebuchet MS, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 2px 2px 2px;
	white-space: nowrap;
}

.htmlButtonOn a:link {
	color: #990000;
	text-decoration: none;
	white-space: nowrap;
}

.htmlButtonOn a:visited { text-decoration: none; }

.htmlButtonOn a:active {
	color: #999;
	text-decoration: none;
}

.htmlButtonOn a:hover {
	background-color: #fff;
	color: #999;
	text-decoration: none;
}