@charset "utf-8";
/* CSS Document */

/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
body, div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, address, a, strong, em, dl, dt, dd, table, thead, tbody, tfoot, tr, td, th, form, fieldset, legend, caption { padding: 0px; margin: 0px; outline: none; background-position: left top; background-repeat: no-repeat; }

input, select, textarea, button { font-family: Arial, Helvetica, sans-serif; }

body { font: 12px/18px Arial, Helvetica, sans-serif; color: #000000; background-color: #FFFFFF; }

blockquote, address { font-style: normal; }

img,
a img { border: none; }

/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
/* clearfix  */
.clearfix:after{clear:both;content:'.';display:block;height:0;overflow:hidden;visibility:hidden;}
.clearfix{height:1%;min-height:1%;}

.clear { clear: both; height: 0px; overflow: hidden;}
.hide { display: none; }
.no-screen { position: absolute; top: -10000px; left: -10000px; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 11px; }
.note { font-size: 12px; line-height: 140%; }
.big { font-size: 14px; }
.valign-middle { vertical-align: middle; }

a { text-decoration: underline; }

img.right { float: right; margin-left: 8px; margin-bottom: 5px; margin-top: 3px; }
img.left { float: left; margin-right: 8px; margin-bottom: 5px; margin-top: 3px; }

hr { display: none; }
.hr-line { height: 1px; overflow: hidden; background-color: #CCCCCC; }

/***************/
/* OVERLAPPING */
/***************/
.overlap,
.overlap * { display: block; position: relative; }
.overlap span { position: absolute; left: 0px; top: 0px; background-position: left top; background-repeat: no-repeat; }
a.overlap span,
.overlap a span { cursor: pointer; }

/************************/
/* BASIC TAG DEFINITION */
/************************/
body { background: #FFFFFF url(/images/body-bg.png) no-repeat center 101px; font-size: 13px; color: #000000; }
h1 { font-size: 25px; font-weight: bold; line-height: 100%; letter-spacing: -1px; margin-bottom: 15px; }
h2 { font-size: 18px; font-weight: normal; line-height: 100%; letter-spacing: -1px; }
h3 { font-size: 14px; font-weight: bold; text-transform: uppercase; line-height: 100%; }
h4 { font-size: 12px; font-weight: bold; }
h5 { font-size: 12px; font-weight: bold; }
p { margin-bottom: 18px; }
ul { margin: 0px 0px 18px 2em; }
ul li {}
ol { margin: 0px 0px 18px 2em; }
dl {}
dt {}

blockquote { margin: 0px 0px 18px 0px; font-style: italic; }
blockquote p { margin-bottom: 0px;}
blockquote p.author { text-align: right; padding-bottom: 10px; font-style: normal; }
blockquote ul li { padding-bottom: 0px !important; }

sup { vertical-align: baseline; position: relative; top: -0.4em; }
sub { vertical-align: baseline; position: relative; bottom: -0.4em; }

a { color: #000000; text-decoration: underline; }
a:hover {}

fieldset { border: none; padding: 0px; }
button, select, input, textarea { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

span.input { display: inline-block; -moz-box-shadow: inset 0px 0px 2px #CACACA; -webkit-box-shadow: inset 0px 0px 2px #CACACA; box-shadow: inset 0px 0px 2px #CACACA; border: 1px solid #CACACA; padding: 2px; background-color: #FFFFFF; }
span.input input { border: none; background-color: transparent; width: 174px; }
span.textarea { display: inline-block; -moz-box-shadow: inset 0px 0px 2px #CACACA; -webkit-box-shadow: inset 0px 0px 2px #CACACA; box-shadow: inset 0px 0px 2px #CACACA; border: 1px solid #CACACA; padding: 2px; background-color: #FFFFFF; }
span.textarea textarea { border: none; background-color: transparent; }
span.select { display: inline-block; -moz-box-shadow: inset 0px 0px 2px #CACACA; -webkit-box-shadow: inset 0px 0px 2px #CACACA; box-shadow: inset 0px 0px 2px #CACACA; border: 1px solid #CACACA; padding: 7px 5px 8px 5px; background-color: #FFFFFF; }
span.select select { border: none; background-color: transparent; width: 188px; }
input, textarea { padding: 7px 10px; }

.checkbox,
.radio { display: inline-block; vertical-align: middle; width: 22px; height: 22px; margin: -4px 8px -2px 0px; }
.checkbox.ready { background: url(/images/checkbox.png) no-repeat left top; }
.checkbox.ready input,
.radio.ready input { display: none; }
.checkbox.checked,
.radio.checked { background-position: left -22px; }
.radio.ready { background-image: url(/images/radio.png); }

.error span.input,
.error span.textarea { background-color: #FFF2F2; border-color: #D90101; -moz-box-shadow: inset 0px 0px 2px #FF0000; -webkit-box-shadow: inset 0px 0px 2px #FF0000; box-shadow: inset 0px 0px 2px #FF0000; }
.error span.input input,
.error span.input textarea { color: #CC0000 }

/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
body {}

#page-wrapper { width: 980px; margin: 0 auto; padding: 0px 10px; position: relative;  }

.content-section-wrapper {}
.content-section { width: 980px; margin: 0 auto; padding: 0px 10px; position: relative; }

#main-content { width: 730px; float: right; padding-bottom: 40px; padding-top: 15px; }

#left-column { width: 230px; margin-right: 750px; }

#page-bg { background: url(/images/page-bg.png) repeat-x left 413px; } 


div.column-content { width: 468px; float: left; padding: 0px 20px 0px 12px;  }
div.column-right { width: 230px; float: left; }


/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { height: 100px;  }

#logo { padding: 20px 0px 0px 15px; margin: 0px; }

/***************/
/* LOGIN LAYER */
/***************/
#login-layer { border: 1px solid #D9D9D9; position: absolute; top: 51px; right: 1px; background-color: #FFFFFF; padding: 10px; -moz-box-shadow: -1px 1px 2px #D9D9D9; -webkit-box-shadow: -1px 1px 2px #D9D9D9; -ms-box-shadow: -1px 1px 2px #D9D9D9; box-shadow: -1px 1px 2px #D9D9D9; display: none; }
#login-layer h2 { font-size: 11px; text-transform: uppercase; background: #FFFFFF url(/images/login-layer-title-bg.png) repeat-x left top; letter-spacing: normal; height: 29px; line-height: 28px; padding: 0px 10px; margin: 0px; border: 1px solid #D9D9D9; border-bottom: none; position: absolute; top: -30px; right: -1px; }
#login-layer h2 span { background: url(/images/lock.png) no-repeat left center; padding-left: 16px; }
#login-layer label { width: 50px; float: left; height: 27px; line-height: 26px; font-weight: bold; }
#login-layer p { clear: left; padding-bottom: 5px; margin: 0px; }
#login-layer p.button { padding-top: 5px; }
#login-layer p.button a { font-size: 11px; }
#login-layer p.button img { vertical-align: middle; }
#login-layer input { width: 124px; padding: 3px 5px; }
#login-layer button { background: none; padding: 0px; margin: 0px; border: none; width: 90px; float: right; cursor: pointer; }
#login-layer button img { cursor: pointer; }



/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { background: url(/images/footer-bg.png) no-repeat left top; color: #999999; font-size: 11px; line-height: 16px; padding: 20px 0px 20px 20px; width: 960px }
#footer a { color: #999999; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer h2 { font-size: 11px; font-weight: bold; line-height: 13px; letter-spacing: normal; padding: 2px 0px 4px 0px; }

#footer ul { margin: 0px; padding: 0px; }
#footer ul li { list-style: none; }

/* IMPORTANT LINKS */
#footer ul.important-links { width: 230px; float: left; font-size: 10px; text-transform: uppercase; }
#footer ul.important-links li { padding: 5px 0px 14px 0px }
#footer ul.important-links a { color: #FFFFFF; background-color: #999999; padding: 5px 9px; }

/* BLOCK: LINKS */
#footer div.block { width: 230px; padding: 0px 0px 0px 20px; float: left; background: url(/images/footer-separator.png) no-repeat left top; min-height: 134px; line-height: 19px; }

#footer div.global-links { width: 230px; padding: 0px 0px 0px 20px; background: url(/images/footer-separator.png) no-repeat left top; min-height: 134px; font-weight: bold; line-height: 19px; }
#footer div.global-links .indent { padding-top: 19px; }

#footer div.block-social-links { width: 200px; padding-left: 20px; min-height: 134px; background: url(/images/footer-separator.png) no-repeat left top; }
#footer div.block-social-links h2 { font-size: 15px; font-weight: bold; text-transform: uppercase; padding: 0px 0px 0px 0px; margin: 0px 0px 2px 0px; color: #666666; height: 16px; }
#footer div.block-social-links h2.blog a { display: block; width: 81px; height: 16px; background: url(/images/footer-blog-title.png) no-repeat left top; text-indent: -200px; overflow: hidden; }
#footer div.block-social-links h2.facebook { color: #3B5998; padding-bottom: 5px; background: url(/images/footer-facebook-title.png) no-repeat left top; text-indent: -200px; overflow: hidden; }
#footer-title {}
#footer-title span { width:204px; height:23px; background-image: url(/images/footer-title.png); }

#footer a.facebook-button { display: block; width: 151px; height: 24px; background: url(/images/facebook-button.png) no-repeat left top; text-indent: -200px; overflow: hidden; }

#giant, #copyright { padding: 44px 0px 0px 0px; font-size: 12px; clear: left; }
#giant { float: right; padding-right: 18px; }
#giant img { vertical-align: middle; }
#giant a { text-decoration: underline; }


/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { position: absolute; top: 0px; left: 50%; margin-left: -265px; width: 755px; height: 100px; z-index: 2; }
#menu li { list-style: none; }

ul.menu { margin: 0px; padding: 0px; height: 38px; width: 755px; position: absolute; top: 63px; right: 0px;  }
ul.menu li { display: block; height: 38px; float: left; font-size: 15px; padding: 0px 0px 0px 2px; }
ul.menu a { color: #000000; text-decoration: none; display: block; width: 100%; height: 38px; line-height: 37px; position: relative; text-align: center; }
ul.menu a span { display: block; height: 38px; position: absolute; top: 0px; left: 0px; background-image: url(/images/menu-sprite.png); background-repeat: no-repeat; cursor: pointer; }
ul.menu li.active a { font-weight: bold; background-color: #BCBCBC; }

/* MENU ITEMS */
#menu-item-1, #menu-item-1 span { width: 136px; }
#menu-item-2, #menu-item-2 span { width: 125px; }
#menu-item-3, #menu-item-3 span { width: 148px; }
#menu-item-4, #menu-item-4 span { width: 178px; }
#menu-item-5, #menu-item-5 span { width: 158px; }

/* MENU ITEMS DEFAULT OVERLAY */
#menu-item-1 span { background-position: 0px -38px; }
#menu-item-2 span { background-position: -136px -38px; }
#menu-item-3 span { background-position: -261px -38px; }
#menu-item-4 span { background-position: -409px -38px; }
#menu-item-5 span { background-position: -587px -38px; }

/* MENU ITEMS ACTIVE OVERLAY */
#section-jazykove-kurzy #menu-item-1 a span { background-position: 0px -76px; }
#section-firemni-kurzy #menu-item-2 a span { background-position: -136px -76px; }
#section-zahranici #menu-item-3 a span { background-position: -261px -76px; }
#section-preklady #menu-item-4 a span { background-position: -409px -76px; }
#section-ucebnice #menu-item-5 a span { background-position: -587px -76px; }

/* MENU ITEMS HOMEPAGE OVERLAY */
#page-homepage #menu-item-1 span { background-position: 0px 0px; }
#page-homepage #menu-item-2 span { background-position: -136px 0px; }
#page-homepage #menu-item-3 span { background-position: -261px 0px; }
#page-homepage #menu-item-4 span { background-position: -409px 0px; }
#page-homepage #menu-item-5 span { background-position: -587px 0px; }


/* MENU LAYER */
div.menu-layer { position: absolute; top: 101px; right: 40px; overflow: hidden; display: none; z-index: 20; background: #ECECEC url(/images/menu-content-bg.png) repeat-x left top; }
div.menu-layer-content { background: url(/images/language-tab-title.png) no-repeat 10px 18px; border: 1px solid #BEBEBE; padding: 0px 0px 10px 98px; width: 643px; }
.menu-layer-tabs { margin: 0px; position: relative; z-index: 1; padding: 5px 0px 0px 0px; height: 49px;}
.menu-layer-tabs li { padding: 0px 4px 0px 0px; height: 49px; width: 45px; overflow: hidden; float: left; white-space: nowrap; }
.menu-layer-tabs li.jp { padding-right: 0px; }
.menu-layer-tabs a { display: block; font-size: 11px; color: #666666; text-align: left; line-height: 11px; height: auto; padding: 7px 0px 0px 0px; width: 45px; height: 42px; background-repeat: no-repeat; background-position: center 6px; text-decoration: none; }
.menu-layer-tabs a:hover { color: #C10000; }
.menu-layer-tabs .active a { background-color: #FFF; }
.menu-layer-tabs a strong { font-size: 18px; font-weight: bold; text-transform: uppercase; display: block; padding: 0px 0px 0px 0px; letter-spacing: -1px; }

/* MENU CONTENT */
.menu-content-wrapper { padding-left: 7px; background: #FFFFFF; margin: 0px 10px 0px 0px; min-height: 160px; }
li.active div.menu-content-wrapper { display: block; }
.menu-content { padding: 13px 0px 20px 10px; position: relative; display: none; width: 616px; }
.menu-content h3 { text-transform: none; color: #999999; height: 27px; line-height: 27px; position: relative; width: 130px; margin: 0px 0px 6px 0px; padding: 0px; }
.menu-content h3 span { display: block; position: absolute; top: 0px; left: 0px; width: 130px; height: 27px; background: url(/images/menu-content-title-sprite.png) no-repeat left top; }
.menu-content h3.group span { background-position: left -27px; }
.menu-content h3.other span { background-position: left -54px; }
.menu-content a { display: inline; height: auto; width: auto; line-height: 18px; color: #666666; }
.menu-content ul { margin: 0px; padding: 0px 0px 15px 0px; }
.menu-content li { background: url(/images/arrow-right.png) no-repeat left 5px; padding: 0px 0px 8px 12px; }
.menu-content ul.top { font-weight: bold; }
.menu-content p.more-button { display: inline-block; }
.menu-content p.more-button a { display: inline-block; text-transform: none; font-size: 12px; font-weight: normal; }
.menu-content p.more-button strong { font-weight: bold; }

.menu-content .col1 { width: 250px; float: left; }
.menu-content .col2 { width: 250px; float: left; }
.menu-content .col3 { width: 230px; float: left; }
.menu-content .no-title { padding-top: 33px; }

#menu-en .col1 { width: 180px; }
#menu-en .col2 { width: 200px; }

/* MENU CONTENT BG */
li.de div.menu-content-wrapper { background-position: left -225px; }
li.fr div.menu-content-wrapper { background-position: left -175px; }
li.es div.menu-content-wrapper { background-position: left -125px; }
li.ru div.menu-content-wrapper { background-position: left -75px; }
li.cs div.menu-content-wrapper { background-position: left -25px; }

/* FLAGS */
.menu-layer-tabs li.en a { background-image: url(/images/menu-flag-en.png); }
.menu-layer-tabs li.de a { background-image: url(/images/menu-flag-de.png); }
.menu-layer-tabs li.fr a { background-image: url(/images/menu-flag-fr.png); }
.menu-layer-tabs li.es a { background-image: url(/images/menu-flag-es.png); }
.menu-layer-tabs li.ru a { background-image: url(/images/menu-flag-ru.png); }
.menu-layer-tabs li.cs a { background-image: url(/images/menu-flag-cs.png); }
.menu-layer-tabs li.it a { background-image: url(/images/menu-flag-it.png); }
.menu-layer-tabs li.el a { background-image: url(/images/menu-flag-el.png); }
.menu-layer-tabs li.pt a { background-image: url(/images/menu-flag-pt.png); }
.menu-layer-tabs li.cn a { background-image: url(/images/menu-flag-cn.png); }
.menu-layer-tabs li.jp a { background-image: url(/images/menu-flag-jp.png); }
.menu-layer-tabs li.pl a { background-image: url(/images/menu-flag-pl.png); }
.menu-layer-tabs li.nl a { background-image: url(/images/menu-flag-nl.png); }



/***********/
/* SUBMENU */
/***********/
ul.submenu { font-size: 11px; text-transform: uppercase; position: absolute; top: 28px; right: 0px; white-space: nowrap; }
ul.submenu a { text-decoration: none; }
ul.submenu a:hover { text-decoration: underline; }

ul.submenu li { display: inline; padding: 0px 21px 0px 25px; background: url(/images/submenu-separator.png) no-repeat left center; }
ul.submenu li.first { background: none; }
ul.submenu li.sign-in { background: none; padding-left: 48px; padding-right: 12px; }
ul.submenu li.sign-in a { background: url(/images/lock.png) no-repeat left center; padding: 0px 0px 0px 16px; }


/***********/
/* COURSES */
/***********/
.col-code {}
.col-title {}
.col-type {}
.col-date {}
.col-time {}
.col-price {}

/*******************************************************************/
/*                                                     LEFT COLUMN */
/*******************************************************************/
#left-column { padding: 16px 0px 0px 0px; }

#left-column h2 { color: #999999; line-height: 30px; height: 30px; position: relative; margin: 0px 0px 0px 6px; padding: 0px; }
#left-column h2 strong { color: #666666; font-weight: normal; }
#left-column h2 span { display: block; position: absolute; top: 0px; left: 0px; width: 230px; height: 30px; background-image: url(/images/left-column-title-sprite.png); background-repeat: no-repeat; }

ul.left-menu { margin: 0px 0px 30px 0px; padding: 1px 0px 0px 0px; width: 200px; }
ul.left-menu li { list-style: none; background: url(/images/left-menu-bg.png) repeat-x left bottom; padding: 6px 0px 7px 0px; }
ul.left-menu a,
ul.left-menu span { color: #666666; text-decoration: none; background: url(/images/arrow-right.png) no-repeat 6px 4px; padding: 0px 0px 0px 19px; display: block; }
ul.left-menu a:hover { text-decoration: underline; }
ul.left-menu li.active { background: #FFFFFF url(/images/left-menu-active-bg.png) no-repeat -2px bottom; padding: 3px 0px 2px 0px; margin-top: -3px; margin-bottom: -1px; }
ul.left-menu li.active a,
ul.left-menu li.active span { color: #FFFFFF; background: #A9D352 url(/images/arrow-right-white-green.png) no-repeat 6px 10px; display: block; padding: 6px 0px 6px 19px; }

/* COLUMN TITLES */
#title-group-en span { background-position: 0px -28px; }
#title-other-en span { background-position: 0px -56px; }
#title-group-de span { background-position: 0px -84px; }
#title-other-de span { background-position: 0px -112px; }
#title-group-fr span { background-position: 0px -140px; }
#title-other-fr span { background-position: 0px -168px; }
#title-group-es span { background-position: 0px -196px; }
#title-other-es span { background-position: 0px -224px; }
#title-group-ru span { background-position: 0px -252px; }
#title-other-ru span { background-position: 0px -280px; }
#title-group-cs span { background-position: 0px -308px; }
#title-other-cs span { background-position: 0px -336px; }
#title-group-it span { background-position: 0px -615px; }
#title-other-it span { background-position: 0px -643px; }
#title-group-nl span { background-position: 0px -671px; }
#title-other-nl span { background-position: 0px -699px; }
#title-group-pt span { background-position: 0px -727px; }
#title-other-pt span { background-position: 0px -755px; }
#title-group-pl span { background-position: 0px -783px; }
#title-other-pl span { background-position: 0px -811px; }
#title-group-el span { background-position: 0px -839px; }
#title-other-el span { background-position: 0px -867px; }
#title-group-cn span { background-position: 0px -895px; }
#title-other-cn span { background-position: 0px -923px; }
#title-group-jp span { background-position: 0px -951px; }
#title-other-jp span { background-position: 0px -979px; }
#title-interest span { background-position: 0px -392px; }
#title-categories span { background-position: 0px -420px; }
#title-blog-search span { background-position: 0px -448px; }
#title-try span { background-position: 0px -476px; }
#title-career span { background-position: 0px -504px; }
#title-group-all span { background-position: 0px -532px; }
#title-other-all span { background-position: 0px -560px; }
#title-looking-for span { background-position: 0px -588px; }

#title-group-hol span { background-position: 0px -671px; }
#title-other-hol span { background-position: 0px -699px; }
#title-group-por span { background-position: 0px -728px; }
#title-other-por span { background-position: 0px -755px; }
#title-group-pol span { background-position: 0px -783px; }
#title-other-pol span { background-position: 0px -811px; }
#title-group-gr span { background-position: 0px -839px; }
#title-other-gr span { background-position: 0px -867px; }
#title-group-chin span { background-position: 0px -895px; }
#title-other-chin span { background-position: 0px -923px; }
#title-group-jap span { background-position: 0px -951px; }
#title-other-jap span { background-position: 0px -979px; }

/**********/
/* BLOCKS */
/**********/
#left-column div.block { margin-bottom: 40px;  }

/* BLOCK WITH TAB */
#left-column div.with-tab { padding: 40px 0px 0px 0px; position: relative; }
#left-column div.with-tab h2 { margin: 0px; font-size: 13px; font-weight: bold; text-transform: uppercase; color: #000000; height: auto; position: static; width: auto; position: absolute; top: 0px; left: 0px; border: 1px solid #CCCCCC; height: 40px; border-bottom: none; background: #FFFFFF url(/images/tab-bg.png) repeat-x left top; padding: 0px 10px; line-height: 40px; letter-spacing: normal; }
#left-column div.with-tab a.more { position: absolute; top: 6px; right: 7px; }
#left-column div.with-tab div.block-content { border: 1px solid #CCCCCC; padding: 12px 12px 0px 12px; }

/* BLOCK: ONLINE CHAT */
#block-online-chat { background: url(/images/block-online-chat-bg.jpg) no-repeat left top; padding: 7px 0px 0px 67px; font-size: 11px; line-height: 13px; height: 93px; position: relative; }
#block-online-chat h2 { color: #333333; width: 107px; overflow: hidden; margin: 0px; height: 26px; }
#block-online-chat h2 span { background-position: 0px -364px; height: 26px; }
#block-online-chat p { padding: 0px 50px 0px 0px; }
#block-online-chat p.more { padding: 0px; margin: 0px; }
#block-online-chat p.more a { display: block; width: 124px; height: 38px; line-height: 36px; position: absolute; bottom: -3px; left: 73px; background-color: #C12E7C; font-size: 20px; color: #FFFFFF; text-decoration: none; padding: 0px 0px 0px 3px; }
#block-online-chat p.more a span { display: block; width: 127px; height: 38px; position: absolute; top: 0px; left: 0px; background: url(/images/button-online-chat.png) no-repeat left top; cursor: pointer; }

/* BLOCK: ARTICLES */
#block-articles { position: relative; left: -10px; }
#block-articles h3 { font-size: 13px; font-weight: bold; margin: 0px; padding: 18px 0px 4px 0px; text-transform: none; line-height: 18px; }
#block-articles p { line-height: 16px; margin-bottom: 0px; }
#block-articles div.article-preview { position: relative; padding: 0px 0px 20px 0px; }
#block-articles p.date { position: absolute; top: 0px; left: 0px; }
#block-articles p.more { font-size: 11px; color: #FFF; padding: 0px 0px 12px 0px; margin: 0px; }
#block-articles p.more a { display: block; height: 35px; line-height: 35px; color: #FFF; text-align: center; background-color: #999999; text-decoration: none; text-transform: uppercase; }
#block-articles p.more a:hover { background-color: #A9D352; text-decoration: underline; }

/* BLOCK: SEARCH */
#block-search { padding-left: 6px; }
#block-search h2 { margin-left: 0px; }

#left-column #form-search { padding: 0px; clear: none; }
#left-column #form-search input { vertical-align: middle; }
#left-column #form-search input.input { width: 145px; }


/*******************************************************************/
/*                                                    RIGHT COLUMN */
/*******************************************************************/
#right-column {}

/*******************************************************************/
/*                                                    MAIN CONTENT */
/*******************************************************************/
#main-content {}


p.intro { font-size: 15px; line-height: 23px; }

span.row { display: block; }

img.language-icon { float: right; padding: 0px 10px 0px 20px; }

img.personal-foto { float: right; margin-right: -170px; background: url(/images/author-image-bg.png) no-repeat left bottom; padding: 0px 0px 4px 0px; }

/* ONLINE REPLACED TEXT */
.replaced-text { display: block; text-indent: -1000px; overflow: hidden; }

#rt-1 { width: 79px; height: 24px; background-image: url(/images/rt-1.png); }
#rt-2 { width: 90px; height: 32px; background-image: url(/images/rt-2.png); }
#rt-3 { width: 143px; height: 30px; background-image: url(/images/rt-3.png); }
#rt-4 { width: 76px; height: 31px; background-image: url(/images/rt-4.png); }

/* TITLE FONT REPLACEMENT */
h2 span.replace { display: inline-block; height: 38px; vertical-align: baseline; position: relative; font-size: 22px; line-height: 36px; }
h2 span.replace span { display: block; height: 38px; position: absolute; top: 0px; left: 0px; background-image: url(/images/content-title-sprite.png); background-repeat: no-repeat; }

#ct-01 span.replace { width: 192px; }
#ct-01 span.replace span { width: 192px; background-position: 0px 0px; }
#ct-02 span.replace { width: 86px; }
#ct-02 span.replace span { width: 86px; background-position: 0px -38px; }

.title-how-to-start { background-color: #A9D352; color: #FFFFFF; width: 111px; height: 44px; line-height: 40px; text-align: center; left: -5px; }
.title-how-to-start span { width: 111px; height: 44px; background-image: url(/images/title-how-to-start.png); }

.title-where-to-go { background-color: #A9D352; color: #FFFFFF; width: 111px; height: 44px; line-height: 40px; text-align: center; left: -5px; }
.title-where-to-go span { width: 111px; height: 44px; background-image: url(/images/title-where-to-go.png); }

#title-language-course-offer { height: 33px; margin: 0px 0px 8px 8px; position: relative; line-height: 31px; }
#title-language-course-offer span { width: 344px; height: 33px; position: absolute; top: 0px; left: 0px; background: url(/images/title-language-course-offer.png) no-repeat left top; }

/* TOP BANNER */
div.top-banner { margin-top: -15px; margin-bottom: 10px; }

/* NUMBERED LIST */
ol.numbered-list { list-style: none; }
ol.numbered-list li { text-indent: -32px; }
ol.numbered-list li li { text-indent: 0px; }
ol.numbered-list span.number { display: inline-block; width: 26px; height: 26px; background: url(/images/numbered-list.png) no-repeat left top; line-height: 24px; text-align: center; font-size: 18px; font-weight: bold; color: #FFFFFF; vertical-align: baseline; text-indent: 0px; margin-right: 2px; }

/* ERROR MESSAGE */
#main-content ul.message { padding: 8px 10px; margin: 0px 0px 10px 0px; line-height: 16px; }
#main-content ul.message li { background: none; list-style: none; padding: 0px; }
ul.message.error { border: 1px solid #CC0000; color: #CC0000; font-weight: bold; }

/********************/
/* UNIVERSAL BLOCKS */
/********************/

/* CONTACT BLOCK */
div.contact-block { background: url(/images/contact-block-bg.jpg) no-repeat left top; padding: 5px 0px 0px 72px; height: 97px; position: relative; width: 128px; font-size: 11px; line-height: 13px; text-align: left; }
div.contact-block h2 { font-size: 18px; height: 28px; line-height: 28px; margin: 0px 0px 0px -6px !important; position: relative; }
div.contact-block h2 span { position: absolute; top: 0px; left: 0px; display: block; width: 134px; height: 28px; background-image: url(/images/contact-block-title-sprite.png); background-repeat: no-repeat; }
div.contact-block p { margin: 0px; padding: 0px 0px 0px 7px; }
div.contact-block p.more { padding-left: 0px; height: 38px; line-height: 34px; color: #FFFFFF; font-weight: bold; font-size: 20px; background: #C12E7C url(/images/contact-block-more-bg.png) repeat-x left top; position: absolute; right: 0px; bottom: 0px; width: 128px; }
div.contact-block p.more a,
div.contact-block p.more span { display: block; height: 38px; background: url(/images/contact-block-more-bg.png) no-repeat right -38px; }

div.contact-block.right { float: right; }

div.content-padding div.contact-block.right { margin: 10px 20px 0px 20px; }

/* CONTACT BLOCK TITLES */
#cb-title-01 span { background-position: 0px 0px; }

/****************/
/* VISUAL BLOCK */
/****************/
div.visual-block { padding: 10px 10px 2px 10px; width: 644px; background-color: #ECECEC; overflow: hidden; margin-bottom: 30px; }
div.visual-block h4 { width: 121px; height: 44px; color: #FFF; background-color: #BEBEBE; text-align: center; line-height: 40px; float: left; margin: 0px; padding: 0px 0px 0px 0px; }
div.visual-block h4 span { width: 121px; height: 44px; }
div.visual-block div.block-content { padding: 0px 0px 0px 10px; overflow: hidden; }
div.visual-block p { margin: 0px; }
div.visual-block.block-tip span { background-image: url(/images/vb-title-01.png); }
div.visual-block.block-tip.single-line div.block-content { padding-top: 12px; }

/******************/
/* CONTENT BLOCKS */
/******************/
.content-blocks {}
.content-block { width: 216px; height: 240px; padding: 10px 0px 0px 12px; border: 1px solid #CCCCCC; float: left; margin: 0px 8px 28px 0px; background-position: right bottom; background-repeat: no-repeat; position: relative; color: #666; }
.content-padding .content-blocks { margin: 0px 0px 0px -10px; }
.content-block.third { margin-right: 0px; }
.content-block h2,
.content-padding .content-block h2 { font-size: 20px; font-weight: bold; text-transform: uppercase; line-height: 24px; text-indent: 4px; margin: 0px 0px 10px -4px; letter-spacing: -1px; }
.content-block h2 strong,
.content-padding .content-block h2 strong { font-size: 16px; color: #FFF; display: inline-block; background-color: #666; padding: 0px 4px; text-indent: 0px; }
.content-block h2 a { color: #666; text-decoration: none; }
.content-block .more { display: block; background: url(/images/arrow-white.png) no-repeat 8px 6px; width: 24px; height: 24px; background-color: #666; position: absolute; bottom: 10px; left: 10px; }

/* COLORS */

/* BLUE */
.content-block.color-2 { color: #2E418D; background-image: url(/images/content-block-bg-2.jpg); }
.content-block.color-2 a { color: #2E418D; }
.content-block.color-2 h2 strong,
.content-block.color-2 .more { background-color: #2E418D; }

/* DARK VIOLET */
.content-block.color-10 { color: #722671; background-image: url(/images/content-block-bg-1.jpg); }
.content-block.color-10 a { color: #722671; }
.content-block.color-10 h2 strong,
.content-block.color-10 .more { background-color: #722671; }

/* YELLOW */
.content-block.color-12 { color: #DFB300; background-image: url(/images/content-block-bg-3.jpg); }
.content-block.color-12 a { color: #DFB300; }
.content-block.color-12 h2 strong,
.content-block.color-12 .more { background-color: #DFB300; }


/**************************/
/* SIMPLE DEFINITION LIST */
/**************************/
dl.simple { padding-bottom: 18px; }
dl.simple dt { font-weight: bold; }
dl.simple dd { margin-bottom: 10px; }

/****************/
/* SEMINAR LIST */
/****************/
div.seminar-list {}
div.seminar-list p { font-weight: bold; margin-bottom: 10px;  }
div.seminar-list p.mark { font-weight: normal; margin-bottom: 0px; background: url(/images/arrow-long-right.png) no-repeat left 4px; padding-left: 23px; }
div.seminar-list div.seminar { background: url(/images/border-dotted.png) repeat-x left top; padding: 20px 5px 17px 5px; }
div.seminar-list div.seminar.first { background: none; padding-top: 0px; }


/***************/
/* MORE BUTTON */
/***************/
p.more-button { background: #FFFFFF url(/images/more-bg-sprite.png) no-repeat right bottom; margin: 0px; padding: 0px 2px 2px 0px; }
p.more-button a { display: block; height: 24px; line-height: 24px; background: #A9D352 url(/images/more-bg-sprite.png) repeat-x left top; color: #FFFFFF; text-transform: uppercase; font-size: 11px; font-weight: bold; padding: 0px 7px; }

/* BUTTON: ONLINE RESERVATION */
p.button-online-reservation { text-align: right; padding: 19px 9px 0px 0px; }
p.button-online-reservation a { background-color: #CC0000; color: #FFFFFF; font-size: 20px; display: inline-block; width: 159px; padding: 0px 0px 0px 45px; height: 44px; line-height: 40px; text-decoration: none; position: relative; }
p.button-online-reservation span { display: block; height: 44px; width: 204px; background: url(/images/online-rezervace.png) no-repeat left top; position: absolute; top: 0px; left: 0px; cursor: pointer; }

/**************/
/* BREADCRUMB */
/**************/
#breadcrumb { font-size: 11px; color: #666666; margin: 0px; padding: 0px 0px 10px 0px; }
#breadcrumb a { color: #666666; }

/***********/
/* SUMMARY */
/***********/
div.summary { width: 435px; padding: 10px 0px 20px 10px; float: left; }
div.summary h2 span.border {  background: url(/images/title-bg.png) repeat-x left bottom; padding: 0px 3px 7px 3px; position: relative; left: -3px; }
div.summary h2 { font-size: 18px; letter-spacing: normal; font-weight: bold; margin-bottom: 12px; margin-top: 20px; }

/* BANNER */
div.price-banner { text-align: right; position: relative; margin-left: 460px; margin-bottom: 40px; padding: 0px; }
div.price-banner img { display: block; }
div.price-banner span.label { background-color: #0099FF; font-size: 20px; color: #FFFFFF; line-height: 120%; text-transform: uppercase; position: absolute; bottom: 0px; right: 9px; padding: 5px 10px; }
div.price-banner span.sublabel { font-size: 14px; font-weight: bold; color: #FFFFFF; line-height: 14px; background-color: #0082D9; position: absolute; right: 9px; bottom: -37px; padding: 3px 10px 4px 10px; }
div.price-banner span.sublabel.dark { background-color: #005E9B; }
div.price-banner.complex {}
div.price-banner.complex span.label { bottom: 22px; }
div.price-banner.complex span.sublabel { bottom: 0px; }
div.price-banner span.price { background-color: #005E9B; font-size: 30px; color: #FFFFFF; height: 40px; line-height: 40px; position: absolute; bottom: -40px; right: 9px; padding: 0px 10px; }
div.price-banner span.price.two-rows { height: 70px; line-height: 35px; bottom: -76px; padding: 3px 10px; }


/***********/
/* SECTION */
/***********/
#section { min-height: 72px; padding: 18px 20px 0px 10px; margin: 0px -10px 10px -10px; border-bottom: 1px solid #ECECEC; position: relative; }
#section .section-title { font-size: 35px; font-weight: bold; line-height: 35px; text-transform: uppercase; letter-spacing: -1px; margin: 0px; }
#section .section-title strong { color: #999999; }
#section .link { position: absolute; top: 30px; right: 10px; }
#section .banner { position: absolute; bottom: 5px; right: 15px; }
#section .banner img { border: none; }

/* LANGUAGES */
#section-languages { position: absolute; top: 30px; right: 0px; width: 500px; }
#section-languages h2 { color: #999999; width: 228px; text-align: right; line-height: 25px; height: 25px; margin: 0px; padding: 0px; float: right; }
#section-languages h2 span { width: 228px; height: 25px; background-image: url(/images/title-section-languages.png); }
#section-languages ul { padding: 15px 3px 0px 0px; clear: right; float: right; }
#section-languages li { list-style: none; padding: 0px 1px; margin: 0px; display: inline; }
#section-languages a,
#section-languages li span { display: inline-block; text-indent: -300px; overflow: hidden; width: 26px; height: 20px; vertical-align: top; background-position: left top; background-repeat: no-repeat; text-decoration: none; }
#section-languages li span { width: 33px; height: 38px; margin-top: -5px; }

#section-languages li.en a { background-image: url(/images/menu-flag-en-small.png); }
#section-languages li.de a { background-image: url(/images/menu-flag-de-small.png); }
#section-languages li.fr a { background-image: url(/images/menu-flag-fr-small.png); }
#section-languages li.es a { background-image: url(/images/menu-flag-es-small.png); }
#section-languages li.ru a { background-image: url(/images/menu-flag-ru-small.png); }
#section-languages li.cs a { background-image: url(/images/menu-flag-cs-small.png); }
#section-languages li.it a { background-image: url(/images/menu-flag-it-small.png); }
#section-languages li.nl a { background-image: url(/images/menu-flag-nl-small.png); }
#section-languages li.pt a { background-image: url(/images/menu-flag-pt-small.png); }
#section-languages li.pl a { background-image: url(/images/menu-flag-pl-small.png); }
#section-languages li.el a { background-image: url(/images/menu-flag-el-small.png); }
#section-languages li.cn a { background-image: url(/images/menu-flag-cn-small.png); }
#section-languages li.jp a { background-image: url(/images/menu-flag-jp-small.png); }

#section-languages li.hol a { background-image: url(/images/menu-flag-nl-small.png); }
#section-languages li.por a { background-image: url(/images/menu-flag-pt-small.png); }
#section-languages li.pol a { background-image: url(/images/menu-flag-pl-small.png); }
#section-languages li.gr a { background-image: url(/images/menu-flag-el-small.png); }
#section-languages li.chin a { background-image: url(/images/menu-flag-cn-small.png); }
#section-languages li.jap a { background-image: url(/images/menu-flag-jp-small.png); }

#section-languages li.en span { background-image: url(/images/menu-flag-en.png); }
#section-languages li.de span { background-image: url(/images/menu-flag-de.png); }
#section-languages li.fr span { background-image: url(/images/menu-flag-fr.png); }
#section-languages li.es span { background-image: url(/images/menu-flag-es.png); }
#section-languages li.ru span { background-image: url(/images/menu-flag-ru.png); }
#section-languages li.cs span { background-image: url(/images/menu-flag-cs.png); }
#section-languages li.it span { background-image: url(/images/menu-flag-it.png); }
#section-languages li.nl span { background-image: url(/images/menu-flag-nl.png); }
#section-languages li.pt span { background-image: url(/images/menu-flag-pt.png); }
#section-languages li.pl span { background-image: url(/images/menu-flag-pl.png); }
#section-languages li.el span { background-image: url(/images/menu-flag-el.png); }
#section-languages li.cn span { background-image: url(/images/menu-flag-cn.png); }
#section-languages li.jp span { background-image: url(/images/menu-flag-jp.png); }

#section-languages li.hol span { background-image: url(/images/menu-flag-nl.png); }
#section-languages li.por span { background-image: url(/images/menu-flag-pt.png); }
#section-languages li.pol span { background-image: url(/images/menu-flag-pl.png); }
#section-languages li.gr span { background-image: url(/images/menu-flag-el.png); }
#section-languages li.chin span { background-image: url(/images/menu-flag-cn.png); }
#section-languages li.jap span { background-image: url(/images/menu-flag-jp.png); }

/******************/
/* REFERENCE LIST */
/******************/
div.reference-list {}
div.reference-list blockquote { padding-top: 0px; }
div.reference-list blockquote p { padding-bottom: 5px; }

/**************/
/* PARAM LIST */
/**************/
dl.param-list { font-size: 15px; line-height: 20px; }
dl.param-list dt { float: left; width: 53px; }
dl.param-list dd { padding: 0px 0px 5px 0px; }
dl.param-list dt.long { width: auto; padding-right: 5px; }

/***********************/
/* CONTACT INFORMATION */
/***********************/
div.contact-information { padding: 0px 0px 80px 0px; }

/**************/
/* GOOGLE MAP */
/**************/
#google-map {}
#google-map div.google-map-canvas { height: 400px; } 

#google-map-small { width: 275px; height: 275px; float: right; }
#google-map-small div.google-map-canvas { width: 100%; height: 100%; }

/********/
/* TABS */
/********/
div.tabs {}
div.tabs h2 { font-size: 22px; line-height: 100%; margin-bottom: 10px; }
div.ready { background: none; }
div.ready h2 {  position: absolute; top: -10000px; }
ul.tab-anchors { border-bottom: 1px solid #CCCCCC; text-align: right; margin: 0px 0px 10px 0px; padding: 0px 10px 0px 10px; }
ul.tab-anchors.left { text-align: left; }
ul.tab-anchors li { display: inline; font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 0px; background: none; }
ul.tab-anchors a { display: inline-block; text-decoration: none; color: #7F7F7F; height: 40px; line-height: 40px; padding: 0px 11px; margin-bottom: -1px; border: none; border-bottom: 1px solid #CCCCCC; }
ul.tab-anchors li.active a { border: 1px solid #CCC; border-bottom-color: #FFF; background: url(/images/tab-bg.png) repeat-x left top; color: #000; cursor: default; padding: 0px 10px; }
ul.tab-anchors a:hover { color: #000000; }

div.tab-panel { padding-bottom: 20px; }

/*************/
/* DATA LIST */
/*************/
dl.data {}
dl.data dt { float: left; clear: left; padding-right: 4px; }

/*********/
/* VIDEO */
/*********/
div.video {}
div.video-content { background: url(/images/video-bg.jpg) no-repeat left top; padding: 35px 30px 88px 30px; width: 500px; height: 377px; margin: 0 auto; }
div.video.ready ul.video-thumbnails li { cursor: pointer; }
ul.video-thumbnails { padding: 0px; margin: 0px; overflow: hidden; }
ul.video-thumbnails li { list-style: none; width: 212px; margin-right: 30px; float: left; text-align: center; }
ul.video-thumbnails li.end { margin-right: 0px; }
ul.video-thumbnails li span { text-decoration: underline; display: block; padding: 0px 20px; }

/*********/
/* TABLE */
/*********/
table { border-collapse: collapse; font-size: 12px; color: #666666; }
table a { color: #666666; }
td { background-color: #F0F0F0; padding: 5px 10px; vertical-align: top; }
th { padding: 5px 10px; }
tr.odd td { background-color: #FFFFFF; }
thead th { background-color: #999999; font-size: 11px; text-transform: uppercase; text-align: left; font-weight: bold; color: #FFF; vertical-align: top; line-height: 13px; }

.col-code a { background: url(/images/icon-i.png) no-repeat right center; padding: 2px 20px 2px 0px; }

.col-detail { background: none; padding: 0px; }
.col-detail h4 { font-weight: bold; margin: 0px 0px 3px 0px; }
.col-detail h5 { font-weight: bold; margin: 0px 0px 3px 0px; }
.col-detail ul { margin: 0px; }
.col-detail ul li { background: url(/images/dash.png) no-repeat left 8px; text-indent: 8px; list-style: none; padding: 0px 0px 5px 0px; }
.col-detail dt { clear: left; float: left; font-weight: bold; padding-right: 3px; }
.col-detail .slide { display: none; }
.col-detail .slide-content { background-color: #F0F0F0; padding: 10px; }
.col-detail .slide-content-wrapper { border: 1px solid #999999; border-top: none; padding: 10px; }

.col-price { text-align: right; width: 55px; padding-left: 0px; }
th.col-price { padding-right: 20px; width: 45px; }
.col-time { width: 120px; padding-right: 0px; }
.col-date { width: 80px; padding-right: 0px; }
.col-code { width: 70px; padding-right: 0px; }
.col-type { width: 90px; padding-right: 0px; }
.col-title { font-weight: bold; }

.col-title .subcell { display: block; font-weight: normal; white-space: nowrap; padding-top: 2px; }
.col-title .code { background: url(/images/icon-i.png) no-repeat left top; text-decoration: underline; padding-left: 23px; display: inline-block; height: 16px; line-height: 16px; vertical-align: middle; cursor: pointer; width: 85px; }
.col-title .code.disabled,
thead .col-title .code { width: 108px; background: none; padding-left: 0px; vertical-align: baseline; text-decoration: none; }

.col-title .sale { font-size: 9px; color: #FFF; text-transform: uppercase; background-color: #FF6600; vertical-align: middle; padding: 2px 5px; }

.previous-price { text-decoration: line-through; display: block; }

.col-order { width: 80px; padding-right: 5px; }
.col-order a { background-color: #339933; display: block; width: 80px; height: 20px; color: #FFF; font-weight: bold; text-transform: uppercase; text-align: center; text-decoration: none; line-height: 20px; position: relative; }
.col-order a span { display: block; width: 80px; height: 20px; background: url(/images/col-order-button-reservation.png) no-repeat left top; position: absolute; top: 0px; left: 0px; cursor: pointer; }

.col-order a.full { background-color: #999999; }
.col-order a.full span { background-image: url(/images/col-order-button-full.png); cursor: default; }

/****************************/
/* TAB: GENERAL INFORMATION */
/****************************/
div.general-information { padding: 0px 0px 20px 0px; }
div.general-information h2 { position: static; display: block; font-size: 18px; }
div.general-information h3 { font-size: 16px; text-transform: none; font-weight: normal; margin-bottom: 20px; padding-top: 10px; }
div.general-information h4 { font-size: 14px; font-weight: bold; text-transform: uppercase; margin-bottom: 5px; }
div.general-information h2 span.border {  background: url(/images/title-bg.png) repeat-x left bottom; padding: 0px 3px 7px 3px; position: relative; left: -3px; }
div.general-information h3.highlight { color: #FFFFFF; padding: 0px 0px; font-size: 13px; margin-bottom: 3px; font-weight: bold; }
div.general-information h3.highlight span { background-color: #A9D352; padding: 5px 5px; position: relative; left: -5px; display: inline-block; text-transform: uppercase; }

/* NUMBERED SECTION */
div.numbered-section { padding: 10px 0px 15px 53px; background-position: left top; background-repeat: no-repeat; }
div.numbered-section h4 { font-size: 16px; text-transform: none; }
div.numbered-section.first { background-image: url(/images/numbered-section-1.png); }
div.numbered-section.second { background-image: url(/images/numbered-section-2.png); }
div.numbered-section.more { background-image: url(/images/numbered-section-plus.png); }

div.numbered-section dl.simple { margin-top: -10px; }

/**************/
/* TAB: ROUTE */
/**************/
div.ready div.route h2 { position: static; top: auto; margin-top: 10px; }


/**************************/
/* TAB: COMPLETE SCHEDULE */
/**************************/
div.complete-schedule { padding: 0px 10px; }
div.schedule-result{padding:12px 12px 0 12px;position:relative;clear:both;margin:0 -10px 10px -10px;border:1px solid #A9D352;}
div.schedule-result p{margin:0 0 12px;}
div.schedule-result div p{float:left;width:335px;}
div.schedule-result a.more{position:absolute;top:10px;right:10px;display:block;padding:4px 7px;width:215px;color:#fff;background-color:#A9D352;}

/* OFFERED COURSES */
div.offered-courses { color: #666666; background-color: #F0F0F0; padding: 8px 10px; margin: 0px -10px 13px -10px; }
div.offered-courses a {color: #666; }
div.offered-courses p { margin: 0px; padding: 0px; }

/* TABLES */
div.complete-schedule table { margin: 0px -10px 20px -10px; width: 730px; }

/* COURSES */
div.courses { position: relative; padding-bottom: 20px; }
div.courses h3 { font-size: 24px; text-transform: none; line-height: 100%; font-weight: bold; margin-bottom: 8px; }
div.courses h4 { font-size: 18px; text-transform: none; line-height: 100%; font-weight: normal; margin: 10px 0px 10px 0px; }
div.courses h3,
div.courses h4 { position: relative; letter-spacing: -1px; padding: 5px 0px 0px 0px; }
div.courses h3 span.label,
div.courses h4 span.label { font-size: 10px; color: #7F7F7F; position: absolute; top: -9px; line-height: 16px; left: 0px; text-transform: uppercase; letter-spacing: normal; font-weight: normal; }
div.courses p { margin: 0px 0px 5px 0px; }
div.courses p.more { position: absolute; right: 0px; font-size: 11px; text-transform: uppercase; margin-top: -28px; }
div.courses p.more a { font-size: 14px; font-weight: bold; text-transform: none; color: #FFF; background-color: #A9D352; padding: 3px 5px; }

div.course { position: relative; padding: 5px 0px 10px 0px; margin: 0px -10px 0px 0px; }
div.course p { margin: 0px 0px 5px 0px; }
div.course p.more { right: 10px; margin-top: -28px; }
div.course tr.open td,
div.courses tr.open td { background-image: url(/images/frame.png); background-repeat: no-repeat; background-position: center top; }
div.course tr.open td.col-title,
div.courses tr.open td.col-title { background-position: left top; }
div.course tr.open td.col-order,
div.courses tr.open td.col-order { background-position: right top; }

div.course-list h3 { font-size: 13px; font-weight: normal; text-transform: none; letter-spacing: normal; line-height: 22px; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 10px; }
div.course-list h3 strong { font-size: 15px; font-weight: bold; padding-right: 10px; line-height: 22px; }
div.course-list div.course { padding-bottom: 30px; margin-right: 0px; }
div.course-list table { width: 100%; }
div.course-list .banner { margin-bottom: 10px; }
div.course-list .banner object { display: block; }
div.course-list .banner img { border: none; }

/*********************/
/* TAB: CONTACT FORM */
/*********************/
div.contact-form { padding: 10px 20px; }
div.contact-form div.content-padding { padding-left: 25px; padding-right: 25px; }

/**********************/
/* TAB: SAMPLE LESSON */
/**********************/
div.sample-lesson { padding: 5px 10px; }
div.sample-lesson h3 { text-transform: none; margin-bottom: 18px; }

/****************/
/* COURSE BLOCK */
/****************/
div.course-block { border: 1px solid #CCCCCC; float: left; margin: 0px 20px 20px 0px; position: relative; width: 228px; height: 198px; }
div.course-block.static { float: none; }
div.column-right div.course-block { float: none; width: auto; margin-right: 0px; }
div.course-block.last { margin-right: 0px; }
div.course-block-content { position: absolute; left: 10px; bottom: 10px; }
div.course-block img { display: block; }
div.course-block h3 { font-size: 15px; line-height: 18px; text-transform: uppercase; float: left; background-color: #333333; color: #FFFFFF; padding: 4px 9px; margin: 0px; }
div.course-block h3 a { color: #FFFFFF; text-decoration: none; }
div.course-block p { clear: left; float: left; padding: 5px 9px; margin: 0px; line-height: 14px; font-size: 11px; }
div.course-block p.subtitle { background-color: #999999; color: #FFFFFF; white-space: nowrap;  }
div.course-block p.price { background-color: #FFFFFF; color: #666666; font-size: 20px; font-weight: bold; line-height: 18px; padding: 5px 9px; white-space: nowrap; }

/* RIGHT ALIGN */
div.course-block.right div.course-block-content { left: auto; right: 10px; }
div.course-block.small.right div.course-block-content { left: auto; right: 15px; }
div.course-block.right h3 { float: right; }
div.course-block.right p { float: right; clear: right; }

/* COURSE BLOCK SIZES */
div.course-block.wide { width: 353px; height: 198px; }
div.course-block.wide h3 { font-size: 17px; line-height: 22px; }
div.course-block.small { width: 353px; height: 83px; }
div.course-block.small h3 { font-size: 13px; }
div.course-block.small div.course-block-content { left: 15px; bottom: 15px; }
div.course-block.full { height: 198px; width: auto; }
div.course-block.full h3 { font-size: 20px; line-height: 20px; padding: 6px 9px; }
div.course-block.full p { font-size: 12px; line-height: 18px; }
div.course-block.full p.price { clear: none; margin-top: -8px; font-size: 30px; line-height: 30px; }
div.course-block.full p.subtitle { clear: left; padding: 6px 9px; }
div.course-block.full p.order { clear: none; padding: 0px; margin: 0px; }
div.course-block.full p.order a { display: block; background-color: #D61F22;  color: #FFFFFF; text-decoration: none; padding: 6px 13px; line-height: 24px; font-size: 24px; text-transform: uppercase; }

div.course-block.full.right { border: none; margin-bottom: 40px; }
div.course-block.full.right div.course-block-content { bottom: -20px; }
div.course-block.full div.row h3 { display: inline; float: none; margin: 0px; position: relative; top: 1px; line-height: 18px; }
div.course-block.full div.row p { display: inline; float: none; clear: none; position: relative; top: -9px; }
div.course-block.full div.row p.order,
div.course-block.full div.row p.price { top: 0px; line-height: 18px; }
div.course-block.full div.row p.order a { display: inline; line-height: 18px; }
div.course-block.full div.row { text-align: right; padding: 7px 0px 0px 0px; }
div.course-block.full div.row.first { padding-bottom: 7px; padding-top: 0px; }


/* COURSE BLOCK COLORS */
/* GREEN */
div.course-block.color-1 h3 { background-color: #54A94C; }
div.course-block.color-1 p.subtitle { background-color: #A9D352; }
div.course-block.color-1 p.price { color: #54A94C; }
div.course-block.full.color-1 h3 { background-color: #A9D352; }
div.course-block.full.color-1 p.subtitle { background-color: #FFFFFF; color: #54A94C; }
div.course-block.full.color-1 p.price { background-color: #54A94C; color: #FFFFFF; }

/* DARK GREEN */
div.course-block.color-2 h3 { background-color: #517951; }
div.course-block.color-2 p.subtitle { background-color: #669966; }
div.course-block.color-2 p.price { color: #517951; }
div.course-block.full.color-2 h3 { background-color: #669966; }
div.course-block.full.color-2 p.subtitle { background-color: #FFFFFF; color: #517951; }
div.course-block.full.color-2 p.price { background-color: #517951; color: #FFFFFF; }

/* BLUE */
div.course-block.color-3 h3 { background-color: #4EC1C9; }
div.course-block.color-3 p.subtitle { background-color: #347CBA; }
div.course-block.color-3 p.price { color: #347CBA; }
div.course-block.full.color-3 h3 { background-color: #347CBA; }
div.course-block.full.color-3 p.subtitle { background-color: #FFFFFF; color: #4EC1C9; }
div.course-block.full.color-3 p.price { background-color: #4EC1C9; color: #FFFFFF; }

/* RED */
div.course-block.color-4 h3 { background-color: #CB2E43; }
div.course-block.color-4 p.subtitle { background-color: #ECA496; }
div.course-block.color-4 p.price { color: #CB2E43; }
div.course-block.full.color-4 h3 { background-color: #ECA496; }
div.course-block.full.color-4 p.subtitle { background-color: #FFFFFF; color: #CB2E43; }
div.course-block.full.color-4 p.price { background-color: #CB2E43; color: #FFFFFF; }

/* ORANGE */
div.course-block.color-5 h3 { background-color: #D61F22; }
div.course-block.color-5 p.subtitle { background-color: #FE611C; }
div.course-block.color-5 p.price { color: #D61F22; }
div.course-block.full.color-5 h3 { background-color: #FE611C; }
div.course-block.full.color-5 p.subtitle { background-color: #FFFFFF; color: #D61F22; }
div.course-block.full.color-5 p.price { background-color: #D61F22; color: #FFFFFF; }

/* DARK YELLOW */
div.course-block.color-6 h3 { background-color: #A58D2E; }
div.course-block.color-6 p.subtitle { background-color: #E1D297; }
div.course-block.color-6 p.price { color: #A58D2E; }
div.course-block.full.color-6 h3 { background-color: #E1D297; }
div.course-block.full.color-6 p.subtitle { background-color: #FFFFFF; color: #A58D2E; }
div.course-block.full.color-6 p.price { background-color: #A58D2E; color: #FFFFFF; }

/* BROWN */
div.course-block.color-7 h3 { background-color: #736159; }
div.course-block.color-7 p.subtitle { background-color: #B0A099; }
div.course-block.color-7 p.price { color: #736159; }
div.course-block.full.color-7 h3 { background-color: #B0A099; }
div.course-block.full.color-7 p.subtitle { background-color: #FFFFFF; color: #736159; }
div.course-block.full.color-7 p.price { background-color: #736159; color: #FFFFFF; }

/* DARK VIOLET */
div.course-block.color-8 h3 { background-color: #262950; }
div.course-block.color-8 p.subtitle { background-color: #5E64B3; }
div.course-block.color-8 p.price { color: #262950; }
div.course-block.full.color-8 h3 { background-color: #5E64B3; }
div.course-block.full.color-8 p.subtitle { background-color: #FFFFFF; color: #262950; }
div.course-block.full.color-8 p.price { background-color: #262950; color: #FFFFFF; }

/* VIOLET */
div.course-block.color-9 h3 { background-color: #553DDE; }
div.course-block.color-9 p.subtitle { background-color: #AEA3EF; }
div.course-block.color-9 p.price { color: #553DDE; }
div.course-block.full.color-9 h3 { background-color: #AEA3EF; }
div.course-block.full.color-9 p.subtitle { background-color: #FFFFFF; color: #553DDE; }
div.course-block.full.color-9 p.price { background-color: #553DDE; color: #FFFFFF; }

/* PURPLE */
div.course-block.color-10 h3 { background-color: #22012B; }
div.course-block.color-10 p.subtitle { background-color: #A005CD; }
div.course-block.color-10 p.price { color: #A005CD; }
div.course-block.full.color-10 h3 { background-color: #A005CD; }
div.course-block.full.color-10 p.subtitle { background-color: #FFFFFF; color: #22012B; }
div.course-block.full.color-10 p.price { background-color: #22012B; color: #FFFFFF; }

/* LIGHT BLUE */
div.course-block.color-11 h3 { background-color: #6CACC7; }
div.course-block.color-11 p.subtitle { background-color: #B5D5E3; }
div.course-block.color-11 p.price { color: #6CACC7; }
div.course-block.full.color-11 h3 { background-color: #6CACC7; }
div.course-block.full.color-11 p.subtitle { background-color: #FFFFFF; color: #6CACC7; }
div.course-block.full.color-11 p.price { background-color: #6CACC7; color: #FFFFFF; }

/* YELLOW */
div.course-block.color-12 h3 { background-color: #EDDD0E; }
div.course-block.color-12 p.subtitle { background-color: #D0C10D; }
div.course-block.color-12 p.price { color: #EDDD0E; }
div.course-block.full.color-12 h3 { background-color: #EDDD0E; }
div.course-block.full.color-12 p.subtitle { background-color: #FFFFFF; color: #D0C10D; }
div.course-block.full.color-12 p.price { background-color: #EDDD0E; color: #FFFFFF; }

/* MARINE BLUE */
div.course-block.color-13 h3 { background-color: #1B2338; }
div.course-block.color-13 p.subtitle { background-color: #989CA5; }
div.course-block.color-13 p.price { color: #1B2338; }
div.course-block.full.color-13 h3 { background-color: #1B2338; }
div.course-block.full.color-13 p.subtitle { background-color: #989CA5; color: #FFFFFF; }
div.course-block.full.color-13 p.price { background-color: #1B2338; color: #FFFFFF; }

/* MEDICAL BLUE */
div.course-block.color-14 h3 { background-color: #6FA0E5; }
div.course-block.color-14 p.subtitle { background-color: #9ABFF2; }
div.course-block.color-14 p.price { color: #6FA0E5; }
div.course-block.full.color-14 h3 { background-color: #6FA0E5; }
div.course-block.full.color-14 p.subtitle { background-color: #9ABFF2; color: #FFFFFF; }
div.course-block.full.color-14 p.price { background-color: #6FA0E5; color: #FFFFFF; }

/****************/
/* TESTIMONIALS */
/****************/
#testimonials { padding: 0px 40px 20px 20px; }
#testimonials blockquote { overflow: hidden; padding-bottom: 30px; }
#testimonials blockquote .author { font-style: normal; }
#testimonials div.thumbnail { margin-top: -10px; }

/* IMAGE THUMBNAILS */
div.thumbnail { width: 191px; height: 147px; position: relative; overflow: hidden; }
div.thumbnail span.mask { display: block; width: 191px; height: 147px; position: absolute; top: 0px; left: 0px; background-repeat: no-repeat; background-position: left top; cursor: pointer; }
div.thumbnail.right { float: right; margin-left: 20px; }
div.thumbnail.right span.mask { background-image: url(/images/thumbnail-mask-01.png); }
div.thumbnail.left { float: left; margin-right: 20px; }
div.thumbnail.left span.mask { background-image: url(/images/thumbnail-mask-02.png); }

/******************/
/* FORM: GENERIC */
/*****************/
form.generic-form {}
form.generic-form p.center { padding-top: 20px; }
form.generic-form fieldset { background-color: #F7F7F7; padding: 40px 0px 0px 25px; position: relative; margin: 20px 0px 0px 0px; }
form.generic-form legend { font-size: 15px; position: absolute; top: 12px; left: 25px; }
form.generic-form label { display: inline-block; width: 138px; vertical-align: middle; }
form.generic-form label.required { font-weight: bold; }
form.generic-form label.wide { width: auto; display: inline; }
form.generic-form fieldset.single-line { padding: 20px 0px 20px 25px; }
form.generic-form fieldset.single-line legend { display: none; }
form.generic-form fieldset.single-line label { display: inline; width: auto; }
form.generic-form fieldset.no-legend { padding-top: 10px;  padding-bottom: 15px; }
form.generic-form button { border: none; padding: 0px; background: none; cursor: pointer; overflow: visible; margin: 0px 0px 0px 0px; }
form.generic-form button span { display: block; background-color: #6A8C24; cursor: pointer; }
form.generic-form button span span { background-color: #A9D352; position: relative; top: -2px; left: -2px; font-size: 20px; font-weight: bold; color: #FFFFFF; text-transform: uppercase; padding: 12px 20px; cursor: pointer; }
form.generic-form textarea { width: 390px; }
form.generic-form label.wide span.textarea { margin-top: 5px; }

/***********************/
/* FORM: SAMPLE LESSON */
/***********************/
form.form-sample-lesson {}
form.form-sample-lesson fieldset { padding-top: 20px; padding-bottom: 10px; margin: 0px; }
form.form-sample-lesson p.intro { font-weight: bold; }
form.form-sample-lesson .date { color: #FFF; background-color: #A9D352; padding: 6px 9px; margin: 0px 0px 0px 5px; }
form.form-sample-lesson label { width: 230px; }

/*********************/
/* FORM: RESERVATION */
/*********************/
#form-reservation { padding: 30px 0px 0px 213px; }
#form-reservation fieldset { border: none; padding: 0px 0px 30px 0px; position: relative; }
#form-reservation legend { position: absolute; top: 14px; left: -213px; font-size: 20px; text-transform: uppercase; font-weight: bold; color: #999999; }
#form-reservation fieldset.single-line legend { top: 15px; }
#form-reservation div.section { background-color: #F7F7F7; padding: 14px 20px 14px 20px; }
#form-reservation fieldset.multiline div.section { padding-bottom: 0px; }
#form-reservation div.section fieldset { padding: 14px 0px 19px 112px; background: url(/images/form-section-separator.png) repeat-x left top; }
#form-reservation div.section fieldset legend { font-size: 15px; color: #000000; font-weight: normal; text-transform: none; left: auto; top: auto; text-indent: -107px; }
#form-reservation div.section fieldset label { font-weight: bold; display: block; width: 225px; float: left; }
#form-reservation div.section fieldset label.last { width: 200px; }
#form-reservation div.section fieldset label.inline { width: auto; float: none; padding-top: 20px; }
#form-reservation div.section fieldset label.combo { width: 400px; }
#form-reservation div.section fieldset span.input,
#form-reservation div.section fieldset span.select { margin-top: 8px; }
#form-reservation div.section fieldset.first { background: none; padding-top: 0px; }
#form-reservation div.section fieldset.first legend { top: 0px; }
#form-reservation p.info { font-style: italic; background: url(/images/icon-i.png) no-repeat left center; color: #666666; margin: 13px 0px 0px 22px; padding: 0px 0px 0px 30px; }
#form-reservation button { border: none; padding: 0px; background: none; cursor: pointer; overflow: visible; margin: 0px 0px 0px -200px; }
#form-reservation button span { display: block; background-color: #6A8C24; cursor: pointer; }
#form-reservation button span span { background-color: #A9D352; position: relative; top: -2px; left: -2px; font-size: 20px; font-weight: bold; color: #FFFFFF; text-transform: uppercase; padding: 12px 20px; cursor: pointer;}
#form-reservation div.section fieldset label.short { width: 140px; }
#form-reservation div.section fieldset label.short select { width: 100px; }
#form-reservation div.section fieldset label.short input { width: 90px; }

#form-reservation div.section fieldset.grid-1-1 label { width: 310px; margin-right: 50px; }
#form-reservation div.section fieldset.grid-1-1 label.last { margin-right: 0px; }
#form-reservation div.section fieldset.grid-1-1 textarea { width: 280px; }

#form-reservation textarea { width: 681px; height: 70px; }
#form-reservation textarea.short { height: 30px; }
#form-reservation span.textarea { margin-top: 8px; }
#form-reservation-zip,
#form-reservation-invoice-zip { width: 90px !important; }
#form-reservation-zip input,
#form-reservation-invoice-zip input { width: 60px; }
#form-reservation-ic { width: 170px !important; }
#form-reservation-ic input { width: 118px; }
#form-reservation-dic { width: 135px !important; }
#form-reservation-dic input { width: 115px; }
#form-reservation-title { width: 115px !important; }
#form-reservation-title select { width: 85px; }
#form-reservation-group-payment-type label { display: inline-block; width: 200px; }
#form-reservation-group-payment-type label.selected { font-weight: bold; }
#form-reservation-group-agreement label { font-weight: bold; }

#form-reservation table.info { color: #666666; width: 100%; }
#form-reservation table.info td { background: none; }
#form-reservation table.info td.price { text-align: right; }
#form-reservation table.info strong { color: #000000; font-size: 15px; }
#form-reservation table.info em { font-style: normal; color: #000000; }

#form-reservation div.input-group { margin-bottom: -10px; overflow: hidden; }
#form-reservation div.input-group .label { display: block; padding-bottom: 10px;  }
#form-reservation div.input-group label { margin-bottom: 10px; font-weight: normal !important; }

#form-reservation div.section div.slide-content { padding: 20px 0px 0px 0px; }

/* IN CONTENT */
#form-reservation.in-content { padding: 0px 0px 0px 0px; width: 710px; }
#form-reservation.in-content legend { display: none; }
#form-reservation.in-content div.section legend { display: block; text-indent: 0px; top: 10px; }
#form-reservation.in-content div.section fieldset { padding-left: 0px; padding-top: 0px; }
#form-reservation.in-content div.section fieldset.no-legend { padding-top: 10px; }
#form-reservation.in-content textarea { width: 641px; }
#form-reservation.in-content button { margin-left: 0px; }
#form-reservation div.fieldset-padding { padding: 40px 0px 0px 0px; }
#form-reservation fieldset.first div.fieldset-padding { padding-top: 30px; }

/**************/
/* FORM: TEST */
/**************/
#form-test {}
#form-test ol li { padding-bottom: 4px; }
#form-test p.center { padding-top: 20px; }
#form-test fieldset { background-color: #F7F7F7; padding: 0px 0px 0px 25px; position: relative; margin: 20px 0px 0px 0px; }
#form-test legend { font-size: 15px; position: absolute; top: 12px; }
#form-test label { display: inline-block; width: 138px; vertical-align: middle; }
#form-test label.required { font-weight: bold; }
#form-test fieldset.single-line { padding: 20px 0px 20px 25px; }
#form-test fieldset.single-line legend { display: none; }
#form-test fieldset.single-line label { display: inline; width: auto; }
#form-test button { border: none; padding: 0px; background: none; cursor: pointer; overflow: visible; margin: 0px 0px 0px 0px; }
#form-test button span { display: block; background-color: #6A8C24; cursor: pointer; }
#form-test button span span { background-color: #A9D352; position: relative; top: -2px; left: -2px; font-size: 20px; font-weight: bold; color: #FFFFFF; text-transform: uppercase; padding: 12px 20px; cursor: pointer;}
#form-test div.fieldset-padding { padding: 40px 0px 0px 0px; }
#form-test fieldset.first div.fieldset-padding { padding-top: 30px; }

/*********************/
/* FORM: COMPETITION */
/*********************/
#form-competition {}
#form-competition p.center { padding-top: 20px; }
#form-competition fieldset { background-color: #F7F7F7; padding: 0px 0px 0px 25px; position: relative; margin: 20px 0px 0px 0px; }
#form-competition legend { font-size: 15px; position: absolute; top: 12px; }
#form-competition label { display: inline-block; width: 400px; vertical-align: middle; }
#form-competition label.required { font-weight: bold; }
#form-competition fieldset.single-line { padding: 20px 0px 20px 25px; }
#form-competition fieldset.single-line legend { display: none; }
#form-competition fieldset.single-line label { display: inline; width: auto; }
#form-competition button { border: none; padding: 0px; background: none; cursor: pointer; overflow: visible; margin: 0px 0px 0px 0px; }
#form-competition button span { display: block; background-color: #6A8C24; cursor: pointer; }
#form-competition button span span { background-color: #A9D352; position: relative; top: -2px; left: -2px; font-size: 20px; font-weight: bold; color: #FFFFFF; text-transform: uppercase; padding: 12px 20px; cursor: pointer;}
#form-competition div.fieldset-padding { padding: 40px 0px 0px 0px; }
#form-competition fieldset.first div.fieldset-padding { padding-top: 30px; }

/*********************/
/* FORM: CERTIFICATE */
/*********************/
#form-certificate {}
#form-certificate p.center { padding-top: 20px; }
#form-certificate fieldset { background-color: #F7F7F7; padding: 0px 0px 0px 20px; position: relative; margin: 20px 0px 0px 0px; }
#form-certificate legend { font-size: 20px; font-weight: bold; color: #666666; text-transform: uppercase; position: absolute; top: 18px; }
#form-certificate label { display: inline-block; width: 400px; vertical-align: middle; }
#form-certificate label.required { font-weight: bold; }
#form-certificate fieldset.single-line { padding: 20px 0px 20px 25px; }
#form-certificate fieldset.single-line legend { display: none; }
#form-certificate fieldset.single-line label { display: inline; width: auto; }
#form-certificate button { border: none; padding: 0px; background: none; cursor: pointer; overflow: visible; margin: 0px 0px 0px 0px; }
#form-certificate button span { display: block; background-color: #A70103; cursor: pointer; }
#form-certificate button span span { background-color: #C6011C; position: relative; top: -2px; left: -2px; font-size: 20px; font-weight: bold; color: #FFFFFF; text-transform: uppercase; padding: 12px 20px; cursor: pointer;}
#form-certificate div.fieldset-padding { padding: 40px 20px 0px 0px; }
#form-certificate fieldset.first div.fieldset-padding { padding-top: 30px; }

#form-certificate-group-contact label { display: block; width: 90px; float: left; line-height: 35px; font-weight: bold; }
#form-certificate div.section { background: url(../images/form-section-separator.png) repeat-x left top; padding-top: 15px; width:  auto; }
#form-certificate div.section.first { background: none; }

#form-certificate div.col1,
#form-certificate div.col2 { width: 49%; float: left; padding-bottom: 10px; }

#form-certificate-group-delivery p,
#form-certificate-group-payment p { margin-bottom: 10px; font-weight: bold; }
#form-certificate-group-message { padding-bottom: 20px; }
#form-certificate-group-message p { margin-bottom: 10px; }
#form-certificate-group-message textarea { width: 400px; }

#form-certificate-group-course p { margin-bottom: 10px; }
#form-certificate-group-course label { display: inline !important; font-weight: bold; width: auto; }
#form-certificate-group-course span.input { margin-top: 10px; margin-left: 30px; }
#form-certificate-group-course span.input input { width: 370px; }
#form-certificate-group-course select { vertical-align: middle; margin-left: 5px; }

/****************/
/* FORM: SEARCH */
/****************/
#form-search { clear:both; padding: 20px 0px 0px 35px; }
#form-search legend { text-transform: uppercase; color: #666666; font-weight: bold; }
#form-search p.button { margin: 0px; padding: 0px 0px 0px 0px; text-align: center; width: 400px; }
#form-search button { padding: 0px; margin: 0px; border: none; background: none; width: 163px; cursor: pointer; }
#form-search button span { display: block; width: 163px; height: 34px; background: #FE611C url(/images/form-search-button-bg.png) no-repeat left top; font-size: 16px; color: #FFFFFF; text-transform: uppercase; font-weight: bold; text-align: center; line-height: 34px; cursor: pointer; }

/* LANGUAGES */
#form-search-group-languages { padding: 0px 0px 10px 0px; }
#form-search-group-languages legend { position: static; vertical-align: baseline; float: left; padding-top: 3px; }
#form-search-group-languages ul { margin-left: 65px; }
#form-search-group-languages li { display: block; float: left; list-style: none; background: none; padding: 0px 10px 0px 0px; margin: 0px; }
#form-search-group-languages input { display: none; }
#form-search-group-languages span { vertical-align: middle; display: inline-block; }
#form-search-group-languages span img { visibility: hidden; }
#form-search-group-languages span.flag { background-repeat: no-repeat; background-position: 0px 0px; cursor: pointer; padding: 0px 6px 0px 0px; }
#form-search-group-languages span.label { display: none; }
#form-search-group-languages label { display: block; background-repeat: no-repeat; background-image: url(/images/form-search-labels.png); }

/* LANGUAGE FLAGS */
#form-search-group-languages .en span.flag { background-image: url(/images/flag-en-m-g.png); }
#form-search-group-languages .de span.flag { background-image: url(/images/flag-de-m-g.png); }
#form-search-group-languages .fr span.flag { background-image: url(/images/flag-fr-m-g.png); }
#form-search-group-languages .es span.flag { background-image: url(/images/flag-es-m-g.png); }
#form-search-group-languages .ru span.flag { background-image: url(/images/flag-ru-m-g.png); }
#form-search-group-languages .cs span.flag { background-image: url(/images/flag-cs-m-g.png); }

/* LANGUAGE LABELS */
#form-search-group-languages .en label { width: 105px; background-position: 35px 0px; }
#form-search-group-languages .de label { width: 92px; background-position: 35px -35px; }
#form-search-group-languages .fr label { width: 130px; background-position: 35px -70px; }
#form-search-group-languages .es label { width: 118px; background-position: 35px -105px; }
#form-search-group-languages .ru label { width: 92px; background-position: 35px -140px; }
#form-search-group-languages .cs label { width: 92px; background-position: 35px -175px; }

/* PREFERED TIME */
#form-search-group-time { padding: 0px 0px 10px 0px; }
#form-search-group-time p { padding: 10px 0px 0px 0px; margin: 0px; height: 22px; }
#form-search-group-time label { position: relative; padding: 0px 50px 0px 50px; width: 22px; display: block; float: left; }
#form-search-group-time span.label { position: absolute; top: 0px; left: 80px; height: 20px; background-image: url(/images/form-search-time-labels.png); background-repeat: no-repeat; text-indent: -200px; overflow: hidden; }
#form-search-group-time label.first span.label { background-position: left top; width: 39px; }
#form-search-group-time label.second span.label { background-position: -131px 0px; width: 51px;}
#form-search-group-time label.third span.label { background-position: -272px 0px; width: 40px;}

/* LEVEL */
#form-search-group-level { padding: 0px 0px 10px 0px; }
#form-search-group-level select { display: none; }
#form-search-group-level div.slider { padding-top: 30px; }
#form-search-group-level div.range { background: url(/images/range-bg.png) no-repeat 39px 4px; width: 396px; position: relative; }
#form-search-group-level span.label { position: absolute; top: -23px; background-image: url(/images/form-search-level-labels.png); background-repeat: no-repeat; height: 25px; text-indent: -200px; overflow: hidden; }
#form-search-group-level span.label.first { width: 87px; background-position: 0px 0px; left: 9px; }
#form-search-group-level span.label.second { width: 98px; background-position: -140px 0px; left: 143px; }
#form-search-group-level span.label.third { width: 58px; background-position: -292px 0px; left: 308px; }
#form-search-group-level span.knob { background: url(/images/knob-bg.png) no-repeat center top; padding: 10px 0px 0px 0px; display: inline-block; }
#form-search-group-level span.knob span { background-color: #C10000; color: #FFF; font-weight: bold; width: 104px; text-align: center; line-height: 23px; height: 23px; display: inline-block; text-transform: uppercase; cursor: e-resize; }


/*****************/
/* FORM: CONTACT */
/*****************/
#form-contact {}
#form-contact fieldset { background-color: #F7F7F7; padding: 17px 0px 3px 24px; }
#form-contact label { display: block; width: 78px; float: left; line-height: 26px; height: 26px; padding-top: 4px; font-weight: bold; }
#form-contact input { width: 164px; }
#form-contact p { padding: 0px 0px 14px 0px; margin: 0px; }
#form-contact p.odd { width: 312px; float: left; height: 35px; }
#form-contact textarea { width: 476px; height: 70px; }
#form-contact p.button { text-align: center; padding: 20px 0px 0px 0px; margin: 0px; }
#form-contact button { background: none; border: none; padding: 0px; margin: 0px; width: 128px; }
#form-contact button span { display: block; width: 128px; height: 50px; line-height: 50px; font-size: 20px; text-transform: uppercase; font-weight: bold; background: #A9D352 url(/images/form-contact-button.png) no-repeat left top; color: #FFFFFF; text-align: center; }


/*************/
/* THANK YOU */
/*************/
div.thank-you { text-align: center; font-size: 15px; line-height: 22px; padding: 40px 0px 0px 0px; }
div.thank-you p { padding-bottom: 45px; margin: 0px; }
div.thank-you p.intro { background: url(/images/reservation-confirmation-title.png) no-repeat 150px top; height: 125px; padding: 8px 0px 0px 540px; margin: 0px; width: auto !important; text-align: left; }

/*******************/
/* CONTENT PADDING */
/*******************/
div.content-padding { padding: 0px 0px 0px 10px; }
div.content-padding.no-title { padding-top: 5px; }
div.content-padding h2 { font-size: 15px; letter-spacing: normal; font-weight: bold; margin-bottom: 5px; margin-top: 30px; }
div.content-padding h2.border { margin-bottom: 12px; font-size: 18px; }
div.content-padding h2.border span {  background: url(/images/title-bg.png) repeat-x left bottom; padding: 0px 3px 7px 3px; position: relative; left: -3px; }
div.content-padding ul { margin-left: 0px; padding-left: 5px; }
div.content-padding li { list-style: none; background: url(/images/arrow-long-right.png) no-repeat left 4px; padding: 0px 0px 5px 22px; }

/*******************/
/* COLUMN: CONTENT */
/*******************/
div.column-content { padding-bottom: 40px; }
div.column-content h2 { font-size: 18px; letter-spacing: normal; font-weight: bold; margin-bottom: 12px; margin-top: 30px; }
div.column-content h2.first { margin-top: 0px; }
div.column-content h2 span.border {  background: url(/images/title-bg.png) repeat-x left bottom; padding: 0px 3px 7px 3px; position: relative; left: -3px; }
div.column-content h3.highlight { color: #FFFFFF; padding: 0px 0px; font-size: 13px; margin-bottom: 3px; }
div.column-content h3.highlight span { background-color: #A9D352; padding: 5px 5px; position: relative; left: -5px; display: inline-block; }
div.column-content ul { margin-left: 0px; padding-left: 5px; }
div.column-content ul li { list-style: none; background: url(/images/arrow-long-right.png) no-repeat left 4px; padding: 0px 0px 5px 22px; }

/*****************/
/* COLUMN: RIGHT */
/*****************/
div.column-right {}
div.column-right ul { margin-left: 0px; padding-left: 5px; margin-bottom: 0px; }
div.column-right ul li { list-style: none; background: url(/images/arrow-long-right.png) no-repeat left 4px; padding: 0px 0px 4px 17px; }

/* IMAGE BLOCK */
div.image-block { margin: -25px 0px 40px 0px; }
div.image-block img { display: block; }

/* SIMPLE BLOCK */
div.simple-block { padding: 5px 0px 10px 15px; border-left: 1px solid #E1E1E1; margin-bottom: 30px; position: relative; }
div.simple-block h2 { margin-bottom: 0px; height: 36px; line-height: 36px; position: relative; }
div.simple-block h2 span { position: absolute; top: 0px; left: 0px; background-repeat: no-repeat; height: 36px; width: 214px; background-image: url(/images/block-title-sprite.png); }
div.simple-block p { margin-bottom: 0px; }
div.simple-block p.note { font-size: 11px; color: #999999; padding-top: 5px; }
div.simple-block .icon { position: absolute; top: 0px; right: 0px; }

/* SIMPLE BLOCK: CUSTOM SPECS */
#block-languages h2 span { background-position: 0px -36px; }

/* COMPLEX BLOCK */
div.complex-block { border: 1px solid #CCCCCC; height: 188px; padding: 10px 16px 0px 0px; background: url(/images/delete-me-18.jpg) no-repeat left top; text-align: right; font-size: 11px; line-height: 16px; margin-bottom: 20px; position: relative; }
div.complex-block h2 { background: url(/images/complex-block-title-bg.png) no-repeat right top; height: 36px; line-height: 32px; margin: 0px; padding: 0px 8px 10px 0px; font-size: 20px; color: #FFFFFF; }
div.complex-block h2 span { background-color: #A9D352; padding: 4px; }
div.complex-block p { padding-left: 80px; }
div.complex-block ul { padding-left: 60px; }
div.complex-block ul li { list-style-type: disc; list-style-position: inside; background: none; padding-bottom: 0px; }
div.complex-block p.note { position: absolute; top: 205px; right: 0px; font-size: 11px; color: #999999; width: 220px; text-align:  left; }

div.column-right div.block { margin-bottom: 30px; }

/* REFERENCE BLOCK */
div.reference-block { border: 1px solid #E1E1E1; background: #FFFFFF url(/images/reference-block-bg.png) no-repeat right bottom; margin-bottom: 30px; padding: 8px; position: relative; }
div.reference-block h2 { font-size: 16px; font-weight: bold; color: #FFFFFF; padding: 5px 0px; margin: 0px; }
div.reference-block h2 span { background-color: #666666; padding: 5px 6px; text-transform: uppercase; }
div.reference-block p { margin: 0px; }
div.reference-block p.tools { padding: 0px; position: absolute; top: 13px; right: 16px; white-space: nowrap; }
div.reference-block p.tools a { display: inline-block; width: 10px; height: 16px; background-position: left top; text-indent: -20px; overflow: hidden; text-decoration: none; background-repeat: no-repeat; } 
div.reference-block p.tools a.prev { background-image: url(/images/arrow-prev.png); margin-right: 10px; }
div.reference-block p.tools a.next { background-image: url(/images/arrow-next.png); }
div.reference-block div.carousel { margin: 0px -8px 0px -8px; color: #666666; height: 240px; overflow: hidden; }
div.reference-block div.item-list { height: 240px; overflow: hidden; }
div.reference-block div.item { padding: 10px 15px 10px 20px; line-height: 16px; width: 193px; float: left;  }
div.reference-block div.text { font-style: italic; padding: 0px 0px 6px 0px; max-height: 130px; overflow: hidden; }
div.reference-block p.logo { text-align: right; }
div.reference-block a.more { text-decoration: none; font-style: normal; }
div.reference-block a.more span { text-decoration: underline; }

/* BANNER */
div.banner img { border: 1px solid #CCC; display: block; }

/* TITLES */
#bt-01 span { background-position: 0px -36px; }
#bt-02 span { background-position: 0px -72px; }
#bt-03 span { background-position: 0px -108px; }
#bt-04 span { background-position: 0px -144px; }
#bt-05 span { background-position: 0px -180px; }
#bt-06 span { background-position: 0px -216px; }
#bt-07 span { background-position: 0px -252px; }
#bt-08 span { background-position: 0px -288px; }
#bt-09 span { background-position: 0px -324px; }

#title-do-you-know { height: 43px; position: relative; }
#title-do-you-know span { background-image: url(/images/title-do-you-know.png); height: 43px; width: 160px; }
#title-languages { height: 43px; position: relative; }
#title-languages span { background-image: url(/images/title-languages.png); height: 43px; width: 160px; }

/* LANGUAGE LIST */
div.column-right ul.language-list { margin: 0px; padding: 5px 0px 0px 0px; }
div.column-right ul.language-list li { list-style: none; background-image: url(/images/flags-small.png); background-repeat: no-repeat; padding: 2px 0px 2px 30px;  }
div.column-right ul.language-list li.even { background-color: #F2F2F2; }
div.column-right ul.language-list li.en { background-position: 4px 3px; }
div.column-right ul.language-list li.de { background-position: 4px -27px; }
div.column-right ul.language-list li.es { background-position: 4px -57px; }
div.column-right ul.language-list li.fr { background-position: 4px -87px; }
div.column-right ul.language-list li.ru { background-position: 4px -117px; }
div.column-right ul.language-list li.cs { background-position: 4px -147px; }
div.column-right ul.language-list li.it { background-position: 4px -177px; }
div.column-right ul.language-list li.nl { background-position: 4px -207px; }
div.column-right ul.language-list li.pt { background-position: 4px -237px; }
div.column-right ul.language-list li.pl { background-position: 4px -267px; }
div.column-right ul.language-list li.el { background-position: 4px -297px; }
div.column-right ul.language-list li.cn { background-position: 4px -327px; }
div.column-right ul.language-list li.jp { background-position: 4px -357px; }


/************/
/* BOX LIST */
/************/
ul.box-list { margin: 0px 0px 18px 0px; overflow: hidden; }
ul.box-list li { list-style: none; background: none; padding: 10px 10px 13px 77px; margin: 0px 20px 20px 0px; border: 1px solid #CCCCCC; width: 141px; float: left; line-height: 15px; font-size: 12px; color: #666666; background-position: 10px 10px; background-repeat: no-repeat; }
ul.box-list li.end { margin-right: 0px; }
ul.box-list li a { display: block; text-decoration: none; font-size: 14px; color: #7F7F7F; text-transform: uppercase; font-weight: bold; line-height: 18px; margin-bottom: 4px; }
ul.box-list li a strong { color: #000; font-size: 18px; letter-spacing: -1px; line-height: 18px; display: block; }
/* FLAGS */
ul.box-list li.en { background-image: url(/images/flag-en.png); }
ul.box-list li.de { background-image: url(/images/flag-de.png); }
ul.box-list li.fr { background-image: url(/images/flag-fr.png); }
ul.box-list li.es { background-image: url(/images/flag-es.png); }
ul.box-list li.ru { background-image: url(/images/flag-ru.png); }
ul.box-list li.it { background-image: url(/images/flag-it.png); }
ul.box-list li.cs { background-image: url(/images/flag-cs.png); }
ul.box-list li.pol { background-image: url(/images/flag-pol.png); }
ul.box-list li.hol { background-image: url(/images/flag-hol.png); }
ul.box-list li.chin { background-image: url(/images/flag-chin.png); }
ul.box-list li.jap { background-image: url(/images/flag-jap.png); }
ul.box-list li.por { background-image: url(/images/flag-por.png); }

/* BOX LIST: WIDE */
ul.box-list.wide {}
ul.box-list.wide li { width: 280px; padding: 10px 10px 10px 60px; background-position: 13px 14px; font-size: 11px; }
ul.box-list.wide li a { color: #000000; font-size: 16px;  padding-top: 1px; }
ul.box-list.wide li em { font-style: normal; text-decoration: underline; white-space: nowrap; line-height: 16px; }

/* BOX LIST: WIDE - FLAGS */
ul.box-list.wide li.en { background-image: url(/images/flag-en-n.png); }
ul.box-list.wide li.de { background-image: url(/images/flag-de-n.png); }
ul.box-list.wide li.fr { background-image: url(/images/flag-fr-n.png); }
ul.box-list.wide li.es { background-image: url(/images/flag-es-n.png); }
ul.box-list.wide li.ru { background-image: url(/images/flag-ru-n.png); }
ul.box-list.wide li.it { background-image: url(/images/flag-it-n.png); }
ul.box-list.wide li.cs { background-image: url(/images/flag-cs-n.png); }
ul.box-list.wide li.pol { background-image: url(/images/flag-pol-n.png); }
ul.box-list.wide li.hol { background-image: url(/images/flag-hol-n.png); }
ul.box-list.wide li.chin { background-image: url(/images/flag-chin-n.png); }
ul.box-list.wide li.gr { background-image: url(/images/flag-gr-n.png); }
ul.box-list.wide li.jap { background-image: url(/images/flag-jap-n.png); }
ul.box-list.wide li.por { background-image: url(/images/flag-por-n.png); }

/* SAMPLE LESSON */
.sample-lesson-banner { background-color: #F3F3F3; min-height: 35px; font-size: 13px; padding: 23px 0px 0px 203px; position: relative;  margin-bottom: 10px;  }
.sample-lesson-banner p { margin: 0px !important; }
.sample-lesson-banner-title { width: 168px; height: 44px; position: absolute; top: 8px; left: 10px; text-indent: -300px; overflow: hidden; background-image: url(/images/sample-lesson-title.png); }


/*******************************************************************/
/*                                             MAIN CONTENT - WIDE */
/*******************************************************************/
#body.wide #main-content { width: auto; float: none; padding: 15px 20px 20px 10px; }
#body.wide #main-content p.intro { width: 630px; }
#body.wide #section { padding-left: 20px; }


/*******************************************************************/
/*                                                        HOMEPAGE */
/*******************************************************************/
#page-homepage { background: #FFFFFF; }

#page-homepage #header { height: 113px; margin-bottom: -11px; background: url(../images/body-bg.png) no-repeat center 101px; position: relative; z-index: 1; }
#page-homepage #header-content { width: 980px; margin: 0 auto; }
#page-homepage h1 { font-size: 24px; height: 40px; line-height: 40px; padding: 0px; margin: 0px; }
#page-homepage #flash { position: static; z-index: 0; }
/*#page-homepage #login-layer { top: -362px; }*/

#page-homepage #page-bg { background-position: left 403px; }

#page-homepage div.column-left { width: 450px; float: left; padding: 20px 20px 0px 10px; margin-right: 20px; line-height: 19px; }
#page-homepage div.column-right { width: 480px; float: left; padding-top: 20px; margin-bottom: 20px; }

#flash { width: 100%; text-align: center; margin: 0px; height: 300px; }

div.column-right div.tab-panel { background-color: #FFFFFF; border: 1px solid #CCCCCC; border-top: none; padding: 0px; margin: 0px; }
div.column-right ul.tab-anchors { margin-bottom: 0px; text-align: left; padding: 2px 0px 0px 0px; height: 39px; }
div.column-right ul.tab-anchors li { font-size: 16px; display: block; float: left; height: 40px; padding-top: 5px; padding-left: 0px; background: none; }
div.column-right ul.tab-anchors a { height: 33px; border: 1px solid #CCC; background: #FFFFFF; color: #B2B2B2; padding: 0px 15px; line-height: 35px; text-align: center; }
div.column-right ul.tab-anchors li.active { padding-top: 0px; }
div.column-right ul.tab-anchors li.active a { height: 33px; border: 1px solid #CCC; border-bottom-color: #FFF; background: url(/images/tab-bg.png) repeat-x left top; color: #000; cursor: default; padding-top: 5px; }
div.column-right ul.tab-anchors li.first a { width: 159px; }
div.column-right ul.tab-anchors li.second a { width: 258px; }
div.column-right ul.tab-anchors li.first.active { margin-right: -1px; }
div.column-right ul.tab-anchors li.second.active { margin-left: -1px; }

div.news div.tab-panel-content { padding: 12px 15px 0px 15px; }
dl.news-list { line-height: 17px; padding: 0px 20px 0px 0px; margin: 0px; }
dl.news-list p { margin-bottom: 0px; }
dl.news-list dt { float: left; clear: left; padding-right: 18px; position: relative; width: 77px; text-align: right; line-height: 17px; }
dl.news-list dd { margin-left: 95px; margin-bottom: 10px; }
dl.news-list h3 { font-size: 13px; text-transform: none; line-height: 17px; padding: 0px 0px 6px 0px; }
dl.news-list dt span.type { font-size: 10px; text-transform: uppercase; display: block; padding-top: 6px; }
dl.news-list dt span.course { color: #759A27; }
dl.news-list dt span.info { color: #D61F22; }

dl.news-list.notice { background: #FE611C url(/images/notice-bg.png) no-repeat left top; width: 439px; height: 38px; padding: 0px; margin: 0px 0px 10px 0px; overflow: hidden; color: #FFFFFF; }
dl.news-list.notice a { color: #FFFFFF; }
dl.news-list.notice dt { line-height: 34px; }
dl.news-list.notice dd { line-height: 34px; position: relative; }
dl.news-list.notice dd h3 { line-height: 34px; text-transform: uppercase; }
dl.news-list.notice p.more { height: 34px; line-height: 34px; position: absolute; top: 0px; right: 26px; }

.notice-block { margin:0 20px 15px 0;border:1px solid #FE621D;padding:18px 20px 18px 130px;background: #fff url(/images/notice-block-bg.gif) no-repeat 7px 5px; }

/****************/
/* COURSE OFFER */
/****************/
#course-offer { height: 193px; padding: 25px 0px 15px 0px; background-image: url(/images/language-bg.png); background-position: center top; margin-top: -40px; position: relative; }

#course-offer h2 { width: 197px; height: 39px; margin-bottom: 8px; }
#course-offer h2 span { width: 197px; height: 39px; background-image: url(/images/course-offer-title.png); }

#course-offer ul { padding: 0px; margin: 0px 0px 0px 11px; }
#course-offer ul a { color: #999999; text-decoration: none; display: block; padding-left: 43px; height: 42px; background-position: 0px 3px; }
#course-offer ul strong { color: #000000; text-decoration: underline; display: block; }
#course-offer li { list-style: none; padding: 0px 15px 18px 0px; margin: 0px; float: left; }
#course-offer li.cs { padding-right: 0px; }


#course-offer .main-languages { font-size: 15px; line-height: 18px; }

#course-offer .other-languages { font-size: 11px; line-height: 13px; }
#course-offer .other-languages li { padding-right: 25px; }
#course-offer .other-languages li.jp { padding-right: 0px; }
#course-offer .other-languages strong { font-size: 12px; }
#course-offer .other-languages a { padding-left: 32px; background-position: 0px 2px; }

#course-offer .en a { background-image: url(/images/menu-flag-en.png); }
#course-offer .de a { background-image: url(/images/menu-flag-de.png); }
#course-offer .fr a { background-image: url(/images/menu-flag-fr.png); }
#course-offer .es a { background-image: url(/images/menu-flag-es.png); }
#course-offer .ru a { background-image: url(/images/menu-flag-ru.png); }
#course-offer .cs a { background-image: url(/images/menu-flag-cs.png); }

#course-offer .it a { background-image: url(/images/menu-flag-it-small.png); }
#course-offer .nl a { background-image: url(/images/menu-flag-nl-small.png); }
#course-offer .pt a { background-image: url(/images/menu-flag-pt-small.png); }
#course-offer .pl a { background-image: url(/images/menu-flag-pl-small.png); }
#course-offer .el a { background-image: url(/images/menu-flag-el-small.png); }
#course-offer .cn a { background-image: url(/images/menu-flag-cn-small.png); }
#course-offer .jp a { background-image: url(/images/menu-flag-jp-small.png); }


/**************/
/* FLASH GRID */
/**************/
#flash-grid { height: 230px; clear: both; overflow: hidden; padding-bottom: 14px; }
#flash-grid div.course-block { margin-bottom: 0px; }
#flash-grid-wrapper  { height: 200px; width: 1000px; overflow: hidden; position: relative; }
#flash-grid-wrapper div.carousel { height: 200px; overflow: hidden; }
#flash-grid-status { text-align: center; padding-top: 11px; }
#flash-grid-status span { display: inline-block; width: 10px; height: 10px; background: url(/images/progress-bar-element.png) no-repeat center top; cursor: pointer; margin: 0px 3px; }
#flash-grid-status span.active { background-position: center -10px; }


/*********/
/* LINKS */
/*********/
dl.links {}
dl.links dt { font-weight: bold; padding-top: 10px; }

/********************/
/* FORM COMPETITION */
/********************/
#competition-subtitle { position: relative; font-size: 30px; line-height: 50px; color: #FEB300; }
#competition-subtitle strong { display: block; padding-left: 30px; color: #C10000; }
#competition-subtitle span { display: block; width: 404px; height: 104px; background: url(/images/competition-subtitle.png) no-repeat left top; position: absolute; top: 0px; left: 0px; }

#form-competition {}
#form-competition legend { font-size: 20px; font-weight: bold; color: #666666; text-transform: uppercase; top: 18px; }
#form-competition div.fieldset-padding { padding-top: 50px; }
#form-competition ol { line-height: 16px; }
#form-competition ol ol { list-style: none; margin: 0px; padding: 5px 0px 0px 0px; }
#form-competition ol.numbered-list { margin: 0px; }
#form-competition ol.numbered-list li { padding: 13px 10px 13px 35px; }
#form-competition ol.numbered-list > li + li { background: url(/images/numbered-list-border.png) repeat-x left top; }
#form-competition ol.numbered-list li li { padding: 5px 0px; }
#form-competition ol.numbered-list > li:first-child { padding-top: 0px; }
#form-competition fieldset.single-line label { position: relative; top: -1px; }
#form-competition div.section { line-height: 20px; }

/* BLOCK: GIFT CERTIFICATE */
#block-gift-certificate { width: 185px; height: 193px; padding: 7px 5px 0px 10px; background: url(/images/block-gift-certificate-bg.jpg) no-repeat right bottom;}
#block-gift-certificate h2 { font-size: 20px; font-weight: bold; text-transform: uppercase; color: #C10000; margin: 0px 0px 10px 0px; }
#block-gift-certificate p { margin: 0px; padding: 0px; }
#block-gift-certificate .row span { background-color: #C10000; color: #FFF; font-weight: bold; text-transform: uppercase; font-size: 16px; padding: 4px 6px; }
#block-gift-certificate.course-block { width: 213px; height: 191px; }