/*
Oregon Clinical and Translation Research Institute octri.css file
By Christoph Saxe - ISITE Design
Edited by Lisa Massinger - KPCHR

color:#76787b; - general text
color:#3a6e8f; - level one headings and base style links

--------- Notes -----------

* html {anything} addresses IE < 6 browser bugs
*+html {anything} addresses IE 7 browser bugs

/* Basic browser reset  */
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, dt, blockquote, button, fieldset, legend, label, input, textarea, form, img {
    margin: 0; padding: 0; border: 0;
}

body {color:#76787b; font: 76%/150% Arial, Helvetica, sans-serif;} /*Setting our body font with a % helps keep it consistent and scalable*/

h1, h2, h3, h4, h5, h6, p {margin: .5em 0 1em 0;}

h1{font-size: 130%;}
h2{font-size: 120%;}
h3{font-size: 110%;}
h4{font-size: 120%; color:#3a6e8f; font-weight: 600;}
h5{font-size: 100%;}
h6{font-size: 90%; }
.sbh3 {font-size: 110%;}

#content h1{
	color:#3a6e8f;
	margin:1.6em 0 1.8em 0;
	text-transform:uppercase;
}

#popup h2{
	color:#3a6e8f;
	margin:1.6em 0 1.8em 0;
	text-transform:uppercase;
}
#popup #pnlContent{
	border: 1px solid #396e8e;
	background-color: White;
	margin:30 0 0 64; }

#popup td{
	font-size: 90%; }

a:link,
a:visited,
a:hover,
a:active {color:#3a6e8f; text-decoration:underline;}

a:hover,
a:active {text-decoration:none;}

input, textarea {border: 1px solid #242323;}


/* For quicklinks and navigation. For lists of links add the class "links" to the ul - this will remove the bullets.    */
ul.links, ul.links ul, ul.links ul ul, #mainContent ul.links li{ list-style-type: none;}

/* hides */
hr, legend {
	display:none;
}

#access_navigation{/* hidden but still accessible */
  position: absolute;
  left: -999em 
}

          /*
--=.._/(        Site Structure      )\_..=--
    	  */
				
body{background:#d9d3a4;}

body #calbody {color:#76787b;} 

#wrapper{
	padding:0 21px 0 21px;
	width:1001px;
}
.landing #wrapper{
	background:transparent url(../Images/bg_wrapper_landing.jpg) 0 0 repeat-y;
}
.interior #wrapper{
	background:transparent url(../Images/bg_wrapper_interior.jpg) 0 0 repeat-y;
}
.interiorCalPage #wrapper{
	background:transparent url(../Images/bg_wrapper_interiorCalPage.jpg) 0 0 repeat-y;
}
.interiorCal #wrapper{
	background:white url(../Images/bg_wrapper_interiorCal.jpg) 0 0 repeat-y;
}
.login #wrapper2{
	background:transparent url(../Images/bg_wrapper_system.gif) 0 0 repeat-y;
	width: 464;
	margin-left: 240px;
	margin-top: 40px;
	padding-left:11px;
}
.login #footer2{
	margin-left: 240px;
}
#accountinfo{
	margin-left: 60px;
	width: 340px; 
	color: White;
}
#accountinfo a{
	color: White;
}
#accountinfo a:hover{
	color: White;
	text-decoration: underline;
}
#accountchange{
	margin-left: 16px;
	width: 400px; 
	color: White;
}
#header{
	background:#ffffff;
	height:88px;
	position:relative;
}

#left-nav{
	clear:both;
	float:left;
	padding:5px 0px 20px 0;
	width:142px;
	line-height:120%;
}

#content{
	margin-left:161px;
}

#primary { 
	float:left;
	width:614px;
}

#welcome{
	background:#ffffff;
	height:335px;
	_margin-left:-3px;
	overflow:hidden;
	padding:0 0 12px 1px;
}

.interior #primary {
	border-top:1px solid #d2d3d2;
	padding:0 8px;
	width:597px;
}

#secondary {
	/*background:transparent url(../Images/bg_secondaryb.jpg) 0 0 no-repeat;*/
	display:inline;
	float:left;
	padding:0px 1px 0 10px;
}
#home #secondary {
	/*background:transparent url(../Images/bg_secondaryb.jpg) 0 0 no-repeat;*/
}
#message #secondary {
	/*background:transparent url(../Images/bg_secondaryc.jpg) 0 0 no-repeat;*/
}
#datalist{
	border-bottom:1px solid #d2d3d2;
}

#footer{
	background:#d9d3a4 url(../Images/bg_footer.jpg) left bottom no-repeat;
	clear:left;
	height:40px;
	margin:0 -21px;
}
.copyright
{	background:#d9d3a4;
	color:#76787b;
	font-weight:600;
	font-size:90%;
}
		

          /*
--=.._/(        Navigation      )\_..=--
    	  */


/*#left-nav ul{
	list-style:none;
	margin-left:0;
}

#left-nav li{
	padding:8px 0 8px 22px;
	display:block;
}

#left-nav li:hover,
#left-nav li.over,
#left-nav li.current{
	background:transparent url(../Images/bg_main_nav.gif) 1px 42% no-repeat;
}
.landing #left-nav li:hover,
.landing #left-nav li.over,
.landing #left-nav li.current{
	background:transparent url(../Images/bg_main_nav.gif) 0 42% no-repeat;
}
#left-nav a,
#left-nav a:visited,
#left-nav a:hover{
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
}*/

#left-nav a{
	list-style:none;
	margin-left:0;
}

#left-nav a{
	padding:8px 0 8px 22px;
	display:block;
}

#left-nav a:hover,
#left-nav a.over,
#left-nav a.current{
	background:transparent url(../Images/bg_main_nav.gif) 1px 42% no-repeat;
}

.landing #left-nav a:hover,
.landing #left-nav a.over,
.landing #left-nav a.current{
	background:transparent url(../Images/bg_main_nav.gif) 0 42% no-repeat;
}

.left-navSelectedItem {
	background:transparent url(../Images/bg_main_nav.gif) 0 42% no-repeat;
}

#left-nav a,
#left-nav a:visited,
#left-nav a:hover{
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
}


.plus 
{	font-size: 8px;
	line-height: 8px;
	}
	
#utility-nav {
	position:absolute; /*left: 600; top: 50;*/ right:210px; bottom:15px; 
}
#utility-nav ul {
	list-style:none;
}
#utility-nav li {
	background:transparent url(../Images/bg_utility_nav.gif) 0 1px no-repeat;
	display:inline;
	padding-left:15px;
}
	#utility-nav li.first {
		background:none;
	}
#utility-nav a,
#utility-nav a:visited {
	color:#6d6f71;
	text-decoration:none;
}
#utility-nav a:hover {
	text-decoration:underline;
}


          /*
--=.._/(        Type, Links and Lists      )\_..=--
    	  */

#banner {
	float:left;
}
#banner img {
	border: none;
}

#welcome p{
	background:transparent url(../Images/bg_welcometext.jpg) 0 0 no-repeat;
	color:#000000;
	border:1px solid #d5d5d5;
	float:left;
	height:301px; width:274px;
	line-height:1.45;
	margin:0;
	overflow:hidden;
	padding:16px 12px 16px 324px;
}

#content strong {color:#000000;}

#content ul{margin:.5em 0 1.2em 1.5em;}
#content ul li {list-style-type: disc; margin: .2em 0 0 0;}

#content ol {color:#000;font-weight:bold;}
#content ol li {color:#76787b;font-weight: normal;list-style-position:inside;margin:.2em 0;}

#content ol.faq-nav li{font-weight:600;list-style-position:outside;margin-left:24px;margin-right:160px;}
#content ol.faq-nav li *{font-weight:normal;}
#content ol.faq-list li {color:black;font-weight: bold;list-style-position:inside;margin:.2em 0;}
#content ol.faq-list ul li {color:#76787b;font-weight:normal;}
#content ol ul li {color:#76787b;font-weight:normal;margin:0.2em 0 0; }
#content ol li p {color:#76787b; font-weight:normal; margin-top:0;}
#content ol li .first {display:inline;}


.section{
	color:#76787b;
	padding:0 12px;
	position:relative;
}
.section h2{
	background:transparent url(../Images/bg_h2.gif) 0 0 repeat-x;
	color:#ffffff;
	font-size:100%;
	font-weight:normal;
	height:34px;
	line-height:34px;
	margin:0 -12px 1.3em;
	padding:0 1.3em 0 1em;
	text-transform:uppercase;
}
.section h3{
	color:#ffffff;
	margin:0;
}
.section h4{
	font-weight:normal;
	margin-top:0;
}
.section p{
	margin-top:0;
}
.section dt {
	margin:1.5em 0 .2em;
}
.section a.more_head,
.section a.more_head:link,
.section a.more_head:visited{
	background:transparent url(../Images/bg_more_head.gif) 0 0 no-repeat;
	color:#ffffff;
	font-size:.8em;
	height:34px;
	line-height:34px;
	padding:1px 8px 0 34px;
	position:absolute;top:0; right:0;
	text-decoration:none;
	text-transform:uppercase;
}
.section a.more_head:hover{
	text-decoration:underline;
}
.section a.more,
.section a.more:link,
.section a.more:visited{
	background:transparent url(../Images/bg_more.gif) 100% 90% no-repeat;
	color:#ffffff;
	font-weight:bold;
	padding:0 12px 0 0;
	text-decoration:underline;
}
.section a.more:hover{
	text-decoration:none;
}

.landing .section{
	display:inline;
	float:left;
}
.landing #announcements{
	margin:0 0 0 1px;
	_margin-left:0;
	width:275px;
	_width:276px;
}
.landing #events{
	width:277px;
	margin-left:12px;
}

#message .image {
	display:inline;
	float:right;
	margin:2.5em 36px .5em 12px;
	text-transform:uppercase;
}
#message .image img {
	display:block;
}


#promotions{
	padding:0;
	width:214px;
}
	#promotions h2{
		margin:0 0 1.3em 0;
	}
	#promotions p{
		padding:0 4px 0 8px;
	}
	#promotions .partners{
		background:#ffffff;
		padding:16px 0 20px 12px;
		margin:-1.1em 2px 0;
	}
	#promotions .frontdoor{
		background:#ffffff;
		padding: 10px 0 6px 12px;
		margin:-1.1em 2px 0;
	}

	#promotions .partners img {
		display:block;
		margin:0 0 1.5em;
	}


          /*
--=.._/(        Tables     )\_..=--
    	  */

#contact table {
	border:none;
	border-collapse:collapse;
}

#contact tr.last td{ border-bottom:1px solid #d2d3d2; }
#contact tr.last th { border-bottom:2px solid #d2d3d2; }

#contact td.thprogram  {color:#000000; width:110px; }
#contact td.thcontact  {color:#000000; width:95px;}
#contact td.thposition {color:#000000; width:118px;}
#contact td.thphone    {color:#000000; width:96px;}
#contact td.themail    {color:#000000; width:auto;}

#contact .program  {width:110px; padding:.6em 10px .6em 0;}
#contact .contact  {width:90px; padding:.6em 10px .6em 0;}
#contact .position {width:118px; padding:.6em 10px .6em 0;}
#contact .phone    {width:82px; padding:.6em 10px .6em 0;}
#contact .email    {width:auto;  padding:.6em 10px .6em 0;}

/*#contact td{
	vertical-align:top;
	padding:.6em 10px .6em 0;
}*/
#contact td.program  {width:100px;}
#contact td.contact  {width:90px;}
#contact td.position {width:100px;}
#contact td.phone    {width:94px;}
#contact td.email    {width:auto; padding-right:0;}

#contact .contactlist{
	border-bottom:1px solid #d2d3d2;
}
#technical{
	border-top:1px solid #d2d3d2;
}

#tbxCUname, #tbxCUemail, #tbxCUphone, #txbCUcomments{
	border:1px solid #c2c2c2;
	width:330px;
}
#tbxCUFDname, #tbxCUFDemail, #tbxCUFDphone, #txbCUFDcomments{
	border:1px solid #c2c2c2;
	width:330px;
}


          /*
--=.._/(        Systems - login pages      )\_..=--
    	  */



          /*
--=.._/(        Forms      )\_..=--
    	  */

          /*
--=.._/(        Randoms/dev utility styles      )\_..=--
    	  */


.hide {display: none;}
.left {float: left; margin: 10px 5px 10px 0;}
* html .left {margin-right: 0;}
.right {float: right;}
.clear {clear: both;}
.clearleft {clear: left;}
.clearright {clear: right;}
.error, .red {color: red;}

.small {width: 25%;}
.medium {width: 48%;}
.large {width: 90%;}

hr.fund {color: #3b6e8f; width:1px;}

.accessibility{height: 0; left: -9999em;  line-height: 0; position: absolute; text-indent: -9999em; }

/*these next two are set with more specificity to help override other styles.  */
body #wrapper .noborderplease {border:none;}
body #wrapper .borderplease {border-width: 1px; border-style: solid;}


.tbBoard 
{	border: solid 1 #999999; 
	border-collapse:collapse; 
	font-family:Verdana, Arial, Sans-Serif; font-size: 10pt
}

/* support calendar week view */

.numbersBx 
{	background: #e7e7d6;
	border-top: solid 1px #ada990;
	border-left: solid 1px #ada990;
	border-right: solid 1px #ada990;
	width:50px;
	height:29px;
	font-family: Arial;
	font-size:150%;
	text-align:center;
 }

 .numberSuper
 {	vertical-align:text-top;
	font-size:x-small;
 }

.calSpacer
{
	background: #e7e7d6;
	width:50px;
	height:70px;
	#height:74px;
	border-left: solid 1px #ada990;
	border-right: solid 1px #ada990;
	border-top: solid 1px #ada990;
}

.calSpacerDay
{
	background: #e7e7d6;
	width:50px;
	height:45px;
	#height: 50px;
	border-left: solid 1px #ada990;
	border-right: solid 1px #ada990;
	border-top: solid 1px #ada990;
}


.calBottom 
{
	border-top: solid 1px #ada990;
}

.calRightNav
{
  width:160px;
  float:right; 
}

/* support for rounded corners on appt message */

.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;}
.b1h {height:1px; background:#000; margin:0 5px;}
.b2h, .b2bh {height:1px; background:#aaa; border-right:2px solid #000; border-left:2px solid #000; margin:0 3px;}
.b3h, .b3bh {height:1px; background:#aaa; border-right:1px solid #000; border-left:1px solid #000; margin:0 2px;}
.b4h, .b4bh {height:2px; background:#aaa; border-right:1px solid #000; border-left:1px solid #000; margin:0 1px;}
.b2bh, .b3bh, .b4bh {background: #ddd;}
.headh {background: #aaa; border-right:1px solid #aaa; border-left:1px solid #aaa;}
.headh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px;}
.contenth {padding-top: 3px; padding-left: 2px; padding-right: 2px; background: #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd;overflow:hidden;}
.contenth div {margin-left: 12px; padding-top: 5px;background: #ddd}

.apptBlock
{
overflow:hidden;
background:#ddd;
border-right:1px solid #000000; border-left:1px solid #000000;
}

.message
{
position: absolute;
float:right;  
}


.Grid
{
	background:#ffffff;
	border-top: solid 1px #ada990;
	width:100%;
	height:29px;
}

.GridAH
{
	background:#f6f6f6;
	border-top: solid 1px #ada990;
	width:100%;
	height:29px;
}

#calTabs
{
	float:right;
    margin-bottom:-4px; 
    margin-right:100px;  
}

.front 
{ border-bottom:solid 2px white;
 padding-bottom:5px;   
}

.menuindent 
{
  padding-left: 10px;  
}