/* BODY */

	body {

		font-family:				Verdana, Tahoma, Arial, Helvetica, sans-serif;
		font-size:				  13px;
		color:					    #000000;

		padding:				    0px;
		margin:					    0px;

		background:         #FFFFFF url('../images/design/bg_body.gif') 0 0 repeat-x;

	}

	* html body {

		text-align:				center;

	}



	/* LINK STYLE */

	a {

		color:				        #830245;
		text-decoration:			underline;

	}

	a:hover {

		text-decoration:      none;

	}



/* HIDDEN ITEMS */

	.noScreen {

		display:				none;

	}



/* FORM STYLE */

	form {

		padding:				0px;
		margin:					0px;

	}


/* HEADLINES */

  h2 {

    padding:      10px 0px;
    margin:       0px;

    color:        #303030;

    font-size:    24px;
    font-family:  Verdana;
    font-weight:  normal;

  }

  h3 {

    margin:           0px;
    padding:          10px 0px 10px 0px;

    color:            #7A003D;

    font-family:      Arial;
    font-size:        22px;
    font-weight:      normal;

  }

  h4 {

    margin:           0px;
    padding:          10px 0px;

    color:            #7A003D;

    font-family:      Arial;
    font-size:        18px;
    font-weight:      normal;

  }

  h5 {

    margin:         0px;
    padding:        2px 0px;

    color:          #000000;

    font-size:      110%;
    font-weight:    bold;

  }

  h6 {

    margin:         0px;
    padding:        2px 20px;

    color:          #000000;

    font-size:      110%;
    font-weight:    normal;

  }


/* PARAGRAPHS */

  p {

    text-indent:    10px;
    line-height:    150%;

    padding:        0px;
    margin:         15px 0px;

  }


/* TABLE */

  table {

    font-size: 0.9em;
    border-collapse: collapse;
    border: 1px solid #DDD;
    margin: 0px;

  }

  table td {

    text-align: left;
    padding: 5px;
    border: 1px solid #DDD;

  }

  table th {

    text-align: left;
    padding: 5px;
    border: 1px solid #DDD;

    background:   #F5F5F5;

  }



/* PAGE BODY DIV */

	div.pageBody {

		margin:					0 auto;
		width:				  952px;

	}

	* html div.pageBody {

    margin:         0 auto;

  	text-align:			center;
  	width:					952px;

	}



/* HEADER */

	div.pageHead {

		margin:					0 auto;
		width:				  952px;

		top:					0px;

		height:				190px;

		position:     relative;

		background:			url( '../images/design/bg_head.gif' ) 273px 31px no-repeat;

	}

	* html div.pageHead {

    margin:         0 auto;

  	text-align:			center;
  	width:					952px;

	}

	div.upperHead {

    position:     relative;
    clear:        both;

    height:       190px;

  }

  div.pageLine {

    background:     #7A003C;

    padding:        0px;
    margin:         0px;

    width:          100%;

    text-align:     center;

  }

	div.lowerHead {

    position:     relative;
    clear:        both;

    padding:      10px 0;
    margin:       0 auto;

    text-align:   left;

    width:        952px;

  }

  div.lowerHead h2, div.lowerHead p {

    color:        #FFFFFF;

    width:        440px;

  }

  div.lowerHead h2 {

    padding:      10px 0px 0px 0px;

  }

  div.pageNavigation {

    clear:        both;

    padding:      5px 0px;
    margin:       0px auto;

    height:       15px;
    width:        952px;

    color:        #FFFFFF;
    text-align:   left;

  }

  div.pageNavigation a {

    color:            #FFFFFF;
    text-decoration:  underline;

    padding:          0px 5px;

  }

  div.pageNavigation a:hover {

    text-decoration:  none;

  }

  div.pageNavigation span {

    padding:          0px 5px;
    font-weight:      bold;

  }





/* PAGE LOGOTYPE */

	h1.pageLogotype {

    position:				absolute;

		padding:				0px;
		margin:					0px;

		top:					  25px;
		left:					  10px;

	}

	h1.pageLogotype a {

		width:					200px;
		height:					150px;

		background:			url( '../images/design/bg_logotype.gif' ) top left no-repeat;

		display:				block;

	}

	h1.pageLogotype a span {

		display:				none;

	}


/* SEARCH WINDOW */

  form.searchWindow {

    position:				absolute;

		padding:				0px;
		margin:					0px;

		top:					  0px;
		right:					0px;

		width:          230px;
		height:         70px;

  }

  form.searchWindow input.searchPhrase {

    background:     #FFFFFF;

    padding:        4px;
    margin:         0px;
    border:         5px solid #7A003C;

    position:				absolute;

    top:            0px;
    left:           0px;

    width:          122px;
    height:         17px;

  }

  form.searchWindow input.searchButton {

    position:				absolute;

    top:            7px;
    left:           142px;

    width:          75px;
    height:         25px;

    padding:        0px;

    font-family:    Verdana;

  }

a.headMaps {
    position: absolute;
    top: 48px;
    right: 12px;
    width: 220px;
    height: 60px;
}



/* MAIN MENU */

  ul.mainMenu {

    position:				absolute;

		padding:				0px;
		margin:					0px;

		top:					  125px;
		right:					10px;

		list-style-type:  none;

  }

  ul.mainMenu li {

    width:          220px;
    height:         65px;

    float:          left;

    margin:         0 0 0 20px;

  }

  ul.mainMenu li a {

    background-position:  0px -75px;
    background-repeat:    repeat-y;

    width:          220px;
    height:         65px;

    display:        block;

    text-align:     center;

  }

  ul.mainMenu li a:hover {

    background-position:  0px -150px;

  }

  ul.mainMenu li a span {

    display:      none;

  }



/* LINE MENU */

  ul.lineMenu {

    position:         absolute;
    top:              20px;
    left:             492px;

    width:            200px;

    padding:          0px;
    margin:           0px;

    list-style-type:  none;

  }

  ul.lineMenu li {

    padding:      0px;
    margin:       0 0 5px 0;

  }

  ul.lineMenu li a {

    display:         block;

    width:           150px;
    height:          23px;

    padding:         7px 0 0 50px;

    color:           #FFFFFF;
    text-decoration: underline;

    background:      url('../images/design/bg_line_menuitem.gif') 0 0 no-repeat;

  }

  ul.lineMenu li a:hover {

    background-position:    0 -30px;

    color:              #000000;
    text-decoration:    none;

  }



/* CONTENT */

	div.pageContent {

		color:					#000000;

		min-height:			500px;

		position:				relative;

		text-align:     left;

	}

	* html div.pageContent {

		width:					100%;
		height:					500px;

	}


/* CONTENT SETUP */

	div.pageContentLeft {

		width:					240px;

    float:          left;
	}

	div.pageContentRight {

		width:					230px;

		float:          right;

	}

  div.pageContentLeft h4, div.pageContentRight h4 {

    padding:        15px 0px 10px 10px;
    margin:         0px;

    font-family:    Verdana;
    font-weight:    normal;
    font-size:      18px;
    color:          #666666;

  }

	div.pageContentCenter {

		width:					430px;

		top:					  0px;
		left:					  25px;

		position:				relative;

		margin:         0px;
		padding:        5px 0px 0px 0px;

		float:          left;

	}


/* CONTENT SETUP */

  div.pageContentCenter ul {

    line-height:        150%;

    margin:             0px;
    padding:            5px 20px 5px 40px;

  }




/* LEFT MENU */

  ul.leftMenu {

    list-style-type:    none;

    padding:            0px;
    margin:             0px;

  }

  ul.leftMenu li {

    background:       #EEEEEE;
    padding:          0px 5px;

  }

  ul.leftMenu li.noline a, ul.leftMenu li.depth1_noline a {

    border-bottom:    none;

  }

  ul.leftMenu li a {

    width:        185px;
    height:       25px;

    display:      block;

    background:   url('../images/design/bg_left_menuitem_new.gif') 0px 0px no-repeat;

    font-weight:  bold;

    padding:      10px 0px 0px 45px;

    border-bottom:    1px solid #D3D3D3;

  }

  ul.leftMenu li a:hover {

    background-position:    0px -35px;
    text-decoration:        none;
    color:                  #000000;

  }

  ul.leftMenu li a.active, ul.leftMenu li a.active:hover {

    background-position:    0px -70px;
    text-decoration:        none;
    color:                  #FFFFFF;

  }

  ul.leftMenu li.depth1 a, ul.leftMenu li.depth1_noline a {

    width:        175px;

    padding:      10px 0px 0px 55px;

    background:   #EEEEEE;

  }

  ul.leftMenu li.depth1 a:hover, ul.leftMenu li.depth1_noline a:hover {

    background:   #F9E655;
    color:        #000000;

  }

  ul.leftMenu li.depth1 a.active, ul.leftMenu li.depth1_noline a.active {

    text-decoration:        none;
    color:                  #000000;

  }


/* LOGIN */

  form.pageLogin {

    padding:        0px;
    margin:         0px;

  }

  form.pageLogin div {

    clear:        both;

    height:       35px;
    margin:       5px 0px 0px 0px;

  }

  form.pageLogin div label {

    width:        100px;

    padding:      10px 0px 0px 0px;

    display:      block;
    float:        left;

  }

  form.pageLogin div input {

    width:        122px;
    height:       17px;
    padding:      4px 4px;

    border:       5px solid #B3B3B3;

  }

	* html form.pageLogin div input {

		width:        119px;

	}

	form.pageLogin div input.submitButton {

    width:        140px;
    height:       35px;

    padding:      1px 0px 0px 0px;

    background:   #FFFFFF;

    font-family:  Verdana, Arial;
    font-weight:  bold;

	}

	* html form.pageLogin div input.submitButton {

    width:        137px;

  }


/* CITIES MENU */

  ul.citiesMenu {

    list-style-type:    none;

    width:              500px;

    padding:            0px;
    margin:             0px;

  }

  ul.citiesMenu li {

    width:      215px;
    height:     15px;

    margin:     10px 0px;
    padding:    0px;

    float:      left;
    clear:      none;

    font-size:        18px;
    font-family:      Arial;
    color:            #7A003D;

  }

  ul.citiesMenu li a {

    font-size:        18px;
    font-family:      Arial;
    text-decoration:  none;

  }

  ul.citiesMenu li a:hover {

    text-decoration:  underline;

  }



/* LINKS MENU */

  ul.linksMenu {

    list-style-type:    disc;

  }

  ul.linksMenu li {

    line-height:        160%;

    margin:             0px;
    padding:            0px;

  }

  ul.linksMenu span {

    font-size:        100%;

    color:            #AAAAAA;

  }


/* CONTACT ITEMS */

  div.contactItem {

    padding:       5px 0px;

  }

  div.contactItem p {

    text-indent:    0px;

  }

  div.contactItem h5 {

    padding:        0px;

  }


/* SUPPORT */

  ul.supportsMenu {

    list-style-type:    none;

  }

  ul.supportsMenu li {

    text-align:         center;
    padding:            15px 0px;

  }

  ul.supportsMenu li img {

    padding:    0px;
    margin:     0px;

    border:     none;

  }


/* SIGNED GROUPS TABLE */

  table.signsTable {

    font-size: 0.9em;
    border-collapse: collapse;
    border: 1px solid #DDD;
    margin: 0px;

  }

  table.signsTable td {

    text-align: left;
    padding: 5px;
    border: 1px solid #DDD;

  }

  table.signsTable th {

    text-align: left;
    padding: 5px;
    border: 1px solid #DDD;

    background:   #F5F5F5;

  }


/* RIGHT - NEWS */

  div.quickNewie, div.quickNewieLast {

    border-bottom:    1px solid #D3D3D3;

    margin:           10px 0px 20px 0px;

  }

  div.quickNewieLast {

    border:           none;

  }

  div.quickNewie a, div.quickNewieLast a {

    color:            #7A003D;
    font-size:        18px;
    font-weight:      normal;
    font-family:      Arial;

  }

  div.quickNewie p, div.quickNewieLast p {

    text-indent:      0px;

  }




/* LINKS */

  a.pageAddLink {

    display:        block;

    padding:        5px 0 5px 25px;
    margin:         0px;

    background:     url('./../img/design/icons/icon_add.gif') 5px 8px no-repeat;

    color:          #339900;
    font-weight:    bold;

  }

  a.pageAddLink:hover {

    color:              #339900;
    text-decoration:    none;

  }


/* BUTTONS */

  a.buttonCommon {

    display:          block;
    float:            left;

    width:            16px;
    height:           16px;

    padding:          3px 5px;
    margin:           0px;

  }

  a.buttonActivity {

    display:          block;

    width:            16px;
    height:           16px;

    padding:          3px 5px;
    margin:           0px auto;

  }

  a.buttonCommon img, a.buttonActivity img, img.imgActivity {

    border:           none;

    padding:          0px;
    margin:           0px;

  }


/* FORMS */

  form.pageForm {

    padding:      0px;
    margin:       0px;

  }

  form.pageForm div {

    padding:        2px 5px;
    margin:         0px;

    clear:          both;

  }

  form.pageForm div label {

    padding:        3px 0px;
    margin:         0px;

    display:        block;
    float:          left;

    width:          120px;

    color:          #000000;

  }

  form.pageForm div.pageComponentRequired label {

    font-weight:    bold;

  }

  form.pageForm div.pageComponentNote {

    font-size:      12px;
    color:          #888888;

  }

  form.pageForm div input.long {

    width:        500px;

  }

  form.pageForm div input.medium {

    width:        250px;

  }

  form.pageForm div input.short {

    width:        100px;

  }

  form.pageForm div textarea {

    width:        500px;

  }

  form.pageForm div.pageFormButtons input {

    padding:				    0px;
		margin:					    0px;

		border:					    1px solid #000;

		background:				  #E7E7E7;

    width:					    70px;

    /*font-size:				  100%;*/

  }

  form.pageForm table {

    width:        100%;

    padding:      0px;
    margin:       10px 0px;

    border:       1px solid #CCCCCC;

  }

  form.pageForm table th {

    border-bottom:  1px solid #CCCCCC;
    background:			#CCCCCC;

    padding:        5px;

  }

  form.pageForm table td {

    padding:      5px;

  }


/* SIGN IN - FORM */

  form.signForm fieldset {

    width:        400px;

    border:       1px solid #DDDDDD;

    padding:      10px;
    margin:       0px;

  }

  form.signForm fieldset legend {

    color:        #882C50;
    font-size:    120%;
    font-weight:  bold;

    padding:      0px 5px 0px 5px;
    margin:       0px;

  }

  form.signForm fieldset div {

    clear:       both;

    padding:      5px 0px;

  }

  form.signForm fieldset div label {

    float:        left;
    display:      block;

    width:        120px;

    font-weight:  bold;

  }

  form.signForm fieldset div input {

    float:    left;

    width:    270px;

  }

  form.signForm div.formButtons input {

    width:        120px;

    float:        left;

    margin:       5px;
    padding:      0px;

  }

  div.signError {

    border:             3px solid #882C50;

    margin:             10px 0px 20px 0px;
    padding:            10px;

    color:              #000;
    background-color:   #FEEDF4;

  }


/* LOGIN IN - FORM */

  form.loginForm fieldset {

    width:        400px;

    border:       1px solid #DDDDDD;

    padding:      10px;
    margin:       0px;

  }

  form.loginForm fieldset div {

    clear:       both;

    padding:      5px 0px;

  }

  form.loginForm fieldset div label {

    float:        left;
    display:      block;

    width:        180px;

    font-weight:  bold;

  }

  form.loginForm fieldset div input {

    float:    left;

    width:    200px;

  }

  form.loginForm div.formButtons input {

    width:        120px;

    float:        left;

    margin:       5px;
    padding:      0px;

  }

  div.loginError {

    border:             3px solid #882C50;

    margin:             10px 0px 20px 0px;
    padding:            10px;

    color:              #000;
    background-color:   #FEEDF4;

  }


/* FOOTER */

  div.pageFooter {

    clear:        both;

    padding:      10px;
    margin:       0px;

    text-align:   center;

  }



/* ENDING */

  div.pageEnding {

    background:     #7A003D;

    padding:        0px;
    margin:         0px;

    height:         200px;
    width:          100%;

    text-align:     center;

  }

  div.pageEnding div {

    background:     #7A003D url('../images/design/bg_ending.gif') 30px 30px no-repeat;

		margin:					0 auto;
		width:				  952px;
		height:         200px;

		text-align:     right;

		position:       relative;

  }

  div.pageEnding a, div.pageEnding a img {

    border:       none;

  }

	* html div.pageEnding div {

    margin:         0 auto;

  	text-align:			right;
  	width:					952px;
  	height:         200px;

  	position:       relative;

	}

	div.pageEnding a.endingSkaut {

    display:        block;
    position:       absolute;

    top:            30px;
    right:          30px;

  }

  div.pageEnding a.endingNadace {

    display:        block;
    position:       absolute;

    top:            20px;
    right:          310px;

  }

  div.pageEnding a.endingRegistr {

    display:        block;
    position:       absolute;

    top:            20px;
    right:          160px;

  }

  div.pageEnding a.endingRo {

    display:        block;
    position:       absolute;

    top:            138px;
    right:          195px;

  }



/* PETROL DEFINITION */

  dl.petrolDefinition {

    line-height:    140%;

  }

  dl.petrolDefinition dt {

    font-weight:    bold;

  }


/* PETROL LIST */

  h5.petrolStateDelimeter {

    text-align:     right;

    border-bottom:  1px solid #D3D3D3;

  }


/* SUPPORT BOX */

  div.supportsBox {

    text-align:   center;
    padding:      10px 0px;

  }

  div.supportsBox img, div.supportsBox a {

    padding:    0px;
    margin:     0px;
    border:     none;

  }

div.pageContentCenter ul.error {
	list-style-type: none;
	padding: 5px 0 15px 0;
	margin: 0;
}

div.pageContentCenter ul.error li {
	clear: both;
	padding: 10px 20px;
	margin: 5px 0;
	border: 2px solid #FE5656;
	background-color: #FFD7D7;
}

div.flash {
	clear: both;
	padding: 10px 20px;
	margin: 5px 0;
}

div.flash.info {
	border: 2px solid #7C5BFF;
	background-color: #EBE6FF;
}

span.shade {
  color: #888888; 
}

div.photoContestCategories ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

div.photoContestCategories ul li {
  display: block;
  padding: 0;
  margin: 0 0 10px 0;
}

div.photoContestCategories ul li a {
  display: block;
  border-left: 10px solid #ECEEEC;
  padding: 20px 0 0 10px;
  height: 80px;
  font-size: 110%;
  text-decoration: none;
}

div.photoContestCategories ul li a:hover {
  border-left-color: #F4E654;
  text-decoration: none;
}

div.photoContestCategories ul li.active a {
  border-left-color: #7C023C;
}

div.photoContestCategories ul li a p {
  padding: 10px 0 0 0;
  margin: 0;
  display: block;
  text-indent: 0;
  color: #888;
  font-size: 80%;
}