/*
color:#178AC1
GreyLight:#9999
*/

body
{
	background-color:#F5F5F5;
	padding:20px 10%;
	font-family: Arial, sans-serif;
	font-size:medium;
}

ul {
    list-style: none;
    line-height: 1.25em;
	margin-top:0;
	margin-left:1em;
}

ul li:before {
    content: "";
    line-height: 1.2em;
    width: .5em;
    height: .5em;
    background-color: #178AC1;
    float: left;
    margin: .3em .3em 0 0;
    border-radius: 50%;
	margin-right:0.5em;
}

section, .section
{
	border-radius:0.5em 0 0.5em 0;
	margin:0;
	padding:1em;
	background-color:white;
	background-repeat:no-repeat;
	background-position:bottom right;
	box-shadow:3px 3px 3px black;
}

header, .header
{
	border-radius:0.5em 0 0 0;
	text-align:center;
	padding:1em 0 2.5em 0;
	margin:-1em -1em 1em -1em;
	color:white;
	background:URL("images/border.png");
	background-repeat:repeat-X;
	background-position:bottom;
	background-color:#178AC1;
}

header h1, .header h1
{
	font-size:2em;
	text-shadow:3px 3px 3px black;
	padding:0;
	margin:0.25em 1em;
}

#menu ul {
    margin: 0;
    padding: 0;
	width:100%;
	text-align:center;
	display:block;
}

#menu li {
	display:inline;
	padding:0;
	margin:0 3%;
}

#menu li:before{
	display:none;
}

#menu a {
	color:white;
	display:inline-block;
	width:180px;
	text-align:center;
	padding:0;
	margin:0;
	font-size:medium;
	text-shadow:2px 2px 2px black;
}

footer, .footer
{
	padding:0;
	margin:2em 0 0 0;
	color:#CCCCCC;
	text-align:right;
	border-top:1px solid #CCCCCC;
}

#topLink {
	display:inline;
	color:#CCCCCC;
	float:left;
}

#topLink:hover {
	font-weight:bold;
    text-decoration: none;
	color:#505050;
}

a {
    text-decoration: none;
    color: #178AC1;
}

a:hover {
    text-decoration: underline;
}

dl{
	margin-left:1em;
}

dt {
    font-weight: bold;
    text-align: left;
    float: left;
    width: 145px;
	margin-left:5px;
	font-size:medium;
}

dd {
    margin-left: 150px; /* dt margin-left + 1*/
    margin-bottom: 0.25em;
	font-size:medium;
	white-space: nowrap;
}

#photo {
	float:right;
	margin:2em;
}

img {
	border-radius:1em;
	margin:0.5em;
}

h2 {
	color:#505050;
	margin:0.5em 0 0.25em 0;
}

h3 {
	color:#178AC1;
	font-style:italic;
	margin-left:1em;
	font-weight:normal;
}

button {
	border-radius:0.5em 0 0.5em 0;
}

pre, .attention, .h3wrapper {
	margin:1em 5%;
	border-radius:0.5em 0 0.5em 0;
}

pre {
	padding:0.5em 1em;
	border:1px solid #CCCCCC;
	white-space: pre-wrap;
	word-wrap: break-word; 
	color:#505050;
}

.attention {
	border:4px solid #178AC1;
	background-color:#CCCCCC;
	padding:0.5em 1em;
	min-height:4em;
	box-shadow:3px 3px 3px black;
	font-style:italic;
	margin-right:5%;
}

.attention b{
	color:#178AC1;
}

.attention .symbol {
	color:#178AC1;
	text-shadow:3px 3px 3px black;
	font-size:3em;
	font-weight:bold;
	float:right;
	padding:0 0.25em;
	text-indent:0;
	border:4px solid #178AC1;
	border-radius:3em;
	box-shadow:3px 3px 3px black;
}

table {
	width:90%;
	margin-left:5%;
}

td,th {
	padding:0 0.5em;
	vertical-align:top;
}

th {
	background-color:#CCCCCC;
	color:black;
	border-radius:0.5em 0 0.5em 0;
	text-align:center;
}

td {
	text-align:right;
	border:1px solid white;
}

td:hover {
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

p {
	text-indent:1em;
	margin:0 0 0.25em 0;
	text-align:justify;
}

.h3wrapper {
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	margin-top:0.5em;
}

.wrapped {
	visibility:hidden;
	display:none;
}

.wrappedVisibile {
	visibility:hidden;
	display:none;
}

.title {
	color:#505050;
	margin-left:0.5em;
	cursor:pointer;
	font-size:large;
}

.title:hover {
    text-decoration:underline;
}

.authors {
	color:#178AC1;
}

.publisher {
	font-style: italic;
	font-size:small;
}

.authors, .publisher {
	text-align:right;
	margin-left:1em;
}

.button_wrapper {
	display:block;
	width:100%;
	text-align:right;
}

.others {
	text-align:right;
	color:#505050;
}

.year {
	color:#178AC1;
	float:right;
}

.abstract {
	padding:0 1em;
	font-size:small;
}

#qr {
	border-radius:0;
	border:none;
	padding:0;
	margin:0;
	margin-left:158px;
	margin-top:-1em;
	width:100px;
	margin-bottom:-2em;
}