/* Stylesheet for HOS
   ----------------------------------------------------*/


/* =GENERIC
   ----------------------------------------------------*/
html {  }
body { background: #f1f2f2; height: 100%; text-align: center; color: #333; font:13px "Trebuchet MS", Arial, sans-serif; line-height: 170%; margin:0; padding:0; }
a { text-decoration: none; outline: none; }
em { font-style: italic; }
strong { font-weight: bold; }
form{ padding:0px; margin:0px;}

/* =CONTAINER
   ----------------------------------------------------*/
#container { width: 998px; background: #FFF; height: 100%; min-height: 100%; text-align: left; margin: 0 auto; padding:27px 56px 0px 57px; }
#mother { width: 998px; min-height:600px;}
/* =HEADER
   ----------------------------------------------------*/
#header { width: 998px; }
#header #logomenu { width: 998px;}
#header #logomenu #logo { width:594px; float:left; }
#header #logomenu #topsearch { width: 215px; float:right; margin-right:50px; padding-top:39px;}
#header #logomenu #topsearch input.search { color:#a09f9f; text-transform:uppercase; background:url(../images/top-searchBG.gif) no-repeat center; border:none; width:157px; padding:10px 10px; float:left;}
#header #logomenu #topsearch a{ float:left; margin:5px 0px 0px 5px;}



.topmenu {list-style-type: none; list-style-position:outside; position: relative; margin: 0; padding: 0;}
.topmenu li {display: block; overflow: hidden;padding: 0; cursor: pointer; float: left; height: 41px; margin-right: 0px;	background-image:url(http://humanoperatingsystem.org/wp-content/themes/bphome/images/mainnav.gif); background-repeat:no-repeat;}
.topmenu a {display:block;	height:41px; text-indent:-9999px; outline:none;}

#home {	background-position:0px 0px; width: 88px;}
#home.active, #home:hover {	background-position: 0 bottom;}

#myprofile { background-position:-88px 0px;	width: 114px;}
#myprofile.myprofileactive, #myprofile:hover {background-position: -88px bottom;}

#invite { background-position:-202px 0px; width: 78px;}
#invite.inviteactive, #invite:hover {	background-position: -202px bottom;}

#members { background-position:-280px 0px;	width: 95px;}
#members.membersactive, #members:hover { background-position: -280px bottom;}

#groups { background-position:-375px 0px; width: 92px;}
#groups.groupsactive, #groups:hover {	background-position: -375px bottom;}

#discussion { background-position:-467px 0px; width: 112px;}
#discussion.active, #discussion:hover {	background-position: -467px bottom;}

#blogs { background-position:-579px 0px;	width: 80px;}
#blogs.blogsactive, #blogs:hover { background-position: -579px bottom;}

#events { background-position:-659px 0px; width: 83px;}
#events.active, #events:hover {	background-position: -659px bottom;}

#phoenix {	background-position:-742px 0px;	width: 96px;}
#phoenix.active, #phoenix:hover { background-position: -742px bottom;}

#store { background-position:-838px 0px; width: 81px;}
#store.active, #store:hover { background-position: -838px bottom;}

#wiki { background-position:-919px 0px; width: 79px;}
#wiki.wikiactive, #wiki:hover { background-position: -919px bottom;}



/* =PAGE/SECTION DESCRIPTION BLOCK
   ----------------------------------------------------*/
.descbox_serv { padding: 16px 0px; margin:0 auto; text-align:center;}
#descbox_servGap { padding:0px 12px 45px 12px; margin:5px 0 26px 0; }
#descltbox{width: 476px; float:left; overflow:hidden; }
#descrtbox{width: 400px; float:left; overflow:hidden;}
.descbox_serv h1 { font:18px Trebuchet MS, Arial, sans-serif; color: #00538e; line-height:35px; margin:0;}
.descbox_serv h1 span{ font:31px Trebuchet MS, Arial, sans-serif; color: #950404; line-height:40px; }
.descbox_serv h2 { font: 700 18px Arial, sans-serif; color: #FFF; letter-spacing: 0.5px; }
#descbox_serv_2 { width: 998px; background:#F1F2F2; padding:15px 0px;  }
.descbox_serv_2_left { padding:15px; /*background: #A4DD35;*/ float: left; width:575px; }
.descbox_serv_2_left h2 { font:bold 15px Trebuchet MS, Arial, sans-serif; color: #00538e; line-height:25px; margin:0; text-align:center; }
.descbox_serv_2_left h2 span{ font:20px Trebuchet MS, Arial, sans-serif; color: #950404; line-height:25px; }
.descbox_serv_2_left h3 em { font-style: normal; font-weight: bold; border-bottom: 1px solid #dadada; color: #000; background: #FAF79C; }

.descbox_serv_2_right { width:350px; float:right; border-left:1px solid #D6DBDB; padding-left:40px;}
.descbox_serv_2_right span{ color:#050505; font-size:18px; text-align:right; display:block; float:left; width:50px; padding-right:20px; padding-top:5px;}
.descbox_serv_2_right input.form{ color:#050505; background:url(../images/input-bg.gif) repeat-x; border:1px solid #cbcbcb; width:230px; padding:5px; display:block; float:left;}

/* =Audio Testimonial
   ----------------------------------------------------*/
.audio_testimonial_main {  width:998px; background:url(../images/testimonial-mid-BG.gif) no-repeat bottom; padding-bottom:15px;}
.audio_testimonial_left {width:460px; float:left; padding-left:20px; padding-top:30px;}
.audio_testimonial_left  .field{ width:80px; color:#050505; font-size:18px; float:left; padding-left:10px;}
.audio_testimonial_left input.form{ color:#050505; background:url(../images/input-bg.gif) repeat-x; border:1px solid #cbcbcb; width:350px; padding:5px; display:block; float:left; margin:0px;}

.audio_testimonial_right {width:350px; float:right; padding-right:15px;}
.audio_testimonial_right h1{ color:#FFF; font-size:21px; margin:0px; font-weight:normal; padding-bottom:10px;}
.audio_testimonial_right h2{ color:#37a0dc; font-size:24px; margin:0px; line-height:30px; font-weight:normal; padding-bottom:10px; text-align:center; padding-left:10px;}

/* =SIGN UP
   ----------------------------------------------------*/

.sign-up {width:400px; float:left; padding-left:20px; padding-top:30px; }
.sign-up h1{ color:#00477f; font-size:18px; text-align:left; margin:0; padding:10px 0px; font-weight:normal;}
.sign-up  .field{ width:80px; color:#050505; font-size:18px; float:left;}
.sign-up input.form{ color:#050505; background:url(../images/input-bg.gif) repeat-x; border:1px solid #cbcbcb; width:250px; padding:5px; display:block; float:left; margin:0px;}
.input_submit { 	background:url(../images/submit-bg.gif) no-repeat top; width:79px; height:32px; border:none; font:15px "Trebuchet MS" bold; padding-bottom:3px; color:#feffff; text-transform:uppercase;}


/* =THANKYOU PAGE
   ----------------------------------------------------*/
#thank-you{ padding-bottom:20px;}
#thank-you .innerBG{ background:url(../images/mid-big-BG.gif) no-repeat bottom; padding:15px; height:250px;}
#thank-you h1{ color:#00538e; font-size:25px; padding-bottom:15px; font-weight:bold; margin:0; padding:10px;}
#thank-you h1 span{ color:#950404; text-transform:uppercase;}
#thank-you h2{ font-size:15px; color:#333333; margin:0; line-height:normal; font-weight:normal; padding:10px;}
#thank-you span{ color:#950404;}




/* =STANDARD BLOCK
   ----------------------------------------------------*/
.standard_block {}
.standard_block .innerBG{ background:url(../images/mid-big-BG.gif) no-repeat bottom; padding:15px;}
.standard_block h1{ color:#950404; font:bold 21px "Trebuchet MS"; line-height:28px; padding-bottom:15px; margin:0px;}
.standard_block h2{ color:#000000; font:bold 16px "Trebuchet MS"; line-height:16px; padding-left:40px; padding-bottom:15px;}
.standard_block h3{ color:#000000; font:bold 17px "Trebuchet MS"; line-height:22px; padding-left:40px; padding-bottom:15px;}

.standard_block ul#no{ margin:0; padding-left:40px; list-style: none;}
.standard_block ul#no li{padding-bottom:15px; line-height:16px; background:url(../images/list-style-no.png) no-repeat left top; padding-left:30px; font:bold 15px  "Trebuchet MS"; color:#575757;}
.standard_block ul#no li span{color:#950404;}

.standard_block ul#yes{ margin:0; padding-left:40px; list-style:none;}
.standard_block ul#yes li{padding-bottom:15px; line-height:16px; background:url(../images/list-style-yes.png) no-repeat left top; padding-left:30px; font:bold 15px  "Trebuchet MS"; color:#575757;}
.standard_block ul#yes li span{color:#00538e;}

.standard_block_left { width:618px; float:left;}
.standard_block_left span, .standard_block_right span{ color:#00538e; font-size:15px; font-weight:bold;}
.standard_block_left p, .standard_block_right p{ font-size:13px; color:#575757; line-height:16px; margin:0; padding-bottom:10px}
.standard_block_left img, .standard_block_right img { float:left; padding:0px 10px 0px 0px; }

.standard_block_right { width:310px; float:right;}
.width151{ width:151px; float:left;}
.width450{ width:450px; float:left; padding-bottom:15px;}


/* =Description
   ----------------------------------------------------*/
#descbox{width: 998px;}
#descbox h1 { font:21px Arial, sans-serif; color: #141414; line-height:26px; margin:0; padding:30px 0px 20px 0px; }
#descbox h2 { font: 700 18px Arial; color: #FFF; letter-spacing: 1px; }
.descbox_left{width:486px; float:left;}
.descbox_left p, .descbox_right p{ font:14px "Trebuchet MS", Arial; color:#575757; line-height:18px; margin:0;}
.descbox_right{width:451px; float:right; padding-left:40px;}

/* =Message
   ----------------------------------------------------*/
#message{ font:15px "Trebuchet MS", Arial; color:#575757; font-style:italic; clear:both; padding:25px 0px;}
#message span{ color:#255a91;}

/* =letter
   ----------------------------------------------------*/
#letter {  width:902px; margin:0 auto;}
#letter .innercontent {background:url(../images/letter-main-BG.gif) no-repeat bottom; padding:20px;}
#letter h1{ color:#000; line-height:21px; padding-bottom:5px; font-size:18px; margin:0; font-weight:bold;}
#letter p{ color:#255a91; line-height:21px; padding-bottom:15px; font-size:16px; margin:0;}


/* =ORDER LIST
   ----------------------------------------------------*/
#order-list-main{ padding-top:10px; }
#order-list-main h1{ color:#44941c; font-size:21px; line-height:28px; margin:0; font-weight:bold; padding-bottom:20px;}

.order-list-left{ font:32px "Georgia", Arial; color:#000000; width:50px; text-align:right; float:left; line-height:normal;}
.order-list-right{ width:886px; float:left; padding-left:20px; padding-top:10px;}
.order-list-right p{font-size:13px; line-height:16px; color:#575757; margin:0px; padding-bottom:10px; font-weight:bold;}


/* =WARNING
   ----------------------------------------------------*/

#warning{ }
#warning .h2{ font-size:21px; color:#ff342a; padding-bottom:10px;}
#warning p{ font:bold 13px "Trebuchet MS"; line-height:18px; color:#5f5f5f; margin:0; padding-bottom:15px; }


/* =TWO COLUMNS
   ----------------------------------------------------*/
#maincol{ width: 998px; clear:both;}
#main2col { width: 876px; padding: 12px 12px; margin: 0 0 5px 0; float: left; background: url(../images/bg/solid-div.gif) #FFF; border-top: 1px solid #dadada; overflow:hidden;}
.main2col { width: 876px; padding: 12px 12px; margin: 0 0 5px 0; float: left; background: url(../images/bg/solid-div.gif) #FFF; border-top: 1px solid #dadada; overflow:hidden;}
.width428 h1{font: 700 20px  Arial, sans-serif; color: #000; border-bottom: 3px solid #175595; padding: 0 0 5px 0; margin: 0 0 6px 0; }
.width428 h2{font: 700 18px Arial, sans-serif; color: #444;  padding: 0 0 4px 0; }
.width428 h3{font: 700 20px  Arial, sans-serif; color: #000; border-bottom: 3px solid #7FAD26; padding: 0 0 5px 0; margin: 0 0 6px 0; }
.width170{width: 170px; float:left; overflow: hidden;}
.width250{width: 255px; float:left; overflow: hidden;}
.width250 h3{font: 700 13px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; color: #000;   padding: 0 0 5px 0;}

/* =THREE COLUMNS
   ----------------------------------------------------*/

#main3col{ width:998px; padding-top:20px;}
#main3col h1{ font:bold 16px "Trebuchet MS"; color:#000000; line-height:20px; padding-bottom:15px; height:120px; margin:0px;}
#main3col em{ font-weight:bold; color:#000000;}
#main3col p{ font:13px "Trebuchet MS"; color:#575757; line-height:20px; margin:0; padding-bottom:20px;}
.width359{ width:359px; float:left;}
.width340{ width:340px; float:left; padding-left:15px;}
.width245{ width:245px; float:right;}

/* =Self-Improvement
   ----------------------------------------------------*/
#Self-Improvement{ width:998px; padding-bottom:10px; padding-top:20px;}   
#Self-Improvement h1{ color:#c21781; font:bold 21px "Trebuchet MS"; line-height:20px; padding-bottom:20px; margin:0;} 
#Self-Improvement h2{ color:#000000; font:normal 16px "Trebuchet MS"; line-height:20px; padding-bottom:15px;} 
#Self-Improvement em{ color:#000000; font-weight:bolder;}
#Self-Improvement p{ margin:0; padding-bottom:10px; color:#575757; line-height:20px; font-size:13px;} 
.width380{ width:380px; float:left;}
.width254{ width:254px; padding-left:20px; float:left;}
.width280{ width:280px; float:right;}



   
   

/* =Advice
   ----------------------------------------------------*/
#advice_main_block{ }
#advice_left_block{ background:#f1f2f2; width:530px; float:left; padding:15px; height:225px;}
#advice_left_block_full{ background:#f1f2f2;padding:15px;}
#advice_left_block p{ color:#515151; font:13px "Trebuchet MS", Arial; line-height:21px; margin:0; padding:0 10px 20px 0;}
#advice_left_block span{ color:#050505; font-size:18px; text-align:right; display:block; float:left; width:50px; padding-right:20px; padding-top:5px;}
#advice_left_block input.form{ color:#050505; background:url(../images/input-bg.gif) repeat-x; border:1px solid #cbcbcb; width:230px; padding:5px; display:block; float:left;}

#advice_right_block{ width:408px; float:right;}
#advice_right_block p{ font-size:11px; color:#868686; line-height:15px; font-weight:bold; margin:0; padding:10px 0 0 17px;}


/* =FOOTER
   ----------------------------------------------------*/
#footer { width: 968px; height: auto; padding: 10px 15px; border-top: 3px solid #d3d1cd; border-bottom: 3px solid #d3d1cd;}
#footer #footlink{ width:600px; float:left; color:#3a3a3a;}
#footer #width { width:251px; float: right; font: 400 11px Tohama,Arial, sans-serif; color:#777878;}
#footer #footlink a { color:#3a3a3a; font: 400 11px Tohama,Arial, sans-serif; text-decoration:none; }
#footer #footlink a:hover { color: #248dcb; text-decoration:underline; }
#footer #width a { color:#777878; text-decoration:underline;}
#footer #width a:hover { color:#248dcb; text-decoration:none;}

.footerSerator{ padding:0px 8px 0px 8px;} 

/* =FORMS
   ----------------------------------------------------*/
   
/* =MISCELLANEOUS
   ----------------------------------------------------*/
.floatLeft { float: left; }
.floatRight { float: right; }
.clearBoth, .clear{clear: both;}
.alignRight { text-align: right; }
.aligncenter { text-align: center; }
ul.general li { padding: 0 0 3px 20px; background: url(../images/bg/arrow.png) no-repeat 0 2px; }
.margin-bottom{margin-bottom: 10px;}
.margin-top{margin-top: 10px;}
.margin-left{margin-left: 20px;}
.margin-right{margin-right: 10px;}
.border-right{ border-right: 1px solid #dadada;}
.border-left{ border-left: 1px solid #dadada;}
.border-top{border-top: 1px solid #d6dbdb;}
.border-none{border:none;}
.input{width: 300px; height:20px; border: 1px solid #dadada;}
textarea{width: 300px; border: 1px solid #dadada;}
.txt-bg{ background: #e3ecfa; padding: 5px}
.pic-border{ border: 1px solid #dadada; padding: 5px;}
a.link{ color: #175595;}
.paddingleft{ padding-left: 15px;}
.paddingL{padding-left:10px;}
.paddingR{padding-right:9px;}
.paddingright{ padding-right: 15px;}
.paddingtop{ padding-top: 15px;}
.paddingbottom{ padding-bottom: 15px;}
.paddingB{ padding-bottom:10px;}
.spacer32 {height:32px; clear:both;}
.spacer20 {height:20px; clear:both;}
.spacer10 {height:10px; clear:both;}
.width {width:285px;}
.bg_color {background-color:#e3ecfa;}
.txt {color:#9aa192; font-size:1em; padding-left:5px;}
.required_text{ color:#FF0000;}
.free{ color:#950404; font-weight:bold;}
.border{ border:1px solid #000000;}
.valign { vertical-align:middle;}



/* =LIGHT BOX OVERLAY
   ----------------------------------------------------*/

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

.error{ color:#FF0000; padding:5px; text-align:left; width:280px; margin:0 auto; padding:2px}
.error2{ color:#FF0000; padding:5px; text-align:left; width:210px; margin:0 auto; padding:2px}
.error3{ color:#FF0000; padding:5px; text-align:left; width:240px; margin:0 auto; padding:2px}

.red_text { font-size:11px; color:#FF0000;}