/* This CSS sets the default styles for the base components. */

/* ---------- Browser normalization ---------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	clear: both;
}

fieldset, img {
	border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

caption, th {
	text-align: left;
}

q:before, q:after {
	content: '';
}

abbr, acronym {
	border: 0;
	border-bottom: 1px dotted #000;
	cursor: help;
}

html {
	overflow-y: scroll;
}

body {
	background-color: #FFF;
	font: 62.5%/1.6em Arial,Helvetica,Verdana,sans-serif;
}

body.portal-popup {
	background: none;
	padding: 10px;
}

body.portal-iframe {
	padding: 0;
}

body.html-editor {
	background: #FFF;
	color: #000;
}

blockquote, ul, ol, dl {
	margin: 1em;
}

ol, ul, dl {
	margin-left: 2em;
}

ol li, ul ol li {
	list-style: decimal outside;
}

ul li, ol ul li {
	list-style: disc outside;
}

ul ul li {
	list-style-type: circle;
}

ol ol li {
	list-style-type: upper-roman;
}

dl dd {
	margin-left: 1em;
}

th {
	font-weight: bold;
}

caption {
	margin-bottom: 0.5em;
	text-align: center;
}

p {
	margin-bottom: 1em;
}

/* ---------- Links ---------- */

a {
	color: #369;
	text-decoration: underline;
}

a:hover {
	color: #06C;
	text-decoration: none;
}

a:visited {
}

/* ---------- Headers ---------- */

h1 {
	font-size: 1.8em;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.4em;
}

h1, h2, h3 {
	margin: 1em 0;
}

h4, h5, h6 {
	font-size: 1.1em;
}

h1, h2, h3, h4, h5, h6, strong {
	font-weight: bold;
}

/* ---------- Text formatting ---------- */

b, strong {
	font-weight: bold;
}

i, em {
	font-style: italic;
}

code, pre {
	font-family: "Courier New",Courier,monospace;
	white-space: pre;
}

.important {
	font-weight: bold;
}

/* ---------- Staging area ---------- */

body.staging {
	border: 10px solid #F00;
}

.portal-iframe.staging {
	border: none;
}

/* ---------- Main content body ---------- */

#wrapper {
}

#content-wrapper {
}

.portal-iframe #content-wrapper {
	width: 100%;
}

/* ---------- Banner ---------- */

#banner {
}

#banner .logo {
	margin: 0;
}

.current-community {
	display: none;
}

/* ---------- Alerts and popups ---------- */

.alert-background {
	background: #000;
}

.popup-alert-notice {
	background-color: #FFC;
	border-bottom-color: #FC0;
}

.popup-alert-warning {
	background-color: #FDD;
	border-bottom-color: #F00;
}

/* ---------- Portal add content ---------- */

.portal-add-content {
	background: #FFF;
	text-align: left;
	z-index: 20;
}

.portal-add-content a {
	text-decoration: none;
}

/* ---------- Portal tool tips ---------- */

.portal-tool-tip {
	background: #FFF url(../images/forms/button.png) repeat-x 0 100%;
	border: 1px solid;
	border-color: #DEDEDE #BFBFBF #BFBFBF #DEDEDE;
	color: #1E2529;
	max-width: 200px;
	padding: 6px 4px;
}

/* ---------- Loading animation ---------- */

.loading-animation {
	background: url(../images/progress_bar/loading_animation.gif) no-repeat top center;
	margin-top: 10px;
	padding-top: 40px;
	text-align: left;
}

/* ---------- Separator ---------- */

hr, .separator {
	border-top: 1px dotted #BFBFBF;
}

/* ---------- Update Manager ---------- */

.update-available {
	margin-top: 10px;
	padding: 2px;
	text-align: left;
}

/* ---------- Text highlighting ---------- */

.highlight {
	background: #FFC;
	font-weight: bold;
	padding: 0 1px;
}

/* ---------- Main ---------- */

.aui-state-default {
	background: #D4D4D4 url(../images/portlet/header_bg.png) repeat-x 0 0;
	border: 1px solid;
	border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
}

.aui-state-hover {
	background: #B9CED9 url(../images/application/state_hover_bg.png) repeat-x 0 0;
	border-color: #627782;
}

.aui-state-active {
	background: #EBEBEB url(../images/application/state_active_bg.png) repeat-x 0 0;
	border-color: #555;
}

.results-grid {
	background: #FFF;
	border: solid #D7D7D7;
	border-width: 0 1px;
}

.results-header {
	background: #D1D6DC;

	th {
		background: #D9D9D9 url(../images/application/subheader_bg.png) 0 0 repeat-x;
		border: 1px solid #ccc;

		&.sort-column {
			background: #EBEBEB url(../images/application/state_active_bg.png) 0 0 repeat-x;
			border: 1px solid #ccc;
			color: #1F1E1E;

			.result-column-name {
				background: url(../images/arrows/05_up.png) no-repeat 100% 50%;
				display: inline-block;
				font-style: italic;
				padding-right: 15px;
			}
		}

		&.first {
			border-left-width: 0;
		}

		&.last {
			border-right-width: 0;
		}
	}

	th, td {
		color: #7B7C7F;
		padding: 5px 10px;
		word-wrap: break-word;
	}

	th.sort-desc .result-column-name {
		background: url(../images/arrows/05_down.png) no-repeat 100% 50%;
		display: inline-block;
		font-style: italic;
		padding-right: 15px;
	}

	span, a {
		display: block;
	}

	a {
		color: #154B75;
		text-decoration: none;

		&:hover {
			color: #336699;
			text-decoration: underline;
		}
	}
}

.results-row {
	td {
		background: none;
		border: 1px solid;
		border-color: #D7D7D7 #E7E7E7;
		padding: 5px 10px;

		&.sort-column {
			background: #E6ECEF;
		}
	}

 	&.selected td, &.selected.hover td {
		background-color: #00A2EA;
		border-color: #00A2EA #00A2EA #D7D7D7;
		color: #FFF;

		& a {
			color: #FFF;
		}
	}

	&.alt.selected td, &.alt.selected.hover td {
		background-color: #00A2EA;
	}

	&.alt td {
		background: #F5F8FB;
		border-width: 1px 0;
	}

	&.hover td {
		background: #D3E8F1;
		border: 1px solid #D3E8F1;
		border-bottom-color: #D7D7D7;
	}
}

.taglib-search-iterator .results-row {
	td, th {
		&.first {
			border-left-width: 0;
		}

		&.last {
			border-right-width: 0;
		}
	}
}

/* ---------- Dragging/sorting indicators ---------- */

.portlet-layout.dragging {
	border-collapse: separate;
}

.drop-area {
	background-color: #D3DADD;
}

.active-area {
	background: #FFC;
}

.portlet-boundary.yui3-dd-dragging {
	opacity: .6;

	.portlet {
		border: 2px dashed #ccc;
	}
}

.aui-portal-layout-proxy {
	opacity: 1 !important;

	.portlet-topper {
		background-image: none;
	}
}

.aui-proxy {
	cursor: move;
	opacity: 0.65;
	position: absolute;


	&.generic-portlet {
		height: 200px;
		width: 300px;

		.portlet-title {
			padding: 10px;
		}
	}

	&.not-intersecting .forbidden-action {
		background: url(../images/application/forbidden_action.png) no-repeat;
		display: block;
		height: 32px;
		position: absolute;
		right: -15px;
		top: -15px;
		width: 32px;
	}
}

.aui-resizable-proxy {
	border: 1px dashed #828F95;
	position: absolute;
	visibility: hidden;
}

.aui-sortable-proxy {
	background: #727C81;
	margin-top: 1px;
}

.lfr-freeform-layout-drag-indicator {
	visibility: hidden;
}

.aui-portal-layout-drag-target-indicator {
	margin: 2px 0;
}

/* ---------- Portal tool tips ---------- */

.aui-tooltip {
	max-width: 200px;
}

/* ---------- Tags ---------- */

.aui-tagselector-content {
	border-width: 0;
	margin-bottom: 15px;
	padding: 0;

	.aui-textboxlistentry-holder {
		background: #fff;
		border: 1px solid;
		border-color: #BFBFBF #DEDEDE #DEDEDE #BFBFBF;
		margin-bottom: 5px;
		padding: 5px;
		position: relative;
		overflow: visible;
	}
}

.aui-tagselector {
	.lfr-tag-selector-input {
		background: none;
		padding: 0;
		width: auto;
	}

	.aui-field .aui-field-content {
		margin: 0;
	}

	.aui-toolbar {
		margin-top: 5px;
	}

	.aui-textboxlist-input-container {
		margin: 0;
	}
}

.aui-tagselector-focused .aui-textboxlistentry-holder {
	background: #FFC none;
	border: 1px solid #FC0;
}

.aui-categoriesselector-content .aui-textboxlistentry-holder {
	background-color: transparent;
	border-width: 0;
	padding: 0;
}

/* ---------- Tag cloud and tag list ---------- */

.tag-items {
	list-style: none;
	margin: 0 1em 0 0;
	padding: 0 1em 0.5em 1em;
	white-space: normal;

	li {
		display: inline;
		float: left;
		margin: 0 1em 0 0;
	}

	a {
		white-space: nowrap;
	}
}

.tag-cloud {
	line-height: 2.5em;

	.tag-asset-count {
		clip: rect(0 0 0 0);
		position: absolute;
	}
}

.tag-selected {
	color: #000;
	text-decoration: none;
}


.tag-cloud {
	line-height: 2.5em;

	.tag-asset-count {
		clip: rect(0 0 0 0);
		position: absolute;
	}

	$tag-popularity-font-size: 0.7em;

	@for $i from 1 through 6 {
		.tag-popularity-#{$i} {
			font-size: $tag-popularity-font-size + ($i * 0.3);
		}
	}
}

/* ---------- Underlay ---------- */

.aui-underlay {
	clear: both;
	top: 100%;

	.yui3-widget-hd {
		height: 38px;
	}

	.lfr-portlet-item {
		border-width: 0;
	}
}

.aui-underlay-hidden {
	display: none;
}

.aui-underlay-content {
	background: #F4F3F3 url(../images/common/message_panel_shadow.png) repeat-x 0 0;
	border: 0 solid #AEAFB1;
	border-width: 0 1px 1px;
}

.aui-underlay-close {
	position: absolute;
	right: 5px;
	top: 5px;
}

/* ---------- Tabs ---------- */

.aui-tab-active strong {
	font-weight: normal;
}

.aui-tab-back {
	float: right;
}

.aui-tab-back-content {
	border-width: 0;
	padding: 1px;
}

/* ---------- Misc. ---------- */

.lfr-panel-container {
	background: transparent;
}

.lfr-panel-container {
	background: #FFF;
}

.lfr-panel-content {
	padding: 5px 10px;
}

.lfr-panel-basic .lfr-panel-content {
	padding-left: 15px;
}

.aui-dialog-bd {
	min-height: 30px;
}

.aui-dialog-content {
	border: 1px solid #C8C9CA;
	padding: 5px;
}

.aui-panel-hd {
	background: #C0C2C5 url(../images/application/panel_header_bg.png) repeat-x 0 0;
	border: 1px solid;
	border-color: #C8C9CA #AEB2B8 #AEB2B8 #C8C9CA;
	padding-left: 10px;
	text-shadow: 1px 1px #FFF;
}

/* ---------- Menus ---------- */

.lfr-actions.portlet-options, .visible.portlet-options {
	.lfr-trigger strong span {
		background-image: url(../images/portlet/options.png);
	}
}

.lfr-actions.portlet-options:hover {
	&, ul {
		background: transparent;
	}
}

.lfr-menu-list {
	z-index: 450;
}

.aui-menu {
	position: absolute;
	width: auto;

	.notice-message {
		background-image: none;
		margin: 3px;
		padding: 6px;
	}
}

.aui-menu-content {
	background: #FFF;
	list-style: none;
	min-width: 150px;

	li {
		margin: 0;
		padding: 0;

		.disabled {
			color: #999;
		}
	}
}

.aui-menu-content, .lfr-menu-list ul {
	background: #CCC9C9 url(../images/application/menu_bg.png) repeat-x 0 0;
	border: 1px solid;
	border-color: #AEAFB1 #777879 #777879 #AEAFB1;
	padding: 2px 0;
}

.aui-menugroup-content .aui-menu-label {
	background: #D2D6DE;
	color: #5B677D;
	display: block;
	font-weight: bold;
	padding: 5px 3px;
	text-shadow: 1px 1px #FFF;
}

.aui-menugroup-content ul, .lfr-menu-list ul ul {
	display: block;
	min-width: 0;
}

.aui-menu-content li, .lfr-menu-list ul li {
	border-bottom: 1px solid #BCBBBB;
	border-top: 1px solid #EEE;
	display: block;
	margin: 0;
	padding: 0;
}

.aui-menu-content li.first, .lfr-menu-list ul li.first {
	border-top-width: 0;
}

.aui-menu-content li.last, .lfr-menu-list ul li.last {
	border-bottom-width: 0;
}

.aui-menu-content li a, .lfr-menu-list ul li .taglib-icon, .aui-menu-content li .disabled {
	color: #2C2F34;
	display: block;
	padding: 4px 5px;
	text-decoration: none;
}

.lfr-menu-list ul li.disabled .taglib-icon {
	color: #666;
}

.aui-menu-content li a.aui-focus, .lfr-menu-list ul .taglib-icon.aui-focus, .lfr-menu-expanded li a:focus {
	background-color: #5B677D;
	color: #FFF;
	text-shadow: -1px -1px #2C2F34;
}

.aui-menu-content a, .lfr-menu-list li .taglib-icon, .aui-menu-content .disabled, .lfr-actions .lfr-trigger, .lfr-actions .lfr-trigger strong {
	font-weight: bold;
	text-shadow: 1px 1px #FFF;
}

/* ---------- Toolbar ---------- */

.aui-toolbar li {
	display: inline-block;
	margin: 0;
	margin-left: 10px;
	padding: 0;
	vertical-align: middle;
}

.aui-toolbar-separator {
	background: url(../images/dockbar/separator.png) no-repeat 100% 50%;
	border-width: 0;
	cursor: default;
	font-size: 1px;
	height: 16px;
	margin: 0 2px;
	overflow: hidden;
	vertical-align: middle;
	width: 4px;
}

/* ---------- Loading Mask ---------- */

.aui-loadingmask-content {
	background: #CCC;
}

.aui-loadingmask-message {
	background: #D4D4D4 url(../images/portlet/header_bg.png) repeat-x 0 0;
}

/* ---------- Tree View ---------- */

.aui-tree-node-selected .aui-tree-label {
	background-color: transparent;
	font-weight: bold;
}

/* ---------- Page Customization ---------- */

.aui-dragging .portlet-column.customizable {
	background-color: #CFFCCF;
	outline: 3px solid #9CC97B;
}

.customizable-layout-column-content {
	background-color: #C92C3C;

	&.yui3-widget-content-expanded {
		border: 3px solid #333;
		margin: 0.2em;
	}
}

.customizable .customizable-layout-column-content {
	background-color: #9CC97B;
}

.layout-customizable-controls {
	background-color: #FFF;
	font-size: 1.5em;
	margin: 1em;
	opacity: 0.9;
	padding: 1em;
	position: absolute;
	z-index: 15;
}

/* ---------- Pagination ---------- */

.aui-paginator-link {
	background: #EEE url() no-repeat scroll 50% 1px;
	border: 1px solid #F0F1F2;
	border-color: #F0F1F2 #B2B2B2 #949494 #F0F1F1;
	color: #1F1E1E;
	display: inline-block;
	height: 20px;
	padding: 0;
	text-indent: -9999px;
	width: 20px;
}



.aui-paginator-current-page {
	background: #0083BD url(../images/application/paginator_link_current_bg.png) 0 0 repeat-x;
	border-color: #38B6EF #006D9E #006D9E #46B4E6;
	color: #FFF;
	text-shadow: -1px -1px #003C57;
}



.aui-paginator-page-link {
	text-indent: 0;
	height: auto;
}



.aui-paginator-first-link {
	background-image: url(../images/arrows/paging_first.png);
}

.aui-paginator-prev-link {
	background-image: url(../images/arrows/paging_previous.png);
}

.aui-paginator-last-link {
	background-image: url(../images/arrows/paging_last.png);
}

.aui-paginator-next-link {
	background-image: url(../images/arrows/paging_next.png);
}

.aui-paginator-current-page-report, .aui-paginator-total {
	font-size: 0.9em;
	color: #555;
}

.aui-paginator-current-page-report {
	margin-left: 2em;
}

.taglib-page-iterator .search-pages .page-links {
	padding: 0;
}

/* ---------- Application Column View ---------- */

.lfr-app-column-view {
	border: 1px solid #C9C9C9;

	.aui-layout-content {
		position: relative;
	}

	.aui-column:before {
		border-right: 1px solid #C9C9C9;
		bottom: 0;
		content: "";
		margin-left: -1px;
		position: absolute;
		top: 0;
	}

	.aui-column-content {
		border-right: 1px solid transparent;

		.lfr-message-response {
			margin: 10px;
		}
	}
}

/* ---------- Header row ---------- */

.lfr-header-row {
	background: #8F8F8F url(../images/application/header_row_bg.png) 0 0 repeat-x;

	.lfr-actions.show-arrow.direction-down .lfr-trigger strong a {
		background: url(../images/arrows/08_down.png) 100% -5px no-repeat;
	}

	.aui-toolbar {
		.aui-toolbar-content {
			white-space: normal;
			word-wrap: normal;
		}

		.aui-toolbar-item {
			border-right-width: 0;
		}

		.aui-toolbar-last {
			border-right-width: 1px;
		}
	}
}



	.aui-proxy {
		filter: alpha(opacity=65);
	}

	.aui-proxy.not-intersecting .forbidden-action {
		right: 2px;
		top: 2px;
	}

	.layout-customizable-controls {
		-ms-filter: alpha(opacity=90);
		filter: alpha(opacity=90);
	}
}



	.aui-menu-content li {
		z-index: 10;
	}
}



	.lfr-header-row .aui-buttonitem-content {
		white-space: normal;

		.aui-buttonitem-label {
			white-space: nowrap;
		}
	}
}

/* ---------- Wrapper ---------- */

.portlet-layout {
	border-collapse: collapse;
	clear: both;
	display: table;
	border-spacing: 0;
	table-layout: auto;
	width: 100%;
}

.portlet-column {
	display: table-cell;
	vertical-align: top;
}

.portlet-column-content {
	padding: 5px;
}

.portlet-column-content-only, .ltr .portlet-column-content-first, .rtl .portlet-column-content-last {
	padding-left: 0;
}

.portlet-column-content-only, .ltr .portlet-column-content-last, .rtl .portlet-column-content-first {
	padding-right: 0;
}

/* ---------- Column widths ---------- */

.portlet-column-content.empty {
	padding: 50px;
}

#main-content.dragging .portlet-column {
	border: 3px double #828F95;
	height: 100px;
	min-height: 100px;
}



	div.portlet-column {
		float: left;
		overflow: hidden;
		width: 100%;
	}

	div.aui-column-last {
		margin-right: -1px;
	}

	.portlet-column-content {
		zoom: 1;
	}
}

.portlet-dockbar, .portlet-staging-bar {
	background: url(../images/application/loading_indicator.gif) no-repeat 50%;
}

.portlet-dockbar {
	background-color: #E0E7F1;
	border-bottom: 1px solid #636364;
}

.dockbar, .staging-bar {
	visibility: hidden;
}

.dockbar-ready .dockbar, .staging .staging-bar, .live-view .staging-bar {
	visibility: visible;
}

.dockbar-ready .portlet-dockbar, .staging-ready .portlet-staging-bar, .portal-popup .portlet-dockbar, .portal-popup .portlet-staging-bar {
	background: none;
	border-width: 0;
}

.dockbar {
	background: #97A1AE url(../images/dockbar/dockbar_bg.png) repeat-x 0 0;
	border-bottom: 1px solid #636364;
	font-size: 13px;
	padding: 1px 5px;
	position: relative;
	z-index: 300;
}

.dockbar:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}





.dockbar a {
	color: #2C2F34;
	font-weight: bold;
	text-shadow: 1px 1px #FFF;
}

.dockbar .menu-button-active {
	background: #5C94DA url(../images/dockbar/button_active_bg.png) repeat-x 0 0;
}

.dockbar .menu-button-active a {
	color: #FFF;
	text-shadow: -1px -1px #2C2F34;
}

.dockbar .user-avatar .sign-out {
	font-size: 0.8em;
	padding-left: 0;
}

.dockbar ul {
	margin: 0;
	padding: 0;
}

.dockbar li li {
	margin-left: 0;
}

html > .lfr-dockbar-pinned {
	padding-top: 3.45em;
}

.lfr-dockbar-pinned .dockbar {
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
}

.dockbar .pin-dockbar {
	margin-left: 0;
}



.pin-dockbar img {
	background: url(../images/dockbar/pin.png) no-repeat 0 0;
	height: 27px;
	vertical-align: middle;
	width: 27px;
}

.lfr-dockbar-pinned .pin-dockbar img {
	background-image: url(../images/dockbar/unpin.png);
}

.dockbar .user-portrait {
	text-decoration: none;
}

.dockbar .user-avatar img {
	vertical-align: middle;
	width: 25px;
}

.dockbar .impersonating-user {
	background: url(../images/messages/alert.png) no-repeat 0 50%;
	padding-left: 20px;
}

.dockbar .impersonating-user .user-links a {
	color: #999;
}

/* ---------- Staging Dockbar ---------- */

.variation-selector {
	display: block;
	font-weight: bold;
	font-size: 1.2em;
	margin: 1em;
}

.layout-revision-container {
	margin: 1em 0 0 1em;
	padding: 0;

	.aproximate-date {
		color: #999;
    	font-weight: bold;
	}

	.current-version {
		color: #41801d;
		display: block;
	}

	.current-version-pointer {
		display: inline-block;
		width: 0;
	}

	.current-version-pointer img {
		left: -25px;
		position: relative;
	}

	.layout-variation-name {
		color: #666;
		font-size: 1.15em;
		margin-bottom: 0.1em;
		text-transform: uppercase;
	}

	.layout-revision-current {
		color: #666;
	}

	.real-date {
		color: #999;
    	display: block;
    	text-align: right;
	}

	.taglib-workflow-status .workflow-status {
		background: none;
		padding-left: 0;

		.workflow-status-ready-for-publication {
			color: #41801d;
			font-weight: bold;
		}
	}
}

.layout-revision-container-root {
	margin: 0;
}

.staging-details {
	background: url() no-repeat 0 0;
	padding-left: 65px;
	min-height: 50px;
}

.staging .staging-details {
	background-image: url(../images/staging_bar/staging.png);
}

.live-view .staging-details {
	background-image: url(../images/staging_bar/live.png);
}

.staging .staging-tabview-list {
	background-color: #FFDBA6;
}

.live-view .staging-tabview-list {
	background-color: #C4F0BC;
}

/* ---------- Menus ---------- */

.aui-dockbarmenu-hidden {
	visibility: hidden;
}

.dockbar .aui-toolbar {
	float: left;
}

.dockbar .user-toolbar {
	float: right;
}

.aui-underlay .portal-add-content {
	background-color: transparent;
	font-size: 11px;
}

.aui-underlay .portal-add-content .portlet-dd-placeholder {
	display: none;
}

.add-application .yui3-widget-bd, .dockbar-messages .yui3-widget-bd {
	padding: 0 10px 10px;
}

.add-application {
	left: 10px !important;
}

.lfr-has-sidebar #main-content {
	padding-left: 220px;
}

.manage-layouts {
	left: 60px !important;
}

.my-sites-menu {
	max-width: 350px;
}

.my-sites-menu ul {
	list-style: none;
	max-height: 300px;
	overflow: auto;
}

.my-sites-menu ul, .my-sites-menu li {
	display: block;
	margin: 0;
	padding: 0;
}

.my-sites-menu a {
	display: block;
	overflow: hidden;
	text-align: right;
	white-space: nowrap;
}

.my-sites-menu .control-panel a {
	background: url(../images/dock/control_panel.png) no-repeat 3px 50%;
	padding-left: 25px;
}

.my-sites-menu .current-site {
	border: solid #1D4280;
	border-width: 1px 0;
}

.my-sites-menu .current-site a {
	background: #3068BA url(../images/arrows/01_right.png) no-repeat scroll 2px 30%;
	color: #FFF;
	padding-left: 20px;
	text-shadow: 1px 1px #333;
}

.my-sites-menu .current-site .site-type {
	color: #FFF;
}

.my-sites-menu .current-site a:hover, .my-sites-menu a:hover .site-type {
	color: #FFF;
	text-shadow: 1px 1px #333;
}

.my-sites-menu .site-name {
	cursor: pointer;
	float: left;
}

.my-sites-menu .site-type {
	color: #777;
	float: right;
	font-size: 0.8em;
	font-weight: normal;
	margin-left: 10px;
}



.my-sites-menu a:hover .site-type {
	color: #FFF;
}











.dockbar .toggle-controls a {
	background: url(../images/dockbar/checked.png) no-repeat 0 50%;
	padding-left: 20px;
}

.controls-hidden .toggle-controls a {
	background-image: url(../images/dockbar/unchecked.png);
}

.toggle-controls a {
	background-image: url(../images/dockbar/unchecked.png);
}

.dockbar .menu-button {
	background: url(../images/arrows/05_down.png) no-repeat 93% 50%;
	display: inline-block;
	padding: 5px 20px 5px 5px;
	text-decoration: none;
}

.dockbar .menu-button span {
	background: url() no-repeat 0 50%;
	padding-left: 20px;
}

.dockbar .add-content .menu-button span {
	background-image: url(../images/common/add.png);
}

.dockbar .manage-content .menu-button span {
	background-image: url(../images/dockbar/settings.png);
}

.dockbar .my-sites .menu-button span {
	background-image: url(../images/dockbar/places.png);
}

.dockbar-messages-container {
	left: 50%;
	margin-left: -150px;
}

.dockbar-messages {
	width: 300px;
}

.showing-messages .dockbar-messages {
	display: block;
}

.multiple-messages .dockbar-message {
	border-top: 1px solid #CCC;
	padding: 5px 0;
}

.multiple-messages .first {
	border-top-width: 0;
	padding-top: 0;
}

.add-content-menu .add-page a {
	background: url(../images/navigation/add_page.png) no-repeat 3px 50%;
	padding-left: 25px;
}

.add-content-menu .add-application a {
	background: url(../images/common/portlet.png) no-repeat 3px 50%;
	padding-left: 25px;
}

.add-content-menu a.lfr-portlet-used {
	color: #999;
	cursor: auto;
}

.manage-content-menu li a, .manage-content-menu li .disabled {
	background: url() no-repeat 3px 50%;
	padding-left: 25px;
}

.manage-content-menu .manage-page a {
	background-image: url(../images/dock/page_settings.png);
}

.manage-content-menu .manage-site-content a {
	background-image: url(../images/common/site_icon.png);
}

.manage-content-menu .manage-site-memberships a {
	background-image: url(../images/common/assign.png);
}

.manage-content-menu .manage-page-customization a, .manage-content-menu .manage-page-customization .disabled {
	background-image: url(../images/dock/customizations.png);
}

.manage-content-menu .page-layout a {
	background-image: url(../images/dock/layout.png);
}

.manage-content-menu .sitemap a {
	background-image: url(../images/common/sitemap.png);
}

.manage-content-menu .settings a {
	background-image: url(../images/common/configuration.png);
}

/* ---------- Customization Bar ---------- */

.page-customization-bar {
	background-color: #999;
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
	min-height: 30px;
}

.controls-hidden .page-customization-bar {
	display: none;
}

.page-customization-bar .customized-icon {
	margin: 5px;
	vertical-align: middle;
}

.page-customization-bar .page-customization-actions {
	padding-left: 5em;
}

.page-customization-bar .page-customization-actions a {
	color: #EEE;
	font-size: 0.8em;
	padding: 0 1em;
}

/* ---------- Add/remove page ---------- */

.modify-pages {
	li {
		position: relative;
	}

	.delete-tab {
		background: #333 url(../images/portlet/close_borderless.png) no-repeat 50%;
		cursor: pointer;
		display: block;
		height: 8px;
		margin-top: -7px;
		padding: 3px;
		position: absolute;
		right: 1px;
		text-indent: -9999em;
		top: 50%;
		width: 8px;
	}
}

/*------ Navigation portlet ------*/

.nav-menu {
	ul {
		padding-left: 10px;
	}

	li {
		a.ancestor {
			font-weight: bold;
		}

		a.selected {
			color: #000;
			font-weight: bold;
			text-decoration: none;
		}
	}
}

/* ---------- Page template selector ---------- */

.aui-form-options {
	border: 1px solid #AAA;
	display: inline-block;
	vertical-align: middle;

	input {
		border-width: 0;
		display: inline;
		float: left;
	}
}

.aui-form-triggers {
	float: left;
}

.aui-form-trigger {
	background: #C4C4C4 url(../images/application/button_bg.png) repeat-x 0 0;
	border-left: 1px solid #BBB;
	display: inline-block;
	float: left;

	img {
		background: url() no-repeat 50% 40%;
		height: 25px;
		padding: 0 3px;
		vertical-align: middle;
		width: 16px;
	}

	&:hover, &:focus {
		background-color: #83B0CA;
		background-image: url(../images/application/button_bg_over.png);
	}
}

.aui-trigger-selected {
	background-color: #EBEBEB;
	background-image: url(../images/application/button_bg_selected.png);

	&:hover, &:focus {
		background-color: #B7DEF4;
		background-image: url(../images/application/button_bg_selected_over.png);
	}
}

.aui-options-trigger img {
	background-image: url(../images/common/configuration.png);
}

.aui-save-trigger img {
	background-image: url(../images/dock/my_place_current.png);
}

/* ---------- Portlet wrapper and icons ---------- */

.freeform .portlet {
	margin-bottom: 0;
}

body.portlet {
	border: none;
}

.portlet-topper {
	position: relative;
}

.portlet-title {
	display: block;
	font-size: 1em;
	margin: 0;

	img {
		vertical-align: middle;
	}
}

.portlet-title-text {
	cursor: pointer;
}

.panel-page-content, .panel-page-body {
	.portlet-title-text {
		cursor: auto;
	}
}

.portlet-topper-toolbar {
	margin: 0;
	padding: 2px;
	position: absolute;
	right: 3px;
	text-align: right;
	top: 3px;

	.nobr {
		display: block;
		float: left;
		padding: 1px;
	}
}

.portlet-content, .portlet-minimized .portlet-content-container {
	padding: 12px 10px 10px;
}

.portlet-minimized .portlet-content {
	padding: 0;
}

.portlet-icon-back {
	background: url(../images/arrows/01_left.png) no-repeat 0 50%;
	font-weight: bold;
	padding: 5px 5px 5px 18px;
}

.portlet-nested-portlets .portlet-boundary {
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
}

/* ---------- Borderless portlet ---------- */

.portlet-borderless-container {
	min-height: 2.5em;
	position: relative;
}

.portlet-borderless-bar {
	background: #333;
	color: #FFF;
	font-size: 10px;
	opacity: 0.3;
	padding: 2px 5px 1px;
	position: absolute;
	right: 0;
	text-shadow: -1px -1px #000;
	top: 0;
	z-index: 200;

	a {
		background: url() no-repeat 0 50%;
		color: #3AF;
		display: inline-block;
		height: 16px;
		margin-left: 5px;
		text-indent: -9999px;
		vertical-align: top;
		width: 16px;
	}

	.portlet-actions {
		display: none;
		float: left;
		margin-right: 20px;
	}

	.portlet-title-default, .portlet-actions {
		vertical-align: top;
	}

	.portlet-action-separator {
		display: none;
	}

	.portlet-back a {
		height: auto;
		text-indent: 0;
		width: auto;
	}

	.portlet-close a {
		background-image: url(../images/portlet/close_borderless.png);
	}

	.portlet-options li.lfr-trigger strong a {
		background-image: url(../images/portlet/options_borderless.png);
	}
}

.portlet-borderless-container:hover .portlet-borderless-bar {
	opacity: 1;

	.portlet-actions {
		display: inline;
	}
}

.portlet-title-default {
	display: inline-block;
	float: right;
	font-weight: bold;
	text-transform: uppercase;
}

.portlet-draggable {
	.portlet-topper {
		cursor: move;
	}

	.portlet-title-default {
		background: url(../images/portlet/draggable_borderless.png) no-repeat 0 50%;
		cursor: move;
		padding-left: 20px;
	}
}

/* ---------- Panel Page ---------- */

.lfr-panel-page {
	width: 100%;

	.portlet-title {
		font-size: 13px;
	}

	.lfr-add-content h2 span {
		background-color: #D3DADD;
	}
}

/* ---------- Standard styles defined in the JSR 168 ---------- */

/* ---------- Fonts ---------- */

/* ---------- Font attributes for the 'normal' fragment font ---------- */

.portlet-font {
}

/* ---------- Font attributes similar to the .portlet-font but the color is lighter ---------- */

.portlet-font-dim {
}

/* ---------- Messages ---------- */

.portlet-msg {
	background: #EEE none no-repeat 6px 50%;
	border: 1px solid #555;
	color: #34404F;
	display: block;
	font-weight: bold;
	margin: 2px auto 14px;
	padding: 6px 6px 6px 30px;
	text-align: left;
}

/* ---------- Status of the current operation ---------- */

.portlet-msg-status {
}

/* ---------- Help messages, general additional information, etc. ---------- */


.portlet-msg-info {
	@extend .portlet-msg;
	background-color: #DFF4FF;
	background-image: url(../images/messages/info.png);
	border-color: #A7CEDF;

	&.pending {
		background-image: url(../images/common/time.png);
	}
}

/* ---------- Error messages ---------- */

.portlet-msg-error {
	@extend .portlet-msg;
	background-color: #FDD;
	background-image: url(../images/messages/error.png);
	border-color: #F00;
}

/* ---------- Warning messages ---------- */

.portlet-msg-alert {
	@extend .portlet-msg;
	background-color: #FFC;
	background-image: url(../images/messages/alert.png);
	background-position: 6px 20%;
	border-color: #FC0;
}

/* ---------- Success messages ---------- */

.portlet-msg-success {
	@extend .portlet-msg;
	background-color: #F4FDEF;
	background-image: url(../images/messages/success.png);
	border-color: #ACDFA7;
	color: #384F34;
}

/* ---------- Message labels ---------- */

.portlet-msg-info-label, .portlet-msg-error-label, .portlet-msg-alert-label, .portlet-msg-success-label {
	background: none no-repeat 0 50%;
	padding: 3px 3px 3px 20px;
	font-weight: bold;
}

.portlet-msg-info-label {
	background-image: url(../images/messages/info.png);
	color: #34404F;
}

.portlet-msg-error-label {
	background-image: url(../images/messages/error.png);
	color: #900;
}

.portlet-msg-alert-label {
	background-image: url(../images/messages/alert.png);
	color: #663;
}

.portlet-msg-success-label {
	background-image: url(../images/messages/success.png);
	color: #384F34;
}

/* ---------- Sections ---------- */

/* ---------- Table or section header ---------- */

.portlet-section-header {
}

.portlet-section-header th {
}

/* ---------- Normal text in a table cell ---------- */

.portlet-section-body {
}

.portlet-section-body td {
}

/* ---------- Text in every other row in the cell ---------- */

.portlet-section-alternate {
}

.portlet-section-alternate td {
}

.portlet-section-alternate-hover td, .portlet-section-body-hover td {
}

.portlet-section-body td td, .portlet-section-body-hover td td {
}

.portlet-section-alternate td td, .portlet-section-alternate-hover td td {
}

/* ---------- Text in a selected cell range ---------- */

.portlet-section-selected {
	&, a {
		background: #727C81;
		color: #FFF;
		font-weight: bold;
		text-decoration: none;
	}

	a:hover, a:focus {
		background-color: #727C81;
	}
}

/* ---------- Text of a subheading ---------- */

.portlet-section-subheader {
}

/* ---------- Table or section footnote ---------- */

.portlet-section-footer {
}

/* ---------- Text that belongs to the table but does not fall in one of the other categories (e.g. explanatory or help text that is associated with the section) ---------- */

.portlet-section-text {
}

/* ---------- Forms ---------- */

/* ---------- Text used for the descriptive label of the whole form (not the labels for fields) ---------- */

.portlet-form-label {
}

/* ---------- Text of the user-input in an input field ---------- */

.portlet-form-input-field {
}

/* ---------- Text on a button ---------- */

.portlet-form-button {
}

/* ---------- Text that appears beside a context dependent action icon ---------- */

.portlet-icon-label {
}

/* ---------- Text that appears beside a 'standard' icon (e.g. Ok, or Cancel) ---------- */

.portlet-dlg-icon-label {
}

/* ---------- Text for a separator of fields (e.g. checkboxes, etc.) ---------- */

.portlet-form-field-label {
}

/* ---------- Text for a field (not input field, e.g. checkboxes, etc.) ---------- */

.portlet-form-field {
}

/* ---------- Menus ---------- */

/* ---------- General menu settings such as background color, margins, etc. ---------- */

.portlet-menu {
}

/* ---------- Normal, unselected menu item ---------- */

.portlet-menu-item {
}

/* ---------- Selected menu item ---------- */

.portlet-menu-item-selected {
}

/* ---------- Normal, unselected menu item when the mouse hovers over it ---------- */

.portlet-menu-item-hover {
}

/* ---------- Selected menu item when the mouse hovers over it ---------- */

.portlet-menu-item-hover-selected {
}

/* ---------- Normal, unselected menu item that has sub-menus ---------- */

.portlet-menu-cascade-item {
}

/* ---------- Selected sub-menu item that has sub-menus ---------- */

.portlet-menu-cascade-item-selected {
}

/* ---------- Descriptive text for the menu (e.g. in a help context below the menu) ---------- */

.portlet-menu-description {
}

/* ---------- Menu caption ---------- */

.portlet-menu-caption {
}

/* ---------- Miscellaneous portlet styles ---------- */

.restricted {
	&, & td {
		background: #FDD;
		border: none;
	}

	* {
		color: #727C81;
	}
}

.alt.restricted td {
	background-color: #FFC0C0;
}

.hover.restricted td {
	background-color: #D3BDC0;
}

.restricted, .alt.restricted {
	td.col-1 {
		background-image: url(../images/messages/error.png);
		background-position: 5px 50%;
		background-repeat: no-repeat;
		padding-left: 28px;
	}
}

/* ---------- Permissions ---------- */

.results-row, .results-row.hover {
	&.lfr-role .col-1 {
		background-image: url();
		background-position: 5px 50%;
		background-repeat: no-repeat;
		padding-left: 30px;
	}

	&.lfr-role-guest .col-1 {
		background-image: url(../images/common/guest_icon.png);
	}

	&.lfr-role-regular .col-1 {
		background-image: url(../images/common/user_icon.png);
	}

	&.lfr-role-site .col-1 {
		background-image: url(../images/common/site_icon.png);
	}

	&.lfr-role-organization .col-1 {
		background-image: url(../images/common/organization_icon.png);
	}

	&.lfr-role-team .col-1 {
		background-image: url(../images/common/team_icon.png);
	}
}

/* ---------- Miscellaneous component styles ---------- */

/* ---------- Add content dialog ---------- */

.lfr-portlet-item {
	&, & p a {
		font-size: 1em;
	}
}

/* ---------- Actions button ---------- */

.lfr-actions {
	&.lfr-extended, &.lfr-extended ul {
		background: #FFF url(../images/forms/button.png) repeat-x 0 100%;
		border: 1px solid;
		border-color: #DEDEDE #BFBFBF #BFBFBF #DEDEDE;
	}

	ul {
		bottom: -1px;
	}

	.lfr-trigger {
		&, & strong {
			background: none;
		}

		li {
			background: transparent;
			border-bottom: 1px solid #DEDEDE;
			padding: 2px;

			a {
				padding: 5px 10px 5px 25px;

				&:hover {
					background-color: #828F95;
					color: #FFF;
				}
			}

			img {
				left: 3px;
				position: absolute;
			}

			&.last {
				border-bottom: none;
			}
		}
	}

	&.portlet-options {
		background: none;
		border: none;
		float: left;

		.lfr-trigger {
			padding: 0;

			strong {
				min-width: 0;
				padding: 1px;

				a {
					background-image: url(../images/portlet/options.png);
					background-position: 0 0;
					display: block;
					font-size: 0;
					height: 16px;
					padding: 0;
					text-indent: -9999px;
					width: 16px;
				}
			}
		}
	}
}

.visible.portlet-options .lfr-trigger strong a {
	background-image: url(../images/portlet/options_selected.png);
}

/*------ Breadcrumbs taglib ------*/

.breadcrumbs {
	&:before, &:after {
		content: "\0020";
		display: block;
		height: 0;
		visibility: hidden;
	}

	&:after {
		clear: both;
	}
}

.breadcrumbs-vertical {
	display: inline-block;
}

.breadcrumbs-horizontal li {
	display: inline-block;
	vertical-align: middle;
}

/* ---------- Calendar taglib ---------- */

.taglib-calendar {
	tr {
		&.portlet-section-header th, & td {
			border: none;
		}

		td {
			a {
				background-color: #F0F5F7;
				border: 1px solid #FFF;
				border-bottom: none;
				border-left: none;
				display: block;
				height: 15px;
				padding: 5px 0;

				&:hover {
					background-color: #727C81;
					color: #FFF;
				}
			}

			&.calendar-inactive {
				background-color: #FFF;
				color: #B5BFC4;
			}
		}

		th {
			border-bottom-color: #D7D7D7;
		}
	}

	table td {
		border-width: 0;
	}

	.calendar-current-day {
		&, & a {
			background-color: #FFF;
		}

		a {
			border: 1px solid #727C81;
			color: #369;
			text-decoration: underline;
		}
	}
}



	.portlet-borderless-container:hover .portlet-borderless-bar {
		-ms-filter: alpha(opacity=100);
		filter: alpha(opacity=100);
	}

	.taglib-calendar tr td.first a {
		border-right: none;
	}
}



	.portlet-title-default {
		float: left;
	}

	.breadcrumbs-vertical, .breadcrumbs-horizontal li {
		display: inline;
		zoom: 1;
	}
}



	.portlet-borderless-container {
		height: 2.5em;
	}

	.portlet-borderless-bar {
		filter: alpha(opacity=90);

		.portlet-actions {
			display: inline;
			filter: alpha(opacity=90);
		}
	}

	.breadcrumbs {
		zoom: 1;
	}
}

@mixin input-field-default {
	background-image: url(../images/forms/input_shadow.png);
	background-repeat: no-repeat;
	border: 1px solid;
	border-color: #BFBFBF #DEDEDE #DEDEDE #BFBFBF;
	font: 1em Arial, Helvetica, Verdana, sans-serif;
	padding: 5px 1px;
}

@mixin input-field-focus {
	background: #FFC none;
	border: 1px solid #FC0;
}

@mixin button-default {
	background: #D4D4D4 url(../images/portlet/header_bg.png) repeat-x 0 0;
	border: 1px solid;
	border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
	color: #34404F;
	cursor: pointer;
	font-weight: bold;
	overflow: visible;
	padding: 5px;
	text-shadow: 1px 1px #FFF;
	width: auto;
}

@mixin button-disabled {
	background: #D4D4D4 url(../images/portlet/header_bg.png) repeat-x 0 0;
	border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
	color: #555;
	opacity: 0.5;
}

@mixin button-hover {
	background: #B9CED9 url(../images/application/state_hover_bg.png) repeat-x 0 0;
	border-color: #627782;
	color: #369;
}

@mixin button-focus {
	background: #EBEBEB url(../images/application/state_active_bg.png) repeat-x 0 0;
	border-color: #555;
}

fieldset {
	border: 1px solid #BFBFBF;
	padding: 8px;
}

.aui-fieldset {
	border-width: 0;
	padding: 0;
	position: relative;
}

.aui-dialog-iframe-popup .aui-fieldset {
	margin-bottom: 0;
}

.aui-fieldset .aui-field-content, .aui-field-row, .aui-button-holder, .aui-field-wrapper-content {
	margin: 10px 0;
}

.aui-field-inline, .aui-field-row {
	.aui-field-content {
		margin: 0;
		margin-right: 5px;
	}
}

.aui-search-bar {
	.aui-field-content {
		margin-right: 0;
	}

	.aui-field-content, .aui-button-content {
		display: inline-block;
		vertical-align: middle;
	}
}

.aui-field-choice .aui-field-label {
	display: inline-block;
}

.aui-field-date .aui-field-content {
	overflow: hidden;
}

.aui-text-placeholder {
	color: #777;
}

legend {
	font-weight: bold;
	padding: 0 6px;
}

.aui-fieldset-legend {
	color: #000;
	font-size: 120%;
	font-weight: bold;
	padding: 0 0 1.5em;
}

.aui-legend {
	border-bottom: 1px solid #CCC;
	display: block;
	position: absolute;
	width: 90%;
}

input {
	background: #FFF;
}

input[type="text"], input[type="password"], input[type="file"], input[type="submit"], input[type="button"], input[type="reset"], select, textarea, .textarea, button {
	@include input-field-default;
}

select {
	padding: 1px;
}

input[type="image"] {
	background: transparent none;
	border: none;
	padding: 0;
}

input[type="submit"], input[type="button"], input[type="reset"], button {
	@include button-default;

	&:hover {
		@include button-hover;
	}

	&:focus {
		@include button-focus;
	}
}

input, textarea {
	&.focus {
		@include input-field-focus;
	}
}

.lfr-actions.lfr-extended {
	&, ul {
		@include button-default;
		padding: 0;
	}

	&:focus {
		&, ul {
			@include button-focus;
		}
	}

	&.disabled, &.disabled:hover {
		&, ul {
			@include button-disabled;
		}
	}

	&:hover {
		&, ul {
			@include button-hover;
		}
	}
}

.lfr-actions.disabled .taglib-text {
	color: #A9A9A9;
}

.aui-button-disabled {
	input[type], button {
		&, &:hover, &:focus {
			@include button-disabled;
		}
	}
}

.aui-buttonitem-disabled {
	@include button-disabled;
}

input.aui-form-validator-error, textarea.aui-form-validator-error, select.aui-form-validator-error {
	border-color: #900;
	border-style: dotted;
}

/* ---------- IE6 chokes on attribute selectors in a chain, so we separate them into their own rule ---------- */



	.aui-button-disabled input {
		-ms-filter: alpha(opacity=50);
		filter: alpha(opacity=50);
	}
}


}



	input.submit, input.button, button, .aui-button-disabled input.submit, .aui-button-disabled input.button, .aui-button-disabled button {
		@include button-default;
	}

	.aui-button-disabled {
		input.submit, input.button, button {
			color: #555;
		}
	}

	input, textarea {
		&.focus {
			@include input-field-focus;
		}
	}
}

@import "compass";

.aui-menu-content, body > .lfr-menu-list ul, .aui-underlay-content, .aui-dialog-content {
	@include box-shadow(2px 4px 7px rgba(0, 0, 0, 0.5));
}

.lfr-preview-file-image img, .lfr-translation-manager {
	@include box-shadow(0 3px 5px -3px rgba(0, 0, 0, 0.8));
}

.lfr-preview-file-image-current-column {
	@include box-shadow(inset 0 0 3px rgba(0, 0, 0, 0.8));
}

.lfr-preview-file-image-current-column {
	@include box-shadow(inset 0 0 5px rgba(0, 0, 0, 0.8));
}

.dockbar .menu-button-active .menu-button {
	@include box-shadow(inset 0 1px 5px rgba(0, 0, 0, 0.7));
}

.my-sites-menu .current-site a {
	@include box-shadow(inset 0 5px 15px rgba(255, 255, 255, 0.5));
}

.aui-dialog-hd {
	@include box-shadow(1px 1px 0 #FFF);
}

.lfr-translation-manager-translation.lfr-translation-manager-translation-editing {
	@include box-shadow(inset 0 0 2px #224FA8);
}

.lfr-search-combobox-item {
	@include border-radius(1px);
}

.lfr-search-combobox .aui-field-input-text {
	@include border-radius(4px 1px 1px 4px);
}

.lfr-search-combobox .aui-button-input {
	@include border-radius(1px 4px 4px 1px);
}

body > .lfr-menu-list, body > .lfr-menu-list ul, .lfr-actions, .aui-dialog-content, .aui-dialog .yui3-widget-hd, .modify-pages .delete-tab, input[type="submit"], input[type="button"], input[type="reset"], button, .tags-search-combobox .aui-field-input-text, .staging-icon-menu-container .staging-icon-menu.lfr-actions .lfr-trigger strong a, .active-area-proxy, .portlet-document-library .document-display-style .document-thumbnail img, .portlet-document-library-display .document-display-style .document-thumbnail img, .aui-paginator-link, .lfr-header-row .aui-toolbar-only, .lfr-translation-manager, .lfr-translation-manager-translation, .select-documents, .select-files, .taglib-ratings.stars:hover, .taglib-ratings.stars:hover .liferay-rating-vote, .rule-group-instance-container .rule-group-instance {
	@include border-radius(4px);
}

.lfr-header-row .aui-toolbar-content, .lfr-search-combobox, .select-documents, .select-files, .portlet-document-library div.document-display-style, .lfr-upload-container .upload-target, .lfr-upload-container .upload-file, .portlet-document-library .common-file-metadata-container.selected, .portlet-document-library-display .common-file-metadata-container.selected {
	@include border-radius(5px);
}

.portlet-journal .structure-tree .structure-field {
	@include border-radius(6px);
}

.aui-menu-content {
	@include border-bottom-left-radius(4px);
	@include border-bottom-right-radius(4px);
}

.aui-underlay-content {
	@include border-bottom-left-radius(8px);
	@include border-bottom-right-radius(8px);
}

.lfr-hudcrumbs ul {
	@include border-top-left-radius(0);
	@include border-top-right-radius(0);
}

.lfr-token, .layout-customizable-controls, .lfr-translation-manager-delete-translation {
	@include border-radius(8px);
}

.customizable-layout-column-content {
	@include border-radius(6px);
}

.lfr-upload-container .upload-target {
	@include box-shadow(inset 0 0 1px #FFF);
	@include filter-gradient(#8FBE31, #729A22);
	@include background-image(linear-gradient(50%, #8FBE31 0%, #729A22 85%));
}

.live-view .staging-tabview-list {
	@include filter-gradient(#E3F8DF, #C4F0BC);
}

.staging-tabview-list {
	@include border-radius(0);
}

.staging-bar {
	@include box-shadow(inset 0 3em 1em rgba(0, 0, 0, 0.8));
}

.staging-tabview-list .aui-tab-active .aui-tab-content, .site-variations-tabview-list .aui-tab-content{
	@include box-shadow(none);
}

.staging-tabview-list {
	@include border-radius(0);
	@include box-shadow(inset 0 0.75em 0.75em rgba(255, 255, 255, 0.55));
	@include background-image(linear-gradient(0 0, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.06) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.06) 50%, rgba(0, 0, 0, 0.06) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)));
	@include filter-gradient(#FFEED4, #FFDBA6);
	background-size: 100px 100px;
}

.portlet-staging-bar .staging-bar .site-variations-tabview-list {
	@include box-shadow(0 1px 5px rgba(0, 0, 0, 0.8) inset, 1px 3px 8px rgba(0, 0, 0, 0.8));
	@include background-image(linear-gradient(center bottom , #777, #333 80%, #333));
}

.rule-group-instance-container .rule-group-instance {
	@include box-shadow(1px 1px 2px #999);
}


.fixed-width {
    margin: auto;
    width: 950px;
}

a {
    color: #333;
}

/*** HEADER ***/
.fixed-width .header {
    height: 131px;
}

.fixed-width .header .header-logo {
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    height: 131px;
    width: 191px;
    float: left;
    margin-right: 15px;
}

.fixed-width .header .header-content {
    float: left;
    width: 744px;
    height: 131px;
}

.fixed-width .header .header-content .ads-block {
    margin-bottom: 9px;
}

.login {
    background: url(../images/login_bg.jpg) no-repeat;
}

.top_pub {
    background: url(../images/pub.gif) no-repeat right bottom;
    vertical-align: top;
}

.top_pub div {
/*border: 1px #999 solid;*/
    width: 728px;
    margin-top: 10px;
}

.menu_class {
    size: 11px;
    color: #4a6c88;
    font-weight: bold;
    text-align: center;
    vertical-align: top;
}

.menu_class a {
    size: 11px;
    color: #4a6c88;
    font-weight: bold;
    text-align: center;
    vertical-align: top;
    text-decoration: none;
}

.menu_class a:hover {
    size: 11px;
    color: #27465f;
    font-weight: bold;
    text-align: center;
    vertical-align: top;
    text-decoration: underline;
}

.menu_class .separador {

    margin: 1px 8px 0px 8px;

}

.menu_class li {
    background-image: url(../images/separador.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    color: #4a6c88;
    display: block;
    float: left;
    font-weight: bold;
    height: 21px;
    list-style-type: none;
    margin: 1px;
    padding: 7px 10px 0;
    text-transform: uppercase;
}

.menu_class #last {
    background-image: none;
}

.menu_class li a span.selected {
    color: black;
}

.fixed-width .header .header-content .useroptions-block .login-block {
    height: 30px;
    width: 730px;
    float: left;
}

.fixed-width .header .header-content .useroptions-block .languages-block {
    float: right;
    width: 170px;
    height: 23px;
    margin-right: 13px;
    padding-top: 7px;
}

.fixed-width .header .header-content .useroptions-block .login-block #login_form .login-form-label {
    background-image: url(../images/login-form-label.jpg);
    background-repeat: no-repeat;
    height: 22px;
    width: 62px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #E28B54;
    padding-top: 8px;
    padding-left: 15px;
}

.fixed-width .header .header-content .useroptions-block .login-block #login_form .login-form-bg {
    background-image: url(../images/bg-login-form.jpg);
    background-repeat: repeat-x;
    height: 30px;
    width: 635px;
    float: left;
}

.fixed-width .header .header-content .useroptions-block .login-block #login_form .login-form-end {
    background-image: url(../images/login-form-right.jpg);
    background-repeat: no-repeat;
    height: 30px;
    width: 16px;
    float: left;
}

.login-area input {
    height: 12px;
    width: 100px;
    font-size: 11px;
}

.login-area {
    color: #8AA8CC;
}

.fixed-width .header .header-content .useroptions-block .login-block #login_form .login-form-bg .login-field {
    height: 30px;
    width: 125px;
    float: left;
}

.fixed-width .header .header-content .useroptions-block .login-block #login_form .login-form-bg .password-field {
    height: 30px;
    width: 140px;
    float: left;
}

.login-area #button {
    height: 18px;
    width: 48px;
}

.login-options a {
    color: #8AA8CC;
    text-decoration: none;
    font-size: 10px;
}

.account-options a {
    color: #8AA8CC;
    text-decoration: none;
    font-size: 10px;
}

.account-options {
    color: #8AA8CC;
    font-size: 10px;
}

.fixed-width .header .header-content .useroptions-block .login-block #login_form .login-form-bg .login-field #login, .fixed-width .header .header-content .useroptions-block .login-block #login_form .login-form-bg .password-field #password {
    background-color: #FFF;
    height: 16px;
    width: 80px;
    border: 1px solid #CCCCCC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666;
}

.fixed-width .header .header-content .useroptions-block .login-block #login_form label {
    display: block;
    float: left;
    margin-top: 3px;
    margin-right: 5px;
}

.fixed-width .header .header-content .useroptions-block .login-block #login_form .login-form-bg .login-field, .fixed-width .header .header-content .useroptions-block .login-block #login_form .login-form-bg .password-field {
    color: #E28B54;
    padding-top: 5px;
    height: 25px;
}

.login-options {
    margin-top: -5px;
    margin-left: 78px;
    height: 10px;
}

.login-options a:hover {
    text-decoration: underline;
}

.fixed-width .header .header-content .useroptions-block .languages-block img {
    background-color: #FFF;
    padding: 1px;
    border: 1px solid #78ADD5;
    margin-left: 5px;
    position: relative;
    top: 3px;
}

.fixed-width .header .header-content .useroptions-block .languages-block a {
    text-decoration: none;
    text-transform: uppercase;
    color: #617683;
    font-weight: bold;
}

.fixed-width .header .header-content .useroptions-block .languages-block a:hover {
    text-decoration: underline;
}

/*** GENERAL STYLES ***/
.imgBorder {
    border: 1px solid #C6C9CC;
}

.fixed-width .top-navigation {
    margin-top: 0;
    margin-bottom: 10px;
    height: 28px;
    text-align: center;
    color: #333;
    list-style-type: none;
}

.fixed-width .top-navigation .top-navigation-list {
    padding: 0px;
    width: 870px;
    margin-top: 9px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}

.fixed-width .top-navigation .top-navigation-list li {
    float: left;
    list-style-type: none;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-image: url(../images/navigation-top-separator.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    padding-top: 7px;
    padding-right: 12px;
    padding-bottom: 0px;
    padding-left: 12px;
    height: 21px;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
}

.fixed-width .top-navigation .top-navigation-list a {
    color: #333;
    text-decoration: none;
}

.fixed-width .top-navigation .top-navigation-list a:hover {
    text-decoration: underline;
}

.fixed-width .top-navigation .top-navigation-list .last {
    background-image: none;
}

.fixed-width .content {
    margin-top: 10px;
    width: 630px;
}

.right-content {
    margin-top: 10px;
    width: 310px;
    float: right;
}

.asset-abstract .asset-title {
    width: 570px;
}

.fixed-width .footer {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #DEE4E9;
    border-bottom-color: #DEE4E9;
    background-color: #FFF;
    height: 94px;
    margin-top: 10px;
    clear: both;
}

.fixed-width .footer .footer-left {
    float: left;
    height: 85px;
    background-image: url(../images/footer-corners-left.jpg);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
    padding-top: 10px;
}

.fixed-width .footer .footer-right {
    float: right;
    height: 24px;
    background-image: url(../images/footer-corners-right.jpg);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px;
    padding-top: 70px;
}

.fixed-width .footer .footer-left img {
    margin-bottom: 0;
}

.fixed-width .footer .footer-right a {
    color: #333;
    text-decoration: none;
}

.fixed-width .footer .footer-right a:hover {
    text-decoration: underline;
}

.fixed-width .content .box-310 {
    background-image: url(../images/box-310-borders.jpg);
    background-repeat: repeat-y;
    width: 310px;
}

.fixed-width .content .box-310 .box-310-top-corners {
    background-image: url(../images/box-310-corners-top.jpg);
    background-repeat: no-repeat;
    background-position: top;
    height: 2px;
}

.fixed-width .content .box-310 .box-310-bottom-corners {
    background-image: url(../images/box-310-corners-bottom.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 2px;
}

.fixed-width .content .box-310 .box-310-content .box-310-title {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCC;
    background-image: url(../images/arrow-blue.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 11px;
    color: #809AA7;
    font-weight: bold;
    font-size: 11px;
    margin-bottom: 5px;
}

.module-title {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCC;
    background-image: url(../images/arrow-blue.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 11px;
    color: #809AA7;
    font-weight: bold;
    font-size: 11px;
    margin-bottom: 5px;
}

.fixed-width .content .box-310 .box-310-content {
    padding-right: 12px;
    padding-left: 7px;
    padding-bottom: 2px;
}

.fixed-width .content .box-310 .box-310-content #procurar_estrada select {
    width: 205px;
    float: right;
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666;
}

.fixed-width .content .box-310 .box-310-content #procurar_estrada label {
    float: left;
    margin-top: 4px;
}

.fixed-width .content .box-310 .box-310-content #procurar_estrada .block_20 {
    height: 20px;
    margin-bottom: 6px;
}

.fixed-width .content .box-310 .box-310-content #procurar_estrada {
    margin-top: 10px;
}

.portlet-content .right-block {
    text-align: right;
    color: #819AAA;
    text-decoration: none;
}

.max {
    color: #900;
    font-size: 10px;
}

.min {
    color: #4a6dd3;
    font-size: 10px;
}

.weather a {
    color: #336699;
    text-decoration: none;
}

.weather td {
    background: url(../images/traco.gif) bottom repeat-x;
}

.meteo_detalhe td {
    background: none;
}

.weather .meteo_tit {
    font-size: 12px;
    font-weight: bold;
}

.weather-promotional {
    padding-top: 20px;
}

.portlet-content .weather-promotional a {
    color: #819AAA;
    font-size: 10px;
}

.weather-week-day {
    background: url(../images/weather/day-background1.png) no-repeat;
    height: 29px;
    font-weight: bold;
    width: 60px;
    padding-top: 8px;
}

.weather-weekend-day {
    background: url(../images/weather/day-background2.png) no-repeat;
    height: 29px;
    font-weight: bold;
    width: 78px;
    padding-top: 8px;
}

.weather-column-spacer {
    width: 10px;
}

.weather-label {
    font-weight: bold;
    color: #336699;
    vertical-align: middle;
}

.min-temperature-label {
    font-weight: bold;
    color: #7F99A8;
    vertical-align: middle;
}

.max-temperature-label {
    font-weight: bold;
    color: #CC3335;
    vertical-align: middle;
}

.weather-text {
    color: #336699;
}

.weather-day-title {
    color: #E18C55;
    font-size: 20px;
    font-weight: bold;
}

.weather-night-title {
    color: #7F99A8;
    font-size: 20px;
    font-weight: bold;
}

.weather-line td {
    padding-top: 10px;
}

.fixed-width .content .box-310 .box-310-content .item {
    margin-top: 10px;
    margin-bottom: 8px;
}

.fixed-width .border-ads {
    border: 1px solid #CDCDCD;
    clear: both;
}

.fixed-width .ad-small {
    margin-top: 8px;
}

.fixed-width .content .tab-panel .tabs .tab {
    background-image: url(../images/tab-bg-inactive.jpg);
    background-repeat: no-repeat;
    height: 16px;
    width: 135px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #809AA7;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 5px;
}

.fixed-width .content .tab-panel .tabs .tab.selected {
    background-image: url(../images/tab-bg.jpg);
}

.fixed-width .content .tab-panel .tabs {
    background-image: url(../images/top-corner-right.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 22px;
}

.fixed-width .customize {
    color: #E28B54;
    background-image: url(../images/arrow-orange.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 15px;
    float: right;
    position: relative;
    top: -30px;
    text-decoration: none;
    cursor: pointer;
}

.fixed-width .content .tab-panel .tab-panel-bottom {
    background-image: url(../images/box-310-corners-bottom.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 2px;
}

.fixed-width .content .tab-panel .tab-panel-content {
    background-image: url(../images/box-310-borders.jpg);
    background-repeat: repeat-y;
    padding-top: 5px;
    padding-right: 12px;
    padding-bottom: 5px;
    padding-left: 7px;
}

.fixed-width .content .tab-panel .tab-panel-content .bloco-temperaturas {
    padding-top: 7px;
    padding-bottom: 7px;
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #CCC;
}

.fixed-width .content .tab-panel .tab-panel-content .bloco-temperaturas.last {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCC;
}

.fixed-width .content .tab-panel .tab-panel-content .select-city #form_city_selection #city {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666;
    float: left;
}

.fixed-width .content .tab-panel .tab-panel-content .select-city {
    margin-top: 10px;
    height: 22px;
}

.fixed-width .content .tab-panel .tab-panel-content .select-city a {
    display: block;
    float: right;
}

.fixed-width .content .tab-panel .tab-panel-content .item-separator {
    margin-top: 10px;
    margin-bottom: 10px;
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #CCC;
}

.fixed-width .content .tab-panel .tab-panel-content .item {
    margin-top: 10px;
    margin-bottom: 10px;
}

.fixed-width .content .tab-panel .tab-panel-content .title-ocorrencias {
    background-color: #C0CCD4;
    font-weight: bold;
    color: #FFF;
    height: 17px;
    padding-top: 3px;
    background-image: url(../images/arrow-white.jpg);
    background-repeat: no-repeat;
    background-position: 7px;
    padding-left: 20px;
    margin-bottom: 5px;
}

.fixed-width .content .tab-panel .tab-panel-content .ocorrencias-block .ocorrencias-item {
    margin-left: 10px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCC;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-right: 12px;
    width: 242px;
}

.fixed-width .content .tab-panel .tab-panel-content .right-block {
    text-align: right;
    display: block;
    margin-right: 12px;
    margin-left: 12px;
    margin-top: 10px;
    font-weight: bold;
    color: #819AAA;
}

.fixed-width .content .tab-panel .tab-panel-content .select-city a {
    color: #819AAA;
    font-weight: bold;
}

colTemp .leftColTemp {
    float: left;
    width: 110px;
}

colTemp .rightColTemp {
    float: right;
    width: 110px;
}

.table-temp img {
    margin-right: 10px;
    margin-top: 4px;
}

.city-title {
    font-size: 12px;
    color: #666;
    font-weight: bold;
    background-color: #EEEEEE;
    padding: 25px 0 25px 10px;
    font-weight: bold;
    margin-bottom: 5px;
    -moz-border-radius: 1ex;
    -webkit-border-radius: 1ex;
}

.table-temp .day-title {
    font-size: 12px;
    color: #666;
    font-weight: bold;
}

.table-temp .max-temp {
    color: #FF6633;
}

.table-temp .min-temp {
    color: #3300FF;
}

.fixed-width .content .row {
    width: 100%;
    clear: both;
    margin-bottom: 10px;
}

.fixed-width .content .row .column.left {
    float: left;
}

.fixed-width .content .row .column.right {
    float: right;
}

.fixed-width .content .top-corners-main-box {
    background-image: url(../images/top-corners-main-box.gif);
    background-repeat: no-repeat;
    height: 4px;
}

.fixed-width .content .bottom-corners-main-box {
    background-image: url(../images/bottom-corners-main-box.gif);
    background-repeat: no-repeat;
    height: 4px;
    margin-bottom: 8px;
}

.fixed-width .content .bg-main-box {
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #DEE4E9;
    border-left-color: #DEE4E9;
    background-color: #FFF;
    padding-top: 15px;
    padding-right: 18px;
    padding-bottom: 10px;
    padding-left: 18px;
    color: #333;
}

h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #8099AA;
    text-transform: uppercase;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
}

.bg-main-box img {
    padding: 2px;
    border: 1px solid #DFE6EA;
    margin-right: 10px;
    margin-bottom: 10px;
}

.news-item img {
    padding: 2px;
    border: 1px solid #DFE6EA;
    margin-right: 10px;
    margin-bottom: 10px;
}

.bg-main-box a {
    color: #333;
}

.bg-main-box .article-options {
    margin-top: 10px;
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #DEE4E9;
    border-bottom-color: #DEE4E9;
    padding-top: 6px;
    padding-bottom: 4px;
    color: #8099AA;
    height: 15px;
}

.bg-main-box .article-options .left-options {
    float: left;
}

.bg-main-box .article-options .right-options {
    float: right;
}

.bg-main-box .article-options .right-options a {
    display: block;
    float: right;
    margin-left: 20px;
    padding-right: 25px;
    background-repeat: no-repeat;
    background-position: right;
    color: #8099AA;
}

.bg-main-box .article-options .right-options .print {
    background-image: url(../images/printer.png);
}

.bg-main-box .article-options .right-options .login {
    background-image: url(../images/mail__arrow.png);
}

.bg-main-box .article-options .right-options .comment {
    background-image: url(../images/balloon.png);
}

.bg-main-box .date-time {
    background-image: url(../images/clock.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: #819AAA;
    float: right;
    position: relative;
    top: -27px;
}

.journal-content-article .date-time {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #819AAA;
}

.journal-content-article #actions a {
    text-decoration: none;
    color: #819AAA;
}

.journal-content-article p {
    margin-top: 0;
}

.journal-content-article .title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #819AAA;
}

.fixed-width .content .bg-main-box.minuspaddingtop {
    padding-top: 5px;
    padding-bottom: 5px;
}

.item a {
    font-weight: bold;
    text-decoration: none;
    display: block;
    color: black;
}

.item {
    margin-bottom: 5px;
}

.fixed-width .content .row .column.left .bg-main-box.minuspaddingtop .column.right a {
    font-weight: bold;
    text-decoration: none;
    display: block;
    margin-bottom: 8px;
    margin-top: 8px;
}

.user-logged {
    padding-top: 7px;
    color: #E28B54;
}

/*
.user-logged a {
    color: #333;
}
*/

.portlet-icons {
    text-align: right;
}

.username-logged {
    color: #8AA8CC;
    font-size: 12px;
    font-weight: bold;
}

.btn1 {
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    width: 87px;
    height: 17px;
    text-align: center;
    display: block;
    float: left;
    background-image: url(../images/btn1.jpg);
    padding-top: 3px;
    margin-left: 10px;
    margin-top: -2px;
}

.btn2 {
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    width: 104px;
    height: 17px;
    text-align: center;
    display: block;
    float: left;
    background-image: url(../images/btn2.jpg);
    padding-top: 3px;
    margin-left: 10px;
    margin-top: -2px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hide from IE Mac \*/
.clearfix {
    display: block;
}

/* End hide from IE Mac */

.occurrences-filter select {
    font-size: 12px;
    width: 160px;
}

.occurrences-filter label {
    font-size: 12px;
}

.occurrences-filter .separator {
    width: 27px;
}

.occurrences-filter .reset-select {
    font-size: 10px;
    font-style: italic;
    cursor: pointer;
}

.tollcalculator select {
    font-size: 12px;
    width: 100%;
}

.tollcalculator .text {
	font-size: 11px;
	padding: 10px 0px 0px 0px;
}

.tollcalculator .title {
	background: none repeat scroll 0 0 #F9F9F9;
	border: 1px solid #BBBBBB;
	text-align: left;
	height: 25px;
	color: #4A6C88;
	font-size: 13px;
	font-weight: bold;
	padding: 10px 5px 0px 10px;
}

.tollcalculator .section-title {
	background: none repeat scroll 0 0 #F9F9F9;
	text-align: left;
	height: 25px;
	color: #4A6C88;
	font-size: 13px;
	font-weight: bold;	
}

.tollcalculator .sub-section-title {
	text-align: left;
	font-size: 10px;
}

.tollcalculator .result {
	background: none repeat scroll 0 0 #F9F9F9;
	border: 1px solid #BBBBBB;
	text-align: center;
	height: 20px;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 5px 2px 0px;
}

.tollcalculator .result-hidden {
	height: 20px;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 5px 2px 0px;
}

#site-map .title {
    color: #8AA8CC;
    font-size: 12px;
    font-weight: bold;
}

.closeMenu {
    position: absolute;
    bottom: -15px;
    left: 10px;
    cursor: pointer;
}

.terms-button {
    background-color: #CDCFDA;
    border: black solid 1px;
    padding: 3px 3px 3px 3px;
}

/* --- img flip trick --- */
.flip-horizontal {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: fliph; /*IE*/
}
.flip-vertical {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: flipv; /*IE*/
}