/*
    copyright 2009 seetheboss.com
    Client - SeeTheBoss.com
    Author: Mark Smith - msmith@townplanner.com
    Date: 07/09
*/

/* -------------------- CSS RESET ---------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0;
	border: 0; outline: 0;
	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: Verdana, Tahoma, Arial, sans-serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* ------------------ END CSS RESET -------------------- */

/* ---------------------------------------------------- */
/* -------------- GENERAL STYLES ---------------------- */


body { text-align: center; background-color: #fff; margin: 0; }

.center { text-align: center; }
.left { float: left; display: inline; }
.lefthalf { width: 45%; float: left; display: inline;}
.textleft { text-align: left; }

.right { float: right; display: inline;}
.righthalf { width: 45%; }
.textright { text-align: right; }

.hide { display: none; }
.show { display: inline; }
/* -------------- LINKS ------------------ */
a:hover, a:active, a:focus, input:active, input:hover, input:focus { outline: none; -moz-outline-style: none; }
a, a:visited { color: #1e90ff; background: inherit; text-decoration: underline; border: none; margin: 0.5em 0; }
a.btn, a.btn:visited { margin: 1.25em 0 1em 0; padding: 0.2em 1em; text-decoration: none; background-color: #116cb7; color: #ffffff; font-size: 0.9em; border: 1px solid #fff; }
a img { border: none; text-decoration: none; }

/* ------------ END LINKS ---------------- */

.clearfix { display: block; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 1px; height: 0; }

em {font-weight: bold; margin-bottom: 0.5em; }
/* ------------- HEADINGS ---------------- */
h1 { color: #116cb7; background: inherit; font-weight: bold; font-size: 1.5em; margin-bottom: 1em; margin-top: 1em }
h2 { color: #116cb7; background: inherit; font-weight: bold; font-size: 1.25em; margin: 1em 0 1em 0;}
h3 { color: #000; background: inherit; font-weight: bold; font-size: 1.25em; margin: 1em 0 1em 0; }
h4 { color: #116cb7; background: inherit; font-weight: bold; font-size: 1em; }
h5 { color: #000;  background: inherit; font-weight: bold; font-size: 1em; }
h6 { color: #116cb7; background: inherit; font-weight: bold; font-size: 0.9em; }
/* ----------- END HEADINGS -------------- */

input, select{ font-size: 11pt; }

input.blue { background:#116cb7; color:#ffffff; width: 150px; }
input.bluer { background:#116cb7; color:#ffffff; width: 180px; }
input.button { background-color: #116cb7; color: #fff; border: 1px solid #fff; padding:0.15em 1em;}

input.ten, select.ten { font-size:10pt; }
input.text, input.upload, textarea, fieldtext, select { color: #000; border: 1px solid #1a1818; /* text-align: left;*/ margin: 0.5em 0 0.1em 0; }

input.password { color: #999; border: 1px solid #1a1818; /* text-align: left;*/ margin: 0.5em 0; }
input.radio { color: #999; border: none; margin: 0.5em 0; }
input.text completed { color: #000; }
input.text:focus { color: #116cb7; border: 1px solid #116cb7; }
input.warn { color: #ff0000; border: 1px solid #ff0000; }
input.white { background:#ffffff; color:#116cb7; width: 150px; border: 3px solid #116cb7; }
input.prefilled { color: #999; }

label, td.lbl { font-size: 0.8em; vertical-align: middle; }

label span { font-size: 0.75em}
label a { color: #000; text-decoration: underline; }
label.check { font-weight: normal; }

p { padding: 0.5em 0; }

span.hint { font-size: 0.75em; line-height: 1em; }

/* ---------------- TABLES ------------------- */
table { border-collapse: collapse;  }
th { font-weight: bold; }
td { padding: 0.2em; }
td.hint { padding: 0 0.2em; vertical-align: top; }
td span.hint {  /*  margin-bottom: 1.5em;*/ line-height: 1em;}
th.total, td.total { border-left: 1px solid #000; }
/* -------------- END TABLES ----------------- */

/* ------------------- LISTS ----------------- */
ul { margin: 1em 3em; }
li { margin: 0.5em 0; }

ul.horiz { margin: 1em; }
ul.horiz li { display: inline; }
/* ----------------- END LISTS --------------- */

/* ------------- END GENERAL STYLES ------------------- */

/* ----------------- CONTENT --------------------- */

#wrapper { width: 950px; text-align: left; 
    margin: 0 auto 1em auto; padding-bottom: 0em; background-color: #fff; }
		

    
.content { margin: 0px 0px; padding: 0.5em 0em 1.5em 0em; overflow: hidden; width: 950px;}
.info { /* background-color: #fff; */
    /* background: url(../images/sidebar_bg.gif) transparent top right repeat-y; */}
.tan, .signup {background-color:  #f5deb3;}

.bold { font-weight: bold; }
.bup { font-weight: bold; text-transform: uppercase; font-size: larger; }

.formsub{ text-align: right; width: 100%; padding: 1.5em 0; }
.formsub input.btn { /* margin: 0.5em; */}

/* --------------- MASTHEAD ---------------------- */

#masthead { /* width: 950px;*/ background-color: #fff; height: 120px; /*#b09e78;*/ padding: 0; }
div#logo { position: absolute; top: 0; background-color: #fff; background: url(http://www.seetheboss.com/images/angled_bg_wht.gif) right top; width: 600px; height: 97px;}
img#logo_new { position: relative; top: 0; }
div#logo p { font-size: 0.5em; text-align: center; width: 125px; padding: 0; margin-bottom: 0.25em; }
#stbLogo { width: 750px; height: 110px; }
#boss { width: 150px; height: 130px; }
/* --------------- END MASTHEAD ---------------------- */

/* --------------- COLUMNS ----------------------- */
.col30 { width: 30%; background-color: inherit; /* float: right; display: inline;*/}
.col40 { width: 40%; background-color: inherit; }
.col50 { width: 50%; background-color: inherit; }
.col60 { width: 60%; background-color: inherit; }
.col70 { width: 70%; background-color: inherit; }
.col75 { width: 75%; background-color: inherit; }
.col80 { width: 80%; background-color: inherit; }
.col85 { width: 85%; background-color: inherit; }
.col90 { width: 90%; background-color: inherit; }
.col95 { width: 95%; background-color: inherit; }

/* -------------- END COLUMNS -------------------- */

/* ------------ ACCOUNT SETUP -------------------- */

/* ---------- END ACCOUNT SETUP ------------------ */


/* ---------- ABOUT MEMBERSHIP ------------------- */
span.bullet { font-weight: bold; color: #116cb7; margin-top: 2em; }
table.memLevels {border: 1px solid #000; margin: 1em 0 1em 0.1em; }
div#aboutUs table.memLevels {border: 1px solid #000; margin: 1em auto; }
table.memLevels th { background-color: #b09e78; padding: 0.5em 1em; }
table.memLevels td { padding: 0.5em 1em; } 
/* -------- END ABOUT MEMBERSHIP ----------------- */

/* -------------- ABOUT US ----------------------- */
div#aboutUs p { margin: 0.5em 2em 0.5em 0;}
img.runaround { float: left; margin: 1em 1em 0.25em 0; display: inline; }
/* ------------- END ABOUT US -------------------- */

/* ---------------------- BOSSHEAD ---------------------- */
div.bossHead { text-align: center; margin: 1em 0; }
div.bossInfo { /* width: 50%; */ height: 300px; }
/* -------------------- END BOSSHEAD -------------------- */

/* ----------------- EMAIL SIGNUP FORM ------------------ */
div#emailSignupForm { width: 600px; padding: 1em 2em; text-align: left; }

/* ---------------- FEATURED SCROLLER ----------------- */
div#featuredBoss { width:660px; height:250px; overflow:auto; margin-bottom: 1.5em; }
table#FBTable { border-spacing: 10px; width: 680px; }
table#FBTable td { font-size: 0.8em; padding: 0.2em; width: 300px; margin: 0.2em 0.5em; }
/* -------------- END FEATURED SCROLLER --------------- */

/* ---------------------- INDEX PAGE ------------------ */
div#bossLogin { background-color: #b09e78; width: 100%; text-align: right; }
div#indexContent {height: 300px; }
div#indexSearch { float: left; width: 45%; margin: 1em; padding-top: 2em; text-align: center; vertical-align: middle; display: inline; }
div#introVid { float: right; width: 45%; margin: 1em; display: block; }
div#memberSignup { text-align: right; width: 100%; background-color: #f5deb3; padding: 1.25em 0em; font-size: 0.9em; font-weight: bold; }
div#memberSignup a {color: #116cb7; margin-right: 1em; }
div#index_topnav { clear: both; font-size: 0.8em; display: block; background-color: #116cb7; width: 100%; margin: -1em 0 0.5em 0; text-align: right; }
div#index_topnav ul { margin: 0.25em; }
div#index_topnav ul li input.textnav { z-index: 5; padding: 0; font-size: 0.9em; }

span#tagline { color: #fff; margin-top: 0.5em; margin-left: 1em; font-size: 0.9em; }
/* ---------------------- INDEX PAGE ------------------ */

/* ------------ JOBS/UPDATE DEAL SHEETS --------------- */
div.dealSheet { text-align: center; margin: 1em; }
div#dealSheetButtons { text-align: center; }
div.offer { margin-top: 2em; }
div.offer td { padding: 0.1em 0.2em; }

div.formJobs { clear: both; }
div.jobPosting { clear: both; margin: 1em 0 2em; }
div.jobPosting p { margin: 0.25em 0; }
p.hiring { font-style: italic; font-size: 0.9em; margin-top: 1.5em; }
/* ---------- END UPDATE DEAL SHEETS ------------- */

/* ------------------- MEMBER INFORMATION --------------------- */
div.managerInfo, div.bossInfo { text-align: center; width: 50%; float: left; display: inline; }
div.managerInfo img, div.bossInfo img { margin-bottom: 1em; }
span.managerName, span.bossName { font-size: 1.0em; font-weight: bold; }
span.managerTitle, span.bossTitle { font-size: 0.9em; font-style: italic; }

div.dealLogo, div.memberLogo, div.companyInfo { float: right; text-align: center; display: inline; width: 275px;}

img.profileLogo, img.memberLogo { }

/* ----------------- END MEMBER INFORMATION ------------------- */

/* -------------- MEMBER LOGIN/ NEW SIGNUP ----------------------- */
#memLogin { float: left; display: inline; padding: 0 0px 20px 20px; margin-right: 30px; width: 325px; }
#memLogin input.btn { clear: both; margin: 20px 0px 0 0; }
#memLogin input.text, #memLogin input.password { /*margin: 0px 0px 0 0;*/ /* float: right;  position: relative; right: 70px; display: inline;*/}

#memLogin p, #newSignup p { /* margin: 1em 0 0.5em 0; clear: both;*/ border: 1px solid #f5deb3; }
#memLogin p span.hint { /* clear: both; float: right; position: relative; right: 70px; display: inline;*/ margin: 1.0em 0 1em 0;  }

div#innerSignup {position: relative;  margin-left: 200px; }
#newSignup { /* float: left; border-left: 1px solid #000;*/ position: relative; padding: 0 0 0 40px; width: 500px; display: inline;}
#newSignup input { /* margin: 0 0 0.5em 0;*/ }
/* #newSignup input.text { margin: 0px 0 0 0; margin: 0px 0px 0 0; float: right; position: relative; left: 100px; display: inline; }*/
#newSignup p span.hint { /*float: right; position: relative; width:275px; right: 0px;display: inline; */ margin: 0.5em 0 1em 0; }
#newSignup a img.helpLink { position: relative; top: 5px; left: 5px; }

ul#loginHead { color: #fff; font-size: 0.75em; font-weight: bold; font-family: Verdana, Tahoma, Arial, sans-serif; margin: 0.75em 1em;}
ul#loginHead li input {font-size: 0.9em; padding: 0.2em; }
ul#loginHead li input.button { padding: 0.2em; }
/* ---------------- HELP TEXT -------------------- */
div.helpText { display: none; left: 375px; background-color: #fff; padding: 0.5em; border: 1px solid #B09E78; width: 350px; }
#newSignup div.helpText p { border: 0;}
/* -------------- END HELP TEXT ------------------ */
/* ------------------ END MEMBER LOGIN/SIGNUP ------------------------- */

/* ----------------- NAVIGATION ---------------------- */
/* ----ORIGINAL KEEP THIS!!! -----------*/

#topnav { /* text-align: center; padding: 0.5em 0;*/ }
ul#memNav { /* margin: 0.1em auto; */ }
ul#memNav li { /* margin: 0.1em 0.25em; display: inline; list-style: none; */}
ul#memNav li a.btn { /* text-decoration: none;  background-color: #116cb7; background-color: #116cb7; color: #ffffff; padding: 0.2em 1em; */ }

#topnav { text-align: center; padding: 0.5em 0; /* background-color: #116cb7;  border: 1px solid #116cb7; */}
ul#memNav { margin: 0; list-style: none;}
ul#memNav li {  width: 15em; display: inline; background-color: #116cb7;  border: 1px solid #fff;}
ul#memNav li a { text-decoration: none;  color: #fff; padding: 0.2em 1em; }

ul#memNav li ul.subnav {list-style: none; border: 1px solid #116cb7; width: 15em; margin: 0; display: none; position: absolute; top: 15em; }
ul#memNav li ul.subnav li { background-color: #116cb7; display: inherit; }
ul#memNav li ul.subnav li a { color: #fff; }
ul#memNav li:hover ul.subnav { display: block; }
/* -------------- END NAVIGATION---------------------- */

/* --------------- SEARCH INFO ----------------------- */
div#keywords, div#zipfive, div#zipthree {  width: 90%; border: 1px solid #fff;}
div#keywords a.btn, div#zipfive a.btn, div#zipthree a.btn { /* float: right;*/ margin-top: 0; margin-right: 3.25em; }
div#keywords input, div#zipfive input, div#zipthree input { width:175px; margin: 0.5em 0.1em 0.1em 0; }
p.current { width: 92%; }
p.current span { font-weight: bold; }
/* --------------- END SEARCH INFO -------------------- */

/* -------------- SEARCH RESULTS ---------------------- */
table.advSearch { margin: 1em 0; }
table.searchResults { border: 1px solid #000;  width:660px; margin: 1.0em 0 0.5em 0;}
table.searchResults th { text-align: center; padding: 0.2em; }
table.searchResults td { text-align: center; vertical-align: middle; }

div.searchResultInfo { margin: 2em auto 0.5em auto; text-align: center; }
/* ------------ END SEARCH RESULTS -------------------- */


/* ----------------- SEND A FRIEND -------------------- */
div.sendFriend { padding: 1.5em 0; }
/* --------------- END SEND A FRIEND ------------------ */

/* ----------------- SIDEBAR ---------------------- */
div.sidebar { background-color: #FEF6EA; /* background-image: url('../images/sidebar_bg.gif');*/ width: 250px; /*width: 27%;*/ float: right; margin: 0em 0 0 0em; padding: 3em 0.1em; display: inline; font-size: 0.9em; text-align:center; }
div.sidebar a { text-decoration: underline; color: #116cb7; }
div.sidebar a img{ text-decoration: none; border: none; border-width: 0; margin-bottom: 0.5em; }
img.sidebarLogo { margin-bottom: 0.5em; }

ul.sidenav { list-style: none; text-align: left; width: 175px; margin: 2em auto; padding: 0; }
ul.sidenav li input{ width: 175px; }

div.sideLogo p { width: 200px; background-color: #fff; border: 1px solid #b09e78; margin: 1em auto; }
/* --------------- END SIDEBAR -------------------- */

/* --------------------- TOPNAV --------------------------- */
div.topnav{ padding-bottom: 2em; }
div.topnav input{ margin: 0 0.5em; }

/* --------------- END CONTENT ------------------- */

/* --------------- Footer ---------------------- */
div#main_footer {text-align: center; }
div#footer, div#boss_footer { margin: 1em; text-align: center; font-size: 0.65em; color: #000; }
div#footer ul, div#boss_footer ul { display: inline; margin: 1.5em 0 1em 0; /* width: 100%;*/ }
div#footer ul li, div#boss_footer ul li { display: inline; margin: 1em 0.5em; }
div#footer ul li a, div#boss_footer ul li a { color: #116cb7; }
/* --------------- END Footer ---------------------- */

/* ----------------- testing ------------------ */
.x {border: 1px solid red; }
.suggested { border: 1px dashed #000; padding: 0.5em 0; background: #eee;  }
.print { display: none; }

/* --------------------------- LIVEPIPE STUFF ---------------------------- */
  #control_overlay {
		background-color:#000;
	}
	
	.modal {
		background-color:#fff;
		padding:10px;
		border:1px solid #333;
	}

	.tooltip {
		border:1px solid #000;
		background-color:#fff;
		height:25px;
		width:200px;
		font-family:"Lucida Grande",Verdana;
		font-size:10px;
		color:#333;
	}

	.simple_window {
		width:250px;
		height:50px;
		border:1px solid #000;
		background-color:#fff;
		padding:10px;
		text-align:left;
		font-family:"Lucida Grande",Verdana;
		font-size:12px;
		color:#333;
	}
	
	.window {
/*		background-image:url("/css/window_background.png");*/
		background-position:top left;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		padding:10px;
		font-family:"Lucida Grande",Verdana;
		font-size:13px;
		font-weight:bold;
		color:#fff;
		text-align:center;
		min-width:150px;
		min-height:100px;
	}
	
	.window .window_contents {
		margin-top:10px;
		width:100%;
		height:100%;	
	}

	.window .window_header {
		text-align:center;
	}

	.window .window_title {
		margin-top:-7px;
		margin-bottom:7px;
		font-size:11px;
		cursor:move;
	}

	.window .window_close {
		display:block;
		position:absolute;
		top:4px;
		left:5px;
		height:13px;
		width:13px;
/*		background-image:url("/css/window_close.gif");*/
		cursor:pointer;
	    cursor:hand; }
/* ---------------------------- END LIVEPIPE STUFF ----------------------------- */