/* AstroGraph.css */

body, html {
	height: 100%;
	background: url('http://astrograph.com/images/bg-gray.png') repeat-y center #ECF1F7;
}

a {
  cursor: pointer;
  color: #344d8f;
  text-decoration: none;
  outline: none;
  }
  a:hover {
    text-decoration: underline;
    }
    
img {
  border:0px;
  }
    
p.intro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
  }
  p.intro:first-line {
    font-weight: bold;
    }

ul.stars {
	list-style-image: url(http://www.astrograph.com/images/icons/starRating.gif);
  }

table.bg {
  background-position: 90% 14px;
  background-repeat:no-repeat;
  }

td.bg {
  background-position: 0 0;
  background-repeat: repeat;
  }

.sidebarAd {
	color: #AAAA00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: normal;
  }

p.NM b {
  background-repeat: no-repeat;
  background-image: url(http://www.astrograph.com/images/icons/NewMoon.gif);
  padding: 10px 0px 10px 30px;
  line-height: 40px;
}

p.FQM b {
  background-repeat: no-repeat;
  background-image: url(http://www.astrograph.com/images/icons/FirstQuarterMoon.gif);
  padding: 10px 0px 10px 30px;
  line-height: 40px;
}

p.FM b {
  background-repeat: no-repeat;
  background-image: url(http://www.astrograph.com/images/icons/FullMoon.gif);
  padding: 10px 0px 10px 30px;
  line-height: 40px;
}

p.LQM b {
  background-repeat: no-repeat;
  background-image: url(http://www.astrograph.com/images/icons/LastQuarterMoon.gif);
  padding: 10px 0px 10px 30px;
  line-height: 40px;
}

p.NoM b {
  padding: 10px 0px 10px 0px;
  line-height: 40px;
}

.nonMonth {
	color: #CCCCCC;
  }

.purchase {
	font-weight: bold;
  background:url(/images/buttons/arrowRed.gif) no-repeat left center; 
  padding-left:22px;
  display: block;
  }
  a.purchase {
  	color: #344d8f;
    background-color: #FFA29C;
    text-decoration: none;
    }
    a:hover.purchase {
    	color: #FFFFFF;
      background-color: #344d8f;
      text-decoration: none;
      }

.button {
	color: #63636b;
    padding:4px 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
    text-decoration: none;
  }
  a.button {
    background: #4f689e url(images/buttons/button_bg.jpg) repeat-x;
  	color: #fff;
    }	
    a:hover.button {
      background: #4f71f8 url(images/buttons/button_bg.jpg) repeat-x;
  	color: #fff;
      text-decoration: none;
      }

.smButton {
  padding: 2px 3px;
	color: #63636b;
  background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
  border: 1px solid #63636B;
  text-decoration: none;
  cursor: pointer;
  }
  a:hover.smButton {
  	color: #344d8f;
    background-color: #F8D577;
    text-decoration: none;
    }

ul.subnav {
  margin: 0px;
  padding: 0px;
  border: 0px;
  border-top: 2px solid #63636B;
  list-style-type: none;
  line-height: 16px;
  }
  ul.subnav li a {
    margin: 0px;
    display: block;
    padding: 4px 4px;
  	color: #63636b;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	font-weight: bold;
    border-bottom: 2px solid #63636B;
    text-decoration: none;
    }
    ul.subnav li a.subnav {
    	color: #63636b;
      background-color: #FFFFFF;
      text-decoration: none;
      }	
      ul.subnav li a:hover.subnav {
      	color: #FFFFFF;
        background-color: #4f70b5;
        text-decoration: none;
        }
    ul.subnav li a.action {
      /* padding-left: 24px; */
      /* background: url(/images/buttons/arrowRed.gif) no-repeat 4px center; */
    	color: #63636b;
      background: #FFFFFF url(/images/action_arrow.png) no-repeat 98% 50%;
      }	
      ul.subnav li a:hover.action {
      	color: #FFFFFF;
        text-decoration: none;
        background: #4f70b5 url(/images/action_arrow.png) no-repeat 98% 50%;
}
    ul.subnav li a.current {
    	color: #63636b;
      background-color: #E1E5EC;
      text-decoration: none;
      }	
      ul.subnav li a:hover.current {
      	color: #FFFFFF;
        background-color: #4f70b5;
        text-decoration: none;
        }

.event {
	font-weight: bold;
}
a.event {
	color: #000000;
  text-decoration: none;
}
a:hover.event {
  text-decoration: underline;
}

.eventRed {
	color: #344d8f;
	font-weight: bold;
}
a.eventRed {
  text-decoration: none;
}
a:hover.eventRed {
  text-decoration: underline;
}

.adLargeRed {
	color: #344d8f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	line-height: normal;
}

a.adLargeRed {
	color: #344d8f;
	text-decoration: none;
}

a:hover.adLargeRed {
	color: #344d8f;
	text-decoration: underline;
}

input {
  margin: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #c5c5c5;
}
input.submit {
  background: #4f689e url(images/buttons/button_bg.jpg) repeat-x;
  color: #fff;
  cursor: pointer;
  vertical-align: middle;
  padding: 3px 8px;
  border: 0;
  }	
  input:hover.submit {
  	background: #4f689e url(images/buttons/button_bg.jpg) repeat-x;
  	color: #fff;
    text-decoration: none;
    }

.plain {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: normal;
	text-indent: 40px;
}

.heading {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

.nav {
	color: #63636b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a.nav {
	color: #63636b;
	text-decoration: none;
}

a:hover.nav {
	color: #344d8f;
	text-decoration: none;
}

.navLG {
	color: #660066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.details {
	color: #333399;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.content {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
  text-align: left;
}

.reading p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
  text-align: left;
  line-height: 18px;
}

.pretty {
	color: #344d8f;
	font-family: fantasy, Arial, Helvetica, sans-serif;
	font-size: 16px;
  text-align: left;
  line-height: 20px;
}

a.content {
	color: #344d8f;
	text-decoration: none;
}

a:hover.content {
	color: #FFFFFF;
  background-color: #344d8f;
	text-decoration: none;
}

.contentSM {
	color: #000000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
}

.fireBG {
  background-color: #CC3300;
  }
.airBG {
  background-color: #EFAD00;
  }
.waterBG {
  background-color: #294284;
  }
.earthBG {
  background-color: #429C21;
  }

.fire {
	background-color: #FFE5E5;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
  }
  a.fire {
    text-decoration: none;
  	color: #000;
    }
    a:hover.fire {
    	color: #FFFFFF;
      background-color: #344d8f;
      text-decoration: none;
      }

.air {
	background-color: #fbfbcc;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
  }
  a.air {
  	color: #000;
    text-decoration: none;
    }
    a:hover.air {
      color: #FFFFFF;
    	background-color: #EFAD00;
    	text-decoration: none;
      }

.water {
	background-color: #E6E8FF;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
  }
  a.water {
  	color: #000;
    text-decoration: none;
    }
    a:hover.water {
    	color: #FFFFFF;
      background-color: #0033CC;
    	text-decoration: none;
      }

.earth {
	background-color: #E7FADE;
	color: #000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
  }
  a.earth {
  	color: #000;
    text-decoration: none;
    }
    a:hover.earth {
    	color: #FFFFFF;
      background-color: #429C21;
    	text-decoration: none;
      }

.term {
	background-color: #eeeeee;
	color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
  }
  a.term {
    color: #000;
    text-decoration: none;
    }
    a:hover.term {
      color: #FFFFFF;
      background-color: #63636B;
    	text-decoration: none;
      }

td.fire {
	background-color: #FFE5E5;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

td.air {
	background-color: #fbfbcc;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

td.water {
	background-color: #E6E8FF;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

td.earth {
	background-color: #E7FADE;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.bold {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
}
a.bold {
  text-decoration: none;
}
a:hover.bold {
	text-decoration: underline;
}

.error {
  padding: 4px 8px; 
  border-color: #CC0000;
  border-style: solid;
  background-color: #FFFFCC;
	color: #CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
}

.success {
  padding: 4px 8px; 
  border-color: #006C03;
  border-style: solid;
  background-color: #DDFFDF;
	color: #006C03;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
}

.caution {
  padding: 4px 8px;
  padding-left: 54px;
  background:url(/images/icons/caution.gif) no-repeat 4px 4px; 
  border-color: #CC0000;
  border-style: solid;
  background-color: #FFFFCC;
	color: #CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}

.th {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.thSmCaps {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant: small-caps;
	font-weight: bold;
}

.select {
  margin: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #c5c5c5;
}

.selectBold {
	border-color: #36557E;
	border-style: solid;
	border-width: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

img.inContext {
	border-width: 0px;
	margin: 0;
	padding: 0;
	vertical-align: text-bottom;
}

.tableR {
	border-bottom-width: 2px;
	border-color: #63636B;
	border-left-width: 0px;
	border-right-width: 2px;
	border-style: solid;
	border-top-width: 2px;
}

.tableL {
	border-bottom-width: 2px;
	border-color: #63636B;
	border-left-width: 2px;
	border-right-width: 0px;
	border-style: solid;
	border-top-width: 2px;
}

.table {
	border-bottom-width: 2px;
	border-color: #9c86b9;
	border-left-width: 2px;
	border-right-width: 2px;
	border-style: solid;
	border-top-width: 2px;
}

.hideThis {
	visibility: hidden;
}

.navWhite {
	font-size: 10px;
	line-height: 10px;
	height: 10px;
	font-weight: bold;
	color: #ffffff;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  }
  .navWhite a {
  	color: #ffffff;
  	text-decoration: none;
    }
    .navWhite a:hover {
    	color: #63636B;
      background-color: #FFFFFF;
    	text-decoration: none;
      }

.sidebarMenu {
  text-indent: 3px;
	font-size: 12px;
	line-height: 12px;
	height: 12px;
	font-weight: bold;
	color: #63636B;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.sidebarTitle {
  text-indent: 3px;
	font-size: 12px;
	line-height: 12px;
	height: 12px;
	font-weight: bold;
	color: #63636B;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
  a.sidebarTitle {
    text-decoration: none;
    }
    a:hover.sidebarTitle {
    	color: #344d8f;
      text-decoration: none;
      }

.sidebarTitleRed {
	font-size: 12px;
	line-height: 12px;
	height: 12px;
	font-weight: bold;
	color: #344d8f;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.sidebarTitleWhite {
	font-size: 12px;
	line-height: 12px;
	height: 12px;
	font-weight: bold;
	color: #ffffff;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  }
  a.sidebarTitleWhite {
	  color: #ffffff;
    text-decoration: none;
    }
    a:hover.sidebarTitleWhite {
    	color: #ffffff;
      text-decoration: underline;
      }

.sidebarTitleBlack {
	font-size: 12px;
	line-height: 12px;
	height: 12px;
	font-weight: bold;
	color: #000;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  }
  a.sidebarTitleBlack {
	  color: #000;
    text-decoration: none;
    }
    a:hover.sidebarTitleBlack {
    	color: #000;
      text-decoration: underline;
      }

h1 {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
  display: inline;
  font-weight: normal;
  /*font-size: 17px;
  font-weight: bold;*/
}
h1 a {
  text-decoration: none;
}
h1 a:hover {
  text-decoration: underline;
}

h2 {
	font-size: 15px;
  display: inline;
	font-weight: bold;
  color: #000000;
}
h2 a {
	text-decoration: none;
}
h2 a:hover {
	text-decoration: underline;
}

.actionRed {
	font-size: 12px;
	font-weight: bold;
	color: #344d8f;
}

.actionRed a {
	text-decoration: none;
	color: #344d8f;
}
	
.actionRed a:hover {
	color: #344d8f;
	text-decoration: underline;
}


#topLeftButton a.topnavButton {
  background-image: url(/images/navbar/silverBG-L.gif);
  background-repeat: no-repeat;
  text-align: center;
	color: #63636b;
  border: 0;
  }
  #topLeftButton a:hover.topnavButton {
    background-image: url(/images/navbar/silverON-L.gif);
  	color: #FFFFFF;
    }
#topLeftButtonOn a.topnavButton {
  background-image: url(/images/navbar/silverON-L.gif);
  background-repeat: no-repeat;
  text-align: center;
	color: #FFFFFF;
  border: 0;
  }
  #topLeftButtonOn a:hover.topnavButton {
  	color: #FFFFFF;
    }
#topButton a.topnavButton {
  background-image: url(/images/navbar/silverBG.gif);
  text-align: center;
	color: #63636b;
  }
  #topButton a:hover.topnavButton {
    background-image: url(/images/navbar/silverON.gif);
  	color: #FFFFFF;
    }
#topButtonOn a.topnavButton {
  background-image: url(/images/navbar/silverON.gif);
  text-align: center;
	color: #FFFFFF;
  }
  #topButtonOn a:hover.topnavButton {
    /* background-image: url(/images/navbar/navbar-BG_on.gif); */
  	color: #FFFFFF;
    }
#topRightButton a.topnavButton {
  background-image: url(/images/navbar/silverBG-R.gif);
  background-position: right;
  background-repeat: no-repeat;
  text-align: center;
	color: #63636b;
  }
  #topRightButton a:hover.topnavButton {
    background-image: url(/images/navbar/silverON-R.gif);
  	color: #FFFFFF;
    }
#topRightButtonOn a.topnavButton {
  background-image: url(/images/navbar/silverON-R.gif);
  background-position: right;
  background-repeat: no-repeat;
  text-align: center;
	color: #FFFFFF;
  }
  #topRightButtonOn a:hover.topnavButton {
  	color: #FFFFFF;
    }
.topnavButton {
  display: block;
  height: auto;
  line-height: 33px;
	color: #344d8f;
	font-size: 12px;
	font-weight: bold;
  letter-spacing: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  border-left: 2px solid #63636B;
  }
  a.topnavButton {
  	text-decoration: none;
    }
    a:hover.topnavButton {
    	text-decoration: none;
      }

.topnav {
	color: #63636b;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  }
  .topnav a {
  	text-decoration: none;
  	color: #63636b;
    }
    .topnav a:hover {
    	color: #FFFFFF;
      background-color: #63636b;
    	text-decoration: none;
      }

.topnavSigns {
  display: block;
  }

#astrology {
  position: absolute;
  top: 89px;
  height: 30px;
  width: 90%;
  visibility: hidden;
  }
  #astrology ul {
    height: 30px;
    margin: 0;
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    list-style-type: none;
    padding-left: 25%;
    }
    #astrology ul li {
      float: left;
      border-left: 2px solid #63636B;
      }
      #astrology ul li a {
        float: left;
        display: block;
        height: auto;
        padding: 0 6px 0 6px;
        line-height: 30px;
        text-align: center;
        text-decoration: none;
        }
      #astrology ul li a:hover {
      	color: #FFFFFF;
        background-color: #4f70b5;
        }
      #astrology ul li.first {
      	border-left: 0;
        }

#software {
  position: absolute;
  top: 89px;
  width: 715px;
  height: 30px;
  visibility: hidden;
  }
  #software ul {
    height: 30px;
    margin: 0;
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    list-style-type: none;
    }
    #software ul li {
      float: left;
      border-left: 2px solid #63636B;
      }
      #software ul li a {
        float: left;
        display: block;
        height: auto;
        padding: 0 6px 0 6px;
        line-height: 30px;
        text-align: center;
        text-decoration: none;
        }
      #software ul li a:hover {
      	color: #FFFFFF;
        background-color: #4f70b5;
        }
      #software ul li.first {
      	border-left: 0;
        }

#reports {
  position: absolute;
  top: 89px;
  width: 715px;
  height: 30px;
  visibility: hidden;
  }
  #reports ul {
    height: 30px;
    margin: 0;
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    list-style-type: none;
    }
    #reports ul li {
      float: left;
      border-left: 2px solid #63636B;
      }
      #reports ul li a {
        float: left;
        display: block;
        height: auto;
        padding: 0 6px 0 6px;
        line-height: 30px;
        text-align: center;
        text-decoration: none;
        }
      #reports ul li a:hover {
      	color: #FFFFFF;
        background-color: #4f70b5;
        }
      #reports ul li.first {
      	border-left: 0;
        }
        
#readings {
  position: absolute;
  top: 89px;
  left: 40%;
  height: 30px;
  visibility: hidden;
  }
  #readings ul {
    height: 30px;
    margin: 0;
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    list-style-type: none;
    }
    #readings ul li {
      border-left: 2px solid #63636B;
      }
      #readings ul li a {
        display: block;
        height: auto;
        padding: 0 6px 0 6px;
        line-height: 30px;
        text-align: center;
        text-decoration: none;
        }
      #readings ul li a:hover {
      	color: #FFFFFF;
        background-color: #4f70b5;
        }
      #readings ul li.first {
      	border-left: 0;
        }

#support {
  position: absolute;
  top: 89px;
  width: 89%;
  max-width: 995px;
  height: 30px;
  visibility: hidden;
  text-align: right;
  }
  #support ul {
    float: right;
    height: 30px;
    margin: 0;
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    list-style-type: none;
    }
    #support ul li {
      float: left;
      border-left: 2px solid #63636B;
      }
      #support ul li a {
        float: left;
        display: block;
        height: auto;
        padding: 0 6px 0 6px;
        line-height: 30px;
        text-align: center;
        text-decoration: none;
        }
      #support ul li a:hover {
      	color: #FFFFFF;
        background-color: #4f70b5;
        }
      #support ul li.first {
      	border-left: 0;
        }

#community {
  position: absolute;
  top: 89px;
  width: 975px;
  height: 30px;
  visibility: hidden;
  text-align: right;
  }
  #community ul {
    float: right;
    height: 30px;
    margin: 0;
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    list-style-type: none;
    }
    #community ul li {
      float: left;
      border-left: 2px solid #63636B;
      }
      #community ul li a {
        float: left;
        display: block;
        height: auto;
        padding: 0 6px 0 6px;
        line-height: 30px;
        text-align: center;
        text-decoration: none;
        }
      #community ul li a:hover {
      	color: #FFFFFF;
        background-color: #4f70b5;
        }
      #community ul li.first {
      	border-left: 0;
        }

#company {
  position: absolute;
  top: 89px;
  width: 975px;
  height: 30px;
  visibility: hidden;
  text-align: right;
  }
  #company ul {
    float: right;
    height: 30px;
    margin: 0;
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    list-style-type: none;
    }
    #company ul li {
      float: left;
      border-left: 2px solid #63636B;
      }
      #company ul li a {
        float: left;
        display: block;
        height: auto;
        padding: 0 6px 0 6px;
        line-height: 30px;
        text-align: center;
        text-decoration: none;
        }
      #company ul li a:hover {
      	color: #FFFFFF;
        background-color: #4f70b5;
        }
      #company ul li.first {
      	border-left: 0;
        }

.copyright {
	color: #63636b;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

hr {
  border: 0;
  height: 2px;
  background-color: #63636B;
  color: #63636B;
}

#price_button {
  background-image: url('/images/buttons/add_to_cart_price_bg.jpg'); 
  background-repeat: no-repeat; 
  height: 23px; 
  line-height: 10px;
}

.price_button {
	position: relative;
	bottom: 6px;
	margin-left: 15px;
	margin-right: 5px;
}

/* used on web-services/index.php */
.grey_text {
	color: #666;
	text-decoration none;
}	

.grey_text a:hover {
	color: #666;
	text-decoration: none;
}

#code {
	background-color: #FFFCEB;
	color: #666;
	font-family: courier;
	font-size: 10pt;
	border: 1px solid #666;
	overflow: hidden;
}

/* iPhone astrology-software/iphone.php */

.screenshot {
	display: block;
	width: 340px;
	height: 410px;
	background: url(/images/iphone/screenshot-bg.png) no-repeat;
	position: relative;
	overflow: hidden;
}

.screenshot img {
	display: block;
	width: 240px;
	height: 345px;
	position: absolute;
	top: 2px;
	left: 50px;
}

.footer-sect-links a {
	color:#454545; 
	font-size: 8pt; 
	font-weight: bold;
}

.footer-links a, .footer-links {
	color:#454545; 
	font-size: 8pt;
}

/* begin gradient css buttons */

/* rounded rectangle */
.button-grad {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: bold 11px/100% Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
	padding: .3em 2em .35em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button-grad:hover {
	text-decoration: none;
}
.button-grad:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 3em;
	-moz-border-radius: 3em;
	border-radius: 3em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* black */
.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/* gray */
.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	text-shadow: none;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange */
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red */
.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* blue */
.blue {
	color: #fff;
	border: solid 1px #0076a3;
	/*text-shadow: -1px -1px 1px rgba(0,0,0,.3);*/
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* dark blue */

.dblue {
	color: #fff;
	border: solid 1px #243979;
	text-shadow: -1px -1px 1px rgba(0,0,0,.3);
	background: #2E4B89;
	background: -webkit-gradient(linear, left top, left bottom, from(#435D95), to(#243979));
	background: -moz-linear-gradient(top,  #435D95,  #243979);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#435D95', endColorstr='#243979');
}
.dblue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#2B4B84), to(#0D2053));
	background: -moz-linear-gradient(top,  #2B4B84,  #0D2053);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2B4B84', endColorstr='#0D2053');
}
.dblue:active {
	color: #ccc;
	background: -webkit-gradient(linear, left top, left bottom, from(#243979), to(#435D95));
	background: -moz-linear-gradient(top,  #243979,  #435D95);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#243979', endColorstr='#435D95');
}


/* rosy */
.rosy {
	color: #fae7e9;
	border: solid 1px #b73948;
	background: #da5867;
	background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
	background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
.rosy:hover {
	background: #ba4b58;
	background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
	background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
.rosy:active {
	color: #dca4ab;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
	background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}

/* green */
.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

/* pink */
.pink {
	color: #feeef5;
	border: solid 1px #d2729e;
	background: #f895c2;
	background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
	background: -moz-linear-gradient(top,  #feb1d3,  #f171ab);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}
.pink:hover {
	background: #d57ea5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
	background: -moz-linear-gradient(top,  #f4aacb,  #e86ca4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');
}
.pink:active {
	color: #f3c3d9;
	background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
	background: -moz-linear-gradient(top,  #f171ab,  #feb1d3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');
}

/* end gradient css buttons */

.quote-large {
  font-size: 18px;
  font-style: italic;
  color: #415996;
}

/* begin modal login dropdown */

#container {
	width:100px;
	position: relative;
}

#topnav {
	padding:10px 0px 12px;
	font-size:11px;
	line-height:23px;
	text-align:right;
}
#topnav a.signin {	padding:4px 6px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#666;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	*background:transparent url("/images/signin-nav-bg-ie.png") no-repeat 0 0;
	*padding:4px 12px 6px;
}
#topnav a.signin:hover {
	background: #e2e8fe;
	*background:transparent url("/images/signin-nav-bg-hover-ie.png") no-repeat 0 0;
	*padding:4px 12px 6px;
}
#topnav a.signin, #topnav a.signin:hover {
	*background-position:0 3px!important;
}

a.signin {
	position:relative;
	margin-left:3px;
}
a.signin span {
	background-image:url("/images/toggle_down_light.png");
	background-repeat:no-repeat;
	background-position:100% 50%;
	padding:4px 16px 6px 0;
}
#topnav a.menu-open {
	background: #F4F9FF;
	color:#666!important;
	outline:none;
}
#small_signup {
	display:inline;
	float:none;
	line-height:23px;
	margin:25px 0 0;
	width:170px;
}
a.signin.menu-open span {
	background-image:url("/images/toggle_up_dark.png");
	color:#789;
}

#signin_menu {
	display:none;
	background-color: #F4F9FF;
	position:absolute;
	width:210px;
	z-index:100;
	border:1px transparent;
	text-align:left;
	padding:12px;
	top: 24.5px; 
	right: 0px; 
	margin-top:5px;
	margin-right: 0px;
	*margin-right: -1px;
	color:#789;
	font-size:11px;
	border-right: 1px solid #C2C2C2;
	border-left: 1px solid #C2C2C2;
	border-bottom: 1px solid #C2C2C2;
}

#signin_menu p {
	margin:0;
}
#signin_menu a {
	color:#6AC;
}
#signin_menu label {
	font-weight:normal;
}
#signin_menu p.remember {
	padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
	clear:both;
	margin:5px 0;
}
#signin_menu p a {
	color:#27B!important;
}
#signin_submit {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:#39d url('/images/bg-btn-blue.png') repeat-x scroll 0 0;
	border:1px solid #39D;
	color:#fff;
	text-shadow:0 -1px 0 #39d;
	padding:4px 10px 5px;
	font-size:11px;
	margin:0 5px 0 0;
	font-weight:bold;
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
	background-position:0 -5px;
	cursor:pointer;
}

.tipsy-inner {
	padding:10px 15px;
	line-height:1.5em;
	font-weight:bold;
}
.tipsy {
	opacity:.8;
	filter:alpha(opacity=80);
	background-repeat:no-repeat;
	padding:5px;
}
.tipsy-inner {
	padding:8px 8px;
	max-width:200px;
	font:11px 'Lucida Grande', sans-serif;
	font-weight:bold;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background-color:#000;
	color: #fff;
	text-align:left;
}
.tipsy-north {
	background-image:url(/images/tipsy-north.gif);
	background-position:top center;
}
.tipsy-south {
	background-image:url(/images/tipsy-south.gif);
	background-position:bottom center;
}
.tipsy-east {
	background-image:url(/images/tipsy-east.gif);
	background-position:right center;
}
.tipsy-west {
	background-image:url(/images/tipsy-west.gif);
	background-position:left center;
}

/* end modal login dropdown */

.star-link {
  margin: 0 10px 10px 0;
}