/**
* Pacific Screening Website: settings particular to the public (non-secure) portions of the website
found at www.pacificscreening.com. These values were mostly created in a contracted website redesign early 2006

For standard stuff such as body and paragraph, see common.css (common to both public and private sections)

Stephen Adamson 2008/08/08
*/
#maincontent {
    background:url(../images/content_bottomright.gif) bottom right no-repeat #fff;
    width:750px;
    padding:0px;
    margin:10px 20px 10px 10px;
 }
 
#maincontent #title {
    background:url(../images/content_topright.gif) top right no-repeat #fff;
    padding:0;
    border-bottom:1px solid #ccc;
 }
#maincontent #title #login {
    float:right;
    width:20em;
    white-space:nowrap;
    font-size:11px;
    padding:5px 10px 0 0;
    text-align:right;
 }
#maincontent #title h1 {
    background:url(../images/content_topleft.gif) top left no-repeat;
    padding:3px 0 3px 10px;
}
/* Note: If a page's content is not more than a certain length (say 8 lines long), the text will become invisible in IE due to padding */
#maincontent #content {
    background:url(../images/content_bottomleft.gif) bottom left no-repeat #fff;
    padding:10px 10px 30px 20px;
    margin:0 10px 0 0;
 }
#maincontent #smallcontent {
    background:url(../images/content_bottomleft.gif) bottom left no-repeat #fff;
    width: 50px;
    padding:10px 10px 30px 20px; 
    margin: 0 10px 0 0;
 }
#maincontent #content table {
    width: auto;
}

/* Special components of public site */
.bullet {
  color: red;
}
/* See about/benefits.php */
.lineitem {
  color: #C31105;
}

 /* intro is specific to the main page content */
#intro {margin:0 200px 0 0; background:#fff; padding:10px 0;}
#floatright {float:right; width:180px; padding: 15px 0 0 20px;
}
#floatright1 {float:right; width: 20%;}
#floatleft {float:left;}

div.rightbox {background:url(../images/bottomleft.gif) bottom left no-repeat #bfc1f1; margin:0 4px 12px 0; width:176px}
    div.rightbox div.boxheading {background:url(../images/topleft.gif) top left no-repeat}
    div.rightbox div.boxheading h3 {background:url(../images/topright.gif) top right no-repeat; padding:5px 7px 0 7px; margin:0; color:#000}
    div.rightbox div.boxheading h3 a {text-decoration:none}
    div.rightbox div.boxcontent {background:url(../images/bottomright.gif) bottom right no-repeat; padding:5px 10px 12px 10px}
    div.rightbox div.boxcontent p {margin:0 0 1em 0}
    div.rightbox a {color:#000}
    div.rightbox a:hover {color:#C31105}
/* rightbox is purple floating box on main index */
div.rightbox {
    background:url(../images/bottomleft.gif) bottom left no-repeat #bfc1f1; /* Lt purple */
    margin:0 4px 12px 0; 
    width:176px
    }
div.rightbox div.boxheading {
    background:url(../images/topleft.gif) top left no-repeat;
}
div.rightbox div.boxheading h3 {
    background:url(../images/topright.gif) top right no-repeat; padding:5px 7px 0 7px; 
    margin:0; 
    color:#000;
}
div.rightbox div.boxheading h3 a {
    text-decoration:none;
}
div.rightbox div.boxcontent {
    background:url(../images/bottomright.gif) bottom right no-repeat; 
    padding:5px 10px 12px 10px;
}
div.rightbox div.boxcontent p {
    margin:0 0 1em 0;
}
div.rightbox a {color:#000}
div.rightbox a:hover {color:#C31105}

/* Photos lining top of main index */
#photos {
  clear:both; 
  background:#a3bc56;  /* Olive green */
  height:185px; 
  min-width:760px;
  padding:8px 0 5px 17px
}
#photos div {
  background-color: #a3bc56; 
  background-position:top left; 
  background-repeat:no-repeat; 
  width:186px; height:182px
}
#photos div#photo1 {background-image:url(../images/person1.jpg); float:left}
#photos div#photo1 img {margin:100px 0 0 85px}
#photos div#photo2 {background-image:url(../images/person2.jpg); float:left}
#photos div#photo2 img {margin:25px 0 0 90px}
#photos div#photo3 {background-image:url(../images/person3.jpg); float:left}
#photos div#photo3 img {margin:65px 0 0 10px}
#photos div#photo4 {background-image:url(../images/person4.jpg); margin-left:555px}
#photos div#photo4 img {margin:95px 0 0 90px}

/* Definition List: used in main index */
dl {margin:0 0 0 1em;}
dt {float:left; width:110px; font-weight:800; clear:left;}
dd {margin:5px 0 10px 115px; border-bottom:1px dashed #6660A4; padding-bottom:5px;}

table.tablesmall td {
    padding: 4px;
}

#upload_document_container label {
	width:50px;
}

#upload_document_container input {
	display:block;
	width:250px;
}

div.error {
	color:red;
	text-align:center;
	padding:10px;
	font-weight:bold;
	position:relative;
}
div.success {
	color:green;
	text-align:center;
	padding:10px;
	font-weight:bold;
	position:relative;
}