/* color glossary */ /*
#ffffff white 			( white background)						
#cbe2f0 medium blue 	( discussion border line) 	
#e3eeff clear blue 		( discussion background) 		
#75a9ff Blue 			( headers) 							
#91b9fe Medium blue 	( line on top of suggestbox) 
#0274bb Darker blue 	( text)			
#93d825 Green (bright lime)		
#ff9b09 Orange									
#babbbd Light grey 		( same as logo test)			
#dddddd lighter grey 	( line around top links)	

#76a8ff More blue 		( selected items)				

#f4dc0b Very bright yellow (status error)		
#ffffaa Yellow text entry						
#3399ff Video new blue surrounding				
#75a9ff Video viewed grey surrounding	
*/
* {
	margin: 0px;
	padding: 0px;
}

body {
	background: #ffffff;
	color: black;
	font-family: Arial, sans-serif;
	font-size: small;
	/*margin: 8px;*/
	margin-top: 0px;
	height: 100%;
}

a {
	color: #babbbd;
	font-style: normal;
}

a:visited {
	color: #babbbd;
	font-style: normal;
}

.gwt-DialogBox {
	background-color: #76a8ff;
	border-left: 1px solid #cbe2f0;
	border-right: 1px solid #cbe2f0;
	border-top: 1px solid #cbe2f0;
	border-bottom: 2px solid #cbe2f0;
}

.logo {
	top: 0px;
	left: 5px;
	position: absolute;
	cursor: pointer; /* FF hack */
	cursor: hand;
}

.logorecorder {
	cursor: pointer; /* FF hack */
	cursor: hand;
	margin-left: 10px;
}

.icon,.arrow {
	cursor: pointer; /* FF hack */
	cursor: hand;
	background-color: transparent;
}

.icon_selected {
	cursor: pointer; /* FF hack */
	cursor: hand;
	background-color: transparent;
	background-image: url("../img/iconBackground.gif");
}

.arrow_selected {
	cursor: pointer; /* FF hack */
	cursor: hand;
	background-color: #75a9ff;
}

.tooltip_button {
	font-size: 60%;
}

.tooltip-00,.tooltip-20,.tooltip-02,.tooltip-22 {
	width: 4px;
}

.tooltip-10 {
	font-size: 2px;
	border-top: 1px solid #dddddd;
	background-color: #ffffff;
}

/* CSS3 hack to target Opera8+ */
@media all and (min-width: 0px) {
	body .tooltip-10 {
		line-height: 0px;
	}
}

.tooltip-12 {
	font-size: 2px;
	border-bottom: 1px solid #dddddd;
	background-color: #ffffff;
}

/* CSS3 hack to target Opera8+ */
@media all and (min-width: 0px) {
	body .tooltip-12 {
		line-height: 0px;
	}
}

.tooltip-01,.tooltip-11,.tooltip-21 {
	background: #ffffff;
}

.tooltip-01 {
	font-size: 2px;
	border-left: 1px solid #dddddd;
}

.tooltip-21 {
	font-size: 2px;
	border-right: 1px solid #dddddd;
}

.gwt-DialogBox .Caption {
	background: #75a9ff;
	font-weight: bold;
	padding: 5px 10px;
	border-bottom: 1px solid #cbe2f0;
	border-top: 1px solid #cbe2f0;
	text-align: left;
	width: 100%;
}

.gwt-DialogBox .gwt-Button {
	margin: 10px;
}

.gwt-MenuBar {
	background: #75a9ff;
}

.gwt-MenuItem {
	font-size: 80%;
	margin: 1px;
	cursor: default;
}

/* -------------------- shortcuts and contacts tree -------------------*/
.functions-tree .gwt-TreeItem .gwt-HTML,.contacts-tree .gwt-TreeItem .gwt-HTML
	{
	margin: 0px;
	cursor: hand;
	cursor: pointer;
	color: #0274bb;
	font-size: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.functions-tree .gwt-TreeItem .gwt-HTML {
	padding: 2px 5px;
}

.contacts-tree .gwt-TreeItem .gwt-HTML {
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 0px;
	width: 116px;
}

.functions-tree .gwt-TreeItem-selected .gwt-HTML,.contacts-tree .gwt-TreeItem-selected .gwt-HTML
	{
	background: #76a8ff;
	color: #ffffff;
}

.functions-tree .gwt-TreeItem .gwt-HTML-hover,.contacts-tree .gwt-TreeItem .gwt-HTML-hover
	{
	background: #ff9b09;
	color: #ffffff;
}

.functions-tree .gwt-RadioButton input,.functions-tree .gwt-CheckBox input,.contacts-tree .gwt-RadioButton input,.contacts-tree .gwt-CheckBox input
	{
	margin: 0px;
}

.functions-tree img {
	vertical-align: bottom;
}

.contacts-tree .contacts-level2 .gwt-TreeItem .gwt-HTML {
	position: relative;
	/* left: -1em; */
}

.contacts-invite {
	color: #0274bb;
	text-align: center;
	font-size: 80%;
	padding: 2px;
	width: 156x;
	cursor: hand;
	cursor: pointer;
	text-decoration: underline
}

.contacts-invite img {
	border: 4px solid #e3eeff;
}

/* --------------------  -------------------*/
.lcaption {
	padding: 0px 0px 0px 0px;
}

.rcaption {
	padding: 0px 0px 4px 4px;
	color: #ffffff;
	text-align: left;
}

.box-20 {
	text-align: right;
}

.search-11 input.gwt-TextBox {
	border: none;
	text-align: left;
	width: 100%;
	/*height: 100%;*/ /*    margin: 0px 0px 0px 0px; */
	padding: 0px 2px 0px 2px;
	background: #ffffff;
	border-color: #ffffff;
}

.menu-outer {
	background: url(../img/tab-c.gif) repeat-x top;
	float: right;
}

.menu-center {
	background: url(../img/tab-r.gif) no-repeat top right;
	float: left;
}

.menu-inner {
	background: url(../img/tab-l.gif) no-repeat top left;
	height: 37px;
	padding-left: 17px;
	float: left;
	width: 1%;
}

.menu-inner table {
	width: 100%;
}

.menu-inner div {
	white-space: nowrap;
	display: inline;
	line-height: 37px;
	padding-right: 17px;
	font-size: 12px;
}

.is-top {
	padding: none;
	spacing: none;
}

.box-10 {
	font-size: 2px;
	width: 100%;
}

.box-10-bottom {
	font-size: 2px;
	border-top: 1px solid #ffffff;
	background-color: #75a9ff;
	width: 100%;
}

.is-top .box-10 {
	font-size: 2px;
	border-top: none;
	background-color: #75a9ff;
}

.box-10,box-20 {
	border-top: 1px solid #ffffff;
	background-color: #75a9ff;
}

.box-20 {
	width: 9px;
	height: 9px;
	background-color: #75a9ff;
	border-top: 1px solid #ffffff;
}

.is-top .box-20 {
	background-color: #ffffff;
	border-top: none;
}

.is-beneath-selected .box-10,.is-beneath-selected .box-20 {
	background-color: #75a9ff;
	border-top: none;
}

.lcaption {
	height: 44px;
	width: 46px;
	background: #75a9ff url("../img/contact.png") no-repeat 8px 0px;
}

.is-selected .lcaption {
	width: 0px;
	/* background: #75a9ff;*/
	background: #00ff00;
	background-image: none;
	background-position: 0px 0px;
}

/* CSS3 hack to target Opera8+ */
@media all and (min-width: 0px) {
	body .box-10 {
		line-height: 0px;
	}
}

.box-01,.box-11,.box-21 {
	background: #75a9ff;
	font-color: #ffffff;
}

.box-01,.box-00 {
	font-size: 2px;
	border-left: 1px solid #cbe2f0;
}

.box-00-bottom,.box-20-bottom {
	font-size: 2px;
	border-top: 1px solid #ffffff;
}

.box-21,.box-20 {
	font-size: 2px;
	border-right: none;
}

.is-top .box-00,.is-top .box-20 {
	border-right: none;
	border-left: none;
}

.login-00,.login-20 {
	background: transparent;
	font-size: 2px;
}

.login-10 {
	background: #e3eeff;
	width: 100%;
	font-size: 2px;
}

.box-01,.box-00 {
	font-size: 2px;
	border-left: 1px solid #cbe2f0;
}

.box-00-bottom,.box-20-bottom {
	font-size: 2px;
	border-top: 1px solid #ffffff;
}

.box-21,.box-20 {
	font-size: 2px;
	border-right: none;
}

.is-top .box-00,.is-top .box-20 {
	border-right: none;
	border-left: none;
}

.video table {
	border: 0px 0px 0px 0px;
}

.video-top {
	background: #75a9ff url("../img/gradient.gif") repeat-x 0px 0px;
}

.gwt-StackPanel .gwt-StackPanelItem table {
	width: 100%;
}

.TopPanel {
	height: 57px;
	border-right: 10px solid #ffffff;
	cellpadding: 0;
	cellspacing: 0;
}

.TopPanelLinks {
	font-size: 75%;
	vertical-align: top;
	padding: none;
	spacing: none;
}

.TopPanelLinks .hline {
	background: transparent url("../img/greydot.gif") repeat-x 0px 8px;
	font-size: 1;
}

.TopPanelLinks .rvline {
	background: transparent url("../img/greydot.gif") repeat-y 9px 0px;
	width: 1px;
	font-size: 1;
}

.TopPanelLinks .lvline {
	background: transparent url("../img/greydot.gif") repeat-y 0px 0px;
	width: 1px;
	font-size: 1;
}

.corner {
	vertical-align: top;
	height: 9px;
	width: 10px;
}

.corner gwt-Image {
	vertical-align: top;
}

.TopPanel-greyLink {
	color: #babbbd;
	cursor: pointer; /* FF hack */
	cursor: hand;
}

.TopPanel-newsLink {
	font-weight: bolder;
	color: #ff9b09;
	cursor: pointer; /* FF hack */
	cursor: hand;
}

.TopPanel-newsLink-hover {
	font-weight: bolder;
	color: #93d825;
	cursor: pointer; /* FF hack */
	cursor: hand;
}

.TopPanel-greyBoldLink {
	color: #babbbd;
	font-weight: bold;
}

.TopPanel-greyLink-hover {
	color: #93d825;
	cursor: pointer; /* FF hack */
	cursor: hand;
}

.TopPanel-greenLink {
	color: #93d825;
	font-style: bold;
	cursor: pointer; /* FF hack */
	cursor: hand;
}

.TopPanel-greenLink-hover {
	color: #ff9b09;
	font-style: bold;
	cursor: pointer; /* FF hack */
	cursor: hand;
}

.TopPanelSatus_stay {
	font-size: 80%;
	font-style: bold;
	color: #ff9b09;
	border-right: 10px solid #ffffff;
}

.TopPanelSatus_error {
	font-size: 80%;
	color: #0274bb;
	background: #ffffff;
	font-style: bold;
}

.TopPanelSatus_info {
	font-size: 80%;
	color: #babbbd;
	border-right: 10px solid #ffffff;
}

.DockPanel {
	vertical-align: top;
}

.RightPanel {
	border-left: 10px solid #ffffff;
	border-right: 10px solid #ffffff;
	vertical-align: top;
	width: 100%;
	height: 100%;
}

.AboutPopup {
	background: #ffffff;
	font-size: 80%;
	padding: 10px;
	text-align: left;
}

.mail-Contacts td,.mail-Tasks td {
	padding: 4px 0px 0px 0px;
}

.searchPanel {
	border-right: none;
	border-left: none;
	border-top: none;
	background: #75a9ff;
	padding: 0px 0px 0px 0px;
	border-bottom: 4px solid #75a9ff;
}

.search-00,.search-02,.search-03 {
	height: 1px;
}

.search-01 {
	height: 1px;
	background: #91b9fe;
}

.search-10 {
	padding: 0px 0px 0px 5px;
	vertical-align: top;
}

.search-11 {
	width: 100%;
	vertical-align: middle;
	height: 11px;
	background: #ffffff;
	padding: 0px 0px 0px 0px;
}

.search-12 {
	vertical-align: top;
}

.search-13 {
	padding: 0px 4px 0px 5px;
	/*width: 30px;*/
	vertical-align: top;
}

.searchPanel2 {
	border: 1px solid #babbbd;
	background: #ffffff;
	padding: 0px 0px 0px 0px;
	width: 250px;
}

.search2-00,.search2-02,.search2-03 {
	height: 1px;
}

.search2-01 {
	height: 1px;
}

.search2-10 {
	padding: 0px 0px 0px 5px;
	vertical-align: top;
}

.search2-11 {
	width: 100%;
	vertical-align: middle;
	height: 11px;
	background: #ffffff;
	padding: 0px 0px 0px 0px;
}

.search2-12 {
	vertical-align: top;
}

.search2-13 {
	padding: 0px 4px 0px 5px;
	/*width: 30px;*/
	vertical-align: top;
}

.add-discussion {
	font-size: 80%;
	font-weight: bold;
	text-align: center;
	background: #93d825;
	color: #ffffff;
	border-top: 1px solid #ffffff;
	width: 100%;
	vertical-align: middle;
}

.add-00 {
	padding: 4px 0px 4px 7px;
}

.add-01 {
	padding: 4px 7px 4px 0px;
	cursor: pointer; /* FF hack */
	cursor: hand;
}

/* -------------------- shortcuts and contacts tree -------------------*/
.discussions .discussions-inside,.discussions .select {
	background: #ffffff;
	border-left: 2px solid #75a9ff;
	border-right: 2px solid #75a9ff;
}

.discussions .discussions-inside {
	background: #ffffff;
	border-bottom: 2px solid #75a9ff;
}

.discussions .select {
	border-top: 2px solid #75a9ff;
	padding-top: 2px;
	padding-bottom: 2px;
	background: #e3eeff;
	width: 100%;
	padding-left: 5px;
}

.discussions .select .gwt-Label {
	font-size: 80%;
	padding-right: 10px;
	color: #0274bb;
	cursor: pointer; /* FF hack */
	cursor: hand;
}

.discussions .select .header {
	color: #babbbd;
	cursor: default;
	padding-left: 5px;
}

.discussions-list {
	width: 100%;
}

.discussion-preview .discussion-play {
	display: block;
	filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;
	position: absolute;
	left: 64;
	top: 17;
	z-index: -1;
}

.discussion-preview .discussion-play-1 {
	left: 96;
}

.discussion-preview .discussion-play-2 {
	left: 128;
}

.discussion-preview .discussion-play-3 {
	left: 160;
}

.discussion-preview .discussion-play-4 {
	left: 192;
}

.discussion-preview .discussion-play-5 {
	left: 224;
}

.discussion-preview-hover .discussion-play {
	display: block;
	filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;
	position: absolute;
	left: 64;
	top: 17;
	z-index: 9;
}

.discussion-preview-hover .discussion-play-1 {
	left: 96;
}

.discussion-preview-hover .discussion-play-2 {
	left: 128;
}

.discussion-preview-hover .discussion-play-3 {
	left: 160;
}

.discussion-preview-hover .discussion-play-4 {
	left: 192;
}

.discussion-preview-hover .discussion-play-5 {
	left: 224;
}

.discussion-preview {
	padding: 5px;
	position: relative;
	border-bottom: 1px solid #dddddd;
	cursor: pointer; /* FF hack */
	cursor: hand;
}

.discussion-preview-hover {
	border-color: #ffffff;
	background: #e3eeff;
}

.discussion-preview-checked {
	border-color: #ffffff;
	background: #ffffcf;
}

.discussion-preview-hover .gwt-HTML,.discussion-preview-hover .gwt-Label {
	color: #000000;
}

.discussion-video-viewed {
	border-color: #ffffff;
	border-style: solid;
	border-width: 3px;
}

.discussion-video-new {
	border-color: #0274bb;
	border-style: solid;
	border-width: 3px;
}

.discussion-preview-hover .discussion-video-viewed {
	border-color: #ff9b09;
}

.discussion-preview-hover .discussion-video-new {
	border-color: #ff9b09;
}

.discussion-list table,.contact-list table {
	margin: none;
	background: #e3eeff;
}

.discussion-list td,.contact-list td {
	font-size: 75%;
	padding: none;
	overflow: hidden;
	text-overflow: ellipsis;
	background: #e3eeff;
}

.discussion-preview .preview-01 {
	font-size: 88%;
	font-weight: bold;
	color: #75a9ff;
}

.discussion-preview .preview-11 {
	font-size: 75%;
	color: #000000;
}

.discussion-preview .preview-11-bold {
	font-size: 75%;
	font-weight: bold;
	color: #000000;
}

.discussion-preview .preview-21 {
	font-size: 75%;
	color: #000000;
}

.contact-outer,.discussion-outer {
	background: #e3eeff;
}

.discussion-bottom,.contact-bottom {
	width: 100%;
	background: #e3eeff;
}

.discussion-top,.contact-top {
	border-top: 1px solid #ffffff;
	width: 100%;
	background: #e3eeff;
}

.ContactPopup {
	background: #ffffff;
	border: 1px solid #cbe2f0;
	position: fixed;
	z-index: 30;
	visibility: visible;
	background-attachment: fixed;
}

.ContactPopup .ContactPopupTop {
	color: #ffffff;
	font-size: 12px;
	border: 4px solid #75a9ff;
}

.ContactPopup .ContactPopupTop .ContactPopopImport {
	cursor: hand;
	cursor: pointer;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
}

.ContactPopupName {
	font-weight: bold;
	font-size: 80%;
}

.ContactPopupEmail,.ContactPopupLink {
	font-size: 80%;
}

.ContactPopupLink {
	cursor: hand;
	cursor: pointer;
	color: #babbbd;
	text-decoration: underline;
}

.ContactPopupImage {
	padding: 4px;
}

.ContactPopupButton,.blueButton,.redButton,.greenButton {
	background: #ffffff;
	cursor: pointer; /* FF hack */
	cursor: hand;
}

.greyButton {
	background: #e3eeff;
	cursor: pointer; /* FF hack */
	cursor: hand;
}

.greenButton {
	background: #93d825;
	cursor: pointer; /* FF hack */
	cursor: hand;
}

.ContactPopupButton_selected,.blueButton_selected {
	background: #76a8ff;
	cursor: pointer; /* FF hack */
	cursor: hand;
	color: #ffffff;
}

.greyButton_selected {
	background: #76a8ff;
	cursor: pointer; /* FF hack */
	cursor: hand;
}

.greenButton_selected {
	background: #ff9b09;
	cursor: pointer; /* FF hack */
	cursor: hand;
}

.redButton_selected {
	background: #ff0000;
	cursor: pointer; /* FF hack */
	cursor: hand;
}

.blueButton_wait {
	background: #75a9ff;
}

.ContactPopupButton td,.blueButton td,.redButton td,.greyButton td {
	font-size: 70%;
	vertical-align: middle;
	color: #0274bb;
}

.redButton_selected td,.ContactPopupButton_selected td,.blueButton_selected td,.greyButton_selected td,.greenButton_selected td,.greenButton td
	{
	font-size: 70%;
	vertical-align: middle;
	color: #ffffff;
}

.ContactPopupTop {
	background: #75a9ff;
	font-size: 70%;
	padding: 4px 4px 4px 4px;
}

.ContactPicture {
	border: 1px solid #cbe2f0;
}

.ContactPopupBottom {
	width: 100%;
	padding: 4px;
	border-top: 1px dotted #cbe2f0;
}

.login-StackPanel .gwt-StackPanelItem {
	cursor: pointer; /* FF hack */
	cursor: hand;
	color: #ff9b09;
}

.login-StackPanel .gwt-StackPanelItem-selected {
	color: #000000;
}

.login-LoginPanel {
	background: transparent;
}

.login-innerPanel {
	background: #e3eeff;
	width: 100%
}

.login-innerPanel td {
	padding-left: 27px;
}

.login-Button { /* background: #76a8ff; */
	padding: 1px;
	cursor: pointer; /* FF hack */
	cursor: hand;
	font-size: 80%;
}

.login-Message {
	padding-top: 27px;
	font-size: 100%;
	color: #0274bb;
}

.login-ErrorMessage {
	color: #ff0000;
	font-weight: bold;
}

.login-Username,.login-Password {
	width: 100%;
	color: #111111;
}

.login-UsernameLabel,.login-PasswordLabel {
	font-size: 100%;
	color: #0274bb;
}

.login-Help {
	font-size: 80%;
	color: #0274bb;
}

.login-Close {
	text-align: right;
}

.satisfaction-popup {
	background: #75a9ff;
	border: 1px solid #cbe2f0;
}

.satisfaction-message {
	font-size: 80%;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}

.talk,.settings {
	border: none;
	font-size: 80%;
}

.talk-Header,.settings-Header {
	text-align: left;
	background: #75a9ff;
	border-bottom: 5px solid #75a9ff;
	border-left: none;
	border-right: none;
	border-top: none;
	width: 100%;
}

.settings-Refresh {
	float: right;
	margin-right: 10px;
	cursor: pointer;
	cursor: hand;
}

.talk-TitleHeader {
	border: 0px 0px 0px 0px;
	text-align: left;
	z-index: 99;
	width: 100%;
}

.settings-TitleHeader {
	border: 0px 0px 0px 0px;
	text-align: left;
	z-index: 99;
}

.talk-Date {
	cursor: default;
	text-align: right;
	padding: 0px 0px 0px 4px;
	font-size: 80%;
	color: #ffffff;
	z-index: 99;
	white-space: nowrap;
}

.talk-Parent {
	cursor: default;
	text-align: right;
	padding: 0px 0px 0px 4px;
	font-size: 80%;
	color: #ffffff;
	z-index: 99;
	white-space: nowrap;
	cursor: hand;
}

.talk-SmallReply {
	cursor: pointer; /* FF hack */
	cursor: hand;
}

.talk-Title,.talk-Title-readonly,.settings-Title {
	background-color: #75a9ff;
	color: #ffffff;
	cursor: default;
	border: none;
	text-align: left;
	font-family: Arial, sans-serif;
	font-size: 90%;
	font-weight: bold;
	z-index: 99;
}

.webcam-Title {
	background-color: #75a9ff;
	color: #ffffff;
	border: none;
	vertical-align: center;
	text-align: left;
	font-size: 60%;
	font-weight: bold;
	height: 24px;
}

.seetings-footer {
	height: 10px;
	background: transparent;
}

.talk-Title {
	cursor: pointer; /* FF hack */
	cursor: hand;
	spacing: 5px;
}

.star {
	cursor: pointer; /* FF hack */
	cursor: hand;
}

.talk-Title-editing,.talk-TitleEditor-editing {
	background-color: #ffffff;
	text-align: left;
	border: none;
	color: #0274bb;
	font-weight: bold;
}

.talk-video,.settings-inside {
	background-color: e3eeff;
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-top: 1px solid #ffffff;
	width: 100%;
}

.settings-inside td {
	font-size: 80%;
	color: #0274bb;
	padding-left: 5px;
}

.talk-timeline {
	background: transparent url("../img/time0.gif") repeat-x;
}

.talk-timeline table {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	font-size: 80%;
}

.talk-item table {
	color: #0274bb;
	cursor: pointer; /* FF hack */
	cursor: hand;
}

.talk-item-selected table {
	cursor: pointer; /* FF hack */
	cursor: hand;
	background: #75a9ff;
	color: #ffffff;
}

.mail-ListHeader td {
	padding: 2px 0 2px 10px;
	border-top: 1px solid #cbe2f0;
	border-bottom: 1px solid #cbe2f0;
}

.mail-ListNavBar table {
	font-size: 80%;
}

.mail-ListNavBar td {
	border: none;
}

.mail-ListNavBar a {
	margin: 0 8px;
}

.mail-SelectedRow td {
	border-bottom: 1px solid #cbe2f0;
	border-top: 1px solid #cbe2f0;
}

.mail-SelectedRow {
	background: #eee;
}

.mail-ToolButton {
	font-size: 80%;
	width: 10em;
}

.mail-Detail {
	border: 1px solid #cbe2f0;
	margin-top: 4px;
}

.mail-DetailHeader {
	background: #eee;
	border-bottom: 1px solid #cbe2f0;
	padding: 6px 4px;
}

.mail-DetailHeader td {
	padding: 0;
}

.mail-DetailInner {
	background-color: white;
	font-size: 80%;
}

.mail-DetailSubject {
	padding: 2px 10px;
	font-weight: bold;
}

.mail-DetailSender {
	font-size: 80%;
	padding: 2px 10px;
}

.mail-DetailRecipient {
	font-size: 80%;
	padding: 2px 10px;
}

.mail-DetailBody {
	line-height: 150%;
	padding: 20px 40px 20px 10px;
	font-family: 'Times New Roman', Times, serif;
}

.mail-Contacts {
	border-bottom: none;
}

.video {
	border: none;
	font-size: 70%;
	height: 100%;
}

.video-spacer {
	background: #ff0000;
}

.video-panel {
	border-left: 1px solid #cbe2f0;
	border-right: 1px solid #cbe2f0;
	border-bottom: 1px solid #cbe2f0;
	border-top: 1px solid #cbe2f0;
	background: #ffffff;
	padding-left: 10px;
}

.video_playercontrol {
	font-size: 70%;
}

.video_player_cursor_a {
	background: url("../img/player_cursor_bcks.gif") repeat-x top left;
}

.video_player_cursor_b {
	background: url("../img/player_cursor_bckns.gif") repeat-x top left;
}

.pickerPanel {
	width: 300px;
	font-size: 70%;
	border-left: 1px solid #cbe2f0;
	border-right: 1px solid #cbe2f0;
	border-bottom: 1px solid #cbe2f0;
	border-top: 1px solid #cbe2f0;
}

.pickerScrollPanel {
	height: 120px;
	border-bottom: 1px solid #cbe2f0;
	padding: 0px;
	spacing: 0px;
	margin: 0px;
}

.pickerNewDiscussion {
	padding: 5px;
}

.pickerNewDiscussionBox {
	margin-left: 5px;
	margin-right: 5px;
}

.pickerNewDiscussionLabel {
	cursor: pointer; /* FF hack */
	cursor: hand;
	margin: 5px;
}

.pickerSearch {
	width: 250px;
	font-size: 70%;
	border: 0px;
}

.pickerNewDiscussionText {
	width: 250px;
	font-size: 70%;
}

.record-panel {
	border-left: 1px solid #cbe2f0;
	border-right: 1px solid #cbe2f0;
	border-bottom: 1px solid #cbe2f0;
	border-top: 1px solid #cbe2f0;
	background: #ffffff;
	height: 100%;
	font-size: 70%;
	padding: 10px;
}

.record-panel .settings-section {
	padding: 10px;
	width: 100%;
	font-size: 80%
}

.settings-section-right {
	padding: 10px;
	width: 100%;
	font-size: 80%
	float: right;
}

.record-panel .recording-buttons {
	padding: 10px;
	padding-top: 30px;
}

.record-panel .add-section {
	padding: 10px;
}

.record-panel .record-storelink {
    text-decoration: underline;
    color: #0274bb;
    cursor: pointer; /* FF hack */
	cursor: hand;
}

.record-choice {
	border: 0px 0px 0px 0px;
	background: #ffffff;
	font-size: 80%;
}

.record-choice-link {
	border: 0px 0px 0px 0px;
	background: #ffffff;
	font-size: 80%;
	cursor: pointer; /* FF hack */
	cursor: hand;
}

.record-choicesmall {
	border: 0px 0px 0px 0px;
	background: #ffffff;
	font-size: 60%;
}

.record-choicelarge {
	border: 0px 0px 0px 0px;
	background: #ffffff;
	font-size: 120%;
}

.record-header {
	border: 0px 0px 0px 0px;
	background: #75a9ff;
	color: #ffffff;
}

.screencapture-instructions {
	border: 2px 2px 2px 2px;
	background: #ffffff;
	width: 49%;
	font-size: 80%;
	padding: 10 px;
}

.screencapture-instructions h2 {
	font-size: 120%;
}

.screencapture-instructionsleft {
	border: 2px 2px 2px 2px;
	background: #ffffff;
	width: 98%;
	font-size: 80%;
	padding: 10 px;
}

.screencapture-instructionsleft h2 {
	font-size: 120%;
}

.screencapture-instructionsright {
	border: 2px 2px 2px 2px;
	background: #ffffff;
	width: 49%;
	font-size: 80%;
	padding: 10 px;
}

.screencapture-instructionsright h2 {
	font-size: 120%;
}

.input-error {
	background: #ff0000;
}

.input-ok {
	background: #ffffff;
}

.introPanel {
	background: #ffffff;
	padding: 3px 4px 2px 4px;
}

.view-right {
	padding: 6px 8px 5px 8px;
	spacing: 6px 8px 5px 8px;
	color: #333333;
	font-size: 80%;
}

.view-info {
	padding: 3px 4px 2px 4px;
	font-size: 80%;
	width: 100%;
}

.view-info-link {
	padding: 3px 4px 2px 4px;
	font-size: 80%;
	width: 100%;
	cursor: pointer; /* FF hack */
	cursor: hand;
}

.view-list {
	font-size: 70%;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 270px;
	padding-top: 2px;
	padding-left: 5px;
}

.view-collapsible,.view-collapsible table {
	padding: 3px 4px 2px 0px;
	font-size: 88%;
}

.view-actions .header table {
	font-size: 80%;
}

.view-actions .content { /* padding-left: 10px; */
	
}

.view-infoName {
	color: #babbbd;
	/* font-size: 80%; */
}

.view-infoTitle {
	font-size: 110%;
	font-weight: bold;
}

.view-infoTitleLink {
	font-size: 70%;
}

.view-infoCounter {
	font-size: 50%;
	position: absolute;	
	left: 611;
	top: 273;
}
}

.view-link {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0033cc;
	color: #0033cc;
	cursor: pointer; /* FF hack */
	cursor: hand;
	text-align: right;
	font-size: 110%;
	cursor: hand;
}

table.copyright {
	width: 100%;
	padding-left: 5px;
	padding-right: 5px;
}

table.copyright .gwt-HTML {
	color: #888;
	font-size: 71%;
	text-align: center;
	font-style: bold;
	cursor: pointer; /* FF hack */
	cursor: hand;
}

.player01 {
	background: url("../img/video0_t.gif") repeat-x top left;
	border: 0px;
}

.player10 {
	background: url("../img/video0_l.gif") repeat-y top left;
	border: 0px;
}

.player12 {
	background: url("../img/video0_r.gif") repeat-y top right;
	border: 0px;
}

.player21 {
	background: url("../img/video0_b.gif") repeat-x bottom left;
	border: 0px;
}

.big_reply,.big_reply_selected {
	cursor: pointer; /* FF hack */
	cursor: hand;
	border: none;
	vertical-align: center;
	height: 96px;
	width: 106px;
}

.big_reply {
	background: #93d825;
}

.big_reply_selected {
	background: #ff9b09;
}

.big_reply_content {
	display: block;
	vertical-align: center;
	text-align: center;
	color: #ffffff;
	font-size: 95%;
	font-weight: bold;
	height: 96px;
	width: 106px;
	background: url("../img/big_btn_bluebck.gif") no-repeat;
}

.big_add,.big_add_selected {
	cursor: pointer; /* FF hack */
	cursor: hand;
	border: none;
	vertical-align: center;
	height: 96px;
	width: 106px;
}

.big_add {
	background: #93d825;
}

.big_add_selected {
	background: #ff9b09;
}

.big_add_content {
	display: block;
	vertical-align: center;
	text-align: center;
	color: #ffffff;
	font-size: 95%;
	font-weight: bold;
	height: 96px;
	width: 106px;
	background: url("../img/big_btn_whitebck.gif") no-repeat;
}

.invisible {
	top: -500px;
	overflow: hidden;
	position: absolute;
	height: 0px;
	width: 0px;
	display: none;
}

.deleteIcon img {
	text-align: right;
}

.CanvasAbsolutePanelPlayer {
	border: 1px solid #cbe2f0;
}

.CanvasAbsolutePanelRecorder {
	border: 4px solid #ffffff;
}


.gwt-MenuBar {
	cursor: default;
}

.gwt-MenuBar .gwt-MenuItem {
	cursor: default;
	z-index: 99;
}

.gwt-MenuBar .gwt-MenuItem-selected {
	background: #75a9ff;
	color: #ffffff;
}

.gwt-MenuBar-horizontal {
	background: #75a9ff;
}

.gwt-MenuBar-horizontal .gwt-MenuItem {
	padding: 0px 10px;
	vertical-align: bottom;
	font-weight: bold;
	color: #ffffff;
}

.gwt-MenuBar-vertical {
	margin-top: 0px;
	margin-left: 0px;
	background: e3eeff;
	border: 1px solid #ffffff;
	position: relative;
	top: 0px;
	<!--
	[
	if
	IE]>
	left
	:
	-119px;
	<![
	endif
	]
	-->
}

.gwt-MenuBar-vertical table {
	border-collapse: collapse;
}

.gwt-MenuBar-vertical .gwt-MenuItem {
	padding: 0px 14px 4px 1px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.gwt-MenuBar-vertical .gwt-MenuItemSeparator {
	padding: 2px 0px;
}

.gwt-MenuBar-vertical .gwt-MenuItemSeparator .menuSeparatorInner {
	height: 1px;
	padding: 0px;
	border: 0px;
	border-top: 1px solid #777777;
	background: #e3eeff;
	color: #0274bb;
	overflow: hidden;
}

.gwt-MenuBar-vertical .subMenuIcon {
	padding-right: 4px;
}

.gwt-MenuBar-vertical .subMenuIcon-selected {
	background: #75a9ff;
	color: #ffffff;
}

.gwt-MenuBarPopup {
	margin: 0px 0px 0px 3px;
}

.gwt-MenuBarPopup .menuPopupTopCenter {
	
}

.gwt-MenuBarPopup .menuPopupMiddleLeft {
	
}

.gwt-MenuBarPopup .menuPopupTopLeftInner {
	width: 5px;
	height: 5px;
	zoom: 1;
}

.gwt-MenuBarPopup .menuPopupTopRightInner {
	width: 8px;
	height: 5px;
	zoom: 1;
}

.gwt-MenuBarPopup .menuPopupBottomLeftInner {
	width: 5px;
	height: 8px;
	zoom: 1;
}

.gwt-MenuBarPopup .menuPopupBottomRightInner {
	width: 8px;
	height: 8px;
	zoom: 1;
}

html>body .gwt-MenuBarPopup .menuPopupBottomCenter {
	
}

html>body .gwt-MenuBarPopup .menuPopupMiddleRight {
	
}

html>body .gwt-MenuBarPopup .menuPopupTopLeft {
	
}

html>body .gwt-MenuBarPopup .menuPopupTopRight {
	
}

html>body .gwt-MenuBarPopup .menuPopupBottomLeft {
	
}

html>body .gwt-MenuBarPopup .menuPopupBottomRight {
	
}

* html .gwt-MenuBarPopup .menuPopupBottomCenter {
	
}

* html .gwt-MenuBarPopup .menuPopupMiddleRight {
	
}

* html .gwt-MenuBarPopup .menuPopupTopLeftInner {
	width: 5px;
	height: 41px;
	margin-top: -36px;
	overflow: hidden;
}

* html .gwt-MenuBarPopup .menuPopupTopRightInner {
	width: 13px;
	height: 41px;
	margin-left: -5px;
	margin-top: -36px;
	overflow: hidden;
}

* html .gwt-MenuBarPopup .menuPopupBottomLeftInner {
	width: 5px;
	height: 49px;
	margin-top: -41px;
	overflow: hidden;
}

* html .gwt-MenuBarPopup .menuPopupBottomRightInner {
	width: 13px;
	height: 49px;
	margin-left: -5px;
	margin-top: -41px;
	overflow: hidden;
}

/* ============================= BUTTONS ================================*/
.button {
	font-size: 12px;
	color: #767676;
	padding: 0 0 0 5px;
	background-image: url(../img/button_sm_white.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	cursor: hand;
	margin: 2px 1px;
}

.button span {
	text-align: center;
	padding-right: 5px;
	line-height: 18px;
	display: block;
	background-image: url(../img/button_sm_white.png);
	background-repeat: no-repeat;
	background-position: right 0px;
}

.button-icon, .button-icon22, .button-icon48 {
	cursor: pointer;
	cursor: hand;
	z-index: 99;
	width: 0px;
}

.button-icon span, .button-icon22 span, .button-icon48 span {	
	z-index: 99;
	display: block;
	text-align:center;
}

.button-icon-hover, .button-icon-hover span, 
.button-icon22-hover, .button22-icon-hover span,
.button-icon48-hover, .button48-icon-hover span {
	background-color: #ff9b09;
	z-index: 99;
}

.button-icon-selected, .button-icon-selected span,
.button-icon22-selected, .button-icon22-selected span,
.button-icon48-selected, .button-icon48-selected span {
	background-color: #93d825;
	z-index: 99;
}

.button-icon48-disabled img, .button-icon22-disabled img {
	filter:alpha(opacity=20);-moz-opacity:.20;opacity:.20;
}


.button-width-long {
	width: 150px;
}

.button-width-short {
	width: 60px;
}

.button-width-icon {
	width: 16px;
	white-space: nowrap;
}


.button-width-icon22 {
	width: 22px;
	white-space: nowrap;
}

.button-width-icon48 {
	width: 48px;
	white-space: nowrap;
}

.button-large-green, .button-large-green2, .button-large-red, .button-large-orange {
	float: left;
	font-size: 16px;
	color: #ffffff;
	padding: 0 0 0 10px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	cursor: hand;
	white-space: nowrap;
}

.button-large-green span, .button-large-green2 span, .button-large-red span, .button-large-orange span {
	text-align: center;
	padding: 0 10px 0 5px;
	line-height: 53px;
	display: block;
	background-repeat: no-repeat;
	background-position: right 0px;
	white-space: nowrap;
}

.button-large-green span, .button-large-red span, .button-large-orange span {
	width: 95px;
}

.button-large-green2, span-large-red2 span, .button-large-orange2 span {
	width: 300px;
}

.button-large-green, .button-large-green2 {
	background-image: url(../img/button_lg_grn_lt.png);
}

.button-large-red {
	background-image: url(../img/button_lg_red_lt.png);
}

.button-large-orange {
	background-image: url(../img/button_lg_orange_lt.png);
}

.button-large-green span, .button-large-green2 span {
	background-image: url(../img/button_lg_grn_rt.png);
}

.button-large-red span {
	background-image: url(../img/button_lg_red_rt.png);
}

.button-large-orange span {
	background-image: url(../img/button_lg_orange_rt.png);
}


.button-large-green-hover, .button-large-green2-hover, .button-large-red-hover, .button-large-orange-hover {
	background-position: 0 -56px;
}

.button-large-green-hover span, .button-large-green2-hover span, .button-large-red-hover span, .button-large-orange-hover span  {
	background-position: right -56px;
}

.button-large-orange-hover span  {
	color: #000000;
}

.button-medium {
	float: left;
	font-size: 14px;
	color: #374e0c;
	padding: 0 0 0 7px;
	background-image: url(../img/button_md_grn_lt.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	cursor: hand;
}

.button-medium span {
	text-align: center;
	padding: 0 14px 0 7px;
	line-height: 30px;
	display: block;
	background-image: url(../img/button_md_grn_rt.png);
	background-repeat: no-repeat;
	background-position: right 0px;
}

.button-medium-hover,.button-medium-selected {
	background-position: 0 -30px;
}

.button-medium-hover span,.button-medium-selected span {
	background-position: right -30px;
}

.button-medium-off {
	background-image: url(../img/button_md_gry_lt.png);
	cursor: default;
}

.button-medium-off span {
	color: #989898;
	background-image: url(../img/button_md_gry_rt.png);
}

.button-medium-green {
	background-image: url(../img/button_md_grn_lt.png);
	cursor: default;
}

.button-medium-green span {
	color: #2e420f;
	background-image: url(../img/button_md_grn_rt.png);
}

.button-twoLine {
	height: 53px;
}

.button-twoLine span {
	padding: 12px 15px 10 px 5px !important;
	padding-top: 12px !important;
	padding-bottom: 5px !important;
	line-height: 14px;
}

.button-twoLine span.mini {
	padding-top: 3px !important;
	background-image: none;
}

.button-largeBlue,.button-largeTeal {
	float: left;
	font-size: 12px;
	color: #3f6179;
	padding: 0 0 0 7px;
	background-image: url(../img/button_lg_blu_lt.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	cursor: hand;
}

.button-largeBlue span,.button-largeTeal span {
	text-align: center;
	padding: 0 15px 0 8px;
	line-height: 30px;
	display: block;
	background-image: url(../img/button_lg_blu_rt.png);
	background-repeat: no-repeat;
	background-position: right 0px;
}

.button-largeTeal {
	background-image: url(../img/button_lg_blu2_lt.png);
}

.button-largeTeal span {
	background-image: url(../img/button_lg_blu2_rt.png);
}

.button-hover,.button-selected {
	background-position: 0 -22px;
}

.button-hover span,.button-selected span {
	color: #000000;
	background-position: right -22px;
}

/*   -------small SPLIT button --------   */
.button-split-l {
	width: 35px;
}

.button-split-l span {
	color: #222222;
	background-image: url(../img/button_sm_split_l.png);
	text-align: center;
}

.button-split-l-hover {
	color: #ff9b09;
	background-image: url(../img/button_sm_split_l.png);
	background-position: 0 -22px;
}

.button-split-l-hover span {
	color: #ff9b09;
	background-image: url(../img/button_sm_split_l.png);
	background-position: right -22px;
}

.button-split-r {
	width: 17px;
	cursor: pointer;
	cursor: hand;
	margin: 2px 0px;
	padding: 0 0 0 0;
	background-image: url(../img/button_sm_split_r.png);
	background-repeat: no-repeat;
	background-position: 0 0px;
}

.button-split-r span,.button-split-r-hover span {
	line-height: 18px;
	display: block;
	background-image: none;
}

.button-split-r-hover {
	background-image: url(../img/button_sm_split_r.png);
	background-position: 0 -22px;
	/*background-repeat: no-repeat;
	background-position: right 0px;*/
}

/*   -------small GREEN button --------   */
.button-green,.button-green span {
	color: #347912;
	background-image: url(../img/button_sm_green.png);

}

.button-green-hover {
	background-image: url(../img/button_sm_green.png);
	background-position: 0 -22px;
}

.button-green-hover span {
	color: #1a3b10;
	background-image: url(../img/button_sm_green.png);
	background-position: right -22px;
}

/*   ------- small BLUE button --------   */
.button-blue,.button-blue span {
	color: #2d617c;
	background-image: url(../img/button_sm_blue.png);
}

.button-blue-hover,.button-blue:hover {
	background-image: url(../img/button_sm_blue.png);
	background-position: 0 -22px;
}

.button-blue-hover span,.button-blue:hover span {
	color: #1c3d54;
	background-image: url(../img/button_sm_blue.png);
	background-position: right -22px;
}  /*   -------RED--------   */
.button-red,.button-red span {
	color: #ff0000;
}

.button-red-hover {
	color: #ff0000;
}

.button-red-hover span {
	color: #ff0000;
}

/*   -------CANCEL--------   */
.button-cancel,.button-red span {
	color: #9a6d6d;
}

.button-cancel-hover {
	background-position: 0 -22px;
}

.button-cancel-hover span {
	color: #9a3333;
	background-position: right -22px;
}

.cc-GenericCancel a {
	color: #7a5d5d;
	text-decoration: underline;
}

.cc-GenericCancel a:hover {
	color: #6a0f0f;
	text-decoration: underline;
}

/*.button{ color:#878787; font-size:10px; line-height: 10px; cursor:pointer; cursor:pointer; background:white; text-align: center; padding: 3px 10px; border-color: #e0e0e0 #8e8e8e #666 #c0c6cb; border-style: solid; border-width: 1px; cursor:pointer; cursor:pointer; }.button:hover{ background: #069; color:white; border-color: #83b4d8 #1f456b #0f2f51 #69c; border-style: solid; border-width: 1px; }.button-hover{    background: #069;    color:white;    border-color: #83b4d8 #1f456b #0f2f51 #69c; border-style: solid; border-width: 1px;}*/
.cc-NoClassWelcomeSubmit {
	color: #878787;
	font-size: 16px;
	line-height: 16px;
	cursor: pointer;
	cursor: pointer;
	background: white;
	text-align: center;
	padding: 3px 10px;
	margin: 20px;
	border-color: #e0e0e0 #8e8e8e #666 #c0c6cb;
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	cursor: pointer;
}

/* ============================= BUTTONS END ============================*/
.right {
	float: right;
}

.left {
	float: left;
}

.center {
	margin-left: auto;
	margin-right: auto;
	width: 40%;
}

/* ============================= SCROLLING TALK PANEL ============================*/
.video-slider-stage {
	width: 100%;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	height: 190px;
	margin: 0 auto;
	z-index: -1;
}

.video-slider-list {
	width: 30000px;
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 80%;
	color: #0274bb;
	z-index: -1
}

.video-slider-list .item {
	margin-right: 8px;
	padding: 1px;
	float: left;
	width: 132px;
	height: 200px;
	z-index: -1
}

.video-slider-list .slider-button {
	margin-top: 65px;
	margin-left: 28px;
	float: left;
	width: 132px;
	vertical-align: middle;
}

.video-slider-list .video-level0 {
	width: 132px;
	height: 150px;
	z-index: 10;
	position: relative;
	top: 45px;
	left: 0px;
	border: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
	cursor: hand;
}

.video-level0-date {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 70%;
	color: #0274bb;
	text-align: left;
}

.video-level0-time {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 70%;
	color: #0274bb;
	text-align: right;
}

.video-level0-author {
	width: 70px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 70%;
	color: #0274bb;
	text-align: left;
}

.video-slider-list .branch-level1 {
	border: 0;
	margin: 0;
	padding: 0;
	background: #92baff;
	float: left;
	width: 132px;
	height: 100px;
	position: relative;
	bottom: 120px;
	left: 7px;
	z-index: 8;
	cursor: pointer;
	cursor: hand;
}

.video-slider-list .branch-level2 {
	border: 0;
	margin: 0;
	padding: 0;
	background: #b9d4ff;
	float: left;
	width: 132px;
	height: 100px;
	position: relative;
	bottom: 235px;
	left: 14px;
	z-index: 7;
	cursor: pointer;
	cursor: hand;
}

.video-slider-list .branch-level3 {
	border: 0;
	margin: 0;
	padding: 0;
	background: #def3ff;
	float: left;
	width: 132px;
	height: 100px;
	position: relative;
	bottom: 350px;
	left: 21px;
	z-index: 6;
	cursor: pointer;
	cursor: hand;
}

.video-slider-list .branch-level1-hover,.video-slider-list .branch-level2-hover,.video-slider-list .branch-level3-hover
	{
	background: #ff9b09;
	color: #ffffff;
}

.video-viewed {
	border-color: #ffffff;
	border-style: solid;
	border-width: 2px;
}

.video-viewed-selected {
	border-color: #eeeeee;
	border-style: solid;
	border-width: 2px;
}

.video-nowplaying {
	filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;
	position: absolute;
	left: 49;
	top: 35;
	z-index: -1;
}

.video-nowplaying-selected {
	filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;
	position: absolute;
	left: 49;
	top: 35;
	z-index: 99;
}

.video-nowplayinganonymous .video-nowplayinganonymous-play {
	filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;
	position: absolute;
	left: 186;
	top: 199;
	z-index: -1;
}

.video-nowplayinganonymous-hover .video-nowplayinganonymous-play {
	filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;
	position: absolute;
	left: 186;
	top: 199;
	z-index: 99;
}

.video-new {
	border-color: #0274bb;
	border-style: solid;
	border-width: 2px;
}

.video-viewed-hover,.video-new-hover {
	border-color: #ff9b09;
}

.video-nowplayinganonymous-hover .video-new {
	border-color: #ff9b09;
}

.branch-slider-stage {
	width: 100%;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	height: px;
	margin: 0 auto;
	margin-left: 12px;
	font-size: 80%;
}

.branch-slider-list {
	width: 30000px;
	border: 0;
	margin: 0;
	padding: 0;
}

.branch-slider-list
 
li {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
	margin-right: 4px;
	padding: 4px;
	background: #00F0F0;
	float: left;
	width: 150px;
	height: 50px;
}

/* ============================= END SCROLLING TALK PANEL ============================*/
	/* ============================= TAB PANEL ============================*/
.gwt-DecoratedTabBar {
	
}

.gwt-DecoratedTabBar .gwt-TabBarFirst {
	
}

.gwt-DecoratedTabBar .gwt-TabBarRest {
	
}

.gwt-DecoratedTabBar .gwt-TabBarItem {
	border-collapse: collapse;
}

.gwt-DecoratedTabBar .tabTopCenter {
	padding: 0px;
}

.gwt-DecoratedTabBar .tabTopLeft,.gwt-DecoratedTabBar .tabTopRight {
	padding: 0px;
	zoom: 1;
}

.gwt-DecoratedTabBar .tabTopLeftInner,.gwt-DecoratedTabBar .tabTopRightInner
	{
	width: 0px;
	height: 0px;
}

.gwt-DecoratedTabBar .tabMiddleLeft,.gwt-DecoratedTabBar .tabMiddleRight
	{
	width: 0px;
	padding: 0px;
	background: #ffffff;
}

.gwt-DecoratedTabBar .tabMiddleLeftInner,.gwt-DecoratedTabBar .tabMiddleRightInner
	{
	width: 1px;
	height: 1px;
}

.gwt-DecoratedTabBar .tabMiddleCenter {
	padding: 0px 4px 1px 4px;
	cursor: pointer;
	cursor: hand;
	color: 0274bb;
	font-size: 80%;
	font-weight: bold;
	text-align: center;
	background: #e3eeff;
}

.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
	
}

.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight
	{
	background: #75a9ff;
}

.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
	cursor: default;
	background: #75a9ff;
	color: #ffffff;
}

html>body .gwt-DecoratedTabBar .tabTopLeft {
	
}

html>body .gwt-DecoratedTabBar .tabTopRight {
	
}

html>body .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
	
}

html>body .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
	
}

.gwt-TabPanel {
	
}

.gwt-TabPanelBottom {
	border-color: #75a9ff;
	border-style: solid;
	border-width: 1px;
	overflow: hidden;
	padding: 0px;
}

/* ============================= END TAB PANEL ============================*/
	/* ============================= FADE EFFECT COLORS =======================*/
.add-0, .event-0 {
	background-color: #FDFF00;
}

.add-1, .event-1 {
	background-color: #FDFF0F;
}

.add-2, .event-2 {
	background-color: #FDFF1F;
}

.add-3, .event-3 {
	background-color: #FDFF2F;
}

.add-4, .event-4 {
	background-color: #FDFF3F;
}

.add-5, .event-5 {
	background-color: #FDFF4F;
}

.add-6, .event-6 {
	background-color: #FEFF5F;
}

.add-7, .event-7 {
	background-color: #FEFF6F;
}

.add-8, .event-8 {
	background-color: #FEFF7F;
}

.add-9, .event-9 {
	background-color: #FEFF8F;
}

.add-10, .event-10 {
	background-color: #FEFF9F;
}

.add-11, .event-11 {
	background-color: #FEFFAF;
}

.add-12, .event-12 {
	background-color: #FEFFBF;
}

.add-13, .event-13 {
	background-color: #FFFFCF;
}

.add-14, .event-14 {
	background-color: #FFFFDF;
}

.add-15, .event-15 {
	background-color: #FFFFEF;
}

.add-16, .event-16 {
	background-color: #FFFFFF;
}

.add-17, .event-17 {
	background-color: transparent;
}

/* ============================= END FADE EFFECT COLORS =======================*/

/* ============================= ROUND CORNER GREY BOX =======================*/
.block {
	display: block;
	width: 210px;
	height: 64px;
	padding-top: 9px; *
	padding-top: 7px;
}

.block-green {
	background: url(../img/green.gif) no-repeat bottom;
}

.block-gray {
	background: url(../img/gray.gif) no-repeat bottom;
}
/* ============================= END ROUND CORNER GREY BOX =======================*/



/* ============================= UPLOADER =======================*/

.imgPanel {
	margin-left: auto;
	margin-right: auto;
}

.imgBox {
	float: left;
	width: 55px;
	margin-top: 10px;
	margin-left: 1px;
	margin-right: 1px;
}

.imgBox .middleCenter {
	padding: 0px 0px;
}

.previewBox {
	width: 300px;
}

.GWTCTabPanel .GWTCBox{
	margin-top: 0;
}

.GWTCBox {
	width: 100%;
}

.GWTCBox .middleCenter {
	width: 340px;
}

.GWTCUpload {
	font-size: 12px;
}

.gwtcu-fileName {
	font-weight: bold;
	white-space: nowrap;
	width: 225px;
}

.gwtcu-fileStatus {
	font-weight: bold;
	margin-left: 1px;
}

.gwtcu-ok {
	color: green;
}

.gwtcu-err {
	color: red;
}

.gwtcu-FileUpload,.gwtcu-fileName,.gwtcu-Button {
	height: 22px;
}

.gwtcu-fileName {
	overflow: hidden;
	margin-right: 3px;
}

.gwtcu-thinBar {
	overflow: hidden;
}

.gwtcu-thinBar .prg-time {
	height: 0px;
}

.gwtcu-thinBar .prg-numbers {
	width: 250px;
}

.gwtcu-thinBar .prg-title {
	width: 225px;
}

.gwtcu-thinBar .prg-bar-element {
	height: 2px;
}

.gwtcu-thinBar .prg-title,.gwtcu-thinBar .prg-time {
	font-size: 12px;
	overflow: hidden;
}

.gwtcu-thinBar .prg-time {
	font-size: 8px;
}

.GWTCAlert {
   font-size: 12pt;
   border : 5px solid #ff4a26;
   background : #fff;
   color : #000;
   padding :  4px 10px 10px 10px;
   text-align : center;
}

.GWTCAlert-box {
    border: none;
    background : transparent;
}

.GWTCAlert .Caption {
	display: none;
}

.GWTCAlert .panel .msgCell {
	padding: 8px 0 45px 0;
	width: 100px;
}

.GWTCAlert .panel td {
	text-align: center;
}

.GWTCAlert .panel {
   margin-left: auto;
   margin-right: auto;
   height: 16px;
   width: 20px;
}

.GWTCAlert .panel .btnCell .okButton{margin-left:auto;margin-right:auto;height:16px;width:50px;}
div.GWTCGlassPanel{opacity:0.90;background-color:#111111;zoom:1;filter:alpha(opacity=40);}
.GWTCWait{font-family:"Trebuchet MS",Helvetica,Arial,sans-serif;background:transparent;}
.GWTCWait .panel{text-align:center;}
.GWTCBox{font-family:"Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;font-size:12px;}
.GWTCBox .gwtc-boxPanel{font-size:12px;}
.GWTCBox .topCenter{height:8px;overflow:hidden;}
.GWTCBox .bottomCenter{height:8px;overflow:hidden;}
.GWTCBox .middleLeft{padding-left:4px;overflow:hidden;}
.GWTCBox .middleRight{padding-right:4px;overflow:hidden;}
.GWTCBox .middleCenter{padding:4px 10px;}
.GWTCBox .topLeftInner,.GWTCBox .topRightInner,.GWTCBox .bottomLeftInner,.GWTCBox .bottomRightInner{width:8px;height:8px;zoom:1;overflow:hidden;}
.GWTCBox .topCenter{background:transparent url(images/box/m-tb.png) repeat-x 0 0;}
.GWTCBox .bottomCenter{background:transparent url(images/box/m-bb.png) repeat-x 0 0;}
.GWTCBox .middleLeft{background:transparent url(images/box/m-cl.png) repeat-y 0 0px;}
.GWTCBox .middleRight{background:transparent url(images/box/m-cr.png) repeat-y 0 0px;}
.GWTCBox .middleCenter{background:white url(images/box/m-cb.png) repeat-x 0 -16px;}
.GWTCBox .topLeft{background:transparent url(images/box/m-corners.png) no-repeat 0 0;}
.GWTCBox .topRight{background:transparent url(images/box/m-corners.png) no-repeat right -8px;}
.GWTCBox .bottomLeft{background:transparent url(images/box/m-corners.png) no-repeat 0 -16px;}
.GWTCBox .bottomRight{background:transparent url(images/box/m-corners.png) no-repeat right -24px;}
.GWTCBox-grey .topCenter{background:transparent url(images/box/g-tb.gif) repeat-x 0 0;}
.GWTCBox-grey .bottomCenter{background:transparent url(images/box/g-tb.gif) repeat-x 0 -8px;}
.GWTCBox-grey .middleLeft{background:transparent url(images/box/g-cl.gif) repeat-y 0 0px;}
.GWTCBox-grey .middleRight{background:transparent url(images/box/g-cr.gif) repeat-y 0 0px;}
.GWTCBox-grey .middleCenter{background:#eee url(images/box/g-tb.gif) repeat-x 0 -16px;}
.GWTCBox-grey .topLeft{background:transparent url(images/box/g-corners.gif) no-repeat 0 0;}
.GWTCBox-grey .topRight{background:transparent url(images/box/g-corners.gif) no-repeat right -8px;}
.GWTCBox-grey .bottomLeft{background:transparent url(images/box/g-corners.gif) no-repeat 0 -16px;}
.GWTCBox-grey .bottomRight{background:transparent url(images/box/g-corners.gif) no-repeat right -24px;}
.GWTCBox-blue .topCenter{background:transparent url(images/box/b-tb.gif) repeat-x 0 0;}
.GWTCBox-blue .bottomCenter{background:transparent url(images/box/b-tb.gif) repeat-x 0 -8px;}
.GWTCBox-blue .middleLeft{background:transparent url(images/box/b-cl.gif) repeat-y 0 0px;}
.GWTCBox-blue .middleRight{background:transparent url(images/box/b-cr.gif) repeat-y 0 0px;}
.GWTCBox-blue .middleCenter{background:#c3daf9 url(images/box/b-tb.gif) repeat-x 0 -16px;}
.GWTCBox-blue .topLeft{background:transparent url(images/box/b-corners.gif) no-repeat 0 0;}
.GWTCBox-blue .topRight{background:transparent url(images/box/b-corners.gif) no-repeat right -8px;}
.GWTCBox-blue .bottomLeft{background:transparent url(images/box/b-corners.gif) no-repeat 0 -16px;}
.GWTCBox-blue .bottomRight{background:transparent url(images/box/b-corners.gif) no-repeat right -24px;}
.GWTCBtn{cursor:pointer;}
.GWTCBtn{height:21px;cursor:pointer;font-family:"Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif;font-size:10pt;text-align:center;-moz-user-select:none;}
div.GWTCBtn-focus:focus{outline-style:dotted;outline-width:thin;}
.GWTCBtn-ml{padding-left:3px;}.GWTCBtn-img{width:16px;height:16px;overflow:hidden;}
.GWTCBtn-text{font-size:12px;white-space:nowrap;text-align:center;padding-left:4px;padding-right:4px;}
.GWTCBtn-mr{padding-left:5px;}.GWTCBtn-l{height:21px;background:url(images/button/btn.gif) no-repeat;}
.GWTCBtn-ml,.GWTCBtn-c,.GWTCBtn-mr{background:url(images/button/btn.gif) repeat-x 0px -21px;}
.GWTCBtn-r{background:url(images/button/btn.gif) no-repeat top right;}
.GWTCBtn-over .GWTCBtn-l{background-position:0px -42px;}
.GWTCBtn-over .GWTCBtn-ml,.GWTCBtn-over .GWTCBtn-c,.GWTCBtn-over .GWTCBtn-mr{background-position:0px -63px;}
.GWTCBtn-over .GWTCBtn-r{background-position:right -42px;}
.GWTCBtn-down .GWTCBtn-l{background-position:0px -84px;}
.GWTCBtn-down .GWTCBtn-ml,.GWTCBtn-down .GWTCBtn-c,.GWTCBtn-down .GWTCBtn-mr{background-position:0px -105px;}
.GWTCBtn-down .GWTCBtn-r{background-position:right -84px;}
.GWTCBtn-disabled{cursor:default;color:#707070;}
.GWTCBtn-disabled .GWTCBtn-l{background-position:0px -126px;}
.GWTCBtn-disabled .GWTCBtn-ml,.GWTCBtn-disabled .GWTCBtn-c,.GWTCBtn-disabled .GWTCBtn-mr{background-position:0px -147px;}
.GWTCBtn-disabled .GWTCBtn-r{background-position:right -126px;}
div.GWTCProgress-dialog{border:solid 3px pink;z-index:999;font-family:"Trebuchet MS",Helvetica,Arial,sans-serif;background-color:white;}
.GWTCProgress .prg-title{font-weight:bold;}
.GWTCProgress .prg-numbers,.GWTCProgress .prg-time{font-size:12px;font-style:italic;}
.GWTCProgress .prg-bar-outer{border:1px solid grey;}
.GWTCProgress .prg-bar-inner{border:1px solid black;margin:1px;}
.GWTCProgress .prg-bar-element{width:5px;height:15px;margin:1px;}
.GWTCProgress .prg-bar-done{background:#83ae76;}
.GWTCProgress .prg-bar-blank{background:#eee;}
.GWTCProgress .prg-numbers{width:200px;}

/* ============================= END UPLOADER =======================*/
.gwt-PopupPanel, .DialogBox {
	z-index: 99;
	background: #ffffff;
	border: 1px solid #cbe2f0;
}

.rec-top {
	background: #e3eeff;
	width: 100%;
	border-top: 1px solid white;
}

.comments-panel {
background: #e3eeff;
border-left: 1px solid #cbe2f0;
border-right: 1px solid #cbe2f0;
border-bottom: 1px solid #cbe2f0;
}

.comments-title {
 color: #ffffff;
 font-size: 12px;
 font-weight: bold;
  
}

.comments-panel .view-infoName {
font-size: 11px;
}

.comments-panel .view-infoValue {
font-size: 12px;
}

.comments-panel .TopPanelSatus_info {
  border-right: 0px;
font-size: 11px;
text-align: right;
}

/* ============================= SLIDER BAR ========================*/
.gwt-SliderBar-shell {
  border: 0px;
  background-color: #e3eeff;
  height: 34pt;
  width: 50%;
}
.gwt-SliderBar-shell .gwt-SliderBar-line {
  border: 1px solid black;
  background-color: white;
  height: 4px;
  width: 95%;
  top: 22pt;
  overflow: hidden;
}
.gwt-SliderBar-shell .gwt-SliderBar-knob {
  top: 14pt;
  width: 11px;
  height: 21px;
  z-index: 1;
  cursor: pointer;
}
.gwt-SliderBar-shell .gwt-SliderBar-tick {
  top: 12pt;
  width: 1px;
  height: 8pt;
  background: black;
  overflow: hidden;
}
.gwt-SliderBar-shell .gwt-SliderBar-label {
  top: 2pt;
  font-size: 8pt;
  cursor: default;
}
.gwt-SliderBar-shell-focused {
}
.gwt-SliderBar-shell .gwt-SliderBar-line-sliding {
  background-color: #DDDDDD;
  cursor: pointer;
}

/* ============================= END SLIDER BAR ====================*/

/* ============================= AUTOCOMPLETE =======================*/

.auto_suggest {
    z-index: 20;
    background-color: #ffffff;
    padding: 10px;
    width: 400px;
    height: 230px;
}

.original-token-input {
    width: 396px;
    border: 1px solid #dddddd;
    font-size: 12px;
    font-family: Verdana;
    padding: 4px 8px;
}

/* Example tokeninput style #2: Facebook style */
ul.token-input-list-facebook {
    overflow: hidden;
    height: auto !important;
    height: 1%;
    width: 400px;
    border: 1px solid #e3e9ef;
    border-top: 1px solid #abadb3;
    cursor: text;
    font-size: 12px;
    font-family: Verdana;
    min-height: 1px;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
}

.title-text-box {
	border: 1px solid #e3e9ef;
    border-top: 1px solid #abadb3;
    font-size: 12px;
    font-family: Verdana;
}


ul.token-input-list-facebook {
    list-style-type: none;
}

ul.token-input-list-facebook li input {
    border: 0;
    width: 100px;
    padding: 3px 8px;
    background-color: #ffffff;
    margin: 2px 0;
}

li.token-input-token-facebook {
    overflow: hidden;
    height: auto !important;
    height: 1%;
    margin: 3px;
    padding: 1px 3px;
    background-color: #e3eeff;
    color: #000000;
    cursor: default;
    border: 1px solid #e3eeff;
    font-size: 11px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
}

li.token-input-token-facebook p {
    display: inline;
    padding: 0;
    margin: 0;
}

li.token-input-token-facebook span {
    color: #75a9ff;
    margin-left: 5px;
    font-weight: bold;
    cursor: pointer;
}

li.token-input-selected-token-facebook {
    background-color: #75a9ff;
    border: 1px solid #e3eeff;
    color: #ffffff;
}

li.token-input-selected-token-facebook span {
    color: #e3eeff;
}

li.token-input-input-token-facebook {
    float: left;
}

.suggestPopupMiddle {
    background-color: #ffffff;
}

.gwt-SuggestBox {
	padding: 0px 2px 0px 2px;
	background: #ffffff;
}

.gwt-SuggestBoxPopup {
	cursor: pointer; /* FF hack */
	cursor: hand;
	border: 1px solid #cbe2f0;
	/*width: 124px;*/
    z-index: 9999;
}

.gwt-SuggestBoxPopup .item {
	border: 0px solid #cbe2f0;
	font-size: 80%;
}

.gwt-SuggestBoxPopup .item-selected {
	background-color: #cbe2f0;
}

/* ============================= END AUTOCOMPLETE ===================*/