@charset "utf-8";
html {
	background-image: url(images/bodyBckg.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	background-attachment: scroll;
	background-color: #66030b;
}

body {
	background-image: url(images/stripe.png);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	text-align: center;
	background-position: left 120px;
}
.main .leftPanel {
	padding: 0px;
	width: 260px;
	text-align: center;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}
.main .leftPanel .search {
	background-image: url(images/search.png);
	background-position: center top;
	display: block;
	padding: 0px;
	width: 260px;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
	height: 244px;
}
.main .leftPanel .search #search {
	font-family: "Trebuchet MS", sans-serif;
	color: #000000;
	font-size: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 35px;
	font-weight: bold;
}
.main .leftPanel .search #search .submit {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px;
	float: right;
	margin-top: -10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	width: 79px;
	height: 79px;
}


.main .leftPanel .search .formHead {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 18px;
	font-weight: bolder;
	color: #000000;
	text-align: center;
	margin: 0px;
	padding-top: 35px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.main {
	width: 1000px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(images/mainBckg.png);
	background-repeat: repeat-y;
	background-position: left top;
}
.main .frame {
	background-position: 50px 20px;
	background-repeat: no-repeat;
	display: block;
	height: 326px;
	width: 362px;
	margin: 0px;
	padding: 0px;
	float: right;
}
.main .top {
	width: 620px;
	text-align: left;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.main .middleTextBox {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 0px;
	height: 200px;
	width: 310px;
	float: right;
	margin-top: 45px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 50px;
	text-align: justify;
	line-height: 10pt;
}
.main .middleTextBox .sms {
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


.main .top a.or {
	background-image: url(images/orange.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	height: 51px;
	width: 79px;
	font-family: "Trebuchet MS", sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding-top: 28px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: right;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-size: 16px;
}
.main .top a.bl {
	background-image: url(images/blue.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	height: 61px;
	width: 79px;
	font-family: "Trebuchet MS", sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bolder;
	display: block;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: right;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-size: 36px;
}
.main .top a.or:hover {
	background-image: url(images/orangeHover.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	height: 51px;
	width: 79px;
	font-family: "Trebuchet MS", sans-serif;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding-top: 28px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: right;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-size: 16px;
}
.main .top a.bl:hover {
	background-image: url(images/blueHover.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	height: 61px;
	width: 79px;
	font-family: "Trebuchet MS", sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bolder;
	display: block;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: right;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-size: 36px;
}
.main .bigBox a {
	text-decoration: none;
	background-image: url(images/bigBox.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	height: 235px;
	width: 204px;
	text-align: center;
	display: block;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 13px;
}
.main .bigBox a:hover {
	text-decoration: none;
	background-image: url(images/bigBox.png);
	background-repeat: no-repeat;
	background-position: -204px top;
	padding: 0px;
	height: 235px;
	width: 204px;
	text-align: center;
	display: block;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 13px;
}
.main .leftPanel .bigBox .bigBoxHead {
	font-family: "Trebuchet MS";
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	display: block;
	margin-left: 12px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
}
.main .leftPanel .bigBox .bigBoxAge {
	font-family: "Trebuchet MS";
	color: #00B4FF;
	font-size: 16px;
	font-weight: bold;
	display: block;
	margin-right: 12px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: right;
}
.main .leftPanel .bigBox .bigBoxRegion {
	font-family: "Trebuchet MS";
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	display: block;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.main  .leftPanel  .bigBox  img.bigFoto {
	border: 1px solid #000000;
	width: 180px;
	height: 180px;
}
.main .leftPanel .bigBox .hleda {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	display: block;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	color: #000000;
}

.main .content {
	padding: 0px;
	width: 670px;
	margin-top: 280px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 300px;
	text-align: left;
}
.main  .content  .box  .boxHead {
	font-family: "Trebuchet MS";
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	display: block;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.main  .content  .box  .boxHead .boxName {
	font-family: "Trebuchet MS";
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	display: block;
	margin: 0px;
	margin-left: 12px;
	float: left;
}
.main  .content  .box  .boxHead .boxRegion {
	font-family: "Trebuchet MS";
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	display: block;
	margin: 0px;
	margin-left: 12px;
	float: left;
}

.main  .content  .box  img.Foto {
	border: 1px solid #000000;
}
.main .content .box .hleda {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	display: block;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	color: #000000;
}
.main .content .box a {
	text-decoration: none;
	background-image: url(images/box.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	height: 145px;
	width: 123px;
	text-align: center;
	display: block;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	float: left;
}
.main .content .box a:hover {
	text-decoration: none;
	background-image: url(images/box.png);
	background-repeat: no-repeat;
	background-position: -124px top;
	padding: 0px;
	height: 145px;
	width: 123px;
	text-align: center;
	display: block;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	float: left;
}
.main .content .box .boxHead .boxAge {
	color: #00B4FF;
	float: right;
	padding-right: 12px;
}
.main .content .boxB a {
	text-decoration: none;
	background-image: url(images/boxB.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	height: 145px;
	width: 123px;
	text-align: center;
	display: block;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	float: left;
}
.main .content .boxB a:hover {
	text-decoration: none;
	background-image: url(images/boxB.png);
	background-repeat: no-repeat;
	background-position: -124px top;
	padding: 0px;
	height: 145px;
	width: 123px;
	text-align: center;
	display: block;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	float: left;
}
.main .content .boxB .boxHead .boxAge {
	color: #00B4FF;
	float: right;
	padding-right: 12px;
}
.main .content .boxG a {
	text-decoration: none;
	background-image: url(images/boxG.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	height: 145px;
	width: 123px;
	text-align: center;
	display: block;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	float: left;
}
.main .content .boxG a:hover {
	text-decoration: none;
	background-image: url(images/boxG.png);
	background-repeat: no-repeat;
	background-position: -124px top;
	padding: 0px;
	height: 145px;
	width: 123px;
	text-align: center;
	display: block;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	float: left;
}
.main .content .boxG .boxHead .boxAge {
	color: #00B4FF;
	float: right;
	padding-right: 12px;
}
.content  .pages  {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	float: right;
	width: 90%;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: right;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.content  .pages  a  {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.content  .pages  a:hover  {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF3300;
	text-decoration: underline;
}

.main .footer {
	background-color: #a7a7a7;
	display: block;
	text-align: center;
	clear: both;
	width: 100%;
	height: 20px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: "Trebuchet MS", sans-serif;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.main .footer a {
	color: #000000;
	text-decoration: none;
}
.main .footer a:hover {
	color: #000000;
	text-decoration: underline;
}
.copy {	
  width: 240px;
  float: left;
  padding: 5px;
}
.copy  a  {
	margin: 0px;
	font-family: "Trebuchet MS", sans-serif;
	color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
.copy a:hover {
	margin: 0px;
	font-family: "Trebuchet MS", sans-serif;
	color: #FF3300;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
}
.bottomAdvert {  
  float: right;  
}
.bottomAdvert  a  {
	margin: 0px;
	font-family: "Trebuchet MS", sans-serif;
	color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
.bottomAdvert a:hover {
	margin: 0px;
	font-family: "Trebuchet MS", sans-serif;
	color: #FF3300;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
}

.main  .leftPanel  .kraj {
	padding: 10px;
	float: left;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 200px;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.main   .leftPanel   a.kraje {
	font-family: "Trebuchet MS", sans-serif;
	text-decoration: none;
	font-size: 12px;
	color: #FFB400;
	font-weight: bold;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding: 5px;
}
.main  .leftPanel  a.kraje:hover {
	font-family: "Trebuchet MS", sans-serif;
	text-decoration: underline;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding: 5px;
}
.main .contentDetail {
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 600px;
	float: right;
	text-align: left;
	background-image: url(images/detailBckg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 600px;
}
.main .contentDetail .where {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 16px;
	color: #0066FA;
	padding: 0px;
	float: right;
	margin-top: 90px;
	margin-right: 70px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 190px;
	font-weight: bolder;
}
.main .contentDetail .noAnswer {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 20px;
	color: #ff0000;
	padding: 0px;
	float: right;
	margin-top: 55px;
	margin-right: 55px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 220px;
	font-weight: bold;
	text-align: center;
}

.main .contentDetail .where span {
	color: #FF6D00;	
}
.main .contentDetail .where a {
  text-decoration: none;
  color: Black;
}
/*.main .contentDetail .message {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 16px;
	color: #000000;
	padding: 0px;
	float: right;
	margin-top: 0px;
	margin-right: 70px;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 190px;
	font-weight: bolder;
	height: 95px;
}*/
.main .content .noMatchesFound {
  background-image: url(images/mainBckg.png);
  float:left;
  width: 95%;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  /*margin-left: 185px;*/
  color: #FFB400;
  font-weight: bold;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 14px; line-height: 25px
}
.main .contentDetail .message {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14px;
	color: #000000;
	padding: 0px;
	width: 100%;
	/*font-weight: bolder;*/
	height: 95px;
}
.main .contentDetail .sendBtn {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	float: right;
	width: 190px;
	font-weight: bolder;
	text-align: center;
	padding: 0px;
	height: 25px;
	margin-top: 27px;
	margin-right: 70px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.main .contentDetail .sendBtn a {
	text-decoration: none;
	color: #FFFFFF;
}
.main  .contentDetail  .sendBtn  a:hover {
	text-decoration: underline;
	color: #FFFFFF;
	font-size: 17px;
}
.main .contentDetail .helpDesk {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #888;
	padding: 10px;
	margin-top: 105px;
	margin-right: 40px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: right;
	width: 560px;
}
.main .helpDesk {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666;
	padding: 10px;
	margin-top: 245px;
	margin-right: 40px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: right;
	width: 560px;
}
.phoneNumberValidator {
  background-image: url(images/mainBckg.png);
  font-size: 20px;
  width: 350px;
  height: 55px;
  position: absolute;
  top: 375px;
  left: 750px;
  text-align: center;
  padding: 10px;
}

.main .contentDetail .helpDesk a {
	color: #FF6D00;
	text-decoration: none;
}
.main  .contentDetail  .helpDesk  a:hover {
	color: #0066F6;
	text-decoration: underline;
}

.boxDetail .boxText {
	display: block;
	width: 230px;
	padding: 0px;
	/*height: auto;*/
	height: 140px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow: auto;
	text-align:left;
	float:left;
}
.main .content .rules {
  font-family: "Trebuchet MS", sans-serif;
  color: White;
  padding: 3em;
  background-image: url(images/mainBckg.png);
}
.main .content .rules a {
  color: White;
  font-weight: bold;
  text-decoration: none;
}
.main .content .feedback {
  font-family: "Trebuchet MS", sans-serif;
  color: White;
  padding: 3em;
  padding-top: 1em;
  background-image: url(images/mainBckg.png);
}
.main .content .feedbackSuccess {
  font-size: 16px;
}
.main .content .feedbackSuccess a {
  font-family: "Trebuchet MS", sans-serif;
  font-weight: bold;
  text-decoration: none;
  color: White;
}
.main .content .feedbackFailure {
  font-size: 18px;
  font-weight: bold;
  color: red;
  text-align: center;
  padding: 0.5em;
  margin: 0.5em;
  background-image: url(images/mainBckg.png);
}
.main .content .feedbackFailure a {
  font-family: "Trebuchet MS", sans-serif;
  font-weight: bold;
  text-decoration: none;
  color: White;
}
.main .content .feedback textarea {
  font-family: "Trebuchet MS", sans-serif;
}
.main .content .feedbackPremium {
  color: White;
}

/*.boxDetail .nick {
	font-family: "Trebuchet MS", sans-serif;
	color: #0066FF;
	font-size: 16px;
	font-weight: bold;
	padding: 0px;
	display: block;
	text-align: left;
	margin: 0px;
}
.boxDetail img {
	border: 1px solid #1081D0;
	padding: 1px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	float: left;
}*/
.boxDetail .nickAndAge {
	display: block;
	text-align: left;
	margin-top: 0px;
	padding-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 180px;
}

.boxDetail .nickAndAge .nick {
	font-family: "Trebuchet MS", sans-serif;
	color: #0066FF;
	font-size: 16px;
	font-weight: bold;
	padding: 0px;
	text-align: left;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.boxDetail .nickAndAge .age {
	font-family: "Trebuchet MS", sans-serif;
	color: #FF6D00;
	font-size: 16px;
	font-weight: bold;
}
.boxDetail img {
	border: 1px solid #1081D0;
	padding: 1px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: 20px;
	float: left;
	display: block;
}
.boxDetail {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	color: #000000;
	background-image: url(images/detailBox.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	height: 422px;
	width: 251px;
	display: block;
	padding: 10px;
	color: #000000;
	text-align: left;
	float: left;
}
/*.boxDetail a:hover {
	text-decoration: none;
	background-image: url(images/detailBox.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 422px;
	width: 251px;
	padding: 10px;
	color: #000000;
	text-align: left;
}*/
#premiumSMS {  
  display: none;
  font-family: "Trebuchet MS", sans-serif;
  padding: 20px;  
  background-image: url(images/mainBckgDark.png);
  color: white;
  text-align: left;
  width: 295px;
  position: absolute;
}
