/***************************************************************
 * CSS FOR LEXIN GWT.
 *
 * Colours for reference:
 *
 * #c1bc9e - Språkrådet's brown header colour.
 * #ffffcc - Very light yellow. Used for plain content. Changed to white by Jonas 20140113.
 ***************************************************************/

/**
 * GENERAL.
 */

body {
	text-align: center; /** for IE */
}

body, table td, select {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	/**font-family: Arial Unicode MS, Arial, sans-serif;*/
}

img {
	border-style: none;
}

div#whole_page {
	text-align: left;
	/**position: relative;*/
	width: 905px;
	margin:0 auto; /** for non-IE */
}

.sendButton {
	display: block;
	font-size: 16px;
}

/**
 * INHERITED TAGS FROM GWT.
 */

.gwt-HTML a {
	text-decoration: none;
	color: #4100ec;
}

.gwt-HTML a:HOVER {
	text-decoration: underline;
	color: #4100ec;
}

.gwt-HTML a:VISITED {
	text-decoration: none;
	color: #5a1e8b;
}

.gwt-HTML a img {
	border: none;
}

.gwt-DialogBox {
	width: 400px;
}

.gwt-SuggestBoxPopup .item {
 color: #0000CC;
 font-size: 13px;
}

.dialogVPanel {
	margin: 5px;
}

.serverResponseLabelError {
	color: red;
}

/** Set IDs using widget.getElement().setId("idOfElement") */
#closeButton {
	margin: 15px 6px 6px;
}


/**
 * HEADER AND FOOTER BARS.
 */

.lexingwt-LogoPanel {
	padding: 0px 0px 0px 0px;
	width: 905px;
	height: 60; /*110px;*/
	color: #000000; /*#ffffff;*/
	/*background: #c1bc9e;*/
	background: #ffffff; /*url(img/bg_logo_panel.png) no-repeat 0px 0px;*/
}

.lexingwt-LexinLogo {
	/*width: 180px;
	height: 80px;*/
	cursor: pointer;
	cursor: hand;
	color: white;
}

.lexingwt-FooterPanel {
	background: url(img/footer_red.png) no-repeat 0px 0px;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	width: 905px;
	height: 33px;
}

.lexingwt-FooterPanel a,
.lexingwt-FooterPanel a:VISITED {
	color: #ffffff;
}

.lexingwt-FooterPanel a:HOVER {
	text-decoration: none;
	color: #ffffff;
}


/**
 * MAIN HORIZONTAL TABS.
 */

.lexingwt-MainTabPanel {
	width: 905px;
}

.lexingwt-MainTabBar {
	background: #ffffff; /*#c1bc9e*/;
}

.lexingwt-MainTabBar .gwt-TabBarFirst {
	width: 0px;  /* first tab distance from the left */
}

.lexingwt-MainTabBar .gwt-TabBarRest {
}

.lexingwt-MainTabBar .gwt-TabBarItem {
	border-collapse: collapse;
	margin-left: 0px;
	margin-left: 1px;
}

.lexingwt-MainTabBar .tabTopCenter {
	padding: 0px;
	background: #a6192e; /*#537c90;*/
}

.lexingwt-MainTabBar .tabTopLeftInner,
.lexingwt-MainTabBar .tabTopRightInner {
	width: 9px;
	height: 8px;
}

.lexingwt-MainTabBar .tabTopLeft {
	padding: 0px;
	zoom: 1;
	background: #a6192e; /*url(img/corner_dark_cyan_nw.png) no-repeat 0px 0px;*/
}

.lexingwt-MainTabBar .tabTopRight {
	padding: 0px;
	zoom: 1;
	background: #a6192e; /*url(img/corner_dark_cyan_ne.png) no-repeat 0px 0px;*/
}

.lexingwt-MainTabBar .tabMiddleLeft,
.lexingwt-MainTabBar .tabMiddleRight {
	width: 6px;
	padding: 0px;
	background: #a6192e; /* #537c90; */
}

.lexingwt-MainTabBar .tabMiddleLeftInner,
.lexingwt-MainTabBar .tabMiddleRightInner {
	width: 1px;
	height: 1px;
}

.lexingwt-MainTabBar .tabMiddleCenter {
	padding: 2px 4px 6px 4px;
	cursor: pointer;
	cursor: hand;
	color: white;
	font-size: 16px;
	text-align: center;
	background: #a6192e; /*#537c90;*/
}

.lexingwt-MainTabBar .gwt-TabBarItem-selected .tabTopCenter {
	background: #1f4e65;
}

.lexingwt-MainTabBar .gwt-TabBarItem-selected .tabTopLeft {
	background-position: 0px -61px;
}

.lexingwt-MainTabBar .gwt-TabBarItem-selected .tabTopRight {
	background-position: 0px -61px;
}

.lexingwt-MainTabBar .gwt-TabBarItem-selected .tabTopLeft {
	padding: 0px;
	zoom: 1;
	background: #1f4e65; /*url(img/corner_darkest_cyan_nw.png) no-repeat 0px 0px;*/
}

.lexingwt-MainTabBar .gwt-TabBarItem-selected .tabTopRight {
	padding: 0px;
	zoom: 1;
	background: #1f4e65;/*url(img/corner_darkest_cyan_ne.png) no-repeat 0px 0px;*/
}

.lexingwt-MainTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
.lexingwt-MainTabBar .gwt-TabBarItem-selected .tabMiddleRight {
	background: #1f4e65;
}

.lexingwt-MainTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
	cursor: default;
	background: #1f4e65;
}

.lexingwt-MainTabBar .gwt-TabBarItem-disabled .tabMiddleCenter {
	cursor: default;
	color: #999999;
}

html>body .lexingwt-MainTabBar {
}

* html .lexingwt-MainTabBar .tabTopLeftInner,
* html .lexingwt-MainTabBar .tabTopRightInner {
	width: 9px;
	height: 8px;
	overflow: hidden;
}

.lexingwt-MainTabPanelBottom {
  border-color: #1f4e65;
  border-style: solid;
  border-width: 5px 0px 0px 0px;
  overflow: hidden;
  padding: 0px 0px;
}


/**
 * SUB TAB BAR.
 */

.lexingwt-SubTabPanel {
	width: 905px;
}

.lexingwt-SubTabBar {
	background: #1f4e65;
}

.lexingwt-SubTabBar .gwt-TabBarFirst {
	width: 30px;  /* first tab distance from the left */
}

.lexingwt-SubTabBar .gwt-TabBarRest {
}

.lexingwt-SubTabBar .gwt-TabBarItem {
	border-collapse: collapse;
	margin-left: 0px;
	margin-right: 30px;
}

.lexingwt-SubTabBar .tabTopCenter {
	padding: 0px;
	height: 1px;
}

.lexingwt-SubTabBar .tabTopLeft,
.lexingwt-SubTabBar .tabTopRight,
.lexingwt-SubTabBar .tabTopLeftInner,
.lexingwt-SubTabBar .tabTopRightInner {
	padding: 0px;
	width: 1px;
	height: 1px;
}

.lexingwt-SubTabBar .tabMiddleLeft,
.lexingwt-SubTabBar .tabMiddleRight,
.lexingwt-SubTabBar .tabMiddleLeftInner,
.lexingwt-SubTabBar .tabMiddleRightInner {
	padding: 0px;
	width: 1px;
}

.lexingwt-SubTabBar .tabMiddleCenter {
	padding: 0px 4px 5px 4px;
	font-size: 13px;
	cursor: pointer;
	cursor: hand;
	color: white;
	text-align: center;
}

.lexingwt-SubTabBar .gwt-TabBarItem-selected .gwt-TabBarItem {
	border-collapse: collapse;
	margin-left: 0px;
	margin-right: 30px;
}

.lexingwt-SubTabBar .gwt-TabBarItem-selected .tabTopCenter {
	padding: 0px;
	height: 1px;
}

.lexingwt-SubTabBar .gwt-TabBarItem-selected .tabTopLeft,
.lexingwt-SubTabBar .gwt-TabBarItem-selected .tabTopRight,
.lexingwt-SubTabBar .gwt-TabBarItem-selected .tabTopLeftInner,
.lexingwt-SubTabBar .gwt-TabBarItem-selected .tabTopRightInner {
	padding: 0px;
	width: 1px;
	height: 1px;
}

.lexingwt-SubTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
.lexingwt-SubTabBar .gwt-TabBarItem-selected .tabMiddleRight,
.lexingwt-SubTabBar .gwt-TabBarItem-selected .tabMiddleLeftInner,
.lexingwt-SubTabBar .gwt-TabBarItem-selected .tabMiddleRightInner {
	padding: 0px;
	width: 1px;
}

.lexingwt-SubTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
	padding: 0px 4px 5px 4px;
	cursor: default;
	color: #e3e3e3;
	text-align: center;
	/*text-decoration: underline;*/
}

.lexingwt-SubTabBar .gwt-TabBarItem-disabled .tabMiddleCenter {
	cursor: default;
	color: #999999;
}

html>body .lexingwt-SubTabBar {
}

* html .lexingwt-SubTabBar .tabTopLeftInner,
* html .lexingwt-SubTabBar .tabTopRightInner {
	width: 0px;
	height: 0px;
	overflow: hidden;
}

.lexingwt-SubTabPanelBottom {
  border-width: 0px 0px 0px 0px;
  overflow: hidden;
  padding: 0px 0px;
}

/**
 * DISCREET TAB BAR WITH TOGGLING LABELS.
 */
.lexingwt-LabelToggleTabBar {
}
.lexingwt-LabelToggleTabBar .gwt-TabBarFirst {
}
.lexingwt-LabelToggleTabBar .gwt-TabBarRest {
}
.lexingwt-LabelToggleTabBar .gwt-TabBarItem {
	margin-right: 10px;
	cursor: pointer;
	cursor: hand;
	color: #999999;
	background: #e3e3e3; /*#d0e4f6*/;
}
.lexingwt-LabelToggleTabBar .gwt-TabBarItem-selected {
	cursor: default;
	color: #000000;
	text-decoration: underline;
} 


/**
 * SEARCH PAGE EXTERNAL PANEL.
 */
.lexingwt-SearchPage {
	padding: 10px 0px 10px 0px;
}


/**
 * SIMPLE CONTENT PANEL WITHOUT BORDERS.
 */
 
.lexingwt-PlainContent {
	border-color: #ffffff;
	border-style: solid;
	border-width: 10px 0px 10px 0px;
	padding: 20px 50px 40px 40px;
	color: #000000;
	background: #ffffff;
}

.lexingwt-PlainContent a {
	text-decoration: none;
	color: #4100ec;
}

.lexingwt-PlainContent a:HOVER {
	text-decoration: underline;
	color: #4100ec;
}

.lexingwt-PlainContent a:VISITED {
	text-decoration: underline;
	color: #5a1e8b;
}

/**
.lexingwt-PlainContent a,
.lexingwt-PlainContent a:VISITED {
	color: #222222;
}

.lexingwt-PlainContent a:HOVER {
	text-decoration: none;
	color: #222222;
}
*/

.lexingwt-PlainContent a img {
	border: none;
}


/**
 * LOOK-UP RESULT CONTENT PANEL.
 */

.lexingwt-TranslationPanelStatic {
	margin-left: 10px;
	padding: 20px 50px 40px 40px;
	color: #000000;
	background: #ffffff;
}

.lexingwt-TranslationPanel {
	width: 649px;   /* HACK! */
	margin-left: 10px;
	text-align: left;
	padding: 30px 130px 40px 40px;
	background: #ffffff;
}

.lexingwt-TranslationPanel ul {
	margin-top: 10px;
	margin-bottom: 0px;
}

.lexingwt-TranslationPanel p {
	margin-top: 10px;
	margin-bottom: 0px;
}

.lexingwt-TranslationPanel a,
.lexingwt-TranslationPanel a:VISITED,
.lexingwt-TranslationPanel a:HOVER {
	text-decoration: none;
	color: #000000;
}

.lexingwt-LookupContent {
	font-size: 13px;
}

/**
 * IFRAME WITH STATISTICS.
 */

.lexingwt-StatFrame {
	width: 100%;
	height: 600px;
	frameborder: 0;
}

/**
 * IFRAMES FOR TEMAN.
 */

.lexingwt-BildtemanFrame {
	width: 100%;
	height: 750px;
	frameborder: 0;
}

.lexingwt-BildtemanMultiFrame {
	width: 90%;
	height: 600px;
	frameborder: 0;
	margin: 0px;
}

.lexingwt-AnimationstemanFrame {
	width: 100%;
	height: 650px;
	frameborder: 0;
}

.lexingwt-DialogtemanFrame {
	width: 100%;
	height: 720px;
	frameborder: 0;
}

/**
 * TRANSLATION SIDE PANEL.
 */
 
.lexingwt-TranslatePanel {
	width: 240px;
	font-size: 13px;
}

.lexingwt-TranslatePanel .middleCenter {
	background: #e3e3e3; /*#d0e4f6;*/
}

.lexingwt-TranslatePanel .topCenter,
.lexingwt-TranslatePanel .bottomCenter {
	background: #e3e3e3; /*#d0e4f6*/;
	padding: 0px;
	height: 15px;
}

.lexingwt-TranslatePanel .middleLeft,
.lexingwt-TranslatePanel .middleRight {
	background: #e3e3e3; /*#d0e4f6;*/
	padding: 0px;
	width: 16px;
}

.lexingwt-TranslatePanel .topLeft {
	background: url(img/big_corner_light_grey_nw.png) no-repeat 0px 0px;
}

.lexingwt-TranslatePanel .topRight {
	background: url(img/big_corner_light_grey_ne.png) no-repeat 0px 0px;
}

.lexingwt-TranslatePanel .bottomLeft {
	background: url(img/big_corner_light_grey_sw.png) no-repeat 0px 0px;
}

.lexingwt-TranslatePanel .bottomRight {
	background: url(img/big_corner_light_grey_se.png) no-repeat 0px 0px;
}

.lexingwt-TranslatePanel .topLeftInner,
.lexingwt-TranslatePanel .topRightInner,
.lexingwt-TranslatePanel .bottomLeftInner,
.lexingwt-TranslatePanel .bottomRightInner {
	width: 16px;
	height: 15px;
	zoom: 1;
}

/**
 * TRANSLATION DICTIONARY LIST, INPUT FIELD, LOOK UP BUTTON AND HELP BUTTON.
 */
 
.lexingwt-TranslateToFromPanel {
}

.lexingwt-TranslateToFromPanel .gwt-RadioButton {
	font-size: 13px;
}
 
.lexingwt-TranslateListBox {
	width: 180px;
}

.lexingwt-TranslateListBox select {
	font-size: 13px;
}

.lexingwt-TranslateListBox option {
	font-size: 13px;
}

.lexingwt-TranslateTextBox {
	width: 180px;
	font-size: 16px;
}

.lexingwt-TranslateTextBox-Init {
	width: 180px;
	font-size: 16px;
	color: #777777;
}

.gwt-SuggestBoxPopup {
	text-align: left;
}

.lexingwt-TranslateButton {
	width: 160px;
	text-align: center;
	margin: 0;
	text-decoration: none;
	font-size: 13px;
	cursor: pointer;
	cursor: hand;
	background: url("img/hborder.png") repeat-x 0px -27px;
	border: 1px outset #ccc;
	color: #000000;
}

.lexingwt-HelpButton {
	width: 26px;
	text-align: center;
	margin: 0;
	text-decoration: none;
	font-size: 13px;
	cursor: pointer;
	cursor: hand;
	background: url("img/hborder.png") repeat-x 0px -27px;
	border: 1px outset #ccc;
	color: #000000;
}

.lexingwt-NoCompletionsLabel {
	font-size: 10px;
}

/**
 * HELP POPUP PANEL.
 */
.lexingwt-HelpPanel .popupContent {
}
.lexingwt-HelpPanel .popupMiddleCenter {
	padding: 3px;
	background: #99d6ad;
	text-align: left;
	width: 600px;
}
.lexingwt-HelpPanel .popupTopCenter {
	background: url(img/settings_border_n.png) repeat-x;
}
.lexingwt-HelpPanel .popupBottomCenter {
	background: url(img/settings_border_s.png) repeat-x;
}
.lexingwt-HelpPanel .popupMiddleLeft {
	background: url(img/settings_border_w.png) repeat-y;
}
.lexingwt-HelpPanel .popupMiddleRight {
	background: url(img/settings_border_e.png) repeat-y;
}
.lexingwt-HelpPanel .popupTopLeftInner {
	width: 18px;
	height: 17px;
	zoom: 1;
}
.lexingwt-HelpPanel .popupTopRightInner {
	width: 22px;
	height: 17px;
	zoom: 1;
}
.lexingwt-HelpPanel .popupBottomLeftInner {
	width: 18px;
	height: 22px;
	zoom: 1;
}
.lexingwt-HelpPanel .popupBottomRightInner {
	width: 22px;
	height: 22px;
	zoom: 1;
}
.lexingwt-HelpPanel .popupTopLeft {
	background: url(img/settings_border_nw.png) no-repeat;
}
.lexingwt-HelpPanel .popupTopRight {
	background: url(img/settings_border_ne.png) no-repeat;
}
.lexingwt-HelpPanel .popupBottomLeft {
	background: url(img/settings_border_sw.png) no-repeat;
}
.lexingwt-HelpPanel .popupBottomRight {
	background: url(img/settings_border_se.png) no-repeat;
}


/**
 * KEYBOARDS.
 */

.lexingwt-KeyboardButton {
	width: 20px;
	height: 25px;
	text-align: center;
	margin: 0;
	padding: 2px 4px;
	text-decoration: none;
	font-size: 13px;
	cursor: pointer;
	cursor: hand;
	background: url("img/hborder.png") repeat-x 0px -27px;
	border: 1px outset #ccc;
}

.lexingwt-KeyboardButton:active {
	border: 1px inset #ccc;
}

.lexingwt-KeyboardButton:hover {
	border-color: #9cf #69e #69e #7af;
}

.lexingwt-KeyboardPanel .header,
.lexingwt-KeyboardPanel .header a,
.lexingwt-KeyboardPanel .header td {<
	text-decoration: none;
	font-size: 13px;
	color: #4100ec;
	cursor: pointer;
	cursor: hand;
}

.lexingwt-KeyboardPanel .content {
}

/**
 * SAVED WORDS BUTTONS AND CONTENT.
 */
.lexingwt-SavedWordsSubPanel .header,
.lexingwt-SavedWordsSubPanel .header a,
.lexingwt-SavedWordsSubPanel .header td {
	text-decoration: none;
	font-size: 13px;
	color: #4100ec;
	cursor: pointer;
	cursor: hand;
}

.lexingwt-SavedWordsSubPanel .content {
	border-left: 3px solid #e8eef7;
	padding: 4px 0px 4px 8px;
	margin-left: 6px;
}
 
.lexingwt-SavedWordsButton {
	width: 160px;
	text-align: center;
	margin: 0;
	text-decoration: none;
	font-size: 13px;
	cursor: pointer;
	cursor: hand;
	background: url("img/hborder.png") repeat-x 0px -27px;
	border: 1px outset #ccc;
	color: #000000;
}

.lexingwt-SavedWordsButton:active {
	border: 1px inset #ccc;
}

.lexingwt-SavedWordsButton:hover {
	border-color: #9cf #69e #69e #7af;
}

/**
 * SETTINGS BUTTON.
 */
  
.lexingwt-SettingsButton {
	width: 160px;
	text-align: center;
	margin: 0;
	text-decoration: none;
	font-size: 13px;
	cursor: pointer;
	cursor: hand;
	background: url("img/hborder.png") repeat-x 0px -27px;
	border: 1px outset #ccc;
	color: #000000;
}


/**
 * SETTINGS POPUP PANEL.
 */
.lexingwt-SettingsPanel .popupContent {
}
.lexingwt-SettingsPanel .popupMiddleCenter {
	padding: 3px;
	background: #99d6ad;
}
.lexingwt-SettingsPanel .popupTopCenter {
	background: url(img/settings_border_n.png) repeat-x;
}
.lexingwt-SettingsPanel .popupBottomCenter {
	background: url(img/settings_border_s.png) repeat-x;
}
.lexingwt-SettingsPanel .popupMiddleLeft {
	background: url(img/settings_border_w.png) repeat-y;
}
.lexingwt-SettingsPanel .popupMiddleRight {
	background: url(img/settings_border_e.png) repeat-y;
}
.lexingwt-SettingsPanel .popupTopLeftInner {
	width: 18px;
	height: 17px;
	zoom: 1;
}
.lexingwt-SettingsPanel .popupTopRightInner {
	width: 22px;
	height: 17px;
	zoom: 1;
}
.lexingwt-SettingsPanel .popupBottomLeftInner {
	width: 18px;
	height: 22px;
	zoom: 1;
}
.lexingwt-SettingsPanel .popupBottomRightInner {
	width: 22px;
	height: 22px;
	zoom: 1;
}
.lexingwt-SettingsPanel .popupTopLeft {
	background: url(img/settings_border_nw.png) no-repeat;
}
.lexingwt-SettingsPanel .popupTopRight {
	background: url(img/settings_border_ne.png) no-repeat;
}
.lexingwt-SettingsPanel .popupBottomLeft {
	background: url(img/settings_border_sw.png) no-repeat;
}
.lexingwt-SettingsPanel .popupBottomRight {
	background: url(img/settings_border_se.png) no-repeat;
}


/**
 * THE CORRECTIONS YOU GET IF YOU TRY TO TRANSLATE E.G. "vra".
 */
 
.lexingwt-Corrections {
	color: #000000;
	text-decoration: underline;
	cursor:pointer;
	cursor:hand;
}

.lexingwt-AboutWordPartsFrame {
	/**border-color: #ffffff;  */
	/**border-style: solid; */
	/**border-width: 10px 0px 10px 0px; */
	width: 100%;
	height: 600px;
	frameborder: 0;
}