html {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	font: 12px Verdana, Arial, Geneva,  Helvetica, sans-serif;
	line-height: 18px;
	text-align: center;
	width:100%;
	background-color:#FFFFFF;
}
ul, li, ol {
	font-family: Verdana, Arial, Geneva,  Helvetica, sans-serif;
	font-size: 12px;
}
ul {
	list-style: square outside;
}
ol {
	list-style: decimal outside;
}
.page {
	padding: 0px;
	text-align: left;
	vertical-align:top;
	border-collapse:collapse;	
}
/*********** SIMPLY CLEAVER V LEVO NAHORE ************/ 
.pageHeader .titleLogo 
{
    color: Black;
    text-decoration: none;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 200px;
    height: 40px;
}

.pageHeader .titleLogo div{
	margin: 20px 0 0 15px;
	float: left;
}

/*pma*/
.headerTable{
	border:0px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	width:100%;
	border-collapse:collapse;
}

/*pma*/
.headerTable div {
	padding: 0px;
	margin: 0px;
}

/*pma*/
.pageHeader h1 {
	height: 45px;
	left: 10px;
	top: 30px;
	position: relative;
	font-size: 24px;
	color: #686a69; /* T1**** */ 
	font-style: normal;
	font-weight: normal;
	line-height: 30px;
	margin: 0px;
	padding: 0px;
}
.pageHeader h1.withoutNaviZeroth {
	left: 15px;
	top: 60px;
}
.pageHeader .naviZeroth {
	position: absolute;
	left: 50px;
	top: 30px;
}

/************************** PAGE HEADER *************************/
.pageHeader {
	width: 100%; /*pma*/
	min-width:992px;
	height:140px; /*120*/
	
	display:block;
	margin:0px;
	padding:0px;
}

/*********** SKODA AUTO V PRAVO NAHORE ************/ 
.pageHeader > .logo{
    background: transparent url("../images/CI2012/logo.png") no-repeat 90% 0%;
    height: 140px;
	text-align:right;
}

.pageHeader-ru > .logo {
	height: 120px;
	text-align:right;
	background: transparent url("../images/CI2012/logo.ru.gif") no-repeat center;
}

/*********** USER INFO ************/
.pageHeader .userInfo, .pageHeader .userInfo a,
.pageHeader-ru .userInfo, .pageHeader-ru .userInfo a {
    position: absolute;
    top: 100px;
    color: gray;
    text-decoration: none;
    margin-left: 20px;
    //margin-left: 0px; /*IE HACK !*/
    White-Space: nowrap;
    font-size: 12px;
}

/*********** SEARCH BUTTON ************/ 
.pageHeader .search {
	height: 40px;
	width: 194px;
	position: absolute;
	left: 500px;
	top: 58px;
	border: 2px solid #cacac8; /* T3 */
	padding: 5px 8px;
	font-size: 11px;
	line-height: 15px;
	color: #FFFFFF;
	white-space: nowrap;
}
.searchBorderLT, .searchBorderRT, .searchBorderLB, .searchBorderRB {
	height: 4px;
	width: 4px;
	position: absolute;
	font-size: 0px;
	line-height: 0px;
}
.searchBorderLT {
	left: -2px;
	top: -2px;
	background: #8c8d8f url("../images/sys_search-border_lt.gif"/*tpa=http://intranet.skoda.vwg/b2eportal/styleguide/templates/images/sys_search-border_lt.gif*/); /* T2 */
}
.searchBorderRT {
	left: 208px;
	top: -2px;
	background: #8c8d8f url("../images/sys_search-border_rt.gif"/*tpa=http://intranet.skoda.vwg/b2eportal/styleguide/templates/images/sys_search-border_rt.gif*/); /* T2 */
}
.searchBorderLB {
	left: -2px;
	top: 48px;
	background: #8c8d8f url("../images/sys_search-border_lb.gif"/*tpa=http://intranet.skoda.vwg/b2eportal/styleguide/templates/images/sys_search-border_lb.gif*/); /* T2 */
}
.searchBorderRB {
	left: 208px;
	top: 48px;
	background: #8c8d8f url("../images/sys_search-border_rb.gif"/*tpa=http://intranet.skoda.vwg/b2eportal/styleguide/templates/images/sys_search-border_rb.gif*/); /* T2 */
}
.search a {
	color: #FFFFFF;
	text-decoration: none;
}
.search a:hover {
	text-decoration: underline;
}
.searchBox form {
	margin: 0px;
	padding: 0px;
	width: 194px;
	height: 25px;
}
.searchText {
	background: #A2B8B0; /* N5 */
	height: 16px;
	width: 118px;
	border: 1px solid #8c8d8f; /* T1 */
	font-size: 11px;
	padding: 1px 3px;
	line-height: 15px;
	vertical-align: middle;
}
.searchButton {
	font-size: 11px;
	vertical-align: middle;
}

/****************************************************************/

/************************** PAGE FOOTER *************************/
.pageFooter-ru {
	clear: both;
	padding-top: 2rem;
	text-align: center;
}

.pageFooter-ru > a {
	display: inline-block;
	width: 7rem;
}

.pageFooter {
    background: #F2F2F2;
    position: relative;
    width: 100%;
    float: left;
    margin-top: 40px; 
}

.pageFooter p {
color: #555555;
}

.pageFooter a {
	color: #555555;
	text-decoration: none;
}
.pageFooter a:hover {
	text-decoration: underline;
  color: #4BA82E;
}
.footer
{
	color: #555555;
	font-size: 10px;
	padding: 0 20px 10px 20px;
	float: left;
}

.footerimage
{
    margin: 0 75px -40px 0;
    background: transparent url(../Images/CI2012/footer.png) no-repeat;
    width: 224px;
    height: 31px;
    float: right;
}

/*pma*/
.FooterTable{
	border:0px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	width:100%;
	border-collapse:collapse;
}

/*pma*/
.FooterTable td {
	padding: 0px;
	margin: 0px;
}

/****************************************************************/

.naviZerothTitle {
	position: absolute;
	left: 0px;
	top: 0px;
	background: #8c8d8f url("../images/sys_border_lb.gif"/*tpa=http://intranet.skoda.vwg/b2eportal/styleguide/templates/images/sys_border_lb.gif*/) no-repeat left bottom; /* T1 */
	height: 21px;
	width: 110px;
	font-size: 11px;
	line-height: 19px;
	font-weight: bold;
	text-transform: uppercase;
	color: #D4E5DF; /* D4 */
	text-align: right;
	padding-right: 10px;
	white-space: nowrap;
}
.naviZerothLinks {
	position: relative;
	float: left;
	left: 120px;
	top: 0px;
	background: #cacac8; /* T3 */
	height: 20px;
	font-size: 11px;
	line-height: 19px;
	color: #000000;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: 1px solid #8c8d8f; /* T1 */
	white-space: nowrap;
}
.naviZerothLinks a {
	color: #000000;
	text-decoration: none;
}
.naviZerothLinks a.selected {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.naviZerothLinks a:hover {
	text-decoration: underline;
}

.pageBody 
{
    margin: 0px;
    width:100%;
}
	
}
.clear {
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
}

.content {
	margin: 0px 15px 40px;
	padding: 15px 0px;
	height:100%;
	clear: both;
}
.layoutTwoCol {
	border-right: 240px solid #D4E5DF; /* D4 */
}
.layoutTwoCol .rightCol {
	background: #D4E5DF; /* D4 */
	float: left;
	width: 240px;	
	left: 780px;
	position: relative;
	margin: 0px -240px 0px -240px;
	padding: 15px 0px 15px 0px;
}

.mainAreaWide .layoutTwoCol .rightCol {
	left: 990px;
	position: relative;
}
.rightColTop {
	margin-top: -15px;
	margin-bottom: 15px;
}
.content p, .content li {
	font-size: 12px;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
}
.rightCol p, .rightCol li {
	font-size: 11px;
	line-height: 16px;
	margin: 0px;
	padding: 0px 15px;
}
.content ul, .rightCol ul {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.content ol, .rightCol ol {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.content li, .rightCol li {
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.content a, .rightCol a {
	color: #004666;
	text-decoration: underline;
}
.content a:hover, .rightCol a:hover {
	text-decoration: none;
}
.content h1 {
	color: #000000; /* T1**** */
  background: none repeat scroll 0 0 #DDDDDD;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	padding: 6px 10px 8px;
	margin: 2px;
}
.content h2 {
	color: #016644; /* T2 */
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	padding: 5px 0px 6px;
	margin: 0px;
	width:100%;
}
.content h3 {
	color: #FFFFFF; /* T2 **** */
	font-size: 11px;
	font-weight: bold;
	line-height: 19px;
	padding-left: 4px;
	margin: 0px;
	vertical-align:middle;
	background: url("../images/sys_h3_bg.jpg");
}
.pageTitle {
	background: #E2E8E4; /* D1 */
	margin: 0px;
	padding: 4px 15px;
	width: auto;
	font-size: 18px;
	line-height: 22px;
	color: #016644; /* T2 */
	font-weight: bold;
}
.note {
	font-size: 11px !important;
	line-height: 15px !important;
}
.mainNavi {
	width: 210px;
	background: #A2B8B0; /* N5 */
	margin: 0px 0px 0px -210px;
	padding: 0px 0px 30px;
	text-align: left;
	position: relative;
	float: right;
	clear: right;
	left: -780px;
	z-index: 5;
}

.mainNaviDecor {
	background: url("../images/sys_nav-decoration.png"/*tpa=http://intranet.skoda.vwg/b2eportal/styleguide/templates/images/sys_nav-decoration.png*/) no-repeat;
	height: 10px;
	width: 210px;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
}

.mainNaviBackpath {
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	background-color: #9AC2B4; /* N2 */
	color: #000000;
	margin: 0px;
	padding: 9px 15px 9px 25px;
}
.mainNaviBackpath a {
	color: #219568; /* C4 */
	text-decoration: none;
}
.mainNaviBackpath a:hover {
	text-decoration: underline;
}
.mainNaviBackpath p {
	font-size: 11px;
	line-height: 14px;
	margin: 0px;
	padding: 0px;
}
.mainNaviBackpath .bullet {
	left: -171px;
	position: relative;
	font-size: 11px;
	font-weight: normal;
	color: #219568; /* C4 */
	line-height: 14px;
	float: right;
	height: 14px;
	width: 10px;
	display: block;
	margin: 0px;
	padding: 0px;
}
.mainNaviTitle {
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background: #cacac8; /* N1 */
	margin: -1px 0px 0px 0px;
	border-top: 1px solid #A2B8B0; /* N5 */
	padding: 2px 15px 4px;
	position: relative;
}
.mainNaviTypeStatic .mainNaviTitle, .mainNaviTypeGroup .mainNaviTitle, .mainNaviTypeMenuVert .mainNaviTitle {
	margin: 0px;
	border-top: 0px none;
	padding: 0px;
}
.mainNaviTypeStatic .mainNaviTitle {
	background: #C3C3C3; /* D10 */
	margin: 0px 0px -1px 0px;
}
.mainNaviTitle a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold !important;
}
.mainNaviTitle a:hover {
	text-decoration: underline;
}

.mainNaviTypeStatic .mainNaviTitle a, .mainNaviTypeGroup .mainNaviTitle a, .mainNaviTypeMenuVert .mainNaviTitle a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	position: relative;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #A2B8B0; /* N5 */
	padding: 3px 15px 4px;
	cursor: default;
}
.mainNaviTypeStatic .mainNaviTitle a {
	color: #000000;
	text-decoration: none;
	font-weight: normal !important;
	border-top: 0px none;
	cursor: pointer;
}
.mainNaviTypeGroup .mainNaviTitle a:hover, .mainNaviTypeMenuVert .mainNaviTitle a:hover {
	text-decoration: none;
	background-color: #016644; /* T2 */
	cursor: default;
}
.mainNaviTypeStatic .mainNaviTitle a:hover {
	text-decoration: none;
	background-color: #CDE1DA; /* N3 */
	cursor:  pointer;
}
.naviArrowLeft {
	background-image: url("../images/sys_navi-title-arrow_l.gif"/*tpa=http://intranet.skoda.vwg/b2eportal/styleguide/templates/images/sys_navi-title-arrow_l.gif*/);
}
.naviArrowRight {
	background-image: url("../images/sys_navi-title-arrow_r.gif"/*tpa=http://intranet.skoda.vwg/b2eportal/styleguide/templates/images/sys_navi-title-arrow_r.gif*/);
}
.naviArrowDown {
	background-image: url("../images/sys_navi-title-arrow_d.gif"/*tpa=http://intranet.skoda.vwg/b2eportal/styleguide/templates/images/sys_navi-title-arrow_d.gif*/);
}
.naviArrowLeft, .naviArrowRight, .naviArrowDown {
	padding-right: 20px !important;
	background-repeat: no-repeat;
	background-position: right;
}
.popupMenu .naviArrowRight, .mainNaviContent .naviArrowRight {
	background-image: url("../images/sys_navi-title-arrow_r_submenu.gif"/*tpa=http://intranet.skoda.vwg/b2eportal/styleguide/templates/images/sys_navi-title-arrow_r_submenu.gif*/);
	cursor: default;
}
.selected .naviArrowRight, .selected a.naviArrowRight:hover {
	background-image: url("../images/sys_navi-title-arrow_r_submenu.gif"/*tpa=http://intranet.skoda.vwg/b2eportal/styleguide/templates/images/sys_navi-title-arrow_r_submenu.gif*/);
	background-color: #CDE1DA; /* N3 */
	font-weight: normal;
	color: #000000;
}
.mainNaviTypeMenuVert .selected .naviArrowRight, .mainNaviTypeMenuVert .selected a.naviArrowRight:hover {
	background-image: url("../images/sys_navi-title-arrow_r_submenu.gif"/*tpa=http://intranet.skoda.vwg/b2eportal/styleguide/templates/images/sys_navi-title-arrow_r_submenu.gif*/);
	background-color: #9AC2B4; /* N2 */
	color: #000000;
}


.mainNaviTypeMenuHoriz {
position:absolute;
	margin-left: 0;
	padding-left: 5px;
  margin-top: 29px;
	padding: 0 0 0 0;
  	border-left: 1px solid #EBEBEB; /* T1 */
  	border-right: 1px solid #EBEBEB; /* T1 */
    border-bottom: 1px solid #EBEBEB; /* T1 */
    background-color: white;
    height:200px; !important;
}

#tabs .mainNaviTypeMenuHoriz li {
margin:10px 10px 10px 12px;
height:10px;
}

.menuHorizItems a:hover {
	color: #4BA82E;
    text-decoration: underline;
	background-color: #FFFFFF; 

}
.menuHorizItems .selected a {
	color: #1e9669;	
}

.menuHorizItems a.selected {
	color: #000000;
	background-color: #FFFFFF; /* N2 */
}
.mainNaviContent {
	background: #9AC2B4; /* N2 */
	border-bottom: 1px solid #cacac8; /* N1 */
	position: relative;
}
.mainNaviTypeGroup .mainNaviContent, .mainNaviTypeStatic .mainNaviContent {
	border-bottom: 0px none;
}
.mainNaviContentList {
	background: #EFF0ED; /* N4 */
	position: relative;
}
.mainNaviContent p, .mainNaviContentList p {
	font-size: 11px;
	line-height: 14px;
	margin: 0px;
	padding: 0px;
	color: #000000;
	position: relative;
}
.mainNaviContent a, .mainNaviContentList a {
	color: #000000;
	background-color: #9AC2B4; /* N2 */
	display: block;
	margin: -1px 0px 0px 0px;
	padding: 3px 15px 4px;
	text-decoration: none;
	position:relative;
	z-index: 2;
}
.mainNaviContentList a {
	background-color: #CDE1DA; /* N3 */
	padding: 3px 15px 4px 26px;
}
.mainNaviContent .selected, .mainNaviContentList .selected {
	font-weight: bold;
}
.mainNaviContent a:hover {
	background-color: #CDE1DA; /* N3 */
	text-decoration: none;
}
.mainNaviContentList a:hover {
	background-color: #FFFFFF;
	text-decoration: none;
}
.mainNaviContentList .bullet {
	left: 17px;
	position: absolute;
	height: 14px;
	width: 10px;
	display: block;
	margin: 0px;
	padding: 0px;
	background: url("../images/sys_bullet_static-nav.gif") no-repeat 2px 9px;
	z-index: 5;
}
.mainNaviContent p.separator {
	border-top: 1px solid #cacac8; /* N1 */
	margin: 0px 0px 1px 0px;
}
.mainNaviEnd {
	border-top: 1px solid #cacac8; /* N1 */
	height: 0px;	 
	font-size: 0px;
	line-height: 0px;
}
.popupMenu {
	z-index: 10;
	padding: 0px;
	margin: 0px;
	height: 0px;
	position: relative;
	width: 200px;
	visibility: hidden;
}
.popupMenuLevel0, .popupMenuLevel1 {
	position: absolute;
	left: 403px;
	top: -15px;
	width: 200px;
	float: right;
	margin: 0px -200px 0px -200px;
	background: #9AC2B4; /* N2 */
	border: 1px solid #8c8d8f; /* T1 */
	z-index: 10;
	padding: 0px;
	color: #000000;
	font-weight: normal;
}
.mainNaviTypeMenuHoriz .popupMenuLevel0 {
	left: 200px;
	top: 20px;
	position: absolute;
}
.popupMenuLevel0 .popupMenuLevel1 {
	left: 393px;
}
.popupMenuLevel1 {
	background: #CDE1DA; /* N3 */
	z-index: 11;
}
.popupMenuLevel0 p, .popupMenuLevel1 p {
	background-color: #9AC2B4; /* N2 */
	font-size: 11px;
	line-height: 14px;
	margin: 0px;
	padding: 0px;
	color: #000000;
	position: relative;
	border: 0px none;
	float: none;
	height: auto;
}
.popupMenuLevel1 p, .popupMenuLevel1 a {
	background-color: #CDE1DA; /* N3 */
}
.popupMenuLevel0 a, .popupMenuLevel1 a {
	display: block;
	text-decoration: none;
	color: #000000; 
	position: relative;
	margin: 0px;
	padding: 3px 10px;
	border: 0px none;
	float: none;
	height: auto;
}
.popupMenuLevel0 a:hover {
	background-color: #CDE1DA; /* N3 */
	text-decoration: none;
}
.popupMenuLevel1 a:hover {
	background-color: #FFFFFF;
	text-decoration: none;
}
.popupMenuLevel0 .selected a {
	background-color: #CDE1DA !important; /* N3 */
}
.rowOdd {
	background: #FFFFFF; /* D7 */
}
.rowEven {
	background: #EFEFEF; /* D11 */
}
.tableColored .rowEven {
	background: #EDF0F4; /* D8 */
}
tr.rowSeparated th {
	border-bottom: 1px solid #FFFFFF;
	border-collapse: collapse;
}
td {
	/*font: 12px Arial, Verdana, Geneva,  Helvetica, sans-serif;*/
	line-height: 18px;
	padding: 1px 10px;
}
th {
	/*font: bold 11px Arial, Verdana, Geneva,  Helvetica, sans-serif;*/
	line-height: 14px;
	color: #000000;
	font-weight: normal;
  font-size: 11px;
  width: 20%;
	padding: 3px 10px;
}
th.superior {
	color: #FFFFFF;
	background: #8F9292; /* D9 */
}
.tableColored th {
	background: #9AC2B4; /* D6 */
}
.tableColored th.superior {
	background: #cacac8; /* D5 */
}
.tableBordered, .tableBorderedCols, .tableBorderedLight {
	border: 1px solid #000000;
	border-collapse: collapse;
}
.tableBordered tr.rowSeparated th, .tableBorderedCols tr.rowSeparated th, .tableBorderedLight tr.rowSeparated th {
	border-bottom: 1px solid #000000;
}
.tableBordered th, .tableBorderedCols th {
	border: 1px solid #000000;
}
.tableBordered tr {
	background: #FFFFFF; /* D7 */
}
.tableBorderedCols td {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}
.tableBordered td {
	border: 1px solid #000000;
}
.tablePaging {
	font-size: 11px;
	color: #000000;
	text-align: center;
	font-weight: normal;
	line-height: 17px;
}
.tablePaging a {
	color: #219568; /* C4 */
}
.superior .tablePaging {
	color: #FFFFFF;
}
.superior .tablePaging a {
	color: #000000;
}
.tablePaging img {
	vertical-align: -25%;
}
.tablePaging .tablePagingLeft{
	float: left;
	text-align: left;
}
.tablePaging .tablePagingRight{
	float: right;
	text-align: right;
}
.tablePaging form, .tablePaging select {
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}
img.pagingHome, img.pagingLeft, img.pagingRight, img.pagingEnd {
	width: 15px;
	height: 16px;
	margin: 0px;
	border: 0px none;
}
img.pagingHome {
	background: url("../images/sys_paging_home.gif") no-repeat 0px 0px;
}
a:hover img.pagingHome {
	background: url("../images/sys_paging_home.gif") no-repeat -15px 0px;
}
img.pagingLeft {
	background: url("../images/sys_paging_left.gif") no-repeat 0px 0px;
}
a:hover img.pagingLeft {
	background: url("../images/sys_paging_left.gif") no-repeat -15px 0px;
}
img.pagingRight {
	background: url("../images/sys_paging_right.gif") no-repeat 0px 0px;
}
a:hover img.pagingRight {
	background: url("../images/sys_paging_right.gif") no-repeat -15px 0px;
}
img.pagingEnd {
	background: url("../images/sys_paging_end.gif") no-repeat 0px 0px;
}
a:hover img.pagingEnd {
	background: url("../images/sys_paging_end.gif") no-repeat -15px 0px;
}
img.tableSortDown, img.tableSortUp {
	width: 15px;
	height: 8px;
	margin: 0px;
	border: 0px none;
}
img.tableSortDown {
	background: url("../images/sys_table-sort-down1.gif") no-repeat left top;
}
.superior img.tableSortDown {
	background: url("../images/sys_table-sort-down2.gif") no-repeat left top;
}
img.tableSortUp {
	background: url("../images/sys_table-sort-up1.gif") no-repeat left top;
}
.superior img.tableSortUp {
	background: url("../images/sys_table-sort-up2.gif") no-repeat left top;
}
img.tableSortOff {
	background: transparent;
	width: 0px;
	height: 0px;
	margin: 0px -1px 0px 0px;
	border: 0px none;
}
.pageControl {
	width: 195px;
	margin: 20px 0px 0px 15px;
	background: #FFFFFF;
}
.pageControlTopBorder, .pageControlBottomBorder {
	position: relative;
	height: 4px;
	width: 4px;
	font-size: 0px;
	line-height: 0px;
}
.pageControlTopBorder {
	background: url("../images/sys_page-control_lt.gif") no-repeat left top;
	margin: 0px 0px -2px 0px;
	z-index: 5;
}
.pageControlBottomBorder {
	background: url("../images/sys_page-control_lb.gif") no-repeat left top;
	margin: -2px 0px 0px 0px;
	z-index: 5;
}
.pageControlMiddle {
	background: #DDDDDD; /* C1 */
	margin: 0px 0px 0px 2px;
	position: relative;
	padding: 10px 10px 10px 20px;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	color: #000000;
	z-index: 4;
}
.pageControlMiddle a {
	color: #219568; /* C4 */
	text-decoration: none;
}
.pageControlMiddle a:hover {
	text-decoration: underline;
}
.pageControlMiddle p {
	font-size: 11px;
	line-height: 14px;
	margin: 0px;
	padding: 0px;
}
.pageControlMiddle .bullet {
	left: -7px;
	position: relative;
	font-size: 11px;
	font-weight: normal;
	color: #219568; /* C4 */
	line-height: 14px;
	float: left;
	height: 14px;
	width: 10px;
	display: block;
	margin: 0px -10px 0px -3px;
	padding: 0px;
}
.topLinks {
	border-left: 8px solid #454545; /* C3 */
	width: 185px;
	margin: 10px 0px 10px 0px;
}
.topLinksTop {
	height: 30px;
	background: #8F9292 url("../images/sys_toplinks_rt.gif") no-repeat right top; /* C2 */
}
.topLinksTop img {
	position: relative;
	top: 5px;
	left: 5px;
	width: 81px;
	height: 19px;
}
.topLinksBottom {
	height: 15px;
	background: #8F9292 url("../images/sys_toplinks_rb.gif") no-repeat right bottom; /* C2 */
}
.topLinksMiddle {
	background: #8F9292; /* C2 */
	padding: 0px 10px 0px 20px;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	color: #000000;
}
.topLinksMiddle a {
	color: #FFFFFF;
	text-decoration: none;
}
.topLinksMiddle a:hover {
	text-decoration: underline;
}
.topLinksMiddle p {
	font-size: 11px;
	line-height: 14px;
	margin: 0px;
	padding: 0px;
}
.topLinksMiddle .bullet {
	left: -7px;
	position: relative;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 14px;
	float: left;
	height: 14px;
	width: 10px;
	display: block;
	margin: 0px -10px 0px -3px;
	padding: 0px;
}
.dialog {
	position: absolute;
	width: 450px;
	margin: -12% -225px;
	left: 50%;
	top: 50%;
	background: #8F9292; /* D9, C2 */
	text-align: left;
}
.dialogBorder {
	top: -5px;
	left: -5px;
	position: relative;
	background: #016644; /* T2 */
	padding: 2px;
}
.dialogContent {
	background: #FFFFFF;
	padding: 1px;
}
.dialogHeader {
	background: #016644; /* T2 */
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	height: 37px;
	width: 444px;
	position: relative;
}
.dialogHeader img {
	margin: 0px;
	padding: 5px;
	width: 27px;
	height: 27px;
	top: 0px;
	left: 407px;
	position: absolute;
}
.dialogHeader p {
	position: absolute;
	padding: 0px;
	margin: 0px;
	top: 8px;
	left: 10px;
	width: 395px;
}
.dialogMessage {
	padding: 10px;
}
.dialogMessage p, .dialogMessage li {
	font-size: 12px;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
}
.dialogMessage ul, .dialogMessage ol {
	margin: 0px 0px 0px 25px;
	padding: 0px;
}
.dialogMessage .errorHighlight {
	color: #FF0000;
	font-weight: bold;
}
.dialogButtons {
	text-align: center;
	padding: 5px 0px 10px 0px;
}
.dialogButtons form {
	margin: 0px;
	padding: 0px;
}
.dialogButtons input {
	width: 75px;
	margin: 0px 8px 0px 7px;
}


/* styly pro formulare - zacatek */
form, input, textarea, select {
        font-family: Verdana, Arial, Geneva,  Helvetica, sans-serif;
        font-size: 12px;
}
form  {
        margin: 0px;
        padding: 0px;
}
.formStandard table, .formTwoCol table, .formThreeCol table {
        background: #EFEFEF; /* D11 */
        border: 2px solid #FFFFFF;
}
.formTitle, .formFooter {
        background: #DDDDDD; /* C1 */
}
.formTitle td {
        height: 28px;
        border-bottom: 2px solid #FFFFFF;
        font-size: 13px;
        font-weight: bold;
        line-height: 26px;
        vertical-align: middle;
        padding: 0px 0px 0px 13px;
}
.formTitle .formStep {
        height: 28px;
        font-weight: bold;
        background: #8F9292 url("../images/sys_form_head-bg.png") repeat-y left; /* C2 */
        float: right;
        margin: 0px;
        padding: 0px 13px 0px 90px;
        display: block;
        color: #FFFFFF;
}
.formStandard .spacer td {
        height: 8px;
        font-size: 1px;
        line-height: 1px;
        margin: 0px;
        padding: 0px;
}
.formStandard .formGroupSeparator td {
        height: 16px;
        font-size: 0px;
        line-height: 0px;
        padding: 0px;
}
.formStandard hr, .formTwoCol hr, .formThreeCol hr {
        height: 2px;
        background: #FFFFFF;
        color: #FFFFFF;
        margin: 0px;
        padding: 0px;
        border: 0px none;
}
.formColLeft, .formColRight, .formColMiddle {
        padding: 7px 0px;
        vertical-align: top;
}
.formColRight, .formColMiddle {
        border-left: 2px solid #FFFFFF;
}
.formTwoCol label, .formThreeCol label {
        font-size: 11px;
        font-weight: bold;
        white-space: nowrap;
        padding: 0px;
        line-height: 13px;
        margin-bottom: 3px;
        display: block;
}
.formStandard .formItemLabel {
        width: 10%;
        font-size: 11px;
        font-weight: bold;
        white-space: nowrap;
        padding: 9px 10px 7px;
        vertical-align: top;
        line-height: 13px;
}
.formStandard .formItem {
        padding: 7px 13px 7px 0px;
}
.formTwoCol .formItem, .formThreeCol .formItem {
        padding: 7px 13px;
}
.inputTxtStd, .inputTxtHalf, .inputTxtShort{
        padding-right: 0px;
        padding-left: 5px;
}
select.inputTxtStd, select.inputTxtHalf, select.inputTxtShort{
        padding-right: 0px;
        padding-left: 0px;
}
textarea.inputTxtStd, textarea.inputTxtHalf, textarea.inputTxtShort{
        padding-right: 0px;
}

.formStandard .inputTxtStd { width: 420px }
.formStandard select.inputTxtStd { width: 435px }
.formStandard textarea.inputTxtStd { width: 425px }
.formStandard .inputTxtHalf { width: 195px }
.formStandard .inputTxtHalfSpc { padding-right: 15px }
.formStandard .inputTxtShort { width: 135px }
.formStandard .inputRCh { margin-right: 3px }

.mainAreaWide .formStandard .inputTxtStd { width: 620px }
.mainAreaWide .formStandard select.inputTxtStd { width: 635px }
.mainAreaWide .formStandard textarea.inputTxtStd { width: 625px }
.mainAreaWide .formStandard .inputTxtHalf { width: 295px }
.mainAreaWide .formStandard .inputTxtHalfSpc { padding-right: 15px }
.mainAreaWide .formStandard .inputTxtShort { width: 185px }
.mainAreaWide .formStandard .inputRCh { margin-right: 3px }

.mainArea .layoutTwoCol .formStandard .inputTxtStd { width: 220px }
.mainArea .layoutTwoCol .formStandard select.inputTxtStd { width: 235px }
.mainArea .layoutTwoCol .formStandard textarea.inputTxtStd { width: 225px }
.mainArea .layoutTwoCol .formStandard .inputTxtHalf { width: 95px }
.mainArea .layoutTwoCol .formStandard .inputTxtHalfSpc { padding-right: 15px }
.mainArea .layoutTwoCol .formStandard .inputTxtShort { width: 65px }
.mainArea .layoutTwoCol .formStandard .inputRCh { margin-right: 3px }

.mainAreaWide .layoutTwoCol .formStandard .inputTxtStd { width: 420px }
.mainAreaWide .layoutTwoCol .formStandard select.inputTxtStd { width: 435px }
.mainAreaWide .layoutTwoCol .formStandard textarea.inputTxtStd { width: 425px }
.mainAreaWide .layoutTwoCol .formStandard .inputTxtHalf { width: 197px }
.mainAreaWide .layoutTwoCol .formStandard .inputTxtHalfSpc { padding-right: 15px }
.mainAreaWide .layoutTwoCol .formStandard .inputTxtShort { width: 135px }
.mainAreaWide .layoutTwoCol .formStandard .inputRCh { margin-right: 3px }


.formTwoCol .inputTxtStd { width: 325px }
.formTwoCol select.inputTxtStd { width: 330px }
.formTwoCol textarea.inputTxtStd { width: 325px }
.formTwoCol .inputTxtHalf { width: 143px }
.formTwoCol .inputTxtHalfSpc { padding-right: 15px }
.formTwoCol .inputTxtShort { width: 135px }
.formTwoCol .inputRCh { margin-right: 3px }

.mainAreaWide .formTwoCol .inputTxtStd { width: 425px }
.mainAreaWide .formTwoCol select.inputTxtStd { width: 430px }
.mainAreaWide .formTwoCol textarea.inputTxtStd { width: 425px }
.mainAreaWide .formTwoCol .inputTxtHalf { width: 195px }
.mainAreaWide .formTwoCol .inputTxtHalfSpc { padding-right: 15px }
.mainAreaWide .formTwoCol .inputTxtShort { width: 175px }
.mainAreaWide .formTwoCol .inputRCh { margin-right: 3px }

.mainAreaWide .layoutTwoCol .formTwoCol .inputTxtStd { width: 305px }
.mainAreaWide .layoutTwoCol .formTwoCol select.inputTxtStd { width: 310px }
.mainAreaWide .layoutTwoCol .formTwoCol textarea.inputTxtStd { width: 305px }
.mainAreaWide .layoutTwoCol .formTwoCol .inputTxtHalf { width: 137px }
.mainAreaWide .layoutTwoCol .formTwoCol .inputTxtHalfSpc { padding-right: 15px }
.mainAreaWide .layoutTwoCol .formTwoCol .inputTxtShort { width: 125px }
.mainAreaWide .layoutTwoCol .formTwoCol .inputRCh { margin-right: 3px }


.formThreeCol .inputTxtStd { width: 275px }
.formThreeCol select.inputTxtStd { width: 291px }
.formThreeCol textarea.inputTxtStd { width: 281px }
.formThreeCol .inputTxtHalf { width: 118px }
.formThreeCol .inputTxtHalfSpc { padding-right: 15px }
.formThreeCol .inputTxtShort { width: 95px }
.formThreeCol .inputRCh { margin-right: 3px }

.formFooter td {
        height: 45px;
        border-top: 2px solid #FFFFFF;
        padding-right: 13px;
        padding-left: 13px;
        text-align: center;
}
.formFooter input {
        height: 25px;
        width: 75px;
        padding: 0px 10px 0px 10px;
        margin: 0px 7px 0px 8px;
}
.markObligatory {
        color: #FF0000;
        margin-left: 5px;
        vertical-align: -15%;
}
/* styly pro formulare - konec */


/* styly pouzivane v demu - zacatek */
.menu1
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	z-index: 100;
	left: 120px;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	position: absolute;
	top: 40px;
}

.NotImplemented
{
	font-weight: bold;
	color: red;
}

.break
{
	width: 100%;
	height: 2ex;
}

.freeline
{
	width: 100%;
	height: 1ex;
}


.edit
{
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
}

.button
{
}
.lineformtable
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	font-weight: normal;
	font-size: 11px;
	border-left: black 1px solid;
	color: #000000;
	line-height: 17px;
	border-bottom: black 1px solid;
	background-color: #EFEFEF; /* D11 */
	text-align: center;
}
/* styly pouzivane v demu - konec */




/*  pma  */
#languages {
	left: 0px; 
	top: 0px;
	width: 100%;
	height: 120px;
	position: absolute;
	text-align:right;
}		


#selectbox {
width:40px;
position:absolute;
top:30px;
right:30px;
text-align:right;
display:block;
}

#selectbox select		{
background-color:#e3e3e3;  /*T2*/
color:#000000;
}
		

#slctbxtop {
left: 0px;
top: 0px;
width: 43px;
height: 2px;
border:0;
position: absolute;
}

#slctbxbottom {
left: 0px;
top: 18px;
width: 45px;
height: 2px;
border:0;
position: absolute;
}

#slctbxleft {
left: 0px;
top: 0px;
width: 2px;
height: 18px;
border:0;
position: absolute;
}

#slctbxright {
left: 41px;
top: 0px;
width: 4px;
height: 18px;
border:0;
position: absolute;
}

.select {
background: #016644; /*T2*/
}