/*  (do not remove this :) */
/*  (not this either :) */




/*
 Init
 */
body {
    font-family: "Verdana", "Arial", sans-serif;
	font-size: 80%;
	/*font-size: 13.5px;*/
    color: #333;    
    margin: 2px 10px 0 10px;
    padding: 0;
}

* html body {
    font-size: 90%;
}
	
form { margin: 0; padding: 0; }

a {
    color: blue;
    text-decoration: none;
}

a:visited {
    color: #9900cc;
}

a:hover {
    color: #34cfff;
}


#print-logo { display: none; }

h1 {
    margin:0; padding:0;
}

h2 {
    color: #003366;
    font-size: 133%;
    margin-top: 0;
	margin: 0 0 1em 0;
}

blockquote {
    font-size: 133%;
    font-weight: bold;
    color: #34cfff;
    margin: 0;
}

blockquote address {
    font-style: normal;
    font-size: 60%;
    font-weight: normal;
    color: #333;
}

textarea {
    width: 100%;
    font-family: "Verdana", "Arial", sans-serif;
    font-size: 100%;
}



hr {
    border: 1px solid #efefef;
    border-width: 1px 0 0 0;
	margin-right: 28px;
}

hr.dark {
    border-color: #999;
}

b {
    color: #003366;
}

.column h3, 
.section h3 {
    background-color: #efefef;
    background-image: url(http://www.opushealth.org/images/turq_box.gif);
    background-repeat: no-repeat;
    background-position: center left;
    margin: 0 30px 1em -28px;
    padding: 0.4em 0 0.4em 38px;
    color: #003366;
	font-size: 100%;
}

* html .column h3,
* html .section h3 {
	margin-right: 0;
}

h4 {
    color: #003366;
	padding: 0; margin: 0;
	font-size: 100%;
}

.section ul {
	margin-left: 28px;
	padding: 0;
	margin-right: 3em;
}

.section p {
	margin-top: 0.2em;
	/*margin-right: 3em;*/
}

.column .section p {
    margin-right: 2em;
}


* h3.forward-arrow-simple {
    background-image: url(http://www.opushealth.org/images/forward_arrow_simple.gif);
}










/* General classes */
.larger-text {
    font-size: 105%;
}

.normal {
    font-weight: normal;
    color: #333;
}

.dark {
    color: #003366;
}

.padded {
    padding: 0 1em 0 2em;
}

.info {
    font-size: 80%;
}

p.info {
	margin: 0.2em 0 0 0.4em; 
}

label, .label {
    color: #003366;
    font-weight: bold;
}

.bigbold {
    font-weight: bold;
	font-size: 100%;
}

.column-container .column p .bigbold {
    font-size: 113%;
}

.smalltext {
    font-size: 95%;
}

.clear {
	clear: both;
}

.small-left-padding {
    padding-left: 5px;
}

.arrow-light {
    background: transparent url(http://www.opushealth.org/images/forward_arrow_light.gif) no-repeat center left;
	padding-left: 17px;
}

.fontsize-12 {
    font-size: 88.888%;
}

.fontsize-12 p {
    margin-bottom: 2em;
}









/*
 Forms
 */
fieldset {
    border: solid #9c9cb0;
    border-width: 1px 0;
    border-collapse: collapse;
}

.no-top-border {
    border-top-width: 0;
}

.no-border {
    border-width: 0;
}

.no-bottom-border {
    border-bottom-width: 0;
}
.top-border {
    border-top: 1px solid #9c9cb0;
}
.bottom-border {
    border-bottom: 1px solid #9c9cb0;
}


form label {
    color: #003366;
    font-weight: bold;
	font-size: 105%;
}











/*
 Header stuff
 */
#header {
    background: white url(http://www.opushealth.org/images/banner_people_together.gif) no-repeat top right;
}

#header h1 {
    background: transparent url(http://www.opushealth.org/images/logo_small.gif) no-repeat top left;
    height: 57px;
    margin-left: 30px;
}

#headerhome {
    background-color: white;
    background-repeat: no-repeat;
    background-position: top right;
    margin-right: 1px;
}

#headerhome h1 {
    background: transparent url(http://www.opushealth.org/images/logo.gif) no-repeat top left;
    height: 82px;
}

* html #headerhome h1 {
    height: 81px;
}

#header h1 span, #headerhome h1 span {
    display: none;
}

#header * {
    margin: 0;
    padding: 0;
}
















/*
 Navigation
 */

.navigation {
    margin:0; padding: 0;
	border-collapse: collapse;
	width: 100%;
	font-size: 100%;
	border-spacing: 0 0;
}

.navigation a:visited {
    color: white;
}


.navigation td {    
    text-align: center;
	border: 1px solid white;
	border-width: 0 1px 1px 0;
	margin: 0; padding: 0;
	vertical-align: middle;
}


.navigation td a,
.navigation td span {
    color: white;
    display: block;
	padding: 0.1em 0 0.2em 0;
	width: 100%;
}

.navigation td a span {
	padding: 0;
	width:auto;
}


.navigation tr td a:hover {
	color: white;
    background-color: #34cfff !important;
}

html body .navigation .current {
    background-color: #006699 !important;
}


/* one */

#level-one td {
    width: 20%;
}

#level-one td a, 
#level-one td span {
    background-color: #003065; 
}

#level-one td * {
    font-weight: bold;
}


/* two */
#level-two {
	margin: 0px 0 2em 0;
    text-align: right;
}

#level-two td {
    width: 33.3333%;
}

#level-two td a, 
#level-two td span {
    background: #9e9eb2 no-repeat top left;
}


#level-two #three a,
#level-two #three span {
    padding: 0;
    background-image: url(http://www.opushealth.org/images/rounded_bottom_right.gif);
	background-position: bottom right;
}

#level-two #three a span,
#level-two #three span span {
    padding: 0.1em 0 0.2em 0;
    background: transparent url(http://www.opushealth.org/images/rounded_top_left.gif) no-repeat top left;    
}

#level-two #two a,
#level-two #two span {
    background-image: url(http://www.opushealth.org/images/rounding_employer.gif);
	background-position: top right;
}

#level-two #one a,
#level-two #one span {
    background-image: url(http://www.opushealth.org/images/rounded_bottom_left.gif);
    background-position: bottom left;
}















/*
 Columns, etc.
 */

#left-bar {
    clear: left;
    float: left;
    width: 246px;
	padding-bottom: 1em;
}

.column-container {
	margin: 0 0 0.5em 0em; padding: 0 28px 0 28px;
	overflow: hidden; 
}


* html .column-container {
	float: left; 
	overflow: visible; 
	padding-left: 0px;
}

.column-container .column {
    float: left;
	width: 49.5%;

}

* html .column-container .section {
	padding-left: 28px;
}


* html .column-container .column .section {
	padding-left: 0;
}

* html .column-container .column {
	width: 49.5%;
	padding-left: 28px;
}

* html .column-container .ie-col-2 {
}

.column-container .column p {
    font-size: 88.8%;
	/*margin-right: 1.8em;*/
}

* html .column-container .column p {
	margin-right: 0;
}



/*
 Labelled container
 */


.labelled-container div {
    margin-left: 280px;
    padding: 0.5em 0;
}

.small-margin div {
	margin-left: 85px;
}


.labelled-container div div {
    margin-left: 0px;
    padding: 0;
}

.labelled-container div div div{
    padding: 0.5em 0;
}

.labelled-container div .label,
.labelled-container div label {
    width: 280px;
    margin-left: -300px;
    float: left;
    clear: left;
    text-align: right;
}

.small-margin div .label,
.small-margin div label {
    width: 80px;
    margin-left: -85px;
}

.small-margin label {
	font-weight: normal;
	text-align: left;
}

.labelled-container ul {
    padding: 0; margin: 0 0 0 1em;
}

.labelled-container label.radio {
    margin: auto;
    float: none;
    width: auto;
    clear: none;
    text-align: left;
    font-weight: normal;
    color: inherit;
}    


.labelled-container input, 
.labelled-container select {
    width: 100%;
}

* html .labelled-container input {
    width: 80%;
}
* html .labelled-container select {
	width: 56%;
}

.labelled-container .checkbox {
	width: auto;
}

.labelled-container .button {
	width: auto;
}

.labelled-container .button {
    margin: auto; 
}

.labelled-container div div p { margin-top: 0; }

.light {
    font-weight: normal;
}

.left-labels div .label, .left-labels div label{ 
    text-align: left;
}

/* 
 Portlet rel.
 */

.portlet .header {
	overflow: hidden;
	height: 2em;
}

.portlet h3 {
    background-color: #efefef;
    background-image: none;
    padding: 0.3em 0 0.5em 0.3em;	
    font-size: 100%; 
    color: #003366;
	margin: 0 0 1em 0;
}    

.portlet h4 {
    font-size: 100%;
	margin: 0;
}

.portlet .icon {
	float: left;
	height: 1em;
    padding: 0 2em 1em 0; 
    margin: 0px 0.5em 0 0;
}

* html .portlet .icon {
    margin-top: -2px;
}

.portlet form {
    margin: 0 0.5em;
}


.portlet label {
    display: block;
    color: #003065;
    padding: 0.3em 0;
	font-weight: normal;
}

.portlet select {
	width: 220px;
}

.portlet input {
	width: 220px;
}

.portlet .checkbox {
	width: auto;
}

.portlet .info {
    font-size: 80%;
}

.portlet div.info {
    color: #333;
}
    



/* 
 Left-side boxes
 */

#remember-label {
    display: inline;
    font-size: 80%;
    color: #333;
}






/*
 Footer
 */

#footer {
    background: #eee url(http://www.opushealth.org/images/rounded_top_left.gif) no-repeat top left;
    font-size: 80%;
    padding: 0.2em 0 0.2em 264px;
    margin-top: 2em;
}

#privacy #footer {
    padding-left: 1.5em;
}

#footer a, #footer span {
    padding: 0.4em 1em;
    color: #003366;
}

#footer a:hover {
    text-decoration: underline;
}

#footer #corner {
    float: right;
	height: 1.55em;
	width: 3em;
    background: transparent url(http://www.opushealth.org/images/rounded_footer_corner.gif) no-repeat bottom right;
}

.foot-pad { height: 10px; }








/*
 Icons, images
 */
#search-box .icon {
    background: #34cfff url(http://www.opushealth.org/images/icon_search.gif) no-repeat center center;
} 


#login-box .icon {
    background: #9e9eb2 url(http://www.opushealth.org/images/icon_login.gif) no-repeat center center;
} 

#join-box .icon {
    background: #9e9eb2 url(http://www.opushealth.org/images/icon_register.gif) no-repeat center center;
} 




/*
 Rounding
 */
.rounded-bottom-left a {
    background-image: url(http://www.opushealth.org/images/rounded_bottom_left.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
}    


.rounded-top-left {
    background-image: url(http://www.opushealth.org/images/rounded_top_left.gif);
    background-repeat: no-repeat;
    background-position: top left;
}    

.rounded-bottom-right a {
    background-image: url(http://www.opushealth.org/images/rounded_bottom_right.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
}    





/*
 Employer edit
 */
.contacts {
	width:100%;
}

.contacts td input {
    width: 98%;
}

.contacts .key {
    text-align: right;
	width:auto;
}


.contacts .delete {
    text-align: center;
}

.contacts .key input, .contacts .delete input {
	width:auto;
}

.link-bar {
    text-align: center;
}
.link-bar a {
    font-weight: bold;
}
   

#remember-label {
	float: none;
	margin: auto;
}



/*.button {
	background: white url(http://www.opushealth.org/images/forward_arrow.gif) no-repeat center left;
	border: 1px solid #9c9cb0;
	color: #0000ff;
	font: bold 88.8% "Arial" sans-serif;
	margin-top: 1em;
	padding: 0.3em 0.5em 0.3em 25px;
	text-align: left;
}*/

a.button:visited {
    color: blue;
}

a.button:hover {
    color: #34cfff;
}

.top-margin {
    margin-top: 1.2em;
}
.small-top-margin {
    margin-top: 0.5em;
}

/* privacy / security policy page */

#privacy #header {
	background-image: none !important;
}
#privacy h1 {
	margin: 0 0 0 0.6em;
}

* html #privacy h1 {
	margin: 0 0 0 0.3em;
}

#privacy .column-container,
#unavailable .column-container {
	border-top: 1px solid #9c9cb0;
	margin: 0 2em 0 2em;
	padding: 1em 0 0 0;
	width: 90%;
}

* html #privacy .column-container,
* html #unavailable .column-container {
	margin: 0 1em 0 1em;
}

.message {
	background: transparent url(http://www.opushealth.org/images/forward_arrow_message.gif) no-repeat top left;
	padding-left: 45px;
	min-height: 27px;
}

/* Horrible hack to make sure the min height is obeyed by IE */
/*\*/
* html .message {
height: 27px;
}
/**/

.login-arrow {
	background: transparent url(http://www.opushealth.org/images/down_arrow_login.gif) no-repeat center left;
	padding-left: 30px;
	padding-bottom: 10px;
}

.right-space {
	position: relative;
	margin-right: 1em;
}



html #left-bar form.join-buttons input {
	margin-top: 5px;
}


select.chosen {
	display: none;
}

div.chosen {
	font-weight: bold;
}

html body form .error label {
	color: red;
}

label.error { color: red; }

html body form .errorDiv {
	font-weight: bold; color: red; display: block;
	margin: 0; padding: 0;
        font-size: 80%;
}

ul.flush { padding-left: 1em; margin-left: 0; }


* html ul.flush { padding-left: 1em; margin-left: 0.5em; }

.right-padding {
    padding-right: 3em;
}


* html .left-padding { padding-left: 3em; }

#cvfile { width: 65%; }
#reset-searchform { display: none; }



/* frontpage table */

.frontpage-table {
    width: 100%;
}

.table-column {
    width: 50%;
	vertical-align: top;
}

.employerhome h4 {
    margin-bottom: 0.75em;
}

.employerhome h5 {
    margin: 0.2em 0;
}



/* buttons */

.button 
{
  border: 0;
  margin: 0;
  height: 0px;
  padding: 21px 0 0;
  background-position: left top;
  background-repeat: no-repeat;
  overflow: hidden;
}

/*.button:link, .button:visited, .button:hover, .button:active
{
  border: 0px solid white;
}
*/

.button:hover, .button.sfhover { background-position: 0 -21px; }


#search.button { background-image: url(http://www.opushealth.org/buttons/search.gif); width:85px;}
#save.button { background-image: url(http://www.opushealth.org/buttons/save.gif); width:85px;}
#edit.button { background-image: url(http://www.opushealth.org/buttons/edit.gif); width:85px;}
#place.button { background-image: url(http://www.opushealth.org/buttons/place.gif); width:85px;}
#cancel.button { background-image: url(http://www.opushealth.org/buttons/cancel.gif); width:85px;}
#preview.button { background-image: url(http://www.opushealth.org/buttons/preview.gif); width:92px;}
#register.button { background-image: url(http://www.opushealth.org/buttons/register.gif); width:99px;}
#send_email.button { background-image: url(http://www.opushealth.org/buttons/send_email.gif); width:105px;}
#deregister_me.button { background-image: url(http://www.opushealth.org/buttons/deregister_me.gif); width:124px;}
#login.button { background-image: url(http://www.opushealth.org/buttons/login.gif); width:85px;}
#next_step.button { background-image: url(http://www.opushealth.org/buttons/next_step.gif); width:99px;}
#finish.button { background-image: url(http://www.opushealth.org/buttons/finish.gif); width:85px;}
#apply_online.button { background-image: url(http://www.opushealth.org/buttons/apply_online.gif); width:118px;}
#js_register_here.button { background-image: url(http://www.opushealth.org/buttons/js_register_here.gif); width:203px; }
#emp_register_here.button { background-image: url(http://www.opushealth.org/buttons/emp_register_here.gif); width:203px;}


a.button { 
	float: left;
	display: block;
}

* html a.button { padding: 0; }
* html .button { height: 21px; }
#privacy td 
{ 
  vertical-align: top;
}

.with-border, .privacy-table
{ 
  margin: 1em 2px;
  border-collapse: collapse;
  border: 1px solid black;
  width: 99%;
}

.with-border td
{ 
  width: 50%;
  border: 1px solid black;
}


table.privacy-table td
{ 
  border: 1px solid black;
  text-align: center;
  font-size: 80%;
  width: 12%;
  vertical-align: middle !important;
}

.privacy-table td.item 
{ 
  width:auto;
  text-align: left;
}

.privacy-table thead td 
{ 
  font-weight: bold;
  vertical-align: top !important;
}

/* this may be the most evil thing ever */
* html .ie-negative-margin-hack {
    position: relative;
    left: -3px;
}
/*    definately not this. */