@CHARSET "UTF-8";

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/
body {
	background-image: url('/img/bg.gif');
	height: 100%;
	position: relative;
}

.errors {
	color: red;
}

.success {
	color: green;
	font-weight: bold;
}

.container_16 {
	background-color: transparent;
}

.clear {
	margin: 0;
}

div.binder_nav {
	height: 55px;
	background-image: url('/img/bg_header.png');
	border-bottom: 1px solid #787878;
	z-index: 9;
	position: relative;
}

div.binder_header {
	width: 100%;
	padding-top: 10px;
}

/*div.my {
	height: 300px;
}*/

div.group {
	height: 333px;
}

div.node {
	height: 125px;
}

div.groupbox {
	height: 162px;
}

div.preview {
	height: 520px;
}

div.binder_content {
	background: #141414 url('/img/bg_content.png') repeat-x;
	border-top: 1px solid #787878;
	/*width: 100%;*/
	padding-top: 15px;
	padding-bottom: 133px;
	min-height: 300px;
	_height: 300px;
	margin-top: 10px;
	/*overflow: auto;*/
}

div.binder_footer { /*position: relative;*/
	bottom: 0;
	/*width: 100%;*/
	height: auto;
	/*overflow: inherit;*/ /*clear: both;*/
	background-color: #000000;
	border-top: 1px solid gray;
	background-color: black;
	/*height: 220px;*/
}

div.binder_footer .vmcopyright {
	margin-top: 20px;
	text-align: center;
	color: gray;
}

/*
div.binder_footer .grid_2 {
	margin-right: 40px;
}
*/
div.binder_footer p {
	font-size: 10px;
}

div.binder_footer .headers {
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 25px;
	color: #dbdbdb;
	font-weight: bold;
}

a {
	color: #eee;
}

.login {
	border: 1px solid gray;
	background-color: #0975bd;
	color: white;
	width: 141px;
}

.input_text {
	border: 1px solid gray;
	background-color: #1b1b1b;
	color: #e4e4e4;
	width: 141px;
}

.input_text_error {
	border: 2px solid red;
}

.input_submit {
	border: 1px solid #0a0a0a;
	background-color: #141414;
	color: #FFFFFF;
	width: 144px;
}

#tooltip,#tooltip>* {
	font-size: 11px !important;
	color: white;
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: black;
	padding: 5px;
	opacity: 0.95;
	width: 200px;
}

#tooltip {
	width: auto;
}

/*
----------------------------------------------------------------------------------------------------*/
#ajaxLoad {
	position: fixed;
	width: 234px;
	display: none;
	top: 0;
	left: 50%;
	margin-left: -117px;
	z-index: 1000;
}

#ajaxLoad #loading {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 16px;
	border: 2px solid white;
	border-top: 0 none;
	background: #272727;
}

#ajaxLoad #oops {
	display: none;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 16px;
	border: 2px solid red;
	border-top: none;
	background: #272727;
}

/* header */
div.binder_nav a,div.header a:visited {
	color: white;
	z-index: 999999;
}

div.binder_nav a:hover {
	color: yellow;
	z-index: 999999;
}

div.binder_nav .logo {
	margin-top: 16px;
	z-index: 999999;
	position: relative;
}

.logout {
	float: right;
	margin-right: 15px;
	position: absolute;
	right: 0;
	z-index: 1101011011;
}

.logout #search {
	position: absolute;
	right: 70px;
}

#q {
	width: 111px;
}

ul.menu li>a {
	display: block;
	z-index: 999999;
}

ul.menu dt {
	font-size: 11px;
	position: absolute;
	top: -8px;
}

ul.menu {
	display: table;
	width: 100%;
	table-layout: fixed;
	z-index: 999999;
}

ul.menu li {
	display: table-cell;
	position: relative;
	padding: 2px 6px;
	z-index: 999999;
}

ul.menu li ul { /*Make the sub list items invisible*/
	display: none;
	position: absolute;
	/*
	max-width: 40ex;
	*/
	margin-left: -6px;
	margin-top: 2px;
	z-index: 999999;
}

.nohover:hover {
	background-color: inherit !important;
}

ul.menu li:hover { /* menu_hover_bg */
	background-color: rgb(49, 40, 30);
}

ul.menu li:hover>ul { /* submenu_hover_bg */
	display: block;
	background-color: rgb(49, 40, 30);
}

.menu ul li a {
	display: block;
	padding: 2px 10px;
}

div.video_window {
	z-index: 9999999;
}

div.video_window a:hover {
	color: orange;
}

div.video_window ul.videos {
	margin-left: 75px;
	margin-top: 5px;
}

div.video_window ul.videos li {
	display: none;
}

div.video_window .additional {
	margin-left: 75px;
	margin-top: 5px;
	background: black;
	width: 435px;
	padding: 8px;
}

div.video_window h1 {
	font-size: 19px;
	color: white;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 75px;
}

div.video_window .additional h2 {
	font-size: 14px;
	color: white;
	margin-bottom: 3px;
}

div.video_window ul.video_nav {
	list-style: none;
}

div.video_window ul.video_nav li {
	margin-left: 12px;
}

ul.menu li:active,.menu ul li a:active {
	background-color: rgb(49, 40, 30);
}

div.binder_nav ul.menu a {
	text-decoration: none;
	display: block;
}

div.binder_nav ul.menu {
	margin-top: 15px;
	font-size: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.binder_nav ul.menu li {
	float: left;
	margin-right: 19px;
}

.smallmenu {
	font-size: 13px;
	padding-top: 7px !important;
}

div.binder_header .intro_img {
	margin: 15px;
	margin-right: 0px;
}

div.binder_header .zend_form dt {
	margin: 0;
	padding: 0;
}

div.binder_header .introducingBinder h1 {
	font-weight: normal;
	font-size: 25px;
	border-bottom: 1px solid #646464;
	width: 340px;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-bottom: 14px;
}

div.binder_header .introducingBinder p {
	margin-top: 15px;
	width: auto;
}

div.binder_header .introducingBinder .grid_4 p {
	margin: 0;
	margin-bottom: 14px;
	text-align: justify;
	width: 210px;
	font-size: 11px;
}

div.binder_header .introducingBinder .right {
	margin-top: 17px;
}

.userutils li {
	margin-bottom: 15px;
	margin-left: 9px;
}

div.binder_header .introducingBinder .right ul li {
	margin-bottom: 15px;
	margin-left: 28px;
}

.userutils li p,div.binder_header .introducingBinder .right ul li p {
	margin: 0;
	margin-bottom: 10px;
}

/* box */
.box p {
	_margin-bottom: 4px;
}

.box { margin: 10px; }


/* compositionBox */
.box.composition {
	width: 800px;
	background: url('/img/box_bg.png') 0 36px repeat-x;
	z-index: 99999;
	margin-top: 5px;
}

.box.composition .top {
	width: 100%;
	height: 36px;
	color: #FFFFFF;
	font-size: 15px;
	font-family: Arial;
	font-weight: bold;
	background: url('../img/box_top.gif') repeat-x;
}

.box.composition .top a {
	color: white;
}

.box.composition .content {
	height: 348px;
	padding: 0 14px;
	background: url('/img/box_content.gif') repeat-y;
	position: relative;
}

.box.composition .bottom {
	height: 10px;
	background: url('/img/box_bottom.png') repeat-x;
}

.box.composition span.title {
	padding-top: 4px;
	float: left;
	margin-left: 10px;
}

.box.composition span.nav {
	height: 23px;
	padding: 0 5px;
	padding-top: 4px;
	float: right;
	margin-right: 12px;
}

.box.composition span.nav.active {
	background-color: #bf790a;
}

.box.composition .compositionDetails {
	width: 540px;
	height: 138px;
	background: #16160f url('/img/bg_compositionDetails.png');
	float: left;
	display: inline;
}

.box.composition .compositionDetails .compositionImage img {
	margin-left: 7px;
}

.box.composition .compositionDetails .compositionImage {
	float: left;
	width: 195px;
	height: 100%;
	/*background-color: #3a3a3a;*/
	margin-right: 20px;
	display: inline;
}

.box.composition .compositionDetails .compositionInfo {
	float: left;
	display: inline;
}

.box.composition .compositionDetails .compositionInfo p {
	max-width: 177px;
}

.box.composition .compositionDetails .compositionButtons {
	float: right;
	margin: 10px;
	text-align: center;
}

.box.composition .categories {
	width: 177px;
	float: right;
}

.box.composition .categories .category {
	_margin-bottom: 4px;
}

.box.composition .categories .category.active {
	font-weight: bold;
}

.box.composition div.items {
	width: 600px;
}

.box.composition .pagination {
	position: absolute;
	bottom: 12px;
	left: 560px;
	float: left;
	margin: 5px;
}

.box.composition div.items table.items {
	float: left;
	width: 540px;
	height: 185px;
	padding: 4px;
	margin-top: 14px;
	display: inline;
	font-size: 9px;
	background-color: #1f1f15;
}

.box.composition div.items table.items td {
	width: 173px
}

.box.composition div.items table.items td img {
	float: left;
}

/* simplebox */
.box.simplebox {
	width: 290px;
	height: 187px;
}

.box.simplebox b#center {
	position: relative;
	float: left;
	border-bottom: 1px solid #424242;
	width: 270px;
}

.box.simplebox .header {
	width: 100%;
	height: 32px;
}

.box.simplebox .header b {
	height: 32px;
}

.box.simplebox .header b#tl { /*tl:top-left*/
	background: url('/img/simplebox_tl.png') no-repeat;
	width: 10px;
	float: left;
}

.box.simplebox .header b#tr {
	background: url('/img/simplebox_tr.png') no-repeat;
	width: 10px;
	float: right;
}

.box.simplebox .header b#center {
	border-top: 1px solid #424242;
	font-size: 16px;
	font-weight: normal;
	padding-top: 4px;
	height: 28px;
}

.box.simplebox .content {
	width: 100%;
	height: auto;
	padding: 10px;
	background: url('/img/simplebox_bg.png') repeat-y;
}

.box.simplebox .footer {
	width: 100%;
	height: 10px;
}

.box.simplebox .footer b {
	float: left;
	height: 10px;
}

.box.simplebox .footer b#bl {
	width: 10px;
	background: url('/img/simplebox_bl.png') no-repeat;
}

.box.simplebox .footer b#br {
	width: 10px;
	background: url('/img/simplebox_br.png') no-repeat;
}

.box.simplebox .footer b#center {
	border-bottom: 1px solid #424242;
}

/* simplebox wide */
.box.simpleboxwide {
	width: 360px;
	height: 187px;
	margin-top: 10px;
}

.box.simpleboxwide b#center {
	position: relative;
	float: left;
	border-bottom: 1px solid #424242;
	width: 340px;
}

.box.simpleboxwide .header {
	width: 100%;
	height: 32px;
}

.box.simpleboxwide .header b {
	height: 32px;
}

.box.simpleboxwide .header b#tl { /*tl:top-left*/
	background: url('/img/simplebox_tl.png') no-repeat;
	width: 10px;
	float: left;
}

.box.simpleboxwide .header b#tr {
	background: url('/img/simplebox_tr.png') no-repeat;
	width: 10px;
	float: right;
}

.box.simpleboxwide .header b#center {
	border-top: 1px solid #424242;
	font-size: 16px;
	font-weight: normal;
	padding-top: 4px;
	height: 28px;
}

.box.simpleboxwide .content {
	width: 100%;
	height: auto;
	padding: 10px;
	background: url('/img/simpleboxwide_bg.png') repeat-y;
}

.box.simpleboxwide .footer {
	width: 100%;
	height: 10px;
}

.box.simpleboxwide .footer b {
	float: left;
	height: 10px;
}

.box.simpleboxwide .footer b#bl {
	width: 10px;
	background: url('/img/simplebox_bl.png') no-repeat;
}

.box.simpleboxwide .footer b#br {
	width: 10px;
	background: url('/img/simplebox_br.png') no-repeat;
}

.box.simpleboxwide .footer b#center {
	border-bottom: 1px solid #424242;
}

/* sidebox */
.box.sidebox {
	width: 146px;
	height: 183px;
	margin-bottom: 10px;
}

.box.sidebox .header {
	width: 100%;
	height: 24px;
	background: url('/img/sidebox_top.png') no-repeat;
	font-size: 18px;
	padding: 3px;
	padding-left: 10px;
}

.box.sidebox .sortcontent {
	height: 50px !important;
}

.box.sidebox .content {
	width: 144px;
	height: 142px;
	border-left: 1px solid #6e6e6e;
	border-right: 1px solid #6e6e6e;
	font-size: 9px;
}

.box.sidebox .content div {
	padding: 2px 4px;
}

.box.sidebox .content div.categories,.box.sidebox .content div.nav {
	font-size: 12px;
}

.box.sidebox .footer {
	width: 100%;
	height: 11px;
	background: url('/img/sidebox_bottom.png') no-repeat;
}

.box.sidebox.sort {
	height: 100px !important;
}

.box.sidebox.auto {
	height: auto;
}

.box.sidebox.auto .content {
	height: auto;
}

.box.sidebox .active {
	font-weight: bold;
}

/* myBinder minibox orange */
.box.minibox {
	width: 144px;
	height: 110px;
	margin: 0px;
}

.box.minibox .header {
	width: 100%;
	height: 19px;
	text-align: center;
	font-weight: bold;
	background: url('/img/minibox_header.png') no-repeat;
}

.box.minibox .content {
	height: 80px;
	border-left: 1px solid #c98308;
	border-right: 1px solid #c98308;
	overflow: hidden;
	padding: 0 3px;
}

.box.minibox .content img {
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
}

.box.minibox .content h1 {
	font-size: 26px;
	padding-top: 20px;
}

.box.minibox .footer {
	width: 100%;
	height: 21px;
	text-align: center;
	font-weight: bold;
	background: url('/img/minibox_footer.png') no-repeat;
}

.miniboxes .grid_3 {
	margin: 20px 10px;
	width: 140px;
}

.box.minibox.blue {
	height: 150px;
	margin-top: 10px;
}

.box.minibox.blue.width_391 {
	width: 391px;
}

.box.minibox.blue .header {
	background: url('/img/minibox_blue_header.png') no-repeat;
}

.box.minibox.blue.width_391 .header {
	background: url('/img/391box_blue_header.png') no-repeat;
}

.box.minibox.blue .footer {
	background: url('/img/minibox_blue_footer.png') no-repeat;
}

.box.minibox.blue.width_391 .footer {
	background: url('/img/391box_blue_footer.png') no-repeat;
}

.box.minibox.blue .content {
	border-left: 1px solid #006f99;
	border-right: 1px solid #006f99;
	border-bottom: 1px solid #006f99;
	height: 95px;
}

.box.minibox.blue.width_391 .content {
	border-bottom: none;
	border-top: 1px solid #006f99;
	height: 108px;
}

/* myBinder minibox orange */
.box.fullbox {
	width: 816px;
}

.box.fullbox .header {
	width: 100%;
	height: 20px;
	background: url('/img/fullbox_header.png') no-repeat;
	padding-left: 30px;
	padding-top: 5px;
}

.box.fullbox .content {
	border-top: 2px solid #654204;
	border-left: 1px solid #c98308;
	border-right: 1px solid #c98308;
	background-color: black;
	padding: 10px;
}

.box.fullbox .footer {
	width: 100%;
	height: 10px;
	background: url('/img/fullbox_footer.png') no-repeat;
}

/* blue */
.box.fullbox.blue .header {
	background: url('/img/fullbox_blue_header.png') no-repeat;
}

.box.fullbox.blue .footer {
	background: url('/img/fullbox_blue_footer.png') no-repeat;
}

.box.fullbox.blue .content {
	border-top: 2px solid #00628a;
	border-left: 1px solid #00628a;
	border-right: 1px solid #00628a;
}

/* fullbox gradient (public compositions, comments) */
.box.fullbox.gradient {
	margin-top: 20px;
	width: 800px;
}

.box.fullbox.gradient .header {
	width: 100%;
	height: 32px;
	background: none;
	padding: 0;
}

.box.fullbox.gradient .header b {
	width: 11px;
	height: 32px;
	margin: 0;
	float: left;
}

.box.fullbox.gradient .header b.tl {
	background: url('/img/fullbox_gradient_tl.png') no-repeat;
}

.box.fullbox.gradient .header b.tr {
	background: url('/img/fullbox_gradient_tr.png') no-repeat;
}

.box.fullbox.gradient .header b.center {
	width: 778px;
	font-size: 20px;
	padding-top: 3px;
	background: url('/img/fullbox_gradient_center.png') repeat-x;
}

.box.fullbox.gradient .content {
	border-top: 2px solid #424242;
	border-left: 1px solid #424242;
	border-right: 1px solid #424242;
	background-color: transparent;
	padding: 10px;
}

.box.fullbox.gradient .footer {
	width: 100%;
	height: 9px;
	background: none;
}

.box.fullbox.gradient .footer b {
	float: left;
	width: 9px;
	height: 9px;
}

.box.fullbox.gradient .footer b.bl {
	background: url('/img/fullbox_gradient_bl.png') no-repeat;
}

.box.fullbox.gradient .footer b.br {
	background: url('/img/fullbox_gradient_br.png') no-repeat;
	float: right;
}

.box.fullbox.gradient .footer b.center {
	width: 782px;
	border-bottom: 1px solid #424242;
}

/* myBinder fatbox */
.box.fatbox {
	width: 800px;
}

.box.fatbox .header {
	width: 100%;
	height: 9px;
	background: url('/img/fatbox_header.png') no-repeat;
}

.box.fatbox .content {
	min-height: 192px;
	_height: 192px;
	border-left: 1px solid #ffa60a;
	border-right: 1px solid #ffa60a;
	background: #090909 url('/img/fatbox_bg.png') repeat-x top;
}

.box.fatbox .footer {
	width: 100%;
	height: 9px;
	background: url('/img/fatbox_footer.png') no-repeat;
}

/* blue */
.box.fatbox.blue .header {
	background: url('/img/fatbox_blue_header.png') no-repeat;
}

.box.fatbox.blue .footer {
	background: url('/img/fatbox_blue_footer.png') no-repeat;
	margin-bottom: 40px;
}

.box.fatbox.blue .content {
	border-left: 1px solid #006f99;
	border-right: 1px solid #006f99;
}

/* myBinder welcome on board */
#welcome_on_board {
	padding: 20px;
	text-align: center;
}

#welcome_on_board h1 {
	font-size: 20px;
}

#welcome_on_board h2 {
	font-style: italic;
	font-size: 18px;
	font-weight: normal;
}

span.views,span.comments,span.favs,span.versions,span.derivations {
	float: left;
	height: 16px;
	margin-right: 15px;
	padding-left: 21px;
}

.stats {
	font-size: 10px;
}

span.views {
	padding-left: 14px;
	background: url('/img/icon_count.png') no-repeat;
}

span.comments {
	background: url('/img/icon_comment.png') no-repeat;
}

span.favs {
	background: url('/img/icon_heart.png') no-repeat;
}

span.versions,span.versions,span.derivations {
	display: none;
}

/* groupbox */
#groupTable {
	width: 798px;
}

.groupItem {
	margin: 0 10px;
	vertical-align: top;
	height: 60px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid rgb(8, 126, 236);
}

.groupItem .groupImage {
	margin: 0;
	width: 80px;
	padding: 3px 5px;
}

.groupItem .groupData .groupDesc {
	color: gray;
}

.groupItem .groupData {
	margin: 0;
	font-size: 12px;
}

.groupItem .groupJoin {
	margin: 0;
	width: 35px;
	font-size: 16px;
	font-weight: bold;
	padding-right: 3px;
}

/*user list*/
.userItem {
	float: left;
	margin: 17px;
	width: 166px;
}

/* preview */
#restoreBinder {
	background: black;
}

.w_preview_comps {
	float: left;
	min-height: 152px;
}

#w_previewStandaloneDetails_text_parent,#w_previewStandaloneDetails_text_categorylist,#w_previewStandaloneDetails_text .stats
	{
	margin: 10px 0;
}

#w_previewStandaloneDetails_text .stats {
	height: 10px;
}

#w_previewStandaloneDetails_text_parent a {
	color: orange;
}

/* node */
.private,.private>strong>a,.private>a {
	color: #ffa500 !important;
}

form#composition *,.composition_detail_data,.composition_detail_title,form#node *,.node_detail_data,.node_detail_title
	{
	width: 440px;
	padding: 0;
	margin: 0 0 0 10px;
}

.composition_detail_title,.node_detail_title {
	font-size: 13px;
}

.composition_detail_data,.node_detail_data {
	margin: 0 0 0 20px;
	color: #959595;
}

.w_composition_details_info,.w_node_details_info {
	margin: 0 10px;
}

.w_node_details_info .nodeUser {
	margin-left: 5px;
}

/*search*/
.search_result {
	margin: 5px 35px;
	font-size: 10px;
}

.search_result a {
	margin-left: -5px;
	font-size: 14px;
}

/*shout*/
.shout {
	color: #959595;
}

.shout.recent {
	color: #C8FF08;
}

/*mybinder links*/
#my_comments,#my_favs {
	cursor: pointer;
}

#my_comments :hover,#my_favs :hover {
	color: orange;
}

.privatecomposition {
	left: 3px;
	position: relative;
	top: -129px;
}

.privatecomposition_details {
	left: 3px;
	position: relative;
	top: -147px;
}

.activitybox img {
	position: relative;
	top: 1px;
}


.tutorialItem
{
	float: left;
	width: 180px;
	height: 120px;
	margin: 0 10px;
}

.userutils { margin-top: 20px; }