/* FIOS PARTNERS STYLESHEET
---------------------------------------------------------------*/

/* GENERAL ELEMENTS
---------------------------------------------------------------*/	
body { 
	margin:0; 
	padding:0; 
	color:#000;
	background:#6A8355 url(/images/bg_body.gif) repeat-y center 0;
	text-align:center; 
	font:76% Verdana, Arial, Helvetica, sans-serif;
	}	
	
h1, h2 {
	margin-bottom:0;
	color:#678153;
	}	

h1 {
	margin-top:0;
	font-size:1.7em;
	font-weight:normal;
	}
		
h2 {
	font-size:1.5em;
	font-weight:normal;
}
	
p {	
	margin:0 0 28px 0;
	}

ul, li {
	margin:0; 
	padding:0;
	list-style:none;
	}

a {	
	font-weight:bold;
	}		
	
a:link, a:visited { 
	text-decoration:none; 
	color:#336499; 
	color: #333;
	}	
	
a:hover, a:active { 
	text-decoration:underline;
	}	
	
strong {
	color:#678153;
	}	

form, fieldset, legend {
	margin:0; 
	padding:0;
	}
	
fieldset {
	border:none;
	}	
	
input, select, textarea {
	font:1em Arial, Helvetica, sans-serif;
	}

img { 
	border:none; 
    behavior: url("/javascripts/pngbehavior.htc");
	}

hr { 
	display:none; 
	}		

/* CORE LAYOUT
---------------------------------------------------------------*/	

#flash {
  background-color: #F7E8D4;
  padding: 10px;
  text-align: center;
}

#accessibility { 
	display:none;
	}	

#container {
	overflow:hidden;
	position:relative;
	width:100%;
	}

#main {	
	position:relative;
	z-index:2;
	width:856px;
	margin:0 auto;
	text-align:left;
	font-size:1em;
	color:#000;
	}

#header {
	padding: 0;
	background-color: #56282B;
	height: 140px;
	overflow: hidden;
}
	
#gradient{
	width:100%;
	height:768px;
	background:url(/images/bg_gradients.gif) no-repeat center top; 
	position:absolute; 
	left:0; top:0; 
	z-index:1;
	}		

/* HEADER
---------------------------------------------------------------*/	
#header-bar {
	overflow:hidden;
	width:830px;
	height:42px; 
	he\ight:35px;
	margin: 0 13px 28px 13px;
	padding:7px 0 0 0;
	background:url(/images/header_bar.png) no-repeat center top;
}

#login {
  position: absolute;
  font-size:1em;
  margin-top: -80px;
  margin-left: 20px;
  background-color: #eee;
  border: 1px solid #56282B;
  padding: 5px;
}

#logo {
	float:left;
	margin:0;
	position:relative;
	left:20px;
	font-size:1.4em;
	color:#FFF;
	text-indent:-5000px;
	}

#logo, #logo a {
	width:158px;
	height:25px;
	}	
	
#logo a {
	position:absolute;
	left:0; top:0;
	z-index:1;	
	background:transparent url(/images/logo.png) no-repeat;
	}
	
#header-bar .logo-become {
	float:right;
	margin:0;
	position:relative;
	right:49px;
	font-size:0.9em;
	color:#FFF;
	text-indent:-5000px;
	}

#header-bar .logo-become, #header-bar .logo-become a {
	width:89px;
	height:27px;
	}	
	
#header-bar .logo-become a {
	position:absolute;
	left:0; top:0;
	z-index:1;	
	background:transparent url(/images/logo_become.png) no-repeat;
	}	
	
#nav-bar {
	width:856px;
	height:40px;
	height:38px;
	border-bottom:2px solid #636466;
	background:url(/images/bg_nav_bar.gif) repeat-y right top;
	}	
	
/* NAVIGATION */	
#navigation {
	float:left;
	display:inline;
	width:625px;
	height:38px;
	margin-left:10px;
	background:#849F70 url(/images/navigation.gif) no-repeat 0 0; 
	line-height:1;
	}

	
* html>body .navIR em  { 
	position:static; 
	}
	
* html .navIR a { 
	height:1%; 
	}	
	
.navIR li {
	margin:0;
	padding:0;
	position:relative;
	float:left; 
	left:0; top:0;
	z-index:1;
	} 	

.navIR a:link, .navIR a:visited,
.navIR a:hover, .navIR a:active {
	text-decoration:none;
	}	
	
#navigation em {
	display:block;
	position:absolute;
	top:0; left:0;
	}	
	
#navigation li, 
#navigation li em { 
	height:38px;
	}	
	
* html>body ul#navigation li em { 
	margin-bottom:-38px; 
	} 
	
#navigation a { 
	display:block; 
	height:38px;
	line-height:38px;
	font-weight:bold;
	text-align:center;
	color:#FFF; 
	}
	
#navigation a:hover, #navigation a:active, 
#navigation a.current, #navigation a.current:visited {
	color:#FFF;
	background-color:#849F70;
	} 
	
#navigation #nav-home em, #navigation #nav-about-us em, #navigation #nav-blog em, 
#navigation #nav-services em, #navigation #nav-products em, #navigation #nav-book em,
#navigation #nav-news em, #navigation #nav-connect em { 
	background:url(/images/navigation.gif) no-repeat; 
	cursor:pointer;}
 
#navigation #nav-home, #navigation #nav-home em { width:65px;}
#navigation #nav-home em { background-position:0 0; }

#navigation #nav-about-us, #navigation #nav-about-us em { width:90px; }
#navigation #nav-about-us em { background-position:-65px 0; }

#navigation #nav-blog, #navigation #nav-blog em { width:54px; }
#navigation #nav-blog em { background-position:-155px 0; }

#navigation #nav-services, #navigation #nav-services em { width:85px; }
#navigation #nav-services em { background-position:-209px 0; }

#navigation #nav-products, #navigation #nav-products em { width:83px; }
#navigation #nav-products em { background-position:-294px 0; }

#navigation #nav-book, #navigation #nav-book em { width:91px; }
#navigation #nav-book em { background-position:-377px 0; }

#navigation #nav-news, #navigation #nav-news em { width:69px; }
#navigation #nav-news em { background-position:-468px 0; }

#navigation #nav-connect, #navigation #nav-connect em { width:88px; }
#navigation #nav-connect em { background-position:-537px 0; }
	

#navigation li ul {
	position: absolute;
	width: 200px;
	left: -999em;
        padding: 10px;
        margin: 0;
        background-color: #849F70;
        border-color: #636466;
        border-style: solid;
        border-width: 0px 2px 2px 2px;
}

#navigation li:hover ul {
	left: auto;
}

#navigation li ul li, #navigation li ul li a {
  margin: 0;
  padding: 0;
  text-align: left;
  line-height: 11px;
  width: 200px;
  height: 12px;
}

#navigation li ul li a:hover {
background-color: #B3D88C;
}

/**/
#search {
	float:right;
	width:180px;
	padding:4px 0 0 0;
	}
	
#search .textfield {
	font-size:1.2em;
	color:#849F70;
	height:29px;
	border:solid 0 #fff;
	padding:6px 8px;
	width:140px;
	w\idth:124px;
	background:transparent url(/images/bg_textfield_search.gif) no-repeat fixed;
	}

#search fieldset>input.textfield {
	background:transparent url(/images/bg_textfield_search.gif) no-repeat;
	}	
	
#search .button {	
	position:absolute;
	border:none;
	background-color:#B3D88C;
	color:#FFF;
	}	

/* CONTENT


---------------------------------------------------------------*/	
#content {
	width:800px;
	padding:22px 10px 0 10px;
	background-color:#FFF;
	}
	
p.last  {
	margin-bottom:0;
	}

p.tab   {
	padding:22px 10px 0 50px;
	}

li { 
    margin-top:0;
    padding:3px 10px 0 50px;
  }

ul { 
    margin-bottom:0;
   }

#logo-bottom {
	float:right;
	width:78px;
	margin:0 0 10px 0;
	position:relative;
	z-index:3;
	}
	
#logo-bottom h1 {
	margin:0;
	position:relative;
	font-size:0.8em;
	color:#FFF;
	text-indent:-5000px;
	}

#logo-bottom h1, #logo-bottom h1 a {
	width:71px;
	height:21px;
	}	
	
#logo-bottom h1 a {
	position:absolute;
	left:0; top:0;
	z-index:5;	
	background:transparent url(/images/logo_become_small.png) no-repeat;
	}

/* Left content container */
#left {
	float:left;
	width: 500px !important;
	width: 500px;
	margin-left: 45px !important;
	margin-left: 22px;
	margin-right: 15px;
}

/* Right content */
#right {
	float:right;
	margin-left: 20px;
	width: 200px;
}

#left, #right, #fullContent {
}

#preContent {
  display: none;
}

#fullContent {
	width: 750px;
	margin-left: 45px !important;
	margin-left: 45px;
	margin-right: 15px;
}		

/* BEGIN TABLE LIST CSS */

div.listContainer {
	height:300px;
	width: 100%;
	border: 1px solid #666666;
	background-color: #fff;
	overflow: auto;
}


.list {
	border: 1px solid #666666;
	width: 100%;
}
/* don't put a border around tables contained by a div */
div.listContainer .list {
	border: 0px;
	width: 100%;
}

.list td {
	background-color: #fff;
	padding: 2px 6px;
	border-right: 1px solid #cccccc;
}

.list tr.odd td {
	background-color: #fff;
}

.list tr.even td {
	background-color: #ECEEF2;
}
.numeric, .list .numeric {
	text-align:right;
}
.list th, .list tr.header td, .list td.header {
	font-weight: bold;
	background-color: #777777;
	background-image:url(/images/table_header_bg.png);
	color: #eeeeee;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	text-transform:capitalize;
	padding: 4px;
	text-align: left;
}

.list tr.footer td {
	font-weight:normal;
	font-style:italic;
	color: #333333;
	background-color: #cccccc;
	border-top: 1px solid #191465;
	text-transform:capitalize;
}

.list td.borderTop {
	border-top:1px solid #999999;
}

/* END TABLE LIST CSS */


/* FORMS =================================================================== */

.fieldWithErrors input, .fieldWithErrors * option, .fieldWithErrors * {
  background-color: #dddddd;
}

.formError {
	color: red;
	font-style: italic;
	padding-bottom: 5px;
	padding-left: 10px;
}

#ErrorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#ErrorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#ErrorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#ErrorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

.inline {
	display:inline;
	clear:none;
	margin-bottom:0px;
}
label {
	clear:both;
	font-weight:bold;
	color: #666666;
	display:block;
	padding-bottom: 5px;
}
input {
}
option {
	padding:0px 4px;
}

input[type=hidden] {
	display:none;
}

#submittingText {
	display:none;
	font-weight:bold;
	font-size:1.3em;
	color: green;
	padding: 10px;
}

div.error {
	margin:10px;
	background-color:#FFFF99;
	border:1px solid #804D68;
	font-weight: bold;
	padding: 20px;
	text-align:center;
	color: #804D68;
}

input.error {
	background-color: #FFD3E3;
}

.textInput {
	height: 20px;
	line-height: 1em !important;
	line-height: 20px;
}

.textInput, .textArea {
	border: 1px solid #999;
	padding: 2px;
}

.content_pad {
  padding: 20px;
}

/* This holds "log out" and the current user name */
#global_nav {
	float:right;
	margin-top: -5px;
	margin-right: 30px !important;
	margin-right: 15px;
	font-size: 0.9em;
	text-align: right;
}
#global_nav a {
	font-weight: normal;
	color: #eeeeee;
}

/* COMMON ELEMENTS
---------------------------------------------------------------*/	
.clear { 
	clear:both;
	font-size:0; 
	line-height:0.0; 
	height:0;
	}	

ul.navigation.secondary {
	float:right;
	margin-top: 19px;
	margin-right: 0px;
}

div.float, div.floatHalf {
	float:left;
	margin-right:10px;
}
div.floatHalf {
	width:45%;
}

#TOS{
  z-index:5;
  position:relative;
}

#TOS a:link{
  font-weight:normal;
}