@import url(//fonts.googleapis.com/css?family=Open+Sans: 300,800);
@import url(//fonts.googleapis.com/css?family=Open+Sans+Condensed: 300);
.productName                                    { font-size: 1em; font-family: 'Open Sans', sans-serif !important; position: relative; font-weight: 100; }
.productName .specificName                      { font-weight: 800; }
.productName sup                                { font-family: Arial, Helvetica, Gill Sans; position: relative; top: -1.1em; font-size: .5em; }

/*************** LAYOUT *****************/

.overHidden                                 { overflow: hidden !important; }
.error                                      { background-color: #f2dede; border-left: 5px solid #990000; color: #900; font-weight: normal; margin: 8px 3% 12px; padding: 15px 3%; }

p.error                                     { padding: auto; margin: auto; background: transparent; font-weight: bold; border: none; }

a                                           { color: #2970A6; text-decoration: none; }
a:hover                                     { color: #CC0000; text-decoration: underline; }
a img                                       { border: none !important; }

h1, h2, h3, h4, h5, h6                      { color: #444444; padding: 0 0 0.75em; margin: 0; }
h1                                          { font-size: 1.5em; padding-top: 1.25em; }
h1 .small                                   { font-size: .85em; display: block; margin: 0 0 5px; }
h2                                          { font-size: 1.15em; }
h4.label                                    { float: left; width: 175px; padding: 9px; }

p                                           { margin: 0 0 1.1em; }
.preloadIMG                                 { position: absolute; left: -9999px; top: -9999px; display: none; }

.fix-width,
.fixWidth                                   { width: 960px !important; margin: 0 auto !important; position: relative; }

.wrap                                       { width: 960px; margin: 15px auto; }

img.spacer                                  { visibility: hidden; height: 0 !important; }

ul.default li                               { list-style: disc outside none; margin: 0.5em 25px 0.75em; }

ul.bigbold                                  { margin: 35px 0; }
ul.bigbold li                               { margin: 10px 25px; font-size: 1.2em; line-height: 1.2em; list-style-type: none; }

#g2_header,
#g2_content,
#g2_footer,
#g2_navigation                              { display: block; }
#g2_header                                  { height: auto; }
#g2_header a                                { font-size: 10px; }
#g2_header .logo                            {   background: url(../images/client-logo-sm.png) center center no-repeat;
                                                height: 85px;
                                                width: 175px;
                                                float: left;
                                            }
.header .box-left .logo                     { display: block; height: 75px; width: 275px; text-indent: -9999px; background: url(../images/G2Planet_2017.png) no-repeat; }

#g2_header h1                               { font-size: 1.5em; margin: 0; line-height: 85px; }
#g2_content                                 { min-height: 475px; }
.columnyes #g2_content                      { width: 700px; float: left; }
#g2_footer                                  { clear: both; padding: 25px 0 10px; text-align: right; font-size: 10px; }

.box-right                                  { position: absolute; top: 10px; right: 10px; }


/************** left Navigation ***************/
.left #g2_navigation                        { width: 225px; float: left; }
.left #g2_content                           {   width: 670px;
                                                float: left;
                                            }


/****************** RIGHT COLUMN **************/
.right #column                              { width: 225px; float: right; }
.right #g2_content                          {   width: 670px !important;
                                                padding: 0 !important;
                                            }


/******************** CONTENT *****************/
#g2_content .bigbutton                      {   width: 300px;
                                                margin: 40px auto;
                                                text-align: center;
                                                color: #fff;
                                                padding: 20px;
                                                border-radius: 15px;
                                                background: url("../images/action-bg.5.png") repeat scroll center center #A5B5C9;
                                                cursor: pointer;
                                                box-shadow: 0 2px 4px rgba(0,0,0,.34);
                                                border: solid 1px #ffffff;
                                            }
#g2_content .bigbutton h1                   { color: #0A4AF5 !important; margin: -5px 0 0; padding: 0 0 0.5em; text-shadow: 0 0 2px rgba(255,255,255,.48); }
#g2_content .bigbutton p                    { padding: 0; margin: 0; text-shadow: 0 0 2px rgba(0,0,0,.23); }
#g2_content .bigbutton:hover                { background: url("../images/action-bg.5.png") repeat scroll center center #B5C0D2; }


/******************** LOGIN ******************/
.caption                                    { font-size: 11px; margin: 13px 0 0; clear: both; }
#login_form div                             { padding: 3px; }
#login_form input[type="submit"]            { margin: 10px 0; font-size: 11px; }


/******************* FORMS ********************/
label                                       { line-height: 1.5em; }
input,
select,
textarea,
div.inputfile,
.fileupload                                 { color: #333333; background-color: #FFFFFF; border: 1px solid #CCCCCC; padding: 4px; }
input                                       { min-width: 400px; }
select                                      { min-width: auto; }
div.inputfile                               { padding: 0; display: inline-block; }
input:focus,
select:focus,
textarea.expanding:focus,
div.inputfile:focus                         { color: #000000; }
input[type=radio],
input[type=checkbox]                        { border: none; background-color: transparent; min-width: 20px !important; margin: 0 !important; width: auto !important; position: absolute; left: 0; }
.multi-input                                { margin: 0 0 0 25px; padding: 0 0 13px 0; }
.multi-input label                          {   float: left;
                                                clear: none;
                                                margin: 12px 15px 0 0;
                                                text-align: left !important;
                                                font-weight: normal !important;
                                                width: 200px !important;
                                                cursor: pointer;
                                            }
input.button,
input[type=submit],
input[type=button],
.button                                     {   background-color: #F2F2F2;
                                                background-image: url("../images/action-bg.png");
                                                background-position: center center;
                                                background-repeat: repeat-x;
                                                font-size: 11px;
                                                font-weight: bold;
                                                margin: 0 10px 0 25px;
                                                padding: 2px 6px;
                                                text-align: center;
                                                cursor: pointer;
                                            }
input.button:hover,
.button:hover                               { background-image: url(../images/action-bg.png); background-color: #FFF; cursor: pointer; }
input[type=file]                            { background: none repeat scroll 0 0 transparent; border: medium none transparent; }
input.hasDatepicker,
input.calendarIMG                           { background-image: url(../images/calendar.png); background-repeat: no-repeat; background-position: calc(100% - 5px) center; }
input.changed,
select.changed,
textarea.changed,
label.changed                               { background-color: #F1F3FA !important; border-color: #919EBD; }
.yesno label.changed                        { background-color: #BFC6E3 !important; border-color: #44559B; }
div.event_fields,
div.registration_fields                     { padding: 7px 7px 25px 7px; }
div.event_fields .event_field,
div.registration_fields .registration_field { margin: 7px 0; clear: both; }

input[type=submit]                          { width: auto !important; min-width: 75px; }




/***** datatable layouts */
.fixHeader .tbodybefore                     { position: relative; visibility: hidden; min-height: 23px; }
.fixHeader thead                            { display: block; position: fixed; z-index: 1; }
.tableheader select                         { padding: 0; }

/***** Registration *****/
div.registration_fields label               { font-weight: bold; display: inline-block; width: 150px; }
div.registration_fields input[type=text],
div.registration_fields input[type=password]{ display: inline-block; width: 300px; }
.registration_field_status                  { display: inline; }


/*form elements */
.required                                   { font-weight: bold; }
.required:after                             { color: #AF1D0E; content: "*"; font-size: 1em; font-weight: bold; margin: -4px 0 0 2px; position: absolute; }

/* changed 6/08/2013 schmelik */
.main label,
label,
.disabled                                   {   display: block;
                                                text-align: right;
                                                width: 150px;
                                                float: left;
                                                clear: left;
                                                padding: 2px 0 8px;
                                                line-height: 1.2em;
                                                margin: 0 10px 0 0;
                                                position: relative;
                                            }
.disabled                                   { clear: none; font-size: 1.2em; font-weight: bold; margin: 4px 10px 0; text-align: left; }
.main .fullwide label,
.fullwide label                             { width: auto; float: none; text-align: left; line-height: 1.15em; }
.main label.auto,
label.auto                                  { width: auto !important; float: left; text-align: left; padding-left: 20px; }
label.checkright,
label.checkleft                             {   background-color: rgba(255,255,255,0.34);
                                                display: block;
                                                margin: 5px 3%;
                                                padding: 7px;
                                                text-align: left;
                                                width: 94%;
                                                border-radius: 6px;
                                                border: 1px solid transparent;
                                            }
label.checkright:hover,
label.checkleft:hover                       { background-color: rgba(255,255,255,.76); }
label.checkright.selected,
label.checkleft.selected                    { background-color: #fff !important; border-color: #FFFFFF; box-shadow: 0 1px 3px rgba(0,0,0,.24); }
label.checkright input[type="checkbox"]     { float: right; margin: 2px 0 !important; }
label.checkleft input[type="checkbox"]      { float: left; margin: 2px 0 !important; }
.main .small                                {   clear: both;
                                                display: block;
                                                font-size: .85em;
                                                font-style: italic;
                                                line-height: 1.1em;
                                                margin: 0 0 10px 172px;
                                                padding: 0;
                                                position: relative;
                                                width: 485px;
                                            }
.main .stacked label,
.stacked label                              { width: auto; line-height: 1.25em; clear: both; }
.main .stacked .small,
.stacked .small                             { text-align: left; font-size: 85%; font-weight: normal; line-height: 1.25em; margin: 3px 0 0 25px; width: auto; }
.main input,
.main select,
.main textarea,
.main .disabledInput                        {   border: 1px solid #B7B7B7;
                                                display: block;
                                                float: left;
                                                font-size: 12px;
                                                margin: 2px 0 3px 10px;
                                                padding: 4px;
                                                width: 475px;
                                            }
.main select                                { min-width: 211px; width: auto; }
.main textarea                              { height: 78px; line-height: 20px; }
.main .checkbox label                       { width: auto; padding-left: 15px; line-height: 30px; }
.main .checkbox input[type="checkbox"]      {   float: left;
                                                margin: 9px 5px 0px 0px;
                                                padding: 0px;
                                                width: 20px;
                                                height: 10px;
                                                border: none 1px transparent;
                                                display: inline;
                                            }
.main .checkbox input.textinput             { clear: left; margin: 0 0 15px 40px; width: 435px; }
.main input.radioB                          { width: auto; margin-left: 3em; border: none 1px transparent; margin-right: 7px; }
.main input.hassmall,
.main select.hassmall,
.main textarea.hassmall                     { margin: 2px 0 5px 10px; }
.badgetext                                  { color: #333333; }
.main .stacked input,
.main .stacked textarea,
.stacked input,
.stacked textarea                           { clear: both; display: block; margin: 0 auto; width: 99%; }
.main .stacked select,
.stacked select                             { margin: 7px 0 20px; }
.main .stacked .clear,
.stacked .clear                             { height: 20px 0; }


/* changed 6/08/2013 schmelik */
div.yesno                                   { border: 1px solid #CCCCCC; border-radius: 6px 6px 6px 6px; display: inline-block; overflow: hidden; }
.main .yesno label,
.yesno label                                {   border-radius: 0 0 0 0;
                                                clear: none;
                                                display: inline-block;
                                                margin: 0;
                                                padding: 0 10px;
                                                text-align: center;
                                                width: 20px !important;
                                                border: none;
                                                line-height: 23px;
                                            }
.main .yesno label.yesnoLable,
.yesno label.yesnoLable                     { clear: none; margin-left: 3em; text-align: left; width: 25px !important; }
.main .yesno input.radioB,
.main .yesno input.radioB                   { border: 1px none transparent; margin: 5px 0 0 !important; width: auto; }
.yesno input[type="radio"],
.yesno input[type="checkbox"]               { width: auto !important; display: none !important; }
.main .yesno label:first-child,
.yesno label:first-child                    { border-right: 1px solid #AAAAAA; }
.yesno.inactive .button:hover               { color: #444; }
.yesno.inactive label                       { line-height: 20px; cursor: default; }

#author_box                                 { border: 1px solid #CCCCCC; padding: 15px 35px; margin: 20px 0 35px; }
.adminsite #author_box                      { background-color: #ffffff; margin: 15px; padding: 10px; }
#author_box > h3                            { padding-bottom: 15px; }
#author_box input,
#author_box textarea                        { clear: none; float: left; margin: 0 0 0 0.5%; width: 82%; }
#author_box label                           { display: inline-block; float: left; padding: 2px 0.5% 8px; text-align: right; white-space: nowrap; width: 13%; }
#author_box select                          { margin: 0 0 20px 10px; }
#author_box .clear                          { height: 15px; }
#author_box .auto                           { width: auto; }


/***** Event Forms *****/
div.rightblock                              { display: inline-block; width: 395px; }
div.event_fields label                      { display: inline-block; width: 275px; margin: 0 15px 0 0; padding: 3px 0; line-height: 1em; }
div.event_fields .attachments label         { width: 600px; }
div.event_fields .event_field.required label{ font: bold; }
div.event_field div.event_field_status      { color: #990000; display: inline-block; }
div.event_fields input[type=text],
div.event_fields textarea                   { display: inline-block; width: 610px; }
div.event_fields textarea                   { height: 80px; }


/*********** leftnav **************/
.left div.event_fields label                { width: 560px; margin: 7px 0 2px; display: block; }
.left div.event_fields .attachments label   { width: 550px; }
.left div.event_fields input[type=text],
.left div.event_fields textarea             { width: 550px; }
.left div.event_fields select               { width: 558px; }
.left div.event_fields textarea             { height: 155px; }

input,
select,
textarea                                    {   -webkit-transition: border linear .2s, box-shadow linear .2s;
                                                -moz-transition: border linear .2s, box-shadow linear .2s;
                                                -o-transition: border linear .2s, box-shadow linear .2s;
                                                transition: border linear .2s, box-shadow linear .2s;
                                            }
.newSwitch:not(.disabled) .inputHolder:hover,
input:focus,
select:focus,
textarea:focus                              {   border-color: rgba(82, 168, 236, 0.8);
                                                box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
                                                transition: all ease-out .26s;
                                            }
input[type="checkbox"]:focus,
input[type="radio"]:focus                   { border: none; box-shadow: none; }


/****************** END FORMS ************************/
div.fileupload                              { cursor: pointer; display: inline-block; line-height: 17px; padding: 4px; width: 550px; }
div.attached                                { background-color: #E9F5F0; }
div.notuploaded                             {   background-color: #FCE9E9;
                                                background-image: url("../images/upload.png");
                                                background-position: right -1px;
                                                background-repeat: no-repeat;
                                            }
div.data_table-wrap                         {   background: url(../images/table-wrap_bg.png) repeat-x scroll left top #f2f2f2;
                                                border-radius: 6px;
                                                margin: 10px;
                                                height: 290px;
                                            }

td,th                                       { padding: 0; }

table.data_table                            { display: table; margin: 1px; }
table.data_table th                         { padding: 6px; font-size: 110%; font-weight: bold; text-align: center; }
table.data_table th .columnwidth            { width: 75px; height: 1px; }
table.data_table td                         { padding: 3px 10px; width: 75px; text-align: center; }
table.data_table td:first-of-type,
table.data_table th:first-of-type           { width: 100%; font-weight: bold; text-align: left; }

.tbl.stripe .row:not(.header):nth-of-type(odd),
.stripe tbody > tr:nth-of-type(odd),
.odd,
.bg                                         { background-color: #FFFFFF; }

.tbl.stripe .row:not(.header):nth-of-type(even),
.stripe tbody > tr:nth-of-type(even),
.even,
.dark                                       { background-color: #F2F2F2; }

.tbl.stripe:not(.nohover) .row:not(.header):hover,
.stripe:not(.nohover) tbody > tr:hover,
.odd:hover,
.even:hover,
.bg:hover,
.dark:hover                                 { background-color: #F7F0E8 !important; cursor: default; }

.tbl.stripe .row > .cell,
.stripe tbody tr > td,
.even > td,
.odd > td,
.bg > td,
.dark > td                                  { border-top: 1px solid #fff; border-bottom: 1px solid #CCC; text-align: left; vertical-align: middle; padding: 4px; min-width: 50px; }

.commenter tbody tr > td                    { text-align: left; vertical-align: top; min-width: 50px; padding: 9px 7px 0; position: relative; background-color: #F2F2F2; }
.commenter tbody tr:last-of-type > td       { padding-bottom: 9px; }
.commenter .comment                         {   border: 1px solid #CCC;
                                                background-color: #FFF;
                                                border-radius: 6px;
                                                padding: 7px 1%;
                                                width: 98%;
                                                position: relative;
                                                z-index: 1;
                                                color: #222;
                                                box-shadow: 0 1px 2px rgba(0,0,0,.18);
                                            }
.commenter tbody tr.indent > td             { padding-top: 6px; }
.commenter .indent .comment                 { padding: 7px 1%; margin-left: 5%; width: 93%; }
.commenter .indent .comment:before          { height: 7px; border-left: 1px solid #999; content: ''; display: block; position: absolute; top: -8px; z-index: 0; }

.stripe tbody tr:last-child > td,
.tbl.stripe .row:last-child > .cell,
tr.odd:last-child > td,
tr.even:last-child > td,
tr.bg:last-child > td,
tr.dark:last-child > td                     { border-bottom-color: transparent; }


.clear                                      { clear: both; }
div.event_fields label.boolean              { display: inline-block; font-weight: normal; margin: 0; width: auto; }
.submitHolder                               { margin: 30px 0; padding: 30px; width: 600px; border-top: solid 1px #CCCCCC; }
input[type=checkbox]                        { width: auto !important; }
#session_table td,
#session_table th                           { padding: 2px; }
#g2_sponsor_login_marketing_text            { width: 450px; }


/*********** Sidepanel **************/
.sidebar                                    { float: right; margin: 0 -8px 0 0; padding: 0; vertical-align: top; width: 248px; }
.sidebar h1                                 { color: #FFFFFF; font-size: 18px; margin: 0; padding: 0; }
.sidebar input.button                       { float: right; font-weight: normal; height: 24px; margin-top: 7px; padding-left: 7px; padding-right: 7px; width: auto; }
.main .sidebar label                        { margin: 0; padding: 0; width: auto; }
.main .sidebar input                        { margin: 5px 0; padding: 0; width: 100%; }
.sidebar .divider                           { margin: 20px 0; }



/*************** Extra ***********/
.button.fright                              { float: right; margin-left: 25px; }
.button.fleft                               { float: left; margin-right: 25px; }
a.bigButton                                 {   background-color: #990000;
                                                            border: 1px solid #CCCCCC;
                                                            color: #FFFFFF;
                                                            display: block;
                                                            font-size: 115%;
                                                            line-height: 1.1em;
                                                            padding: 25px 0 35px 0;
                                                            text-align: center;
                                                            text-decoration: none;
                                            }
a.bigButton:hover                           { background-color: #FF0000; background-image: none; color: #FFFFFF; }
.bigButton-bottom                           {   background-image: url("../images/mcafee/big-button-BG.png");
                                                background-position: center bottom;
                                                background-repeat: no-repeat;
                                                height: 20px; width: 210px;
                                            }
a.bigButton .small                          { margin: 0 7px; padding-top: 5px; text-decoration: none; width: auto; }
a.bigButton:hover .small                    { display: block; text-decoration: none; }

/* 2015 */
.addBtnHolder                               { padding: 7px 0 2px; text-align: left; position: relative; }
.addBtnHolder select                        { padding: 2px; }
.addBtnHolder .chosen-container             { padding: 2px; width: 450px !important; }
.addBtnHolder .chosen-drop                  { width: calc(100% - 4px) !important; margin: -3px 0 0 2px !important; }
.addBtnHolder .button                       { margin: 2px 4px; padding: 4px 7px 3px; font-size: 11px; }

.chosenContained .chosen-container          { width: 100% !important; }

/****************** lead capture **************/
.add-leadcapture                            { margin: 35px 10px 10px; padding: 0; }
.add-leadcapture .addSub                    { background-color: #F2F2F2; border: 1px solid #CCCCCC; margin: 0; padding: 10px; }
.addSub h1                                  { background: transparent; color: #000000; }
.add-leadcapture .addSub img                { float: left; margin: 0 15px 0 0; }
.add-leadcapture .addSub .cost              { clear: both; color: #FC0; margin: 0 25px 0 0; text-align: right; font-weight: bold; font-size: 16px; }
.add-leadcapture .small                     { font-size: 12px; line-height: 1.35em; margin: 15px; width: auto; }
.add-leadcapture .highlight                 {   background-color: #990000;
                                                color: #FFFFFF;
                                                font-size: 10px;
                                                font-weight: bold;
                                                line-height: 1.25em;
                                                padding: 8px;
                                                text-align: center;
                                            }
div.b                                       { margin: 0 !important; }
div.question                                { background-color: #515C62 !important; color: #FFFFFF !important; }
p.warning                                   { margin: 0; color: #FF0000; font-weight: bold; }

.absolute                                   { position: absolute !important; }
.fixed                                      { position: fixed !important; }
.relative                                   { position: relative !important; }

.fright                                     { float: right !important; }
.fleft                                      { float: left !important; }
.fcenter                                    { float: none !important; margin: 0 auto !important; }

.tright                                     { text-align: right !important; }
.tleft                                      { text-align: left !important; }
.center,
.tcenter                                    { text-align: center !important; }

.cnone                                      { clear: none !important; }
.cboth                                      { clear: both !important; }
.cleft                                      { clear: left !important; }
.cright                                     { clear: right !important; }

.twrap,
.wrap                                       { white-space: normal !important; }
.tnwrap,
.nowrap                                     { white-space: nowrap !important; }

.iblock                                     { display: inline-block !important; }

.vmiddle                                    { vertical-align: middle !important; }
.vtop                                       { vertical-align: top !important; }
.vbottom                                    { vertical-align: bottom !important; }

.nolrmargin                                 { margin-left: 0 !important; margin-right: 0 !important; }
.cmargin                                    { margin-left: auto !important; margin-right: auto !important; }

.auto                                       { min-width: 0 !important; width: auto !important; }
.displayNone                                { display: none !important; }
.cdefault,
.cdefault div                               { cursor: default !important; }


.p100                                       { width: 100%; }
.p90                                        { width: 90%; }
.p80                                        { width: 80%; }
.p70                                        { width: 70%; }
.p60                                        { width: 60%; }
.p50                                        { width: 50%; }
.p40                                        { width: 40%; }
.p30                                        { width: 30%; }
.p20                                        { width: 20%; }
.p10                                        { width: 10%; }

.changebtn,
.changebtn:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
input.changebtn[type="button"]              { box-shadow: none; /*display: none; padding: 6px 6px 4px !important; background-image: none !important;*/ }
.changebtn:hover                            { color: #754C00 !important; }

.inactive                                   { cursor: default !important; }

.btnHolder                                  { padding: 10px 0; }

/* toggle (on/off) switches
==================================*/
.switch                                     {   border-radius: 4px;
                                                background-color: #EAEAEA;
                                                overflow: hidden;
                                                min-width: 85px;
                                                width: 110px;
                                                max-width: 125px; min-height: 20px;
                                                position: relative;
                                                box-shadow: inset 0 0 2px rgba(0,0,0,0.4);
                                                display: block;
                                                margin: 0 10px 0 0;
                                            }

.switch > label,
.switch > div                               { display: none; cursor: pointer !important; }
.switch input[type="radio"],
.switch input[type="checkbox"]              { display: none; }
.switch.show                                { width: auto; max-width: 1000px; }
.switch.show > label,
.switch.show div                            { display: block; line-height: 22px; padding: 0 7px; }
.switch.show > label.active,
.switch.show div.active                     { background-image: none; background-color: transparent; color: #424242; text-shadow: none; }
.switch.show > label.active:hover,
.switch.show div.active:hover               { color: #000; }

.switch > label.active,
.switch div.active,
.switch.iconic div                          {   display: block;
                                                font-size: 12px;
                                                min-width: 65px !important;
                                                width: auto !important;
                                                text-align: center;
                                                margin: 0 !important;
                                                padding: 0 0.6em;
                                                line-height: 22px;
                                                box-shadow: 0 0 2px rgba(0,0,0,0.4);
                                            }

.switch.iconic                              { min-width: 0; width: auto; }
.switch.iconic div                          { display: block; min-width: 14px !important; font-size: 14px; font-weight: normal !important; cursor: pointer !important; }
.switch.iconic .icon.active                 {   background-color: #8DA046;
                                                background-image: -moz-linear-gradient(center bottom , #8DA046 0%, #A3B951 100%);
                                                border-color: #819633;
                                                color: #FFFFFF;
                                                text-shadow: 1px -1px 0 #77873B; cursor: default !important;
                                            }

.switch.small                               { min-width: 0; width: 75px; }
.switch.small > label,
.switch.small div                           { min-width: 40px !important; width: 40px; }

.switch.small.narrow                        { width: 50px; min-width: 0; }
.switch.small.narrow > label,
.switch.small.narrow div                    { min-width: 0 !important; width: auto; }

.switch.vsmall                              { min-width: 0; width: 35px; }
.switch.vsmall div                          { min-width: 15px !important; font-size: 11px; padding: 0 0.4em; }
.switch .icon:before                        { line-height: 22px; }


.even .switch,
.odd .switch                                { margin: 3px 10px 0 0; }
.even .switch.tiny div.active,
.odd .switch.tiny div.active                { font-size: 11px; line-height: 16px; }

.action .switch.vsmall,
.action .switch.small                       { margin-top: 0 !important; }

.switch.inline {
    display: inline-block;
}
.switch.micro40 {
    font-size: 10px;
    margin: 0px;
    height: 22px;
    line-height: 22px;
    min-width: unset !important;
    width: 40px !important;
    vertical-align: bottom;
    cursor: pointer;
}
.switch.micro40 label {
    width: 20px !important;
    height: 22px;
    min-width: unset !important;
    padding: 0px;
}

.event_detail_tab                           { background-color: #FFFFFF; display: none; }

/* newSwitch 2015 */
#eventdetails-controls .fieldHolder.newSwitch .labelHolder             { width: calc(100% - 50px); padding: 5px 5px 0 0; }
#eventdetails-controls .fieldHolder.newSwitch .labelHolder label       { width: 100%; padding: 0; text-align: left; }
.fieldHolder.newSwitch .inputHolder             { height: 22px; padding: 1px; width: 50px !important; position: relative; background-color: #f8f8f8; cursor: pointer; font-size: 12px !important; }
.fieldHolder.newSwitch .inputHolder:after       { content: 'X'; position: absolute; right: 4px; font-size: 16px; z-index: 0; color: #CCC; top: 3px; }
.fieldHolder.newSwitch .inputHolder:before      {   content: 'off';
                                                    color: #CCC;
                                                    width: 25px;
                                                    right: calc(100% - 26px);
                                                    display: block;
                                                    box-sizing: border-box;
                                                    background-color: #f2f2f2;
                                                    height: 18px;
                                                    border: 1px solid #e4e4e4;
                                                    position: absolute;
                                                    text-align: center;
                                                    z-index: 1;
                                                    text-shadow: 0 0 1px rgba(255,255,255,.67);
                                                    transition: all ease-out .1s;
                                                }
.fieldHolder.newSwitch.on .inputHolder:before   { content: 'on'; right: 1px; background-color: #7BE463; border-color: #64BD4F; color: #347429; }
.fieldHolder.newSwitch.disabled                 { padding: 0 0 5px !important; }
.fieldHolder.newSwitch.disabled.on:before       {   content: '';
                                                    display: block;
                                                    position: absolute;
                                                    width: 48px;
                                                    left: 105px;
                                                    background-color: rgba(255,255,255,.48);
                                                    height: 20px;
                                                    z-index: 3;
                                                    top: 2px;
                                                }
/*dialog boxes      */

.ui-dialog,
.ui-dialog *                                { box-sizing: border-box; }

.ui-dialog,
.ui-dialog .ui-dialog-content               { overflow: visible !important; }

.ui-dialog                                  { z-index: 9998 !important; min-width: 500px !important; min-height: 175px !important; }
.ui-dialog .ui-dialog-content               { min-width: 100%; min-height: 80px !important; padding: 5px !important; }

.dialogholder                               { visibility: hidden; width: 580px; display: block; position: fixed; top: 0; height: auto; left: -10000px; }
.showme                                     { visibility: visible; left: auto; width: 100%; }
.dialogholder .holder_topnavigation         { display: none; }
.dialogholder .pagestage                    { margin: 0; padding: 0; }

.ui-datepicker                              { z-index: 9999 !important; }

.ui-dialog-content table                    { width: 100%; }
.ui-dialog-content label,
.ui-dialog-content input,
.ui-dialog-content textarea,
.ui-dialog-content select                   { border: medium none !important; box-sizing: border-box; float: none; min-width: 0; text-align: left;  width: 100% !important; }
.ui-dialog-content input.calendarIMG        { box-sizing: border-box; display: inline-block; max-width: calc(50% - 2px) !important; z-index: 9999 !important; }
.ui-dialog .inputHolder input.calendarIMG   { margin: 0; max-width: 100% !important; padding: 2px; }
.ui-dialog-content .labelHolder label       { padding: 5px 0 0; }

.dialogholder .formholder                   { width: 100%; margin: 0 auto; padding: 10px 0 0; }
.dialogholder .buttonholder,
.dialogholder .button_holder                { width: 100%; margin: 0; display: block; position: relative; bottom: 0; }

.ui-dialog-content .fieldHolder             { display: block; }
.ui-dialog-content .fieldHolder:after       { display: block; clear: both; content: ''; }
.ui-dialog-content .fieldHolder > div       { float: none; display: block; box-sizing: border-box; padding: 4px; position: relative; width: 100% !important; }
.ui-dialog-content .labelHolder             { width: 125px; }
.ui-dialog-content .inputHolder             { background-color: rgba(0, 0, 0, 0); border: 1px solid #cccccc; padding: 0 !important; width: calc(100% - 125px); }

.ui-dialog-content .fieldHolder ul.token-input-list-facebook                { border: none; padding: 0; width: 100%; }
.ui-dialog-content .fieldHolder li.token-input-input-token-facebook         { margin: 0; padding: 0; width: 100% !important; }
/*.ui-dialog-content .fieldHolder li.token-input-input-token-facebook input   { padding: 5px 8px; }*/
.token-input-dropdown-facebook                                              { border-top: 1px solid #f2f2f2; box-sizing: content-box; margin-left: -1px; padding: 0 1px 0 0; }

.ui-dialog-content input.changed,
.ui-dialog-content select.changed,
.ui-dialog-content textarea.changed,
.ui-dialog-content label.changed            { background-color: transparent !important; border-color: transparent; }

.ui-dialog-content .inputHolder.clean       { border: medium none; padding-top: 9px !important; }
.ui-dialog-content input[type="checkbox"]   { width: auto !important; }
.inputHolder > label                        { padding: 2px 0 9px 25px; text-align: left; }

.ui-dialog .chosen-container input          { border: 1px solid #aaa !important; }
.ui-dialog .chosen-container                { max-width: calc(100% + 2px); left: -1px; top: -2px; width: 100% !important; }
.ui-dialog .chosen-container .chosen-single { background-image: none !important; background-color: #FFF !important; }
.ui-dialog .inputHolder.chosenHolder        { border: none !important; }


.ui-dialog-content .fieldHolder.columns     { clear: none; padding: 0 11px !important; }
.ui-dialog .addBtnHolder                    { position: absolute; bottom: -45px; }
.ui-dialog [data-role="dataview"]           { max-height: 400px; overflow-y: auto; }
.ui-dialog .stripe td .icon:before          { font-size: 10px; }

.ui-widget-overlay                          {  z-index: 9997 !important; background: #000 !important; opacity: 0.2 !important; cursor: pointer; }

/* login */
#login_form input                           {  min-width: 0;  padding: 5px 1%; width: 98%; }
#login_form input[type='submit']            {  min-width: 0;  width: auto; }


/* html 5 fix */
.tableheader > br                           { display: none; }
.tableheader > img                          { display: block; }

/* from 2011adminsite.css */
td.first,
div.first,
/* end */
.stripe tbody tr > td.first                 { font-weight: bold; white-space: nowrap; width: 130px; text-align: right; vertical-align: top; }

.editmode td.first,
.editmode div.first,
.editmode .stripe tbody tr > td.first       { padding-top: 9px; }

#scrollcontent,
.scrollcontent                              { overflow-y: auto; display: block; position: relative; background-color: #FFFFFF; }

/* mediabox overrides */
#mbPrevLink big,
#mbNextLink big,
#mbCloseLink big                            { color: #d4d4d4 !important; font-size: 1em; font-weight: bold; }
#mbCloseLink:hover big                      { color: #FFFFFF !important; }

/* detailsHeader */
.detailholder .one,
.detailholder .two,
.detailholder .three                        { background-color: transparent !important; }
.detailholder .columns img                  { margin: 0 0 7px 15px; max-width: calc(100% - 15px); }
.detailholder label                         { font-size: 10px; min-width: 75px;  width: auto; padding: 7px 4px 0 0;  margin: 0; }
.detailholder .switch                       { margin: 0 auto 5px; }
.detailholder .name b                       { display: block; font-size: 14px; padding: 2px 0 !important; }

.detailholder .jolly,
.detailholder input,
.detailholder select                        { width: 100%; font-size: 12px; margin: 1px 0; min-width: 0; padding: 2px; display: block; float: left; }
.detailholder .jolly                        { padding-top: 1px; float: left; max-width: calc(100% - 75px); padding: 4px 0 0; }
.detailholder.nojpad .jolly,
.editmode .detailholder .jolly              { padding: 0; }
.detailholder .name > label                 { line-height: 1em !important; }
.detailholder .name input                   { margin-bottom: 12px; max-width: calc(100% - 85px); }
#eventdetails .profileimg                   { text-align: center; width: 180px; transition: width .2s linear; padding-left: 10px !important; }
#eventdetails .profileimg img               { border: 2px solid #FFFFFF; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.24); margin: 4px auto; max-height: 130px; transition: all .2s linear; }
.detailholder .cContent                     { width: calc(100% - 180px); }

.detailholder input[type="date"]            { width: calc(50% - 9px); max-width: 115px; padding: 0 2px; background-position: calc(100% - 2px) center; }
.detailholder .p100 input[type="date"]      { width: 100%; max-width: 100%; }
.detailholder .jolly .dash                  { text-align: center; height: 1.5em; padding: 4px 0; width: 18px; margin: 1px 0; }

.detailholder .dkbx                         { background-color: #F2F2F2; border: solid 1px #CCC; padding: 3px; width: 100%; line-height: 1.5em; max-width: 140px; }
.detailholder .dkbx label                   { width: 76px; margin: 0; padding: 4px 5px 0; }
.detailholder .dkbx .jolly                  { width: calc(100% - 77px); padding-top: 0; }

.detailholder .padding                      { height: 10px; }

.detailholder .btnHolder                    { max-width: 125px; padding: 7px 0 0; margin: 0 auto; }
.detailholder .btnHolder .button            { float: right; margin: 0 0 0 7px; }

/* 2016 */
#eventdetails-controls                      { width: 145px; text-align: right; }
#eventdetails-content                       { width: calc(100% - 145px); }

#eventdetails.closed .profileimg            { overflow: hidden; width: 0; }
#eventdetails.closed .profileimg img        { box-shadow: none; }

/* for auto adminsites */
.buttonFloat                                { padding: 0; margin: 8px 0 0; position: absolute; right: 20px; bottom: 8px; }
.icon.sort                                  { font-weight: bold !important; }
.icon.sort:after                            { font-size: 18px; margin: -4px 4px; position: absolute; color: #000 !important; }
.icon.sort.activated:after                  { color: #FFD219 !important; }

.newPanel .legendheadernospace              { text-indent: 20px; background-image: url(../images/collapsable_bg-rest.png); background-repeat: no-repeat; }
.newPanel.open .legendheadernospace         { background-image: url(../images/collapsable_bg_open.png);     background-position: 4px 1px; background-color: #DDD; color: #000; border-bottom: none; }
.newPanel.open .legendheadernospace:hover   { background-color: #F2F2F2; }
.newPanel .accordian                        { position: relative; display: none; }
.newPanel.open .accordian                   { display: block; }

.panelGroup .newPanel:not(.open):last-child .legendheadernospace    { border-bottom: 1px solid #F2F2F2; }

.accordian .panelButton,
.accordian .btn-record-add                  { font-size: 10px !important; padding: 1px 5px !important; position: absolute; right: 2px; top: -17px; }

.stripe tbody tr.justwhite:hover,
tr.justwhite                                { background-color: transparent !important; }

.legend                                     { padding: 4px 0; }
.legend .type                               { background-color: transparent !important; display: inline-block; margin: 0 15px 0 5px; }
.legend .type:before                        { background-color: #F2F2F2; content: " "; display: block; float: left; height: 13px; margin: 1px 3px 0 0; width: 13px; }

/* weather */
.weatherDay                                 {   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
                                                border: 1px solid #ccc;
                                                padding: 2px;
                                                margin: 2px;
                                                display: inline-block;
                                                background-color: #FFF;
                                                min-width: 80px;
                                                text-align: center;
                                            }
.weatherDay h3                              { white-space: nowrap; }
.weather                                    { overflow-x: auto; white-space: nowrap; }


/* 2015 */
td.action,
th.action                                   { width: 125px; text-align: center !important; }
div[class^=CollapsiblePanel] > .button      { margin-top: 4px !important; }

/* table divs */
.tbl                                        { display: table; }
.tbl > .row                                 { display: table-row-group; }
.tbl .row > .cell                           { display: table-cell; }

.qtip                                       { transition: all 0.15s ease-out .5s; cursor: pointer; }
.qtip:hover                                 { transition-delay: 0s; transition-timing-function: unset; }

/* IE fixes
============================== */
.IE .multi-input label input,
.oldIE .multi-input label input             { margin-top: 0 !important; }

/* iFrame Fixes for iOS */
#mbMedia                                    { -webkit-overflow-scrolling: touch !important; /*overflow-y: auto !important;*/ }
.syn-location-image                         { padding: 44px 0 44px 40px; }

/* 2015 */
.subTbl                                     { padding: 25px 0; border-bottom: 1px solid #CCC; }
.subTbl:last-of-type                        { padding-bottom: 3px; border-bottom: none; }
.subTbl:first-of-type                       { padding-top: 10px; }
.subTbl .tabletitle                         { padding: 0 4px 8px; text-align: left; font-size: 15px; font-weight: 600; }

th.tableheader                              { white-space: nowrap; }

.event_detail_tab th.tableheader.number,
.event_detail_tab th.tableheader[data-sort*="_onsite"],
.event_detail_tab th.tableheader[data-sort*="_phone"],
.event_detail_tab th.tableheader[data-sort*="_level"],
.event_detail_tab th.tableheader[data-sort*="_count"],
.event_detail_tab th.tableheader[data-sort*="_number"],
.event_detail_tab th.tableheader[data-sort*="_date"]                    { width: 100px; }
.event_detail_tab th.tableheader[data-sort*="_title"],
.event_detail_tab th.tableheader[data-sort*="event_type"]               { width: 200px; }
.event_detail_tab th.tableheader[data-sort*="speaker_code2"]            { width: 325px; }
.event_detail_tab th.tableheader[data-sort*="last_name,first_name"]     { width: 300px; }

.fixHeader .tableheader,
.fixheaderHolder th                     { padding: 6px 4px !important;  white-space: nowrap; }

/*2017*/
.scrollcontent .stripe td .typeBox          { display: inline-block; float: none; margin-top: 0; }

#ajax_save_div                              {
                                                background-color: #FAE198;
                                                background-image: linear-gradient(to top, #FCCC73 0%, #FAE198 100%);
                                                border-color: #E6BD4C;
                                                box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.34);
                                                color: #754C00;
                                                display: none;
                                                font-weight: bold;
                                                height: 100px;
                                                line-height: 142px;
                                                margin: 0 -150px 0 auto;
                                                padding: 2px;
                                                position: fixed;
                                                right: 40px;
                                                text-align: center;
                                                text-shadow: 1px 1px 0 #FFEBB7;
                                                top: -25px;
                                                width: 300px;
                                                z-index: 100000;
                                                transform: rotate(35deg);
                                                -webkit-transform: rotate(35deg) translate3d( 0, 0, 0);
                                                -moz-transform: rotate(35deg);
                                                -o-transform: rotate(35deg);
                                                -ms-transform: rotate(35deg);
                                            }