@charset "utf-8";
html, body { height: 100%; }
body {
	background-color: white;
	font: .75em/1.5 "DejaVu Sans", "URW Gothic L", "Helvetica Neue", Verdana, Arial, "Microsoft Sans Serif", sans-serif;
	color: black;
}

a
{
	color: #c00014;
}

a:visited
{
	color: #ff4f64;
}

a.imaged
{
	text-decoration: none;
}

a.imaged span
{
	text-decoration: underline;
}

a:hover, a.imaged:hover span
{
	text-decoration: none;
}

input[type = text], input[type = password]
{
	border: 1px solid #aeaeae;
}

.imaged img, .contents .img img, .preview img
{
	border: 1px solid gray;
}

#container
{
	min-height: 100%;
	position: relative;
}

#page
{
	padding-bottom: 80px;
}

#logo
{
	margin-top: 2px;
}

#header
{
	background: url("../pics/apple.jpg") no-repeat right 50px;
	width: 100%;
	height: 188px;
}

.banner
{
	margin-top: 15px;
	margin-bottom: 10px;
}

#topmenu
{
	margin-top: 45px;
	text-align: right;
}

#topmenu a:visited
{
	color: #c00014;
}

.menudiv
{
	padding: 0px 8px;
}

#search
{
	background-color: #cccccc;
	width: 810px;
	height: 29px;
	margin-top: 7px;
}

#search table
{
	margin-left: 5px;
}

#search td
{
	padding: 4px;
}

#search input[type = text]
{
	width: 250px;
}

#searchdesc
{
	margin: 20px 0;
}

#searchdesc tt
{
	display: block;
	background: url("../pics/view.png") no-repeat right center #fbfbfb;
	border: 1px dashed gray;
	margin: 5px 20px;
	padding: 5px 10px;
	font: 1em/1.5 "DejaVu Sans", "URW Gothic L", "Helvetica Neue", Verdana, Arial, "Microsoft Sans Serif", sans-serif;
}

.searchspot, #searchpages
{
	margin-top: 20px;
}

#rightside
{
	width: 160px;
}

#loginform .input, #loginform .submit
{
	padding: 0px 2px;
}

#loginform .submit
{
	margin: 5px 0 10px 0;
}

.input input
{
	width: 100%;
}

#loginform .register
{
	border-bottom: 1px solid #aeaeae;
	padding-bottom: 15px;
	margin-bottom: 15px;
	text-align: center;
}

#loginform .login
{
	border-bottom: 1px solid #aeaeae;
	font-weight: bold;
}

#loginform ul.register
{
	text-align: left;
}

#loginform ul
{
	margin-top: 5px;
}

#loginform a:visited
{
	color: #c00014;
}

#registerform
{
	width: 250px;
	color: #555555;
}

#registerform, #registerform .submit, #registerform .label, #registerform .password
{
	margin: 15px 0 0 0;
}

#registerform .password
{
	padding-left: 15px;
	font-size: .85em;
}

#registerform .readonly
{
	background-color: #eeeeee;
}

h1, h2
{
	margin-top: 20px;
	border-bottom: 1px solid #c00014;
	font: 2em/.85 Georgia, serif;
	color: #c00014;
}

h2
{
	font: 1.4em/.85 Georgia, serif;
}

h1.spec_neurology
{
	border-bottom: 1px solid #6cb33e;
	color: #2a2a2a;
}

h1.spec_neurology .spec
{
	color: #6cb33e;
}

h1.spec_oncology
{
	border-bottom: 1px solid #cc0000;
	color: #2a2a2a;
}

h1.spec_oncology .spec
{
	color: #cc0000;
}

h1.title
{
	margin: 10px 0 20px 0;
	border-bottom: none;
	line-height: 1.2em;
	color: black;
}

.preview
{
	margin-top: 10px;
}

.preview .toclinks
{
	text-align: right;
}

.preview img, .contents .img
{
	float: left;
	margin: 0 10px 10px 0;
}

.preview .feat
{
	display: block;
	margin-top: 10px;
}

.newses
{
	background-color: #f9e5e7;
	margin-top: 20px;
	padding-bottom: 1px;
}

.newses .caption
{
	font-size: 1.4em;
	color: #5e5e5e;
	margin: 5px 3px 3px 3px;
}

.newses .content
{
	background-color: white;
	margin: 1px;
	list-style-type: disc;
	color: #c00014;
}

.newslist
{
	padding: 2px 3px;
	text-align: right;
}

			.example-date
			{
				float: left;
				position: relative;
				background-color: #f9e5e7; 
				padding: 32px 5px 0px 5px;
				margin: 5px 10px 0px 0px;
				height: 28px;
				min-width: 54px;
				color: #333333;
				font-family: "DejaVu Sans", "URW Gothic L", "Helvetica Neue", Helvetica, Arial, "Microsoft Sans Serif", sans-serif;
				text-shadow: 0px 1px 0px #e5e5ee;
			} 
			.example-date .example-month
			{
				text-transform: uppercase;
				font-size: 22px;
			}
			.example-date .example-day
			{
				font-size: 38px;
				letter-spacing: -0.05em;
				line-height: 40px;
				position: absolute;
				left: 5px;
				top: 0px;
			}
			.example-date .example-year
			{
				display: block; 
				position: absolute;
				right: -5px;
				top: 9px;
				-webkit-transform: rotate(-90deg);
				-moz-transform: rotate(-90deg);
				-o-transform: rotate(-90deg);
			}

.content li
{
	margin: 3px 3px 5px 18px;
}

#rightside
{
	margin-top: 20px;
}

#archive .year, #yearnums .year
{
	margin-top: 20px;
	font: 2em/.85 Georgia, serif;
}

#archive .magazines
{
	margin-top: 20px;
}

#archive .magazine
{
	float: left;
	width: 175px;
	margin-bottom: 10px;
	text-align: center;
}

#yearnums .num
{
	margin: 5px 0 0 15px;
}

#yearnums .num.current
{
	margin-left: 30px;
	font-weight: bold;
}

.contents
{
	margin-top: 10px;
}

.contents .img
{
	text-align: center;
}

.contents .list
{
	overflow: hidden;
}

.contents .article
{
	margin-bottom: 20px;
}

.article .authors
{
	background: url("../pics/authors.png") no-repeat left top;
	padding-left: 20px;
	margin: 3px 0;
}

.article .deschandler, .favitem .deschandler
{
	background: url("../pics/info.png") no-repeat left top;
	background-color: #F5F5F5;
	padding-left: 20px;
}

.deschandler .arrowdown
{
	float: right;
	background: url("../pics/arrow.png") no-repeat;
	width: 16px;
	height: 16px;
}

.arrowdown.up
{
	background: url("../pics/arrowup.png") no-repeat;
}

.favourite, .infavourite
{
	margin-bottom: 1.5em;
	text-align: right;
}

.favourite a
{
	background: url("../pics/bookmark.png") no-repeat;
	padding: 0 0 2px 18px;
}

.favourite a:hover
{
	background: url("../pics/bookmark.a.png") no-repeat;
}

.infavourite a
{
	background: url("../pics/bookmark.d.png") no-repeat;
	padding: 0 0 2px 18px;
}

#favourites .favitem
{
	background: url("../pics/bookmark.a.png") no-repeat;
	padding-left: 18px;
	margin-bottom: 1.5em;
}

.article .desc, .favitem .desc
{
	display: none;
	padding-left: 20px;
	border-bottom: 1px solid #F5F5F5;
}

.article .file
{
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	margin: 3px 0;
}

.body p, .desc p
{
	margin-bottom: 1em;
}

.breadcrumbs
{
	margin-top: 5px;
}

.theme
{
	text-align: right;
}

.file
{
	margin: 10px 0;
}

.file td
{
	padding-right: 10px;
}


.processorderbtn
{
	background: url("../pics/processorder.png") no-repeat;
	width: 158px;
	height: 22px;
}

.confirmorderbtn
{
	background: url("../pics/confirmorder.png") no-repeat;
	width: 158px;
	height: 22px;
}


#errors
{
	margin: 10px 0;
	color: red;
}

#footer
{
	position: absolute;
	bottom: 0;
	height: 60px; /* Height of the footer */
	width: 100%;
	border-top: 1px solid #cccccc;
	background-color: #f5f5f5;
}