@CHARSET "UTF-8";

/* ----------------------------------------------------------------------------
 * GENERAL STYLES
 * ---------------------------------------------------------------------------- */

body, div, td {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 100%;
	color: #000000;
}

input, textarea, select {
	font-size: 1em;
	font-family: Tahoma, Arial, sans-serif;
	color: #000000;
}

strong, b {
	font-weight: bold;
}

input.noBordersInput {
	border: 0px;
}

input.bigButton {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 1.32em;
}

p.block {
	margin-bottom: 15px;
}

div.clear {
	clear: both;
}

div.sep10 {
	width: 100%;
	height: 10px;
	font-size: 0.01em;
}

div.sep15 {
	width: 100%;
	height: 15px;
	font-size: 0.01em;
}

.width1Percent {
	width: 1%;
}

.green {
	color: #32b029;
}

.grayBG {
	background-color: #eaf0f2;
}

.stars img {
	margin-top: 4px;
	margin-right: 3px;
}

table.list div.stars {
	margin-top: 2px;
	margin-bottom: 7px;
}

.requiredStar {
	color: #ec1212;
}

.red {
	color: #ec1212;
}

div.noDate {
	font-size: 0.82em;
	text-align: center;
}

.datepickerContainer {
	font-size: 0.88em;
}

.datepickerContainer img {
	margin-left: 5px;
}

.colorTariff1 {
	color: #858585;
}

.colorTariff2 {
	color: #0000ff;
}

.colorTariff3 {
	color: #ff0000;
}

div.subCategories {
	margin-left: 10px;
	margin-bottom: 20px;
}

div.articlesSort {
	margin-left: 10px;
	margin-bottom: 20px;
}

div.articleTrainings {
	float: right;
	width: 400px;
	margin-left: 20px;
	margin-bottom: 20px;
}

div.articleTrainings div.srBoxYellow {
	padding: 15px;
}

div.articleTrainings h4.smallCaption {
	margin-bottom: 15px;
}

div.articleTrainings div.allTrainingsLink {
	font-size: 0.75em;
}

table.articlesBigList p {
	padding-right: 10px;
	padding-bottom: 10px;
}

div.textBlock ol {
	margin-bottom: 15px;
}

div.textBlock ol li {
	margin-left: 40px;
	margin-bottom: 5px;
	list-style-type: decimal;
	list-style-image: none;
	list-style-position: outside;
}

div.textBlock ul {
	margin-bottom: 15px;
}

div.textBlock ul li {
	margin-left: 30px;
	margin-bottom: 5px;
	list-style-type: square;
	list-style-image: none;
	list-style-position: inside;
}

table.banners td {
	padding: 7px;
}

input.benefitsRegisterButton {
	margin: 10px;
	width: 490px;
}

div.benefitsRegisterBlock div.srBoxYellowLT {
	width: 515px !important;
}

input.eventRequestButton {
	margin: 10px;
	width: 390px;
}

div.eventRequestBlock div.srBoxYellowLT {
	width: 415px !important;
}

div.agreementPadding {
	padding-left: 30px;
}

div.direct {
	font-size: 0.82em;
}

div.directLeft {
	margin-bottom: 15px;
}

div.directHeader{
	padding: 0px 20px 0px 20px;
}

div.directBottom {
	margin-top: 10px;
}

div.rightFloatAdBlock {
	float: right;
	width: 300px;
	margin-left: 20px;
	margin-bottom: 20px;
}

div.links {
	font-size: 0.75em;
	color: #666666;
}

div.links  a{
	text-decoration: underline;
	color: #666666;
}

div.linksRight {
	margin-top: 15px;
}

div.rightFloatAdBlockBigMargin {
	margin-top: 50px;
}

div.rightFloatAdBlockBigMargin div.links {
	padding-left: 5px;
	width: 270px;
}

div#rightText {
	margin-bottom: 20px;
}

span.askQuestion {
	color: #7e7e5d;
	font-size: 1.19em;
}

/* ----------------------------------------------------------------------------
 * LAYOUT
 * ---------------------------------------------------------------------------- */

#container {
	width: 100%;
	min-width: 980px;
}

#layout {
	width: 100%;
}

#header {
	/*height: 115px;*/
	height: 100px;
	background: #eaf0f2 url(/img/top_banner_bg.gif) repeat-x left top;
	border-bottom: 1px solid #e2e2e2;
	text-align: center;
}

#left {
	width: 20%;
	height: 100px;
	padding-left: 20px;
	vertical-align: top;
}

#right {
	padding-left: 20px;
	padding-right: 20px;
	width: 75%;
	vertical-align: top;
}

#mainContent {
	padding-top: 5px;
}

#layoutThreeColumns {
	width: 100%;
}

#advancedSearch {
	display: none;
	padding-top: 10px;
	padding-bottom: 7px;
}

#advancedSearch td {
	vertical-align: top;
}

#advancedSearch td.advancedCaption {
	padding-bottom: 10px;
	font-size: 1em;
	font-weight: bold;
}

#advancedSearch select#category_id {
	width: 330px;
}

#advancedSearch select#city {
	width: 330px;
}

#advancedSearch #from_date, #advancedSearch #to_date {
	padding: 2px 3px 2px 3px;
	width: 80px;
}

#advancedSearch div.datepickerContainer {
	margin: 0px 60px 10px 10px;
}

#advancedSearch td.advancedCompanyCaption {
	padding-top: 10px;
}

#advancedSearch select#company_id {
	width: 200px;
}

#advancedSearch table.corpTrainingsAdvancedSearch {
	width: auto;
}

#advancedSearch table.corpTrainingsAdvancedSearch td {
	padding-right: 20px;
}

#layoutThreeColumns {
	width: 100%;
}

#layoutThreeColumns td.column {
	padding-right: 20px;
	width: 33%;
	vertical-align: top;
}

#layoutThreeColumns td.rightColumn {
	width: 33%;
	vertical-align: top;
}

#layoutTwoColumns {
	width: 100%;
}

#layoutTwoColumns td.leftColumn {
	width: 67%;
	vertical-align: top;
}

#layoutTwoColumns td.rightColumn {
	padding-left: 20px;
	width: 33%;
	vertical-align: top;
}

#footerMargin {
	height: 50px;
}

#footerLeft, #footerRight {
	margin-top: 30px;
	padding: 20px 20px 20px 20px;
	border-top: 1px solid #cfecf7;
	vertical-align: top;
}

/* ----------------------------------------------------------------------------
 * MAIN BLOCKS
 * ---------------------------------------------------------------------------- */

/* ---------- LOGO ---------- */

#logo {
	margin-top: 17px;
	margin-bottom: 13px;
}

/* ---------- LOGIN FORM  ---------- */

#loginBlock {
	margin-bottom: 15px;
}

#loginForm label {
	font-size: 0.75em;
	color: #809298;
}

#loginForm div.loginFormInput {
	padding: 2px 3px 2px 3px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #ffffff;
	border: 1px solid #c6c6c6;
}

#loginForm div.loginFormInput input {
	margin: 0px;
	padding: 0px;
	width: 100%;
	border: 0px;
	font-size: 0.88em;
}

#loginForm td.rememberCheckbox input {
	margin-right: 5px;
}

#loginForm input.loginButton {
	margin-left: 15px;
	width: 50px;
	font-size: 0.75em;
}

#loginForm table {
	margin-top: 10px;
	width: 100%;
}

#loginForm td.rememberCheckbox {
	width: 1%;
}

#loginForm td.rememberLabel {
	width: 99%;
}

#loginForm td.login {
	text-align: right;
}

div.signupNote {
    font-size: 0.75em;
    margin-top: 10px;
}

#loggedInUserBlock {
	margin-bottom: 20px;	
}

.loggedInUserName {
	margin-bottom: 10px;
	font-weight: bold;
}

.loggedInUserStat {
	margin-bottom: 10px;
	width: 100%;
	font-size: 0.88em;
}

.loggedInUserStat .rightColumn {
	text-align: right;
}

.loggedInUserStat td {
	padding-bottom: 5px;
}

input.logoutButton {
	width: 50px;
	font-size: 0.75em;
}

/* ---------- LEFT MENU ---------- */

.leftMenu ul {
	margin-bottom: 30px;
}

.leftMenu li {
	margin-bottom: 6px;
	font-size: 0.88em;
}

.leftMenu li.menuCaption {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 1em;
}

/* ---------- LEFT NEWS ---------- */

#news ul {
	margin-bottom: 20px;
	font-size: 0.88em;
}

#news li {
	margin-bottom: 14px;
}

/* ---------- LEFT ANNOUNCEMENTS ---------- */

#announcements {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 0.88em;
}

#announcements li {
	margin-bottom: 14px;
}

/* ---------- TOP MENU  ---------- */

#topMenu {
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 12px;
	border-left: 1px solid #e7e7e7;
}

#topMenu td {
	border-right: 1px solid #e7e7e7;
	padding: 0px 20px 0px 20px;
	text-align: center;
	font-size: 1.12em;
	color: #52595b;
}

/* ---------- LEFT MENU  ---------- */

#leftMenu ul {
	margin-bottom: 30px;
	font-size: 0.88em;
}

#leftMenu li {
	margin-bottom: 14px;
}

/* ---------- SEARCH FORM  ---------- */

#searchForm table {
	width: 100%;
}

#searchForm td.searchCell {
	padding-right: 6px;
}

#searchForm div.searchFormInput input {
	width: 100%;
	font-size: 1.32em;
}

#searchForm input.searchButton {
	margin-left: 15px;
/*	padding-top: 3px;
	padding-bottom: 3px;
	width: 170px;
	font-size: 1.32em;*/
}

#searchForm div.searchFormInput {
	padding: 2px;
	width: 100%;
	background-color: white;
	border: 1px solid #c6c6c6;
}

#searchForm td.advancedSearchCell {
	padding-top: 7px;
	padding-bottom: 1px;
}

#searchForm td.advancedSearchCell img {
	margin-left: 3px;
}

#searchForm td.advancedSearchCell td {
	vertical-align: bottom;
}

#searchForm table.advancedSearchCellSep {
	width: auto;
}

#searchForm table.searchParams td {
	padding-left: 30px;
}

#searchForm table.searchParams td {
	font-size: 0.75em;
	color: #809298;
}

#topSiteStat {
x	padding-top: 4px;
	vertical-align: top;
	text-align: right;
	font-size: 0.88em;
	color: #809298;
}

/* ---------- BREADCRUMB  ---------- */

#breadcrumb {
	margin: 5px 10px 5px 10px;
	font-size: 0.88em;
}

#breadcrumb div.breadcrumbLink {
	float: left;
}

#breadcrumb img.breadcrumbArrowRight {
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 6px;
}

#breadcrumb img.breadcrumbArrowDown {
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 3px;
}

/* ---------- FOOTER  ---------- */

#footerLeft img {
	margin-top: 4px;
}

#footerRight table {
	width: 100%;
}

#counters {
	text-align: right;
	padding-right: 0px !important;
}

#footerRight td {
	padding-right: 30px;
	vertical-align: top;
}

#footerRight p {
	font-size: 0.93em;
	color: #52595b;
}

#footerRight ul {
	margin-top: 15px;
	margin-right: 70px;
}

#footerRight li {
	margin-bottom: 10px;
	font-size: 0.88em
}

/* ---------- BANNERS  ---------- */

div.leftBanner {
	text-align: center;
	margin-bottom: 15px;
}

div.rightBanner {
	margin-top: 10px;
	margin-bottom: 20px;
}

div.rightBanner img.rightBannerTop {
	border-top: 1px solid #cc1515;
	border-right: 1px solid #cc1515;
	border-left: 1px solid #cc1515;
}

div.rightBanner img.rightBannerBottom {
	border-bottom: 1px solid #cc1515;
	border-right: 1px solid #cc1515;
	border-left: 1px solid #cc1515;
}

/* ---------- LISTS  ---------- */

table.list {
	width: 100%;
	
	margin-bottom: 15px;
	border-bottom: 1px solid #e5e5e5;
}

table.list td {
	padding: 10px 15px 10px 15px;
	border-top: 1px solid #e5e5e5;
	vertical-align: top;
}

table.list tr.highlighted td {
	background-color: #eef6fe;
}

table.list tr.highlighted div.listItemCell {
	margin-top: 1px;
	margin-bottom: 1px;
	background-color: #fafbb3;
}

table.list tr.highlightedListRow td {
	background-color: #fafbb3;
}
	
table.list tr.special td {
	background-color: #fafbb3;
	border-top: 1px solid #d8d9a8;
}

table.list tr.special td.specialLeftColumn {
	border-left: 1px solid #d8d9a8;
}

table.list tr.special td.specialRightColumn {
	border-right: 1px solid #d8d9a8;
}

table.list tr.darkTopBorder td {
	border-top: 1px solid #d8d9a8;
}

table.list tr.special div.listItemCell {
	margin-top: 1px;
	margin-bottom: 1px;
	background-color: #fafbb3;
}

table.list td.columnName {
	padding: 0px 15px 10px 15px;
	border-top: 0px;
	vertical-align: top;
	font-size: 1.12em;
}

table.list div.bigText {
	font-size: 1.12em;
}

a.listItemCaption {
	font-size: 1.12em;	
}

/* ----------------------------------------------------------------------------
 * TEXT STYLES
 * ---------------------------------------------------------------------------- */

/* ---------- LINKS ---------- */

a:link, a:visited, a:active {
	color: #1475cd;
	text-decoration: underline;
}

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

a.ajaxLink:link, a.ajaxLink:visited, a.ajaxLink:active, a.ajaxLink:hover {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: -moz-use-text-color;
}

a.ajaxLinkBlack:link, a.ajaxLinkBlack:visited, a.ajaxLinkBlack:active, a.ajaxLinkBlack:hover {
	color: #000000;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
}

a.ajaxLinkBlack:hover {
	color: #ec1212;
}

a.topMenuSelected:link, a.topMenuSelected:visited, a.topMenuSelected:active {
	text-decoration: underline;
	color: #52595b;
}

a.topMenuSelected:hover {
	text-decoration: underline;
	color: #ec1212;
}

a.green:link, a.green:visited, a.green:active {
	color: #32b029;
}

a.green:hover {
	color: #ec1212;
}

a.black:link, a.black:visited, a.black:active {
	text-decoration: none;
	color: #000000;
}

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

a.blackUnderline:link, a.blackUnderline:visited, a.blackUnderline:active, a.blackUnderline:hover {
	text-decoration: underline;
	color: #000000;
}

a.gray:link, a.gray:visited, a.gray:active {
	text-decoration: none;
	color: #858585;
}

a.gray:hover {
	text-decoration: underline;
	color: #858585;
}

a.grayUnderline:link, a.grayUnderline:visited, a.grayUnderline:active, a.grayUnderline:hover {
	text-decoration: underline;
	color: #858585;
}

a.yellowGray:link, a.yellowGray:visited, a.yellowGray:active, a.yellowGray:hover {
	text-decoration: underline;
	color: #7e7e5d;
}

a.specialGray:link, a.specialGray:visited, a.specialGray:active {
	text-decoration: none;
	color: #7e7e5d;
}

a.specialGray:hover {
	text-decoration: underline;
	color: #7e7e5d;
}

/* ---------- CAPTIONS ---------- */

h1.caption {
	margin-left: 10px;
	margin-bottom: 20px;
	font-family: Arial;
	font-size: 1.75em;
	font-weight: bold;
}

h4.smallCaption {
	padding: 0px;
	margin-bottom: 10px;
	font-family: Arial;
	font-size: 1.12em;
}

h3.caption {
	margin: 20px 10px 15px 10px;
	font-family: Arial;
	font-size: 1.32em;
	font-weight: bold;
}

h4.caption {
	margin-bottom: 10px;
	font-family: Arial;
	font-size: 1.32em;
	font-weight: bold;
}

h5.smallestCaption {
	padding: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
	font-family: Arial;
	font-size: 0.93em;
	line-height: 18px;
	font-weight: bold;
	color: #555555;
}

#layoutThreeColumns h4.caption {
	margin-left: 25px;
	margin-bottom: 20px;
}

h4.caption a:link,
h4.caption a:visited,
h4.caption a:active,
h4.caption a:hover {
	color: #000000;
}

/* ---------- TEXT ---------- */

.smallText {
	font-size: 0.75em;
}

.smallestText {
	color: #555555;
	font-size: 0.75em;
	line-height: 15px;
	text-align: justify;
}

.smallestBlackText {
	color: #000000;
	font-size: 0.75em;
	line-height: 15px;
	text-align: justify;
}

.smallestText p, .smallestBlackText p {
	margin-bottom: 10px;
}

span.gray {
	color: #858585;
}

span.normalText {
	font-size: 0.88em !important;
}

.yellowGray {
	color: #7e7e5d;
}

.yellowLightGray {
	color: #b1b283;
}

div.textBlock {
	margin-left: 10px;
	font-size: 0.88em;
	line-height: 1.4em;
	text-align: justify;
}

div.textBlock p {
	margin-bottom: 15px;
}

/* ----------------------------------------------------------------------------
 * ROUNDED BOXES
 * ---------------------------------------------------------------------------- */

/* ---------- BIG ROUNDED BLUE BOX ---------- */

.brBoxBlue {
	padding: 10px 20px 15px 20px;
}

.brBoxBlueLT {
	width: 100%;
	background: #cfecf7 url(/img/box_br_blue_lt.gif) no-repeat left top;
}

.brBoxBlueRT {
	width: 100%;
	background: transparent url(/img/box_br_blue_rt.gif) no-repeat right top;
}

.brBoxBlueRB {
	width: 100%;
	background: transparent url(/img/box_br_blue_rb.gif) no-repeat right bottom;
}

.brBoxBlueLB {
	width: 100%;
	background: transparent url(/img/box_br_blue_lb.gif) no-repeat left bottom;
}

/* ---------- BIG ROUNDED GRAY BOX ---------- */

.brBoxGray {
	padding: 10px 20px 15px 20px;
}

.brBoxGrayLT {
	width: 100%;
	background: #eaf0f2 url(/img/box_br_gray_lt.gif) no-repeat left top;
}

.brBoxGrayRT {
	width: 100%;
	background: transparent url(/img/box_br_gray_rt.gif) no-repeat right top;
}

.brBoxGrayRB {
	width: 100%;
	background: transparent url(/img/box_br_gray_rb.gif) no-repeat right bottom;
}

.brBoxGrayLB {
	width: 100%;
	background: transparent url(/img/box_br_gray_lb.gif) no-repeat left bottom;
}

/* ---------- SMALL ROUNDED GRAY BOX ---------- */

.srBoxGray {
	padding: 3px;
}

.srBoxGrayLT {
	width: 100%;
	background: #eaf0f2 url(/img/box_sr_gray_lt.gif) no-repeat left top;
}

.srBoxGrayRT {
	width: 100%;
	background: transparent url(/img/box_sr_gray_rt.gif) no-repeat right top;
}

.srBoxGrayRB {
	width: 100%;
	background: transparent url(/img/box_sr_gray_rb.gif) no-repeat right bottom;
}

.srBoxGrayLB {
	width: 100%;
	background: transparent url(/img/box_sr_gray_lb.gif) no-repeat left bottom;
}

/* ---------- SMALL ROUNDED YELLOW BOX ---------- */

.srBoxYellow {
	padding: 3px;
}

.srBoxYellowLT {
	width: 100%;
	background: #fafbb3 url(/img/box_sr_yellow_lt.gif) no-repeat left top;
}

.srBoxYellowRT {
	width: 100%;
	background: transparent url(/img/box_sr_yellow_rt.gif) no-repeat right top;
}

.srBoxYellowRB {
	width: 100%;
	background: transparent url(/img/box_sr_yellow_rb.gif) no-repeat right bottom;
}

.srBoxYellowLB {
	width: 100%;
	background: transparent url(/img/box_sr_yellow_lb.gif) no-repeat left bottom;
}

/* ---------- SMALL ROUNDED GREEN BOX ---------- */

.srBoxGreen {
	padding: 3px;
}

.srBoxGreenLT {
	width: 100%;
	background: #d5f7cf url(/img/box_sr_green_lt.gif) no-repeat left top;
}

.srBoxGreenRT {
	width: 100%;
	background: transparent url(/img/box_sr_green_rt.gif) no-repeat right top;
}

.srBoxGreenRB {
	width: 100%;
	background: transparent url(/img/box_sr_green_rb.gif) no-repeat right bottom;
}

.srBoxGreenLB {
	width: 100%;
	background: transparent url(/img/box_sr_green_lb.gif) no-repeat left bottom;
}


/* Td center, migrated from main.css */
#layout p.text {
	margin-bottom: 15px;
}

p.success {
	margin-bottom: 20px;
	padding: 15px;
	padding: 14px 15px 14px 42px;
	background-image: url("/img/icon-success-small.png");
	background-repeat: no-repeat;
	background-position: 10px 10px;
	background-color: #d0fccd;
	border: 1px solid #81e17b;
	font-size: 0.88em;
	color: #4fb249;
}

p.formSuccess {
	padding: 7px 0px 30px 42px;
	background-image: url("/img/icon-success.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 0.88em;
}

p.error {
	padding: 7px 0px 30px 42px;
	background-image: url("/img/icon-error.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 0.88em;
}

p.warning {
	margin-left: 7px;
	padding: 7px 0px 30px 42px;
	background-image: url("/img/icon-warning.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 0.88em;
}

p.comment {
    margin-bottom: 15px;
    font-size: 0.75em;
    color: #809298;
}

div.add {
	margin-left: 8px;
	padding: 7px 0px 25px 37px;
	background-image: url("/img/icon-add.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 0.88em;
}

}