html {
height: 100%;
}

body {
height: 100%;
}

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


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

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

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


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

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


.icon {
padding-left: 22px;
}

.icon.folder {
background: url(images/icon_folder.png) no-repeat 0 2px;
}

.icon.folder.record {
background: url(images/icon_folder_record.png) no-repeat 0 2px;
}


.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;
-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;	
}

.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;
}




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

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

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

#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;
line-height: 1em;
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;
}

#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;
}

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;
-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_contracted.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;
line-height: 1em; 
display: inline-block;
background: white;
border: 1px solid #dddddd;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color:#979797;
position: absolute;
right: 2px;
font-size: 12px;
}


#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;
}


/* 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;
}


/* 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;
}


/* 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: 556px;
}

.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;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
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.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;
}

.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#scheduledToggle {
margin-top: 7px;
margin-left: 50px;
}

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


.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;
-moz-border-radius: 0;
-webkit-border-radius: 0;
margin-right: 0;
border-bottom: 1px solid #ccc;
}

.content-header .action-buttons .dropdownmenu a:hover {
-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 {
position: relative;
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: 2;
background: white;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
right: 0;
}

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

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

#supportDropdown {
min-width: 100px;
}

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

.subscribe .feeds a, #supportDropdown a {
display: block;
background: none;
border: none;
text-decoration: none;
-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 {
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 {
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;
-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;
}

.content-header .action-buttons a.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 {
    background: url(images/button_bg.gif) repeat-x;
    cursor: default;
}

.content-header .action-buttons a: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;
-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-left: 28px;
border-right: none;
}

/****************************
DETAILS CONTENTS
*****************************/

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

#details .context {
margin-top: 5px;
}

#details .context li.resultsItem {
margin: 10px;
}

#details .context li.resultsItem .time {
margin-left: -15px;
position: absolute;
text-align: right;
width: 75px;
text-decoration: underline;
color: Black;
}

#details .context li.resultsItem .session {
text-decoration: underline;
}

#details .context a {
text-decoration: none;
}

#details .context a.session-link .context {
margin-left: 75px;
}

.content-table td.thumbnail {
padding: 10px;
padding-bottom: 20px;
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 {
text-align: left;
vertical-align: top;
padding: 10px 10px 10px 0;
}

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

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

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

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

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

.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: 12px;
}

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

.content-table td.details-info .meta, .content-table td.details-info .meta .duration {
background: #eaeaea;
display: inline;
padding: 4px;
font-size: 12px;
text-shadow: 1px 1px 0 white;
}

.content-table td.details-info .meta.hover, .content-table td.details-info .meta.hover .duration {
background: #dde4df;
}

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

.content-table td.details-info .meta em {
margin-right: 5px;
font-weight: bold;
}

.content-table td.details-info .meta .duration {
width: 75px;
display: inline-block;
text-align: right;
vertical-align: middle;
margin-top: -3px;
zoom: 1;
*display: inline;
}

.content-table td.details-info .description {
margin-top: 10px;
font-size: 14px;
}

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

/****************************
LIST TABLE CONTENTS
*****************************/

.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 #list tr {
height: 44px;
}
/* non-FF list row height */
.content-table #list 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 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 -45px;
}

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

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

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

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

.list-default {
width: 200px;
}

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

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

/* Sessions Page List */

.status-message {
color: red;
float: right;
font-size: 0.9em;
padding: 1px 0 0 10px;
max-width: 50%;
}

.session-actions {
width: 157px;
}

.list-status {
width: 90px;
}

/* 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: 88px;
}

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

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

.license-actions {
width: 24px;
}

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

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

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

/* Remote Recorders Page List */
.rr-actions {
width: 56px;
}

/* Work around WebKit bug #18565
   Add L/R padding and borders to total width for cells in table with table-layout: fixed */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.content-table td.thumbnail { width: 160px; }
.content-table td.thumbnail.viewer { width: 170px; }
.content-table .list-default { width: 221px; }
.content-table .list-length { width: 91px; }
.content-table .list-date { width: 85px; }
.content-table .session-actions { width: 178px; }
.content-table .list-status { width: 111px; }
.content-table .folder-actions { width: 145px; }
.content-table .list-folder-sessions { width: 171px; }
.content-table .user-actions { width: 109px; }
.content-table .list-user-roles { width: 101px; }
.content-table .license-status-column { width: 109px; }
.content-table .license-actions { width: 45px; }
.content-table .list-license-status { width: 109px; }
.content-table .list-machine-type { width: 131px; }
.content-table .rr-actions { width: 77px; }
}


/****************************
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;
-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;
}


#noResultsMessage
{
padding-top: 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;
-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 {
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 {
background: transparent url(images/icon_settings_gray.png) no-repeat;
}

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


#modalWindow .tabs {
position: relative;
display: block;
}

#modalWindow .tabs li {
display: inline;
margin: 0;
padding: 0;
margin-right: -3px;

}

#modalWindow .tabs 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;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
background: url(images/tabs_bg.gif) repeat-x;
}

#modalWindow .tabs li.selected a {
background: #FFF;
}

#modalWindow .modal-content {
border: 1px solid #b1b1b1;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-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 {
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;
-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;
}

/* License Modal */

.link-button {
background: #4d4d4d;
color: white ! important;
padding: 8px;
text-decoration: none;
top: 10px;
min-width: 90px;
text-align: center;
-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;
margin-right: 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;
}

.download .dlbuttons a {
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 .dl-recorder-pc-disabled, .download .dlbuttons .dl-recorder-mac-disabled {
opacity: 0.30;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=30)";
filter: alpha(opacity=30);
zoom: 1;
cursor: default;
}

#downloadInstructions {
font-size: 0.9em;
font-weight: bold;
}

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

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

.fail .messageContainer {
position: relative;
width: 640px;
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: 25px;
color: #41c262;
font-weight: bold;
}

.fail p {
font-size: 1.3em;
padding-top: 0px;
}

.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;
    -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;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    min-width: 90px;
    position: relative;
    top: 10px;
}

.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;
}

#redirectingMessage
{
    margin-top: 30px;
}

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

.content-header.status {
height: 50px;
}

.content-header.status h1 {
font-size: 18px;
color: #73c460;
font-weight: bold;
text-transform: uppercase;
}

.content-table.status {
overflow-y: auto;
}

.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;
border-top: 1px solid #989898;
color: #404041;
text-shadow: 1px 1px 0 white;
text-align: left;
}

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

.content-table.status td ul li {
padding: 0 0 10px 20px;
}

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

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

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

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

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

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

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

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