﻿/* - - - - - - - - - - Playlist List - - - - - - - - - -  */
div.myplaylists{padding:0; margin:0 0 8px 0;}
div.myplaylists div.alert{margin:0 14px;}
div.myplaylists div.content{padding:0; margin:0;}
div.myplaylists div.content h3{padding:6px 0 0 14px; margin:0; font-size:140%; font-weight:normal;}
div.myplaylists div.content div.alert{margin-bottom:15px}

/* - - List Options - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - Styles for the List Options on this page can be- - - - - - - - - - - - - - */
/* - - found in the common style sheet - - - - - - - - - - - - - - - - - - - - -  */
/* - - The bellow style is an exception used only in this section of the site - - */
div.myplaylists div.content div.list_options{padding:15px 0 4px 0;}
/* - - Links - - */
div.myplaylists div.content div.list_options p{padding:0 14px 8px 14px; font-size:85%;}
div.myplaylists div.content div.list_options ul{padding:0 14px 0 14px; float:left; clear:none;}
/* - - Feild - - */
div.myplaylists div.content div.field{padding:0; margin:-8px 14px 8px 0; float:right; clear:none; width:66%; text-align:right; border:none;}
div.myplaylists div.content div.list_options div.field select{margin:0 5px 0 5px;}
div.myplaylists div.content div.list_options div.field input{margin:0 0 0 5px;}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

/* - - Playlist List Item - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div.myplaylists div.playlistListItem{padding:0; margin:0 18px 14px 20px;}
/* - - Boarder/Shadow - - */
div.myplaylists div.playlistListItem div.top{padding:0; margin:0; background-image:url('../images/playlist/listitem_top.gif'); background-position:top; background-repeat:repeat-x;}
div.myplaylists div.playlistListItem div.left{padding:0; margin:0; background-image:url('../images/playlist/listitem_left.gif'); background-position:left; background-repeat:repeat-y;}
div.myplaylists div.playlistListItem div.right{padding:0; margin:0; background-image:url('../images/playlist/listitem_right.gif'); background-position:right; background-repeat:repeat-y;}
div.myplaylists div.playlistListItem div.bottom{padding:0; margin:0; background-image:url('../images/playlist/listitem_bottom.gif'); background-position:bottom; background-repeat:repeat-x;}
div.myplaylists div.playlistListItem div.topleft{padding:0; margin:0; background-image:url('../images/playlist/listitem_topleft.gif'); background-position:top left; background-repeat:no-repeat;}
div.myplaylists div.playlistListItem div.topright{padding:0; margin:0; background-image:url('../images/playlist/listitem_topright.gif'); background-position:top right; background-repeat:no-repeat;}
div.myplaylists div.playlistListItem div.bottomleft{padding:0; margin:0; background-image:url('../images/playlist/listitem_bottomleft.gif'); background-position:bottom left; background-repeat:no-repeat;}
div.myplaylists div.playlistListItem div.bottomright{padding:3px 9px 9px 4px; margin:0; background-image:url('../images/playlist/listitem_bottomright.gif'); background-position:bottom right; background-repeat:no-repeat;}
/* - - Content - - */
div.myplaylists div.playlistListItem div.details{padding:0 6px 0 6px; margin:0; border-top:1px solid #63AADE; border-left:1px solid #FFF; border-right:1px solid #FFF; border-bottom:1px solid #FFF;}
/* Head */
div.myplaylists div.playlistListItem div.details div.head{padding:0; margin:0; height:62px; min-height:62px; *height:50px; *min-height:50px; _height:50px; _min-height:50px;
                                                                                                                        background-image:url('../images/playlist/details_bak.gif'); background-position:top; background-repeat:repeat-x;}
div.myplaylists div.playlistListItem div.details div.head img.playlisticon{padding:0; margin:0 0 16px 0; float:left; clear:none;}
div.myplaylists div.playlistListItem div.details div.head h4{padding:0 0 0 16px; margin:7px 0 6px 0; width:68%; float:left; clear:right; display:inline; font-size:150%; float:left; clear:none; background-color:#ADE3FF;}
div.myplaylists div.playlistListItem div.details div.head h4 a.namelink{padding:0; margin:0; color:#000;}
div.myplaylists div.playlistListItem div.details div.head h4 span{padding:0; margin:0; background-color:#ADE3FF;}
div.myplaylists div.playlistListItem div.details div.head div.options{padding:10px 0 0 0; margin:0 -7px 0 0; float:right; clear:none; background-color:#FFF; height:32px; width:76px; text-align:center;}
div.myplaylists div.playlistListItem div.details div.head div.options a.editlink{padding:0; margin:10px 5px 0 5px;}
div.myplaylists div.playlistListItem div.details div.head div.options a.deletelink{padding:0; margin:10px 5px 0 5px;}
div.myplaylists div.playlistListItem div.details div.head div.options a:hover, 
div.myplaylists div.playlistListItem div.details div.head div.options a:focus, 
div.myplaylists div.playlistListItem div.details div.head div.options a:active{background-color:#FFFFD0;}
/* Description */
div.myplaylists div.playlistListItem p.playlistdescription{padding:0; margin:0 10px 20px 76px; *margin:0 10px 13px 76px; _margin:0 10px 13px 76px; display:block; font-size:90%; line-height:1.6em;}
/* Table */
div.myplaylists div.playlistListItem table{padding:0; margin:0; width:100%; border-top:1px solid #63AADE; font-size:80%;}
div.myplaylists div.playlistListItem table th{padding:4px 6px; margin:0; font-weight:normal; font-style:italic; background-color:#EDF7FF;}
div.myplaylists div.playlistListItem table td{padding:4px 6px; margin:0;}
 /* TH + TD */
div.myplaylists div.playlistListItem table th.recipients{width:200px;}
div.myplaylists div.playlistListItem table td.recipients{width:200px;}
div.myplaylists div.playlistListItem table th.created_by{width:200px;}
div.myplaylists div.playlistListItem table td.created_by{padding:4px 6px 4px 20px; margin:0; width:200px; background-image:url('../images/icons/playlists/creator.gif'); background-position:left center; background-repeat:no-repeat;}
div.myplaylists div.playlistListItem table th.date_created{}
div.myplaylists div.playlistListItem table td.date_created{}
div.myplaylists div.playlistListItem table th.date_received{}
div.myplaylists div.playlistListItem table td.date_received{}

/* - - - - - - - - - - Playlist List - - - - - - - - - -  */
div.playlistdetail{padding:0; margin:0;}
div.playlistdetail div.content{padding:0; margin:0;}
div.playlistdetail div.content div.alert{margin-bottom:15px}
/* - - Author Details - - */
div.playlistdetail div.author{padding:8px; margin:0;}
div.playlistdetail div.author div.head{padding:0; margin:0; background-image:url('../images/playlist/playlistdetail_head_bak.gif'); background-repeat:repeat-x; background-position:top;}
div.playlistdetail div.author div.headright{padding:0; margin:0; background-image:url('../images/playlist/playlistdetail_head_right.gif'); background-position:top right; background-repeat:no-repeat;}
div.playlistdetail div.author h3{padding:7px 10px; margin:0 0 8px 0; font-weight:bold; color:#4C4C4C; font-size:90%; background-image:url('../images/playlist/playlistdetail_head_left.gif'); background-position:top left; background-repeat:no-repeat;}
div.playlistdetail div.author p{padding:0; margin:8px 0 8px 0; font-size:95%;}
div.playlistdetail div.author p span.line_heading{padding:2px 6px; margin:0; font-size:85%; background-color:#F2F2F2; color:#4C4C4C; display:block;}
div.playlistdetail div.author p span.name{padding:8px 6px 8px 28px; margin:0; background-color:#FFF; color:#000; display:block; background-image:url('../images/icons/playlists/author_teacher.gif'); background-position:left center; background-repeat:no-repeat;}
div.playlistdetail div.author p span.created{padding:8px 6px 8px 28px; margin:0; background-color:#CFFFAF; color:#000; display:block; background-image:url('../images/icons/playlists/author_assign_begins.gif'); background-position:left center; background-repeat:no-repeat;}
/* - - Recipients - - */
div.playlistdetail div.author table.recipients{padding:0; margin:0;  width:100%;}
div.playlistdetail div.author table.recipients th{padding:2px 6px; margin:0; font-size:80%; background-color:#F2F2F2; color:#4C4C4C; display:block; font-weight:normal;}
div.playlistdetail div.author table.recipients td.name{padding:0 4px; margin:0; font-size:90%;}
div.playlistdetail div.author table.recipients td.status{padding:0 7px; margin:0; font-size:80%; width:65px;}
div.playlistdetail div.author table.recipients a{padding:4px 6px 4px 22px; margin:0; display:block; background-image:url('../images/icons/buddy_system/buddy_logged_in.gif'); background-position:left center; background-repeat:no-repeat;}
/* - - Assignment Status - - */
div.playlistdetail div.author div.status{padding:0; margin:0 5px;}
div.playlistdetail div.author div.status h4{padding:0 0 3px 0; margin:0 0 10px 0; font-size:80%; border-bottom:1px solid #000; color:#000;}
div.playlistdetail div.author div.status p{padding:0; margin:0 0 10px 0; line-height:1.8em;}
div.playlistdetail div.author div.status label{padding:2px 6px; margin:0 0 5px 0; font-size:80%; background-color:#F2F2F2; color:#4C4C4C; display:block; font-weight:normal;}
div.playlistdetail div.author div.status select{padding:0; margin:0; width:100%;}
/* - - Playlist Details - - */
div.playlistdetail div.title{padding:6px 6px 0 0; *padding:0 6px 0 0; margin:7px 0 0 0;}
div.playlistdetail div.title div.head{padding:0; margin:7px 6px 0 6px; background-image:url('../images/playlist/playlistdetail_head_bak.gif'); background-repeat:repeat-x; background-position:top;}
div.playlistdetail div.title div.headright{padding:0; margin:0; background-image:url('../images/playlist/playlistdetail_head_right.gif'); background-position:top right; background-repeat:no-repeat;}
div.playlistdetail div.title h3{padding:7px 10px; margin:0 0 8px 0; font-weight:bold; color:#4C4C4C; font-size:90%; background-image:url('../images/playlist/playlistdetail_head_left.gif'); background-position:top left; background-repeat:no-repeat;}
div.playlistdetail div.details{padding:6px 8px 15px 8px; margin:0; font-size:90%; line-height:1.6em;}
div.playlistdetail div.details div.text{padding:0; margin:0; min-height:170px;}
div.playlistdetail div.details img{padding:0; margin:0 14px 14px 0; float:left; clear:none;}
div.playlistdetail div.details div.details_img{min-height:90px;}
*html div.playlistdetail div.details div.details_img{height:90px;}
div.playlistdetail div.details h4{padding:0 0 3px 0; margin:15px 0 0 115px; font-size:95%; border-bottom:1px solid #000; color:#000;}
div.playlistdetail div.details h5{padding:0 0 3px 0; margin:0 0 10px 0; font-size:100%; border-bottom:1px solid #000; color:#000;}
div.playlistdetail div.details div.PlaylistView{padding:0; margin:0;}
div.playlistdetail div.details div.PlaylistView p{padding:0; margin:0 0 10px 0;}
div.playlistdetail div.details div.mkt_no_list{margin:0 0 15px;}
/* - - Marks - - */
div.playlistdetail div.details div.marks{padding:0; margin:0 0 20px 0;}
div.playlistdetail div.details div.marks p{padding:0; margin:0 0 10px 0;}
div.playlistdetail div.details div.marks strong{padding:0; margin:0; display:block;}
/* - - Edit Mode - - */
div.playlistdetail div.details div.toolbar{margin:0 0 10px 0;}
/* Image */
div.playlistdetail div.details div.edit_image{padding:0; margin:0; display:block; min-height:150px;}
div.playlistdetail div.details div.edit_image div.no_image{padding:65px 0; margin:0 0 14px; text-align:center; width:150px; border:1px dashed #BBBBBB;}
div.playlistdetail div.details div.edit_image div.no_image h4{padding:0; margin:0; font-weight:normal; font-size:120%; border-bottom:none; color:#BBBBBB;}
div.playlistdetail div.details div.edit_image label{padding:0; margin:0; font-weight:bold; display:block;}
div.playlistdetail div.details div.edit_image img{padding:0; margin:0 14px 0 0; float:none; display:block;}
div.playlistdetail div.details div.edit_image input{padding:3px; _padding:3px 0; margin:14px 0 0 0; font-weight:bold; font-size:85%; letter-spacing:1px;}
div.playlistdetail div.details div.edit_image input.image_upload{padding:3px; margin:0; width:332px; display:block; font-size:100%; font-weight:normal; letter-spacing:0px;}
/* Details */
div.playlistdetail div.details div.edit_details{padding:0; margin:0; display:block;}
div.playlistdetail div.details div.edit_details h4{margin:15px 0 0 0;}
/* Steps */
div.playlistdetail div.details div.edit_steps{padding:0; margin:0 0 15px 0;}
div.playlistdetail div.details div.edit_steps div.mkt_no_list{margin:0 10px;}
/* - - Steps - - */
div.playlistdetail div.details div.accordionHeader{padding:0; margin:0 6px 6px 0; background-image:url('../images/playlist/playlistdetail_head_bak.gif'); background-repeat:repeat-x; background-position:top;}
div.playlistdetail div.details div.accordionHeaderSelected{padding:0; margin:0 6px 6px 0; background-image:url('../images/playlist/playlistdetail_head_bak.gif'); background-repeat:repeat-x; background-position:top;}
div.playlistdetail div.details div.accordionHeader_right{padding:0; margin:0; background-image:url('../images/playlist/playlistdetail_head_right2.gif'); background-position:top right; background-repeat:no-repeat;}
div.playlistdetail div.details div.accordionHeaderSelected div.accordionHeader_right{background-image:url('../images/playlist/playlistdetail_head_right_s.gif');}
div.playlistdetail div.details div.accordionHeader_right h4{padding:4px 10px; margin:0; cursor:pointer; border-bottom:none; font-weight:bold; color:#4C4C4C; font-size:100%; background-image:url('../images/playlist/playlistdetail_head_left.gif'); background-position:top left; background-repeat:no-repeat;}
div.playlistdetail div.details div.accordionHeader_right a{padding:0; margin:-22px 40px 0 0; float:right; clear:none; height:15px; width:15px;}
div.playlistdetail div.details div.accordionHeader_right a:hover, 
div.playlistdetail div.details div.accordionHeader_right a:focus, 
div.playlistdetail div.details div.accordionHeader_right a:active{background-color:#FFFFD0;}
div.playlistdetail div.details div.save_playlist{padding:10px 15px; margin:0 0 10px 0; background-color:#FFFEAE; text-align:right;}
div.playlistdetail div.details div.save_playlist ul{padding:0; margin:0; list-style:none; font-size:85%; letter-spacing:0.5px;}
div.playlistdetail div.details div.save_playlist ul li{padding:0; margin:0; display:inline;}
div.playlistdetail div.details div.save_playlist ul li.pipe{padding:0 5px 0 0; margin:0 10px 0 0;}
div.playlistdetail div.details div.save_playlist input{padding:3px; _padding:3px 0; *padding:3px 0; margin:0; font-weight:bold; font-size:85%; letter-spacing:1px;}
/* Content */
div.playlistdetail div.details div.accordionContent{padding:0; margin:0 16px 10px 10px;}
div.playlistdetail div.details div.accordionContent p{padding:0; margin:0 0 10px 0;}
div.playlistdetail div.details div.accordionContent p.type_description{padding:0; margin:10px 0;}
div.playlistdetail div.details div.accordionContent h5{padding:0 0 3px 0; margin:0 0 10px 0; font-size:100%; border-bottom:1px solid #000; color:#000;}
div.playlistdetail div.details div.accordionContent p.invalid_selection{padding:14px; margin:0 0 10px 0; background-color:#FFFCA5; border:1px solid #EDEDE7; color:#FF0000;}
div.playlistdetail div.details div.accordionContent div.filepicker{padding:0; margin:0 0 5px 0;}
div.playlistdetail div.details div.accordionContent div.filepicker h6{padding:0 0 3px 0; margin:0 0 10px 0; font-size:100%; border-bottom:1px solid #000; color:#000;}
div.playlistdetail div.details div.accordionContent div.filepicker a.file{padding:0 16px 0 20px; margin:0 0 10px 0; font-size:140%; font-weight:normal; background-image:url('../images/icons/mkt/mkt_resource.gif'); background-position:center left; background-repeat:no-repeat;}
div.playlistdetail div.details div.accordionContent div.filepicker a.change{padding:0 0 0 15px; margin:0 0 10px 0; font-size:140%; font-weight:normal; border-left:1px solid #000;}
div.playlistdetail div.details div.accordionContent div.linkpicker{padding:0; margin:0 0 20px 0;}
div.playlistdetail div.details div.accordionContent div.linkpicker label{padding:0; margin:0 0 0 5px; font-weight:normal;}
div.playlistdetail div.details div.accordionContent div.linkpicker label:hover, 
div.playlistdetail div.details div.accordionContent div.linkpicker label:focus, 
div.playlistdetail div.details div.accordionContent div.linkpicker label:active{color:#007EFF; background-color:#ECF9FF;}

/* - - - - - - - - - - Send Assignment - - - - - - - - - -  */
/* - - Options - - */
div.listed h4.already_sent_users{padding:0; margin:12px 10px 8px 10px; font-size:100%; font-weight:bold;}
div.listed ul.already_sent_users{padding:0; margin:0;}
div.listed ul.already_sent_users li{padding:5px 0 5px 35px; margin:4px 0; list-style:none; background-image:url('../images/master/user_name.gif'); background-position:left center; background-repeat:no-repeat;}
/* - - Users - - */
div.plain_text ul.resend_options{padding:0; margin:0;}
div.plain_text ul.resend_options li{padding:0; margin:0 0 10px 0; list-style:none; line-height:1.5em;}
div.plain_text ul.resend_options li span{padding:0; margin:0; list-style:none; display:block;}


div.AuthorDetailsFix{min-height:100px;}
*html div.AuthorDetailsFix{height:100px;}




