body {
padding: 0px;
margin: 0px;
background-color: #ffffff;
font-family: tahoma, arial, sans-serif;
font-size: 10pt;
height: 100%
}
table {font-family: tahoma, arial, sans-serif; font-size: 10pt; color: #000000 }
p td {font-family: tahoma, arial, sans-serif; font-size: 10pt; color: #000000 }
a {color: #000080; text-decoration: none }
a:hover {color: #0066cc; text-decoration: underline }
a visited {}
select {
background-color: #FFFFB0;
}
.date {
color: #990000
}
h1 {
font-size: 16px;
font-family: arial, sans-serif;
color: #000033;
padding: 0px 0px 10px 0px
}
h3 {
font-family: tahoma, arial, sans-serif;
font-size: 16px;
color: #755800;
text-decoration: none
}
#header {
background-image: url('http://planmagic.com/images/main/header.png');
background-repeat: repeat-x;
height: 145px;
padding: 0px;
margin: 0px
}
.subheader {
font-size: 24px;
color: #996600;
padding-bottom: 22px;
text-align: right
}
#topmenu {
margin: 0px
}
#topmenu li {
background: url('http://planmagic.com/images/main/topmenutabs.png') no-repeat center; list-style-type: none; text-align: center; float: left; margin-top: 21px
}
html > body #topmenu li {
background: url('http://planmagic.com/images/main/topmenutabs.png') no-repeat center; list-style-type: none; text-align: center; float: left; margin-top: 4px
}
#topmenu li a {
display: block; font-size: 16px; width: 102px; color: #ffffff; height: 30px;
padding-top: 6px; text-decoration: none
}
html > body #topmenu li a {
display: block; font-size: 16px; width: 102px; color: #ffffff; height: 30px;
padding-top: 9px; text-decoration: none
}
#topmenu li a:hover {
background: url('http://planmagic.com/images/main/topmenutabsh.png') no-repeat center; display: block;
font-size: 16px; width: 102px; color: #003366; height: 30px; text-decoration: none
}
#topmenu li.selected {
background: url('http://planmagic.com/images/main/topmenutabsh.png') no-repeat center; display: block;
font-size: 16px; width: 102px; padding-top: 6px; color: #003366; height: 30px; text-decoration: none
}
html > body #topmenu li.selected {
background: url('http://planmagic.com/images/main/topmenutabsh.png') no-repeat center; display: block;
font-size: 16px; width: 102px; padding-top: 9px; color: #003366; height: 30px; text-decoration: none
}
#content {
text-align: left;
padding: 10px 15px 15px 15px;
margin: 0px
}
#content h1 {
font-size: 24px;
font-weight: normal;
font-family: tahoma, arial, sans-serif;
color: #000033;
padding: 10px 0px 10px 0px
}
.news {
font-family: tahoma, arial, sans-serif;
font-size: 14px;
color: #CC3300
}
.newsbox {
padding: 15px 10px 5px 15px;
color: #003366;
margin-right: 20px
}
.newsbox1 {
border: .5px medium #708090;
padding: 5px 15px 5px 15px;
margin-right: 15px
}
.new {
font-family: tahoma, arial, sans-serif;
font-size: 11px;
color: #FFFFCC;
background: #003366;
padding: 1px 2px 2px 3px;
margin-bottom: 12px
}
.newblue {
background-image: url('http://planmagic.com/images/newblue.png');
font-family: tahoma, arial, sans-serif;
font-size: 11px;
margin: 10px 0px 10px 0px;
padding: 1px 2px 2px 2px;
color: #FFFFCC
}
.newbluep {
font-family: tahoma, arial, sans-serif;
margin: 10px 0px 10px 0px;
padding: 3px 3px 3px 3px;
color: #FFFFCC;
background: #003366
}
.newbluep a {
font-family: tahoma, arial, sans-serif;
color: #FFFFCC
}
.newbluep a:hover {
font-family: tahoma, arial, sans-serif;
color: #FFFF66
}
.newyellow {
background-image: url('http://planmagic.com/images/newyellow.png');
font-family: tahoma, arial, sans-serif;
font-size: 11px;
font-weight: bold;
margin: 10px 0px 10px 0px;
padding: 1px 2px 2px 2px;
color: #CC0000
}
.unique {
background-image: url('http://planmagic.com/images/newyellow.png');
font-family: tahoma, arial, sans-serif;
font-size: 10px;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 1px 2px 1px 2px;
color: #CC0000
}
.buynow {
padding-right: 20px;
text-align: right
}
#logo {
position:absolute;
margin-left: -15px
}
#content .divbox {
border: 1px solid #CCCC99;
padding: 5px 15px 5px 15px;
margin: 5px 0px 5px 0px
}
#content .divbox img {
border: 0px none;
margin-right: 5px;
vertical-align: middle
}
.bg {
background-image: url('http://planmagic.com/images/bglisting.jpg');
background-repeat: repeat-x;
}
#topbg {
background-image: url('http://planmagic.com/images/main/centerbg.png');
background-repeat: repeat-x;
padding: 20px
}
.maintxt {
font-size: 16px;
color: #000033;
padding-bottom: 10px
}
.writetxt {
font-family: tahoma, arial, sans-serif;
font-size: 16px;
color: #000080
}
.message {
font-size: 12px;
margin-top: 10px;
background: #E4E4C9;
border: 1px solid #CCCC99;
padding: 5px 15px 5px 15px
}
#leftbar {
background: #AEBFD0;
background-repeat: repeat-y;
width: 200px;
height: 100%;
margin: 0.5px 10px 0px 10px;
padding: 0px
}
#leftbar h1 {
width: 200px;
font-weight: normal;
font-size: 15px;
margin: 10px 0px 0px 0px;
padding: 4px 4px 2px 4px;
vertical-align: top;
color: #000033
}
#leftbarlinks
{
float: left;
margin: 10px 0px 10px 0px;
font-size: 13px
}
#leftbarlinks ul
{
float: left;
padding: 0px;
padding-bottom: 15px;
margin: 0px 0px 15px 0px;
display: block;
width: 180px
}
#leftbarlinks ul li
{
float: left;
padding: 0px;
margin: 0px;
display:block
}
#leftbarlinks ul li a
{
float: left;
margin: 0px;
width: 200px;
font-size: 13px;
color: #000022;
background-image: url('http://planmagic.com/images/main/leftbarnormal.png');
background-repeat: no-repeat;
text-decoration: none; padding-left:15px; padding-right:0; padding-top:2px; padding-bottom:6px
}
#leftbarlinks ul li a:hover
{
float: left;
margin: 0px;
width: 200px;
font-size: 13px;
color: #F0E68C;
background-image: url('http://planmagic.com/images/main/leftbarhover.png');
background-repeat: no-repeat;
text-decoration: none; padding-left:15px; padding-right:0; padding-top:2px; padding-bottom:6px
}
#leftbarlinks ul li a.activelink
{}
#leftbarlinks ul li a.activelink:hover
{}

#moreinfo {font-family: verdana, geneva, sans-serif; font-size: 8pt; color: #000000; margin-top: 0px}
#detailtext1 {border-top: 1px dashed; border-left: 1px dashed; border-right: 1px dashed; border-bottom: 1px dashed; font-family: verdana, geneva, sans-serif; font-size: 8pt;
color: #000080; display: none; overflow: auto; width: 450px}
#detailtext2 {border-top: 1px dashed; border-left: 1px dashed; border-right: 1px dashed; border-bottom: 1px dashed; font-family: verdana, geneva, sans-serif; font-size: 8pt;
color: #000080; display: none; overflow: auto; width: 450px}
#detailtext3 {border-top: 1px dashed; border-left: 1px dashed; border-right: 1px dashed; border-bottom: 1px dashed; font-family: verdana, geneva, sans-serif; font-size: 8pt;
color: #000080; display: none; overflow: auto; width: 550px}

#rightbar {
padding: 0px;
vertical-align: top;
width: 180px;
background-color: #dae1f1;
float: left
}

#infobox {
width: 180px;
position: relative
}
#infobox h1 {
display: block; padding-right: 10px; padding-left: 10px;
font-weight: normal; font-size: 15px;
padding-bottom: 6px; margin: 0px;
vertical-align: middle; color: #000033;
padding-top: 6px;
border-bottom: #555555 2px solid;
font-family: arial;
background-color: #a6b9df
}
#infobox p {
padding-right: 20px; padding-left: 20px; font-weight: normal; font-size: 11px; padding-bottom: 0px;
margin: 0px; color: #334B80; padding-top: 14px; font-family: arial
}
#infobox .a1 {
border-right: #a3b1ce 1px solid; padding-right: 5px; border-top: #a3b1ce 1px solid; padding-left: 5px; font-weight: normal; font-size: 9px; padding-bottom: 2px; margin: 0px; border-left: #a3b1ce 1px solid; color: #38528b; padding-top: 2px; border-bottom: #a3b1ce 1px solid; font-family: arial; background-color: #ffffff; text-decoration: none
}
#infobox .a1:hover {
color: #ffffff; background-color: #888888
}
.infobox .a1:hover:visited {
color: #ffffff; background-color: #888888
}
.#infobox .a2 {
border: 0px; padding: 0px;
font-family: arial, helvetica, sans-serif; font-size: 8pt;
color: #FFFF00; text-decoration: none
}
.#infobox .a2:hover {
color: #FF2200; text-decoration: none
}
.infobutton {
background: url('http://planmagic.com/images/main/infobuttongrey.png') no-repeat;
width: 74px; height: 24px;
text-align: center;
padding-top: 5px;
font-family:"Trebuchet MS";
font-weight: bold; font-size: 11px;
color: #330000;
display: block;
text-decoration: none
}
.infobutton:hover {
background: url('http://planmagic.com/images/main/infobuttongreyh.png') no-repeat;
width: 74px; height: 24px;
text-align: center;
padding-top: 5px;
font-family: "Trebuchet MS";
font-weight: bold; font-size: 11px;
color: #330000;
display: block;
text-decoration: none
}
.slogan {
font-family: trebuchet ms, arial, Helvetica;
font-size: 13pt;
font-weight: bold;
color: #000080;
text-align: center;
padding: 5px 0px 2px 0px;
text-decoration: none
}
.title {
font-family: arial, Helvetica;
font-size: 13pt;
font-weight: bold;
color: #000080;
text-align: center;
padding: 5px 0px 2px 0px;
text-decoration: none
}
.title:hover {
text-decoration: underline
}
.copy {
font-family: tahoma, arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none
}
.copylink {
font-family: tahoma, arial, Helvetica, sans-serif; font-size: 8pt; color: #000080; text-decoration: none
}
.copylink:hover {
color: #FF2200; text-decoration: none
}
.copylinkwhite {
font-family: tahoma, arial, Helvetica, sans-serif; font-size: 8pt; color: #FFFF66; text-decoration: none
}
.copylinkwhite:hover {
color: #FFFFFF; text-decoration: none
}
.bluebox {
padding-right: 0px; padding-left: 0px; background: #41677e; float: right; padding-bottom: 10px; margin: 0px 0px 13px 20px; width: 215px; color: #fff; padding-top: 10px
}
.highlight
{
font-family: tahoma, arial, Helvetica, sans-serif; 
font-size: 8pt;
background-color: #FFFF99;
border: 1px solid #CCCC99;
padding: 5px 10px 5px 10px
}
#spacediv10 {
padding: 10px
}
#spacediv20 {
padding: 18px
}
.ticker_font {
font-family: 'Courier New, Verdana, Arial, Helvetica';
font-size: 12px;
color: #ffffff;
background-color: #003366;
border: 0px;
cursor: default;
selectable: false
}
#templates {
border: 1px solid #CCCC99;
padding: 5px 15px 5px 15px
}
#financials {
margin-top: 10px;
border: 1px solid #CCCC99;
padding: 5px 15px 5px 15px
}
#financial {
font-size: 10px
}
#presentation {
margin-top: 10px;
border: 1px solid #CCCC99;
padding: 5px 15px 5px 15px
}
#guides {
margin-top: 10px;
border: 1px solid #CCCC99;
padding: 5px 15px 5px 15px
}
#advantage {
font-size: 11px;
margin-top: 10px;
background: #E4E4C9;
border: 1px solid #CCCC99;
padding: 5px 15px 5px 15px
}
#summary {
font-size: 10px;
margin-top: 10px;
border: 1px solid #CCCC99;
padding: 5px 15px 5px 15px
}
#summary li {
font-size: 11px
}
#ordering {
margin-top: 10px; margin-bottom: 10px;
border: 1px solid #CCCC99;
padding: 5px 15px 5px 15px
}

/*
#footer {
background: url(images/main/footer.png);
background-repeat: repeat-x;
font-size: 10px;
float: middle;
height: 38px;
padding: 0px;
margin: 0px;
text-align: center
}
#footer div {
margin-top: 5px;
margin-bottom: 10px;
font-size: 10px
}
#footer a {
color: #4a7195;
padding: 2px 4px 2px 4px;
display: inline;
font-size: 12px;
text-decoration: none
}
#footer a:hover {
padding: 2px 4px 2px 4px;
background-color: #617386;
color: #FFFFCC;
font-size: 12px;
text-decoration: none
}
#footer a:visited {}
.hidden {
display : none
}
*/

#footer {
margin: 0px;
background: #AEBFD0;
border-top: 1px solid #000066;
padding: 15px 0px 4px 0px;
text-align: center
}
#footer ul {
text-align: left;
list-style: none;
margin-left: 0;
padding-left: 0
}
#footer .col { float: middle; display: inline; width: 600px; vertical-align: top }
html > body #footer .col { float: middle; display: inline-block; vertical-align: top }
#footer .one { text-align: left; width : 140px; padding-left: 45px }
#footer .two { font-size: 11px; text-align: left; width : 440px; padding-left: 60px; color: #000000 }
html > body #footer .two { font-size: 11px; text-align: left; width : 440px; padding-left: 20px; color: #000000 }
#footer .three { text-align: left; width : 200px; padding-left: 50px }
#footer .four { text-align: left; width : 150px; padding-left: 20px }
html > body #footer .four { text-align: left; width : 150px; padding-left: 0px }

#footer h3 { color : #996600; text-decoration: none }
#footer a, #footer a:visited { color: #003366; font-size: 11px; text-decoration: none }
#footer a:hover { color: #003366; font-size: 11px; text-decoration: underline }

#siteinfo {
clear: both;
font-size: 11px;
padding-top: -5px
}
#searchbox {
font-size: 11px;
margin: 10px 0px 0px 0px;
padding: 0px;
width: 170px;
text-align: left
}
#searchbox .sbutton {
font-size: 11px;
color: #000066;
width: 60px;
height: 22px;
margin: 0px;
background-color: #dde2e6;
border: 1px #BBBBBB ridge;
text-align: center;
text-decoration: none;
cursor: pointer
}
#searchbox .search {
width: 170px;
font-size: 12px;
border: 1px #0066CC ridge;
text-decoration: none
}
.buttonlong {
vertical-align: middle;
color: #000066;
width: 400px;
height: 24px;
margin: 4px;
padding: 4px;
background-color: #dde2e6;
border: 1px #BBBBBB ridge;
text-align: center;
text-decoration: none
}
.buttonlong:hover {
color: #000033;
background-color: #FFCC99;
text-decoration: none;
cursor: pointer
}
.button {
vertical-align: middle;
color: #000066;
width: 350px;
height: 24px;
margin: 4px;
padding: 4px;
background-color: #dde2e6;
border: 1px #bbbbbb ridge;
text-align: center;
text-decoration: none
}
.button:hover {
color: #000033;
background-color: #ffcc99;
text-decoration: none;
cursor: pointer
}
.buttonshort {
vertical-align: middle;
color: #000066;
width: 190px;
height: 24px;
margin: 4px;
padding: 4px;
background-color: #dde2e6;
border: 1px #bbbbbb ridge;
text-align: center;
text-decoration: none
}
.buttonshort:hover {
color: #000033;
background-color: #ffcc99;
text-decoration: none;
cursor: pointer
}