/* -- OrthoCarolina Research Institute . Jan 2011  |  YPerez -- */


/* -- Global -- */

body { font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #666666;}

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

h1 { font-family: Arial, Helvetica, sans-serif; color: #6391a8; font-size: 20px; font-weight: normal; }
h1.molengo { font-family: 'Molengo', arial, serif; color: #6391a8; font-size: 32px; font-weight: normal; text-transform: uppercase; margin-bottom: 20px;}
h2 { font-family: Arial, Helvetica, sans-serif; color: #dea73d; font-size: 16px; font-weight: normal; }
h3 { font-family: Arial, Helvetica, sans-serif; color: #6391a8; font-size: 16px; font-weight: normal; }

a { color:#26495d; text-decoration: none;}
a:hover { color:#dea73d; text-decoration: underline;}
a img{ border: none;}
a.more{ color: #dea73d; font-weight: bold;}

hr{ height: 1px; border: 0; color: #ccc; background-color: #ccc; }
input, textarea { font-family: Arial, Helvetica, sans-serif; color: #666666; font-size: 12px;}

.header{ color: #00529b; font-weight: normal; font-size: 20px; line-height: normal;}
.subheader{font-size: 16px;font-weight: bold;}
.hidden{display:none;}
.req{color: #ff0000; font-weight: bold;}
.small {font-size:10px; color:#ccc !important; font-weight:normal;}
.date { font-size: 11px; font-weight: bold;}
.location { font-size: 11px; color: #dea73d; font-weight: bold;}

.bg-main{position:relative; z-index:999 !important; background: #fff url('/images/structure/bg-main.gif') top left repeat-x;}
.bg-internal{ background: #fff url('/images/structure/bg-internal.gif') top left repeat-x; }

/* ---Social Bar--- */
#socialbar{width:100%; height:35px; position:fixed; left:0; top:0; margin:0px; padding:0px; z-index:9999 !important; background:url('/images/structure/bg-socialbar.png') bottom left repeat-x;}
#sociallinks{width:995px; height:35px; margin: 0 auto;}
#socialbtns{float:left; padding:4px 6px; width:96px; height:27px;  background: url('/images/buttons/bg-social.jpg') 0 0 no-repeat; margin-top:4px; margin-left:5px;}
#socialbtns a{float:left; margin-right:13px;}

#searchbar{ float:right; display:inline-block; padding:2px;}
/* -- Main Layout -- */
#container{ width: 995px; background: url('/images/structure/bg-nav.png') top left no-repeat; margin: 0 auto; margin-top:35px;}

#leftColumn{ width: 264px; float: left; }
#leftColumn #logo{ height: 104px;}
#leftColumn #logo a{ background: url('/images/structure/logo-main.png') top left no-repeat; height: 67px; width: 234px; display: block; text-indent: -9999em; margin: 45px 0 0 4px;}

#leftColumn #feature{ float: left; width: 205px; margin: 40px 0 0 30px; line-height: 16px; color: #fff;}
#leftColumn #feature h2{ width: 127px; height: 29px; background:url('/images/headers/featured-partners.png') top left no-repeat; display: block; text-indent:-9999em;}
#leftColumn #feature .logo{ margin-top: 10px; }
	
#rightColumn{ width:731px; margin-left: -4px; float: left;}
#rightColumn #marketingpanel { background-color: #6990a7; margin: 0;}
#rightColumn #marketingpanel #home-panel { width: 452px; float: left; }
#rightColumn #marketingpanel #portal { position:relative; width: 260px; float: left; height:298px; overflow:hidden; padding:15px 9px 10px 10px; color: #fff; font-size: 14px; line-height: 20px; background-color:#272727; }
#rightColumn #marketingpanel #portal h2 { margin:60px 0 0 0; text-align:right; font-family: 'Molengo', arial, serif; font-size:30px; line-height:32px; text-transform:uppercase; color:#fff;}
#rightColumn #marketingpanel #portal .portal-login{ position:absolute; top:205px; width: 250px; height: 67px; padding: 40px 0 0 10px; background: url('/images/structure/bg-portal.png') top left no-repeat;} 
#rightColumn #marketingpanel #portal .portal-login input { font-size: 11px; color: #a7a7a7; vertical-align: top;}
#rightColumn #marketingpanel #portal .portal-login .username { width: 235px; margin-bottom: 10px; padding: 4px 0;}
#rightColumn #marketingpanel #portal .portal-login .password { width: 150px; padding: 4px 0; margin-right: 2px;}

#rightColumn #content{ padding: 25px 0 0 25px; float: left; }
#rightColumn #content .intro{ width: 300px; float: left; margin-right: 25px;}
#rightColumn #content .intro p{ line-height: 18px;}

#rightColumn #content .latestNews{ width: 178px; float: left; margin-right: 25px;}
#rightColumn #content .latestNews h2{ width: 135px; height: 30px; background: url('/images/headers/latest-news.gif') top left no-repeat; display: block; text-indent: -9999em; margin-bottom: 15px;}
#rightColumn #content .latestNews h3{ color: #97c1dc; padding: 0 0 0 3px;}
#rightColumn #content .latestNews .subtitle{ color: white; padding:0 0 0 3px ;margin-top:-1px;}
#rightColumn #content .latestNews .divider{ width: 178px; height: 1px; background:url('/images/structure/divider.gif') top left no-repeat; display: block; margin: 10px 0;}

#rightColumn #content .featuredStudy{ width: 178px; float: left;}
#rightColumn #content .featuredStudy h2{ width: 130px; height:30px; background: url('/images/headers/featured-research.gif') top left no-repeat; display: block; text-indent: -9999em; margin-bottom: 15px;}
#rightColumn #content .featuredStudy h3{ color: #97c1dc; padding: 0 0 0 3px;}

#rightColumn #imagepanel{ position: relative;float: left;}
#rightColumn #innerContent { padding: 25px 0 25px 25px; line-height: 18px; position: relative;   float: left;  width: 707px;}
/*#rightColumn #innerContent #maincontent{ margin:0 0 0 6px; width:570px; padding-bottom:20px;}*/

#rightColumn #innerContent ul{ padding: 0 10px 10px 10px; margin :0 30px; list-style-type: disc}
#rightColumn #innerContent ul ul{ padding: 0; margin: 2px 0 2px 30px; list-style-type: circle}
#rightColumn #innerContent ul ul ul{ padding: 0; margin: 2px 0 2px 30px; list-style-image: url('/images/blue_bullet.gif');}

#rightColumn #innerContent .directors{ width: 700px; float: left; margin-bottom: 15px; border-bottom: #6492a9 1px solid; padding-bottom: 10px;}
#rightColumn #innerContent .directors .image{ float: left; width: 120px;}
#rightColumn #innerContent .directors .image img{ border: 1px solid #2c4f63; padding: 2px;}
#rightColumn #innerContent .directors .text{ float: left; width: 580px;}
#rightColumn #innerContent .directors .text .name{ font-weight :bold; font-size: 14px; color: #6492a9;}
#rightColumn #innerContent .directors .text .title{ color: #dea73d;}

#rightColumn #innerContent .divider{ background:url('/images/divider.gif') no-repeat;height:5px;margin:0 0 5px 10px;}

#rightColumn #innerContent .listingitem { width: 700px; float: left; margin-bottom: 15px; border-bottom: #6492a9 1px solid; padding-bottom: 10px;}
#rightColumn #innerContent .listingitem .title{ font-weight :bold; font-size: 14px; color: #6492a9;}

#rightColumn #innerContent .events .catagory p{color:white;margin:3px 0 0 12px;padding:0;font-size:13px;font-weight:bold;}
#rightColumn #innerContent .events .back a{background:url('/images/buttons/back.gif') no-repeat;height:26px;width:121px;display:block;text-indent:-999999em;}
#rightColumn #innerContent .events .back a:hover{background-position: 0 -26px;}
#rightColumn #innerContent .eventsTitle p{padding:10px 0 0 0;margin:5px 15px 0 15px;font-weight:bold;}
#rightColumn #innerContent .eventsDate p{padding:0;margin:0 15px;font-style:italic;}
#rightColumn #innerContent .eventsLocation p{padding:0;margin:0 15px;}
#rightColumn #innerContent .eventsContent p{padding:0;margin:5px 15px;} 
		
.register{ margin: 20px 0 20px 180px;}

#rightColumn #innerContent .sitemapCol{ width: 300px; float: left; border-right: #ccc 1px solid;}
#rightColumn #innerContent .sitemapCol.rightside { border: none;}

#rightColumn #innerContent .sitemap { padding: 0 0 20px 0;}
#rightColumn #innerContent .sitemap li { font-weight: bold; list-style: image; list-style-image: url('/images/structure/bullet.gif');}
#rightColumn #innerContent .sitemap ul{ padding:0; margin: 0 0 0 20px;}
#rightColumn #innerContent .sitemap ul li{ padding: 5px 0 4px 0;  font-weight: normal; list-style-image: url('/images/structure/bullet-blue.gif');}	
#rightColumn #innerContent .sitemap ul li ul{}	
#rightColumn #innerContent .sitemap ul li ul li{ padding: 0; font-weight: normal; margin: 0; list-style-image: url('/images/structure/bullet.gif'); }

.update{ margin:0 0 -3px 27px; }

/* -- Graphic Buttons -- */
a.archive { position: absolute; top: 25px; right: 0; background: url('/images/buttons/archive.jpg') top left no-repeat; display: block; text-indent: -9999em; height: 22px; width: 78px;}
a.archive:hover { background-position: 0 -22px;}
a.backbutton { position: absolute; top: 25px; right: 0; background: url('/images/buttons/back.jpg') top left no-repeat; display: block; text-indent: -9999em; height: 22px; width: 78px;}
a.backbutton:hover { background-position: 0 -22px;}
a.download { background: url('/images/buttons/download.jpg') top left no-repeat; display: block; text-indent: -9999em; height: 22px; width: 100px;}
a.download:hover { background-position: 0 -22px;}


/* -- Accordion Controls -- */
#accordion{ margin-top: 25px; padding: 0px; width: 600px;}
#accordion h3 { margin-top: 15px; padding: 10px; font-size: 16px; color: #fff; background: #9fbbc9 url('/images/structure/bg-glare.gif') top left repeat-x;}
#accordion h3 a{ color: #fff; text-decoration: none; border: none;}
#accordion h3 a:hover{ color: #6391a8; text-decoration: none;}
#accordion div { padding: 10px; min-height: 75px; background: url('/images/structure/bg-accordion.gif') top left repeat-x;}
#accordion div .title { color: #386c8e; font-size: 16px; font-weight: bold;}


/* -- Form -- */
.address { width: 275px; float: left; margin-left: 15px;}

.form{ padding: 5px 5px 20px 5px; width: 440px; float: left; border-right: #ccc 1px solid;}
.form label{}
.form label span{color: #ff0000; font-weight: bold;}
.formRow{ margin-top: 10px; float: left; width:100%;}
.form input, textarea { padding: 3px;}

.formItem { width: 220px; float: left;}
.formItem .textfield{ width: 200px;}
.formItem .textfield-small{ width: 50px;}
.formItem .dropdown{ height: 23px;}

.formItemSmall{ width: 40px; float: left;}
.formItemSmall .textfield{ width: 30px;}

.formItemLong { width: 450px; float: left;}
.formItemLong .textfield{ width: 420px;}
.formItemLong .textarea { width: 420px;}
.formItemLong .dropdown{ height: 23px;}

.city{ width: 220px; float: left;}
.city .textfield{ width: 200px;}

.state{ width: 57px; float: left;}

.zipcode{ width: 70px; float: left;}
.zipcode .textfield{ width: 50px; float:left;}

.phone{ width: 220px; float: left;}
.phone .textfield{ width: 30px;}
.phone .textfield2{ width: 35px;}

.ccard{ width: 110px; float: left;}
#questionType select { float:left;}

/* -- Footer -- */
#footer { background: url('/images/structure/bg-footer.png') top left repeat-x; margin-top: -4px; }
#footer .container{ width: 995px; margin: 0 auto;}
#footer .container #links{ width: 995px; height: 25px; font-size: 12px; padding-top: 15px;}
#footer .container #links a { color: #fff; text-decoration: none; margin: 0 10px;}
#footer .container #links a:hover { color: #26495D; text-decoration: none;}

#footer .container #subFooter{ width: 995px;}
#footer .container #subFooter #leftFooter{ width: 280px; float: left; padding: 5px; margin: 0; color: #5d87a0; font-weight: bold; font-size: 10px; text-align: left;}
#footer .container #subFooter #leftFooter .address{ color: #c5a775;}
#footer .container #subFooter #rightFooter{ width: 550px; float: right; text-align: right; padding: 5px; margin: 0; color: #9f9f9f; font-size: 9px;}
#footer .container #subFooter #rightFooter a.edreamz { color: #004264; font-weight: bold;}
#footer .container #subFooter #rightFooter a.edreamz:hover {color: #DEA73D;}

		
.success.notification {background: #d5ffce url('/images/structure/success.png'); border:1px solid #9adf8f !important; color: #556652; }
.error.notification { background:#ffe8e8 url('/images/structure/error.png') repeat scroll 0 0; border:1px solid #DF8F8F !important; color:#dd0000 !important; }
.notification { background-position:10px 11px !important; background-repeat:no-repeat !important; border:1px solid #DF8F8F; font-size:13px; margin:0 0 15px; padding:0; position:relative; width:99.8%; }
.notification .close { color:#990000; font-size:9px; position:absolute; right:5px; top:5px; }
.notification div { display:block; font-style:normal; line-height:1.5em; padding:10px 10px 10px 36px; }
.notification ul {    font-size: 12px;  font-style: italic;   padding: 2px 0 0; }