/* CSS for SEO Squirrel */
/* Author Liz Jamieson of Purple Parasol Ltd */

/* General Layout  */

div.spacer{
	clear:both;
	font-size:0;
	line-height:0;
}

body{
  background-color:#FFFFFF;
  width:100%;
  text-align:center;
  margin:0;
  padding:0;
  color:#444444;
  font-family: Georgia, Arial;
  font-size: 100%;
}


/* whole page backgrounds */

div#outerheader{
  width:100%;
  text-align:left;
  height:120px;
}

div#outermainmenu{
  width:100%;
  text-align:left;
  background-image: url(../site-images/menu-back1.jpg);
  background-repeat: repeat-x;
  height:50px;
  border-top:2px #BBFF47 solid;
  border-bottom:2px #BBFF47 solid;
}

div#outertopcontent{
  width: 100%;
  background-repeat: repeat-x;
  text-align:left;
  background-color:#EEFFCC;
}

div#outerbottomcontent{
  width: 100%;
  background-color:#FFFFFF;
  text-align:left;
  border-bottom:5px #F3F3F3 solid;
}


div#outerfooter{
  width:100%;
  text-align:left;
  background-repeat: repeat-x;
  background-color: #DBFF99;
  border-bottom:4px #8AD600 solid;
  border-top:4px #8AD600 solid;
  padding:0;
  margin:0;
  height:95px;
}

/* individual page layouts */
div#header{
  background-color: transparent;
  width:950px;
  margin: 0 auto;
  height:210px;
}

div#mainmenu{
  background-color: transparent;
  width:950px;
  margin: 0 auto;
  height:50px;
}

div#topcontent{
  width: 950px;
  margin: 0 auto;
  padding: 0;
  background-color: transparent;
  padding: 10px 10px 10px 10px;
}

div#bottomcontent{
  width: 950px;
  margin: 0 auto;
  background-color: transparent;
}

div#footer{
  background-color: transparent;
  width:950px;
  height:100px;
  margin: 0 auto;
  padding:0;
  padding-top: 5px;
  text-align:center;
}


div#maincolumns{
  width: 950px;
  background-color: transparent;
  margin: 0 auto;
  padding-top:10px;
  overflow:hidden;
}

div#mainplain{
  width: 950px;
  background-color: transparent;
  margin: 0 auto;
  padding-top:20px;
  padding-bottom:10px;
}

div#lefthalf{
  width: 455px;
  padding: 0;
  background-color: transparent;
  padding: 10px 10px 10px 10px;
  float: left;
}

div#righthalf{
  width: 455px;
  padding: 0;
  background-color: transparent;
  padding: 10px 10px 10px 10px;
  float: right;
}

div#leftthin{
  width: 210px;
  padding: 0;
  background-color: transparent;
  padding: 10px 10px 10px 10px;
  float: left;
  background-image: url(../site-images/menubackground.jpg);
  background-repeat: no-repeat;
  height:850px;
  padding-top:20px;
  margin-top:15px;
  padding-left:20px;
}

div#rightthick{
  width: 685px;
  padding: 0;
  background-color: transparent;
  padding: 10px 10px 10px 10px;
  float: right;
}






div#leftheader{
  background-color: transparent;
  float:left;
  width:450px;
  height:83px;
  margin-top:10px;
  background-image: url(../site-images/logo1.png);
  background-repeat: no-repeat;
}

div#headertext{
  background-color: transparent;
  width:500px;
  margin-top:75px;
  margin-left:4px;

}

div#rightheader{
  float:right;
  text-align:right;
  width:250px;
}

div#topmenu{
  width:250px;
  float:right;
  padding-top:10px;
}





/* Styling Elements */

/* headertext styling */
div#headertext h2{
  color: #000000;
  font-size: 100%;
}

/* topcontent styling */
div#topcontent p, div#maincolumns p{
  margin:0;
  padding-top:3px;
  padding-bottom: 6px;
  color:#1E1E1E;
  font-size: 100%;
}


div#topcontent h2, div#maincolumns h2{
  margin:0;
  padding-top:12px;
  padding-bottom:6px;
  color:#5E8A00;
  font-size: 130%;
}

div#topcontent h1, div#maincolumns h1{
  margin:0;
  padding-top:6px;
  padding-bottom:6px;
  color:#4B4B4B;
  font-size: 150%;
}




/* Temporary Page Styling */

table#bigbutton {
  background-image:url(../site-images/bigbutton.jpg);
  width:826px;
  height:200px;
  background-repeat:no-repeat;
  vertical-align:top;
  margin-top:20px;
  margin-bottom: 20px;
}
table#bigbutton td{
  vertical-align: top;
  padding-left:30px;
}

table#bigbutton h3{
  margin:0;
  padding:0;
  font-size:1.3em;
  color:#EEFFCC;
  letter-spacing: 1px;
}

table#bigbutton h3 a{
  color:#414141;
}

table#bigbutton h3 a:hover{
  color:#FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  text-decoration: none;
  font-weight: 900;
}

table#bigbutton div{
  margin-left: 55px;
  margin-top:10px;
  padding:0;
}

table#bigbutton p{
  margin:0;
  padding-top:3px;
  color: #000000;
}


/* Main Page Styling */


table#indexpageinner{
  margin:0 auto;
  height:220px;
}

table#indexpageinner td#indextrial{
  background-image:url(../site-images/trialbox.jpg);
  width:230px;
  background-repeat:no-repeat;
  vertical-align:top;
}

table#indexpageinner td#indexsignup{
  background-image:url(../site-images/signupbox.jpg);
  width:230px;
  background-repeat:no-repeat;
  vertical-align:top;
}

table#indexpageinner td#indexpricing{
  background-image:url(../site-images/pricingbox.jpg);
  width:230px;
  background-repeat:no-repeat;
  vertical-align:top;
}

table#indexpageinner td#indexfaq{
  background-image:url(../site-images/faqbox.jpg);
  width:230px;
  background-repeat:no-repeat;
  vertical-align:top;
}

table#indexpageinner td#indexfeatures{
  background-image:url(../site-images/featuresbox.jpg);
  width:230px;
  background-repeat:no-repeat;
  vertical-align:top;
}

table#indexpageinner td#indexnewsletter{
  background-image:url(../site-images/newsletterbox.jpg);
  width:230px;
  background-repeat:no-repeat;
  vertical-align:top;
}

table#indexpageinner td#indexfreetutorials{
  background-image:url(../site-images/freetutorialsbox.jpg);
  width:230px;
  background-repeat:no-repeat;
  vertical-align:top;
}

table#indexpageinner td#indexsubscribe{
  background-image:url(../site-images/subscribebox.jpg);
  width:230px;
  background-repeat:no-repeat;
  vertical-align:top;
}

table#indexpageinner div{
  height:65px;
  width:145px;
  margin-left:70px;
  margin-top:20px;
}

table#indexpageinner h3{
  margin:0;
  padding:0;
  padding-bottom:6px;
  font-size:16px;
}

table#indexpageinner p{
  margin:0; padding:0;
}


table#indexpageouter{
  height:220px;
}

table#indexpageouter td#indexlogin{
  background-image:url(../site-images/login-button.jpg);
  width:310px;
  background-repeat:no-repeat;
  vertical-align:top;
}

table#indexpageouter div#loginheader{
  margin-top:25px;
  margin-left:100px;
  width:210px;
}

/* loginheader styling */

div#loginheader h3{
  margin:0;
  padding:0;
  padding-bottom:6px;
  color:white;
  font-size:16px;
}

div#loginheader p{
  margin:0;
  padding:0;
  color:white;
}

div#loginbox{
  margin-top:25px;
  margin-left:10px;
  padding-left:10px;
}


div#newsletterform{
  background-image: url(../site-images/newsletter-background.jpg);
  background-repeat: no-repeat;
  width:473px;
  height:271px;
}

div#newsletterform h3{
   color:#FFFFFF;
   margin-left:145px;
   padding-top:30px;
   padding-bottom:0px;
   margin-bottom:5px;
}
div#newsletterform p{
   color:#161616;
   margin-left:145px;
   margin-top:0px;
   padding:0;
   margin-bottom:0px;
}


table#newsletterform {
margin-top:10px;
margin-left:50px;
}

table#newsletterform th{
    font-size:80%;
    color:#ffffff;
    text-align:right;
}

table#newsletterform input.field{
    width:250px;
    background-color: #F4F4F4;
    padding-left:5px;
}

table#newsletterform select.field{
    width:254px;
    background-color: #F4F4F4;
}





div#contactform{
  background-image: url(../site-images/contact-background.jpg);
  background-repeat: no-repeat;
  width:473px;
  height:400px;
}

div#contactform h3{
   color:#FFFFFF;
   margin-left:145px;
   padding-top:30px;
   padding-bottom:0px;
   margin-bottom:5px;
}
div#contactform p{
   color:#161616;
   margin-left:145px;
   margin-top:0px;
   padding:0;
   margin-bottom:0px;
}


table#contactform {
margin-top:10px;
margin-left:30px;
}

table#contactform th{
  vertical-align:top;
    font-size:80%;
    color:#ffffff;
    text-align:right;
}

table#contactform input.field{
    width:250px;
    background-color: #F4F4F4;
    padding-left:5px;
}

table#contactform textarea.field{
    width:250px;
    background-color: #F4F4F4;
    padding-left:5px;
    height:100px;
}

table#contactform select.field{
    width:254px;
    background-color: #F4F4F4;
}



table#logintable th{
    font-size:80%;
    color:#ffffff;
    text-align:right;
}

table#logintable input.field{
    width:190px;
    background-color: #F4F4F4;
}

a.nav, a.nav:link, a.nav:visited {
    display:block;
    outline:none;
    float:right;
    width:75px;
    height:22px;
    background:#ECEAFF;
    border:2px outset #C9C9C9;
    margin-top:1px;
    margin-left:5px;
    text-align:center;
    text-decoration:none;
    font-family:verdana, arial, sans-serif;
    font-size:12px;
    color:#5F5F5F;
    line-height:20px;
    overflow:hidden;}
a.nav:hover {color:#000000; background:#DCFCAB;   }
a.nav:active {color:#000000; background:#FCC5CB; border:2px inset #C9C9C9; outline:none;}

div#footer a, div#footer a:link, div#footer a:visited {
    display:inline;
    outline:none;
    margin:auto 0;
    width:75px;
    height:22px;
    margin-top:1px;
    margin-left:15px;
    text-align:center;
    font-family:verdana, arial, sans-serif;
    font-size:12px;
    color:#525252;
    line-height:20px;
    overflow:hidden;}
div#footer a:hover {color:#000000;    }
div#footer a:active {color:#000000;  outline:none;}

table#indexpageouter p{
  color:#000000;
  font-family: Arial, Tahoma, Verdana;
  font-size: 85%;
}


div#footer span.status{
  color:#85C500;
  font-size: 60%;
  padding-top:5px;
  display: block;
}
div#footer span.company{
  color:#404040;
  font-size: 60%;
  padding-top:0px;
  display: block;
}

div#footer span.company a{
  font-size: 90%;
}

div#footer span.boss{
  padding-top:10px;
  display: block;

}

span.boss img{
   border:0px;
}



#topcontent a.link2{
	background:url(../site-images/left_link_bg.gif) 0 0 no-repeat #F0FFFF;
	padding:0 0 0 54px;
	font:bold 18px/39px Georgia, "Times New Roman", Times, serif;
	color:#144848;
	width:390px;
	height:41px;
	display:block;
	text-decoration:none;
}
#topcontent a.link2:hover{
	background:url(../site-images/left_link_bg_hover.gif) 0 0 no-repeat;
}

#mainmenu ul.nav{
	width:850px;
	height:40px;
  list-style-type: none;
  margin-top: 6px;
  margin-left:0px;
  padding-left:0px;
}
#mainmenu ul.nav li{
	float:left;
	margin:0;
	padding:0;
}
#mainmenu ul.nav li a{
  display:block;
	margin:0 25px 0px  0px;
  padding:5px;
	font-weight:bold;
  font-size:13px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  line-height: 35px;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
  outline:none;
}
#mainmenu ul.nav li a:hover{
	color:#CCFF00;
  text-decoration: underline;
  outline:none;
  text-shadow: #6374AB 20px -12px 2px;
}

#outertopcontent h1{
    margin:0px;
    color:#6C6C6C;
    font-size:150%;
}

#outertopcontent h2{
    margin:0px;
    color:#000000;
    font-size:100%;
    padding-top: 10px;
    padding-bottom: 10px;
}






a.ovalbutton{
background: transparent url('../site-images/oval-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('../site-images/oval-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden;
width: 100%;
}


table.admintable{
  border:1px #D8D8D8 solid;
  background-color: #F2FFD7;
  width:100%;
}

table.admintable th{
  font-family: Arial;
  font-size: 13px;
  background-color: #FFFFCC;
  color:#5E8A00;
  width:190px;
  font-weight: bold;
}
table.admintable td{
  font-family: Arial;
  font-size: 13px;
  background-color: #ECFFC4;
  color:#000000;
  width:190px;
  border:1px solid #D1D1D1;
}


div.error{
  color: #E52F50;
  font-family: Courier New;
  font-weight:bold;
  font-size: 95%;
}

span.squirrel{
color: #678822;
font-weight:bold;
font-size: 90%;
font-family: Arial;
font-style: italic;
}

span.hi{
  font-variant: small-caps;
  font-size: 110%;
  font-weight: bold;
  color: #5E8A00;
  border-left: solid #E140A9 15px;
  padding-left:10px;
}

table.weblist{
  font-size: 80%;
  font-family: Courier New, sans-serif;
}

table.weblist th {
  vertical-align:top;
  text-align: left;
  width:200px;
  background-color: #EFFFD2;
  border:1px solid #DBDBDB;
  padding-left: 10px;
  padding-top:5px;
}
table.weblist th a{
  color:#006CB1;
}


table.weblist th a:hover{
  color:#609D00;
}
table.weblist td{
  vertical-align:top;
  text-align: left;
  background-color: #F0FFD5;
  border:1px solid #DBDBDB;
  padding-left: 10px;

}