/* TOPS Software Style Sheet by John Sexton fro AtHomeNet, johns@athomenet.com */



/* ---------  Common  --------- */

* {margin: 0;padding: 0;}

body {padding: 20px;font-size: 62.5%;font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, Helvetica, sans-serif;background : #e7eef4 url(graphics/body-bg.gif) repeat-x top left;}
html {font-size: 100%;}	
		
		
/* ---------- links and navigation ---------- */

a { color: #195fa1;}	
a:hover { color: #000000;}
		


/* ---------- fonts ---------- */

h1 {font-size: 2.0em;line-height: 1em;margin-bottom: 0.5em;color: #195fa1;}	
h2 {font-size: 1.5em;line-height: 1em;margin-bottom: 1em;}
h3 {font-size: 2.0em;line-height: 1em;color: #195fa1;}	
h4 {font-size: 1.4em;line-height: 1em;color: #195fa1;margin-bottom:10px;}
		
		
p {font: 1.2em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;margin-bottom: 1em; text-align: justify;}
ul {font: 1.2em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;margin-bottom: 2em;}
ul {list-style-type: square;padding-left: 25px;}	
li {margin-bottom: 2em;}
		

/*  --------- structure  ---------  */

body {margin-top: 0px;}
#wrapper {width: 925px;margin: 0 auto;}
#header { width: 925px;height: 112px;margin: 0 auto;background-color: #eeeeee;background : url(graphics/tops-software-header.png) no-repeat 0 0; }
#footer { width: 925px;height: 115px;margin: 0 auto;background: #333333; background : url(graphics/footer_bg.png	) no-repeat 0 0;overflow: visible; }
#mainContent {width: 925px;background: #fff;overflow: auto;}
		
/*  margin-left: 20px !important; margin-left: 10px;   !important; overflow:visible;  */

			 
/*  This Controls the Content DIV for a Blank Page */		 
#blankOne {padding: 0px;background: #fff;float: left;width: 100%;overflow: auto;}


/*  These two control the top and bottom round corners of the main content section of the page */
.topimage {width: 925px;height: 6px;margin: 0;padding:0;background-image: url("graphics/maincontent_top_hdr.png");background-position: top;background-repeat: none;}
		
		
.bottomimage {width: 925px;height: 6px;margin: 0;padding:0;background-image: url("graphics/maincontent_bot_hdr.png");background-position: bottom;background-repeat: none;}

/*  These two control the top and bottom round corners of the main content section of the page */

		
/*  This controls the padding of the main content area */
#contentPad {padding:15px 15px 15px 10px;}	
.imgPad {padding:15px;}
			
.clearFix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
		
		
/*  --------- content area  --------- */	
		
/* Controls the two div boxes, nav and content */

#divOne {padding: 0px;background: #efefef;float: left;width: 190px;}
#divTwo {margin-left: 5px;padding: 5px;background: #fff;float: left;width: 650px;}


/* Title Tags */		
.titleDivide {width: 900px;height: 4px;margin: 0;padding:0;background-image: url("graphics/hdr_divider_lines.gif");}	
* html .titleDivide { /*Simplified Margin for IE 6*/width: 900px;height: 4px;margin: 0 0 0 0;padding:0 0 0 0;background-image: url("graphics/hdr_divider_lines.gif");background-repeat: none; }
		
#leftBanner {float:left; color: #666666; padding-top: 2px; }
#rightBanner {float:right; color: #666666; padding-top: 2px; }

		
		
/* Sub Naviagation Specifics */	
/*  These two control the top and bottom round corners of the Sub Naviagation Area section of the page */
.subnavTop {width: 190px;height: 5px;margin: 0;padding:0;background-image: url("graphics/subnav_top.png");background-position: top;background-repeat: none;}	
.subnavBot  {width: 190px;height: 5px;margin: 0;padding:0;background-image: url("graphics/subnav_bot.png");background-position: bottom;background-repeat: none;}


/*  These two control the top and bottom round corners of the main content section of the page */

#subnavPad {padding: 5px;}	
.subnavOne p {text-align: justify;}		
.subnavOne a {font-size: 12px;font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, Helvetica, sans-serif;text-decoration: none;color: #000000;display: block;padding: 9px 9px 9px 9px;}
.subnavOne a:hover {color: #fff;background-color: #939393;text-decoration: none;}
.subnavOne a:visited {text-decoration: none;}
.subnavOne a:active {color: #000;}

#dividerdots { background-image: url('graphics/subnav_divide.png');width:177px; height: 2px;}
			 
 
			 
/*  Specific Code for Contact Us Page */			 

.columns0812-a {margin-bottom: 0.5em;float: left;width: 32%;}
.columns0812-b {margin-bottom: 0.5em;float: right;width: 64%;}
.txtleft { text-align: left; }
.txtright { text-align: right; }
.txtcenter { text-align: center; }

hr,
div.hr {
clear: both;
background: #CBCBCB;
color: #CCC;
border: none;
height: 2px;
margin: 10px 0;
font-size: 1px;
line-height: 1px;}


/*  Specific Code for Pricing Pages */	
table {border-collapse: collapse;} 
th, td { border: 1px solid #bbbbbb; font-size: 1.2em;padding: 4px 10px;line-height: 1.2;} 
tbody td {border-top: 0;border-bottom: 0;}	
tfoot {background-color: #e2e2e2;color: #195fa1;}	
thead {background-color: #e2e2e2;color: #195fa1;}
		
		
		
/*  Specific Code for Association Management Features Page */	
.features ul {font: 1.1em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;margin-bottom: 1.0em;}
.features ul {list-style-type: square;padding-left: 25px;}
.features li {   margin-bottom: 1.0em; background: #bcd1e4;}
.features li.e {   margin-bottom: 1.0em; background: #fff;}
		
#featuresBox1 { padding: 0px;background: #fff;float: left;width: 320px;margin-bottom: 20px;}
#featuresBox2 { padding: 0px;background: #fff;float: right;width: 320px;margin-bottom: 20px;}
#partnersBox { padding: 0px;background: #fff;float: left;width: 684px;	}
 
 



/*  Specific Code for Community Features Page */	
.commfeatures ul {font: 1.1em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;margin-bottom: 1.0em;}
.commfeatures ul {list-style-type: square;padding-left: 25px;}
.commfeatures li {   margin-bottom: 1.0em; background: #eeeeee;}	
.commfeatures li.e {   margin-bottom: 1.0em; background: #fff;}
		
#commfeaturesBox1 { padding: 0px;background: #fff;float: left;width: 320px;margin-bottom: 20px;}
#commfeaturesBox2 { padding: 0px; background: #fff;float: right;width: 320px;margin-bottom: 20px;}
#commfeaturesBox3 { padding: 0px;background: #fff;float: left;width: 650px;}
#commfeaturesBox4 { padding: 0px;background: #fff;float: left;width: 320px;}
#commfeaturesBox5 { padding: 0px;background: #fff;float: right;width: 320px;}
 
 
/*  Specific Code for Request More Information Page */
#requestBox { padding: 0px;background: #fff;width: 550px; }
.required { color: #c31016; font-weight: bold; font-size: 1.0em; text-align: right; }
.redfontbold { color: #c31016; font-weight: bold; font-size: 1.0em; text-align: right; }
.topsbluefontbold { color: #195fa1; font-weight: bold; font-size: 1.0em; text-align: right; }
.greyfontbold { color: #666666; font-weight: bold; }
.blackfontbold { color: #333333; font-weight: bold; font-size: 1.0em; text-align: right; }
.required-tag {float:right;font-size:0.77em;color:#c31016;;margin:2px 10px 2px 1px;font-weight:800;}
.input {  border: solid 1px #cecece; }
.info table {border-collapse: collapse;} 
.info th, td { border: 1px solid #fff; font-size: 1.2em;padding: 4px 10px;line-height: 1.2;} 
.info tbody td {border-top: 0;border-bottom: 0;}
.info tfoot {background-color: #e2e2e2;color: #195fa1;}	
.info thead {background-color: #e2e2e2;color: #195fa1;}


.request-information .column {float:left;}
.request-information .grid2col .column {width:620px;font-size:12px;}
.request-information .required {color:#c31016;font-weight:800; }
.request-information .grid2col form {width:600px;padding:0 20px 20px 0;margin-left:10px;}
.request-information .grid2col fieldset {padding:10px;margin-bottom:1em;border:0px;}
.request-information .grid2col legend {padding:10px;font-weight:800;color:#fff;background-color:#44b4e4;}
.request-information .grid2col .formField {border:0;background-color:#dddddd;}
.request-information .grid2col label {float:left;text-align:right;font-weight:normal;width:195px;color:#444;padding:5px;}
.request-information .grid2col label.full-width {float:left;text-align:right;font-weight:normal;width:100%;color:#444;padding:5px;}
.request-information .grid2col .row input {float:right;width:350px;padding:5px;}
.request-information .grid2col .checkboxes {height:auto;width:354px;text-align:left;padding:0;float:right;}
.request-information .grid2col .checkboxes input {height:auto;width:auto; float:left;text-align:left; padding:0;}
.request-information .grid2col .row {margin-bottom:5px;padding:8px 5px;}
.request-information .grid2col select {margin-left:5px;width:200px;border:0;background-color:#dddddd;float:left;}		
.request-information .grid2col #comments {margin-left:27px;width:350px;}
.request-information .grid2col input:focus, select:focus, textarea:focus {border-color:#0174bc;}
.request-information .grid2col .submitButton {font-size:1.1em;border:3px solid #ccc;background-color:#2485d4;padding:5px 12px;color:#fff;float:right;margin-right:5px;}
.request-information .grid2col .submitButton:hover {background-color:#2485d4;cursor:pointer;cursor:hand;}

/*  Specific Code for More Information Page */	
hr.info {clear: both;background: #CBCBCB;color: #CCC;border: none;height: 1px;margin: 0 0 0 0;font-size: 1px;line-height: 1px;}


/*  Specific Code for FAQ Page */	
hr.faq {clear: both;background: #CBCBCB;color: #CCC;
border: none;height: 1px;margin: 0 0 0 0;font-size: 1px;line-height: 1px;}


 /*  Specific Code for Find a Manager Page */
#mapBox { padding: 0 0 0 0;background: #fff;float: right;width: 530px;}
#stateBox { width: 100px;height: auto;margin-bottom: 5px;padding:0;float:right;clear:right;}
.stateTitle { text-align: center; padding-bottom: 5px; color: #195fa1; }
.stateBody { text-align: center; }


 /*  Specific Code for Testimonials Page */
 #testimonialtext { color: #333333; font-size: 1.2em; text-align: left;}
 
 
 
 /* Specific Code for Demo Pages */
 .demo-link {font-size:1.4em;}
 
 
 
 /* ---------- MultiConnect Elements ---------- */
 
 
 
 
 
 

/* ---------- Footer Specific ---------- */

.footerOne { color: #fff; text-align: center; padding: 5px; margin-bottom: 1em; }
.footerOne p {text-align: center; }
.footerOne a {font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;color: #fff ;}
.footerOne a:link {text-decoration: underline;color: #fff ;}
.footerOne a:visited {text-decoration: underline;color: #fff ;}
.footerOne a:hover {text-decoration: none;color: #666666 ;}
.footerOne a:active {text-decoration: underline;color: #fff ;}


.footerTwo { color: #333333; text-align: center; }
.footerTwo p {text-align: center; }
.footerTwo a {font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;color: #333333;}
.footerTwo a:link {text-decoration: underline;color: #333333;}
.footerTwo a:visited {text-decoration: underline;color: #333333;}
.footerTwo a:hover {text-decoration: none;color: #666666;}
.footerTwo a:active {text-decoration: underline;color: #333333;}