/*
 * Application
 * Special styles for application.
 */

/* Key scaffolding
-------------------------------------------------- */

html,
body {
	height: 100%;
	font-family: Verdana, sans-serif;
}

a {
	color: #000;
	text-decoration: none;
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: " ";
}

.clearfix:after {
	clear: both;
}

/* Form
-------------------------------------------------- */
a.button,
button,
input,
select,
textarea {
	display: inline-block;
	border: 1px solid #868686;
	font-size: 12px;
	height: 20px;
	padding: 1px;
}

a.button:active, a.button:focus,
button:active, button:focus,
input:active, input:focus,
select:active, select:focus,
textarea:active, textarea:focus {
	border: 1px solid #000;
	background-color: #96B4FA;
}

select {
	padding-right: 1px !important;
}

a.button,
button,
input[type="submit"],
input[type="reset"] {
	height: 36px;
	padding: 3px 15px !important;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #FFF;
	color: #000;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	font-size: 12px;
}

a.buttonMini,
button.buttonMini,
input[type="submit"].buttonMini,
input[type="reset"].buttonMini {
	height: 26px;
	padding: 3px !important;
}

input.placeholder,
input.textarea {
	color: #AAA;
}

.formElement {
	margin: 5px 0 3px;
	min-height: 0;
}

.formElement:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
}

.formField {
	padding: 0;
}

.formElement .formField,
.formElement .formFieldDesc {
	margin-left: 216px;
}

.formElement .formFieldDesc {
	color: #858789;
	font-size: 0.85em;
}

.formField input, .formField select, .formField textarea {
	margin: 2px 0;
}

.formFieldLabel {
	float: left;
	margin-top: 2px;
	text-align: right;
	width: 200px;
}


/* Login page
-------------------------------------------------- */
div#login {
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin: auto;
	width: 584px;
	height: 384px;
	padding: 8px;
	background-color: #EBEEF0;
	border: 1px solid #868686;
}

div#login a {
	color: #0600FF;
}

div#login div#loginHeader {
	width: 568px;
	height: 94px;
	padding: 8px;
	background-color: #CC0018;
	color: #FFF;
}

div#login div#loginHeader div#loginLogo {
	float: left;
	margin-top: 6px;
	width: 65%;
	font-size: 13px;
	text-align: center;
}

div#login div#loginHeader div#loginSystemInfo {
	float: right;
	width: 35%;
	margin-top: 30px;
	font-size: 11px;
}

div#login div#loginHeader div#loginSystemInfo div {
	height: 18px;
}

div#login div#loginHeader div#loginSystemInfo label {
	display: inline-block;
	font-weight: bold;
	width: 70px;
}

div#login form#loginForm {
	margin-top: 80px;
}

/* Application pages and sections
-------------------------------------------------- */

div#wrapper {
	width: 100%;
	height: 100%;
}

div#header {
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	background-color: #CC0018;
	width: 100%;
	height: 72px;
	border-bottom: 1px solid #FFF;
	color: #FFF;
}

div#header a {
	color: #FFF;
	text-decoration: underline;
}

div#header div#cooperationLogo {
	float: left;
	padding: 8px;
}

div#header div#cooperationLogo img {
	max-height: 56px;
}

div#header div#loginInfo {
	float: right;
	padding: 8px;
	font-size: 11px;
}

div#header div#loginInfo div {
	height: 18px;
}

div#header div#loginInfo label {
	display: inline-block;
	font-weight: bold;
	width: 70px;
}

div#header div#panama {
	margin: 0 auto;
	width: 50%;
	padding: 8px;
	font-size: 13px;
}

nav#navbar-top {
	position: fixed;
	z-index: 99;
	top: 73px;
	left: 0;
	width: 100%;
	padding: 0px 8px;
	height: 58px;
	border-bottom: 1px solid #868686;
	background: url('../../images/navTopBg.png') #EBEEF0;
}

nav#navbar-top ul li {
	display: inline-block;
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
}

nav#navbar-top ul li a {
	display: block;
	height: 48px;
	padding: 5px;
	min-width: 70px;
}

nav#navbar-top ul li img {
	width: 45px;
	height: 25px;
	margin-bottom: 8px;
}

nav#navbar-top ul li span {
}

nav#navbar-top ul li:hover {
	background: url('../../images/navTopBgHover.png');
}

nav#navbar-side {
	position: fixed;
	top: 0;
	padding-top: 131px;
	float: left;
	width: 200px;
	height: 100%;
	border-right: 1px solid #868686;
	background-color: #EBEEF0;
}

nav#navbar-side .category {
	width: 184px;
	height: 22px;
	margin-top: 8px;
	padding: 5px 8px;
	background: url('../../images/navLeftCatBg.png');
}

nav#navbar-side .box {
	width: 184px;
	padding: 8px;
}

nav#navbar-side .box.crossseller {
	padding: 0px 8px 8px 8px;
}

nav#navbar-side .box.crossseller img {
	padding-top: 8px;
}

nav#navbar-side .box.aktionsfenster {
	padding: 0px 8px 8px 8px;
}

nav#navbar-side .box.aktionsfenster img {
	padding-top: 8px;
}

nav#navbar-side .box.dt {
	width: 192px;
	padding: 4px;
}

nav#navbar-side img {
	max-width: 184px;
}

nav#navbar-side ul li a {
	display: block;
	height: 22px;
	padding: 5px 8px;
}

nav#navbar-side ul li:hover {
	background-color: #FFF;
}

div#content {
	position: relative;
	margin-left: 201px;
	padding: 138px 8px 8px 8px;
}

div#content .content {
	width: 100%;
	height: 100%;
}

div#content div#dashboardWidgetCol {
	float: left;
	width: 24%;
	margin-left: 8px;
	font-size: 12px;
}

div#content div#dashboardWidgetCol:first-child {
	margin-left: 0px;
}

div#content .dashboardWidget {
	width: auto;
	min-height: 260px;
	max-height: 528px;
	margin-top: 8px;
	background: #f2f2f2; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNGU0ZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #f2f2f2 0%, #e4e4e4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2f2f2 0%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2f2f2 0%,#e4e4e4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2f2f2 0%,#e4e4e4 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f2f2f2 0%,#e4e4e4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-8 */
	font-size: 12px;
}

div#content .dashboardWidget:first-child {
	margin-top: 0px;
}

div#content .dashboardWidget.dashboardWidgetBig  {
	height: 530px;
}


div#content .dashboardWidget .dashboardWidgetHeader {
	height: 19px;
	padding: 8px;
	border-bottom: 1px #e1e1e1 solid;
}

div#content .dashboardWidget .dashboardWidgetHeader h2 {
	font-size: 16px;
}

div#content .dashboardWidget .dashboardWidgetContent {
	padding: 16px 8px;
	max-height: 492px;
	overflow: auto;
}

div#content .dashboardWidget.rssFeed .dashboardWidgetContent {
	padding: 0px;
}

div#content .dashboardWidget.rssFeed .dashboardWidgetContent .rssFeedItem {
	padding: 16px 8px;
	border-bottom: 1px #e1e1e1 solid;
}

div#content .dashboardWidget.rssFeed .dashboardWidgetContent .rssFeedItem:last-child {
	border-bottom: 0;
}


div#content .dashboardWidget.rssFeed .dashboardWidgetContent .rssFeedItem h3 {
	padding-bottom: 3px;
	font-size: 14px;
}

div#content .dashboardWidget.rssFeed .dashboardWidgetContent .rssFeedItem p.date {
	color: #9f9f9f;
	font-size: 11px;
	font-weight: bold;
}

div#content .dashboardWidget.rssFeed .dashboardWidgetContent .rssFeedItem span.readmore a {
	text-decoration: underline;
}

div#content .dashboardWidget.rssFeed .dashboardWidgetContent .rssFeedItem p {
	line-height: 18px;
}

div#content .dashboardWidget.holidayCalendar .dashboardWidgetContent {
	padding: 0px;
}

div#content .dashboardWidget.holidayCalendar .dashboardWidgetContent .hcOptions {
	padding: 16px 8px 0px 8px;
}

div#content .dashboardWidget.holidayCalendar .dashboardWidgetContent .hcItem {
	padding: 16px 8px;
	border-bottom: 1px #e1e1e1 solid;
}

div#content .dashboardWidget.holidayCalendar .dashboardWidgetContent .hcItem:last-child {
	border-bottom: 0;
}

div#content .dashboardWidget.holidayCalendar .dashboardWidgetContent .hcItem h3 {
	padding-bottom: 8px;
	font-size: 14px;
}

div#content .dashboardWidget.weather.d {
	background: #d7edf5; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3ZWRmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhM2Q3ZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #d7edf5 0%, #a3d7ea 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7edf5), color-stop(100%,#a3d7ea)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d7edf5 0%,#a3d7ea 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d7edf5 0%,#a3d7ea 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d7edf5 0%,#a3d7ea 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d7edf5 0%,#a3d7ea 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7edf5', endColorstr='#a3d7ea',GradientType=0 ); /* IE6-8 */
}

div#content .dashboardWidget.weather.n {
	background: #7fa4af; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdmYTRhZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MDdhODQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #7fa4af 0%, #507a84 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7fa4af), color-stop(100%,#507a84)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7fa4af 0%,#507a84 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7fa4af 0%,#507a84 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7fa4af 0%,#507a84 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #7fa4af 0%,#507a84 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fa4af', endColorstr='#507a84',GradientType=0 ); /* IE6-8 */
	color: #FFFFFF;
}

div#content .dashboardWidget.weather .dashboardWidgetContent {
	padding: 0px;
}

div#content .dashboardWidget.weather .dashboardWidgetContent form#wOptions {
	padding: 16px 8px 0px 8px;
}

div#content .dashboardWidget.weather .dashboardWidgetContent .result {
	position: relative;
	background-repeat: no-repeat;
	height: 180px;
	padding: 0px 8px;
}

div#content .dashboardWidget.weather .dashboardWidgetContent .result .nowIcon {
	position: absolute;
	left: 8px;
	text-align: center;
	width: 120px;
}

div#content .dashboardWidget.weather .dashboardWidgetContent .result .now {
	position: absolute;
	right: 8px;
	text-align: center;
	width: 120px;
}

div#content .dashboardWidget.weather .dashboardWidgetContent .result .now span.location {
	position: relative;
	top: 15px;
	font-size: 12px;
}

div#content .dashboardWidget.weather .dashboardWidgetContent .result .now span.temperature {
	position: relative;
	font-size: 28px;
}

div#content .dashboardWidget.weather .dashboardWidgetContent .result .now span.condition {
	font-size: 12px;
}


div#content .dashboardWidget.weather .dashboardWidgetContent .result .weatherForecast {
	position: absolute;
	background: #FFFFFF;
	color: #000000;
	top: 113px;
	left: 8px;
	right: 8px;
	padding: 5px 0px;
}

div#content .dashboardWidget.weather .dashboardWidgetContent .result .weatherForecast .weatherForecastItem {
	float: left;
	width: 20%;
	font-size: 11px;
	text-align: center;
}

div#content .dashboardWidget.weather .dashboardWidgetContent .result .weatherForecast .weatherForecastItem:last-child {
	float: right;
}

div#content .dashboardWidget.weather .dashboardWidgetContent .result .weatherForecast .weatherForecastItem img {
	height: 30px;
}

.screenModeButton {
	display: block;
	padding: 2px;
	background: #FFF;
	position: fixed;
	top: 50%;
	left: 193px;
	z-index: 9999;
	font-size: 10px;
	border: 1px solid #868686;
	border-radius: 5px;
	color: #CC0018;
}

.errorMessage {
	margin-bottom: 20px;
	font-size: 12px;
	color: #FF0000;
	text-align: center;
}

/* */
.ui-button {
	padding: 0px 0px !important;
}

.ui-widget {
	font-size: 1em;
}

.ui-widget .ui-widget {
	font-size: 0.9em;
}