html, body {
height:100%; margin:0;
}
html>body {
min-height:100%;
height:auto;
}
body {
position:relative;
background: #ffe027 url(img/content.jpg) center repeat-y ;
margin: 0 auto;
width: auto;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
}
div {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#footer {
position:absolute;
bottom:0;
width: 100%;
background:url(img/botbg.jpg) bottom repeat-x;
color: #818181;
padding:0;
margin: 0;
border: 0px solid #0000CC;
}
#footer .foot {
width: 898px;
margin:0px auto 0 auto;
height:287px;
background: url(img/foot.jpg) no-repeat;
font-size:11px;
line-height:14px;
z-index: 0;
}
.foot h4 {
font-size:12px;
color:#FFFFFF;
font-weight:bold;
margin: 0 0 7px 0;
}
.foot div {
padding: 80px 0 0 50px;}
.foot .dr {
position:absolute;
left: 360px;
top: 210px;
}
.copy {
top: 220px;
color: #9e9e9e;
left: 52px;
}
.foot .copy a {
color: #9e9e9e
}
.foot div div {
width:auto;
z-index: 999999;
position:absolute;
padding:0;}
.col1 {
left: 52px;}
.col2 {
left: 215px;}
.col3 {
left: 414px;}
.col4 {
left: 567px;}
.col5 {
left: 707px;}
.foot a {
text-decoration:none;
color:#818181;
}
.foot a:hover {
text-decoration: underline;}
#main {
padding: 0px 0px 237px 0px;
margin: -50px auto 0px auto;
width:900px;
position:relative;
height: 100%;
}
#main {
text-align:justify;
background:none;
}
#header {
background: url(img/topbg.jpg) repeat-x;
padding: 0;
margin: 0 auto;
}
#header .slogan {
padding: 0;
height:255px;
width: 898px;
color:#FFFFFF;
font-weight:bold;
font-size:12px;
background:url(img/slogan.jpg) bottom no-repeat;
margin: 0 auto ;
}
.slogan .login {
position:absolute;
top:93px;
right:35px;
height: 47px;
width: 230px;
border: 0px solid #0000FF;
padding: 5px 15px;
}
.slogan .login form {
padding:0;
margin:0;}
.slogan .login .inputbox {
background: #000000;
border: 1px solid #999999;
width:90px;
height: 15px;
color: #f0f0f0;
font-size:10px;
vertical-align:middle;
padding: 2px 3px 0 3px;
}
.slogan .login input {
vertical-align:middle;
margin: 4px 0 0 0;}
.menu {
background:url(img/menubg.jpg) repeat-x;
width: 852px;
margin: 0 23px 0 23px;
height: 52px!important;
height: 45px;
font-size:14px;
font-weight:bold;
color:#4a4d51;
padding: 0;
text-align:right;
}
.menu a {
color:#4a4d51;
text-decoration:none;
}
.menu a:hover, .menu a#act {
color:#000000;
text-decoration:none;
}
#nav, #nav ul {
list-style: none;
border: 0;
width: auto;
margin: 0;
padding: 0;
display:block;
text-align:center;
z-index: 99999;
}
#nav li {
float: left ;
position: relative;
width: auto;
text-align:center;
}
.none {
background: url(img/none.jpg) no-repeat;}
#nav a {
text-decoration: none;
display: block;
font-weight:bold;
width: auto;
white-space:nowrap;
text-transform:uppercase;
font-size:11px;
margin: 17px 18px 19px 18px;
}
#nav ul>li>a:hover, #nav>li:hover>a, #nav>li.jshover>a {
color:#000000;
}
#nav ul li a:hover ul li a, #nav li:hover a ul li a, #nav li.jshover a ul li a {
color:#000000;
}
#nav li ul {
display: none;
position: absolute ;
background: #3b3d41;
padding: 0 0 0 0;
width: 130px;
border: 0px solid #6b9dc9;
text-align:left;
margin: 0 auto;
top: 47px;
}
#nav li.last ul {
left: -35px;
}
#nav li ul {
}
#nav li ul li {
float:none;
background:none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
#nav li ul li a {
width: auto;
text-align:left;
padding: 2px 20px 2px 20px;
height: 20px;
margin: 0 0 0 0;
display: block;
font-size: 12px;
color:#FFFFFF;
text-transform:none;
}
#nav li li a:hover {
color: #ffffff;
width: auto;
background: #313439;
}
.mleft {
background: url(img/mleft.jpg) no-repeat;
height: 52px;
z-index: 999;
width: 898px;
margin: 0 auto;
}
.mright {
background:url(img/mright.jpg) top right no-repeat;
height: 52px;
width: 898px;}
.firststline {
position:relative;
z-index: 1;}
.left {
width: 515px;
float:left;
z-index: 1;
}
.right {
width: 258px;
float:right;
z-index: 1;
padding: 50px 0 50px 0px;
}
.right p {
margin: 5px 0px;}
.center {
text-align:center;
width: auto;
margin: 0 0 0 9px ;
float:left;
z-index: 1;
}
h1 {
font-size:24px;}
.left p, .right p {
}
.unders {
color: #2f3d47;}
.blue {
background:url(img/bluegr.jpg) repeat-x;
height: 149px;
text-align:center;
margin: 20px 10px 20px 10px!important;
margin: 33px 10px 20px 10px;}
.blue2 {
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
background: #c0ddf6 url(img/leftblue.gif) left bottom repeat-x ;
height: auto;
text-align:justify;
margin: 20px 0;
padding: 10px 20px;}
.input {
width:160px;
height: 15px;
border: 1px solid #8495a4;
margin: 0 0 0 0 ;
}
.form {
vertical-align:top;
padding:0;
margin: 0;}
input {
margin: 0;}
.underimg {
margin: -11px auto 0 auto!important;
margin: -17px auto 0 auto;
width: 390px;
position:relative;
}
.content {
margin: 8px 41px 0 53px;
}
.contop {
background:#FFFFFF;
margin: 0px 0 0px 0px;
width: 515px;
}
.conbot {
background:#FFFFFF;
margin: 0px 0 0px 0px;
width: 515px;
}
.contentcom {
margin: 8px 41px 10px 53px;
background: url(img/contentw.jpg) repeat-y;
}
.logo {
margin: 0 20px 0 0;
}
a {
color: #116697;
text-decoration:underline;}
a:hover {
text-decoration:none;}
#bigmessage p {
font-size:18px;
line-height: 20px;
}
#main ul>li {
list-style-position: inside;
}
.inner {
background: #43464a url(img/blackbox.jpg) no-repeat;
color:#a29f9e;
padding: 20px 20px;
font-size:15px;
}
.inner h1 {
color:#ffffff;
margin:0 0 0px 0;
padding:0;
font-size:24px;
}
.inner h2 {
color:#ef3f03;
margin:0 0 0px 0;
padding:0;
font-size:20px;
}
.inner h3 {
margin:0 0 0px 0;
padding:0;
font-size:15px;
}
.inner ul {
padding:0;
margin:0;
z-index:999;}
.inner ul li {
list-style:none;
background:url(img/redar.jpg) left 1px no-repeat;
color: #FFFFFF;
font-size:14px;
font-weight:bold;
padding: 0 0 0 25px;
margin: 0 0 2px 0;
}
.inner a {
}
.inner a:hover {
}
.small {
font-size:10px;}
.yellow {
color: #d1b820;
font-size:19px;
font-weight:bold;
margin: 0 0 10px 0;}
.lefts {
float:left;}
.rights {
text-align:center;
float:right;
height:auto;
margin: 0 0px 0 0;
width: 156px;
}
.but {
border:0;
display:block;
text-align:center;
margin: 7px auto;
padding:0;
height: auto;
}
.testi {
padding: 10px 20px;
background: #ebebeb url(img/testi.jpg) no-repeat;
margin: 20px 0 0 0;
line-height: 16px;
font-style:italic;
}
.testi2 {
padding: 10px 20px;
background: #ebebeb url(img/testi.jpg) no-repeat;
background-position:top right;
margin: 20px 0 0 0;
line-height: 16px;
font-style:italic;
}
.white {
padding: 10px 20px;
background: #ffffff;
margin: 20px 0 0 0;
line-height: 16px;
}
.common {
padding: 10px 20px;
background: #ffffff;
margin: 0px 0 0 0;
line-height: 16px;
height: 100%;
}
.websitebuilder {
padding: 10px 20px;
background: #ffffff url(img/websitebuilder.jpg) no-repeat;
margin: 20px 0 0 0;
line-height: 16px;
}
.websitebuilder ul {
padding:0;
margin:0;
z-index:999;}
.websitebuilder ul li {
list-style:none;
background:url(img/dredar.jpg) left 1px no-repeat;
font-size:11px;
font-weight:bold;
padding: 0 0 0 25px;
margin: 0 0 3px 0;
}
.websitebuilder h2 {
color: #720707;}
.plans {
padding: 0px 0px;
background: #ffffff url(img/plansbg.jpg) top center no-repeat;
margin: 20px 0 10px 0;
line-height: 16px;
height: auto;
}
.accordion2 ul, .plans ul {
padding:0;
margin:0;
z-index:999;}
.accordion2 ul li, .plans ul li {
list-style:none;
background:url(img/plans.jpg) left 1px no-repeat;
font-size:11px;
font-weight:bold;
padding: 0 0 0 25px;
margin: 0 0 3px 0;
}
.accordion2 h3, .plans a, .plans h3 {
color: #116697;}
a.bluebut {
background:url(img/bluebut.jpg) top center no-repeat;
display:block;
font-size:15px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
text-align:center;
height:37px;
}
a:hover.bluebut {
background:url(img/bluebut2.jpg) top center no-repeat;
}
h2 {
font-size:18px;
margin: 10px 0;}
h3 {
font-size:14px;
margin: 10px 0;}
.accordion2 {
position:relative;
}
h3.ach3 {
position:absolute;
top: -50px;
height: 30px;
padding: 13px 0px 0px 0px;
color:#116697;
text-align:center;
cursor:pointer;
}
.ach3#one {
left: 5px;
background:url(img/ach31.gif) no-repeat;
width: 145px;
z-index: 9;}
.active#one {
background:url(img/ach3.gif) no-repeat;
color:#034165;
z-index: 10;}
.ach3#two {
left: 151px;
background:url(img/ach32.gif) no-repeat;
width: 180px;
z-index: 9;}
.active#two {
background:url(img/ach3tw.gif) no-repeat;
color:#034165;
z-index: 10;
}
.ach3#three {
left: 331px;
background:url(img/ach31.gif) no-repeat;
width: 145px;
z-index: 9;}
.active#three {
background:url(img/ach3.gif) no-repeat;
color:#034165;
z-index: 10;
}
.accordion2 {
padding:20px 20px 10px 20px;
background: #ffffff url(img/plansbg.jpg) top center no-repeat;
margin: 60px 0 0 0;
line-height: 16px;
height: 135px;
}
.accordion2 div {
padding: 0px;
display: none;
}
.accordion2 div div {
padding: 0px 0 0 0px;
display: block;
}
.accordion3 {
position:relative;
border: 1px solid #c1d6e3;
}
.accordion3 h3.ach4 {
float:left;
top: -50px;
height: 26px;
padding: 13px 0px 0px 0px;
color:#116697;
text-align:center;
cursor:pointer;
margin: 0 0 0 4px;
}
.accordion3 .ach4#one {
background: #d6e7f1;
width: 145px;
z-index: 9;}
.accordion3 .active#one {
background: none;
border: 1px solid #c1d6e3;
border-bottom: 1px solid #ffffff;
color:#034165;
z-index: 10;}
.accordion3 .ach4#two {
background: #d6e7f1;
width: 180px;
z-index: 9;}
.accordion3 .active#two {
background: none;
border: 1px solid #c1d6e3;
border-bottom: 1px solid #ffffff;
color:#034165;
z-index: 10;
}
.accordion3 .ach4#three {
background: #d6e7f1;
width: 145px;
z-index: 9;}
.accordion3 .active#three {
background: none;
border: 1px solid #c1d6e3;
border-bottom: 1px solid #ffffff;
color:#034165;
z-index: 10;
}
.accordion3 {
padding:20px 20px 10px 20px;
background: #ffffff url(img/plansbg.jpg) top center no-repeat;
margin: 60px 0 0 0;
line-height: 16px;
height: 135px;
}
.accordion3 div {
padding: 0px;
display: none;
}
.accordion3 div div {
padding: 0px 0 0 0px;
display: block;
}
.chat {
position:absolute;
top:-20px;
right: 40px;
}
.chaton a {
background:url(img/chatonline.jpg) top right no-repeat;
display:block;
color:#FFFFFF;
font-size: 15px;
font-weight:bold;
text-decoration:none;
height: 32px;
width: 235px;
padding: 30px 0px 0 25px;}
.chatoff a {
background:url(img/chatoffline.jpg) top right no-repeat;
display:block;
color:#FFFFFF;
font-size: 15px;
font-weight:bold;
text-decoration:none;
height: 32px;
width: 235px;
padding: 30px 0px 0 25px;}
.chaton a:hover {
background:url(img/chatonline2.jpg) top right no-repeat;
}
.right .block {
background:url(img/right.jpg) repeat-y;
margin: 0 0 5px 0;
}
.right .block h2 {
background:url(img/righttop.jpg) top no-repeat;
font-size:14px;
margin: 0 0 7px 0;
padding: 20px 0 22px 19px;
color:#FFFFFF;}
.right .block div {
padding: 0px 8px 5px 19px;
margin: 0 7px 0 0;
text-align:left;
}
.right .block .moreinfo {
background:url(img/rightbot.jpg) top no-repeat;
font-size:12px;
margin:0;
padding: 11px 0 11px 19px;
color:#FFFFFF;
}
.right .block .moreinfo a {
color:#FFFFFF;
text-decoration:none;}
.right .block .moreinfo a:hover {
color:#FFFFFF;
text-decoration: underline;}
.right .block .inputbox {
background: #ffffff;
border: 1px solid #7f9db9;
width:95px;
height: 14px;
font-size:10px;
vertical-align:middle;
padding: 1px 3px; }
.right .block .inputbox2 {
background: #ffffff;
border: 1px solid #7f9db9;
width:50px;
height: 18px;
font-size:10px;
vertical-align:middle;
padding: 0px 0px 0px 0px; }
.right .block input {
vertical-align:middle;
margin: 0 0 1px 0;
}
.right .block form {
padding: 0;
margin: 0 0 5px 0;}
.www {
background:url(img/www.jpg) right center no-repeat;}
.d9 {
background:url(img/d9.jpg) right center no-repeat;}
.testir {
background: url(img/testir.jpg) right center no-repeat;
font-style:italic;
}
.liberate {
background:url(img/liberate.jpg) right center no-repeat;}
.sup {
background:url(img/sup.jpg) right center no-repeat;}
.script {
background:url(img/script.jpg) right center no-repeat;}
.right .block div ul {
padding:0;
margin: 4px 0 0 0;
z-index:999;}
.right .block div ul li {
list-style:none;
background:url(img/drkblue.jpg) left 1px no-repeat;
padding: 1px 0 0 25px;}
.bblue {
color: #065e91;
}
.bl {
background:#e9f3f9;}
.pl {
border: 1px solid #c1d6e3;
padding: 0px}
.pl td {
text-align:left;}
/* Plan Page Table {{{ */
.dataTable {
width: 100%;
color: #333;
font-size: 12px;
}
.features {
width: 100%;
margin: 0;
}
.dataTable th {
color: #147;
border-bottom: 0px solid #147;
}
.dataTable th.top {
padding: 3px;
color: #fff;
border: 1px solid #147;
}
.dataTable td {
padding: 4px;
border-bottom: 0px solid #ddd;
}
.dataTable td.sp {
padding: 0px;
border-bottom: 0px;
}
.dataTable td.pad3 {
padding:0 3px 0 3px;
}
.dataTable td.pad5 {
padding:0 5px 0 7px;
}
.dataTable tr.dark {
border: 0px solid #c1d6e3 !important;
font-weight: bold;
color: #666;
}
.dataTable tr.dark td {
border-top: 0px solid #c1d6e3 !important;
border-bottom: 0px solid #c1d6e3 !important;
}
.dataTable tr.dark td.st {
border-left: 0px solid #c1d6e3 !important;
}
.dataTable tr.dark td.ed {
border-right: 1px solid #c1d6e3 !important;
}
.dataTable .nul {
border-bottom: 0px !important;
}
.dataTable .center {
text-align: center;
}
.dataTable .gy{
}
.dataTable a.dis {
display: block;
height: 27px;
line-height: 27px;
padding-left: 8px;
border: 1px solid #c1d6e3;
border-left: 0px solid #c1d6e3;
border-bottom: 0px solid #c1d6e3;
background: #d6e7f1;
cursor: pointer;
width: 140px;
color:#116697;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
.dataTable a.tl {
border-top: 0px solid #E5E5E5 !important;
}
.dataTable a.bl {
border-bottom: 0px solid #E5E5E5 !important;
}
.dataTable a.hightl {
border-top: 0px solid #c1d6e3 !important;
background: none;
}
.dataTable a.highlighted {
color: #147 !important;
font-weight: bold;
border-right: 0px !important;
display: block;
height: 27px;
line-height: 27px;
padding-left: 8px;
border: 1px solid #c1d6e3;
border-right: 0px solid #c1d6e3;
border-bottom: 0px solid #c1d6e3;
border-left: 0px solid #c1d6e3;
text-decoration:none;
font-size:13px;
font-weight:bold;
}
.dataTable a.highbot {
}
.dataTable a.dis:hover {
text-decoration: none ;
background:#dfeff8;
border: 1px solid #c1d6e3;
border-left: 0px solid #c1d6e3;
border-bottom: 0px solid #c1d6e3;
}
.displayBox {
width: 500px;
border: 0px solid #ccc !important;
border-left: 0px !important;
}
#display {
width: auto;
height: 400px;
overflow: auto;
background: #fff;
padding: 5px;
}
/* }}} */
td.thl { border-bottom: 1px solid #c1d6e3;
text-align:center;}
/* Plan Page Table {{{ */
.dataTable2 {
width: 100%;
color: #333;
font-size: 12px;
}
.features2 {
width: 100%;
margin: 0;
}
.dataTable2 th {
color: #147;
border-bottom: 0px solid #147;
}
.dataTable2 th.top {
padding: 3px;
color: #fff;
border: 1px solid #147;
}
.dataTable2 td {
padding: 4px;
border-bottom: 0px solid #ddd;
}
.dataTable2 td.sp {
padding: 0px;
border-bottom: 0px;
}
.dataTable2 td.pad3 {
padding:0 3px 0 3px;
}
.dataTable2 td.pad5 {
padding:0 5px 0 7px;
}
.dataTable2 tr.dark {
border: 0px solid #c1d6e3 !important;
font-weight: bold;
color: #666;
}
.dataTable2 tr.dark td {
border-top: 0px solid #c1d6e3 !important;
border-bottom: 0px solid #c1d6e3 !important;
}
.dataTable2 tr.dark td.st {
border-left: 0px solid #c1d6e3 !important;
}
.dataTable2 tr.dark td.ed {
border-right: 1px solid #c1d6e3 !important;
}
.dataTable2 .nul {
border-bottom: 0px !important;
}
.dataTable .center {
text-align: center;
}
.dataTable2 .gy{
}
.dataTable2 .pp {
border-bottom: 1px solid #c1d6e3;}
.dataTable2 a.dis {
display: block;
height: 27px;
line-height: 27px;
padding: 0 8px 0 8px;
border: 1px solid #c1d6e3;
background: #d6e7f1;
cursor: pointer;
width: auto;
color:#116697;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
.dataTable2 a.tl {
border-top: 1px solid #c1d6e3;
}
.dataTable2 a.bl {
border-bottom: 0px solid #E5E5E5 !important;
}
.dataTable2 a.hightl {
border-top: 1px solid #c1d6e3;
background: none;
}
.dataTable2 a.highlighted {
color: #147;
font-weight: bold;
display: block;
height: 27px;
line-height: 27px;
padding: 0 8px 0 8px;
border: 1px solid #c1d6e3;
border-bottom: 0px;
text-decoration:none;
font-size:13px;
font-weight:bold;
}
.dataTable2 a.highbot {
}
.dataTable2 a.dis:hover {
text-decoration: underline ;
}
.displayBox2 {
border: 1px solid #c1d6e3;
border-top: 0px;
padding: 5px;
background: url(img/plansbg.jpg) center no-repeat;
}
#display2 {
width: 100%;
height: auto;
overflow: auto;
background: url(img/plansbg.jpg) center no-repeat;
}
#display2 .thl td { border-bottom: 1px solid #c1d6e3;
text-align:center;}
/* }}} */
.tipshide {
visibility:hidden;
display:none;
}
.tips {
background-color:#FFFFDF;
font-size:10px;
color:#333;
border:1px solid #ccc;
margin:-43px 0 0 15px;
padding:5px;
position:absolute;
z-index: 99999999;
line-height:15px;
white-space:nowrap;
}
.bluelist ul {
padding:0;
margin:0;
z-index:999;}
.bluelist ul li {
list-style:none;
background:url(img/drkblue.jpg) left 1px no-repeat;
padding: 1px 0 0 25px;}
/* Start Dan */
.dataTable3 {
width: 100%;
color: #333;
font-size: 12px;
}
.features3 {
width: 100%;
margin: 0;
}
.dataTable3 th {
color: #147;
border-bottom: 0px solid #147;
}
.dataTable3 th.top {
padding: 3px;
color: #fff;
border: 1px solid #147;
}
.dataTable3 td {
padding: 4px;
border-bottom: 0px solid #ddd;
}
.dataTable3 td.sp {
padding: 0px;
border-bottom: 0px;
}
.dataTable3 td.pad3 {
padding:0 3px 0 3px;
}
.dataTable3 td.pad5 {
padding:0 5px 0 7px;
}
.dataTable3 tr.dark {
border: 0px solid #c1d6e3 !important;
font-weight: bold;
color: #666;
}
.dataTable3 tr.dark td {
border-top: 0px solid #c1d6e3 !important;
border-bottom: 0px solid #c1d6e3 !important;
}
.dataTable3 tr.dark td.st {
border-left: 0px solid #c1d6e3 !important;
}
.dataTable3 tr.dark td.ed {
border-right: 1px solid #c1d6e3 !important;
}
.dataTable3 .nul {
border-bottom: 0px !important;
}
.dataTable3 .center {
text-align: center;
}
.dataTable3 .gy{
}
.dataTable3 a.dis {
display: block;
height: 27px;
line-height: 27px;
padding-left: 8px;
border: 1px solid #c1d6e3;
border-left: 0px solid #c1d6e3;
border-bottom: 0px solid #c1d6e3;
background: #d6e7f1;
cursor: pointer;
width: 140px;
color:#116697;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
.dataTable3 a.tl {
border-top: 0px solid #E5E5E5 !important;
}
.dataTable3 a.bl {
border-bottom: 0px solid #E5E5E5 !important;
}
.dataTable3 a.hightl {
border-top: 0px solid #c1d6e3 !important;
background: none;
}
.dataTable3 a.highlighted {
color: #147 !important;
font-weight: bold;
border-right: 0px !important;
display: block;
height: 27px;
line-height: 27px;
padding-left: 8px;
border: 1px solid #c1d6e3;
border-right: 0px solid #c1d6e3;
border-bottom: 0px solid #c1d6e3;
border-left: 0px solid #c1d6e3;
text-decoration:none;
font-size:13px;
font-weight:bold;
}
.dataTable3 a.highbot {
}
.dataTable3 a.dis:hover {
text-decoration: none ;
background:#dfeff8;
border: 1px solid #c1d6e3;
border-left: 0px solid #c1d6e3;
border-bottom: 0px solid #c1d6e3;
}
.displayBox3 {
width: 500px;
border: 0px solid #ccc !important;
border-left: 0px !important;
}
#display3 {
width: auto;
height: 200px;
overflow: auto;
background: #fff;
padding: 5px;
}