html
{
    height: 100%;
}

body
{
    height: 100%;
}

#wrapper
{
    height: 100%;
    width: 100%;
    min-width: 1004px;
}


#content
{
    height: 90%;
    width: 100%;
    float: left;
}

.clear
{
    clear: both;
    height: 0px;
}

.header-wrapper
{
    width: 960px;
    margin: 0 auto;
}

.error
{
    color: red !important;
}


/****************************
GLOBAL & GENERIC STYLES
*****************************/

h3
{
    font-size: 15px;
    color: #000;
    text-shadow: 0px 1px 1px #FFF;
}

.button
{
    display: block;
    margin: 0;
    padding: 0;
    float: right;
    display: block;
    height: 16px;
    margin-right: 5px;
    color: #404041;
    text-decoration: none;
    text-shadow: 1px 1px 0 white;
    font-size: 13px;
    font-weight: normal;
    border: 1px solid #949494;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: url(images/button_bg.gif) repeat-x;
    background-position: 0px 0px;
    padding: 5px 7px 5px 7px;
}

.button:hover
{
    background: url(images/button_bg.gif) repeat-x;
    background-position: 0px -26px;
    border: 1px solid #949494;
    cursor: pointer;
}

.ellipsis
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

TD.alignRight
{
    text-align: right;
}


/****************************
HEADER
*****************************/

#header
{
    width: 100%;
    z-index: 3;
    text-align: left;
    height: 72px;
    background: url(images/header_bg.gif);
    min-width: 1000px;
}

#header .logo, #header .customer-logo
{
    float: left;
    margin: 18px 81px 0 15px;
}

#header .customer-logo
{
    margin-top: 15px;
}

#header a.sublogo, #header img.sublogo
{
    height: 15px;
    font-weight: bold;
    text-decoration: none;
}

#header img.sublogo
{
    margin-bottom: -1px;
}

#header a.sublogo
{
    margin-left: 45px;
}

#header .search
{
    background: url(images/search_bg.png) no-repeat;
    float: left;
    margin-top: 20px;
    width: 300px;
    height: 40px;
    margin-right: 20px;
}

#header .search .ghosted
{
    color: Gray;
}

#header .search input[type=text]
{
    border: 0;
    background: none;
    font-size: 12px;
    margin-left: 15px;
    margin-top: 10px;
    display: block;
    float: left;
    width: 230px;
}

#header .search input[type=text]:focus
{
    outline: none;
}

#header .search .clear-search
{
    float: right;
    margin: 8px 5px 0 0;
}

#header .search input[type=image]
{
    float: right;
    margin: 6px 7px 0 0;
    cursor: pointer;
}

#header div.utilityNav
{
    float: right;
    margin: 28px 15px 0 0;
}

#header .utilityNav .utilityLinkSpan
{
    display: inline;
    margin-left: 10px;
    position: relative;
}

#header .utilityNav .utilityLinkSpan a.utilityLink
{
    color: #466c2c;
}






/****************************
LEFT COLUMN 
*****************************/

.leftcolumn
{
    width: 252px;
    background: #eee;
    height: 100%;
    text-align: left;
    height: 87%;
    overflow: auto;
    border-right: 1px solid #989898;
    position: absolute;
    left: 0;
    top: 72px;
}

ul.leftnav
{
    position: relative;
    zoom: 1;
}

ul.leftnav li
{
    margin: 0;
}


ul.leftnav li.selected a, ul.leftnav li.selected a:hover
{
    background: #8b8b8b;
    text-shadow: 1px 1px 0 #afafaf;
    -moz-box-shadow: inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    border-top: 1px solid #222;
}

ul.leftnav li.selected em
{
    background: #a0a0a0;
    color: #4a4a4a;
    border: 1px solid #7e7e7e;
}

ul.leftnav li a, .folderList .moreLink a, .folderList .lessLink a, .folderList .showAllLink a
{
    line-height: 1em;
    display: block;
    padding: 15px 0 15px 33px;
    background: #eaeaea;
    border-top: 1px solid white;
    border-bottom: 1px solid #cbcbcb;
    border-collapse: collapse;
    color: black;
    font-weight: normal;
    font-size: 15px;
    text-decoration: none;
    text-shadow: 1px 1px 0px white;
    outline: none;
}

.folderList .moreLink a, .folderList .lessLink a
{
    height: 15px;
    padding-top: 5px;
    padding-left: 0px;
    padding-bottom: 8px;
    text-align: center;
}

.folderList .showAllLink a
{
    padding-left: 50px;
}

ul.leftnav li.folderHeader
{
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #a6a6a6;
    padding: 8px 0 5px 0px;
    background: #ccc;
    color: #404041;
    text-shadow: 1px 1px 0 #f2f2f2;
    font-size: 15px;
    font-weight: bold;
    line-height: 2em;
    cursor: pointer;
}

#folderQuery.ghosted
{
    color: gray;
}

#folderTree
{
    overflow-x: auto;
    padding-top: 5px;
    padding-bottom: 10px;
    border-bottom: solid 1px #CBCBCB;
    background: white;
}

#folderSetSelector
{
    padding: 10px;
    padding-bottom: 5px;
    background-color: #FCFCFC;
    border-bottom: 1px solid #cbcbcb;
}

#folderContent
{
    position: relative;
}

.folderfilter
{
    height: 200px;
}

#folderQuery
{
    margin-top: 10px;
    margin-bottom: 5px;
    width: 157px;
    padding: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #a6a6a6;
    padding-right: 30px;
}

.loadingfolders
{
    width: 16px;
    height: 16px;
    position: absolute;
    background: url(images/loading_folders.gif);
    left: 210px;
    top: 15px;
}

.searchbtn
{
    width: 14px;
    height: 15px;
    background: url(images/icon_search.png);
    position: absolute;
    left: 210px;
    top: 50px;
    cursor: pointer;
}

.clearbtn
{
    width: 17px;
    height: 17px;
    background: url(images/icon_search_clear.gif);
    position: absolute;
    left: 182px;
    top: 49px;
    cursor: pointer;
}

div.folderList ul
{
    position: relative;
    zoom: 1;
}

div.folderList ul li a
{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 50px;
    padding-right: 30px;
    overflow: hidden;
}

div.folderList ul li a span.truncate
{
    overflow: hidden;
    position: relative;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

ul.leftnav li.folderHeader a.newFolder
{
    display: inline-block;
    position: absolute;
    float: none;
    right: 1px;
    top: 9px;
    margin: 0;
    padding: 0;
    height: 16px;
    margin-right: 5px;
    color: #404041;
    text-decoration: none;
    text-shadow: 1px 1px 0 white;
    font-size: 13px;
    font-weight: normal;
    border: 1px solid #949494;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: url(images/button_bg.gif) repeat-x;
    background-position: 0px 0px;
    padding: 5px 7px 5px 7px;
    line-height: 1em;
}

ul.leftnav li.folderHeader a.newFolder:hover
{
    background: url(images/button_bg.gif) repeat-x;
    background-position: 0px -26px;
    border: 1px solid #949494;
    cursor: pointer;
}

ul.leftnav li.folderHeader a.newFolder img
{
    margin-right: 5px;
    padding-top: 1px;
}

ul.leftnav li.folderHeader .foldersArrow
{
    height: 31px;
    float: left;
    background: url(images/arrow_down.png) no-repeat;
    width: 12px;
    height: 12px;
    padding: 5px;
    margin: 8px 0 0 10px;
    cursor: pointer;
}

ul.leftnav li.folderHeader .foldersArrow.contracted
{
    background: url(images/arrow_right.png) no-repeat;
}

ul.leftnav li.folderHeader .folderstxt
{
    display: inline;
}

ul.leftnav li.folderHeader a, ul.leftnav li.folderHeader a:hover
{
    background: none;
    border: 0;
}

ul.leftnav li a:hover, div.folderList .moreLink a:hover, div.folderList .lessLink a:hover, div.folderList .showAllLink a:hover
{
    background: #e2e2e2;
}

ul.leftnav li em
{
    margin: -36px 5px 0 0;
    padding: 5px 5px 3px 5px;
    font-weight: bold;
    display: inline-block;
    background: white;
    border: 1px solid #dddddd;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #979797;
    position: absolute;
    right: 2px;
    font-size: 12px;
}

.contextMenuItem
{
    text-align: left;
    width: auto;
}

#adminItems li a
{
    padding-left: 53px;
}


/****************************
ICONS
*****************************/

/* all sessions icon */

ul.leftnav li.allSessions a
{
    background: #eaeaea url(images/icon_all_sessions.png) no-repeat;
    background-position: 10px 15px;
}

ul.leftnav li.allSessions a:hover
{
    background: #e2e2e2 url(images/icon_all_sessions.png) no-repeat;
    background-position: 10px 15px;
}

ul.leftnav li.allSessions.selected a
{
    background: #8b8b8b url(images/icon_all_sessions.png) no-repeat;
    background-position: 10px 15px;
}


/* in progress icon */

ul.leftnav li.inProgress a
{
    background: #eaeaea url(images/icon_recording.png) no-repeat;
    background-position: 10px 15px;
}

ul.leftnav li.inProgress a:hover
{
    background: #e2e2e2 url(images/icon_recording.png) no-repeat;
    background-position: 10px 15px;
}

ul.leftnav li.inProgress.selected a
{
    background: #8b8b8b url(images/icon_recording.png) no-repeat;
    background-position: 10px 15px;
}


/* processing */

ul.leftnav li.processing a
{
    background: #eaeaea url(images/icon_processing.png) no-repeat;
    background-position: 10px 15px;
}

ul.leftnav li.processing a:hover
{
    background: #e2e2e2 url(images/icon_processing.png) no-repeat;
    background-position: 10px 15px;
}

ul.leftnav li.processing.selected a
{
    background: #8b8b8b url(images/icon_processing.png) no-repeat;
    background-position: 10px 15px;
}


/* scheduled icon */

ul.leftnav li.scheduled a
{
    background: #eaeaea url(images/icon_scheduled.png) no-repeat;
    background-position: 10px 15px;
}

ul.leftnav li.scheduled a:hover
{
    background: #e2e2e2 url(images/icon_scheduled.png) no-repeat;
    background-position: 10px 15px;
}

ul.leftnav li.scheduled.selected a
{
    background: #8b8b8b url(images/icon_scheduled.png) no-repeat;
    background-position: 10px 15px;
}


/* bookmarked icon */

ul.leftnav li.bookmarked a
{
    background: #eaeaea url(images/icon_bookmarked.png) no-repeat;
    background-position: 10px 15px;
}

ul.leftnav li.bookmarked a:hover
{
    background: #e2e2e2 url(images/icon_bookmarked.png) no-repeat;
    background-position: 10px 15px;
}

ul.leftnav li.bookmarked.selected a
{
    background: #8b8b8b url(images/icon_bookmarked.png) no-repeat;
    background-position: 10px 15px;
}


/* users icon */
ul.leftnav li#usersItem a
{
    background: #eaeaea url(images/icon_users.png) no-repeat;
    background-position: 30px 15px;
}

ul.leftnav li#usersItem a:hover
{
    background: #e2e2e2 url(images/icon_users.png) no-repeat;
    background-position: 30px 15px;
}

ul.leftnav li#usersItem.selected a
{
    background: #8b8b8b url(images/icon_users.png) no-repeat;
    background-position: 30px 15px;
}



/* remote recorders icon */
ul.leftnav li#remoteRecordersItem a
{
    background: #eaeaea url(images/icon_remote_recorders.png) no-repeat;
    background-position: 30px 15px;
}

ul.leftnav li#remoteRecordersItem a:hover
{
    background: #e2e2e2 url(images/icon_remote_recorders.png) no-repeat;
    background-position: 30px 15px;
}

ul.leftnav li#remoteRecordersItem.selected a
{
    background: #8b8b8b url(images/icon_remote_recorders.png) no-repeat;
    background-position: 30px 15px;
}



/* remote recorders icon */
ul.leftnav li#settingsItem a
{
    background: #eaeaea url(images/icon_settings_btn.png) no-repeat;
    background-position: 30px 15px;
}

ul.leftnav li#settingsItem a:hover
{
    background: #e2e2e2 url(images/icon_settings_btn.png) no-repeat;
    background-position: 30px 15px;
}

ul.leftnav li#settingsItem.selected a
{
    background: #8b8b8b url(images/icon_settings_btn.png) no-repeat;
    background-position: 30px 15px;
}



/* licenses icon */
ul.leftnav li#licensesItem a
{
    background: #eaeaea url(images/icon_licenses.png) no-repeat;
    background-position: 30px 15px;
}

ul.leftnav li#licensesItem a:hover
{
    background: #e2e2e2 url(images/icon_licenses.png) no-repeat;
    background-position: 30px 15px;
}

ul.leftnav li#licensesItem.selected a
{
    background: #8b8b8b url(images/icon_licenses.png) no-repeat;
    background-position: 30px 15px;
}


/* status icon */
ul.leftnav li#statusItem a
{
    background: #eaeaea url(images/icon_status.png) no-repeat;
    background-position: 30px 15px;
}

ul.leftnav li#statusItem a:hover
{
    background: #e2e2e2 url(images/icon_status.png) no-repeat;
    background-position: 30px 15px;
}

ul.leftnav li#statusItem.selected a
{
    background: #8b8b8b url(images/icon_status.png) no-repeat;
    background-position: 30px 15px;
}


/* usage icon */
ul.leftnav li#usageItem a
{
    background: #eaeaea url(images/icon_stats_dkgray.png) no-repeat;
    background-position: 30px 15px;
}

ul.leftnav li#usageItem a:hover
{
    background: #e2e2e2 url(images/icon_stats_dkgray.png) no-repeat;
    background-position: 30px 15px;
}

ul.leftnav li#usageItem.selected a
{
    background: #8b8b8b url(images/icon_stats_dkgray.png) no-repeat;
    background-position: 30px 15px;
}


/* providers icon */
ul.leftnav li#providersItem a
{
    background: #eaeaea url(images/icon_providers.png) no-repeat;
    background-position: 30px 15px;
}

ul.leftnav li#providersItem a:hover
{
    background: #e2e2e2 url(images/icon_providers.png) no-repeat;
    background-position: 30px 15px;
}

ul.leftnav li#providersItem.selected a
{
    background: #8b8b8b url(images/icon_providers.png) no-repeat;
    background-position: 30px 15px;
}


/* transcription providers icon */
ul.leftnav li#transcriptionItem a
{
    background: #eaeaea url(images/icon_transcription_providers.png) no-repeat;
    background-position: 30px 15px;
}

ul.leftnav li#transcriptionItem a:hover
{
    background: #e2e2e2 url(images/icon_transcription_providers.png) no-repeat;
    background-position: 30px 15px;
}

ul.leftnav li#transcriptionItem.selected a
{
    background: #8b8b8b url(images/icon_transcription_providers.png) no-repeat;
    background-position: 30px 15px;
}


/* transcription requests icon */
ul.leftnav li#transcriptionRequestsItem a
{
    background: #eaeaea url(images/icon_transcription_requests.png) no-repeat;
    background-position: 30px 15px;
}

ul.leftnav li#transcriptionRequestsItem a:hover
{
    background: #e2e2e2 url(images/icon_transcription_requests.png) no-repeat;
    background-position: 30px 15px;
}

ul.leftnav li#transcriptionRequestsItem.selected a
{
    background: #8b8b8b url(images/icon_transcription_requests.png) no-repeat;
    background-position: 30px 15px;
}


/* all folders icon */
ul.leftnav li.allFolders a
{
    background: #eaeaea url(images/icon_all_folders.png) no-repeat;
    background-position: 10px 15px;
}

ul.leftnav li.allFolders a:hover
{
    background: #e2e2e2 url(images/icon_all_folders.png) no-repeat;
    background-position: 10px 15px;
}

ul.leftnav li.allFolders.selected a
{
    background: #8b8b8b url(images/icon_all_folders.png) no-repeat;
    background-position: 10px 15px;
}


/* show all icon */
ul.leftnav li.showAllItem a
{
    background: #eaeaea url(images/icon_all_folders.png) no-repeat;
    background-position: 30px 15px;
}

ul.leftnav li.showAllItem a:hover
{
    background: #e2e2e2 url(images/icon_all_folders.png) no-repeat;
    background-position: 30px 15px;
}

ul.leftnav li.showAllItem.selected a, ul.leftnav li.showAllItem.selected a:hover
{
    background: #8b8b8b url(images/icon_all_folders.png) no-repeat;
    background-position: 30px 15px;
}


/* folder icons */
ul.leftnav li.folder a
{
    background: #eaeaea url(images/icon_folder.png) no-repeat;
    background-position: 28px 16px;
}

ul.leftnav li.folder a:hover
{
    background: #e2e2e2 url(images/icon_folder.png) no-repeat;
    background-position: 28px 16px;
}

ul.leftnav li.folder.selected a, ul.leftnav li.folder.selected a:hover
{
    background: #8b8b8b url(images/icon_folder.png) no-repeat;
    background-position: 28px 16px;
}

ul.leftnav li.folderRecord a
{
    background: #eaeaea url(images/icon_folder_record.png) no-repeat;
    background-position: 28px 16px;
}

ul.leftnav li.folderRecord a:hover
{
    background: #e2e2e2 url(images/icon_folder_record.png) no-repeat;
    background-position: 28px 16px;
}

ul.leftnav li.folderRecord.selected a, ul.leftnav li.folderRecord.selected a:hover
{
    background: #8b8b8b url(images/icon_folder_record.png) no-repeat;
    background-position: 28px 16px;
}


/****************************
RIGHT CONTENT COLUMN 
*****************************/

.rightcolumn
{
    margin-left: 252px;
    min-width: 752px;
}



/****************************
CONTENT HEADER 
*****************************/


.content-header
{
    background: url(images/widecolumn_header_bg.gif);
    height: 76px;
    padding: 15px 30px 0 15px;
    text-align: left;
    min-width: 703px;
}

.content-header h1
{
    display: block;
    font-size: 15px;
    text-shadow: 1px 1px 0 white;
}

.content-header span.count
{
    margin: 0 5px 0 8px;
    padding: 3px 5px 2px 5px;
    font-weight: bold;
    line-height: 1.3em;
    background: white;
    border: 1px solid #dddddd;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #979797;
    font-size: 11px;
}

#searchHeaderText
{
    font-weight: bold;
    margin-left: 5px;
}

#searchContext
{
    margin-left: 5px;
}

#searchContextHeaderText
{
    margin-left: 5px;
    font-weight: bold;
}

#searchContext img
{
    vertical-align: top;
    cursor: pointer;
}

h1.results
{
    background: url(images/icon_search.png) no-repeat;
    padding: 0 0 0 23px;
    background-position: 0 1px;
}

h1.allSessions
{
    background: url(images/icon_all_sessions.png) no-repeat 0 2px;
    padding: 0 0 0 23px;
    background-position: 0 1px;
}

h1.inProgress
{
    background: url(images/icon_recording.png) no-repeat 0 2px;
    padding: 0 0 0 23px;
    background-position: 0 1px;
}

h1.processing
{
    background: url(images/icon_processing.png) no-repeat 0 2px;
    padding: 0 0 0 23px;
    background-position: 0 1px;
}

h1.scheduled, h3.scheduled, label.scheduled
{
    background: url(images/icon_scheduled.png) no-repeat;
    padding: 0 0 0 23px;
    background-position: 0 1px;
}

h1.bookmarked
{
    background: url(images/icon_bookmarked.png) no-repeat;
    padding: 0 0 0 23px;
    background-position: 0 1px;
}

h1.allFolders
{
    background: url(images/icon_all_folders.png) no-repeat;
    padding: 0 0 0 23px;
    background-position: 0 1px;
}

h1.folderRecord, h3.folderRecord
{
    background: url(images/icon_folder_record.png) no-repeat;
    padding: 0 0 0 23px;
    background-position: 0 3px;
}

h1.folder, h3.folder
{
    background: url(images/icon_folder.png) no-repeat;
    padding: 0 0 0 23px;
    background-position: 0 3px;
}

h3.session
{
    background: url(images/icon_session.png) no-repeat;
    padding: 0 0 0 23px;
    background-position: 0 1px;
}

h1.status
{
    background: url(images/icon_status.png) no-repeat;
    padding: 0 0 0 23px;
    background-position: 0 2px;
}

h1.usage
{
    background: url(images/icon_stats_dkgray.png) no-repeat;
    padding: 0 0 0 23px;
    background-position: 0 1px;
}

h1.users
{
    background: url(images/icon_users.png) no-repeat;
    padding: 0 0 0 23px;
    background-position: 0 1px;
}

h1.providers
{
    background: url(images/icon_providers.png) no-repeat;
    padding: 0 0 0 23px;
    background-position: 0 2px;
}

h1.transcriptionProviders
{
    background: url(images/icon_transcription_providers.png) no-repeat;
    padding: 0 0 0 23px;
    background-position: 0px 2px;
}

h1.settings
{
    background: url(images/icon_settings_btn.png) no-repeat;
    padding: 0 0 0 23px;
    background-position: 0 2px;
}

h1.remoteRecorders
{
    background: url(images/icon_remote_recorders.png) no-repeat;
    padding: 0 0 0 23px;
    background-position: 0 2px;
}

h1.licenses
{
    background: url(images/icon_licenses.png) no-repeat;
    padding: 0 0 0 23px;
    background-position: 0 2px;
}

h1.transcriptionRequests
{
    background: url(images/icon_transcription_requests.png) no-repeat;
    padding: 0 0 0 23px;
    background-position: 0 2px;
}

.content-header .folder-icons
{
    float: right;
    height: 23px;
    margin-left: 10px;
    margin-right: -25px;
}

.content-header ul.action-buttons
{
    float: left;
}

.content-header ul.action-buttons li
{
    float: left;
    position: relative;
    z-index: 2;
}

.content-header ul.action-buttons li a span#refresh
{
    background: url(images/icon_processing.png) no-repeat;
    padding-left: 20px;
}

.content-header ul.action-buttons li#filterToggle
{
    margin-top: 7px;
    margin-left: 10px;
}

.content-header ul.action-buttons li#filterToggle input[type=checkbox]
{
    vertical-align: bottom;
    position: relative;
    top: -2px;
    width: 15px;
}


.content-header ul.action-buttons li .dropdownmenu
{
    position: absolute;
    z-index: 2;
    background: white;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    min-width: 120px;
}

.content-header .action-buttons .dropdownmenu a
{
    min-width: 100px;
    display: block;
    float: none;
    background: none;
    border: none;
    text-decoration: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    margin-right: 0;
    border-bottom: 1px solid #ccc;
}

.content-header .action-buttons .dropdownmenu a:hover
{
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.content-header .action-buttons .dropdownmenu img.dropdown-icon
{
    vertical-align: top;
    padding-right: 10px;
}

.stats
{
    width: 26px;
    height: 23px;
    background: url(images/icon_stats.png);
    float: left;
    margin-right: 10px;
}

.settings
{
    width: 23px;
    height: 23px;
    background: url(images/icon_settings.png);
    float: left;
    margin-right: 10px;
}

.subscribe
{
    float: left;
    min-width: 30px;
    height: 22px;
    background: url(images/icon_rss.png) no-repeat;
    margin-right: 10px;
    cursor: pointer;
}

.subscribe .feeds, #loginDropdown, #supportDropdown
{
    position: absolute;
    z-index: 30;
    background: white;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    right: 0;
}

.subscribe .feeds
{
    margin-top: 25px;
    right: 15px;
}

#loginDropdown, #supportDropdown
{
    margin-top: 5px;
    margin-right: 5px;
}

#supportDropdown
{
    min-width: 100px;
}

#loginDropdown
{
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid #989898;
    padding: 15px;
    z-index: 5;
}

.subscribe .feeds a, #supportDropdown a, #supportDropdown div
{
    display: block;
    background: none;
    border: none;
    text-decoration: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    margin-right: 0;
    height: auto;
    border-bottom: 1px solid #ccc;
    background-position: 0px 0px;
    padding: 5px 7px 5px 7px;
    text-shadow: 1px 1px 0 white;
    color: #404041;
    min-width: 190px;
}

#supportDropdown a, #supportDropdown div
{
    min-width: 100px;
}

.subscribe .feeds a:hover, #supportDropdown a:hover
{
    background: url(images/button_bg.gif) repeat-x;
    background-position: 0px -26px;
}

.share-icon
{
    width: 22px;
    height: 22px;
    background: url(images/icon_share.png);
    float: left;
    margin-right: 10px;
}

.delete-icon
{
    width: 23px;
    height: 23px;
    background: url(images/icon_delete.png);
    float: left;
}

.edit-icon
{
    width: 23px;
    height: 23px;
    background: url(images/icon_edit_video.png);
    float: left;
    margin-right: 10px;
}

.notes-icon
{
    width: 23px;
    height: 23px;
    background: url(images/icon_notes.png);
    float: left;
    margin-right: 10px;
}


.content-header .action-buttons
{
    margin-top: 15px;
    float: left;
}

.content-header .action-buttons li a,
.dateFilterLinkDiv a,
.launchRecorderButton
{
    display: block;
    height: 16px;
    margin-right: 5px;
    color: #404041;
    text-decoration: none;
    text-shadow: 1px 1px 0 white;
    font-size: 13px;
    border: 1px solid #949494;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: url(images/button_bg.gif) repeat-x;
    background-position: 0px 0px;
    padding: 5px 7px 5px 7px;
}

.launchRecorderButton
{
    display: inline-block;
}

.launchRecorderSpan
{
    background: url("../../images/panopto_logo_globe.png") no-repeat scroll 0 0 transparent;
    padding-left: 25px;
    padding-bottom: 1px;
}

.content-header .action-buttons a.disabled,
.dateFilterLinkDiv a.disabled,
.launchRecorderButton.disabled
{
    opacity: 0.30;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=30)";
    filter: alpha(opacity=30);
    zoom: 1;
}

.content-header .action-buttons a.disabled:hover,
.dateFilterLinkDiv a.disabled:hover,
.launchRecorderButton.disabled:hover
{
    background: url(images/button_bg.gif) repeat-x;
    cursor: default;
}

.content-header .action-buttons a:hover,
.dateFilterLinkDiv a:hover,
.launchRecorderButton:hover
{
    background: url(images/button_bg.gif) repeat-x;
    background-position: 0px -26px;
}


/****** View Type Buttons **********/

.content-header .view-type
{
    float: right;
    margin-top: 15px;
    margin-right: -15px;
}

.view-type .thumbview
{
    background: url(images/view_button.png);
    width: 28px;
    height: 28px;
    float: left;
}

.view-type .thumbview.selected
{
    background-position: 0px 28px;
    cursor: default;
}

.view-type .listview
{
    background: url(images/view_button.png);
    width: 31px;
    height: 28px;
    background-position: 31px 0;
    float: left;
}

.view-type .listview.selected
{
    background-position: 31px 28px;
    cursor: default;
}


/********** Filter By **************/

.filter-bar
{
    background: url(images/filter_bg.gif) repeat-x;
    height: 35px;
}

.filter-bar p
{
    display: block;
    float: left;
    color: #404041;
    font-weight: bold;
    padding: 9px 0 0 15px;
}

.filter-bar .filter
{
    float: left;
    margin-left: 6px;
    background: #d8e7dc;
    border: 1px solid #7a897f;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-top: 5px;
}

.filter-bar .filter p
{
    padding: 5px 8px 4px 8px;
    line-height: 1em;
    color: #404041;
    font-weight: normal;
}

.filter-bar .filter a
{
    display: block;
    float: left;
    padding: 4px 7px 5px 7px;
    color: #819a89;
    text-decoration: none;
    border-left: 1px solid #b5c9ba;
    line-height: 1em;
}

.filter-bar .filter a:hover
{
    background: #b5c9ba;
    color: #222;
}


/********** Sort By **************/

.sort-bar
{
    background: #eaeaea;
    height: 31px;
    border-bottom: 1px solid #989898;
    color: #404041;
    text-shadow: 1px 1px 0 white;
    text-align: left;
}

table.sort-bar
{
    width: 100%;
    text-align: left;
}

#sortSelector .item
{
    margin-right: 10px;
}

.sort-bar .spacer
{
    width: 27px;
    float: left;
    padding: 8px 0 0 14px;
    border-right: 1px solid #d1d1d1;
    height: 23px;
}

.sort-bar td.spacer
{
    width: 41px;
    float: none;
    text-align: center;
    padding: 0;
    border-right: 1px solid #d1d1d1;
}

.sort-bar .sortby
{
    float: left;
    padding: 7px 0 0 10px;
}

.sort-bar a
{
    color: #404041;
}

.sort-bar a.current
{
    font-weight: bold;
}

.sort-bar TD
{
    text-align: left;
    border-right: 1px solid #d1d1d1;
    padding: 0px 10px;
}

.sort-bar .spacer2
{
    padding-right: 28px;
    border-right: none;
}


/****************************
RESULTS LIST
*****************************/

.folderLink
{
    text-decoration: none;
}
.folderLink:hover
{
    text-decoration: underline;
}


/************ Details View ************/

#detailsHeader #sortSelector .item
{
    margin-left: 5px;
}

.content-table td.thumbnail
{
    padding: 10px;
    width: 140px;
    vertical-align: top;
    text-align: left;
    border-right: 0px;
}

.content-table td.thumbnail .thumbwrapper
{
    position: relative;
}

.content-table td.thumbnail.viewer
{
    padding-left: 20px;
}

.content-table td.details-info
{
    position: relative;
    text-align: left;
    vertical-align: top;
    padding: 10px 10px 10px 0;
}

.match
{
    font-weight: bold;
    color: Black;
}

.thumbnail img
{
    width: 132px;
    height: 101px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.content-table .thumbnail .folder-overlay
{
    width: 142px;
    height: 111px;
    position: absolute;
}

.thumbnail .session-overlay
{
    width: 134px;
    height: 103px;
    position: absolute;
}

.details-info .icon
{
    position: absolute;
    margin: 10px 0px 0px -23px;
}

.content-table td.details-info .session-name,
.content-table td.details-info .sessiondetails-session-name
{
    color: #231f20;
    font-size: 15px;
    text-shadow: 1px 1px 0 white;
    display: block;
    margin-bottom: 18px;
}

.content-table td.details-info .sessiondetails-session-name
{
    padding-left: 25px;
}

.content-table td.details-info .sessionAttributes,
.content-table td.details-info .folderSessionCounts
{
    margin-left: 25px;
    background: #eaeaea;
    padding: 3px;
    text-shadow: 1px 1px 0 white;
}

.content-table tr.hover td.details-info .sessionAttributes,
.content-table tr.hover td.details-info .folderSessionCounts
{
    background: #dde4df;
}

.content-table td.details-info .duration
{
    font-weight: bold;
    margin-right: 8px;
}

#detailsTable td.details-info .status-message
{
    margin-top: 15px;
    margin-left: 25px;
}

.content-table td.details-info .resultsTable
{
    margin-top: 15px;
    margin-left: 25px;
    table-layout: auto;
    width: auto;
}

.content-table td.details-info .resultsTable td
{
    padding: 3px 5px 3px 0px;
    font-size: 12px;
    border: none;
    vertical-align: bottom;
}

.content-table td.details-info .resultsTable .time
{
    text-align: right;
}

.content-table td.session-list-name .bookmarkList
{
    margin-left: 15px;
}

.content-table td.session-list-name .bookmarkDelete,
.content-table td.details-info .resultsTable .bookmarkDelete
{
    visibility: hidden;
    margin-left: 5px;
    color: #404041;
    text-decoration: none;
    text-shadow: 1px 1px 0 white;
    font-size: 10px;
    line-height: 1.6em;
    border: 1px solid #949494;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: url(images/button_bg.gif) repeat-x;
    background-position: 0px -5px;
    padding: 0px 3px 0px 3px;
    vertical-align: bottom;
}

.content-table td.session-list-name:hover .bookmarkDelete,
.content-table td.details-info .resultsTable .resultsItem:hover .bookmarkDelete
{
    visibility: visible;
}

.content-table td.session-list-name .bookmarkDelete:hover,
.content-table td.details-info .resultsTable .bookmarkDelete:hover
{
    background-position: 0px -32px;
}

.folderSessionCounts .sessionCount
{
    margin-right: 5px;
}

.content-table td.details-info .description
{
    margin-top: 15px;
    margin-left: 25px;
}

.details-info .action-btns
{
    float: right;
    margin-left: 10px;
}


/************ List View ************/

.content-table
{
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
}

.content-table table
{
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

/* FF list row height */
.content-table #listTable tr
{
    height: 44px;
}
/* non-FF list row height */
.content-table #listTable td
{
    height: 24px;
}

.content-table td
{
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    vertical-align: middle;
    text-align: left;
    padding: 10px;
}

.content-table tr.hover
{
    background: #eef4f0;
}

.content-table tr.selected
{
    background: #eaf6ff;
}

.content-table .red
{
    background: #FFC9C9;
}

.content-table .yellow
{
    background: #FEFFC9;
}

.content-table .grey
{
    color: grey;
}

.content-table td.chkbox
{
    width: 41px;
    vertical-align: middle;
    text-align: center;
    padding: 0px;
}

.content-table td.list-name, .content-table td.session-list-name
{
    padding: 7px 10px;
}

.content-table td.session-list-name
{
    padding-left: 35px;
}

.content-table .session-list-name img
{
    position: absolute;
    margin: 8px 0px 0px -23px;
}

.content-table td.div
{
    height: 18px;
    overflow: hidden;
}

.content-table td.list-actions
{
    text-align: left;
    padding: 10px;
}

.secondary-name
{
    color: #666;
    font-size: 0.9em;
    margin-top: 3px;
}

.context-inline
{
    margin-left: 5px;
    color: #666;
}

.list-default
{
    width: 200px;
}

.list-default-small
{
    width: 110px;
    text-align: right !important;
}

.list-length
{
    width: 70px;
    text-align: right !important;
}

.list-date
{
    width: 64px;
    text-align: right !important;
}

.list-site
{
    width: 100px;
}

.affiliationSeparator
{
    margin-left: 3px;
    margin-right: 3px;
}

/* Sessions Page List */

.sessions-rating
{
    width: 80px;
}

.sessions-status
{
    width: 225px;
}

.sessions-rr
{
    width: 150px;
}

.status-message
{
    color: red;
}

.rr-message, .rr-message a
{
    color: #666;
}

#listTable .status-message, #listTable .rr-message
{
    float: right;
    font-size: 0.9em;
    padding: 1px 0 0 10px;
    max-width: 50%;
}

#listTable .session-link
{
    margin-left: 10px;
    margin-right: 5px;
}

.content-table td.list-date
{
    padding: 7px 10px;
}

.list-date .time
{
    font-size: 0.9em;
    margin-top: 3px;
}

.rating
{
    position: relative;
    width: 80px;
    height: 35px;
}

.rating .emptyStars,
.rating .filledStars
{
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
}

.rating .emptyStar,
.rating .filledStar
{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: transparent url("../../styles/ocupop/images/star_rating_sprite.png");

    /* IE7 */
    *display: inline;
    zoom: 1;
}
.rating .emptyStar
{
    background-position-x: -34px;
}

.ratingCount
{
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 0.9em;
    color: #666;
}

.ratingDetails
{
    position: absolute;
    right: 15px;
    top: 52px;
}

.session-actions
{
    width: 157px;
}

.date-filter
{
    float: right;
    margin-right: 75px;
    margin-top: -28px;
    position: relative;
    z-index: 1;
}

.dateFilterLinkDiv
{
    margin-top: 44px;
}

#dateFilter
{
    background: #ddd;
    border: 1px solid #888;
    padding: 3px;
    position: absolute;
    right: 15px;
}

.date-filter TD
{
    padding-bottom: 2px;
}

.date-filter TD.label
{
    text-align: right;
    padding-right: 5px;
}

#StartDateTextBox, #EndDateTextBox
{
    width: 75px;
}

.dateFilterSubmitCell
{
    text-align: right;
}

#dateFilterSubmit, #dateFilterClear
{
    font-size: 0.8em;
}

.dateShortcuts
{
    clear: both;
    margin-top: 7px;
    margin-left: 87px;
}

.todayLinkSpan
{
    margin-left: 10px;
    margin-right: 10px;
}


/* Folders Page List */

.folder-actions
{
    width: 124px;
}

.list-folder-sessions
{
    width: 150px;
}

.list-folder-sessions .sessionCount
{
    margin-left: 10px;
}

.list-folder-sessions .noValue
{
    color: gray;
}

.content-table .status .status-icon
{
    vertical-align: top;
}

/* Users Page List */
.user-actions
{
    width: 124px;
}

.list-user-roles
{
    width: 80px;
}

/* License Page List */
.license-status-column
{
    width: 88px;
}

.license-actions
{
    width: 30px;
}
.sort-bar .spacer2.license-actions
{
    padding-right: 10px;
    width: 48px;
}

.list-license-status
{
    width: 88px;
}

.list-machine-type
{
    width: 110px;
}

#headerText
{
    margin-top: -25px;
    margin-right: -15px;
    float: right;
    text-align: right;
}

/* Remote Recorders Page List */
.list-status
{
    width: 90px;
}

.rr-actions
{
    width: 56px;
}

.list-status .green, .list-status .yellow, .list-status .red
{
    padding-left: 20px;
}

.list-status .green
{
    background: url(images/icon_status_green.png) no-repeat;
}

.list-status .yellow
{
    background: url(images/icon_status_yellow.png) no-repeat;
}

.list-status .red
{
    background: url(images/icon_status_red.png) no-repeat;
}

.list-status .grey
{
    color: #666;
}

.list-status .red_text
{
    color: #FF0000;
}


/* Usage Page List */
.usage-column
{
    text-align: right !important;
    width: 95px;
}

.usage-column-small
{
    text-align: right !important;
    width: 55px;
}

.usage-actions
{
    width: 30px;
}
.sort-bar .spacer2.usage-actions
{
    padding-right: 10px;
    width: 48px;
}

.content-table TR.totalsRow.hover
{
    background: none;
}

.content-table TR.totalsRow TD
{
    font-weight: bold;
}

.content-table TR.totalsRow TD.chkbox
{
    border-right: none;
    border-bottom: none;
}

.content-table TR.totalsRow TD.list-name
{
    text-align: right;
    border-bottom: none;
}


/* Transcript Request List Page */
.transcription-actions
{
    width: 30px;
}
.sort-bar .spacer2.transcription-actions
{
    padding-right: 10px;
    width: 48px;
}


/****************************
PAGINATION
*****************************/

.pagination
{
    position: absolute;
    left: 253px;
    right: 0px;
    height: 29px;
    background: #eaeaea;
    border-top: 1px solid #b7b7b7;
    padding: 6px 10px 0 15px;
    bottom: 0;
    line-height: 1.2em;
    min-width: 726px;
}

.pagination p.set
{
    display: block;
    float: left;
    padding-top: 3px;
}

.pagination ul
{
    display: block;
    float: right;
}

.pagination ul li
{
    float: left;
    display: block;
    margin-right: 5px;
    color: #777;
}

.pagination ul li a
{
    display: block;
    color: #7d7d7d;
    background: white;
    border: 1px solid #c5c5c5;
    padding: 3px 6px 2px 6px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-decoration: none;
    font-weight: bold;
}

.pagination ul li a:hover
{
    background: #eaeaea;
    border: 1px solid;
}

.pagination ul li.current a
{
    background: #3b3b3b;
    color: white;
    border: 1px solid #3b3b3b;
}


.pagination ul li a.inactive
{
    background: #eaeaea;
    color: #bdbdbd;
    cursor: default;
    border: 0;
    font-weight: normal;
}

#resultsSizeSelector
{
    padding-top: 4px;
}

#resultsSizeSelector .label
{
    font-weight: bold;
}

#resultsSizeLinks a, #resultsSizeLinks span
{
    margin-left: 5px;
}

#noResultsMessage
{
    padding: 50px;
    font-size: 1.3em;
}


/****************************
MODAL WINDOW
*****************************/

.modalBackground
{
    background-color: black;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

#modalWindow #closeLink
{
    background: transparent url(images/icon_modal_close.png);
    width: 42px;
    height: 42px;
    padding: 0;
    margin: 0;
    top: -20px;
    right: -20px;
    border: 0;
    position: absolute;
}

#modalWindow
{
    padding: 15px;
    background: #ececec;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-box-shadow: 0px 5px 26px 0px #000;
    -webkit-box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 5px 6px 0px #363636;
    width: auto;
    height: auto;
    text-align: left;
    border: solid 1px black;
}

#modalWindow #modalHeader
{
    margin-left: 0;
    font-size: 1.2em;
    font-weight: bold;
}

#modalWindow h3, .sharingsettings h3
{
    margin-bottom: 15px;
}

#modalWindow .modal-description
{
    float: right;
    padding-left: 23px;
    color: #9d9d9d;
    text-shadow: 0 1px 1px #FFF;
    text-transform: uppercase;
    margin-right: 10px;
}

.modal-description.sessionSettings, .modal-description.shareModal
{
    background: transparent url(images/icon_settings_gray.png) no-repeat;
}

.modal-description.statsModal
{
    background: transparent url(images/icon_stats_gray.png) no-repeat;
}


#modalNavigation
{
    position: relative;
    display: block;
}

#modalNavigation li
{
    display: inline;
    margin: 0;
    padding: 0;
    margin-right: -3px;
}

#modalNavigation li a
{
    display: inline-block;
    margin: 0;
    padding: 6px 12px 8px 12px;
    font-size: 14px;
    color: black;
    text-shadow: 0 1px 1px #FFF;
    text-decoration: none;
    border-top: 1px solid #b1b1b1;
    border-right: 1px solid #b1b1b1;
    border-left: 1px solid #b1b1b1;
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    background: url(images/tabs_bg.gif) repeat-x;
    outline: none;
}

#modalNavigation li.selected a
{
    background: #FFF;
}

#modalWindow .modal-content
{
    border: 1px solid #b1b1b1;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    background: white;
    padding: 15px;
    margin-top: -1px;
    min-width: 800px;
    min-height: 200px;
}

#modalWindow #modalIframe
{
    width: auto;
    height: auto;
    min-width: 800px;
    min-height: 400px;
    border: 0;
}

.section .header
{
    border: 0;
    padding: 0;
    background: none;
    color: #41c262;
}

.section .sectionContent
{
    margin: 0;
    padding: 0;
}

#loadingMessage,
#portalLoadingMessage
{
    width: 100px;
    font-weight: bold;
    position: absolute;
    font-size: 15px;
    height: 40px;
    border: 1px solid #888;
    color: #222;
    padding-left: 70px;
    padding-top: 20px;
    margin: 0 auto;
    background: white url(images/ajaxLoader.gif) no-repeat 8px 8px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-box-shadow: 0px 5px 26px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 6px 0px #363636;
    left: 45%;
    top: 40%;
    z-index: 1000000;
}

#portalLoadingMessage
{
    top: 600px;
}


/* License Modal */

.link-button
{
    background: #4d4d4d;
    color: white !important;
    padding: 8px;
    text-decoration: none;
    top: 10px;
    min-width: 90px;
    text-align: center;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    position: relative;
}


/* Recorder Download Modal */

#modalWindow #recorderPopup
{
    width: 850px;
}

#modalWindow .download .recorder
{
    float: left;
    width: 387px;
    padding-right: 20px;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    margin-right: 20px;
}

#modalWindow .download .remote-recorder
{
    border-bottom: 1px solid #e7e7e7;
}

#modalWindow .download .launch-recorder
{
    margin-top: 20px;
}

.download h4
{
    font-weight: bold;
    color: #24b24b;
    font-size: 18px;
    margin-bottom: 20px;
}

.download p
{
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 30px;
}

.download .dlbuttons
{
    margin-bottom: 20px;
    height: 58px;
}

.download .dlbuttons .dl-recorder-pc,
.download .dlbuttons .dl-recorder-mac
{
    display: inline-block;
    font-size: 18px;
    color: #222;
    text-decoration: none;
    height: 48px;
    width: 168px;
    padding: 10px 0 0 15px;
}

.download .dlbuttons em
{
    display: block;
    font-size: 13px;
    text-shadow: none;
}

.download .dlbuttons .dl-recorder-pc, .download .dlbuttons .dl-recorder-pc-disabled
{
    background: url(images/button_dl_windows.png) no-repeat 0 -58px;
    margin-right: 15px;
}

.download .dlbuttons .dl-recorder-pc:hover
{
    background: url(images/button_dl_windows.png) no-repeat 0 0;
}

.download .dlbuttons .dl-recorder-mac, .download .dlbuttons .dl-recorder-mac-disabled
{
    background: url(images/button_dl_mac.png) no-repeat 0 -58px;
}

.download .dlbuttons .dl-recorder-mac:hover
{
    background: url(images/button_dl_mac.png) no-repeat 0 0;
}

.download .dlbuttons .launch-recorder-link, .download .dlbuttons .launch-recorder-link-disabled
{
    background: url(images/button_dl_mac.png) no-repeat 0 -58px;
    margin-right: 15px;
}

.download .dlbuttons .launch-recorder-link:hover
{
    background: url(images/button_dl_mac.png) no-repeat 0 0;
}

.download .dlbuttons .dl-recorder-pc-disabled, .download .dlbuttons .dl-recorder-mac-disabled, .download .dlbuttons .launch-recorder-link-disabled
{
    opacity: 0.30;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=30)";
    filter: alpha(opacity=30);
    zoom: 1;
    cursor: default;
}

#recorderLaunchInstructions
{
    margin-bottom: 15px;
}

#recorderLaunchedMessage
{
    border: solid 1px yellow;
    background: lightYellow;
    padding: 5px;
    margin-bottom: 0px;
}

#launchRecorderFrame
{
    visibility: hidden;
    height: 0px;
    width: 0px;
    border: 0px;
}

/****************************
FAIL
*****************************/

.fail {
    height: 100%;
    background: url(/images/fail.gif) 50% center no-repeat;
    margin: 0px auto;
    background-position: 50% center;
}

.fail .messageContainer
{
    position: relative;
    width: 600px;
    margin: auto;
}

.fail .screen
{
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    margin: 0px;
    background: white;
    filter: alpha(opacity=95);
    opacity: 0.95;
}

.fail .message
{
    position: relative;
    padding: 10px;
    z-index: 1;
    background-color: transparent;
    border: solid 1px #AAA;
}

.fail img
{
    margin: 20px 0 20px 0;
    background: white;
}

.fail h1
{
    font-family: 'Droid Sans' , arial, serif;
    font-size: 22px;
    color: #6AA84F;
    font-weight: bold;
    text-align:left;
}

.fail p
{
    font-size: 1.2em;
    padding-top: 0px;
    text-align: left;
}

.fail .errorHeader
{
    margin-top: 15px;
    font-weight: bold;
}

.fail .errorMessage
{
    margin-top: 15px;
}

/****************************
LOGIN
*****************************/

.pageContents
{
    margin-top: 20px;
}

.login-form .formError
{
    color: red;
    margin-bottom: 10px;
    display: block;
}

.login-form
{
    padding: 15px;
    background: #eef5f0;
    color: #808184;
    font-size: 1.1em;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding-bottom: 55px;
    height: 233px;
    text-align: left;
    width: 408px;
}

.login-form h1
{
    font-family: 'Droid Sans' , arial, serif;
    font-size: 35px;
    color: #808184;
    font-weight: bold;
}

.login-form #notLoggedInControls
{
    margin-top: 25px;
}

.login-form #loggedInControls
{
    margin-top: 25px;
}

.login-form div
{
    margin-bottom: 10px;
}

.login-form hr
{
    margin-top: 35px;
}

.login-form input[type=text], .login-form input[type=password]
{
    padding: 3px;
    width: 230px;
}

.login-form label
{
    display: block;
    float: left;
    width: 120px;
    text-align: right;
    margin-right: 10px;
}

.login-form label.text-input
{
    margin-top: 3px;
}

.login-form label.remember
{
    display: inline;
    float: none;
    width: auto;
}

.login-form .login-btn, .login-form .cancel-btn, .login-form .tool-btn
{
    background: #4d4d4d;
    color: white;
    padding: 8px;
    text-decoration: none;
    margin-left: 130px;
    float: left;
    margin-top: 10px;
    text-align: center;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    min-width: 90px;
    position: relative;
    top: 10px;
}

.login-form .no-top
{
    top: 0px;
}

.login-form .cancel-btn, .login-form .tool-btn
{
    margin-left: 10px;
}

.login-form .helplinks
{
    display: inline;
    margin-left: 10px;
    color: #808184;
    font-size: .8em;
    position: relative;
    top: 20px;
    padding-top: 10px;
    float: left;
}

.login-form .helplinks a
{
    color: #808184;
}

.ssoErrorPanel
{
    margin-bottom: 20px;
    color: red;
}

.eulaForm
{
    margin-top: 5px;
    color: #444;
}

.eulaText
{
    width: 100%;
    height: 175px;
}

#redirectingMessage
{
    margin-top: 30px;
}

/****************************
SYSTEM STATUS
*****************************/

.content-header.nolist
{
    height: 50px;
    border-bottom: 1px solid #989898;
}

.content-table.status
{
    border-bottom: 1px solid #E0E0E0;
    overflow: auto;
}

.content-table.status table
{
    border-bottom: none;
}

.content-table.status th
{
    background: #eaeaea;
    padding: 0px 10px 0 10px;
    font-weight: bold;
    color: #666666;
    height: 31px;
    border-bottom: 1px solid #989898;
    border-right: 1px solid #d1d1d1;
    color: #404041;
    text-shadow: 1px 1px 0 white;
    text-align: left;
}

.content-table.status td
{
    vertical-align: top;
    border-bottom: none;
}

.content-table.status ul li
{
    padding-left: 20px;
    margin-bottom: 10px;
}

.content-table.status ul li.green
{
    background: url(images/icon_status_green.png) no-repeat;
}

.content-table.status ul li.yellow
{
    background: url(images/icon_status_yellow.png) no-repeat;
}

.content-table.status ul li.red
{
    background: url(images/icon_status_red.png) no-repeat;
}

.content-table.status ul li.users
{
    background: url(images/icon_users.png) no-repeat;
}

.content-table.status ul li.folders
{
    background: url(images/icon_folder.png) no-repeat;
}

.content-table.status ul li.sessions
{
    background: url(images/icon_session.png) no-repeat;
}

.content-table.status ul li.servers
{
    background: url(images/icon_servers.png) no-repeat;
}

.content-table.status ul li.recorders
{
    background: url(images/icon_recording.png) no-repeat;
}

.content-table.status ul li.views
{
    background: url(images/icon_stats_dkgray.png) no-repeat;
}

.content-table.status .diskSpace
{
    padding-bottom: 10px;
}

.content-table.status ul li.processing
{
    background: url(images/icon_processing.png) no-repeat;
}


/****************************
USAGE PAGE
*****************************/

#contractUsage
{
    padding: 30px;
    text-align: left;
}

#contractUsage #graphHeaderText
{
    font-size: 1.4em;
    font-weight: bold;
}

#contractUsage #dateHeader,
#contractUsage #graphWrapper,
#contractUsage #legend
{
    width: 650px;
    padding: 10px;
}

#contractUsage #dateHeader
{
    padding-top: 0;
}

#contractUsage #dateHeader #dateHeaderText
{
    position: relative;
    text-align: center;
}

#contractUsage #dateHeader #startDateText,
#contractUsage #dateHeader #endDateText
{
    position: absolute;
    bottom: 0;
}

#contractUsage #dateHeader #startDateText
{
    left: 0;
}

#contractUsage #dateHeader #endDateText
{
    right: 0;
}

#contractUsage #dateHeader #startDateValue,
#contractUsage #dateHeader #endDateValue
{
    font-weight: bold;
}

#contractUsage #graphWrapper
{
    border: solid 1px #B1B1B1;
    background: #F7F7F7;
    padding-bottom: 15px;

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}    

#contractUsage #usageGraph
{
    position: relative;
}

#contractUsage #usageGraph .field:first-of-type
{
    margin-top: 0;
}

#contractUsage #usageGraph .field
{
    position: relative;
    height: 40px;
    margin-top: 15px;
}

#contractUsage #usageGraph .field .remaining,
#contractUsage #usageGraph .field .used,
#contractUsage #usageGraph .field .purchased
{
    position: absolute;
    top: 20px;
}

#contractUsage #usageGraph .field .used
{
    left: 0;
    text-align: center;
    background: #060;
    box-shadow: 0px 0px 3px;
}

#contractUsage #usageGraph .field .used.zero
{
    margin-left: 5px;
}

#contractUsage #usageGraph .field .used.overage,
#contractUsage #usageGraph .field .used.overage .text
{
    background: #B60000;
}

#contractUsage #usageGraph .field .remaining
{
    right: 0;
    text-align: center;
    background: #77C077;
}

#contractUsage #usageGraph .field .remaining.zero
{
    display: none;
}

#contractUsage #usageGraph .field .purchased
{
    left: 100%;
    margin-left: 20px;
}

#contractUsage #usageGraph .field .text
{
    display: inline-block;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    color: white;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);

    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    
    /* IE7 */
    *display: inline;
    zoom: 1;
}

#contractUsage #usageGraph .field .used .text
{
    background: #060;
}

#contractUsage #usageGraph .field .purchased .text
{
    background: #666;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-top: 0;
    margin-bottom: 0;
}

#contractUsage #legend > div
{
    width: 33%;
    text-align: center;
    float: left;
}

#contractUsage #legend .swatch
{
    display: inline-block;
    height: 11px;
    width: 11px;

    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;

    /* IE7 */
    *display: inline;
    zoom: 1;
}

#contractUsage #legend .used .swatch
{
    background: #060;
    box-shadow: 0px 0px 3px;
}

#contractUsage #legend .remaining .swatch
{
    background: #77C077;
}

#contractUsage #legend .purchased .swatch
{
    background: #666;
}

#contractUsage #statsLink
{
    margin-top: 30px;
}


/****************************
OUTPUTS MODAL
*****************************/
#outputsTable
{
    width: 100%;
}

.outputsCell
{
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #B1B1B1;
    padding: 10px;
}

.outputsTopRowCell
{
    width: 50%;
}

.podcastTypeDropDown
{
    width: 165px;
}

#podcastEmbed
{
    height: 100%;
    padding-left: 0px;
}

#podcastEmbed .embedDiv
{
    padding-left: 10px;
}

#videoPodcastEmbedIcon
{
    margin-bottom: 5px;
    margin-left: 25px;
    margin-top: 20px;
}

.podcastPreviewPlaceholder
{
    width: 241px;
    height: 180px;
    margin-bottom: 10px;
}

.podcastPreviewBorder
{
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: black;
    border: 2px solid black;
}

.podcastPreviewBorder img
{
    height: 178px;
    width: 236px;
}

.mixedPreview
{
    margin-bottom: -4px;
}

.mixedPreviewLeft
{
    display: inline-block;
    margin-right: -2px;
    overflow: hidden;
    width: 118px;
}

.mixedPreviewRight
{
    display: inline-block;
    margin-left: -2px;
    overflow: hidden;
    width: 118px;
}

.mixedPreviewRight img
{
    margin-left: -118px;
}

.pipPrimary
{
    margin-left: 158px;
    margin-top: 119px;
    position: absolute;
    width: 78px !important;
    height: auto !important;
}

.sideBySide
{
    height: 119px;
}

.sideBySidePrimary
{
    margin-bottom: 58px;
    margin-left: -4px;
    width: 79px !important;
    height: auto !important;
}

.sideBySideSecondary
{
    width: 157px !important;
    height: auto !important;
}

.viewerPreview
{
    position: absolute;
}

.viewerPreviewPrimary
{
    margin-left: 5px;
    margin-top: 8px;
    position: absolute;
    width: 79px !important;
    height: auto !important;
}

.viewerPreviewSecondary
{
    margin-left: 90px;
    margin-top: 19px;
    position: absolute;
    width: 147px !important;
    height: auto !important;
}

.viewerPreviewOverlay
{
    height: auto !important;
    margin-left: 88px;
    margin-top: 58px;
    position: absolute;
    width: auto !important;
}

.outputHeader
{
    font-size: 24px;
}
.outputIcon
{
    background-color: #ececec;
    border: 1px solid black;
    padding: 4px;
    margin-top: 3px;
    margin-left: 10px;
    margin-right: 15px;
    margin-bottom: 40px;
}

/* end outputs modal */


/****************************
SHARE MODAL
*****************************/

.sharingsettings
{
    min-width: 500px;
    text-align: left;
    padding-bottom: 50px;
}

.sharingsettings a
{
    color: #222;
}

.updating-settings
{
    position: absolute;
    right: 20px;
    padding-right: 15px;
    background: url(images/icon_saving_settings.gif) no-repeat;
    font-weight: bold;
    text-shadow: 1px 1px 0px white;
    margin-top: 3px;
}

.sharingsettings h3#modalHeader
{
    background: url(images/icon_share.png) no-repeat;
    padding: 0 0 0 28px;
    float: left;
}

.sharingsettings .state
{
    background: url(images/sharing_state_bg.gif) repeat-x;
    border: 1px solid #a7a4a4;
    height: 21px;
    padding: 8px 10px 8px 10px;
    text-shadow: 1px 1px 0px #dddddd;
}

.sharingsettings .state h4
{
    background: url(images/icon_lock.png) no-repeat;
    padding: 3px 0 0 25px;
    display: inline-block;
    float: left;
    height: 19px;
    font-size: 14px;
    font-weight: bold;
    margin-right: 12px;
}

.sharingsettings .state p
{
    float: left;
    padding: 5px 0 0 0;
    font-size: 12px;
}

.sharingsettings .state a
{
    float: right;
    padding: 3px;
}


/* PRIVATE STATE */

.sharingsettings .state.private h4
{
    background: url(images/icon_lock.png) no-repeat;
}

/* PUBLIC STATE */

.sharingsettings .state.public h4
{
    background: url(images/icon_public.png) no-repeat;
}

.sharingsettings .shareurl.public
{
    display: none;
}

.sharingsettings .state.public
{
    display: none;
}

.sharingsettings .shareurl a.twitter
{
    width: 27px;
    display: block;
    height: 27px;
    margin-left: 15px;
    padding-top: 0;
    background: url(images/icon_twitter.png);
    float: left;
}

.sharingsettings .shareurl a.facebook
{
    width: 27px;
    display: block;
    height: 27px;
    padding-top: 0;
    background: url(images/icon_facebook.png);
    float: left;
}



/* SHARE URL */

.sharingsettings .shareurl
{
    background: #e7e7e7;
    padding: 8px 10px 8px 10px;
    border-right: 1px solid #a7a4a4;
    border-left: 1px solid #a7a4a4;
    text-shadow: 1px 1px 0px #f1f1f1;
}

.sharingsettings .shareurl label
{
    font-weight: bold;
    font-size: 12px;
    padding-right: 8px;
    float: left;
    padding-top: 7px;
}

.sharingsettings .shareurl input
{
    width: 600px;
    padding: 5px;
    margin-right: 5px;
    cursor: text;
    border: 1px solid #ccc;
    float: left;
}

.sharingsettings .shareurl .help
{
    padding: 3px 6px 0px 6px;
    font-weight: bold;
    display: inline-block;
    float: none;
}

.sharingsettings .shareurl a
{
    margin-left: 5px;
    font-size: 12px;
    float: left;
    padding-top: 7px;
}




/* PERMISSIONS */

.sharingsettings .permissions, .sharingsettings .listofpeople
{
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 190px;
    border-bottom: 1px solid #a7a4a4;
    border-right: 1px solid #a7a4a4;
    border-left: 1px solid #a7a4a4;
    margin-bottom: 12px;
    position: relative;
}

.sharingsettings .permissions ul li, .sharingsettings .listofpeople ul li
{
    border-top: 1px solid #a7a4a4;
    font-size: 14px;
}

.sharingsettings .permissions ul li.user
{
    background: url(images/icon_users.png) 9px 9px no-repeat;
}

.sharingsettings .permissions ul li.group
{
    background: url(images/icon_group.png) 8px 11px no-repeat;
}

.sharingsettings .permissions ul li.invite
{
    background: url(images/icon_email.png) 9px 12px no-repeat;
}


/* PERMISSION ACTIONS */

.sharingsettings .permissions ul li .controls
{
    margin-top: 6px;
    position: relative;
}

.sharingsettings .permissions ul li:hover .controls
{
    z-index: 3;
}

.sharingsettings .permissions ul li .controls p
{
    margin-right: 53px;
    font-size: 13px;
    padding: 5px 0 0 0;
    float: right;
}

.sharingsettings .primarysettings
{
    position: relative;
}

.sharingsettings .dropdown
{
    display: none;
    position: absolute;
    z-index: 5;
    background: white;
    border: 1px solid;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    min-width: 75px;
    -moz-box-shadow: 0px 5px 26px 0px #000;
    -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 5px 6px 0px #363636;
}


.sharingsettings .dropdown a
{
    display: block;
    border: none;
    text-decoration: none;
    border-bottom: 1px solid #ccc;
    padding: 5px;
    font-size: 12px;
    text-shadow: 1px 1px 0px #f3f3f3;
}

.sharingsettings .dropdown a:hover, .sharingsettings .addfromlist ul li.hover
{
    background: #f1f4f0;
}


.sharingsettings .dropdown a.selected
{
    background: #dddddd url(images/icon_check.png) no-repeat 58px 8px;
    font-weight: bold;
}




.sharingsettings .permissions ul li .controls .button
{
    padding: 6px 7px 1px 7px;
    background: none;
    border: 1px solid white;
    position: relative;
    z-index: 0;
    outline: none;
}

.sharingsettings .permissions ul li.hover
{
    background-color: #f1f4f0;
}

.sharingsettings .permissions ul li .controls .remove
{
    font-weight: bold;
    padding: 4px 7px 3px 7px;
}

.sharingsettings .permissions ul li.hover .controls .button
{
    background: url(images/button_bg.gif) repeat-x;
    border: 1px solid #949494;
}

.sharingsettings .permissions ul li.hover .controls .button.delivery
{
    background: none;
    border: 1px solid white;
    cursor: default;
}

.sharingsettings .permissions ul li:hover .controls .button:hover
{
    background: url(images/button_bg.gif) 0px -26px repeat-x;
    border: 1px solid #949494;
}

.sharingsettings .permissions ul li:hover .controls .button:hover.delivery
{
    background: none;
    border: 1px solid white;
    cursor: default;
}

.sharingsettings .permissions ul li .controls .permission
{
    width: 55px;
    line-height: 1em;
}

.sharingsettings .permissions .controls .arrow
{
    margin-top: 5px;
}

.sharingsettings .permissions ul li p
{
    float: left;
    padding: 10px 10px 10px 30px;
}


/* INHERITED PERMISSIONS */

.sharingsettings .permissions .inherit-permissions
{
    background: url(images/inherit_perms_bg.gif);
    height: 16px;
    padding: 6px 5px 5px 10px;
    text-shadow: 1px 1px 0px #dddddd;
}

.sharingsettings .permissions .inherit-permissions input
{
    float: left;
    margin-right: 5px;
    margin-top: 2px;
}

.sharingsettings .permissions .inherit-permissions label
{
    float: left;
    margin-right: 5px;
}

.sharingsettings .permissions .inherit-permissions a.changefolderperms
{
    float: right;
}


.sharingsettings .permissions .inherited-permissions li.hover
{
    background-color: white;
}

.sharingsettings .permissions .inherited-permissions.disabled li.hover .controls .button
{
    background: none;
    border: 1px solid white;
    cursor: default;
}


/* ADD PEOPLE */

.sharingsettings .addpeople
{
    background: #dbf1cf;
    border: 1px solid #b1b1b1;
    padding: 10px;
}

.sharingsettings .addpeople h4
{
    font-weight: bold;
    font-size: 14px;
    color: #3b791c;
    text-shadow: 1px 1px 0px #ebf7e4;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
}

.sharingsettings .addpeople .addgroups
{
    margin-left: 12px;
}

.sharingsettings .addpeople .addpeople-fields
{
    margin-top: 10px;
}



.sharingsettings .addpeople .addpeople-fields, .sharingsettings .addpeople #addpeopleas
{
    display: none;
}

.sharingsettings .addpeople #addpeopleas
{
    float: left;
    margin-left: 12px;
}


/* ADDPEOPLE XTRA FIELDS */

.sharingsettings .addpeople .button
{
    float: none;
    display: inline-block;
}

.sharingsettings .addpeople textarea.emailmessage
{
    width: 470px;
    height: 60px;
    padding: 5px;
    color: #888;
    margin-top: 10px;
    display: none;
    font-family: Arial;
}

.sharingsettings .addpeople .addpeople-fields label
{
    margin-right: 10px;
}

.sharingsettings .addpeople .addpeople-fields .actionbtns
{
    margin-top: 10px;
}


/* ADD PEOPLE FROM LIST */

.sharingsettings .addfromlist
{
    display: none;
    position: relative;
}

.sharingsettings .addfromlist .addgroupslist
{
    display: none;
}

.sharingsettings .addfromlist .addusers,
.sharingsettings .addfromlist .addgroupslist,
.sharingsettings .addfromlist .managegroup
{
    padding: 10px;
    border: 1px solid #a7a4a4;
    position: relative;
    margin-top: -1px;
    z-index: 0;
    margin-bottom: 10px;
    background: #f3f3f3;
}

.sharingsettings .listofpeople
{
    border-top: 1px solid #a7a4a4;
    margin-bottom: 0;
}

.sharingsettings .tabs
{
    z-index: 1;
}

.sharingsettings .tabs li.selected a
{
    background: #f3f3f3 !important;
}

.sharingsettings .addfromlist input.search
{
    padding: 5px;
    border: 1px solid black;
    width: 94%;
    margin-bottom: 10px;
    background: white url(images/icon_search.png) no-repeat 5px 6px;
    padding-left: 25px;
}

.sharingsettings .addfromlist .addgroupslist input.search
{
    width: 75%;
}

.sharingsettings .addfromlist ul li
{
    padding: 10px;
}

.sharingsettings .addfromlist ul li.group
{
    background: white url(images/icon_group.png) 32px 12px no-repeat;
}

.sharingsettings .addfromlist ul li.user
{
    background: white url(images/icon_users.png) 9px 11px no-repeat;
    padding-left: 32px;
}

.sharingsettings .addfromlist ul li input
{
    margin-right: 28px;
    cursor: pointer;
    display: inline-block;
    margin-top: 2px;
    zoom: 1;
    *display: inline;
}

.sharingsettings .addfromlist ul li p
{
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.sharingsettings .addfromlist ul li p.internalGroupsControls
{
    display: inline-block;
    zoom: 1;
    *display: inline;
    float: right;
    *float:none;
}

.sharingsettings .addfromlist ul li p.internalGroupsControls .memberCount
{
    margin-right: 10px;
    margin-left: 20px;
}

.sharingsettings .addfromlist ul li p.internalGroupsControls .owner
{
    margin-left: 20px;
}

.sharingsettings .addfromlist ul li:hover
{
    cursor: pointer;
}

.sharingsettings .addfromlist ul li.selected,
.sharingsettings .addfromlist ul li.selected:hover
{
    background-color: #EAF6FF;
}


.sharingsettings .actionbtns-addfromlist .button
{
    float: none;
    display: inline-block;
}

.sharingsettings .sharenum
{
    display: inline-block;
    margin-left: 20px;
    font-weight: bold;
    font-size: 14px;
    color: #3b791c;
    zoom: 1;
    *display: inline;
}

.sharingsettings .stagingtokenfield
{
    margin-bottom: 35px;
    margin-top: 10px;
}

.sharingsettings .searchusers, .sharingsettings .searchgroups
{
    color: #888;
}

#groupSearchError
{
    background: white;
    color: red;
    padding: 5px;
}


/* ADVANCED GROUP SETTINGS */

.sharingsettings .addgroupslist a.advanced
{
    display: none;
    position: absolute;
    top: 15px;
    right: 10px;
}

.sharingsettings .addgroupslist .advanced-settings
{
    display: none;
}

.sharingsettings .addgroupslist .advanced-settings input[type=text]
{
    background: white;
    padding: 5px;
    width: 56%;
    border: 1px solid #b2b2b2;
    float: left;
    display: block;
    margin-right: 5px;
}


.sharingsettings .addgroupslist .advanced-settings label
{
    float: left;
    display: block;
    font-weight: bold;
    padding: 7px 5px 0 0;
}

.sharingsettings .addgroupslist .advanced-settings .button
{
    float: left;
    display: block;
    padding: 6px 5px 3px 5px;
}

.sharingsettings .addgroupslist .editLink
{
    margin-left: 5px;
}

/* Group management */
.sharingsettings .managegroup
{
    display: none;
}

.sharingsettings .managegroup #newGroupInstructions
{
    margin-bottom: 15px;
}

.sharingsettings .managegroup .groupNameLabel
{
    display: none;
    margin-left: 5px;
    font-weight: bold;
}

.sharingsettings .managegroup .addpeopletogroup
{
    display: none;
    background-color: #DBF1CF;
    border: 1px solid #B1B1B1;
    padding: 10px;
}

.sharingsettings .managegroup .addpeopletogroup ul li
{
    padding: 0px;
}

.sharingsettings .managegroup .addpeopletogroup ul li input
{
    cursor: text;
    display: inline;
    margin: 0;   
}

.sharingsettings .managegroup .addpeopletogroup ul li.token-input-token-facebook
{
    background-color: #EFEFEF;
    padding: 1px 3px;
}


/* New group styles */

#myGroupsHeader, #publicGroupsHeader
{
    padding: 5px 5px 5px 10px;
    font-weight: bold;
    color: #333;
    text-shadow: 1px 1px 0px white;
    background: #ddd;
}

#publicGroupsHeader
{
    border-top: 1px solid #a7a4a4;
}

#providerSelector
{
    display: none;
    margin-bottom: 10px;
}

.addfromlist .button
{
    float: none;
    display: inline-block;
}

.listofpeople.groups
{
    margin-bottom: 10px;
    position: relative;
}

.sharingsettings .dropdown a:hover, .sharingsettings .addfromlist ul li:hover
{
    background-color: #f1f4f0;
}


#groupMembers li p, #groupMembers li input[type=checkbox]
{
    float: left;
    zoom: 1;
    *display: inline;
    position: relative;
}

#groupMembers .controls
{
    display: inline-block;
    float: right;
    position: relative;
}


#groupMembers .controls .button
{
    padding: 2px 6px 2px 6px;
    background: none;
    border: 1px solid white;
    position: relative;
    z-index: 0;
}

#groupMembers li:hover .controls .button
{
    background: url(images/button_bg.gif) repeat-x;
    border: 1px solid #949494;
    position: relative;
}

#editGroupNameButton, #saveGroupNameButton
{
    margin-bottom: 10px;
    margin-left: 5px;
    padding-bottom: 3px;
}

#groupNameLabel
{
    font-weight: bold;
}

#publicCheckboxDiv
{
    padding: 12px 0 12px 0px;
}

#groupNameTextBox
{
    padding: 3px;
    margin-left: 3px;
}

.addpeopletogroup h4
{
    font-weight: bold;
    font-size: 14px;
    color: #3b791c;
    text-shadow: 1px 1px 0px #ebf7e4;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
}

.advanced-settings #searchBase
{
    margin-bottom: 10px;
}

#searchGroupsDiv
{
    width: 100%;
}

.sharingsettings .addfromlist .addgroupslist input.search
{
    width: 90%;
}

.popup-help
{
    font-size: 0.8em;
}

/* Misc styles */

.createFolderPanel
{
    margin-top: 10px;
}

#invitationMessage
{
    margin: 5px;
    margin-bottom: 15px;
    width: 75%;
}


#remoteRecorderPreview
{
    float: left;
    width: 495px;
    padding-right: 15px;
}

.startRecordingPanel
{
    float: left;
    width: 270px;
    background: #EEE;
    padding: 10px;
    border: solid 1px #B1B1B1;
}

.startRecordingPanel .courseDropDown
{
    max-width: 250px;
}

.startRecordingPanel .sessionEntry
{
    width: 245px;
}

.startRecordingPanel .confirmationText
{
    font-style: italic;
    color: #FF0000;    
}

.startRecordingPanel .label
{
    font-weight: bold;
}

.startRecordingPanel .value
{
    margin-top: 2px;
    margin-left: 10px;
    margin-bottom: 15px;
}

.startRecordingPanel #recordDiv
{
    margin-top: 10px;
}

.startRecordingPanel .timeInput
{
    width: 65px;
}

.deviceConfigurationPanel
{
    margin-top: 30px;
}

.deviceConfigurationPanel .latencyWarning
{
    margin-left: 10px;
    margin-bottom: 15px;
}