/*--------------------------------------------------
 * PortalTemplate Main.css
 *--------------------------------------------------*/
/*--------------------------------------------------
 * Global
 *--------------------------------------------------*/
body {
  background:#1b283f url(../../../images/bgHeader-small.jpg) top center repeat-x;
}
.container {
  width:960px;
  position:relative;
}
:focus {
  outline:none;
}
#java {
  display:block;
  position:fixed;
  bottom:0;
  height:30px;
  background:#fff;
  width:96%;
  text-align:center;
  font:14px/20px "Lucida Grande", Tahoma, Verdana, sans-serif;
  font-weight:700;
  color:#000;
  z-index:99;
  padding:2%;
  border-top:2px solid #CCB77C;
  opacity:.9;
}
.one-half {
  float:left;
  width:49%;
  margin:0 1% 0 0;
}
ul.one-half {
  width:45%;
  margin:0 1% 0 4%;
}
/*--------------------------------------------------
 * Structure
 *--------------------------------------------------*/
#masthead {
  margin-top:23px;
  width:100%;
}
#feature {
  height:330px;
  clear:both;
}
#feature img {
  float:right;
  margin-top:35px;
}
#header {
  height:55px; 
  padding:25px 25px 0 25px;
  clear:both;
  background:#eceff0;
  border-bottom:1px solid #d7dede;
  -moz-border-radius-topright:.5em;
  -moz-border-radius-topleft:.5em;
  -webkit-border-top-right-radius:.5em;
  -webkit-border-top-left-radius:.5em;
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 0 4px rgba(0,0,0,0.4);
  
}
#content {
  padding: 25px;
  margin:0;
  background:#fff;
  height:100%; /* for IE */
}
#content .inner {
  padding:0;
  position:relative;
  width:100%;
}
#main-content {
  float:left;
  padding:0;
  width:480px;
  min-height:300px;
}
#secondary-content {
  float: right;
  padding:0;
  width:340px;
  min-height:300px;
}
#login {
  float:left;
  width:35%;
}
#login ul{
  margin:0;
}
.scroll {
  /* overflow:auto; */
  /* height:510px; */
}
.ui-tabs-hide {
  display:none;
}
#footer {
  margin-top:10px;
}
#subcontent {
  background:#105478;
  padding:25px;
  color:#fff;
  height:100%; /* for IE */
}
#subcontent h4 {
  color:#fff;
  border-bottom:1px solid #fff;
}
/*--------------------------------------------------
* Section-Specific
*--------------------------------------------------*/
body#home {
  background:#1b283f url(../../../images/bgHeader.jpg) top center repeat-x;
}
#home #content {
  position:relative;
}
#home #content .inner {
  position:static;
}
#featured_dev_content {
  margin:0 0 50px 0;
}
.feature_dev_wrapper {
  height:100%; /* for IE */
}
#featured_dev_content .dev {
  padding:0;
  margin:0 0 15px 0;
  height:100%; /* for IE */
}
.feature_dev_wrapper img {
  margin:0;
  padding:0;
  width:112px;
}
#featured_dev_content .imagewrap {
  width:112px;
  height:84px;
  padding:0;
  margin:0 10px 0 0;
  border:2px solid #666;
  float:left;
}
#featured_dev_content .inner {
  width:104px;
  height:76px;
  margin:4px;
  overflow:hidden;
  position:relative;
  z-index:19
}
#featured_dev_content a.dyn_name {
  text-decoration:none;
}
#featured_dev_content a.more_info {
  background:url(../../../images/icons/icoBullet-Main.png) left center no-repeat;
  padding-left:15px;
}
#featured_dev_content span.dyn_country {
  display:block;
}
#browse-more {
  background:#1777AA;
  position:absolute;
  padding:10px 30px 10px 10px;
  bottom:0;
  right:25px;
  width:300px;
  text-align:right;
  color:#fff;
}
#browse-more a {
  color:#fff;
}
#browse-more img {
  position:absolute;
  top:-15px;
  left:10px;
}
#community #main-content {
  width:100%;
  float:none;
}
#community #secondary-content {
  display:none;
}

#terms-of-service #main-content,
#privacy-policy #main-content,
#plans-and-pricing #main-content, #purchase-page #main-content{
  width:100%;
  float:none;
}
#terms-of-service #secondary-content,
#privacy-policy #secondary-content, #plans-and-pricing #secondary-content, #purchase-page #secondary-content {
  display:none;
}

/**** Plans and Pricing Page****/ 

#plans-and-pricing h1, h2{
text-align: center;
}

#plans-and-pricing h2{
margin-bottom: 40px;
}

div.features{
width: 900px;
margin-left: 35px;

}
.features .span-8{
padding-top: 4px;
background-color: #999;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-box-shadow: rgba(0, 0, 0, 0.65) 1px 2px 5px;
-moz-box-shadow:1px 2px 5px rgba(0, 0, 0, 0.65);
border-radius: 10px;
color: #666;
width: 280px;
margin:0  0  0 -10px;
}

.features .span-8 h1, .span-8 h2, .span-8 h3{
margin-bottom: 0px;
font-weight: bold;
text-align:center;
text-shadow: #D6E0E8 0px 1px 0px;
color: inherit;
background-color: transparent;

}

#plans-and-pricing .features .span-8 h2{
margin: 10px 0 2px 0;
line-height: 20px;

}

.features .span-8 h3{
margin-bottom: 20px;
}

.features .span-8 p{
text-align:center;
font-size: 12px;
font-style:italic;
text-shadow: #D6E0E8 0px 1px 0px;

}

.features .wrap{
padding-top: 10px;
background:-webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#DCE2E2));
background:-moz-linear-gradient(top,#F0F0F0,#DCE2E2);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #666;
position: relative;
width: 280px;

}
.features .inside-list{
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px inset;
-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.2) inset;
border: 6px solid rgba(255, 255, 255, .3);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.features .inside-list ul{
list-style:none;
display: block;
padding-top: 15px;
margin: 0px;
}
.features .inside-list ul li{
text-align:center;
font-size: 14px;
}

.features .inside-list ul li strong {
font-size: 16px;
}

.features p.disclaimer{
font-style:normal;
font-size:10px;
padding: 10px 15px 0 15px;
margin-bottom: -20px;
}


.features .signupbtn{

background:-webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#CEDBDB));
background:-moz-linear-gradient(top,#F0F0F0,#CEDBDB);
-webkit-box-shadow: rgba(0, 0, 0, 0.65) 0px 0px 2px;
-moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.65);
-webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px -1px 5px;
border: 1px solid #999;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
position:relative;
width: 200px;
height: 60px;
bottom: -30px;
margin: 0 auto;
text-shadow: #D6E0E8 0px 1px 0px;
cursor: pointer;


}

/***** Center Column *****/

.features .center {
position:relative;
background-color:#009900;
margin-top: -15px;
width: 310px;
height: 380px;
z-index: 100;
-webkit-box-shadow: rgba(0, 0, 0, 0.65) 0px 3px 20px;
-moz-box-shadow:0px 3px 20px rgba(0, 0, 0, 0.65);

}


.features .center .wrap {
width: 310px;
height: 370px;
background:-webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#D1F0BD));
background:-moz-linear-gradient(top,#F0F0F0,#D1F0BD);

}

.features .center ul{
height: 205px;
}

.features .center .signupbtn{

background:-webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#D1F0BD));
background:-moz-linear-gradient(top,#F0F0F0,#D1F0BD);
}

#tooltip {
    position: absolute;
 z-index: 3000;
  background:#F0F0F0;
  background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#D2DAE3));
  background:-moz-linear-gradient(top,#fff,#D2DAE3);
    border: #fff solid 3px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
  box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
    padding: 10px;
    width:300px;
    font-size:.8em;
    line-height:16px;

}

#tooltip h3, #tooltip div { margin: 0; text-transform:none;}

.features  li span {

    cursor:help;

}


/*-------------
Checkout
--------------*/
#purchase-page .span-17 {
    width:650px;
    margin:0 30px;
}
#purchase-page .span-7 {
        text-align:center;
        width:150px;
}
#purchase-page form{
    padding:5px;
    background:url(../../../images/sections/checkout/bgCheckoutForm.png) repeat;
    -moz-box-shadow: 1px 1px 15px rgba(0,0,0,0.5);
    -webkit-box-shadow: 1px 1px 15px rgba(0,0,0,0.5);   
    width:630px;
    margin-bottom:50px;
}
#purchase-page fieldset {
    background:#fff;
    border:1px solid #ddd;
    position:relative;
}
#purchase-page table {
        padding:10px;
}
#purchase-page table th,
#purchase-page table td  {
    text-align:left;
    color:#000;
    font-size:14px;
    font-weight:normal;
}
#purchase-page table td {
    padding:0px 10px 0px 5px
}
#purchase-page .span-17 h1 {
        margin:0 0 5px;
}
#purchase-page .span-17 h3 {
        margin:0 0 25px;
        font-weight:normal;
        font-size:14px;
}
#purchase-page form h2 {
        background:url(../../../images/sections/checkout/bgH2.png);
        width:646px;
        height:49px;
        line-height:40px;
        color:#fff;
        margin:-1px 0 0 -18px;
        font-weight:normal;
        font-size:18px;
        text-indent:30px;
        text-shadow: 0 1px 1px rgba(0,0,0,.3);      
}
#purchase-page form h2 em {
        font:italic 18px Georgia, "Times New Roman", Times, serif;
        padding-right:55px;
}
#purchase-page form h4 {
    color:#000;
    margin:25px 0 5px;
}
#purchase-page form .small {
    color:#777;
}
#purchase-page #checkout_loading {
    background:url(../../../../../images/stories/loading.gif) no-repeat;
    width:50px;
    height:50px;
    position:absolute;
    left:300px;
    bottom:-10px;
    display:none;
}
#purchase-page a.account {
        background:url(/images/sections/checkout/btnCheckout.png) no-repeat;
        width:173px;
        height:31px;
        margin:15px 0 15px 20px;
}
#purchase-page .featured {
    background-color: #efefef;
    border:1px solid #ccc; 
    background-image:-moz-linear-gradient(100% 100% 90deg, #D2DAE3, #FFFFFF);
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#D2DAE3));
    -moz-box-shadow: 1px 1px 15px rgba(0,0,0,0.5);
    -webkit-box-shadow: 1px 1px 15px rgba(0,0,0,0.5);   
    width:180px;
    margin:70px 0 0 0px;
    padding:15px;
}
#purchase-page .featured h3,
#purchase-page .featured h4 {
        text-align:center;
        margin:0;
}
#purchase-page .featured h4 {
        font:italic 16px Georgia, "Times New Roman", Times, serif;
}
#purchase-page .featured h3 {
        font-size:28px;
}
#purchase-page .featured p.package {
        font-size:18px;
        margin-bottom:15px;
}
.featured ul {
        border-top:1px solid #ccc;
        margin:0;
        padding-top:15px;
        padding-left: 15px;
        list-style:none;
}
#purchase-page .featured ul li {
text-align: left;
        font-size:12px;
        font-weight:bolder;
        color:#666666;
        text-align: center;
}
#purchase-page .featured ul li strong {
        color:#0150A5;
}
#purchase-page .featured div {
    display:none;
}