/* BODY
---------------------------------------------------------------------- */

body  {border:0; margin: 30px 0px 30px 0px; padding:0; background:#F2F5FE url("images/bg.gif") 0 0 repeat-x; font: 70%/160% "verdana",sans-serif; color: #192666;}


/* top, right, bottom, left */


/* TABLES AND COLUMNS
---------------------------------------------------------------------- */

.paddedcontentcolumn {padding: 30px 20px 20px 20px; background: #ffffff; text-align: left;}

.darkbluerow {background: #192666;}

.menutablepadding {padding: 0px 10px 0px 10px;}

.columnheaderrow {background: #A0B9F3}

.outercontentrow {border-left: 1px solid #D7E0FA; border-right: 1px solid #D7E0FA; padding: 32px 8px 26px 8px; background: #ffffff;}

.contenttoprowfade {background:#ffffff url("images/top_gradient.png") 0 0 repeat-x;}

.contentbottomrowfade {background:#ffffff url("images/bottom_gradient.png") 0 0 repeat-x;}

.leftcolumnbg {background: #CEDBF9 url("images/leftcolumn_bg.png") 0 0 repeat-y;}

.rightcolumnbg {background: #CEDBF9 url("images/rightcolumn_bg.png") 0 0 repeat-y;}

.subscribebox {background: #ffffff; border: 1px solid #5D79C3; padding: 6px; margin-bottom: 20px; text-align:left;}

.subscribebox2 {background: #516CB9; border: 1px solid #fff; padding: 6px; margin-bottom: 20px; text-align:left;}

.novo_nordisk_box {background: #ECEFFE; border: 1px solid #5D79C3; padding: 8px; text-align:left; font-size: 1.1em; line-height: 1.4;}

.top_middle_sponsors_box {background: #DBE4FB url(images/top_sponsors_box_gradient.png) repeat-x left top; border: 1px solid #5D79C3; padding: 8px; text-align:left; font-size: 0.95em; line-height: 1.4; margin-bottom: 20px;}

.homepage_shaded_box {background: #DBE4FB url(images/top_sponsors_box_gradient.png) repeat-x left top; border: 1px solid #5D79C3; padding: 8px; text-align:left; font-size: 0.95em; line-height: 1.4; margin-bottom: 20px;}

.twitter_feeds_box {background: #DBE4FB; border: 1px solid #5D79C3; padding: 8px; text-align:left; font-size: 0.95em; line-height: 1.4; margin-bottom: 20px;}

.elsevier_box {background: #E9EDFD; border: 1px solid #5D79C3; padding: 0 8px; text-align:left;}

.aboutussublinks {background: #ffffff; border: 1px solid #5D79C3; padding: 6px; margin-bottom: 30px; text-align:left;}

.contenttable a {font-weight: bold;}

.archivetable {border: 1px solid #CEDBF9; padding: 4px; width: 560px;}

.archivetable_leftcolumn {background: #E0E9FC; width: 100px; padding: 16px 8px 0px 6px; border-right: 1px solid #CEDBF9; vertical-align: top; text-align: right;}

.archivedatetable {width: 460px; padding: 4px; text-align: center; margin: 8px;}

.archivedatetable td {border-width: 1px; border-style: dotted; border-color: #CEDBF9; border-collapse: collapse; padding: 4px;}

.archivedatetable_narrow {width: 300px; padding: 4px; text-align: center; margin: 8px;}

.archivedatetable_narrow td {border-width: 1px; border-style: dotted; border-color: #CEDBF9; border-collapse: collapse; padding: 4px; width: 60px;}

.hiddentable {visibility: hidden;}

.submitcomments {background: #F8F8F8; border: 1px solid #D7DFE8; margin: 0; padding: 8px;}



/* EDUCATION SLIDES
---------------------------------------------------------------------- */


.education_content_table {
	border-left: 1px solid #D7E0FA;
	border-right: 1px solid #D7E0FA;
	padding: 32px 8px 26px 8px;
	background: #fff;
}


.education_content_table_content_cell {
	margin: 0;
	padding: 0 20px;
	background: #fff;
	font-size: 1.1em;
	line-height: 1.7;
	border: 1px solid #657DC5;
}


#education_content_table_rhs_cell {
	margin: 0;
	padding: 0 8px;
	background: #DBE4FB;
	border: 1px solid #657DC5;
}


.custom_heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 1.6em;
	color: #657DC5;
	padding-bottom: 6px;
	border-bottom: 1px solid #CBD3EB;
}


#retinopathy_slides_lhs_menu {
	margin: 0;
	padding: 0 8px 8px 8px;
	background: #DBE4FB;
	border: 1px solid #657DC5;
}


#previous_next_buttons_div {
	padding:0;
	margin: 30px 20px 50px 0;
	font-size: 1.2em;
	text-align: left;
}


.previous_next_button {
	margin: 0 4px 0 0;
}


.previous_next_button a {
	background: #006600 url(images/green_button_off.png) repeat-x top left;
	padding: 6px 12px;
	color: #fff;
	text-decoration: none;
	border: 1px solid #000;
}


.previous_next_button a:hover {
	background: #00BB00 url(images/green_button_on.png) repeat-x top left;
	color: #fff;
	text-decoration: none;
}


#retinopathy_slides_lhs_menu ul {
	list-style-type: square;
	margin-left: 14px;
	_margin-left: 12px; /* IE 6 FIX */
	margin-right: 5px;
} 


#retinopathy_slides_lhs_menu li {
	margin-bottom: 0.5em;
	line-height: 1.2;
	font-size: 0.9em;
}


/* IMAGES
---------------------------------------------------------------------- */

.bullet {padding: 2px 8px 0px 0px}

.backtotop {margin-right: 145px;}

.pictureborder {float: left; padding: 8px; border: 1px solid #CEDBF9; margin-right: 8px;}

.novo_nordisk_logo {float: left; padding: 5px; background: #fff; margin: 4px 24px 4px 4px; border: 1px solid #9AACDA;}

.sponsor_logo {padding: 2px; background: #fff; margin: 4px 4px 0 4px; border: 1px solid #9AACDA;}


/* FONT STYLES
---------------------------------------------------------------------- */

.pageheading {background:#ffffff url("images/pageheading_gradient.png") 0 0 repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight: bold; padding-left: 15px; padding-right: 15px; height: 33px; text-align: left;}

.columnheading {background: #A0B9F3; font-family: Arial, Helvetica, sans-serif; font-size: 1.25em; color: #ffffff; font-weight: bold; padding: 8px;}

.subscribefont {padding: 8px 8px 0px 8px;}

.footerfont {color: #cccccc;}

.required {color: red;}

h1 {font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 1.8em;}

h2 {font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 1.8em;}

h3 {font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 1.8em;}

.smallgreyfont {font-size: 9px; color: #999999; padding-top: 25px; text-align: center;}

.smallgreyfont a:link {color: #999999; text-decoration: none;}

.smallgreyfont a:visited {color: #999999; text-decoration: none;}

.smallgreyfont a:hover {color: #444444; text-decoration: underline;}

.stronglink {font-weight:bold;}

.line {border-bottom: 1px solid #192666}

.small_black_font {
font-family: Arial, Helvetica, sans-serif; 
font-size: 1em;
color: #000;
text-align: left;
line-height: 1.3;
}

.small_white_font {
font-family: Arial, Helvetica, sans-serif; 
font-size: 1em;
color: #fff;
text-align: left;
line-height: 1.3;
}


/* FORMS AND FORM FIELDS
---------------------------------------------------------------------- */

form {border:0; margin:0; padding:0;}


.searchinputtextbox {width: 110px; color: #777; height: 16px; padding: 2px 0px 0px 2px; margin-top: 2px; margin-bottom: 2px; border: 1px solid #E5E5E5; font-family: Tahoma, Arial, sans-serif; font-size: 12px; color: #cc0000;}

.searchinputbutton {font: normal 1.1em Arial, Sans-serif; height: 20px; width: 54px; padding: 1px 2px 1px 2px; margin-top: 4px; margin-bottom: 2px; margin-right: 4px; color: #000; background: #FFF url(images/button.gif) repeat-x; border: none; cursor: pointer;}


.subscribeinputtextbox {width: 140px; color: #777; height: 18px; padding: 2px 0px 0px 2px; margin-bottom: 4px; border: 1px solid #91AEF2; margin-left: 6px; font-family: Tahoma, Arial, sans-serif; font-size: 12px; color: #cc0000;}

.subscribeinputbutton {font: normal 1.2em Arial, Sans-serif; height: 20px; width: 82px; padding: 2px 2px; margin-top: 4px; margin-bottom: 4px; margin-left: 8px; color: #000; background: #FFF url(images/button.gif) repeat-x; border: none; cursor: pointer;}


.contactform {background: #F8F8F8; border: 1px solid #D7DFE8; margin-top: 20px; margin-bottom: 20px; padding: 16px; width : 450px;}

.contactform input.contacttextbox {width: 240px; font-family: Tahoma, Arial, sans-serif; font-size: 12px; color: #cc0000; height: 20px; padding: 4px 4px 0px 4px; margin-top: 4px; margin-bottom: 4px; border: 1px solid #CEDBF9;}

.contactform input.contactbutton {margin-top: 14px; font: normal 1.2em Arial, Sans-serif; background: #FFF url(images/button.gif) repeat-x; padding: 2px 3px; color: #333; border: 1px solid #DADADA; cursor: pointer;}

.contactform textarea {width: 400px; padding: 2px; border: 1px solid #CEDBF9; margin-top: 8px; height: 140px; display: block; font-family: Tahoma, Arial, sans-serif; font-size: 12px; color: #cc0000;}

.subscribeform {background: #F8F8F8; border: 1px solid #D7DFE8; margin-top: 20px; margin-bottom: 20px; padding: 16px; width : 450px;}

.subscribeform input.subscribetextbox {width: 240px; font-family: Tahoma, Arial, sans-serif; font-size: 12px; color: #cc0000; height: 20px; padding: 4px 4px 0px 4px; margin-top: 4px; margin-bottom: 4px; border: 1px solid #CEDBF9;}

.subscribeform input.subscribebutton {margin-top: 14px; font: normal 1.2em Arial, Sans-serif; background: #FFF url(images/button.gif) repeat-x; padding: 2px 3px; color: #333; border: 1px solid #DADADA; cursor: pointer;}

.subscribeform textarea {width: 400px; padding: 2px; border: 1px solid #CEDBF9; margin-top: 8px; height: 140px; display: block; font-family: Tahoma, Arial, sans-serif; font-size: 12px; color: #cc0000;}


/* LINK STYLES
---------------------------------------------------------------------- */

a {color: #192666;}
a:hover {color: #91AEF2;}


/* SEARCH TERM HIGHLIGHT
---------------------------------------------------------------------- */

.hl2 { background-color:yellow; }


/* DIV STYLES
---------------------------------------------------------------------- */

div {display:block; border:0; margin:0; padding:0;}


/* LISTS
---------------------------------------------------------------------- */

ul, ol {display:block; border:0; margin:15px 0 15px 40px; padding:0;}
ol {list-style-type:decimal;}
li {display:list-item; border:0; margin:0; padding:0; _height:1px;}
ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;}


/* FLOATS AND ALIGNEMENTS
---------------------------------------------------------------------- */

.f-left {float:left;}
.f-right {float:right;}

.t-left {text-align:left;}
.t-center {text-align:center;}
.t-right {text-align:right;}

.va-middle {vertical-align:middle;}

.clear {clear:both;}
.box {min-height:1px; _height:1px;}
.box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;}


/* MENU TABS
---------------------------------------------------------------------- */

#tabs {background: #192666; margin:0; padding:10px 0 0 0; _height:1px;}

    #tabs ul {margin:0; padding:0; list-style:none;}
    #tabs ul li {margin:0 6px 0 0; padding:0; float:left;}
    #tabs ul li a {display:block; position:relative; padding:7px 7px; border:0; background:url("images/tab_link.gif") 0 0 repeat-x; color:#B5C4E3; font-weight:bold; text-decoration:none; cursor:pointer;}
    
    /* Main menu (tabs - link) */
    #tabs ul li a span.tab-l, #tabs ul li a:hover span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("images/tab_link_l.gif") 0 0 no-repeat;}
    #tabs ul li a span.tab-r, #tabs ul li a:hover span.tab-r {position:absolute; top:0; right:0; _right:-1px; width:8px; height:8px; background:url("images/tab_link_r.gif") 100% 0 no-repeat;}
    
    /* Main menu (tabs - hover) */
    #tabs ul li a:hover {background:url("images/tab_hover.gif") 0 0 repeat-x; color:#FFF;}
    #tabs ul li a:hover span.tab-l {background:url("images/tab_hover_l.gif") 0 0 no-repeat;}
    #tabs ul li a:hover span.tab-r {background:url("images/tab_hover_r.gif") 100% 0 no-repeat;}
    
    /* Main menu (tabs - active) */
    #tabs ul li#active a {background: #FFF; color: #6C94EE;}
    #tabs ul li#active a span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("images/tab_active_l.gif") 0 0 no-repeat;}
    #tabs ul li#active a span.tab-r {position:absolute; top:0; right:0; width:8px; height:8px; background:url("images/tab_active_r.gif") 100% 0 no-repeat;}


/* TWEETS
---------------------------------------------------------------------- */

.tweet, .query {
  color: #192666; }
  .tweet .tweet_list, .query .tweet_list {
    -webkit-border-radius: .5em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: transparent; }
    .tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
      text-transform: uppercase; }
    .tweet .tweet_list li, .query .tweet_list li {
      overflow-y: auto;
      overflow-x: hidden;
      padding: .5em; }
      .tweet .tweet_list li a, .query .tweet_list li a {
        color: #192666; }
    .tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {
      background-color: transparent; }
    .tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; }
      .tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
        vertical-align: middle; }




/* SLIMBOX
---------------------------------------------------------------------- */


#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}


#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}


.lbLoading {
	background: #fff url(images/loading.gif) no-repeat center;
}


#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}


#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}


#lbPrevLink {
	left: 0;
}


#lbPrevLink:hover {
	background: transparent url(images/prevlabel.gif) no-repeat 0% 15%;
}


#lbNextLink {
	right: 0;
}


#lbNextLink:hover {
	background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
}


#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}


#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}


#lbCaption, #lbNumber {
	margin-right: 71px;
}


#lbCaption {
	font-weight: bold;
}