/* BBYO Program Bank Styles
----------------------------------------- */

body {
	background-color: #1C1C1C;
	font-size: 13px;
	font-family: arial, helvetica, sans-serif;
}

a {
	color: #592673;
	text-decoration: none;
}
	
.clearfix{
	clear: both;
}

#content{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	color: #575757;
}

#top a{
	color: #F6BF2B;
	text-decoration: none;
	padding: 0px 15px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
}

#content2{
	background-color: #323232;
	margin-top: 10px;
	background-image: url('/images/admin/content-middle.gif');
}

#main{
	background-color: white;
	width: 961px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

#menu{
	background-image: url('/images/admin/menu-bg.gif');
	background-repeat: repeat-x;
	height: 26px;
	padding: 15px 10px;
	color: #592673;
}

#menu a{
	color: #592673;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0px 15px;
	font-weight: bold;
	font-size: 14px;
}

#menu a:hover{
	color: #FAB9FF;
	text-transform: uppercase;
}

#menu form{
	float: right;
	margin: 0px;
	margin-top: -25px;
	padding: 0;
	position: relative;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++ left column ++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ left column ++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ left column ++++++++++++++++++++++++++++++++++++++ */

#left-column{
	float: left;
	padding: 0px;
	margin: 0;
	width: 247px;
	background: url('/images/admin/panel-bottom.gif') left bottom repeat-x;
	background-color: #FCFBFC;
	overflow: visible;
}

.panel{
	padding: 0;
	min-height: 114px;
	background-image: url('/images/admin/panel-bg.gif');
	/*background-color: #FCFBFC;*/
	background-position: top left;
	background-repeat: repeat-x;
}

.panel-content{
	margin-top: 10px;
	background-color: #F7EAFD;
	border: 1px solid #CAC0CF;
	min-height: 1px;
	height: 1%;
	position: relative;
	display: block;
	width: 220px;
}

.panel-content h1{
	background-color: #E3E3E3;
	margin: 0;
	padding: 15px;
	font-size: 18px;
	color: #565555;
}

.panel-content h1 a{
	color: #962A9A;
	font-size: 18px;
	text-transform: none;
	text-decoration: none;
}

.panel-content ul{
	list-style-type: none;
	margin: 0;
	padding: 10px;
	position: relative;
}

.panel-content ul hr{
	background-color: #C7C7C7;
	color: #C7C7C7;
	width: 150px;
}

.panel-content li{
	color: #592673;
	font-weight: 500;
	font-size: 16px;
	position: relative;
}

.panel-content li a{
	color: #592673;
	text-decoration: none;
}

.panel-content li form{
	margin-bottom: 30px;
}

.panel-content li img{
	margin-right: 20px;
	vertical-align: top;
}

.panel-bottom{
	/*height: 68px;*/
	background-image: url('/images/admin/panel-bottom.gif');
	/*background-color: #FCFBFC;*/
	background-position: bottom left;
	background-repeat: repeat-x;
	border-bottom: 1px solid white;
	padding: 10px;
	position: relative;
	
}

#program_browse select {
	width: 200px;
}

#loginBox ul {
	padding: 0 !important;
}

.dynaTabs {
	border-top: 0;
}

.dynaTabs li {
}

.dynaTabs li a {
	border-top: 1px solid #cac0cf;
	border-bottom: 1px solid #cac0cf;
	background: #592673;
	color: #F7EAFD;
}

.tabSet {
	padding-top: 31px;
}

.dynaTabs li.tabs-selected a {
	border-bottom: none;
	color: #592673;
	background-color: #F7EAFD
}
ul.left_main_menu li, ul#program_browse li {
	clear: both;
	display: block;
	position: relative;
}

ul.left_main_menu li a, ul#program_browse li span.centertext{
	display: block;
	float: left;
	padding-top: 6px;
}

ul#program_browse li span.centertext{
	padding-top: 3px;
}

ul.left_main_menu li img, ul#program_browse li img {
	float: left;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++ end left column ++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ end left column ++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ end left column ++++++++++++++++++++++++++++++++++++++ */


/* +++++++++++++++++++++++++++++++++++++++++++++++++ main content +++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ main content +++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ main content +++++++++++++++++++++++++++++++++++++++++ */

#main-content{
	float: left;
	padding: 0px;
	margin: 0;
	width: 714px;
	/*overflow: hidden;*/
}

#interior-content {
	padding: 20px;
	border-left: 1px solid #A7A7A7;
	height: 100%;
}

#featured-event{
	width: 674px;
	/*height: 369px;*/
	background: url('/images/admin/featuredprogram.jpg') no-repeat top left;
	border-bottom: 1px solid white;
	padding: 20px;
	color: white;
	font-size: 14px;
}

#featured-event a{
	color: #F6BF2B;
	text-decoration: none;
}	

#featured-event p{
	line-height: 20px;
	margin: 0 0 10px 0;
	padding: 0;
}

#featured-event h1{
	color: #F6BF2B;
	line-height: 30px;
	font-size: 25px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	width: 320px !important;
}

#featured-event table{
	float: left; 
	list-style-type: none; 
	padding: 0;
	margin:0 20px 0 0;
	font-size: 13px;
	line-height: 16px;
	width: 320px;
	overflow: hidden;
}

#featured-event table tr, #featured-event table tr td {
	border: 0;
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
}

#details{
	float: left;
	line-height: 1.2em;
	width: 674px;
}

#details img{
	margin-right: 20px;
}

#details p{
	font-size: 12px;
}

#featured-event #details p {
	font-size: 13px;
	display: inline;
}

#details h1 {
	width: 355px;
}

#main-pic{
	float: right;
	width: 300px;
	border: 8px solid #fff;
	margin-left: 2px;
	margin-right: 0 !important;
}

#review{
	float: right;
	font-size: 11px;
}

#review p{
	margin: 0;
}

#welcome{
	background-color: #1C041F;
	background-image: url('/images/admin/welcome-bg.gif');
	background-repeat: no-repeat;
	padding: 15px 30px;
	border-bottom: 1px solid #5A166A;
	color: #A49BA5;
	width: 653px;
	font-size: 14px;
}

#welcome p{
	margin: 0;
	padding: 10px 0 0 0;
}

.program_index{
	color: #444444;
	font-size: 13px;
	margin-top: 35px;
}

.program_index_sub {
	width: 100%;
	margin-bottom: -1em;
}

* html .program_index_sub {
	margin-bottom: 0;
}

.program_index_contents {
	width: 570px;
}

.program_index h2, .program_index h2 a {
	color: #582472;
	font-size: 14px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0;
	width: 225px;
	float: left;
	display: inline;
}

h2.large, h2.large a {
	width: 460px;
}

.program_index span, .program_index h2 span, .program_index h2 span a{
	color: #444444;
	font-size: 12px;
	margin: 0;
	display: inline;
	float: none;
	width: auto;
	padding: 0;
	font-weight: normal;
}

.program_index h2 span a{
	color: #582472;
}

.program_index a{
	color: #582472;
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
}

.left a img, .right a img{
	margin-top: 20px;
	margin-left: 60px;
}

.left{
	border-right: 1px solid #A7A7A7;
	padding-right: 10px;
}

.right{
	border-left: 1px solid #FFFFFF;
	padding-left: 10px;
}

#event-list{
	float: left;
	padding: 0px;
	margin: 0;
	width: 712px;
	border: 1px solid #A7A7A7;
	background-color: #E8E8E8;
}

#event-list .featured_img {
	width: 100px;
	float: right;
	border: 3px solid #ccc;
	margin-left: 6px;
	margin-bottom: 6px;
	padding: 6px;
	background: #ffffff;
}

#program_newest {
	width: 355px;
	border-right: 1px solid #A7A7A7;
	float: left;
	display: inline;
	overflow: hidden;
}

#program_most_popular {
	width: 356px;
	overflow: hidden;
	border: 0;
	float:left;
	display: inline;
}

.fp_col_padding {	
	padding: 0 12px 12px 12px;
}

#interior-content img.featured_img {
	width: auto;
	height: 75px;
	border: 3px solid #CCC;
	padding: 8px;
}

a.divider {
	display: block;
	clear: both;
	border-left: 1px solid #a7a7a7;
	border-bottom: 1px solid #a7a7a7;
	padding-left: 10px;
	padding-bottom: 10px;
	width: 100%;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++ end main content +++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ end main content +++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ end main content +++++++++++++++++++++++++++++++++++++++++ */

#foot{
	clear: both;
	background-color: #454545;
	color: white;
	font-size: 13px;
	padding: 20px;
	border-top: 2px solid white;
}

#foot a{
	color: #F6BF2B;
	text-decoration: none;
}

#foot p{
	padding: 2px;
	margin: 0;
}

.add{
	float: left;
	padding-bottom: 15px;
}

#right{
	margin-left: 50px;
}	

#links{
	float: right;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++ program form +++++++++++++++++++++++++++++++++++++++++ */

#programsubmit p, #working_speaker_agency p {
	margin-bottom: 10px;
}

#programsubmit p span, #working_speaker_agency p span {
	width: 195px;
	float: left;
	display: block;
	margin-right: 15px;
	font-size: 14px;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++ tooltips +++++++++++++++++++++++++++++++++++++++++ */

.toolTip, #programsearch p span.toolTip, #programsubmit p span.toolTip, #working_speaker_agency p span.toolTip { 
	padding-right: 20px; 
	background: transparent url(/images/admin/help.gif) no-repeat right;
	cursor: help; 
	position: relative; 
	height: 16px;
	width: 16px;
	display: inline;
	margin: 5px 0 5px 5px;
	color: #575757;
	min-height: 1px;
	float: right;
}

/* IE HAXX */
/*
* html .toolTip, * html #programsubmit p span.toolTip, #working_speaker_agency p span.toolTip { 
	display: inline-block;
}
*/
.toolTip span.contents {
	display: none !important;
	color: #575757;
	min-height: 1px;
}

.toolTipWrapper { 
	width: 250px;
	position: absolute; 
	top: 10px;
	display: visible; 
	font-weight: bold;
	font-size: 9pt; 
	padding: 8px;
	border: 1px solid #592673;
	background-color: #F7EAFD;
	overflow: hidden;
	color: #575757;
}

.toolTipWrapper ul, .toolTipWrapper ul li{ 
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding-bottom: 3px;
	color: #575757;
}

.toolTipWrapper iframe { /* iframe to underlay the tooltip and hide select elements in IE */
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	/*filter:mask();must have*/
	width:3000px;/*must have for any big value*/
	height:3000px/*must have for any big value*/;
	background: transparent;
	border: 0;
}
	 
#programsubmit p, #working_speaker_agency p {
	clear: left;
}

#programsubmit p input[type="text"], #programsubmit p input[type="password"], #programsubmit p textarea, 
#working_speaker_agency p input[type="text"], #working_speaker_agency p input[type="password"], #working_speaker_agency p textarea {
	width: 250px;
}

#programsubmit p textarea,
#working_speaker_agency p textarea {
	height: 75px;
}

#programsubmit p textarea.large, 	
#working_speaker_agency p textarea.large {	
	width: 400px;
	height: 250px;
}

#programsubmit select,
#working_speaker_agency select {
	width: 250px;
}

p.select_150 select {
	width: 120px !important;
}

#programsubmit b.error,
#working_speaker_agency b.error {
	width: 20px;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}

#program_media {
	float: left;
	width: 200px;
	font-size: 12px;
	margin-left: 15px;
}

#program_edit_documents {
	float: left;
	font-size: 12px;
	width: 300px;
}

#programsubmit .remove,
#working_speaker_agency .remove {
	display: block;
	float: left;
	width: 15px;
	height: 15px;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer;
}	

#programsubmit a.remove,
#working_speaker_agency a.remove {
	background: url(/images/admin/cancel.gif) no-repeat 0 0;
}

#programsubmit a.remove:hover,
#working_speaker_agency a.remove:hover {
	background-position: 0 -15px;
}

.textarea_hidden {
	position: absolute;
	left: -10000px;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++ program display +++++++++++++++++++++++++++++++++++++++++ */

h2 span.edit, h2 span.edit a {
	font-size: 12px !important;
	margin-left: 12px !important;
	float: none;
}

h2.program_title {
	margin-bottom: 0;
	color: #592673;
	font-size: 24px;
	margin-top: 8px;
}

p.program_owner {
	margin-top: 0;
}

ul.program_props, ul.program_props li {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}

ul.program_props li {
	display: block;
	clear: left;
}

span.program_element {
	display: block;
	float: left;
	width: 155px;
	color: #333333;
}

.free_text {
	display: block;
	float: left;
	color: #333333;
	margin-right: 20px;
}

.program_text {
	font-size: 14px;
}	

.program_text table tr td p {
	padding: 0;
	margin: 0;
}

div#program_images {
	width: 350px;
	border: 0;
	margin: 0;
	padding: 0;
}


ul.image_thumbs {
	margin: 0;
	padding: 0;
}

ul.image_thumbs li {
	list-style-type: none;
	float: left;
	display: block;
	padding: 4px;
	width: 108px;
	height: 108px;
	
}

ul.image_thumbs li img {
	width: 100px;
	height: 100px;
	border: 4px solid #fff;
}

div#enlarge_image {
	width: 340px;
	margin: 0;
	padding-left: 8px;
	height: 1px; #ie
}

.image_enlarged {
	width: 332px;
}

.active_thumb {
	border: 4px solid #CAC0CF !important;
}

#program_documents {
	padding-left: 8px;
	padding-top: 15px;
	padding-bottom: 15px;
	clear: left;
	width: 342px;
	overflow: hidden;
}

* html #program_documents {
	/* IE ellipsis hack */
	text-overflow: ellipsis;
}

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


.featured_program_title {
	display: block;
	float: left;
	width: 170px;
}

.program_index div.rating_box {
	font-size: 10px;
	display: inline;
	float: right;
	width: 95px;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++ user page +++++++++++++++++++++++++++++++++++++++++ */
.event h5 {
	margin-top: 0;
	padding: 12px;
	font-size: 18px;
	color: #565555;
	border-bottom: 1px solid #565555;
}	

#my_programs {
	border: 1px solid #A7A7A7;
	background-color: #E8E8E8;
	width: 100%;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++ search +++++++++++++++++++++++++++++++++++++++++ */
.search_highlight {
	background-color: #962A9A !important;
	color: #fff !important;
}

#programsearch p span {
	width: 120px;
	float: left;
	display: block;
	margin-right: 5px;
}

#programsearch p {
	clear: left;
}

#programsearch p input[type="text"], #programsearch p input[type="password"], #programsearch p textarea {
	width: 170px;
}

#programsearch p textarea {
	height: 40px;
}

#programsearch select {
	width: 170px;
}


.box_selects select {
	width: 150px;
}

#sort_options {
	background: #962A9A;
	font-size: 10px;
	height: 20px;
	margin-bottom: -16px;
	color: #fff;
	padding-top: 2px;
}

#sort_options select {
	float: right;
	font-size: 10px;
	height: 16px;
	margin-right: 3px;
}	

#sort_options h2 {
	margin: 0 0 0 3px;
	font-size: 14px;
}


/* Print */

#printTemplate #foot {
	background-color: #fff;
	color: #575757;
}

#printTemplate #foot a {
	color: #592673;
}

.suggestions {
	position: absolute;
}

.suggest_bg {
	opacity: 0.75;
	position: absolute;
	filter: alpha(opacity=75);
	width: 200px;
	background-color: #eee;
	border: 1px solid #ccc;
	height: 150px;
}

.suggest_words {
	background-color: transparent;
	position: absolute;
	z-index: 2;
	width: 200px;
	height: 150px;
	overflow-y: auto;
}

.elem_title {
	float: left;
	width: 165px;
	padding-left: 14px;
	display: table-cell;
	padding-bottom: 5px;
}

.elem_value {
	float: left;
	display: table-cell;
	width: 400px;
	padding-bottom: 5px;	
}

#browse_pages {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

h3 #browse_pages {
	display: inline;
	margin-left: 40px;
	margin-right: 0;
	float: right;
}