BODY {
	text-align:center;
	background:transparent url('/images/layouts/njo2009/bg_pattern.jpg') repeat fixed top left;
	font-family:Helvetica,Verdana,Arial; 
	font-size:12px;
	line-height:16px;
	margin-top:0px;padding:0;
	margin-bottom:50px;
	color: #222;
}

A, A:link, A:hover, A:visited, A:visited:hover, A:active { 
	color: #222;
}
A:hover, A:visited:hover, A.selected, A.selected:hover, A.selected:visited { 
	color:#fe7700;
}

H1, H2, H3 { font-family: Times, 'New Times Roman', serif; font-weight:bold; }
H1	{ font-size:22px; line-height:25px; margin:0 0 12px 0; }
H2	{ font-size:15px; line-height:15px; margin:0 0 5px 0; }
H3	{ font-family:Helvetica,Verdana,Arial; font-size:13px; line-height:14px; margin:0 0 4px 0; }

PRE.h1_first { font-size:30px; }

TD,TH	{ padding:7px 12px 6px 0; vertical-align:top }
TH		{ text-align:left; }
TABLE { 
	margin:0 0 15px 0;
	border-collapse:collapse; /* IE6+7*/
}

P 		{ margin:0 0 12px 0; }

UL { margin:0; }
LI { list-style:none; margin-bottom:2px; }

TEXTAREA { font-family:Helvetica,Verdana,Arial; font-size:12px; line-height:15px; padding:5px; }

DIV.hr {
	background-color:#e6e8e7;
	width:100%;
	height:6px;
	margin:0 0 23px 0;
	overflow:hidden;
}

DIV.vertical_space {
	width:100%;
	height:10px;
	margin:0;
}

.float { float:left; }
.float_right { float:right; }
.scroll { overflow:auto; }

.pad_left 	{ padding-left:30px; }
.pad_right 	{ padding-right:30px; }
.margin_bottom { margin-bottom:15px; }

.itallic { font-style:italic; }

.center_content { text-align:center; }

.warning { color:#b50000;}

.comment { font-size:11px; font-style:italic; margin-bottom:3px; color:#454545; }

.breaker {
	float:none;
	clear:both;
	height:0!important; /* ie6 */
	overflow:hidden;
	visibility:hidden;
	display:block;
}

.tinted_bg {
	/*background:#cadadb;*/
	background-color:#f0eeea;
	/*effafa;*/
}

.text_right{ text-align:right; }

DIV.image_comment {
	position:absolute; right:0; top:0;
	padding:2px 6px 2px 6px;
	background-color:#8A868D; opacity:0.5;
	font-size:11px; font-style:italic;
}

TABLE.info {}
TABLE.info TR TD { padding:0 0 3px 0; }


/* LAYOUT */

DIV.container {
	width:795px;
	margin:0 auto;
	height:100%;
	position:relative;
}


DIV.content_padding { /*width:735px*/
	width:675px;
	margin:0 30px 0 30px;
}


DIV.content_padding_half { /*width:367px*/
	width:307px;
	margin:0 30px 0 30px;
	padding-right:15px;
	text-align:left; /* ie6 */
	display: inline; /* ie6 double margin bug */
}


DIV.content_padding_large_text {
	font-size:13px; line-height:18px;
	width:400px;
	margin:0 30px 0 30px;
	padding-right:15px;
	text-align:left; /* ie6 */
	display: inline; /* ie6 double margin bug */
}


DIV.full_text {
	font-size:13px; line-height:18px;
	width:400px;
	margin:0 30px 0 30px;
	padding-right:15px;
}


#top {
	background: url('/images/layouts/njo2009/top.png') no-repeat top left;
	height:187px;
	position:relative;
}

#logo {
	background: url('/images/layouts/njo2009/logo.jpg') no-repeat top left;
	position:absolute; left:54px; top:89px;
	width:174px; height:81px;
}

#top_left {
	background: url('/images/layouts/njo2009/top_left.png') no-repeat top left;
	position:absolute; left:-106px;
	width:106px; height:252px;
}

#top_right {
	background: url('/images/layouts/njo2009/top_right.png') no-repeat top left;
	position:absolute; right:-17px;
	width:17px; height:49px;
}

#top_lowerleft {
	background: url('/images/layouts/njo2009/top_lowerleft.png') no-repeat top left;
	position:absolute; left:0px; top:187px;
	width:30px; height:168px;
	z-index: -1
}

#top_lowerright {
	background: url('/images/layouts/njo2009/top_lowerright.png') no-repeat top left;
	position:absolute; top:187px; right:0px;
	width:30px; height:85px;
	z-index: -1
}

#content {
	background:#f7fbfb url('/images/layouts/njo2009/content_bottom.jpg') no-repeat bottom;
	width: 735px; height:100%;
	margin: 0 30px 0 30px;
	position:relative;
	text-align:left;sa
}

#shadow_left {
	background: url('/images/layouts/njo2009/shadow_left.png') repeat top left;
	position:absolute; top:0; left:-30px;
	width:30px; height:100%;
}

#shadow_right {
	background: url('/images/layouts/njo2009/shadow_right.png') repeat-y top left;
	position:absolute; top:0; right:-30px;
	width:30px; height:100%;
}

#bottom {
	background:url('/images/layouts/njo2009/bottom.png') no-repeat top left;
	width:735px; height:93px;
	position:relative;
	margin:0 30px 0 30px;
}

#bottom_left {
	background:url('/images/layouts/njo2009/bottom_left.png') no-repeat top left;
	position:absolute; top:-128px; left:-30px;
	width:30px; height:183px;
	z-index: -1
}

#bottom_right {
	background:url('/images/layouts/njo2009/bottom_right.png') no-repeat top left;
	position:absolute; top:-128px; right:-30px;
	width:30px; height:176px;
	z-index: -1
}



/* MENU */

DIV#menu_box {
	font-family:Times, New Times Roman, serif;
	font-size:13px;
	font-weight:bold;

	float:right;
	margin:147px 36px 0 0;
	padding-right:10px;
	width:600px;
	height:30px;
}

UL#menu {
	list-style:none;
	padding:0;
	margin:0;
}

UL#menu LI 	{ float:right; }

UL#menu LI A {
	
	text-decoration:none;
	display:block;
	padding:6px 16px 6px 16px;
}


/* FORMS */

DIV.form_field_unit {
	float:left;
	width:416px;
	padding-bottom:10px;
}

DIV.form_field_half {
	float:left;
	width:208px;
	padding-bottom:10px;
}

DIV.form_field_comment {
	width:200px;
	float:left;
	font-style:italic;
	font-size:11px;
	padding-top:19px;
}

DIV.last_field {
	float:none;
	clear: both;
}

LABEL {
	padding-left:1px;
}


/* PAILS FORMS */

DIV.field_with_errors {
	display:inline;
	margin:0;
	padding: 0 17px 0 0;
	background:url( '/images/layouts/njo2009/error_field.jpg') no-repeat center right;
}

DIV.errorExplanation {
	font-family:'Helvetica New', Helvetica, sans-serif; font-style:italic;
	background:#e3ebeb;
	width:363px;
	padding:15px 15px 6px 15px;
	margin-bottom:15px;
}

DIV.errorExplanation UL LI {
	color:#B50000;
}

DIV.errorExplanation H2 {
	font-family:'Helvetica New', Helvetica, sans-serif; color:#50030C; font-style:none;
}


/* BUTTONS */

.button {
	display:block;
	position:relative;
	*position:static; /* IE6+7 */
	width:23px; height:22px;
	text-decoration:none;
	margin-right:10px;
}

.float 			{ float:left; }
.float_right 	{ float:right; }
.last 			{ padding-right:0px; margin-right:0px; }

.add 			{ background:url('/images/layouts/njo2009/buttons/add.gif') no-repeat top left; }
.add:hover 		{ background:url('/images/layouts/njo2009/buttons/add_over.gif') no-repeat top left; }

.show 			{ background:url('/images/layouts/njo2009/buttons/show.gif') no-repeat top left;}
.show:hover 	{ background:url('/images/layouts/njo2009/buttons/show_over.gif') no-repeat top left; }

.edit 			{ background:url('/images/layouts/njo2009/buttons/edit.gif') no-repeat top left; }
.edit:hover 	{ background:url('/images/layouts/njo2009/buttons/edit_over.gif') no-repeat top left; }

.destroy 		{ background:url('/images/layouts/njo2009/buttons/destroy.gif') no-repeat top left; }
.destroy:hover 	{ background:url('/images/layouts/njo2009/buttons/destroy_over.gif') no-repeat top left; }

.up 			{ background:url('/images/layouts/njo2009/buttons/up.gif') no-repeat top left; }
.up:hover 		{ background:url('/images/layouts/njo2009/buttons/up_over.gif') no-repeat top left; }

.down 			{ background:url('/images/layouts/njo2009/buttons/down.gif') no-repeat top left; }
.down:hover 	{ background:url('/images/layouts/njo2009/buttons/down_over.gif') no-repeat top left; }

.back 			{ background:url('/images/layouts/njo2009/buttons/back.gif') no-repeat top left; }
.back:hover 	{ background:url('/images/layouts/njo2009/buttons/back_over.gif') no-repeat top left; }

.level_up 		{ background:url('/images/layouts/njo2009/buttons/level_up.gif') no-repeat top left; }
.level_up:hover { background:url('/images/layouts/njo2009/buttons/level_up_over.gif') no-repeat top left; }

.play 			{ background:url('/images/layouts/njo2009/buttons/play.gif') no-repeat top left; }
.play:hover 	{ background:url('/images/layouts/njo2009/buttons/play_over.gif') no-repeat top left; }

.drag 			{ background:url('/images/layouts/njo2009/buttons/drag.gif') no-repeat top left; width:17px; }
.drag:hover 	{ background:url('/images/layouts/njo2009/buttons/drag_over.gif') no-repeat top left; width:17px; }

.button span { display:none; padding:2px 8px 1px 8px; margin-top:1px; }
.button:hover span {
	display:inline;
	position:absolute; left:32px;
	background:#ffffff;
	border:1px solid #cad7d7;
	color:#6c6c6c;
	opacity:0.8;
	z-index:10;
	*display:none; /* IE6+7 */
}


.trio_link 			{ background:url('/images/layouts/njo2009/trio_link.png') no-repeat top left; width:278px; height:65px; }
.trio_link:hover 	{ background:url('/images/layouts/njo2009/trio_link_over.png') no-repeat top left; }



/* model specific */

DIV.musician_list_item {
	width:735px;
}

DIV.musician_list_item DIV.content {
	width:305px;
	padding:25px 30px 0 30px;
	float:left;
}

DIV.musician_content {
	width:295px;
	padding:20px 30px 0 30px;
	float:left;
}


TABLE.discography {
	padding:0px; margin:0px;
}

TABLE.discography tr td {
	text-align:center;
	padding:0 0 18px 0;
	_padding-bottom:10px; /* IE6 */
}



/* scriptaculous/ajax sortable lists */

DIV.drag_handle {
	/*
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	height:10px;
	background-color:#ccc;
	opacity:.50;
	-moz-opacity:.50;
	*/
}