body { font: 0.8em Arial; margin: 0px; color: #454545; } img { border: 0; } form { margin: 0px; padding: 0px; } a {text-decoration: none; color: #fa6b01; } input { outline: none;} a:active, a:focus { outline: 0; -moz-outline: none; } p { margin: 0px !important; } h1, h2, h3, h4, h5 ,h6 { margin: 0px; padding: 0px; display: inline; } h1 { font-size: 20px; font-weight: bold; } h2 { font-size: 18px; font-weight: bold; } h3 { font-size: 16px; font-weight: bold; } h4 { font-size: 14px; font-weight: bold; } h5 { font-size: 12px; font-weight: bold; } h6 { font-size: 10px; font-weight: bold; } .delMsg h1, .delMsg h2, .delMsg h3 { padding: 10px; } .delMsg, .delRespMsg { padding: 5px; } /*-----TOP TAB-----*/ *.top { height: 20px; margin: 5px 0px;} *.top h2 { float: left; color: #fa6b01; font-size: 1.4em; font-weight: bold; margin: 0px auto;} *.top-lang { float: right; width: 150px; text-align: right; margin: 0px 10px; position:absolute; right:10px;} *.top-lang img {width: 16px; height: 11px;} *.admin-top-lang { float: right; width: 150px; text-align: right; margin: 0px 10px;} /*-----HEADER TAB-----*/ div.header { width: 100%;} *.header-image {background: url("../img/menu/header.jpg") top left no-repeat; padding: 0px; height: 220px; width: 100%; margin: 0px;} *.header-image-small {background: url("../img/menu/header_small.jpg") top left no-repeat; padding: 0px; height: 153px; width: 100%; margin: 0px; position: relative;} *.header-image-small-rus {background: url("../img/menu/smallHeader.jpg") top left no-repeat; padding: 0px; height: 153px; width: 100%; margin: 0px; position: relative;} *.header-image-small-est {background: url("../img/menu/header_small_est.jpg") top left no-repeat; padding: 0px; height: 153px; width: 100%; margin: 0px; position: relative;} *.header-picture {width: 20%; height: 153px; float: right; padding-right: 1px; overflow: hidden;} *.navcontainer { width:100%; padding: 0px; margin: 0px; font: 15px Arial; font-weight: bold; text-align: center; overflow: hidden; } *.navcontainer ul { overflow: hidden; list-style: none; margin: 0px; padding: 0px; height: 35px; } *.navcontainer ul li { float: left; height: 35px; margin: 0px; padding: 0px; width: 20%; display: block; } *.navcontainer ul li.menuWidth1{ width: 159px; } *.navcontainer ul li.menuWidth2{ width: 160px; } *.navcontainer ul li.menuWidth3{ width: 200px; } *.navcontainer ul li a { background: url(../img/menu/but-sprites.gif) no-repeat left -160px; float: left; width: 100%; } *.navcontainer ul li a:hover { background-position: left -200px; } *.navcontainer ul li a.first { background-position: left top; } *.navcontainer ul li a.first:hover { background-position: left -40px; } *.navcontainer ul li.last a { background-position: left -240px; } *.navcontainer ul li.last a:hover { background-position: left -280px; } *.navcontainer ul li a span { background: url(../img/menu/but-sprites.gif) no-repeat right -80px; padding: 8px 0px; line-height: 19px; display: block; margin: 0px; color: #fff; } *.navcontainer ul li a:hover span { background-position: right -120px; } *.navcontainer ul li.last a span { background-position: right -320px } *.navcontainer ul li.last a:hover span { background-position: right -360px; } *.but-lside {height: 37px; width: 6px; background: url("../img/menu/but-lside.gif") bottom left no-repeat; float: left;} *.but-rside {height: 37px; width: 6px; background: url("../img/menu/but-rside.gif") bottom left no-repeat; float: left;} *.but-vr { height: 35px; width: 2px; background: url("../img/menu/but-vr.gif") bottom left no-repeat; float: left;} *.but-vr-black { height: 35px; width: 2px; background: url("../img/menu/but-vr-black.gif") bottom left no-repeat; float: left;} *.nc-vr { height: 100%; width: 1px; background: url("../img/menu/but-vr.gif") no-repeat; float: left;} *.nc-blc { background: url("../img/menu/but-lbc.gif") bottom left no-repeat; height: 100%;} /*-----MAIN TAB-----*/ div.main { position: relative; width: 100%; float: left; padding:0px; margin: 10px auto; font: 1em; overflow: hidden; } *.main-bg { background: url("../img/main/bg.gif") bottom left repeat-x; overflow: hidden; } *.main-tl { background: url("../img/main/rc.gif") top left no-repeat; overflow: hidden; } *.main-br { background:url("../img/main/rc.gif") bottom right no-repeat; overflow: hidden; } *.main-trc { background: url("../img/main/rc-trc.gif") top right no-repeat; overflow: hidden; } *.main-blc { background: url("../img/main/rc-blc.gif") bottom left no-repeat; overflow: hidden; overflow: hidden; } /*-----NEWS COLUMN-----*/ div.news { width: 210px; float: left; text-align: left;} *.news h2 { color: #454545; font-size: 18px ; font-weight: normal; margin: 0px auto; display: block; padding: 11px 0px 0px 45px;} *.date { color: #fa6b01; margin: 10px 0px 0px; font: 1.0em Arial; font-weight: bold;} *.news hr { margin: 0px; height: 1px; background-color: #e5e5e5; color: #e5e5e5; border: none;} *.news a {color: #454545;} div.news-big { width: 720px; float: left; text-align: left; margin-top: 20px;} *.news-big h2 { color: #454545; font-size: 1.8em ; font-weight: normal; margin: 0px auto; display: block; padding-left: 45px;} *.news-big textarea {font: 1em Arial; overflow: auto;} /*-----TEMPLATES-----*/ #templatesTree{width: 165px; height: 600px; overflow-y: auto; overflow-x: hidden;} #surveyFrame{width:820px; height: 640px; border-left:1px solid #454545;} /*-----PACKETS COLUMN-----*/ div.packets { float: left;} *.shadow { width: 475px; background-image: url('../img/packets/shadow.gif'); background-position:right bottom; background-repeat:no-repeat; margin-bottom: 5px; padding-bottom: 10px; } *.shadow-gr { width: 475px; background-image: url('../img/packets/shadow-gray.gif'); background-position:right bottom; background-repeat:no-repeat; margin-bottom: 5px; padding-bottom: 10px; } *.shapes {width: 390px; background: url("../img/packets/shapes.gif") no-repeat; margin-left: -19px; height: 200px;} *.packet-bg { background: url("../img/packets/shapes.gif") white top left repeat-x; } .packet-bottom { width: 435px; bottom: 10px; } *.packet-tl { background: url("../img/packets/rc.gif") top left no-repeat; } *.packet-tr { background: url("../img/packets/rc.gif") top right no-repeat; } *.packet-trc { background: url("../img/packets/rc-trc.gif") top right no-repeat; padding: 5px 20px; overflow: hidden; } *.packets hr { margin: 0px; height: 1px; background-color: #e5e5e5; color: #e5e5e5; border: none; width: 100%;} *.packets h2 { color: #fa6b01; font-size: 1.8em ; font-weight: bold; margin: 0px;} *.ability {float: left; width: 55%; color: #fa6b01; font-weight: bold;} *.ability-right {float: right; width: 45%; color: #fa6b01; font-weight: bold; text-align: right;} /*-----STEPS COLUMN-----*/ div.steps {width: 330px; float: right;} *.step-bg { background: url("../img/steps/bg.gif") bottom left repeat-x; margin-bottom: 10px;} *.step-tl { background:url("../img/steps/rc.gif") top left no-repeat;} *.step-br { background:url("../img/steps/rc.gif") bottom right no-repeat;} *.step-trc { background: url("../img/steps/rc-trc.gif") top right no-repeat;} *.step-blc { background: url("../img/steps/rc-blc.gif") bottom left no-repeat; height: 165px; position: relative; } *.step-pad { padding:10px;} /*-----STEPS CONTENT-----*/ *.step-icon { height: 120px; width: 120px; float: left; margin: 10px 0px 0px 7px; display: block;} *.step-text { height: 90%; width: 180px; float: right; margin: 0px 10px; text-align: left; padding-top: 15px;} *.step-text p { color: #fa6b01; font-size: 1.8em; font-weight: bold; margin: 0px;} *.step-text hr { margin: 0px 10px;} *.vr { width: 2px; margin: 10px 0px; background-image: url("../img/steps/vr-bg.gif"); height: 125px; float: left;} *.online-but { display: block; background: url("../img/onlineDemoBut.gif") no-repeat; font-size: 1.8em; font-weight: none; width: 217px; height: 30px; border: 0px; margin: 0px auto; color: white; text-align: center; padding: 7px 0px 3px 50px; text-decoration: none;} *.online-but:hover { background-image: url("../img/onlineDemoBut-hover.gif");} *.student { display: block; background: url("../img/student/student-est-eur.png") no-repeat; height: 150px; width: 170px; bottom:20px; left:0;} *.student:hover { display: block; background: url("../img/student/student-est-eur-hover.png") no-repeat; } *.student-en { display: block; background: url("../img/student/student-eng-eek.png") no-repeat; height: 150px; width: 170px; bottom:20px; left:0;} *.student-en:hover { display: block; background: url("../img/student/student-eng-eek-hover.png") no-repeat; } *.student-ru { display: block; background: url("../img/student/student-rus-eek.png") no-repeat; height: 150px; width: 170px; bottom:20px; left:0;} *.student-ru:hover { display: block; background: url("../img/student/student-rus-eek-hover.png") no-repeat; } *.student-lv { display: block; background: url("../img/student/student-lv-eek.png") no-repeat; height: 150px; width: 170px; bottom:20px; left:0;} *.student-lv:hover { display: block; background: url("../img/student/student-lv-eek-hover.png") no-repeat; } *.student-lt { display: block; background: url("../img/student/student-lt-eek.png") no-repeat; height: 150px; width: 170px; bottom:20px; left:0;} *.student-lt:hover { display: block; background: url("../img/student/student-lt-eek-hover.png") no-repeat; } *.student-lva { display: block; background: url("../img/student/student-est-lvl.png") no-repeat; height: 150px; width: 170px; bottom:20px; left:0;} *.student-lva:hover { display: block; background: url("../img/student/student-est-lvl-hover.png") no-repeat; } *.student-en-lva { display: block; background: url("../img/student/student-eng-lvl.png") no-repeat; height: 150px; width: 170px; bottom:20px; left:0;} *.student-en-lva:hover { display: block; background: url("../img/student/student-eng-lvl-hover.png") no-repeat; } *.student-ru-lva { display: block; background: url("../img/student/student-rus-lvl.png") no-repeat; height: 150px; width: 170px; bottom:20px; left:0;} *.student-ru-lva:hover { display: block; background: url("../img/student/student-rus-lvl-hover.png") no-repeat; } *.student-lv-lva { display: block; background: url("../img/student/student-lv-lvl.png") no-repeat; height: 150px; width: 170px; bottom:20px; left:0;} *.student-lv-lva:hover { display: block; background: url("../img/student/student-lv-lvl-hover.png") no-repeat; } *.student-lt-lva { display: block; background: url("../img/student/student-lt-lvl.png") no-repeat; height: 150px; width: 170px; bottom:20px; left:0;} *.student-lt-lva:hover { display: block; background: url("../img/student/student-lt-lvl-hover.png") no-repeat; } *.student-ltu { display: block; background: url("../img/student/student-est-ltl.png") no-repeat; height: 150px; width: 170px; bottom:20px; left:0;} *.student-ltu:hover { display: block; background: url("../img/student/student-est-ltl-hover.png") no-repeat; } *.student-en-ltu { display: block; background: url("../img/student/student-eng-ltl.png") no-repeat; height: 150px; width: 170px; bottom:20px; left:0;} *.student-en-ltu:hover { display: block; background: url("../img/student/student-eng-ltl-hover.png") no-repeat; } *.student-ru-ltu { display: block; background: url("../img/student/student-rus-ltl.png") no-repeat; height: 150px; width: 170px; bottom:20px; left:0;} *.student-ru-ltu:hover { display: block; background: url("../img/student/student-rus-ltl-hover.png") no-repeat; } *.student-lv-ltu { display: block; background: url("../img/student/student-lv-ltl.png") no-repeat; height: 150px; width: 170px; bottom:20px; left:0;} *.student-lv-ltu:hover { display: block; background: url("../img/student/student-lv-ltl-hover.png") no-repeat; } *.student-lt-ltu { display: block; background: url("../img/student/student-lt-ltl.png") no-repeat; height: 150px; width: 170px; bottom:20px; left:0;} *.student-lt-ltu:hover { display: block; background: url("../img/student/student-lt-ltl-hover.png") no-repeat; } /*-----ADD NEW BUTTON -----*/ /* generic container (i.e. div) for floating buttons */ .clear { overflow: hidden; width: 100%;} a.button { outline: none; background: transparent url('../img/add/add-button-a.gif') no-repeat scroll top right; color: #fa6b01; display: block; float: right; height: 25px; margin-right: 0px; padding-right: 15px; /* sliding doors padding */ text-decoration: none; font-weight: normal; position: relative; text-align: left;} a.button:hover { color: #454545;} a.button span { background: transparent url('../img/add/add-button-span.gif') no-repeat; display: block; line-height: 15px; padding: 4px 15px 4px 15px;} a.button-gray { background: transparent url('../img/add/add-button-a-gray.gif') no-repeat scroll top right; color: #fa6b01; display: block; float: right; height: 25px; margin-right: 0px; padding-right: 15px; /* sliding doors padding */ text-decoration: none; position: absolute; bottom: 10px; right: 15px; left: auto;} a.button-gray:hover { color: #454545;} a.button-gray span { background: transparent url('../img/add/add-button-span-gray.gif') no-repeat; display: block; line-height: 15px; padding: 4px 15px 4px 15px;} /*-----CLASSES-----*/ *.column { margin: 10px 5px 0px 0px;} *.left { margin-left: 10px;} *.right { margin-right: 10px;} *.float-divider { clear:both; display:block; height:1px; font-size:1px; line-height:1px; } *.bordered { border: 1px solid #a8a8a8; padding: 1px; margin-bottom: 10px; } div.alignment {margin: 0px auto; width: 998px;} /*-----FOOTER TAB-----*/ div.footer { width: 100%; clear: both; margin-top: 0px;} *.footer-bg { background: url("../img/main/footer-bg.gif") bottom left repeat-x; border-bottom:1px solid #e5e5e5;} *.footer-tl { background: url("../img/main/rc.gif") top left no-repeat; } *.footer-tr { background: url("../img/main/rc.gif") top right no-repeat; } /*.footer-shapes {background: url("../img/footer/shapes.gif") top left no-repeat; clear: both; margin: -1px 25px; position: absolute;}*/ *.guest-num { height: 100%; padding: 25px; position: relative; float: right;} *.footer-text { color: #454545; float: left; margin: 20px 15px;} /*------ LOGIN PAGE ------*/ .clear { overflow: hidden; width: 100%;} *.login-box { width: 32%; float: left; text-align: left; margin: 0px;} a.login-but { outline: none; background: transparent url('../img/add/add-button-a.gif') no-repeat scroll top right; color: #fa6b01; display: block; float: left; height: 25px; margin-right: 0px; padding-right: 15px; /* sliding doors padding */ text-decoration: none; font-weight: normal; margin: 0px;} a.login-but:hover { color: #454545;} a.login-but span { background: transparent url('../img/add/add-button-span.gif') no-repeat; display: block; line-height: 15px; padding: 4px 15px 4px 15px;} *.login-bg { background: #fff url("../img/packets/shapes.gif") top left repeat-x; margin-bottom: 10px; } *.login-tl { background: url("../img/packets/rc.gif") top left no-repeat;} *.login-tr { background: url("../img/packets/rc.gif") top right no-repeat;} *.login-br { background:url("../img/steps/rc.gif") bottom right no-repeat;} *.login-trc { background: url("../img/packets/rc-trc.gif") top right no-repeat; padding: 10px; height: 220px;} *.login-blc { background: url("../img/steps/rc-blc.gif") bottom left no-repeat; padding: 10px; height: 220px;} *.login-box input {border: 2px solid #a4cf16; background: white; width: 80%; padding: 3px;} *.login-box hr { margin: 5px auto; height: 1px; background-color: #e5e5e5; color: #e5e5e5; border: none; width: 100%;} *.login-box h2 { color: #fa6b01; font-size: 1.8em ; font-weight: bold; margin: 0px auto;} *.shadow-l { width: 32%; height: 255px; background-image: url('../img/packets/shadow.gif'); background-position: bottom left; background-repeat: no-repeat; float: left; padding: -10px 5px 0px 5px;} *.shadow-r { width: 100%; height: 255px; background-image: url('../img/packets/shadow-r.png'); background-position: bottom right; background-repeat: no-repeat; padding: 10px 10px 0px 5px;} /*------ SIGN UP PAGE ------*/ .table { border: 0px solid #a4cf16; width: 100%;} .table h2 {font-size: 1.4em;} .table td { width: auto; height: 30px; border-top: 1px dotted black; border-left: 1px dotted black; text-align: center; vertical-align: middle; padding: 0px 5px;} .sign-div { background: transparent url('../img/signin/sign-div.gif') no-repeat scroll top right; color: white; float: right; height: 48px; padding-right: 16px; /* sliding doors padding */ text-decoration: none;margin: 0px; width:100%;} .sign-div span { background: transparent url('../img/signin/sign-span.gif') no-repeat; display: block; line-height: 38px; padding: 5px 15px; font-size: 1.4em; font-weight: bold; margin-left: 16px; text-align: center;} .sign-div1 { background: transparent url('../img/signin/sign-div1.gif') no-repeat scroll top right; color: white; float: right; height: 48px; padding-right: 16px; /* sliding doors padding */ text-decoration: none;margin: 0px; width:100%;} .sign-div1 span { background: transparent url('../img/signin/sign-span1.gif') no-repeat; display: block; line-height: 38px; padding: 5px 10px; font-size: 1.4em; font-weight: bold; margin-left: 12px; text-align: center;} .sign-div2 { background: transparent url('../img/signin/sign-div2.gif') no-repeat scroll top right; color: white; float: right; height: 48px; padding-right: 16px; /* sliding doors padding */ text-decoration: none;margin: 0px; width:100%;} .sign-div2 span { background: transparent url('../img/signin/sign-span2.gif') no-repeat; display: block; line-height: 38px; padding: 5px 15px; font-size: 1.4em; font-weight: bold; margin-left: 16px; text-align: center;} a.signin-but { cursor: pointer; outline: none; background: transparent url('../img/signin/sign-but-a-small.gif') no-repeat scroll top right; color: white; display: block; float: right; height: 28px; margin-right: 0px; padding-right: 10px; /* sliding doors padding */ text-decoration: none; font-weight: bold; margin: 10px 0px 0px;} a.signin-but:hover { color: black;} a.signin-but span { background: transparent url('../img/signin/sign-but-span-small.gif') no-repeat; display: block; line-height: 20px; padding: 4px 15px 4px 15px; text-align: center; font-size: 1.0em;} a.signin-but-small { cursor: pointer; outline: none; background: transparent url('../img/signin/sign-but-a-small.gif') no-repeat scroll top right; color: white; display: block; float: right; height: 28px; margin-right: 0px; padding-right: 10px; /* sliding doors padding */ text-decoration: none; font-weight: bold; margin: 10px 0px 0px;} a.signin-but-small:hover { color: black;} a.signin-but-small span { background: transparent url('../img/signin/sign-but-span-small.gif') no-repeat; display: block; line-height: 20px; padding: 4px 15px 4px 15px; text-align: center; font-size: 1.0em;} p.signin-but-small { cursor: pointer; outline: none; background: transparent url('../img/signin/sign-but-a-small.gif') no-repeat scroll top right; color: white; display: block; float: right; height: 28px; margin-right: 0px; padding-right: 10px; /* sliding doors padding */ text-decoration: none; font-weight: bold; margin: 10px 0px 0px;} p.signin-but-small span { background: transparent url('../img/signin/sign-but-span-small.gif') no-repeat; display: block; line-height: 20px; padding: 4px 15px 4px 15px; width: 80px; text-align: center; font-size: 1.0em;} p.price { font-size: 17px; font-weight: bold; margin: 0px; padding: 0px; text-align: right;} p.priceSmall { font-size: 15px; font-weight: normal; margin: 0px; padding: 0px; text-align: right;} *.error { color: red;} *.big { font-weight: bold; padding: 0px; margin: 0px; color: #454545; font-size: 12px; } *.big h2 {margin: 0px; font-size: 1.6em;} *.big h3 {margin: 0px; font-size: 14px;} *.hidden {display:none; width: 100%; height: 100%;} #billing { overflow: hidden; display: none; width: 100%; } a.z1 {color: #454545; text-decoration: underline; cursor:pointer;} a.z1:hover {color: #fa6b01 !important;} *.cs-header { background: #dcdcdc; overflow: hidden; padding: 10px; border: 1px solid white; font-weight: bold;} *.inside-content { background: #f0f0f0; border: 1px solid white; padding: 10px; overflow: visible;} #help-tip, #help-tip2 {position: absolute; display: none;} #help-tip img.arrow, #help-tip2 img.arrow { position: relative; top: 15px; margin: 0px; padding: 0px; float: left; z-index: 999; } #help-tip .text, #help-tip2 .text { background-color: #fff; border:2px solid #FC8C02; width: 150px; padding: 5px; left: 9px; top: 0px; position: absolute; }