body {
padding: 0px;
margin: 0px;
background-color: #ffffff;
font-family: tahoma, arial, sans-serif;
font-size: 10pt;
height: 100%;
text-align: -moz-center;
* text-align: center
}
#center {
margin-left: auto;
margin-right: auto;
}
#header {
width: 935px;
padding: 0px 10px 0px 0px;
background-image: url('http://planmagic.com/images/main/header.png');
background-repeat: repeat-x;
height: 145px;
margin: 0px 10px 0px 10px
}
#container {
width: 935px;
margin: 0px 0px 0px 10px;
* margin: 0px 10px 0px 10px
}
#containerleft {
width: 935px;
margin: 0px 10px 0px 0px;
* margin: 0px 10px 0px 10px
}
#content {
text-align: left;
padding: 10px 0px 15px 10px;
* padding: 10px 2px 15px 10px;
margin: 0px
}
#contentleft {
text-align: left;
padding: 2px 10px 15px 0px;
* padding: 10px 2px 15px 0px;
margin: 0px
}
#content h1 {
text-align: left;
font-size: 24px;
font-weight: normal;
font-family: tahoma, arial, sans-serif;
color: #000033;
padding: 10px 0px 10px 0px
}
#contentleft h1 {
text-align: left;
font-size: 24px;
font-weight: normal;
font-family: tahoma, arial, sans-serif;
color: #000033;
margin-top: 0px;
padding: 4px 0px 10px 0px
}
#content .divbox {
text-align: left;
border: 1px solid #a3b1ce;
padding: 5px 15px 5px 15px;
margin: 5px 0px 5px 0px
}
#contentleft .divbox {
text-align: left;
border: 1px solid #a3b1ce;
padding: 5px 15px 5px 15px;
margin: 5px 0px 5px 0px
}
#contentleft .divbox h3 {
margin-top: 8px
}
#contentleft .divbox img {
border: 0px none;
margin-right: 5px;
vertical-align: middle
}
#content .divbox img {
border: 0px none;
margin-right: 5px;
vertical-align: middle
}
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; text-align: left }
a {color: #000080; text-decoration: none }
a:hover {color: #0066cc; text-decoration: underline }
a visited {}
select {
background-color: #D8DED8;
}
.date {
color: #990000
}
h1 {
margin-top: 0px;
margin-bottom: 0px;
font-size: 16px;
font-family: arial, sans-serif;
color: #000033;
padding: 0px 0px 10px 0px
}
h2 {
font-size: 24px;
color: #805600;
padding-bottom: 6px;
font-weight: normal;
text-align: right
}
h3 {
font-family: tahoma, arial, sans-serif;
font-size: 16px;
color: #00557D;
text-align: left;
text-decoration: none
}
h5 {
margin: 0px 0px 6px 0px;
font-size: 14px;
font-weight: normal;
font-family: arial, sans-serif;
color: #000033;
padding: 0px
}
.subheader {
font-size: 24px;
color: #805600;
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
}
.dotline {
margin-top: 10px;
background: center url(images/dots.gif) repeat-x;
height: 10px;
}
.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
}
.newbluep {
font-family: tahoma, arial, sans-serif;
margin: 10px 0px 10px 0px;
padding: 3px 3px 3px 3px;
color: #FFFFCC;
background: #003366
}
.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: #F0E68C;
font-family: tahoma, arial, sans-serif;
font-size: 10px;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding: 1px 2px 1px 2px;
color: #CC0000;
}
.buynow {
padding-right: 20px;
text-align: right
}
.actionlink {
font-size: 10px;
font-weight: bold;
letter-spacing: 1.2px;
padding: 2px 4px 2px 3px;
background-color: #003366;
color: #FFF;
text-decoration: none
}
.actionlink:hover {
font-size: 10px;
padding: 2px 4px 2px 3px;
background-color: #FFA500;
color: #000;
text-decoration: none
}
#logo {
position:absolute;
margin-left: -15px
}
.divbox2 {
border: 1px solid #a3b1ce;
padding: 5px 15px 5px 15px;
margin: 5px 0px 5px 0px;
text-align: left
}
.bg {
background-image: url('http://planmagic.com/images/bglisting.jpg');
background-repeat: repeat-x;
}
.bgpop {
background-image: url('http://planmagic.com/images/bgpop.png');
}
#topbg {
margin-top: 7px;
background-image: url('http://planmagic.com/images/main/centerbg.png');
background-repeat: repeat-x;
padding: 20px
}
.maintxt {
text-align: left;
font-size: 16px;
color: #000033;
padding-bottom: 10px
}
.headtxt {
font-family: arial, cambria, sans-serif;
font-size: 13px;
letter-spacing: .9px;
padding-bottom: 10px
}
.writetxt {
font-family: tahoma, arial, sans-serif;
font-size: 16px;
color: #000080
}
.blue {
color: #000080
}
.message {
font-size: 13px;
margin-top: 10px;
background: #E4E4C9;
border: 1px solid #CCCC99;
padding: 5px 15px 5px 15px
}
#leftbar {
background: #FFFFFF;
background-repeat: repeat-y;
width: 180px;
height: 100%;
margin: 0.5px 10px 0px 0px;
padding: 0px
}
#leftbar h1 {
width: 180px;
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 2px 0px
}
#leftbarlinks ul {
float: left;
padding: 0px;
padding-bottom: 15px;
margin: 0px 0px 15px 0px;
display: block;
width: 170px;
}
#leftbarlinks ul li {
font-size: 13px;
float: left;
padding: 0px;
margin: 0px;
display:block
}
#leftbarlinks ul li a {
float: left;
margin: 0px;
width: 170px;
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: 170px;
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 {}
#leftbarlinks .sublink {
float: left;
margin-left: 10px;
color: #000022;
text-decoration: none
}
#leftbarlinks .sublink a {
font-size: 11px;
color: #000022
}
#leftbarlinks .sublink a:hover {
font-size: 11px;
color: #F0E68C
}

#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;
margin: 0.5px 0px 0px 10px;
vertical-align: top;
width: 180px;
background-color: #FFFFFF;
float: left
}

#infobox {
width: 160px;
* width: 180px;
min-width: 180px;
border: #a3b1ce 1px solid
}
#infobox h1 {
text-align: left;
width: 160px;
* width: 180px;
padding: 6px 10px 6px 10px;
font-weight: normal; font-size: 15px;
margin: 0px;
vertical-align: middle; color: #000033;
border-bottom: #555555 2px solid;
font-family: arial;
background-color: #E6EBF7
}
#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: #003366
}
.infobox .a1:hover:visited {
color: #ffffff; background-color: #003366
}
.#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
}
#reqbutton {
text-align: center;
margin: 0px 0px 12px 0px
}
.reqbutton {
background: url('http://planmagic.com/images/reqbutton.png') no-repeat;
width: 100px; height: 24px;
text-align: center;
padding-top: 4px;
font-family:"Trebuchet MS";
font-weight: bold; font-size: 12px;
color: #330000;
display: inline;
text-decoration: none
}
.reqbutton:hover {
background: url('http://planmagic.com/images/reqbuttonh.png') no-repeat;
width: 100px; height: 24px;
text-align: center;
padding-top: 4px;
font-family: "Trebuchet MS";
font-weight: bold; font-size: 12px;
color: #330000;
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: Tahoma, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
color: #00254A;
text-align: center;
padding: 5px 0px 4px 0px;
margin-bottom: 10px;
text-decoration: none
}
.title:hover {
text-decoration: underline
}
.slidetitle {
font-family: Tahoma, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #00254A;
text-align: center;
padding: 5px 0px 4px 0px;
margin-bottom: 10px;
text-decoration: none
}
.slidetitle: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
}
.spacediv4 {
height: 4px
}
.spacediv8 {
height: 8px
}
#spacediv10 {
height: 10px
}
.spacediv15 {
height: 15px
}
#spacediv20 {
height: 18px
}
.spacediv30 {
height: 30px
}
#templates {
border: 1px solid #a3b1ce;
padding: 5px 15px 5px 15px
}
#financials {
margin-top: 10px;
border: 1px solid #a3b1ce;
padding: 5px 15px 5px 15px
}
#financial {
text-align:center;
padding-left:10px;
padding-right:10px
}
#guide {
text-align:center;
padding-left:10px;
padding-right:10px
}
#presentation {
margin-top: 10px;
border: 1px solid #a3b1ce;
padding: 5px 15px 5px 15px
}
#guides {
margin-top: 10px;
border: 1px solid #a3b1ce;
padding: 5px 15px 5px 15px
}
#screenshots {
text-align: center;
margin-top: 10px;
padding: 5px 15px 5px 15px
}
#screenshots h3 {
text-align: center
}
#charts {
text-align: center;
margin-top: 10px;
padding: 5px 15px 5px 15px
}
#charts h3 {
text-align: center
}
#advantage {
font-size: 11px;
margin-top: 10px;
background: #E4E4C9;
border: 1px solid #a3b1ce;
padding: 5px 15px 5px 15px
}
#summary {
font-size: 10px;
margin-top: 10px;
border: 1px solid #a3b1ce;
padding: 5px 15px 5px 15px
}
#summary li {
font-size: 11px
}
#ordering {
margin-top: 10px; margin-bottom: 10px;
border: 1px solid #a3b1ce;
padding: 5px 15px 5px 15px
}
.ticker_font {
font-family: 'Courier New, Verdana, Arial, Helvetica';
width: 660px;
font-size: 12px;
color: #ffffff;
background-color: #003366;
border: 0px;
cursor: default;
selectable: false
}

.footertop {
background: url('http://planmagic.com/images/main/footerbg.png') repeat-x;
text-align: center;
vertical-align: middle
}
#footer {
margin: 0px;
background-image: url('http://planmagic.com/images/main/footback.png');
background-repeat: repeat-x;
padding: 0px;
text-align: center
}
#footer ul {
text-align: left;
list-style: none;
margin-left: 5px; margin-bottom: 0px;
padding-left: 0
}
#footer h3 { color : #00557D; text-decoration: none }
#footer td p { font-size: 12px; 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 {
margin: 0px;
padding: 0px;
width: 180px;
text-align: center
}
#searchbox .sbutton {
vertical-align: middle;
border: none;
cursor: pointer
}
#searchbox .sbutton active {}
#searchbox .sbutton visited {}
#searchbox .search {
width: 160px;
font-size: 13px;
height: 22px;
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: 180px;
height: 24px;
margin: 4px;
padding: 4px;
background-color: #fff;
border: 1px #bbbbbb ridge;
text-align: center;
text-decoration: none
}
.buttonshort:hover {
color: #000033;
background-color: #ffcc99;
text-decoration: none;
cursor: pointer
}
.homebox {
color: #000066;
width: 160px;
margin: 4px;
padding: 4px;
text-align: center;
text-decoration: none
}

/* tabber  */

.tabberlive .tabbertabhide {display:none }
.tabber { }
.tabberlive { margin-top: 1em }
ul.tabbernav {margin: 4 4 4 4; padding: 2px 0; border-bottom: 1px solid #a3b1ce; font: bold 12px Verdana, sans-serif }
ul.tabbernav li {list-style: none; margin: 0; display: inline }
ul.tabbernav li a { padding: 2px 0.5em; margin-right: 4px; border: 1px solid #a3b1ce; text-decoration: none }
ul.tabbernav li a:link {color: #448; background: #E6EBF7 }
ul.tabbernav li a:visited { color: #666666 }
ul.tabbernav li a:hover {background: #C1DCF0; border-color: #C1DCF0; text-decoration: none }
ul.tabbernav li.tabberactive a {color: #000; border-bottom: 1px solid #FFF; background: #FFF; }
ul.tabbernav li.tabberactive a:hover {color: #000; text-decoration: none }
.tabberlive .tabbertab {
border-left:1px solid #a3b1ce; border-right:1px solid #a3b1ce; border-bottom:1px solid #a3b1ce; background: url('http://planmagic.com/images/backmaintab.png') repeat-x;
padding: 2px; border-top: 0px none; margin: 5 5 0 5
}
.tabberlive .tabbertab h2 {display:none }
.tabberlive .tabbertab h3 {display:none }
.tabberlive#tab1 { }
.tabberlive#tab2 { }
.tabberlive#tab2 .tabbertab {height:200px; overflow:auto
}