/* CSS Document */


/* _________ Main ________ */

* { margin: 0; padding: 0;}
html {font:62.5% Tahoma, Helvetica, Arial, sans-serif; color:#000000;}

body {
	background: #b1c1e3 url(../images/gradient-bg.png) top repeat-x;
	text-align: center;
	margin: 10px 0 15px 0;
}
ol, ul { list-style: none; }
a, a:visited {text-decoration:underline; color:#000000;}
h1 {font-weight: normal; font-size: 1.8em; font-family: "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif; font-stretch: condensed; padding-bottom: 15px; }
h2 {font-weight: bold; font-size: 1.2em; padding: 5px 0px 5px 0px;}
p {padding-bottom:10px;}


/* _____________ LAYOUT __________ */ 

#pagewrapper {
	position: relative;
	width: 956px;
	margin: 0 auto;
	text-align: left;
}


/* _________ Header ____________ */

#top {
	position: relative;	
	padding: 0;	
	margin: 0px auto;	
	height: 123px;
	width: 956px;
}

#greeting {position:absolute; top:10px; left:30px; width:500px; height:30px; font-size: 14px; color:#135fad; padding:0px; margin:0px; }
.login {font-weight:normal; font-size: 11px; color: #000000; }
html>body .login { font-size: 12px; }  /* this is not seen by IE, so it is the firefox/mac sizing. Fun, huh? */
#greeting a{text-decoration:none; color: #000000; }


#logo {position:absolute; top:5px; left:620px; width:312px; height:82px; background: url(../images/highbranch-logo.png) no-repeat; padding-bottom: 0px;}

#logo img {
	background: none;
    border: 0;
	padding: 0;
}
#logo a {
	display:block;
	position: absolute;
	width:312px; height:82px;
	margin: 0; padding: 0;
	border: none;
	top: 0px;   /* these adjust the position of the logo*/
	left: 0px;	
	text-indent: -9999px;
}


/* _________ Tabs Menu _________ */

#menu {position:absolute; top:67px; left:45px; width:328px; height:24px;}
#menu li{position:relative; float:left;}

#menu a{
margin:0px; padding:0px;
display:block; height:24px;
text-indent:-9999px;
position:relative;
}

#menu_1 a, #menu_1 a:visited{width:105px; background:url(../images/toptabs.png) no-repeat 0px 0px;}
#menu_2 a, #menu_2 a:visited{width:113px; background:url(../images/toptabs.png) no-repeat -105px 0px;}
#menu_3 a, #menu_3 a:visited{width:100px; background:url(../images/toptabs.png) no-repeat -218px 0px;}

/*MENU ROLLOVERS*/
#menu_1 a:hover, #menu_1_on a{width:105px; background:url(../images/toptabs.png) no-repeat 0px -26px;}
#menu_2 a:hover, #menu_2_on a{width:113px; background:url(../images/toptabs.png) no-repeat -105px -26px;}
#menu_3 a:hover, #menu_3_on a{width:100px; background:url(../images/toptabs.png) no-repeat -218px -26px;}

/*____________Navbar________________*/

#navbar-home {
	position:absolute; 
	display: block;
	float: left;
	top:91px; left:0px;
	width: 956px;
	height: 32px;
	margin: 0; padding: 0;
	background: url(../images/navbg-home.png) no-repeat;
}
#navbar {
	position:absolute; 
	top:91px; left:0px;
	width: 956px;
	height: 32px;
	background: url(../images/navbg.png) no-repeat;
}

#navbar ul {
	margin: 7px 0px 0px 26px;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#navbar li {
	display: block;
	float: left;
	width: auto;
}

#navbar a {
	display: block;
	float: left;
	margin-right: 3px;
	padding: 0 20px;
	text-decoration: none;
	font: 16px Tahoma, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #000000;
}

#navbar a:hover { 
	text-decoration: none; 
	color: #FFFFFF;
}

#navbar .current_page_item a {
	color: #003366;
}


/* _____________ Main Contents Area _____________ */

#page {
	position: relative;
	float: left;
	width: 956px;
	margin: 0;
	padding: 0;
	text-align: left;
	background: url(../images/pagebg.png) repeat-y center top;
}

#page-topbg {
	position: relative;
	float: left;
	display: inline;
	width: 956px;
	margin: 0;
	padding: 0;
	text-align: left;
	background: url(../images/pagebg-top.png) no-repeat center top;
}

#home-content-wrapper {
	position: relative;
	width: 850px;
	margin-left: 60px;
	padding: 0;
	font-size:1.3em; 
	line-height:1.7em;
	overflow:auto;
}

#page-content-wrapper {
	position: relative;
	float: left;
	display: inline;
	width: 850px;
	margin: 0px 0px 20px 50px;
	padding: 20px 0px 0px 0px;
	font-size:1.3em; 
	line-height:1.7em;
}


/* ____________ Footer ______________ */

#pagebottom {
	clear: both;
	width: 956px;
	height: 29px;
	padding: 0px;
	margin: 0 auto;
	background: url(../images/pagebottom.png) no-repeat center bottom;
}

#center-footer {
	position: relative;
	width: 860px;
	margin: 0 auto;
	text-align: left;
	background: #b1c1e3;
}

#footer {position:relative; width:860px; height:40px; font-size:1.2em; color: #425174; text-align:center; }
html>body #footer { font-size:1.2em; }  /* this is not seen by IE, so it is the firefox/mac sizing. Fun, huh? */
#footer a, #footer a:visited {color: #425174; text-decoration:none;}
#footer a:hover {color: #FFFFFF; text-decoration:none;}
#footer p{ padding: 15px 0px 0px 0px; }
.copyright { font-size: 10px; color: #333333; }


/* _________ Page Elements _________ */

#pagetitle {
	position:relative; 
	float: left;
	width:500px; height:70px;
}
#pagetitle-short {
	position:relative; 
	float: left;
	padding: 0; margin: 0;
	height:40px;
	overflow: auto;
	width: 850px;
}
#home-content-wrapper #pagetitle-short {
	margin-top: 25px;
}

.tabletabs {
	position: relative;
	text-align: left;  
	width:500px; height:30px; 
	font-size: 18px; 
	/* line-height: 16px; */
	letter-spacing: 1px;
	color:#0f45bf; 
	padding:0; 
	margin:0;
}

#tabletabsmenu {
	float: left;
	list-style-type: none;   
	margin: 12px 0px 0px 0px; 
	padding: 0; 
	}
html>body #tabletabsmenu {margin-top:7px; }  /* this is not seen by IE, so it is the firefox/mac sizing. Fun, huh? */

#tabletabsmenu li {
	display: inline; 
	margin:0; padding:0;
	height: 30px;
	} 

#tabletabsmenu li a, #tabletabsmenu li a:link, #tabletabsmenu li a:visited { 
	padding: 0px 10px 0px 16px; 
	margin:0;
	background:url(../images/tabletab-bg.png) repeat-x top left; 
	border-right: 1px solid #51ac39; 
	text-decoration: none;
	color:#0f45bf;
	line-height: 24px;
	}
	
#tabletabsmenu li a:hover { 
	padding: 0px 10px 0px 16px; 
	margin:0;
	background:url(../images/tabletab-bg-over.png) repeat-x top left; 
	border-right: 1px solid #51ac39; 
	text-decoration: none;
	color:#0f45bf;
	line-height: 24px;
	}
.current {
color:#000000;
}

#topfacts {
	position:relative; 
	float: right;
	width:300px; height:70px;
	text-align: right;
	font-size: 14px; 
	line-height:17px;
	color:#0f45bf; 
	padding: 0; margin: 0;
}

#leftcolumn {
	position:relative; 
	float: left;
	width:390px;
	padding: 0; margin: 0;
	margin-right: 20px;
	font-size: 16px;
	color: #135fad;
}

#rightcolumn {
	position:relative; 
	float: right;
	text-align: left;
	width:420px;
	padding: 0;
	margin: 0px 20px 0px 0px;
	font-size: 16px; 
	color: #135fad;
}



/* _________ Special styles _________ */

.bigtext {
	font-size: 16px;
	color: #135fad;
	padding: 10px 150px 20px 0px;
	margin: 15px 0px 15px 0px;
}
.bigtext-nospacing {
	font-size: 16px;
	color: #135fad;
}
.biggertext-grey-callout {
	font-size: 18px;
	color: #646363;
	padding: 0px 20px 0px 10px;
	margin: 20px 20px 20px 0px;
	border-left: 3px solid #84a0f0;
}
.biggertext-grey-callout a{
	font-weight: bold;
	color: #84a0f0;
	text-decoration: none;
}

.biggertext-grey-centered {
	font-size: 18px;
	color: #646363;
	padding: 0px;
	margin: 20px 20px 20px 20px;
}

.callout-box {
	border: 0px;
	}

.bigtitle-home {
	font-size: 20px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	color: #66cc33;
}

.table-title { color: #f25121; font-size: 24px; font-weight: bold; padding: 7px 0px 3px 10px; background: #E9F8E0;  }
.table-header { color: #000000; }
.userpic { padding: 5px 5px 5px 0px; }
#hometitle { font-size: 24px; margin: 0px 50px 0px 0px; padding-bottom: 2px; border-bottom: 3px solid #84a0f0; }

#signup-form {
	background: url(../images/frontpage-signup-pic.jpg) top left no-repeat;
	height: 194px; width: 782px;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 20px 20px;
	}
	
.pagenav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em; 
	color:#696FAD;
	padding-top: 10px;
}
.pagenav a{
	color: #000000;
	text-decoration:none;
	}
	
.pagenav-small a{
	color: #000000;
	text-decoration:none;
	font-size: 0.8em;
	}
	

code {
  	margin: 5px 0;
  	padding: 10px;
  	text-align: left;
  	display: block;
  	overflow: auto;  
  	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
  	/* white-space: pre; */
  	background: #ecfce9;
	border-left: 3px solid #b82b02;
}

acronym {
  cursor: help;
  border-bottom: 1px dashed #777;
}

blockquote {
	font: bold 1.4em/1.5em 'Lucida Console', 'courier new', monospace ;	
	margin: 10px;
 	padding: 0 0 0 25px;
	background: #ecfce9;
	border-left: 3px solid #b82b02;	
	color: #444;
}


/* _________ Tables _________ */

table.nicetable {
	border-collapse: collapse;
	margin: 0px;
	border: 4px solid #84a0f0;
}
table.nicetable th {
	background: #ecfce9;
	height: 22px;
	padding-left: 10px;
	padding-right: 10px;	
	text-align: left;
	border-left: 1px solid #84a0f0;
	border-bottom: 1px solid #84a0f0;
	font-weight: bold; font-size: 1.2em; font-family: Trebuchet MS, Tahoma, Helvetica, Arial, sans-serif;
	color: #000000;
}

table.nicetable td {
	padding: 0px 5px 0px 5px;
	border-left: 1px solid #84a0f0;
	border-bottom: 1px solid #84a0f0;
	font-size: 13px;
	background: #FFFFFF;
}
table.nicetable td.first,.nicetable th.first {
	border-left: 0px;
}
table.nicetable tr.row-a {
	background: #f5f6f7;
}
table.nicetable tr.row-b {
	background: #e1e6ea;		
}

table.invisible{
	border-collapse: collapse;
	margin: 0px;
	border: none;
}
table.invisible td{
	border: none;
	font-size: 14px;
	background: #FFFFFF;
	text-align: left;
	height:auto;
}

table.borderonly td {
	border: none;
}

table.underlines td {
	border-left: none;
	border-bottom: 1px solid #84a0f0;
	padding: 7px;
}
	

/* _________ Forms _________ */

form {
	margin:0px; padding: 0px;	
}

label {
	font-weight:bold;
	margin:5px 0;
}
text {
	padding:2px;
	border:1px solid #333333;
	font: normal 1em Verdana, sans-serif;
	color:#666666;
}

.smalltextfield {
    border: 1px solid #000;
    background: #d0d8f7;
	color:#666666;
	width: 100px;
	height: 17px;
	line-height: 16px;
	padding-left: 4px;
	margin-right: 6px;
	font-size: .8em;
}
html>body .smalltextfield { font-size: 12px; margin-top: 0px; margin-bottom: 6px; }  /* this is not seen by IE, so it is the firefox/mac sizing. Fun, huh? */


textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #e1e6ea;
	height:100px;
	display:block;
	color:#666666;
}

a.button1 {
width:100px;
height:28px;
display:block;
margin:0px;
background:url(../images/forms/button_bg.gif) no-repeat center;
text-decoration:none;
color:#000000;
text-align:center;
line-height:29px;
border:none;
}

.button {
	width:100px;
	height: 28px;
	margin:0px;
	padding: 2px 8px;
	border:none;
	background:url(../images/forms/button_bg.gif) no-repeat center;
	font-size: 14px; 
	color:#000000;
}

.button64 {
	width:64px;
	height: 28px;
	margin:0px;
	padding: 2px 4px;
	border:none;
	background:url(../images/forms/button_bg-64.png) no-repeat center;
	font-size: 14px; 
	color:#000000;
}

.smallbutton {
	width:70px;
	height: 23px;
	margin:0px;
	padding: 0px;
	border:none;
	background:url(../images/forms/smallbuttonbg.png) no-repeat center;
	font-size: 12px; 
	line-height:14px;
	color:#000000;
}

.boxbutton {
    border: 1px solid #006;
    background: #c4e6aa;
	padding: 0px 5px;
	line-height: 15px;
	height: 19px;
	font-size: .8em;
	margin: 0px;
}
html>body .boxbutton { font-size: 12px; }  /* this is not seen by IE, so it is the firefox/mac sizing. Fun, huh? */

.boxbutton:hover {
    background: #e9fcbb;
}

/* THIS IS FILE-INPUT STYLING */
div.fileinputs {
	position: relative;
	width: 300px; height: 40px;
}
div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	margin:0px; padding:5px 0px 0px 0px;
	width: 300px; height: 40px;
}
input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	width: 300px; height: 20px;
}



/*_____Classes to Use for alignment_______*/

.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/*_________Classes for display hacking___________*/

hr{display:none;}
.clear{clear:both; height:0; visibility: hidden; display:none;}