/*** This StyleSheet defines the Left Column elements used in the 2 Column layout of both the Public and Admin sections of the AACTV website ***/

#overview_column {
	float: left;
	width: 569px;
}

#overview_header_bar {
	float: left;
	width: 550px;
	height: 18px;
	background-color: #606060;
	color: #fff;
	padding-top: 3px;
	padding-left: 19px;
	font-size: 14px;
	font-weight: 500;
}

#overview_column .row {
	float: left;
	width: 100%;
	font-size: 11px;
	margin-top: 20px;
}

#overview_column .row_one { margin-top: 15px; }

#overview_column .row .left_column {
	width: 95px;
	text-align: right;	
	font-weight: 600;
	vertical-align: top;
	float: left;
	font-size: 12px;
}

#overview_column .row .right_column {
	margin-left: 10px;
	width: 462px;	
	float: left;
	vertical-align: top;
}

#overview_column #title { 
	font-size: 12px;
	font-weight: 600;
	width: 350px;
	float: left;
}

#overview_column .separator { 
	border-bottom: solid 1px #606060; 
	width: 100%;
	margin-top: 8px;
	margin-bottom: 8px;
	line-height: 1px;
	font-size: 1px;
	clear: both;
	display: block;
}

#overview_column img.title { 
	float: left; 
	margin-right: 4px; 
}

#overview_label {
	color: #000;
	font-size: 12px;
	text-align: right;
}

#overview_titleinfo {
	float: left;
	font-size: 11px;
	padding: 0 3px;
}

#overview_column #overview_titleinfo .label {
	width: 70px;
	text-align: right;
	float: left;
	margin-bottom: 5px;
	clear: left;
	font-size: 12px;
	font-weight: 600;
}

#overview_titleinfo .value {
	width: 180px;
	text-align: left;
	float: left;
	margin-left: 10px;
	margin-bottom: 5px;
}

#overview_titleinfo #hd { float: left;	width: 70px; text-align: right; }

#overview_titleinfo #hd img { float: right; }

#overview_column .right_column p { margin-top: 0; }

#overview_column ul {	margin: 0; padding: 0; list-style: none; }
#overview_column li {	padding-bottom: 3px;  }

#overview_column li a { color: #606060; text-decoration: underline; }
#overview_column li a:hover { text-decoration: none; }


#titles_column {
	float: left;
	width: 569px;
	margin-top: 20px;
	margin-bottom: 30px;
}

#titles_column .titles_section_divider 
{
    border-bottom: 2px solid #606060;
    color: #606060;
    font-size: 12px;
    font-weight: bold; 
}

#titles_column .titles_section_divider table
{
    width: 100%;
    padding: 0px;
    margin: 0px;
}

#titles_column .titles_section_divider .featured_titles_text 
{
	padding: 0px;
    padding-left: 4px;
    width: 100px;
    text-align: right;
}

#titles_column .titles_section_divider .create_new_title {	
	text-align: right;
	width: auto;
	padding: 0px;
    margin: 0px;
}

#titles_column .titles_section_divider .create_new_title a {	
	font-size: 12px;
	color: #02c10f;
}


#titles_column .featured_titles_list_item
{
    border-bottom: 2px solid #606060;
    width: 469px;
    height: 200px;
    margin: 0px;
    margin-left: 100px;
    padding: 10px 0px;
}

#titles_column .featured_titles_list_image
{
    float: left;
    margin-right: 10px;
    height: 200px;
    width: 144px;
    border: 0px;
}

#titles_column .featured_titles_list_name, #titles_column .featured_titles_list_name a 
{
    font-size: 12px;
    font-weight: bold;
    color: #606060;
    margin-bottom: 6px;
}

#titles_column .featured_titles_list_details 
{
    font-size: 12px;
    line-height: 1.5em;
}

#titles_column .screener_list_item
{
    border-bottom: 2px solid #606060;
    width: 400px;
    margin: 0px;
    margin-left: 100px;
    padding: 10px 0px;
}

#titles_column .screener_list_image
{
    margin-right: 10px;
    border: 0px;
}

#titles_column .screener_list_name, #titles_column .screener_list_name a 
{
    font-size: 14px;
    font-weight: bold;
    color: #606060;
    margin-bottom: 6px;
}

#titles_column .screener_list_details 
{
    font-size: 14px;
    line-height: 1.5em;
}


#titles_column .more_titles_list_item
{
    border-bottom: 2px solid #606060;
    width: 469px;
    margin: 0px;
    margin-left: 100px;
    padding: 10px 0px;
}

#titles_column .more_titles_list_name, #titles_column .more_titles_list_name a 
{
    font-size: 12px;
    font-weight: bold;
    color: #606060;
    
}

#titles_column .more_titles_list_details 
{
    font-size: 11px;
}

#addCheckedToListPanel
{
    background-color: #e8e8e8;
    font-size: 11px;
    padding: 6px 5px 4px 0;
    width: 450px;
    float: right;   
    display: none;
}

#addCheckedToListPanel #addCheckedToListSubmitButton, #addCheckedToListPanel #addCheckedToListCancelButton, #addCheckedToListPanel #checkAllButton, #addCheckedToListPanel #uncheckAllButton
{
    font-size: 11px;
    background-color: #cac5da;
    color: #000;
    font-weight: normal;
    text-decoration: none;
    vertical-align: middle;
}

#addCheckedToListPanel #addCheckedToListSubmitButton 
{
    padding: 1px 12px;   
    border-bottom: solid 2px #8c8a80;
    border-right: solid 2px #8c8a80;
    border-top: solid 2px #f8f7f1;
    border-left: solid 2px #f8f7f1;    
    
}

.addToListPanel
{
    background-color: #e8e8e8;
    margin-top: -7px;
    margin-left: 348px;
    margin-bottom: 6px;
    padding: 6px 0px 4px 28px;
    font-size: 11px;
    display: none;
    vertical-align: middle;
}

.addToListPanel select
{
    font-size: 10px;
    margin-right: 10px;
    width: 170px;
    vertical-align: middle;
}

.addToListPanel input
{
    font-size: 10px;
    margin-right: 4px;
    background-color: #cac5da;
	font-family: Arial;
	height: 16px;
	vertical-align: middle;
}

.addToListButtonSelected
{
    background-color: #e8e8e8; padding-right: 4px; padding-bottom: 3px;
}


#manageLists_column {
	float: left;
	width: 569px;
	margin-top: 20px;
	margin-bottom: 30px;
    font-size: 12px;
}

#createListButton, .addToListButton 
{
    background-color: #e8e8e8;
}

#addToListBtn 
{
    display: inline; 
    margin-left: 10px;
    padding: 10px 5px 0 6px;
}

#addToListBtn a:link, #addToListBtn a:visited { color: #606060; }

#addCheckedToListDDL 
{
    font-size: 10px;
}

#manageLists_column #addTitle 
{
    width: 278px;
    height: 210px;    
    float: left;
}

#manageLists_column .dropDownList { width: 250px; }

#manageLists_column #addGenre
{
    width: 278px;
    height: 210px;    
    margin: 0 0 25px 13px;
    float: left;
    clear: right;
}

#manageLists_column .listOptions 
{
    width: 539px;
    text-align: right;
    border-bottom: solid 1px #e8e8e8;
    margin-left: 30px;
    padding-bottom: 3px;
}

#manageLists_column .listOptions ul 
{
    display: inline;    
}

#manageLists_column .listOptions ul li
{
    display: inline;
    padding: 0 5px;
    border-right: solid 1px #000;
}

#manageLists_column .listOptions ul li.email 
{
    border: none;
    padding-right: 0px;
}

#manageLists_column .listOptions img { border: none; margin-right: 3px; }

.manageListsTitle
{
    font-size: 16px;
    font-weight: bold;
}

.manageListsSeparator { 
	border-bottom: solid 1px #606060; 
	width: 100%;
	margin-top: 8px;
	margin-bottom: 8px;
	line-height: 1px;
	font-size: 1px;
	clear: both;
	display: block;
}


.myListHeader
{
    color: #000;
    background: url(../images/dhtmlxTree/books_open.gif) no-repeat 2% #e8e8e8;
    margin-left: 30px;
    padding: 6px 0px 6px 36px;
    vertical-align: middle;
    display: block;
}

.myListHeader a
{
    margin-right: 10px;
    margin-left: 0px;
    border: none; 
    float: right;
}

.myListHeader img
{
    margin-right: 4px;
    margin-left: 6px;
    border: none;
    float: right;
}

.myListHeader input
{
    width: 350px;
}

.myListUL
{
    padding-left: 34px;
    margin-left: 34px;
    margin-top: 20px;
    padding-bottom: 10px;
    list-style: none;
}

.myListUL li
{
    margin-bottom: 4px;
}

.myListUL li img
{
    margin-left: 10px;
    border: none;
}

.titleCheckBox { margin-right: 5px; }

.deletingDiv 
{
    margin-top:5px;
    text-align:center;
    font-weight:bold;
    display: none;
}

.deletingDiv img { margin-right: 5px; }


/*** BEGIN ADMIN ITEMS ***/


#admin_overview_column {
	background-color: #CDF2D0;
	border: solid 2px #02c10f;
	margin-top: 10px;
	float: left;
	padding: 10px 10px;
	width: 549px;
}

#admin_overview_header_bar {
	/*float: left;*/
	clear: both;
	width: 530px;
	height: 18px;
	background-color: #bce1c0;
	color: #fff;
	padding-top: 3px;
	padding-left: 19px;
	font-size: 14px;
	font-weight: 500;
}

.admin_row {
	float: left;
	width: 100%;
	font-size: 11px;
	margin-top: 15px;
}

#admin_overview_column .admin_left_column {
	width: 85px;
	text-align: right;	
	vertical-align: top;
	float: left;
	font-size: 12px;
	margin-right: 10px;
}

#admin_overview_column .admin_right_column {
	margin: 0;
	width: 450px;	
	float: left;
	vertical-align: top;
}

.admin_separator { 
	border-bottom: solid 1px #02c10f; 
	width: 100%;
	margin-top: 8px;
	margin-bottom: 8px;
	line-height: 1px;
	font-size: 1px;
	clear: both;
	display: block;
}

.admin_separator_small_width 
{
    width: 446px;
    margin-left: 94px;
    
}


.admin_overview_label {
	color: #000;
	font-size: 11px;
	text-align: left;
	margin-top: 4px;
}

.admin_titleBox { 
	width: 188px; 
	font-size: 11px; 
	float: left;
	border: solid 1px #02c10f;
}

.featureTitle 
{
    float: right; 
}

.admin_similarBox { 
	width: 366px; 
	font-size: 11px; 
	float: left;
	border: solid 1px #02c10f;
}

.admin_welcomeTitlesSearchBox { 
	width: 260px; 
	font-size: 11px;	
	border: solid 1px #02c10f;
}

#logoUpload { 
	border: solid 1px #02c10f;
	padding: 5px 10px;
	width: 250px;
	float: left;
}

#imageUpload { 
	border: solid 1px #02c10f;
	padding: 5px 10px;
	width: 250px;
	float: left;
}

.logoImageFile { float: left; font-size: 11px; }

.logoImageSubmit { float: right; font-size: 11px; }

.admin_titleInfo {
	float: left;
	font-size: 11px;
	padding: 0 3px;
	width: 255px;
	margin-left: 10px;
}

.admin_titleInfo_wider 
{
    width: 336px;
    padding: 0px;
}

.admin_titleInfo .label {
	font-size: 12px;
	float: left;
	width: 60px;
	text-align: right;
	margin: 3px 5px 3px 0;
}

.admin_titleInfo .admin_TextBox {
	float: left;
	font-size: 11px;
	width: 170px;
	margin-bottom: 8px;
	border: solid 1px #02c10f;
}

.admin_titleInfo .value { float: left; }

.admin_TextArea { width: 98%; font-size: 11px; border: solid 1px #02c10f;}
#admin_overview_column .synopsis { height: 150px; } /* used to control height of .admin_TextArea */
#admin_overview_column .cast { height: 50px; } /* used to control height of .admin_TextArea */

.ok_button { font-size: 11px; margin-left: 5px; }

#admin_overview_column ul.admin_similarTitles { margin-top: 10px; } /* used to by Similar Titles on the admin page */

.admin_overview_buttons
{    
    float: right;
    margin-bottom: 7px;
}

.admin_editPage_button{
	width: 112px;
	display: inline;
	float: right;
	margin-bottom: 4px;
	margin-left: 5px;	
}

.admin_deleteTitle_button, .admin_showHide_button {
	width: 120px;
	display: inline;
	float: right;
	margin-bottom: 4px;
	margin-left: 5px;	
}

.admin_archive_button {
	width: 140px;
	display: inline;
	float: right;
	margin-bottom: 4px;
	margin-left: 5px;	
}

.admin_editPage_button img, .admin_showHide_button img, .admin_deleteTitle_button img, .admin_archive_button img {
	border: none;
	padding: 4px 2px 4px 4px;
	vertical-align: middle;
}


.admin_row .admin_overview_submit_buttons 
{
    float: right;
    margin-bottom: 10px;
    margin-right: 2px;
}

.admin_row .admin_upload_submit_buttons 
{
    float: right;
    height: auto;
}

.admin_row .admin_overview_submit_buttons .reset_button
{
    margin-right: 10px;
}

#similarTitlesResults
{
    margin-left: 2px !important;
    margin-top: 2px !important;
    border: solid 1px #02c10f !important;
}

#similarTitlesResults div
{
    font-size: 11px;
    font-family: Arial;
}

#uploaderFrame
{
    margin: 0px;
    padding: 0px;
    border: none;
}

.admin_overviewError 
{
    padding-left: 65px;
}

#similarSearchErrorLabel
{
    color: Red;
    display: block;
    font-size: 12px;
}

a.removeSimilarTitles, a.removeSimilarTitles:visited
{
    font-size: 10px;
    color: #02c10f;
}

.removeSimilarTitles:hover
{
    text-decoration: none;
}

.admin_add_title 
{
    border: 1px solid #02c10f;
    background-color: #ecfaed;
    margin: 6px 0px 6px 100px;
    width: 469px;
    height: 100px;
    padding: 10px 0px;
    display: none;
}

.admin_add_title .admin_add_button
{
    margin-right: 10px;
    margin-top: 6px;
}

.admin_add_title #enterTitleLabel
{
    font-size: 12px;
    margin-right: 0px;
    margin-left: 30px;
    font-weight: bold;
}


/*** END ADMIN ITEMS ***/