a.newmenu:link,a.newmenu:visited{display:block;background:url(/images/menu_bg.png) no-repeat;vertical-align:middle;font-size:11px;font-weight:bold;color:#ccc;text-align:left;padding-top:0;padding-left:18px;#height:20px!important;line-height:25px;height:25px;width:100%;text-decoration:none;} a.newmenu:hover{background-position:0 -25px;text-decoration:none;color:#fff;} a.loginwhitelink:link,a.loginwhitelink:visited{color:#ccc;text-decoration:none;font-weight:bold;font-size:12px;} a.loginwhitelink:hover{color:white;text-decoration:none;font-weight:bold;font-size:12px;} img.bookmark{background:url(/images/bookmarkBig.gif) no-repeat;width:125px;height:16px;padding:0;cursor:pointer;} .affiliateProm{border-style:solid;border-color:#eee;border-width:1px;text-decoration:none;width:200px;height:180px;color:#761195;font-family:arial;text-align:left;font-size:16px;font-weight:bold;vertical-align:bottom;background-repeat:no-repeat;cursor:pointer;} .mainTable{font-family:arial;FONT-WEIGHT:normal;font-size:13px;border-style:none;text-align:justify;padding:0;width:1004px;height:100%;} .tableFixed{table-layout:fixed;} .bodyStyle{margin:0;padding:0;} .bookmarkIcon{width:16px;height:16px;cursor:pointer;border-style:none;} .expMaxImgWidth{width:190px;} .h1Style{font-size:15px;display:inline;} .h1StyleLittle{font-size:13px;display:inline;} .h2Style{font-weight:normal;font-size:13px;display:inline;} .h2StyleBold{font-size:13px;display:inline;} .leftTextAlign{font-family:arial;FONT-WEIGHT:normal;font-size:13px;border-style:none;text-align:left;padding:1px;} .panelLogoRow{height:100px;width:130px;} .panelLeftColumn{width:162px;} .panelAdvertiseRow{height:110px;} .panelFirstRow{height:34px;} .panelVeritacalBuffer{height:10px;} .panelVeritacalBufferTop{height:20px;} .panelVeritacalSmallBuffer{height:10px;} .loginHorizontalBuffer{width:10px;} .mainPanelSize{width:810px;height:400px;} .btn{FONT-WEIGHT:normal;FONT-FAMILY:arial;font-size:12px;cursor:pointer;border-style:solid;border-width:1px;border-color:black;} .menubtn{FONT-WEIGHT:normal;font-size:12px;font-family:arial;cursor:pointer;border-style:solid;border-width:1px;border-color:black;width:110px;} .menuLoginbtn{FONT-WEIGHT:normal;font-size:11px;font-family:arial;cursor:pointer;border-width:1px;width:95px;height:18px;} a.simpleLink{FONT-WEIGHT:normal;FONT-FAMILY:arial;font-size:11px;cursor:pointer;text-decoration:none;border-style:none;} .simple2Link{FONT-WEIGHT:normal;FONT-FAMILY:arial;font-size:11px;cursor:pointer;text-decoration:none;border-style:none;} .simplebtn{FONT-WEIGHT:bold;FONT-FAMILY:arial;font-size:12px;cursor:pointer;text-decoration:none;border-style:none;} .logobtn{FONT-WEIGHT:normal;FONT-FAMILY:Century Gothic;font-size:24px;height:40px;text-decoration:none;border-style:none;text-align:center;} .menuLinkbtn{FONT-WEIGHT:normal;font-size:12px;font-family:arial;cursor:pointer;border-style:solid;border-width:1px;width:130px;height:18px;text-decoration:none;text-align:left;padding-left:10px;vertical-align:middle;} .menu2Linkbtn{FONT-WEIGHT:normal;font-size:12px;font-family:arial;cursor:pointer;border-style:solid;border-width:1px;width:110px;height:18px;text-decoration:none;text-align:center;vertical-align:middle;} .tblNoPadding{font-family:arial;FONT-WEIGHT:normal;font-size:13px;border-style:none;text-align:justify;padding:0;} .tbl{border-width:1px;font-family:arial;FONT-WEIGHT:normal;font-size:13px;border-style:none;text-align:justify;padding:1px;} .tblSysLang{width:160px;height:55px;background-image:url(/images/langBack.jpg);background-repeat:no-repeat;border-style:none;padding:0;} .tblSysInner{border-style:none;padding:0;color:white;width:130px;} .tblSysInnerLink{text-decoration:none;font-family:arial;FONT-WEIGHT:normal;font-size:11px;color:white;} .sysLangImage{border-style:solid;border-width:1px;border-color:black;cursor:pointer;} .logintbl{border-width:1px;font-family:arial;FONT-WEIGHT:normal;font-size:11px;border-style:none;text-align:justify;padding:1px;} .logintblInner{border-width:1px;font-family:arial;FONT-WEIGHT:normal;font-size:11px;border-style:none;text-align:justify;padding:1px;} .loginInputTextField{font-family:arial;font-size:12px;height:20px;} .tblborder{border-width:1px;font-family:arial;font-size:13px;border-style:solid;text-align:justify;padding:1px;} .contacttblborder{border-width:1px;font-family:arial;font-size:13px;border-style:solid;text-align:justify;padding:1px;height:180;} .conjugationtblborder{border-width:1px;font-family:arial;font-size:13px;border-style:solid;text-align:justify;padding:1px;height:170px;} .exercisetblborder{border-width:1px;font-family:arial;font-size:13px;border-style:solid;text-align:justify;padding:0;height:180px;} .correctAnswertblborder{border-width:1px;font-family:arial;font-size:13px;border-style:solid;padding:1px;} .tblKeyboard{border-width:1px;font-family:arial;FONT-WEIGHT:normal;font-size:9px;border-style:none;padding:1px;} .tableheader{font-family:arial;font-size:13px;border-bottom-style:solid;border-bottom-width:1px;border-left-style:solid;border-left-width:2px;padding-right:10px;padding-left:10px;height:20px;} .row1{font-family:arial;font-size:13px;border-bottom-style:solid;border-bottom-width:1px;border-left-style:solid;border-left-width:2px;padding-right:10px;padding-left:10px;height:20px;} .row2{font-family:arial;font-size:13px;border-bottom-style:solid;border-bottom-width:1px;border-left-style:solid;border-left-width:2px;padding-right:10px;padding-left:10px;height:20px;} .panelHeaderRow{font-family:arial;font-size:13px;padding-right:10px;padding-left:10px;height:20px;} .panelHeaderRow1{font-family:arial;font-size:13px;padding-right:10px;padding-left:10px;height:20px;} .panelHeaderRow2{font-family:arial;font-size:13px;padding-right:10px;padding-left:10px;height:20px;} .panelHeaderRow3{font-family:arial;font-size:13px;padding-right:10px;padding-left:10px;height:20px;} .panelHeaderRow4{font-family:arial;font-size:13px;padding-right:10px;padding-left:10px;height:20px;} .panelHeaderRow5{font-family:arial;font-size:13px;padding-right:10px;padding-left:10px;height:20px;} .exerciseStatisticsPanel{font-family:arial;font-size:13px;border-width:2px;border-style:solid;text-align:justify;padding:1px;height:15px;} .statisticsPanelHeight{height:220px;} .inputTextField{font-family:arial;font-size:14px;font-weight:bold;} .selectFieldHidden{font-family:arial;font-size:13px;visibility:hidden;} .menuPanelHeight{height:30px;} .imageCSS{height:120px;width:580px;} .imageMailCSS{height:88px;width:158px;border-style:none;} .iconImageCSS{height:18px;width:18px;} .linkEmpty{text-decoration:none;} .linkCSS{FONT-FAMILY:arial;font-size:13px;cursor:pointer;text-decoration:none;} .linkCSSWithLine{FONT-FAMILY:arial;font-size:13px;cursor:pointer;} .logo{FONT-FAMILY:arial;font-size:20px;color:#425231;FONT-WEIGHT:bold;text-decoration:none;} .logoImage{height:70px;width:140 px;} .newLogoImage{height:101px;width:160px;border-style:none;} .graphHeaderPanel{width:120;height:300px;} .graphHeaderCell{height:20px;font-family:arial;font-size:11px;FONT-WEIGHT:bold;} .graphCell{font-family:arial;font-size:11px;padding-right:2px;padding-left:2px;width:90px;height:20px;} .graphBarCell{padding-right:2px;padding-left:2px;width:90px;} .graphPanel{width:700px;height:300px;border-width:1px;border-style:solid;overflow:scroll;} .linkToUsTextArea{font-family:arial;font-size:12px;FONT-WEIGHT:normal;} .searchTermPromBox{border-style:solid;border-color:#eee;border-width:1px;text-decoration:none;width:210px;height:139px;color:#761195;font-family:arial;text-align:left;font-size:22px;vertical-align:bottom;background-repeat:no-repeat;cursor:pointer;} .amazonPromo{border-style:solid;border-color:#eee;border-width:1px;width:210px;height:139px;text-align:left;background-repeat:no-repeat;cursor:pointer;} .amazonPromoText{color:#761195;font-family:arial;} .amazonProductPromo{border-style:solid;border-color:#eee;border-width:1px;width:210px;height:180px;font-size:12px;} .imageBorder{border-width:1px;border-style:solid;border-color:#000;} .mainColor{BACKGROUND-COLOR:white;} .menuBGColor{BACKGROUND-COLOR:#425231;} .btnColor{COLOR:white;background-image:url(/images/btn2.jpg);background-repeat:repeat-x;BACKGROUND-COLOR:#425231;} .btnColorOver{COLOR:white;background-image:url(/images/btn3.jpg);background-repeat:repeat-x;BACKGROUND-COLOR:#761195;} .menubtnCol{COLOR:white;background-image:url(/images/btn2.jpg);background-repeat:repeat-x;BACKGROUND-COLOR:#425231;} .menubtnColOver{COLOR:white;background-image:url(/images/btn3.jpg);background-repeat:repeat-x;BACKGROUND-COLOR:#761195;} .menuLinkbtnCol{COLOR:white;background-image:url(/images/btn2.jpg);background-repeat:repeat-x;BACKGROUND-COLOR:#425231;border-top-color:#425231;border-left-color:#425231;border-bottom-color:white;border-right-color:white;} .menuLinkbtnColOver{COLOR:white;background-image:url(/images/btn3.jpg);background-repeat:repeat-x;BACKGROUND-COLOR:#761195;border-style:solid;border-width:1px;} .menu2LinkbtnCol{COLOR:white;background-image:url(/images/btn2.jpg);background-repeat:repeat-x;BACKGROUND-COLOR:#425231;border-color:#425231;} .menu2LinkbtnColOver{COLOR:white;background-image:url(/images/btn3.jpg);background-repeat:repeat-x;BACKGROUND-COLOR:#761195;border-COLOR:#761195;} .menuLoginbtnCol{COLOR:white;background-image:url(/images/btn2.jpg);background-repeat:repeat-x;BACKGROUND-COLOR:#425231;border-top-color:white;border-left-color:white;border-bottom-style:none;border-right-style:none;} .menuLoginbtnColOver{COLOR:white;background-image:url(/images/btn3.jpg);background-repeat:repeat-x;BACKGROUND-COLOR:#761195;border-top-color:white;border-left-color:white;border-bottom-style:none;border-right-style:none;} .simpleBtnCol{BACKGROUND-COLOR:#425231;COLOR:#ccc;} .simpleBtnColOver{BACKGROUND-COLOR:#425231;COLOR:white;} A.simpleLinkCol{BACKGROUND-COLOR:#425231;COLOR:white;} A.simpleLinkCol:visited{BACKGROUND-COLOR:#425231;COLOR:white;} A.simpleLinkCol:active{BACKGROUND-COLOR:#425231;COLOR:white;} A.simpleLinkCol:hover{BACKGROUND-COLOR:#761195;COLOR:white;} .logobtnCol{BACKGROUND-COLOR:#425231;COLOR:#cefbc4;} .logintblCol{COLOR:white;BACKGROUND-COLOR:#425231;border-color:#ddd;} .tblborderCol{border-color:#425231;} .contacttblborderCol{border-color:#425231;} .conjugationtblborderCol{border-color:#425231;} .exercisetblborderCol{border-color:#425231;} .correctAnswertblborderCol{border-color:green;background:#EEEEEE;} .tableheaderCol{background:#425231;color:#fff;border-bottom-color:#425231;border-left-color:#425231;} .row1Col{color:#000;border-bottom-color:#425231;border-left-color:#425231;} .row2Col{background:#eee;color:#000;border-bottom-color:#425231;border-left-color:#425231;} .panelHeaderRowCol{background-image:url(/images/bars/bar.jpg);background-color:#425231;background-repeat:repeat-y;color:#fff;} .panelHeaderRow1Col{background-image:url(/images/bars/bar.jpg);background-color:#7c9321;background-repeat:repeat-y;color:#fff;} .panelHeaderRow2Col{background-image:url(/images/bars/bar.jpg);background-color:#b08502;background-repeat:repeat-y;color:#fff;} .panelHeaderRow3Col{background-image:url(/images/bars/bar.jpg);background-color:#c75c00;background-repeat:repeat-y;color:#fff;} .panelHeaderRow4Col{background-image:url(/images/bars/bar.jpg);background-color:#6f784c;background-repeat:repeat-y;color:#fff;} .panelHeaderRow5Col{background-image:url(/images/bars/bar.jpg);background-color:#425231;background-repeat:repeat-y;color:#fff;} .exerciseStatisticsPanelCol{background:#eee;COLOR:#425231;border-color:#425231;font-size:14px;font-weight:bold;} .linkCSSCol{COLOR:green;} .graphCellCol{COLOR:#425231;} .graphPanelCol{background:#fefbc6;} .selectField{font-family:arial;font-size:13px;} .formStyle{margin-bottom:0;} body {margin:0px;padding:0px;font-family:arial;font-size:13px;} table {padding:0px;} .selectHidden{visibility:hidden;} div.divCenterAlign { text-align: center; } table.boxStyle { border:1px solid #eeeeee; font-size: 13px;} table.boxStyleWidth {width:500px;} table.boxStyleWidthThin {width:130px;} table.boxStyleWidthMedium {width:270px;} div.boxStyleLeft {float:left; width:320px;} div.boxStyleRight {float:left; width:90px;padding-top:20px;} div.boxStyleContainer {border-bottom: 1px #eeeeee solid;padding:5px; } .gobutton { cursor:pointer;border:1px solid black; font-size: 13px;text-decoration:none;font-weight:bold; color: white;padding-top: 3px;padding-bottom: 3px;padding-right: 8px;padding-left: 8px;background: #22bc00; background: -moz-linear-gradient(top, #22bc00 0%, #333333 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#22bc00), color-stop(100%,#333333)); background: -webkit-linear-gradient(top, #22bc00 0%,#333333 100%); background: -o-linear-gradient(top, #22bc00 0%,#333333 100%); background: -ms-linear-gradient(top, #22bc00 0%,#333333 100%); background: linear-gradient(to bottom, #22bc00 0%,#333333 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22bc00', endColorstr='#333333',GradientType=0 );} .gobuttonRight { float:right;margin-top: 4px;margin-left: 4px; } .gobuttonLeft { float:left;margin-bottom: 0px;margin-right: 12px; } .gobuttonReg { } div.quickLinkLeft { width:320px; margin:0px;padding:0px;float:left;} div.quickLinkRight {margin:0px;padding:0px;float:left;border:0px solid blue;} div.quickLinkWrapper {padding:0px;margin:0px;border: 0px solid red;} div.quickLinkRightAd {padding:0px 0px 0px 15px;margin:0px;float:right;border: 0px solid green;} div.quickLinkRightAvatar {padding:0px 0px 0px 15px;margin:0px;float:right;border: 0px solid red;} div.quickLinkDict { padding:20px; } div.loginWrapper {margin-top:8px;vertical-align:middle;font-size:12px; background:#555555;padding:1px; } div.loginElem { line-height:26px;float:left; background:#555555;color:#FFFFFF;padding-left:8px;padding-right:8px;font-size:12px;} div.loginElemSimple {padding-top:1px;} input.loginButtonNEW { padding:2px 3px;background:#555555;color:#cccccc; font-weight:bold;font-size:12px;cursor:pointer;text-decoration:none;border-style:none;} input.loginButtonNEW:hover {background:#555555;color:#ffffff;font-weight:bold;font-size:12px;cursor:pointer;text-decoration:none;border-style:none;} a.loginSmallLink:link,a.loginSmallLink:visited{color:#cccccc;text-decoration:none;font-weight:bold;font-size:12px;} a.loginSmallLink:hover{color:white;text-decoration:none;font-weight:bold;font-size:12px;} .tableSystemLangNEW {line-height:17px;width:160px;height:55px;border-style:none;padding-left:15px;padding-bottom:20px;padding-top:5px;} a.tableSystemInnerLinkNEW {text-decoration:none;font-size:11px;color:#004983;} .keyboardLetter {cursor:pointer;margin:1px;background-color:#eeeeee;text-decoration:none;padding: 0px 2px 0px 2px; border: 1px solid #666666; font-size:14px;font-weight:bold;color:blue;} .keyboardLetter:hover {color:red;} div.keyboard {width:150px;padding-top:3px;} div.keyboardHoldShift {clear:both;font-size:10px;} .menubckNEW { padding:0px;margin:0px;width:200px; } .menubckDevider { height:1px;margin: 8px 0px;width:200px;} .menubckNEWColor { background: #e8e8e8; background: -moz-linear-gradient(left, #e8e8e8 0%, #e8e8e8 80%, #ffffff 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e8e8e8), color-stop(80%,#e8e8e8), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(left, #e8e8e8 0%,#e8e8e8 80%,#ffffff 100%); background: -o-linear-gradient(left, #e8e8e8 0%,#e8e8e8 80%,#ffffff 100%); background: -ms-linear-gradient(left, #e8e8e8 0%,#e8e8e8 80%,#ffffff 100%); background: linear-gradient(to right, #e8e8e8 0%,#e8e8e8 80%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=1 ); } .menubckDeviderColor { background: #1e5799; background: -moz-linear-gradient(left, #1e5799 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1e5799), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(left, #1e5799 0%,#ffffff 100%); background: -o-linear-gradient(left, #1e5799 0%,#ffffff 100%); background: -ms-linear-gradient(left, #1e5799 0%,#ffffff 100%); background: linear-gradient(to right, #1e5799 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#ffffff',GradientType=1 ); } div.menuSmallLinkDiv {width:170px;padding-left:12px;padding-bottom:20px;} a.newmenuNEW:link,a.newmenuNEW:visited{vertical-align:middle;font-size:14px;font-weight:bold;color:#004983;text-align:left;padding-top:0px;padding-left:12px;line-height:20px;height:20px;text-decoration:none;} a.newmenuNEW:hover{text-decoration:none;color:blue;} a.simpleLinkNEW:link,a.simpleLinkNEW:visited {font-weight:normal;padding-left:12px;font-size:12px; text-decoration:none; color:#004983;} a.simpleLinkNEW:hover{text-decoration:none;color:blue;} a.simpleLinkMiniNEW:link,a.simpleLinkMiniNEW:visited {font-size:11px; text-decoration:none; color:#004983;} a.simpleLinkMiniNEW:hover{text-decoration:none;color:blue;} .logobuttonNEWWrapper {padding-left:6px;} .logobuttonNEW{border:1px solid #004983;;background:#eeeeee;padding-left:6px;padding-right:6px;color:#003973;;FONT-WEIGHT:bold;FONT-FAMILY:Century Gothic;font-size:26px;text-align:center;} .logobuttonCopyrightNEW {padding-left:10px;COLOR:#444444;} .menuLogoNew {text-align:left; padding-bottom:0px;padding-left:20px;vertical-align:bottom;} img.logoImageNEW {height:68px;width:108px;border-style:none;} div.lastAnswer { } div.lastAnswerCorrect { background-color:green;color:white; padding:3px;} div.lastAnswerCorrectRecap { padding-top:4px;} span.exerciseSampleSentence { font-size:12px;font-style:italic;} div.clearer {clear:both;} table.exerciseTable { padding-top:10px;padding-bottom:10px;} div.exerciseTableWrapper { border: 1px solid #cccccc;padding:3px; width:710px; } div.exerciseMessageBox { padding:5px;background-color:#EEEEEE;} div.exerciseStats {background-color:#cccccc; color:#555555; font-weight:bold;font-size:13px;line-height:20px;padding:3px;} span.exerciseScore {background-color:#cccccc; font-weight:bold;color:#b25a02;} div.exerciseButtons {float:left; line-height:22px;padding-left:30px;} div.exerciseButtonsWrapper {padding-bottom:15px;padding-top:15px;} div.chooseLanguageLeft { width:280px;margin:10px;border: 1px solid #aaaaaa;padding:5px; } div.chooseLanguageRight { width:280px; margin:10px;border: 1px solid #aaaaaa;padding:5px; } div.chooseConjugation {padding:10px;} .button-link { font-size:13px;line-height:18px; display:inline-block;cursor:pointer;text-decoration:none;padding: 1px 12px; color: #FFFFFF; border: 1px solid #666666; margin:3px;} table.withBorder {border: 1px solid black;} table.padding5 {padding:5px;} input.textFieldNEW{font-size:15px;font-weight:bold;} a.linkRegular13 {font-size:13px;color:green;} a.linkRegular12 {font-size:12px;color:green;} a.linkRegular11 {font-size:11px;color:green;} a.linkBold13 {font-size:13px;color:green;font-weight:bold;} a.linkBold14 {font-size:14px;color:green;font-weight:bold;} .tableheaderNEW {background:#425231;color:white;padding:3px;} .rowEven {background: #eeeeee;padding:3px;} .rowOdd {background: #ffffff;padding:3px;} .tableWithLargerOnDesktop {width:450px;} .tableChooseStats {width:290px;line-height:150%;margin: 0px 0px 0px 0px; padding:0px;border:1px solid;} .tableWordsStats { height:380px;width:600px;border:1px solid;overflow:auto; } .selectFieldSmallFont {font-size:13px;} .chooseCreateLessonType {width:300px;} table.statsGraph {width:120px;height:300px;} td.statsGraphCell {color:#425231;font-size:11px;padding-right:2px;padding-left:2px;width:90px;height:20px;} td.statsGraphBar {padding-right:2px;padding-left:2px;width:90px;} div.statsGraphPanel{height:330px;background:#fefbc6;border:1px solid;overflow:scroll;} td.statsGraphHeader {height:20px;font-size:11px;font-weight:bold;} div.statsGraphWidth {width:600px;} .createLessonPanel { height:300px;width:630px;border:1px solid;overflow:auto;} .codeTextBox {font-family:arial;font-size:11px;color:black;} .boxHeader {padding:0px 5px;height:20px;} .boxH1 {font-size:18px;display:inline;margin:10px;} .boxH2 {font-size:13px;font-weight:normal;display:inline;} .buttonBackground { background: #425231; background: -moz-linear-gradient(top, #425231 0%, #aaaaaa 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#425231), color-stop(100%,#aaaaaa)); background: -webkit-linear-gradient(top, #425231 0%,#aaaaaa 100%); background: -o-linear-gradient(top, #425231 0%,#aaaaaa 100%); background: -ms-linear-gradient(top, #425231 0%,#aaaaaa 100%); background: linear-gradient(to bottom, #425231 0%,#aaaaaa 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#425231', endColorstr='#aaaaaa',GradientType=0 ); } .buttonBackground:hover { background: #824e56; background: -moz-linear-gradient(top, #824e56 0%, #aaaaaa 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#824e56), color-stop(100%,#aaaaaa)); background: -webkit-linear-gradient(top, #824e56 0%,#aaaaaa 100%); background: -o-linear-gradient(top, #824e56 0%,#aaaaaa 100%); background: -ms-linear-gradient(top, #824e56 0%,#aaaaaa 100%); background: linear-gradient(to bottom, #824e56 0%,#aaaaaa 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#824e56', endColorstr='#aaaaaa',GradientType=0 ); } div.floatingRule {float:left;} div.floatingRuleLeftSide {float:left;} div.floatingRuleRightSide {float:left;padding-left:40px;} div.floatingRuleLeftSideOpposite {float:right;} div.floatingRuleRightSideOpposite {float:right;padding-right:40px;} div.userDetailLeftWidth { width:380px; } /*changemobile*/ div.userDetailRightWidth { width:380px; } /*changemobile*/ div.mobileReadyWidth {width:320px;} div.welcomeLeft {float:left;width:420px;} div.welcomeRight {float:left;padding-left:70px;} .headerTitle {font-size:16px;display:inline;font-weight:bold;color:#aaaaaa;} div.headerTitleLeftWrap { padding:20px 3px;float:left; } div.headerTitleRightWrap { float:left; } div.mainWrapper { background-color:#ffffff;width:1022px;} /*!mobile*/ div.newpanelLeft {float:left;width:200px;} /*!mobile*/ div.newpanelRight {float:left;padding-left:20px;} /*!mobile*/ div.generalRightSideWidth { width:800px; } /*!mobile*/ .sp1-img {background:url(/images/menu-sprite.png);} .sp1-sys_lang_general { line-height:12px;margin-top:1px;border:solid 1px black;cursor:pointer;float:left;} .sp1-arrow { background-position: 0 0; width: 60px; height: 17px; cursor:pointer; } .sp1-arrow1 { background-position: 0 -20px; width: 30px; height: 17px; cursor:pointer; } .sp1-bookmarkBig { background-position: 0 -40px; width: 125px; height: 16px; } .sp1-bow { background-position: 0 -60px; width: 20px; height: 20px; } .sp1-sys_english { background-position: 0 -82px; width: 18px; height: 12px; } .sp1-sys_german { background-position: 0 -97px; width: 18px; height: 12px; } .sp1-sys_spanish { background-position: 0 -112px; width: 18px; height: 12px; } .sp1-white { background-position: 0 -127px; } .iconImageNEW {height:18px;width:18px;} .imageMailNEW{height:88px;width:158px;border-style:none;} .aboutyourself {font-size:12px;width:300px;height:40px;} div.menuFloatTop {} div.menuFloatMiddle {} .hideOnShortUSerForm {display:none;visibility:hidden;} .hideOnMobile {} .showOnMobile {display:none;visibility:hidden;} .buffer1 {height:25px;} .bufferMenu {height:15px;} td.multipleChoiceRadio {} div.tableWrapperMReady { } div.tableWrapperMReadyHorizontal { clear:both; } div.paddingArticleAds {padding:15px;} div.articleAdsWrapperLeft { float:left;} div.articleAdsWrapperRight { float:right;} h1.articleHeader { font-size:18px;line-height:40px; } h2.articleHeader { font-size:16px;} h1.articleHeaderInline {display:inline;} h1.grammarArticleHeader { padding-left:10px;font-size:22px;color:#003973;FONT-WEIGHT:bold;margin:25px 0px 5px 0px; } h2.grammarArticleHeader { color:#003973;font-size:16px;FONT-WEIGHT:bold;overflow:hidden;padding:5px 3px 3px 10px; background: #f0f0f0; background: -moz-linear-gradient(left, #f0f0f0 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f0f0f0), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(left, #f0f0f0 0%,#ffffff 100%); background: -o-linear-gradient(left, #f0f0f0 0%,#ffffff 100%); background: -ms-linear-gradient(left, #f0f0f0 0%,#ffffff 100%); background: linear-gradient(to right, #f0f0f0 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=1 ); } div.grammarHeaderLeft {float:left;width:450px;border:solid;border-width:0px 0px 2px 0px;color:#003973;} div.grammarHeaderRight {float:right;} div.grammarAdLeft {padding: 30px 40px 30px 0px;} div.grammarAdRight {padding: 30px 0px 30px 40px;} div.grammarTipMain { float:left;width:240px;padding:10px;border: 1px solid #cccccc;margin:2px; } div.grammarTipHeader { font-size:22px;color:#003973;FONT-WEIGHT:bold; } div.grammarUpperPanel {overflow:hidden;margin:7px 0px 0px 10px;height:25px;vertical-align:top;} div.grammarUpperPanelElemLeft {padding:0px;float:left;} div.grammarUpperPanelElemRight {padding:0px;float:left;vertical-align:right;} div.grammarSocialFB {float:left;overflow:hidden;} div.grammarSocialFBInner {height:25px;float:left;padding-bottom:5px;} div.grammarSampleBlock {padding-left:25px;font-style:italic;} div.grammarTitleLeft {float:left;width:450px;} div.grammarTitleRight {float:right;} .grammarHighlightTip {overflow:hidden;border: solid #ccc 1px; background:#f0f0f0; color:#006600;font-weight:bold;padding:5px} div.englishSkypeImg {width:380px;height:253px;padding-left:10px;background:url(/images/design/skype-woman.jpg) no-repeat;} div.englishSkypeH1 {font-size:36px;display:inline;} span.englishSkypeSubtitle {font-size:20px;} /*---- Responsive Design ---*/ /* only mobile */ @media only screen and (max-width: 550px) { div.mainWrapper {padding:3px; background-color:#ffffff;width:310px;position:relative;min-height:600px;} /*!mobile*/ div.newpanelLeft { width:304px;position:absolute;bottom:-720px;} /*!mobile*/ div.loginWrapper {margin:0px;padding:0px;position:absolute;bottom:-60px;} div.newpanelRight { padding:0px;} /*!mobile*/ /*changed in JS*/ div.newpanelLeftTOPALIGN { width:304px;} /*!mobile*/ div.loginWrapperTOPALIGN {margin:0px;padding:0px;width:304px;} .sp1-bookmarkBig { background-position: 0 -40px; display:none;visibility:hidden; } .menubckNEWColor { background:white;} .menubckDeviderColor { float:left;display:none;visibility:hidden; } .menubckNEW { position:relative; width:304px; } .menuLogoNew {position:absolute; bottom:-68px;} .logobuttonNEWWrapper {position:absolute; bottom:-68px;left:150px;} div.menuFloatTop {float:left;width:150px;overflow:hidden;} div.menuFloatMiddle {float:left;width:150px;overflow:hidden;} a.newmenuNEW:link,a.newmenuNEW:visited{ color:white;margin:5px 0px;height:30px;width:120px;display:inline-block;border:1px solid black;padding:3px 10px;font-size:12px;font-weight:normal;text-decoration:none; background: #425231;background: -moz-linear-gradient(top, #425231 0%, #aaaaaa 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#425231), color-stop(100%,#aaaaaa));background: -webkit-linear-gradient(top, #425231 0%,#aaaaaa 100%);background: -o-linear-gradient(top, #425231 0%,#aaaaaa 100%);background: -ms-linear-gradient(top, #425231 0%,#aaaaaa 100%);background: linear-gradient(to bottom, #425231 0%,#aaaaaa 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#425231', endColorstr='#aaaaaa',GradientType=0 ); } a.newmenuNEW:hover{ text-decoration:none; background: #824e56;background: -moz-linear-gradient(top, #824e56 0%, #aaaaaa 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#824e56), color-stop(100%,#aaaaaa));background: -webkit-linear-gradient(top, #824e56 0%,#aaaaaa 100%);background: -o-linear-gradient(top, #824e56 0%,#aaaaaa 100%);background: -ms-linear-gradient(top, #824e56 0%,#aaaaaa 100%);background: linear-gradient(to bottom, #824e56 0%,#aaaaaa 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#824e56', endColorstr='#aaaaaa',GradientType=0 ); } a.simpleLinkNEW:link,a.simpleLinkNEW:visited { color:white;margin:5px 0px;height:30px;width:120px;display:inline-block;border:1px solid black;padding:3px 10px;font-size:12px;font-weight:normal;text-decoration:none; background: #425231;background: -moz-linear-gradient(top, #425231 0%, #aaaaaa 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#425231), color-stop(100%,#aaaaaa));background: -webkit-linear-gradient(top, #425231 0%,#aaaaaa 100%);background: -o-linear-gradient(top, #425231 0%,#aaaaaa 100%);background: -ms-linear-gradient(top, #425231 0%,#aaaaaa 100%);background: linear-gradient(to bottom, #425231 0%,#aaaaaa 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#425231', endColorstr='#aaaaaa',GradientType=0 ); } a.simpleLinkNEW:hover{ text-decoration:none; background: #824e56;background: -moz-linear-gradient(top, #824e56 0%, #aaaaaa 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#824e56), color-stop(100%,#aaaaaa));background: -webkit-linear-gradient(top, #824e56 0%,#aaaaaa 100%);background: -o-linear-gradient(top, #824e56 0%,#aaaaaa 100%);background: -ms-linear-gradient(top, #824e56 0%,#aaaaaa 100%);background: linear-gradient(to bottom, #824e56 0%,#aaaaaa 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#824e56', endColorstr='#aaaaaa',GradientType=0 ); } .bufferMenu {height:0px;} h1.articleHeader { font-size:15px; } h2.articleHeader { font-size:13px;} div.grammarUpperPanel {overflow:hidden;margin:3px;height:50px;vertical-align:top;width:304px;} div.grammarUpperPanelElemLeft {float:left;width:130px;padding:0px 3px;} div.grammarUpperPanelElemRight {float:left;width:130px;padding:0px 3px;vertical-align:right;} div.grammarSocialFB {float:left;overflow:hidden;width:130px;padding-top:2px;} div.englishSkypeImg {background:#ffffff;width:300px;height:0px;padding:0px;} div.englishSkypeH1 {font-size:18px;display:inline;} span.englishSkypeSubtitle {font-size:14px;} } /* Mobile and Tablet ! */ @media only screen and (max-width: 900px) { div.generalRightSideWidth { width:304px;} /*!mobile*/ div.headerTitleRightWrap { float:left;padding: 0px 0px 0px 30px; } div.userDetailLeftWidth { width:304px; } /*changemobile*/ div.userDetailRightWidth { width:304px; } /*changemobile*/ div.floatingRule {} div.floatingRuleLeftSide {} div.floatingRuleRightSide {padding: 20px 0px 0px 0px;} div.floatingRuleRightSideOpposite {padding: 20px 0px 0px 0px;} div.mobileReadyWidth {width:304px;} div.welcomeLeft {width:300px;} div.welcomeRight {padding:20px 0px 0px 0px;} div.quickLinkLeft {padding:3px 0px;width:300px;} div.quickLinkRight {padding:3px 0px;} div.quickLinkRightAd {float:left;padding:3px 0px;} div.quickLinkRightAvatar {float:left;padding:3px 0px;} div.quickLinkDict {clear:both;padding:10px;} .tableWithLargerOnDesktop {width:300px;} .createLessonPanel { height:300px;width:300px;border:1px solid;overflow:auto;} .selectFieldSmallFont {font-size:11px;} table.boxStyleWidth {width:290px;} .tableWordsStats { height:280px;width:300px;border:1px solid;overflow:auto; } div.statsGraphWidth {width:300px;} div.exerciseTableWrapper { padding:0px; width:310px; } input.loginButtonNEW {-webkit-appearance:none;} div.loginElem {padding-left:4px;} .headerTitle {font-size:14px;display:inline;font-weight:bold;color:#aaaaaa;} div.headerTitleLeftWrap { padding:7px 5px;float:left;font-size:14px;width:130px; } div.exerciseButtons {float:left; line-height:22px;padding-left:5px;} div.exerciseButtonsWrapper {padding-bottom:15px;padding-top:0px;} .hideOnMobile {display:none;visibility:hidden;} .showOnMobile {display:block;visibility:visible;} .buffer1 {height:0px;} td.multipleChoiceRadio {padding-bottom:15px;} div.paddingArticleAds {padding:12px 2px;} div.articleAdsWrapperLeft {float:right;} div.articleAdsWrapperRight {float:right;} div.tableWrapperMReady { width:300px;height:200px;overflow:auto; } div.tableWrapperMReadyHorizontal { width:300px;overflow:auto; } input.textFieldNEW{font-size:15px;font-weight:bold;width:95px;} div.boxStyleLeft {width:300px;} div.boxStyleRight {width:300px;} div.boxStyleContainer {border-bottom: 1px #eeeeee solid;} div.grammarTitleLeft {width:304px;} div.grammarTitleRight {} h1.grammarArticleHeader {background:white; padding-left:3px; font-size:18px;color:#003973;FONT-WEIGHT:bold;margin:10px;} h2.grammarArticleHeader {background:white; padding-left:3px; color:#003973;font-size:15px;FONT-WEIGHT:bold;padding:2px; } div.grammarHeaderLeft {width:304px;border:none;} div.grammarHeaderRight {} div.grammarAdLeft {padding: 12px 2px} div.grammarAdRight {padding: 12px 2px;} } /* Only Tablet NO mobile! */ @media only screen and (max-width: 900px) and (min-width: 551px) { div.mainWrapper { width:540px;} /*!mobile*/ div.englishSkypeImg {width:300px;height:200px;padding:0px 5px;background:url(/images/design/skype-woman.jpg) no-repeat;} }