/*---PLAN STYLES---*/

#plan {
	width:867px;
	margin:0px auto;
}

#plan_header {
	background: url(../../images/header_bg.jpg) no-repeat;	
	height:42px;
	font-weight:bold;
	padding-left:15px;	
	margin-bottom:12px;
	font-size:14px;
	font-weight:bold;
}

#plan_header_1 {  /*---Name this Worship Plan label---*/
	padding-top:11px;
	padding-left:3px;
	float:left;	
}

#plan_header_2 { /*---Worship Plan name text field---*/
	padding-top:3px;
	padding-left:5px;	
	float:left;
}

#plan_header_3 { /*---Worship Plan Date label---*/
	padding-top:11px;
	padding-left:15px;
	float:left;	
}

#plan_header_4 { /*---Worship Plan date text field---*/
	padding-top:3px;
	padding-left:5px;	
	float:left;
}

#plan_header_5 { /*---Worship Plan date picker---*/
	padding-top:11px;
	padding-left:5px;	
	float:left;
}

#plan_header_6 { /*---"Create" button---*/
	padding-top:4px;
	padding-left:17px;
	float:left;	
}

#plan_left {
	float:left;
	width: 555px;
	margin-right:18px;
}

.plan_left_top {
	background: url(../../images/plan/plan_left_top_bg.jpg) no-repeat;	
	height:16px;
}

.plan_left_mid {
	border-left:1px solid #Bdbdbd;
	border-right:1px solid #Bdbdbd;
	width:523px;
	padding-left:15px;
	padding-right:15px;
	min-height:510px;
  	height:auto !important; 
  	height:510px; /*IE 6 height */	
}

.plan_left_bottom {
	background: url(../../images/plan/plan_left_bottom_bg.jpg) no-repeat;	
	height:16px;
}

#plan_right {
	float:right;
	width:294px;
}

.plan_right_top {
	background: url(../../images/plan/plan_right_top_bg.jpg) no-repeat;	
	height:16px;
}

.plan_right_mid {
	border-left:1px solid #Bdbdbd;
	border-right:1px solid #Bdbdbd;
	width:284px;
	padding-left:4px;
	padding-right:4px;
	min-height:510px;
  	height:auto !important; 
  	height:510px; /*IE 6 height */	
}

.plan_right_bottom {
	background: url(../../images/plan/plan_right_bottom_bg.jpg) no-repeat;	
	height:16px;
}


#plan_other {
	margin:0px 1px 0px 1px;
	border-top:1px dotted #B4B4B4;
	border-bottom:1px dotted #B4B4B4;
	border-left:1px solid #D9D8D8;
	border-right:1px solid #D9D8D8;
	font-size:11px;
	padding:4px 29px 7px 7px!important;	
	background: #fff url(../../images/plan/add.jpg) no-repeat;
	background-position:right;
}

.plan_input {
	background:#d1d1d1;
}



/*Plan Display Styles - LEFT */

.plan_left_plan {
	height:446px;
	overflow:auto;
	margin:0px!important;
	position:relative;
}

.plan_left_totals{
	position:relative;
	background: url(../../images/green_dot.gif) repeat-x;
	background-position:top;
	padding-right:34px;
	padding-top:5px;
	width:489px;
}

.plan_left_totals img{
	float:right;
}

.plan_green_head {
	position:relative;
	background: url(../../images/plan/plan_green_head.jpg) repeat-x;
	border:1px solid #CAC9C9;
	height:23px;
	padding-left:7px;
	padding-top:5px;
	margin-top:5px;	
}

.plan_blue_head {
	position:relative;
	background: url(../../images/plan/plan_blue_head.jpg) repeat-x;
	border:1px solid #CAC9C9;
	height:23px;
	padding-left:7px;
	padding-top:5px;
	margin-top:5px;		
}

.time {
	position:absolute;
	width:80px;
	text-align:right;
	font-size:11px;
	font-weight:bold;
	right:114px;
	padding-top:2px;
}

.timeEdit {
	position:absolute;
	width:35px;
	text-align:right;
	font-size:11px;
	font-weight:bold;
	right:114px;
	padding-top:2px;
}

.timeLabel {
	position:absolute;
	width:35px;
	text-align:right;
	font-size:11px;
	font-weight:bold;
	right:150px;
	padding-top:2px;
}

.total {
	position:absolute;
	width:150px;
	text-align:right;
	font-size:11px;
	font-weight:bold;
	right:152px;
	padding-top:9px;
}

.purchase {
	position:absolute;
	width:250px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	right:152px;
	padding-top:9px;
}


.purchase a {
	color:#D6603A;
	text-decoration:none;
}


.delete {
	position:absolute;
	right:10px;
	padding-top:1px
}

.notes {
	position:absolute;
	width:52px;
	text-align:right;
	font-size:11px;
	font-weight:bold;
	color:#59638C;
	right:35px;
	padding-top:2px;
	padding-right:8px;
	background: url(../../images/note_icon.gif) no-repeat;
	background-position:right;	
}

.notes a {
	color:#59638C;
	text-decoration:none!important;
}

.notes a:hover {
	color:#59638C;
	text-decoration:underline!important;
}

.arrow_down_green {
	padding-left:0px;
	font-size:16px;
	font-weight:bold;
}

.arrow_right_green {
	padding-left:0px;
	font-size:16px;
	font-weight:bold;
}

.arrow_down_blue {
	padding-left:0px;
	font-size:16px;
	font-weight:bold;
}

.arrow_right_blue {
	padding-left:0px;
	font-size:16px;
	font-weight:bold;
}

.plan_details {
	border-left:1px solid #CAC9C9;
	border-right:1px solid #CAC9C9;
	border-bottom:1px solid #CAC9C9;
	padding-left:27px;
	padding-top:9px;
	padding-bottom:9px;
	font-size:12px;
	font-weight:bold;
}

.plan_details em {
	font-style:italic!important;
	color:#51597E;
	font-weight:bold;
}

.plan_details_right {
	float:right;
	padding-right:5px;
	width:160px;
	position:relative;
}
.note {
	position:absolute;
	left:0px;
	cursor:pointer;
}

.map {
	position:absolute;
	left:46px;
	cursor:pointer;
}

.info {
	position:absolute;
	left:23px;
	cursor:pointer;
}

.legend {
	position:absolute;
	left:74px;
	top:3px;	
	font-size: 9px;
	font-weight: normal;
}	


/*Plan Display Styles - RIGHT */

.plan_active_head {
	background: url(../../images/plan/plan_active_head.jpg) repeat-x;
	height:21px;
	padding-left:35px;
	padding-top:3px;	
	color:#FEFEFE;
	font-size:16px;
	font-weight:bold;
}

.plan_inactive_head {
	background: url(../../images/plan/plan_inactive_head.jpg) repeat-x;
	height:21px;
	padding-left:35px;
	padding-top:3px;	
	color:#4E4E4E;
	font-size:16px;
	font-weight:bold;
	margin-bottom:1px;
}

.plan_add {
	background: #E7EBF5 url(../../images/plan/plan_add_bg.jpg) no-repeat;
	background-position:top;
	margin-top:2px;
	margin-bottom:1px;
	padding-top:4px;	
}

.plan_add_search {
	width:209px;
	margin:0px auto;
	color:#7987AF;
	font-weight:bold;
}

.plan_add_details {
	width:279px;
	height:302px;
	margin:0px auto!important;	
	background: url(../../images/plan/add_details_bg.gif) no-repeat;
}

.plan_add_details_inside {
	position:relative;
	height:298px;
	padding:2px;
	overflow:auto;
}


/*Font Styles */

#plan_left p{
	padding-left:37px!important;
	line-height:0%!important;
	padding-bottom:22px;
}

.plan_left_header {
	font-size:18px;
	background: url(../../images/green_dot.gif);
	background-position:bottom;	
	background-repeat:repeat-x;
	height:25px;
	margin-bottom:6px;
	padding-right:25px;
}

.plan_title {
	font-size:16px;
	padding-right:25px;
}

#worshipPlanDate {
	padding-top:8px;	
}

.arrow_down {
	background: url(../../images/arrow_down.jpg) no-repeat;		
}

.arrow_right {
	background: url(../../images/arrow_right.jpg) no-repeat;		
}

.plan_total {
	color:#D46038;
	font-size:16px;
	font-weight:bold;
	float:right;	
}



/*table styles */

.plan_song_left_results td {
	padding:6px!important;
	font-size:12px;
}

.plan_song_left_results input {
	height:12px;
	width:28px;
	font-size:11px;
	text-align:center;
}

.active_row {
	background:#ECF6D4!important;
}

.plan_add td {
	padding:7px!important;
	font-size:11px;
	border-bottom:1px dotted #B4B4B4;	
}


/*misc styles */

fieldset {
	float:left;
}

#musicSearchResults .odd, #musicSearchResults .even {
	padding:7px!important;
	font-size:11px;
	border-bottom:1px dotted #B4B4B4;	
}

.draggable_area {
	cursor: move;
}

.dragging {
	padding:7px;
	border:1px dashed silver;
	background-color:#E4ECC5;
	background: transparent url(../../images/plan/plan_green_head.jpg) repeat-x scroll 0%;
	font-size:11px;
}

#planDisabled {
	position:absolute;
	background-color:white;
	width:866px;
	height:570px;
	z-index:1;
	opacity:.5;
    -moz-opacity:0.5;
    filter:alpha(opacity=50);
}

.yui-dt-scrollable  { 
    width:272px; /* SET OVERALL WIDTH HERE for ie (make sure columns add up to this total) */ 
}

.yui-dt-scrollbody { 
    width:30em; 
    height:auto; /* for ie */ 
}

.loading {
	position:absolute;
	padding-left: 120px;
	padding-top: 100px;
}

.worshipPlanSpacer {
	display:none;height:80px;
}

.worshipPlanSpacerOver {
	display:block;height:80px;
}

.downloadable {
	font-weight:bold;
}

.plan_print_icon {
	position:absolute;
	right:40px;
	top:3px;
}

#plan_print {
	position:absolute;
	left:405px;
	top:6px;
	width:100px;
	padding:0px!important;
	margin:0px!important;
	font-size:14px;
	font-weight:bold;
	text-align:right;
}

#plan_print a {
	color:#D6603A;
	text-decoration:none;
}

#plan_print a:hover {
	color:#D6603A;
	text-decoration:underline;
}
#plan_header_right {
	float:right;
	width:120px;
	position:relative;
	padding-top:11px;
}

.plan_header_right_date {
	position:absolute;
	right:25px;
	top:11px;
}
.plan_left_header {
	font-size:18px;
	background: url(../../images/green_dot.gif);
	background-position:bottom;	
	background-repeat:repeat-x;
	height:25px;
	margin-bottom:6px;
	padding-right:25px;
	position:relative;
}
.star {
	float:left;
}

.choose {
	position:absolute;
	background: url(../../images/cart3.gif) no-repeat;
	width:150px;
	height:15px;
	left:35px;
	top:12px;
	padding-left:22px;
}

.choose a {
	text-decoration:none;
}

.choose a:hover {
	text-decoration:underline;
}