/*
    | Grids Stylesheet(12grid)
    | Date Created:  05-01-2012
    | Stylesheet:    dd-mempages.css
    | Technology: XHTML/CSS-CSS3.0/PYTHON
    | Version:   1.0.1
    | Last Updated: 08-03-2014
    Handcrafted for OmniaVX SYSTEMS.
    Handcrafted by Ramit Arora

    */
/*
@INDEX
   1.BROWSER RESET
   2.TOOLKIT
   3.LAYOUT
   4.HEADINGS
   5.LINKS918
   6.COMMON ELEMENTS
   7.NAVIGATIONS
   8.BUTTONS
   9.LOGINPAGE
   10.NOTIFICATIONS
   11.FORMS
   12.FORM DEFAULT
   13.FOOTER
   14.TABLES
   */
/*-------------------------------------------------------------------------
@BROWSER RESET
-------------------------------------------------------------------------*/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset, input, textarea {
    margin: 0;
    padding: 0
}
input, textarea, object {
    outline: none
}
ol, ul {
    list-style: none
}
table {
    border-collapse: separate;
    border-spacing: 0
}
caption, th, td {
    text-align: left;
    font-weight: normal
}
button, a img, fieldset, input, textarea {
    border: 0
}
textarea {
    overflow: auto
}
address {
    font-style: normal
}
cite {
    font-style: normal
}
abbr, acronym {
    border-bottom: 1px dotted;
    cursor: help
}
/*-------------------------------------------------------------------------
@TOOLKIT
-------------------------------------------------------------------------*/
p {
    border: 0
}
/* a{
color:#a40000;
text-decoration:none}
 */
a {
    text-decoration: none;

}
td a {
    color: blue
}
table a{
    color: blue
}
table a:hover{
    text-decoration: none;
}
.botbar .link {
    color: #fff;
    text-decoration: none
}
.botbar a{
    color: #ccc;;
}
.botbar a:hover{
    text-decoration: underline;
    color: #fff

}
.botbar b{font-size: inherit;}
.link {
    color: #0000ff;
}
.smallfont {
    font-size: 8px
}
.bigfont {
    font-size: 18px;
    font-weight: bold
}
.rightfloat {
    float: right
}
.hello_member {
    color: #fff;
    text-decoration: none
}
.leftfloat {
    float: left
}
.Textcenter{
    text-align: center
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.paragraph a h2:hover {
    color: #333;
    text-decoration: none !important
}
.centered {
    margin: 0 auto !important
}
.bordered {
    border: 1px solid #000
}
.dividerline {
    width: 100%;
    border-top: 1px solid #999;
    border-bottom: 1px solid #fff;
    margin: 10px auto
}
.hidden-div {
    display: none;
    margin-top: 20px;
    margin-left: 37px;
    text-align: justify;
    width: 94%
}
.hidden-divcol {
    display: none;
    margin-top: 2px;
    margin-left: 20px !important;
    text-align: justify;
    width: 94%
}
.noborder {
    border: none !important;
    border-bottom: none !important;
    border-top: none !important
}
.purpletext {
    color: purple !important
}
.bluetext {
    color: blue !important
}
.greentext {
    color: green !important
}
.redtext {
    color: red !important
}
.blacktext {
    color: black !important
}
.dark {
    color: #747474;
    font-weight: bold
}
.green {
    color: #a40000
}
.darkest {
    color: #3A3939;
    font-size: 19px;
    font-weight: bold;
    text-shadow: 0px 0.5px 0px #ccc;
}
.full_width{width: 100% !important}
.darkestwhite {
    color: #f9f9f9;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 0px 0.5px 0px #000;
    text-align: center
}
.shadowleft {
    background: url("../images/shadowleft.png") no-repeat left top
}
.scroll-y {
    overflow: scroll;
    overflow-x: hidden;
    height: 200px
}
.border {
    width: 100%;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    margin: 10px auto
}
.fontnormal {
    font-weight: normal
}
.underline {
    text-decoration: underline !important
}
.margin20 {
    margin-left: 20px
}
.colorred {
    color: #a40000;
    font-weight: 600;
}
.link {
    text-decoration: none
}
span.link {
    text-decoration: underline;
    color: #a40000
}
.link:hover {
    text-decoration: underline
}
textarea {
    font-family: Consolas, Arial, Helvetica, sans-serif
}
.hidden {
    display: none
}
.noMargin {
    margin: 0 !important
}
.margin_right_ten {
    margin-right: 10px
}
.half_width {
    width: 49%;
    margin-right: 2%;
    display: inline-block;
    vertical-align: top
}
.half_width:last-child {
    margin-right: 0
}
.inline-b{display: inline-block;
vertical-align: top;
}
span.inline-b{vertical-align:middle;}
/*------------
-------------------------------------------------------------
@LAYOUT
-------------------------------------------------------------------------*/
body {
    background: #2d2d2d;
    color: #333;
    font-size: 11px;
    height: auto;
    padding-bottom: 20px;
    font-family: Arial, sans-serif;
}
.dd_container {
    margin-bottom: 20px;
}
#header{ background: #eee url(../images/14.png) repeat;padding-bottom: 20px;}
#content > .dd_container,#header > .dd_container{margin-bottom: 0}
.innercontainer {
    /*  width: 940px;*/
    margin: 0 auto;
    min-height: 300px;
background: #F6F6F6;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
     -moz-box-shadow: 0 0px 2px #333;
     box-shadow: 0 0px 2px #333;
     -webkit-box-shadow: 0 0px 2px #333;
}

.coinbg.dd_container{ -moz-box-shadow: 0 0px 2px #333;
    background: #ffffff;

    box-shadow: 0 0px 2px #333;}
.topbar {

    height: 35px;
    width: 100%;

}
#content{ background: #eee url(../images/14.png) repeat;}
#topbarwrap {
    margin: 0 auto;
    width: 960px;
    position: relative;
    height: 33px;
}
.botbar {


    overflow: hidden;
    border-top: 2px solid #fff;
}
.innercontainer .coinbg {
    background: url(../images/gold-coin.png) no-repeat right 75px;
}
/* .innercontainer .coinbg .input_group{ float:none !important;}
 */ #contentarea .paragraph {
    padding: 10px;
    text-align: left !important;
    font-size: 12px;
    line-height: 19px;
    text-shadow: 0px 1px 0px #ECECEC;
    min-height: 28px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
}

#contentarea #loginarea #loginhead, #contentarea #loginarea {
/* border-radius:5px;
-webkit-border-radius:5px; */
}
#contentarea #loginarea, #contentarea #loginhead {
    border-radius: 0;
    box-shadow: none
}
.textcenter {
    text-align: center
}
.textleft{text-align: left !important;}
#contentarea #loginhead h3.textcenter {
    line-height: 70px
}
.half_pagecontent {
    margin: 20px auto;
    width: 50%;
}
.half_pagecontent .button {
    height: 44px !important
}
#contentarea {
    position: relative;
    height: auto;
    min-height: 300px;
}
/*-------------------------------------------------------------------------
@HEADINGS
-------------------------------------------------------------------------*/
.mediumheading {
    font-weight: 400;
    font-size: 15.5px;
    color: #747474;
    padding: 3px 2px;
    width: auto;
    line-height: 14px
}
.smallheading {
    font-size: 11.5px;
    width: auto;
    line-height: 17px
}
.largeheading {
    margin: 0;
    padding: 0;
    font-size: 14px;
    width: auto;
    line-height: 30px;
    color: #747474;
    padding-left: 20px;
    text-shadow: none;
}
.headerheading {
    display: block;
    padding: 3px auto;
    height: 50px;
    text-align: center;
    color: #666;
    text-shadow: 0px 1px 0px #fff;
    line-height: 50px;
    font-size: 23px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f1f1f1), color-stop(51%, #e1e1e1), color-stop(100%, #f6f6f6));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 );
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 100%
}
.headerheading_vxr {
    display: block;
    padding: 3px auto;
    /*  height:50px;
 */ text-align: center;
    line-height: 45px;
    font-size: 23px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f1f1f1), color-stop(51%, #e1e1e1), color-stop(100%, #f6f6f6));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 );
    border-bottom: 1px solid #ccc;
    width: 100%;
    border-top: 1px solid #ccc;
}
.tabheading {
    display: block;
    padding: 5px 10px;
    height: 20px;
    text-align: center;
    color: #666;
    text-shadow: 0px 1px 0px #fff;
    line-height: 22px;
    font-size: 15px;
    width: 320px;
    text-shadow: 0px -1px 0px #fff;
}
/*-------------------------------------------------------------------------
@LINKS
-------------------------------------------------------------------------*/

a {
    outline: none
}
a:hover {
    text-decoration: none;
}
b {
    font-size: 13px;
}
/*-------------------------------------------------------------------------
@COMMON ELEMENTS (for full site)
-------------------------------------------------------------------------*/
.width_80px{
    width: 80px
}
.width_100px{
    width: 100px
}
.width_25{
    width: 22%;
    margin: 0 2%;
    display: inline-block !important;
    vertical-align: top; box-sizing: border-box;
        -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box
}
.width_15{
    width: 13%;
    margin: 0 2%;
    display: inline-block !important;
    vertical-align: top; box-sizing: border-box;
        -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box
}
#usercontrol {
    float: right;
    text-align: right;
    margin-right: 2px;
}
#usercontrol .newmessage {
    width: 30px;
    height: 35px;
    display: block;
    background: url(../images/mail.png) center no-repeat;
    float: right;
    text-align: center;
}
#usercontrol .newmessage:hover {
    background: #a40000 url(../images/mail.png) center no-repeat
}
#usercontrol .newmessage.active {
    background: #a40000 url(../images/mail.png) center no-repeat !important
}
#usercontrol .newmessage .notificationyes {
    background: #a40000;
    position: absolute;
    margin-top: 5px;
    margin-left: 10px;
    line-height: 13px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 2px;
    font-size: 9px;
    text-shadow: 0px 1px 0px #000
}
#usercontrol .newmessage.active .notificationyes {
    background: #fff;
    color: #a40000;
    text-shadow: none
}
#usercontrol .newmessage .notificationno {
    display: none
}
#usercontrol .useroptions {
    line-height: 35px;
    display: inline-block;
}
#usercontrol .useroptions:hover {
}
#usercontrol .useroptions.active {
}
#iconclickdetail1 ul {
    margin-bottom: 5px;
}
#iconclickdetail1:before{content: "";

border-top:8px solid transparent;
border-left:8px solid transparent;
border-right:8px solid transparent;
border-bottom:8px solid #2d2d2d;
position: absolute;
right: 0;
top: -16px;;}
#iconclickdetail1 ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    height: 30px;
    line-height: 20px;
    background: #f9f9f9;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #999;
}
#iconclickdetail1 ul li a {
    color: #a40000;
    font-weight: 600;
    display: block;
    padding: 5px 10px;
}

#iconclickdetail1 ul li span{ color: #333;
    display: block;
    padding: 3px 10px;
    text-align: center;
    line-height: 12px;}

#iconclickdetail1 ul li span b{display: block}

#iconclickdetail1 ul li:hover {
    background: #eee;
}
#iconclickdetail1 ul li:hover a {
    text-decoration: underline
}
.marg {
    margin-bottom: 20px !important
}
#iconclickdetail2 {
    display: none;
    position: absolute;
    float: right;
    width: 240px;
    min-height: 200px;
    max-height: 350px;
    background: #fff;
    margin-top: 50px;
    margin-left: 700px !important;
    -webkit-box-shadow: 0 1px 2px #666;
    -moz-box-shadow: 0 1px 2px #666;
    box-shadow: 0 1px 2px #666;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    z-index: 2001
}
#iconclickdetail1 {
    display: none;
    position: absolute;
    width: 140px;
    min-height: 50px;
    max-height: 200px;
    background: #2d2d2d;
    -moz-box-shadow: 0px 1px 2px #666;
    -moz-border-radius: 9px;
    z-index: 100;
    right: 0;
    top: 46px;
    box-shadow: 0px 1px 1px #666;
    -webkit-box-shadow: 0px 1px 1px #666;
}
.headingpopup {
    background: #2d2d2d;
    width: 100%;
    -moz-border-radius: 9px 9px 0 0;
    text-align: center;
    line-height: 28px;
    color: #fff;
}
.arrow {
    height: 11px;
    width: 18px;
    background: url(../images/arrow.png) no-repeat top center;
    position: absolute;
    top: -11px;
    right: 5px
}
.messagespop {
    height: auto
}
.messagespop a {
    height: 60px;
    border-bottom: 1px solid #999;
    border-top: 1px solid #fff;
    display: block;
    width: 100%;
    padding-top: 5px
}
.messagespop a:last-child {
    border-bottom: none
}
.messagepopname {
    color: #a40000;
    padding: 0px 11px;
    width: 250px;
 margin-top:5px
}
.messagepopsubject {
    color: #222;
    padding: 0px 11px;
    line-height: 14px
}
.messagepopdate {
    font-style: italic;
    color: #999;
    font-size: 10px;
    padding: 0px 11px
}
.messagespop a:hover .messagepopname {
    text-decoration: underline
}
.img_slider_example_content {
    background: url(../images/slider/coffee.jpg);
}
.img_slider_example_content h1 {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    margin-top: 180px;
    color: #222;
    line-height: 50px;
}
.img_slider_example_content h3 {
    text-align: center;
    font-size: 22px;
    color: #222;
}
.img_slider_member_home_content {
    background: url(../images/slider/labor01.jpg);
}
.img_slider_myomniavx_content {
    background: url(../images/slider/labor04.jpg);
}
.img_slider_trading_content {
    background: url(../images/slider/labor07.jpg);
}
.img_slider_vxr_vhist_content {
    background: url(../images/slider/labor10.jpg);
}
.img_slider_browse_dir_content {
    background: url(../images/slider/labor13.jpg);
}
#threeone {
    height: 260px;
    margin-left: 20px !important;
}
#threeonehead {
    height: 45px;
    background: #f6f8f9;
    background: -moz-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f8f9), color-stop(50%, #e5ebee), color-stop(51%, #d7dee3), color-stop(100%, #f5f7f9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    background: -o-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    background: -ms-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    background: linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9', GradientType=0 );
    -webkit-border-radius: 9px 9px 0 0;
    -moz-border-radius: 9px 9px 0 0;
    border-radius: 9px 9px 0 0;
    border: 1px solid #aaa;
    border-bottom: 1px solid #999;
    text-align: center;
    line-height: 40px;
    color: #666;
    text-shadow: 0px 1px 1px #fff;
    position: relative
}
#threeone ul {
    background: #eee;
    max-height: 261px;
    overflow: auto;
    overflow-x: hidden
}
#threeone ul li {
    text-align: left
}
#threeone ul li p {
    font-size: 10px
}
#threeonehead h3 {
    font-size: 18px;
    line-height: 40px;
    color: #666;
    text-shadow: 0px 1px 1px #fff;
}
#threeonehead img {
    position: absolute;
    text-align: left;
    float: left;
    top: 0px;
    left: 0px
}
/* Ramit Original for Reference
    .side_bar{
        background:#828282 url(../images/10.png);
        padding: 0 15px;
        position:absolute
        }
        .verti.side_bar{
            top:0;
            right:0;
            width:250px;
            height:100%;
            box-shadow:3px 0px 5px #333 inset;
            -webkit-box-shadow:3px 0px 5px #333 inset}
            .side_bar .buttons_{
                margin:20px 0}
            .side_bar .buttons_ a{
                width:253px;
                margin-bottom:15px;
                height:35px;
                line-height:35px;
                color:#333;
                border-radius:5px;
                -webkit-border-radius:5px;
                display:block;
                text-align:center;
                background: url(../images/glass.png) repeat-x 0 50%;
                background-color:#bbb;
                border:1px solid #333;
                font-size:1.4em;
                position:relative;
                text-shadow:0px 1px 0px #ddd}
                .side_bar .buttons_ a:hover{background-color:#E0E0E0}
    .side_bar .buttons_ a:active{
        top:0.5px}
    .side_bar .controller_logo{
        width:250px;
        height:40px;
        background:#ddd url(../images/10.png);
        box-shadow:0px 0px 5px #000 inset;
        -webkit-box-shadow:0px 0px 5px #000 inset;
        text-align:center;
        margin:15px 0;
        padding:10px 0}
            .side_bar .controller_logo{}
            .side_bar p{
                font-size:1.2em;
                font-weight:bold;
                margin-bottom:5px;
                color:#fff}
                .side_bar ul{
                    font-size:1em}
                .side_bar ul li{
                    margin-left:30px;
                    list-style:disc;
                    color:#fff;
                     font-size: 1.1em;
    font-weight: bold;}

    */
.side_bar {
    background: #828282 url(../images/10.png);
    padding: 0 15px;
    position: absolute
}
.verti.side_bar {
    top: 0;
    right: 0;
    width: 400px;
    height: 100%;
    box-shadow: 3px 0px 5px #333 inset;
    -webkit-box-shadow: 3px 0px 5px #333 inset
}
.horiz.side_bar {
    bottom: 0;
    width: 100%;
    padding: 0
}
.side_bar .buttons_ {
    margin: 20px 0;
    overflow: hidden
}
.side_bar .buttons_ a {
    width: 398px;
    margin-bottom: 15px;
    height: 35px;
    line-height: 35px;
    color: #333;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    display: block;
    text-align: center;
    background: url(../images/glass.png) repeat-x 0 50%;
    background-color: #bbb;
    border: 1px solid #333;
    font-size: 1.2em;
    position: relative;
    text-shadow: 0px 1px 0px #ddd
}
.side_bar .buttons_ a:hover {
    background-color: #E0E0E0
}
.side_bar .buttons_ a:active {
    top: 0.5px
}
.side_bar .controller_logo {
    width: 400px;
    height: auto;
    background: #ddd url(../images/10.png);
    box-shadow: 0px 0px 5px #000 inset;
    -webkit-box-shadow: 0px 0px 5px #000 inset;
    text-align: center;
    margin: 15px 0;
    padding: 15px 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}
.side_bar .controller_logo {
}
.side_bar p {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 5px;
    color: #fff
}
.side_bar ul {
    font-size: 1em
}
.side_bar ul li {
    margin-left: 30px;
    list-style: disc;
    color: #fff;
    font-size: 1.1em;
    font-weight: bold;
}
.horiz.side_bar div.buttons_ {
    margin: 10px;
    margin-bottom: 0;
    width: 50%;
    float: left;
    margin-right: 0
}
.side_bar .rightfloat {
    text-align: center;
    width: 440px;
    height: 114px;
    background: #fff;
}
.horiz.side_bar div.buttons_ a {
    float: left;
    width: 440px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    font-size: 1.1em;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px
}
.horiz.side_bar .controller_logo {
    width: 440px;
    float: right;
    margin: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: auto;
    margin: 10px;
    padding: 15px 10px;
}
.horiz.side_bar .controller_logo img {
    width: 300px;
    height: auto
}
/*-------------------------------------------------------------------------
@NAVIGATIONS   (lavalamp)
-------------------------------------------------------------------------*/
.statusbar {
    width: 100%;
    height: 35px;
}
.logobar {
    width: 100%;
    overflow: hidden;
}
.logobar img {
    position: relative;
    z-index: 11
}
#fadead {
    width: 300px;
    height: 115px;
    background: url(../images/load.gif) no-repeat center center;
    margin-top: 15px;
    margin-right: 25px
}
.navbar {
    /*  background: url("../images/menu-bg.png") no-repeat top center;*/
    /* margin-top:10px; */
    background: #DADADA;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
  /*  -moz-box-shadow: 0px 1px 1px #aaa inset, 0px -0.5px 1px #aaa inset;
    -webkit-box-shadow: 0px 1px 1px #aaa inset, 0px -0.5px 1px #aaa inset;
    box-shadow: 0px 1px 1px #aaa inset, 0px -0.5px 1px #aaa inset;*/
    overflow: hidden
}
.navbar .dd_container {
    margin-bottom: 0px;
}
.dd_container.header {
    margin-bottom: 10px
}
#logo {
    float: left;
    margin-left: 15px;/* margin-top:-35px*/
    ;
    width: 30%;
    text-align: center
}
#logo img {
    width: 98%;
    height: auto
}
#other_logos {
    float: right;
    width: 58%;
    height: 80px;
    padding:10px;
    margin-top: 20px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
background: #e1e1e1; border: 1px solid #999
}
#other_logos a {
    display: inline-block;
    vertical-align: top;
    margin: 0 0px;
    position: relative;
    bottom: -20px;
    opacity: 1
}
#other_logos a:hover{opacity: 0.8}
#other_logos a img {

}
#other_logos a.active {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    display: inline-block;
   width: 273px;
   bottom: 0;
   margin: 0 13px;
}

#other_logos a.active img{
width:100%;
}
#other_logos a.active:hover{opacity: 1}
#other_logos a.active img {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
}
.lavaLamp {
    height: 37px;
    width: auto;
    float: left;
    padding: 0px auto 10px auto;
    overflow: hidden;
    margin: 2px 0 0;
}
.lavaLamp li {
    float: left;
    margin-left: 0;
    list-style: none;
    margin-top: 5px;
}
.lavaLamp a.back {
    z-index: 8;
    background: -o-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    background: -moz-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    background: -ms-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9', GradientType=0 );
    -moz-border-radius: 5px;
    border: 1px solid #999;
    -webkit-box-shadow: 0px 1px 1px #666;
    -moz-box-shadow: 0px 1px 1px #666;
    box-shadow: 0px 1px 0px #999;
    background-color: #e6e8ea;
    margin-left: -1px;
    margin-top: 5px;
    position: absolute;
    height: 22px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
.lavaLamp li a {
    font: 13.5px arial;
    text-decoration: none;
    color: #444;
    outline: none;
    text-align: center;
    letter-spacing: 0;
    z-index: 10;
    display: inline-block;
    float: left;
    overflow: hidden;
    margin: auto 6px;
    line-height: 14px;
    position: relative;
    text-shadow: 0px 1px 0px #fff;
    padding: 5px;
}
.lavaLamp li a:hover, .lavaLamp li a:active, .lavaLamp li a:visited {
    border: none;
}
.leftpartition {
    line-height: 22px;
    float: left;
    padding-top: 6px;
    height: 18px;
    margin-top: 10px;
    margin-left: 25px;
    padding-right: 2px;
}
.lavaLamp li a.current {
    color: #a40000 !important;
    font-weight: bold;
}
.lavaLamp li {
    border-left: 1px solid #fff;
    border-right: 1px solid #aaa;
}
.lavaLamp li:first-child {
    border-left: 0 !important;
}
.lavaLamp li:last-child {
    border-right: 0 !important
}
.homeglyph {
    margin-left: 0;
    padding-left: 0;
    width: 25px;
    height: 30px;
    z-index: 8;
    padding: 0px 8px;
    list-style: none;
    margin-top: -9px;
    margin-right: 0px;
    background: url(../images/home.png) no-repeat;
    cursor: pointer;
    float: left;
}
.navbar .rightpartition a {
    display: inline-block;
    float: right;
    width: 35px;
    height: 33px;
    background: url(../images/dirbut.png) no-repeat center center;
    cursor: pointer
}
.navbar .rightpartition a:hover{opacity: 0.8}
.navbar .rightpartition{margin-top: 2px;overflow: hidden;}
/*-------------------------------------------------------------------------
@BUTTONS
-------------------------------------------------------------------------*/
.mainbutton {
    display: block;
    cursor: pointer;
    height: 30px;
    width: 95px;
    padding: 3px 20px;
    font-size: 17px;
    text-align: center;
    color: #5c5c5c;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f3f3f3), color-stop(51%, #ededed), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
    background: linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #ccc;
    border-top: 1px solid #666;
    text-shadow: 1px 1px 1px #ccc;
    -moz-box-shadow: 0 1px 2px #333;
    -webkit-box-shadow: 0 1px 2px #333;
    box-shadow: 0 1px 2px #333;
}
.mainbutton:hover {
    text-decoration: none;
    background: #f2f2f2;
    background: -moz-linear-gradient(top, #f2f2f2 0%, #f3f3f3 50%, #e5e5e5 51%, #f4f4f4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(50%, #f3f3f3), color-stop(51%, #e5e5e5), color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient(top, #f2f2f2 0%, #f3f3f3 50%, #e5e5e5 51%, #f4f4f4 100%);
    background: -o-linear-gradient(top, #f2f2f2 0%, #f3f3f3 50%, #e5e5e5 51%, #f4f4f4 100%);
    background: -ms-linear-gradient(top, #f2f2f2 0%, #f3f3f3 50%, #e5e5e5 51%, #f4f4f4 100%);
    background: linear-gradient(top, #f2f2f2 0%, #f3f3f3 50%, #e5e5e5 51%, #f4f4f4 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f4f4f4', GradientType=0 );
}
.mainbutton:active {
    -moz-box-shadow: 0 2px 3px #333;
    -webkit-box-shadow: 0 2px 3px #333;
}
.biggestbutton {
    border: none;
    font-size: 14px;
    height: 30px;
    width: 95px;
    padding: 3px 20px;
    font-family: Helvetica, Arial, sans-serif;
    color: #666;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border-top: 1px solid #777;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #999;
    background: #fcfcfc;
}
.biggestbutton:hover {
    text-shadow: none;
    text-decoration: none;
    background: #efefef;
    background: -moz-linear-gradient(top, #efefef 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #efefef 0%, #ffffff 100%);
    background: -o-linear-gradient(top, #efefef 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, #efefef 0%, #ffffff 100%);
    background: linear-gradient(top, #efefef 0%, #ffffff 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff', GradientType=0 );
    -webkit-box-shadow: 1px 1px 0px #DAD9CF;
    -moz-box-shadow: 1px 1px 0px #DAD9CF;
    box-shadow: 1px 1px 0px #DAD9CF;
    border: 1px solid #999;
}
.biggestbutton:active {
    margin-top: 1px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #efefef));
    background: -webkit-linear-gradient(top, #ffffff 0%, #efefef 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #efefef 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #efefef 100%);
    background: linear-gradient(top, #ffffff 0%, #efefef 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef', GradientType=0 );
    -webkit-box-shadow: 0px 0px 1px #DAD9CF;
    -moz-box-shadow: 0px 0px 1px #DAD9CF;
    box-shadow: 0px 0px 1px #DAD9CF;
}
.textlogin {
    font-size: 13px;
    color: #ccc;
    text-transform: uppercase;
    line-height: 30px
}
.loginbuttonn {
    width: auto;
    padding: 2px 10px;
    cursor: pointer;
    height: 30px;
    background: #4d565d;
    background: -moz-linear-gradient(top, #4d565d 0%, #475059 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d565d), color-stop(100%, #475059));
    background: -webkit-linear-gradient(top, #4d565d 0%, #475059 100%);
    background: -o-linear-gradient(top, #4d565d 0%, #475059 100%);
    background: -ms-linear-gradient(top, #4d565d 0%, #475059 100%);
    background: linear-gradient(top, #4d565d 0%, #475059 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d565d', endColorstr='#475059', GradientType=0 );
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border-top: 1px solid #f9f9f9;
    -webkit-box-shadow: inset 0px 0.5px 0px #ccc;
    -moz-box-shadow: inset 0px 0.5px 0px #ccc;
    box-shadow: inset 0px 0.5px 0px #ccc;
    border: 2px solid #333;
    color: #fff;
}
.loginbuttonn1 {
    width: auto;
    padding: 2px 10px;
    cursor: pointer;
    height: 30px;
    background: #4d565d;
    background: -moz-linear-gradient(top, #4d565d 0%, #475059 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d565d), color-stop(100%, #475059));
    background: -webkit-linear-gradient(top, #4d565d 0%, #475059 100%);
    background: -o-linear-gradient(top, #4d565d 0%, #475059 100%);
    background: -ms-linear-gradient(top, #4d565d 0%, #475059 100%);
    background: linear-gradient(top, #4d565d 0%, #475059 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d565d', endColorstr='#475059', GradientType=0 );
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border-top: 1px solid #f9f9f9;
    -webkit-box-shadow: inset 0px 0.5px 0px #ccc;
    -moz-box-shadow: inset 0px 0.5px 0px #ccc;
    box-shadow: inset 0px 0.5px 0px #ccc;
    border: 2px solid #333
}
.loginbuttonn:hover {
    background: #434a51;
    background: -moz-linear-gradient(top, #434a51 0%, #404a56 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #434a51), color-stop(100%, #404a56));
    background: -webkit-linear-gradient(top, #434a51 0%, #404a56 100%);
    background: -o-linear-gradient(top, #434a51 0%, #404a56 100%);
    background: -ms-linear-gradient(top, #434a51 0%, #404a56 100%);
    background: linear-gradient(top, #434a51 0%, #404a56 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434a51', endColorstr='#404a56', GradientType=0 );
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border-top: 1px solid #f9f9f9;
    -webkit-box-shadow: inset 0px 0.5px 0px #999;
    -moz-box-shadow: inset 0px 0.5px 0px #999;
    box-shadow: inset 0px 0.5px 0px #999;
    border: 2px solid #000
}
.loginbuttonn:active {
    background: #4d565d;
    background: -moz-linear-gradient(top, #4d565d 0%, #475059 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d565d), color-stop(100%, #475059));
    background: -webkit-linear-gradient(top, #4d565d 0%, #475059 100%);
    background: -o-linear-gradient(top, #4d565d 0%, #475059 100%);
    background: -ms-linear-gradient(top, #4d565d 0%, #475059 100%);
    background: linear-gradient(top, #4d565d 0%, #475059 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d565d', endColorstr='#475059', GradientType=0 );
    margin-top: 0.5px
}
.standardbutton {
    width: 80px !important;
    padding: 2px 1px;
    cursor: pointer;
    height: 23px;
    background: #4d565d;
    background: -moz-linear-gradient(top, #4d565d 0%, #475059 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d565d), color-stop(100%, #475059));
    background: -webkit-linear-gradient(top, #4d565d 0%, #475059 100%);
    background: -o-linear-gradient(top, #4d565d 0%, #475059 100%);
    background: -ms-linear-gradient(top, #4d565d 0%, #475059 100%);
    background: linear-gradient(top, #4d565d 0%, #475059 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d565d', endColorstr='#475059', GradientType=0 );
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border-top: 1px solid #f9f9f9;
    -webkit-box-shadow: inset 0px 0.5px 0px #ccc;
    -moz-box-shadow: inset 0px 0.5px 0px #ccc;
    box-shadow: inset 0px 0.5px 0px #ccc;
    border: 1px solid #333;
    text-align: center;
    color: #fff;
    text-shadow: 0px -1px 0px #000;
    font-weight: 600;
    margin: 0px 12px;
    margin-top: -5px;
    display: block
}
.standardbutton:hover {
    background: #434a51;
    background: -moz-linear-gradient(top, #434a51 0%, #404a56 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #434a51), color-stop(100%, #404a56));
    background: -webkit-linear-gradient(top, #434a51 0%, #404a56 100%);
    background: -o-linear-gradient(top, #434a51 0%, #404a56 100%);
    background: -ms-linear-gradient(top, #434a51 0%, #404a56 100%);
    background: linear-gradient(top, #434a51 0%, #404a56 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434a51', endColorstr='#404a56', GradientType=0 );
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border-top: 1px solid #f9f9f9;
    -webkit-box-shadow: inset 0px 0.5px 0px #999, 0px 3px 0px #999;
    -moz-box-shadow: inset 0px 0.5px 0px #999, 0px 3px 0px #999;
    box-shadow: inset 0px 0.5px 0px #999, 0px 3px 0px #999;
    border: 1px solid #000;
}
.standardbutton:active {
    background: #4d565d;
    background: -moz-linear-gradient(top, #4d565d 0%, #475059 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d565d), color-stop(100%, #475059));
    background: -webkit-linear-gradient(top, #4d565d 0%, #475059 100%);
    background: -o-linear-gradient(top, #4d565d 0%, #475059 100%);
    background: -ms-linear-gradient(top, #4d565d 0%, #475059 100%);
    background: linear-gradient(top, #4d565d 0%, #475059 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d565d', endColorstr='#475059', GradientType=0 );
    margin-top: 1px;
    -webkit-box-shadow: inset 0px 0.5px 0px #ccc;
    -moz-box-shadow: inset 0px 0.5px 0px #ccc;
    box-shadow: inset 0px 0.5px 0px #ccc;
    margin-top: -4px
}
.fullfield {
    width: 240px
}
.logowelcome {
    height: 200px
}
.sizefive {
    width: 38px !important;
    color: #333 !important;
    margin: 0px 2px
}
.hint {
    color: #999;
    font-size: 12px;
    text-align: center;
    font-weight: 400;
    margin-bottom: 10px
}
#serialforms label {
    margin-right: 10px
}
.button {
    padding: 0px 15px;
    height: 45px;
    display: inline-block;
    text-transform: Capitalize;

    vertical-align: top;
    margin: 5px;
    border:1px solid #616261;-webkit-box-shadow: #B4B5B5 0px 1px 0px inset;-moz-box-shadow: #B4B5B5 0px 1px 0px inset; box-shadow: #B4B5B5 0px 1px 0px inset; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-family: helvetica, sans-serif; text-decoration:none;text-shadow: -1px -1px 0 #ACADAC#ACADAC;font-weight:bold; color: #FFFFFF;
 background-color: #7d7e7d; background-image: -webkit-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e));
 background-image: -webkit-linear-gradient(top, #7d7e7d, #0e0e0e);
 background-image: -moz-linear-gradient(top, #7d7e7d, #0e0e0e);
 background-image: -ms-linear-gradient(top, #7d7e7d, #0e0e0e);
 background-image: -o-linear-gradient(top, #7d7e7d, #0e0e0e);
 background-image: linear-gradient(to bottom, #7d7e7d, #0e0e0e);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7d7e7d, endColorstr=#0e0e0e);
 transition:all 0.3s ease 0s;
 -webkit-transition:all 0.3s ease 0s;
 -moz-transition:all 0.3s ease 0s;
}
.button:hover {
   border:1px solid #4a4b4a;
 background-color: #646464; background-image: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#282828));
 background-image: -webkit-linear-gradient(top, #646464, #282828);
 background-image: -moz-linear-gradient(top, #646464, #282828);
 background-image: -ms-linear-gradient(top, #646464, #282828);
 background-image: -o-linear-gradient(top, #646464, #282828);
 background-image: linear-gradient(to bottom, #646464, #282828);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#646464, endColorstr=#282828);
}
.button:active {
    -webkit-box-shadow: inset 0px 0px 2px #222;
    -moz-box-shadow: inset 0px 0px 2px #222;
    box-shadow: inset 0px 0px 2px #333;

}
.button.correct{
 background-image: -webkit-gradient(linear, left top, left bottom, from(#A9DB80), to(#96C56F));
 background-image: -webkit-linear-gradient(top, #A9DB80, #96C56F);
 background-image: -moz-linear-gradient(top, #A9DB80, #96C56F);
 background-image: -ms-linear-gradient(top, #A9DB80, #96C56F);
 background-image: -o-linear-gradient(top, #A9DB80, #96C56F);
 background-image: linear-gradient(to bottom, #A9DB80, #96C56F);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#A9DB80, endColorstr=#96C56F);box-shadow:0px 1px 0px #777,0px 1px 0px #eee inset;text-shadow:0px 1px 0px #777;}

 .button.correct:hover{border:1px solid #8ed058; background-color: #8ED058;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#8ED058), to(#7BB64B));
 background-image: -webkit-linear-gradient(top, #8ED058, #7BB64B);
 background-image: -moz-linear-gradient(top, #8ED058, #7BB64B);
 background-image: -ms-linear-gradient(top, #8ED058, #7BB64B);
 background-image: -o-linear-gradient(top, #8ED058, #7BB64B);
 background-image: linear-gradient(to bottom, #8ED058, #7BB64B);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8ED058, endColorstr=#7BB64B);}
/*-------------------------------------------------------------------------
@LOGIN PAGE
-------------------------------------------------------------------------*/
#loginwrap {
    margin-bottom: 15px
}
#loginarea {
    margin: 0 auto;
    height: auto;
    border-top: 1px solid #EBEDED;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 4px #666;
    -moz-box-shadow: 0px 2px 4px #666;
    box-shadow: 0px 2px 4px #666;
    padding-bottom: 10px;
}
#loginhead {
    height: 75px;
    background: #8b9ab7;
    background: -moz-linear-gradient(top, #8b9ab7 0%, #65688e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8b9ab7), color-stop(100%, #65688e));
    background: -webkit-linear-gradient(top, #8b9ab7 0%, #65688e 100%);
    background: -o-linear-gradient(top, #8b9ab7 0%, #65688e 100%);
    background: -ms-linear-gradient(top, #8b9ab7 0%, #65688e 100%);
    background: linear-gradient(top, #8b9ab7 0%, #65688e 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b9ab7', endColorstr='#65688e', GradientType=0 );
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #999;
    line-height: 8px;
    width: 100%;
}
/*-------------------------------------------------------------------------
@MEMBER UPGRADE
-------------------------------------------------------------------------*/
form.memupgrade {
    padding-bottom: 0 !important;
}
form.memupgrade .inputgroup {
    border-bottom: 1px solid #777;
    border-left: 2px solid #a40000;
    padding-left: 15px;
    border-top: 1px solid #fff
}
form.memupgrade .inputgroup:hover {
    background: #f3f3f3
}
form.memupgrade .inputgroup input[type="radio"] {
    margin: 5px;
    float: left;
    margin-top: 12px;
}
form.memupgrade label span {
    color: #a40000
}
form.memupgrade input[type="checkbox"] {
    margin-top: 13px;
    margin-right: 10px
}
form.memupgrade label {
    height: 28px;
    text-transform: capitalize;
    padding-bottom: 0;
    padding-top: 10px;
    display: block;
    float: left;
    width: 90%;
    font-size: 1.5em
}
form.memupgrade input[type="text"] {
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
    font-weight: normal !important;
    color: #999 !important;
    height: 48px !important;
 /*   width: 100% !important;*/
}
#newform.memupgrade.autotab  input[type="text"]{padding: 2px 0;
text-align: center}
form.memupgrade .error {
    color: #A40000;
    display: block;
    font-size: 1.3em;
    padding: 5px 0;;
   /* text-align: center*/
}
#newform .phoneformat{
/*    width: 315px;*/
    margin:30px auto;
    text-align:center;
}
#newform .phoneformat  span{

display: inline-block;
vertical-align: sub;
font-size: 40px;
}

#newform .phoneformat input[type="text"]{


line-height: 40px;
text-align: center;padding: 0!important;width: auto!important;margin: 0 5px;display: inline-block;

}
#newform .phoneformat input[size="4"]{
    padding: 0 12px !important
}
#newform .phoneformat #phnnumber2{
    margin-left: 15px
}
.memupgrade input[type="text"]:focus {
    color: #333 !important
}
form.memupgrade select {
    border: none;
    width: 100%;
    height: 48px;
    padding: 10px;
    font-size: 1.7em;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #ddd;
}
form.memupgrade textarea {
    width: 96.5%;
    padding: 2px 15px;
    border: 1.5px solid #CDD0D2;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    resize: none;
}
form.memupgrade h2 {
    text-align: center
}

form.memupgrade label b {
    display: block;
    font-weight: normal;
    font-style: italic
}
form.memupgrade .button.rightfloat {
    width: 170px;
    height: 47px;
    font-size: 1.7em;
    margin-top: 1em
}
form#newform.autotab {
    width: 43%;
    margin: 50px auto
}
form#newform.autotab.memupgrade{text-align: center;}
form#newform.autotab input[type="submit"].button {
    margin: 0;
    height: 43px;
    margin-left: 10px;
}
form#newform.autotab b.leftfloat {
    padding: 0 10px;
    line-height: 40px;
    font-size: 1.8em;
    float: none;
    vertical-align: top;
    display: inline-block;
}
form.memupgrade input[type="password"] {
    width: 96% !important
}
/*-------------------------------------------------------------------------
@NOTIFICATION
-------------------------------------------------------------------------*/

.nicenoti {
    background: #fff url(../images/01.png) repeat;
    padding: 10px;
    min-height: 50px;
    line-height: 50px;
    border: 1px solid #aaa;
    border-top: 1px solid #666;
    box-shadow: 0px 0px 2px #fff, inset 0px 0px 8px #999;
    margin-top: 10px
}
.nicenoti label {
    font-weight: bold;
    font-size: 1.1em;
    line-height: 25px
}
/*-------------------------------------------------------------------------
@FORMS
-------------------------------------------------------------------------*/
#newform {
    padding-bottom: 15px;
    min-height: 70px;
    margin: 10px 1em;
}
#newform2 {
    min-height: 10px;
    margin: 0px auto;
    padding: 0px 10px
}
.pickfrom {
    font-size: 14px;
    color: #A40000;
    padding-left: 10px;
    padding-bottom: 5px;
}
#newform2 label {
    font-size: 1.4em
}
.pickfrom:hover {
    text-decoration: underline
}
#newform [type=text] {
    border: 0;
    height: 39px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1.5px solid #CDD0D2;
    padding: 2px 15px ;
    font-size: 18px;
    -webkit-box-shadow: 0px 1px 0px #fff;
    -moz-box-shadow: 0px 1px 0px #fff;
    box-shadow: 0px 1px 0px #fff;
    color: #666;
    text-shadow: 0px 1px 0px #fff;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#contentarea .my_profilewrap.appemail  [type=text]{
    width:93%;

}
form.memupgrade input.readonly{
    display: inline-block;
    height: 30px !important;
    margin: 10px;
    line-height: 20px !important;
    font-size: 10px;
    border:none;
    background:none;
    max-width:75px !important;

}
#newform2 [type=text] {
    border: 0;
    width: 50%;
    height: 45px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1.5px solid #CDD0D2;
    padding: 0px 10px;
    line-height: 45px;
    font-size: 18px;
    -webkit-box-shadow: 0px 1px 0px #fff;
    -moz-box-shadow: 0px 1px 0px #fff;
    box-shadow: 0px 1px 0px #fff;
    color: #666;
    text-shadow: 0px 1px 0px #fff;
}
#newform2 [type=password] {
    border: 0;
    width: 49%;
    margin-right: 20px;
    margin-left: 20px;
    height: 45px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1.5px solid #CDD0D2;
    padding: 2px 15px;
    line-height: 10px;
    font-size: 18px;
    -webkit-box-shadow: 0px 1px 0px #fff;
    -moz-box-shadow: 0px 1px 0px #fff;
    box-shadow: 0px 1px 0px #fff;
    color: #666;
    text-shadow: 0px 1px 0px #fff
}
#newform .one_third {
    width: 32.6% !important;
    margin-right: 1%;
    float: left
}
form#newform .one_third.last {
    margin-right: 0
}
form#newform .smallest_two {
    width: 30px !important;
    float: left;
}
form#newform .smallest_seven {
    width: 75px !important;
    float: left;
}
form#newform .smallest_three {
    width: 45px !important;
    float: left
}
form#newform .smallest_four {
    width: 60px !important;
    float: left
}
#newform [type=password] {
    width: 82%;
    margin-right: 20px;
    height: 45px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1.5px solid #CDD0D2;
    padding: 2px 15px;
    line-height: 10px;
    font-size: 18px;
    -webkit-box-shadow: 0px 1px 0px #fff;
    -moz-box-shadow: 0px 1px 0px #fff;
    box-shadow: 0px 1px 0px #fff;
    color: #666;
    text-shadow: 0px 1px 0px #fff
}
#newform2 [type=radio] {
    margin-right: 10px
}
#newform label {
    cursor: pointer
}
#newform_old {
    width: 91%;
    padding: 15px;
    border: 1px solid #fff;
    min-height: 100px;
    margin: 0px 1px;
    margin-top: 20px
}
#newform_old [type=text] {
    border: 0;
    width: 91%;
    height: 45px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1.5px solid #CDD0D2;
    padding: 2px 15px;
    line-height: 10px;
    font-size: 18px;
    -webkit-box-shadow: 0px 1px 0px #fff;
    -moz-box-shadow: 0px 1px 0px #fff;
    box-shadow: 0px 1px 0px #fff;
    color: #666;
    text-shadow: 0px 1px 0px #fff
}
/*-------------------------------------------------------------------------
@FORM DEFAULT
-------------------------------------------------------------------------*/
#formdefault {
    padding-left: 28px;
    text-align: left;
    text-shadow: 0px 0px 0.5px #f9f9f9
}
.textfield {
    border: 1px solid #c4c8cc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    height: 20px;
    color: #ccc;
    font-size: 11px;
    padding-left: 10px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 50%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f7f7f7));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 50%);
    background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 50%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 50%);
    background: linear-gradient(top, #ffffff 0%, #f7f7f7 50%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0 );
}
.textfield:hover {
    border: 1px solid #bcc0c5;
    -webkit-box-shadow: 0 1px 0px rgba(0,0,0,.15);
    -moz-box-shadow : 0 1px 0px rgba(0,0,0,.15);
    -o-box-shadow : 0 1px 0px rgba(0,0,0,.15);
    box-shadow : 0 1px 0px rgba(0,0,0,.15);
    background: #f3f3f3;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f1f1f1), color-stop(0.7, #fff));
    background: -webkit-linear-gradient(center bottom, #f1f1f1 0%, #fff 70%);
    background: -moz-linear-gradient(center bottom, #f1f1f1 0%, #fff 70%);

    background: -ms-linear-gradient(top, #f7f7f7 0%, #fff 70%);
}
.textfield:focus {
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e4e4e4), color-stop(0.7, #eeeeee));
    background-image: -webkit-linear-gradient(center bottom, #e4e4e4 0%, #eeeeee 70%);
    background-image: -moz-linear-gradient(center bottom, #e4e4e4 0%, #eeeeee 70%);
    background-image: -o-linear-gradient(bottom, #e4e4e4 0%, #eeeeee 70%);
    background-image: -ms-linear-gradient(top, #e4e4e4 0%, #eeeeee 70%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#eeeeee', GradientType=0 );
    background-image: linear-gradient(top, #e4e4e4 0%, #eeeeee 70%);
    -webkit-box-shadow: 0 1px 0px rgba(0,0,0,.20);
    -moz-box-shadow : 0 1px 0px rgba(0,0,0,.20);
    -o-box-shadow : 0 1px 0px rgba(0,0,0,.20);
    box-shadow : 0 1px 0px rgba(0,0,0,.20);
    color: #535353
}
.textarea {
    border: 1px solid #c4c8cc;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 0.9em;
    color: #535353;
    padding-left: 10px;
    padding-top: 5px;
    float: left;
    text-align: left;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 50%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f7f7f7));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 50%);
    background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 50%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 50%);
    background: linear-gradient(top, #ffffff 0%, #f7f7f7 50%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0 );
    resize: none;
    font-size: 10px;
    color: #ccc
}
.textarea:hover {
    border: 1px solid #bcc0c5;
    -webkit-box-shadow: 0 1px 0px rgba(0,0,0,.15);
    -moz-box-shadow : 0 1px 0px rgba(0,0,0,.15);
    -o-box-shadow : 0 1px 0px rgba(0,0,0,.15);
    box-shadow : 0 1px 0px rgba(0,0,0,.15);
    background-color: #f1f1f1;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f1f1f1), color-stop(0.7, #fff));
    background-image: -webkit-linear-gradient(center bottom, #f1f1f1 0%, #fff 70%);
    background-image: -moz-linear-gradient(center bottom, #f1f1f1 0%, #fff 70%);

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#fff', GradientType=0 );
    background-image: linear-gradient(top, #f1f1f1 0%, #fff 70%);
}
.textarea:focus {
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e4e4e4), color-stop(0.7, #eeeeee));
    background-image: -webkit-linear-gradient(center bottom, #e4e4e4 0%, #eeeeee 70%);
    background-image: -moz-linear-gradient(center bottom, #e4e4e4 0%, #eeeeee 70%);
    background-image: -o-linear-gradient(bottom, #e4e4e4 0%, #eeeeee 70%);
    background-image: -ms-linear-gradient(top, #e4e4e4 0%, #eeeeee 70%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#eeeeee', GradientType=0 );
    background-image: linear-gradient(top, #e4e4e4 0%, #eeeeee 70%);
    -webkit-box-shadow: 0 1px 0px rgba(0,0,0,.20);
    -moz-box-shadow : 0 1px 0px rgba(0,0,0,.20);
    -o-box-shadow : 0 1px 0px rgba(0,0,0,.20);
    box-shadow : 0 1px 0px rgba(0,0,0,.20);
    color: #535353
}
#contentlist {
    color: #000;
    text-shadow: none;
    list-style: none;
    line-height: 23px;
    margin-bottom: 0
}
#contentlist ul {
    margin-bottom: 0
}
.copyrights {
    color: #aaa;
    text-shadow: 0px 1px 1px #333;
    margin: 10px auto;
    font-size: 0.9em;
}
#info {
    width: 250px;
    padding-bottom: .5em;
    overflow: hidden;
    position: absolute;
    margin-top: 50px;
    height: 200px;
    margin-left: -130px;
    border-top: 1px solid #fff;
    color: #fff;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(69,72,77,0.18) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(69,72,77,1)), color-stop(100%, rgba(69,72,77,0.18)));
    background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(69,72,77,0.18) 100%);
    background: -o-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(69,72,77,0.18) 100%);
    background: -ms-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(69,72,77,0.18) 100%);
    background: linear-gradient(top, rgba(69,72,77,1) 0%, rgba(69,72,77,0.18) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#2e45484d', GradientType=0 );
    -webkit-box-shadow: 1px 1px 1px 0px #999;
    -moz-box-shadow: 1px 1px 1px 0px #999;
    box-shadow: 1px 1px 1px 0px #999;
    opacity: 0.7
}
#info p {
    margin-left: 0px;
    margin-top: 50px;
    margin-top: 0;
    padding: 0 0 0 2em;
}
#control-bar {
    background-color: #DCECBE;
    border-radius: 5px 5px 5px 5px;
    margin: 8px;
    padding: 6px 8px;
    height: 26px;
    position: relative;
}
#control-bar .prevnext {
    line-height: 25px
}
#control-bar .prevnext a {
    color: blue !important;
    font-weight: 600;
    font-size: 11px
}
.input_group {
    float: left;
}
.input_group input[type="radio"] {
    margin: 5px
}
.input_group input[type="submit"] {
    margin: 10px
}
.label_group {
    padding: 5px 0
}
.label_group label {
    font-size: 1.5em;
    padding: 0 5px
}
.label_group input {
    float: left;
    margin-top: 3px;
}
/*-------------------------------------------------------------------------
@FOOTER
-------------------------------------------------------------------------*/
.socialicons {
    list-style: none;
    overflow: hidden;
    border: 0;
}
.socialicons a {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
      height: 30px;
    width: 26px;
}
.socialicons li {

    background: url("../images/spritesheet.png") no-repeat;
        display: inline-block;
    vertical-align: top;
    margin:0  4px
}
li.facebook:hover {
    background-position: 0px -30px;
}
li.facebook {
    background-position: 0px 1px;
}
li.twitter:hover {
    background-position: -28px -30px;
    width: 26px;
}
li.twitter {
    background-position: -28px 1px;
}
li.delicious:hover {
    background-position: -79px -30px;
    width: 26px;
}
li.delicious {
    background-position: -79px 1px;
}
li.linkedin:hover {
    background-position: -53px -30px;
    width: 26px;
}
li.linkedin {
    background-position: -53px 1px;
}
li.youtube:hover {
    background-position: -105px -29px;
    width: 26px;
}
li.youtube {
    background-position: -105px 2px;
}
.footerlinks li{display:inline-block;margin-right:10px;}
.ebay {
    margin: 10px auto;
    display: block;
    height: 47px;
    width: 48px;
    background: url("../images/spritesheet.png") no-repeat;
    float: right;
    margin-left: 8px;
    background-position: -151px 0px;
}
.ebay:hover {
    background-position: -151px -47px;
}
#ticker {
    margin: 0;
    padding: 0;
    background: #f9f9f9;
    height: 100%;
    overflow: hidden;
    list-style: none;
    height: 210px
}
#ticker li {
    padding: 4px 12px;
    margin: 0;
    height: 42px;
    color: #5f524d;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    background-color: #ccc;
    -webkit-box-shadow: inset 0px 0px 2px #000;
    -moz-box-shadow: inset 0px 0px 2px #000;
    box-shadow: inset 0px 0px 2px #000;
    margin-bottom: 3px
}
#ticker li:hover {
    background-color: #999;
    color: #fff !important
}
#ticker li:hover a {
    color: #453731 !important
}
#ticker li:first-child {
    padding-top: 5px;
}
#ticker li a {
    color: #fff;
    font-size: 15px
}
#ticker li a:hover {
    color: #000;
    text-decoration: none;
}
/*-------------------------------------------------------------------------
@TABLES
-------------------------------------------------------------------------*/
table.pricingTableContent tr td, table.pricingTableContent tr th {
    padding: 10px 0;
    text-align: center;
    vertical-align: middle;
    width: 238px;
    border-right: 1px solid #e2e7eb;
}
table.pricingTableContent th {
    color: #F9F9F9;
    font-size: 1.5em;
    font-weight: bold;
    text-shadow: 0 1px 0 #333333;
}
table.pricingTableContent tr th.first {
    width: 14%
}
table.pricingTableContent tr th.datecol {
    width: 18%
}
table.pricingTableContent tr th.longcol {
    width: 45%
}
table.pricingTableContent tr.altRow td {
    background-color: #ccc;
    color: #fff
}
table.asset_table tr td {
    padding: 10px;
    vertical-align: middle;
    width: 100px;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    border-left: none;
    color: #77808a;
    text-align: center
}
table.asset_table tr td .loginbuttonn {

    border: 1px solid #333333;
    border-radius: 3px;
    -webkit-border-radius: 3px
}
table tr td .loginbuttonn { color: #fff;}
table.asset_table {
    width: 100%
}
table.asset_table tr.altRow td {
    background-color: #fff;
}
#contentarea table tr:nth-child(odd) {
    background-color: #e9e9e9
}
#contentarea table tr.tableheading {
    border-bottom: 1px solid #ccc;
    border: 1px solid #000;
    background: #666 url(../images/glass.png) 0 50%;
    color: #fff
}
tr.tableheading td {
    color: #fff !important
}
#contentarea table tr.tableheading td {
    border-left: 1px solid #fff;
    border-right: 1px solid #333;
    font-size: 1.1em
}
#contentarea table tr.tableheading td:first-child {
    border-left: none
}
#contentarea table tr.tableheading td:last-child {
    border-right: none
}
.whitespace {
    height: 10px;
    background: #fff
}
.clientblock .clienttitle {
    height: 45px;
    cursor: pointer
}
.clientblock .clienttitle .clientname {
    float: left;
    font-weight: 600;
    color: #333;
    font-size: 14px;
    margin: 2px 5px;
    padding-left: 7px;
    height: 35px;
    width: 180px
}
.read {
    font-weight: 500 !important
}
.clientblock .clienttitle .clientmess {
    width: auto;
}
.clientblock .clienttitle .clientdetails {
    width: 60%;
    margin-left: 50px;
    height: 40px
}
.clientblock .clienttitle .clientsubject {
    font-size: 15px;
    font-weight: 600;
    color: blue;
    margin-bottom: 5px
}
.clientblock .clienttitle .clientdate {
    float: right;
    line-height: 25px;
    margin-right: 10px;
}
.clientblock {
    margin: 8px;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    margin-top: -8px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    padding-top: 4px
}
.input_group {
    margin-top: 3px
}
.messageblock .messcontent .messbody {
    margin: 0 20px;
    height: 30px;
    padding-top: 6px;
    line-height: 13px;
    padding-bottom: 3px;
    border-top: 1px solid #5c5c5c
}
.messageblock {
    margin: 8px;
    -webkit-box-shadow: 0px -2px 0px #9c9c9c;
    -moz-box-shadow: 0px -2px 0px #9c9c9c;
    box-shadow: 0px -2px 0px #9c9c9c;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -webkit-box-shadow: 0px 0px 2px #000;
    -moz-box-shadow: 0px 0px 2px #000;
    box-shadow: 0px 0px 2px #000;
    background: #ededed;
    margin-top: -8px
}
.messageblock .messtitle .messname {
    float: left;
    font-weight: bold;
    color: #3c3c3c;
    font-size: 13px;
    margin: 2px 5px;
    padding-left: 7px
}
.messageblock .messtitle .messsubject {
    font-size: 12px;
    line-height: 25px;
    float: left;
    font-weight: normal;
    margin-left: 15px;
    color: #b0b0b0
}
.messageblock .messtitle .messdate {
    float: right;
    line-height: 25px;
    margin-right: 10px;
}
.messageblock .messtitle {
    height: 25px;
    cursor: pointer
}
.messageblock .messcontent {
    display: block
}
.control-barbuttons {
    width: auto;
    height: 25px;
    float: left;
    margin: auto 10px
}
.control-barbuttons li, .control-barbuttons li:active {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    border: 1px solid #5c5c5c;
    border-left: 1PX SOLID #FFF;
    padding: 4px 6px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f1f1f1), color-stop(51%, #e1e1e1), color-stop(100%, #f6f6f6));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 );
}
.control-barbuttons li:hover {
    background: #f6f6f6;
    background: -moz-linear-gradient(top, #f6f6f6 0%, #e1e1e1 49%, #f1f1f1 50%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(49%, #e1e1e1), color-stop(50%, #f1f1f1), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #f6f6f6 0%, #e1e1e1 49%, #f1f1f1 50%, #ffffff 100%);
    background: -o-linear-gradient(top, #f6f6f6 0%, #e1e1e1 49%, #f1f1f1 50%, #ffffff 100%);
    background: -ms-linear-gradient(top, #f6f6f6 0%, #e1e1e1 49%, #f1f1f1 50%, #ffffff 100%);
    background: linear-gradient(top, #f6f6f6 0%, #e1e1e1 49%, #f1f1f1 50%, #ffffff 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=0 );
}
.control-barbuttons li:active {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f1f1f1), color-stop(51%, #e1e1e1), color-stop(100%, #f6f6f6));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 );
}
.control-barbuttons li a {
    color: #5c5c5c;
    display: block;
}
.control-barbuttons li:first-child {
    border-left: 1px solid #5c5c5c;
    -webkit-border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    border-radius: 3px 0px 0px 3px;
}
.control-barbuttons li:last-child {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}
.specificboxwrap {
    padding: 0;
    margin: 0 auto !important;
    width: 570px;
    height: auto;
    background: url(../images/shadslice.png) no-repeat center;
    background-size: 100% 100%;
    margin-top: -12px !important;
    margin-left: -100px !important;
}
.specificbox {
    margin: 0px 38px;
    height: auto;
    padding: 5px;
    border-bottom: 1px solid #ccc;
    background: #eeeeee;
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
    background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: linear-gradient(top, #eeeeee 0%, #cccccc 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0 );
    -webkit-box-shadow: 0px 2px 4px #666;
    -moz-box-shadow: 0px 2px 4px #666;
    box-shadow: 0px 2px 4px #666;
    border-top: 1px solid #ddd;
    overflow: hidden;
}
.specificboxline1 {
    width: 95%;
    margin-bottom: 12px !important;
    text-align: left;
    color: #666;
    font-size: 15px;
    font-weight: 600;
    text-shadow: 0px -1px 0px #fff;
    padding-left: 12px;
}
.specificboxline2 {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 3px !important;
    color: #666;
    padding-left: 12px;
    text-shadow: 0px -1px 0px #fff
}
.specificboxline3 {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 3px !important;
    color: #666;
    text-shadow: 0px -1px 0px #fff;
}
.specificboxline3 ul li {
    margin-left: 38px !important;
    padding-left: 0 !important;
    font-style: italic
}
.specificbox  p{
    text-align: center;
    font-size: 16px;
}
.specificbox big{
    padding: 5px;
    display: inline-block;
    color: green;}
.errorbox {
    width: 90%;
    margin: 30px auto;
    margin-top: 60px;
    padding: 10px 5px;
    background: url(../images/01.png);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 0 4px;
    -webkit-box-shadow: 0 0 4px;
}
.errorbox h3 {
    text-align: left;
    font-size: 2.5em;
    color: #B43535;
    text-shadow: 0px -1px 0px #fff;
    line-height: 50px
}
.errorbox h3.smalltext {
    font-size: 1.5em;
    line-height: 30px
}
.errorbox h3.mediumtext {
    font-size: 2.2em;
    line-height: 32px;
}
.errorbox.wronguser_pass .errorimage {
    background: url(../images/wronguser.png) no-repeat center;
}
.errorbox.successful .errorimage {
    background: url(../images/tick.png) no-repeat center;
}
.errorbox.nochargecode .errorimage {
    background: url(../images/nocharge.png) no-repeat center;
}
.errorbox.warning .errorimage {
    background: url(../images/error.png) no-repeat center;
}
.errorbox .errorimage {
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 1em
}
.errorbox a.link{text-decoration: underline;
font-size: 1.1em;}
#contentarea .errorbox .actualerror {
    float: left;
    width: 86%
}
/* ..#contentarea .errorbox .button {
 */
#contentarea .errorbox .button {

}
#contentarea .errorbox .button:hover {
    background: #555
}
.errorbox2 {
    width: 750px;
    padding: 5px;
}
.errorbox2 img {
    float: left
}
.directorylist {
    margin: 0 auto;
    height: auto;
    background: #DDF1F8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ccc;
    -webkit-box-shadow: 2px 2px 1px #ccc;
    -moz-box-shadow: 2px 2px 1px #ccc;
    box-shadow: 2px 2px 1px #ccc;
    padding-top: 15px;
    margin: 14.5px
}
.directorylist ul {
    list-style: none
}
.directorylist ul li {
    width: auto;
    min-width: 70px;
    background: url(../images/folder.png) no-repeat left center;
    height: 50px;
    padding-left: 55px;
    float: left;
    color: #5c5c5c;
    font-size: 14px;
    line-height: 40px;
    text-shadow: 0px 1px 0px #fff;
    font-weight: 600;
    margin-right: 35px;
    margin-bottom: 20px;
    margin-top: 5px;
    border: 1px solid #C9ECF8;
    padding-right: 10px
}
.directorylist ul li:hover {
    background: #F3F7F8 url(../images/folderhover.png) no-repeat left center;
    color: #333;
    text-shadow: 0px 1px 0px #fff;
    border: 1px solid #fff
}
#specialoffers {
    width: 182px;
    padding: 11px;
    height: 120px;
    background: rgb(255,255,255);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.1) 0%, rgba(101,0,5,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,0.1)), color-stop(100%, rgba(101,0,5,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.1) 0%, rgba(101,0,5,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.1) 0%, rgba(101,0,5,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.1) 0%, rgba(101,0,5,1) 100%);
    background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.1) 0%, rgba(101,0,5,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#650005', GradientType=1 );
    -moz-box-shadow: inset 0px 0px 8px #6f0000;
    box-shadow: inset 0px 0px 8px #6f0000;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
    color: #000;
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 2px solid #a40000
}
.specialcontainer {
    -webkit-box-shadow: 0px 1px 2px #666;
    -moz-box-shadow: 0px 1px 2px #666;
    box-shadow: 0px 1px 2px #666;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    width: 300px;
    height: 400px
}
.specialcontainer .header {
    height: 30px;
    background: #ccc;
    width: 100%;
    -webkit-border-radius: 9px 9px 0 0;
    -moz-border-radius: 9px 9px 0 0;
    border-radius: 9px 9px 0 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #666;
    line-height: 28px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    text-shadow: 0px -0.5px 0px #fff;
}
#private-cer {
    width: 672px;
    height: 407.8px;
    border: 1.4px solid #999;
    background: #ececec;
    margin: 0 auto;
    overflow: hidden;
    padding: 10px;
    -webkit-border-radius: 37.8px;
    -moz-border-radius: 37.8px;
    border-radius: 37.8px;
    text-align: center;
    padding-bottom: 15px;
    -webkit-box-shadow: 0px 1px 5px #ccc;
    -moz-box-shadow: 0px 1px 5px #ccc;
    box-shadow: 0px 1px 5px #ccc;
}
#private-cer .cert-headings {
    font-size: 24px;
    color: #3c3c3c;
    text-shadow: 0px -1px 0px #fff;
    text-align: center;
    margin-top: 10px
}
.certsubheading {
    font-size: 16px;
}
.expirationdate {
    text-align: right !important;
    font-size: 15px;
}
.certcodes {
    margin: 0 auto;
    width: 500px;
    background: #e1e1e1;
    line-height: 20px;
    padding: 8px;
    border: 1px solid #999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.certcodes h3 {
    text-align: left !important
}
.certterms {
    list-style: none;
    text-align: left;
    font-size: 12px;
}
.subcaption {

    color: #666;
    text-shadow: 0px 1px 0px #fff;
    line-height: 22px;
    font-size: 14px;

    text-shadow: 0px -1px 0px #fff;

    text-align: left;

    margin: 0 auto;    max-width: 90%;    height: 20px;



}
h4.subcaption  .underline.dd_box_2{
    display: inline-block;
}
.requesting {
    background: url(../images/requestoffer.png) no-repeat bottom left;
        padding: 5px 0px 0;
     padding-left: 28px;    margin: 5px auto 0;    max-width: 95%;
}
.offering {
    background: url(../images/requestoffer.png) no-repeat top left;
        padding: 5px 2px;
   padding-left: 28px;    margin: 15px auto 0;    max-width: 95%;
}
.subcaption span.fontnormal{
    display: block;
    width: 100%;
    line-height: 20px;
    padding: 5px 0;
}
.sel {
    margin: 0;
    padding: 0;
    border: 1px solid #c4c8cc;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    font-family: Helvetica, Arial, sans-serif;
    color: #ccc;
    padding-left: 15px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 50%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f7f7f7));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 50%);
    background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 50%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 50%);
    background: linear-gradient(top, #ffffff 0%, #f7f7f7 50%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0 );
    color: #333;
    text-shadow: 0px -1px 0px #fff;
    font-size: 14px;
    height: 43px;
    padding: 5px;
    margin-top: 0px
}
.sel:hover {
    border: 1px solid #bcc0c5;
    -webkit-box-shadow: 0 1px 0px rgba(0,0,0,.15);
    -moz-box-shadow : 0 1px 0px rgba(0,0,0,.15);
    -o-box-shadow : 0 1px 0px rgba(0,0,0,.15);
    box-shadow : 0 1px 0px rgba(0,0,0,.15);
    background-color: #f1f1f1;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f1f1f1), color-stop(0.7, #fff));
    background-image: -webkit-linear-gradient(center bottom, #f1f1f1 0%, #fff 70%);
    background-image: -moz-linear-gradient(center bottom, #f1f1f1 0%, #fff 70%);

    background-image: -ms-linear-gradient(top, #f7f7f7 0%, #fff 70%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#fff', GradientType=0 );
    background-image: linear-gradient(top, #f1f1f1 0%, #fff 70%);
}
.sel:focus {
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e4e4e4), color-stop(0.7, #eeeeee));
    background-image: -webkit-linear-gradient(center bottom, #e4e4e4 0%, #eeeeee 70%);
    background-image: -moz-linear-gradient(center bottom, #e4e4e4 0%, #eeeeee 70%);
    background-image: -o-linear-gradient(bottom, #e4e4e4 0%, #eeeeee 70%);
    background-image: -ms-linear-gradient(top, #e4e4e4 0%, #eeeeee 70%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#eeeeee', GradientType=0 );
    background-image: linear-gradient(top, #e4e4e4 0%, #eeeeee 70%);
    -webkit-box-shadow: 0 1px 0px rgba(0,0,0,.20);
    -moz-box-shadow : 0 1px 0px rgba(0,0,0,.20);
    -o-box-shadow : 0 1px 0px rgba(0,0,0,.20);
    box-shadow : 0 1px 0px rgba(0,0,0,.20);
    color: #535353
}
.sel option {
    background-color: #ccc;
    height: 25px;
    border: none;
    outline: none;
    text-shadow: none;
    padding-top: 10px;
    border-top: 1px solid #fff;
    color: #666;
}
.my_profile {
    background: #dedede
}
.my_profilewrap {
    width: 82%;
    margin: 0 auto
}
.my_profilewrap input[type="text"] {
    background: none repeat scroll 0 0 #F2f2f2;
    border: 1px solid #BBBBBB;
    height: 30px;
    width: 300px;
    border-radius: 4px;
    padding: 0 10px;
    color: #666;
    font-size: 16px;
}
.my_profilewrap input[type="text"]:hover {
    background: #f6f6f6
}
.my_profilewrap input[type="text"]:focus {
    background: #fff;
    border-color: #888
}
.pageheading {
    background: -moz-linear-gradient(top, #8b9ab7 0%, #65688e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8b9ab7), color-stop(100%, #65688e));
    background: -webkit-linear-gradient(top, #8b9ab7 0%, #65688e 100%);
    background: -o-linear-gradient(top, #8b9ab7 0%, #65688e 100%);
    background: -ms-linear-gradient(top, #8b9ab7 0%, #65688e 100%);
    background: linear-gradient(top, #8b9ab7 0%, #65688e 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b9ab7', endColorstr='#65688e', GradientType=0 );
    height: 35px;
    border-bottom: 1px solid #333;
    line-height: 35px;
    width: 100%;
    text-align: center;
    color: #111;
    text-shadow: 0px 0.5px 0px #bbb;
    font-size: 1.4em;
    margin-bottom: 10px;
}
.customizedheading{
 background: -moz-linear-gradient(top, #8b9ab7 0%, #65688e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8b9ab7), color-stop(100%, #65688e));
    background: -webkit-linear-gradient(top, #8b9ab7 0%, #65688e 100%);
    background: -o-linear-gradient(top, #8b9ab7 0%, #65688e 100%);
    background: -ms-linear-gradient(top, #8b9ab7 0%, #65688e 100%);
    background: linear-gradient(top, #8b9ab7 0%, #65688e 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b9ab7', endColorstr='#65688e', GradientType=0 );
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    margin-top: 1em;
    padding: 0.5em;
    text-align: center;
}
.customizedheading:first-child{margin-top:0}
.page_heading {
    color: #333333;
    font-size: 1.6em;
    line-height: 70px;
    text-align: center;
    text-shadow: 0 1px 0 #AAAAAA;
}
.page_subheading {
    color: #CCCCCC;
    font-size: 13px;
    line-height: 30px;
    text-align: center
}
.my_profilewrap .row {
    font-size: 14.5px
}
.my_profilewrap fieldset {
    border: 1px solid #fff;
    margin: 5px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    padding-bottom: 5px
}
.my_profilewrap .row select {
    margin-top: 5px;
    width: 320px;
    height: 30px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #bbb
}
.my_profilewrap fieldset legend {
    font-size: 1.1em;
    color: #333;
    margin-left: 20px;
    padding: 0 5px;
    font-weight: bold;
    text-shadow: 0px 0.5px 0px #fff
}
.my_profilewrap .row > label {
    width: 45%;
    float: left;
    text-align: right;
    margin-right: 25px;
    color: #a40000;
    text-shadow: 0 1px 0 #FFFFFF;
    line-height: 30px
}
.my_profilewrap .row > .labelvalue {
    width: 50%;
    font-size: 0.9em;
    line-height: 30px;
    float: left
}
.my_profilewrap .row > .labelvalue label {
    margin-left: 5px;
    font-weight: bold;
    line-height: 25px
}
.my_profilewrap .row > .labelvalue input[type="radio"] {
    vertical-align: middle
}
.special_confirmation h3 {
    padding: 8px 0 5px 35px;
    font-size: 16px;
    background-color: #f1f1f1;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #bbb
}
.special_confirmation span {
    color: #A40000 !important;
    text-shadow: 0 1px 0 #FFFFFF;
    font-weight: bold
}
.special_confirmation h4 {
    font-size: 15px;
    padding: 4px;
    padding-left: 36px;
    color: #666;
    font-weight: normal
}
.special_confirmation strong {
    display: block;
    font-size: 0.7em;
    font-style: italic;
    line-height: 20px
}
.special_confirmation .conf_group {
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    margin-bottom: 10px;
    border: 1px solid #999;
}
.special_confirmation .conf_group2 {
    border: 1px solid #999;
    background-color: #f1f1f1;
    margin-bottom: 10px
}
.special_confirmation .conf_group2 h4 {
    text-align: center
}
h3.conf_group {
    border-radius: 0 !important;
    padding-left: 10px !important
}
.checklabel {
    font-size: 1.2em;
    line-height: 35px;
}
.checklabel input[type="checkbox"] {
    margin-right: 5px;
    margin-top: 11px
}
.conf_group_table {
}
.conf_group_table h3 {
    font-weight: normal;
    padding: 0 5px;
    border: 1px solid #999;
    margin-bottom: 5px;
    border-left: 0;
    border-right: 0;
    line-height: 25px
}
.conf_group_table h3 span {
    color: #A40000;
    display: inline-block;
    font-weight: normal;
    margin-left: 5px;
    background: #CCC;
    padding: 1px 7px
}
.conf_group_table label {
    padding: 5px;
    font-size: 1.2em;
    line-height: 25px
}
.conf_group_table label input[type="checkbox"] {
    float: left;
    margin: 5px
}
label.tool_tip {
    display: inline;
    position: relative;
    width: auto !important;
    padding-right: 15px;
    cursor: default !important
}
.tool_tip b {
    width: 16px;
    position: absolute;
    height: 16px;
    right: 0px;
    cursor: help;
    top: 2px;
    background: url(../images/question_ico.png) no-repeat center
}
.tool_tip b:after {
    background: #111;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    top: -6px;
    color: #fff;
    content: attr(title);
    display: block;
    left: 25px;
    padding: 5px 10px;
    position: absolute;
    font-style: normal;
    z-index: 98;
    min-height: 15px;
    min-width: 350px;
    opacity: 0;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all 0.25s ease-in 0s;
    -moz-transition: all 0.25s ease-in 0s;
    -o-transition: all 0.25s ease-in 0s;
    transition: all 0.25s ease-in 0s;
    pointer-events: none;
    visibility: hidden;
    font-weight: normal;
}
.tool_tip b:after {
    background: #111;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    top: -6px;
    color: #fff;
    content: attr(title);
    display: block;
    left: 23px;
    padding: 5px 10px;
    position: absolute;
    font-style: normal;
    z-index: 98;
    min-height: 15px;
    line-height: 20px;

    opacity: 0;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all 0.25s ease-in 0s;
    -moz-transition: all 0.25s ease-in 0s;
    -o-transition: all 0.25s ease-in 0s;
    transition: all 0.25s ease-in 0s;
    pointer-events: none;
    visibility: hidden
}
.tool_tip b:before {
    opacity: 0;
    border-top: 6px solid transparent;
    border-left: 6px solid transparent;
    border-right: 6px solid #111;
    border-bottom: 6px solid transparent;
    content: "";
    display: block;
    left: 13px;
    position: absolute;
    z-index: 99;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all 0.25s ease-in 0s;
    -moz-transition: all 0.25s ease-in 0s;
    transition: all 0.25s ease-in 0s;
    pointer-events: none;
}
.tool_tip b:hover:before {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
    pointer-events: auto;
    opacity: 1;
    visibility: visible
}
.tool_tip b:hover:after {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
    pointer-events: auto;
    opacity: 1;
    visibility: visible
}
.form_code .error_wrapper {
    float: left;
    text-align: center
}
.form_code .error {
    display: inline;
    color: #a40000;
    text-align: center
}
.form_code .field_box {
    min-width: 50px;
    margin-left: 7px;
    margin-right: 7px;
    display: inline-block
}

.form_code label {
    float: left;
    line-height: 50px
}
.innerheading {
    background: none repeat scroll 0 0 #CCCCCC;
    color: #666666;
    margin: 0 0 10px;
    padding: 10px 0;
    text-align: left;
    text-shadow: 0 0.5px 0 #FFFFFF;
}
.form_code .field_box {
    display: inline-block;
    vertical-align: top
}
.form_code#newform2 .field_box input[type="text"]{
    width: 100%;
  -moz-box-sizing: border-box;
box-sizing: border-box;padding: 0;text-align: center;
}
.form_code b {
      display: inline-block;
    vertical-align: middle;
    line-height: 50px
}
.dd_container .asset_table.special_table {
    width: 90%;
    margin: 0 auto
}
.dd_container .special_table caption {
    text-align: center;
    font-size: 16px;
    padding: 10px 0
}
.dd_container .special_table tr:first-child td {
    font-weight: bold
}
.dd_container .special_table td {
    text-align: left;
    padding-left: 15px;
    font-size: 13px;
}
.dd_container .special_table td span {
    color: #a40000
}
.dd_container .special_table tr.total_row td {
    background: #eee;
    color: #444;
    font-weight: bold;
    font-size: 14px
}
.dd_container .special_table tr td:first-child {
    width: 70%;
    border-left: 1px solid #666;
}
.dd_container .special_table tr td:last-child {
    color: #555;
    font-weight: bold
}
#bid_display {
}
#bid_display .heading {
    background: #DADADA;
    text-align: center;
    color: #555;
    padding: 15px 0;
    border-bottom: 1px solid #999999;
}
#bid_display .heading h2 strong {
    text-decoration: none
}
#bid_display .heading h2 span {
    color: #a40000;
    font-weight: normal;
    text-decoration: underline;
}
#bid_display .heading h3 {
    font-size: 26px;
    text-shadow: 0 1px 0 #EEEEEE;
    line-height: 50px
}
#bid_display .pagination {
    height: 20px;
    line-height: 20px;
    padding: 10px;
    background: #eee;
    margin: 15px auto;
    border-radius: 5px;
    border: 1px solid #aaa
}
#bid_display .bid_displaywrap {
    width: 85%;
    margin: 0 auto
}
#bid_display .pagination form {
    float: right
}
#bid_display .pagination form input[type="integer"] {
    width: 25px;

    margin: 0 7px;
    border: 1px solid #aaa;
}

.side_by_side{
    margin-top: 10px
}
.side_by_side strong{
    display: block;line-height: 20px
}
.side_by_side input[type="text"]{width:100%;}
#bid_display .pagination form input[type="submit"] {
    background: none repeat scroll 0 0 #A40000;
    border: medium none;
    color: #FFFFFF;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    width: 20px;
}
#bid_display .pagination form input[type="submit"]:hover {
    opacity: 0.7
}
#bid_display .pagination .leftfloat {
    font-size: 12px
}
#bid_display .pagination .leftfloat a, #bid_display .pagination .leftfloat strong span.current {
    font-weight: bold;
    color: #a40000
}
#bid_display .pagination .leftfloat a:hover {
    text-decoration: underline
}
#bid_display .pagination .leftfloat strong {
    font-weight: normal
}
.pagination .error_wrapper{display: inline-block;vertical-align: top}
.pagination .error_wrapper .error{font-size: 11px;padding: 0 4px}
#bid_display .listcount {
    display: block;
    text-align: left;
    font-weight: bold;
    font-size: 13px;
    text-decoration: underline;
    color: #a40000
}
#bid_display .items {
    margin: 10px 0
}
#bid_display .items li {
    font-size: 16px;
    list-style: none outside none;
    text-align: left;
}
#bid_display .items li a {
    color: #333333;
    display: block;
    line-height: 28px;
    padding: 5px;
    border: 1px solid transparent;
    font-size: 0.9em
}
#bid_display .items li a:hover {
    background: #eee;
    border-color: #ccc;
    text-decoration: underline;
    color: blue
}
.bid_option_wrap {
    overflow: hidden;
    margin: 10px 0;
    text-align: center;
}
.bid_option_block {

    width: 18%;
    margin: 10px 1%;
    display: inline-block;
    vertical-align: top;
    background: #ddd url(../images/vclogo3.png) no-repeat center 7px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    text-align: center;
    padding-top: 35px

}
a.bid_option_block {
    transition: all ease 0.1s 0s;
    -webkit-transition: all ease 0.1s 0s;
    -moz-transition: all ease 0.1s 0s;
    cursor: pointer;
}
a.bid_option_block:hover {
    box-shadow: 0px 0px 2px #333;
    background-color: #ccc
}
.bid_option_block span {
    margin: 5px 10px;
    display: block;
    font-size: 17px;
    color: #333
}
.bid_option_block strong {
    margin: 5px 10px;
    display: block;
    color: #a40000;
    font-size: 1.1em
}
.bid_option_block .prv_mney_expir {
    border-top: 1px solid #fff
}
.bid_option_block .prv_mney_expir span {
    font-size: 12px;
    font-weight: bold;
    margin-top: 0;
    line-height: 11px
}
.bid_option_block .prv_mney_expir strong {
    margin: 5px
}
.bid_option_block .amt_available {
    border-bottom: 1px solid #777
}
.bid_option_block .amt_available strong {
    font-size: 1.3em
}
.auth_row {
    font-size: 14px;
    border-bottom: 1px solid #aaa;
    background: #eee;
}
.auth_row div {
    display: inline-block;
    text-align: center;
    padding: 0 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #333
}
.auth_row div i {
    display: block;
    font-size: 0.9em
}
.auth_row div p {
    text-decoration: underline;
    color: #222;
    padding-top: 20px
}
.auth_row .big_column {
    width: 65%;
    text-align: left;
    padding-top: 22px
}
.auth_row .medium_column {
    width: 20%;
    vertical-align: top;
    min-height: 125px;
}
.auth_row .medium_column.blank {
    line-height: 125px;
    background: #ddd
}
.auth_row .small_column {
    width: 15%;
    font-size: 17px;
    color: #0042c7;
    vertical-align: top;
    font-weight: bold;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    min-height: 125px;
    line-height: 125px
}
.auth_row .medium_column a {
    display: block;
    padding: 12px 10px;
    color: #fff;
    margin: 34px auto;
    background: #fd504a;
    line-height: 16px;
    position: relative;
    height: auto
}
.auth_row .medium_column a:hover {
    opacity: 0.9
}
.auth_row .medium_column a:active {
    top: 1px
}
.promotion_mangement h2 {
    font-weight: normal;
    text-align: center;
    padding: 10px 0;
    color: #666;
    text-shadow: 0px 1px 0px #fff;
}
.promotion_mangement h2 span {
    padding-right: 20px;
    position: relative;
}
.tool_tip.cbp  b {
    text-shadow: none;
    font-weight: normal;
}
.tool_tip.cbp b:before,.tool_tip.cbp b:after {
 display: none;}



.tool_tip.cbp b i  {
    background: #111;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    top: 32px;
    color: #fff;

    display: block;
    left: -80px;
    padding: 5px 10px;
    position: absolute;
    font-style: normal;
    z-index: 98;
    min-height: 15px;
    width: 400px;


    pointer-events: none;
    visibility: hidden;
    text-align: left;
    opacity: 0;
        -webkit-transition: all 0.25s ease-in 0s;
    -moz-transition: all 0.25s ease-in 0s;
    transition: all 0.25s ease-in 0s;
}
.tool_tip.cbp b:hover i {
    display: block;
    opacity: 1;
    visibility: visible;    top: 22px;
}
.promotion_mangement .tool_tip b:hover i:before {
    opacity: 0;
    border-top: 6px solid transparent;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #111;
    content: "";
    display: block;
    left: 83px;
    position: absolute;
    z-index: 99;
    top:-10px;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
        -webkit-transition: all 0.25s ease-in 0s;
    -moz-transition: all 0.25s ease-in 0s;
    transition: all 0.25s ease-in 0s;
    pointer-events: none;

    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
}
.promotion_mangement .tool_tip b:hover i:before {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
    pointer-events: auto;
    opacity: 1;
    visibility: visible
}
.tool_tip b:hover:after {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
    pointer-events: auto;
    opacity: 1;
    visibility: visible
}
.promotion_mangement .pm_steps {
    margin: 15px auto
}
.promotion_mangement .pm_steps ul {
    background: url("../images/steps.gif") repeat-x scroll center center rgba(0, 0, 0, 0);
    height: 44px;
    width: 100%;
}
.promotion_mangement .pm_steps ul li {
    color: #bbb;
    float: left;
    line-height: 50px;
    list-style: none outside none;
    padding-top: 32px;
    text-align: center;
    width: 33%;
    font-size: 14px
}
.promotion_mangement .pm_steps ul li.current {
    background: url("../images/stepcurrent.png") no-repeat left top;
    color: #a40000;
}
.promotion_mangement .pm_steps ul li.completed {
    background: url("../images/stepcomplete.png") repeat-x center top;
}
.promotion_mangement form#newform {
    width: 80%;
    margin: 15px auto
}
.promotion_mangement form#newform .button {
    box-shadow: 0 0.5px 0 rgba(255, 255, 255, 0.5) inset, 0 1px 2px rgba(0, 0, 0, 0.15);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);

    width: auto;
    padding: 0 20px !important;

}
.promotion_mangement .radio_group_wrap {
    text-align: center
}
.promotion_mangement .radio_group_wrap label {
    display: inline-block;
    background: #ccc;
    border-radius: 3px;
    padding: 3px 6px;
    color: #444;
    margin: 0 5px;
    border: 1px solid #999
}
.input_group > label {
    margin: 5px 0
}
.promotion_mangement .radio_group_wrap label input {
    vertical-align: middle;
    margin-right: 2px
}
.promotion_mangement .specific_dates {
    width: 80%;
    margin: 0 auto
}
.dd_container .promotion_mangement form .radio_group {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
    font-size: 12px;
    margin-right: 10px;
    padding: 4px;
    border: 1px solid #ccc;
    padding-right: 8px
}
.promotion_mangement .radio_group input {
    margin-left: 5px;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0
}
.promotion_mangement form#newform input[type="text"] {
    width: 100%;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

}
.promotion_mangement .input_group {
    width: 100%;
    margin: 5px 0;
    font-size: 14px
}
.promotion_mangement .input_group.half_width {width:49%;}
.promotion_mangement .input_group.half_width.rightfloat {    float:right;}
.promotion_mangement .input_group label {

    display: block
}
.promotion_mangement .input_group label.inline-b{display: inline-block;vertical-align: middle;}
.promotion_mangement .checkbox_group input[type="checkbox"] {
    margin-left: 5px
}
.promotion_mangement .select_date_block {
    padding: 10px 0;
    margin: 10px 0
}
.promotion_mangement .auth_row {
    background: none;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #FFFFFF;
}
.promotion_mangement .auth_row .medium_column {
    min-height: 0
}
.promotion_mangement .auth_row .medium_column a {
    margin: 10px 0;
    height: auto
}
.specific_dates .specific_dates_column {
    width: 31%;
    margin: 1%;
    display: inline-block;
    vertical-align: top;
}
.specific_dates .specific_dates_column label {
    display: block;
    background: #ddd;
    font-size: 13px;
    padding: 10px 6px;
    border-radius: 2px;
    color: #444;
    border: 1px solid #999;
    margin-bottom: 10px
}
.specific_dates .specific_dates_column label:hover, .specific_dates .specific_dates_column label.selected {
    background: #aaa;
    color: #000
}
.specific_dates .specific_dates_column label input {
    vertical-align: middle;
    margin-right: 5px
}
.specific_dates_column.radio_group_wrap {
    text-align: left
}
.other_offer_wrap {
    overflow: hidden
}
.other_offer_wrap .other_offer_head {
    overflow: hidden;
    padding: 10px;
    background: rgba(0,0,0,0.2)
}
.other_offer_wrap .other_offer_head img {
    width: 300px;
    max-width: 35%;
    max-height: 215px;
    display: inline-block;
    margin-right: 20px;
    vertical-align: top;
    border-radius: 15px
}
.other_offer_head .right_side_offer {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 64%
}
.other_offer_head .right_side_offer h1 {
    padding: 10px 0
}
.other_offer_head .right_side_offer h4 {
    font-size: 18px;
    padding: 5px 0;
    font-weight: normal
}
.other_offer_head .right_side_offer h4 strong {
    font-weight: bold;
    font-style: italic
}
.reserve_button {
    -moz-box-shadow: inset 0px 1px 0px 0px #f5978e;
    -webkit-box-shadow: inset 0px 1px 0px 0px #f5978e;
    box-shadow: inset 0px 1px 0px 0px #f5978e;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f));
    background: -moz-linear-gradient(top, #f24537 5%, #c62d1f 100%);
    background: -webkit-linear-gradient(top, #f24537 5%, #c62d1f 100%);
    background: -o-linear-gradient(top, #f24537 5%, #c62d1f 100%);
    background: -ms-linear-gradient(top, #f24537 5%, #c62d1f 100%);
    background: linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f', GradientType=0);
    background-color: #f24537;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #d02718;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 22px;
    font-weight: bold;
    padding: 20px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #810e05;
    display: block;
    margin: 20px 0 0;
    text-align: center
}
.reserve_button:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537));
    background: -moz-linear-gradient(top, #c62d1f 5%, #f24537 100%);
    background: -webkit-linear-gradient(top, #c62d1f 5%, #f24537 100%);
    background: -o-linear-gradient(top, #c62d1f 5%, #f24537 100%);
    background: -ms-linear-gradient(top, #c62d1f 5%, #f24537 100%);
    background: linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537', GradientType=0);
    background-color: #c62d1f;
}
.reserve_button:active {
    position: relative;
    top: 1px;
}
.reserve_button span {
    display: block
}
.reserve_button i {
    font-size: 15px
}
.other_offer_wrap .block {
    padding: 10px;
    margin: 5px 0;
    overflow: hidden
}
.other_offer_wrap .block h2 {
    font-size: 25px;
    padding: 5px 0;
    text-decoration: underline;
    color: #666;
    text-shadow: 0 1px 0 #fff
}
.other_offer_wrap .block label {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    width: 57%;
    color: #777
}
.other_offer_wrap .block .offer_details_row {
    margin: 10px 0
}
.other_offer_wrap .block label.value {
    width: 40%;
    color: #111
}
.other_offer_wrap .block label.value .old_price {
    text-decoration: line-through
}
.other_offer_wrap .block p {
    font-size: 16px;
    margin: 10px 0
}
.other_offer_head.no_image img, .other_offer_head.no_image .reserve_button {
    display: none
}
.other_offer_head.no_image .right_side_offer {
    width: 100%
}
.layout_labels {
    text-align: center
}
.layout_labels > label {
    vertical-align: top;
    width: 47.5%;
    margin: 1%;
    overflow: hidden;
    display: inline-block;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; box-sizing: border-box;
}
.layout_labels >label img {
    padding: 5px;
    width: 96%;
}
.layout_labels >label input[type="radio"] {
    padding: 3px;
}
.layout_labels >label .radio_wrap {
    background: #dcdcdc;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    padding: 0 10px;
    margin: 1px;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s;
}
.layout_labels >label .img_wrap {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    height: 100%;
    border-left: 1px solid #fff;
    background: #e5e5e5;
    border-right: 1px solid #fff;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}
.layout_labels > label:hover .radio_wrap, .layout_labels > label:hover .img_wrap,  .layout_labels > label.selected .radio_wrap, .layout_labels > label.selected .img_wrap {
    background: #888;
    -webkit-box-shadow: 0px 0px 2px #333;
    -moz-box-shadow: 0px 0px 2px #333;
    box-shadow: 0px 0px 2px #333;
}
.ask_image .input_group {
    box-shadow: 0 0 1px #333 inset;
    margin-bottom: 10px
}
.ask_image .input_group strong {
    background-color: rgba(0,0,0,0.1);
    background-color: #aaa;
    display: block;
    padding: 3px;
}
.ask_image .input_group span {
    display: block;
    padding: 3px 5px
}
.earning_contain {
    background: #e5e5e5;
    margin: 30px auto;
    padding: 30px;
    text-align: center;
}
.earning_contain strong {
    color: #a40000;
    text-shadow: 0 1px 0 #fff;
    font-size: 17px;
    display: block;
}
.earning_contain label.digitalize {
    font-family: "DSDIGI";
    font-size: 30px;
    background: #222;
    display: inline-block;
    padding: 0 10px;
    color: #59DB28;
    margin: 5px 0;
}
#dashboard_wrap {
 background: #2d2d2d;  overflow: hidden;
    font-family: Helvetica, sans-serif;
    padding-top: 5px;
}
#dashboard_wrap .dashboard_top {
    background: #464646;
    border-top: 5px solid #a40000;
    color: #fff;
    overflow: hidden;
    position: relative;
}
#dashboard_wrap .dashboard_top h2 {
    background: #222;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #000;
    font-weight: lighter;
    padding: 10px 15px;
    padding-right: 30px;
    text-shadow: 0 1px 0 #000
}
#dashboard_wrap .dashboard_top .dashdropdown, #dashboard_wrap .dashboard_top .quicktip {
    display: inline-block;
    vertical-align: top;
}
#dashboard_wrap .dashboard_icons ul li a {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f3f3f3), color-stop(51%, #ededed), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
    color: #666;
    text-decoration: underline;
    font-size: 17px;
    padding: 15px 20px;
    padding-right: 35px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    text-shadow: 0 1px 0 #fff;
    display: block;
}
#dashboard_wrap .dashboard_top .dashdropdown ul li.active {
    display: block;
}
#dashboard_wrap .dashboard_top .faq_icon {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    background: #fff;
    font-size: 12px;
    border-right: 1px solid #ccc;
    padding: 0px 10px;
    line-height: 43px;
    color: #666;
}
#dashboard_wrap .dashboard_top .faq_icon:hover {
    background: #f5f5f5
}
#dashboard_wrap .dashboard_top .quicktip {
    background: #333 url(../images/bulb.png) no-repeat left center;
    padding: 2px 10px;
    padding-left: 28px;
    margin: 5px;
    min-width: 730px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;  box-sizing: border-box;
    height: 33px;
    overflow: hidden;
}
#dashboard_wrap .dashboard_top .quicktip li {
    font-size: 13px
}
#dashboard_wrap .dashboard_top .quicktip li strong {
    color: #a40;
    text-shadow: 0 1px 0 #333
}
#dashboard_wrap .dashboard_top .quicktip li strong span {
    font-weight: normal;
}
#dashboard_wrap .dashboard_top .quicktip li a {
    color: #fff;
    border-bottom: 1px dotted transparent;
    display: inline-block;
    padding: 4px 0;
}
#dashboard_wrap .dashboard_top .quicktip li a:hover {
    border-bottom: 1px dotted #fff
}
#dashboard_wrap .dashboard {
    margin: 0 auto;
    border-top: none;
    padding-top: 0;
}
#dashboard_wrap .dashboard_top .refreshicon {
    position: absolute;
    right: 65px;
    top: 10px;
    width: 20px;
    height: 20px;
    display: block;
    background: url(../images/sync.png) no-repeat center;

    -webkit-transition: all 0.5s ease 0s;
       -moz-transition: all 0.5s ease 0s;
          transition: all 0.5s ease 0s;
}
#dashboard_wrap .dashboard_top .refreshicon:hover {
    opacity: 0.8;
    -ms-transform: rotate(60deg); /* IE 9 */
    -webkit-transform: rotate(60deg); /* Chrome, Safari, Opera */
    -moz-transform: rotate(60deg); /* Chrome, Safari, Opera */
    transform: rotate(60deg);
}
#dashboard_wrap .dashboard_main, #dashboard_wrap ul.dashboard_icons {
    display: inline-block;
    vertical-align: top;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;box-sizing: border-box;
    float: left;
}
#dashboard_wrap .dashboard_main {
    width: 80%;
    min-height: 600px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
        box-sizing: border-box;
    padding: 10px;
    background: #f1f1f1;
}
#dashboard_wrap ul.dashboard_icons {
    width: 20%;
}
#dashboard_wrap ul.dashboard_icons li {
    border-bottom: 1px solid #393939;
    border-top: 1px solid #fff;
}
#dashboard_wrap ul.dashboard_icons li a {
    font-size: 12px;
    display: block;
    padding: 10px;
    background: #222;
    opacity: 0.5;
    color: #999;
}
#dashboard_wrap ul.dashboard_icons li.active {
    background-color: #f1f1f1;
    opacity: 1;
    box-shadow: 0 1px 11px #333;
    border: none;

}
#dashboard_wrap ul.dashboard_icons li.active a{font-weight: bold;color: #222;background: none;opacity: 1}

#dashboard_wrap .dashboard_main .portion {
    color: #eee;
    font-size: 1em;
    width: 100%;
    text-align: center;
}
#dashboard_wrap .dashboard_main .portion:last-child {
}
.dashboard_main .portionheading {

    font-size: 13px;
    text-align: center;
    color: #fff;
    text-shadow: 0pc 1px 1px #333;
    padding: 5px;
    text-transform: uppercase;
}
.dashboard_main .portion .smallest_portion {
       background: #666;
       -box-sizing:border-box;
       -webkit-sizing:border-box;
      -moz-box-sizing:border-box;
      display:block;
      float:none;



}
.dashboard_main .portion .smallest_portion:after {
    display: block;clear:both;content: "";width: 100%
}
.dashboard_main .portion .biggest_portion { display: inline-block;
    vertical-align: top; margin: 15px auto; margin-bottom: 25px;
   box-shadow: 0px 0px 1px #333;
   width: 75%;}
   .dashboard_main .portion .biggest_portion:after{
    display: block;
    clear: both;
    width: 100%;
    content: "";
   }
    .dashboard_main  .biggest_portion  .portion_term {
    }
.dashboard_main .portion .smaller_portion {

    /* padding: 0 10px; */
    width: 31%;
    display: inline-block;
    padding: 0 8px;
    margin: 15px 0;
}
.dashboard_main .portion .smaller_portion:last-child {
    border-right: none;
}
.dashboard_main .portion.stacked .smaller_portion{
    margin: 10px 0 0;
    padding: 0;
    width: 100%;}
    .dashboard_main .portion.stacked .smallest_portion{
    margin-bottom: 0;}
#dashboard_wrap .dashboard_main .portion.stacked{
    text-align: left;
}
.dashboard_main .portion.stacked .portion_term strong {
    display: table-cell;
    width: 60%;
    vertical-align: middle;
    padding: 14px;
    font-size: 15px;
}
.dashboard_main .portion.stacked .portion_term label {
    display: table-cell;
    padding: 15px;
    width: 18%;
    text-align: right;
    font-size: 14px;;
}
.dashboard_main .portion.stacked .portion_term label span {
    font-size: 24px;
    text-align: right
}
.dashboard_main .portion .portion_term strong {
    display: block;
    padding: 5px;
    background: #999;
    font-size: 12px;
    font-weight: normal;
    text-shadow: 0px 1px 1px #444;
}
.dashboard_main .portion .portion_term label {
    color: #77bde1;
    font-size: 18px;
    background: #222;
    display: block;
    padding: 1em 0;
}

.dashboard_main .portion .portion_term label span {
    font-weight: normal;
    line-height: 0px;

    display: block;
    color: #ABD439;
    padding: 0.6em 10px;
    font-size: 69px;
}
.dashboard_main .portion .smaller_portion label{
    background: #ABD439;
color: #fff}
    .dashboard_main .portion .smaller_portion label span{
    color: #222;}
#dashboard_wrap .dashboard.no-tabs .dashboard_icons{
    display: none;
}
#dashboard_wrap .dashboard.no-tabs .dashboard_main{
    width: 100%;
    padding: 0;
}
.couponblade_coupon .special_confirmation{
    width: 95%;
    margin: 20px auto;}
    .couponblade_coupon .headerheading_vxr{
        background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
color: #ddd;
font-size: 16px;
text-shadow: 0px -1px 0px #000; /* IE6-9 */

    }
    .couponblade_coupon .special_confirmation h3{
        padding-left: 15px
    }
    .couponblade_coupon .special_confirmation .conf_group:empty{
        display: none;
    }
    .declaration{
background: #64af45;
border-left: 2px solid #333;
color: #111;
padding: 10px;
width: 95.5%;
margin:5px auto;
    }
    .bid_pair{display: inline-block;
        vertical-align: top;
        margin: 10px;

        border-radius: 5px;
        box-shadow: 0px 0px 1px #999 inset;
    }
 .bid_pair .bid_option_block{
    width: 100%;
 }
 #opium_place_bid .button{margin-top: 0}
  #opium_place_bid .side_by_side{display: inline-block;
    vertical-align: top}
      #opium_place_bid #newform{width: 75%;display: inline-block;vertical-align: top;float: right;}


  .bid_pair > div{margin: 7px}
#opium_place_bid .sel{width:100%;}
#opium_place_bid .width_25{
    margin: 0
}
#contentarea #opium_place_bid  .side_by_side{margin: 0 2%}
#opium_place_bid .side_by_side.width_45{width: 45%}
.inter-formheading{
    padding: 12px;
    color: #666;

}
#newform .inline-b.amount input[type="text"]{
    text-align: center;
    width: auto;
    padding: 0
}
#newform .inline-b.amount span{font-size: 25px;padding: 10px;display: inline-block;vertical-align: middle;line-height: 50px;}

.prices i{
    font-size: 18px;color: #82B56D;
padding: 3px 0}
    .prices label{color: #888;
        text-decoration: line-through;padding: 0 5px}
        .pricingTableContent{border-bottom: 1px solid #ccc}

.error{color: #A40000;
display:inline-block;
font-size: 15px;
padding: 5px 0;}
/*input.decimals:after{
    display: inline-block;
    font-size: 25px;
padding: 10px;
display: inline-block;
vertical-align: middle;
line-height: 50px;
content: ".00"
}*/

.pt-table {
padding-left: 44%;
display: block;
position: relative;
}
.pt-body {
padding: 10px 0 0;
}
.pt-rows li.title {
background:#64899A ;
font-size: 22px;
color: #fff;
font-weight: bold;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
border-bottom: 1px solid #555;
border-width: 0 0 2px;
}
.pt-rows li.title span{color:#fff;}.pt-rows li.title span:first-child{
    border-right:none;
    background-color:#896766;
}
.pt-rows li {
display: block;
overflow: hidden;
background: #fff;
border-left: 2px solid #ccc;
border-right: 2px solid #ccc;
border-bottom: 1px solid #d9d9d9;
}

.pt-rows li span {
width: 49.80%;
text-align: center;
float: left;
border-right: 1px solid #d9d9d9;
display: block;
line-height: 45px;
font-size: 13px;
vertical-align: middle;
height: 45px;
    color: #999;
}
.pt-rows li span:last-child{border-right:none;}
.attr-col {
margin: 102px 0 0;
float: left;
width:44%;
}

    .pt-rows li.fees span:last-child{
    font-size: 20px;
    color: #555;}
.attr-col ul {
background: #f4f4f4;

font-weight: bold;
font-size: 13px;
border: 1px solid #d6d6d6;
border-width: 1px 0px 1px 1px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.attr-col ul li {
text-align: right;
padding: 0 10px;
border-bottom: 1px solid #d6d6d6;
font-weight: normal;
display: block;
font-size: 11px;
line-height: 45px;
min-height: 45px;
}
.attr-col ul li.doubleline{line-height: 22px}
.pt-rows li span.pt-yes {
background: url(../images/yes-no.png) no-repeat center 12px;
}

.pt-rows li span.pt-no {
background: url(../images/yes-no.png) no-repeat center -38px;


}
.pt-rows li.fin span{
    height:auto;
}
.pt-rows li.fin span{    font-size:12px;
    font-weight:normal;}
.pt-rows li.fin a{padding: 0;
margin: 10px;
font-size: 15px;
}

#container {
width: 960px;
margin: 0 auto;
}
#footer {
    padding:20px 0;
    background:#2d2d2d
}
#footer .leftfloat a img {
    width: 148px;
}
#footer h3 {
    color: #999;
    font-size: 0.8em;

    margin-top: 0
}
#footer h5 {
    font-size: 0.8em;
    line-height: 25px;
    margin-top: 10px;
    margin-right:10px;
    float: right
}
#footer .leftfloat p{font-size:70%;padding:0 10px;
color:#aaa;}
body.grad {background:none;
background:#2d2d2d;}
body.grad #content{
    background:none;
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
min-height: 430px
}
body.grad .innercontainer{margin:20px auto;}

form.memupgrade .inputgroup {
    border-bottom: 1px solid #777;
    border-left: 2px solid #a40000;

    border-top: 1px solid #fff;padding:0.5em 15px
}
form.memupgrade .inputgroup:hover {
    background: #f3f3f3
}
form.memupgrade .inputgroup input[type="radio"] {
    margin: 5px;
    float: left;
    margin-top: 12px;
}
form.memupgrade label {
    text-transform: capitalize;
    display: block;
    padding-top: 10px;
}


.couponblade_coupon {
	background: #efefef;
}
.couponblade_coupon .cbgrid {
    text-align: center;
    position: relative;
}
.couponblade_coupon #container {
    box-shadow: 0px 0px 2px #ccc;
    background: #fff;
}
.couponblade_coupon .cbgrid h2 {
    position: absolute;
    left: -50px;
    font-weight: normal;
    font-size: 21px;
    width: 110.5%;
    background: #eee;
    padding-left: 10px
}
.couponblade_coupon .cbgrid h2 span {
    float: right;
    padding: 0 5px;
    background: #222;
    color: #fff
}
.couponblade_coupon .cbgrid .item {
    display: inline-block;
    background: #fff;
    margin: 25px;
    position: relative;
    -transition: all ease 0.5s 0s;
    -webkit-transition: all ease 0.5s 0s;
    -moz-transition: all ease 0.5s 0s;
    vertical-align: text-bottom;
    border-radius: 5px;
    box-shadow: 0px 0px 3px #333;
    overflow: hidden
}
.couponblade_coupon .cbgrid .item > label {
    font-weight: bold;
    position: absolute;
    text-align: center;
    line-height: 100px;
    font-size: 30px
}
.couponblade_coupon .cbgrid .item:hover {
    box-shadow: 0px 1px 3px rgba(0,0,0,0.3)
}
.couponblade_coupon .cbgrid .item img {
    width: 100%;
    height:100%
}
.couponblade_coupon .cbgrid .img_placeholder{
    display:inline-block;
    position:relative;
    background:#eee}
.item.half_third .img_placeholder:before {
font-size:2em;
left:28%;
top:20px}
.item.half_full .img_placeholder:before {
font-size:2em;
left:58%;
top:58px}
.couponblade_coupon .cbgrid .full_full {
    width: 890px;
    height: 520px;
}
.couponblade_coupon .cbgrid .full_full .img_placeholder {
    height: 375px
}
.couponblade_coupon .cbgrid .full_full .block_data h5 {
    font-size: 0.9em
}
.cbgrid .item .block_data{box-sizing:border-box;webkit-box-sizing:border-box;}
.cbgrid .item .block_data i:before {
    display: block;
    content: "";
    clear: both
}
.cbgrid .item .block_data i {
    float: right;
    font-weight: lighter;
    color: #82B56D;
    position: absolute;
    right: 10px;
    bottom: 15px;
    font-style:normal;
    font-size:1.3em
}
.cbgrid .item .block_data label {
    text-decoration: line-through;
    color: #888;
    padding-right: 5px
}
.couponblade_coupon .cbgrid .clear {
    height: 10px;
    border-top: 1px solid red;
    border-bottom: 1px solid red;
    background: #666;
}
.couponblade_coupon .cbgrid .half_full {
    width: 418px;
    height: 520px
}
.couponblade_coupon .cbgrid .half_full .img_placeholder {
    height: 280px
}
.couponblade_coupon .cbgrid .full_full .block_data {
    width: 100%;
    text-align: left;
    font-size: 22px;
    height: 145px
}
 .cbgrid .item.half_third .block_data i{
bottom:5px}
.couponblade_coupon .cbgrid .half_full .block_data {
    width: 100%;
    text-align: left;
    font-size: 23px;
    height: 240px;
}
.couponblade_coupon .cbgrid .full_half .block_data {
    width: 39%;
    text-align: left;
    font-size: 22px;
    height: 235px;
}
.couponblade_coupon .cbgrid .half_half .block_data {
    width: 34%;
    text-align: left;
    font-size: 20px;
    height: 235px;
}
.couponblade_coupon .cbgrid .half_third .block_data {
    width: 50%;
    text-align: left;
    font-size: 17px;
    height: 140px;
}
.couponblade_coupon .cbgrid .full_third .block_data {
    width: 39%;
    text-align: left;
    font-size: 18px;
    height: 140px;
}
.couponblade_coupon .cbgrid .full_third .block_data h5 {
    font-size: 0.9em
}
.couponblade_coupon .cbgrid .half_half .block_data h5 {
    font-size: 0.8em
}
.couponblade_coupon .cbgrid .full_half .block_data h5 {
    font-size: 22px
}
.couponblade_coupon .cbgrid .half_full .block_data h5 {
    font-size: 22px
}
.couponblade_coupon .cbgrid .full_half {
    width: 890px;
    height: 235px
}
.couponblade_coupon .cbgrid .full_half .img_placeholder {
    width: 60%;
    height: 100%
}
.couponblade_coupon .cbgrid .half_half {
    height: 235px;
    width: 418px;
    vertical-align: top
}
.couponblade_coupon .cbgrid .half_half .img_placeholder {
    width: 65%;
    height: 100%
}
.couponblade_coupon .cbgrid .half_third {
    width: 418px;
    height: 140px
}
.couponblade_coupon .cbgrid .half_third .img_placeholder {
    width: 50%;
    height: 100%
}
.couponblade_coupon .cbgrid .full_third {
    width:890px;
    height: 140px
}
.couponblade_coupon .cbgrid .full_third .img_placeholder {
    height: 100%;
    width: 60%
}
.couponblade_coupon .cbgrid .outer_container {
    width: 418px;
    margin: 0 25px
}
.couponblade_coupon .cbgrid .outer_container .item {
    margin: 25px 0;
}
.cbgrid .item img, .cbgrid .item .block_data {
    display: inline-block;
    vertical-align: top;
    margin: 0 auto;
    text-align: center;
    position: relative
}
.cbgrid .item .block_data {
    padding: 10px;.borderbox
}
.cbgrid .item .block_data h5 {
    font-weight: normal;
    margin-bottom: 10px;
    color: #555;
    text-shadow: 0px 1px 0px #fff
}
.cbgrid .item .block_data h5, .cbgrid .item .block_data strong {
    display: block;
    font-size: 0.7em;
    padding: 3px 0;
}
.cbgrid .item .block_data strong {
    font-weight: normal;
    color: #999
}
.cbgrid .item .no-image .block_data {
    width: 100%;
    text-align: center
}
.item.no-image .block_data{
    width:100% !important;
    background:#FFFFEF;
}
.item.full_full.no-image{font-size: 31px;
    height: 100%;
    padding: 25px;
    text-align: left;

    background:#FFFFEF;
}
.item.full_full.no-image .block_data{ width: 100%;}
.item.full_full.no-image h5{
    font-size:1.2em;
}
.item.no-image .img_placeholder{
    display:none}
    .item.half_third.no-image .block_data { width: 100%!;}

    .item.half_full.no-image  .block_data,.item.full_full.no-image  .block_data{
        box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        height:520px;
        font-size:1.3em}