/* Handcoded by http://psdcssxhtml.com */


/* reset */
body,div,dl,dt,dd,ol,pre,form,blockquote,th,td{
    margin:0;
    padding:0;
}


html{
    height:100%;
    margin-bottom:1px;
}

body{
    position:relative;
}

:focus{
    outline:hidden;
}

a img {
border: 0;
}

/* links */
a{
    color:#048BCE;
    text-decoration:none;
}

a.uilink, a.uilink:visited {
color: #048BCE !important;
text-decoration: none;
}

a:hover{
    text-decoration:underline;
}

/* header elements */
h1, h2, h3, h4, h5, h6{
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#282828;
    line-height:100%;
}

h1{
    font-size:28px;
}

h2{
    font-size:23px;
}

h3{
    font-size:18px;
}

h4{
    font-size:15px;
}

h5{
    font-size:14px;
}

h6{
    font-size:11px;
}

/* page setup */
body{
    background:#FFF url(/images/bg.jpg) 50% 0 repeat-x;
    font-family:Arial, Helvetica, sans-serif;
    line-height:190%;
    color:#282828;
    font-size:14px;
}

/* wrapper setup */
div.rapidxwpr{
    margin:auto;
    width:1000px;
}

/* header */
div#header{
    position:relative;
    height:100px;
    margin:0px 0px 15px 0px;
    color: #ffffff;
}

/* logo */
span#logo, img#logo{
    position:absolute;
    top:0px;
    left:0px;
    border:0;
}

/* main body setup */
div#middle{
    width:auto;
    margin:0px 0px 0px 0px;
    clear:both;
    border:#C6C6C6 1px solid;
    padding:10px;
}

/* right column */
div#right{
    width:277px;
    padding:0px 0px 0px 18px;
    float:right;
}

* html div#right{
    padding:0px 0px 0px 15px;
}

/* content column */
div#main{
    width:auto;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

div#mainmiddle{
    margin:0px 0px 0px 0px;
}

div#content{
    width:auto;
}

/* footer */
div#footer{
    width:auto;
    padding:5px 0px 20px 0px;
    clear:both;
    color:#fff;
}

/* clearing & floating */
.clearingfix:after{
    content:".";
    display:block;
    line-height:0px;
    clear:both;
    visibility:hidden;
}

.clearingfix{
    display:block;
}

.floatbox{
    overflow:hidden;
}

/* alignments */
.alignleft{
    float:left;
    margin:0 20px 0 0;
}

.alignright{
    float:right;
    margin:0 0 0 20px;
}

/* topmenu */
div#topmenu{
    position:absolute;
    top:78px;
    right:0px;
    height:27px;
}

div#topmenu ul{
    padding:0px;
    margin:0px;
    list-style:none;
    float:left;
    font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
}

div#topmenu li{
    float:left;
    display:block;
    margin:0 0 0 6px;
}

div#topmenu li a{
    float:left;
    display:block;
    position:relative;
    background:transparent url(../images/menu-r.png) 100% 0 no-repeat;
    height:27px;
    padding:0 5px 0 0;
    overflow:hidden;
    color:#202020;
    text-decoration:none;
    text-transform:uppercase;
    font-size:13px;
    font-weight:bold;
    line-height:27px;
}

div#topmenu li a span{
    display:block;
    background:url(../images/menu-l.png) 0 0 no-repeat;
    padding:0 10px 0 15px;
}

div#topmenu li a.active, div#topmenu li a:hover{
    background:url(../images/menu-r.png) 100% -28px no-repeat;
    text-decoration:none;
}

div#topmenu li a.active span, div#topmenu li a:hover span{
    background:url(../images/menu-l.png) 0 -28px no-repeat;
}

/* main image */
div.main-image{
    margin:0 0 20px 0;
}

/* welcome */
div.welcome{
    padding:0 0 10px 0;
    margin:0 0 10px 0;
}

div.welcome h1, div.welcome h2{
    font-weight:normal;
    text-transform:uppercase;
    margin:0;
}

div.welcome h1 span, div.welcome h2 span, div.welcome h3 span, h1 span{
    color:#3d821c;
}

/* features box */
div.box{
    background:url(../images/box-top.jpg) 0 0 no-repeat;
    padding:10px 0 0 0;

}

div.box-bg{
    background:url(../images/box-bg.jpg) 0 100% no-repeat;
    padding:0 0 0 0;
    height: 275px;
}

.features-left
{
width: 45%;
float: left;
line-height: 100%;
padding-left: 5px;
margin-top: 30px;
}

.features-right
{
width: 47%;
float: left;
line-height: 100%;
padding-left: 10px;
margin-top: 30px;
}

.features-left img, .features-right img
{
float: left;
margin-right: 10px;
}

.features-left h4, .features-right h4
{
  margin:0 0 5px 0;
}

.features
{
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
}

/* footermenu */
ul.footermenu{
    list-style:none;
    margin:0 0 0 10px;
}

ul.footermenu li{
    float:left;
    margin:0 0 0 15px;
}

ul.footermenu a{
    font-size:12px;
    color:#747474;
    text-transform:uppercase;
}

/* credits */
div.credits{
    float:right;
    margin:0 25px 0 0;
}

div.credits a{
    font-size:12px;
    color:#747474;
    margin-left: 20px;
}

.niceform textarea
{
  background: #FAFAF4!important;
  padding: 5px 5px 5px 5px !important;
}

.niceform input.text { margin-bottom:12px; width:95%; padding: .4em; }

#accordion h3 {
  padding: 5px 0 5px 30px;
  font-size: 14px;
}

.greentext {
  color:#3d821c;
}

.bigtext {
color:#3d821c;
font-size: 20px;
font-weight: bold;
width: 100%;
text-align: center;
}

a.buynow:hover
{
cursor: hand;
cursor: pointer;
}

#accordion a
{
color: #048BCE;
}

/* SIDEBAR BOX */
.sidebar_box_top
{
width: 277px;
height: 15px;
background: url(../images/sidebar_box_top.jpg) no-repeat;
margin 0;
padding: 0;
}

.sidebar_box_middle
{
width: 277px;
background: url(../images/sidebar_box_middle.jpg) repeat-y;
padding: 0px 5px 0px 10px;
}

.sidebar_box_bottom
{
width: 277px;
height: 15px;
background: url(../images/sidebar_box_bottom.jpg) no-repeat;
margin 0;
padding: 0;
}

div.sidebar_box_middle ul{
    list-style:none;
    margin:0px 20px 0 0;
    padding: 0;
}

div.sidebar_box_middle ul li{
    background:url(../images/icon-leaf.png) 7px 50% no-repeat;
    padding:10px 5px 8px 33px;
    border-bottom:#d4d3d3 1px solid;
}

div.sidebar_box_middle ul li a{
    font-size:17px;
    color:#282828;
}
/* SIDEBAR BOX */

/* TESTIMONIAL BOX */
.testimonial_top
{
width: 277px;
height: 15px;
background: url(../images/testimonial_top.jpg) no-repeat;
margin 0;
padding: 0;
}

.testimonial_middle
{
width: 277px;
background: url(../images/testimonial_middle.jpg) repeat-y;
}

.testimonial_title
{
margin-bottom: 7px;
font-weight: bold;
color: #3d821c;
}

.testimonial_text
{
width: 255px;
padding-left: 10px;
line-height: 130%;
}

.testimonial_bottom_left
{
width: 277px;
height: 46px;
background: url(../images/testimonial_bottom_left.jpg) no-repeat;
margin 0;
padding: 0;
}

.testimonial_bottom_right
{
width: 277px;
height: 46px;
background: url(../images/testimonial_bottom_right.jpg) no-repeat;
margin 0;
padding: 0;
}

.testimonial_human_left, .testimonial_human_right {
height: 65px;
padding: 0 0 12px 0;
}
.testimonial_human_right {
margin: -15px 70px 0 0;
}
.testimonial_human_left {
margin: -15px 0 0 70px;
}
.testimonial_human_right img {
float: right;
}
.testimonial_human_left img {
float: left;
}
.testimonial_human_left img, .testimonial_human_right img {
border: 1px solid #eae7df;
width: 61px;
height: auto;
padding: 2px;
}
.testimonial_human_name_right {
text-align: right;
float: right;
padding-right: 10px;
}
.testimonial_human_name_left{
text-align: left;
float: left;
padding-left: 5px;
}
.testimonial_human_name_left, .testimonial_human_name_right {
margin: 15px 0 0 0;
width: 130px;
font-size: 13px;
font-style:italic;
color: #777777;
}
/* TESTIMONIAL BOX */


/* MEMBERS */

#membernav
{
height: 28px;
width: 970px;
}

#membernav img
{
  margin-right: 5px;
}

#membernav a:hover
{
cursor: hand;
cursor: pointer;
}

.welcomeuser
{
  font-size: 14px;
  font-weight: bold;
}

#tipsy-apikey:hover
{
  text-decoration: none;
}

/* MEMBERS */

.formhelptext
{
  font-size: 12px;
  color: #565656;
}

button
{
  cursor: hand;
  cursor: pointer;
}

/* CAMPAIGNS BOX */
.campaignbox
{
width: 580px;
background: #FAFAF4!important;
padding: 5px 0 0 10px;
margin: 30px auto 30px auto;
font-size: 16px;
font-weight: bold;
}

.campaigntitle
{
width: 570px;
text-align: center;
color:#D87C27;
font-size: 18px;
}

.campaignstarted,.campaigncompleted
{
width: 570px;
margin: 20px auto auto auto;
text-align: center;
}

.campaignlinks
{
width: 570px;
text-align: center;
margin: 20px auto;
}

div.campaignlinks a
{
color: #459E00;
}
/* CAMPAIGNS BOX */

/* PROGRESS BAR */
.meter-wrap{
    position: relative;
    margin: 20px auto 10px auto;
    float: left;
}

.meter-wrap, .meter-value, .meter-text {
    /* The width and height of your image */
    width: 520px; height: 39px;
}

.meter-wrap, .meter-value {
    background: #bdbdbd url(/images/progressbar.png) top left no-repeat;
}

.meter-text {
    position: absolute;
    top:0; left:0;

    padding-top: 6px;

    color: #fff;
    text-align: center;
    width: 100%;
}
/* PROGRESS BAR */

/* LINKS BOX */
.linksbox
{
width: 960px;
background: #FAFAF4!important;
padding: 5px 0 0 10px;
margin: 30px auto 30px auto;
font-weight: normal;
font-size: 14px;
}

div.linksbox a
{
color: #048BCE;
}
/* LINKS BOX */

.publicreport
{
color: #459E00;
font-size: 10px;
}

/* ISERVICE BOX*/
.iservicebox
{
width: 960px;
background: #FAFAF4!important;
padding: 5px 0 0 10px;
margin: 30px auto 30px auto;
font-size: 14px;
font-weight: normal;
}

div.iservicebox input
{
  background: #fff;
}

.iservicetitle
{
width: 100%;
text-align: center;
color:#F69537;
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}

/* ISERVICE BOX*/

.dashboardstats
{
width: 670px;
background: #F9F9F9!important;
padding: 5px 0 0 10px;
margin: 0 auto 0 auto;
font-size: 20px;
float: left;
}

.dashboardstatsicon
{
width: 256px;
margin-right: 20px;
float: left;
}

.dashboardstatscontent
{
  width: 390px;
  float: left;
}

.dashboardstatstextleft
{
  width: 220px;
  float: left;
  margin-top: 5px;
}

.dashboardstatstextright
{
  width: 160px;
  float: right;
  text-align: left;
  font-weight: bold;
  color: #3d821c;
  margin-top: 5px;
}

#selectable .ui-selecting { background: #FECA40; }
#selectable .ui-selected { background: #F39814; color: white; }
#selectable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#selectable li { margin: 3px; padding: 1px; float: left; height: 300px; font-size: 12px; font-weight: normal; font-family:Arial, Helvetica, sans-serif; text-align: left; overflow:auto; background: #F5F3E5 !important; color: #000 !important;}
#selectable li:hover { cursor: hand; cursor: pointer; background: #FFF0BD !important; }

#dialog-register a, #dialog-login a {
text-decoration: underline;
}

#grating {
  display:none;
}

.mediumbutton {
font: 75% Arial !important;
font-weight: bold!important;
padding: 0 0 0 0!important;
}

.smallbutton {
font: 20% Arial !important;
font-weight: bold!important;
padding: 0 0 0 0!important;
}

.billingplaninfo {
width: 500px;
font-size: 16px!important;
padding: 10px 10px 10px 10px!important;
text-align: left!important;
margin-top: 20px;
background: #FAFAF4 !important;
}

.billingagreement {
width: 450px;
font-size: 12px !important;
margin-top: 30px;
}

.setinvoicedata {
width: 400px;
font-size: 12px !important;
margin-top: 30px;
}

.hand
{
cursor: hand;
cursor: pointer;
}

.rounddiv {
display:inline;
border:1px solid;
border-radius:4px;
padding: 5px 8px 5px 8px;
font-weight: bold;
}

.infoto {
border: 1px solid #E8E4D3;
background: #FAFAF4;
color: #363636;
font-weight: normal;
}

.linkslimitbreakdown {
font-size: 10px;
}

.linkslimitbreakdown th {
text-align: left;
}

.alert { padding: 10px 5px 10px 5px; margin-bottom: 15px; color: #72612b; background: #ffedbb; border: 1px solid #f2d083; font-size: 11px; }

    .blink {
      animation: blink 1s steps(5, start) infinite;
      -webkit-animation: blink 1s steps(5, start) infinite;
    }
    @keyframes blink {
      to {
        visibility: hidden;
      }
    }
    @-webkit-keyframes blink {
      to {
        visibility: hidden;
      }
    }

.sticky {
    position: fixed;
    top: 30%;
    right: 0px;
    z-index: 2147483647;
}