@CHARSET "UTF-8";

@media screen, projection {

	div.deactivate {
		margin-top: 100px;
		text-align: center;
	}

	p.photo {
		margin-top: 50px;
		text-align: center;
	}

	p.photo > a > img {
		border-radius: 50%;
	}


	form#formUserDetails label {
		width: 180px;
		float: left;
		text-align: right;
		margin: 3px 10px 0 0;
	}

		form#formUserDetails label.short {
			width: auto;
			float: none;
			text-align: left;
		}


		form#formUserDetails div#address > label {
			margin-top: 11px;
		}

		form#formUserDetails div#address {
			margin-bottom: 20px;
		}


		form#formUserDetails div#branches label,
		form#formUserDetails fieldset.settings label {
			float: none;
			width: auto;
			text-align: left;
			cursor: pointer;
		}

		form#formUserDetails fieldset {
			margin: 20px 0 40px 0;
		}

		form#formUserDetails fieldset > div {
			margin: 5px 0;
		}

		form#formUserDetails fieldset > div.infoBox {
			font-size: 11px;
			font-size: 1.1rem;
			margin: 5px 0 25px 0;
		}

	form.default div.error input {
		border: 1px solid #FC900A;
	}

	div#geoAdresy ul {
		position: relative;
		margin-top: 20px;
	}

	div#geoAdresy ul > li:before {
		content: "●";
		color: #1173b7;
		position: absolute;
		left: -10px;
		font-size: 14px;
		font-size: 1.4rem;
	}

	div#geoAdresy ul > li {
		padding-left: 10px;
		margin-bottom: 10px;
	}

	div#branches {
		overflow: auto;
		height: 300px;
		border: 1px solid #e1e1e1;
		padding: 10px;
		width: 100%;
	}


	div.info-box {
		background-color: #f4f4f4;
		padding: 12px 12px 24px;
		border: 1px solid #e1e1e1;
		margin-bottom: 38px;
	}

		div.info-box h6 {
			color: #0069b2;
			font-size: 20px;
			font-size: 2.0rem;
			text-transform: uppercase;
			text-align: left;
			margin-bottom: 16px;
		}

		div.project-box {
			text-align: center;
		}

		div.project-box h6 + div {
			display: inline-block;
		}

		div.project-box div > div {
			text-align: left;
			line-height: 1.8em;
		}

		ul.tech {
			font-size: 14px;
			font-size: 1.4rem;
			font-weight: 300;
			margin: 6px 0;
		}

			ul.tech li:first-child {
				text-transform: uppercase;
			}

			ul.tech li:first-child + li {
				color: #0069b2;
			}

			ul.tech.special li:first-child + li {
				color: inherit;
			}


		a.see {
			color: inherit;
			font-size: 12px;
			font-size: 1.2rem;
			text-decoration: underline;
		}

		div.friend-box h6 {
			margin-bottom: 6px;
		}

			div.friend-box h6 + p {
				color: #0069b2;
				font-size: 18px;
				font-size: 1.8rem;
			}

		ul.friend {
			font-size: 14px;
			font-size: 1.4rem;
			margin: 0 -8px;
		}

			ul.friend > li {
				padding: 24px 0 32px 74px;
				min-height: 90px;
			}

			ul.friend > li + li {
				border-top: 1px solid #e1e1e1;
			}

				a.friend-link {
					float: left;
					margin-left: -66px;
				}

					a.friend-link img {
						border-radius: 50%;
					}

				a.friend-link + p {
					margin-bottom: 6px;
				}

				div.friend-box > ul.dotted {
					border-top: 1px solid #e1e1e1;
					padding-top: 20px;
				}

				ul.social {
					margin-top: 18px;
				}

					ul.social li {
						min-height: 22px;
						background: url("../gfx3/sprite.png") no-repeat 0 -74px;
						padding: 0 8px 0 30px;
					}

					ul.social li + li {
						margin-top: 8px;
					}

					ul.social li.invite {
						background-position: 0 -107px;
					}

	ul.photos {
		display: inline-block;
	}

	ul.photos > li {
		float: left;
	}

	ul.photos > li > a > img {
		height: 44px;
		margin: 15px;
	}

	div.profile-box {
		margin: 48px 0 24px;
	}

		div.profile-box p.link {
			font-size: 14px;
			font-size: 1.4rem;
			background: url("../gfx3/sprite.png") no-repeat 0 -166px;
			padding-left: 32px;
			margin-top: 6px;
		}

			div.profile-box p:first-child span {
				font-size: 20px;
				font-size: 2.0rem;
				text-transform: uppercase;
			}

			div.profile-box p:first-child img {
				border-radius: 50%;
				margin: 0 8px;
				vertical-align: middle;
			}

	div.profile-box {
		font-size: 14px;
		font-size: 1.4rem;
		padding: 18px 0 0 144px;
		border: 1px solid #e1e1e1;
		margin-bottom: 72px;
	}

		div.profile-box a.user {
			font-size: 24px;
			font-size: 2.4rem;
		}

		div.profile-box a.user + p {
			padding-bottom: 24px;
			border-bottom: 1px solid #e1e1e1;
			margin: 22px 0;
		}

		div.profile-box img {
			float: left;
			border-radius: 50%;
			margin-left: -128px;
		}

		div.profile-box p.icons {
			margin-top: 8px;
		}

		div.profile-box > div:after {
			content: '';
			display: inline-block;
			height: 1px;
			clear: left;
		}

			div.profile-box p.icons a {
				display: inline-block;
				min-height: 22px;
				color: inherit;
				background: url("../gfx3/sprite.png") no-repeat 0 -74px;
				padding-left: 32px;
				margin-right: 32px;
			}

			div.profile-box p.icons a.invite{
				background-position: 0 -107px;
			}


	div.profileBox {
		margin: 48px 0 24px;
	}

		div.profileBox p.link {
			font-size: 14px;
			font-size: 1.4rem;
			background: url("../gfx3/sprite.png") no-repeat 0 -166px;
			padding-left: 32px;
			margin-top: 6px;
		}

			div.profileBox p:first-child span {
				font-size: 20px;
				font-size: 2.0rem;
				text-transform: uppercase;
			}

			div.profileBox p:first-child img {
				border-radius: 50%;
				margin: 0 8px;
				vertical-align: middle;
			}

	div.userBox {
		font-size: 14px;
		font-size: 1.4rem;
		padding: 18px 0 0 144px;
		border: 1px solid #e1e1e1;
		margin-bottom: 72px;
	}

		div.userBox a.user {
			font-size: 24px;
			font-size: 2.4rem;
		}

		div.userBox a.user + p {
			padding-bottom: 24px;
			padding-right: 10px;
			border-bottom: 1px solid #e1e1e1;
			margin: 22px 0;
			text-align: justify;
		}

		div.userBox img {
			float: left;
			margin-left: -128px;
		}

		div.userBox img.logo {
			border-radius: 50%;
		}

		div.userBox p.icons {
			margin-top: 8px;
		}

		div.userBox > div:after {
			content: '';
			display: inline-block;
			height: 1px;
			clear: left;
		}

			div.userBox p.icons a {
				display: inline-block;
				min-height: 22px;
				background: url("../gfx3/sprite.png") no-repeat 0 -74px;
				padding-left: 32px;
				margin-right: 32px;
			}

			div.userBox p.icons a.invite{
				background-position: 0 -107px;
			}

	div.tab-wrapper2,
	div.tab-wrapper {
		position: relative;
		height: 42px;
	}

		ul#tabs {
			position: absolute;
			bottom: -2px;
			overflow: hidden;
			z-index: 10;
		}

			ul#tabs li {
				float: left;
				font-size: 14px;
				font-size: 1.4rem;
				text-transform: uppercase;
			}

			div.tab-wrapper2 ul#tabs li {
				background-color: #f4f4f4;
				border: 1px solid #e1e1e1;
			}

				ul#tabs li a,
				ul#tabs li span {
					display: block;
					padding: 14px;
					border: 1px solid #f4f4f4;
					color: #515151;
				}

				ul#tabs li.selected a,
				ul#tabs li.selected span {
					background-color: #fff;
					border: 1px solid #e1e1e1;
					border-bottom: #fff;
					color: #515151;
				}

				div.tab-wrapper2 ul#tabs li.selected a,
				div.tab-wrapper2 ul#tabs li.selected span {
					background-color: #f4f4f4;
					color: #fd920b;
					border: none;
					padding: 15px;
				}

				ul#tabs li a:hover {
					color: #0069b2;
				}

				div.tab-wrapper.search {
					margin-top: 40px;
				}

				div.search ul#tabs li.selected a,
				div.search ul#tabs li.selected {
					background-color: #f4f4f4;
				}

	div.tab-box {
		position: relative;
		font-size: 14px;
		font-size: 1.4rem;
		background-color: #fff;
		padding: 16px;
		border: 1px solid #e1e1e1;
		z-index: 0;
		margin-bottom: 60px;
	}

		div.tab-box.search {
			background-color: #f4f4f4;
		}

		div.tab-box p.hint {
			color: #a3a3a3;
		}

		ul.watchers {
			overflow: hidden;
			margin: 24px 0 96px;
		}

			ul.watchers li {
				float: left;
				text-align: center;
				padding: 8px;
			}

				ul.watchers li span {
					display: block;
				}

				ul.watchers li img {
					border-radius: 50%;
				}

	div.info {
		margin: 50px 0;
	}

/* BLOG */

	div.logEntry {
		position: relative;
		border-bottom: 1px solid #1173B7;
		padding-bottom: 40px;
		margin-bottom: 3px;
	}

	div.logEntry div.header {
		background-color: #F4F4F4;
		padding: 10px;
	}

		div.logEntry div.header h3 {
			max-width: 525px;
			line-height: 25px;
		}

	dl.details {
		color: #9a9a9a;
   		font-size: 14px;
   		font-size: 1.4rem;
   		text-transform: none;
   		position: absolute;
   		top: 10px;
   		right: 10px;
	}

	div.logEntry article {
		margin-top: 30px;
	}

	div.logEntry div.cost {
		margin-top: 20px;
		padding-top: 20px;
	}

	div.logEntry ul.comments li {
	    border-top: 1px solid #e1e1e1;
	}

	div.logEntry + div.pages h3 {
		color: #313131;
		font-size: 14px;
		font-size: 1.4rem;
		text-transform: uppercase;
	}

	div.profileBox.bottomLine {
		border-bottom: 1px solid #1173B7;
		padding-bottom: 20px;
	}

	ul > li.edit {
		margin: 25px 0;
	}

	form#formLogEntry fieldset > div {
		margin: 15px 0;
	}
		form#formLogEntry div.submit {
			float: right;
			margin-top: 40px;
		}

	a#addExpense {
		margin-top: 10px;
		display: inline-block;
	}

	ul.dotted > li.current {
		font-weight: 400;
	}


	/* PROJECT SEARCH */

	fieldset#projectSelection > legend {
		margin-bottom: 30px;
	}

	div#projectChoiceContent label {
		width: 120px;
		text-align: right;
		float: left;
		margin: 3px 10px 0 0;
	}

	div#projectChoiceContent div.button,
	div#projectChoiceContent div.submit {
		margin-top: 20px;
	}


	div.inputField > div {
		margin-top: 10px;
	}

	div#searchResult {
		overflow: auto;
		border: 1px solid #fff;
		padding: 10px;
	}

	fieldset.projectSearchResult div.resultRow {
		margin-top: 25px;
		display: inline-block;
		vertical-align: top;
		font-size: 14px;
		font-size: 1.4rem;
		width: 300px;
		border-bottom: 1px solid #fff;
		padding-bottom: 20px;
	}

	fieldset.projectSearchResult div.resultRow img {
		margin-top: 10px;
	}

	fieldset.projectSearchResult div.resultRow small {
		font-size: 11px;
		font-size: 1.1rem;
	}

	div#projectChoiceContent fieldset.projectSearchResult div.resultRow label {
		cursor: pointer;
		width: 300px;
	}

	/* MESSAGES */

	ul#tabs li.sendMessage {
		background: url(../gfx3/sprite.png) no-repeat 0 -162px;
		padding-left: 23px;
		height: 25px;
		margin-top: 10px;
		line-height: 1px;
		margin-left: 20px;
	}

	form#formMessages label {
		cursor: pointer;
	}

	form#formMessages img {
		border-radius: 50%;
		margin-right: 20px;
	}

	form#formMessages table {
		width: 100%;
	}

	form#formMessages table tr {
		border-bottom: 1px solid #fff;
	}

	form#formMessages table tr.unreaded h4 {
		font-weight: 600;
	}

	form#formMessages table tr.current td {
		background-color: #fff;
	}

	form#formMessages table tr.current td:FIRST-CHILD {
		padding: 15px;
	}

	form#formMessages table tr td {
		margin-top: 20px;
		padding: 20px 10px 20px 0;
		vertical-align: middle;
	}

	form#formMessages input[type="checkbox"] {
		margin: 0 20px 0 0;
		float: left;
	}

	form#formMessages blockquote {
		margin-top: 20px;
	}

	form#formMessages input[type="submit"],
	form#formMessages div.submit {
		margin-top: 20px;
	}

	form#formMessages ul.actions li a {
		font-weight: 600;
	}

	/* ULUBIONE */

	form#formAddress div,
	form#formFilterFavourteArticles div,
	form#formFilterFavourteBlogs div {
		margin-top: 20px;
	}

	form#formEditFavourites {
		margin-top: 30px;
	}

	p.notice,
	a.notice {
		background: url(../gfx3/sprite.png) no-repeat 0 -359px;
		padding-left: 21px;
	}

	p.notice.noticeEnabled,
	a.notice.noticeEnabled {
		background: url(../gfx3/sprite.png) no-repeat 0 -343px;
		padding-left: 21px;
	}

	form#formEditFavourites small {
		color: #C1C1C1;
		font-size: 12px;
		font-size: 1.2rem;
	}

	div#boxNoticeLegend {
		margin-top: 30px;
		clear: both;
	}

	/* GALLERIES */

	div.gallery-box {
		clear: both;
		position: relative;
	}

	ul.gallery-list > li {
		height: 150px;
		margin-top: 30px;
	}

		ul.gallery-list > li > a img {
			float: left;
			margin-right: 16px;
		}

		ul.gallery-list p.title {
			color: #0069b2;
			text-transform: uppercase;
			font-weight: 600;
		}

	ul.actions {
		margin: 20px 0 30px 0;
		display: inline-block;
	}

	ul.actions li {
		float: left;
		margin-left: 20px;
	}

	form#formGalleryDetails div {
		margin-top: 15px;
	}

	form#formGalleryDetails div.project,
	fieldset.permissions {
		margin-top: 20px;
	}
		form#formGalleryPhotosEdit label,
		fieldset.permissions label {
			cursor: pointer;
		}

	form#formGalleryPhotosEdit fieldset > fieldset {
		border-bottom: 1px solid #e1e1e1;
		padding: 10px 0 20px 0;
	}

	div.gallery-box div.line {
		border-top: 1px solid #1173B7;
		padding: 20px 0 20px 0;
	}

	div.photoCurrent {
		margin-top: 30px;
		text-align: center;
	}

	div.photoCurrent ul {
		margin: 30px 0;
		display: flex;
	}

	div.photoCurrent ul.navigation > li {
		width: 50%;
		float: left;
	}

	div.photoCurrent ul.navigation > li.next {
		text-align: right;
	}

	div.photoCurrent ul.navigation > li.prev {
		text-align: left;
	}

	div#photoComments {
		text-align: left;
	}
}