/* RESET ----------------------------------------------------------------------------*/ *{ margin: 0; padding: 0; border: none; outline: none; list-style: none; text-decoration:none; } /* DEFAULT ----------------------------------------------------------------------------*/ /* DEFAULT ----------------------------------------------------------------------------*/ body { margin: 0 auto; background: #fff url(../images/page/header/bg-right.gif) repeat-x 0 0; font-family: Arial, sans-serif; font-size: 11px; } .pageWrap { margin: 0 auto; width: 980px; } input, textarea, select { font-size: 12px; font-family: Arial,sans-serif; } .clear { clear: both; } .noBorder { border: 0 !important; } .noBlock { display: inline !important; } .block { display: block !important; clear: both; } a.block { text-decoration: none; } .italic { font-style: italic; } .left { float: left !important; } .right { float: right !important; } .center { text-align: center !important; } /* HEADER ----------------------------------------------------------------------------*/ .pageWrap #headerBg { height: 92px; background: url(../images/page/header/bg-left.gif) repeat-x 0 0; margin-left: -999em; padding-left: 999em; } .pageWrap #header { background: url(../images/page/header/header.png) no-repeat right 0; float: left; width: 980px; height: 92px; overflow: hidden; } .pageWrap #headerLeft { float: left; width: 470px; height: 92px; background: url(../images/page/header/header-left.png) no-repeat 0 0; } .pageWrap #headerLeft h1 { float: left; height: 68px; width: 451px; padding: 0 0 0 19px; } .pageWrap #headerLeft h1 a { float: left; height: 61px; width: 199px; background: url(../images/page/header/logo.png) no-repeat 0 0; text-indent: -999em; } .pageWrap #headerLeft h1 span { float: left; width: 228px; padding: 30px 0 5px 0; text-align: right; font-family: Myriad Pro, sans-serif; font-size: 25px; font-weight: bold; color:#fff; line-height: 16px; white-space: nowrap; } .pageWrap #headerLeft ul { float: left; } .pageWrap #headerLeft ul li { float: left; padding: 4px 5px 0 6px; background: url(../images/page/header/header-left-li.gif) no-repeat 0 7px; } .pageWrap #headerLeft ul li:first-child { background: none; padding-left: 22px; } .pageWrap #headerLeft ul li a { float: left; color:#5d9bbf; } .pageWrap #headerLeft ul li a:hover { text-decoration: underline; } #search { float: left; width: 427px; padding: 13px 0 0 0; height: 92px; } #search p { float: left; width: 359px; font-size: 11px; color:#fff; text-align: right; padding: 0 64px 1px 0; } #search p a { color:#fff; } #searchInput { float: left; padding: 0 0 0 48px; } #searchInput input { border: 1px solid #696364; width: 296px; height: 17px; padding: 0 7px; padding-top: 1px\9; height: 16px\9; background: #fff; text-align: right; color:#84a9be; font-size: 12px; font-family: Arial, sans-serif; font-weight: bold; } #searchSubmit { float: left; padding: 0 0 0 11px; } #searchSubmit input { float: left; width: 30px; height: 18px; background: url(../images/page/header/search-submit.gif) no-repeat 0 0; cursor: pointer; } #headerNav { float: left; width: 427px; } #headerNav a { float: left; height: 22px; color:#fff; font-size: 10px; padding-top: 36px; } #headerNav a.nav1 { background: url(../images/page/header/nav-1.gif) no-repeat 0 0; width: 96px; padding-left: 13px; } #headerNav a.nav2 { background: url(../images/page/header/nav-2.gif) no-repeat 0 0; width: 96px; padding-left: 10px; } #headerNav a.nav3 { background: url(../images/page/header/nav-3.gif) no-repeat 0 0; width: 102px; padding-left: 10px; } #headerNav a.nav4 { background: url(../images/page/header/nav-4.gif) no-repeat 0 0; width: 90px; padding-left: 10px; } #headerNav a:hover { color:#c6c5c5; } #headerNavAccount { float: left; width: 427px; } #headerNavAccount a { float: left; height: 34px; color:#fff; font-size: 10px; padding-top: 24px; line-height: 12px; } #headerNavAccount a.nav1 { background: url(../images/page/header/nav-1-account.gif) no-repeat 0 0; width: 96px; padding-left: 13px; } #headerNavAccount a.nav2 { background: url(../images/page/header/nav-2-account.gif) no-repeat 0 0; width: 96px; padding-left: 10px; } #headerNavAccount a.nav3 { background: url(../images/page/header/nav-3-account.gif) no-repeat 0 0; width: 102px; padding-left: 10px; } #headerNavAccount a.nav4 { background: url(../images/page/header/nav-4-account.gif) no-repeat 0 0; width: 90px; padding-left: 10px; } #headerNavAccount a:hover { color:#c6c5c5; } #control { float: left; width: 74px; padding: 25px 0 0 9px; } #control a.home { float: left; padding: 12px 6px 0 6px; background: url(../images/page/header/home.gif) no-repeat center top; color:#bebeb4; font-size: 10px; } #control a.help { float: left; padding: 12px 6px 0 6px; background: url(../images/page/header/help.gif) no-repeat center top; color:#bebeb4; font-size: 10px; } #control a.home:hover, #control a.help:hover { text-decoration: underline; } #control ul { padding: 20px 0 0 0; float: left; width: 194px; margin-left: -120px; text-align: right; } #control ul li { display: inline-block; padding: 0 4px 0 5px; background: url(../images/page/header/control-li.gif) no-repeat 0 2px; } #control ul li:first-child { padding: 0 4px 0 0; background: none; } #control ul li a { float: left; color:#c6c6bd; font-size: 12px; } #control ul li a.active, #control ul li a:hover { font-weight: bold; } /* PAGE ----------------------------------------------------------------------------*/ #pageBg { background: #d3d3c9; } #pageBgRepeat { margin-left: -999em; padding-left: 999em; width: 980px; background: #84a9be url(../images/page/page-bg-repeat.gif) repeat-y right 0; overflow: hidden; } #pageToolbar { height: 24px; width: 980px; overflow: hidden; } #toolbarDesc { float: left; width: 896px; padding: 8px 0 0 0; } #toolbarDesc p { float: right; color:#fff; padding: 0 4px 0 0; } #toolbarDesc ul { float: right; padding: 0 8px 0 0; } #toolbarDesc ul li { float: left; padding: 0 4px 0 6px; background: url(../images/page/toolbar-li.gif) no-repeat 0 3px; } #toolbarDesc ul li a { float: left; color:#fff; } #toolbarDesc ul li.first { background: none; } /* as */ #toolbarDesc ul li a:hover { text-decoration: underline; } #pageToolbar #zoom { float: left; width: 84px; } #pageToolbar #zoom .minus, #zoom .minus2 { float: left; width: 13px; height: 13px; margin: 9px 4px 0 16px; background: url(../images/page/zoom-minus.gif) no-repeat 0 0; text-indent: -999em; cursor: pointer; } #pageToolbar #zoom .plus, #zoom .plus2 { float: left; width: 13px; height: 13px; margin: 9px 0 0 0; background: url(../images/page/zoom-plus.gif) no-repeat 0 0; text-indent: -999em; cursor: pointer; } #pageToolbar #zoom p { float: left; padding: 9px 0 0 6px; color:#d00a21; font-size: 10px; } #pageTopBg { background: url(../images/page/page-top-bg.png) no-repeat 0 0; width: 980px; } #page { background: url(../images/page/page.gif) repeat-y 0 0; width: 980px; overflow: hidden; position: relative; float: left; } #page strong { color: #4c6f97; } #page a.normal, #page .normal a { color: #4c6f97; } #page div.TestItem strong { color: black; } .pageTitle { width: 870px; *width: 700px; padding: 27px 0 0 22px; *padding-top: 28px; float: left; min-height: 42px; display: inline; } .pageTitleLeft { float: left; width: 720px; } .pageTitleLeftUpdate { width: 920px !important; } .pageTitle h2 { font-size: 28px; color:#8e1732; line-height: 23px; width: 100%; text-transform: uppercase; } .pageTitle h2 span { font-size: 22px; } .pageTitle ul li { float: left; background: url(../images/page/page-title-li.gif) no-repeat 0 3px; padding: 0 4px 0 11px; } .pageTitle ul li:first-child { padding: 0 4px 0 0; background: none; } .pageTitle ul li a { font-size: 12px; color:#b8b8b2; font-weight: bold; } .pageTitle ul li a:hover { color:#73736f; } #pageTitleId { width: 615px; } .pageTitleRight { float: left; width: 150px; height: 42px; background: url(../images/page/page-title-button.gif) no-repeat 0 0; } .pageTitleRight a { display: block; font-weight: bold; color:#fff; padding: 0 0 0 9px; background: url(../images/page/page-title-a.gif) no-repeat 0 3px; } .pageTitleRight a.oneLink { margin: 10px 0 0 46px; } .pageTitleRight a.twoLink { margin: 0 0 0 46px; line-height: 13px; } .pageTitleRight a.twoLink:first-child { margin: 4px 0 0 46px; } .pageTitleRight a:hover { text-decoration: underline; } .pageTitlePagination { float: left; width: 105px; } .pageTitlePagination p { display: block; color:#4c6f97; } .pageTitlePagination ul { text-align: right; padding: 0 14px 0 0; float: right; } .pageTitlePagination ul li { float: left; padding: 0 6px; background: url(../images/page/forum-pagination-li.gif) no-repeat 0 3px; } .pageTitlePagination ul li:first-child { background: none; } .pageTitlePagination ul li a { float: left; font-size: 11px; font-weight: normal; color:#4c6f97; } .pageTitlePagination ul li a:hover, .pageTitlePagination ul li a.active { font-weight: bold; color:#8e1732; } .pageTitleOpinion { float: left; width: 150px; } .pageTitleOpinion a { display: block; text-align: right; font-size: 11px; color:#4c6f97; } .pageTitleOpinion a span { display: block; } .pageText { padding: 12px 0 0 26px; width: 871px; float: left; font-size: 12px; color:#000; text-align: justify; } #idExerciseBox { position: absolute; right: 0px; width: 106px; margin: 6px 39px 0 0; } #idExerciseBox input { display: block; float: left; border: 1px solid gray; width: 80px; font-size: 11px; } #idExerciseBox a { display: block; width: 17px; height: 17px; background: url(../images/main/content-top-a.gif) no-repeat; float: right; } #buttonStart { float: right; width: 70px; margin: 6px 89px 0 0; } /* #buttonStart a { display: block; width: 70px; height: 20px; background: url(../images/main/button-start.gif) no-repeat; }*/ #buttonStart a { background: #721729; color: white; display: block; widht: 70px; height: 12px; text-align: center; padding: 4px 0; border-radius: 5px; } .pageText { padding: 5px 0 0 22px; width: 871px; float: left; font-size: 12px; color: #585858; text-align: justify; } .pageText a { color: #3c5877; } #specialWindow .pageText { padding: 0; width: auto; } #specialWindow .pageText input { width: 30px; border: 1px solid lightgrey; height: 20px; } #specialWindow .pageText a.change, .pageText input.change { background: url(../images/main/dialog-a.gif) no-repeat 0 0; /* display: block; */ width: 85px; height: 22px; color: #fff; padding: 4px 23px; margin: 0 10px; /* position: absolute; top: 345px; left: 380px; */ } #specialWindow .colorStripes { display: block; float: left; height: 20px; width: 100%; margin: 6px 0 0 0; padding: 3px 0 0 10px; } #colorBlue { border-left: 86px solid #84a9be; } #colorGreen { border-left: 86px solid #65cf65; } #colorGray { border-left: 86px solid #636363; } #specialWindow .pageText strong { display: block; } .pageText div.TestItem strong { display: inline; } .pageTextData { width: 685px; margin-bottom: 13px; } .pageTextDataBg { height: 207px; *height: 219px; background: url(../images/page/account-data-middle.gif) repeat-y; } .pageTextData textarea { width: 280px; height: 90px; } .pageTextDataBgTop { height: 4px; width: 685px; background: #fbfbfb; background: url(../images/page/account-data-top.gif) no-repeat 0 top; } .pageTextDataBgBottom { height: 212px; *height:222px; width: 685px; background: #fbfbfb; background: url(../images/page/account-data-bottom.gif) no-repeat 0 bottom; } .pageTextDataBgTwo { height: 236px; background: url(../images/main/textarea-bg.gif) no-repeat 0 0; padding: 8px 0; } .pageTextDataBgBottom div:first-child { margin: 2px 0 0; } .pageTextDataBgUpdate { height: 453px; background: url(../images/main/form-contact-bg.gif) no-repeat 0 0; } .pageTextExercise { color: #83a8be; height: 46px; width: 506px; padding: 2px 0 0 6px; border: 1px solid #d3d3d3; background: #efefec; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .pageTextExercise strong, .pageTextLectorSchedule strong { display: block; color: #83a8be !important; } .pageTextExercise a, .pageTextLectorSchedule a { color: #83a8be; } .pageTextExercise a.active, .pageTextLectorSchedule a.active { color: #76192d; font-weight: bold; } .pageTextExercise span, .pageTextLectorSchedule span { display: block; } #nextLessonButton { display: block; width: 204px; height: 22px; margin: 20px 0 0; } #nextLessonButton a { display: block; color: #fff; padding: 4px 24px; background: url(../images/main/button-next-lesson.gif) no-repeat 0 0; width: 204px; height: 22px; } .pageTextLectorSchedule { background: #f7f7f7; width: 672px; color: #83a8be; height: 139px; padding: 8px 6px 3px; margin: 0 0 10px; border: 1px solid #d3d3d3; background: f7f7f7; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior:url(../static/css/border-radius.htc); } .pageTextLectorSchedule select { width: 200px; margin: 0 0 0 20px; border: 1px solid lightgrey; height: 20px; *height: 22px; } .pageTextLectorSchedule select option { padding: 3px 0; } .pageTextLectorSchedule div { float: left; width: 200px; color: #818181; } .pageTextLectorSchedule div ul { margin: 20px 0 0; } .pageTextLectorSchedule div ul li { margin: 5px 0 0; line-height: 18px; } .lectorPhoto { width: 131px; height: 132px; float: left; margin: 0 14px 0 12px; } .recommendPerson { float: left; margin: 0 7px 0 0; } .recommendPerson span { margin: 0 3px; } .recommendPerson a { color: #4c6f97; } .recommendPerson a.active { color: #6d1528 !important; font-weight: bold !important; } .pageTextConfirmSchedule { width: 100%; height: 80px; } .pageTextConfirmSchedule table { width: 100%; margin: 2px 0 0; border-collapse: collapse; } .pageTextConfirmSchedule table thead th { color: #4c6f97; text-align: left; } .pageTextConfirmSchedule table thead th.wideColumn { width: 84%; } .pageTextConfirmSchedule table tr td { padding: 6px 0 3px 2px; } .pageTextConfirmSchedule table tr.lightColor { background: #fbfbfb; } .pageTextConfirmSchedule table tr.darkColor { background: #f7f7f7; } .pageTextConfirm, .pageText .pageTextConfirm { float: left; display: block; width: 170px; height: 22px; background: url(../images/main/button-confirm.gif) no-repeat 0 0; padding: 4px 0; margin: 10px 0; color: #fff; border: none; } .pageTextAccountSchedule { width: 340px; height: 70px; } .pageTextAccountSchedule div { width: 150px; float: left; } .pageTextAccountSchedule a { text-decoration: underline; color: #585858; } .accountDetails { width: 40px !important; } .pageTextDateControl { position: relative; height: 23px !important; margin: 12px 0 25px !important; width: 671px !important; background: #fff; } .pageTextDateControl { *margin-top: 40px !important; } .pageTextDateControl a, #buttonDatePrev, #buttonDateNext, #buttonOk { display: block; position: absolute; top: 6px; width: 73px; height: 22px; } #buttonDatePrev { left: 10px; background: url(../images/main/date-prev.gif) no-repeat 0 0; margin: 0; } #buttonOk { left: 426px; background: url(../images/main/button-ok.gif) no-repeat 0 0; top: 7px !important; } #buttonDateNext { left: 600px; background: url(../images/main/date-next.gif) no-repeat 0 0; margin: 0; } .pageTextDateControl span { margin: 0 0 0 220px; } .pageTextDateControl span input { width: 70px; *height: 17px; } .windowStripes { float: left; margin: 0 0 0 10px; width: 500px; } .windowSchedule { width: 640px; border: 0px solid red; margin: 0 auto; } .windowSchedule thead { text-align: center; } .windowSchedule th, .windowSchedule td { height: 17px; font-weight: normal; } .windowSchedule td { width: 78px; } .windowSchedule .firstColumn { text-align: left !important; } .cellBlue { background: #84a9be; } .cellGreen { background: #65cf65; } .cellGray { background: #636363; } .windowDateControl { background: #fff; position: relative; height: 30px; margin: 0 auto; margin-top: 135px; margin-bottom: 10px; padding: 12px 0 0; width: 636px; border: 1px solid lightgrey; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .windowDateControl a { display: block; position: absolute; top: 10px; width: 73px; height: 22px; } #windowButtonDatePrev { left: 5px; background: url(../images/main/date-prev.gif) no-repeat 0 0; } #windowButtonOk { left: 420px; background: url(../images/main/button-ok.gif) no-repeat 0 0; } #windowButtonDateNext { right: 5px; background: url(../images/main/date-next.gif) no-repeat 0 0; } .windowDateControl input { border: 1px solid lightgrey; width: 85px; height: 20px; *height: 17px; } .windowDateControl span { margin: 0 0 0 180px; } .pageTextDateControl span input { width: 70px; } .windowLectorPhoto { width: 131px; height: 132px; float: left; margin: 3px 0 0 30px; } #windowLectorFeedback { width: 503px; float: right; margin: 15px 23px 0 0; text-align: left; } #windowLectorFeedback strong { font-size: 12px; margin: 0 6px 0 0; display: block; float: left; } #windowLectorFeedback .windowDate { float: left; margin: 0 6px 0 0; color: #4C6F97; display: block; } #windowLectorFeedback .windowLectorFeedbackItem { margin: 0 0 16px 0; } #windowLectorFeedback .windowLectorFeedbackItem p { float: none; clear: both; *clear: none; display: block; width: 100%; } .windowStars { float: right; margin: 4px 54px 0 0; *margin-top: -15px; } .redStar { background: url(../images/main/red-star.gif) no-repeat 0 2px; width: 12px; height: 12px; display: block; float: left; } .prevButton { display: inline-block; width: 42px; height: 22px; background: url(../images/main/order-prev.gif) no-repeat 0 0; } .nextButton { display: inline-block; width: 42px; height: 22px; background: url(../images/main/order-next.gif) no-repeat 0 0; } .windowProfilItem { margin: 0 10px 10px 0; text-align: justify; clear: both; width: 98%; } #orderNavButtons { float: right; width: 105px; height: 22px; } #orderNavButtons a { display: block; float: left; width: 42px; height: 22px; margin: 0 0 0 10px; } #orderNavButtons a.orderPrev { background: url(../images/main/order-prev.gif) no-repeat 0 0; } #orderNavButtons a.orderNext { background: url(../images/main/order-next.gif) no-repeat 0 0; } #selectLector { margin: 10px 0 0 0; } #selectLector select { margin: 0 0 20px 15px; border: 1px solid lightgrey; width: 310px; color: #4c6f97; } #selectLector strong { display: block; float: left; margin: 0; padding: 3px 0 0; } .selectLectorBox { position: relative; width: 685px; color: #83a8be; height: 139px; padding: 0; margin: 0 0 25px; background: f7f7f7; background: url(../images/page/account-data-white-middle.gif) repeat-y; } .selectLectorBoxTop { height: 4px; width: 685px; background: #fbfbfb; background: url(../images/page/account-data-white-top.gif) no-repeat 0 top; } .selectLectorBoxBottom { height: 133px; width: 685px; padding: 7px 0 6px 0; background: #fbfbfb; background: url(../images/page/account-data-white-bottom.gif) no-repeat 0 bottom; } .selectLectorBoxBottom input { margin-top: 5px; display: block; float: left; height: 14px; *height: 17px; } .selectLectorBoxBottom strong { margin-top: 5px; display: block; float: left; } .selectLectorBoxLinks { float: right; width: 345px; margin: 5px 0 0 0; text-align: right; padding: 0 15px 0 0; } .selectLectorBoxLinks strong { margin: 0; display: inline !important; } .selectLectorBoxLinks a { color: #4c6f97; } .selectLectorBoxLinks .separateMark { margin: 0 3px; } .selectLectorBoxData { position: absolute; left: 186px; bottom: 6px; } .selectLectorBoxData ul li { margin: 0 0 5px 0; color: #585858; font-weight: bold; } .selectLectorBoxData ul li span { font-weight: normal; } .selectLectorBoxLogo { width: 96px; height: 28px; position: absolute; top: 80px; right: 8px; } .selectLectorBoxPrice { font: 10px Arial; position: absolute; bottom: 6px; right: 15px; color: #b8b8b2; } .selectLectorBoxPrice span { font-size: 14px; } .buttonNext, .pageText .buttonNext { display: block; width: 71px; height: 22px; background: url(../images/main/button-next.gif) no-repeat 0 0; color: #fff; padding: 4px 20px; cursor: pointer; } .messageBox { float: left; overflow: hidden; width: 872px; margin: 15px 0 19px; background: url(../images/page/message-middle.gif) repeat-y 0 0; } .messageBox .messageBoxTop { overflow: hidden; background: url(../images/page/message-top.gif) no-repeat 0 0; } .messageBox .messageBoxDown { overflow: hidden; background: url(../images/page/message-bottom.gif) no-repeat 0 bottom; } .messageBox .messageBoxLeft { margin: 6px 10px 10px 15px; } .messageBox .messageBoxLeft strong { display: block; padding: 1px 0 0 29px; background: url(../images/page/forum-icon.gif) no-repeat 0 0; color:#4c6f97; font-size:14px; } .messageBox .messageBoxLeft ul li { margin: 3px 0; color: #585858; padding: 3px 0; } .messageBox .messageBoxLeft ul li a { color: #585858; font-weight: bold; } .messageBox .messageBoxLeft ul li a.checkLink:hover { text-decoration: underline; } #columnRightData .messageBox { width: 672px; background-image: url(../images/page/message-middle-w.gif); } #columnRightData .messageBox .messageBoxTop { background-image: url(../images/page/message-top-w.gif); } #columnRightData .messageBox .messageBoxDown { background-image: url(../images/page/message-bottom-w.gif); } .pageBaners { float: left; width: 897px; text-align: center; padding: 20px 0 5px 0; } .pageBaners p { text-align: center; color:#e4e4de; letter-spacing: 68px; padding: 0 0 1px 0; } #columnLeftBg { background: url(../images/main/nav-gradient.jpg) repeat-y right top; width: 242px; height: 2430px; margin-bottom: -2000px; *margin-top: 4px; } #columnLeft { width: 238px; float: left; margin-top: 4px; } #columnLeftTop { background: url(../images/main/sidebar-top-bg.jpg) no-repeat 0 0; width: 242px; height: 62px; margin: 0 0 0 4px; *margin-top: -4px; display: table; *position: relative; } #columnLeftTop span { display: table-cell; vertical-align: middle; font-size: 20px; color: #fff; padding: 0 16px; line-height: 21px; letter-spacing: 1px; *position: absolute; *top: 50%; } #columnLeftTop span span { *position: relative; *top: -50%; text-align: left; display: block; padding: 0; } #columnLeft h3 { color: #71162a; font-size: 16px; font-weight: bold; margin: 10px 20px 0 20px; *margin-bottom: 10px; } #columnLeft ul { margin: 5px 20px 0 20px; } #columnLeft ul hr { margin: 0; padding: 0; color: #fff; border: none; border-bottom: 1px dotted #969696; width: 200px; *margin: -7px 0 0 -17px; } #columnLeft ul li { color: #6ba1c0; font-size: 12px; list-style: disc outside url(../images/main/nav-arrow.jpg); margin: 5px 20px 0 19px; *margin-top: -5px; } #columnLeft ul li a { color: #6BA1C0; } /* FORM ------------------------------------------------------------------*/ #pageBg form.type-a { display: block; width: 100%; background: none; } #pageBg form.type-a div.odd { background: #f7f7f7; display: block; padding: 4px 10px; overflow: hidden; } #pageBg form.type-a div.even { background: #fbfbfb; display: block; padding: 4px 10px; overflow: hidden; } #pageBg form.type-a div.odd div.right, #pageBg form.type-a div.even div.right { float: none ! important; margin-left: 300px; } #pageBg form.type-a div.odd span.left, #pageBg form.type-a div.even span.left { margin-right: 10px; } #pageBg form.type-a div.singlerow div.left { width: 100%; } #pageBg form.type-a div.submit { background: none; } #pageBg form.type-a input[type=radio], #pageBg form.type-a input[type=checkbox] { height: auto; width: auto; display: inline-block; margin: 0px; } #pageBg form.type-a input[type=text], #pageBg form.type-a select { width: 50%; border: 1px solid lightgrey;} #pageBg form.type-a textarea { width: 50%; height: 180px; border: 1px solid lightgrey; } #pageBg form.type-a .singlerow textarea { width: 90%; } #pageBg form.type-a input[type=text].short { width: 120px; } #formPersonalData { display: block; float: left; width: 350px; } #formPersonalData div { width: 683px; float: left; } #formPersonalData div.darkColor { float: left; background: #f7f7f7; margin-left: 1px; } #formPersonalData div.lightColor { float: left; background: #fbfbfb; margin-left: 1px; } #formPersonalData div.high { *height: 31px; } #formPersonalData div#submitBox { margin-top: 10px; } #formPersonalData label { display: block; float: left; margin: 5px 0 0 10px; width: 171px; color: #818181; line-height: 20px; } #formPersonalData label.long {width:auto;} #formPersonalData #formTextareas label { display: block; float: left; margin: 0 0 0 10px; width: 164px; color: #818181; line-height: normal; } #formPersonalData select { height: 20px; width: 180px; *width: 182px; border: 1px solid #adadad; margin: 3px 0 4px; vertical-align: middle; } #formPersonalData input { height: 20px; *height: 19px; width: 180px; border: 1px solid #adadad; margin: 3px 0 1px; vertical-align: middle; } #formPersonalData input.radio, #formPersonalData input.checkbox { height: 21px; width: 15px; display: inline-block; margin-left: 0px; } #formPersonalData .noBorder { border: 0; } #formPersonalData textarea { border: 1px solid #adadad; width: 492px; height: 100px; margin: 0 0 10px 10px; } #formPersonalData textarea.fformbig { width: 485px; } #formPersonalData stop a, #formLectorData stop a { background: url(../images/main/dialog-a.gif) no-repeat 0 0; display: block; width: 85px; height: 22px; color: #fff; padding: 4px 23px; margin: 0; cursor: pointer; } #formPersonalData a.attachment, #formLectorData a.attachment { background: none; display: inline; color: rgb(88, 88, 88); } #formPersonalData a.questionMarkOne { background: url(../images/page/tooltip.gif) no-repeat; width: 13px; height: 12px; float: right; margin-right: 254px; margin-top: 8px; /* display: block; position: absolute; top: 216px; right: 290px; */} #formPersonalData a.questionMarkTwo { background: url(../images/page/tooltip.gif) no-repeat; width: 13px; height: 12px; display: block; position: absolute; top: 243px; right: 290px; } #PersonalDataPhoto { width: 186px; height: 186px; float: right; margin: 4px 8px 0 0; -bracket-:hack(; position: absolute; top: 85px; right: 35px; ); } #formLectorData { display: block; float: left; width: 650px; } #formLectorData div { width: 680px; float: left; margin-bottom: 2px; } #formLectorData div.attachment { margin-bottom: 3px; line-height: 25px; } #formLectorData a { margin-top: 20px; } #formLectorData label { display: block; float: left; margin: 5px 0 0 10px; width: 190px; color: #818181; } #formLectorData select, #formLectorData input { width: 180px; border: 1px solid #adadad; margin: 3px 10px 0 0; vertical-align: middle; } #formLectorData input[type=checkbox], #formLectorData input[type=radio] { width: auto; } #formLectorData select, #formLectorData input.longInput, #formLectorData input.inputFile { height: 20px; } #formLectorData .radio { border: 0; } #formLectorData .longInput { width: 421px; margin: 0 !important; padding: 0 !important; vertical-align: top !important; } #formLectorData .inputFile { width: 200px; background: #fff; } #formLectorData textarea { border: 1px solid #adadad; width: 477px; height: 214px; margin: 0 0 0 0; } .radioButton { display: block; float: right !important; width: 480px !important; } .radioButtonPayment { width: 15px !important; margin: 0 0 0 4px; border: 0 !important; } .radioDesc { display: block; float: left; margin-left: 0; } .radioDesc2 { display: block; float: left; margin-left: 20px; } .radioDesc, .radioDesc2 { margin-top: 0 !important; } .formDescribe { width: 686px !important; margin: 40px 0 10px 0; } .formDescribe strong { color: #4c6f97; display: block; } #formTextareasUpdate { border: 0; padding: 5px 0 0 0; margin: 5px 0 0 0; *margin-top: 5px; } #formTextareas, #formTextareas div, #formTextareasUpdate, #formTextareasUpdate div { width: 685px !important; } .radio { display: block; width: 15px !important; } #formBox { margin: 10px 0 60px; height: 70px; background: #fbfbfb; } #formBox form { width: 100%; } #formBox form div { width: 100%; } /* TABLES ------------------------------------------------------------------*/ .courses { width: 100%; margin: 10px 0; border: 1px solid #fff; border-collapse: collapse; } .courses td { padding: 4px 0 4px 2px; color: #818181; } .courses thead tr td { color: #4c6f97; font-weight: bold; padding-left: 0; } .courses tbody tr.lightColor { background: #fbfbfb } .courses tbody tr.darkColor { background: #f7f7f7 } .courses a { text-decoration: underline; color: #818181; } .courses a.block { text-decoration: none; } .courses span { margin: 0 0 0 15px; } .courses .firstColumn { text-align: left; width: 289px; } .courses .secondColumn { text-align: left; width: 90px; } .courses .thirdColumn { text-align: left; width: 180px; } .courses .lastColumn { text-align: left; width: 211px; } .courses .lastColumn span { display: block; margin: 0 auto; text-align: center; } .acceptMark { display: block; float: left; background: url(../images/main/accept-mark.gif) no-repeat 34% 0; width: 100%; height: 20px; margin: 0 auto 0 100px; } .cancelMark { display: block; background: url(../images/main/cancel-mark.gif) no-repeat 0 0; width: 18px; height: 17px; } .schedule { width: 100%; border: 0px solid red; margin: 0 0 39px; } .schedule thead { text-align: center; } .schedule th { height: 0px; font-weight: normal; } .schedule th.firstColumn { width: 73px; } .schedule th span, .windowSchedule th span { font-weight: bold; color: #4c6f97; } .schedule th span.redFont, .windowSchedule th span.redFont { font-weight: normal; color: #D00A21; } .schedule td { width: 80px; height: 20px; font-weight: normal; color: #818181; } .schedule th { } .cellBlue { background: #84a9be; } .cellGreen { background: #65cf65; } .cellGray { background: #636363; } .accountOptions { width: 100%; color: #818181; border: 0; margin: 0 0 22px; border-collapse: collapse; } .accountOptions tr { background: #f7f7f7; } .accountOptions td { color: #818181; } .accountOptions .darkColor { background: #f7f7f7; } .accountOptions .lightColor { background: #fbfbfb; } .accountOptions tr th, .accountOptions tr td { width: 33%; text-align: left; height: 24px; } .accountOptions tr th { font-weight: normal; padding-left: 5px; } .accountOptions .firstColumn { float: left; } .accountOptions .firstColumn a { font-weight: normal; } .accountOptions .lastColumn { width: 12%; } .accountOptions a { text-decoration: underline; color: #818181; font-weight: bold; } .accountOptions a.questionMark { background: url(../images/page/tooltip.gif) no-repeat; width: 13px; height: 12px; float: left; margin: 0 0 0 10px; } .recommendPersonTable { background: #fbfbfb; clear: both; width: 100%; margin: 5px 0 27px 0; } .recommendPersonTable tr { text-align: left; } .recommendPersonTable tr td { padding: 3px 0; color: #818181; } .recommendPersonTable .darkColor { background: #f7f7f7; } .recommendPersonTable .lightColor { background: #fbfbfb; } .recommendPersonTable .firstColumn { padding-left: 10px; } .ordersTable { width: 100%; clear: both; margin: 10px 0 20px 0px; border-collapse: collapse; } .ordersTable tr th { color: #4c6f97; height: 20px; vertical-align: top; text-align: left; *padding-left: 4px; } .ordersTable tr th.firstColumn { width: 270px; } .ordersTable tr th.thirdColumn { width: 247px; } .ordersTable tr th.fourthColumn { width: 76px; } .ordersTable tr th.fifthColumn { width: 71px; } .ordersTable tr th.sixthColumn { width: 77px; } .ordersTable tr td { padding: 2px 0 2px 2px; text-align: left; vertical-align: top; color: #818181; *padding-right: 6px; } .ordersTable tr td a { text-decoration: underline; color: #818181; } .ordersTable .darkColor { background: #f7f7f7; } .ordersTable .lightColor { background: #fbfbfb; } .ordersTable tr td input { width: 12px; height: 16px; margin-left: 3px; } .ordersTable tr td input.text { width: 20px; margin-left: 0 !important; } .ordersTable2 { width: 100%; clear: both; margin: 10px 0 20px 0px; border-collapse: collapse; } .ordersTable2 tr th { color: #4c6f97; height: 20px; vertical-align: top; text-align: left; } .ordersTable2 tr th.firstColumn { width: 76px; } .ordersTable2 tr th.secondColumn { width: 130px; } .ordersTable2 tr th.thirdColumn { width: 247px; } .ordersTable2 tr th.fourthColumn { width: 76px; } .ordersTable2 tr th.fifthColumn { width: 71px; } .ordersTable2 tr th.sixthColumn { width: 77px; } .ordersTable2 tr td { padding: 2px 0 2px 2px; text-align: left; vertical-align: top; color: #818181; *padding-right: 4px; } .ordersTable2 tr td a { text-decoration: underline; color: #818181; } .ordersTable2 .darkColor { background: #f7f7f7; } .ordersTable2 .lightColor { background: #fbfbfb; } .ordersTable2 tr td input { width: 12px; height: 16px; margin-left: 3px; } .ordersTable2 tr td input.text { width: 20px; margin-left: 0 !important; } .lectorName { color: #4c6f97; } /* FORUM ------------------------------------------------------------------*/ .pageButton { padding: 0 0 0 747px; } .forumSpecialPadding { height: 19px; float: left; width: 100%; } .forumTableTitle { float: left; padding: 15px 0 1px 0; margin: 0 0 0 26px; width: 872px; color:#4c6f97; } .forumTableTitle a { color:#4c6f97; } .forumTableTitleMeny { float: left; width: 63px; text-align: center; } .forumTableTitleLast { float: left; padding: 0 0 0 15px; } .forumTableTitleSpecial { float: left; padding: 0 0 0 30px; } .forumTableTitleTextLeft { float: left; width: 723px; } .forumTableTitleTextCenter { float: left; width: 450px; padding: 0 4px 0 0; text-align: right; } .forumPagination { float: left; width: 268px; padding: 0 0 0 1px; } .forumPagination p { float: left; } .forumPagination ul { float: left; } .forumPagination ul li { float: left; padding: 0 6px 0 6px; background: url(../images/page/forum-pagination-li.gif) no-repeat 0 3px; } .forumPagination ul li:first-child { background: none; } .forumPagination ul li a { color:#4c6f97; } .forumPagination ul li a.active, .forumPagination ul li a:hover { color:#8e1732; font-weight: bold; } .forumTableTwo { position: relative; float: left; width: 872px; margin: 0 0 8px 26px; background: url(../images/page/forum-table-two.gif) repeat-y 0 0; } .forumTableTwo .forumTableTop { overflow: hidden; background: url(../images/page/forum-table-two-top.gif) no-repeat 0 0; } .forumTableTwo .forumTableDown { overflow: hidden; float: left; background: url(../images/page/forum-table-two-down.gif) no-repeat 0 bottom; } .forumTableTwoDark { float: left; width: 872px; margin: 0 0 8px 26px; background: url(../images/page/forum-table-two-dark.gif) repeat-y 0 0; } .forumTableTwoDark .forumTableTop { overflow: hidden; background: url(../images/page/forum-table-two-dark-top.gif) no-repeat 0 0; } .forumTableTwoDark .forumTableDown { overflow: hidden; background: url(../images/page/forum-table-two-dark-down.gif) no-repeat 0 bottom; } .forumTableThree { float: left; overflow: hidden; width: 872px; margin: 0 0 19px 26px; background: url(../images/page/forum-table-three.gif) repeat-y 0 0; } .forumTableThree .forumTableTop { overflow: hidden; background: url(../images/page/forum-table-three-top.gif) no-repeat 0 0; } .forumTableThree .forumTableDown { overflow: hidden; background: url(../images/page/forum-table-three-down.gif) no-repeat 0 bottom; } .forumTableFour { float: left; width: 872px; margin: 0 0 9px 26px; background: url(../images/page/forum-table-four.gif) repeat-y 0 0; } .forumTableFour .forumTableTop { overflow: hidden; background: url(../images/page/forum-table-four-top.gif) no-repeat 0 0; } .forumTableFour .forumTableDown { overflow: hidden; background: url(../images/page/forum-table-four-down.gif) no-repeat 0 bottom; } .forumTextLeft { float: left; width: 701px; padding: 4px 12px 10px 10px; } .forumTextLeft a strong { display: block; padding: 1px 0 0 29px; background: url(../images/page/forum-icon.gif) no-repeat 0 0; color:#4c6f97; font-size:14px; } .forumTextLeft a span { display:block; padding: 9px 0 0 0; color:#585858; font-size: 12px; } .forumTextLeft a:hover strong { color:#3c5877; } .forumTextRight { float: left; width: 672px; padding: 4px 10px 5px 20px; } .forumTextRight a strong { display: block; font-size: 12px; color:#4c6f97; } .forumTextRight a span { display: block; color:#585858; } .forumTextRight a:hover strong { color:#3c5877; } .forumTextIcon { position: relative; padding: 0 0 0 627px; } .forumTextIcon a { float: left; margin: 0 0 0 4px; } .forumTextIcon div { display: none; white-space: nowrap; position: absolute; top: 2px; right: 43px; background: #f4f4f4; border: 1px solid #dedede; font-size: 10px; z-index: 100; line-height: 12px; padding: 0 5px 2px 5px; cursor: pointer; color:#626262; } .forumTextCenter { float: left; width: 506px; padding: 4px 29px 5px 19px; text-align: justify; } .forumTextCenter a strong { display: block; color:#4c6f97; font-size: 12px; padding: 0 0 2px 0; } .forumTextCenter a span { display: block; color:#585858; } .forumTextCenter a:hover strong { color:#3c5877; } .forumMeny { float: left; width: 64px; padding: 4px 0 0 0; font-weight: bold; font-size: 12px; text-align: center; color:#4c6f97; } .forumLast { float: left; width: 76px; padding: 4px 0 0 4px; } .forumLast a { display:block; font-weight: bold; font-size: 12px; color:#4c6f97; } .forumLast span { display: block; font-size: 9px; color:#818181; } .forumLast a:hover { color:#3c5877; } .forumLast p { width: 100%; font-size: 12px; text-align: center; font-weight: bold; color:#4c6f97; } .forumAuthor { float: left; width: 160px; padding: 7px 0 5px 9px; } .forumAuthor a.img { float: left; width: 61px; } .forumAuthor a.img img { border: 1px solid #989898; } .forumAuthor p { float: left; width: 97px; } .forumAuthor p a { display: block; font-weight: bold; font-size: 12px; color:#4c6f97; } .forumAuthor p span { display: block; font-size: 10px; color:#818181; font-weight: bold; } .forumAuthor p a:hover { color:#3c5877; } .forumForm {} .forumFormBg { float: left; width: 872px; margin: 0 0 0 26px; background: url(../images/page/forum-form.gif) repeat-y 0 0; } .forumFormBgTop { overflow: hidden; background: url(../images/page/forum-form-top.gif) no-repeat 0 0; } .forumFormBgDown { overflow: hidden; background: url(../images/page/forum-form-down.gif) no-repeat 0 bottom; } .forumTextarea { float: left; padding: 8px 0 0 8px; } .forumTextarea textarea { width: 853px; height: 265px; background: #fff; border: none; } .formLine { float: left; width: 853px; padding: 10px 0 10px 8px; } .formLine .formInput { float: left; padding: 0 29px 0 0; } .formLine .formInput label { float: left; padding: 4px 9px 0 0; font-size: 12px; color:#adadad; } .formLine .formInput input { float: left; width: 178px; height: 18px; background: #fff; border: 1px solid #adadad; } .formLine p { float: right; padding: 4px 0 0 0; text-align: right; font-size: 12px; color:#4c6f97; } .formLine p a { color:#4c6f97; font-weight: bold; } .formLine p a:hover { text-decoration: underline; } .forumFormSubmit { float: left; padding: 18px 0 0 811px; } .forumFormSubmit input[value=""] { width: 85px; height: 22px; background: url(../images/page/forum-form-submit.gif) no-repeat 0 0; cursor: pointer; } .forumFormSubmit input { background-image: url(../images/page/school-gallery-a.gif); color: white; text-align: left; text-indent: 6px; width: 85px; height: 22px; cursor: pointer;} /* COLUMN BORDER RIGHT -----------------------------------------------------------*/ #columnBorderRight { float: left; width: 895px; background: url(../images/page/column-border-right.gif) no-repeat right 34px; } #columnRightData { float: left; width: 685px; } #columnBorderRight .pageText { width: 860px; padding: 12px 0 20px 26px; line-height: 18px; } a.forTeacherMaterials, a.forTeacherShop, a.forTeacherOnline, a.forTeacherForum, a.imageHeader { float: left; margin: 20px 0 3px 26px; padding: 8px 0 0 76px; width: 307px; height: 37px; font-size: 9px; color:#fff; font-weight: bold; } a.forTeacherMaterials:hover, a.forTeacherShop:hover, a.forTeacherOnline:hover, a.forTeacherForum:hover { text-decoration: underline; } a.forTeacherMaterials { background: url(../images/page/forteacher/materials.gif) no-repeat 0 0; padding-top: 10px; height: 35px; } a.forTeacherShop { background: url(../images/page/forteacher/shop.gif) no-repeat 0 0; } a.forTeacherOnline { background: url(../images/page/forteacher/on-line.gif) no-repeat 0 0; padding-top: 5px; height: 40px; } a.forTeacherForum { background: url(../images/page/forteacher/forum.gif) no-repeat 0 0; } .forTeacherLinks { overflow: hidden; width: 100%; padding: 10px 0 0 0; } .forTeacherLinks ul li { float: left; padding: 0 25px 0 0; } .forTeacherLinks ul li a { float: left; padding: 0 0 0 22px; font-size: 12px; font-weight: bold; color:#7c1328; background: url(../images/page/forteacher/links.gif) no-repeat 0 2px; line-height: 18px; } .forTeacherLinks ul li a:hover { text-decoration: underline; } .course { float: left; width: 860px; padding: 15px 0 35px 26px; } .courseImg { float: left; width: 350px; } .courseDesc { float: left; width: 510px; } .courseDesc h3 { font-size: 18px; padding: 20px 0 9px 0; } .courseDesc h3 { color:#8e1732; text-transform: uppercase; } .courseDesc h3 a { color:#8e1732; } .courseDesc p { font-size: 12px; color:#585858; text-align: justify; } .courseDesc ul { padding: 12px 0 0 0; } .courseDesc ul li { color:#000; font-size: 12px; } .courseDesc ul li strong { color:#4c6f97; } .courseDesc ul li a { display: block; font-size: 11px; color:#8e1732; padding: 0 0 0 16px; background: url(../images/page/course-li.gif) no-repeat 0 5px; } .courseDesc ul li a:hover { text-decoration: underline; } /* SCHOOL ----------------------------------------------------------*/ #schoolBox { float: left; width: 100%; padding: 5px 0 0 0; } .schoolBoxImg { float: left; width: 130px; padding: 9px 0 7px 14px; } .schoolBoxImg img { display: block; } .schoolBoxDesc { float: left; width: 715px; padding: 5px 0 6px 0; } .schoolBoxTitle { width: 100%; float: left; line-height: 16px; } .schoolBoxTitle h3 { float: left; width: 640px; padding: 3px 0 0 0; } .schoolBoxTitle h3 a { display: block; font-size: 12px; color:#4c6f97; } .schoolBoxTitle h3 a:hover { color:#3f5c7d; } .schoolBoxTitle h3 span { font-weight: normal; font-size: 12px; color:#4c6f97; } .schoolBoxTitle div { float: left; width: 75px; text-align: right; } .schoolBoxa p { float: left; padding: 10px 0 0 0; font-size: 12px; color:#585858; line-height: 18px; text-align: justify; width: 100%; } /* as */ .schoolBoxa a { display: inline; color: black; text-decoration: underline; } .schoolBoxa a:hover { text-decoration: none; } .schoolBoxa a span.seeMore { color:#8e1732; float: right; clear: both; padding: 0 16px 0 0; width: 80%; text-align: right; background: url(../images/page/school-see-more.gif) no-repeat right 5px; } .schoolBoxa a:hover span.seeMore { text-decoration: underline; } .trainingBoxDesc { float: left; width: 848px; padding: 5px 0 6px 0; margin: 0 12px; } .schoolBoxTitle a.email { float: right; padding: 3px 0 0 17px; width: 68px; height: 19px; background: url(../images/page/school-gallery-a.gif) no-repeat 0 0; font-size: 13px; color:#fff; margin: 4px 0; } .schoolBoxTitle a.email + a.email { margin-right: 5px; } .schoolBoxTitle a.email.c { background-image: url(../images/page/school-gallery-clear.gif); } #clientOpinion { width: 100%; float: left; } #clientOpinion h3 { float: left; width: 870px; padding: 0 0 3px 26px; font-size: 12px; color:#4c6f97; } #clientOpinion h3 a { float: right; } #clientOpinion .pageText { padding: 0 0 20px 26px; width: 870px; color:#585858; font-size: 12px; } #clientOpinion h4 { width: 900px; float: left; padding: 0 0 0 26px; } #clientOpinion h4 span { font-weight: normal; font-size: 12px; color:#4c6f97; } .schoolGallery { float: left; width: 308px; } .product-image-gallery { padding: 11px 0 0 14px; } .product-image-gallery img { display: block; } .more-views { padding: 0 0 0 2px; line-height: 0; padding: 0 0 7.5px 14px; } .more-views li { float: left; padding: 23px 0 14px 12px; } .more-views li { float: left; padding: 7.5px 7.5px 0 0; } .schoolGalleryDesc { float: left; width: 552px; padding: 9px 0 10px 0; } .schoolGalleryDescContent span { font-weight: bold; font-size: 12px; color:#4c6f97; float: left; width: 467px; } .schoolGalleryDescContent a { float: left; padding: 3px 0 0 17px; width: 68px; height: 19px; background: url(../images/page/school-gallery-a.gif) no-repeat 0 0; font-size: 13px; color:#fff; } .schoolGalleryDesc p { width: 100%; padding: 20px 0 0 0; float: left; font-size: 12px; color:#585858; text-align: justify; } /* FORM ----------------------------------------------------------*/ .form { float: left; padding: 15px 0 0 0; width: 100%; } .form h3 { font-size: 12px; color:#4c6f97; width: 100%; float: left; margin: 0 0 7px 26px; } .formTextarea { float: left; padding: 9px 0 0 8px; } .formTextarea textarea { width: 843px; height: 29px; padding: 3px 5px; background: #fff; border: none; font-size: 12px; color:#3c3c3c /*#d3d3c9*/; } /* as */ .formTextareaMiddle { float: left; padding: 9px 0 0 8px; } .formTextareaMiddle textarea { width: 843px; height: 89px; padding: 3px 5px; background: #fff; border: none; font-size: 12px; color:#3c3c3c /*#d3d3c9*/; } /* as */ .formSite { float: left; padding: 8px 0 0 8px; } .formSite input { float: left; background: #fff; width: 418px; padding: 0 5px; height: 18px; font-size: 11px; color:#3c3c3c /*#d3d3c9*/; } /* as */ .formOpinion { float: left; padding: 6px 0 0 8px; } .formOpinion h4 { float: left; font-size: 12px; font-weight: normal; color:#818181; padding: 0 8px 0 0; } #star { width: 605px; height: 12px; overflow:hidden; float: left; } #star p { float: left; font-size:12px; font-weight: bold; color:#818181; padding: 0 0 0 11px; } #star ol { float: left; position: relative; list-style: none; background: url(../images/page/star-bg.gif) repeat-x 0 2px; width: 65px; } #star ol li{ height: 14px; } #star ol li a { position: absolute; display: block; height: 14px; left:0; top:0; } #star ol li a strong { position: absolute; top:-5000px; } #star ol li a:hover, #star ol li a.active { background: url(../images/page/star.gif) repeat-x 0 2px; margin-top: -1px; } #e1{ width: 13px; z-index:5; } #e2{ width: 26px; z-index:4; } #e3{ width: 39px; z-index:3; } #e4{ width: 52px; z-index:2; } #e5{ width: 65px; z-index:1; } .tooltip { float: left; position: relative; margin: 6px 0 0 11px; cursor: pointer; } .tooltip img { float: left; position: relative; z-index: 1; } .tooltip em { display: none; width: 200px; position: absolute; top: 0; left: 12px; font-style: normal; background: #f4f4f4; border: 1px solid #dedede; font-size: 10px; z-index: 100; line-height: 12px; padding: 8px; cursor: pointer; color:#626262; } /* WHITE BOX ----------------------------------------------------------*/ .whiteBox { float: left; width: 872px; margin: 0 0 16px 26px; background: url(../images/page/white-box.gif) repeat-y 0 0; } .whiteBox .whiteBoxTop { float: left; width: 872px; background: url(../images/page/white-box-top.jpg) no-repeat 0 0; } .whiteBox .whiteBoxDown { float: left; width: 872px; background: url(../images/page/white-box-down.jpg) no-repeat 0 bottom; } #linkBox { float: left; padding: 30px 0 0 0; width: 100%; } .linkBox { padding: 5px 0 5px 12px; } .linkBox h3 { font-size: 14px; color:#4c6f97; padding: 1px 0 0 29px; background: url(../images/page/link-icon.gif) no-repeat 0 0; } .linkBox ul { padding: 5px 0 0 28px; font-size: 12px; } .linkBox ul li a { color:#585858; } .linkBox ul li a:hover strong { text-decoration: underline; } /* SHOP ----------------------------------------------------------*/ #shopContent { float: left; width: 697px; padding: 0 0 0 24px; } #shopContent #clientOpinion { width: 100%; float: left; } #shopContent #clientOpinion h3 { float: left; width: 697px; padding: 10px 0 3px 0; font-size: 12px; color:#4c6f97; } #shopContent #clientOpinion h3 a { float: right; } #shopContent #clientOpinion .pageText { padding: 0 0 20px 0; width: 697px; color:#585858; font-size: 12px; } #shopContent #clientOpinion h4 { width: 697px; float: left; padding: 0; } #shopContent #clientOpinion h4 span { font-weight: normal; font-size: 12px; color:#4c6f97; } #shopContent .form { float: left; padding: 15px 0 0 0; width: 100%; } #shopContent .form h3 { font-size: 12px; color:#4c6f97; width: 100%; float: left; margin: 0 0 7px 0; } #shopContent .formLine { float: left; width: 680px; padding: 10px 0 10px 8px; } #shopContent .formLine .formInput { float: left; padding: 0 15px 0 0; } #shopContent .formTextareaMiddle { float: left; padding: 9px 0 0 8px; } #shopContent .formTextareaMiddle textarea { width: 668px; height: 74px; padding: 3px 5px; background: #fff; border: none; font-size: 12px; color:#3c3c3c /*#d3d3c9*/; } /* as */ #shopContent .formLine .formInput input { float: left; width: 146px; height: 18px; background: #fff; border: 1px solid #adadad; } #shopContent .forumFormBg { float: left; width: 697px; margin: 0; background: url(../images/page/forum-form2.gif) repeat-y 0 0; } #shopContent .forumFormBgTop { overflow: hidden; background: url(../images/page/forum-form-top2.gif) no-repeat 0 0; } #shopContent .forumFormBgDown { overflow: hidden; background: url(../images/page/forum-form-down2.gif) no-repeat 0 bottom; } #shopContent .forumFormSubmit { float: left; padding: 18px 0 0 611px; } #shopTitle { width: 697px; padding: 32px 0 0 0; float: left; min-height: 42px} .shopTitleLeft { float: left; width: 610px; } .shopTitleLeft h2 { font-size: 28px; color:#8e1732; line-height: 23px; width: 100%; } .shopTitleLeft h2 span { font-size: 24px; } .shopTitleLeft ul li { float: left; background: url(../images/page/page-title-li.gif) no-repeat 0 3px; padding: 0 4px 0 11px; } .shopTitleLeft ul li:first-child { padding: 0 4px 0 0; background: none; } .shopTitleLeft ul li a { font-size: 12px; color:#b8b8b2; font-weight: bold; } .shopTitleLeft ul li a:hover { color:#73736f; } .shopTitleOpinion { float: left; width: 87px; } .shopTitleOpinion a { display: block; text-align: right; font-size: 11px; color:#4c6f97; } .shopTitleOpinion a span { display: block; } .shopTitlePagination { float: left; width: 87px; margin-left: -100px; width: 187px; text-align: right; } .shopTitlePagination p { display: block; color:#4c6f97; } .shopTitlePagination ul { text-align: right; float: right; } .shopTitlePagination ul li { float: left; padding: 0 6px; background: url(../images/page/forum-pagination-li.gif) no-repeat 0 3px; } .shopTitlePagination ul li:first-child { background: none; } .shopTitlePagination ul li a { float: left; font-size: 11px; font-weight: normal; color:#4c6f97; } .shopTitlePagination ul li a:hover, .shopTitlePagination ul li a.active { font-weight: bold; color:#8e1732; } .shopContentBox { float: left; overflow: hidden; margin: 10px 0 8px 0; width: 697px; background: url(../images/page/shop-content-box.gif) repeat-y 0 0; } .shopContentBoxTop { float: left; width: 697px; background: url(../images/page/shop-content-box-top.gif) no-repeat 0 0; } .shopContentBoxDown { float: left; width: 697px; background: url(../images/page/shop-content-box-down.gif) no-repeat 0 bottom; } .shopBigImg { float: left; width: 211px; padding: 11px 0 11px 14px; } .shopBigImg { display: block; } .shopBigDesc { float: left; padding: 11px 0 7px 0; width: 462px; } .shopBigDesc h3 { font-size: 12px; color:#4c6f97; } .shopBigDesc p { font-size: 12px; color:#4c6f97; padding: 0 0 10px 0; } .shopBigDesc p strong { width: 110px; float: left; } .shopBigDesc a { display: block; } .shopBigDesc a strong { float: left; width: 200px; color:#8e1732; font-weight: normal; cursor: pointer; padding-top: 11px; } /* as */ .shopBigDesc span { display: block; font-size: 12px; color:#585858; text-align: justify; } .shopBigDesc a em { font-style: normal; padding: 11px 16px 0 0; font-size: 11px; color:#8e1732; background: url(../images/page/course-li.gif) no-repeat right 16px; float: right; } /* float, as */ .shopBigDesc a:hover em { text-decoration: underline; } .shopBigChangeList { overflow: hidden; font-size: 12px; color:#4c6f97; padding: 0 0 10px 0; } .shopBigChangeList p { width: 410px; } .shopBigChangeList p strong { float: left; width:110px; clear: both; } .shopBigChangeList p em { float: left; width: 300px; font-style: normal; } .shopMiniImg { float: left; width: 80px; padding: 9px 0 7px 14px; } .shopMiniImg img { display: block; } .shopMiniDesc { float: left; width: 594px; padding: 8px 0 7px 0; } .shopMiniDesc h3 { overflow: hidden; width: 100%; padding: 0 0 10px 0; } .shopMiniDesc h3 span, .shopMiniDesc h3 a span { float: left; width: 500px; line-height: 12px; font-size: 12px; color:#4c6f97; } /* width, as */ .shopMiniDesc h3 span em, .shopMiniDesc h3 a span em { float: none; display: block; font-weight: normal; font-style: normal; color:#4c6f97; width: auto; padding: 0; background: none; text-align: left; } .shopMiniDesc h3 img, .shopMiniDesc h3 a img { float: right; } .shopMiniDesc a { width: 100%; overflow: hidden; cursor: pointer; } .shopMiniDesc a span { float: left; width: 100%; font-size: 12px; color:#585858; line-height: 18px; padding: 0 0 11px 0; cursor: pointer; } .shopMiniDesc a strong { float: left; width: 200px; color:#8e1732; font-weight: normal; cursor: pointer; } .shopMiniDesc a em { float: right; width: 200px; padding: 0 16px 0 0; color:#8e1732; background: url(../images/page/course-li.gif) no-repeat right 5px; text-align: right; font-style: normal; cursor: pointer; } .shopMiniDesc a:hover em { text-decoration: underline; } .shopProduct { float: left; width: 100%; padding: 9px 0 8px 0; } .borderBottom { border-bottom: 1px solid #d3d3d3; } .shopProductImg { float: left; width: 80px; padding: 0 0 0 14px; } .shopProductImg img { display: blcok; } .shopProductDesc { float: left; width: 593px; } .shopProductTitle { float: left; width: 100%; min-height: 68px; } .shopProductTitle h3 { float: left; width: 565px; font-size: 12px; color:#4c6f97; } .shopProductTitle h3 span { font-weight: normal; } .shopProductTitle a { float: left; width: 28px; text-align: right; color:#8e1732; } .shopProductDown { float: left; width: 100%; } .shopProductDown p { float: left; width: 200px; color:#464646; } .shopProductDown p span { float: left; padding: 4px 10px 0 0; } .shopProductDown p input { float: left; width: 36px; height: 18px; border: 1px solid #c1c1c1; text-align: center; } .shopProductDown strong { float: right; text-align: right; font-size: 14px; color:#b8b8b2; padding: 2px 0 0 0; } .shopText { float: left; width: 100%; text-align: justify; color:#585858; } .shopTextFirst { float: left; width: 100%; padding: 8px 0 12px 0; text-align: justify; color:#585858; font-size: 12px; } .shopProducent { width: 100%; float: left; color:#4c6f97; font-size: 12px; } .suma { float: left; width: 100%; } .sumaRight { float: right; width: 200px; text-align: right; padding: 4px 10px 14px 0; font-weight: bold; font-size: 14px; color:#4c6f97; } .shopProductLinks { width: 100%; padding: 20px 0 0 0; float: left; } .linkBlue { float: left; width: 113px; height: 20px; background: url(../images/page/link-blue.jpg) no-repeat 0 0; font-size: 13px; color:#fff; padding: 2px 0 0 17px; } .linkRed { float: left; width: 68px; height: 20px; background: url(../images/page/link-red.jpg) no-repeat 0 0; font-size: 13px; color:#fff; padding: 2px 0 0 17px; } .shopProductLinks p .linkRed { margin: 0 0 0 14px; } .lastTwo { width: 100%; float: left; } .lastTwo p { float: right; text-align: right; font-size: 14px; color:#4c6f97; padding: 0 12px 0 0; font-weight: bold; } .lastText { width: 100%; float: left; padding: 5px 0 0 0; } .lastTextLeft { float: left; width: 400px; } .lastTextLeft span { display: block; padding: 0 0 12px 12px; font-size: 12px; color:#818181; } .lastTextLeft del { text-decoration: line-through; } .lastTextRight { float: right; font-size: 14px; color:#4c6f97; padding: 0 12px 0 0; font-weight: bold; text-align: right; } .lastSelect { width: 100%; float: left; } .lastSelect select { float: right; clear: both; margin: 0 0 12px 0; width: 300px; height: 20px; border: 1px solid #adadad; font-size: 12px; color:#818181; font-family: Arial, sans-serif; background: #fff; } .lastSelect p { float: right; clear: both; font-size: 14px; color:#4c6f97; padding: 3px 0 17px 0; font-weight: bold; text-align: right; } .lastSelect a { float: right; clear: both; } .my-account { float: right; clear: both; width: 86px; height: 19px; margin: 20px 0 0 0; background: url(../images/page/my-account.jpg) no-repeat 0 0; color:#fff; font-size: 13px; padding: 3px 0 0 11px; } .specialBlueBox { float: left; overflow: hidden; margin: 10px 0 8px 0; width: 698px; background: url(../images/page/special-blue-box.gif) repeat-y 0 0; } .specialBlueBoxTop { float: left; width: 698px; background: url(../images/page/special-blue-box-top.gif) no-repeat 0 0; } .specialBlueBoxDown { float: left; width: 698px; background: url(../images/page/special-blue-box-down.gif) no-repeat 0 bottom; } .specialBlueBox p { font-size: 12px; color:#fff; line-height: 18px; padding: 0 0 0 16px; } .specialBlueBox p span { display: block; width: 100%; text-align: center; font-weight: bold; padding: 0 0 1px 0; } .specialBlueBox a { color: #e7e7e7; } .pageText .specialBlueBox { float: none; margin: 0 auto; } /* as */ .dialog-info { display: block; float: none; background: #84a9be; font-size: 12px; color:#fff; font-weight: bold; text-align: center; border: 1px solid #d3d3d3; border-radius: 6px; padding: 3px; margin: 10px 0; } .dialog-a { display: block; float: none; background: #af0000; font-size: 12px; color:#fff; font-weight: bold; text-align: center; border: 1px solid #d3d3d3; border-radius: 6px; padding: 3px; margin: 10px 0; } .inputList { float: left; width: 100%; padding: 0 0 25px 0; } .inputList h3 { font-size: 12px; color:#4c6f97; padding: 0 0 2px 0; } .inputList dl { float: left; padding: 0 0 20px 0; width: 697px; } .inputList dl dd { float: left; width: 100%; height: 24px; background: #f7f7f7; } .inputList dl dt { float: left; width: 100%; height: 24px; background: #fbfbfb; } .inputList dl span { float: left; padding: 7px 0 0 16px; width: 170px; font-size: 12px; color:#818181; } .inputList dl input { float: left; margin: 2px 0 0 0; width: 178px; height: 18px; border: 1px solid #adadad; } .inputList dl input[type="radio"] { width:auto; float: none; display: inline; vertical-align: middle; } .inputList dl label { color:#818181; } .inputList dl select { float: left; margin: 2px 0 0 0; width: 180px; height: 20px; border: 1px solid #adadad; } .inputList dl .checkbox { border: none; margin: 4px 0 0 0; width: 180px; } .inputList .linkRed { float: right; } input.handbookCode.hcOk { green; background: white url(../images/icons/ok.png) no-repeat scroll right center; } input.handbookCode.hcError { background: white url(../images/icons/cancel.png) no-repeat scroll right center; } .shopSuppliers { float: left; width: 100%; padding: 5px 0 15px 0; background: url(../images/page/shop-suppliers.gif) repeat-x 0 bottom; } .shopSuppliersLeft { float: left; width: 530px; } .shopSuppliersLeft h3 { font-size: 12px; color:#4c6f97; width: 100%; padding: 0 0 9px 0; } .shopSuppliersLine { float: left; width: 100%; padding: 0 0 3px 0; } .shopSuppliersLine p { float: left; font-size: 12px; color:#464646; } .shopSuppliersLine p input { float: left; margin: 0 7px 0 4px; margin-top: 2px\9; *margin-top: -3px; } .shopSuppliersLine .one { width: 320px; } /* as */ .shopSuppliersLine .one strong { float: left; width: 270px; } /* as */ .shopSuppliersLine .two { width: 3px; } .shopSuppliersLine .three { width: 40px; } .shopSuppliersLine .four { width: 150px; } .shopSuppliersLeft .forumTextIcon { position: absolute; padding: 0; margin: 0 0 0 300px; } .shopSuppliersLeft .forumTextIcon div { position: relative; top: 20px; left: 0; } .shopSuppliertRight { float: left; padding: 49px 0 0 0; } .shopSuppliertRight a { float: left; width: 50px; height: 19px; margin: 0 0 0 8px; background: url(../images/page/shop-suppliert-a.gif) no-repeat 0 0; font-size: 13px; color:#fff; padding: 3px 0 0 35px; } .shopSuppliertRight input { float: left; background: #fff; margin: 2px 0 0 0; text-align: center; border: 1px solid #c1c1c1; height: 18px; width: 36px; } .shopSuppliertRight p { float: left; width: 50px; padding: 7px 0 0 0; color:#464646; margin-left: -15px; } #shopSidebar { float: left; width: 150px; padding: 32px 0 0 25px; } .shopSidebarBox { float: left; margin: 0 0 13px 0; width: 150px; background: url(../images/page/shop-sidebar.gif) repeat-y 0 0; } .shopSidebarBoxTop { float: left; width: 150px; background: url(../images/page/shop-sidebar-top.gif) no-repeat 0 0; } .shopSidebarBoxDown { float: left; width: 150px; background: url(../images/page/shop-sidebar-down.gif) no-repeat 0 bottom; } .shopSidebarBoxDark { float: left; margin: 0 0 13px 0; width: 150px; background: url(../images/page/shop-sidebar-dark.gif) repeat-y 0 0; } .shopSidebarBoxTopDark { float: left; width: 150px; background: url(../images/page/shop-sidebar-dark-top.gif) no-repeat 0 0; } .shopSidebarBoxDownDark { float: left; width: 150px; background: url(../images/page/shop-sidebar-dark-down.gif) no-repeat 0 bottom; } #shopSidebar h4 { float: left; font-size: 12px; color:#4c6f97; padding: 5px 0 0 12px; } #shopSidebar p { float: left; padding: 4px 0 5px 12px; width: 126px; text-align: justify; color:#585858; } #shopSidebar .sidebarText { font-size: 12px; } #shopSidebar a.change { float: left; padding: 7px 16px 10px 12px; color:#8e1732; background: url(../images/page/course-li.gif) no-repeat right 12px; } #shopSidebar strong.change { float: left; padding: 7px 16px 10px 12px; color:#8e1732; } #shopSidebar a.change:hover { text-decoration: underline; } .sidebarBasket { display: block; padding: 0 0 5px 0; cursor: pointer; } .sidebarBasket strong, #page a.sidebarBasket strong { display: block; width: 150px; height: 30px; padding: 12px 0 0 0; background: url(../images/page/shop-sidebar-basket.gif) no-repeat 0 0; color:#fff; text-align: center; cursor: pointer; color: white; } .sidebarBasket span { display: block; padding: 0 0 0 12px; color:#585858; cursor: pointer; } .sidebarBasket em { display: block; font-style: normal; font-weight: bold; color:#585858; padding: 3px 0 0 37px; cursor: pointer; } .sidebarBasket .none { display: block; width: 100%; text-align: center; padding: 14px 0 15px 0; color:#585858; cursor: pointer; } .sidebarLook { float: left; padding: 3px 11px 9px 11px; cursor: pointer; } .sidebarLook strong { float: left; font-size: 12px; color:#4c6f97; padding: 0 0 2px 0; width: 100%; } .sidebarLook img { float: left; clear: both; } .sidebarLook .blue { float: left; width: 100%; padding: 5px 0 0 0; font-size: 12px; color:#4c6f97; line-height: 18px; cursor: pointer; } .sidebarLook .text { float: left; width: 100%; font-size: 11px; color:#585858; text-align: justify; cursor: pointer; } .sidebarLook .red { float: left; font-size: 11px; color:#8e1732; padding: 10px 16px 0 0; background: url(../images/page/course-li.gif) no-repeat right 15px; cursor: pointer; } .sidebarLook:hover .red { text-decoration: underline; } /* LAST PAGE slownik/materialy ------------------------------------------------------------*/ .silverFormBg { float: left; width: 873px; margin: 0 0 0 22px; background: url(../images/page/silver-form.gif) repeat-y 0 0; } .silverFormBgTop { float: left; width: 100%; background: url(../images/page/silver-form-top.gif) no-repeat 0 0; } .silverFormBgDown { float: left; width: 100%; background: url(../images/page/silver-form-down.gif) no-repeat 0 bottom; } .silverFormBg .inputList { float: left; width: 100%; padding: 3px 0 3px 1px; } .silverFormBg .inputList dl { float: left; padding: 0; width: 870px; } .materialPadding { float: left; width: 100%; padding: 20px 0 0 0; } .materialPadding select { float: left; width: 534px; height: 20px; margin: 12px 0 0 13px; border: 1px solid #adadad; background:#fff; font-size: 12px; color:#a5a4a4; } .materialPadding select.first { width: 100px; } .materialPadding select.second { width: 419px; } #inputID { float: left; width: 534px; height: 20px; margin: 12px 0 0 13px; border: 1px solid #adadad; background:#fff; font-size: 12px; color:#a5a4a4; } .materialPadding .inputSubmit input[value=""] { float: left; width: 85px; height: 22px; margin: 12px 0 0 227px; background: url(../images/page/material-submit.gif) no-repeat 0 0; cursor: pointer; } .materialPadding .inputSubmit input { float: left; width: 85px; height: 22px; margin: 12px 0 0 227px; background: url(../images/page/school-gallery-a.gif) no-repeat 0 0; cursor: pointer; color: white; text-align: left; text-indent: 6px; } .materialPadding .formLine { width: 100%; float: left; padding: 0 0 10px 0; } .materialTitle { font-weight: bold; color:#4c6f97; font-size: 12px; float: left; width: 900px; padding: 11px 0 0 26px; } .materialTitleSubject { float: left; width: 900px; padding: 25px 0 8px 26px; } .materialTitleSubject h3 { font-size: 24px; font-weight: normal; color:#4c6f97; } .materialTitleSubject em { display: block; font-weight: bold; color:#5d9bbf; font-size: 12px; } .materialTitleSubject span { display: block; font-weight: bold; color:#808080; font-size: 12px; font-style: italic; } .materialLink { float: left; width: 900px; padding: 6px 0 4px 26px; } .materialLink li { float: left; padding: 0 32px 0 0; } .materialLink li a { float: left; padding: 2px 0 0 26px; color:#4483a6; font-size: 12px; background: url(../images/page/link-icon.gif) no-repeat 0 0; } .materialLink li a:hover { text-decoration: underline; } .materialBox { float: left; width: 873px; margin: 18px 0 0 26px; background: url(../images/page/material-box.gif) repeat-y 0 0; } .materialBorderBottom { border-bottom: 1px solid #d3d3d3; } .materialBoxTable { clear: both; overflow: hidden; width: 480px; padding: 0 0 10px 12px; } .materialBoxTableBox { float: left; width: 220px; padding: 5px 0 0 0; overflow: hidden; } .materialBoxTableBox h3 { font-family: Verdana, sans-serif; font-size: 12px; color:#6c95ac; } .materialBoxTableBox p { float: left; width:220px; padding: 2px 0 1px 0; border-top: 1px solid #d3d3d3; font-family: Verdana, sans-serif; font-size: 12px; color:#6c95ac; line-height: 14px; } .materialBoxTableBox p:first-child { border: none; } .materialBoxTableBox p strong { float: left; width: 110px; } .materialBoxTableBox p span { float: left; width: 110px; } .materialBoxTableId { float: left; width: 220px; } .materialBoxTableId p { float: left; width:195px; padding: 24px 0 20px 25px; line-height: 14px; border-top: 1px solid #d3d3d3; font-family: Verdana, sans-serif; font-size: 12px; color:#6c95ac; } .materialBoxTableId p:first-child { border: none; } .materialBoxDown { overflow: hidden; background: url(../images/page/material-box-down.gif) no-repeat 0 bottom; } .materialBoxTop { overflow: hidden; height:22px; background: url(../images/page/material-box-top.gif) no-repeat 0 0; } .materialBoxTop p { float: left; height: 22px; background: url(../images/page/material-box-p.gif) no-repeat 0 0; padding: 0 0 0 15px; } .materialBoxTop p span { float: left; height:20px; padding: 2px 19px 0 0; background: url(../images/page/material-box-p.gif) no-repeat right -22px; font-size: 13px; color:#fff; } .materialText { font-size: 12px; color: #585858; line-height:22px; padding: 10px 0 10px 15px; width: 847px; } .materialTextBox { float: left; padding: 10px 0 10px 15px; font-size: 12px; color:#727272; } .materialTextBox strong { color:#4483a6; } .materialTable { float: left; padding: 7px 0 5px 14px; } .materialTable ul li { float: left; padding: 2px 0 0 0; width: 848px; height: 22px; background:#f7f7f7; } .materialTable ul li.dark { float: left; padding: 2px 0 0 0; width: 848px; height: 22px; background:#fbfbfb; } .materialTable ul p { float: left; font-size: 12px; color:#727272; } .materialTable ul p a { color:#727272; } .materialTable ul p a:hover { text-decoration: underline; } .materialTable ul p span { float: left; width: 100%; text-align: center; } .materialTable ul p strong { color:#4483a6; } .materialTable ul p em { font-style: normal; padding: 0 0 0 28px; } .materialTable ul p em.iconBg { float: left; background: url(../images/page/icon-bg.gif) no-repeat 0 0; padding: 0 0 4px 28px; } .materialTable ul p input { margin: 0 0 0 17px; } .materialTable .tab1 { width:160px; padding: 0 0 0 2px; } .materialTable .tab2 { width:323px; } .materialTable .tab3 { width: 33px; padding: 0 10px 0 0; } .materialTable .tab4 { width: 39px; padding: 0 10px 0 0; } .materialTable .tab5 { width: 60px; } .materialTable .tab6 { width:144px; } .materialTable .tab7 { width: 67px; } .insertLetter { float: left; width: 412px; padding: 0 0 12px 0; } .insertLetter p { float: left; font-size: 12px; color:#4c6f97; padding: 2px 0 0 42px; background: url(../images/page/insert-letter-p.gif) no-repeat 14px 0; } .insertLetter ul { float: left; padding: 2px 0 0 0; } .insertLetter ul li { float: left; padding: 0 8px 0 6px; background: url(../images/page/insert-letter-li.gif) no-repeat 0 3px; } .insertLetter ul li:first-child { background: none; } .insertLetter ul li a { font-size: 12px; color:#4c6f97; font-weight: bold; } .insertInput { float: left; font-size: 12px; color:#4c6f97; } .insertInput input { float: left; margin: 3px 9px 0 0; *margin-top: -1px; } .insertInput label { float: left; margin: 2px 0 0 0; } .dictionary { float: left; margin: 0 0 0 26px; width: 875px; padding: 22px 0 0 0; min-height: 280px; background: url(../images/page/shop-suppliers.gif) repeat-x 0 bottom; } .dictionaryDesc { float: left; width: 375px; } .dictionaryDesc h3 { font-weight: normal; font-size: 24px; color:#4c6f97; } .dictionaryDesc h3 em { display: block; font-weight: bold; color:#5d9bbf; font-size: 12px; } .dictionaryDesc h3 span { display: block; font-style: italic; font-size: 12px; color:#808080; font-weight: bold; } .dictionaryDesc h4 { padding: 24px 0 0 0; font-size: 24px; color:#585858; font-weight: normal; } .dictionaryDesc h4 span { display: block; color:#585858; font-size: 12px; } .dictionaryImg { float: right; text-align: right; width: 293px; } .dictionaryRight { float: right; /*width:198px;*/ width: 280px; margin-left: -82px; } .linkone { float: left; padding: 1px 0 3px 22px; margin: 0 15px 0 0; background: url(../images/page/linkone.gif) no-repeat 0 0; font-size: 10px; color:#d30019; } .linktwo { float: left; padding: 1px 0 3px 19px; background: url(../images/page/linktwo.gif) no-repeat 0 0; font-size: 10px; color:#c4c4bb; } .linktwo.remove { background-image: url(../images/page/linktwo-minus.gif); } .linkthree { color: #c4c4bb; white-space: nowrap; font-size: 10px; } .linkthree img { vertical-align: middle; } /* FOOTER ----------------------------------------------------------------------------*/ #footer { width: 984; height: 84px; } #footerTop { width: 100%; height: 8px; background: url(../images/main/footer-top.jpg) no-repeat; } #footerContent { width: 100%; height: 76px; background: url(../images/main/footer-bg.gif) repeat-y 0 0; color: #bcbcbc; position: relative; } #footerContent div { float: left; } #footerInnovative { margin: 10px 0 0 41px; width: 156px; height: 43px; background: url(../images/main/innovative.jpg) no-repeat; } #footerPolishCourses { margin: 10px 0 0 230px; width: 155px; height: 30px; background: url(../images/main/polish-courses.jpg) no-repeat; } #footerUnionFlag { margin: -25px 0 0 704px; width: 38px; height: 32px; background: url(../images/main/ue-flag.jpg) no-repeat; } #footerCopyright { position: absolute; bottom: 0; left: 25%; } #footerCopyright p { margin: 0 auto; text-align: center; font-size: 12px; } #footerCopyright p span { font-size: 0.8em; } #footerMenu { width: 981px; margin: 0 0 0 -1px; height: 47px; background: url(../images/main/footer-menu-bg.jpg) repeat-y; } #footerMenu ul { margin: 0 0 0 46px; padding: 12px 0 0 0; } #footerMenu ul li { display: inline; } #footerMenu ul li a { color: #575757; font-size: 12px; display: block; float: left; letter-spacing: 2px; line-height: 25px; } #footerMenu span { margin: 0 20px; display: block; float: left; line-height: 25px; } /* SPECIAL WINDOW ----------------------------------------------------------------------------*/ #specialWindow { } #mask { left:0; top: 0; width: 100%; height: 100%; position: fixed; background: url(../images/window/mask.png); z-index: 998; } #window { position: absolute/*fixed*/; width: 695px; height: 450px; background: url(../images/window/bg.png) no-repeat 0 0; z-index: 999; } #window.windowLector { background: url(../images/window/bg2.png) no-repeat 0 0 !important; position: relative; font-size: 12px; } #window.windowLector.high { background: url(../images/window/bg-high.png) no-repeat 0 0 !important; height: 550px; } .windowLector strong { font-size: 16px; color: #4c6f97; margin: 0 0 0 8px; } .windowLector .closeButton { color: #fff; padding: 3px 0 0 34px; display: block; position: absolute; bottom: 15px; right: 23px; background: url(../images/window/link.gif) no-repeat 0 0; width: 75px; height: 22px; } #windowTitle { width: 695px; height: 16px; text-align: center; font-weight: bold; color:#c4c4bb; } #windowTitle a { color: #c4c4bb; } #windowLeft { float: left; display:table-cell; vertical-align: middle; height: 367px; width: 334px; padding: 12px 0 0 10px; text-align: center; } #windowImg { display:table-cell; vertical-align: middle; height: 367px; width: 334px; padding: 12px 0 0 10px; text-align: center; font-size: 18px; color:#4c6f97; font-family: Georgia, sans-serif; } #windowImg img { border: 2px solid #a0a09e; } #windowImgTwo { height: 367px; width: 334px; padding: 0px 0 0 10px; text-align: center; font-size: 18px; color:#4c6f97; font-family: Georgia, sans-serif; } #windowImgTwo img { border: 2px solid #a0a09e; } #windowImgTwo span { display:block; clear: both; padding: 0 15px 0 0; font-family: Georgia, sans-serif; font-size: 18px; color:#a6c6ea; } #windowRight { float: left; width: 328px; } #windowTop { width: 326px; height:17px; padding: 15px 2px 0 0; } #windowTop #one { float: right; width: 90px; height:16px; padding: 1px 0 0 21px; background: url(../images/window/one.gif) no-repeat 0 0; font-size: 10px; color:#d30019; font-weight: bold; } #windowTop #two { float: right; width: 90px; height:16px; padding: 1px 0 0 19px; background: url(../images/window/two.gif) no-repeat 0 0; font-size: 10px; color:#a1a19e; font-weight: bold; } #windowTop #twoandhalf { float: right; width: 78px; height:16px; padding: 1px 0 0 0; font-size: 10px; color:#a1a19e; font-weight: bold; } #windowTop #three { float: right; width: 18px; height: 17px; background: url(../images/window/three.gif) no-repeat 0 0; } #windowText { width: 328px; height:347px; } #windowText td { display:table-cell; vertical-align: middle; width: 328px; text-align: center; height:347px; text-align: center; font-family: Georgia, sans-serif; font-size: 30px; color:#131313; } #windowText td span { color:#4c6f97; } #windowLink { width: 100%; } #windowLink a { float: left; margin: 0 12px 0 32px; padding: 2px 0 0 0; width: 109px; height: 20px; background: url(../images/window/link.gif) no-repeat 0 0; color:#fff; text-align: center; font-size: 13px; } #windowLink a.onelink { margin: 0 0 0 119px; } div#window #plPanel span { display: block; } div#window #plPanel a#wordFormUrl { color: #4c6f97; font-size: 10px; font: "Arial",sans-serif normal; margin: 30px 0 0 0; } div#window #plPanel span#wordDescription { color: #4c6f97; font-size: 14px; font: "Arial",sans-serif normal; } div#window #plPanel span#wordExample { color: #a1a19e; font-size: 14px; font: "Arial",sans-serif normal; font-style: italic; } #beforeClose { float: left; width: 600px; display: none; margin: 12px 20px 0; height: 401px; background: #f4f4f4; color: #585858; } /* as */ #beforeClose input { margin: 0 14px 0 0; } /* as */ #beforeClose p { margin: 4px 0; } /* as */ #beforeClose p.options { line-height: 150%; padding: 14px 0; } /* as */ #beforeClose p strong { font-size: 14px; color: #84a9be; } /* as */ /* as */ a.button_stop { margin: 0 12px 0 12px; padding: 2px 0 0 0; width: 109px; height: 20px; background: url(../images/window/link.gif) no-repeat 0 0; color:#fff; text-align: center; font-size: 13px; float: left; } a.button { width: auto; color: white; background: #6c95af; border: none; border-radius: 6px; -moz-border-radius: 6px; padding: .4em 1.5em; display: inline-block; } input.linkRed, .inputList dl input.linkRed { height: 22px; width: 85px; color: white; background: #d00a21; border: none; border-radius: 6px; -moz-border-radius: 6px; border: none; text-align: center; padding: 0; } input.button { height: 22px; color: white; background: #84a9be; border: none ! important; border-radius: 6px; -moz-border-radius: 6px; text-align: center; padding: 1px 1.5em; } input.button.autowidth, a.button.autowidth { width: auto ! important; } .fbutton.login, .inputList dl .fbutton.login { margin: 16px 0 0 186px; float: none; } form.login dl { width: 100%; } /* używane na stronie logowania */ ul.option-list { clear: both; margin-left: 180px; width: 300px; font-size: 12px; } ul.option-list li { display: block; background: url(../../img/bullet.gif) no-repeat; margin: 10px 0; padding-left: 30px; min-height: 30px; } ul.option-list a { color: #5d9bbf; font-weight: bold; } /* rozmówki */ .rozmowki_top{ background:#6C95AC; font-size:12px; color:#fff; font-weight:bold; width:200px; float:left; } .table2{ margin-bottom:15px; width:704px; background: url(../../img/forum_table2_back.gif) repeat-y 0 0 ; } .table2_top{ background: url(../../img/forum_table2_top.gif) no-repeat 0 0; } .table2_bottom{ background: url(../../img/forum_table2_bottom.gif) no-repeat 0 bottom; width:704px; line-height:18px; } .table2 td { padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: top; } .blue_12{ text-decoration:none; color: #5D9BBF; font-size:12px; } .blue_12b{ font-weight:bold; color: #5D9BBF; font-size:12px; text-decoration:none; } .rozmowki_li{ list-style-image: url(../../img/forum_li.gif); margin:0; padding-left:45px; } .rozmowki_li li{ border-top:1px solid #dedede; } /* tabelki na stronach materiały */ .materialBox table { margin: 5px 14px; border-collapse: collapse; color: #727272; font-size: 12px; width: 96%; } .materialBox a { color: #727272; text-decoration: none; } .materialBox a:hover { text-decoration: underline; } .materialBox table thead { background: #f7f7f7; color: #4483a6; font-family: Arial; font-size: 12px; font-style: normal; } .materialBox table th, .materialBox table td { height: 22px; text-align: left; } .materialBox table tr.tlightup { background: #ffffff; } .materialBox table tr.tdark { background: #f8f8f8; } .materialBox .nav { text-align: center; } .materialBox .nav a { color: #727272; } .materialBox div.formtext { min-height: 24px; color: #818181; margin: 0 1px; overflow: hidden; font-size: 12px; } .materialBox div.formtext:nth-child(even) { background: #f7f7f7; } .materialBox div.formtext div.formleft { float: left; padding: 7px 0 0 16px; width: 170px; } .materialBox div.formtext div.formright { padding: 2px 0; display: inline; color: #1a1a1a; float: left; } .materialBox div.formtext div.formright .fform { border: 1px solid #adadad; float: left; height: 18px; margin-top: 2px 0 0 0; width: 178px; } .materialBox div.formtext div.formright input.fmarg { margin: 4px 0px; } .materialBox .fdown { clear: both; padding: 10px 20px; overflow: hidden; text-align: right; } .fbutton, .inputList dl .fbutton { margin: 0 12px 0 12px; padding: 0 0 2px 0; width: 109px; height: 22px; background: url(../images/window/link.gif) no-repeat 0 0; color:#fff; text-align: center; font-size: 13px; float: left; border: none; } .fbutton:first-child { margin-left: 0 ! important; } .materialBox .fdown .fbutton { float: right; margin: 0 5px; } .form .materialBoxTop { margin-bottom: -7px; } .error { border-radius: 6px; -moz-border-radius: 6px; padding: 2px 30px; background: #d00a21; color: white; text-align: center; margin: 3px 0; font-weight: bold; width: 636px; margin: 2px auto; border: 1px solid #c8d4da; } form.type-a > div.error { border: inherit; border-radius: inherit; padding: inherit; margin: inherit; color: inherit; background: inherit; width: inherit; text-align: inherit; font-weight: inherit; } .materialBox ul.CompassFormCheckboxesTree li.hasChildren { background: url("../images/main/icon-1a.gif") no-repeat 0px 0px; } .materialBox ul.CompassFormCheckboxesTree li.hasChildren.collapsed { background: url("../images/main/icon-1.gif") no-repeat 0px 0px; } .shopSidebarBox ul { padding: 20px 11px 11px; } .shopSidebarBox ul li, .shopSidebarBox ul li a { list-style-type: none; color: #4c6f97; margin: 4px 0; } form.register .inputList input.checkbox { width: auto; margin: 2px 0 0 20px; } strong.blue { color: #4483a6; } a.questionMarkOne, a.questionMark { background: url(../images/page/tooltip.gif) no-repeat; width: 13px; height: 12px; display: inline-block; } label { text-align: left; } #formTextareas div.lightColor, #formTextareas div.darkColor { width: 682px !important; } #formTextareas textarea { margin-top: 10px; } #columnRightData .specialBlueBox { margin: 0; } /* #formLectorData .radioButton { height: 18px; }*/ #formLectorData .button-a, .fbutton, .pageText .fbutton { background: url(../images/main/dialog-a.gif) no-repeat 0 0; display: block; width: 85px; height: 22px; color: #fff; padding: 0; margin: 0; border: none; margin: 10px; line-height: 1em; cursor: pointer; } #beforeClose, #columnBorderRight #beforeClose { float: left; width: 600px; display: none; margin: 12px 20px 0; height: 401px; background: #f4f4f4; color: #585858; } /* as */ #beforeClose input { margin: 0 14px 0 0; } /* as */ #beforeClose p { margin: 4px 0; } /* as */ #beforeClose p.options { line-height: 150%; padding: 14px 0; } /* as */ #beforeClose p strong { font-size: 14px; color: #84a9be; } /* as */ #beforeClose p.pageText { width: 600px; font-size: 11px; padding: 0; margin: 0; line-height: 1.2em; float: none; text-align: left; } /* as */ div.author { padding: 15px 3px 20px 140px; clear: both; } div.author h3 { color: #8e1732; text-transform: uppercase; font-size: 18px; } div.author img.foto { float: left; margin-left: -140px; } input.button-a, a.button-a { width: auto; color: white; background: #6c95af; border: none; border-radius: 6px; -moz-border-radius: 6px; padding: .4em 1.5em; display: inline-block; margin: 1px 4px; cursor: pointer; } input.button-a.red, a.button-a.red { background: #d00a21; } div.dict-frame { border: 1px solid #d3d3d3; border-radius: 4px; width: 873px; margin: 18px 0 0 26px; } table.form-adjective { color: #6C95AC; margin: 10px; font-size: 12px; border-collapse: collapse;font-family: Verdana, sans-serif;} table.form-adjective td, table.form-adjective th {text-align: left;padding: 2px 0;} table.form-adjective th[scope=colgroup] {text-align: center;} table.form-adjective th[scope=row] {color: #4c6f97;} table.form-adjective tbody td, table.form-adjective tbody th { border-top: 1px solid #d3d3d3; } a.old-version{position:fixed;bottom:0;right:40px;background:#f5f5f5;padding:0.2em 1em;border-radius:0.5em 0.5em 0 0;box-shadow:0 0 8px rgba(0,0,0,0.1);font-size:12px;stop-color:#0088cc;text-decoration:none;transition:color 0.4s;opacity:0.8;} a.old-version:hover{text-decoration:none;stop-color:#23527c;}