html { 
	height: 100%;
	overflow:-moz-scrollbars-vertical;
}
body {
	font-family: Arial, sans-serif;
	background-color: #a4fbfb;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	background-image: url('http://l2static.langolab.com/assets/bg-gradient.png');
	background-repeat: repeat-x; 
}

input, textarea {
	font-family: Arial, sans-serif;
	font-size: 12px;
}

h1 {
	color: #F60;
	font-size: 30px;
	font-weight: normal;
	margin: 6px 0px;
}

h3, .gray {
	color: #666666;
}

h2 {
	font-size: 16px;
}

h2, .darkBlueLabel, #ll_float_login .please {
	color: #003399;
}

.darkBlueLabel {
	font-weight: bold;
}

td {
	padding: 0;
}

.lightBlueBG {
	background-color: #33cbcc;
}

.gwt-TextBox, .gwt-PasswordTextBox {
	height: 17px;
}
.gwt-TextBox, .gwt-TextArea, .gwt-PasswordTextBox {
	border: 1px solid #cecece;
	padding: 4px;
}

.gwt-TextBox-readonly {
	background-color: #ccc;
}

.gwt-TextBox:hover, .gwt-TextArea:hover {
	border-color: #a8a8a8;
}

.gwt-TextBox:focus, .gwt-TextArea:focus {
	border-color: #009999;
}

/* REQUIRED BUTTON STYLES: */		
button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}

.fixed-lg {
	width: 980px;
	margin: 0 auto;
	position: relative;
	padding: 0px 12px;
}

.clear:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
.clear { display: inline-block; }
* html .clear { height: 1%; }
.clear { display: block; }

#ll_nonFooter {
	position: relative;
	min-height: 100%;
}

* html #ll_nonFooter {
	height: 100%;
}

#ll_content {
	padding-bottom: 185px;
}

#ll_footer {
	position: relative;
	margin-top: -185px;
	height: 185px;
	overflow: hidden;
	clear: both;
	text-align: center;
}

.site-header {
	height: 87px;
	background: transparent url('http://l2static.langolab.com/assets/header-bg.png') repeat-x scroll top left;
}

.site-header img {
	float: left;
	margin-top: 14px;
}

.left {
	float: left;
}

.right {
	float: right;
}

/* everything that uses buttons.png as a bg */
.mainNavTab, .mainNavTabCap, .ll-HtmlSubmit, .ll-HtmlSubmit span, 
.ll-BlueButton, .ll-BlueButton a, .ll-BlueButton .html-face, 
.ll-HoverScrollWrapper .upButton, .ll-HoverScrollWrapper .downButton, .ll-OrangeButton,
.ll-OrangeButton a, .ll-OrangeButton .html-face, .videoControls .gwt-PushButton, 
.ll-TabMenu .gwt-ToggleButton, .ll-TabMenu .endCap, 
.ll-NoteLine .gwt-PushButton, .leaveFeedbackButton {
	background-image: url('http://l2static.langolab.com/assets/buttons.png');
}

.mainNavTab {
	display: block;
	text-align: center;
	float: right;
	height: 75px;
	padding: 0px 40px;
	line-height: 75px;
	background-position: 0px -350px;
	color: white;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
}
.mainNavTab:hover {
	background-position: 0px -425px;
}
.mainNavTab-selected, .mainNavTab-selected:hover {
	background-position: 0px -275px;
}
.mainNavTabCap {
	float: right;
	height: 75px;
	background-position: 0px -350px;
}

.gwt-DecoratorPanel .topLeft, .gwt-DecoratorPanel .topRight, .gwt-DecoratorPanel .bottomLeft, 
.gwt-DecoratorPanel .bottomRight, .gwt-DecoratedPopupPanel .popupTopLeft, 
.gwt-DecoratedPopupPanel .popupTopRight, .gwt-DecoratedPopupPanel .popupBottomLeft, 
.gwt-DecoratedPopupPanel .popupBottomRight, .bottomLeft, .bottomRight {
	background-image: url('http://l2static.langolab.com/assets/corners.png');
}

.gwt-DecoratorPanel .topCenter, .gwt-DecoratorPanel .bottomCenter, 
.gwt-DecoratedPopupPanel .popupTopCenter, .gwt-DecoratedPopupPanel .popupBottomCenter, 
.bottomCenter, .ll-TextDialog .bottomPanel, .ll-TabMenu, 
.ll-WidgetTooltip .bottom {
	background-image: url('http://l2static.langolab.com/assets/hborders.png');
}

.gwt-DecoratorPanel .middleLeft, .gwt-DecoratorPanel .middleRight, 
.gwt-DecoratedPopupPanel .popupMiddleLeft, .gwt-DecoratedPopupPanel .popupMiddleRight, 
.ll-DecoratorRowPanel .middleLeft, .ll-DecoratorRowPanel .middleRight {
	background-image: url('http://l2static.langolab.com/assets/vborders.png');
}

.siteBox {
	margin-top: 14px;
}

.siteBox .corner {
	width: 5px;
	height: 5px;
}

.siteBox .middleCenter {
	background-color: white;
	padding-bottom: 40px;
}

.siteBox .middleCenterInner {	
	width: 900px;
	padding: 20px 40px 0;
}
.siteBox .topLeft {
	background-position: -10px -30px;
}
.siteBox .topRight {
	background-position: -10px -35px;
}
.siteBox .bottomLeft {
	background-position: -15px -30px;
}
.siteBox .bottomRight {
	background-position: -15px -35px;
}
.siteBox .topCenter {
	background-position: 0px -128px;
}
.siteBox .bottomCenter {
	background-position: 0px -133px;
}
.siteBox .middleLeft {
	background-position: -70px 0px;
}
.siteBox .middleRight {
	background-position: -75px 0px;
}

/* footer */

.footerTop {
	background: transparent url(http://l2static.langolab.com/assets/footer-elements.png) no-repeat scroll 130px 0;
	height: 163px;
	position: relative;
}
.speechBubble {
	position: relative;
	top: 56px;
	left: 75px;
}

.speechBubble .twitter, .speechBubble .facebook {
	float: left;
	height: 49px;
	cursor: pointer;
}

.speechBubble .twitter {
	background: transparent url(http://l2static.langolab.com/assets/twitter-button.png) no-repeat scroll -1px 0;
	width: 119px;
}

.speechBubble .twitter:hover {
	background-position: -1px -49px;
}

.speechBubble .facebook {
	background: transparent url(http://l2static.langolab.com/assets/facebook-button.png) no-repeat scroll 0 0;
	width: 104px;
}

.speechBubble .facebook:hover {
	background-position: 0 -49px;
}

.bird {
	position: relative;
	text-align: left;
	top: 60px;
	left: 35px;
}

#ll_bottomLinks {
	position: relative;
	top: 30px;
}

#ll_copyright {
	color: #666;
	font-size: 0.92em;
	position: relative;
	top: 40px;
}

#ll_bottomLinks span {
	margin: 0 25px;
}

a.ll-FooterLink {
	text-transform: uppercase;
}


/* gtr = grey transparent rounded, like login panel */
.gtrBox .corner, .gtrBox .popupTopLeftInner, .gtrBox .popupTopRightInner, .gtrBox .popupBottomLeftInner, .gtrBox .popupBottomRightInner {
	width: 5px;
	height: 5px;
}

.gtrBox .topLeft, .gtrBox .popupTopLeft {
	background-position: -20px -30px;
}
.gtrBox .topRight, .gtrBox .popupTopRight {
	background-position: -20px -35px;
}
.gtrBox .bottomLeft, .gtrBox .popupBottomLeft {
	background-position: -25px -30px;
}
.gtrBox .bottomRight, .gtrBox .popupBottomRight {
	background-position: -25px -35px;
}
.gtrBox .topCenter, .gtrBox .popupTopCenter {
	background-position: 0px -138px;
}
.gtrBox .bottomCenter, .gtrBox .popupBottomCenter {
	background-position: 0px -143px;
}
.gtrBox .middleLeft, .gtrBox .popupMiddleLeft {
	background-position: -80px 0px;
}
.gtrBox .middleRight, .gtrBox .popupMiddleRight {
	background-position: -85px 0px;
}

/* error messaging */
.ll-ToolTip {
	width: 240px;
}

.ll-ToolTip-top {
	height: 28px;
	width: 240px;
}

html>body .ll-ToolTip-top {
	background-image: url(http://l2static.langolab.com/site/tooltip-top.png);
}

* html .ll-ToolTip-top {
	overflow: hidden;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://l2static.langolab.com/site/tooltip-top.png',sizingMethod='crop');
}

.ll-ToolTip .gwt-Label {
	background-color: white;
	padding: 6px;
	border-style: none solid solid solid;
	border-color: #ff9a40;
	border-width: 4px;
	font-weight: bold;
	color: #20899a; 
}

a, div, object {
  outline: none;
}

:-moz-any-link:focus {
  outline: none;
}
.gwt-PushButton, .gwt-ToggleButton {
	cursor: pointer;
}

.ll-Pager td {
	padding: 0px 4px;
}

.ll-Pager .gwt-Label {
	font-weight: bold;
}

#siteUserButtons {
	margin-top: 4px;
}

#siteUserButtons .button {
	float: right;
	margin-left: 5px;
	color: #333333;
}

#headerSiteLogin {
	position: absolute;
	right: 0px;
	top: 22px;
}

#headerSiteLogin .middleCenter, #ll_float_login .middleCenter, .ll-VideoCompletedPopup .topPanel {
	background: #e1f7f7 url('http://l2static.langolab.com/assets/hborders.png') repeat-x scroll 0 -148px;
	padding: 8px;
}

#ll_float_login .please {
	font-weight: bold;
	margin-bottom: 4px;
}

.ll-LoginForm .login {
	width: 140px;
}

.ll-LoginForm .password {
	width: 120px;
}

.ll-LinkButton {
	text-decoration: none;
	color: #009999;
	font-weight: bold;
}

.ll-LinkButton:hover {
	color: #ff7800;
}

.ll-HtmlSubmit, .ll-BlueButton {
	text-align: center; 
	background-repeat: no-repeat;
	background-position: right -580px;
}

.ll-BlueButton {
	padding-right: 2px;
}

.ll-BlueButton a {
	display: block;
	text-decoration: none;
}

.ll-HtmlSubmit {
	height:27px;
	line-height: 27px;
	margin-left: 5px;
}

.ll-HtmlSubmit span, .ll-BlueButton a, .ll-BlueButton .html-face, .ll-OrangeButton a, .ll-OrangeButton .html-face {
	height:27px;
	line-height: 27px;
	background-repeat:no-repeat;
	padding-left: 12px;
	padding-right: 10px;
	text-align: center;
	color: white;
	font-weight: bold;
	margin-left: -2px;
}

.ll-HtmlSubmit:hover span, .ll-BlueButton a:hover, .ll-BlueButton-up-hovering .html-face, .ll-BlueButton-down-hovering .html-face {
	background-position: 0 -27px;
}

.ll-OrangeButton {
	padding-right: 2px;
	background-position: right -54px;
}

.ll-OrangeButton a {
	display: block;
	text-decoration: none;
}

.ll-OrangeButton .html-face, .ll-OrangeButton a {
	background-position: 0 -54px;
}

.ll-OrangeButton a:hover, .ll-OrangeButton-up-hovering .html-face, .ll-OrangeButton-down-hovering .html-face {
	background-position: 0 -81px;
}

.instructional {
	color: #999999;
}

.label {
	color: #009999;
}

.ll-BreadcrumbNav {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}

.ll-BlueDialog {
	border: 1px solid #20899a;
	background-color: white;
	color: #666666;
	font-weight: bold;
}
.ll-BlueDialog h1 {
	background-color: #20899a;
	color: white;
	margin: 0px;
	padding: 4px 8px;	
}
.ll-BlueDialog .bottom {
	padding: 8px;
}
.ll-BlueDialog .buttons .ll-SubmitButton {
	float: right;
}
.ll-DefPanel {
	max-height: 230px;
	overflow: auto;
	font-weight: normal;
}
#uploadButton .ll-SubmitButton {
	font-size: 14px;
	padding: 4px;
	margin: 0px auto;
	text-align: center;
}


/* video listing and welcome page */
.ll-VideoCells {
 	width: 572px;
	padding: 0px 16px 4px;
}

.ll-VideoCells .ll-VideoCell {
 	width: 260px;
	cursor: pointer;
}

/* the generic dialog */

.ll-GenericDialog {
	background-color: white;
	border: 1px solid #ff9a40;
}

.ll-GenericDialog .topPanel {
	background-color: #ff9a40;
	color: white;
	font-weight: bold;
	font-size: 14px;
	padding: 8px;
}

.ll-GenericDialog .mainPanel {
	padding: 6px 14px;
}

.ll-GenericDialog .bottomPanel {
	width: 100%;
	overflow: auto;
}

.ll-GenericDialog .ll-BlueButton {
	float: right;
	margin: 0 8px 8px 0;
}

.ll-GenericDialog .gwt-TextBox {
	width: 300px;
	margin-bottom: 10px;
}

.ll-GenericDialog .gwt-TextArea {
	width: 300px;
	height: 90px;
}

.ll-GenericDialog .gwt-Label {
	margin: 6px 0px;
}

/* rating widget */

.ll-RatingWidget img {
	width: 10px;
	height: 9px;
}

.ll-RatingWidget .full {
	background: url(http://l2static.langolab.com/site/full-star.png) no-repeat left top;
}

.ll-RatingWidget .half {
	background: url(http://l2static.langolab.com/site/half-star.png) no-repeat left top;
}

.ll-RatingWidget .empty {
	background: url(http://l2static.langolab.com/site/empty-star.png) no-repeat left top;
}

/* login page */

.ll-LoginPage .bluePanel {
	padding: 20px;
	margin-bottom: 4px;
}

.ll-LoginPage table {
	margin: 0 auto;
}

.ll-LoginPage #ll_username .ll-LoginPage #ll_password {
	width: 200px
}

/* edit profile page */

.ll-EditProfileSection {
	margin: 24px 20px 0px;
}

.ll-EditProfileSection table {
	margin: 0px auto;
}

.ll-EditProfileSection .bluePanel {
	padding: 20px;
}

#ll_editProfile input, #ll_editProfile textarea, td.note {
	width: 208px;
}

#ll_editProfile td.note {
	color: #666666;
	font-size: 10px;
}

#ll_editProfile textarea {
	height: 120px;
}

#ll_file_upload {
	width: 300px;
	margin: 4px auto;
}

#ll_file_upload td {
	color: #20899A;
}

#ll_file_upload .gwt-FileUpload {
	width: 100%;
}

#ll_file_upload img {
	margin-right: 8px;
}

#ll_file_upload .ll-SubmitButton {
	float: right;
	margin: 4px 0px;
}

#ll_location input {
	width: 248px;
}

#ll_location {
	width: 340px;
	margin: 0px auto;
}

#ll_location .cancel .gwt-PushButton {
	float: right;
}

.ll-EditProfileSection #ll_rememberMe {
	text-align: center;
}

.ll-EditProfileSection #ll_submitButton .gwt-PushButton {
	width: 64px;
	text-align: center;
	margin: 0px auto;
}

/* flash card listing in video, text pages */

.ll-FlashCardSetList {
	height: 120px;
	overflow: auto;
	background-color: white;
}

.ll-FlashCardSet {
	padding: 4px;
}

.ll-FlashCardSet .rhs {
	float: right;
}

.ll-FlashCardSet .title {
	font-weight: bold;
}
.ll-FlashCardSet .numCards {
	color: #20899a;
}

/* text edit/new text */

.ll-TextEdit .bluePanel {
	margin: 28px 0px 6px;
}

.ll-TextEdit table {
	margin: 0px auto;
}

.ll-TextEdit #ll_author, .ll-TextEdit #ll_title {
	width: 248px;
}

.ll-TextEdit #ll_text {
	width: 298px;
	height: 220px;
}

.ll-TextEdit .ll-SubmitButton {
	float: right;
}

/* Video listing page */
.ll-VideoCells td {
	vertical-align: top;
}

.ll-VideoCell {
	border: 1px solid #CCCCCC;
	background-color: white;
	padding: 10px;
}

.ll-VideoCell .marginy {
	margin: 2px 0px;
}

.ll-VideoCell .small {
	font-size: 0.85em;
}

.ll-VideoCell .rating {
	position: absolute;
	bottom: 0;
	right:  0;
	font-weight: bold;
}

.ll-VideoCell-over {
	border: 1px solid #009A98;
	background-color: #E7FFFF;
}

.ll-VideoCell-over .ll-VideoLink {
	color: #ff9a40;
}

.ll-VideoCell .videoInfo {
	float: right;
	width: 133px;
	max-width: 133px;
	height: 90px;
	position: relative;
}

#ll_videoUploadBanner .gwt-PushButton {
	width: 150px;
}

/* Blog post page */

.ll-BlogText {
	margin-left: 20px;
	margin-top: 40px;
	margin-bottom: 200px;
}

.ll-BlogText .rightSide {
	float: right;
	width: 300px;
}

.ll-BlogText .shortInstructions {
	margin: 20px 0px 10px; 
	width: 590px;
}

.ll-BlogText #ll_outerTextDiv {
	position: relative;
	overflow: visible;
	margin-right: 300px;
}

.ll-BlogText #ll_innerTextDiv {
	width: 500px;
	font-size: 14px;
}

/* Text and Text listing page */

.ll-ReaderText {
	margin-left: 20px;
	margin-top: 40px;
	margin-bottom: 200px;
}

.ll-ReaderText .textTool {
	float: right;
}

.ll-ReaderText h1 {
	margin: 0px;
}

.ll-ReaderText h2 {
	margin: 0px;
}

.ll-ReaderText .shortInstructions {
	margin: 20px 0px 10px; 
	width: 590px;
}

.readerTextTable {
	color: #333333;
	font-size: 14px;
}

.readerTextTable tr {
	height: 26px;
}

.ll-TextInfoDiv {
	border: 1px solid #f0fafb;
	background-color: white;
	margin: 5px;
	padding: 8px;
	cursor: pointer;
	cursor: hand;
}

.ll-TextInfoDiv .title {
	color: #20899a;
	text-decoration: underline;
	font-weight: bold;
}

.ll-TextInfoDiv .ll-ImageDiv {
	background-position: 0px 0px;
	border: 1px solid #3cbecd;
}

.ll-PlainLink {
	text-decoration: none;
}

.ll-PlainLink:hover .ll-TextInfoDiv {
	border: 1px solid #138f97;
	background-color: #f0fafb;
}

.ll-PlainLink:hover .ll-TextInfoDiv .ll-ImageDiv {
	background-position:-80px 0px;
}

.ll-PlainLink:hover .ll-TextInfoDiv .title {
	color: #ff9a40;
}

#ll_textUploadBanner .ll-SubmitButton {
	width: 140px;
}

/* About page */

.ll-AboutUs img {
	width: 120px;
	height: 139px;
}

.ll-AboutUs .userDesc, .ll-AboutUs h2 {
	margin-left: 130px;
}

/* for the q & a panels, which appear both in home page and on questions page */

.ll-QA {
	width: 420px;
	margin-left: 40px;
	margin-bottom: 8px;
	padding: 12px;
}

.ll-QA-over {
	background-color: #ffcb9d;
}

.ll-QA .answer {
	margin: 6px 0px 6px 30px;
	padding-top: 8px;
	border-top: solid 1px #B1E5EB;
}

.ll-QAQuestionSnippet {
	margin-bottom: 12px;
}

.answer .answerPanel {
	float: right;
	width: 353px;
}

.answer .answerText {
	margin: 3px 0px;
}

.answer .date {
	font-size: 10px;
	color: gray;
}

.ll-QA .questionPanel {
	margin-bottom: 12px;
}

.ll-QA .question {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 2px;
}

.ll-QA .entryContainer {
	margin-left: 30px;
	width: 360px;
}

.ll-QA .gwt-TextArea {
	width: 354px;
}

.entryContainer .ll-SubmitButton {
	float: right;
}

/* qna page */

.qna_header {
	border-bottom: 1px solid #B1E5EB;
	margin-top: 14px;
	padding-left: 14px;
}

.ll-QNAAnswers {
	margin-top: 18px;
}

.ll-QNAAnswers .innerQuestionPanel {
	float: right;
	width: 380px;
}

/* reset password */

.ll-ResetPassword #ll_actionContainer {
	margin: 8px 8px;
	text-align: center;
}

.ll-ResetPassword .marginy {
	margin: 8px 0px;
	text-align: center;
}

/* video edit/new video */

.ll-VideoInfoEntry input, .ll-VideoInfoEntry textarea {
	width: 208px;
}

.ll-VideoInfoEntry textarea {
	height: 100px;
}

.ll-VideoEdit .bluePanel {
	margin: 18px 0px 4px;
}
.ll-VideoEdit table {
	margin: 0px auto;
}

.ll-VideoEdit .ll-SubmitButton {
	float: right;
}

.ll-NewVideoUpload {
	padding: 8px;
}

.ll-NewVideoUpload .ll-FileUploadPanel, .ll-NewVideoUpload h2 {
	width: 280px;
	margin: 0px auto 4px;
}

.ll-NewVideoUpload .ll-SubmitButton {
	float: right;
	margin: 4px 0px;
}

.ll-NewVideo #uploadInfo {
	margin-top: 14px;
}

.ll-NewVideo #uploadInfo table {
	margin: 0px auto;
}

.ll-NewVideoUpload .uploadingPanel {
	margin: 10px auto 0px;
	width: 460px;
	font-weight: bold;
}

.ll-NewVideoUpload .uploadingPanel img, .ll-NewVideoUpload .uploadingPanel .left {
	float: left;
	margin-right: 8px;
}

.ll-NewVideoUpload .uploadingPanel .ll-LinkButton, .ll-NewVideoUpload .uploadingPanel .right {
	float: right;
	margin-left: 18px;
}

#uploadLowerPanel .ll-SubmitButton, #uploadLowerPanel .gwt-Label {
	float: right;
	margin-left: 12px;
}
#uploadLowerPanel .gwt-Label {
	padding: 2px;
}
#youtubePanel table, #youtubePanel #youtubeLowerPanel {
	width: 320px;
	margin: 4px auto;
}
#youtubeLowerPanel .ll-SubmitButton {
	float: right;
}

/* Link Dialog */
.ll-LinkDialog {
	width: 420px;
}
.ll-LinkDialog .loading {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding: 24px;
}
.ll-ConceptSummaryList {
	height: 240px;
}
.ll-LinkDialog .linkPanel {
	margin: 14px 0px;
	padding: 10px;
	border: 1px solid #20899a;
}
.ll-LinkDialog h3 {
	margin: 0px;
}
.ll-LinkDialog .simpleSection {
	padding: 12px;
}
.ll-LinkDialog .summary {
	padding: 2px;
	color: black;
	font-weight: normal;
	cursor: pointer;
	cursor: hand;
}
.ll-LinkDialog .summary-selected {
	background-color: #20899A;
	color: white;
}
.ll-LinkDialog .summary-over {
	background-color: #3CBECD;
}
.ll-LinkDialog .gwt-TextBox {
	width: 260px;
}
.ll-LinkDialog .bottom .ll-BlueButton {
	float: right;
	margin-left: 8px;
}

/* question panels - now only shown in the lesson pages */
.ll-QuestionPanelView {
	border: 1px solid blue;
}

/* styles for comment.tag */
.comment {
	margin: 10px 0px;
}
.comment .commentPanel {
	margin-left: 40px;
}
.comment .ll-FlowText {
	font-size: 14px;
	margin-bottom: 4px;
}
.comment .smallUserImage {
	float: left;
}
.comment .commentStmt {
	color: #666666;
}
/* styles for entry container for comments */
.entryContainer .fckContainer {
	clear: both;
	margin: 3px 0;
}
.entryContainer h3 {
	margin: 3px 0;
}
.entryContainer .langSelContainer {
	float: right;
	margin-bottom: 3px;
}
.entryContainer .ll-SubmitButton {
	float: right;
}
.entryContainer .gwt-TextArea {
	margin: 3px 0px;
}

.ll-TabPanel .clear {
	clear: left;
}

.titleBar, .titleBar h3 {
	background-image: url(http://l2static.langolab.com/assets/title-borders.png);
	background-repeat: no-repeat;
}

.titleBar {
	height: 31px;
}

.titleBar h3 {
	height: 31px;
	line-height: 31px;
	margin: 0 0 0 13px;
	padding-right: 13px;
	font-weight: bold;
        color: white;
}

.tab {
	background-position: 0 -31px;
	float: left;
	margin-right: 20px;
	width: 120px;
	cursor: pointer;
}

.tab h3 {
	background-position: right -31px;
	width: 107px;
	text-align: center;
}

.tab-active {
	background-position: 0 -93px;
	cursor: default;
}

.tab-active h3 {
	background-position: right -93px;
}

.smallTab {
	background-position: 0 -124px;
	height: 29px;
	width: 100px;
	padding: 0;
}

.smallTab h3 {
	background-position: right -124px;
	height: 29px;
	line-height: 29px;
	width: 100px;
	margin: 0 0 0 13px;
	font-weight: bold;
	color: white;
}

.smallHeader {
	border-bottom: 1px solid #CFCFCF;
	margin-top: 15px;
}

.ll-TabPanel .content {
	border: 1px solid #ccc;
	padding: 16px;
}

.ll-AttributedTextLine {
	margin: 10px 0 10px 10px;
}

.ll-AttributedTextLine.parent {
	border-bottom: 1px solid #CFCFCF;
}

.ll-AttributedTextLine .smallImage {
	height: 60px;
	width: 60px;
	float: left;
}

.ll-AttributedTextLine .replyContainer {
	padding-left: 20px;
}

.ll-AttributedTextLine .controls {
	margin-left: 70px;
}


.ll-AttributedTextLine .clear {
	clear: left;
}

.ll-AttributedTextLine .controls .status {
        float: left;
	font-size: 0.92em;
	margin-top: 5px;
}

.ll-AttributedTextLine .controls .gwt-PushButton {
        float: left;
	font-size: 0.92em;
	margin-left: 15px;
	margin-top: 5px;
}

.ll-AttributedTextLine .controls .seeMore {
	font-size: 0.92em;
	margin-top: 5px;
}

.transparent {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.ll-HoverScrollWrapper {
	overflow: hidden;
}

.ll-HoverScrollWrapper .upButton {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -100px;
        height: 20px;
	width: 200px;
	background-position: 0 -500px;
}

.ll-HoverScrollWrapper .upButton:hover {
	background-position: 0px -520px;
}

.ll-HoverScrollWrapper .downButton {
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -100px;
	height: 20px;
	width: 200px;
	background-position: 0 -540px;
}

.ll-HoverScrollWrapper .downButton:hover {
	background-position: 0px -560px;
}

.commentContainer .ll-NoteLine {
	cursor: pointer;
}

.ll-NoteLine {
	padding: 10px;
	margin: 0px;
}

.ll-NoteLine .inner {
	margin-right: 30px;
}

.ll-NoteLine .controls .detailButton {
	float: right;
	width: 20px;
	height: 20px;
	background-position: -46px -705px;
}

.ll-NoteLine .controls .deleteButton {
	background-image: none;
	margin-right: 5px;
	width: auto;
	float: right;
}

.ll-NoteLine .controls .gwt-PushButton-up-hovering, .ll-NoteLine .controls .gwt-PushButton-down-hovering {
	background-position: -46px -725px;
}

.ll-SubmitButton {
	border: 1px solid #f0fafb;
	color: white;
	font-weight: bold;
	background-color: #20899a;
}

.ll-SubmitButton .html-face {
	margin: 2px 6px;
}

.greenSuccessPanel { width: 100%; }
.greenSuccessPanel .topLeft      { background-position: -10px 0; height: 5px; width: 5px; }
.greenSuccessPanel .topCenter    { background-position: 0px -15px; height: 5px; }
.greenSuccessPanel .topRight     { background-position: -10px -5px; height: 5px; width: 5px; }
.greenSuccessPanel .middleLeft   { background-position: -15px 0; width: 5px; }
.greenSuccessPanel .middleCenter { background-color: #CF9; padding: 5px 10px; font-weight: bold; line-height: 150%; }
.greenSuccessPanel .middleRight  { background-position: -15px 0; width: 5px; }
.greenSuccessPanel .bottomLeft   { background-position: -10px -10px; height: 5px; width: 5px; }
.greenSuccessPanel .bottomCenter { background-position: 0px -15px; height: 5px; }
.greenSuccessPanel .bottomRight  { background-position: -10px -15px; height: 5px; width: 5px; }

.ll-TextDialog .middleLeftInner, .ll-TextDialog .middleRightInner {
	width: 15px;
}
.ll-TextDialog .middleLeft { background-position: -20px 0 }
.ll-TextDialog .middleRight { background-position: -35px 0 }
.ll-TextDialog .ll-TabMenu, .ll-TextDialog .contentPanel, 
.ll-TextDialog .ll-NoteList .content, 
.ll-TextDialog .noteListView, .ll-TextDialog .singleNotePanel, .ll-TextDialog .noNotes { 
	width: 400px; 
}
.ll-TabMenu { background-position: 0 -385px }
.ll-TabMenu .gwt-ToggleButton, .ll-TabMenu .endCap { float: left; color: white; font-weight: bold; height: 41px; line-height: 41px; background-position: 0 -193px;  }
.ll-TabMenu .gwt-ToggleButton { padding: 0 15px }
.ll-TabMenu .gwt-ToggleButton-down, .ll-TabMenu .gwt-ToggleButton-down-hovering { background-position: 0 -152px }
.ll-TabMenu .gwt-ToggleButton-up-hovering { background-position: 0 -234px }
.ll-TextDialog .contentPanel { height: 214px; background-color: white; }
.ll-TextDialog .bottomPanel { height: 5px; background-position: 0 -20px }
.ll-TextDialog .submenu, .ll-TextDialog .singleNotePanel .ll-LinkButton { height: 24px; line-height: 24px; }
.ll-TextDialog .defViews { height: 186px; overflow: auto; position: relative; }
.ll-DefView .leftCol { float: left; width: 110px; font-weight: bold; }
.ll-DefView .defCol { float: left; width: 150px; }
.ll-DefView .defSource { float: left; }
.ll-DefView .voteUp, .ll-DefView .voteDown { float: left; width: 12px }
.ll-DefView .vote {
	color:#00B030;
	float:left;
	margin-right:4px;
	text-align:right;
	width:40px; 
}
.ll-TextDialog .noteListView, .ll-TextDialog .singleNotePanel { height: 186px; }
.highlighted { background-color: #ffc999; }
.ll-AddNoteTop .ll-LinkButton { float: left }
.ll-AddNoteTop .ll-TwoLanguageSelector { float: right; }
.ll-AddNoteBottom .ll-BlueButton { float: right; margin-top: 5px; }
.ll-NoteList {
	overflow: hidden;
	position: relative;
}
.ll-NoteList .hPanel {
	position: relative;
}
.ll-VocabRow {
	height: 32px;
	line-height: 32px;
	width: 550px;
}
.ll-VocabRow.evenRow {
	background-color: #E2F7F8;
}
.ll-VocabRow .htmlhead {
	float: left;
	width: 32%;
}
.ll-VocabRow .def {
	float: left;
}
.ll-VocabRow .jump {
	float: right;
	margin-right: 10px;
}
.ll-VocabRow .studied {
	float: right;
	margin: 0 10px;
	width: 100px;
}
body.it .ll-VocabRow .studied {
	width: 180px;
}
.ll-DropDown {
	background-color: white;
	border: 1px solid #009999;
	padding: 4px;
	height: 27px;
	outline: none;
	font-size: 12px;
}
.ll-CSHelp .popupTopLeftInner, .ll-CSHelp .popupTopRightInner { width: 10px; height: 10px; }
.ll-CSHelp .popupBottomLeftInner, .ll-CSHelp .popupBottomRightInner { width: 10px; height: 30px; }
.ll-CSHelp .popupMiddleCenter { background-color: white; }
.ll-CSHelp .popupTopCenter { background-position: 0 -345px;  }
.ll-CSHelp .popupBottomCenter { background-position: 0 -355px;  }
.ll-CSHelp .popupMiddleLeft { background-position: -50px 0 }
.ll-CSHelp .popupMiddleRight { background-position: -60px 0}
.ll-CSHelp .popupBottomLeft { background-position: -35px 0 }
.ll-CSHelp .popupBottomRight { background-position: -45px 0}
.ll-CSHelp .popupTopLeft { background-position: -15px -20px }
.ll-CSHelp .popupTopRight { background-position: -25px -20px }
.ll-CSHelp .buttons .ll-LinkButton { float: right; }
.ll-CSHelp .popupMiddleCenterInner { max-width: 200px; }

.ll-VocabularyPanel .testDropdown {
	float: right;
}

.ll-WidgetTooltip .gwt-Label {
	color: #003399;
	font-weight: bold;
	padding: 4px 7px;
	background-color: #f3f9fe;
	border-color: #003399;
	border-width: 1px;
	border-style: solid solid none solid;
}
.ll-WidgetTooltip .bottom { background-position: center -70px; height: 6px; }

a.leaveFeedbackButton {
	color: white;
	display: block;
	width: 134px;
	height: 93px;
	position: fixed;
	right: 0px;
	bottom: 0px;
	background-position: -69px -661px;
	text-align: right;
	font-weight: bold;
	text-decoration: none;
}

a.leaveFeedbackButton span {
	display: block;
	margin-top: 50px;
	margin-right: 10px;
}

a.leaveFeedbackButton:hover {
	background-position: 0 -754px;
	text-decoration: underline;
}