/*
 *
 * START GLOBAL STYLES - USED IN ECHOCENTER AND ECHO SUMMARY PAGES =============================================================================
 *
 */
b.hidden {position:absolute;left:0;top:-10px;width:1px;height:1px;overflow:hidden;}

body.echo360-body {margin:0; height:100%; width:100%; background-color:#757575}
div.echo360-page-wrapper {height:100%; width:100%; min-width:785px; float:left; padding:0; margin:0 auto; font:normal 100% "Helvetica Neue",Helvetica,Arial,sans-serif; color:#000000; display:none; background-color:#757575;}
div.echo360-page-wrapper a {text-decoration:none; outline:none; cursor:pointer;}
div.echo360-page-wrapper a:hover, a:visited {color:#9C9C9C;}
div.echo360-page-wrapper button {outline:none; cursor:pointer;}
div.echo360-page-wrapper img {border:0}
div.echo360-app-workspace {width:100%; margin-bottom:-0.5em; float:left; background-color:#757575;}
table#loader-table {height:100%; width:100%; position:absolute;}
td#loader-cell {vertical-align:middle; text-align:center}
div#ec-loader {width:200px; height:160px; margin:0 auto; color:#FFFFFF; font:normal 100% "Helvetica Neue",Helvetica,Arial,sans-serif;}
div#ec-loader div.loading-text {color:#F7F7F7; width:200px;}
div#ec-loader a {outline:none; color:#8EC7FD; text-decoration:none}
div#ec-loader a:hover {color:#59AEFC}
div.spinner {height:16px; width:16px; background:url('../images/spinner.gif') no-repeat;}

/* elements with rounded corners */
.all-rounded-corners {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.top-rounded-corners {-moz-border-radius-topright:5px; -moz-border-radius-topleft:5px; -webkit-border-top-right-radius:5px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px; border-top-right-radius:5px;}
.top-left-rounded-corner {-moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px;}
.bottom-rounded-corners {-moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.btm-left-non-rounded-corner {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px; border-bottom-left-radius:0px;}
.btm-right-non-rounded-corner {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; border-bottom-right-radius:0px;}
.top-left-non-rounded-corner {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; border-top-left-radius:0px;}
.btm-left-rounded-corner {-moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px;}
.btm-right-rounded-corner {-moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px;}
button.all-rounded-corners, div.all-rounded-corners {-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}

/* BUTTONS, DROPDOWNS, MISC. CONTROLS ----------- */
body.echo360-body button.button, ul.ec-dropdown li {
  border:1px solid #C1C1C1; color:#666666;
  background-image:-webkit-gradient(linear, left top, left bottom, from(#F9F9FB), to(#E7E7E9));
  background-image:-webkit-linear-gradient(top, #F9F9FB, #E7E7E9);
  background-image:-moz-linear-gradient(top, #F9F9FB, #E7E7E9);
  background-image:-ms-linear-gradient(top, #F9F9FB, #E7E7E9);
  background-image:-o-linear-gradient(top, #F9F9FB, #E7E7E9);
  background-image:linear-gradient(top, #F9F9FB, #E7E7E9);
}
body.echo360-body button.button:hover, ul.ec-dropdown li:hover {
  background-image:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EDEDEF));
  background-image:-webkit-linear-gradient(top, #FFFFFF, #EDEDEF);
  background-image:-moz-linear-gradient(top, #FFFFFF, #EDEDEF);
  background-image:-ms-linear-gradient(top, #FFFFFF, #EDEDEF);
  background-image:-o-linear-gradient(top, #FFFFFF, #EDEDEF);
  background-image:linear-gradient(top, #FFFFFF, #EDEDEF);
}
body.echo360-body button.button:active {color:#000000;}
div.button-text {width:100%; float:left; margin:0 auto; white-space:normal;}
div.action-arrow {height:9px; width:12px; float:right;}
.arrow-up {background:url('../images/arrow-up-10x5.png') 90% 50% no-repeat;}
.arrow-down {background:url('../images/arrow-down-10x5.png') 90% 50% no-repeat;}
.arrow-right {background:url('../images/arrow-right-16x16.png') 50% 50% no-repeat;}
.arrow-left {background:url('../images/arrow-left-16x16.png') 50% 50% no-repeat;}
button.radio-on {background:url('../images/radio-on.png') 0 50% no-repeat;}
button.radio-off {background:url('../images/radio-off.png') 0 50% no-repeat;}
button.check-on {background:url('../images/check-on.png') 0 50% no-repeat;}
button.check-off {background:url('../images/check-off.png') 0 50% no-repeat;}
button.back-to-top-button {height:2.8em; width:8.5em; padding-left:0.5em; text-align:left; font-weight:bold;}
button.back-to-top-button div {height:2em; width:10px; float:right; margin-left:1em;}
body.echo360-body select {border:1px solid #C1C1C1; color:#666666;}
div.left {float:left}
div.right {float:right}

/* ECHOCENTER DROP DOWN----------- */
ul.ec-dropdown {width:auto; float:left; padding:0 0.25em; margin:0; list-style:none;}
ul.ec-dropdown li {width:auto; float:left; padding:0 0 0 0.5em; margin:0; position:relative; cursor:pointer;}
ul.ec-dropdown li div.ec-dropdown-selected {float:left; line-height:2.2em; margin:0.15em 0 0 0.5em; font-size:0.8em; font-weight:bold;}
ul.ec-dropdown li div.select-arrow {height:30px; width:1.5em; float:right; margin-right:0.5em; background:url('../images/arrow-down-10x5.png') 50% 50% no-repeat;}
ul.ec-dropdown li a {float:left; padding:0.25em; display:block; text-decoration:none;}
ul.ec-dropdown li a:hover {background:none;}
ul.ec-dropdown li span {float:left; position:relative; top:0.65em; cursor:pointer;}
ul.ec-dropdown li span.sub-hover {background-position:center bottom; cursor:pointer;}
ul.ec-dropdown li ul.item {width:auto; left:0; padding:0.25em; margin-left:-1px; float:left; list-style:none; position:absolute; top:1.9em; background:#E8E8EB; display:none; z-index:1; border-right:1px solid #C1C1C1; border-bottom:1px solid #C1C1C1; border-left:1px solid #C1C1C1;}
ul.ec-dropdown li ul.item li {height:auto; width:100%; padding:0; clear:both; background:#FFFFFF; white-space:nowrap; color:#666666; border:none}
ul.ec-dropdown li ul.item li:hover {background-color:#48AFDC; color:#FFFFFF;}
ul.ec-dropdown li ul.item li a {width:100%; padding:0.5em 0.5em 0.5em 0.75em; font-size:0.8em; font-weight:bold;}
ul.ec-dropdown li ul.item li a:hover {color:#FFFFFF;}

/* MESSAGE BOXES */
div.message-box {position:absolute; z-index:1000; padding:1em; font-size:1em; font-weight:bold; margin:2em; box-shadow:2px 2px 3px #AAAAAA}
div.ec-ui-green-msg {
  color:#FFFFFF;
  background-image:-webkit-gradient(linear, left top, left bottom, from(#2DA794), to(#117967));
	background-image:-webkit-linear-gradient(top, #2DA794, #117967);
	background-image:-moz-linear-gradient(top, #2DA794, #117967);
	background-image:-ms-linear-gradient(top, #2DA794, #117967);
	background-image:-o-linear-gradient(top, #2DA794, #117967);
	background-image:linear-gradient(top, #2DA794, #117967);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2DA794, endColorstr=#117967);
}

/* ECHOCENTER TOOLBAR ============================================================================= */
div.bar {height:51px; width:100%; color:#666666;}
div.echo360-toolbar {
  height:51px;
  width:100%;
  border-top:1px solid #FAFAFB;
  background-image:-webkit-gradient(linear, left top, left bottom, from(#F4F4F6), to(#EBEBEC));
	background-image:-webkit-linear-gradient(top, #F4F4F6, #EBEBEC);
	background-image:-moz-linear-gradient(top, #F4F4F6, #EBEBEC);
	background-image:-ms-linear-gradient(top, #F4F4F6, #EBEBEC);
	background-image:-o-linear-gradient(top, #F4F4F6, #EBEBEC);
	background-image:linear-gradient(top, #F4F4F6, #EBEBEC);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#F4F4F6, endColorstr=#EBEBEC);
}
div.divider {height:51px; width:2px; float:left; background:url('../images/divider.png')}
div.echo360-toolbar table {height:51px; float:left;}
div.echo360-toolbar table tr td {vertical-align:middle}
div.echo360-toolbar table tr td:hover {background:#ebebeb}
div.echo360-toolbar table tr td.course-info:hover {background:none}
div.echo360-toolbar table tr td img {margin:3px 1em 0 1em; display:none}
div#echo360-logo {height:26px; width:63px; background:url('../images/logo-green-63x26.png') no-repeat; margin:0 1em;}
div#help {height:20px; width:20px; background:url('../images/help20x20.png') no-repeat; margin:0 1em;}
span#course-info {float:left; margin:0 1em; font-size:1.2em; font-weight:bold}
div.echo360-toolbar a {height:100%; width:100%; float:left; color:#FFFFFF;}
div.echo360-page-wrapper div.echo360-toolbar td.active {
  background-image:-webkit-gradient(linear, left top, left bottom, from(#C3C3C3), to(#E3E3E3));
  background-image:-webkit-linear-gradient(top, #C3C3C3, #E3E3E3);
	background-image:-moz-linear-gradient(top, #C3C3C3, #E3E3E3);
	background-image:-ms-linear-gradient(top, #C3C3C3, #E3E3E3);
	background-image:-o-linear-gradient(top, #C3C3C3, #E3E3E3);
	background-image:linear-gradient(top, #C3C3C3, #E3E3E3);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C3C3C3, endColorstr=#E3E3E3);
}
div.lt-link-wrapper {height:24px; width:24px; margin:0 0.85em;}
div.lt-link-wrapper a.lt-link {background:url('../images/logo-small-lt2.png') no-repeat;}
.lt-link-wrapper-table, div.lt-link-divider {display:none;}


/* settings dropdown */
div.settings-wrapper {display:none; float:left}
td#settings {cursor:pointer;}
td#settings div.toolbar-arrow {height:5px; width:7px; float:right; margin:12px 1em 0 0;}
div.settings-contents-wrapper {width:auto; /*height:160px;*/ height:auto; top:51px; z-index:2; right:0; position:absolute; border:3px solid #E2E2E3; background:#FFFFFF; display:none; color:#666666; -moz-box-shadow:2px 2px 3px #CCCCCC; -webkit-box-shadow:2px 2px 3px #CCCCCC; box-shadow:2px 2px 3px #CCCCCC;}
div.settings-contents-wrapper h3 {margin:0.5em 0 0 0.65em; clear:both}
div.settings-contents-wrapper h2 {margin:0.5em 0.75em 0 0.5em}
div.settings-contents {float:left; padding:1em; font-size:0.8em;}
div.settings-left {width:50%; float:left;}
div.settings-right {width:50%; float:right;}
div.settings-bottom {clear:both; display:none;}
div.settings-info {clear:both; padding:1em 0.5em 0.5em 0;}
div.settings-left h4, div.settings-right h4, div.settings-bottom h4 {margin:0 0 0.5em 0; text-transform:uppercase;}
div.settings-left button, div.settings-right button, div.settings-bottom button {border:none; margin:0.15em 0; padding:0.15em 0.5em 0.15em 0; line-height:20px;}
div.settings-left button span, div.settings-right button span, div.settings-bottom button span {margin-left:2.5em; color:#4D4D4D; white-space:pre;}
div.settings-bottom h4 {padding-top:0.5em}
div.settings-bottom button {margin-left:0.5em}
input.settings-input {width:89%; margin:0 0.75em 0 0.75em; font:normal 100% "Helvetica Neue",Helvetica,Arial,sans-serif; color:#666666;display:block;}
div.settings-contents-wrapper a.save {margin:0.15em 0 0.5em 0.75em}
div.settings-contents-wrapper a.cancel {margin:0.15em 0 0.5em 0}
div.settings-contents-wrapper a.edit {margin-top:0.5em}
div.settings-contents-wrapper div.error-message {font-size:0.8em; margin:0 0.75em}
h3.enter-email {color:#A3A3A3}
div.settings-input-label {margin:0.75em 0.75em 0 0.75em; font-size:0.9em; color:#666666; font-weight:bold;}
div#u-profile-settings {display: none}
h2#u-dName-text {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:300px;}
div.settings-contents-wrapper a.edit {margin-left:3px;}

/* ECHOCENTER FOOTER ============================================================================= */
div#echo360-footer {height:40px; width:100%; background-color:#757575; color:#FFFFFF; font-size:0.8em; font-weight:bold; display:none;}
div#echo360-footer a {color:#8EC7FD;}
div#echo360-footer a:hover {color:#59AEFC}
div.footer-left {float:left; padding:1em}
div.footer-right {float:right; padding:1em;}
div.footer-right span {float:left; margin-left:1em; }
div.echo360-page-wrapper div.echo360-footer-fixed {position:fixed; right:0; bottom:0; left:0; z-index:1}
div#echo360-footer-spacer {height:40px; width:1px; float:left; position:relative;}
div.rss {height:20px; width:20px; margin:-5px 10px 0 0; display:none; float:left; background:url('../images/rss-grey-14x14.png') no-repeat}
div.rss:hover {background:url('../images/rss-14x14.png') no-repeat}
div.rss-links {height:18px; width:auto; float:left; left:32px; position:absolute; display:none; z-index:10; background-color:#FFAE60; border:1px solid #FC7401; border-left:0; -moz-border-radius-topright:5px; -moz-border-radius-bottomright:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; border-top-right-radius:5px; border-bottom-right-radius:5px;}
div#echo360-footer div.footer-left div.rss div.rss-links div {height:18px; width:100px; float:left; text-align:center; display:none;}
div#echo360-footer div.footer-left div.rss div.rss-links div:hover {background-color:#FC7401; cursor:pointer}
div#echo360-footer div.footer-left div.rss div.rss-links div a {color:#FFFFFF}
div#ec-version {width:auto; float:left}

/* POPUPS, MESSAGE BOXES ----------- */
div.echo360-popup-header {background-color:#E3E4E5; color:#666666; font-size:0.9em; font-weight:bold;}
.echo360-popup-close {margin:0.15em -0.35em 0 0;}
div.ui-dialog-titlebar .echo-icon {width:22px; background:url('../images/echo-20x20.png') no-repeat; margin-left:-7px}
div#ec-popup {color:#666666}
div#ec-popup a {outline:none; color:#329fcf}
div#ec-popup a:hover {color:#004a7f}
div.ui-dialog div.ui-dialog-buttonpane {border-top:none; margin:0; padding:0; font-size:0.8em}
div.message-box {position:absolute; color:#FFFFFF; z-index:1000; max-width:200px; white-space:normal; padding:1em; font-size:1em; font-weight:bold; margin:2em; -moz-box-shadow:2px 2px 3px #CCCCCC; -webkit-box-shadow:2px 2px 3px #CCCCCC; box-shadow:2px 2px 3px #CCCCCC;}
div.ec-ui-green-msg {
  background-image:-webkit-gradient(linear, left top, left bottom, from(#2DA794), to(#117967));
	background-image:-webkit-linear-gradient(top, #2DA794, #117967);
	background-image:-moz-linear-gradient(top, #2DA794, #117967);
	background-image:-ms-linear-gradient(top, #2DA794, #117967);
	background-image:-o-linear-gradient(top, #2DA794, #117967);
	background-image:linear-gradient(top, #2DA794, #117967);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2DA794, endColorstr=#117967);
}
div.ec-ui-red-msg {
  background-image:-webkit-gradient(linear, left top, left bottom, from(#D93444), to(#B72B3A));
	background-image:-webkit-linear-gradient(top, #D93444, #B72B3A);
	background-image:-moz-linear-gradient(top, #D93444, #B72B3A);
	background-image:-ms-linear-gradient(top, #D93444, #B72B3A);
	background-image:-o-linear-gradient(top, #D93444, #B72B3A);
	background-image:linear-gradient(top, #D93444, #B72B3A);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D93444, endColorstr=#B72B3A);
}
div.ec-ui-blue-msg {
  background-image:-webkit-gradient(linear, left top, left bottom, from(#1A85BE), to(#136699));
	background-image:-webkit-linear-gradient(top, #1A85BE, #136699);
	background-image:-moz-linear-gradient(top, #1A85BE, #136699);
	background-image:-ms-linear-gradient(top, #1A85BE, #136699);
	background-image:-o-linear-gradient(top, #1A85BE, #136699);
	background-image:linear-gradient(top, #1A85BE, #136699);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#1A85BE, endColorstr=#136699);
}

div.echo360-page-wrapper * .rtl {direction:rtl;}

div.error-message {color:#990000}
textarea.error, input.error {border:1px solid #990000}

/*
 *
 * END GLOBAL STYLES - USED IN ECHOCENTER AND ECHO SUMMARY PAGES =============================================================================
 *
 */

/* WIDGETS ----------- */
div.widget-header-wrapper {border-right:1px solid #DCDCDC; border-left:1px solid #DCDCDC; background:url('../images/widget-header-bg.png') repeat-x;}
div.widget-header {height:32px; line-height:32px; position:relative; padding:0.5em; color:#666666; border-bottom:1px solid #DCDCDC;}
div.widget-header h4 {float:left; padding:0; margin:0 1em 0 2em; font-size:1.3em;}
div.widget-contents {height:100%; width:100%; position:relative; outline:none;}
div.widget-contents div.empty {margin:1em; padding:0.5em; font-size:0.8em; color:#666;}
div.widget-contents div.empty a {color:#329fcf;}
div.widget-contents div.empty a:hover {color:#004a7f;}
div.loading-info {height:auto; width:auto; position:absolute; text-align:center; display:none; z-index:100}
div.loading-graphic {height:128px; width:128px; margin:0 auto; background:url('../images/loading-bg.png') no-repeat}
div.loading-text {margin-top:10px; font-size:14px; font-weight:bold; color:#949494; opacity:1; text-transform:uppercase;}
div.echoes-widget {overflow:hidden; margin:0 0.5em; background-color:#EAEAEB;}
div.btm-fader {height:19px; width:95%; position:absolute; bottom:0; margin-left:5px; background:url('../images/widget-btm-fade-1x19.png') repeat-x; display:none}
div.detail-item, li.detail-item {border-bottom:1px solid #DCDCDC; margin-right:0.5em; cursor:pointer}
div.last-item, li.last-item {border-bottom:none !important;}

/* DASHBOARD, WIDGETS ============================================================================= */
div.dashboard, div.echoes {width:100%; overflow:hidden;}
div.dashboard-top {width:100%; margin:0.65em 0 0; float:left; display:none;}
div.anonymous div.dashboard-top {margin-bottom: 0.5em}
div.dashboard-bottom {width:100%; display:none; float: left;}
table.dashboard-table {width:100%;}
table.dashboard-table tr td {background:#FFFFFF; vertical-align:top;}
table.dashboard-table tr td.left-widget {width:auto; min-width: 406px;}
table.dashboard-table tr td.right-widget {width: 340px;}

/* TABBED WIDGETS ----------- */
div.tab-widget {margin:0 0.5em; background:#DCDCDC;}
div.tab-widget-header {border-bottom:1px solid #DCDCDC;}
div.tab-widget-content {width:100%; float:left; background:#FFFFFF; color:#797979; text-align:left;}
div.tab {height:31px; width:auto; float:left; padding:0.5em 0.5em 0.5em 0; border-right:1px solid #DCDCDC; cursor:pointer}
div.tab div {height:100%; width:auto; float:left; padding:0 0 0 0.5em;}
div.tab-active {
  z-index:2;
  background-image:-webkit-gradient(linear, left top, left bottom, from(#C3C3C3), to(#E3E3E3));
	background-image:-webkit-linear-gradient(top, #C3C3C3, #E3E3E3);
	background-image:-moz-linear-gradient(top, #C3C3C3, #E3E3E3);
	background-image:-ms-linear-gradient(top, #C3C3C3, #E3E3E3);
	background-image:-o-linear-gradient(top, #C3C3C3, #E3E3E3);
	background-image:linear-gradient(top, #C3C3C3, #E3E3E3);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C3C3C3, endColorstr=#E3E3E3);
}
div.tab:hover {background-color:#EBEBEB;}
div.tab-title {background-color:#E3E3E3; padding:0.8em}
div.tab-title h3 {margin:0; letter-spacing:-0.025em}

/* APPLICATION BAR (2nd from top)  ============================================================================= */
div.app-bar {float:left; background-color:#757575;}
div.app-bar-nav {width:100%; float:left;}

/* LIVE WIDGET ----------- */
div.live-widget {margin-top:0.5em; background-color:#FFFFFF; font:normal 120% Helvetica,Arial,sans-serif; color:#333333;}
div.live-bar {width:auto; height:2em; padding:0.75em; margin:0 0.5em; background:#FFFFFF url('../images/echo-bg.png') 90% 50% no-repeat; border:1px solid #DCDCDC; font-weight:bold; color:#666666; line-height:2.2em;}
div.live-left {width:60%; float:left; position:relative; overflow:hidden /*top:15%;*/}
div.live-right {width:40%; float:right;}
body.echo360-body div.live-right button {
  height:2em; width:auto; float:right; white-space:pre; padding:0 0.5em; font-size:1em; font-weight:bold; display:none; border:1px solid #8D8D8D; text-transform:uppercase; cursor:pointer;
  background-image:-webkit-gradient(linear, left top, left bottom, from(#FCFCFD), to(#D8D9DC));
  background-image:-webkit-linear-gradient(top, #FCFCFD, #D8D9DC);
  background-image:-moz-linear-gradient(top, #FCFCFD, #D8D9DC);
  background-image:-ms-linear-gradient(top, #FCFCFD, #D8D9DC);
  background-image:-o-linear-gradient(top, #FCFCFD, #D8D9DC);
  background-image:linear-gradient(top, #FCFCFD, #D8D9DC);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FCFCFD, endColorstr=#D8D9DC);
}
body.echo360-body div.live-right button:hover {
  background-image:-webkit-gradient(linear, left top, left bottom, from(#FDFDFE), to(#E7E8E9));
  background-image:-webkit-linear-gradient(top, #FDFDFE, #E7E8E9);
  background-image:-moz-linear-gradient(top, #FDFDFE, #E7E8E9);
  background-image:-ms-linear-gradient(top, #FDFDFE, #E7E8E9);
  background-image:-o-linear-gradient(top, #FDFDFE, #E7E8E9);
  background-image:linear-gradient(top, #FDFDFE, #E7E8E9);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FDFDFE, endColorstr=#E7E8E9);
}
h3#live-label-wrapper {margin:0 0 0 0.25em; font-size:1.5em; font-weight:bold; white-space:pre; letter-spacing:-0.02em}
h4.live-echo {display:inline-block; margin:0 0.5em 0 0; color:#118474; text-transform:uppercase;}
button.lt-button {margin-right:0.5em}

/* ANALYTICS WIDGET ----------- */
div.analytics-widget div.widget-header {background:url('../images/analytics-20x20.png') 15px 50% no-repeat;}
div.chart-dropdown {line-height:1em; margin-right:0.25em; float:right; display:none;}
div#analytics-wrapper {height:auto; width:100%; min-height:300px; margin-bottom:0.5em; display:inline-block; color:#666666; position:relative;}
div#analytics-wrapper table {width:100%}
div#analytics-wrapper table tr td.chart-btn-cell {width:40px; vertical-align:middle}
div#chart-wrapper {width:100%; margin-bottom:0.5em; position:relative; text-align:left; display:inline-block;}
div.chart-header {width:auto; height:25px; margin:1em 3em 0.5em}
div#chart-title {float:left; font-weight:bold; font-size:1.1em; letter-spacing:-0.025em}
div#chart {width:100%; height:250px; margin:0 auto; position:relative; display:inline-block;}
div#chart-yAxis {float:left; margin:100px 0 0 0.5em; font-size:0.8em; white-space:nowrap; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg);}
div#chart-xAxis {width:100%; float:left; margin-top:-1em; font-size:0.8em;}
select#chart-screenreader {height:1px; width:1px; top:auto; left:-10000px; position:absolute; overflow:hidden; display:none}
div#chart-toolbar {width:95%; margin:-1em auto 0 auto;}
div#chart-legend {font-size:0.8em; float:right}
div.chart-legend-item {width:130px}
div#chart-legend div.legend-box-wrapper {height:10px; width:12px; float:right; padding:2px;}
div#chart-legend div.legend-box {height:90%; width:80%; margin-top:0.15em}
div.total-box {background-color:#329fcf}
div.legend-text-wrapper {width:110px; float:left; text-align:right}
div#chart-legend div.legend-text {margin-top:0.05em; font-size:0.9em}
div.unique-box {background-color:#004a7f}
button#prev-btn {background:url('../images/chart-left-arrow-11x16.png') no-repeat; float:left; margin-left:1.5em}
button#prev-btn:hover {background:url('../images/chart-left-arrow-hover-11x16.png') no-repeat;}
button#next-btn {background:url('../images/chart-right-arrow-11x16.png') no-repeat; float:right; margin-right:1.5em}
button#next-btn:hover {background:url('../images/chart-right-arrow-hover-11x16.png') no-repeat;}
button.page-btn {width:11px; height:16px; border:0; position:relative; visibility:hidden; cursor:pointer;}
div.jqplot-xaxis .jqplot-xaxis-label {margin-left:-1.5em}
button#reset-zoom {display:none}
div.jqplot-target div::selection, div.jqplot-target canvas::selection, div.jqplot-axis jqplot-yaxis canvas::selection, div.jqplot-axis jqplot-xaxis canvas::selection {background:rgba(0, 0, 0, 0)}
div.jqplot-target div::-moz-selection, div.jqplot-target canvas::-moz-selection, div.jqplot-axis jqplot-yaxis canvas::-moz-selection, div.jqplot-axis jqplot-xaxis canvas::-moz-selection {background:rgba(0, 0, 0, 0);} /* Firefox */
/* chart bars tooltip */
div#bar-tooltip {position:absolute; z-index:99; display:none; color:#666;}
div#bar-tooltip div.bar-tooltip-inner {background-color:#f7f7f7; padding:0.5em; margin-left:6px; border:2px solid #747474; text-align:left; font-size:0.9em}
div#bar-tooltip div.bar-tooltip-inner h6 {font-size:0.9em; margin:0}
div.bar-tooltip-inner span {font-size:0.8em}
span.unique-text {color:#004A7F;}
span.total-text {color:#329FCF;}
div.bar-tooltip-arrow {height:10px; width:6px; position:absolute;}
div.bar-tooltip-arrow-left {left:0; background:url('../images/bar-tooltip-arrow-left-6x10.png') no-repeat;}
div.bar-tooltip-arrow-right {right:0; background:url('../images/bar-tooltip-arrow-right-6x10.png') no-repeat;}
div.chart-dropdown {display:none}
table.chart-table tr td {display:table-cell;}

/* NOTES WIDGET ----------- */
div.notes-widget div.widget-header {background:url('../images/notes-20x20.png') 15px 50% no-repeat;}
div.notes-dropdown {line-height:1em; margin-right:0.25em; float:right; display:none;}

/* ACTIVITY WIDGET ----------- */
div.activity-widget div.widget-header {background:url('../images/activity-22x20.png') 15px 50% no-repeat;}
div.activity-widget div.widget-header button {height:20px; width:20px; float:right; margin-top:5px; border:0; background:url('../images/refresh-20x20.png') no-repeat; display:none;}

div.notes-widget div.widget-contents, div.activity-widget div.widget-contents {height:300px; margin:1em 0;}
div.notes-widget div.widget-contents div.empty, div.activity-widget div.widget-contents div.empty {margin:-0.5em 0.5em 0 0.5em;}

/* REUSABLE LIST ITEM STYLES FOR RECENT ACTIVITY, NOTES, ETC. */
ul.list-wrapper {width:100%; float:left; margin:0; padding:0; overflow:hidden; outline:none; list-style:none}
ul.list-wrapper .last {border-bottom:0}
li.item {width:auto; height:auto; padding:0.5em 0; margin:0 1em; border-bottom:1px solid #E3E3E3; cursor: pointer;}
li.item:hover {background-color: #f5f5f5}
li.item div.title {font-size:0.8em; font-weight:bold; letter-spacing:0.025em; text-transform:uppercase; color:#666}
li.item div.text {font-size:0.8em; margin:0.25em 0; color:#666; text-overflow:ellipsis; overflow:hidden; cursor:pointer; display:inline-block}
li.item div.text a {color:#666}
li.item div.text:hover, li.item div.text a:hover {color:#329fcf}
li.item div.meta {font-size:0.75em; color:#999}
li.item div.meta a {color:#999; cursor:pointer}
li.item div.meta a:hover {color:#329fcf}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {overflow:hidden; position:relative; outline:none}
.jspPane {position:absolute; padding: 0;}
.jspVerticalBar {position:absolute; top:0; right:0; width:6px; height:100%; background:none; margin-right:0.5em}
.jspHorizontalBar {position:absolute; bottom:0; left:0; width:100%; height:16px; background:none;}
.jspVerticalBar *, .jspHorizontalBar * {margin:0; padding:0;}
.jspCap {display:none;}
.jspHorizontalBar .jspCap {float:left;}
.jspTrack {background:#E3E3E3; position:relative; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.jspDrag {background:#808080; position:relative; top:0; left:0; cursor:pointer; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {float:left; height:100%;}
.jspArrow {background:#50506d; text-indent:-20000px; display:block; cursor:pointer;}
.jspArrow.jspDisabled {cursor:default; background:#80808d;}
.jspVerticalBar .jspArrow {height:16px;}
.jspHorizontalBar .jspArrow {width:16px; float:left; height:100%;}
.jspVerticalBar .jspArrow:focus {outline:none;}
.jspCorner {background:#eeeef4; float:left; height:100%;}
.jspHorizontalBar {display:none !important;}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {margin:0 -3px 0 0;}
/* overrides */
div.echoes-scroll-wrapper div.jspContainer div.jspVerticalBar,
div.report-wrapper div.jspContainer div.jspVerticalBar {background:#f5f5f5; padding:6px; margin:0; border-left:1px solid #dcdcdc;}
div.echoes-scroll-wrapper div.jspContainer div.jspVerticalBar {border-right:1px solid #dcdcdc; z-index:1}
div.details-contents div.jspContainer div.jspVerticalBar {margin:0;}

/* ECHOES LIST WIDGET ============================================================================= */
div.echoes {display:none; position:relative; min-width:796px;}
div.echoes-no-dashboard {margin-top:0.5em;}
div.echoes-widget div.widget-header {background:url('../images/echo-20x20.png') 15px 50% no-repeat; border-bottom:1px solid #DCDCDC}
div.echoes-header-toolbar {
  height:28px; width:100%; border-bottom:1px solid #CCCCCC; font-size:0.8em; font-weight:bold; color:#666666;
  background-image:-webkit-gradient(linear, left top, left bottom, from(#D8D8D9), to(#B4B4B5));
  background-image:-webkit-linear-gradient(top, #D8D8D9, #B4B4B5);
  background-image:-moz-linear-gradient(top, #D8D8D9, #B4B4B5);
  background-image:-ms-linear-gradient(top, #D8D8D9, #B4B4B5);
  background-image:-o-linear-gradient(top, #D8D8D9, #B4B4B5);
  background-image:linear-gradient(top, #D8D8D9, #B4B4B5);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8D8D9, endColorstr=#B4B4B5);
}
div#echoes-header-toolbar-left {width:80%; position:absolute;}
div#echoes-header-toolbar-left div.arrow-down {height:28px; width:20px;}
div#echoes-header-toolbar-right, div.student-reports-toolbar div.toolbar-right {position:relative; float:right; margin-right:1.5em; line-height:28px}
div.echoes-header-buttons-wrapper {height:2.2em; line-height:1.3em; margin:0.25em 0 0 12em;}
div.echoes-header button {float:left; padding:0; margin-left:1em; border:none; font-size:1em; outline:none}
div.echoes-header button span {float:left; margin:0 0 0 2em; color:#666666;}
div.grid-sub-header {padding-right:5em;}
div.grid-sub-header span {float:left;}
div.echoes-wrapper {height:inherit; float:left; border-left:1px solid #EAEAEB; border-bottom:1px solid #EAEAEB; background-color:#EAEAEB}
div.echoes-scroll-wrapper {height:100%; width:100%; outline:none; background-color:#EAEAEB}
ul#echoes-list {height:100%; width:100%; margin:0; padding:0; list-style:none;}
ul#echoes-list li {height:auto; min-height:60px; width:100%; float:left;}
li.li-echoes {cursor:pointer}
li.row-selected {background:#757575; color:#FFFFFF}
li.row-selected div.row-arrow {display:block;}
li.row-unselected {
  color:#666666;
  background-image:-webkit-gradient(linear, left top, left bottom, from(#F9FAFE), to(#F3F3F6));
  background-image:-webkit-linear-gradient(top, #F9FAFE, #F3F3F6);
  background-image:-moz-linear-gradient(top, #F9FAFE, #F3F3F6);
  background-image:-ms-linear-gradient(top, #F9FAFE, #F3F3F6);
  background-image:-o-linear-gradient(top, #F9FAFE, #F3F3F6);
  background-image:linear-gradient(top, #F9FAFE, #F3F3F6);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#F9FAFE, endColorstr=#F3F3F6);
}
li.row-unselected div.row-arrow {display:none;}
table.no-data {height:100%; width:100%; color:#666666; display:none; padding:1em}
td.no-data-cell {height:100%; width:100%; vertical-align:middle; text-align:center; padding:1em}
td.no-data-cell h3 {margin-top:-1em}
div#column-sorters {height:28px; width:100%; display:none;}
div.column-sorter {display:inline-block; text-align:left;}
div.column-sorter span {float:left; margin-top:5px; font-size:0.8em; font-weight:bold;}
div.date-sorter {width:59.5%; cursor:pointer}
div.date-sorter:hover {color:#000000}
div.presenter-sorter, div.room-sorter {width:19%;}
span#date-sorter-label {margin-left:13px}
div#date-sorter-arrow {margin:0.25em 0 0 3em}
div.echoes-widget div.tab-widget-content {background-color:#EAEAEB}

/* ECHOES LIST ROW ----------- */
div.echo-li-left-wrapper {width:85%; float:left}
div.sched-li-left-wrapper {width:59%; margin-left:0.5em; display:inline-block;}
div.sched-li-left-wrapper div.title-wrapper {padding-left:0.5em;}
div.title-wrapper {width:auto; padding-top:0.45em; overflow:hidden}
div.presenter-wrapper {display:inline-block; color:#666666;}
div.echo-thumbnail {width:75px; margin:0.5em 1em; float:left;}
div.echo-thumbnail div {display:block; background:#000 url('../images/thumb-sm-bg.png') no-repeat 50% 50%; position:relative; height:0; padding:56.25% 0 0 0; overflow:hidden;}
div.echo-thumbnail div img {border:none; position:absolute; display:block; max-width:100%; max-height:100%; left:0; right:0; top:0; bottom:0; margin:auto;}

div.echo-message {font-size:0.8em; display:inline-block; vertical-align:top;}
div.other-message {color:#666666; float:left}
div.echo-title {width:auto; font-size:1em; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div.echo-meta-wrapper {font-size:0.8em; margin-top:1px; float: left}
div.echo-date {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div.echo-live {color:#5CA9C6; font-weight:bold;}
/*div.echo-meta-wrapper div.echo-duration {display:none}*/
div.echo-presenter, div.echo-room {display:inline-block; width:19%; vertical-align:top; margin-right:0.25em;}
div.floater {height:50%; float:left; margin-bottom:20px;}
div.echo-meta-text {clear:both; position:relative; margin-top:1em; font-size:0.8em; color:#666666; white-space:pre-wrap;}
div.echo-buttons {margin:0.25em 0 0 0.5em; display:inline-block;}
div.title-wrapper div.echo-buttons button {margin:0 0.5em 0 0; height:22px; width:22px; opacity:0.8; float:left; display:none;}
div.title-wrapper div.echo-buttons button:hover {opacity:1}
div.title-wrapper div.echo-buttons button.available-button {background:url('../images/jquery-ui-theme-smoothness/ui-icons_2e83ff_256x240.png') -206px -190px !important;}
div.title-wrapper div.echo-buttons button.lt-button {background:url('../images/logo-16x15-lt.png') 50% 50% no-repeat !important;}

/* ECHO DETAILS ----------- */
div.echo-details-wrapper {height:100%; display:none; position:absolute; top:29px; right:0; background-color:#EAEAEB; color:#666666; border-right:1px solid #D3D3D3; border-bottom:1px solid #D3D3D3;}
table#details-table {height:100%}
table#details-table, table#details-table tbody tr, table#details-table tbody tr td {width:inherit}
table#details-table tr td {vertical-align:top;}
td#echo-header-cell {display:none}
div#echo-header {height:40px; margin:0.5em;}
div#echo-header-left {width:65%; position:absolute; float:left; font-size:0.8em; margin-left:0.5em;}
div#echo-header-title-wrapper {width:100%; overflow:hidden;}
div#echo-header-title-wrapper input {width:95%; margin:0 0 0.15em 0; font:normal 100% "Helvetica Neue",Helvetica,Arial,sans-serif; color:#666666}
div#echo-header-title {width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0; font-size:1.4em; font-weight:bold;}
div#echo-date {padding:0.25em 0}
div.details-date {float:left; padding-right:10px;}
div#echo-header-right {position:absolute; right:0; margin:1px 1em 0 0}
div#echo-header button {height:auto; width:auto; padding:0.15em 0.5em; float:right;}
div#echo-header button#lt {margin-right:0.2em;}
div#echo-header-right button.play-echo {opacity:1}
div#echo-header-right button.disable-play-echo {opacity:0.5}
div#echo-header-right button.disable-play-echo div#play-arrow {background:url('../images/play-disabled-13x19.png') 50% 50% no-repeat}
div#play-title {float:left; margin:0 0.5em 0 1em; line-height:30px; font-size:1.3em; font-weight:bold;}
div#play-arrow {height:30px; width:30px; float:right; background:url('../images/play-13x19.png') 50% 50% no-repeat}
div#lt-title {float:left; margin:0 0.5em 0 1em; line-height:30px; font-size:1.3em; font-weight:bold;}
div#lt-logo {height:30px; width:30px; float:right; background:url('../images/logo-small-lt2.png') 50% 50% no-repeat}
div#echo-tabs-wrapper {height:100%; width:100%; margin:0 0.5em 0 0.65em; float:left; border:1px solid #DCDCDC; background:#FFFFFF;}
div.details-wrapper {padding:0.5em}
div.details-contents-wrapper {margin:1em}
div.details-contents {height:100%; width:100%; overflow:auto; outline:none}
div.contents-wrapper, ul.contents-wrapper {width:100%; margin-right:1em}
div.details-contents div.empty {margin:0;}
div#no-details-data {padding:1em; font-size:0.8em}
div.echo-status div {vertical-align:top; margin-top:3px}
div.echo-status div, div.echo-status button {display:inline-block}
div.status-value button.unavailable {margin-right:0.5em; height:22px; width:22px; background:url('../images/jquery-ui-theme-smoothness/ui-icons_cd0a0a_256x240.png') -30px -190px no-repeat !important; opacity:0.8}
div.status-value button.unavailable:hover {opacity:1}
div#echo-header-title-wrapper a, div.info-bottom a, div.settings-contents-wrapper a {float:left; height:12px; width:16px;}
div#echo-header-title-wrapper a.edit {margin-top:3px}
a.edit {background:url('../images/jquery-ui-theme-smoothness/ui-icons_888888_256x240.png') -65px -115px}
a.save {background:url('../images/jquery-ui-theme-smoothness/ui-icons_2e83ff_256x240.png') -65px -145px}
a.cancel {background:url('../images/jquery-ui-theme-smoothness/ui-icons_cd0a0a_256x240.png') -80px -129px}
textarea#echo-desc-textarea {width:100%; height:80px; resize:vertical; font:normal 100% "Helvetica Neue",Helvetica,Arial,sans-serif; color:#666666}
textarea#echo-embed-textarea {width:100%; height:auto; resize:vertical; font:normal 100% "Helvetica Neue",Helvetica,Arial,sans-serif; color:#666666; overflow-y:scroll; min-height:60px; border:1px solid #DCDCDC;}
div.info-bottom a {margin-bottom:0.5em}

/* tablets */
a.play-button-tablet {height:100%; width:100%; float:left}
/* tabs */
div#details-tabs-wrapper {height:42px; width:100%; background:url('../images/details-tabs-bg.png') repeat-x; border-bottom:1px solid #DCDCDC}
div#details-tabs {height:41px; float:left; z-index:1; background-color:#F5F5F5}
div.details-tab {height:42px; width:48px; float:left; border-right:1px solid #DCDCDC; cursor:pointer}
div.tab-hover {background:#EBEBEB;}
div#analytics-tab div {height:100%; width:100%; background:url('../images/analytics-20x20.png') 50% 50% no-repeat}
div#info-tab div {height:100%; width:100%; background:url('../images/info-20x20.png') 50% 50% no-repeat}
div#disc-tab div {height:100%; width:100%; background:url('../images/activity-22x20.png') 50% 50% no-repeat}
div#notes-tab div {height:100%; width:100%; background:url('../images/notes-20x20.png') 50% 50% no-repeat}
div#tab-title {background-color:#E3E3E3; padding:0.8em}
div#tab-title h3 {margin:0; letter-spacing:-0.025em}
/* echo analytics */
div.echo-analytics {float:left; padding-bottom:0.5em;}
div.analytics-wrapper {width:100%; float:left; margin-right:1em}
div.analytics-title {padding-top:0.5em}
div.analytics-title h5 {margin:0; padding:0.5em 0; letter-spacing:-0.025em; text-transform:uppercase;}
div.echo-data {float:left; margin:0 0.5em 0 0; color:#949494;}
div.echo-data-text {float:left; margin:0 0.5em 0 0; text-align:left;}
div.echo-data h3 {float:right; margin:0; font-weight:normal}
div.data-divider {height:35px; width:1px; float:left; margin:0.25em 1em 0 0; border-right:1px dotted #AAAAAA;}
div.row-arrow {height:60px; width:35px; float:right; margin-right:-3px; background:url('../images/row-arrow35x62.png') no-repeat}
div.low-text {font-size:1em}
div.low-text-sm {font-size:0.9em}
div.med-text {font-size:1em}
div.med-text-sm {font-size:0.9em}
div.high-text {font-size:0.9em}
div.high-text-sm {font-size:0.8em}
h3.low-data {font-size:2.2em}
h3.low-data-sm {font-size:1.8em}
h3.med-data {font-size:1.8em}
h3.med-data-sm {font-size:1.6em}
h3.high-data {font-size:1.6em}
h3.high-data-sm {font-size:1.5em}
/* echo analytics heat map */
div.heatmap {width:460px; margin:0.5em 0 2em;}
div.heatmap-segments {height:10px; margin-bottom:10px; background:url('../images/bar.png') repeat-x;}
div.heatmap-segment {height:10px; margin-top:0; position:absolute;}
div.heatmap-segment div {height:100%; width:100%; float:left; position:relative; cursor:pointer}
div.usage-analytics div.segment-1 {background:url('../images/1.png') repeat-x;}
div.usage-analytics div.segment-2 {background:url('../images/2.png') repeat-x;}
div.usage-analytics div.segment-3 {background:url('../images/3.png') repeat-x;}
div.timeline {height:10px; background:url('../images/timeline.png');}
div.heatmap div.echo-duration {height:10px; width:100%; padding-top:3px; float:left; font-size:0.6em;}
div.duration-start {float:left}
div.duration-end {float:right}
div.heatmap-header {height:30px; }
div.heatmap-header div.analytics-title {float:left}
div.heatmap-legend {float:right; font-size:0.8em; padding-top:1.15em}
div.heat-key {float:left}
div.heat-key div {height:10px; width:10px; float:left; margin:2px 5px 0 10px}
div.heat-key span {float:left;}
div.minimal div {background:url('../images/bar.png')}
div.low div {background:url('../images/1.png')}
div.moderate div {background:url('../images/2.png')}
div.high div {background:url('../images/3.png')}
/* info */
div.contents-wrapper table {margin-right:0.5em; font-size:0.8em}
td.info-thumb {width:30%; vertical-align: top;}
td.info-thumb div {display:block; width:240px; background:#000 url('../images/thumb-lg-bg.png') no-repeat 50% 50%; position:relative; padding: 56.25% 0 0 0; overflow:hidden;}
td.info-thumb div img {border:none; position:absolute; display:block; max-width:100%; max-height:100%; left:0; right:0; top:0; bottom:0; margin:auto;}
td.info-metadata {width:70%; vertical-align:top}
div.info-meta {width:100%; margin:0.25em; float:left;}
div.info-key {float:left; margin-left:0.5em; font-weight:bold; text-transform:uppercase;}
div.info-value {float:right; text-align:right}
div.info-value a {color:#0592CF}
div.info-value a:hover {color:#04719F}
div.info-bottom {margin-top:1em; border-top:1px solid #DCDCDC}
div.info-bottom h5 {margin:1em 0 0; letter-spacing:-0.025em; text-transform:uppercase; font-size:1em;}
div.info-desc {margin:0.5em 0;}
div.info-embed {margin-top:2em; border-top:1px solid #DCDCDC;}
div.info-embed h5 {margin:1em 0 0; letter-spacing:-0.025em; text-transform:uppercase; font-size:1em;}
div.info-embed-link {margin:0.5em 0;}
div.right-click-text {font-size:0.8em; float:right; text-align:right; margin:0.25em -0.25em 0.25em 0.25em;}
/* echo discussions, echo notes */
div.discussions, div.notes {height:100%; width:100%;}
div.discussion:hover, div.note:hover {background-color:#F8F8F8; cursor:pointer}
ul.discussions, ul.notes {margin:0;}
ul.discussions li.item, ul.notes li.item {margin-left:0.5em;}


/* echoes list filter and report drop downs */
/* top level selector */
ul.lectures-dropdown,
  ul.report-dropdown {width:auto; float:left; padding:0 0.25em; margin:0; list-style:none; z-index:5; border-right:1px solid #E6E6E6}
ul.lectures-dropdown li,
  ul.report-dropdown li {width:auto; float:left; margin:0; padding:0 1em; position:relative; cursor:pointer; z-index:5;}
ul.lectures-dropdown li div.select-text,
  ul.report-dropdown li div.select-text {float:left; line-height:30px; font-weight:bold;}
ul.lectures-dropdown li div.select-arrow,
  ul.report-dropdown li div.select-arrow {height:30px; width:15px; float:right; margin:0 2em 0 0; background:url('../images/arrow-down-10x5.png') 50% 50% no-repeat;}
/* drop down */
ul.lectures-dropdown li ul.lectures-dropdown-item,
  ul.report-dropdown li ul.report-dropdown-item {width:auto; left:0; padding:0.25em; margin-left:-3px; float:left; list-style:none; position:absolute; top:24px; background:#B1B1B1; display:none; z-index:5; border-right:1px solid #C1C1C1; border-bottom:1px solid #C1C1C1; border-left:1px solid #C1C1C1;}
ul.lectures-dropdown li ul.lectures-dropdown-item li,
  ul.report-dropdown li ul.report-dropdown-item li {height:auto; width:99%; padding:0.5em 0; clear:both; background:#FFFFFF; white-space:nowrap; color:#666666;}
ul.lectures-dropdown li ul.lectures-dropdown-item li:hover,
  ul.report-dropdown li ul.report-dropdown-item li:hover {background-color:#48AFDC; color:#FFFFFF;}
ul.lectures-dropdown li ul.lectures-dropdown-item li a,
  ul.report-dropdown li ul.report-dropdown-item li a {width:100%; padding:0 0.5em 0 0.75em; font-weight:bold;}
ul.lectures-dropdown li ul.lectures-dropdown-item li a:hover,
  ul.report-dropdown li ul.report-dropdown-item li a:hover {color:#FFFFFF;}

/* DAVINCI REPORTS - SHORT TERM ============================================================================= */
div.report-widget-wrapper {width:100%; float:left; background:#EAEAEB; display:none}
div.student-reports-contents {height: 100%;}
div.student-reports-toolbar {
  height:30px;
  width:auto;
  border-bottom:1px solid #CCCCCC;
  font-size:0.8em;
  font-weight:bold;
  color:#666666;
  background-image:-webkit-gradient(linear, left top, left bottom, from(#D8D8D8), to(#B1B1B1));
	background-image:-webkit-linear-gradient(top, #D8D8D8, #B1B1B1);
	background-image:-moz-linear-gradient(top, #D8D8D8, #B1B1B1);
	background-image:-ms-linear-gradient(top, #D8D8D8, #B1B1B1);
	background-image:-o-linear-gradient(top, #D8D8D8, #B1B1B1);
	background-image:linear-gradient(top, #D8D8D8, #B1B1B1);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8D8D8, endColorstr=#B1B1B1);
}
div.report-filter-wrapper {display:none; float:left; line-height:29px; margin-left:0.85em}
div.report-filter-wrapper button {padding-left:1em; padding-right:1em; font-weight:bold; margin-right:0.5em; line-height:16px;}
div.student-reports-toolbar div.toolbar-left div.report-filter-wrapper button.active {background:#666666; color:#F7F7F7}
div.student-reports-toolbar div.toolbar-left div.report-filter-wrapper button.active:hover {background:#666666;}
div.report-type-filter {margin:0.5em 0.5em 0.5em 1em}
input#person-filter {margin-left:1em; color:#666666; display:none}
.ui-autocomplete {max-height:200px; overflow-y:auto; overflow-x:hidden;}
div.report-wrapper {width:100%; float:left;}
a#id-toggle {margin:0.5em; top:0.65em; position:relative; color:#329FCF}
a#id-toggle:hover {color:#277FA5}
body.echo360-body div.autocomplete-wrapper {max-height:200px;}
body.echo360-body ul.ui-autocomplete {padding:0; border:5px solid #B1B1B1}
body.echo360-body ul.ui-autocomplete li a {padding:0.35em 0.35em 0.35em 0.5em; line-height:1em; font-size:0.75em; font-weight:bold; color:#666666; border:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0}
body.echo360-body ul.ui-autocomplete li a#ui-active-menuitem {margin:0; background-color:#48AFDC; font-weight:bold; color:#FFFFFF; border:none;}

/* report grid */
div.sr-grid-wrapper {width:auto; float:left; position:relative; display:none;}
div.sr-grid-wrapper div.ui-jqgrid {border:none}
table#sr-grid {height:0; width:100%;}
div.report-cell-popup {position:absolute; float:left; z-index:1000; font:bold 0.8em "Helvetica Neue",Helvetica,Arial,sans-serif; color:#666666; border:5px solid #747474; background:#FFFFFF; display:none;}
div.report-cell-popup-contents {padding:0.5em;}
div.echoes-reports-header {height:45px; padding:0; background: none !important;}
div.echoes-reports-header div.tabs div.tab h4 {color:#808080;}
div.echoes-reports-header div.tabs div.tab h4:hover {color:#737373;}
div.echoes-reports-header div.tabs div.tab-active h4 {color:#666;}
div.echoes-reports-header div.tabs div.tab-active h4:hover {color:#666;}
div.echoes-tab div {background:url('../images/echo-20x20.png') 15px 50% no-repeat}
div.report-tab div {background:url('../images/analytics-20x20.png') 15px 50% no-repeat}
table.ui-jqgrid-htable tr.ui-jqgrid-labels th {background:#F0F0F0}
table.ui-jqgrid-htable tr.ui-jqgrid-labels th.ui-th-selected-column {background:#E3E3E3}
th.ui-th-column div.ec-ui-th-first-column {margin-left:0.85em}
div.ui-jqgrid-view div.ui-jqgrid-bdiv {padding-bottom:20px}
div.ui-jqgrid-bdiv div table tr.ec-ui-priority-secondary {background:#F7F7F7; opacity:1;}
div.ec-ui-first-cell {padding:0.25em 0; margin-left:0.7em; font-size:1.1em}
div.ec-ui-cell:hover {cursor:pointer}
div.ec-ui-report-person:hover {color:#59AEFC}
.ui-jqgrid tr.jqgrow td div.ec-ui-report-echo {white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
span.person-id {opacity:0.7; font-size:0.75em}
table.grid-pager-wrapper {
  height:40px;
  width:100%;
  position:relative;
  float:left;
  background-image:-webkit-gradient(linear, left top, left bottom, from(#D0D0D0), to(#A8A9AA));
	background-image:-webkit-linear-gradient(top, #D0D0D0, #A8A9AA);
	background-image:-moz-linear-gradient(top, #D0D0D0, #A8A9AA);
	background-image:-ms-linear-gradient(top, #D0D0D0, #A8A9AA);
	background-image:-o-linear-gradient(top, #D0D0D0, #A8A9AA);
	background-image:linear-gradient(top, #D0D0D0, #A8A9AA);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D0D0D0, endColorstr=#A8A9AA);
}
tr.grid-pager-row td {vertical-align:middle; text-align:center;}
td#grid-row-selector, td#export-cell {width:140px}
td#grid-row-selector, td#export-excel-cell {width:140px}
td#grid-row-selector ul.ec-dropdown li.all-rounded-corners {width:55px;}
td#grid-row-selector ul.ec-dropdown li.all-rounded-corners ul.item {width:55px;}
td#grid-row-selector ul.ec-dropdown li.all-rounded-corners ul.item li {text-align:left;}
td#grid-pager {display:none}
td#grid-pager button {vertical-align:top; margin:0 0.15em}
td#grid-pager button div {height:25px; width:25px; line-height:25px; font-weight:bold}
td#grid-pager button.active {background:#666666; color:#F7F7F7}
td#grid-pager button#more, td#grid-pager button#less {font-size:1em; letter-spacing:0.1em}
div.sr-grid-overlay {position:absolute; width:100%; height:100%; z-index:100; background:#AAAAAA; opacity:.30; filter:Alpha(Opacity=30);}
div.sr-grid-wrapper div.loading-info {top:50%; left:50%; width:auto; z-index:101; margin:-64px; position:absolute}
button#report-export {float:right; font-size:1em; font-weight:bold; padding:0.5em; display:none}
button#report-export-excel {float:right; font-size:1em; font-weight:bold; padding:0.5em; display:none}
div.export-text {float:left}
div.export-icon {height:15px; width:20px; float:right; background:url('../images/jquery-ui-theme-smoothness/ui-icons_2e83ff_256x240.png') -28px -62px}

/* MEDIA-LIBRARY ============================================================================= */
div.media-library {padding:1em; color:#FFFFFF}

/* ADAPTIVE UI STYLES ============================================================================= */
/* screen heights */
@media only screen and (min-width:1440px) and (max-height:20000px) {
}

@media only screen and (min-width:1440px) and (max-height:1024px) {
}

@media only screen and (max-width:1440px) and (max-height:900px) {
  div.echo360-page-wrapper {font-size:95%}
  div.echoes-header button {padding:0.25em}
}

@media only screen and (max-width:1024px) and (max-height:768px) {
  div.echo360-page-wrapper {font-size:90%}
  div.widget-header h4 {font-size:1em; margin-left:2.8em;}
  div.echoes-header button {padding:0.25em; margin-left:0; font-size:0.9em; line-height:17px}
  ul.ec-dropdown li div.ec-dropdown-selected {margin-top:0.25em}
}

@media only screen and (max-width:900px) {
  body.echo360-body div.live-right button {height:2.5em; font-size:0.8em;}
}

/* POST DAVINCI - LONG TERM STYLES ============================================================================= */
div.content div.reports-page-wrapper {background:#FFFFFF; overflow-x:hidden}
div.content div.reports-app-workspace {background:#FFFFFF}
div.half {width:50%}
div.user-settings {height:20px; width:21px; margin:0 1em; background:url('../images/settings-20x21.png') no-repeat;}

/* containers */
div.container {margin:0.5em}
div.workspace {height:100%; width:100%;}
div#workspace-contents {min-height:200px; height:auto; width:auto;}

/* regions */
div.region-l {height:auto; width:70%}
div.region-r {height:auto; width:30%;}
div.region-header {width:100%; color:#525252;}
div.region-header h4 {margin:0.5em; padding:0.5em; font-weight:normal; background:#ECECED; text-transform:uppercase}

/* dashboard */
div.region-chart {height:200px; width:auto}
div.region-chart div.left {width:100%}
div.region-stats {height:300px; width:auto}
div.region-most-active div.region-header h4 {border-top:2px solid #83BF30}
div.region-least-active div.region-header h4 {border-top:2px solid #D24343}

/* echoes */
div.echoes-bar-chart {height:100px;}