/* Open Conference Systems 1.0 */
/* (c) The Public Knowledge Project 2002-2004 */
/* http:/*www.pkp.ubc.ca */
/* */
/* themes/UBC/style.css */
/* site-wide cascading stylesheet */

html,body
{
	width:100%;
	height: 100%;
	font-size: 1.0em;
}


H1 {
	color: #840000;
      }

H2 {
	color: #840000;
      }

H3 {
	color: #840000;
      }

H4 {
	color: #840000;
      }

A {
	text-decoration: none;
      }

A:link {
	color: #0000FF;
      }

A:active {
	color: #056DC5;
      }

A:visited {
	color: #0000FF;
      }

A:hover {
	color: #FF0000;
      }



a.ttooltip span {
	display: none;
}
a.ttooltip:hover {
	position: relative;
}
a.ttooltip:hover span {
	display: block;
   	position: absolute; top: 10px; left: 0px;
	/* formatting only styles */
   	padding: 5px; margin: 10px; z-index: 100;
   	background: #f0f0f0; border: 1px solid black;
	width: 410px;  color: black;
}
a.ttooltip:hover span {
	top: 10px; left: -440px;
}
a.ttooltip img { margin-bottom: 5px; border: 1px solid black;}






HTML, BODY, TD,LI,B {
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 10pt;
	line-height: 120%;
      }


body{
	background: white url(../../../index.php/med/index.html) repeat-x;
	height:100%;
}
P {
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 10pt;
	line-height: 120%;
      }

#instructions {
	color: #840000;
      }

.content, #content
{

	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 10pt;
	line-height: 120%;
}

input {
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 8pt;
      }

textarea {
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 8pt;
      }

select {
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 8pt;
      }

INPUT.button {
	font-weight: bold;
	color: white;
	background: rgb(21,163,220);
	border:none;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	cursor: pointer;
}

#MenuSection {
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 8pt;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none
	}

/* added by ht 11/06/2009 */

.LeftMenu {
	padding-top: 0px;
	width: 200px;
	}

.PlaceHolder {
	width: 150px;
	float: left;
	}

.LeftMenuLink {
	float: right;
	}

.HorizontalDottedLine {
	border-bottom: 1px dotted #FFFFFF;
	margin: 4px 0;
	/*_margin: 0 0 2px 0;  For IE6 */
	width: 160px;
	float: left;
	}

.LeftMenuText {
	font-family: Verdana Narrow,Arial Narrow,Geneva Narrow,Helvetica Narrow,sans-serif;
	font-weight: bold;
	font-size: 8pt;
	color: #FFFFFF;
	/* z-index: 999; */
}

.NormalText {
	font-weight: normal;
	text-align: right;

}

.LeftMenuText A:link {
	text-decoration: none;
	color: #FFFFFF;
	}

.LeftMenuText A:visited {
	text-decoration: none;
	color: #FFFFFF;
	}

.LeftMenuText A:hover {
	text-decoration: none;
	background-color: #4488aa;
	color: #FFFFFF;
	}

.LeftMenuText A:active {
	text-decoration: none;
	color: #FFFFFF;
	}

/* end of add */

.SmallText {
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 8pt;
      }

.MenuSubsection {
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 8pt;
	line-height: normal;
	font-weight: bold;
	color: #606699;
	text-decoration: none
	}

A.MenuLink {
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 8pt;
	color: #0000FF;
	text-decoration: none
	}

.Blank {
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 8pt;
	line-height: normal;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none
	}

.Citation {
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 8pt;
	line-height: normal;
	color: #7777AA;
	text-decoration: none
	}

.MainText {
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 10pt;
	line-height: 120%;
	text-decoration: none
	}

.MetaText {
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 9pt;
	line-height: 120%;
	text-decoration: none
	}

.ArticleAbstract {
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: 125%;
	text-decoration: none
	}

.ArticleTitle {
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 11pt;
	color: #840000;
	line-height: normal;
	font-weight: bold;
	text-decoration: none
	}

.ArticleHeader {
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 14pt;
	color: #000000;
	line-height: normal;
	text-decoration: none
      }

.ConferenceTitle {
	font-family: Garamond, "Galliard BT", "ChelthmlTC Bk BT", Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 24pt;
	color: #D3A318;
	line-height: normal;
	font-weight: bold;
	text-decoration: none
	}

A.MainTextLink {
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 10pt;
	line-height: 120%;
	color: #0000FF;
	text-decoration: none
	}

.WhiteText {
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 10pt;
	line-height: 120%;
	color: #FFFFFF;
	text-decoration: none
	}

A.AuthorTextLink {
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 9pt;
	line-height: normal;
	color: #840000;
	font-weight: bold;
	text-decoration: none
	}

.SecondaryText {
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 8pt;
	line-height: normal;
	color: #840000;
	font-weight: bold;
	text-decoration: none
	}

.AffiliationLink {
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 8pt;
	font-style: italic;
	line-height: normal;
	color: #840000;
	font-weight: bold;
	text-decoration: none
	}

A.Content {
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 10pt;
	line-height: normal;
	font-weight: bold;
	color: #E4B429;
	text-decoration: none
	}

A.Content:visited {
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 10pt;
	line-height: normal;
	font-weight: bold;
	color: #336699;
	text-decoration: none
	}

A.Content:hover {
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 10pt;
	line-height: normal;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none
	}

.ContentHdr {
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 10pt;
	line-height: normal;
	font-weight: bold;
	color: #E4B429;
	text-decoration: none
	}

A.TopMenu {
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 8pt;
	line-height: normal;
	font-weight: bold;
	color: #CCFFFF;
	text-decoration: none
	}

A.TopMenu:visited {
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 8pt;
	line-height: normal;
	font-weight: bold;
	color: #336699;
	text-decoration: none
	}

A.TopMenu:hover {
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 8pt;
	line-height: normal;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none
	}

.Divider {
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 8pt;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none
	}

.TopMenu {
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 9pt;
	line-height: normal;
	font-weight: bold;
	text-decoration: none
      }

A.Sponsor {
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 10pt;
	line-height: normal;
	font-weight: bold;
	color: #000066;
	text-decoration: none
      }

A.NavTree {
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 8pt;
	line-height: normal;
	font-weight: bold;
	color: #FFFFCC;
	text-decoration: none
      }

A.NavTree:visited {
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 8pt;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none
      }

.NavTree {
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 8pt;
	line-height: normal;
	font-weight: bold;
	color: #FFFFCC;
	text-decoration: none
      }

.voteforit
{
	float: left;
	display: inline;
	color: white;
	padding: 20px;
	background: url(../../../index.php/med/index.html) no-repeat;
}
#header
{
		background: none;
		padding:0;
		margin:0;

}

.nav-home
{
	float:left;
	padding:0;
	clear:none;
	line-height:1px;

}
.nav-contact
{
	float:left;
	padding:0px;
	line-height:1px;
}

img
{
	padding:0;
	margin: 0;
	border: 0;

}
a
{
	margin:0;
	padding:0;
}
#block, .med20
{
	padding:0;
	margin:0;
}

#footer,.footer
{
	width:100%;
	background-color: #396a87;
	border:1px black solid;
	vertical-align:bottom;

}
.customHeader
{
	width: 100%;
	height:123px;
	padding:0;
	margin-top: 20px;
	margin:0;
	margin-left:7%;
	margin-right: 7%;
	margin-top:20px;
	border-left: 1px black solid;

}
 /* PC February 03 / 2012 - suppress hover color */
.customHeader A:link {
	text-decoration: none;
    }

.customHeader A:active {
	text-decoration: none;
      }

.customHeader A:visited {
	text-decoration: none;
      }

.customHeader A:hover {
	text-decoration: none;
    display: none;
      }




.customFooter
{
	/*
	width:100%;
	background-color: #396a87;
	border: 1px black solid;
	vertical-align: bottom;
	display:inline;
	margin-left: 7%;
	margin-right:7%;
	display: inline;
	height:30px;
	*/
}
#headerLogo,.headerLogo
{
	padding:0;
	margin:0;
	border-right:white 1px solid;
	border-bottom:white 1px solid;
	display:inline;

}
#med_banner, .med_banner
{
	display: inline;
	padding: 0;
	margin: 0;

}
#main,.main
{
	padding:0;
	float: none;
	position:relative;
	margin:0;
	padding-left:20px;
	font-family: Helvetica,sans-serif;
	font-size: 10pt;
	line-height: 120%;
	width: inherit;

	}

#container, .container
{
	float:left;
	width:100%;
	height:100%;
	padding:0;
	margin:0;

}
#body, .body
{
	float:left;
	width:100%;
	height:auto;

	padding-left:7%;

}

.sidebar, #sidebar
{
	/*float:left;
	height:auto;
	background-color: #396a87;
	*/
	float: left;
	width:180px;
	padding:0;
	background-color: #4886ab;
}
#leftSidebar,.leftSidebar
{
	float:left;
	position: relative;
	margin:0;
	width:180px;
	height:auto;
	background-color: #4886ab;
	padding:0;

}
#leftColumn
{
	float:left;
	width:57%;
	position: relative;
}
#rightColumn
{
	float:right;
	width:40%;
	position: relative;
}

#innercontent {
	float:left;
}

#topicId, .topicId
{
	width:300px;
}
.large
{
	width:90%;

}

.large textarea
{
	height:100px;
}
.moreContent,#moreContent
{
	width: 100%;
	min-height:50px;
	clear:both;
}
.abstract
{

}
#topicId,.topicId, #topicMenu
{
	width:100px;
}

h1 {
	line-height: 1.2;
}

div.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 18px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #FCF8E3;
    border: 1px solid #FBEED5;
    /*-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;*/
    font-weight: bold;
    color: #999966;
}

div.alert-success {
    background-color: #CCFFCC;
    border: 1px solid #669966;
    color: #009900;
}

div.alert-error {
    background-color: #FF6666;
    color: #990000;
    border: 1px solid #CC3333;
}

.buttonDisabled {
  opacity: 0.4;
}

.pub-badge {
	background-color: #4886ab;
	color: white;
	padding: 2px;
	font-weight: bold;
	line-height: 30px;
    margin-bottom: 4px;
}


/* TEST Josh Flowers Jan. 16th, 2014 */

#container, .container{
	float:none;
	width:960px;
	padding:0;
	margin:0 auto;
	background:white;
	min-height:100%;

}

#container:after {
content: "";
display: block;
clear: both;
}

.container:after {
content: "";
display: block;
clear: both;
}

body{
	background:none;
	background:rgba(0,0,0,.05);

}

#header{
	min-height:80px;
	background:white url(/public/site/images/header-banner.png) no-repeat;
}

#navbar{
	height:30px;
	background:rgb(21,163,220);
	width:100%;
	position:relative;
	padding-bottom:0px;
}

#navbar ul{
	float:left;
	width:100%;
	position:absolute;
	margin-left:10px;
	height:30px;
}

#navbar ul li{
	float: left;
	line-height:30px !important;
}

#navbar ul li a{
	line-height:30px !important;
	color:white;
	font-size:12px;
}

#navbar ul li a:hover{
	color:rgb(0,114,178);

}

#breadcrumb{
	position:absolute;
	margin-bottom: 10px;
	height:20px;
	padding-left:10px;
	padding-right:10px;
	background:rgb(152,218,243);
	width:940px;
	border-bottom:1px solid rgb(21,163,220);
}

#breadcrumb a{
	color:#424242;
	font-size:9px;
}

#breadcrumb a:hover{
	color:white;
	padding:2px;
	border:1px solid white;
}

#body, .body{
	padding-left:0px;
	background:white;
}

#sidebar{
	background:rgb(21,163,220);
	margin-top: 60px;
	width:200px;
	z-index: 999 !important;
	position:relative;
}

#leftSidebar{
	background:rgb(21,163,220);
	width:200px;
}

#main, .main{
	/* float: left; */
	padding-left:0px;
	z-index: 1 !important;
	/* width: 650px; */
	width: inherit;
}

#main:after {
content: "";
display: block;
clear: both;
}

.main:after {
content: "";
display: block;
clear: both;
}



#main h2{
	margin-top:30px;
	color:grey;
	/*text-indent:10px;*/
	font-family: Helvetica, sans-serif;
}


/* This is to style the "Medicine 2.0'14 Summit h2 tag" */
#main h2{
	text-align:center;
}
#content{
	border:none;
}

.content, #content{
	width:77%;
	float:right;

}

#content h4, #content h3{
	margin-left:0px;
	color:grey;
	font-family: Helvetica, sans-serif;
	line-height:24px
}



a.pub-badge{
	border:1px solid rgb(21,163,220);
	background:white;
}

a.pub-badge:hover{
	background:rgb(21,163,220);
	color:white;
	padding:2px;
}

h2, h3, h4, h5, h5{
	font-family: Helvetica, sans-serif;
}

.HorizontalDottedLine{
	display:none;
}

.NormalText{
	/*max-height: 57px;
	overflow: hidden;*/
	margin-bottom: 20px;
	font-size: 1.3em;
	font-family: Helvetica, sans-serif;
}

.PlaceHolder{
	float:right;
}

.LeftMenuLink, .LeftMenuLink span{
	color:#444444 !important;
}

HTML, BODY, TD,LI,B {
	font-family: Helvetica,sans-serif;
	font-size: 10pt;
	line-height: 200%;
}

table.announcements a{
	color:rgb(21,163,220) !important;
}

table.announcements a:hover{
	color:white !important;
}

input.textField, select.selectMenu, textarea.textArea, input.uploadField {
max-width: 505px;
background-color:white;
color: #000;
font-family: Verdana,Arial,Helvetica,sans-serif;
border-top: none;
border-left: none;
border-bottom: none;
border-right: none;
border:1px solid rgb(21,163,220);
font-size: 1em;
-webkit-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}

span.formError{
	color:red;
}

#footer, .footer {
	background-color:rgb(21,163,220);
}

img{
	max-width: 675px;
}

object{
	max-width: 675px;
}

table{
	max-width: 675px !important;
}

.ul-home-contact{
	float:left;
	display:block;
	width:100%;
}

.btn-home-sidebar{
	float:left;
	display:block;
	margin-right:15px;
	margin-left:25px;
}

.btn-home-contact{
	float:left;
	display:block;
}

.main-ul:after {
content: "";
display: block;
clear: both;
}

.sub-ul-li, .sub-ul-li-visible{
	list-style-type: none;
}

.sub-ul-li:after, .sub-ul-li-visible:after {
content: "";
display: block;
clear: both;
}

#main h2{
	margin-left: 220px;
	font-size: 24px;
	color:rgb(21,163,220);
	text-align: left;
}

#content h2{
	margin-left: 0px;
}

.block a:hover{
	padding:0px;
}


/* Late Submission Buttons */
.late-submissions-container{
	width:95%;

	border:1px solid #A9E1F4;
	margin:20px auto;
}
.late-submissions-container h4{
	color:white;
	font-size:16px;
	margin:10px 0 10px 11px;
	font-family: 'Helvetica';
}
.late-submissions-container p{
	color:#004F7D;
	font-size:12px;
	line-height: 17px;
	font-family: 'Helvetica';
	width:90%;
	margin-left: 11px;
}
.late-submissions-container a{
	background:#004F7D;
	display:block;
	width:90%;
	height:32px;
	line-height: 32px;
	border-radius: 2px;
	margin:5px auto;
	font-size: 16px;
	text-align: center;
}
.late-submissions-container a:hover{
	background:#A9E1F4;
	color:#004F7D;
}

a:link {
	color:rgb(21,163,220);
}
a:visited {
	color:rgb(0,114,178);
}
a:hover {
	color:white;
	background:rgb(21,163,220);
	padding:0px;
}
a:active {
	color:grey;
}