body {
	font-size:14px;
	line-height:1.5;
	font-family: Verdana, sans-serif;
	background:#F2F2F2;
	color:#535353;
	width:100%;
	padding:0;
	margin:0 auto 120px auto;
}

h3 {
	margin:5px;
	padding:5px 0;
	color:#4d4d4d;
	font-weight:bold;
	font-size:14px;
	border-bottom:1px dotted #7b7b7b;
}
h2 {
	margin:10px 0;
	padding:15px;	
	font-style:italic; 
	background:#1861a1;
	color:#fff;
	font-size:14px;
	line-height:1;
	border-radius:5px;
	box-shadow:3px 3px 0px 0px rgba(0,0,0,0.2);
}

a{color:#1861a1;text-decoration:none;}
a:hover{color:#BE091C;text-decoration:none;}

ol, ul{margin:20px 0;padding:0 0 0 25px;}

.progresslegend {
	width:100%; border-style:solid solid none solid; border-width:1px; border-color:grey; height:10px;
	margin:1.5em 0 5px 0;
}
.progresslegend span {
	display:block; position:relative; top:-1.3em; text-align:center;
	font-size:smaller; font-style:italic;
}

.progressbar { display:inline-block;width:100%; height:40px; }
.progressbar.payments { background-color:#CCC; }
.progressbar .payment { text-align:center; background-color:#F26D2C; }

.progressbar .payment span { visibility:hidden; }
.progressbar .payment:hover { background-color:#E25D1C; }
.progressbar .payment:hover span { visibility:visible; }

.progressbar .instalment,.progressbar .payment {
	display:inline-block;height:100%;margin:0;padding:0;
	overflow:visible; font-size:12px;
}
/*.progressbar .instalment:nth-child(odd) { background-color:grey; }
.progressbar .instalment:nth-child(even){ background-color:darkgrey; }*/
.progressbar .instalment { text-align:left; }
.progressbar .instalment span { display:inline-block;height:100%;
position:relative; left:-5px; }

#header #logo {
	width:auto;
	height:70px;
	display:block;
	float:left;
}

#header,#footer {
	border:0;
	overflow:auto;
	text-align:right;
	background:#0B2031;
	color:#fff;
}
#header { padding:20px;}
#footer { padding:0 10px; font-size:11px; box-sizing:border-box;position:fixed;bottom:0;left:0;width:100%;background:#BE091C;}
#header a, #footer a { color:inherit; }
#header div a {display:inline-block;line-height:1;padding:6px 0;margin:0 10px;border-bottom:2px solid #fff;color:#fff;font-weight:bold;text-decoration:none;}
#header div a:hover {border-bottom:2px solid #219ed9;color:#219ed9;}
#footer p{margin:0padding:0;}

#header h1{
	margin:0 0 5px 0;
	font-size:20px;
}

#content{
	padding:20px 40px;
	max-width:800px;
	margin:40px auto;
	background:#fff;
}

#content > h1:first-child {
	color:#1861a1;
	font-size:130%;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:2px dotted #1861a1;
}

label {
	font-weight:bold;
	color:#474747;
	line-height:2.2;
	cursor:pointer;
}


.hint { 
	font-size:12px;
	margin:3px 0;
	padding:5px 5px 5px 25px;
	border:1px solid #cdcdcd;
	border-radius:3px;
	font-style:italic;
	background:url(icon_hint.png) no-repeat 5px 5px;
	display:inline-block;
}
form .hint{
	border:0;
}
form .itsatrap { display:none; }

input[type="text"], input[type="password"], input[type="file"]{
	background:#ebebeb;
	border:0;
	padding:10px;
	width:300px;
	max-width:100%;
}

form input[type="file"] {
	border:1px dotted #219ed9;
}
form input[type=submit] {
	margin-top:20px;
	display:block;
	background:#219ed9;
	color:#fff;
	padding:15px 25px;
	line-height:1;
	cursor:pointer;
	border:0;
	border-radius:5px;
	transition:background 0.3s;
}
form input[type=submit]:hover {
	background:#4ab2e3;
	color:#fff;
}


@media (max-width: 800px) {
	#header{
		text-align:left;
	}
	#header #logo {
		width:auto;
		height:45px;
		float:none;
	}
	#header h1{
		margin:15px 0 0 0;
		font-size:14px;
	}
	#content{
		padding:20px;
		margin:0;
	}
}




/* home screen "tabs" */
.tab { display:none; }
.tab.visible { display:block; }
.tab { border:1px solid grey; padding:10px; border-radius:3px;}


/* reduce gap in top of forms */
form > p:first-child { margin-top:5px; }
form label { display:block; }
form input[type="text"],
form input[type="password"] { max-width:90%; }


#announcements ul { margin:0; }
#announcements {
	border:1px solid blue;
	overflow:auto;
	text-align:left;
	padding:5px;
	margin:0;
	color:#0B2031;
	background-color:#ffdddd;
	font-size:smaller;
}

h4 + p { margin-top:-15px; }
div#content > h1:first-child { margin-top:0; }
p.alert { color:red; }

.note { font-style:italic; opacity:0.7; font-size: 80%; }
.note.pending { color:red; }
.note.hidden { color: inherit; }
.article_text { background-color: #EEE; border-radius:5px; padding:15px; }
label { margin-bottom:0; } 
textarea { width:95%; }

.comment { color:black; border-radius:5px; padding:5px; margin:10px 0; border:1px solid #888; }
.comment h3 { color:inherit; margin:0; font-size:smaller; font-weight:normal;}
.comment.pending { background-color: #FEE; border-color:red; }
.comment.hidden { background-color: #EEE; color: #666;}
.comment .buttons { text-align:right; }

.like,.dislike { display:inline-block; width:24px; height:29px; vertical-align:bottom; background-repeat:no-repeat; background-size:contain; cursor:pointer; opacity:0.7; margin-bottom:-5px; }
.like:hover, .dislike:hover {opacity:1;}
.like { background-image:url("like.png"); background-position:center top;}
.like.liked { background-image:url("like2.png"); }
.dislike { background-image:url("dislike.png"); background-position:center 5px; }
.dislike.disliked { background-image:url("dislike2.png"); }



.disabled { display:none; }


.noscript { color:white; background-color:red; }



span.active { color:#00CC00; }

/*Table related changes for Consultation 2*/
.data-table{border-collapse:collapse;max-width:100%}
.data-table td{border:1px solid #888;padding:3px 6px;}
.data-table.small-letters tr:nth-child(1){font-size:7px;padding:1px 2px;}
.data-table.small-letters tr:nth-child(2){font-size:7px;padding:1px 2px;}
.data-table.small-letters td:nth-child(1){font-size:7px;padding:1px 2px;}