.invisible { display: none; }

body {
    padding: 0px;
    margin: 0px;
    border: none;
    color: black;
    background: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

div.dialog {
    display: none;
}

#container {
	padding:0;
    margin: 0 auto;
    text-align: center;
    width: 900px;
    text-align: left;
	font-size:12px;
	background: #ECECEC url(https://reachout365-com.scdn6.secure.raxcdn.com/images/gradient.jpg) repeat-x scroll top left;
}

#header {
	position:relative;
	height:80px;
	margin-top:5px;
	border:0px solid transparent;
}
div#logo {
	margin-left:10px;
	position:absolute;top:0;left:0;width:100%;height:100%;
	/*background-image:url(https://reachout365-com.scdn6.secure.raxcdn.com/images/page/reachout365_header_logo.png);*/
	background-position:left center;
	background-repeat:no-repeat;
}
div#banner {position:absolute;top:0;right:0;height:100%;}
div#banner iframe {width:100%;height:100%;}
div#banner { font-size: 10px; margin: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; color: black; }
#header img { border: 0; }
#header a.logo, #header a.banner {
	display: block;
}
#header a.logo, #header img.logo {
	float: left;
	position: relative;
	z-index: 1;
}
#header a.banner, #header img.banner {
	float: right;
	position: relative;
	z-index: 2;
}

#content {}
#navbar {background:#00386C;padding:4px 0px;color:white;}
#navbar a {color:white;text-decoration:none;margin:0 10px;font-weight:bold;}
#navbar a:hover {text-decoration:underline;}
#navbar a.forward {margin-left: 15px;}
#navbar span.views-left {margin-left: 15px;}
#content_panel {
	background-color:white;
	padding:10px;
	/*margin-bottom:20px;*/
	background-position:top left;
    min-height: 406px;
}

#navbar .dropdown-slider a {
    margin: 4px 0;
    display: inline-block;
}
#navbar .dropdown-slider {
    padding: 5px 0 5px 12px;
    top: 13px;
    right: -7px;
    border: none;
    width: 157px;
    z-index: 1;
}

#navbar .dropdown-slider.bold {
    padding: 5px 0 6px 12px;
    width: 166px;
}

#navbar .dropdown.help {
    float: right;
}

#navbar .dropdown > a {
    padding-right: 12px;
    background-image: url(https://reachout365-com.scdn6.secure.raxcdn.com/images/dropdown_arrow_838383.png);
    background-position: right center;
    background-repeat: no-repeat;
}

div.VideoPlayer .fp-captions p {
    font-size: 22px; font-weight: normal; font-style: normal; text-decoration: none;
}
div.VideoPlayer.is-fullscreen .fp-captions p {
    font-size: 33px;
}

#VideoPlayerMessage {
	font-size: 10pt;
	background-color: #fbfaae;
    border: 2px solid #cfcfcf;
    margin: 0;
}

#VideoPlayerMessage .close {
    color: black;
    font-weight: bolder;
    text-decoration: none;
    position: absolute;
    top: 4px;
    right: 4px;
}

#VideoPlayerMessage div {
    padding: 15px;

}

#VideoPlayerMessage div.warning {
    color: orangered;
	font-size: 14px;
	font-weight: bolder;
}

#VideoPlayerMessage div.warning ul {
    padding-left: 15px;
}

#VideoPlayerMessage div.warning li {
    margin-bottom: 5px;
}

#VideoPlayerMessage div.warning.countdown {
	min-height: 54px;
	padding-right: 90px;
	position: relative;
}

#VideoPlayerMessage div.countdown img {
	position: absolute;
	top: 10px;
	right: 10px;
}

#VideoPlayer_Frame div.stream-error p {
    margin-top: 0px;
    margin-bottom: 5px;
}

#VideoPlayerMessage div.countdown span,
#VideoPlayer_Frame div.stream-error span.countdown {
	display: block;
	position: absolute;
	width: 30px;
	top: 32px; right: 28px;
	font-size: 120%;
	text-align: center;
	color: black;
}

#VideoPlayer_Frame div.stream-error {
	margin: 5px 10px;
    padding: 10px;
	padding-right: 80px;
	position: relative;
    background-color: #fbfa47;
	border: solid 2px #fc0;
	color: red;
	font-size: 15px;
    font-weight: bold;
}

#VideoPlayer_Frame div.httpr.stream-error {
    min-height: 68px;
}

#VideoPlayer_Frame div.stream-error span.strong {
	text-decoration: underline;
}

#VideoPlayer_Frame div.stream-error img {
	position: absolute;
	top: 5px; right: 10px;
}

#VideoPlayer_Frame div.stream-error img.countdown {
	top: 12px;
}

#VideoPlayer_Frame div.stream-error span.countdown {
	top: 34px;
}

#VideoPlayer_Frame div.muted.warning {
    /* padding: 2px 10px; */
    padding: 2px;
	position: relative;
    /* background-color: #fbfa4780;
	border: solid 2px #fc0; */
	font-size: 14px;
    font-weight: bold;
    text-align: center;
    z-index: 1000;
}

#VideoPlayer_Frame div.muted.warning button.unmute {
    display: inline-block;
    float: none;
}

.VideoFoundation {position:relative;overflow:hidden;}

#VideoTitle	{min-height:35px;line-height:35px;}
#VideoTitle p {font-size:14px;font-weight:bold;margin:0;padding:0;}

#CategoryList_Frame {width:310px;min-height:35px;}
#CategoryList_Frame label {display:block;font-size:9px;}
#CategoryList_Frame select {width:100%;}

#VideoPlayer_Frame {float:left;height:306px;width:540px;position:relative;}
div.VideoPlayer {
	position: absolute;
    height: 304px; width: 540px;
	z-index: 1000;
	border:1px solid #CFCFCF;
    background-size: auto;
}

#Playlist_Frame {width:310px;height:304px;float:right;}
#Playlist {border:1px solid #CFCFCF;text-align:left;background-position:top left;height:269px;overflow-y:scroll;overflow-x:hidden;}
#Playlist .Row {position:relative;margin:3px;clear:both;border:1px solid #CFCFCF;-webkit-border-radius:7px;-moz-border-radius:7px;background-position:top left;}
#Playlist .Row .Thumbnail {width:90px;vertical-align:top;}
#Playlist .Row .Thumbnail a {display:block;text-align:center;width:90px;height:60px;background-color:black;-webkit-border-radius:7px;-moz-border-radius:7px;background-position:center center;}
#Playlist .Row .PlayButton {margin-top:5px;border:0;z-index:15;}
#Playlist .Row a {color:black;text-decoration:none;}
#Playlist .Row .Description a { text-decoration: underline; }
#Playlist .Row a.full {display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;}
#Playlist .Row .Description img.handout {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
#Playlist .Row table {width:100%;border-collapse:collapse;z-index:10;}
#Playlist .Row table td {padding-left:3px;vertical-align:top;}
#Playlist .Row table td span {display:block;}
#Playlist .Row img.clip {
    float: right;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    margin-top: 5px;
}
#Playlist .Row .Title {font-weight:bold;font-size:11px;padding-right:18px;display:block;}
#Playlist .Row .Category {font-style:oblique;font-size:10px;}
#Playlist .Row .Time {font-weight:bold;font-size:10px;margin-right:20px;}
#Playlist .Row .Description {display:block;font-size:10px;overflow:hidden;text-align:justify;padding: 5px 10px 10px 10px;z-index:15;line-height: 10px;}
#Playlist .Row .Reveal {font-weight:bold;font-size:10px;cursor:pointer;text-decoration:underline;z-index:15;display:inline;}
#Playlist .Row .Reveal em {font-style:normal;font-family:webdings;font-size:9px;}
#Playlist .Current {background-color:#E5E5E5;}
#Playlist div.Disabled {opacity:0.45;-moz-opacity:0.45;filter:alpha(opacity=45);}
#Playlist div.Disabled .PlayButton {display:none;}
#Playlist .Row.Disabled * { cursor: default; }

.ContentBox .TextType, .ContentBoxPanel .HTMLType {padding:5px;overflow:hidden;}
.ContentBox .TextType p, .ContentBoxPanel .HTMLType p {margin-top:12px;margin-bottom:12px}
.ContentBox {
    background-position:top left;
    color:black;
    border:1px solid #CFCFCF; 
}
.ContentBox iframe {margin:0;padding:0;width:100%;}

div.VideoPlayer div.error              {margin: 1em;}
div.VideoPlayer div.error img          {float: left; padding-right: 1em; padding-bottom: 1em;}
#VideoPlayerMessage					{position: absolute; left: 0; bottom: 0px; width: 538px; z-index: 1001; }

#Bitrates_Frame {
    clear: both;
}

#Bitrates_Frame .selectBitrates {
    float: left;
    width: 528px;
    background-color: #FBFAAE;
    border: 2px solid #CFCFCF;
    padding: 5px;
    margin: 2px 0px;
	text-align: center;
}

#Bitrates_Frame p {
	font-size: 10pt;
	font-weight: bold;
    margin-top: 0px;
}

#Bitrates_Frame p.info {
	font-size: 7.5pt;
	font-weight: normal;
	margin: 0px;
}

#Bitrates_Frame p.info span {
	font-weight : bold;	
}

#Bitrates_Frame a.showBitrates { 
	font-size: 8pt;
    display: block;
    margin-top: 2px;
}

#ContentBoxBase {
    clear:both;
    width:100%;
    padding-top:15px;
    border-spacing:0px;
}
#ContentBoxBase td                  { vertical-align: top; padding: 0px; }
#ContentBoxBase td.spacer div       { width: 13px; }
#Layout_1 .ContentBox 				{width:432px;}
#Layout_2 .ContentBox 				{width:280px;}

.accordion_content {
	overflow: hidden;
	background-color:white;
}
#video_library #library_categories, #video_history #history_base {min-height:300px;}

#library_header, #history_header, .library .header {font-weight:bold;font-size:14px;padding:3px 6px;text-align:center;}
#library_subhead, .library .subhead {text-align:center;padding:3px;}
#library_categories table, .library .categories table {width:100%;}
#library_categories table td, .library .categories table td {width:50%;vertical-align:top;}
#library_categories .category_title, .library .category_title {cursor:pointer;border:1px solid #CFCFCF;font-weight:bold;font-size:14px;padding:3px 6px 3px 30px;margin-top:10px;background:#E0E0E0;}
#library_categories .category_content, .library .category_content {background:white;border:1px solid #CFCFCF;border-top:none;padding:1px 6px;font-size:11px;}
#library_categories .category_content a {color:black;}
#library_categories .category_content a.disabled, .library .category_content a.disabled {color:#888}
#library_categories .category_content a.viewed, .library .category_content a.viewed {background-color:#afefaf}
#library_categories .item_row, .library .item_row {display:block;font-size:13px;margin:8px 4px;}
#library_categories .item_row {text-decoration:none;}

#library .hint-item {
    float: right;
}
#library .hint-item .hint-color-viewed {
    border-right: 12px solid #afefaf;
}
#library .clear-both {
    clear: both;
}

#history_list {margin:0 auto;border-collapse:collapse;}
#history_list th {text-align:center;font-size:11px;vertical-align:bottom;}
#history_list td {padding:5px 10px;background:#CFCFCF;border-bottom:2px solid white;}
#history_list td a {color:black;display:block;font-weight:bold;text-decoration:none;}
#history_list td.Title {width:300px;}
#history_list td.Last {width:80px;text-align:center;}
#history_list td.Count {width:40px;text-align:center;}

/* forwards */
#forward {
	margin-left: auto;
	margin-right: auto;
	width: 500px;
}

#forward h1 {
	font-size: 150%;
	color: #797979;
}

#forward p.notes {
	margin-right: 20px;
	font-size: 90%;
}

.c121 #forward p.notes {
	margin-left: 163px;
}

#forward div.forwardto {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 10px;
	/*border-bottom: solid 1px gray;*/
	padding-left: 25px;
}

#forward div.forwardto div.field {
	margin-bottom: 3px;
}

#forward div.forwardto div.field label {
	display: inline-block;
	width: 130px;
	margin-left: 5px;
	text-align: right;
}

#forward div.forwardto div.field input {
	width: 250px;
	background: #EAEAEA url(https://reachout365-com.scdn6.secure.raxcdn.com/images/client/global/buttons_and_controls/input_bg_gradient_2x20.png) repeat-x top left;
	border: solid 1px #aaa;
	height: 20px;
	line-height: 20px; /* this is for IE */
}

#forward div.buttons {
	text-align: center;
	margin-left: 163px;
	width: 250px;
}

.r52 #forward div.comments {
    padding-left: 0px;
    margin-top: 10px;
}

#forward div.comments label {
	display: block;
	margin-left: 113px;
	width: 320px;
	text-align: center;
	margin-bottom: 5px;
}

#forward div.comments textarea {
    width: 100%;
	height: 150px;
	background: #EAEAEA url(https://reachout365-com.scdn6.secure.raxcdn.com/images/client/global/buttons_and_controls/input_bg_gradient_2x150.png) repeat-x top left;
	border: solid 1px #aaa;
}

.c121 #forward div.comments textarea {
	width: 250px;
	margin-left: 138px;
}    

#forward div.ok {
    margin: 5px auto;
    margin-left: 63px;
    width: 350px;
    text-align: center;
}

#forward div.ok img {
    width: 24px;
    height: 24px;
    margin-right: 5px;
    vertical-align: middle;
}

span.error {
	color: red;
	margin-left: 5px;
}

#forwardto_submit{
       cursor: pointer;
}

#test-error {
    border: solid 1px #ccc;
    border-top: none;
    padding: 0px 50px 20px;
}

#test-error h1 {
    background-color: #e5e5e5;
    color: #4c4c4c;
    font-weight: bold;
    font-size: 100%;
    margin: 0px -50px 30px;
    padding: 5px 10px;
}

#test-error h2 {
    font-size: 14px;
}

#test-error input[type=text] {
    width: 40em;
}

#test-error input[type=button] {
    width: 10em;
}

#test-error .send span {
    margin-left: 10px;
}

#test-error .send .error {
    color: red;
    font-weight: bolder;
}

#test-error .send .progress {
    vertical-align: text-top;
    margin-left: 10px;
}

.video.search.dialog {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px;
    border: 1px solid #ffffff;
}

.video.search.dialog .search-live.help {
    display: inline-block;
    width: 550px;
    font-weight: bold;
    font-size: 13px;
}

.video.search.dialog input.search {
    font-family: Arial, Helvetica, sans-serif;
    display: inline-block;
    float: left;
    height: 25px;
    margin: 0px 10px;
    font-weight: bold;
}

/*.video.search.dialog input.search::-ms-clear {
    display: none;
}*/

.video.search.dialog label.search-live {
    float: left;
    line-height: 30px;
    font-weight: normal;
    margin-left: 10px;
}

.video.search.dialog .row {
    margin: 10px 0;
}

.video.search.dialog .data {
    max-height: 500px;
    overflow-y: auto;
    background-color: #ffffff;
}

.video.search.dialog .data table {
    width: 100%;
    border: none;
    border-collapse: separate;
    border-spacing: 0px;
}

.video.search.dialog .data table tr th {
    border-bottom: 1px solid #D3D3D3;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
    background-color: #C8C8C8;
    text-align: left;
    padding: 5px 5px 5px 15px;
}

.video.search.dialog .data table tr th:first-child,
.video.search.dialog .data table tbody tr td:first-child {
    border-right: 2px solid #D3D3D3;
}

.video.search.dialog .data table tbody tr {
    cursor: pointer;
}

.video.search.dialog .data table tbody tr td  {
    font-weight: bold;
    height: 30px;
    padding: 0 10px;
}

.video.search.dialog .data table tbody tr.selected {
    background-color: #286BE5;
}

.video.search.dialog .data table tbody tr.selected td {
    color: #FFFFFF;
}

.video.search.dialog .data table tbody tr td em {
    background-color: #77F700;
    font-style: normal;
}

.video.search.dialog .action-buttons {
    text-align: center;
}

.video.search.dialog button.save-button {
    font-size: 20px;
    padding: 10px 60px;
    margin: 14px;
    border: none;
    border-radius: 2px;
    background-color: rgb(47, 165, 84);
    color: white;
    cursor: pointer;
}

.video.search.dialog button.cancel-button {
    padding: 8px 40px;
    font-size: 14px;
    border: none;
    border-radius: 2px;
    color: white;
    background-color: rgb(255, 82, 0);
    cursor: pointer;
}

.ui-widget-overlay {
    background: #000000;
}

.shortcuts-dialog.ui-dialog,
.searchDialog.ui-dialog {
    border: none;
    border-radius: 0px;
    padding: 0;
}

.shortcuts-dialog .ui-dialog-titlebar,
.searchDialog .ui-dialog-titlebar {
    background: #4D4D4D;
    border: 1px solid #ffffff;
    border-radius: inherit;
}

#shortcuts-wrap {
    width: 75%;
    margin: 0 auto;
}

#shortcuts-wrap.flowplayer-shortcuts {
    width: 92%;
}

#shortcuts-wrap .shortcut-button {
    width: 30%;
}

.shortcut-button .inner {
    height: 5px;
    font-size: 17px;
    position: relative;
    top: -6px;
}

#shortcuts-wrap .shortcut-description {
    font-size: 17px;
    font-weight: bold;
    padding-left: 5px;
}

#shortcuts-wrap .shortcut-button .arrow {
    display: inline-block;
    margin-top: 3px;
    width: 0;
    height: 0;
    border-style: solid;
}

#shortcuts-wrap .shortcut-button .arrow-top {
    border-width: 0 5px 10px 5px;
    border-color: transparent transparent #ffffff transparent;
}

#shortcuts-wrap .shortcut-button .arrow-down {
    border-width: 10px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
}

#shortcuts-wrap .shortcut-button .arrow-left {
    border-width: 5px 10px 5px 0;
    border-color: transparent #ffffff transparent transparent;
}

#shortcuts-wrap .shortcut-button .arrow-right {
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #ffffff;
}

#shortcuts-wrap .shortcut-button > div {
    float: right;
    text-transform: uppercase;
    font-weight: bold;
    background: #4D4D4D;
    color: #FFF;
    border-radius: 4px;
    padding: 7px;
    min-width: 18px;
    min-height: 15px;
    text-align: center;
}

.disabled-tooltip {
    position: absolute;
    z-index: 10000;
    border-radius: 2px;
    color: rgb(255, 255, 255);
    padding: 5px 7px;
    background-color: rgb(210, 106, 64);
    -moz-box-shadow:    3px 3px 3px 1px #505050;
    -webkit-box-shadow: 3px 3px 3px 1px #505050;
    box-shadow: 3px 3px 3px 1px #505050;
}

.button.help-system-icon.video-page {
    padding: 0 !important;
    margin: -2px 0 !important;
    float: right;
    background: none;
    border: none;
}

.support.page .page-title {
    text-align: center;
}

.support.page .search {
    text-align: center;
    margin: 15px 0;
}

.support.page .search input {
    padding: 5px;
}

.support.page .search .clear-search {
    float: none;
    vertical-align: top;
    margin: 0;
}

.support.page .contents-accordion .category-name {
    padding: 3px 6px 3px 30px;
}

.support.page .contents-accordion .article-list {
    height: auto !important;
}

div.VideoPlayer .preview-message {
    font-size: 80px;
    font-weight: bold;
    color: white;
    /* -webkit-text-stroke: 3px black;
    -webkit-font-smoothing: antialiased;
    text-shadow: #000 0px 0px 1px,   #000 0px 0px 1px,   #000 0px 0px 1px,
             #000 0px 0px 1px,   #000 0px 0px 1px,   #000 0px 0px 1px; */
    text-shadow: 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black;
    text-align: center;
    position: absolute;
    top: 40%;
    transform: translateY(-30%);
    width: 100%;
    z-index: 1000;
}

div.VideoPlayer .preview-message .over {
    position: absolute;
    top: 0; bottom: 0; right: 0; left: 0;
    z-index: 1001;
    cursor: pointer;
}

div.VideoPlayer.is-fullscreen .preview-message {
    font-size: 256px;
}