/* CSS Document */
/* First - Normalize! */
/* Normalizes margin, padding */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote  {margin:0; padding: 0;}


/* Left-aligns text in caption and th */
caption, th {text-align:left;}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal; font-weight:normal}

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6  {font-size: 100%; }

/* Removes list-style from lists */
ol, ul {list-style: none;}

/* Removes border from fieldset and img */
fieldset, img {border:0;}

/* Removes quotation marks from q */
q:before, q:after {content: '';}
html{
height:100%;
text-align: center;
}

body {
position: relative;
background-color: #CCCCCC;
width: 98%;
font-size: .8em;
color: #003399; 
font-family:  Arial, Verdana, Helvetica, sans-serif;
margin:auto;
height:100%
}


h1{
color: #FF6600;
text-align:center;
font-size: 2em;
}
h2{
color: #003399;
text-align:center;
font-size: 1.5em;
}
h3{
color: #FF6600;
text-align:center;
}
p {
  padding:.625em 0;
  text-align: justify;
  line-height: 20px;
  padding-left: 60px;
}
a{color:#003399;}
ul { 
padding-left: 20px;
line-height: 20px;
}
td {
font-size: .85em;
}
#container {
position: relative;
top: 115px;

margin-left: 10px;
margin-right:10px;
background-color: #FFFFFF;
z-index:1;
padding-right: 40px;
}
#Diamond{
/* needs to be absolutely positioned so buffer will flow into it's space and correctly make diamond*/
position:absolute;
background-image:url("OrangeBigorSmall.gif");
background-repeat:no-repeat;
background-position:top left;
width:345px;
height:402px;
z-index:0;
}

 #pgeHowTo #container, #pgeNewsletter #container {
background-image:url("Orange.gif");
background-repeat:no-repeat;
background-position:top left;
}
#pgeHome #container, #pgeProIRB #container{
}
#DiamondShow {
position:absolute;
top: 125px;
left: 36px;
}
.col {
  padding: 5px 5px;
  float: left;
}
.CCsilhouette {
  float: left;
  clear: left;
}
.CCsilhouette span {
  position: absolute;
}
.preImageBuffer {
  height: 1em;
  width: 1px;
}
#rightCol .preImageBuffer {
  float: left;
}

.RS0, .RS1, .RS2, .RS3, .RS4, .RS5, .RS6, .RS7, .RS8, .RS9, .RS10, .RS11, .RS12 {
  float: left; clear: left;
}
.RS0 {
  width:210px; height:20px; 
}
.RS1 {
  width: 230px; height:20px; 
}
.RS2 {
  width: 250px; height:20px; 
}
.RS3 {
  width: 270px; height:20px; 
}
.RS4 {
  width:290px; height:20px;
}
.RS5 {
  width:310px; height:20px;
}
.RS6 {
  width:330px; height:20px;
}
.RS7 {
  width:350px; height:20px;
}
.RS8 {
  width: 370px; height:20px; 
}
.RS9 {
  width: 390px; height:20px; 
}
.RS10 {
  width:410px; height:20px;
}
.RS11 {
  width:430px; height:20px;
}
.RS12 {
  width:450px; height:20px; background-color:#FF0000
}

#logo {
background-image: url(proirbcompanylogo.gif);
position: absolute;
top: 75px;
left: 25px;
width: 256px;
height: 85px;
z-index:15;
}
#PeopleBar {
background-color:#FFFFFF;
background-image: url("ProIRB Background.gif");
background-repeat:repeat;
text-align: right;
position:absolute;
top: 20px;
left: 0px;
margin-right: 10px;
margin-left: 10px;
width: 98%;
height: 100px;
z-index:0;
}
#peoplepic {
background-image: url(Background.jpg);
background-repeat: no-repeat;
height: 100px;
position: absolute;
top: 0px;
right: 0px;
width: 800px;
z-index:3;
}
#InfoBar {
position: absolute;
	top: 5px;
	right:0px;
	font-size: .73em;
	margin-right: 10px;
	z-index:5;
}
#InfoBar a {float: right;
	font-family: Arial, Verdana, sans-serif;
	text-decoration: underline;
	padding-right: 10px;
	padding-left: 10px;
}
#InfoBar a:link{	color: #000000;}
#InfoBar a:active{	color: #000000;}
#InfoBar a:visited{	color: #000000;	}
#InfoBar a:hover{ 	color: #ffffff;	}
#NavBar{
	position: absolute;
	top: 115px;
	left: 10px;
	width: 98%;
	height: 15px;
	background-color: #003399;
	letter-spacing: .1em;
	z-index:5;

	}
#NavBar a {
	float: right;
	font-size: .75em;	
	text-transform: uppercase;
	font-family: Arial, Verdana, sans-serif;
	text-decoration: none;
	padding-right: 20px;
	padding-left: 20px;
	color: #ffffff;

}
#NavBar a:link{
}
#NavBar a:hover{
background-color: #FF6600;
}
#NavBar a:active{
}
#NavBar a:visited{
}

/* code to say link on Info Bar is for currently displayed page*/
#pgeHowTo #lnkHowTo{color:#FF6600;}
#pgeNewsletter #lnkNewsletter{color:#FF6600;}
#pgeNews #lnkNews {color:#FF6600;}

/* code to say link on Nav Bar is for currently displayed page*/
#pgeHome #lnkHome{color:#ff0000; }
#pgeProIRB #lnkProIRB{color:#FF0000;}
#pgeCyberIRB #lnkCyberIRB{color:#FF0000;}
#pgeTrial #lnkTrial{color:#FF0000;}

.extender: {height:35px;}
div#footer {
color:#003399;
background-color: #ffffff;
text-align:center;
z-index: 15;
height:35px;

}
.footer1 {
font-size: .75em;
font-weight:bold;
font-family: arial, verdana, sans-serif;
}
.footer2 {
font-size: .7em;
font-family: arial, verdana, sans-serif;
padding-bottom:2px;
}
#ProIRBLight {
	width: 400px;
	height: 200px;
	border: thin #FF6600 solid;
	padding: 15px;
	float: left;
	margin: 10px;
}
#NewUser {
	border: thin #FF6600 solid;
	padding: 15px;
	float: right;
	width: 400px;
	margin: 10px;
}

#Expand{
	border: thin #FF6600 solid;
	padding: 15px;
		float: right;
		width: 400px;
		margin: 10px;
}
#One{
	border: thin #FF6600 solid;
	padding: 15px;
		text-align: center;
		margin: 10px;
}
#specials h2{
	color: #FF6600;
	font-family: Arial, Verdana, sans-serif;
	text-align: center;
	 
}
#specials h3{
	color: #003399;
	font-family: Arial, Verdana, sans-serif;
	text-align: center;
	font-size: 1.4em;
}


.rssxpresschannel {}
.rssxpresstable { }
.rssxpresschtitle { display: none;}
.rssxpresschdesc { display: none;}
.rssxpressittitle {background-color : #003399; padding: 10px;}
.rssxpressittitle a{ color: #FFffff; font-family: arial; font-size: .8em;}
.rssxpressitdesc { padding: 10px; color: #003399; font-size: .7em; font-family: arial; height: 4em; background-color:#f4f4ff;}
.rssxpressdivider {background-color : #CCCCCC;}

.news {width:28%; float: left; padding: 10px; padding-top:25px;}
#pgeNews h3 {color:#003399;}
/* Newsletter signup */
#divNewsSignupForm {float: left; border: 1px #003399 solid; margin: 50px; padding: 10px; }
#spnExistingCustomer {font-weight: bold;}
span.label,span.spacer,span.multiple span {width:120px;float:left;} 
span.multiple {float:left;} 
span.button {padding-left:120px;} 
div.clear {clear:both;padding-top:5px;} 
#divNewsSignupForm h3 {color:#003399;}

/* How-to and Webinar Page */
#divHowTo {position:relative; float: left; border: 1px #003399 solid; margin: 25px; padding: 10px; width:40%;}
#divHowTo h3 {color:#003399;}
#divWebinar {position:relative; float: right;padding-right: 10px; width:40%;}