/*
	99Lime.com HTML KickStart by Joshua Gatcke
	style.css

*/

/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

/*---------------------------------
	OVERRIDES
-----------------------------------*/

h1,h2,h3,h4,h5,h6{
font-family:'Open Sans',arial, verdana, sans-serif;
font-weight:normal;
}

thead th,
tbody th{
font-family:'Open Sans',arial, verdana, sans-serif;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family:'Open Sans',arial, verdana, sans-serif;}

.menu{
font-family:'Open Sans',arial, verdana, sans-serif;
}

blockquote{
font-family:'Open Sans',arial, verdana, sans-serif;
}

.grid {max-width:960px; background:#fff; padding:0;}

a {color: #004477;}
p {margin:10px 0 0 0;}
h1{font-size:24px; }
h2.headline {font-size:17px; }
h2.reg, h3.reg {font-weight:normal; margin-left:35px; text-indent:-13px;}
h2.reg .fa {font-size:150%; color:#a02171;}
h2 {font-size:15px; color: #333; font-weight: bold; margin-top: 18px; padding: 0px; line-height:1.3em;}
h3 {font-size:14px; color: #333; font-weight: bold; padding: 0px; line-height:1.3em;}
h3.pink {color:#a02171; margin-left:50px; font-size:16px;}
h4 {font-size: 11px; color: #fff; margin-top: 5px; padding: 0px; line-height:1.3em;}
ol, ul {margin:0 0 5px 20px;}
li {margin-top: 0px;}
hr {height:0; border-top: solid 1px #777; color:#fff;  margin: 0 auto;}
ol.register {margin-left:28px;}
ol.register li {list-style:none; text-indent:-13px;}
ol.register .fa {font-size:150%; margin-right:6px;}
ol.register .fa-phone {font-size:180%;}
dt {margin-bottom:5px;}

/*---------------------------------
	LAYOUT
-----------------------------------*/
body{
margin:0;
padding:0 0 0 0;
color:#333;
background:#eee;
font:12px 'Open Sans',arial, verdana, sans-serif;
text-shadow: 0 0 1px transparent; /* google font pixelation fix */
line-height:1.5;
}

#wrap{
width:100%;
background:#fff;
margin:30px auto 30px auto;
padding:0 2%;
border:1px solid #ccc;
}
header {background:#8a8a8a url(http://www.decisionhealth.com/images/conferences/OPC_Header_BG2.png)  no-repeat; background-size:cover;padding:5px 25px 15px;}
.header_text {color: #fff;}
.header_text h1{font-weight:bold; line-height: 1.2em; letter-spacing:1px; color:#fff; margin-top:15px;}
.header_text h4.sponsor{font-size: 11px; font-weight: normal; }

#date {margin: 5px 0 0 0; font-size: 13px; letter-spacing: 1px; color:#fff; font-weight:bold;}

footer{
text-align:left;
padding:10px;
margin:20px 0 0 0;
clear:both;
color:#666;
font-size:10px;
text-shadow:0px 1px 1px #fff;
position: relative;
top:0;
left:0;
background:#fff;
border-top:1px solid #ccc;
}

footer p {margin:10px 0;}
footer .leftlogo{margin:0 10px 0 0;}
	#link-top{
	display:none;
	}

/* NAV BAR*/
.navbar{
position:fixed;
top:0;
left:0;
width: 100%;
background:#000;
color:#fff;
z-index:1000;
}

	.navbar #logo{
	position:absolute;
	top:0;
	right:0;
	padding:0.5em 1em;
	font-size: 1.7em;
	color:#efefef;
	text-decoration:none;
	}

	.navbar span{
	color:#86dc00;
	}


	.navbar ul{
	display:inline-block;
	margin:0;
	padding:0;
	}

		.navbar li{
		margin:0;
		padding:0;
		list-style-type:0;
		display:inline-block;
		}

		.navbar li a{
		display:inline-block;
		color:#efefef;
		padding:1em 1.3em;
		text-decoration:none;
		text-transform: uppercase;
		line-height:100%;
		font-size: 1.2em;
		}
		
		nav {background: #d452a4; border-top:1px solid #e796c0;height:26px;}
		#nav a.current:link {color: #fff; background-image: url(http://www.decisionhealth.com/images/conferences/opc_nav2.gif);background-repeat: repeat-x;}
#nav a.current:visited {color: #fff; background-image: url(http://www.decisionhealth.com/images/conferences/opc_nav2.gif);background-repeat: repeat-x;}
#nav a.current:hover {color: #fff; background-image: url(http://www.decisionhealth.com/images/conferences/opc_nav2.gif);background-repeat: repeat-x;}
#nav a.current:active {color: #fff; background-image: url(http://www.decisionhealth.com/images/conferences/opc_nav2.gif);background-repeat: repeat-x;}
#nav ul{margin:0; width: 100%; text-align: center;}
#nav ul li{display: inline;}
#nav ul li a{float: left; color: #fff; padding: 0px 15px; text-align:center; text-decoration:none;}
.menutext {font-size:12px; font-weight:bold; color: #fff; line-height:24px; letter-spacing:1px;}

.callout{
background:#4598ef;/*#86dc00;*/
padding:3em 0;
color:#fff;
box-shadow:inset 0 0 10px rgba(0,0,0,0.2);
text-align: center;
text-shadow:0px 1px 3px rgba(0,0,0,0.2);
display:block;
}
	.callout + div.grid{margin-top:50px;}
	 a.callout{cursor:pointer;}
	 .callout i.icon-4x{font-size:6em;}
	 .callout h4{margin-bottom:30px;}
	 .callout-top{margin:50px 0 0 0;}
	 .callout p{margin-bottom:0;}
	 .callout .button{margin-top:10px;}
	 .callout.green{background:#19ad0b;/*#86dc00;*/}

/* sidebar styles */

#right_text{
background-color: #efefef;
border: 1px solid #ccc;
padding:10px;}
#right_text .presenter {font-size:13px; color: #a02171; font-weight: bold; text-transform:uppercase; border-bottom:1px solid #ccc; }
.speaker {margin: 0 10px 10px 0; border: solid 1px #ccc; padding:3px; background:#fff;}
.sidebar-hr { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0)); margin:20px auto; }
#right_text h2.name {color:#000; font-size:14px;}
#right_text h3, h3.pink {color:#a02171;}
#sponsors {line-height:1.4; margin-top: 15px;  color: #333333;}
#sponsors.logo {margin-top: 30px;}
.small {font-size:90%;}
.bigger {font-size:120%;}
.margin {margin-left:20px;}
/*  buttons */
.reg-btn {background:#a02171; -webkit-border-radius:4px; -moz-border-radius:4px;  border-radius:4px; color:#fff; text-transform:uppercase; color:#fff; border-bottom:4px solid #8f1160; padding:10px 20px 5px; text-decoration:none; font-weight:600; font-size:16px; font-family:Verdana, Sans-serif;}
.reg-btn:hover {background:#bd418f;border-bottom:4px solid #a02171; }

/*back to top */
a.back-to-top {
    /*background-image: linear-gradient(to bottom, #fff 0px, #f2f2f2 100%);
    background-repeat: repeat-x;*/
	background:#a02171;
    border: 1px solid #8f1160;
    border-radius:22px;
    bottom: 100px;
    color: #fff;
    display: none;
    font-size: 12px;
    font-weight: 800;
    height: 45px;
    line-height:.7;
    padding-top: 5px;
    position: fixed;
    right: 10px;
    text-align: center;
    width: 45px;
    z-index: 999;
	text-decoration:none;
}
a.back-to-top:hover {background:#bd418f;}

/* banner callout */
header {position:relative;}

.ribbon-wrapper-pink {
  width:350px;
  height:150px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}

.ribbon-pink {
  font-weight: bold;
  font-size:16px;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.3) 0px 1px 0px;
  -webkit-transform: rotate(12deg);
  -moz-transform:    rotate(12deg);
  -ms-transform:     rotate(12deg);
  -o-transform:      rotate(12deg);
  position: relative;
  padding: 14px 0;
  left: 10px;
  top: 35px;
  width:350px;
  background-color: #e28ac2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e28ac2), to(#d452a4)); 
  background-image: -webkit-linear-gradient(top, #e28ac2, #d452a4); 
  background-image:    -moz-linear-gradient(top, #e28ac2, #d452a4); 
  background-image:     -ms-linear-gradient(top, #e28ac2, #d452a4); 
  background-image:      -o-linear-gradient(top, #e28ac2, #d452a4); 
  color: #333;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-pink:before, .ribbon-pink:after {
  content: "";
  border-top:   3px solid #a02171 ;  /* change color here */ 
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-pink:before {
  left: 0;
}
.ribbon-pink:after {
  right: 0;
}​