/* --------------------------------------------------------------------------------

   File:        commom.css
   Description: common styles
   Project:     wifi4free.ru
   Author:      Pavel Markovnin (pavel@markovnin.com, http://vremenno.net)

   -------------------------------------------------------------------------------- */
   
   
#global-wrapper {
	margin:   0 auto;
	padding-top: 140px;
	position: relative;
	width:    1038px;}
	
	#header {
		margin:    .3em 0 1.5em 0;
		position:  absolute;
		  top: 0;
		  left: 0;
		width: 100%;}
	
		#top-menu {
			border-bottom: 1px solid #adcedc;
			font-size:     .9em;
		
			height:        1.4em;
			margin:        0 0 1.5em;
			padding:       .3em 0 .7em;}
			
			#top-menu ul {
				margin:   0;
				padding:  0;}
				
				#top-menu li {
					background: none;
					
					display:    block;
					float:      left;
					margin:     0;
					padding:    0;}
					
			#lang-menu {
				float:   left;}
				
				#lang-menu li {
					margin:   0 1.5em 0 0;
					padding:  0;}
					
					#lang-menu .ru {
						background:   transparent url(../images/ru.png) left center no-repeat;
						
						padding:      0 0 0 1.5em;}
					
					#lang-menu .en {
						background:   transparent url(../images/gb.png) left center no-repeat;
						
						padding:      0 0 0 1.5em;}
						
					#lang-menu span {
						font-weight:  bold;}
						
					#lang-menu span.en {
						color:        #CCC;
						font-weight:  normal;}
					
			#main-menu {
				float:   right;}
				
				#main-menu li {
					margin:   0 0 0 1.5em;}
			
		.content-block.banner-468x60 {
			height:      60px;
			padding:     0;
			width:       468px;}
			
			.content-block.banner-468x60 a.banner-link-468x60 {
				text-indent: -1000em;
			
				display:     block;				
				height:      60px;
				width:       468px;}
				
			.content-block.banner-468x60 a.banner-link-468x60.vremenno {
				background:  #24192d url(../images/banners/vremenno.net.jpg) 0 0 no-repeat;}
				
			.content-block.banner-468x60 a.banner-link-468x60.drugdrugu {
				background:  transparent url(../images/banners/drugdrugu.png) 0 0 no-repeat;
							
				height:      62px;
				width:       470px;}
					
		#logo-town-switch {
			float:    left;
			margin:   5px 0 0;
			width:    240px;}
		
			#logo {
				background:  transparent url(../images/logo.png) 0 0 no-repeat;
				text-indent: -1000em;
			
				height:      33px;
				margin:      0;
				width:       235px;}
				
			body.locale-en #logo {
				background:  transparent url(../images/logo-en.png) 0 0 no-repeat;}
				
				#logo a {				
					display:     block;
					height:      33px;
					width:       235px;}
					
			#town-switch {
				font-size: .9em;
				
				margin:    0 0 0 40px;
				position:  relative;
				z-index:   10;}
				
				#town-switch a.action,
				#town-switch a.action:hover {
					background: transparent url(../images/barr-black.gif) 100% 60% no-repeat;
					border:     none;
					color:      #000;
					
					position:   relative;
					padding:    0 .8em 0 0;
					z-index:    2;}
					
					#town-switch a.action span,
					#town-switch a.action:hover span {
						border-bottom: 1px dotted;} 
						
				#towns-list {
					background: #FFF;
					border-radius: 7px;
						-moz-border-radius:    7px;
						-o-border-radius:      7px;
						-webkit-border-radius: 7px;
					box-shadow:    0 2px 3px #AAA;
						-moz-box-shadow:    0 2px 3px #AAA;
						-o-box-shadow:      0 2px 3px #AAA;
						-webkit-box-shadow: 0 2px 3px #AAA;
						
					left:       -.5em;
					padding:    2.5em .5em .5em;
					position:   absolute;
					top:        -.2em;
					width:      200px;
					z-index:    1;}
					
					#towns-list-wrapper {
						height:   280px;
						overflow: auto;}
					
						#towns-list ul {
							margin:  0;
							padding: 0;}
							
							#towns-list ul li {
								background: none;
							
								margin:     0;
								padding:    0;}
								
							#towns-list ul li.capital {
								font-weight:  bold;}
								
								#towns-list ul ul {
									margin:   0 0 .5em .5em;}
									
		#header-banners {
			float:      left;
		
			height:     60px;
			margin:     .3em 0;
			width:      468px;}
					
	#main-content {
	  float:     left;
		width:     728px;}		
		
    #main-content.contains-map {
      padding-top: 585px;
      position: relative;
    }
    
      #main-content.contains-map .map-container {
        position: absolute;
          top: 0;
          left: 0;
        width: 100%;
      }
   
		#map-search-wrapper {	
			margin:       .4em .4em .5em;
			position:     relative;}
			
		#map-people-label {
			font-size:    .95em;
			text-shadow:  0 1px 1px #FFF;
			
			bottom:       -34px;
			position:     absolute;
			right:        120px;
			z-index:      10;}
			
			#map-search {}
			
				#map-search dl,
				#map-search dt,
				#map-search dd {
					margin:   0;
					padding:  0;}
					
					#map-search dd {
						float:   left;}
			
					#map-search-field {
						margin:    .1em .5em 0 0;
						width:     620px;}
						
					#map-search-field.inactive {
						color:  #666;}
						
					#map-search-field.error {
						color:  #F00;}				
		   
						#map-wrapper {
							background:    #E5E3DF url(../images/loader-blue-32.gif) center center no-repeat;
							border-top:    1px solid #CCC;
							border-bottom: 1px solid #CCC;
							
							height:        400px;}
							
							.marker-infowindow,
							.YMaps-b-balloon-m .marker-infowindow {
								background:     #FFF url(../images/loader-blue-32.gif) center center no-repeat;
								font-size:      10pt !important;
								
								height:         100px;
								width:          250px;}
								
								.marker-infowindow .infowindow-title {
									font-weight:  bold;}
									
								.marker-infowindow .infowindow-subway,
								.marker-infowindow .infowindow-place,
								.marker-infowindow .infowindow-type {
									font-size:    .9em;}
									
								.marker-infowindow .infowindow-details { }
										
									
								
							.marker-infowindow.loaded {
								background:     #FFF;}
							
							#map-stats-tools {
								font-size:  .9em;
							
								padding:    .4em .5em;}
								
						a.all-hotspots-link {
							font-size: .9em;
						
							float:     right;
							margin:    .4em .7em;}
							
						table.hotspots-table {
							width:     100%;}
							
							table.hotspots-table th,
							table.hotspots-table td {
								padding:   .3em .3em;}
							
							table.hotspots-table th {
								border-bottom:   1px solid #CCC;
								font-size:       .9em;
								text-align:      left;}
								
							table.hotspots-table td {
								border-bottom:   1px solid #EBEBEB;}
								
							table.hotspots-table .type {
								width:           1%;}
								
							table.hotspots-table .place {
								width:           80%;}
								
							table.hotspots-table .added {
								width:           19%;}
								
								
						.pagination-wrapper {	
							margin:      2em 0 1em;}
							
							.pagination-wrapper.all-hotspots {
								text-align:  right;}
								
							ul.pagination {
								margin:   0;
								padding:  0;}
								
								ul.pagination li {
									background:  none;
									
									display:     inline;
									margin:      0 1em 0 0;
									padding:     0;}
   
	
	#sidebar {
		font-size: .95em;
    
    float:     right;
		width:     300px;}
		
		#sidebar .articles-list {
			margin:  0;
			padding: 0;}			
		
			#sidebar .articles-list li {
				background:  none;
				line-height: 1.2em;
				
				margin:      .5em 0;
				padding:     0;}
				
		#sidebar ol {
			margin:  0 0 0 2em;
			padding: 0;}
					
	.content-block {
		background:    #FFF;
		border-radius: 5px;
			-moz-border-radius:    5px;
			-o-border-radius:      5px;
			-webkit-border-radius: 5px;
		box-shadow:    0 1px 2px #647d87;
			-moz-box-shadow:    0 1px 2px #647d87;
			-o-box-shadow:      0 1px 2px #647d87;
			-webkit-box-shadow: 0 1px 2px #647d87;
		
		margin:        0 0 1em;
		overflow:      hidden;
		padding:       1px;}
		
  .content-block.banner-300x600 {
		border-radius: 0;
			-moz-border-radius:    0;
			-o-border-radius:      0;
			-webkit-border-radius: 0;
		padding: 0;
		height: 600px;
		width: 300px;
		overflow: hidden;
  }
  
  .content-block.banner-728x90 {
		border-radius: 0;
			-moz-border-radius:    0;
			-o-border-radius:      0;
			-webkit-border-radius: 0;
		padding: 0;
		height: 90px;
		overflow: hidden;
  }
		
	.content-block.banner-240x400 {
		background:    transparent;
		border:        none;
		box-shadow:    none;
			-moz-box-shadow:    none;
			-o-box-shadow:      none;
			-webkit-box-shadow: none;
			
		overflow:      visible;
		padding:       0;}
		
		.content-block.banner-240x400 .content-block {
			margin:    0;
			padding:   0;}
		
		.content-two-columns {
			width:  49.5%;}
			
		.content-two-columns.right {
			float:  right;}
			
		.content-block .content-footer {
			border-top:   1px solid #CCC;
			color:        #666;
			font-size:    .8em;
			
			padding:      .4em 1em;}
			
			.content-block .content-footer a {
				color:    #000;}
				
	#lx_155108 {
		line-height:    1.1em;}
			
		#lx_155108 tr {
			border-bottom:  1px solid #EBEBEB;}
			
		#lx_155108 td {
			padding:    .5em 0;}
	
		
		
	.content-block.vkontakte {
		background: #DAE2E8;
		
		padding:    0;}
		
		.content-block.vkontakte .content {
		
			height:     398px;
			overflow:   hidden;
			padding:    0 0;
			width:      300px;}
			
			.content-block.vkontakte .content iframe {
				margin:    -1px 0 0 -1px;
				position:  relative;}	
		
	.content-block.facebook {
		background: #FFF;
		
		padding:    0;}
		
		.content-block.facebook .content {
		
			overflow:   hidden;
			padding:    0 0;
			width:      302px;}
			
			.content-block.facebook .content iframe {
				margin:    -1px 0 0 -1px;
				position:  relative;}
		
	.content-block.highligted,
	.content-block.highlighted {
		background: #d3efc1;}
			
			.content-block .content-title {
				border-bottom: 1px solid #CCC;
				font-size:     1.1em;
				
				margin:        0;
				padding:       .2em .6em;}
			
			.content-block .content {
				padding:       .5em .7em;}
				
			.content-block .highlighted {
				background:    #b2de96;
				font-weight:   bold;
			
				padding:       .2em .3em;}
				
	.content-block.add-hotspot-btn {
		background: #548f57;
		
		float:      right;
		height:     60px;
		margin:     4px 0 0;
		padding:    0;
		width:      240px;}
		
		.content-block.add-hotspot-btn a {
			background:    #548f57 url(../images/add-btn.png) 0 0 no-repeat;
			border-radius: 4px;
				-moz-border-radius:    4px;
				-o-border-radius:      4px;
				-webkit-border-radius: 4px;
			
			display:       block;
			height:        60px;
			width:         240px;}
			
		body.locale-en .content-block.add-hotspot-btn a {
			background:    #548f57 url(../images/add-btn-en.png) 0 0 no-repeat; }
			
		.content-block.add-hotspot-btn a:hover {
			background-position:  0 -60px;}
				
	ul.share-buttons {
		height:   6em;
		margin:   0;
		padding:  0;}
		
		ul.share-buttons li {
			background: none;
		
			height:     25px;
			margin:     .1em 0;
			padding:    0;}
			
		ul.share-buttons li.left-column {
			float:      left;
			width:      127px;}
			
		ul.share-buttons li.right-column {
			clear:      right;
			float:      right;
			overflow:   hidden;
			width:      90px;}
			
		ul.share-buttons li.left-column.right-column {
			float:      none;
			width:      217px;}
				
	.float-fix {
		clear:    both;}
		
	.no-display {
		display:  none;}
		
	
   
	ul.tabs {
		border-bottom: 1px solid #CCC;
	
		display:       block;
		height:        26px;
		margin:        0 0 .5em;
		padding:       0;}
		
		ul.tabs li {
			line-height: 26px;
		
			display:     block;
			float:       left;
			height:      26px;
			margin:      0;
			padding:     0 1em;}
			
		ul.tabs li.current {
			border:        1px solid #CCC;
			border-bottom: 1px solid #FFF;
			font-weight:   bold;
			
			height:        25px;}
			
			ul.tabs li.current a {
				border:    none;
				color:     #000 !important;
				text-decoration: none;}
				
	ul.tabs.no-borders {
		border:      none;}
		
		ul.tabs.no-borders li {
			border:      none;
			
			margin:      0 1em 0 0;
			padding:     0;}
		
	div.smsExample {
		background:  #d3efc1;
		border:      1px solid #B7DBA0;
		color:       #407022;
		-moz-border-radius:    10px;
		-webkit-border-radius: 10px;
		
		margin:      .7em 0;
		padding:     .5em;}
	
		div.smsExample table {
			width:       100%;}
	
			div.smsExample table th {
				border-bottom:  1px dotted #B7DBA0;
				color:          #407022;
				font-size:      .8em;
				
				padding-bottom: .3em;}
	
			div.smsExample table th.text {
				text-align:     left;
				
				width:          43%;}
			
			div.smsExample table th.number {
				text-align:     center;
				
				width:          10%;}
			
			div.smsExample table th.reply {
				text-align:     left;
				
				width:          47%;}
	
			div.smsExample table td {
				font-size:      1.1em;
				
				padding:        .5em 0 .3em 0;}
			
			div.smsExample table td.number {
				text-align:     center;}
	
	
	
	table.smsPrices {
		margin:  .6em auto;
		width:   500px;}
	
		table.smsPrices thead {
			color:         #888;
			border-bottom: 1px solid #EBEBEB;
			font-size:     .8em;}
		
			table.smsPrices th,
			table.smsPrices td {
				font-weight: normal;
				
				padding:     .4em;}
			
			table.smsPrices th.price {
				text-align: center;
			
			width:      100px;}
		
		table.smsPrices td.price {
			text-align: center;}
		
		table.smsPrices tbody tr.rowColor1 td {
			background: #ecf3fe;}
			
	ul.awards {
		display:   block;
		margin:    0;
		padding:   0;}
		
		ul.awards li {
			color:      #666;
			font-size:  .8em;
			font-style: italic;
			text-align: center;
		
			float:      left;
			margin:     1em 14px;
			padding:    0;
			width:      200px;}
			
	ul.refsites {
		margin-left:  4px;
		padding-left: 0; }
		
		ul.refsites li {
			background:  none; 
			
			margin-left: 0;
			padding:     .3em 0 .3em 22px;}
		
		ul.refsites li.habr {
			background: url(../images/sites/habr.gif) 2px .3em no-repeat;}
		
		ul.refsites li.itogi {
			background: url(../images/sites/itogi.gif) 2px .3em no-repeat;}
		
		ul.refsites li.internetno {
			background: url(../images/sites/internetno.gif) 2px .25em no-repeat;}
		
		ul.refsites li.computerra {
			background: url(../images/sites/computerra.gif) 2px .15em no-repeat;}
		
		ul.refsites li.catalogr {
			background: url(../images/sites/catalogr.gif) 2px .3em no-repeat;}
		
		ul.refsites li.startupers {
			background: url(../images/sites/startupers.gif) 2px .35em no-repeat;}
		
		ul.refsites li.startupster {
			background: url(../images/sites/startupster.gif) 2px .30em no-repeat;}
			
			
	.wifi-abroad {
		margin:  0 0 2em 0;
		padding: 0;}
		
		.wifi-abroad li {
			background: none;
			
			margin:     0 0 .5em 0;
			padding:    0 0 0 23px;}
			
			ul.citiesList {
				margin-bottom: 0;}
			
				.wifi-abroad li.flag_fi {
					background: url(../images/flags/fi.png) 0 .4em no-repeat;}
				
				.wifi-abroad li.flag_by {
					background: url(../images/flags/by.png) 0 .4em no-repeat;}
				
				.wifi-abroad li.flag_ua {
					background: url(../images/flags/ua.png) 0 .4em no-repeat;}
				
				.wifi-abroad li.flag_usa {
					background: url(../images/flags/us.png) 0 .4em no-repeat;}
				
				.wifi-abroad li.flag_th {
					background: url(../images/flags/th.png) 0 .4em no-repeat;}
				
				.wifi-abroad li.flag_se {
					background: url(../images/flags/se.png) 0 .4em no-repeat;}
				
				.wifi-abroad li.flag_dk {
					background: url(../images/flags/dk.png) 0 .4em no-repeat;}
				
				.wifi-abroad li.flag_lv {
					background: url(../images/flags/lv.png) 0 .4em no-repeat;}
				
				.wifiAbroad li.flag_hu {
					background: url(../images/flags/hu.png) 0 .4em no-repeat;}
					
	#banner-generator-wrapper {
		height:       200px;}
		
		#banner-generator-wrapper .banner-generator-step {
			float:    left;
			height:   200px;
			width:    222px;}
			
			#banner-generator-wrapper .step-title {
				border-bottom: 1px solid #CCC;
				font-size:     .9em;
			
				height:        20px;
				margin:        0 0 .5em;
				padding:       0 0 .5em;}
			
				#banner-generator-wrapper .step {
					background:    #75af65;
					border-radius: 10px;
						-moz-border-radius:    10px;
						-o-border-radius:      10px;
						-webkit-border-radius: 10px;
					color:         #FFF;
					font-weight:   bold;
					line-height:   20px;
					text-align:    center;
				
					display:       block;
					float:         left;
					height:        20px;
					margin:        0 .5em 0 0;
					width:         20px;}
					
				#banner-generator-wrapper .step-name {
					font-weight:   bold;
					line-height:   20px;
					
					height:        20px;}
			
		#banner-generator-step-2 {
			margin:   0 10px;}
			
		#banner-generator-town-select {
			height:   150px;
			width:    222px;}
			
		#banner-generator-code  {
			height:   147px;
			width:    222px;}
			
		#banner-generator-placeholder {
			background: #CCC url(../images/chess-bg.gif) 0 0 repeat;
			font-size:  9pt;
			text-align: center;
			
			height:     120px;
			padding:    30px 11px 0;}
					
	#footer {
		border-top:   1px solid #adcedc;
		color:        #666;
		font-size:    .9em;
		
		padding:      .5em 0 2em;}
		
		#footer-menu {
			float:   right;
			margin:  0;
			padding: 0;}
				
			#footer-menu li {
				background: none;
				
				display:    block;
				float:      left;
				margin:     0 0 0 1.5em;
				padding:    0;}