/* ================================
    CSS STYLES FOR i-builder portal
   ================================
*/

/********************************************** main page *********************************************/
a.header_pink_220x41, a.header_pink_220x41:active, a.header_pink_220x41:hover, a.header_pink_220x41:link, a.header_pink_220x41:visited,
a.header_gray_220x41, a.header_gray_220x41:active, a.header_gray_220x41:hover, a.header_gray_220x41:link, a.header_gray_220x41:visited,
a.header_cyan_220x41, a.header_cyan_220x41:active, a.header_cyan_220x41:hover, a.header_cyan_220x41:link, a.header_cyan_220x41:visited {
	font-family: calibri, arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: white;
	text-decoration: none;
	width: 220px;
	height: 41px;
	display: inline-block;
	padding: 9px 0 0 10px;
	margin: 9px 0 0;
	background-position: 0 0;
	background-repeat: no-repeat;
}
a.header_pink_220x41, a.header_pink_220x41:active, a.header_pink_220x41:hover, a.header_pink_220x41:link, a.header_pink_220x41:visited {
	background-image: url('images/eXant/header_pink_220x41.png');
}
a.header_gray_220x41, a.header_gray_220x41:active, a.header_gray_220x41:hover, a.header_gray_220x41:link, a.header_gray_220x41:visited {
	background-image: url('images/eXant/header_gray_220x41.png');
}
a.header_cyan_220x41, a.header_cyan_220x41:active, a.header_cyan_220x41:hover, a.header_cyan_220x41:link, a.header_cyan_220x41:visited {
	background-image: url('images/eXant/header_cyan_220x41.png');
}

/*********************************************** modules **********************************************/
/* breadcrumb */
.skin_breadcrumbpane a:link, .skin_breadcrumbpane a:visited, span.breadcrumb {
	color: #717074;
	text-decoration:none;
}
.skin_breadcrumbpane a:hover, .skin_breadcrumbpane a:active, a.breadcrumb_selected, span.breadcrumb_selected,
.skin_breadcrumbpane a.breadcrumb_selected:link, .skin_breadcrumbpane a.breadcrumb_selected:active,
.skin_breadcrumbpane a.breadcrumb_selected:hover, .skin_breadcrumbpane a.breadcrumb_selected:visited {
	color: #EE84B5;
	text-decoration:none;
}

/* sitemap */
ul.sitemap, ul.sitemap *{margin: 0 10px; padding:0;}
ul.sitemap li {
	background-image: url('images/eXant/arrow_pink_solid.png');
	background-position: 0 6px;
	background-repeat: no-repeat;
	list-style-type: none;
	padding: 5px 0 5px 20px;
	margin: 0;
}
ul.sitemap li a, ul.sitemap li a:active, ul.sitemap li a:hover, ul.sitemap li a:link, ul.sitemap li a:visited {
	color:#EE84B5;
	text-decoration:none;
}
ul.sitemap li ul li {
	background-image: url('images/eXant/arrow_pink.png');
}
ul.sitemap li ul li a{}
ul.sitemap li ul li ul li a{}
ul.sitemap li ul li ul li ul li a{}


/************************************* various classes for content *************************************/
.bottom_line {
	background: transparent url('images/eXant/line.png') repeat-x bottom;
}
div.bottom_line {
	background: transparent url('images/eXant/line.png') repeat-x bottom;
	margin: 5px 0;
	width: 100%;
	height: 1px;
}

/* for sidepane tables with row layout as follows:
 * | icon | text |
 */
.table_icon {
	padding: 10px 5px 0;
	vertical-align: top;
}
.table_text {
	padding: 7px 0;
}


/******************************************** text elements ********************************************/
/* colors */
.pink, a.pink, a.pink:active, a.pink:hover, a.pink:link, a.pink:visited {color:#EC83B5;}
.cyan, a.cyan, a.cyan:active, a.cyan:hover, a.cyan:link, a.cyan:visited {color:#68C3BF;}
.gray, a.gray, a.gray:active, a.gray:hover, a.gray:link, a.gray:visited {color:#717074;}

/* background_colors */
.pink_bg, a.pink_bg {background-color:#EC83B5;}
.cyan_bg, a.cyan_bg {background-color:#68C3BF;}
.gray_bg, a.gray_bg {background-color:#717074;}
a.pink_bg:active, a.pink_bg:hover, a.pink_bg:link, a.pink_bg:visited, a.pink_bg,
a.cyan_bg:active, a.cyan_bg:hover, a.cyan_bg:link, a.cyan_bg:visited, a.cyan_bg,
a.gray_bg:active, a.gray_bg:hover, a.gray_bg:link, a.gray_bg:visited, a.gray_bg {
	background-image: url('images/eXant/more_arrow.png');
	background-position: right center;
	background-repeat: no-repeat;
	text-decoration: none;
	padding: 0 11px 2px 3px;
	display: inline-block;
	color: white;
}

/* header elements */
h1, h2, h3, h4 {font-family:arial;font-weight:normal;}
h1 {font-size:21px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {font-size:14px;}

table {
	font-size: 10px;
}
table td {
	font-family: Arial,sans-serif;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: 0;
	line-height: 1.4em;
	font-size: 1.2em;
	color: #717074;
}

/************************************************ links ************************************************/
a:link, a:visited {
	color: #0000FF;
	text-decoration:underline;
}
a:hover, a:active {
	color: #EE84B5;
	text-decoration:underline;
}
.co_dalej a:link, .co_dalej a:visited {
	color: #717074;
}
.co_dalej a:hover, .co_dalej a:active {
	color: #EE84B5;
}

a.arrow_pink_solid, a.arrow_pink_solid:active, a.arrow_pink_solid:hover, a.arrow_pink_solid:link, a.arrow_pink_solid:visited,
a.arrow_gray_solid, a.arrow_gray_solid:active, a.arrow_gray_solid:hover, a.arrow_gray_solid:link, a.arrow_gray_solid:visited,
a.arrow_cyan_solid, a.arrow_cyan_solid:active, a.arrow_cyan_solid:hover, a.arrow_cyan_solid:link, a.arrow_cyan_solid:visited,
a.arrow_pink, a.arrow_pink:active, a.arrow_pink:hover, a.arrow_pink:link, a.arrow_pink:visited,
a.arrow_gray, a.arrow_gray:active, a.arrow_gray:hover, a.arrow_gray:link, a.arrow_gray:visited,
a.arrow_cyan, a.arrow_cyan:active, a.arrow_cyan:hover, a.arrow_cyan:link, a.arrow_cyan:visited,
a.cross_pink, a.cross_pink:active, a.cross_pink:hover, a.cross_pink:link, a.cross_pink:visited,
a.cross_gray, a.cross_gray:active, a.cross_gray:hover, a.cross_gray:link, a.cross_gray:visited,
a.cross_cyan, a.cross_cyan:active, a.cross_cyan:hover, a.cross_cyan:link, a.cross_cyan:visited {
	padding: 0 20px 0 0;
	display: inline-block;
	font-family: tahoma,arial,sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

a.arrow_pink_solid, a.arrow_pink_solid:active, a.arrow_pink_solid:hover, a.arrow_pink_solid:link, a.arrow_pink_solid:visited {
	background: transparent url('images/eXant/arrow_pink_solid.png') no-repeat right;
	color: #EC83B5;
}
a.arrow_cyan_solid, a.arrow_cyan_solid:active, a.arrow_cyan_solid:hover, a.arrow_cyan_solid:link, a.arrow_cyan_solid:visited {
	background: transparent url('images/eXant/arrow_cyan_solid.png') no-repeat right;
	color: #68C3BF;
}
a.arrow_gray_solid, a.arrow_gray_solid:active, a.arrow_gray_solid:hover, a.arrow_gray_solid:link, a.arrow_gray_solid:visited {
	background: transparent url('images/eXant/arrow_gray_solid.png') no-repeat right;
	color: #717074;
}
a.arrow_pink, a.arrow_pink:active, a.arrow_pink:hover, a.arrow_pink:link, a.arrow_pink:visited {
	background: transparent url('images/eXant/arrow_pink.png') no-repeat right;
	color: #EC83B5;
}
a.arrow_cyan, a.arrow_cyan:active, a.arrow_cyan:hover, a.arrow_cyan:link, a.arrow_cyan:visited {
	background: transparent url('images/eXant/arrow_cyan.png') no-repeat right;
	color: #68C3BF;
}
a.arrow_gray, a.arrow_gray:active, a.arrow_gray:hover, a.arrow_gray:link, a.arrow_gray:visited {
	background: transparent url('images/eXant/arrow_gray.png') no-repeat right;
	color: #717074;
}
a.cross_pink, a.cross_pink:active, a.cross_pink:hover, a.cross_pink:link, a.cross_pink:visited {
	background: transparent url('images/eXant/cross_pink.png') no-repeat right;
	color: #EC83B5;
}
a.cross_cyan, a.cross_cyan:active, a.cross_cyan:hover, a.cross_cyan:link, a.cross_cyan:visited {
	background: transparent url('images/eXant/cross_cyan.png') no-repeat right;
	color: #68C3BF;
}
a.cross_gray, a.cross_gray:active, a.cross_gray:hover, a.cross_gray:link, a.cross_gray:visited {
	background: transparent url('images/eXant/cross_gray.png') no-repeat right;
	color: #717074;
}

a.ex_back_arrow_pink, a.ex_back_arrow_pink:active, a.ex_back_arrow_pink:hover, a.ex_back_arrow_pink:link, a.ex_back_arrow_pink:visited {
	background: url('images/eXant/back_arrow_pink.png') no-repeat left;
	color: #EC83B5;	
	padding-left: 10px;
}
a.ex_back_arrow_cyan, a.ex_back_arrow_cyan:active, a.ex_back_arrow_cyan:hover, a.ex_back_arrow_cyan:link, a.ex_back_arrow_cyan:visited {
	background: url('images/eXant/back_arrow_cyan.png') no-repeat left;
	color: #68C3BF;	
	padding-left: 10px;
}
a.ex_back_arrow_gray, a.ex_back_arrow_gray:active, a.ex_back_arrow_gray:hover, a.ex_back_arrow_gray:link, a.ex_back_arrow_gray:visited {
	background: url('images/eXant/back_arrow_gray.png') no-repeat left;
	color: #717074;	
	padding-left: 10px;
}

/*********************************************** tables ***********************************************/
.table_header, .table_header_last {
	font-family: arial,sans-serif;
	font-size: 12px;
	color: #717074;
	background: transparent url('images/eXant/table_header.png') repeat-x;
	height: 28px;
}
.table_row .table_cell, .table_row .table_cell_last {
	background-color: white;
	height: 20px;
}
.table_alternating_row .table_cell, .table_alternating_row .table_cell_last {
	background-color: #EEEEEE;
	height: 20px;
}
.table_cell {
	background-image: url('images/eXant/table_cell_separator.png');
	background-repeat: repeat-y;
	background-position: right;
}

/************************************************ lists ***********************************************/
ul.arrow_cyan, ul.arrow_gray, ul.arrow_pink, ul.arrow_cyan_solid, ul.arrow_gray_solid, ul.arrow_pink_solid {
	padding-left: 20px;
	margin: 0px;
}
ul.arrow_cyan li, ul.arrow_gray li, ul.arrow_pink li, ul.arrow_cyan_solid li, ul.arrow_gray_solid li, ul.arrow_pink_solid li {
	padding: 5px 0 5px 20px;
	margin: 0px;
	list-style:none;
	background-position: 0 6px;
	background-repeat: no-repeat;
}

ul.arrow_cyan li {
	background-image: url('images/eXant/arrow_cyan.png');
}
ul.arrow_gray li {
	background-image: url('images/eXant/arrow_gray.png');
}
ul.arrow_pink li {
	background-image: url('images/eXant/arrow_pink.png');
}
ul.arrow_cyan_solid li {
	background-image: url('images/eXant/arrow_cyan_solid.png');
}
ul.arrow_gray_solid li {
	background-image: url('images/eXant/arrow_gray_solid.png');
}
ul.arrow_pink_solid li {
	background-image: url('images/eXant/arrow_pink_solid.png');
}

ul.raquo {
	padding-left: 5px;
	margin: 0px;
}
ul.raquo li {
	padding: 5px 0 5px 10px;
	margin: 0;
	list-style: none;
	background: url('images/eXant/raquo.png') no-repeat 0 11px;
}

/****************************************** Newsletter ******************************************/
.ex_textbox {
	background: url('images/eXant/textbox_bg.png') repeat-x;
	border: #B9B9B9 1px solid;
	height: 18px;
	padding: 1px 5px;
	font-family: tahoma,arial,sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #717074;
}
a.ex_newsletter_subscribe, a.ex_newsletter_subscribe:active, a.ex_newsletter_subscribe:hover, a.ex_newsletter_subscribe:link, a.ex_newsletter_subscribe:visited {
	background: url('images/eXant/arrow_cyan_solid.png') no-repeat top right;
	padding: 0;
	width: 18px;
	height: 16px;
	display: inline-block;
	text-decoration: none;
}
.ex_newsletter_subscribe_text {
	font-family: tahoma,arial,sans-serif;
	font-weight: normal;
	font-size: 10px;
	line-height: 12px;
	color: #717074;
	padding-top: 5px;
}
.ex_newsletter_header {
	background: url('images/eXant/koperty.png') no-repeat 0 0;
	padding-top: 42px;
	width: 155px;
}

/******************************************** Buttons ********************************************/
.ex_button_primary_cyan_100, .ex_button_primary_gray_100, .ex_button_primary_pink_100 {
	border: 0;
	height: 38px;
	width: 100px;
	cursor: pointer;
	padding: 0 12px 2px 0;
	text-align: center;
	font-family: tahoma,helvetica,sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: white;
}
.ex_button_primary_cyan_100 {
	background: url('images/eXant/buttons/primary_cyan_100.png') no-repeat;
}
.ex_button_primary_gray_100 {
	background: url('images/eXant/buttons/primary_gray_100.png') no-repeat;
}
.ex_button_primary_pink_100 {
	background: url('images/eXant/buttons/primary_pink_100.png') no-repeat;
}

.ex_button_primary_small_cyan_100, .ex_button_primary_small_gray_100, .ex_button_primary_small_pink_100,
.ex_button_primary_small_cyan_150, .ex_button_primary_small_gray_150, .ex_button_primary_small_pink_150,
.ex_button_primary_small_cyan_200, .ex_button_primary_small_gray_200, .ex_button_primary_small_pink_200 {
	border: 0;
	height: 23px;
	cursor: pointer;
	padding: 0 0 2px;
	text-align: center;
	font-family: tahoma,helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: white;
}
.ex_button_primary_small_cyan_100, .ex_button_primary_small_gray_100, .ex_button_primary_small_pink_100 {
	width: 100px;
}
.ex_button_primary_small_cyan_150, .ex_button_primary_small_gray_150, .ex_button_primary_small_pink_150 {
	width: 150px;
}
.ex_button_primary_small_cyan_200, .ex_button_primary_small_gray_200, .ex_button_primary_small_pink_200 {
	width: 200px;
}
.ex_button_primary_small_cyan_100 {
	background: url('images/eXant/buttons/primary_small_cyan_100.png') no-repeat;
}
.ex_button_primary_small_gray_100 {
	background: url('images/eXant/buttons/primary_small_gray_100.png') no-repeat;
}
.ex_button_primary_small_pink_100 {
	background: url('images/eXant/buttons/primary_small_pink_100.png') no-repeat;
}
.ex_button_primary_small_cyan_150 {
	background: url('images/eXant/buttons/primary_small_cyan_150.png') no-repeat;
}
.ex_button_primary_small_gray_150 {
	background: url('images/eXant/buttons/primary_small_gray_150.png') no-repeat;
}
.ex_button_primary_small_pink_150 {
	background: url('images/eXant/buttons/primary_small_pink_150.png') no-repeat;
}
.ex_button_primary_small_cyan_200 {
	background: url('images/eXant/buttons/primary_small_cyan_200.png') no-repeat;
}
.ex_button_primary_small_gray_200 {
	background: url('images/eXant/buttons/primary_small_gray_200.png') no-repeat;
}
.ex_button_primary_small_pink_200 {
	background: url('images/eXant/buttons/primary_small_pink_200.png') no-repeat;
}
a.ex_button_primary_small_cyan_100:active, a.ex_button_primary_small_cyan_100:hover, a.ex_button_primary_small_cyan_100:link, a.ex_button_primary_small_cyan_100:visited,
a.ex_button_primary_small_gray_100:active, a.ex_button_primary_small_gray_100:hover, a.ex_button_primary_small_gray_100:link, a.ex_button_primary_small_gray_100:visited,
a.ex_button_primary_small_pink_100:active, a.ex_button_primary_small_pink_100:hover, a.ex_button_primary_small_pink_100:link, a.ex_button_primary_small_pink_100:visited,
a.ex_button_primary_small_cyan_150:active, a.ex_button_primary_small_cyan_150:hover, a.ex_button_primary_small_cyan_150:link, a.ex_button_primary_small_cyan_150:visited,
a.ex_button_primary_small_gray_150:active, a.ex_button_primary_small_gray_150:hover, a.ex_button_primary_small_gray_150:link, a.ex_button_primary_small_gray_150:visited,
a.ex_button_primary_small_pink_150:active, a.ex_button_primary_small_pink_150:hover, a.ex_button_primary_small_pink_150:link, a.ex_button_primary_small_pink_150:visited,
a.ex_button_primary_small_cyan_200:active, a.ex_button_primary_small_cyan_200:hover, a.ex_button_primary_small_cyan_200:link, a.ex_button_primary_small_cyan_200:visited,
a.ex_button_primary_small_gray_200:active, a.ex_button_primary_small_gray_200:hover, a.ex_button_primary_small_gray_200:link, a.ex_button_primary_small_gray_200:visited,
a.ex_button_primary_small_pink_200:active, a.ex_button_primary_small_pink_200:hover, a.ex_button_primary_small_pink_200:link, a.ex_button_primary_small_pink_200:visited {
	padding: 2px 0 0;
	display: inline-block;
	color: white;
}

/************************************************ Dlaczego Front Office? *****************************************************/
.whyFObar_top , .whyFObar, .whyFObar_bottom {
	width: 191px;
	background-position: bottom left;
	background-repeat: no-repeat;
}
.whyFObar_top {
	background-image: url('images/eXant/whyFrontOffice/bar_top.png');
	height: 14px;
}
.whyFObar {
	background-image: url('images/eXant/whyFrontOffice/bar.png');
	height: 25px;
	color: white;
	font-family: calibri,arial,helvetica,sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding-left: 9px;
}
.whyFObar_bottom {
	background-image: url('images/eXant/whyFrontOffice/bar_bottom.png');
	height: 117px;
	font-family: calibri, sans-serif;
	vertical-align: top;
}
.whyFObar_bottom_filled {
	background-image: url('images/eXant/whyFrontOffice/bar_bottom_filled.png');
	height: 117px;
}

/*********************************************** Inne **************************************************************/
a.do_pobrania, a.do_pobrania:active, a.do_pobrania:hover, a.do_pobrania:link, a.do_pobrania:visited {
	width: 150px;
	_width: 175px;
	padding: 5px 20px 5px 5px;
	display: inline-block;
	font-family: tahoma,arial,sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	background: transparent url('images/eXant/arrow_gray_solid.png') no-repeat right;
	color: #717074;
}