@charset "UTF-8";
/***************************************************/
/* EzO.TV							               */
/* created by: Ziona - Wittman Erika               */
/* Css & html author: Ziona & Ughoo - Mecs Gergely */
/***************************************************/
/* default tags */

html, body, div, span, p, h1, h2, h3, h4, h5, h6, ul, ol, li, img, form {
	margin:0px;padding:0px;border:0px none;outline:0px;
	list-style-type: none;
	color:#373737;
}

html, body { width:100%; height:100%; }
html, body, form, input, select, fieldset {font-size: 12px; font-family: Tahoma, Verdana, Arial, sans-serif; color: #ffffff; }
span.clear, div.clear, div.clr { clear:both; font-size:0px;line-height:0px;height:0px !important;overflow:hidden; visibility: hidden; }
span.fir {position:Absolute; display:block; width:100%;height:100%; left:0px; top:0px;}
a span.fir, a:hover span.fir {cursor:pointer}

a { text-decoration: none; color:#d03c88; }
a:hover {text-decoration:underline;}

.centered {display:block; margin:0 auto;}

/* globals
-------------------------------------------------------------------------*/
/* text colors */
.black  {color:#000000 !important;}
.white  {color:#ffffff !important;}
.pink   {color:#c12c80 !important;}
.blue   {color:#1b7bb7 !important;}
.gray   {color:#4d4d4c !important;}
.yellow {color:#FFDC1B !important;}

/* text styles */
.normal {font-weight:normal !important;} .bold {font-weight:bold !important;}

/* paddings & margins */
.mt10 {margin-top:10px !important;} .mr10 {margin-right:10px !important;} .mb10 {margin-bottom:10px !important;} .ml10 {margin-left:10px !important;} .pt10 {padding-top:10px !important;} .pr10 {padding-right:10px !important;} .pb10 {padding-bottom:10px !important;} .pl10 {padding-left:10px !important;}
.mt20 {margin-top:20px !important;} .mr20 {margin-right:20px !important;} .mb20 {margin-bottom:20px !important;} .ml20 {margin-left:20px !important;} .pt20 {padding-top:20px !important;} .pr20 {padding-right:20px !important;} .pb20 {padding-bottom:20px !important;} .pl20 {padding-left:20px !important;}
.mt30 {margin-top:30px !important;} .mr30 {margin-right:30px !important;} .mb30 {margin-bottom:30px !important;} .ml30 {margin-left:30px !important;} .pt30 {padding-top:30px !important;} .pr30 {padding-right:30px !important;} .pb30 {padding-bottom:30px !important;} .pl30 {padding-left:30px !important;}

/* text aligns */
.textleft {text-align:left !important;} .textright {text-align:right !important;} .textcenter {text-align:center !important;}

/* floats */
.floatleft {float:left;} .floatright {float:right;}



/* specific */ 

body {
	background-color: #f4dae7;
}

div#wrapper {
	width: 990px;
	height: auto;
	margin: 0 auto;
	background: url(../images/bg_wrap.gif) left top repeat-y;
}

/* header */
div#header {
	width: 100%;
	background-color: transparent;
}

div#header .top {
	width: 990px;
	height: 90px;
	position: relative;
	background: url(../images/bg_header_plain.gif) left top no-repeat;
}

div#header .top a.logo {
	display: block;
	width: 180px;
	height: 43px;
	position: absolute;
	top: 35px;
	left: 40px;
}

div#header .top a.logo span {
	display: none;
	width: 100%;
	height: 100%;
}

.clear {
	clear: both;
	float: none;
}

.clearer {
	height: 12px;
}

div#loggedin-info {
	display:inline;
	height:35px;
	line-height:30px;
	padding-right:10px;
	position:absolute;
	right:33px;
	top:17px;
}
div#loggedin-info div.holder {
	background:transparent url(../../memberCenter/images/bg_loggedin_bar.png) no-repeat scroll left top;
	display:inline-block;
	height:35px;
	line-height:30px;
	padding:0 10px 0 20px;
	vertical-align:middle !important;
}
div#loggedin-info div.holder span.color {
	color:#D63787;
	padding:0 5px;
}
div#loggedin-info span.rght {
	background:transparent url(../../memberCenter/images/bg_loggedin_bar.png) no-repeat scroll right top;
	display:block;
	height:35px;
	overflow:hidden;
	position:absolute;
	right:-1px;
	top:0;
	width:11px;
}

/* content */

div#hull { padding-left:25px }

div#content {
	width: 940px;
	padding:8px 0px 0 0;
}

			* html span.rght {margin-right:-1px;}

		.lastitem {border: 0px none !important; margin-bottom: 0 !important;}


/* content box */

	div.contentbox {
		position:relative;
		width: 657px;
		height: auto;
		background: url(../images/bg_box658_bg.gif) left top repeat-y;
		margin-bottom:4px;
		overflow:hidden;
	}
		div.contentbox-top {
			height:7px;
			background: url(../images/bg_box658_top.gif) left top no-repeat;
			overflow:hidden;
		}

		div.contentbox-bottom {
			height:7px;
			background: url(../images/bg_box658_bottom.gif) left top no-repeat;
			overflow:hidden;
			clear:both;
		}
		

		div.contentbox-body {
			position:relative;
			width:355px;
			padding-left:15px;
			float:left;
			padding-bottom:26px;

			min-height: 74px;
			height: auto !important;
			height: 76px;
		}
	
				div.contentbox-body h2, 
				div.contentbox-body h2 a {
					font-family: Tahoma, Arial, sans-serif;
					font-size:18px;
					font-weight:bold;
					color:#d63787;
					line-height: 22px;
					text-align:left;
					text-decoration:none;
				}

				div.contentbox-body p {
					font-size:12px;
					font-weight:normal;
					color:#000000;
					line-height:15px;
					padding-top: 10px; 
					font-family: Arial, Helvetica, Sans-serif;
				}

		div.contentbox-right {
			width:142px;
			float:right;
			padding: 3px 10px 0 0;
			text-align:right;
		}

/* content box end */

			* html span.rght {margin-right:-1px;}
			
div.widebox {
		position:relative;
		width: 940px;
		height: auto;
		background: url(../images/bg_widebox.gif) left top repeat-y;
		position: relative;
		font-family: arial, sans-serif;
}

		div.widebox-top {
			height:7px;
			background: url(../images/bg_widebox_top.gif) left top no-repeat;
			overflow:hidden;
		}

		div.widebox-bottom {
			height:7px;
			background: url(../images/bg_widebox_bottom.gif) left top no-repeat;
			overflow:hidden;
			clear:both;
		}
				
		div.widebox .header {
			width: 910px;
			margin: 0 auto;
			padding: 8px 0 0 0;
			position: relative;
		}
		
		div.widebox .header .leftSide {
			width: 500px;
			float: left;
		} 
		
		div.widebox .header .rightPic {
			position: absolute;
			right: 40px;
			top: 92px;
			background:transparent;
			z-index: 10;
		}
		
		div.widebox ol {
			list-style-type: decimal;
			margin: 0;
			padding: 12px 0 5px 36px;
		}
		
		div.widebox ol li {
			font-size: 12px;
			list-style-type: decimal;
			padding: 0 0 5px 0;
		}
		
		div.widebox ol li div {
			color: #000;
			font-size: 14px;
		}
		
		.widebox p {
			padding: 0 15px 12px 15px;
		}
				
div.widebox .button {
		width: 282px;
		height: 86px;
		background: url(../images/button-regnow.png) left top no-repeat;
		padding: 23px 0 0 24px;
		margin: 0 0 0 214px;
}
			
div.widebox .button a {
		display: block;
		width: 236px;
		height: 44px;
}

.leftText {
	width: 440px;
	padding: 5px 0 0 8px;
	font-size:14px;
}

.leftText h1.fixed {
	padding: 0 0 5px 0;
	margin: 0;
	color: #cb2378;
	font-size: 36px;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}
	
.leftText h2.fixed {
	padding: 0 0 18px 0;
	color: #1c6ca0;
	font-size: 24px;
	font-weight: normal;
}

.leftText h1 {font-size:36px;font-weight:normal;padding-bottom:10px;}
.leftText h2 {font-size:32px;font-weight:normal;padding-bottom:10px;}
.leftText h3 {font-size:28px;font-weight:normal;padding-bottom:10px;}
.leftText h4 {font-size:24px;font-weight:normal;padding-bottom:10px;}
.leftText h5 {font-size:20px;font-weight:normal;padding-bottom:10px;}
.leftText h6 {font-size:16px;font-weight:normal;padding-bottom:10px;}

.leftText p, .leftText div {
	font-size: 14px;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
}
	
.leftText ul {
	margin:0px;
	padding:0px 0px 10px 0px;
}
	
.leftText li {
	padding:0px 0px 5px 20px;
	background: url(../images/bullet.gif) no-repeat 0 3px;
}

.leftText li span {
	color: #1C6CA0;
}
	
.call {
	width: 900px;
	height: 119px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background: url(../images/phonenumber_bg.jpg) no-repeat;
}

.call h1, .call h2, .call h3, .call h4, .call h5, .call h6 {
	color:#FFDC1B;
	margin:0;
	padding:0;
}
	.call h1 {font-size:44px;}
	.call h2 {font-size:36px;line-height:32px;}
	.call h3 {font-size:22px;margin-bottom:5px;}
	.call h4 {font-size:18px;}
	.call h5 {font-size:14px;}
	.call h6 {font-size:12px;color:#ffffff;font-weight:normal;
}
	


.call .price {
	color: #fff;
}

.call .text {
	width: 666px;
	padding: 6px 0 0 228px;
	text-align: center;
}

.call .price {
	padding: 4px 0 0 0;
	text-align: center;
}

.contentarea {
	width: 900px;
	padding: 20px 0 0 0;
	margin: 0 auto;
	background: url(../images/content_bg.jpg) bottom center no-repeat;
}

.contentarea .list {
	float: left;
	width: 655px;
}

.callnow {
	color: #cb2378;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: italic;
	font-size: 18px;
	text-align: center;
	width: 900px;
	margin: 0 auto;
	clear: both;
	float: none;
}

.linktop {
	border-bottom: 1px solid #e1d6dc;
	padding: 0 0 8px 0;
}

div.links {
	border-top:1px solid #BDBDBD;
	margin:5px 0 0;
	padding:2px 0 0;
}

.linkbottom {
	border-top: 1px solid #bdbdbd;
	padding: 10px 0px;
}

div.widebox .button a span,
.button_bottom a span {
	display: none;
}

.rightbox {
	width: 225px;
	float: right;
	padding: 0 0 20px 0;
}

.rightbox h3 {
	padding: 0 0 12px 0;
	margin: 0;
	color: #4788b2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
}

.rightbox .box-right {
	padding: 18px 0 0 0;
}

.rightbox p {
	padding: 0;
	margin-bottom: 10px;
}
			
/* footer */
				
.footer {
	clear: both;
	float: none;
	color: #fff;
	width: 900px;
	margin: 0 auto;
	background-color: #4184cf;
	height: 30px;
}

.footerlinks {
	width:990px;
	margin:0px auto 10px auto;
	line-height:18px;
	text-align:center;
}

.copyright {
	color: #fff;
	font-weight: bold;
	padding: 8px 0 0 20px;
}

.footer a {
	color: #fff;
}

.bottom {
	height:50px;
	color: #fff;
	background: transparent url(../images/bg_footer-blue.gif) left bottom no-repeat;
	font-weight:bold;
	margin: 0;
}
.bottom p {
	width:900px;
	margin:0px auto;
	padding:7px 0px 0px 0px;
	text-align:center;
}
.bottom p a {
	color:#ffffff;
	padding:0px 10px;
}


/* facebox */

div.facebox {
	border-bottom:1px solid #BDBDBD;
	padding: 18px 0 5px 0;
	position:relative;
	width:650px;
	float: left;
	clear: both;
} 

div.facebox-top {
	height:7px;
	overflow:hidden;
}

div.facebox div.avatar {
	display:block;
	float:left;
	margin:3px 0;
	width:92px;
}

div.facebox-body {
	float:left;
	position:relative;
	width:335px;
	padding: 0 0 12px 10px;
}

div.rating-stars {
	float:right;
	width:80px;
}

.rating {
	width:80px;
}

div.facebox-body h2, div.facebox-body h2 a {
	color:#D63787;
	font-family:Tahoma,Arial,sans-serif;
	font-size:18px;
	font-weight:bold;
	line-height:22px;
	text-align:left;
	padding: 0 0 8px 0;
}

.widebox div.facebox-body p {
	font-family:Arial,Helvetica,Sans-serif;
	font-size:13px;
	font-weight:normal;
	line-height:15px;
	padding-top:10px;
	margin: 0;
}

.widebox div.facebox-body p.introduce {
	padding: 0;
}

div.options {
	padding: 8px 0 0 0;
}

div.options a.more {
	color:#D63787;
	font-family:Tahoma,Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
}

div.facebox-right {
	float:right;
	padding:3px 0 0 10px;
	text-align:right;
	width:192px;
}

/* facebox right items */

a.btn-call,a.btn-busy,a.btn-offline {
	display:block;
	position:relative;
	width:127px;
	height:25px;
	overflow:hidden;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:700;
	text-align:center;
	line-height:23px;
	padding:4px 0 0 15px;
}

.btn-call-new,.btn-call-new .rght {
	height:29px;
	background:url(../images/button_green.gif) left top no-repeat;
}

.btn-busy-new,.btn-busy-new .rght {
	height:29px;
	background:url(../images/button_red.gif) left top no-repeat;
}

.btn-call,.btn-call .rght {
	background:url(../images/button_callnow.gif) left top no-repeat;
}

.btn-offline,.btn-offline .rght {
	background:url(../images/button_offline.gif) left top no-repeat;
}

.btn-offline-new,.btn-offline-new .rght {
	background:url(../images/button_gray.gif) left top no-repeat;
}

.btn-call .rght,.btn-call-new .rght,.btn-busy .rght,.btn-offline .rght,.btn-offline-new .rght,.btn-busy-new .rght {
	display:block;
	width:10px;
	height:29px;
	position:absolute;
	top:0;
	right:0;
	background-position: right top;
	background-color:#fff;
}

* html span.rght {
	margin-right:-1px;
}

strong.phone {
	font-family:Tahoma, Arial, sans-serif;
	font-size:18px;
	font-weight:700;
	color:#679261;
	padding-bottom:0;
	display:block;
}

strong.phone span {
	font-size:14px;
	font-weight:400;
	color:#679261;
}

span.code {
	font-family:Tahoma, Arial, sans-serif;
	font-size:14px;
	font-weight:400;
	color:#679261;
	position:static;
}

.callprice {
	font-size:11px;
	font-family:Tahoma, Arial, sans-serif;
	color:#679261;
	padding:2px 0 0;
}

.onPhone {
	font-size:14px;
	font-family:Tahoma, Arial, sans-serif;
	color:#679261;
	padding:2px 0 0;
}

span.code strong {
	font-size:18px;
	font-weight:700;
}

div.modell-busy strong.phone,div.modell-busy span.code,div.modell-busy .callprice,div.modell-busy .onPhone,div.modell-busy strong.phone span {
	color:#b54e4e;
}

div.modell-offline strong.phone,div.modell-offline span.code,div.modell-offline .callprice,div.modell-offline .onPhone,div.modell-offline strong.phone span {
	color:#969696;
}

.btn-busy-new, .btn-busy {
	background:url(../images/button_red.gif) left top no-repeat;
}
.btn-call-new, .btn-offline-new, .btn-busy-new {
	padding:4px 0 0;
	width:190px;
}

.btn-call, .btn-call-new, .btn-busy, .btn-offline, .btn-offline-new, .btn-blue, .btn-busy-new {
	color:#FFFFFF;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;
	height:25px;
	line-height:23px;
	overflow:hidden;
	position:relative;
	text-align:center;
	width:190px;
}

div.states a.live {
	background:transparent url(/template/new/images/state-live.gif) no-repeat scroll 6px center;
	color:#CB2378;
	cursor:pointer;
}

div.states a {
	background:transparent url(/template/new/images/state-off.gif) no-repeat scroll 6px center;
	color:#AAA9A9;
	cursor:default;
}

div.states a {
	display:block;
	float:right;
	line-height:17px;
	padding-left:16px;
}