/*
TREAT-NMD Patient Registry Software
Copyright 2014 Klinikum der Universität München

CSS stylesheet for deployment sma-uk
*/


/* Fonts */
@import
	url("../../registry/fonts/PTSans/PTSans.css");	
@import
	url("../../registry/fonts/PTSans/PTSansCaption.css");


/* General Styles */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
	{
	border: 0;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
}

html,body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	font-family: "PTSans", "HelveticaNeue-Light", "Helvetica Neue Light",
		"Helvetica Neue", Helvetica, "Arial", sans-serif;
	color: black;
	font-size: 100%;
	letter-spacing: 0.1px;
	margin: 0;
	background: #ebf6f8 url(../images/sma-uk_background.png)
		repeat-x;
}

.banner {
	text-align: center;
	padding: 0.2em 0;
	background-color: rgb(255, 200, 50);
	border-bottom: 1px solid rgb(255, 150, 50);
	position: absolute;
	width: 100%;
	height: 1.5em;
}

a img {
	border: 0;
}

input,textarea {
	margin: 0;
}

h1,h2,h3,h4,h5,h6 {
	color: #004459;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	color: #004459;
}

h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited
	{
	color: #004459;
}

h2,h3,h4,h5,h6 {
	margin: 1.4em 0 0.2em;
}

h1 {
	font-size: 150%;
	margin: 0 0 0.5em;
	font-family: "PTSansCaption", "Helvetica Neue", Helvetica, "Arial",
		sans-serif;
}

h1.large {
	font-size: 170%;
}

h2 {
	font-size: 130%;
}

h3 {
	font-size: 110%;
}

h4 {
	font-size: 100%;
}

h5,h6 {
	font-size: 100%;
}

a,a:visited {
	text-decoration: none;
	color: #0a88af;
}

a:hover {
	text-decoration: underline;
}

ol {
	list-style: none;
	padding-bottom: 1.5em;
}

ol li {
	padding: 0.7em 0;
}

ol ul li {
	padding: 0.2em 0;
}

ol ul ul li {
	list-style: square;
	color: #404040;
}

strong {
	font-weight: bold;
}

strong.highlight {
	font-weight: normal;
	background-color: #F7FF75;
}

p.highlight {
	font-family: "PTSansCaption", "Helvetica Neue", Helvetica, "Arial",
		sans-serif;
	font-size: 110%;
	font-weight: bold;
	padding-left: 1.5em;
	margin: 0.8em 0em 1.3em;
	color: #004459;
}

.lang_picker a:hover,.lang_picker a:focus,.logout_info a:hover,.logout_info a:focus,.navifooter li a:hover,.navifooter li a:focus
	{
	color: #404040;
	text-decoration: none;
}

.clearfix,div.input_block_clear {
	clear: both;
}

/* Header Styles */
.header {
	height: 135px;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.header h1 {
	text-indent: -9999px;
}

.logo a {
	background: url(../images/main_logo.png) no-repeat;
	text-indent: -9999px;
	float: left;
	width: 500px;
	height: 100px;
	margin-top: 20px;
}

.lang_picker {
	width: 960px;
	position: absolute;
	right: 0;
	text-align: right;
	padding-top: 5px;
	color: #999;
	font-size: 80%;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.2px;
	font-family: "PTSansCaption", "Helvetica Neue", Helvetica, "Arial",
		sans-serif;
}

.lang_picker p {
	float: right;
}

.lang_picker ul {
	float: right;
	list-style-type: none;
}

.lang_picker ul li {
	float: right;
	position: relative;
	padding-left: 0.8em;
}

.lang_picker a,.lang_picker ul a,.logout_info a {
	color: #676767;
}

.logout_info {
	height: 0;
}

.logout_info div {
	float: right;
	margin-top: 2em;
	background: #ebf6f8;
	color: #999;
	font-size: 90%;
	text-align: right;
	width: auto;
	line-height: 140%;
	position: relative;
	padding: 8px;
}

.logout_info .username {
	font-weight: 400;
}

.logout_info a,.logout_info a:visited {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 90%;
}

/* Top Navigation Styles */
.navi li a:hover {
	background: #0a88af;
	color: #FFF;
}

.navi li.active a:hover,.navi li.active a {
	background: #dbe8ee;
	color: #000;
	border: #0a88af 1px solid;
	border-bottom: none;
}

ul.navi {
	bottom: 0;
	list-style-type: none;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	width: 960px;
	letter-spacing: 0.2px;
	font-family: "PTSansCaption", "Helvetica Neue", Helvetica, "Arial",
		sans-serif;
}

ul.navi li {
	float: right;
	position: relative;
}

ul.navi li a {
	display: block;
	line-height: 200%;
	width: auto;
	font-size: 90%;
	margin: 0 4px;
	padding: 0 10px;
}

ul.navi li a:hover {
	text-decoration: none;
}

.navi li span.treatnmd_tab a,.navi li span.treatnmd_tab a:visited {
	color: #0a88af;
}
.navi li span.treatnmd_tab a:hover {
	color: white;
}

.navi li span.fkrp_tab a,.navi li span.fkrp_tab a:visited {
	color: rgb(0,67,102);
}
.navi li span.fkrp_tab a:hover {
	color: white;
}

.navi li span.dmd-de_tab a,.navi li span.dmd-de_tab a:visited {
	color: #9B301C;
}
.navi li span.dmd-de_tab a:hover {
	color: white;
}

.navi li span.dm-de_tab a,.navi li span.dm-de_tab a:visited {
	color: rgb(207, 137, 0);
}
.navi li span.dm-de_tab a:hover {
	color: white;
}

.navi li span.dm-uk_tab a,.navi li span.dm-uk_tab a:visited {
	color: rgb(207, 137, 0);
}
.navi li span.dm-uk_tab a:hover {
	color: white;
}

.navi li span.cmt-de_tab a,.navi li span.cmt-de_tab a:visited {
	color: #5e2154;
}
.navi li span.cmt-de_tab a:hover {
	color: white;
}

.navi li span.fshd-uk_tab a,.navi li span.fshd-uk_tab a:visited {
	color: rgb(1,86,102);
}
.navi li span.fshd-uk_tab a:hover {
	color: white;
}

.navi li span.pam-de_tab a,.navi li span.pam-de_tab a:visited {
	color: #7b3754;
}
.navi li span.pam-de_tab a:hover {
	color: white;
}

.navi li span.ibm-de_tab a,.navi li span.ibm-de_tab a:visited {
	color: #154f54;
}
.navi li span.ibm-de_tab a:hover {
	color: white;
}

.navi li span.fshd-de_tab a,.navi li span.fshd-de_tab a:visited {
	color: rgb(1,86,102);
}
.navi li span.fshd-de_tab a:hover {
	color: white;
}

.navi li span.col6-int_tab a,.navi li span.col6-int_tab a:visited {
	color: rgb(0,67,102);
}
.navi li span.col6-int_tab a:hover {
	color: white;
}

.navi li span.mtm-int_tab a,.navi li span.mtm-int_tab a:visited {
	color: #862969;
}
.navi li span.mtm-int_tab a:hover {
	color: white;
}


/* Left Navigation Styles */
.navi_content {
	width: 250px;
	float: left;
	background-color: #ccdadd;
	padding: 10px 0;
	letter-spacing: 0.3px;
}

.navi_content ul {
	list-style-type: none;
	margin: 0;
}

.navi_content ul ul li a,.navi_content ul ul li.active a {
	font-weight: 400;
	padding-left: 30px;
	text-transform: none;
	color: #0a88af;
}

.navi_content ul li a {
	display: block;
	line-height: 120%;
	width: auto;
	color: #0a88af;
	font-size: 100%;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0.8em;
}

.navi_content ul .restricted a {
	background-color: #ccdadd;
}

.navi_content ul li a:hover,.navi_content ul li.active a,.navi_content ul ul li.active a
	{
	background-color: #dbe8ee;
	text-decoration: none;
}

/* Content Styles */
.wrapper {
	width: 960px;
	margin: 0 auto;
}

.middle {
	width: 620px;
	height: 100%;
	float: right;
	background-color: #FFF;
	margin-bottom: 20px;
	border: #ccdadd 1px solid;
	padding: 20px 20px 20px 30px;
}

.middle p {
	line-height: 140%;
	margin: 0.5em 0 1em;
}

.middle p.large {
	font-size: 105%;
	line-height: 150%;
	margin: 0.5em 0 1em;
}

.middle p.small {
	font-size: 50%;
}

.overview_section_intro p {
	margin-bottom: 0em;
}

p.overview_section_link {
	margin-top: 0.3em;
}

.middle a,.middle a:visited {
	font-weight: bold;
}

.middle ul {
	margin: 0.5em 0 1em 1.4em;
	list-style-type: square;
}

.middle ul li {
	padding-left: 0.3em;
	margin: 0.2em 0 0.3em;
	line-height: 140%;
}

.centered {
	border-left: 1px solid #709302;
	padding-left: 10px;
	width: 500px;
	margin: 2em auto auto;
}

.quote {
	color: #676767;
	font-style: italic;
	font-size: larger;
	letter-spacing: 1.6px;
	line-height: 1.2;
}

.quote_author {
	line-height: 1.4;
}

.consent_checkbox {
	width: 500px;
	padding: 10px;
}

h3.faq {
	font-size: medium;
	padding-bottom: 0;
	color: #000;
}

ul.logos {
	list-style-type: none;
	text-indent: -9999px;
}

.logozeile {
	text-align: center;
}

div.website-box {
	padding: 0.8em;
	margin-bottom: 1.0em;
	border: 1.0px solid #0a88af;
	background-color: rgb(235, 235, 235);
}

div.website-button-left,div.website-button-right,div.website-button {
	font-family: "PTSansCaption", "Helvetica Neue", Helvetica, "Arial",
		sans-serif;
	margin: 0.2em 0 1em;
	letter-spacing: 0.3px;
}

div.website-button-left {
	width: 47%;
	float: left;
	margin-right: 3%;
}

div.website-button-right {
	width: 47%;
	float: right;
	margin-left: 3%;
}

div.website-button-left a,div.website-button-right a,div.website-button a {
	padding: 0.6em 1em;
	background-color: #dbe8ee;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	border: #0a88af 1px solid;
}

div.website-button-left a,div.website-button-right a {
	display: block;
}

div.website-button a {
	display: inline-block;
}

div.website-button-left a:hover,div.website-button-right a:hover,div.website-button a:hover {
	text-decoration: none;
	background-color: #ebf6f8;
}

span.website-button-info {
	display: block;
	margin-top: .6em;
	font-size: 75%;
	letter-spacing: 0.1px;
}

.content {
	padding-top: 30px;
}

.consent_checkbox {
	background: #ebf6f8;
	border: #ccdadd 1px solid;
}

.image_right {
	float: right;
	margin-left: 1em;
}

.member_picture {
	clear: both;
	float: left;
	height: 240px;
	width: 180px;
}

.member_biosketch {
	float: right;
	padding-right: 20px;
	width: 340px;
}

.member_picture,.member_biosketch {
	padding: 20px 20px 0 0;
}

.member_biosketch p {
	margin: 0.3em 0 0.8em;
}

.member_biosketch h3 {
	margin: 0 0 0.2em;
}

.member_section {
	float: left;
	padding-bottom: 20px;
}

/* Link Styles */
.middle a.noicon {
	background: none !important;
	padding-right: 0 !important;
}

.middle a[href^="http:"],.middle a[href^="mailto:"],.middle a[href^="javascript:linkTo_UnCryptMailto"],.middle a[href$=".pdf"],.middle a[href$=".doc"],.middle a[href$=".xls"],.middle a[href$=".rss"],.middle a[href$=".rdf"],.middle a[href^="aim:"]
	{
	background-repeat: no-repeat;
	background-position: right center;
	margin: -2px 0;
	padding: 2px 22px 2px 0;
}

.middle a[href^="http:"] {
	background-image: url(../images/external.png);
	padding-right: 14px;
}

.middle a[href^="mailto:"],.middle a[href^="javascript:linkTo_UnCryptMailto"]
	{
	background-image: url(../images/email.png);
}

.middle a[href$=".pdf"] {
	background-image: url(../images/pdf.png);
	padding-right: 22px;
}

.middle a[href$=".doc"] {
	background-image: url(../images/doc.png);
}

.middle a[href$=".xls"] {
	background-image: url(../images/xls.png);
}

/* Form Styles */
div.input_label {
	display: block;
	margin: 0.3em 0 0.1em;
}

div.input_label label,b {
	font-weight: 700;
	color: #262626;
}

div.input_label span.info {
	color: #000;
	font-style: italic;
	margin-left: 0.8em;
}

div.input {
	margin: 0.2em 0 0.8em;
}

.middle div.input p {
	margin: 0.3em 0 0.5em;
}

span.input_error {
	color: #D20000;
	display: block;
}

div.input_block_left {
	float: left;
}

div.input_block_right {
	float: left;
	margin-left: 1em;
}

div.input table.radio_horizontal td,div.input table.checkbox_horizontal td
	{
	padding-right: 0.7em;
}

label.radio_descriptions_label, label.checkbox_descriptions_label {
	margin-left: .5em;
	font-weight: bold;
}

#form .primary,#form .secondary,#form .move-button,#form .add-button,#form .add_button,#form .remove_button,#form .last
	{
	font-family: "PTSansCaption", "Helvetica Neue", Helvetica, "Arial",
		sans-serif;
	font-size: larger;
	margin-top: 0.5em;
	padding: 0.3em;
}

#form .primary {
	background-color: #E6FFD2;
	border: 1px solid #14DC0A;
}

#form .primary:hover {
	background-color: #d1f4c9;
}

#form .secondary {
	border: 1px solid #ffd200;
	background-color: #ffffe6;
	margin-left: 15px;
}

#form .add-button,#form .add_button {
	border: 1px solid #ffd200;
	background-color: #ffffe6;
	font-size: medium;
}

#form div.add_button_wrapper {
	margin-bottom: 2em;
}

#form .move-button {
	border: 1px solid #0e4459;
	background-color: #badff1;
	margin-bottom: 6px;
}

#form .move-button:hover {
	background-color: #a2c3d1;
}

#form .last {
	background-color: #FFF;
	border: 1px solid #FFF;
	color: #D20000;
	font-size: small;
	margin-left: 10px;
}

#form .remove_button {
	background-color: #FFFFFB;
	border: 0px solid #FFF;
	color: #D20000;
	font-size: small;
}

#form .contact_data_edit_list_item .last {
	font-size: small;
	color: #d20000;
}

#form .contact_data_edit_list_item .move-button {
	font-size: small;
	color: #0e4459;
}

/* Message Box Styles */
div.success_box,div.warning_box,div.error_box,div.question_box {
	clear: both;
	background-repeat: no-repeat;
	background-position: 15px center;
	min-height: 60px;
	color: #000;
	margin: 1.5em 0;
	padding: 20px 0.5em 20px 85px;
}

div.success_box ul,div.warning_box ul,div.error_box ul,div.question_box ul {
	list-style: none;
	margin: 0;
}

div.success_box {
	border: 1px solid #14dc0a;
	background-color: #e6ffd2;
	background-image: url(../images/success.png);
}

div.warning_box {
	border: 1px solid #ffd200;
	background-color: #ffffe6;
	background-image: url(../images/warning.png);
}

div.error_box {
	border: 1px solid #d20000;
	background-color: #ffe6e6;
	background-image: url(../images/error.png);
}

div.question_box {
	border: 1px solid #1e92bf;
	background-color: #d4effa;
	background-image: url(../images/question.png);
}

div.success_box_small,div.warning_box_small,div.error_box_small,div.question_box_small {
	min-height: 40px;
	background-repeat: no-repeat;
	background-position: 10px center;
	color: #000;
	font-weight: 400;
	margin: 1em 0;
	padding: 0.4em 0 0.4em 55px;
}

a.box:hover {
	text-decoration: none;
}

div.success_box_small {
	border: 1px solid #14dc0a;
	background-color: #e6ffd2;
	background-image: url(../images/success_small.png);
}

div.warning_box_small {
	border: 1px solid #ffd200;
	background-color: #ffffe6;
	background-image: url(../images/warning_small.png);
}

div.error_box_small {
	border: 1px solid #d20000;
	background-color: #ffe6e6;
	background-image: url(../images/error_small.png);
}

div.question_box_small {
	border: 1px solid #1e92bf;
	background-color: #d4effa;
	background-image: url(../images/question_small.png);
}

ul.icons {
	list-style-type: none;
	margin-left: 0px;
}

ul.icons li {
	min-height: 20px;
	background-repeat: no-repeat;
	background-position:  0px 0.2em;
	margin: 0em 0em;
	padding: 0.2em 0 0.2em 30px;
}

li.success {
	background-image: url(../images/success_tiny.png);
}

li.warning {
	background-image: url(../images/warning_tiny.png);
}

li.error {
	background-image: url(../images/error_tiny.png);
}

li.question {
	background-image: url(../images/question_tiny.png);
}

div.display_item_group_value {
	background-color: #FFFFFB;
	border: 1px solid #E2E9CC;
	margin: 15px 0;
	padding: 8px;
}

div.implicit_item_group_value_date {
	color: #646464;
	margin-bottom: 0.8em;
	font-weight: 700;
}

#form .secondary:hover,#form .add-button:hover,#form .add_button:hover {
	background-color: #fff7b2;
}

#form .last:hover,#form .remove_button:hover {
	background-color: #ff8577;
}

div.contact_data_detail,.display_table {
	background-color: #f2f2f2;
	margin: 8px 0;
	padding: 5px 10px;
}

td.display_table_label {
	padding-right: 1em;
}

div.contact_data_edit_list_item,div.edit_item_group_value {
	background-color: #FFFFFB;
	border: 1px solid #E2E9CC;
	margin: 20px 0;
	padding: 12px;
}

/* Footer Styles */
.navifooter {
	height: 111px;
	margin-left: -40px;
	clear: both;
	float: right;
}

.fkrp #footer,.dmd-de #footer,.dm-de #footer {
	color: #999;
	font-size: 80%;
	font-weight: 700;
	text-transform: uppercase;
}

.navifooter ul {
	float: right;
	padding-top: 15px;
}

.navifooter li {
	display: block;
	float: left;
}

.navifooter li a {
	color: #999;
	display: block;
	position: relative;
	padding: 0 2px;
	margin-left: 25px;
}

.navifooter li.active a,.navifooter li.active a:hover {
	color: #000;
	text-decoration: none;
}

/*
 Print Styles
 */
.print_header,.hide {
	display: none;
}
