/* ----------------------------------------------------------------------------------------
This is the ELECTRONICTOURGUIDE.COM website CSS style. Created by Dmitry Shalnov (c)2012 STUDIO-O.COM
---------------------------------------------------------------------------------------- */

@font-face	
		{ 
			font-family: 'Rotonda'; 
			src: 	url('/fonts/Rotonda-Bold.ttf') format('truetype'),
				url('/fonts/Rotonda-Bold.otf') format('opentype');
/*
				url('/fonts/Rotonda-Bold.woff') format('woff'), 
				url('/fonts/Rotonda-Bold.eot'), 
				url('/fonts/Rotonda-Bold.eot?#iefix') format('embedded-opentype'); 
*/
			font-weight: bold;
		}


html 		{ padding:0; margin:0; border:0; background-color:#73a9b5; height:100%; }

body 		{ padding:0; margin:0; border:0; color:#ffffff; height:100%; }

a 		{color:#ffffff; text-decoration:none}
a, a:active, 
a:focus 	{ outline: none; outline-style: none }
a img		{ border-style: none }
a:hover 	{}

p 		{ padding-top: 18px; font-size:21px; line-height:28px; }
p a		{ border-bottom: white dashed 1px }
span 		{ line-height:25px; margin-top: 15px }
td, th, div 	{ font:16px Arial,Helvetica,'MS Sans Serif',sans-serif; }

.noborder 	{ border: none !important }
.clear 		{ clear:both; }
/*
.clr 		{ clear:both; float:none !important; height:1px !important; font-size:1px !important; border:none; margin:0 !important; padding:0 !important; }
*/

h1 		{ 	display:block; 
			width: 100%; 
			min-width: 500px; 
			margin: 0;
			font: bold 65px 'Rotonda', sans-serif; 
			letter-spacing: 2px; 
			line-height: 65px; 
			color: #ffffff; 
		}

h2 		{ 	display:block; 
			font: bold 33px 'Rotonda', sans-serif; 
			width: 100%; 
			margin-top:45px; 
			margin-bottom: 0;
			letter-spacing: 2px; 
			line-height: 34px; 
			color: #ffffff; 
		}

h3 		{ 	font-size:25px; 
			font-weight: normal; 
			display:block; 
			width: 100%; 
			margin:30px 0 0 0; 
		}

h3 span.date	{ position: relative; top: -3px; border-radius: 11px; background: #fff; margin: 0 15px 0 0; padding: 2px 5px 2px 5px; vertical-align: middle; font-size: 17px; color: #8db700 }

h2.wrapping, 
h3.wrapping	{ padding-left: 34px; margin-left: -34px; cursor: pointer; background: url('/img/sidearrow.png') no-repeat -35px 9px }
h3.wrapping	{ padding-top: 2px; }
.wrapped	{ padding-bottom: 20px }

.ucase 		{ text-transform: uppercase }

#container { min-height:100%; position:relative; background-color: #73a9b5; background: url('/img/_bg_100.jpeg') no-repeat right 90px; }

#centerLogin 	{ 
			display: block; 
			position: absolute; 
			background: #609daa; 
			width: 240px; 
			left: 50%; 
			top: 50%;  
			margin-left: -150px; 
			margin-top: -175px;
			border: #4a7e8b solid 15px; 
			border-radius: 30px; 
			padding: 0px 15px 20px;
		}

#centerLogin p		{ margin: 0 }

#centerLogin p.tinytext	{ margin: 10px 0 0 }


/* ----------------------- news and press releases -----------*/

.date 			{ margin-right: 20px }
.photoitem 		{ width: 200px; display: inline-block; vertical-align: top; background: #86c0c5; margin: 10px; border-radius: 12px; }
.photoitem img		{ width: 200px !important }
.photoitem p		{ margin: 5px 10px 15px ; }

/* ------------------------ widget ---------------------------*/

#widget			{ width: 100%; height: 100%; margin: 0; padding: 0; min-height:100%; overflow: hidden; position:relative; background: #8eccd1 url('/img/widget_bg_50.jpeg') no-repeat right -40px;}
#widget a#logo 		{ float:left; display:block; width: 127px; height: 127px; margin-right: 20px; background: url('/img/widgetlogo.png') no-repeat; font-size: 0 }
#widget h1 		{ display:block; height: 127px; padding-top: 10px; font: bold 40px 'Rotonda', sans-serif; margin-left: 10px; letter-spacing: 2px; line-height: 35px; color: #ffffff; text-transform: uppercase }

#widget #total		{ margin-top: 5px }
#widget .checkboxes	{ margin-top: 25px }

/* ------------------------ top menu ------------------------ */

#mainmenu 	{ height: 84px; background: #5694a1; overflow: hidden; }

#mainmenu a 	{ 	display:inline-block; font: bold 35px 'Rotonda', sans-serif; letter-spacing: 2px; text-transform: uppercase; 
			height: 37px; margin:23px 5px; padding: 0 12px; line-height: 36px; vertical-align: middle; 
			float:left; color: #fff; background: #5694a1; 
			border-radius: 20px;
		}

#mainmenu a:first-child 	{ margin-left: 50px; }
#mainmenu a:hover, 
#mainmenu a.selected		{ color: #5694a1; background: #fff;  }

#language 			{ position: absolute; z-index: 10000; top: 84px; right: 100px; width: 100px; height: 35px; }

#language .langitem 		{ float:right; color: #fff; font-size:14px; text-align: center; margin: 0 3px; padding: 0; vertical-align: bottom; line-height: 35px; width: 25px; height: 35px; background: url('/img/lang.png') no-repeat 0 0 }
#language .langitem:hover, 
#language .langitem.selected	{ background-position: 0 -44px }

/* ------------------------ content ------------------------ */

#maincontent { margin: 55px 50px 0 55px ; padding-bottom:200px; }
#maincontent #leftcolumn { float:left; display:block; width: 210px; font:19px Arial, Helvetica, 'MS Sans Serif', sans-serif }
#maincontent #leftcolumn p { font-size: 16px; line-height: 23px; margin-top: 23px }
#maincontent #maincolumn { margin-left:250px; margin-bottom: 40px; margin-right: 250px; display:block; max-width: 700px }
#maincontent a { border-bottom: 1px dashed #ffffff }

#maincontent #maincolumn img { border-radius: 15px; }

#maincontent .leftpic { padding: 0 15px 0 0; margin-top: 5px; float:left; }

/* ------------------------ listing ----------------------- */

ul 		{ }
ul li		{ margin: 5px 0; line-height: 22px }
ul.wide li	{ margin: 20px 0 }
 
/* ------------------------ footer ------------------------ */

#footer { background: #5694a1; padding: 0 ; margin: 0; position: absolute; width: 100%; height:170px; bottom:0px; }

#footer .column			{ display: block; float:left; margin: 10px; width: 230px }
#footer .column:first-child 	{ margin-left: 60px }
#footer .column	h3		{ font-size: 20px; color: #bbd9da; margin: 5px 0; padding: 5px 0; border-bottom: 1px #bbd9da dashed }
#footer .column	a		{ display: block; font-size: 13px; color: #d0e5e5; white-space:nowrap; line-height: 20px }
#footer .column	a:hover		{ color: #fff }

#footer #made-in 		{ float:right; font-size: 13px; white-space:nowrap; border-radius: 15px; padding: 4px 10px 5px; background: #77b2b6; margin-right: 30px; margin-top: 25px }
#footer #made-in a 		{ border: 0; color:#ffffff; padding:1px 0 1px 30px; background:url('/img/studio-o.com.logo.png') no-repeat 3px 1px; vertical-align: baseline }

/* ------------------------ form  ------------------------ */

form 			{ font:16px Arial, Helvetica, 'MS Sans Serif', sans-serif }
.mainlength, 
.mainlength .cornerBox 	{ width: 480px }
.mainlength span 	{ font-size: 19px }
.shortlength, 
.shortlength .cornerBox	{ width: 210px } /* width: 205px */

.smalltext, 
p.smalltext, 
p.smalltext span 	{ font-size: 13px; line-height: 17px; padding: 0 } 

.unshiftedText 		{ margin: -10px 0 0 0 !important }
.tinytext 		{ font-size: 14px !important; line-height: 17px !important; }

.normaltext 		{ font-size: 16px !important; line-height: 17px !important; }

p.error 		{ margin-left: -29px; background: url('/img/error.png') no-repeat; line-height: 19px }
p.error span 		{ padding: 0 25px 0 30px; background: url('/img/errorarrow.png') no-repeat right; }

.turnOff 		{ display: none; }
.turnOn 		{ display: block; }

/*------------------------- iframe examples ----------------*/

iframe 				{ border: none 0; outline: none 0; margin: 10px 0; padding: 0; }

.iframeExamples input		{ border-radius: 12px; display: block; margin: 5px 0 30px; padding: 0 5px } /* this is artificial temorary class */
.iframeExamples input.long	{ width: 515px !important; }
.iframeExamples input.short	{ width: 265px !important; }

.iframeExamples iframe		{ margin-bottom: 0px !important }

/* ------------------------ single line modifications ---------- */

.singleline 			{ height: 25px; margin-top: 15px; }
.singleline > span 		{ float:left; margin: 0; padding: 5px 5px 0 0; background: #73a9b5; cursor: pointer }
.singleline .selector, 
.singleline .cornerBox  	{ float:right; margin: 0; border-left: #73a9b5 5px solid}
.singleline .checkbox, 
.singleline .radiobutton, 
.singleline button 		{ float: left; }
.singleline button 		{ margin-right: 15px }
.singleline .btcAddress		{ float: left; border-left: 0px; }

.dots 					{ background: url('/img/dottedline.png') no-repeat right 22px; }
.dots .selector, .dots .cornerBox	{ border-left: #73a9b5 5px solid; background: #73a9b5; }

.totalBox 			{ margin-top: 50px }
.totalBox div			{ float:right; margin-top: -40px; margin-right: -4px; background: #73a9b5; }
.totalBox div span		{ margin: 0; padding: 5px 5px 0 0; }
.totalBox div span#amount 	{ float:right; font-size: 70px; line-height:68px; font-weight: bold; padding-right: 0 }
.totalBox div span#amountFrac 	{ float:right; font-size: 35px; line-height:30px; margin: 32px 0 0 -2px; font-weight: bold }
.totalBox div span.euro 	{ float:right; font-size: 40px; padding-left: 8px; margin-top: 33px }

.rightspanText 			{ margin-top: 15px }
.rightspanText div 		{ float:right; margin-top: 8px; margin-right: 0px; background: #73a9b5; border-left: 10px #73a9b5 solid; }
.rightspanText div.btc		{ position: relative; font-size: 20px; margin-top: 5px }
.rightspanText div.btc div	{ position: absolute; right: -100px; bottom: -18px; width: 88px; height: 52px; background: url(/images/btc.png) }

/*------------------------- form input ---------------------*/

input, textarea  {  	border-radius: 12px; 
			box-sizing: border-box;
			resize: none; 
			border: 0 none; 
			overflow: hidden; 
			margin: 0; 
			padding: 0 7px 0 7px; 
			background: #ffffff; 
			width: 100%; 
			color:#8db700; 
			font:17px Arial, Helvetica, sans-serif 
		}

textarea:focus, 
input:focus 	{ outline:none }

input 		{ height: 25px; line-height: 24px }
textarea	{ margin: 5px 0 5px 0; padding: 5px 5px 2px 7px; }

.cornerBox	{ position: relative; margin-top: 15px }

.noBg 		{ background: none !important }
.short 		{ width: 205px !important }
.shorter	{ width: 105px !important }
.tiny		{ width: 55px !important; }
.small		{ width: 65px !important }

.nodottedline	{ background: none !important }

/* ------------------------ form / selector -------------------- */

select { height: 25px; padding: 0; padding: 0; border:0; background: #ffffff; color:#8db700; font-size: 16px; width: 100% }
select:focus, select:active { outline: none; outline-style: none;}
.hidden { display: none; }

.selector {display: block; position: relative; height: 25px; margin-top: 15px; cursor: pointer } 

.selectorContent {	border-radius: 12px; 
			box-sizing: border-box; 
			position: absolute; 
			width: 100%; 
			height: 25px;
			background: #fff url('/img/arrow.png') no-repeat right 10px;
			color:#8db700; 
			padding-left: 8px; 
			margin: 0; 
			line-height:25px; 
			overflow: hidden;
		}

.selectorContent.short 	{ width: 48px !important }
.selectorContent.long 	{ width: 92px !important }

.selector.line 		{ float:left; margin-left: 5px; margin-bottom:0; }

.selector .overBox 		{ display: none; position: absolute; width: 100% }

.selector .overBox a:hover 	{ background: #a3cd17; color:#ffffff; border: 0 !important }
.selector .overBox a.selected 	{ background: #eeeeee; border: 0 !important }

.overBoxInner 		{ 	border-radius: 12px; 
				box-shadow: 0 3px rgba(0,0,0,0.3);  
/*				border-bottom: #60a5aa 3px solid; */
				padding: 10px 0; 
				display: block; 
				background: #ffffff; 
				overflow: hidden; 
			}

.overBoxInner a		{ display: block; width: 100%; height: 25px; background: #ffffff; color:#8db700; border: 0 !important; }
.overBoxInner a span 	{ padding-left: 8px; line-height:25px; background: none; font-size: 16px; white-space: nowrap; }

.isGray 		{ color:#bbbbbb !important }

.selector.month 	{ width: 100px; }
.selector.days 		{ width: 55px; }

.day		{ width: 55px } /* on some resized browsers could be 50 */
.day .overBox 	{ width: 175px }
.day a 		{ width: 35px; float:left; line-height:25px; }
.day a:hover 	{ float:left; width: 35px; background: #b7e521; color:#ffffff; border: 0 !important; }

/*---------------- form submit button -----------------------*/

/* that was width: 100%; font: bold 30px 'Rotonda', sans-serif;  letter-spacing: 2px; text-transform: uppercase;  height: 50px;  */

.fileUpload, 
button 		{ 	font: bold 14px Arial,Helvetica,'MS Sans Serif',sans-serif; 
			text-align: center; 
			border: none; 
			color:#ffffff; 
			background: #a3cd17;
			padding: 0 15px 0;
			line-height: 25px; 
			letter-spacing: 1px;
			margin: 0 0 0; 
			cursor: pointer; 
			height: 25px; 
			width:auto;
			border-radius: 14px; box-shadow: 0 3px rgba(0,0,0,0.3); 
		} 

.fileUpload:hover,
button:hover, 
button.hovered 	{ margin-top: 2px; margin-bottom: -2px; box-shadow: 0 1px rgba(0,0,0,0.3); }

button:focus	{ outline: 0; outline-style:none; outline-width:0; }


button.loading	{ 
				margin-top: 2px; margin-bottom: -2px; box-shadow: 0 1px rgba(0,0,0,0.3);
				background: url('/img/button_loading.png') 0 0;

				animation-duration: 1s;
				animation-name: buttonSliding;
				animation-timing-function: linear;
				animation-iteration-count: infinite;
		}

@keyframes buttonSliding {
			  from { background-position: 0 0; }
			  to { background-position: 50px 0; }
}

/* ------------------------ upload button ---------------------- */

.fileUpload {
	float: left;
	display: inline-block;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

/*------------------------ checkboxes and radiobuttons ---------------------*/

.radiobutton, 
.checkbox 		{ display: block; position: relative; height: 25px; cursor: pointer; }

.radiobutton a, 
.checkbox a	{ 
/*			display: none; */
			position: absolute; 
			left: 0; 
			top: 0; 
			border: none !important; 
			width: 25px; 
			height: 25px; 
		}

.checkbox a		{ background: url('/img/checkbox.png') 0 0 no-repeat  }
.radiobutton a		{ background: url('/img/radiobutton.png') 0 0 no-repeat  }

td .checkbox a 		{ background: url('/img/tablecheckbox.png') 0 0 no-repeat }
td .radiobutton a 	{ background: url('/img/tableroundbuttons.png') 0 0 no-repeat }

.pmethod .pp		{ background: url('/img/payment_pp.png') no-repeat 34px 4px; width: 150px; cursor: pointer }
.pmethod .cc		{ background: url('/img/payment_cc.png') no-repeat 34px 0px; width: 190px; cursor: pointer }
.pmethod .btc		{ background: url('/img/payment_btc.png') no-repeat 34px 2px; width: 140px; cursor: pointer }

.pmethod .pp label, 
.pmethod .cc label, 
.pmethod .btc label 	{ font-size: 0px; opacity: 0 }

.pmethod 		{ display: none }

.pmethod_nojs img 	{ border-radius: 0px !important }
.pmethod_nojs a		{ text-decoration: none; border: none !important; margin-right: 30px } 

label { height: 25px; padding: 0 10px 0 10px; margin-right: 10px; line-height:25px; cursor: pointer; }
label input { height: 15px; width: 15px; float: left; margin-top: 6px } 
label.nomargin { margin-right: 0 !important; padding-right: 5px !important }
.aftercheckbox { white-space: nowrap; padding: 0; margin: 0 0 0 -10px; line-height:25px }

.severallelines .checkbox, .severallelines .radiobutton { margin: 5px 0; height: auto !important }

/*-------------------------------- speaker icon ---------------------------*/

.speaker		{ margin: 0 0 0 -4px; padding: 0; width: 18px; height: 18px; background: url('/img/speaker.png') 0 0 no-repeat  }
.speaker:hover		{ background-position: 0 -22px; cursor: pointer; }
.speaker.on		{ background: url('/img/speaker.png') 0 0 no-repeat; background-position: 0 -44px; }
.speaker.loading	{ background: url('/img/speaker_loading.gif') 1px 3px no-repeat !important  }

/*-------------------------------- progress bar --------------------------*/

.progressbar	{ height: 15px; width: 30px; padding-left: 4px; box-sizing: border-box; background-color: #a3cd17; font-size: 10px; color: white; line-height: 15px;  vertical-align: bottom;}
td a 		{ background: url('/img/image_chip.png') 0 0 no-repeat; margin-left: -1px; /* padding-left: 22px */ }
td a:hover	{ color: #ff6600 !important }

/*-------------------------------- table ----------------------------------*/

table { width: 100%; border-collapse: collapse; text-align: left; table-layout: fixed; border-radius: 12px; margin: 15px 0 }

tr:first-child th:first-child 	{ border-top-left-radius: 12px; }
tr:first-child th:last-child 	{ border-top-right-radius: 12px; }
tr:last-child td:first-child 	{ border-bottom-left-radius: 12px; }
tr:last-child td:last-child 	{ border-bottom-right-radius: 12px; }

thead tr 			{ background: none !important }

th 		{ color:#ffffff; background: #a3cd17; font-size: 15px; line-height:25px; padding-left: 10px; border-left: #8eccd1 1px solid  }
tr		{ background: #fcfcfc }
tr.even		{ background-color:#eeeeee }
td 		{ color:#68aaae; overflow: hidden; border-left: #8eccd1 1px solid; white-space: nowrap; padding-left: 10px; padding-right: 5px; font-size: 15px; line-height:25px }
td a 		{ color:#68aaae !important }
td:first-child, 
th:first-child	{ border-left: 0 none; }

.yes 		{ width: 19px; height: 19px; background: url('/img/yesno.png') no-repeat 0 0; }
.no 		{ width: 19px; height: 19px; background: url('/img/yesno.png') no-repeat 0 -23px }
span.yes, 
span.no 	{ height: 27px !important; margin-bottom: 20px; padding: 2px 10px 5px 23px !important; line-height:27px }

td.selected 	{ background: url('/img/trselected.png') }

/*-------------------------------- Q&A ------------------------------------*/

p.question 		{ font-size:21px; line-height:28px; background: url('/img/faqround.png') no-repeat 0 27px }
p.question:first-letter	{ margin-left: 25px !important }
p.answer 		{ font-size: 16px; line-height: 23px; padding: 0; }

/* ------------------------------- plain text parsed --------------------- */

.plainTextContainer	{ text-align: center }

.plainText h2		{ margin: 20px 0 }

.plainText	{ 
			text-align: left;
			display: inline-block;
			max-width: 1000px;
			background: #73a9b5; 
			padding: 20px 40px;
			line-height:27px;
		}