/*
@@@@@@@@@@@@@@@@@@@@@@
BOX
@@@@@@@@@@@@@@@@@@@@@@
*/

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	box
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

[class^="box"] {
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

	[class^="box"]:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	boxOfficeInformation
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.boxOfficeInformation {
}

	/*+ icons
		..........................................................................*/

	.boxOfficeInformation h1,
	.boxOfficeInformation h2,
	.boxOfficeInformation h3,
	.boxOfficeInformation h4,
	.boxOfficeInformation h5,
	.boxOfficeInformation h6 {
		color: #f0ad00;
	}

	.boxOfficeInformation .icons {
		margin-top: 10px;
		margin-bottom: 20px;
	}

	/*+ image
		..........................................................................*/

	.boxOfficeInformation figure {
		float: left;
		margin-right: 20px;
	}

		.boxOfficeInformation figure img {
			width: 240px;
			margin-bottom: 20px;
			border: 2px solid #f0ad00;
		}



		 h4
{
			 padding-top:5px;
line-height:normal;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	boxPopup
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*+ popupOverlay
		..........................................................................*/

.popupOverlay {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 10000;
	background-color: rgba(0,0,0,0.7);
}

.popupOverlayAllowContact {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 10003;
	background-color: rgba(0,0,0,0.7);
}

/*+ boxSimplePopup
		..........................................................................*/

.boxSimplePopup {
	background-color: #ffffff;
	z-index: 10001;
	position: fixed;
	top: 50px;
	max-height: 85%;
	left: 50%;
	padding: 10px;
	width: 700px;
	margin: 0px 0px 0px -350px;
	overflow-y: auto;
}

.boxSimplePopupAllowContact {
	background-color: #ffffff;
	z-index: 10005;
	position: fixed;
	top: 150px;
	max-height: 85%;
	left: 50%;
	padding: 10px;
	width: 700px;
	margin: 0px 0px 0px -350px;
	overflow-y: auto;
}


	/*tabPage ____________*/

	.boxSimplePopup .tabPage.cover {
		margin-right: -10px;
	}

    .boxSimplePopupAllowContact .tabPage.cover {
		margin-right: -10px;
	}

/*+ boxPopup
		..........................................................................*/

.boxPopup {
	width: 681px;
	min-height: 550px;
	margin: 0px 0px 0px -340px;
	z-index: 10001;
	background: url(assets/img/boxPopupCenter.png) repeat-y top left;
	position: fixed;
	top: 50px;
	left: 50%;
}

	.boxPopup > div {
		margin: 8px 10px 0px 21px;
		position: relative;
	}

	.boxPopup:before {
		position: absolute;
		bottom: -50px;
		left: 0px;
		width: 681px;
		height: 159px;
		background: url(assets/img/boxPopupBottom.png) no-repeat top left;
		content: "";
	}

	.boxPopup > div:before {
		position: absolute;
		top: -15px;
		left: -21px;
		width: 681px;
		z-index: -1;
		height: 500px;
		background: url(assets/img/boxPopupTop.png) no-repeat top left;
		content: "";
	}

	/*tabPage ____________*/

	.boxPopup .tabPage {
		margin: 0px 0px 0px 0px;
	}

		.boxPopup .tabPage.cover {
			background-position: 0px 15px;
			padding-bottom: 0px;
			padding-left: 40px;
		}

	.boxPopup .tabPagePane {
		padding: 15px 15px;
	}

	/*nav ____________*/
	.boxPopup ul.nav {
		position: relative;
		z-index: 10002;
	}

		.boxPopup ul.nav .prev {
			position: absolute;
			top: 370px;
			left: -35px;
		}

		.boxPopup ul.nav .next {
			position: absolute;
			top: 370px;
			right: -35px;
		}

	/*header ____________*/

	.boxPopup header,
	.boxSimplePopup header,  
    .boxSimplePopupAllowContact header{
		padding: 15px 0px 10px 0px;
	}

		.boxPopup header .logo img,
		.boxSimplePopup header .logo img,
        .boxSimplePopupAllowContact header .logo img {
			max-width: 100%;
		}

		.boxPopup header .close,
		.boxSimplePopup header .close,
        .boxSimplePopupAllowContact .close {
			position: absolute;
			top: 10px;
			right: 10px;
			font-size: 13px;
			color: #999999;
		}

        	.boxPopup header .closeallowContact,
		.boxSimplePopup header .closeallowContact,
          .boxSimplePopupAllowContact header .closeallowContact
             {
			position: absolute;
			top: 10px;
			right: 10px;
			font-size: 13px;
			color: #999999;
		}

		.boxPopup header.small,
		.boxSimplePopup header.small,
        .boxSimplePopupAllowContact header.small {
			padding: 10px 0px 0px 10px;
			margin-bottom: 0px;
		}

			.boxPopup header.small .logo,
			.boxSimplePopup header.small .logo,
            .boxSimplePopupAllowContact header.small .logo {
				width: 75px;
			}

	/*tableLine ____________*/

	/*
	.boxPopup .tableLine
	{
		font-size: 13px;
		color: #666666;
		width: 80%;
	}

		.boxPopup .tableLine th
		{
			text-align: right;
			padding-right: 15px;
			border-bottom-color: #cccccc;
		}

		.boxPopup .tableLine td
		{
			border-bottom-color: #cccccc;
		}

		.boxPopup .tableLine input[type="text"]
		{
			width: 100%;
		}

		.boxPopup .tableLine .alignTop
		{
			vertical-align: top;
		}

		.boxPopup .tableLine .button.mark
		{
			margin: 10px 0px 20px 0px;
			width: 150px;
			border-radius: 0px;
			-moz-border-radius: 0px;
			-webkit-border-radius: 0px;
		}
		*/

	/*slider ____________*/

	.boxPopup .pluginCycle {
		text-align: center;
		margin-left: 20px;
		margin-right: 20px;
		display: block;
	}

		.boxPopup .pluginCycle .slideList li {
			/* height: 472px !important; */
			width: 100% !important;
			display: block;
		}

		.boxPopup .pluginCycle img {
			display: block;
			border: 1px solid #999999;
			margin-left: auto;
			margin-right: auto;
		}

		.boxPopup .pluginCycle .caption {
			font-size: 18px;
			color: #999999;
			display: inline-block;
			padding: 10px 0px 20px 0px;
		}

		.boxPopup .pluginCycle:after {
			clear: both;
			display: block;
		}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	boxSearchModule
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*+ setup
		..........................................................................*/

.boxSearchModule {
	margin-bottom: 20px;
}

	.boxSearchModule .hr {
		border-top: 1px solid #e1e1e1;
		margin: 15px 0px;
	}

	/*+ tab
		..........................................................................*/

	/*tab ____________*/

	.boxSearchModule .tab {
	}

	/*tabMenu ____________*/

	.boxSearchModule .tabMenu {
	}

		.boxSearchModule .tabMenu:after,
		.boxSearchModule .advancedView:after {
			visibility: hidden;
			display: block;
			font-size: 0;
			content: " ";
			clear: both;
			height: 0;
		}

		.boxSearchModule .tabMenu li {
			float: left;
			margin-right: 2px;
			position: relative;
		}

			.boxSearchModule .tabMenu li a {
				color: #e2e0e0;
				font-size: 15px;
				background: url(assets/img/transparancy2.png);
				-webkit-text-shadow: 0px -1px 0 #000;
				text-shadow: 0px -1px 0 #000;
				padding: 0px 15px;
				line-height: 30px;
				display: block;
				position: relative;
				cursor: pointer;
				-moz-border-radius-topleft: 6px;
				-webkit-border-top-left-radius: 6px;
				border-top-left-radius: 6px;
				-moz-border-radius-topright: 6px;
				-webkit-border-top-right-radius: 6px;
				border-top-right-radius: 6px;
				-moz-box-shadow: inset 0px -100px 20px -100px rgba(0,0,0,0.5);
				-webkit-box-shadow: inset 0px -100px 20px -100px rgba(0,0,0,0.5);
				box-shadow: inset 0px -100px 20px -100px rgba(0,0,0,0.5);
			}

				.boxSearchModule .tabMenu li a small {
					display: block;
					font-size: 14px;
				}

			.boxSearchModule .tabMenu li.active a {
				color: #ffc93f;
				background: url(assets/img/transparancy1.png);
				-moz-box-shadow: none;
				-webkit-box-shadow: none;
				box-shadow: none;
			}

	/*+ simpleView
		..........................................................................*/

	.boxSearchModule .simpleView.office {
		margin-top: 10px;
		padding-top: 20px;
	}

	.boxSearchModule .simpleView {
		background: url(assets/img/transparancy1.png);
		position: relative;
		padding: 10px 20px 20px 20px;
	}

		.boxSearchModule .simpleView .formSubmit {
			text-transform: uppercase;
			position: absolute;
			bottom: 20px;
			right: 20px;
			border: none;
			-webkit-text-shadow: 0px 1px 0 rgba(255,255,255,0.5);
			text-shadow: 0px 1px 0 rgba(255,255,255,0.5);
			background: rgb(246,205,99);
			background: -moz-linear-gradient(top, rgba(246,205,99,1) 29%, rgba(240,173,0,1) 68%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(29%,rgba(246,205,99,1)), color-stop(68%,rgba(240,173,0,1)));
			background: -webkit-linear-gradient(top, rgba(246,205,99,1) 29%,rgba(240,173,0,1) 68%);
			background: -o-linear-gradient(top, rgba(246,205,99,1) 29%,rgba(240,173,0,1) 68%);
			background: -ms-linear-gradient(top, rgba(246,205,99,1) 29%,rgba(240,173,0,1) 68%);
			background: linear-gradient(to bottom, rgba(246,205,99,1) 29%,rgba(240,173,0,1) 68%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6cd63', endColorstr='#f0ad00',GradientType=0 );
		}

	/*optionbar ____________*/

	.boxSearchModule .optionbar {
		margin: 0px 0px 10px 0px;
		font-size: 13px;
		text-align: right;
		color: #ffc93f;
	}

		.boxSearchModule .optionbar a {
			text-decoration: underline;
			color: #ffc93f;
		}

		.boxSearchModule .optionbar .divider {
			margin: 0px 3px;
			border-right: 1px solid rgba(255,255,255,0.3);
			height: 11px;
			position: relative;
			top: 1px;
			display: inline-block;
			overflow: hidden;
			text-indent: -4000px;
			padding: 0px;
		}

	/*office name ____________*/

	.boxSearchModule .officeName {
		height: 30px;
		color: #ffc93f;
		-webkit-text-shadow: 0px -1px 0 #000;
		text-shadow: 0px -1px 0 #000;
		line-height: 30px;
	}

		.boxSearchModule .officeName input {
			width: 590px;
		}

	/*radius ____________*/

	.boxSearchModule .radius {
		height: 30px;
		color: #ffc93f;
		-webkit-text-shadow: 0px -1px 0 #000;
		text-shadow: 0px -1px 0 #000;
		position: relative;
	}

		.boxSearchFilter .location.disabled,
		.boxSearchModule .radius .city.disabled {
			display: none;
		}

		.boxSearchModule .radius > span {
			position: relative;
			display: inline-block;
			width: 90px;
			float: left;
		}

		.boxSearchModule .radius #CountryListings,
		.boxSearchModule .radius #CountryOffices {
			width: 235px;
		}

		.boxSearchModule .radius .country div,
		.boxSearchModule .radius .country div ul {
			position: relative;
			float: right;
		}

		.boxSearchModule .radius .country {
			position: absolute;
			left: 0px;
			width: 335px;
			line-height: 30px;
		}

		.boxSearchModule .radius .city {
			float: right;
			white-space: nowrap;
		}

			.boxSearchModule .radius .city .PlaceHolder {
				display: block;
				position: absolute;
				top: 7px;
				padding-left: 10px;
				color: #222;
				font-size: 9px;
				font-style: italic;
				text-shadow: none;
			}

			.boxSearchModule .radius .city input {
				width: 487px;
				-webkit-transition: none;
				-moz-transition: none;
				-o-transition: none;
				-ms-transition: none;
				transition: none;
			}

			.boxSearchModule .radius .city .UISelect {
				width: 100px;
			}

	/*extended ____________*/


	.boxSearchModule .extended {
		color: #ffc93f;
	}

		.boxSearchModule .extended .item {
			display: inline-block;
		}

		.boxSearchModule .extended .item .extendedList {
			list-style:none;
		}

			.boxSearchModule .extended .item .UICheck {
				padding-left: 15px;
				padding-top: 5px;
                display: inline-block;
			}


			.boxSearchModule .extended .item > span {
				margin-left: 10px;
				margin-right: 10px;
			}

		.boxSearchModule .extended #PropertyType {
			width: 190px;
		}
		
		.boxSearchModule .extended #OfficeActivity {
			width: 335px;
		}

	.boxSearchModule .extendedOffices > span {
		width: 346px;
		display: inline-block;
	}

	.boxSearchModule .extended #PriceFrom,
	.boxSearchModule .extended #PriceTo {
		width: 130px;
	}

	/*+ advancedView
		..........................................................................*/

	.boxSearchModule .advancedView {
		display: none;
		background-color: #f4f4f4;
		padding: 15px 20px;
		z-index: 600;
		-moz-box-shadow: inset 0px 100px 20px -100px rgba(0,0,0,1);
		-webkit-box-shadow: inset 0px 100px 20px -100px rgba(0,0,0,1);
		box-shadow: inset 0px 100px 20px -100px rgba(0,0,0,1);
	}

		.boxSearchModule .advancedView.active {
			display: block;
		}

	/*topSection ____________*/
	.boxSearchModule .topSection {
	}

		.boxSearchModule .topSection .UISelect {
			width: 100%;
		}

		.boxSearchModule .topSection .option {
			margin-top: 10px;
		}

	.boxSearchModule .itemList {
	}

		.boxSearchModule .itemList li {
			height: 35px;
			clear: both;
		}

		.boxSearchModule .itemList p {
			padding-top: 5px;
			float: left;
		}

		.boxSearchModule .itemList .UISelect {
			float: right;
			width: 105px;
			margin-left: 5px;
		}

		.boxSearchModule .itemList.alignRight .UISelect {
			float: none;
			text-align: left;
		}

	/*listColumn ____________*/

	.boxSearchModule .advancedView .listColumn li {
		padding-bottom: 10px;
	}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	boxNarrowResult
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.boxNarrowResult {
}

	.boxNarrowResult p {
		font-size: 13px;
		font-weight: bold;
	}

	.boxNarrowResult h3 {
		color: #f0ad00;
		font-size: 13px;
		font-weight: bold;
		margin-bottom: 5px;
	}

	.boxNarrowResult .button.mark {
		display: block;
		width: 100%;
	}

	.boxNarrowResult .buttonGroup {
		margin-bottom: 10px;
	}

		.boxNarrowResult .buttonGroup .button {
			width: 89px;
		}

			.boxNarrowResult .buttonGroup .button.active {
			}

	.boxNarrowResult .UISelect {
		display: block;
		margin-bottom: 10px;
	}

	/*location ____________*/

	.boxNarrowResult .location {
		position: relative;
		margin-bottom: 10px;
	}

		.boxNarrowResult .location input {
			width: 140px;
			font-size: 13px;
		}

		.boxNarrowResult .location .UISelect {
			font-size: 11px;
			position: absolute;
			top: 0px;
			right: 0px;
			z-index: 500;
		}

			.boxNarrowResult .location .UISelect.active {
				position: absolute;
			}

	/*priceRange ____________*/

	.boxNarrowResult .priceRange {
	}

		.boxNarrowResult .priceRange:after {
			visibility: hidden;
			display: block;
			font-size: 0;
			content: " ";
			clear: both;
			height: 0;
		}

		.boxNarrowResult .priceRange li {
			clear: both;
		}

		.boxNarrowResult .priceRange p {
			padding-top: 5px;
			float: left;
			color: #f0ad00;
			font-weight: bold;
		}

		.boxNarrowResult .priceRange .UISelect {
			float: right;
			width: 140px;
			margin-left: 5px;
		}

		.boxNarrowResult .priceRange.alignRight .UISelect {
			float: none;
			text-align: left;
		}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	boxSearchInfo
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.boxSearchInfo {
	margin: -15px -20px 10px -20px;
	position: relative;
	padding: 10px 20px;
	background: url(assets/img/boxSearchInfo.png) repeat-x bottom left;
}

	/*location ____________*/

	.boxSearchInfo .criteria {
		font-size: 13px;
		overflow: hidden;
		color: #666666;
		display: block;
		min-height: 30px;
		padding-right: 10px;
	}

		.boxSearchInfo .criteria h1 {
			font-size: 13px;
			cursor: default;
			display: inline;
			color: #666666;
			line-height: normal;
			font-family: inherit;
		}

			.boxSearchInfo .criteria h1 a {
				text-decoration: underline;
			}

			.boxSearchInfo .criteria h1:hover a {
				text-decoration: line-through;
			}

			.boxSearchInfo .criteria h1:after {
				content: "|";
				padding: 0px 2px 0px 7px;
			}

			.boxSearchInfo .criteria h1:last-child:after {
				content: "";
			}

			.boxSearchInfo .criteria h1 .icon-remove {
				display: none;
				margin-left: 5px;
				margin-top: -7px;
			}

			.boxSearchInfo .criteria h1:hover .icon-remove {
				display: inline-block;
			}

			.boxSearchInfo .criteria h3 {
			font-size: 13px;
			cursor: default;
			display: inline;
			color: #666666;
			line-height: normal;
			font-family: inherit;
		}

			.boxSearchInfo .criteria h3 a {
				text-decoration: underline;
			}

			.boxSearchInfo .criteria h3:hover a {
				text-decoration: line-through;
			}

			.boxSearchInfo .criteria h3:after {
				content: "|";
				padding: 0px 2px 0px 7px;
			}

			.boxSearchInfo .criteria h3:last-child:after {
				content: "";
			}

			.boxSearchInfo .criteria h3 .icon-remove {
				display: none;
				margin-left: 5px;
				margin-top: -7px;
			}

			.boxSearchInfo .criteria h3:hover .icon-remove {
				display: inline-block;
			}


	/*results ____________*/

	.boxSearchInfo .results {
		margin: 20px 0px 0px 0px;
	}

	/*filter ____________*/

	.boxSearchInfo .filter {
		color: #666666;
		font-size: 13px;
		position: absolute;
		bottom: 5px;
		right: 20px;
	}

		.boxSearchInfo .filter .UISelect.border {
			border-color: #cccccc;
			font-size: 13px;
		}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	boxResult
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.boxResult {
}

	.boxResult.grid.map li {
		width: 100%;
	}

	.boxResult.grid.map,
	.boxResult.list.map {
		margin-right: 5px;
		margin-left: 5px;
		margin-top: 5px;
	}

		.boxResult.list.map .button.mark {
			/*line-height: normal;
			padding-top: 15px;
			padding-bottom: 15px;*/
			display:inline-block;
		}
		.boxResult.list.map .button.mark a {
			/*line-height: normal;
			padding-top: 15px;
			padding-bottom: 15px;*/
			display:inline-block;
		}

		.boxResult.list.map p {
			display: block;
			clear: both;
			padding: 15px 15px 0px 0px;
			text-align: justify;
		}

	.boxResult article > a {
		display: block;
		width: 100%;
	}

	/*+ list
		..........................................................................*/

	/*result ____________*/

	.boxResult.list .result {
		border: 1px solid #fff;
		position: relative;
		font-size: 13px;
		padding: 10px;
		margin: 0px -10px 20px -10px;
		border-radius: 3px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}

		.boxResult.list .result:hover {
			border: 1px solid#e9e9e9;
			background: url(assets/img/boxResult.png) repeat-x bottom left;
			cursor: pointer;
		}

		.boxResult.list .result:before {
			content: "";
			position: absolute;
			bottom: -10px;
			left: 0px;
			right: 0px;
			border-top: 1px solid #d6d6d6;
		}

	/*layout ____________*/

	.boxResult.list figure img {
		max-width: 100%;
		display: block;
	}

	.boxResult.list .layout.abc > a {
		width: 76%;
	}

		.boxResult.list .layout.abc > a > figure {
			width: 40%;
			float: left;
			margin-right: 2%;
		}

		.boxResult.list .layout.abc > a > div {
			float: left;
			width: 58%;
			padding-right: 15px;
			border-right: 2px solid #e7e7e7;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}

	.boxResult.list .layout.abc > aside {
		float: left;
		width: 24%;
		margin: 0px 0px 0px -2px;
		padding-left: 15px;
		border-left: 2px solid #e7e7e7;
		text-align: center;
	}

	/*about ____________*/

	.boxResult.list .about {
		font-size: 16px;
		margin-bottom: 20px;
	}

		.boxResult.list .about span, .boxResult .about span {
			display: block;
		}

		.boxResult.list .about .title {
			font-size: 18px;
		}

	/*layout ____________*/

	.boxResult.list address {
		margin-bottom: 10px;
		color: #666666;
	}

		.boxResult.list address a {
			text-decoration: underline;
		}

	/*+ grid
		..........................................................................*/

	.boxResult.grid {
		margin-left: -10px;
	}

		.boxResult.grid p {
			display: none;
		}

		.boxResult.grid aside {
			display: none;
		}

		.boxResult.grid > li {
			display: inline-block;
			width: 32%;
			margin-right:1px;
			margin-bottom: 20px;
			vertical-align: top;
		}

			

		/*layout ____________*/

		.boxResult.grid figure img {
			max-width: 100%;
			display: block;
		}

		.boxResult.grid .layout.abc > a {
			width: 100%;
		}

		.boxResult.grid .layout.abc > figure {
			width: 100%;
		}

		.boxResult.grid .layout.abc > div {
			width: 100%;
		}

		.boxResult.grid .layout.abc > aside {
			display: none;
		}

		/*result ____________*/

		.boxResult.grid.office .result {
			text-align: center;
		}

		.boxResult.grid .result {
			border: 1px solid #fff;
			position: relative;
			font-size: 13px;
			padding: 10px;
			border-radius: 5px;
			border: 1px solid #e9e9e9;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}

			.boxResult.grid .result:hover {
				border: 1px solid #e9e9e9;
				background: url(assets/img/boxResult.png) repeat-x bottom left;
			}

		/*figure ____________*/

		.boxResult.grid figure {
			height: 130px;
			overflow: hidden;
			margin: 0px 0px 15px 0px;
		}

			.boxResult.grid figure img {
				max-height: 130px;
				margin: 0px auto 0px auto;
			}

		/*about ____________*/

		.boxResult.grid .about {
			font-size: 13px;
			margin: 0px 0px 0px 0px;
		}

			.boxResult.grid .about .title {
				font-size: 13px;
				font-weight: normal;
			}

		/*UIStar ____________*/

		.boxResult.grid .UIStar {
			position: absolute;
			bottom: 10px;
			right: 10px;
		}

	/*+ aside
		..........................................................................*/

	.boxResult.aside {
	}

		.boxResult.aside li {
			margin-bottom: 15px;
		}

		/*result ____________*/

		.boxResult.aside .result {
			border: 1px solid transparent;
			position: relative;
			font-size: 11px;
			padding: 10px;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		}

			.boxResult.aside .result.active {
				background-color: #ffc93f;
				border: 1px solid #ffffff;
			}

			.boxResult.aside .result:hover,
			.boxResult.aside .result:hover .active {
				border: 1px solid #e9e9e9;
				border-bottom: 1px solid #bcbcbc;
				background: url(assets/img/boxResult.png) repeat-x bottom left;
				background-color: #ffffff;
			}

		/*figure ____________*/

		.boxResult.aside figure {
			overflow: hidden;
			width: 100%;
			float: left;
			margin-bottom: 10px;
		}

			.boxResult.aside figure img {
				max-width: 100%;
			}

		/*about ____________*/

		.boxResult.aside .about {
			font-size: 12px;
			margin: 0px 0px 0px 0px;
		}

			.boxResult.aside .about .title {
				font-size: 12px;
				font-weight: normal;
			}

	/*+ detail
		..........................................................................*/

	.boxResult.detail p {
		font-size: 13px;
	}

	/*result ____________*/

	.boxResult.detail .result {
		border: 1px solid transparent;
		position: relative;
		font-size: 11px;
		padding: 10px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}

		.boxResult.detail .result:hover {
			border: 1px solid #e9e9e9;
			border-bottom: 1px solid #bcbcbc;
			background: url(assets/img/boxResult.png) repeat-x bottom left;
		}

	/*figure ____________*/

	.boxResult.detail figure {
		max-height: 220px;
		overflow: hidden;
		text-align: center;
		vertical-align: middle;
	}

		/*
		.boxResult.detail figure.placeholder
		{
			border: 1px solid #cccccc;
			background-color: #ededed;
		}
		*/

		.boxResult.detail figure.placeholder li {
			width: 100% !important;
		}

		.boxResult.detail figure.placeholder img {
			display: block;
			margin: auto;
		}

	/*about ____________*/

	.boxResult.detail .about {
		font-size: 16px;
		margin-bottom: 10px;
	}

		.boxResult.detail .about span, .boxResult .about > span, .boxResult .about .ref {
			display: block;
		}

		.boxResult.detail .about .title {
			font-size: 18px;
		}

		.boxResult.detail .about .ref {
			font-size: 12px;
			font-weight: normal;
		}

			.boxResult.detail .about .ref > span {
				display: inline;
			}

	/*optionbar ____________*/

	.boxResult.detail .optionbar {
		color: #c7c7c7;
		margin-bottom: 10px;
		margin-left: -2px;
	}

		.boxResult.detail .optionbar a {
			margin: 0px 2px;
		}

		.boxResult.detail .optionbar .divider {
			padding: 0px 5px;
		}

		

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	boxSearchResultModule
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.boxSearchResultModule .mapContainer {
	margin: -10px -20px -10px -20px;
}

.boxSearchResultModule .hr {
	border-top: 1px solid #cccccc;
	margin: 0px 0px;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	boxSimplePageNav
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.layoutMain .boxSimplePageNav,
.layoutMultiple .boxSimplePageNav {
	margin: -15px -20px 0px -20px;
}

.layoutSub .boxSimplePageNav {
	margin: -10px -10px 0px -10px;
}

.boxSimplePageNav .button {
	display: block;
	text-align: left;
	margin-bottom: 10px;
	border: 0px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

	.boxSimplePageNav .button.mark {
		border: 0px;
		padding: 5px 10px;
		font-weight: bold;
	}

	.boxSimplePageNav .button.em.last {
		margin-bottom: -10px;
	}

	.boxSimplePageNav .button.em {
		-moz-box-shadow: inset -105px 0px 15px -100px rgba(0,0,0,0.4);
		-webkit-box-shadow: inset -105px 0px 15px -100px rgba(0,0,0,0.4);
		box-shadow: inset -105px 0px 15px -100px rgba(0,0,0,0.4);
	}

	.boxSimplePageNav .button i {
		margin-right: 15px;
	}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	boxHeader
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.boxHeader {
	padding: 0px 10px;
	margin: -15px -20px 20px -20px;
	background: #ffffff url('assets/img/boxHeader.png') repeat-x bottom left;
}

	.boxHeader .title {
		font-size: 13px;
		line-height: 40px;
		font-weight: bold;
		float: left;
	}

	.boxHeader .buttonGroup {
		float: right;
		position: relative;
		top: 3px;
	}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	boxAddress
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.boxAddress {
	margin-bottom: 10px;
	color: #666666;
	font-size: 13px;
	text-align: center;
}

	.boxAddress a {
		text-decoration: underline;
	}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	boxWell
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.boxWell {
	background-color: #ededed;
	font-size: 13px;
	padding: 10px 10px;
	border: 1px solid #cccccc;
}

.boxWell.transparent
{
    background-color: rgba(255, 255, 255, 0.75);
    border: 0px;
}

	.boxWell.columns
	{
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}

	.boxWell .virtualTour {
		background-color: #ededed;
	}

	.boxWell > div {
		-webkit-column-break-inside: avoid;
		-moz-column-break-inside: avoid;
		break-inside: avoid;
		display: inline-block;
		width: 100%;
	}

	.boxWell h4 
	{
		font-size: 18px;
	}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	boxSimpleContact
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.boxSimpleContact {
}

	.boxSimpleContact p {
		font-size: 13px;
	}

	.boxSimpleContact input, .boxSimpleContact textarea {
		font-size: 13px;
		width: 100%;
		margin-bottom: 10px;
	}

	.boxSimpleContact button {
		display: block;
		width: 100%;
	}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
boxAnnouncements
///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.boxAnnouncements {
}

	.boxAnnouncements li {
		margin-bottom: 20px;
	}

	.boxAnnouncements article {
		text-align: justify;
		color: #333333;
		font-size: 13px;
	}

	.boxAnnouncements img {
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.boxAnnouncements .title {
		font-family: "Century Gothic";
		font-weight: bold;
		color: #f0ad00;
		display: block;
		border-bottom: 2px solid #f0ad00;
		margin-bottom: 20px;
		font-size: 15px;
	}

		.boxAnnouncements .title em {
			color: #333333;
			float: right;
			font-size: 13px;
		}

/*
@@@@@@@@@@@@@@@@@@@@@@
LIST
@@@@@@@@@@@@@@@@@@@@@@
*/

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	list
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

[class^="list"] {
	position: relative;
}

	[class^="list"]:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	members
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*+ listColumn
		..........................................................................*/

.listColumn {
}

	.listColumn.abc li {
		width: 33%;
		float: left;
	}

	.listColumn.abcd li {
		width: 24%;
		float: left;
	}

/*+ listType
		..........................................................................*/

.listType {
	font-size: 13px;
}

	.listType li {
		margin-bottom: 5px;
	}

		.listType li a {
			text-decoration: underline;
		}

		.seoLinksModulewide {
		width: 980px;
	}

/*+ listThumbnails
		..........................................................................*/

.listThumbnails {
	margin-bottom: 0px;
	overflow: hidden;
}

	.listThumbnails li {
		margin: 3px 1px;
		text-align: center;
	}

		.listThumbnails li a {
			display: table-cell;
			height: 180px;
			width: 200px;
			vertical-align: middle;

		}
		.listThumbnails li a img{
			max-height: 180px;
			max-width: 200px;

		}

/*
@@@@@@@@@@@@@@@@@@@@@@
UI
@@@@@@@@@@@@@@@@@@@@@@
*/

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	UI
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

[class^="UI"] {
	position: relative;
}

	[class^="UI"]:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	UISelect
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.UISelect {
	-webkit-text-shadow: none;
	text-shadow: none;
}

	.UISelect.active {
		z-index: 1000;
		position: relative;
	}

	/*+ popover
		..........................................................................*/

	/*setup ____________*/

	.UISelect.popover {
		color: black;
		cursor: pointer;
		background-color: #ffffff;
		height: 30px;
		display: inline-block;
		vertical-align: middle;
		-moz-box-shadow: inset 0px -105px 15px -100px rgba(0,0,0,0.5);
		-webkit-box-shadow: inset 0px -105px 15px -100px rgba(0,0,0,0.5);
		box-shadow: inset 0px -105px 15px -100px rgba(0,0,0,0.5);
	}

		.UISelect.popover ul {
			margin-left: 0px;
			/*height:200px;
			overflow:auto;*/
		}

		.UISelect.scrollbar.popover ul {
			
			height:200px;
			overflow:auto;
		}

			.UISelect.popover ul li {
				height: 30px;
				line-height: 30px;
				border: none;
				border-top: 0px;
				padding: 0px 40px 0px 10px;
				display: none;
				font-size: 13px;
				white-space: nowrap;
				overflow: hidden;
			}

				.UISelect.popover ul li a {
					display: block;
				}

				/*selected item*/
				.UISelect.popover ul li.selected {
					background-color: transparent;
					display: block;
				}

			/*background ____________*/

			.UISelect.popover ul li, .UISelect.popover.active ul li.selected {
				background-color: #ffffff;
			}

		/*active ____________*/

		.UISelect.popover.active {
			position: relative;
			top: 0px;
			overflow: visible;
			z-index: 1000;
		}

			.UISelect.popover.active ul li {
				display: block;
				border: none;
				border-top: 0px;
				margin-bottom: -1px;
			}

				.UISelect.popover.active ul li:hover {
					background-color: #eeeeee;
				}

				.UISelect.popover.active ul li:active {
					background-color: #e0e0e0;
				}

			.UISelect.popover.active:before {
				display: none;
			}

		/*block ____________*/

		.UISelect.popover.block {
			display: block;
		}

	/*+ dropdown
		..........................................................................*/

	/*setup ____________*/

	.UISelect.dropdown {
		color: black;
		cursor: pointer;
		background-color: #ffffff;
		height: 30px;
		display: inline-block;
		vertical-align: middle;
		-moz-box-shadow: inset 0px -105px 15px -100px rgba(0,0,0,0.5);
		-webkit-box-shadow: inset 0px -105px 15px -100px rgba(0,0,0,0.5);
		box-shadow: inset 0px -105px 15px -100px rgba(0,0,0,0.5);
	}

		.UISelect.dropdown ul li {
			line-height: 30px;
			border: 1px solid transparent;
			border-top: 0px;
			padding: 0px 10px 0px 10px;
			display: none;
		}

			.UISelect.dropdown ul li a {
				display: block;
			}

			.UISelect.dropdown ul li label {
				display: block;
				cursor: pointer;
			}

			/*selected item*/
			.UISelect.dropdown ul li.selected {
				line-height: 30px;
				background-color: transparent;
				display: block;
				padding-right: 40px;
			}

		/*background ____________*/

		.UISelect.dropdown ul li {
			background-color: #ffffff;
		}

		/*active ____________*/

		.UISelect.dropdown.active {
			z-index: 1000;
			position: relative;
		}

			.UISelect.dropdown.active ul li {
				display: block;
				border: 1px solid #cccccc;
				border-top: 0px;
			}

				.UISelect.dropdown.active ul li.selected {
					border: 1px solid transparent;
					border-bottom: 0px;
					border-top: 0px;
				}

	/*+ arrow
		..........................................................................*/

	.UISelect:before {
		content: "";
		position: absolute;
		top: 0px;
		right: 0px;
		height: 30px;
		width: 30px;
		pointer-events: none;
		background: #333333 url(assets/img/UISelect.png) no-repeat center center;
		-moz-box-shadow: inset 0px -105px 15px -100px rgba(0,0,0,0.6);
		-webkit-box-shadow: inset 0px -105px 15px -100px rgba(0,0,0,0.6);
		box-shadow: inset 0px -105px 15px -100px rgba(0,0,0,0.6);
	}

	/*+ black
		..........................................................................*/

	.UISelect.black {
		background-color: #333333;
	}

		.UISelect.black ul li.selected {
			color: white;
		}

	.UISelect.popover.black.active ul li.selected {
		color: black;
	}

	/*+ transparent
		..........................................................................*/

	.UISelect.transparent {
		background-color: rgba(255,255,255,0.2);
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

		.UISelect.transparent:before {
			content: "";
			position: absolute;
			top: 0px;
			right: 0px;
			height: 30px;
			width: 30px;
			border-left: 1px solid #9d9d9d;
			pointer-events: none;
			background: rgba(0,0,0,0.05) url(assets/img/UISelectTransparent.png) no-repeat center center;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
		}

	/*+ border
		..........................................................................*/

	.UISelect.border {
		border: 1px solid #cccccc;
	}

.simpleView .UISelect.border {
	border: 1px solid #222;
}

.UISelect.border.active {
	border: 0px;
	height: 32px;
}

.UISelect.white:before {
	background-color: #ffffff;
	-moz-box-shadow: inset 0px -105px 15px -100px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0px -105px 15px -100px rgba(0,0,0,0.5);
	box-shadow: inset 0px -105px 15px -100px rgba(0,0,0,0.5);
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	UIHr
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.UIHr {
	border-top: 1px solid #9a9a9a;
	margin: 15px 0px;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	UIStar
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.UIStar {
	width: 18px;
	height: 16px;
	display: inline-block;
	background: url(assets/img/UIStar.png) no-repeat top left;
}

	.UIStar.active {
		background: url(assets/img/UIStarActive.png) no-repeat top left;
	}

		.UIStar:hover .tooltip.add,
		.UIStar.active:hover .tooltip.remove {
			display: block;
			z-index: 100;
		}

		.UIStar.active:hover .tooltip.add,
		.UIStar:hover .tooltip.remove {
			display: none;
		}

	.UIStar .tooltip {
		display: none;
		position: absolute;
		bottom: 25px;
		width: 150px;
		left: -86px;
		white-space: nowrap;
		padding: 10px 20px;
		font-size: 13px;
		color: #666666;
		-moz-box-shadow: inset 0px -105px 15px -100px rgba(0,0,0,0.2);
		-webkit-box-shadow: inset 0px -105px 15px -100px rgba(0,0,0,0.2);
		box-shadow: inset 0px -105px 15px -100px rgba(0,0,0,0.2);
	}

		.UIStar .tooltip.top:after {
			border-top: 5px solid #D4D4D4;
		}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	UIepc
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.UIepc {
	margin: 40px 0px 20px 0px;
}

	/*bar ____________*/

	.UIepc .bar {
		width: 597px;
		height: 66px;
		background: url(assets/img/UIepc.png) no-repeat top left;
		position: relative;
	}

		.UIepc .bar .icoPointer {
			position: absolute;
			top: -15px;
			left: 1.2%;
			margin-left: -14px;
		}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	UICheck
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.UICheck {
	cursor: pointer;
}

	.UICheck div {
		display: inline-block;
		width: 15px;
		height: 16px;
		vertical-align: middle;
		overflow: hidden;
		text-indent: -40px;
		position: relative;
		background: url(assets/img/UICheck.png) no-repeat top left;
	}

	.UICheck.active div {
		background: url(assets/img/UICheckOn.png) no-repeat top left;
	}

/*
@@@@@@@@@@@@@@@@@@@@@@
BUTTON
@@@@@@@@@@@@@@@@@@@@@@
*/

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	button
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*+ setup
		..........................................................................*/

.button {
	padding: 0px 10px;
	line-height: 30px;
	text-align: center;
	font-size: 13px;
	position: relative;
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
}

.multilinebutton {
	padding: 0px 10px;
	text-align: center;
	font-size: 13px;
	position: relative;
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
	border: 1px solid #d5d3d3;
	border-bottom: 1px solid #999696;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #f4c446;
}




multilinebutton.button {
	height: 32px;
}

multilinebutton::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/*+ style
		..........................................................................*/

/*border*/
.multilinebutton {
	border: 1px solid #d5d3d3;
	border-bottom: 1px solid #999696;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

/*colors*/
.multilinebutton {
	background-color: #f6f6f6;
}

	.multilinebutton.spot {
		background-color: #252525;
		color: white;
	}

	.multilinebutton.mark {
		border: 1px solid #b68300;
		font-size: 13px;
		-webkit-text-shadow: 0px 1px 0 rgba(255,255,255,0.8);
		text-shadow: 0px 1px 0 rgba(255,255,255,0.8);
		background: rgb(246,205,99);
		background: -moz-linear-gradient(top, rgba(246,205,99,1) 29%, rgba(240,173,0,1) 68%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(29%,rgba(246,205,99,1)), color-stop(68%,rgba(240,173,0,1)));
		background: -webkit-linear-gradient(top, rgba(246,205,99,1) 29%,rgba(240,173,0,1) 68%);
		background: -o-linear-gradient(top, rgba(246,205,99,1) 29%,rgba(240,173,0,1) 68%);
		background: -ms-linear-gradient(top, rgba(246,205,99,1) 29%,rgba(240,173,0,1) 68%);
		background: linear-gradient(to bottom, rgba(246,205,99,1) 29%,rgba(240,173,0,1) 68%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6cd63', endColorstr='#f0ad00',GradientType=0 );
	}

	.multilinebutton.em {
		border: 1px solid #b2b2b2;
		background-image: url(assets/img/gradient1.png);
	}

	/*+ states
		..........................................................................*/

	/*hover ____________*/

	/*color*/
	.multilinebutton:hover {
		background-color: #fff;
	}

	.multilinebutton.spot:hover {
		background-color: #000000;
	}

	.multilinebutton.mark:hover {
		background: #f4c446;
	}

	/*active ____________*/

	/*border*/
	.multilinebutton:active, .multilinebutton.active {
		border: 1px solid rgba(0,0,0,0.1);
		border-top: 1px solid rgba(0,0,0,0.3);
	}

	.multilinebutton.em:active, .multilinebutton.em {
		border: 0px;
	}

	/*color*/
	.multilinebutton:active, .multilinebutton.active {
		background-color: #fff;
	}

	.multilinebutton.mark:active, .multilinebutton.mark.active {
		background: #f0ad00;
	}

	/*+ shapes
		..........................................................................*/

	/*pill ____________*/

	.multilinebutton.pill {
		padding: 0px 12px;
	}
	

button.button {
	height: 32px;
}

button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/*+ style
		..........................................................................*/

/*border*/
.button {
	border: 1px solid #d5d3d3;
	border-bottom: 1px solid #999696;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

/*colors*/
.button {
	background-color: #f6f6f6;
}

	.button.spot {
		background-color: #252525;
		color: white;
	}

	.button.mark {
		border: 1px solid #b68300;
		font-size: 13px;
		-webkit-text-shadow: 0px 1px 0 rgba(255,255,255,0.8);
		text-shadow: 0px 1px 0 rgba(255,255,255,0.8);
		background: rgb(246,205,99);
		background: -moz-linear-gradient(top, rgba(246,205,99,1) 29%, rgba(240,173,0,1) 68%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(29%,rgba(246,205,99,1)), color-stop(68%,rgba(240,173,0,1)));
		background: -webkit-linear-gradient(top, rgba(246,205,99,1) 29%,rgba(240,173,0,1) 68%);
		background: -o-linear-gradient(top, rgba(246,205,99,1) 29%,rgba(240,173,0,1) 68%);
		background: -ms-linear-gradient(top, rgba(246,205,99,1) 29%,rgba(240,173,0,1) 68%);
		background: linear-gradient(to bottom, rgba(246,205,99,1) 29%,rgba(240,173,0,1) 68%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6cd63', endColorstr='#f0ad00',GradientType=0 );
	}

	.button.em {
		border: 1px solid #b2b2b2;
		background-image: url(assets/img/gradient1.png);
	}

	/*+ states
		..........................................................................*/

	/*hover ____________*/

	/*color*/
	.button:hover {
		background-color: #fff;
	}

	.button.spot:hover {
		background-color: #000000;
	}

	.button.mark:hover {
		background: #f4c446;
	}

	/*active ____________*/

	/*border*/
	.button:active, .button.active {
		border: 1px solid rgba(0,0,0,0.1);
		border-top: 1px solid rgba(0,0,0,0.3);
	}

	.button.em:active, .button.em {
		border: 0px;
	}

	/*color*/
	.button:active, .button.active {
		background-color: #fff;
	}

	.button.mark:active, .button.mark.active {
		background: #f0ad00;
	}

	/*+ shapes
		..........................................................................*/

	/*pill ____________*/

	.button.pill {
		padding: 0px 12px;
	}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	buttonGroup
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*+ setup
		..........................................................................*/
.buttonGroup {
	display: inline-block;
	vertical-align: middle;
}

	.buttonGroup .button {
		float: left;
		margin-right: -3px;
		display: inline-block;
		position: relative;
	}

	.buttonGroup:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}

	/*+ style
		..........................................................................*/

	/*border*/
	.buttonGroup .button {
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
	}

	.buttonGroup.topShadow .button {
		padding: 0px 7px;
		border-color: #a0a0a0;
		background: none;
		margin-left: 10px;
	}

		.buttonGroup.topShadow .button.active {
			border-color: #a0a0a0;
		}

	/*+ states
		..........................................................................*/

	/*active ____________*/

	/*border*/
	.buttonGroup .button.active {
		border: 1px solid rgba(0,0,0,0.1);
		border-bottom: 1px solid rgba(0,0,0,0.3);
	}

	/*shadow*/
	.buttonGroup .button.active {
		-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.3);
		-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.3);
		box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.3);
	}

		.buttonGroup .button.active:first-child {
			-moz-box-shadow: inset -10px 0px 15px -10px rgba(0,0,0,0.8);
			-webkit-box-shadow: inset -10px 0px 15px -10px rgba(0,0,0,0.8);
			box-shadow: inset -10px 0px 15px -10px rgba(0,0,0,0.8);
		}

		.buttonGroup .button.active:last-child {
			-moz-box-shadow: inset 10px 0px 15px -10px rgba(0,0,0,0.8);
			-webkit-box-shadow: inset 10px 0px 15px -10px rgba(0,0,0,0.8);
			box-shadow: inset 10px 0px 15px -10px rgba(0,0,0,0.8);
		}

	/*active ____________*/

	.buttonGroup.topShadow .button.active {
		background-color: #fff;
		-moz-box-shadow: inset 0px 2px 5px -2px rgba(0,0,0,0.7);
		-webkit-box-shadow: inset 0px 2px 5px -2px rgba(0,0,0,0.7);
		box-shadow: inset 0px 2px 5px -2px rgba(0,0,0,0.7);
	}

		.buttonGroup.topShadow .button.active:first-child {
			-moz-box-shadow: inset 0px 2px 5px -2px rgba(0,0,0,0.7);
			-webkit-box-shadow: inset 0px 2px 5px -2px rgba(0,0,0,0.7);
			box-shadow: inset 0px 2px 5px -2px rgba(0,0,0,0.7);
		}

		.buttonGroup.topShadow .button.active:last-child {
			-moz-box-shadow: inset 0px 2px 5px -2px rgba(0,0,0,0.7);
			-webkit-box-shadow: inset 0px 2px 5px -2px rgba(0,0,0,0.7);
			box-shadow: inset 0px 2px 5px -2px rgba(0,0,0,0.7);
		}

	/*+ colors
		..........................................................................*/

	.buttonGroup.spot .button {
		/*
		background-color: #222222;
		color: white;
		*/
		background-color: #e7e7e7;
		color: #666666;
	}

		.buttonGroup.spot .button.active {
			/* background-color: #e7e7e7;
			color: #666666;*/
			background-color: #f0ad00;
			color: #222222;
		}

	.buttonGroup.navigation {
	}

		.buttonGroup.navigation .button {
			padding: 0px 12px;
			border-color: #a0a0a0;
			background: none;
			margin-left: 10px;
		}

			.buttonGroup.navigation .button:active {
				-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.3);
				-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.3);
				box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.3);
			}

/*
@@@@@@@@@@@@@@@@@@@@@@
LAYOUT
@@@@@@@@@@@@@@@@@@@@@@
*/

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	layout
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.layout > * {
	position: relative;
	float: left;
	margin-left: 2%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

	.layout > *:first-child {
		margin-left: 0%;
	}

.layout:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.layout.reverse > * {
	float: right;
	margin-left: 2%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

	.layout.reverse > *:last-child {
		margin-left: 0%;
	}

/*+ extended versions
		..........................................................................*/

.layoutNonSticky {
	margin-bottom: 20px;
}

.layoutMain {
	width: 260px;
	margin-bottom: 20px;
	background: #f4f4f4 url(assets/img/layoutMain.png) repeat-y top right;
	border-right: 720px solid white;
}

	.layoutMain > .layout.abbb {
		width: 980px;
	}

		.layoutMain > .layout.abbb > aside {
			width: 260px;
			padding: 15px 20px;
		}

		.layoutMain > .layout.abbb > section {
			width: 700px;
			padding: 15px 20px;
			margin: 0px 0px 0px 0px;
		}

			.layoutMain > .layout.abbb > section .tabPage.cover {
				margin: -15px -20px 20px -20px;
			}

.layoutSub {
	width: 180px;
	margin-bottom: 20px;
	border-right: 800px solid white;
	background: #f4f4f4 url(assets/img/layoutMain.png) repeat-y top right;
	background: rgba(255,255,255,0.8) url(assets/img/layoutMain.png) repeat-y top right;
}

	.layoutSub > .layout.abbb {
		width: 980px;
	}

		.layoutSub > .layout.abbb > aside {
			width: 180px;
			padding: 10px 10px;
		}

		.layoutSub > .layout.abbb > section {
			width: 800px;
			padding: 15px 20px;
			margin: 0px 0px 0px 0px;
		}

.layoutMultiple {
	background: url(assets/img/layoutMultiple980.png) repeat-y top left;
	margin-bottom: 20px;
}

	.layoutMultiple .layout.abbc > * {
		width: 260px;
		padding: 15px 20px;
	}

		.layoutMultiple .layout.abbc > * + * {
			width: 540px;
			padding: 15px 20px;
			margin: 0px 0px 0px 0px;
		}

			.layoutMultiple .layout.abbc > * + * + * {
				width: 180px;
				padding: 15px 20px;
				margin: 0px 0px 0px 0px;
			}

/*+ equal layout columns
		..........................................................................*/

/*span6*/
.layout.ab > * {
	width: 49.0%;
}

/*span4*/
.layout.abc > * {
	width: 32%;
}

.layout.abc.olist {
	margin-bottom:20px;
}

/*span3*/
.layout.abcd > * {
	width: 23.5%;
}

/*span2.5*/
.layout.abcde > * {
	width: 18.4%;
}

/*span2*/
.layout.abcdef > * {
	width: 15%;
}

/*+ aside columns
		..........................................................................*/

/*span10 span2*/
.layout.aaaaab > * {
	width: 83%;
}

	.layout.aaaaab > * + * {
		width: 15%;
	}

/*span9 span3*/
.layout.aaab > * {
	width: 74.5%;
}

	.layout.aaab > * + * {
		width: 23.5%;
	}

/*span8 span4*/
.layout.aab > * {
	width: 66%;
}

	.layout.aab > * + * {
		width: 32%;
	}

/*span2 span10*/
.layout.abbbbb > * {
	width: 15%;
}

	.layout.abbbbb > * + * {
		width: 83%;
	}

/*span3 span9*/
.layout.abbb > * {
	width: 23.5%;
}

	.layout.abbb > * + * {
		width: 74.5%;
	}

/*span4 span8*/

.layout.abb > * {
	width: 32%;
}

	.layout.abb > * + * {
		width: 66%;
	}

/*+ double aside columns
		..........................................................................*/

/*span8 span2 span2*/
.layout.aaaabc > * {
	width: 66%;
}

	.layout.aaaabc > * + * {
		width: 15%;
	}

		.layout.aaaabc > * + * + * {
			width: 15%;
		}

/*span2 span2 span8*/
.layout.abcccc > * {
	width: 15%;
}

	.layout.abcccc > * + * {
		width: 15%;
	}

		.layout.abcccc > * + * + * {
			width: 66%;
		}

/*span6 span3 span3*/
.layout.aabc > * {
	width: 49.0%;
}

	.layout.aabc > * + * {
		width: 23.5%;
	}

		.layout.aabc > * + * + * {
			width: 23.5%;
		}

/*span3 span3 span6*/
.layout.abcc > * {
	width: 23.5%;
}

	.layout.abcc > * + * {
		width: 23.5%;
	}

		.layout.abcc > * + * + * {
			width: 49.0%;
		}

/*+ center columns
		..........................................................................*/

/*span2 span10 span2*/
.layout.abbbbc > * {
	width: 15%;
}

	.layout.abbbbc > * + * {
		width: 66%;
	}

		.layout.abbbbc > * + * + * {
			width: 15%;
		}

/*span3 span6 span3*/
.layout.abbc > * {
	width: 23.5%;
}

	.layout.abbc > * + * {
		width: 49.0%;
	}

		.layout.abbc > * + * + * {
			width: 23.5%;
		}

/*
@@@@@@@@@@@@@@@@@@@@@@
FORM
@@@@@@@@@@@@@@@@@@@@@@
*/

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	form
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*+ setup
		..........................................................................*/

input[type="text"], input[type="password"], textarea, .formSelect {
	position: relative;
	vertical-align: middle;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #cccccc;
}

textarea {
	padding: 10px 10px;
	width: 100%;
}

select {
	-webkit-appearance: none;
	background: none;
	cursor: pointer;
}

input[type="checkbox"], input[type="radio"] {
	margin-right: 5px;
}

/*size*/
input[type="text"], input[type="password"] {
	padding: 0px 10px;
	line-height: 30px;
	height: 30px;
}

/*+ style
		..........................................................................*/

/*border*/
input[type="text"], input[type="password"], textarea, .formSelect {
	border: 1px solid rgba(0,0,0,0.17);
	border-bottom: 1px solid rgba(0,0,0,0.3);
}

/*shadow*/
input[type="text"], input[type="password"], textarea {
	-moz-box-shadow: inset 0px 100px 20px -100px rgba(0,0,0,0.6);
	-webkit-box-shadow: inset 0px 100px 20px -100px rgba(0,0,0,0.6);
	box-shadow: inset 0px 100px 20px -100px rgba(0,0,0,0.6);
}

/*animation*/
input[type="text"], input[type="password"], textarea, .formSelect, select {
	-webkit-transition: 0.4s ease 0s;
	-moz-transition: 0.4s ease 0s;
	-o-transition: 0.4s ease 0s;
	-ms-transition: 0.4s ease 0s;
	transition: 0.4s ease 0s;
}

	/*+ shapes
		..........................................................................*/

	input[type="text"].pill, input[type="password"].pill, textarea.pill, .formSelect.pill {
		border-radius: 100px;
		-moz-border-radius: 100px;
		-webkit-border-radius: 100px;
	}

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	effects
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

	/*+ states
		..........................................................................*/

	/*focus ____________*/

	/*border*/
	input[type="text"]:focus,
	input[type="password"]:focus,
	textarea:focus,
	.formAttachedVertical input[type="text"]:focus,
	.formAttachedVertical input[type="text"]:first-child:focus,
	.formAttachedVertical input[type="password"]:focus,
	.formAttachedVertical input[type="password"]:first-child:focus,
	.formSelect.active {
		outline: none;
		z-index: 100;
		border: 1px solid rgba(255,228,0,0.4);
		border-top: 1px solid rgba(255,228,0,0.8);
	}

	/*shadow*/
	input[type="text"]:focus,
	input[type="password"]:focus,
	textarea:focus,
	.formAttachedVertical input[type="text"]:focus,
	.formAttachedVertical input[type="text"]:first-child:focus,
	.formAttachedVertical input[type="password"]:focus,
	.formAttachedVertical input[type="password"]:first-child:focus,
	.formSelect.active {
		-moz-box-shadow: inset 0px 100px 20px -100px rgba(255,228,0,0.3), 0px 0px 5px rgba(255,228,0,0.9) !important;
		-webkit-box-shadow: inset 0px 100px 20px -100px rgba(255,228,0,0.3), 0px 0px 5px rgba(255,228,0,0.9) !important;
		box-shadow: inset 0px 100px 20px -100px rgba(255,228,0,0.3), 0px 0px 5px rgba(255,228,0,0.9) !important;
		-webkit-transition: 0.4s ease 0s;
		-moz-transition: 0.4s ease 0s;
		-o-transition: 0.4s ease 0s;
		-ms-transition: 0.4s ease 0s;
		transition: 0.4s ease 0s;
	}

		/*placeholder*/
		input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
			color: #d2d2d2;
		}

		input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
			color: #d2d2d2;
		}

		input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
			color: #d2d2d2;
		}

	/*hover ____________*/

	/*placeholder*/
	input:hover::-webkit-input-placeholder, textarea:hover::-webkit-input-placeholder {
		color: #d2d2d2;
	}

	input:hover:-moz-placeholder, textarea:hover:-moz-placeholder {
		color: #d2d2d2;
	}

	input:hover:-ms-input-placeholder, textarea:hover:-ms-input-placeholder {
		color: #d2d2d2;
	}

	/*formSelect*/
	.formSelect:hover select {
		color: #d2d2d2;
	}

		.formSelect:hover select option {
			color: black;
		}

/*
@@@@@@@@@@@@@@@@@@@@@@
TABPAGE
@@@@@@@@@@@@@@@@@@@@@@

	about				use these classes to create a tab menu bar
	objects				.tabPage

*/

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	tabmenu
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*+ setup
		..........................................................................*/

/*items*/
.tabPage > li {
	float: left;
	margin-right: 7px;
	position: relative;
	top: 1px;
}

	.tabPage > li a {
		padding: 0px 10px;
		line-height: 30px;
		display: inline-block;
		position: relative;
		cursor: pointer;
		-moz-box-shadow: inset 0px -100px 15px -100px rgba(0,0,0,0.3), 0px 0px 3px rgba(0,0,0,0.2);
		-webkit-box-shadow: inset 0px -100px 15px -100px rgba(0,0,0,0.3), 0px 0px 3px rgba(0,0,0,0.2);
		box-shadow: inset 0px -100px 15px -100px rgba(0,0,0,0.3), 0px 0px 3px rgba(0,0,0,0.2);
	}

/*+ style
		..........................................................................*/

.tabPage {
	margin: 0px 0px 20px -10px;
}

.tabPage.noBackground{
    margin: 0px 0px 0px -10px;
}

	.tabPage:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}

	/*items ____________*/

	/*border*/
	.tabPage > li a {
		border: 1px solid rgba(0,0,0,0.1);
	}

	/*color*/
	.tabPage > li a {
		color: rgba(0,0,0,0.5);
		background-color: #fff;
	}

		/*+ states
		..........................................................................*/

		/*hover ____________*/

		.tabPage > li a:hover {
			background-color: #fbfbfb;
		}

	/*active ____________*/

	.tabPage > li.active a {
		background-color: #fff;
		color: rgba(0,0,0,1);
		-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
		-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
		box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	}

/*+ tabPagePane
		..........................................................................*/

.tabPagePane {
	display: none;
}

.tabPage.noBackground > .tabPagePane{
    margin-left: 10px
}

	.tabPagePane.active {
		display: block;
	}

/*+ methods
		..........................................................................*/

/*cover ____________*/

.tabPage.cover {
	background: url(assets/img/tabMenu.png) repeat-x bottom left;
	padding: 40px 20px 5px 20px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-right-radius: 6px;
}
    .tabPage.cover.noBackground {
        background: none;
        padding: 20px 40px 20px 20px !important;
    }

	.tabPage.cover > li a {
		background-color: #fff;
	}

		.tabPage.cover > li a:hover {
			background-color: #fbfbfb;
		}

	.tabPage.cover > li.active a:hover {
		background-color: #fff;
	}

	/*hover ____________*/

	.tabPage.cover > li.alt a {
		background: #f0ad00;
		line-height: 32px;
		border: 0px;
		color: black;
		-webkit-text-shadow: 0px 1px 0 rgba(255,255,255,0.7);
		text-shadow: 0px 1px 0 rgba(255,255,255,0.7);
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

/*
@@@@@@@@@@@@@@@@@@@@@@
TOOLTIP
@@@@@@@@@@@@@@@@@@@@@@

	about				tooltips for adding additional information, is used in combination with other cssObjects.
	objects				.tooltip

*/

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	progress
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*+ setup
		..........................................................................*/

.tooltip {
	text-align: center;
	z-index: 200;
	padding: 2px 6px;
	font-size: 80%;
	display: inline-block;
	position: relative;
}

/*+ style
		..........................................................................*/

/*tooltip ____________*/

/*background*/
.tooltip {
	background-color: #f6f6f6;
}

/*border*/
.tooltip {
	border: 1px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.3);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

	/*pointer ____________*/

	.tooltip:after, .tooltip:before {
		position: absolute;
		content: "";
		display: block;
		width: 0;
		height: 0;
	}

	/*+ methods
		..........................................................................*/

	/*pointer top ____________*/

	/*border*/
	.tooltip.top:after {
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
	}

	.tooltip.top:before {
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
	}

	/*border color*/
	.tooltip.top:after {
		border-top: 5px solid #f6f6f6;
	}

	.tooltip.top:before {
		border-top: 5px solid rgba(0,0,0,0.3);
	}

	/*position*/
	.tooltip.top:after {
		bottom: -5px;
		left: 50%;
		margin-left: -6px;
	}

	.tooltip.top:before {
		bottom: -6px;
		left: 50%;
		margin-left: -6px;
	}

	/*pointer right ____________*/

	/*border*/
	.tooltip.right:after {
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
	}

	.tooltip.right:before {
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
	}

	/*border color*/
	.tooltip.right:after {
		border-right: 5px solid #f6f6f6;
	}

	.tooltip.right:before {
		border-right: 5px solid rgba(0,0,0,0.2);
	}

	/*position*/
	.tooltip.right:after {
		left: -5px;
		top: 50%;
		margin-top: -6px;
	}

	.tooltip.right:before {
		left: -6px;
		top: 50%;
		margin-top: -6px;
	}

	/*pointer bottom ____________*/

	/*border*/
	.tooltip.bottom:after {
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
	}

	.tooltip.bottom.main:before {
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
	}

	/*border color*/
	.tooltip.bottom:after {
		border-bottom: 5px solid #f6f6f6;
	}

	.tooltip.bottom.main:before {
		border-bottom: 5px solid rgba(0,0,0,0.2);
	}

	/*position*/
	.tooltip.bottom:after {
		top: -5px;
		left: 50%;
		margin-left: -5px;
	}

	.tooltip.bottom.main:before {
		top: -6px;
		left: 50%;
		margin-left: -5px;
	}

	/*pointer left ____________*/

	/*border*/
	.tooltip.left:after {
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
	}

	.tooltip.left:before {
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
	}

	/*border color*/
	.tooltip.left:after {
		border-left: 5px solid #f6f6f6;
	}

	.tooltip.left:before {
		border-left: 5px solid rgba(0,0,0,0.2);
	}

	/*position*/
	.tooltip.left:after {
		right: -5px;
		top: 50%;
		margin-top: -4px;
	}

	.tooltip.left:before {
		right: -6px;
		top: 50%;
		margin-top: -4px;
	}

	/*+ colors
		..........................................................................*/

	/*text*/
	.tooltip.alert,
	.tooltip.action,
	.tooltip.check,
	.tooltip.spot,
	.tooltip.mark,
	.tooltip.direction {
		color: white;
	}

	/*+ backgrounds
		..........................................................................*/

	/*main (grey)*/
	.tooltip.main {
		background-color: #f6f6f6;
	}

		.tooltip.main.top:after {
			border-top-color: #f6f6f6;
		}

		.tooltip.main.right:after {
			border-right-color: #f6f6f6;
		}

		.tooltip.main.bottom:after {
			border-bottom-color: #f6f6f6;
		}

		.tooltip.main.left:after {
			border-left-color: #f6f6f6;
		}

	/*alert (red)*/
	.tooltip.alert {
		background-color: #fc5920;
	}

		.tooltip.alert.top:after {
			border-top-color: #fc5920;
		}

		.tooltip.alert.right:after {
			border-right-color: #fc5920;
		}

		.tooltip.alert.bottom:after {
			border-bottom-color: #fc5920;
		}

		.tooltip.alert.left:after {
			border-left-color: #fc5920;
		}

	/*action (blue)*/
	.tooltip.action {
		background-color: #00c2eb;
	}

		.tooltip.action.top:after {
			border-top-color: #00c2eb;
		}

		.tooltip.action.right:after {
			border-right-color: #00c2eb;
		}

		.tooltip.action.bottom:after {
			border-bottom-color: #00c2eb;
		}

		.tooltip.action.left:after {
			border-left-color: #00c2eb;
		}

	/*check (green)*/
	.tooltip.check {
		background-color: #98df2a;
	}

		.tooltip.check.top:after {
			border-top-color: #98df2a;
		}

		.tooltip.check.right:after {
			border-right-color: #98df2a;
		}

		.tooltip.check.bottom:after {
			border-bottom-color: #98df2a;
		}

		.tooltip.check.left:after {
			border-left-color: #98df2a;
		}

	/*spot (black)*/
	.tooltip.spot {
		background-color: #303030;
	}

		.tooltip.spot.top:after {
			border-top-color: #303030;
		}

		.tooltip.spot.right:after {
			border-right-color: #303030;
		}

		.tooltip.spot.bottom:after {
			border-bottom-color: #303030;
		}

		.tooltip.spot.left:after {
			border-left-color: #303030;
		}

	/*mark (orange)*/
	.tooltip.mark {
		background-color: #ffb400;
	}

		.tooltip.mark.top:after {
			border-top-color: #ffb400;
		}

		.tooltip.mark.right:after {
			border-right-color: #ffb400;
		}

		.tooltip.mark.bottom:after {
			border-bottom-color: #ffb400;
		}

		.tooltip.mark.left:after {
			border-left-color: #ffb400;
		}

	/*direction (purple)*/
	.tooltip.direction {
		background-color: #e560dd;
	}

		.tooltip.direction.top:after {
			border-top-color: #e560dd;
		}

		.tooltip.direction.right:after {
			border-right-color: #e560dd;
		}

		.tooltip.direction.bottom:after {
			border-bottom-color: #e560dd;
		}

		.tooltip.direction.left:after {
			border-left-color: #e560dd;
		}

/*
@@@@@@@@@@@@@@@@@@@@@@
PAGINATION
@@@@@@@@@@@@@@@@@@@@@@

	about				classes to build a pagination string
	objects				.pagination, .disabled

*/

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	pagination
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*+ setup
		..........................................................................*/

/*items*/
.pagination li {
	float: left;
	margin-right: 0px;
}

	.pagination li a {
		padding: 0px 5px;
		line-height: 30px;
		display: inline-block;
		*display: inline;
		position: relative;
		cursor: pointer;
	}

.pagination:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.pagination .prev {
	margin-right: 15px;
	margin-left: 5px;
}

.pagination .next {
	margin-left: 15px;
	margin-right: 5px;
}

/*+ style
		..........................................................................*/

/*border*/
.pagination li a {
	text-decoration: underline;
	border: 1px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.3);
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

	/*+ states
		..........................................................................*/

	/*hover ____________*/

	.pagination li a:hover {
		background-color: #f4f4f4;
	}

	/*pressed ____________*/

	/*shadow*/
	.pagination li a:active {
		-moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.2);
		-webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.2);
		box-shadow: inset 0px 0px 5px rgba(0,0,0,0.2);
	}

/*active ____________*/

/*background*/
.pagination li.active a {
	text-decoration: none;
}

/*shadow*/
.pagination li.active a {
	-moz-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.2);
	box-shadow: inset 0px 0px 3px rgba(0,0,0,0.2);
}

/*+ methods
		..........................................................................*/

/*centered ____________*/

.pagination.centered {
	text-align: center;
}

	.pagination.centered li {
		float: none;
		display: inline-block;
		*display: inline;
	}

		.pagination.centered li.floatLeft {
			float: left;
			margin-right: 3px;
		}

		.pagination.centered li.floatRight {
			float: right;
			margin-left: 3px;
		}

/*disabled ____________*/

.pagination .disabled a {
	cursor: default;
	background: #fff;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
}

	.pagination .disabled a:hover {
		background: #fff;
	}

	.pagination .disabled a:active {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

/*noBorder ____________*/

.pagination.noBorder li a {
	border: 0px;
	background: none;
}

.pagination.noBorder li.active a {
	font-weight: bold;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.pagination.noBorder li a:hover {
	background-color: #f4f4f4;
}

.pagination.noBorder li a:active {
	-moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.2);
	box-shadow: inset 0px 0px 5px rgba(0,0,0,0.2);
}

/*+ shapes
		..........................................................................*/

.pagination.pill li a {
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
}

.pagination.square li a {
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

/*+ small
		..........................................................................*/

.pagination.small {
	font-size: 11px;
	margin-top: 20px;
	margin-bottom: 20px;
}

	.pagination.small .prev {
		margin-right: 10px;
	}

	.pagination.small .next {
		margin-left: 10px;
	}

	.pagination.small li a {
		padding: 0px 2px;
	}

/*
@@@@@@@@@@@@@@@@@@@@@@
TABLE
@@@@@@@@@@@@@@@@@@@@@@

	about				table elements

	syntax

*/

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	tableLine
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.tableLine {
	width: 95%;
	margin-bottom: 20px;
}

	.tableLine:last-child {
		margin-bottom: 0px;
	}

	.tableLine th {
		width: 30%;
		padding: 5px 0px;
		border-bottom: 1px solid #e4e4e4;
		text-align: left;
		font-size: 13px;
		font-weight: normal;
	}

	.tableLine td {
		border-bottom: 1px solid #e4e4e4;
		padding: 5px 0px 5px 5px;
	}

	.tableLine .noLine th, .tableLine .noLine td {
		border-bottom: 0px;
	}

/*
@@@@@@@@@@@@@@@@@@@@@@
GLOBAL
@@@@@@@@@@@@@@@@@@@@@@
*/

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	alignment
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*+ float
		..........................................................................*/

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

/*+ center a block
		..........................................................................*/

.marginAuto {
	margin-left: auto;
	margin-right: auto;
}

/*+ alignment
		..........................................................................*/

.alignLeft {
	text-align: left;
}

.alignRight {
	text-align: right;
}

.alignCenter {
	text-align: center;
}

.alignJustify {
	text-align: justify;
}

/*+ vertical alignment
		..........................................................................*/

.alignTop {
	vertical-align: top;
}

.alignMiddle {
	vertical-align: middle;
}

.alignBottom {
	vertical-align: bottom;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	text
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*+ text
		..........................................................................*/

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.underline {
	text-decoration: underline;
}

.linethrough {
	text-decoration: line-through;
}

.uppercase {
	text-transform: uppercase;
}

.Flood {
	width: 38px;
	height: 38px;
	display: inline-block;
	background: url(assets/img/Flood.png) no-repeat top left;
}