@CHARSET "UTF-8";

/*----------------------------------------------------------------------------------------------------*/
/* Style ogólne elementów */

body  {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size:12px;
	color:#000;
	background: #000 url('./images/bg3.png') no-repeat 80% 630px;
	line-height:100%;
}
a { color:#000; text-decoration:none; }
a:hover{ text-decoration:underline; }

/*----------------------------------------------------------------------------------------------------*/
/* Klasy ogólne */

.fLeft   { float:left;  }
.fRight { float:right; }
.clear   { clear:both;  }

/*----------------------------------------------------------------------------------------------------*/
/* Main ID */
#FRONT { background: url('./images/bg0.jpg') no-repeat -10% 0; }

/* TOP */
#TOP { margin:0 auto;width:950px; height:100px; position:relative; }
	#TOP .LOGO { position:absolute; top:5px; left:18px; display:block; width:268px; height:68px; background: url('./images/logo.png') no-repeat 0 0; }	
	#TOP .HASLO { position:absolute; top:70px; left:204px; display:block; width:434px; height:32px; background: url('./images/haslo.png') no-repeat 0 0;}

/* MIDDLE */
#MIDDLE {}
	#MIDDLE #MAIN_MENU { height:40px; background: url('./images/bg1.png') repeat 0 0; color: #FFFFFF;}
	#MIDDLE #MAIN_MENU div.W_950{ margin:0 auto;width:950px;height:40px;}
	#MIDDLE #MAIN_MENU ul { float:right; }
	#MIDDLE #MAIN_MENU ul li { float:left; line-height:40px; margin-left:5px; }
	#MIDDLE #MAIN_MENU ul li.ONE { font-weight:bold; }
	#MIDDLE #MAIN_MENU ul li a { color:#FFF; }
	#MIDDLE #MAIN_MENU ul li span { color:#FFF; margin-left:5px; }
	
	#MIDDLE #TOPBAR { text-align: center; background: #ededed; width: 100%; margin: 0px auto; height: 20px; border-bottom: solid 1px #cecece;}
	#MIDDLE #TOPBAR #TOPCONTENT { width: 950px; margin: 0px auto; padding-top: 3px; text-align: right; }
	#MIDDLE #TopSpacer { background-color: White; width: 100%; height: 20px; }
	
	#MIDDLE #CONTENT { background:#FFF; }
	#MIDDLE #CONTENT div.W_920 { margin:0 auto;width:920px; min-height:300px; overflow:hidden; padding: 0; }		
	
	#MIDDLE #CONTENT .KIND_OF_LOCAL { padding-bottom:80px; }
					.KIND_OF_LOCAL .SINGLE { width:224px; float:left; margin-right:8px; }
					.KIND_OF_LOCAL .SINGLE .TOP { height:48px; background: url('./images/fot_top.png') repeat 0 0; text-align:center; vertical-align:middle; }
					.KIND_OF_LOCAL .SINGLE .TOP  img { margin-top:10px; }
					.KIND_OF_LOCAL .SINGLE .FOT { height:196px; }
					.KIND_OF_LOCAL .SINGLE .TIT { height:25px; margin:8px 0;}
					.KIND_OF_LOCAL .SINGLE .DES { font-size:11px; line-height:14px; }
					/*pozycja*/
					.KIND_OF_LOCAL .SINGLE.FOUR{ margin-right:0; }
					/*foto*/
					.KIND_OF_LOCAL .SINGLE.ONE .FOT { background: url('./images/fot1b.jpg') repeat 0 0; }
					.KIND_OF_LOCAL .SINGLE.TWO .FOT { background: url('./images/fot2b.jpg') repeat 0 0; }
					.KIND_OF_LOCAL .SINGLE.THREE .FOT { background: url('./images/fot3b.jpg') repeat 0 0; }
					.KIND_OF_LOCAL .SINGLE.FOUR .FOT { background: url('./images/fot4b.jpg') repeat 0 0; }
					/*title*/
					.KIND_OF_LOCAL .SINGLE.ONE .TIT { background: url('./images/kawiarnia.png') no-repeat 0 0; }
					.KIND_OF_LOCAL .SINGLE.TWO .TIT { background: url('./images/pub.png') no-repeat 0 0; }
					.KIND_OF_LOCAL .SINGLE.THREE .TIT { background: url('./images/restauracja.png') no-repeat 0 0; }
					.KIND_OF_LOCAL .SINGLE.FOUR .TIT { background: url('./images/klub.png') no-repeat 0 0; }
					.KIND_OF_LOCAL .SINGLE:hover .TIT { cursor: pointer; }
					.KIND_OF_LOCAL .SINGLE:hover .DES { cursor: pointer; }
					/*hover*/
					.KIND_OF_LOCAL .SINGLE:hover .TOP { height:48px; background-position: 0 100%; cursor: pointer; }
					.KIND_OF_LOCAL .SINGLE.ONE:hover .FOT { background-position: 0 100%;  cursor: pointer;}
					.KIND_OF_LOCAL .SINGLE.TWO:hover .FOT { background-position: 0 100%;  cursor: pointer;}
					.KIND_OF_LOCAL .SINGLE.THREE:hover .FOT { background-position: 0 100%;  cursor: pointer;}
					.KIND_OF_LOCAL .SINGLE.FOUR:hover .FOT { background-position: 0 100%;  cursor: pointer;}

	#MIDDLE #STOPKA { height:40px; background: url('./images/bg1.png') repeat 0 0;}
	#MIDDLE #STOPKA .COPYRIGHT{ float:left; color:#FFF; line-height:40px;}
	#MIDDLE #STOPKA div.W_950 { margin:0 auto;width:950px;height:40px;}
	#MIDDLE #STOPKA ul { float:right; }
	#MIDDLE #STOPKA ul li { float:left; line-height:40px; margin-right:5px; color: Gray;}
	#MIDDLE #STOPKA ul li.ONE { font-weight:bold; }
	#MIDDLE #STOPKA ul li a { color:#FFF; }
	#MIDDLE #STOPKA ul li span { color:#FFF; margin-left:5px; }
	
	#MIDDLE #PODSTOPKA .W_950 { font-size: 9px; text-align: center; width: 950px; margin: 0 auto; color: #FFF;}
	#MIDDLE #PODSTOPKA .W_950 span.city a { color: #FDC; }
	
	#MIDDLE #CONTENT .CITY { padding: 20px 0px 30px 100px; }
	#MIDDLE #CONTENT .CITY span#CitySelect {  }
	#MIDDLE #CONTENT .CITY span#CitySelect select { font-size: 18px; width: 277px; }	
	#MIDDLE #CONTENT .CITY span#CityLabel { position: relative; top: 4px; }
	#MIDDLE #CONTENT div.W_950{ margin:0 auto;width:950px; overflow: hidden;}	
	#MIDDLE #CONTENT div.W_660 { margin:0 auto;width:660px; min-height:300px; overflow:visible; float: left; border-right: solid 1px #cecece; padding-right: 5px;}
	#MIDDLE #CONTENT div.W_277 { margin:0 auto;width:277px; min-height:300px; overflow:visible; float:right;  }
	
	#MIDDLE #CONTENT div.W_277 #ChangeTypeBox { width: 100%; height: auto; }
	#MIDDLE #CONTENT div.W_277 #ChangeTypeBox img { margin-top: 10px; }
	#MIDDLE #CONTENT div.W_277 #ChangeTypeBox select#AllCompanies { width: 275px; margin-top: 5px; } 
	
    /*wiersze listy firmy*/
    #MIDDLE #CONTENT div.W_950 #CompanyListTable td { vertical-align: middle; }
    #MIDDLE #CONTENT div.W_950 #CompanyListTable th { font-weight: bold; }
	#MIDDLE #CONTENT div.W_950 #CompanyListTable tr.odd { background-color: #ebeceb; }
	#MIDDLE #CONTENT div.W_950 #CompanyListTable tr.even { background-color: #cdcdcd; }
	/* simple search wyniki */
	#MIDDLE #CONTENT div.W_950 div.W_660 div.SearchedLine {  height: 130px; width:100%; margin-top: 15px; font-size: 10px; border: solid 1px #ffffff; }
	#MIDDLE #CONTENT div.W_950 div.W_660 div.odd {  background-color: #ededed; }
	#MIDDLE #CONTENT div.W_950 div.W_660 div.even {  background-color: #fbecfb; }
	#MIDDLE #CONTENT div.W_950 div.W_660 div.SearchedMap {}
	#MIDDLE #CONTENT div.W_950 div.W_660 div.SearchedLine div.SearchedShowMap { text-align: right; margin-right: 2px; color: #b63db5; }
	
	#MIDDLE #CONTENT div.W_950 div.W_660 div.SearchedLine div.SearchedShowMap span.SearchedShowMapHover { cursor: pointer;  text-decoration: underline; }
	#MIDDLE #CONTENT div.W_950 div.W_660 div.SearchedCompanyItemHover { border: solid 1px #cecece; }
	
	#MIDDLE #CONTENT div.W_950 div.W_660 div.SearchedLine span.SearchedCompanyName { font-size: 20px; margin: 10px 0px 0px 20px;}
    #MIDDLE #CONTENT div.W_950 div.W_660 div.SearchedLine div.SearchedBasicData { margin-left: 20px; }
    #MIDDLE #CONTENT div.W_950 div.W_660 div.SearchedLine div.SearchedPhoneMail {  margin-left: 20px; }
	#MIDDLE #CONTENT div.W_950 div.W_660 div.SearchedLine div.SearchedRating { margin-left: 20px; float: left; width: 140px; height: 40px; }
	#MIDDLE #CONTENT div.W_950 div.W_660 div.SearchedLine div.SearchedRating span#CategoryStar { float: left; width: 16px; height: 16px; background: url('./images/star.gif'); background-position: 0 50%; }
	#MIDDLE #CONTENT div.W_950 div.W_660 div.SearchedLine div.SearchedRating span#CategoryStarGray{ float: left; width: 16px; height: 16px; background: url('./images/star.gif'); background-position: 0 0; }
	#MIDDLE #CONTENT div.W_950 div.W_660 div.SearchedLine span.SeeMore { float: right; width: 20%; text-align: right; padding-top: 20px; padding-right: 10px;}
	#MIDDLE #CONTENT div.W_950 div.W_660 div.SearchedLine span.SeeMore a { font-weight: bold; font-size: 13px; color: Black; text-decoration: underline;}
	#MIDDLE #CONTENT div.W_950 div.W_660 div.SearchedLine span.SearchedType {}
	#MIDDLE #CONTENT div.W_950 div.W_660 div.CompanyNotInList { padding-top: 5px; width: 100%; height: 20px; border: dashed 1px #cecece; text-align: center; vertical-align: middle; }	
	#MIDDLE #CONTENT div.W_950 div.W_660 div.CompanySearchBox { margin-left: 159px; font-style: italic; color: Gray; margin-bottom: 40px; padding-top: 5px; width: 100%; height: 20px; border: none; text-align: left; vertical-align: middle; }	
	#MIDDLE #CONTENT div.W_950 div.W_660 #resultsNotFound { display: none; color: Red; padding-top: 10px; padding-bottom: 10px; }
	#MIDDLE #CONTENT div.W_950 div.W_660 div.CompanySearchBox input { font-size: 21px; }
	#MIDDLE #CONTENT div.W_950 div.W_660 div.NextPrevBar { width: 100%; margin: 15px 0px 15px 0px; text-align:center;}
	#MIDDLE #CONTENT div.W_950 div.W_660 div.NextPrevBar span { display: inline-block; border: solid 1px #cecece; margin: 3px; padding: 3px; width: 15px; height: 15px; text-align: center; }
	#MIDDLE #CONTENT div.W_950 div.W_660 div.NextPrevBar span.Current { background-color: Gray; }
	#MIDDLE #CONTENT div.W_950 div.W_660 div.NextPrevBar span.Current:hover { border: solid 1px #cecece; cursor: default; }
	#MIDDLE #CONTENT div.W_950 div.W_660 div.NextPrevBar span:hover { border: solid 1px #b63db5; cursor: pointer; }
	#MIDDLE #CONTENT div.W_950 div.W_660 div.NextPrevBar a:hover {text-decoration: none;}
	#MIDDLE #CONTENT div.W_950 div.W_660 div.NextPrevBar div.Current { border: solid 1px #cecece; background-color:#cecece;  }		
	#MIDDLE #CONTENT div.W_950 div.W_660 div.SearchedLine div.SearchedNameContainer {  }
    #MIDDLE #CONTENT div.W_950 div.W_660 #resultsMap { width:100%; height: 300px; margin-top: 10px; }
    #MIDDLE #CONTENT div.W_950 div.W_660 #resultsMap .link { margin-top: 20px; margin-left: 50px; font-size: 10px; padding-bottom: 10px; float: right;}
    #MIDDLE #CONTENT .googleTooltip {width: 100%; border: 1px solid #cecece; background-color: #FFF; color: #b63db5; padding: 5px; text-align: center;}    
	
	#MIDDLE #CONTENT div.W_277 .NameOfRightBox { width: 100%; border-bottom: 1px solid #cecece; padding-top: 10px;}
	#MIDDLE #CONTENT div.W_277 .SelectCityBox { width: 100%; text-align: left; margin-top: 5px;}
	#MIDDLE #CONTENT div.W_277 .SelectCityBox select { font-size: 18px; width: 277px; }
	#MIDDLE #CONTENT div.W_277 #RightBoxCafe { background: url('./images/mfot1b.jpg') repeat 100% 0; cursor: pointer; width: 277px; height: 73px; margin-top: 5px;}
	#MIDDLE #CONTENT div.W_277 #RightBoxCafe:hover { background-position: 0 100%; }
	#MIDDLE #CONTENT div.W_277 #RightBoxBeer { background: url('./images/mfot2b.jpg') repeat 100% 0; cursor: pointer; width: 277px; height: 73px; margin-top: 5px;}
	#MIDDLE #CONTENT div.W_277 #RightBoxBeer:hover { background-position: 0 100%; }
	#MIDDLE #CONTENT div.W_277 #RightBoxMeal { background: url('./images/mfot3b.jpg') repeat 100% 0; cursor: pointer; width: 277px; height: 73px; margin-top: 5px;}
	#MIDDLE #CONTENT div.W_277 #RightBoxMeal:hover { background-position: 0 100%; }
	#MIDDLE #CONTENT div.W_277 #RightBoxDisco { background: url('./images/mfot4b.jpg') repeat 100% 0; cursor: pointer; width: 277px; height: 73px; margin-top: 5px;}
	#MIDDLE #CONTENT div.W_277 #RightBoxDisco:hover { background-position: 0 100%; }
	
	/* szczegoly firmy */
	#MIDDLE #CONTENT div.W_950 div.W_660 div.DetailsWideBox { width: 100%; float: left; text-align: justify; padding-bottom: 10px; }
	#MIDDLE #CONTENT div.W_950 div.W_660 div.DetailsWideBox div#MiddleBox { width: 250px; float: right; padding-top: 25px; font-size: 10px;}	
	#MIDDLE #CONTENT div.W_950 div.W_660 div.DetailsWideBox div#MiddleBox .Rating { display: inline-block; }
	#MIDDLE #CONTENT div.W_950 div.W_660 div.DetailsWideBox div#LeftBox { width: 380px; float: left; font-size: 10px; padding: 10px 0px; }
	#MIDDLE #CONTENT div.W_950 div.W_660 div.DetailsWideBox .CompanyDetailsListing { background-color: White; width: 48%; margin: 0px 5px 0x 5px;}
	#MIDDLE #CONTENT div.W_950 div.W_660 div.DetailsWideBox .odd { float: left; }
	#MIDDLE #CONTENT div.W_950 div.W_660 div.DetailsWideBox .even { float: right; }	
	#MIDDLE #CONTENT div.W_950 div.spacer {background-color: White; width: 100%; height: 0px; float: left; }
	#MIDDLE #CONTENT div.W_950 div.spacerBig {background-color: White; width: 100%; height: 80px; float: left;}
	#MIDDLE #CONTENT div.W_950 div.highlighted { padding: 0px 2px; float: left; color: White; font-weight: bold; width: 100%; background-color: #855784; margin-top: 10px; }
	#MIDDLE #CONTENT div.W_950 div.highlightedComment { padding: 0px 2px; float: left; color: #855784; font-weight: bold; width: 100%;  margin-top: 10px; }
	#MIDDLE #CONTENT div.W_950 div.CompanyDetailsListing { font-size: 10px; float: left; width: 207px; color: Black; min-height: 45px;}
	#MIDDLE #CONTENT div.W_950 div.CompanyDetailsListing.margined { margin: 0px 9px; }
    #MIDDLE #CONTENT div.W_950 div.CompanyDetailsListing li:nth-child(odd) { color: #855784; }	
	#MIDDLE #CONTENT div.W_950 div.W_660 #RatingInfo { float: left; }
	#MIDDLE #CONTENT div.W_950 div.W_660 div.DetailsWideBox #DetailsRatingsBox { float: left; width: 100%; }
	#MIDDLE #CONTENT div.W_950 div.W_660 div#DetailsTabs { float: left; width: 100%; margin-top: 10px; margin-bottom: 10px; }	
	#MIDDLE #CONTENT div.W_950 div.W_660 div#DetailsTabs #gallery ul li {  display: inline-block; padding-left: 51px;   }
	#MIDDLE #CONTENT div.W_950 div.W_660 #DetailsMenu .MenuCategory { border: 1px solid #755784; background-color: #dddded; margin-top: 5px;}
	#MIDDLE #CONTENT div.W_950 div.W_660 #DetailsMenu .CategoryNameText { color: White; background-color: #855784; font-weight: bold; padding-left:5px; font-size: 12px;line-height:20px;}
	#MIDDLE #CONTENT div.W_950 div.W_660 #DetailsMenu span.MenuItemDescription { font-style: italic; font-size: 10px; }
	#MIDDLE #CONTENT div.W_950 div.W_660 #DetailsMenu span.MenuItemPortion { font-style: italic; }
	#MIDDLE #CONTENT div.W_950 div.W_660 #DetailsMenu span.MenuItemName { font-size: 12px; }
	#MIDDLE #CONTENT div.W_950 div.W_660 #DetailsMenu td.NameDescriptionCell { width: 480px; padding-left: 5px; padding-top: 3px;}
	#MIDDLE #CONTENT div.W_950 div.W_660 #DetailsMenu td.PortionCell { width: 60px; }
	#MIDDLE #CONTENT div.W_950 div.W_660 #DetailsMenu td.PrizeCell { width: 60px; text-align: right; padding-right: 5px;}
	#MIDDLE #CONTENT div.W_950 div.W_660 #DetailsMenu tr.MenuItemRow { height: 35px; }		
	#MIDDLE #CONTENT div.W_950 div.W_660 #DetailsMenu tr.MenuItemRow:nth-child(odd){ background-color: #FFF; }
	#MIDDLE #CONTENT div.W_950 div.W_660 #DetailsMenu table { width: 100%; }
	#MIDDLE #CONTENT div.W_950 div.W_660 div#DetailsMap { color: Black; width: 100%; height: 200px; }
	#MIDDLE #CONTENT div.W_950 div.W_660 div#tabs-4 textarea { width: 100%; height: 30px; }	
	#MIDDLE #CONTENT div.W_950 div.W_660 div#tabs-4 input[type='submit'] { margin-top: 2px; }
	#MIDDLE #CONTENT div.W_950 div.W_660 #AdditionalData { width: 640px; font-size: 10px; float: left; }
	#MIDDLE #CONTENT div.W_950 div.W_660 #MenuTabs { width: 655px; text-align: left; background-color: #855784; float: left; margin-top: 2px; }
	#MIDDLE #CONTENT div.W_950 div.W_660 #MenuTabs .TabItem { border: 1px solid White; margin-right: 10px; color: #B63DB5; }	
	#MIDDLE #CONTENT div.W_950 div.W_660 #AdditionalData .HourElement { width: 85px; float:left; margin-right: 5px;}
	#MIDDLE #CONTENT div.W_950 div.W_660 #AdditionalData .HourElement .Day { font-weight: bold; color: #855784; }
	#MIDDLE #CONTENT div.W_950 div.W_660 #CompanyComments { width: 650px; float: left; font-size: 10px; margin-bottom: 15px; padding-left:4px; }
	#MIDDLE #CONTENT div.W_950 div.W_660 #CompanyComments input[type='text'] { width: 150px; font-size: 10px; }
	#MIDDLE #CONTENT div.W_950 div.W_660 #CompanyComments input[type='submit'] { font-size: 10px; }
	#MIDDLE #CONTENT div.W_950 div.W_660 #CompanyComments textarea { width: 100%; font-size: 10px; margin-bottom: 2px; } 
	#MIDDLE #CONTENT div.W_950 div.W_660 #CompanyComments span.DetailsCommentContent { font-style: italic; } 
	#MIDDLE #CONTENT div.W_950 div.W_660 #CompanyComments #CommentsError { color: Red; }
	#MIDDLE #CONTENT div.W_950 div.W_660 #TravelBox { width: 100%; height: 300px; float: left;}
	#MIDDLE #CONTENT div.W_950 div.W_660 #TravelIFrame { float: left; }
	#MIDDLE #CONTENT div.W_950 div.W_660 #TravelBox #TravelControls { margin-top: 80px; }
	#MIDDLE #CONTENT div.W_950 div.W_660 #TravelBox #TravelControls input { font-size: 22px; line-height: 20px; }
	#MIDDLE #CONTENT div.W_950 div.W_660 #TravelBox #TravelControls a {  margin-left: 20px; font-size: 24px;}
	#MIDDLE #CONTENT div.W_950 div.W_660 #TravelBox #TravelControls input[type='text'] { width: 400px; margin-left: 20px; height: 30px;}
	#MIDDLE #CONTENT div.W_950 div.W_660 #TravelBox #TravelControls .description { font-size: 12px; padding-bottom: 10px; margin-left: 20px;}
	#MIDDLE #CONTENT div.W_950 div.W_660 #TravelBox #TravelControls .tip { font-style: italic; color: Gray; font-size: 15px; margin-left: 20px; text-align: left; }
	
	.Loader { background: url('./images/loader.gif') no-repeat; width: 100%; height: 100px; text-align: center; background-position: center;}
	.LoaderCenter { background: url('./images/loader.gif') no-repeat; width: 100%; height: 100px; text-align: center; background-position: center; padding-top: 240px; }
	.visibilityHidden { visibility: hidden; }
	.visibilityVisible { visibility: visible; }
	
	#GoogleMapZoomed { width: 700px; height: 500px; }
	
	#MIDDLE #CONTENT div.W_277 #GoogleMapBox { width:100%; height:200px; }
	#MIDDLE #CONTENT div.W_277 .title { padding: 0px 2px; font-size: 10px; color: White; font-weight: bold; width: 100%; background-color: #855784; margin-bottom: 5px; }
    #MIDDLE #CONTENT div.W_277 .bigspacer { height: 15px; }
    #MIDDLE #CONTENT div.W_277 #ImagesBox { width: 100%; height: 220px; }
    #MIDDLE #CONTENT div.W_277 #ImagesBox .DetailsPic { width: 150px; height: 150px; background-position: center; background-repeat:no-repeat; border: 1px solid #b63db5; }
	#MIDDLE #CONTENT div.W_277 .highLink { color: #FFF; font-weight: normal; text-decoration: underline; cursor: pointer; }
	#MIDDLE #CONTENT div.W_277 #SimilarLocalsBox { margin-bottom: 30px; }
	
	/* about */
	#MIDDLE #CONTENT div.W_920 div#contactFormBox input[type='text'] { width: 50%;}
	
	/* edit company */
	#MIDDLE #CONTENT div.W_950 div#googleMapBox { width: 40%; float: right; height: 300px; }
	#MIDDLE #CONTENT div.W_950 div#basicDataBox { width: 60%; float: left; margin-bottom: 10px; }
	#MIDDLE #CONTENT div.W_950 div#basicDataBox input[type='button'] { width: 110px; }
	#MIDDLE #CONTENT div.W_950 table#CompanyEditDetailsTable { width: 100%; border-style: none; height: 300px; }	
	#MIDDLE #CONTENT div.W_950 table#CompanyEditDetailsTable td:nth-child(2) { width: 250px; }	
	#MIDDLE #CONTENT div.W_950 table#CompanyEditDetailsTable tr:nth-child(odd) { background-color: #ededed; }
	#MIDDLE #CONTENT div.W_950 table#CompanyEditDetailsTable tr:nth-child(even) { background-color: #fbecfb; }
	#MIDDLE #CONTENT div.W_950 table#CompanyEditDetailsTable input { width: 80%; }
	#MIDDLE #CONTENT div.W_950 div#openingBox { float: left; width: 100%; }
	table#openingTable { width: 100%; }
	table#openingTable tr { background-color: #fbecfb; }
	table#openingTable td { width: 180px; }	
	#MIDDLE #CONTENT div.W_950 div#addDataBox { float: left; width: 100%; }
	#MIDDLE #CONTENT div.W_950 div.EditCompanyLeftBox { padding: 10px 0px 10px 0px; text-align: justify; width: 440px; float: left; background-color: White;}
	#MIDDLE #CONTENT div.W_950 div.EditCompanyRightBox { padding: 10px 0px 10px 10px; width: 50%; float: right; background-color: #ededed; }
	#MIDDLE #CONTENT div.W_950 div.EditCompanyRightBox select { width: 270px; height: 200px; }
	#MIDDLE #CONTENT div.W_950 div.EditCompanyRightBox input[type='text'] { width: 266px; }	
	#MIDDLE #CONTENT div.W_950 div#addDataBox div.highlighted { margin-top: 0px; }	
	#MIDDLE #CONTENT div.W_950 div#descriptionTextArea { float: left; width: 100%; }
	#MIDDLE #CONTENT div.W_950 div#descriptionTextArea textarea { width: 944px; height: 50px; }
	#MIDDLE #CONTENT div.W_950 div.submitBox { float: left; padding: 15px 0px 15px 0px; width: 100%; text-align: center; }	
	
	/* edit menu */
	#MIDDLE #CONTENT div.W_950 #CompanyMenu { min-height: 350px; font-size: 10px;}
	#MIDDLE #CONTENT div.W_950 #CompanyMenu div.spacer { padding-top: 5px;}
	#MIDDLE #CONTENT div.W_950 #CompanyMenu .CategoryName { width: 100%; padding: 2px; background-color: #855784; color: White; }
	#MIDDLE #CONTENT div.W_950 #CompanyMenu .MenuCategory span.my-icon-help { margin-top: 1px; }
	#MIDDLE #CONTENT div.W_950 #CompanyMenu .CategoryName .CategoryNameText { float: left; width: 80%; margin-top: 1px;}
	#MIDDLE #CONTENT div.W_950 #CompanyMenu .CategoryName .CategoryNameDelete { margin-left: 100px;  }
	#MIDDLE #CONTENT div.W_950 #CompanyMenu .CategoryName .CategoryNameDelete input { border: none; background-color: #855784; color: Red; cursor: pointer;  font-size: 10px;}
	#MIDDLE #CONTENT div.W_950 #CompanyMenu .MenuCategory { background-color: #ededed; border: 1px solid #855784; margin: 10px 0px 10px 0px; }
	#MIDDLE #CONTENT div.W_950 #CompanyMenu input { margin: 2px; }	
	#MIDDLE #CONTENT div.W_950 #CompanyMenu input#AddCategoryText { width: 300px; }
	#MIDDLE #CONTENT div.W_950 #CompanyMenu span.spacer { padding-right: 38px; }
	#MIDDLE #CONTENT div.W_950 #CompanyMenu input.AddItemText { width: 250px;  }
	#MIDDLE #CONTENT div.W_950 #CompanyMenu input.AddItemPrize { width: 50px;  }
	#MIDDLE #CONTENT div.W_950 #CompanyMenu error { border: 1px solid Red; }
	#MIDDLE #CONTENT div.W_950 #CompanyMenu input.AddItemPortion { width: 100px;  }
	#MIDDLE #CONTENT div.W_950 #CompanyMenu input.AddItemDescription { width: 662px; margin-left: 25px; }
	#MIDDLE #CONTENT div.W_950 #CompanyMenu .MenuCategory .AddMenuItemBox { display: none; padding: 10px;}
	#MIDDLE #CONTENT div.W_950 #CompanyMenu .MenuCategory span.AddMenuItemText { cursor: pointer; padding: 4px;}
	#MIDDLE #CONTENT div.W_950 #CompanyMenu .MenuCategory .MenuItemContainer { width: 100%; float:left; }
	#MIDDLE #CONTENT div.W_950 #CompanyMenu .MenuCategory .MenuItem { float: left; width: 85%; margin-bottom: 5px;  }
	#MIDDLE #CONTENT div.W_950 #CompanyMenu .MenuCategory .MenuItem span.MenuItemDescription { font-style:italic; font-size: 10px; }
	#MIDDLE #CONTENT div.W_950 #CompanyMenu .MenuCategory .MenuItem  span.MenuItemName { font-weight: bold; }
	#MIDDLE #CONTENT div.W_950 #CompanyMenu .MenuCategory .MenuItem  span.MenuItemPrize {  margin-left: 20px; }
	#MIDDLE #CONTENT div.W_950 #CompanyMenu .MenuCategory .MenuItem  span.MenuItemPortion {  margin-left: 20px; font-style: italic; }
	
	#MIDDLE #CONTENT div.W_950 #CompanyMenu .MenuCategory .MenuItemDelete { float: right; }
	#MIDDLE #CONTENT div.W_950 #CompanyMenu .MenuCategory .MenuItemDelete input { border: none; color: Red; cursor: pointer;  font-size: 10px;}
	
	/* edit pictures  */
	#MIDDLE #CONTENT div.W_950 #UploadPicLeftBox { width: 50%; float:left; }
	#MIDDLE #CONTENT div.W_950 #UploadPicRightBox { width: 50%; float:right; }
	#MIDDLE #CONTENT div.W_950 #UploadPicLeftBox input[type='file'] { width: 80%; }
	#MIDDLE #CONTENT div.W_950 #UploadPicRightBox textarea { width: 80%; }	
	#MIDDLE #CONTENT div.W_950 input#isLogo, label#isLogoLabel, span#isLogoSpan { margin-top: 30px; float:left; }
	#MIDDLE #CONTENT div.W_950 #UploadButBox { width: 100%; float:left; margin-top: 30px; margin-bottom: 20px;}
	#MIDDLE #CONTENT div.W_950 td.DescCell {max-width: 400px; padding-left: 40px; vertical-align: middle; }
	#MIDDLE #CONTENT div.W_950 td.DeleteCell {padding-left: 40px; vertical-align: middle;}
	#MIDDLE #CONTENT div.W_950 #UploadPicContinueBox { float: left; width: 100%; text-align: center; padding: 15px 0px 15px 0px;} 
	#MIDDLE #CONTENT div.W_950 #UploadPicDownMenuBox { float: left; margin-top: 20px; }
	
	/* license agreement */
	#MIDDLE #CONTENT div.W_950 #LicenseInfo { margin-top: 10px; text-align: justify; }
    #MIDDLE #CONTENT div.W_950 #UserCredentialsBox { padding-top: 40px; margin-left: 340px; font-size: 18px; font-weight: bold; }
    #MIDDLE #CONTENT div.W_950 table#UserPasswordTable { padding-top: 40px; margin-left: 340px; }
	#MIDDLE #CONTENT div.W_950 table#UserPasswordTable td { padding: 7px; }
    #MIDDLE #CONTENT div.W_950 #LicenseAgreement { text-align: justify; font-size: 11px; }
    #MIDDLE #CONTENT div.W_950 #LicenseAgreement ul li { list-style-type:decimal; display: list-item; list-style-position: inside; margin-top: 10px; }
    
    /* add company */
    #MIDDLE #CONTENT div.W_950  #AddCompanyBox { min-height: 400px; }
    #MIDDLE #CONTENT div.W_950  #AddCompanyBox input[type='text'] { width: 300px; }
    
    
	/* validation  */
	div.validation-summary-errors { padding: 5px; } 	
	div.validation-summary-errors ul { list-style: square; list-style-type: square; display: block; }
	div.validation-summary-errors ul li { list-style-type: square; display: block; margin-left: 30px;}
	span.field-validation-error { font-weight: bold; color: Red; }
	span.ui-icon-alert { margin: 5px;  }
	
	
	/* MapSearch */
	#MIDDLE #CONTENT div.W_950 #MapSearchBox #resultsMap { width: 100%; height: 500px; }


    /* login */
    #MIDDLE #CONTENT div.W_950 #loginPage {min-height: 430px;}
    
.topmargin { margin-top: 15px; }
.topmarginmore { margin-top: 40px; }
#AjaxSearchedCompanies span.address { color: Gray; font-size: 10px; }
#FacebookBox { width: 100%; height: 70px; }


ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
	line-height: 29px;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 10px;
	font-size: 1.2em;
}
