/* ---------------------------------- Edit mode */
#flowplayer {
    padding: 10px 0 0 10px;
}

#flowplayer h2, #cboxContent h2 {
    color: #333;
    font-size: 18px;
    margin-bottom: 1.5em;
}

dl {
    overflow: hidden;
}

dt, dd {
    font-size: 14px;
}

dt {
    float: left;
    width: 120px;
    clear: both;
}

dd {
    margin-left: 120px;
    margin-bottom: 1.5em;
}

dd img {
    vertical-align: middle;
    margin-left: 10px;
}

.orderByConfig {
    display: none;
}

/* ---------------------------------- Colorbox */
#cboxContent {
    text-align: left;
}

#cboxLoadedContent div {
    padding: 10px;
}

#fileListing, #fileListing li, ul#playlist, #playlist li {
    margin: 0;
    padding: 0;
}

#fileListing {
    margin-bottom: 1.5em;
}

#fileListing li {
    padding: 9px;
    padding-left: 1.5em;
    list-style-type: none;
    margin-bottom: 4px;
    cursor: pointer;
}

#fileListing li span.ui-icon.ui-icon-arrowthick-2-n-s {
    float: left;
    margin-left: -1.3em;
}

/* ---------------------------------- Preview mode */
#player {
    display: block;
    margin-bottom: 0.5em;
}

#fileTitle {
    margin-bottom: 1.5em;
}

#playlist {
    margin-bottom: 1.5em;
    overflow: hidden;
}

#playlist li {
    list-style-type: none;
    float: left;
}

#playlist li a {
    display: block;
    width: 100px;
    margin-right: 3em;
    padding-left: 4px;
    padding-top: 4px;
}

#playlist li a img {
    border: none;
    margin-bottom: 4px;
}

#playlist li a img.default {
    margin: -4px 0 0 -4px;
}

/*.....................Video Playlist........................*/
.playlist {
    background-color: #f1f1f1 !important;
    padding: 10px;
    height: 300px;
    width: 430px;
	margin-top: -6px;
}

/*.............Tabs..............*/
.playlist_tab {
    float: left;
    width: 100%;
    overflow: hidden;
	height:24px;
}

.playlist_tab ul {
    float: left;
    margin: 0;
    padding: 0px 5px 0 0px;
    list-style: none;
}

.playlist_tab li {
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
}

.playlist_tab a {
    float: left;
    background: url(./images/tab_left.png) no-repeat left top;
    margin: 0;
    padding: 0 0 0 6px;
    text-decoration: none !important;
    color: #525252;
}

.playlist_tab a span {
    float: left;
    display: block;
    background: url(./images/tab_right.png) no-repeat right top;
    padding: 6px 15px 4px 6px;
    margin-right: 5px;
    text-decoration: none;
    color: #525252;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.playlist_tab a span {
    float: none;
}

/* End IE5-Mac hack */
.playlist_tab a:hover span {
}

.playlist_tab a:hover {
    background-position: 0% -42px;
}

.playlist_tab a:hover span {
    background-position: 100% -42px;
}

.playlist_tab .current {
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
}

.playlist_tab .current a {
    float: left;
    background: url(./images/tab_left.png) no-repeat left -42px;
    margin: 0;
    padding: 0 0 0 6px;
    text-decoration: none !important;
    color: #525252;
}

.playlist_tab .current a span {
    float: left;
    display: block;
    background: url(./images/tab_right.png) no-repeat right -42px;
    padding: 6px 15px 4px 6px;
    margin-right: 5px;
    text-decoration: none;
    color: #525252;
}

/*.............Tabs Ends..............*/
.playlist_content { height: 280px;}

/*IE7 bug fix*/
*:first-child+html .playlist_content { height: 265px;}

.playlist_top {
    background: url(./images/playlist_top.png) top left no-repeat;
    float: left;
    width: 430px;
    height: 10px;
}

.playlist_middle {
    float: left;
    width: 410px;
    height: 220px;
    background-color: #FFF;
    padding: 10px;
    overflow: auto;
}

/*IE6 bug fix*/
* html .playlist_middle { margin-top:-5px;}


.playlist_middle ul {
}

.playlist_middle li {
    float: left;
    border-bottom: 1px solid #CCC;
    margin-bottom: 5px;
}

.playlist_middle .playlist_date {
    background: url(./images/date_bg.png) top left no-repeat;
    width: 41px;
    height: 35px;
    padding-top: 12px;
    text-align: center;
}

.playlist_middle .playlist_list {
    min-height: 40px;
    width: 320px;
    padding-left: 10px;
    padding-top: 7px;
}

/*IE6 bug fix*/
* html .playlist_middle .playlist_list { height: 40px;}

.clear {
    clear: both;
}

.playlist_img {
    height: 47px;
}

.playlist_bottom {
    background: url(./images/playlist_bottom.png) 0 0 no-repeat;
    float: left;
    width: 430px;
    height: 7px;
    margin-bottom: 5px;
}

.share { float:left;}

.share li {
    float: left;
    padding-right: 5px;
}