@charset "utf-8";

/* MPS layout.css 2009 (AL) Descom */
/* Color Glossary

*/

#mps {
/*	position: relative;
*/
	float: left;
	font-family: Arial, Helvetica, sans-serif, serif;
	font-size: 0.8em; /* 10px */
}

#mps a {
	text-decoration: none;
}

#mps a:hover {
	text-decoration: underline;
}

#mps h6,
#mps label {
	display: block;
	margin: 10px 0 0;
	font-weight: bold;
}

#mps legend {
	display: none;
}

/* =navigation */
#mps-navigation {
/*	position: absolute;
	top: 0;
	left: 0;
*/
	float: left;
	width: 220px;
	padding: 8px;
	margin: 0 5px 15px 0;
	
	font-size: 1.2em;
	
	background: #EEEEEE;
}

#mps-navigation h4 {
	padding: 5px;
	margin: -8px -8px 10px;
	
	color: #fff;
	background: #818181;
}

#mps-navigation ul {
	margin: 0 0 7px;
}

#mps-navigation li {
	margin: 2px 0;
}

#mps-navigation li.account-request {
	margin-top: 16px;
}

#mps-navigation li.logout {
	margin-top: 16px;
}

#mps-navigation a {
	color: #980001;
	text-decoration: none;
}

#mps-navigation a:hover {
	text-decoration: underline;
}

/* =content */
#mps-content {
/*	position: absolute;
	margin-left: 250px;
*/
	margin-bottom: 15px;
	float: left;
	width: 665px;
	font-size: 1.2em;
}

#mps-content h3 {
	height: 20px;
	line-height: 20px;
	margin-bottom: 10px;
	padding: 0 35px 0 5px;
	
	background: #E2E2E2 url(../img/block_header_bg.gif) no-repeat scroll right center;
	color: #333333;
	display: block!important;
	font-weight: bold;
}
#mps-content h4 {
	margin: 10px 0 5px 0;
	color: #9E132D;
	font-size: 1.2em;
}
	
#mps-content input {
	width: 300px;
}

#mps-content input.smallInput {
	width: 20px;
}



#mps table {
	margin: 5px 0;
}

#mps table th {
	background: #EEEEEE;
	color: #333333;
}

#mps table th,
#mps table td {
	padding: 3px 10px;
	border: 1px solid #CCCCCC;
}

#mps-content .mailing-lists input {
	width: auto;
}

#mps-content .mailing-lists label {
	display: inline;
	font-weight: normal;
}

#mps-content .mailing-lists li {
	margin: 8px 0;
}

#mps-content fieldset.actions {
	margin: 5px 0 0;
}

#mps-content fieldset.actions button {
	padding: 1px 5px;

	font-size: 0.9em;
	text-transform: uppercase;

	background: #fff;
	color: #9E132D;
	border: 1px solid #CCCCCC;
}

#mps-content fieldset.actions button:hover {
	color: #fff;
	background: #9E132D;
	cursor: pointer;
}

#mps-content fieldset.actions input {
	padding: 1px 5px;
	width: 150px;

	font-size: 0.9em;
	text-transform: uppercase;

	background: #fff;
	color: #9E132D;
	border: 1px solid #CCCCCC;
}

#mps-content fieldset.actions input:hover {
	color: #fff;
	background: #9E132D;
	cursor: pointer;
}

.mps-result-event-row {
	background-color: #FFFFF;
	margin: 0px;
	padding: 0px;
}

.mps-result-odd-row {
	background-color: #FFFFF;
	margin: 0px;
	padding: 0px;
}

.INFO {
	color: #007F0E;
}

.ERROR {
	color: #FF0905;
}

.WARNING {
	color: #FF7505;
}

#color-info {
	float: none;
}

#info-color {
	background-color: #007F0E;
	width: 15px;
	float: left;
}

#error-color {
	background-color: #FF0905;
	width: 15px;
	float: left;
}

#warning-color {
	background-color: #FF7505;
	width: 15px;
	float: left;
}

#compulsory-color{
	color: 	#FF0905;
}

.logtype-info {
	float: left;
}

.logtype-info-last {
	float: inherit;
}

mps-result {
	margin: 5px 0;
}

#mps-content span#generalInfo {
	font-size: 0.9em;
	text-transform: uppercase;
	color: #007F0E;
}

#mps-content p.disabled {
	color: #CCCCCC;
}

#mps-content textarea.mps-extra-information {
	width: 300px;
	heigth: 100px;
}

.own-user-info-start{
	border-top-style : dashed;
	border-width : 1px;
	
 }
 .hidden {display:none;}
#mps-content span.formErrors {border-top:1px solid #980001;color:#980001;display:block;font-size:0.95em;position:relative;left:0;top:-1px}
#mps-description{margin:10px 5px 20px}
#mps .group{float:left;width:49.5%}
#mps .group p input{width:205px}
#mps .group h3 {width: auto; white-space: nowrap;}
#mps .group p label{padding:2px 0}
#mps label img {margin:0 5px 2px 0}
#mps #login-form fieldset,
#mps #mailing-lists{padding:0 0 0 50px;border:0 #fff none;border-left:1px solid #eee}
#mps #mailing-lists{float:right;width:41.5%}
#mps #login-form h3{margin-left:50px}
#mps #login-form h3 span{background:url(../img/icon_key.gif) no-repeat 2px 0 transparent;padding-left:25px}
#mps #newuser-form h3 span{background:url(../img/icon_man.gif) no-repeat 2px 0 transparent;padding-left:25px}
#mps #newuser-form{padding:0 50px 0 0}
#mps fieldset p{position:relative;width:240px;font-size:.95em;}
#mps fieldset label{display:block;font-size:1.1em;font-weight:normal}
#mps fieldset.form-actions{clear:both}
#mps fieldset button{margin:10px 0}
#mps button{color:#980001;background:url(../img/btn_arrow.gif) no-repeat 100% 0 #d7d7d7;border:0 transparent none;border-left:2px solid #8b8b8b;cursor:pointer;font-family:"Arial Black",Arial,sans-serif;padding:6px 15px 7px 8px}
#mps button.secondary{margin-left: 50px;background:url(../img/btn_background.gif) repeat-x 0 50% #d7d7d7;border:2px solid #8b8b8b;padding:5px 8px}
#mps li.checkbox label{font-weight:normal}
#mps .checkbox{padding:5px 0}
#mps .checkbox input{width:auto!important}
#mps .checkbox label{display:inline}
#mps .checkbox:not(#foo) > input[type=checkbox]{display:none;}
#mps .checkbox:not(#foo) > input[type=checkbox]+label,
#mps .checkbox:not(#foo) > input[type=checkbox]+input+label{background:url(../img/icon_checkbox.gif) no-repeat 0 0 #fff;padding:3px 0 0 22px;}
#mps .checkbox:not(#foo) > input[type=checkbox]:hover+label,
#mps .checkbox:not(#foo) > input[type=checkbox]:focus+label,
#mps .checkbox:not(#foo) > input[type=checkbox]+label:hover,
#mps .checkbox:not(#foo) > input[type=checkbox]:hover+input+label,
#mps .checkbox:not(#foo) > input[type=checkbox]:focus+input+label,
#mps .checkbox:not(#foo) > input[type=checkbox]+input+label:hover { 
    background-position: 0 -48px; 
}
#mps .checkbox:not(#foo) > input[type=checkbox]:hover:checked+label,
#mps .checkbox:not(#foo) > input[type=checkbox]:focus:checked+label,
#mps .checkbox:not(#foo) > input[type=checkbox]:checked+label:hover,
#mps .checkbox:not(#foo) > input[type=checkbox]:checked+label,
#mps .checkbox:not(#foo) > input[type=checkbox]:hover:checked+input+label,
#mps .checkbox:not(#foo) > input[type=checkbox]:focus:checked+input+label,
#mps .checkbox:not(#foo) > input[type=checkbox]:checked+input+label:hover,
#mps .checkbox:not(#foo) > input[type=checkbox]:checked+input+label { 
    background-position: 0 -96px; 
}
#mps .checkbox:not(#foo) > input[type=checkbox]:active+label,
#mps .checkbox:not(#foo) > input[type=checkbox]+label:hover:active,
#mps .checkbox:not(#foo) > input[type=checkbox]:active+input+label,
#mps .checkbox:not(#foo) > input[type=checkbox]+input+label:hover:active { 
    background-position: 0 -48px; 
}
#mps .checkbox:not(#foo) > input[type=checkbox]:active:checked+label,
#mps .checkbox:not(#foo) > input[type=checkbox]:checked+label:hover:active,
#mps .checkbox:not(#foo) > input[type=checkbox]:active:checked+input+label,
#mps .checkbox:not(#foo) > input[type=checkbox]:checked+input+label:hover:active {
     background-position: 0 -96px; 
}
#mps .font_larger{font-size:1.1em;}
#mps .field-info{background:url(../img/icon_tooltip.gif) no-repeat 0 0 transparent;width:225px;height:92px;display:block;position:absolute;top:-57px;right:-167px;z-index:2000;display:none}
#mps .field-info span{padding:8px;font-weight:normal;font-size:.95em;display:block;}
#mps .required .field-info{display:block;}
#mps #media{display:none;}
#mps #media.private{display:block;}

/* =buttons */
#mps button {
	border-left: 0 !important;
	padding: 0 0 0 0 !important;
	background-color: transparent !important;
	background-image: none !important;
}

#mps button span {
	display: block;
	height: 33px;
	line-height: 33px;
	font-family: "Arial Black",Arial,sans-serif;
	padding: 0 17px 0 10px;
	background: #fff url(../img/btn_arrow.gif) right center no-repeat;
	border-left: #8e8e8e 2px solid;
	white-space: nowrap;
}

#mps button {
	border-left: 0 !important;
	padding: 0 0 0 0 !important;
	background-color: transparent !important;
	background: #fff url(../img/btn_arrow.gif) right center no-repeat; 
}

#mps button.secondary {
	border: none !important;
	padding: 0 !important;
	height: 35px !important;
}

#mps button.secondary span {
	border: #8e8e8e 2px solid;
	background: #d7d7d7 url("../img/btn_background.gif") left center repeat-x;
	padding: 0 15px !important;
	height: 29px;
	line-height: 29px;
}

#mps-content .mps-date-input,
input.mps-date-input,
.mps-date-input {
	width: 100px;
}

#mps .separator {
	display: inline-block;
	padding: 0 5px;
}

#mps #content-tools {
	clear: both;
}

#ui-datepicker-div {
	left: 50% !important;
	margin-left: -25em;
	margin-top: -20px;
}

/* IE fixes */
.ie #mps-content h3+p{padding-top:10px}
.ie7 #mps-content button{padding-top:6px;padding-bottom:6px}
.ie8 #mps-content button{padding-top:7px;padding-bottom:8px}
.ie7 #mps-content button.secondary{padding-top:3px;padding-bottom:3px}
.ie8 #mps-content button.secondary{padding-top:3px;padding-bottom:3px}
.ie button {*overflow: visible;_width:0}
#mps.ie7 #mailing-lists {position:relative;}