@import "reset.css";

body {
	background: url(/img/bg.gif) repeat-y #dade10;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 0px;
	margin: 0px;
	line-height: 14px;
}

p {
	margin-bottom: 14px;
}

a:link { color: #6d6a25; text-decoration: none; }
a:visited { color: #6d6a25; text-decoration: none; }
a:hover, span.link:hover { color: #d6026b; }

.col { float: left; }

div.site {
	width: 805px;
	text-align: left;
	padding-bottom: 40px;
}

div.site div.col-left {
	float: left;
	width: 187px;
	position: relative;
}

div.site div.col-center {
	float: left;
	width: 410px;
}

div.site div.col-right {
	float: left;
	width: 156px;
	padding-left: 13px;
	padding-top: 49px;
}

div.site div.vertical-navigation {
	float: left;
	width: 39px;
}

/*NAVIGATION-MENU*/
div.site div.col-left div.lang-nav {
	position: absolute;
	top: 9px;
	left: 122px;
}

div.lang-nav a {
	font-size: 10px;
	color: #000;
}

div.lang-nav a:hover {
	color: #d6026b;
}

div.lang-nav a.sel {
	color: #636608;
}

/*VIDEO-FRAME*/
div.site div.col-center div.video-frame {
	width: 395px;
	height: 230px;
	background-image: url(/img/video-frame.gif);
	padding-left: 15px;
}

/*MENU*/
div.col-center ul.menu {
	margin-top: 14px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 11px;
	height: 23px;
	background-image: url(/img/menu-bg.gif);
	text-align: center;
}

ul.menu li {
	float: left;
}

ul.menu li a {
	display:inline-block;
	position: relative;
}

ul.menu li a img.hover {
	position: absolute;
	top: 0px;
	right: 5px;
}

ul.menu li a:hover {
	background: url(/img/menu-bg.png) center;
}

/*CONTENT*/
div.site div.col-center div.content {
	position: relative;
	width: 411px;
	background: url(/img/content-bg.png) repeat-y;
}

div.content .form {
	padding-top: 15px;
	margin-left: 12px;
}

div.content .forminfo {
	padding-top: 5px;
	margin-left: 12px;
	position: relative;
}

div.content a.btn-read-more {
	position: absolute;
	top: 10px;
	right: 10px;
	text-decoration: none;
	color: #636608;
}

div.content .forminfo .text {
	margin-top: 10px;
	padding-bottom: 30px;
	padding-right: 10px;
	font-size: 11px;
	display: block;
}

/*FIELD*/
div.content .form td {
	padding-bottom: 10px;
	padding-right: 10px;
}

div.content .form div.field {
	color: #000;
}

div.content .form .title {
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	margin-left: 7px;
	margin-bottom: 20px;
}

div.content .form .normal {
	font-weight: normal;
}

div.content .form a {
	text-decoration: none;
}

div.content a.btn-ignore {
	position: absolute;
	top: -21px;
	right: 5px;
}


div.field .label {
	margin-left: 7px;
	font-size: 10px;
	color: #000;
	line-height: 12px;
}

div.field .label-gray {
	color: #7f8133;
}

div.field .mandatory {
	color: #c00076;
}

.col {
	float: left;
}

.pd7 {
	padding-left: 7px;
}

.mg-top15 {
	margin-top: 15px;
}

.frame {
	padding-top: 7px; 
	padding-bottom: 8px;
}

table.options td {
	padding-left: 7px;
	padding-bottom: 5px;
}

table.options td.sep-line {
	background: url(/img/sep-line.png) no-repeat;
	padding-top: 5px;
	font-weight: bold;
}

table.options td.last {
	padding-bottom: 20px;
}

div.jongla-free {
	background-image: url(/img/jongla-free.gif);
	position: absolute;
	width: 174px;
	height: 45px;
	right: 3px;
	bottom: -15px;
	z-index: 100;
}

div.jongla-free-small {
	background-image: url(/img/jongla-free-small.gif);
	position: absolute;
	width: 107px;
	height: 27px;
	right: 4px;
	bottom: -16px;
}

div.jongla-global-media {
	background-image: url(/img/jongla-global-media.gif);
	position: absolute;
	width: 226px;
	height: 27px;
	right: 4px;
	bottom: -16px;
}

/*FOOTER AND ADDRESS LINE*/
.footer {
	margin-top: 15px;
	font-size: 10px;
	line-height: 12px;
}

.footer ul li {
	width: 156px;
	padding-right: 20px;
	float: left;
}

.address {
	margin-top: 25px;
	text-align: center;
}

/*CUSTOM-CONTROLS*/
div.dd {
	position: relative;
	float: left;
	z-index: 20000;
}

div.dd .item {
	display: block;
}

div.dd label {
	position: relative;
	top: 8px;
	height: 16px;
	left: 14px;
	font-size: 12px;
	display: block;
	overflow: hidden;
}

div.dd .selected label {
	color: #d6026b;
}

div.dd .list {
	top: 0px;
	left: 0px;
	position: absolute;
	z-index: 1234;
	display: none;
}

div.dd .list .btn {
	height: 10px;
	text-align: center;
	cursor: pointer;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.dd .list .items {
	padding-left: 14px;
	line-height: 16px;
	overflow: hidden;
}

div.dd .list .items span {
	display: block;
	font-size: 12px;
	color: #010101;
	cursor: pointer;
}

div.dd .list .items span:hover {
	color: #d6026b;
}

div.dropdown {
	width: 190px;
}

div.dropdown .item {
	background: url(/img/dropdown.png);
	height: 28px;
	cursor: pointer;
}

div.dropdown .list {
	background: url(/img/dropdown-expand.png);
	width: 190px;
	height: 315px;
}

div.dropdown .list .items {
	height: 243px;
}

div.dropdown-small {
	width: 80px;
	position: relative;
}

div.dropdown-small .item {
	background: url(/img/dd_small_inactive.gif);
	height: 30px;
	cursor: pointer;
}

div.dropdown-small .list {
	background: url(/img/dd_small_active.png);
	width: 78px;
	height: 208px;
}

div.dropdown-small .list .items {
	height: 130px;
}

div.dropdown-medium {
	width: 105px;
	position: relative;
}

div.dropdown-medium .item {
	background: url(/img/dd_medium_inactive.png);
	height: 30px;
	cursor: pointer;
}

div.dropdown-medium .list {
	background: url(/img/dd_medium_active.png);
	width: 105px;
	height: 209px;
}

div.dropdown-medium .list .items {
	height: 130px;
}



						
img.translate-label {
	margin-top: 2px;
	margin-left: 2px;
}

input[type=text],
input[type=password]{
	background: none;
	border: 0px;
	font-size: 12px;
	color: #010101;
}

div.search-input {
	width: 141px;
	height: 29px;
	background-image: url(/img/search-input.png);
	position: relative;
}

div.search-input input[type=text] {
	width: 100px;
	margin-left: 9px;
	margin-top: 5px;
}

div.search-input .btn {
	position: absolute;
	cursor: pointer;
	top: 7px;
	left: 115px;
}

div.input {
	width: 190px;
	height: 29px;
	background-image: url(/img/input.png);
	position: relative;
}

div.input input[type=text],
div.input input[type=password]{
	width: 170px;
	margin-left: 9px;
	margin-top: 5px;
}

div.small-input {
	width: 91px;
	height: 28px;
	background-image: url(/img/small-input.png);
	position: relative;
}

div.small-input input[type=text] {
	width: 70px;
	margin-left: 9px;
	margin-top: 7px;
}

div.input-birthday {
	width: 95px;
	height: 23px;
	background-image: url(/img/input-birthday.png);
	padding-left: 15px;
	padding-top: 5px;
	color: #010101;
	font-size: 12px;
}

div.input-birthday input {
	color: #010101;
	text-align: center;
	font-size: 12px;
}

div.input-birthday input.day {
	width: 20px;
}

div.input-birthday input.month {
	width: 20px;
}

div.input-birthday input.year {
	width: 30px;
}

a.button:link {
	display: inline-block;
}




a.check-box {
	background-image: url(/img/check-box.png);
	height: 13px;	
	padding-left: 20px;
	cursor: pointer;
	background-position: center left;
	background-repeat: no-repeat;
	display: block;
}

a.check-box label {
	cursor: pointer;
	line-height: 13px;
}

a.check-box-frame { 
	padding-top: 8px; 
	padding-bottom: 8px;
}

a.check-box-checked {
	background-image: url(/img/check-box-checked.png);
}

a.check-box-2 {
	background-image: url(/img/check-box-2.gif);
	height: 15px;	
	padding-left: 22px;
	cursor: pointer;
	background-position: center left;
	background-repeat: no-repeat;
	display: block;
}

a.check-box-2 label {
	cursor: pointer;
	line-height: 15px;
}

a.check-box-frame-2 { 
	padding-top: 1px; 
	padding-bottom: 1px;
}

a.check-box-2-checked {
	background: url(/img/check-box-2-checked.gif) no-repeat center left;
}


/* CHECK-BOX*/
div.check-box {
	background-image: url(/img/check-box.png);
	height: 13px;	
	padding-left: 20px;
	cursor: pointer;
	background-position: center left;
	background-repeat: no-repeat;
}

div.check-box label {
	cursor: pointer;
	line-height: 13px;
}

div.check-box-frame { 
	padding-top: 8px; 
	padding-bottom: 8px;
}

div.check-box-checked {
	background-image: url(/img/check-box-checked.png);
}

div.check-box-2 {
	background-image: url(/img/check-box-2.gif);
	height: 15px;	
	padding-left: 22px;
	cursor: pointer;
	background-position: center left;
	background-repeat: no-repeat;
}

div.check-box-2 label {
	cursor: pointer;
	line-height: 15px;
}

div.check-box-frame-2 { 
	padding-top: 1px; 
	padding-bottom: 1px;
}

div.check-box-2-checked {
	background: url(/img/check-box-2-checked.gif) no-repeat center left;
}
			 
/* INFO BOX */
div.info-box {
	background: url(/img/info-box.png);
	width: 142px;
	height: 184px;
	font-weight: bold;
}

div.info-box .text {
	padding-left: 5px;
	padding-top: 10px;
}

a.btn-jongla-free {
	display: inline-block;
	width: 143px;
	height: 30px;
	position: absolute;
	top: 232px;
}

a.btn-jongla-free img {
	border: 0px;
	position: relative; 
	top: 10px;
}

div.video-box {
	width: 142px;
	background: url(/img/video-box-bottom.png) no-repeat bottom;
	margin-top: 10px;
	padding-bottom: 20px;
	position: relative;
}

div.video-box .video-box-frame {
	background: url(/img/video-box.png) no-repeat;
	padding-bottom: 15px;
}

.video-box-frame .video {
	background: url(/img/video-list-line.png) no-repeat bottom;
	color: #6f7072;
	margin-top: 6px;
	margin-left: 8px;
	width: 129px;
	height: 50px;
	position: relative;
}

.video-box-frame .video .desc {
	position: absolute;
	width: 60px;
	height: 42px;
	top: 0px;
	left: 62px;
	overflow: hidden;
}

.video-box-frame .video span {
	display: block;
	line-height: 11px;
}

.video-box-frame .video span.title {
	color: #000;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
}

div.video-box a.btn-more-video {
	color: #d6026b;
	font-weight: bold;
	position: absolute;
	bottom: 17px;
	left: 8px;
}

div.form div.terms,
div.form div.page {
	font-size: 11px; 
	padding-right: 10px; 
	padding-bottom: 40px;
}

div.captcha {
	width: 91px;
	height: 28px;
	background-image: url(/img/small-input.png);
	position: relative;
}

div.captcha img {
	margin-left: 10px;
	margin-top: 4px;
}

div.logoff {
	text-align: right;
	margin-right: 15px;
	padding-top: 10px;
}

table.videos {
	margin-top: 20px;
	margin-left: 15px;
}

table.videos td {
	width: 200px;
}

table.videos .title {
	font-size: 11px;
	font-weight: bold;
}

table.videos .video {
	padding-top: 10px;
	padding-bottom: 10px;
	background: url(/img/video-sep-line.png) no-repeat bottom left;
	position: relative;
}

table.videos .video p {
	position: absolute;
	top: 6px;
	left: 68px;
	font-size: 10px;
	color: #6f7072;
	line-height: 12px;
}

table.videos .video span.cut {
	white-space: nowrap;
	overflow: hidden;
	width: 120px;
	display: block;
}

table.videos .video .name {
	font-weight: bold;
	color: #000;
}

table.videos .video span.vote {
	position: absolute;
	width: 80px;
	margin-left: 3px;
	margin-top: 2px;
}

div.feedback-textarea {
	background: url(/img/feedback-textarea.gif);
	width: 391px;
	height: 195px;
}

div.feedback-textarea textarea {
	width: 375px;
	height: 175px;
	margin-top: 7px;
	margin-left: 7px;
	border: 0px none;
	overflow: hidden;
}

span.ajax {
	padding-right: 35px;
	display: inline-block;
	height: 30px;
}

span.loading {
	background: url(/img/ajaxloading.gif) right no-repeat;
	height: 30px;
}

#errors {
	color: #F00;
	font-size: 11px;
	font-weight: bold;
}

div.overlay {
	z-index: 30004;
	position: absolute;
	background: #717408 url(/img/attention-dlg-bg.png);
	opacity: .4; 
	filter: Alpha(Opacity=40);
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

div.attention-dlg {
	background: url(/img/attention-dlg.png);
	width: 434px;
	height: 650px;
	top: 20px;
	left: 160px;
	z-index: 30005;
	position: absolute;
}

div.attention-dlg p {
	position: relative;
	top: 50px;
	left: 30px;
	width: 370px;
}

div.attention-dlg .btn-ok {
	position: absolute; 
	top: 580px; 
	left: 45px; 
	cursor: pointer
}

a.captcha-reload {
	margin-left: 30px;
}