/* CSS Document */
html {
  margin: 0px auto;
}

body {
  font-family: Arial, Tahoma, Verdana;
  font-size: 11px;
  width:  100%;
  background-image: url('../images/topbg.jpg');
  background-position: top center;
  background-repeat: repeat-x;
  background-color: #131c59;
  height: 100%;
  margin: 0px auto;
  text-align: center;
}

img {
  border: none;
  padding: 0px;
  margin: 0px;
}

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

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

a {
  color: #000000;
  text-decoration: none;
}

h2,h3 {
 margin: 0px;
 padding: 0px;
}

input {
  outline: none;
}

/* main div */

DIV.main {
  width: 989px;
  height: 500px;
  margin: 0 auto;
  text-align: center;
}

DIV.mainTop {
  width: 963px;
  margin: 0 auto;
  text-align: center;
}

DIV.mainTop h1 {
  margin: 22px 0px 0px 10px;
  padding: 0px;
  width: 286px;
  float: left;
}

DIV.mainTop h1 a {
  width: 286px;
  background-image: url('../images/template/trafoLogo.gif');
  background-position: top left;
  background-repeat: no-repeat;
  height: 57px;
  float: left;
}

DIV.mainTop h1 a span {
  display: none;
}

DIV.mainTop a.eycaLogo {
  width: 145px;
  background-image: url('../images/template/eycaLogo.gif');
  background-position: top left;
  background-repeat: no-repeat;
  height: 91px;
  margin-left: 105px;
  float: left;
}

DIV.mainTop a.eycaLogo span {
  display: none;
}

DIV.mainTop .errorform {
  width: 312px;
  background-image: url('../images/loginBox.gif');
  background-position: top left;
  background-repeat: no-repeat;
  color: #e61a1a;
  height: 15px;
  float: right;
}

DIV.mainTop form {
  width: 312px;
  background-image: url('../images/loginBox.gif');
  background-position: top left;
  background-repeat: no-repeat;
  height: 91px;
  float: right;
}

DIV.mainTop form .formLeft {
  width: 171px;
  height: 47px;
  margin: 15px 0px 0px 24px;
  float: left;
}

DIV.mainTop form .formLeft input {
  height: 17px;
  padding: 3px 0px 0px 6px;
  line-height: 13px;
	border: none;
	font-size: 11px;
	margin-bottom: 6px;
	color: #cccccc;
	background-image: url('../images/inputs.gif');
	background-position: -0px -0px;
	background-repeat: no-repeat;
	background-color: #ffffff;
	width: 167px;
  float: left;
}

DIV.mainTop form .formLeft input:focus {
	background-position: -0px -20px;
}

DIV.mainTop form .formRight {
  width: 109px;
  height: 35px;
  margin: 9px 0px 0px 0px;
  float: right;
}

DIV.mainTop form .formRight input {
  height: 32px;
  border: none;
	background-image: url('../images/buttons.gif');
	background-position: -0px -0px;
	background-repeat: no-repeat;
	background-color: #ffffff;
	cursor: pointer;
	width: 90px;
  float: left;
}

DIV.mainTop form .formRight input.facebook {
  height: 25px;
  border: none;
	background-image: url('../images/buttons.gif');
	background-position: -180px -128px;
	background-repeat: no-repeat;
	background-color: #ffffff;
	cursor: pointer;
	width: 90px;
  float: left;
}


DIV.mainTop form .formRight input:hover {
	background-position: -0px -32px;
}

DIV.mainTop form .formRight input.facebook:hover {
	background-position: -180px -153px;
}

DIV.mainTop form a.join {
  width: 130px;
  background-image: url('../images/join.gif');
  background-position: -0px -0px;
  background-repeat: no-repeat;
  height: 25px;
  margin: 2px 0px 0px 43px;
  float: left;
}

DIV.mainTop form a.lost {
  width: 99px;
  background-image: url('../images/lost.gif');
  background-position: -0px -0px;
  background-repeat: no-repeat;
  height: 25px;
  margin-right:14px;
  margin-top:3px;
  display:block;
  float:right;
}

DIV.mainTop form a.lost:hover {
  background-position: -0px -25px;
}

DIV.mainTop form a.lost span {
  display: none;
}

DIV.mainTop form a.join:hover {
  background-position: -0px -25px;
}

DIV.mainTop form a.join span {
  display: none;
}

DIV.mainTop ul {
  width: 312px;
  height: 91px;
  margin: 0px;
  padding: 0px;
  float: right;
}

DIV.mainTop ul li {
  list-style-type: none;
  height: 91px;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  float: left;
}

DIV.mainTop ul li a {
  display: block;
  height: 91px;
}

DIV.mainTop ul li a span {
  display: none;
}

DIV.mainTop ul li a.account {
  width: 78px;
  background: url('../images/loginBoxlogged.gif') no-repeat -0px -0px;
}

DIV.mainTop ul li.selected a.account {
  width: 78px;
  background: url('../images/loginBoxlogged.gif') no-repeat -0px -91px;
}

DIV.mainTop ul li a.account:hover{
  background-position: -0px -91px;
}

DIV.mainTop ul li a.addpost {
  width: 78px;
  background: url('../images/loginBoxlogged.gif') no-repeat -78px -0px;
}

DIV.mainTop ul li.selected a.addpost {
  width: 78px;
  background: url('../images/loginBoxlogged.gif') no-repeat -78px -91px;
}

DIV.mainTop ul li a.addpost:hover{
  background-position: -78px -91px;
}

DIV.mainTop ul li a.help {
  width: 78px;
  background: url('../images/loginBoxlogged.gif') no-repeat -156px -0px;
}

DIV.mainTop ul li.selected a.help {
  width: 78px;
  background: url('../images/loginBoxlogged.gif') no-repeat -156px -91px;
}

DIV.mainTop ul li a.help:hover{
  background-position: -156px -91px;
}

DIV.mainTop ul li a.logout {
  width: 78px;
  background: url('../images/loginBoxlogged.gif') no-repeat -234px -0px;
}

DIV.mainTop ul li.selected a.logout {
  width: 78px;
  background: url('../images/loginBoxlogged.gif') no-repeat -234px -91px;
}

DIV.mainTop ul li a.logout:hover{
  background-position: -234px -91px;
}

/* center content */

DIV.containerTop {
  width: 989px;
  margin: 10px 0px 0px 0px;
  background-image: url('../images/template/centerBg.gif');
	background-position: -0px -0px;
	background-repeat: repeat-y;
  text-align: center;
  float: left;
}

DIV.containerBorder {
  width: 989px;
  background-image: url('../images/template/centerBgTop.gif');
	background-position: -0px -0px;
	background-repeat: no-repeat;
  text-align: center;
  float: left;
}

DIV.container {
  width: 989px;
  background-image: url('../images/template/centerBgBottom.gif');
	background-position: 0% 100%;
	background-repeat: no-repeat;
  text-align: center;
  float: left;
}

DIV.container .containerTopBox {
  width: 963px;
  margin: 0 auto;
}

DIV.container .containerTopBox .top {
  width: 963px;
  height: 7px;
  background-image: url('../images/contentBoxTop.gif');
	background-position: -0px -0px;
	background-repeat: no-repeat;
	float: left;
}

DIV.container .containerTopBox .center {
  width: 963px;
  background-image: url('../images/contentBoxCenter.gif');
	background-position: -0px -0px;
	background-repeat: repeat-y;
	padding-bottom: 12px;
	float: left;
}

DIV.container .containerTopBox .center h2 {
  font-size: 11px;
  color: #333333;
  margin: 6px 0px 0px 11px;
  line-height: 18px;
  text-align: left;
  width: 100%;
	float: left;
}

DIV.container .containerTopBox .center h2 img {
  margin-right: 5px;
	float: left;
}

DIV.boxField {
  width: 953px;
  text-align: center;
  margin: 12px 0px 0px 10px;
  float: left;
}

DIV.boxField .contentBox {
  width: 312px;
  height: 242px;
  background-color: #d7d9e4;
  margin: 0px 3px 4px 0px;
  float: left;
}

DIV.boxField .bigbox {
  width: 312px;
  margin: 0px 3px 4px 0px;
  float: left;
}

DIV.boxField .bigbox a.remove {
  font-size: 11px;
  font-weight: bold;
  color: #006699;
  margin-right: 15px;
  float: right;
  position:relative;
}

DIV.boxField .bigbox a.edit {
  font-size: 11px;
  font-weight: bold;
  color: #006699;
  margin-right: 15px;
  float: right;
  position:relative;
}

DIV.boxField .bigbox a.remove:hover {
  text-decoration: underline;
  float: right;
}

DIV.boxField .bigbox a.edit:hover {
  text-decoration: underline;
  float: right;
}

DIV.boxField .contentBox h3 {
  width: 80%;
  height: 14px;
  font-size: 12px;
  margin: 5px 0px 0px 7px;
  padding: 0px;
  overflow: hidden;
  text-align: left;
  float: left;
}

DIV.boxField .contentBox h3 a {
  color: #0166ac;
}

DIV.boxField .contentBox h3 a:hover {
  color: #0166ac;
  text-decoration: underline;
}


a.typevideo {
  margin: 5px 6px 0px 0px;
  width: 32px;
  height: 13px;
  background-image: url('../images/icons.gif');
	background-position: -0px -0px;
	background-repeat: no-repeat;
  float: right;
}

a.typevideo:hover {
	background-position: -0px -13px;
}

a.typevideo span {
	display: none;
}

a.typearticle {
  margin: 5px 6px 0px 0px;
  width: 34px;
  height: 13px;
  background-image: url('../images/icons.gif');
	background-position: -32px -0px;
	background-repeat: no-repeat;
  float: right;
}

a.typearticle:hover {
	background-position: -32px -13px;
}

a.typearticle span {
	display: none;
}

a.typegallery {
  margin: 5px 6px 0px 0px;
  width: 35px;
  height: 13px;
  background-image: url('../images/icons.gif');
	background-position: -66px -0px;
	background-repeat: no-repeat;
  float: right;
}

a.typegallery:hover {
	background-position: -66px -13px;
}

a.typegallery span {
	display: none;
}

DIV.boxField .contentBox a.main {
  width: 298px;
  height: 198px;
  margin: 3px 0px 0px 6px;
  border: 1px solid #828282;
  background-color: #ffffff;
  text-align: center;
  float: left;
}

DIV.boxField .contentBox a.main:hover {
  margin: 3px 0px 0px 6px;
  border: 1px solid #4c4c4c;
  float: left;
}

DIV.boxField .contentBox a.author {
  margin: 3px 0px 0px 6px;
  color: #545456;
  font-size: 11px;
  float: left;
}

DIV.boxField .contentBox a.author:hover {
  margin: 3px 0px 0px 6px;
  color: #545456;
  font-size: 11px;
  text-decoration: underline;
  float: left;
}

DIV.boxField .contentBox p {
  margin: 3px 6px 0px 0px;
  color: #545456;
  font-size: 11px;
  float: right;
}

DIV.boxField .contentBox p.time {
  width: 40%;
  margin: -3px 5px 0px 0px;
  color: #545456;
  font-size: 11px;
  text-align: right;
  float: right;
}

/* content box article */

DIV.boxField .contentBox .article {
  width: 100%;
  height: 200px;
  margin: 3px 0px 0px 0px;
  float: left;
}

DIV.boxField .contentBox .article .box {
  width: 300px;
  height: 198px;
  background-color: #ffffff;
  margin: 1px 0px 0px 6px;
  float: left;
}

DIV.boxField .contentBox .article h4 {
  padding: 0px;
  margin: 0px;
  font-weight: bold;
  float: left;
}

DIV.boxField .contentBox .article h4 a {
  width: 280px;
  height: 34px;
  font-size: 16px;
  color: #0166ac;
  text-align: left;
  line-height: 16px;
  overflow: hidden;
  margin: 17px 0px 0px 14px;
  padding: 0px 0px 0px 0px;
  float: left;
}

DIV.boxField .contentBox .article h4 a:hover {
  text-decoration: underline;
}

DIV.boxField .contentBox .article p {
  width: 90%;
  height: 110px;
  text-align: left;
  font-size: 12px;
  line-height: 18px;
  padding: 0px;
  margin: 10px 0px 0px 15px;
  color: #333333;
  overflow: hidden;
  float: left;
}

DIV.boxField .contentBox .article p.keywords {
  color: #999999;
  text-align: left;
  width: 90%;
  height: 20px;
  font-style: italic;
  overflow: hidden;
  margin: 0px 0px 0px 15px;
  float: left;
}

DIV.container .containerTopBox .bottom {
  width: 963px;
  height: 7px;
  background-image: url('../images/contentBoxBottom.gif');
	background-position: -0px -0px;
	background-repeat: no-repeat;
	float: left;
}

/* menu */

DIV.menu {
  width: 989px;
  height: 54px;
  margin: 10px 0px 10px 0px;
  background-image: url('../images/menu.gif');
	background-position: -0px -0px;
	background-repeat: no-repeat;
	float: left;
}

DIV.menu ul {
  margin: 6px 0px 0px 13px;
  padding: 0px;
  width: 600px;
  height: 43px;
  float: left;
  text-align: center;
}

DIV.menu ul li {
  list-style-type: none;
  height: 43px;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  float: left;
}

DIV.menu ul li a {
  display: block;
  height: 43px;
}

DIV.menu ul li a span {
  display: none;
}

DIV.menu ul li a.home {
  width: 92px;
  background:#000000 url('../images/menuButtons.gif') no-repeat -0px -0px;
}

DIV.menu ul li.selected a.home {
  width: 92px;
  background:#000000 url('../images/menuButtons.gif') no-repeat -0px -43px;
}

DIV.menu ul li a.home:hover{
  background-position: -0px -43px;
}

DIV.menu ul li a.articles {
  width: 92px;
  background:#000000 url('../images/menuButtons.gif') no-repeat -92px -0px;
}

DIV.menu ul li.selected a.articles {
  width: 92px;
  background:#000000 url('../images/menuButtons.gif') no-repeat -92px -43px;
}

DIV.menu ul li a.articles:hover{
  background-position: -92px -43px;
}

DIV.menu ul li a.videos {
  width: 91px;
  background:#000000 url('../images/menuButtons.gif') no-repeat -184px -0px;
}

DIV.menu ul li.selected a.videos {
  width: 91px;
  background:#000000 url('../images/menuButtons.gif') no-repeat -184px -43px;
}

DIV.menu ul li a.videos:hover{
  background-position: -184px -43px;
}

DIV.menu ul li a.galleries {
  width: 93px;
  background:#000000 url('../images/menuButtons.gif') no-repeat -275px -0px;
}

DIV.menu ul li.selected a.galleries {
  width: 93px;
  background:#000000 url('../images/menuButtons.gif') no-repeat -275px -43px;
}

DIV.menu ul li a.galleries:hover{
  background-position: -275px -43px;
}

DIV.menu ul li a.competition {
  width: 92px;
  background:#000000 url('../images/menuButtons.gif') no-repeat -368px -0px;
}

DIV.menu ul li.selected a.competition {
  width: 92px;
  background:#000000 url('../images/menuButtons.gif') no-repeat -368px -43px;
}

DIV.menu ul li a.competition:hover{
  background-position: -368px -43px;
}

DIV.menu ul li a.about {
  width: 91px;
  background:#000000 url('../images/menuButtons.gif') no-repeat -460px -0px;
}

DIV.menu ul li.selected a.about {
  width: 91px;
  background:#000000 url('../images/menuButtons.gif') no-repeat -460px -43px;
}

DIV.menu ul li a.about:hover{
  background-position: -460px -43px;
}

/* select */

DIV.menu .selectContainer {
	float: left; 
	width: 197px;
	font-size: 14px;	
	background: url(../images/sortSelectBg.gif) no-repeat top;
	cursor: pointer;	
}

DIV.menu .selectContainer DIV.mainSelection {
	padding: 8px 0px 0px 7px;
	height: 26px;
}

DIV.menu .selectContainer ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	border: 2px solid #000000;
	width: 187px;
	display: none;		
}

DIV.menu .selectContainer li {
	height: 20px;	
	margin: 0px;
	padding: 2px 0px 0px 5px;	
	vertical-align: middle;
	background-color: #ffffff;
}

DIV.menu .selectContainer li:hover {
	background-color: #dddddd;
}

/* bottom content container */

DIV.bottomContainer {
  width: 963px;
  min-height: 700px;
  margin: 0 auto;
}

/* left boxes */

DIV.bottomContainer .left {
  width: 648px;
  float: left;
}

DIV.bottomContainer .left .containerTopBox {
  width: 648px;
  margin: 0 auto;
}

DIV.bottomContainer .left .containerTopBox .boxField {
  width: 632px;
  text-align: center;
  margin: 12px 0px 0px 10px;
  float: left;
}

DIV.bottomContainer .left .containerTopBox .top {
  width: 648px;
  height: 7px;
  background-image: url('../images/contentMiddleBoxTop.gif');
	background-position: -0px -0px;
	background-repeat: no-repeat;
	float: left;
}

DIV.bottomContainer .left .containerTopBox .center {
  width: 648px;
  background-image: url('../images/contentMiddleBoxCenter.gif');
	background-position: -0px -0px;
	background-repeat: repeat-y;
	padding-bottom: 12px;
	float: left;
}

DIV.bottomContainer .left .containerTopBox .bottom {
  width: 648px;
  height: 7px;
  background-image: url('../images/contentMiddleBoxBottom.gif');
	background-position: -0px -0px;
	background-repeat: no-repeat;
	margin-bottom: 5px;
	float: left;
}

DIV.bottomContainer .left .containerTopBox .center h2 {
  font-size: 11px;
  color: #333333;
  margin: 6px 0px 0px 11px;
  line-height: 18px;
  text-align: left;
  width: 98%;
	float: left;
}

DIV.bottomContainer .left .containerTopBox .center h2 img {
  margin-right: 5px;
	float: left;
}

/* right boxes */

DIV.bottomContainer .right {
  float: right;
}

DIV.bottomContainer .right .containerTopBox {
  width: 312px;
  margin: 0 auto;
}

DIV.bottomContainer .right .containerTopBox .top {
  width: 312px;
  height: 7px;
  background-image: url('../images/contentSmallBoxTop.gif');
	background-position: -0px -0px;
	background-repeat: no-repeat;
	float: left;
}

DIV.bottomContainer .right .containerTopBox .center {
  width: 312px;
  background-image: url('../images/contentSmallBoxCenter.gif');
	background-position: -0px -0px;
	background-repeat: repeat-y;
	padding-bottom: 12px;
	float: left;
}

DIV.bottomContainer .right .containerTopBox .bottom {
  width: 312px;
  height: 7px;
  background-image: url('../images/contentSmallBoxBottom.gif');
	background-position: -0px -0px;
	background-repeat: no-repeat;
	margin-bottom: 5px;
	float: left;
}

DIV.bottomContainer .right .containerTopBox .center h2 {
  font-size: 11px;
  color: #333333;
  margin: 6px 0px 0px 8px;
  line-height: 18px;
  text-align: left;
  width: 70%;
	float: left;
}

DIV.bottomContainer .right .containerTopBox .center h2.underlined {
  font-size: 11px;
  color: #333333;
  margin: 6px 0px 0px 8px;
  line-height: 18px;
  text-align: left;
  border-bottom: solid 1px #cccccc;
  width: 297px;
	float: left;
}

DIV.bottomContainer .right .containerTopBox .center .hide {
  margin: 6px 7px 0px 0px;
  line-height: 18px;
  text-align: left;
  width: 14%;
	float: right;
	display: none;
}

DIV.bottomContainer .right .containerTopBox .center .hide a {
  font-size: 11px;
  font-weight: bold;
  margin-right: 5px;
  color: #0166ac;
}

DIV.bottomContainer .right .containerTopBox .center .hide a:hover {
  font-size: 11px;
  color: #0166ac;
  text-decoration: underline;
}

DIV.bottomContainer .right .containerTopBox .center h2 img {
  margin-right: 5px;
	float: left;
}

DIV.bottomContainer .right .boxField {
  width: 312px;
  text-align: center;
  margin: 12px 0px 0px 8px;
  float: left;
}

DIV.bottomContainer .right .boxField .contentBox {
  width: 146px;
  height: 118px;
  background-color: #d7d9e4;
  margin: 0px 4px 4px 0px;
  float: left;
}

DIV.bottomContainer .right .boxField .contentBox h3 {
  width: 50%;
  font-size: 12px;
  margin: 5px 0px 0px 7px;
  float: left;
}

DIV.bottomContainer .right .boxField .contentBox h3 a {
  color: #0166ac;
}

DIV.bottomContainer .right .boxField .contentBox h3 a:hover {
  color: #0166ac;
  text-decoration: underline;
}


DIV.bottomContainer .right .boxField .contentBox a.typevideo {
  margin: 5px 6px 0px 0px;
  width: 32px;
  height: 13px;
  background-image: url('../images/icons.gif');
	background-position: -0px -0px;
	background-repeat: no-repeat;
  float: right;
}

DIV.bottomContainer .right .boxField .contentBox a.typevideo:hover {
	background-position: -0px -13px;
}

DIV.bottomContainer .right .boxField .contentBox a.typevideo span {
	display: none;
}

DIV.bottomContainer .right .boxField .contentBox a.typearticle {
  margin: 5px 6px 0px 0px;
  width: 34px;
  height: 13px;
  background-image: url('../images/icons.gif');
	background-position: -32px -0px;
	background-repeat: no-repeat;
  float: right;
}

DIV.bottomContainer .right .boxField .contentBox a.typearticle:hover {
	background-position: -32px -13px;
}

DIV.bottomContainer .right .boxField .contentBox a.typearticle span {
	display: none;
}

DIV.bottomContainer .right .boxField .contentBox a.typegallery {
  margin: 5px 6px 0px 0px;
  width: 35px;
  height: 13px;
  background-image: url('../images/icons.gif');
	background-position: -66px -0px;
	background-repeat: no-repeat;
  float: right;
  z-index:20;
}

DIV.bottomContainer .right .boxField .contentBox a.typegallery:hover {
	background-position: -66px -13px;
}

DIV.bottomContainer .right .boxField .contentBox a.typegallery span {
	display: none;
}

DIV.bottomContainer .right .boxField .contentBox a.main {
  width: 132px;
  height: 87px;
  margin: 3px 0px 0px 6px;
  border: 1px solid #828282;
  float: left;
}

DIV.bottomContainer .right .boxField .contentBox a.main:hover {
  margin: 3px 0px 0px 6px;
  border: 1px solid #4c4c4c;
  float: left;
}

DIV.bottomContainer .right .boxField .contentBox a.main img {max-height:87px;width:132px;}


DIV.bottomContainer .right .boxField .contentBox a.author {
  margin: 3px 0px 0px 6px;
  color: #545456;
  font-size: 11px;
  float: left;
}

DIV.bottomContainer .right .boxField .contentBox a.author:hover {
  margin: 3px 0px 0px 6px;
  color: #545456;
  font-size: 11px;
  text-decoration: underline;
  float: left;
}

DIV.bottomContainer .right .boxField .contentBox p {
  margin: 3px 6px 0px 0px;
  color: #545456;
  font-size: 11px;
  float: right;
}

DIV.bottomContainer .right .boxField .contentBox .article {
  width: 100%;
  height: 87px;
  margin: 3px 0px 0px 0px;
  float: left;
}

DIV.bottomContainer .right .boxField .contentBox .article .box {
  width: 134px;
  height: 88px;
  margin: 1px 0px 0px 6px;
  background-color: #ffffff;
  float: left;
}

DIV.bottomContainer .right .boxField .contentBox .article h4 {
  padding: 0px;
  margin: 0px;
  font-weight: bold;
  float: left;
}

DIV.bottomContainer .right .boxField .contentBox .article h4.small a {
  font-size: 11px;
  color: #0166ac;
  width: 90%;
  height: 25px;
  text-align: left;
  line-height: 12px;
  margin: 5px 0px 0px 8px;
  padding: 0px 0px 0px 0px;
  overflow: hidden;
  float: left;
}

DIV.bottomContainer .right .boxField .contentBox .article h4.small a:hover {
  text-decoration: underline;
}

DIV.bottomContainer .right .boxField .contentBox .article p {
  width: 90%;
  height: 50px;
  text-align: left;
  font-size: 11px;
  line-height: 12px;
  padding: 0px;
  margin: 4px 0px 0px 8px;
  color: #333333;
  overflow: hidden;
  float: left;
}

DIV.bottomContainer .right .poll {
  width: 297px;
  margin: 5px 0px 0px 10px;
  float: left;
}

DIV.bottomContainer .right .poll p {
  color: #000000;
  width: 100%;
  font-size: 11px;
  text-align: left;
  float: left;
}

DIV.bottomContainer .right .poll .pollContent {
  width: 100%;
  float: left;
}

DIV.bottomContainer .right .poll .pollContent .row {
  width: 100%;
  margin: 10px 0px 10px 0px;
  display: block;
  float: left;
}

DIV.bottomContainer .right .poll .pollContent a.name {
  width: 120px;
  text-align: right;
  font-size: 11px;
  color: #000000;
  float: left;
}

DIV.bottomContainer .right .poll .pollContent a.name:hover {
  text-decoration: underline;
}

DIV.bottomContainer .right .poll .pollContent p.name {
  width: 120px;
  text-align: right;
  font-size: 11px;
  color: #000000;
  float: left;
}

DIV.bottomContainer .right .poll .pollContent p.number {
  width: 33px;
  text-align: center;
  font-size: 11px;
  color: #999999;
  float: left;
}

DIV.bottomContainer .right .poll .pollContent .graph {
  width: 126px;
  height: 16px;
  text-align: left;
  background-image: url('../images/graph.gif');
	background-position: -0px -0px;
	background-repeat: no-repeat;
  float: left;
}

DIV.bottomContainer .right .poll .pollContent .graph .inside1 {
  height: 10px;
  line-height: 0px;
  text-align: left;
  margin: 2px 0px 0px 2px;
  background-color: #d7d9e4;
  border: solid 1px #bbbbbe;
  float: left;
}

DIV.bottomContainer .right .poll .pollContent .graph .hover {
  height: 10px;
  line-height: 0px;
  text-align: left;
  margin: 2px 0px 0px 2px;
  border: solid 1px #bbbbbe;
  float: left;
  background-color: #0166ac;
}

DIV.bottomContainer .right .poll .pollContent .graph .inside2 {
  height: 10px;
  text-align: left;
  margin: 2px 0px 0px 2px;
  background-color: #c9f1ea;
  border: solid 1px #bbbbbe;
  float: left;
}

/* bottom */
DIV.bottombox {
  width: 100%;
  background-image: url('../images/bottombg.jpg');
  background-position: bottom center;
  background-repeat: no-repeat;
  background-color: #131c59;
  float: left;
}

DIV.bottom {
  width: 963px;
  margin: 0 auto;
}

DIV.bottom .left {
  width: 442px;
  margin: 15px 0px 0px 0px;
  float: left;
}

DIV.bottom .left a {
  margin: 0px 2px 5px 0px;
  float: left;
}

DIV.bottom .left p {
  width: 145px;
  text-align: left;
  font-size: 10px;
  margin: 0px 2px 5px 0px;
  color: #ffffff;
  float: left;
}

DIV.bottom .right {
  width: 509px;
  margin: 15px 0px 0px 0px;
  float: right;
}

DIV.bottom .right p {
  font-size: 10px;
  margin: 15px 0px 0px 0px;
  color: #d1cfc9;
  text-align: right;
  float: right;
}

DIV.bottom .right ul {
  margin: 15px 0px 25px 0px;
  padding: 0px;
  width: 509px;
  height: 37px;
  float: right;
  text-align: center;
}

DIV.bottom .right ul li {
  list-style-type: none;
  height: 37px;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  float: left;
}

DIV.bottom .right ul li a {
  display: block;
  height: 37px;
}

DIV.bottom .right ul li a span {
  display: none;
}

DIV.bottom .right ul li a.home {
  width: 82px;
  background: url('../images/menuBottom.gif') no-repeat -0px -0px;
}

DIV.bottom .right ul li.selected a.home {
  width: 82px;
  background: url('../images/menuBottom.gif') no-repeat -0px -37px;
}

DIV.bottom .right ul li a.home:hover{
  background-position: -0px -37px;
}

DIV.bottom .right ul li a.articles {
  width: 76px;
  background: url('../images/menuBottom.gif') no-repeat -82px -0px;
}

DIV.bottom .right ul li.selected a.articles {
  width: 76px;
  background: url('../images/menuBottom.gif') no-repeat -82px -37px;
}

DIV.bottom .right ul li a.articles:hover{
  background-position: -82px -37px;
}

DIV.bottom .right ul li a.videos {
  width: 75px;
  background: url('../images/menuBottom.gif') no-repeat -158px -0px;
}

DIV.bottom .right ul li.selected a.videos {
  width: 75px;
  background: url('../images/menuBottom.gif') no-repeat -158px -37px;
}

DIV.bottom .right ul li a.videos:hover{
  background-position: -158px -37px;
}

DIV.bottom .right ul li a.galleries {
  width: 84px;
  background: url('../images/menuBottom.gif') no-repeat -233px -0px;
}

DIV.bottom .right ul li.selected a.galleries {
  width: 84px;
  background: url('../images/menuBottom.gif') no-repeat -233px -37px;
}

DIV.bottom .right ul li a.galleries:hover{
  background-position: -233px -37px;
}

DIV.bottom .right ul li a.competition {
  width: 108px;
  background: url('../images/menuBottom.gif') no-repeat -317px -0px;
}

DIV.bottom .right ul li.selected a.competition {
  width: 108px;
  background: url('../images/menuBottom.gif') no-repeat -317px -37px;
}

DIV.bottom .right ul li a.competition:hover{
  background-position: -317px -37px;
}

DIV.bottom .right ul li a.about {
  width: 84px;
  background: url('../images/menuBottom.gif') no-repeat -425px -0px;
}

DIV.bottom .right ul li.selected a.about {
  width: 84px;
  background: url('../images/menuBottom.gif') no-repeat -425px -37px;
}

DIV.bottom .right ul li a.about:hover{
  background-position: -425px -37px;
}

/* menu input field */

DIV.menu form {
  width: 312px;
  height: 43px;
  margin: 6px 13px 0px 0px;
  text-align: left;
  float: right;
}

DIV.menu form .left {
  width: 206px;
  height: 43px;
  margin: 11px 0px 0px 0px;
  float: left;
}

DIV.menu form .left input {
  height: 18px;
  padding: 4px 0px 0px 6px;
  margin: 0px 2px 0px 0px;
  line-height: 13px;
	border: none;
	font-size: 11px;
	margin-bottom: 4px;
	color: #cccccc;
	background-image: url('../images/inputs.gif');
	background-position: -0px -40px;
	background-repeat: no-repeat;
	background-color: #ffffff;
	width: 100px;
  float: left;
}

DIV.menu form .left input:focus {
	background-position: -0px -62px;
}

DIV.menu form .right input {
  margin: 8px 0px 0px 0px;
  height: 32px;
  border: none;
	background-image: url('../images/buttons.gif');
	background-position: -90px -0px;
	background-repeat: no-repeat;
	background-color: #ffffff;
	cursor: pointer;
	width: 90px;
  float: left;
}

DIV.menu form .right input:hover {
	background-position: -90px -32px;
}

#dropdown_container {
  position: relative;
	float: left;
	background-image: url('../images/inputs.gif');
	background-position: -105px -40px;
	background-repeat: no-repeat;
	width: 89px;
	height: 22px;
	margin: 0px 0px 10px 0px;
}

div#container.dropdown_over:hover {
	background-position: -105px -63px;
}

select.dropdown {
	width: 89px;
	height: 22px;
	float: left;
	font-family: Arial;
	display: none;
  font-size: 11px;
	z-index: 2;
	margin-top: 2px;
	padding-top: 8px;
	display:inline;
	background-color: #ffffff;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	cursor: pointer;
}

div.dropdown_label {
	position: absolute;
	font-family: Arial;
  font-size: 11px;
  color: #cccccc;
	z-index: 1;
	line-height: 22px;
	height: 22px;
	padding-left: 9px;
}

/* stefan.barasso@loki.sk */

.postbox .row .ch_counter {padding:0 4px 0 0 !important;} 

p.video_center {text-align:center !important;margin-bottom:15px;background-color:gray;}

a.fb_share {background:url(../images/facebook.gif) no-repeat left center;padding-left:20px;color:#3B5998;}
a.fb_share:hover {text-decoration:underline;}
.mt80 {margin-top:80px;}

input.file {z-index:1000 !important;}
div.fakeInput {float:left;height:20px;width:141px;background: #fff url(../images/inputs.gif) no-repeat 0px -430px;padding-left:2px;z-index:1 !important;}
	div.fakeInput input {width:133px !important;height:15px !important;margin-top:1px;margin-left:1px;padding:2px 0 0 0 !important;}
	div.fakeInput:hover {background-position: 0 -451px;}
	
div.fakeInput2 {float:left;height:20px;width:301px;background: #fff url(../images/inputs.gif) no-repeat -200px 0px;padding-left:2px;}
	div.fakeInput2 input {width:293px !important;height:15px !important;margin-top:1px;margin-left:1px;padding:2px 0 0 0 !important;}
div.fakeInput2:hover {background-position: -200px -20px;}

div.articleContent {text-align:left; font-size: 12px; margin: 20px 10px;}
div.center div.textbox div.articleContent div, 
div.center div.textbox div.articleContent span,
div.center div.textbox div.articleContent strong, 
div.center div.textbox div.articleContent img, 
div.center div.textbox div.articleContent b, 
div.center div.textbox div.articleContent i,  
div.center div.textbox div.articleContent input, 
div.center div.textbox div.articleContent select, 
div.center div.textbox div.articleContent font, 
div.center div.textbox div.articleContent p, 
div.center div.textbox div.articleContent form,  
div.center div.textbox div.articleContent h1, 
div.center div.textbox div.articleContent h2, 
div.center div.textbox div.articleContent h3, 
div.center div.textbox div.articleContent h4, 
div.center div.textbox div.articleContent h5, 
div.center div.textbox div.articleContent h6, 
div.center div.textbox div.articleContent object, 
div.center div.textbox div.articleContent blockquote, 
div.center div.textbox div.articleContent pre, 
div.center div.textbox div.articleContent abbr, 
div.center div.textbox div.articleContent label, 
div.center div.textbox div.articleContent center, 
div.center div.textbox div.articleContent ul, 
div.center div.textbox div.articleContent li, 
div.center div.textbox div.articleContent dl, 
div.center div.textbox div.articleContent dt, 
div.center div.textbox div.articleContent dd, 
div.center div.textbox div.articleContent fieldset,
div.center div.textbox div.articleContent textarea, 
div.center div.textbox div.articleContent cite, 
div.center div.textbox div.articleContent code, 
div.center div.textbox div.articleContent del, 
div.center div.textbox div.articleContent iframe {float:none !important;margin:0;padding:0;height:auto;width:auto;text-align:left;float:none;overflow:visible;color:inherit;font-size:inherit;text-decoration:inherit;text-align:inherit;}

div.center div.textbox div.articleContent ul, 
div.center div.textbox div.articleContent ol,
div.center div.textbox div.articleContent p  { margin:1em 0 !important; } 


div.center div.textbox div.articleContent a {
  color: #0166ac;
  text-decoration: underline; 
}

div.center div.textbox div.articleContent a:hover {
  color: #0166ac;
  text-decoration: none !important; 
}

iframe#FCKeditor1___Frame {
  font-size: 120% !important;
}

div.center div.textbox div.articleContent u {
  text-decoration: underline !important;
}

div.center div.textbox div.articleContent em {
  font-style: italic !important;
  margin: 0px !important;
  padding: 0px !important;
  float:none !important;
  width:auto !important;
  font-size:12px !important;
}

div.bottomContainer .left .containerTopBox div.articleContent h1 {font-size:23px !important;color:#000;padding:0;margin:0;}
div.bottomContainer .left .containerTopBox div.articleContent h2 {font-size:18px !important;font-weight:bold;color:#000;padding:0;margin:0;}
div.bottomContainer .left .containerTopBox div.articleContent h3 {font-size:15px !important;color:#000;padding:0;margin:0;}
div.bottomContainer .left .containerTopBox div.articleContent h4 {font-size:12px !important;font-weight:bold;color:#000;padding:0;margin:0;}
div.bottomContainer .left .containerTopBox div.articleContent h5 {font-size:10px !important;font-weight:bold;color:#000;padding:0;margin:0;}
div.bottomContainer .left .containerTopBox div.articleContent h6 {font-size:8px !important;font-weight:bold;color:#000;padding:0;margin:0;}

div.bottomContainer .left .containerTopBox div.articleContent table {margin:0;padding:0;clear:both;text-align:left;float:none;overflow:visible;}

div.bottomContainer .left .containerTopBox div.articleContent ul {margin:0px;padding:0px 0px 0px 20px;clear:both;text-align:left;float:none;overflow:visible;}

div.bottomContainer .left .containerTopBox div.articleContent img {margin:10px 10px 10px 0px;padding:0px;border: 5px solid #e5e5e5;clear:both;text-align:left;}

h3.mt2 {position:relative;top:2px;}

.b {font-weight:bold;}
a.u:hover {text-decoration:underline;}

.pr22 {position:relative;top:22px;}

.fileinput {
  border: 1px solid #000000;
  width: 150px;
  float: left;
}

/* ajax gallery */

ul.galleryBullets {
  width:20%;
  margin: 0 auto;
  text-align: center;
  background-color: blue;
}

ul.galleryBullets li {
  list-style-type: none;
  text-align: center;
  margin: 0px 0px 0px 3px;
  float: left;
  cursor: pointer;
}

.notification_error,
.notification_success,
.notification_notice  { /*margin:0 0 1em;*/ border-width:1px; border-style:solid; padding:7px 8px; margin-top:8px; display:block; }
.notification_error   { background:#FBE3E4; border-color:#FBC2C4; color:#8A1F11; }
.notification_success { background:#E6EFC2; border-color:#C6D880; color:#264409; }
.notification_notice  { background:#FFF6BF; border-color:#FFD324; color:#514721; }

p.uploadinfo {
  margin: 10px 0px 0px 0px !important;
  padding: 0px !important;
  width: 300px !important;
  float: left;
}

body strong.required {
	color:#f22 !important;
	font-weight:bold !important;
	float:none !important;
}

p.postreaction {
  width: 300px !important;
}

DIV.topsmallleft {
  width: 80%;
  float: left;
}

DIV.topsmallright {
  margin-top: 4px;
}

DIV.topsmallright a:hover {
  text-decoration: underline;  
}