/**
    .bump_up {
        top: -200px;
    }
    */
    /* End Structure*/  
    /* Hero Banner */
    .hero_super_container {
    }
    .hero_banner_container {
        height: 180px;
        margin-bottom: 20px;
        position: relative;
        padding-right: 20px;
    }
    .hero_banner_container .ui-effects-wrapper {
        display: inline !important;
        position: absolute !important;
        padding-left: 25px;
    }
    .hero_banner_texture {
        background-image: url(../img/metal_texture_7_by_wojtar_stock.jpg);  
        opacity:0.4;
        filter:alpha(opacity=40); /* For IE8 and earlier */
    }
    .hero_banner {
        height: 180px;
        width: 100%;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        position: absolute !important;
    }
    .hero_banner_wrapper {
        height: 100%;
        width: 100%;
        position: relative;
        background-repeat: no-repeat;
        background-position: right bottom;

    }
    .hero_banner_wrapper.banner_img_blog {
        background-image: url(../img/hero/blog.png);
    }
    .hero_banner_wrapper.banner_img_administration {
        background-image: url(../img/hero/administration.png);
    }
    .hero_banner_wrapper.banner_img_collaboration {
        background-image: url(../img/hero/collaboration.png);
    }
    .hero_banner_wrapper.banner_img_field_types {
        background-image: url(../img/hero/field_types.png);
    }
    .hero_banner_wrapper.banner_img_integration {
        background-image: url(../img/hero/integration.png);
    }
    .hero_banner_wrapper.banner_img_reporting {
        background-image: url(../img/hero/reporting.png);
    }
    .hero_banner_wrapper.banner_img_sales {
        background-image: url(../img/hero/sales.png);
    }
    .hero_banner_wrapper.banner_img_social {
        background-image: url(../img/hero/social.png);
    }
    .hero_banner_wrapper.banner_img_telephony {
        background-image: url(../img/hero/telephony.png);
    }
    .hero_title {
        padding-top: 10px;
        padding-left: 25px;
        color: #000000;
        font-size: 1.6em;
        font-weight: bold;
        text-shadow: 0px 1px 0px rgba(255,255,255,0.4);
    }
    .hero_desc {
        width: 70%;
        padding-left: 25px;
        color: #fefffd;
        font-size: 0.9em;
        font-weight: bold;
        text-shadow: 0px 1px 0px rgba(000,000,000,0.5);
    }
    .hero_crop_gradient {
        position:absolute; 
        top: 0;
        right: 185px;
        width: 80px;
        height:100%;
        /**
        background-image: linear-gradient(left , rgb(100,100,100) 0%, rgb(100,100,100) 59%);
        background-image: -o-linear-gradient(left , rgb(100,100,100) 0%, rgb(100,100,100) 59%);
        background-image: -moz-linear-gradient(left , rgb(100,100,100) 0%, rgb(100,100,100) 59%);
        background-image: -webkit-linear-gradient(left , rgb(100,100,100) 0%, rgb(100,100,100) 59%);
        background-image: -ms-linear-gradient(left , rgb(100,100,100) 0%, rgb(100,100,100) 59%);
        */
    }
    .hero_crop_gradient {
        background: linear-gradient(left , rgba(0,0,0,0), rgba(0,0,0, 0.3));
        background: -o-linear-gradient(left , rgba(0,0,0,0), rgba(0,0,0, 0.3));
        background: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0, 0.3));
        background: -webkit-linear-gradient(left , rgba(0,0,0,0), rgba(0,0,0, 0.3));
        filter:progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr=#00000000, endColorstr=#76000000);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr=#00000000, endColorstr=#76000000)"; 
    }
    .darken {
        /* RGBa with 0.6 opacity */
        background: rgba(0, 0, 0, 0.3);
        /* For IE 5.5 - 7*/
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#76000000, endColorstr=#76000000);
        /* For IE 8*/
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#76000000, endColorstr=#76000000)";
    }
    .hero_crop {

        float:left;
        margin:0 0 0 0;
        overflow:hidden;
        position:absolute; 
        top: 0;
        right: 0;
        width:185px;
        height:100%;
        /* background-color: #ffffff; */
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topright: 4px;
        border-top-right-radius: 4px;   
        -webkit-border-bottom-right-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        border-bottom-right-radius: 4px;    
    }
    .hero_window {
        margin: 0;
        height: 100%;
        width: 100%;
        background: transparent url('') no-repeat center;
        overflow: hidden; 
    }
    .hero_crop img {
        position: absolute;
        top: 0;
        right: 0px;
        display: block;
        margin: 0 auto;
    }
    .hero_buttons {
        padding: 20px 0 5px 25px;
        position: absolute;
        bottom: 10px;
    }
    .hero_banner.blue {
        /* 4ebfeb to 1685ba */
        background-color: #4ebfeb;
        background-image: url(../img/hero_texture.png);
        background-image: url(../img/hero_texture.png), -moz-linear-gradient(top,#4ebfeb 0%,#1685ba);
        background-image: url(../img/hero_texture.png), -webkit-gradient(linear, left top, left bottom, from(#4ebfeb),to(#1685ba));
        background-image: url(../img/hero_texture.png), -ms-linear-gradient(top, #4ebfeb, #1685ba);
        filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorStr=#4ebfeb, endColorStr=#1685ba); /* IE 5.5 - 7 */
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorStr=#4ebfeb, endColoStr=#1685ba); /* IE8 */
    }
    .hero_banner.blue > .hero_banner_wrapper > .hero_title {
        color: #00344a;
    }
    .hero_banner.pink {
        /* F44585 to FF1256 */
        background-color: #F44585;
        background-image: url(../img/hero_texture.png);
        background-image: url(../img/hero_texture.png), -moz-linear-gradient(top,#F44585 0%,#FF1256);
        background-image: url(../img/hero_texture.png), -webkit-gradient(linear, left top, left bottom, from(#F44585),to(#FF1256));
        background-image: url(../img/hero_texture.png), -ms-linear-gradient(top, #F44585, #FF1256);
        filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorStr=#F44585, endColorStr=#FF1256); /* IE 5.5 - 7 */
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorStr=#F44585, endColoStr=#FF1256); /* IE8 */
    }
    .hero_banner.pink > .hero_banner_wrapper > .hero_title {
        color: #9D0739;
    }
    .hero_banner.pink > .hero_banner_wrapper > .hero_desc {
        color: #333333;
        text-shadow: 0px 1px 0px rgba(255,255,255,0.2);
    }
    .hero_banner.purple {
        /* 693CD4 to 3F0BA3 */
        background-color: #693CD4;
        background-image: url(../img/hero_texture.png);
        background-image: url(../img/hero_texture.png), -moz-linear-gradient(top,#693CD4 0%,#3F0BA3);
        background-image: url(../img/hero_texture.png), -webkit-gradient(linear, left top, left bottom, from(#693CD4),to(#3F0BA3));
        background-image: url(../img/hero_texture.png), -ms-linear-gradient(top, #693CD4, #3F0BA3);
        filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorStr=#693CD4, endColorStr=#3F0BA3); /* IE 5.5 - 7 */
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorStr=#693CD4, endColoStr=#3F0BA3); /* IE8 */
    }
    .hero_banner.purple > .hero_banner_wrapper > .hero_title {
        color: #120333;
    }
    .hero_banner.purple > .hero_banner_wrapper > .hero_desc {
        color: #F6F6F6;
        text-shadow: 0px 1px 0px rgba(000,000,000,0.5);
    }
    .hero_banner.green {
        /* 3CD45D to 0BA333 */
        background-color: #3CD45D;
        background-image: url(../img/hero_texture.png);
        background-image: url(../img/hero_texture.png), -moz-linear-gradient(top,#3CD45D 0%,#0BA333);
        background-image: url(../img/hero_texture.png), -webkit-gradient(linear, left top, left bottom, from(#3CD45D),to(#0BA333));
        background-image: url(../img/hero_texture.png), -ms-linear-gradient(top, #3CD45D, #0BA333);
        filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorStr=#3CD45D, endColorStr=#0BA333); /* IE 5.5 - 7 */
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorStr=#3CD45D, endColoStr=#0BA333); /* IE8 */
    }
    .hero_banner.green > .hero_banner_wrapper > .hero_title {
        color: #03330E;
    }
    .hero_banner.yellow {
        /* F2EE2C to 0BA333 */
        background-color: #F2EE2C;
        background-image: url(../img/hero_texture.png);
        background-image: url(../img/hero_texture.png), -moz-linear-gradient(top,#F2EE2C 0%,#CCCB06);
        background-image: url(../img/hero_texture.png), -webkit-gradient(linear, left top, left bottom, from(#F2EE2C),to(#CCCB06));
        background-image: url(../img/hero_texture.png), -ms-linear-gradient(top, #F2EE2C, #CCCB06);
        filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorStr=#F2EE2C, endColorStr=#CCCB06); /* IE 5.5 - 7 */
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorStr=#F2EE2C, endColoStr=#CCCB06); /* IE8 */
    }
    .hero_banner.yellow > .hero_banner_wrapper > .hero_title {
        color: #81800B;
    }
    .hero_banner.yellow > .hero_banner_wrapper > .hero_desc {
        color: #333333;
        text-shadow: 0px 1px 0px rgba(255,255,255,0.2);
    }
    .hero_banner.orange {
        /* FFAD17 to CE7100 */
        background-color: #FFAD17;
        background-image: url(../img/hero_texture.png);
        background-image: url(../img/hero_texture.png), -moz-linear-gradient(top,#FFAD17 0%,#CE7100);
        background-image: url(../img/hero_texture.png), -webkit-gradient(linear, left top, left bottom, from(#FFAD17),to(#CE7100));
        background-image: url(../img/hero_texture.png), -ms-linear-gradient(top, #FFAD17, #CE7100);
        filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorStr=#FFAD17, endColorStr=#CE7100);
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorStr=#FFAD17, endColoStr=#CE7100);
    }
    .hero_banner.orange > .hero_banner_wrapper > .hero_title {
        color: #5E3200;
    }
    .hero_banner.orange > .hero_banner_wrapper > .hero_desc {
        color: #333333;
        text-shadow: 0px 1px 0px rgba(255,255,255,0.2);
    }
    .hero_banner.red {
        /* bf563a to a62706 */
        background-color: #a62706;
        background-image: url(../img/hero_texture.png);
        background-image: url(../img/hero_texture.png), -moz-linear-gradient(top,#bf563a 0%,#a62706);
        background-image: url(../img/hero_texture.png), -webkit-gradient(linear, left top, left bottom, from(#bf563a),to(#a62706));
        background-image: url(../img/hero_texture.png), -ms-linear-gradient(top, #bf563a, #a62706);
        background-image: url(../img/hero_texture.png), -o-linear-gradient(top, #bf563a, #a62706); 
        background-image: url(../img/hero_texture.png), linear-gradient(to bottom, #bf563a, #a62706);
        filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorStr=#bf563a, endColorStr=#a62706); 
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorStr=#bf563a, endColoStr=#a62706); 
    }
    .hero_banner.red > .hero_banner_wrapper > .hero_title {
        color: #5b1503;     
        text-shadow: 0px 1px 0px rgba(255,255,255,0.2);
    }
    .hero_banner.red > .hero_banner_wrapper > .hero_desc {
        color: #f1f1f1;
    }

    .rotate_active, .rotate_banner {
        display: inline-block;
        margin: 0;
    }
    .rotate_active li {
        display: inline-block;
        vertical-align: text-top;
    }
    .rotate_active li.current a, .rotate_banner li.current a {
        background-image: url("../img/icons/banner-active.png");
    }
    .rotate_active li a, .rotate_banner li a {
        background: url("../img/icons/banner-inactive.png") no-repeat scroll left top transparent;
        display: inline-block;
        height: 18px;
        width: 18px;
    }
    .rotate_active {
        z-index: 10;
        position: absolute;
        top: 148;
        right: 0;
        padding: 2px 8px 0 4px;
    }
    .rotate_banner {    
        z-index: 10;
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 12px 8px 0 4px;
        
        color: #ffffff;
        text-shadow: -1px 0px 0px rgba(000,000,000,0.25), 1px 0px 0px rgba(000,000,000,0.25);
            
        font-weight: bold;
        padding: 5px 8px 0 12px;
        background-color: #3c3c3c;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topleft: 4px;
        border-top-left-radius: 4px;    
        -webkit-border-bottom-right-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        border-bottom-right-radius: 4px;    
        
        background: -moz-linear-gradient(top, #3c3c3c 0%, #212121);
        background: -webkit-gradient( linear, left top, left bottom, from(#3c3c3c), to(#212121));
        /* IE8 uses -ms-filter for whatever reason... */
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorStr=#3c3c3c, endColoStr=#212121 );
    
        -moz-opacity: 0.85;
        opacity:.85;
        filter: alpha(opacity=85);
    }
    .rotate_banner li {
        display: inline-block;
    }
    li.rotate_header {
        /* border: 1px solid #7b7b7b; */
    }
    /* Search Results */
    div.search {}
    div.search a { 
        color: #1988bd; 
    }
    div.search ul.right_column {
        width:30%;
        float:right;
    }
    ul.search_results { 
        margin: 0;
    }
    div.search ul.search_results {
        width:65%;
        float:left;
    }
    div.search ul.search_results li.item { 
        padding:20px; 
        background:#fff; 
    }
    div.search ul.search_results li.item a { margin:0; }
    div.search ul.search_results li.item p { margin:0; }
    div.search ul.search_results li.item img { margin:0; }
    div.search ul.search_results li.item div { margin:0; }
    div.search ul.search_results li.first_item {}
    div.search ul.search_results li.last_item {}
    div.search ul.search_results li.item div.header { 
        padding-top: 10px; 
        width: 100%; 
        float: left; 
        border-top: 1px solid #E0E0E0; 
    }
    div.search ul.search_results li.item div.header h3 {  }
    div.search ul.search_results li.item div.header p {  }
    div.search ul.search_results li.item div.header img.rating { 
        clear:both; 
        float:left; 
        margin:0; 
    }
    div.search ul.search_results li.first_item div.header {
        border:0;
    }
    div.search ul.search_results li.item div.left_column { 
        width:32%; 
        clear: both; 
        float: left; 
    }
    div.search ul.search_results li.item div.middle_column { 
        width:32%; 
        float: left; 
    }
    div.search ul.search_results li.item div.right_column { 
        width:32%; 
        float: left; 
    }
    .wanted_link {
        margin-top: 20px;
        font-size: 0.9em;
    }
    /* End Search Results */

    /* Addon columns */
    .addon_avatar {
        margin: 10px;
        text-align:center;
    }
    .avatar {
        margin: auto;
        display:block;
    }   
    /* End Addon columns */

    /* General goodies */
    .panel {
        padding: 10px 0 0 10px;
        /*border-left: 1px solid #ddd;*/
    }
    .panel.addon-card {
        padding: 0 !important;
    }
    .addon-card.select-date .panel-body {
        height: 320px;
    }
    .addon-card.select-date h3 {
        padding: 0;
        margin: 0;
        font-size: 1.6em;
        text-align: center;
    }
    .addon-card.select-date .date-time-step .header
    ,.addon-card.select-date .date-time-step .subheader
    {
        display: none !important;
    }
    .panel.addon-card.select-date .panel-body {
        padding: 0;
    }
    .full_column div.header {
        padding-bottom: 0px;
    }
    .btn-default {
        color: #333333 !important;
    }
    .btn a:active {
        underline: none;
    }
    .btn-fullwidth {
        width: 100%;
        padding: 10px 0 !important;
    }
    .buy-addon-button {
        font-size: 1.4em;
    }
    .btn-medwidth {
        width: 50%;
        padding: 20px 0 !important;
    }
    
    .btn-buynow {
        color: #333333 !important;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4) !important;
    }

    .btn-buynow.active {
        color: rgba(255, 255, 255, 0.75) !important;
    }
    .btn-buynow {
        background-color: #eebb3e; /* f5ce58 */
        background-image: -moz-linear-gradient(top, #f5e258, #ebae18); /* 245 226 88 / 235 174 24 */
        background-image: -ms-linear-gradient(top, #f5e258, #ebae18);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5e258), to(#ebae18));
        background-image: -webkit-linear-gradient(top, #f5e258, #ebae18);
        background-image: -o-linear-gradient(top, #f5e258, #ebae18);
        background-image: linear-gradient(top, #f5e258, #ebae18);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5e258', endColorstr='#ebae18', GradientType=0);
        border-color: #ebae18 #ebae18 #906b0e;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    }
    .btn-buynow:hover,
    .btn-buynow:active,
    .btn-buynow.active,
    .btn-buynow.disabled,
    .btn-buynow[disabled] {
        background-color: #ebae18;
    }
    .btn-buynow:active,
    .btn-buynow.active {
        background-color: #d79f16 \9;
    }

    .btn-buynow-green {
        color: #ffffff !important;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) !important;
    }
    .btn-buynow-green.active {
        color: rgba(0, 0, 0, 0.75) !important;
    }
    .btn-buynow-green {
        background-color: #46a546; /* f5ce58 */
        background-image: -moz-linear-gradient(top, #54C454, #327532); /* 245 226 88 / 235 174 24 */
        background-image: -ms-linear-gradient(top, #54C454, #327532);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#54C454), to(#327532));
        background-image: -webkit-linear-gradient(top, #54C454, #327532);
        background-image: -o-linear-gradient(top, #54C454, #327532);
        background-image: linear-gradient(top, #54C454, #327532);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#54C454', endColorstr='#327532', GradientType=0);
        border-color: #327532 #327532 #54C454;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    }
    .btn-buynow-green:hover,
    .btn-buynow-green:active,
    .btn-buynow-green.active,
    .btn-buynow-green.disabled,
    .btn-buynow-green[disabled] {
        background-color: #327532;
    }
    .btn-buynow-green:active,
    .btn-buynow-green.active {
        background-color: #2866BD \9;
    }

    .btn-buynow-red {
        color: #ffffff !important;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) !important;
    }
    .btn-buynow-red.active {
        color: rgba(0, 0, 0, 0.75) !important;
    }
    .btn-buynow-red {
        background-color: #EB0000; /* f5ce58 */
        background-image: -moz-linear-gradient(top, #FF0000, #D60000); /* 245 226 88 / 235 174 24 */
        background-image: -ms-linear-gradient(top, #FF0000, #D60000);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FF0000), to(#D60000));
        background-image: -webkit-linear-gradient(top, #FF0000, #D60000);
        background-image: -o-linear-gradient(top, #FF0000, #D60000);
        background-image: linear-gradient(top, #FF0000, #D60000);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#D60000', GradientType=0);
        border-color: #D60000 #D60000 #FF0000;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    }
    .btn-buynow-red:hover,
    .btn-buynow-red:active,
    .btn-buynow-red.active,
    .btn-buynow-red.disabled,
    .btn-buynow-red[disabled] {
        background-color: #D60000;
    }
    .btn-buynow-red:active,
    .btn-buynow-red.active {
        background-color: #2866BD \9;
    }

    .btn-buynow.btn-fullwidth {
        padding: 20px 0 !important;
    }
    .btn-buynow-red.btn-fullwidth {
        padding: 20px 0 !important;
    }
    .btn-buynow-green.btn-fullwidth {
        padding: 20px 0 !important;
    }
    a.positive_button {
        color: #000000;
        font-weight: bold;
        padding: 10px 15px;
        height: 40px;
        /* border 8a7011
            todo: top sub border f8ec9a
            f5e258 to ebae18
        */
        background: -moz-linear-gradient(top,#f5e258 0%,#ebae18);
        background: -webkit-gradient(linear, left top, left bottom, from(#f5e258),to(#ebae18));
        /* IE 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorStr=#f5e258, endColorStr=#ebae18);
        /* IE8 uses -ms-filter for whatever reason... */
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorStr=#f5e258, endColoStr=#ebae18);
        
        border: 1px solid #8a7011;
        
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;    
        
        -moz-box-shadow:
            0px 2px 0px rgba(0,0,0,0.3);
        -webkit-box-shadow:
            0px 2px 0px rgba(0,0,0,0.3);
            
            
        text-shadow:
            0px -1px 0px rgba(000,000,000,0.2),
            0px 1px 0px rgba(255,255,255,0.3);
    }
    a.negative_button {
        color: #000000;
        font-weight: bold;
        padding: 10px 15px;
        height: 40px;
        /* border 8a7011
            todo: top sub border f8ec9a
            f5e258 to ebae18
        */
        background: -moz-linear-gradient(top,#f5e258 0%,#ebae18);
        background: -webkit-gradient(linear, left top, left bottom, from(#f5e258),to(#ebae18));
        /* IE 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorStr=#f5e258, endColorStr=#ebae18);
        /* IE8 uses -ms-filter for whatever reason... */
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorStr=#f5e258, endColoStr=#ebae18);
        
        border: 1px solid #8a7011;
        
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;    
        
        -moz-box-shadow:
            0px 2px 0px rgba(0,0,0,0.3);
        -webkit-box-shadow:
            0px 2px 0px rgba(0,0,0,0.3);
            
            
        text-shadow:
            0px -1px 0px rgba(000,000,000,0.2),
            0px 1px 0px rgba(255,255,255,0.3);
    }
    span.positive_num {
        color: #00c51c;
        padding: 0 2px;
    }
    span.negative_num {
        color: #ff0000;
        padding: 0 2px;
    }
    .price {
        text-transform: none !important;
    }
    .alert_modal .label {
        font-size: 12px;
        white-space: inherit;
    }
    .alert_modal .modal-header .close {
        margin-top: 0;
    }
    .alert_modal .modal-body {
        font-size: 1em;
    }
    a.tag {
        text-decoration: none;
    }
    a.tag:hover {
        text-decoration: none;
    }
    /* boot3 - spacing when multiple lines */
    .addon_actions a.tag {
        line-height: 30px;
    }
    .label {
        margin-bottom: 4px;
    }
    .side_item a {
        overflow: hidden;
    }
    .side_item_small {
        font-size: 0.95em;
    }
    .border_well {
        border: 1px solid rgba(221, 221, 221, 1);
        border-radius: 4px 4px 4px 4px;
        box-shadow: 0 1px 1px rgba(221, 221, 221, 0.90) inset;
        margin-bottom: 20px;
        min-height: 20px;
        padding: 8px 0;
    }
    .border_well_divider {
        border-bottom: 1px solid rgba(221, 221, 221, 0.90);
    }
    /* End General goodies */

    /* Buttons */
    .search_txt {
        height: 25px;
        line-height: 25px;
    }
    .details_btn {
    /*79,32,4a*/
        color: #323232;
        font-weight: bold;
        padding: 10px 15px;
        height: 40px;

        /* ffffff to b5b5b5 */
        background: -moz-linear-gradient(top,#ffffff 0%,#b5b5b5);
        background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#b5b5b5));
        /* IE 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorStr=#ffffff, endColorStr=#b5b5b5);
        /* IE8 uses -ms-filter for whatever reason... */
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorStr=#ffffff, endColoStr=#b5b5b5);
        
        border: 1px solid #797979;
        
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;    
        
        -moz-box-shadow: 0px 2px 0px rgba(0,0,0,0.3);
        -webkit-box-shadow: 0px 2px 0px rgba(0,0,0,0.3);
    
        text-shadow: 0px 1px 0px rgba(255,255,255,0.4);
    }
    a.details_btn:hover { text-decoration: none; }
    a.details_btn:visited { color: #323232; }
    .multiadd_btn {
        color: #ffffff;
        font-size: 1em; /* 0.9em but testing height */
        height: 23px;
        line-height: 23px;
        font-weight: bold;
        display: block;
        float: right;
        padding: 0 13px;
        margin-left: 8px;
        /*
        padding: 5px 13px !important;
        */
        
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px; 
        
        border: 1px solid #3294c3;
        
        /**
        border top 2px 5dc0e9
        border bot 2 px 3294c3
        */
        /* 48b8e6 to 1b8abf */
        background: -moz-linear-gradient(top,#48b8e6 0%,#1b8abf);
        background: -webkit-gradient(linear, left top, left bottom, from(#48b8e6),to(#1b8abf));
        /* IE 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorStr=#48b8e6, endColorStr=#1b8abf);
        /* IE8 uses -ms-filter for whatever reason... */
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorStr=#48b8e6, endColoStr=#1b8abf);
        
    }
    a.multiadd_btn:hover { text-decoration: none; }
    .submit_btn {
        color: #ffffff;
        font-size: 0.9em; /* 0.9em but testing height */
        vertical-align: top;
        font-weight: bold;
        display: block;
        /* float: left; */
        padding: 4px 13px;
        
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px; 
        
        border: 1px solid #3294c3;
        /* 48b8e6 to 1b8abf */
        background: -moz-linear-gradient(top,#48b8e6 0%,#1b8abf);
        background: -webkit-gradient(linear, left top, left bottom, from(#48b8e6),to(#1b8abf));
        /* IE 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorStr=#48b8e6, endColorStr=#1b8abf);
        /* IE8 uses -ms-filter for whatever reason... */
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorStr=#48b8e6, endColoStr=#1b8abf);
        
    }
    a.submit_btn:hover { text-decoration: none; }
    /* End Buttons */
    
    /* Module Lists */
    .addon_list {
        padding: 0 20px;
    }
    .addon_list .header {
    }
    .addon_item {
        background-color: #ffffff;
        padding: 0px 20px 8px 20px;
    }
    .header + .addon_item, .header + .activity_item {
        padding-top: 12px;
    }
    .addon_list.small_list {
        padding: 0 !important;
    }
    .activity_item {
        background-color: #ffffff;
        padding: 0px 10px 8px 10px;
    }
    .activity_detail {
        padding: 0 0 10px 10px;
        /* margin-left: 48px; */
        width: 204px;
        background-image: url("../img/item_sep.png");
        background-position: left bottom;
        background-repeat: repeat-x;
        font-size: 0.9em;
    }
    .activity_detail a {
        font-weight: bold;
    }
    .item_header {
        background-color: #dfdfdf;
        padding: 1px 8px;
        font-size: 1.0em;
        font-weight: bold;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px; 
        color: #575757;
        /*
        text-shadow: -1px 0px 0px rgba(87,87,87,0.1)
                    ,0px -1px 0px rgba(87,87,87,0.1)
                    ,1px 0px 0px rgba(87,87,87,0.1)
                    ,0px 1px 0px rgba(87,87,87,0.1);
        */
    }
    .item_name {
        color: #3496c4;
        font-size: 1.4em;
        font-weight: bold;  
        float: left;
        background-color: #EEEEEE;
        border-radius: 6px 6px 6px 6px;
        padding: 10px 10px;
        width: 100%;
    }
    .small_list .item_name {
        font-size: 1.0em;
    }
    .addon_link, .addon_link:active, .addon_link:hover {
        color: #3496c4;
    }
    .addon_link:hover {
        text-decoration: underline;
    }
    .search_tags {
        float: left;
    }
    .search_price {
        float: right;
    }
    .item_price {
        /* todo: change out font */
        color: #89c115;
        font-size: 1.3em;
        font-weight: bold;
        line-height: 1.1em;
    }
    .item_review_container {
        float: right;
    }
    .item_verified {
        font-size: 0.8em;
        /* font-weight: bold; */
        color: #8f8f8f;
        /*
        text-shadow: -1px 0px 0px rgba(227,227,227,0.2), 1px 0px 0px rgba(227,227,227,0.2);
        */
    }
    .item_verified_hl {
        color: #8f8f8f; /* #1988bd; */
        font-weight: bold;
    }
    .item_desc {
        color: #2d2d2d;
        font-size: 1.1em;
        padding: 5px 0;
        /*
        text-shadow: -1px 0px 0px rgba(202,202,202,0.2), 1px 0px 0px rgba(202,202,202,0.2);
        */
    }
    .item_more, .item_more:hover, .item_more:visited {
        color: #1988bd;
    }
    .item_more:hover {
        text-decoration: underline;
    }
    .item_addt {
        background-image: url(../img/item_sep.png);
        background-repeat: repeat-x;
        background-position: left bottom;
        padding-bottom: 10px;
    }
    .item_review {
        float: left;
        padding-top: 5px;
    }
    a.more, a.more:hover, a.more:visited {
        color: #1988bd;
        font-size: 0.9em;
    }
    a.more:hover {
        text-decoration: underline;
    }
    .review_link img {
        margin: 0 !important;
        padding-right: 5px;
        vertical-align: middle;
    }
    .review_link, .review_link:hover, .review_link:visited {
        color: #1988bd;
        font-size: 0.8em;
        display: inline;
        /*
        padding-left: 27px;
        background-image: url(../img/review.png);
        background-repeat: no-repeat;
        */
    }
    .review_link:hover {
        text-decoration: underline;
    }
    .item_rating {
        float: right;
        padding-top: 5px;
        padding-left: 5px;
    }
    .item_rating img {
        margin: 0 !important;
        vertical-align: middle;
    }
    /* End Module Lists */
    
    /* Submissions */
    /*
    .submission > li {
        border-bottom: 1px solid #cccccc;
    }
    */
    ul.submission_group:hover {
        background-color: #eeeeee;
    }
    ul.submission_group > li {
        display: inline;
        float: left;
    }
    ul.edit > li {
        margin: 8px 0;
    }
    li.submission_field {
        width: 65%;
        font-size: 1em;
        font-weight: bold;
    }
    li.submission_help {
        width: 35%;
        font-size: 0.9em;
        font-weight: normal;
        line-height: 1.1;
        padding: 10px 0;
    }
    li.submission_field label, ul.edit label {
        display: block;
    }
    ul.submission_group {
        margin: 0 !important;
        padding-bottom: 10px;
        padding-left: 10px;
    }
    li.submission_field > .multi_add, li.submission_field > .multi_add_list {
        width: 85%;
    }
    .submission_radio > label {
        display: inline !important;
    }
    /*
    #li_user_count, #li_license_key { display: none; }
    */
    #li_user_count { display: none; }
    .multi_add_list {
        padding: 10px 0;
        margin: 0;
    }
    .multi_add_list > li {
        border: 1px solid #828282;
        border-radius: 4px 14px 14px 4px;
        outline: 0 none;
        padding: 0 25px 0 5px;
        box-sizing: border-box;
        font-weight: normal;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box; 
        cursor: pointer;
        clear: both;
        float: left;
        margin-bottom: 5px;
        background: url(../img/icons/remove.png) no-repeat right center;
        background-color: #d8d8d8;
        max-width: 100%;
        word-wrap:break-word;
    }
    /**
    .multi_add_list > li:after {
        vertical-align:baseline;
        padding-left: 4px;
        background: url(../img/icons/remove.png) no-repeat right center;
    }
    */
    .multi_inline > li {
        display: inline;
        clear: none;
        float: left;
        margin-left: 5px;
    }
    .multi_inline > li:first-child {
        margin-left: 0 !important;
    }
    .loading {
        display: none;
        width: 100%;
        vertical-align: middle;
    }
    .loading > div {
        font-weight: bold;
        text-align: center;
        padding-top: 10px;
    }
    .loading > div > img {
        margin: 0;
    }
    .loading_complete {
        display: none;
        width: 100%;
        font-weight: bold;
        text-align: center;
        padding-top: 10px;
    }
    #form_upgrade_safe {
        font-weight: normal;
    }
    #upgrade_safe_results {
        display: none;
    }
    #upgrade_safe_results li {
        list-style: disc;
    }
    select.normal {
        width: auto !important;
    }
    #form_versions_supported_to {
        display: none;
    }
    /* End Submissions */


    /* Login/Auth */
    #login_form li, #register_form li {
        width: 65%;
        min-width: 65%;
    }
    #login_form label, #register_form label {
        display: block;
    }
    img.match {
        margin: 0;
        vertical-align: middle;
        padding-left: 4px;
        display: none;
    }
    /* End Login/Auth */
    
    /* Profile */
    .profile {
    }
    .profile_left {
    }
    .profile_avatar_holder {
        font-size: 1em;
        font-weight: bold;
        text-align: center;
    }
    .profile_avatar {
    /**
        width: 180px;
    */
        margin: auto;
        padding-top: 3px;
    }
    .profile_detail {
        /* margin-left: 200px; */
    }
    #avatar_requirement {
        font-size: 0.9em;
        font-weight: normal;
    }
    .profile_stats {
        padding-bottom: 20px;
    }
    .stat, .stat:visited {
        color: white;
        display: block;
        float: left;
        font: 14px/14px arial,sans-serif;
        margin: 0 10px 0 0;
        text-align: center;
        width: 116px; /* 95 if 6 items */
    }
    .stat:hover { text-decoration: none; cursor: default;}
    .stat_num {
        padding: 10px 0;
        width: 116px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px; 
    }
    .red { background-color: #D77A7D;}
    .blue { background-color: #7abad7;}
    .purple { background-color: #C47AD7;}
    .green { background-color: #8CD77A;}
    .orange { background-color: #ffb265;}
    .brown { background-color: #D7B57A;}
    .red { background-color: #a62706;}
    .stat_num var {
        display: block;
        font: bold 34px/34px arial,sans-serif;
        letter-spacing: -2px;
        margin: 0 0 -2px;
    }
    .profile_info {
        background-color: whiteSmoke;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px; 
        padding-bottom: 10px;
    }
    .profile_bio {
        padding: 10px 10px 0 10px;
        font-size: 1em;
    }
    .profile_sep {
        border-bottom: 1px solid #222;
        padding: 5px 0;
    }
    .profile_label {
        font-weight: bold;
    }
    .profile_label_large {
        font-size: 1.4em;
    }
    .profile_data {
        color: #222;
        padding: 10px;
        font-size: 1em;
    }
    .profile_data li {
        width: 50%;
        display: inline;
        float: left;
        color: #222;
        line-height: 1.8em;
    }
    .edit {
        font-size: 0.9em;
        font-weight: normal;
    }
    .edit_block {
        display: none;
    }
    .edit_buttons {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .grow {
        overflow: hidden !important;
        height: 78px;
    }
    /** Markdown styling **/
    .markup {
    }
    .markup ul, .markup ol {
        padding-left: 20px;
    }
    .markup ul li {
        list-style: disc;
    }
    .markup ol li {
        list-style-type: decimal;
    }
    .markup h1 {
        padding-bottom: 2px;
        font-size: 2.0em;
        margin-bottom: 1em;
        margin-top: 10px;    
    }
    .markup h2 {
        padding-bottom: 2px;
        font-size: 1.8em;
        margin-bottom: 1em;
        margin-top: 10px;    
    }
    .markup h3 {
        padding-bottom: 2px;
        font-size: 1.6em;
        margin-bottom: 1em;
        margin-top: 10px;  
    }
    .markup h4 {
        padding-bottom: 2px;
        font-size: 1.4em;
        margin-bottom: 1em;
        margin-top: 10px;  
    }
    .markup h5 {
        padding-bottom: 2px;
        font-size: 1.2em;
        margin-bottom: 1em;
        margin-top: 10px;  
    }
    .markup h6 {
        padding-bottom: 2px;
        font-size: 1.1em;
        margin-bottom: 1em;
        margin-top: 10px; 
    }
    .markup pre {
        border:1px dashed #333333;
        margin-left: 10px;
        padding-left: 10px;
    }
    .markup pre code {
        padding: 0;
        white-space: pre-wrap; /* css-3 */
        white-space: -moz-pre-wrap !important;
        white-space: -pre-wrap; /* Opera 4-6 */
        white-space: -o-pre-wrap; /* Opera 7 */
        word-wrap: break-word; /* Internet Explorer 5.5+ */     
    }
    .markup code {
        font-family: "Courier New",Courier,monospace;
    }
    .markup table td, .markup table th {
        padding: 3px 5px;
    }
    .markup th, .markup td {
        border: 1px solid #444444;
        padding: 2px 3px;
    }
    .markup th {
        background-color: #999999;
        color: #FFFFFF;
        font-weight: 400;
    }
    .markup th {
        font-weight: 700;
        text-align: left;
    }
    .markup pre, .markup code {
        margin: 5px 5px;
    }
    .markup p {
        margin: 0 0 2em 0;
    }
    .markup ul, ol {
        margin-bottom: 1.5em;
    }
    .markup blockquote {
        margin-left: 35px;
    }
    .markup blockquote p {
        margin-bottom: 5px;
    }
    /** end Markdown styling **/

    .well {
        background-color: #F5F5F5;
        border: 1px solid rgba(0, 0, 0, 0.05);
        border-radius: 4px 4px 4px 4px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
        margin-bottom: 20px;
        min-height: 20px;
        padding: 8px 0;
    }
    /* End Profile */
    
    .waiting {
        font-size: 0.9em;
        font-weight: bold;
        padding-left: 10px;
    }
    
    /* Verification Score */
    .verification {
        width: 100px;
        margin: 0 auto;
    }   
    .verified_container {
        width: 100%;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 20px;
    }
    .verify_score {
        /* background-image: -moz-linear-gradient(-53deg, rgba(255, 255, 255, 0.2) 50%, transparent 50%); */
        border-radius: 6px 6px 6px 6px;
        color: #ffffff;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase;
        padding: 10px 0;
    }
    .verify_percent {
        display: block;
        font-size: 1.4em;
        font-weight: 700;
        text-align: center;
    }
    .verify_success {
        display: block;
        font-size: 0.825em;
        font-weight: 400;
        text-align: center;
    }
    .verify_count {
        color: #a1a0a0;
        font-family: arial,helvetica,sans-serif;
        font-size: 1em;
        text-align: center;
    }
    .verify_result {
        margin: 4px 8px;
        text-align: left;
    }
    /* End Verification Score */
    
    .remove, .cancel {
        font-size: 0.9em;
    }

    /** not in bootstrap */ 
    .label-default {
        background-color:#bfbfbf;
    }
    
    /** legal */
    .legal > div.header > h2 {
        display: inline;
        font-size: 2.5em;
    }
    .last_updated {
        font-size: 0.9em;
        font-style: italic;
    }
    .legal ul, .legal ol {
        padding-left: 20px;
    }
    .legal ul li {
        list-style: disc;
    }
    /** end legal */

img.avatar_small
{
    max-width: 48px;
    max-height: 48px;
}

/** Comments */
.comments_section {
    font-size: 0.9em;
    margin-top: 40px;
}
.comments_section h2 {
    border-bottom: 1px solid #919699;
    padding-bottom: 2px;
    font-size: 1.3em;
    margin-bottom: 1em;
    margin-top: 10px;    
}
.comments_actions {
    padding-top: 12px;
}
.comments_actions p {
    margin:0;
}
.comments_actions button, .comment_reply button {
    margin-top: 5px;
}
.top_level {
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 0;
    margin-top: 5px;
    padding-left: 0;
}
.comments_section :target::before {
  content: "";
  display: block;
  height: 80px;
  margin: -80px 0 0;
  visibility: hidden; 
}
.comment {
    border-top: 1px solid #DDDDDD;
    clear: left;
    font-size: 1em;
    margin: 0;
    padding: 20px 20px 0 60px;
}
.comment_avatar {
    margin-left: -48px;
    float: left;
    width: 48px;
}
.comment .date {
    color: #666666;
    float: right;
    margin: 0;
    padding: 0 0 0 30px;
}
.comment_header {
    padding-left: 20px;
    padding-bottom: 6px;
}
.comment_body {
    padding-left: 20px;
    width: 100%;
}
.comment_header h4 { margin: 0; display: inline; }
.comment_actions {
    margin-top: 10px;
    padding-right: 20px;
    padding-left: 4px;
    font-size: 1em;
}
.comment_actions > li { display: inline; }
.comment_action_reply { float: left; }
.comment_action_like { float: right; }
ol.comment_threads li.comment_thread
{
    list-style-type: none;  
    min-height: 70px;
}
.comment_reply {
    margin-left: 80px;
    padding: 15px 0;
}
.comment_reply_post {
    margin-left: 80px;
}
.comment_thread > ul {
    margin: 0;
}
.comment_thread > ul .comment_reply {
    margin-left: 160px;
}
.comment_controls {
    padding-bottom: 6px;
}
/** Comments on reviews/verifications */
.comment_feedback ol.comment_threads {
    margin-bottom: 10px;
}
.comment_feedback ol.comment_threads li.comment_thread {
    margin-left: 20px;
}
.comment_feedback .comment_threads > .comment_thread .comment {
    border-top: 1px solid #DDDDDD;
    padding: 10px 0 0 60px;
}
.review_list.comment_feedback .comment_threads > li.comment_thread:first-child > .comment {
    border-top: none;
}
.comment_feedback .comment_thread .comment {
    padding: 20px 0 0 60px;
}
.comment_feedback .comment_thread .comment .comment_threads li.comment_thread {
    padding: 4px 0 4px 20px
}
.comment_feedback .comment_thread .comment .comment_header p.date {
    font-size: 0.8em;
    border-bottom: none;
    clear: none;
    padding-bottom: 0;
}
.comment_feedback .comment_thread .comment p.comment_avatar {
    border-bottom: none;
    clear: none;
    padding-bottom: 0;
}
.comment_feedback .comment_thread .comment .comment_header span.author > a {
    color: #3496C4;
    font-size: 0.8em;
    font-weight: bold;
    text-shadow: -1px 0 0 rgba(227, 227, 227, 0), 1px 0 0 rgba(227, 227, 227, 0);
}
.verified_list.comment_feedback .comment_threads.top_level {
    margin-top: 20px;
}
.verified_list.comment_feedback .comment_threads.top_level li.comment_thread {
    margin-left: 40px;
}
.verified_list ol.comment_threads li.comment_thread {
}
/** end Comments */
/** General */
.landing_header {
    border-bottom: 1px solid #E0E0E0;
    margin-bottom: 25px;
    padding: 10px 10px 10px 20px;
}
.landing_body, .general_text {
    background-color: #ffffff; 
    padding: 10px 10px 10px 20px;

    font-family: Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size-adjust: none;
    color: #3C3C3C;
    line-height: 1.5em;
}
.landing_body ul {
    margin-left: 18px;
}
.landing_body ul > li {
    margin-left: 30px;
    list-style: disc;
}
.landing_body ul > li > p {
    margin-left: 20px;
}
.landing_body ol > li {
    margin-left: 30px;
}
.landing_body ol > li > p {
    margin-left: 20px;
}
#conversations-table { table-layout:fixed; }
#conversations-table td {
    overflow: hidden;
    white-space: nowrap;
}
img.shadow {
    box-shadow: 0 0.2em 0.6em 0 #999999;
}
#star_text_value {
    margin-bottom: 4px;
}
.rating_value {
    font-size: 1em;
    font-weight: bold;
    font-style: italic;
}
.blog-ad {
    margin: 10px 0 10px 10px;
    max-width: 100%;
}
/** end General */

/* Media queries
---------------------------------------- */

/* The media queries included in here are only placeholder. Modify them as your content requires */
/* 
Special formatting to be applied to small devices only. 
This is a last resort if can't do with min-width. Address in future.
*/
@media screen and (max-width: 767px) {
    .addon_list {
        padding: 0 !important;
    }
    .item_price {
        font-size: 1.0em;
    }
    .item_name {
        padding: 0;
    }
    .item_name > .addon_link {
        padding: 0 4px;
    }
    .search_tags {
        display: none;
    }
    .search_price {
        float: none;
    }
    .item_review_container {
        float: none;
    }
    .profile_left {
    /**
        float: none;
        width: 100%;
    */
    }
    .profile_detail {
    /**
        float: none;
        padding-left: 0;
        width: 100%;
     */
    }
    .profile_info {
        width: 100%;
    }
    .panel {
        padding: 10px 0 0;
    }
}