/* Floater Styles */
#WidgetFloaterPanels {
    font-family: "Segoe UI" , Frutiger, "Frutiger Linotype" , "Dejavu Sans" , "Helvetica Neue" , Arial, sans-serif;
    position: fixed;
    z-index: 9999999;
    background-color: white;
    ms-touch-action: none;
    visibility: visible;
    font-size: 8px;
    /*Shadows for All Browsers*/
    -moz-box-shadow: 3px 3px 4px #999;
    -webkit-box-shadow: 3px 3px 4px #999;
    box-shadow: 3px 3px 4px #999;
}
#WidgetFloaterPanels *
{
	background-attachment: scroll;
	background-color: Transparent;
	background-image: none;
	color: White;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: normal;
	margin: 0;
	outline-style: none;
	overflow: visible;
    padding: 0;
	vertical-align: baseline;
	word-spacing: normal;
	font-family: "Segoe UI" , Frutiger, "Frutiger Linotype" , "Dejavu Sans" , "Helvetica Neue" , Arial, sans-serif;
	font-size: inherit;
	text-transform: none;
    text-decoration: none;
    border: 0;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    float: none;
    max-width: none;
}
#WidgetFloaterPanels a,#WidgetFloaterPanels span, #WidgetFloaterPanels img {
    display: inline;
}
#WidgetFloaterPanels.dragging {
    cursor: move;
}
#WidgetFloaterPanels div {
    display: block;
}
#WidgetFloaterPanels input[type=text] {
    font-family: "Courier New", "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
    font-size: 9px !important;
    color: #222222;
    border: 0;
    height: 14px;
    padding: 0 7px;
    background: white;
    display: inline-block;
}
#WidgetFloater
{
    border: 1px #222222 solid;
    display: none;
    width: 200px;
    height: 59px;
}
#WidgetLogoPanel
{
    background-color: #555555;
    height: 19px;
    color: white;
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 10px;
    text-align: center;
}
.LTRStyle #WidgetLogoPanel {
    padding: 4px 0 0 7px;
}
.RTLStyle #WidgetLogoPanel {
    padding: 4px 7px 0 0 ;
}
#WidgetLogoPanel > span
{
    padding-top: 4px;
}
#WidgetTranslateWithSpan {
    position: absolute;
    top: 0;
    width: 180px;
}
#WidgetTranslateWithSpan:hover
{
    cursor:move;
}
#WidgetTranslateWithSpan * {
    vertical-align: middle;
}
#WidgetTranslateWithSpan span {
    letter-spacing: 1px;
}
.LTRStyle #WidgetTranslateWithSpan {
    right: 20px;
}
.RTLStyle #WidgetTranslateWithSpan {
    left: 20px;
}
#FloaterLogo 
{
    display: inline-block;
    vertical-align: middle;
}
#WidgetCloseButton {
    width: 15px;
    height: 14px;
    padding-top: 0 !important;
    color: white;
    background-color: #333333;
    text-align: center;
    display: inline-block;
    line-height: 10px;
    vertical-align: top;
    font-weight: 600;
    
    cursor: pointer;
}
.LTRStyle #WidgetCloseButton{
    float: right;
    margin: -4px 0 5px 4px;
}
.RTLStyle #WidgetCloseButton {
    float: left;
    margin: -4px 4px 5px 0;
}
#WidgetCloseButton:hover {
    width: 20px;
    height: 18px;
    margin: -4px 0 0 0;
    padding-top: 0 !important;
    line-height: 14px;
    font-size: 12px;
    background-color: #111111;
}
#LanguageMenuPanel
{
    font-size: 10px;
    height: 20px;
    background-color: #777777;
}
#CTFLinksPanel
{
    font-weight: bold;
    background-color: #FFFFFF;
    height: 12px;
    padding: 2px 5px;
    line-height: 7px;
}
#CTFLinksPanel * {
    line-height: 12px;
}
#ExternalLinksPanel {

}
.LTRStyle #ExternalLinksPanel {
    float: left;
}
.RTLStyle #ExternalLinksPanel  {
    float: right;
}
#ExternalLinksPanel a img {
    width: 12px;
    height: 9px;
}
#CTFAuthPanel {
}
#CTFAuthPanel * {
    font-size: 7px;
    color: #444444;
}
.LTRStyle #CTFAuthPanel {
    float:right
}
.RTLStyle #CTFAuthPanel {
    float: left;
}
#CTFAuthPanel a{
    text-decoration: none;
    font-weight: bold;
}
#CTFAuthPanel img{
    text-decoration: none;
    height: 9px;
}

#SignInSpan a {
    text-transform: uppercase;
    color: #444444;
}
#UsernameLink {
    max-width:46px;
    overflow:hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    display: inline-block;
}
#SignOutSpan a {
    text-transform: uppercase;
    color: #444444;
}
#FloaterProgressBar
{
    background-color: #444444;
    height: 4px;
    visibility: hidden;
}
#ProgressFill {
    width: 0;
    height: 100%;
    display: block;
    background-color: #ffa615;
}
#WidgetFloaterCollapsed
{
    background-color: #555555;
    border: #222222 1px solid;
    font-size: 10px;
    line-height: 10px;
    width: 186px;
    height: 21px;
    padding: 0 7px;
    color: white;
    text-align: center;
}
#WidgetFloaterCollapsed * {
    letter-spacing: 1px;
    line-height: 20px;
    vertical-align: middle;
}
#WidgetFloaterCollapsed img
{
    display: inline-block;
}
#CollapsedLogoImg
{

}
#CollapsedTranslateSpan
{
    text-transform: uppercase;
}

#CollapsedLargeLogoImg
{
    width: 40px;
    height: 14px;
}
.CornerTriangle {
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 0;
}
#FloaterSharePanel {
    width: 200px;
    color: white;
    padding: 4px 7px 4px;
    font-size: 8px;
    font-weight: bold;
    border: #222222 1px solid;
    position: relative;
    background: #555555 url(/static/img/widget_triangle.png) no-repeat no-repeat right bottom;
}
#ShareTextDiv {
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 3px;
}
#ShareTextSpan
{
    position: relative;
    top: 25%;
    font-weight: bold;
    letter-spacing: 1px;
}
#ShareTextboxDiv 
{
    height: 20px;
}
#ShareTextboxDiv img{
    width: 15px;
    vertical-align: bottom;
}
#ShareTextbox {
    width: 165px;
}
#ShareFooter {
    height: 9px;
}
#ShareHelpSpan {
    
    vertical-align: top;
}
.LTRStyle #ShareHelpSpan {
    float: left;
}
.RTLStyle #ShareHelpSpan{
    float: right;
}
#ShareBackSpan {
}
.LTRStyle #ShareBackSpan {
    float: right;
}
.RTLStyle #ShareBackSpan {
    float: left;
}
#ShareBackSpan a
{
    color: white;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
}
#ShareBackSpan a:hover
{
    text-decoration: underline;
}
#FloaterEmbed {
    width: 210px;
    border: #222222 1px solid;
    color: white;
    font-size: 8px;
    padding: 5px 5px 4px 10px;
    position: relative;
    background: #555555 url(/static/img/widget_triangle.png) no-repeat no-repeat right bottom;
}
#EmbedTextDiv {
    text-transform: uppercase;
}
#EmbedTextSpan {
    font-weight: bold;
    float: left;
    width: 195px;
    font-size: 9px;
}
#EmbedHelpLink {
    float: right;
}
#EmbedTextboxDiv {
    padding: 3px 0 2px;
    clear: both;
}
#EmbedTextboxDiv input[type=text] {
    width: 180px;
}
#EmbedNoticeDiv a,#EmbedNoticeDiv a:link{
    color: #33AAEE;
    text-decoration: none;
    font-weight: bold;
}
#EmbedNoticeDiv {
    padding-bottom: 4px;
}
#EmbedNoticeDiv a:hover
{
    text-decoration: underline;
}
#EmbedNoticeSpan {
    font-weight: 600;
    font-size: 9px;
}
#EmbedFooterDiv {
    line-height: 8px;
}
.LTRStyle #EmbedFooterDiv {
    text-align: right;
}
.RTLStyle #EmbedFooterDiv {
    text-align: left;
}
#EmbedFooterDiv a
{
    color: white;
    text-decoration: none;
    line-height: 7px;
}
#EmbedFooterDiv a:hover {
    text-decoration: underline;
}
#EmbedBackSpan {
    line-height: 7px;
}
#EmbedBackSpan a{
    font-weight: bold;
    line-height: 7px;
    text-transform: uppercase;
}
/* Styles for the DropDownLinkList control */
#WidgetFloaterPanels .LanguagePair
{
    white-space: nowrap;
    height: 28px;
    vertical-align: middle;
    border-collapse: collapse;
}
#WidgetFloaterPanels .DDLSwap
{
    border: solid 1px #222222;
    vertical-align: middle;
}
#WidgetFloaterPanels .DDStyle_outer
{
    border: none;
    display: inline;
    height: 20px;
}
#WidgetFloaterPanels .DDStyle
{
    -moz-user-focus: ignore;
    -moz-user-input: disabled;
    -moz-user-select: none;
    -khtml-user-select: none;
    -o-user-select: none;
}
#WidgetFloaterPanels .DDStyle:focus
{
    outline: 0; /*remove dotted line firefox*/
}
#WidgetFloaterPanels span.DDStyle
{
    background: #CCCCCC url(../img/dropdown_widget.png) no-repeat scroll 95% center;
    display: block;
    white-space: nowrap;
    cursor: pointer;
    color: #444444 !important;
    text-align: right;
    padding: 3px 24px 3px 3px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 400;
    -moz-background-clip: -moz-initial;
    -moz-background-origin: -moz-initial;
    -moz-background-inline-policy: -moz-initial;
}
#WidgetFloaterPanels span.DDStyleRtl
{
    padding: 3px 24px 3px 3px;
    background: #CCCCCC url(../img/dropdown_widget.png) no-repeat scroll 5% center;
    display: block;
    white-space: nowrap;
    cursor: pointer;
    color: #444444 !important;
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    -moz-background-clip: -moz-initial;
    -moz-background-origin: -moz-initial;
    -moz-background-inline-policy: -moz-initial;
}
#WidgetFloaterPanels span.DDSActive{
    background-color: #777777;
    color: white !important;
}
#WidgetFloaterPanels span.DDStyle:hover, span.DDStyle:focus
{
    background-color: #777777;
    color: white !important;
}
#WidgetFloaterPanels .DDStyle a, .DDStyle a:visited
{
    display: block;
    color: Black !important;
    text-decoration: none !important;
}
#WidgetFloaterPanels div.DDStyle
{
    padding: .5em 0 0;
    position: absolute;
    z-index: 999;
    display: none;
    background-color: #ffffff;
    border: solid 1px #D4D4D4;
}
#WidgetFloaterPanels .DDStyle td
{
    white-space: nowrap;
    margin-left: 1em;
    padding: 0 1em 0 .5em;
    width: 33%;
    background-color: inherit;
}
#WidgetFloaterPanels .DDStyle img
{
    z-index: 999;
    border-style: None;
    border-width: 0px;
    border: 0;
    top: -2px;
    position: absolute;
    display: none;
}
#WidgetFloaterPanels .DDStyle HR
{
    color: Highlight;
    height: 1px;
}
#WidgetFloaterPanels .DDStyle table {
    min-width: 343px;
    color: #cccccc;
    font-size: 11px;
}
#WidgetFloaterPanels div.DDStyle td a {
    padding: 7px;
    display: block;
}
#WidgetFloaterPanels div.DDStyle td a:hover
{
    color: white !important;
    background-color: #444444;
    font-weight: 500;
}
#WidgetFloaterPanels div.DDStyle td a:focus
{
    background-color: #33AAEE;
    color: white !important;
    font-weight: bold;
}
#WidgetFloaterPanels div.DDStyle #OriginalLanguageDiv 
{
    background-color: #555555;
    color: white;
    padding: 7px 1.5em 7px;
}
#WidgetFloaterPanels div.DDStyle #OriginalTextSpan 
{
    font-size: .8em;
    font-weight: bold;
}
.LTRStyle div.DDStyle #OriginalLanguageDiv {
    text-align: right;
}
.RTLStyle div.DDStyle #OriginalLanguageDiv {
    text-align: left;
}