body {
    margin:0px;
    font-family: 'Lato', sans-serif;
    font-size:14px;
    margin:0px;
    color:#333;
}

form{
    margin:0px;
}

h1,h2,h3,h4,h5,h6 {
    font-family:'Roboto', sans-serif;
    margin-top: 0px;
}

a{
    text-decoration:none;
}
a:visited {
    color:blue;
}

table {
    width:100%;
    background-color:#fff;
}
td{
    padding:5px;
}
article, section, nav {
    display:block;
}
article {
    margin:auto auto 8px;
    display:inline-block;
    padding:10px;
    width:90%; 
    border:2px solid #3aF;  
    background-color:#FFF; 
}
.auto {
    margin:auto;
}

.container{
    width:100%;
    max-width:970px;
}

.smallHdg{
    font-weight:bold;
    font-size:1.2em;
}
.ind{
    padding-left:10px;
}
.ind span{
    width:90%;
    margin:auto;
}
.bold{
    font-weight: bold;
}
.center {
    text-align:center;
}
.left {
    text-align:left;
}
.right {
    text-align:right;
}
.mCenter {
    text-align:left;
}

.deskML {
    margin-left:10px;
}
.none {
    display:none;
}
.mobappear {
    display:none;
}
.mobhide {
    display:inline-block;
} 
.red {
    color:red;
}

.headerblue{
    color:#003366;
}
.inblock {
    display:inline-block !important;
}
.aligntop{
    vertical-align:top;
}
.alignmid {
    vertical-align:middle;
}
.no_deco {
    text-decoration:none;
}
.homebdy {
    background-color:#F0F0F0;
}
.whitebg{
    background-color:#fff;
}
.offwhitebg{
    background-color:#F4F6F8;
}
/*** Buttons START ***/
.btn {
    text-align:center;
    border-radius:6px;
    margin: 10px;
    padding:7px;
    color:#FFF;
    background-color:#06C;
    font-size:1.3em;
    border:none;
}
.lilBtn {
    background-color:#06C;
    border:none;
    border-radius:8px;
    color:#FFF;
    padding:8px;
    margin: 5px;
    font-size:1.2em;
}
.levelBtn {
    border-radius: 8px;
    width:15%;
    margin: 10px 10px;
    padding: 11px;
    color: #FFF;
    background-color: #06C;
    font-size: 1.3em;
    border: medium none;
}
.addBtn {
    border-radius:8px;
    margin: 10px auto;
    padding:5px;
    color:#FFF;
    background-color:#06C;
    font-size:1.3em;
    border:none;
}
.addTix {
    border-radius:8px; 
    margin: 10px auto;
    padding:5px;
    color:#FFF;
    background-color:#06C;
    font-size:1.3em;
    border:none;
}
.btnDiv {
    text-align:right;
    width:90%;
}
/*** Buttons END ***/

/*** Header and Footer START***/ 
.header_container {
    background-color: #039;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.header_logo {
    display: inline-block;
    vertical-align: middle;
    width: 37%;
    background-image: url(../../Events/images/nycharitieslogo2.png);
    height: 70px;
    background-repeat: no-repeat;
}
.header_options {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    width: 60%;
}
ul#menu {
    font-size: 1.3em;
    font-weight: 600;
    margin: 0px 0px 5px;
    padding: 0px;
    text-align: right;
}
ul#menu li {
    display: inline;
    list-style: outside none none;
    padding-left: 15px;
}
ul#menu li a {
    background: transparent none repeat scroll 0% 0%;
    color: #FFF !important;
    text-decoration: none;
}
ul#menu li a:hover {
    color: #FFA500;
    text-decoration: none;
} 

.footer_container {
    background-color: #039;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.footer_container p {
    text-align: center;
    color: #FFF;
    margin: 0px;
    font-size: 1.8em;
}
/*** Header and Footer END ***/


/*** Calendar START ***/
.top {
    text-align: center;
    font-weight: bold;
}
.top h2 {
    color:#003366;
}
.cal_container {
    width: 100%;
    margin: auto;
}
.cal_container h1{
    color:#003366;
    text-align:center;
}
.article-content {
    width: 98%;
    display: inline-block;
    margin: auto;
}
.article-text {  
    width:70%;   
    display:inline-block;
    vertical-align:middle;
    text-align: left;
    color: #333;
    margin-left:15px;
}
.article-text span {  
    font-size: 1.4em;
}
.article-text .cal_event{
    font-size: 1.8em;
}
.article-image {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 25%;
}
.article-image img {
    max-width:100%;
    max-height:130px;
}
.listing {
    text-align: center;
    display: inline-block;
    width: 75%;
    vertical-align: top;
    margin-left: auto;
    margin-right: auto;
}
.refine {  
    display:inline-block;
    vertical-align:top;    
    text-align: left;
    width:20%;   
    margin-left: 20px;
    background-color:#F0F0F0;
}
.refine ul {
    padding:0px;
    list-style-type:none;
}
.refine ul li {
    padding:10px;
}

.refine ul li .btn{
    font-size: .8em;
    padding: 5px;
    margin: 2px 0px;
    width:60%;
}

.cal-opt{
    font-size:.9em;
}
.cal-img {
    width:10%;
}
.sort-option {
    border-bottom:2px solid #ccc;
    margin-bottom:5px;
    background-image: url("../../Events/images/arrow-204-16.gif");
    background-repeat: no-repeat;
    background-position: 90%;
}
.sort-option div {
    display:inline-block;
}
.sort-option div a{
    color:black;
}
.sort-option div a:hover{
    color:#00C;
}
.sort-option liopt {
    width:100%;
}
.search-line {   
    width:100%;
    text-align:center;
}
.search-btn {
    margin:5px;
}
.searchbx {
    font-size:18px;
    padding:0px 12px;;
    width:80%;
    text-align:center;
    border: 1px solid #CCC;
    line-height: 36px;
    }
 .CharityEv {
    font-size:2em;
}
 #opt0, #opt1, #opt2, #opt3 {
    font-size:1.8em;
}
.from, .to {
    display:inline;
    width:65%;
}

/*** Calendar END ***/

/*** Invite Layouts START ***/

fieldset {
    border: solid 2px #336699;
    padding: 10px;
    margin-bottom: 20px;
    width: 90%;
    margin: auto;
    padding:0px;
}
.eventname {
     text-align:center;
     font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
#dialog-form table{
    width:90%;
    margin:10px auto;
}
#dialog-form table input{
    max-width:70%
}
#dialog-form table textarea{
    max-width:70%
}

.descrip {
    margin:auto;
    width:98%;    
}
.descrip img {
    max-width:96%;
}

/** Template 1**/
.textbody{
    width:98%;
    margin:auto
}
.textbody fieldset{
    width:100%;
    max-width:100%;
    padding: 0px;
    background-color: white;
}
.textbody fieldset legend{
    font-size:16px;
}
.tickpass{
    text-align:center; 
}
    .tickpass .pw{
        width:70%;
        margin:auto;  
        display:inline-block;       
    }
        .tickpass .pw span{
            font-size:1.1em;  
            font-weight:bold;      
        }
        .tickpass .pw div:last-child {
        }

.tickpass .btn{  
    padding:4px;
    margin:3px;
}
.ticklist {
    margin:10px auto;
    width:98%;
    border: 2px solid #336699;
    background-color:#ECF4FD;
}
.tikholder {
    padding:15px;
    width:96%;
    margin:auto;
}
.addlHolder {    
    display:inline-block;    
    width:60%;
}

.contributionbox{
    background-color:#fff;
    border: solid 2px #ccc;
    padding:5px;
}
.addlcont{
    display:inline-block;
    padding:2px;
    width:60%;
}

.tikBox {
    display:inline-block;
    width:35%;
    text-align:right;
}

.tixlevel {
    margin:auto;
    width:85%;
} 
.v1Btn {
    width:37%;
    display:inline-block;
    text-align:right;
    vertical-align:top;
}
.location {
text-align:left;
}
.location div {
    vertical-align:top;
    display:inline-block;
}
.location div span {
    padding-left:5px;
}
.date {
    text-align:left;
}
.date div {  
    vertical-align:top;
    display:inline-block;
}
.date div span {
    padding-left:5px;
}
.contact {
    text-align:left;
}
.contact div{    
    vertical-align:top;
    display:inline-block;
}
.v1social {
    padding:20px;
    border: 2px solid #336699;
    width:80%;
    background-color:white;
}
.v1social .row {
    margin: 10px auto;
    width: 90%;
}
.v1social .row div {
    width:35%;
    display:inline-block;
    vertical-align:top;
    text-align:left;
} 
.v1social .row div:last-child{
    margin-left:2%;
}
.v1social .row div span{
    display:inline;
    vertical-align: super;
}
.v1title {
    text-align:right;
    margin:10px 0px;
}

.map {
    display: inline-block;
    vertical-align:top;
}
.l1bottom {
    width:100%;
    margin:auto;
    text-align:left;
    border: none; 
}

.l1bottom .bholder{ 
    text-align:center;
}

.l1bottom .lside, .l1bottom .rside {
    display:inline-block;
    width:49%;
    vertical-align:top;
    text-align:left; 
}

/** Template 2*/
.v2left { 
    width:63%;
    display:inline-block;
    vertical-align:top;
}
.v2right {
    margin:auto;
    width: 35%;
    display:inline-block;
    vertical-align:top;
    border: solid black 1px;
    background-color:#eef;
}
.v2right div {
    margin:10px auto;
    display:block;
}
#v2title {
    text-align:center;
}
.v2ticklist {
    margin:auto;
    width:96%;
}
.tikBox2 {
     width:70%;
     padding:10px;
}
.tikBox2 input {
     width:60%;
}
.addlHolder2 {    
    display:inline-block;    
    width:100%;
}
.contributionbox2{
    background-color:white; 
    border:1px solid;
}
.addlcont2{
    display:inline-block;
    padding:6px;
}

.v2Btn{
        width:100%;
        text-align:center;
    }
.v2Btn .btn{ 
    width:40% !important;
    display:inline-block;
}
.v2social {
    text-align:right;
    margin-right: 2%;
    margin-top:1%;
}
.v2social .row {
   display:inline-block;
}
.v2social .row div {
    display:inline-block;
    vertical-align:top;
    margin-right:5px;
} 
.v2social .row div span{
    display:none;
}
.v2share{
    font-weight: bold;
    font-size: 22px;
    vertical-align: top;
}
.contact2 {
    text-align:left;
} 
 
.map2{
    text-align:left;
}
.l2bottom{
    width:90%;
    border-top: 2px solid;
    padding:10px 0px;
}
.l2bottom div{
    margin:2px 0px;
}
.logistics {
    border:solid 2px #336699;
    padding:20px;
    background-color:white;
}
.gridviewheader {
    background-color:#336699;
    color:white;
}
/*** Invite Layouts END ***/
 
/*** Registration Form START ***/
#reginfo {
    width: 100%;   
}
#body_pnlEventInfo, .tixTransact {
    width:100%;
    background-color:#F4F6F8;
}

.regsummary{
    padding:10px;
}
.regsummary div{
    padding:10px 0px 10px 15px;
    width: 99%;
}
.regsummary .gridview{
    width: 98% !important;
 }
.regsummary .sum{
    font-weight:bold;
    text-align:right;
    font-size:1.5em;
    padding-left:0px;
}
.tixTransact{ 
    text-align:center;
}
.tixTransact div{
    display:inline-block;
    vertical-align:top;
    width:46%;
} 
.tixTransact p {
    margin:2px;      
}

#txtTimer {
    width:75%;
    color:Red;
    font-size:1.9em;
    font-weight:bolder;
    vertical-align:text-top;
    margin-top:-3px;
}
#body_vwSoldOut, #body_SecondCharge {
    width:80%;
    margin:auto;
}

.section {
    width:80%;
    margin:auto;
}
 
legend {
    font-size:1em;
    font-weight: bold;
    color:#000;
}
 .regishold{
    width:98%;
    margin:auto;
}

.formrow {
    margin:10px auto;
}
.formrow .qlabel {
    display:block;
    font-size: 1.2em;
    font-weight: bold;
}

.label {
    width:40%;
    text-align: right;
    display:inline-block;
    font-size:1.2em;
    font-weight:bold;
}
.enlabel {
    width:45%;
    text-align: right;
    display:inline-block;
    vertical-align:top;
}
.input, .question {
    width:52%;
    text-align:left;
    display:inline-block;
}
.input input, .question input {
    padding:10px;
    margin-left:5px;
    width:50%;
}
.input input[type=checkbox]{
    width:10%;
}
.input select, .question select {
    padding:10px;
    margin-left:5px;
}
.input textarea {
    padding: 10px;
    margin-left: 5px;
    width: 50%;
}

.regbtn {
    border-radius:10px;
    border:0px;
    background-color:#09F;
    font-size:1.5em;
    color:#FFF;
    padding:10px;
}

.innerset{
    padding: 1% 3%;
}

.reginstruct{
    color:#06C;
}
.submitInstruct {
    text-align: left;
    width: 80%;
    margin: auto;

}
.submitInstruct span{
    font-size:1.5em;
    font-weight:bold; 
}
.valsummary{
    width:80%;
    margin:auto;
}
/*** Registration Form END ***/


/*** Confirmation Page START ***/
.confirmbody{
    width: 70%;
    margin: auto;
}

.confirminfo{
    display:inline-block;
    width:40%;
    font-size: 1.3em;
}
/*** Confirmation Page END ***/


/*** Login Form BEGIN ***/
#login {
    text-align: center;
}
#loginhead {
   color:#09F;
}
.loginfo {
    width:60%;
    padding:20px;
    margin:auto;
    border:#888 2px solid;
    font-size:1.5em;
}
.loginBtn {
    border-radius:10px;
    border:0px;
    background-color:#09F;
    font-size:1.5em;
    color:#FFF;
    padding:10px;
    width:45%;
}
.datePick {
    width:25%!important;
}
/*** Login Form END ***/
 

/*** Events Manager  BEGIN ***/
 
.sm input{
    width:initial !important;
}
.sm select{
    width:initial !important;
}

.mEvents {
    border: 2px blue dotted;
    margin: 10px auto;
}
.mEvents div {
    display:inline-block;
    width:25%;
}
.eTitle {
  
}
.eDate {
  
}
.admin_body {
    width:96%;
    max-width:970px;
    margin:auto;
}

.adminbg{
    background-color: #ECF4FD;
    border: 2px solid #C3D9FF;
}

.admin_content {     
    margin:auto;
}

.reorder{
    width:96%;
    margin:auto;
    text-align:center;
}
.reorder div{
    display:inline-block;
    vertical-align:top;
    text-align:center;
    width:20%;
} 
/**EventDetail BEGINS**/ 
.contactContainer{
    border-bottom: 1px solid black;
    border-top: 1px solid black;
}
.contactItem{
    border: 1px solid black;
    background-color: white;
}

.eventContacts {
    display: inline-block;
    width: 17%;
    margin: 5px 1px;    
}

.eventContacts div{
    text-align:right;
}
.txtContacts {
    padding: 5px;
    width: 90%;
}
section {
    display:block;
    margin: 10px auto;
}
.adminsec {
    border: black 2px solid;
}
.admin_section { 
    vertical-align:top;   
    background-color: #ECF4FD;
    border: 2px solid #C3D9FF;
    margin:5px 5px;  
}

.admin_section .inner, .invDetail .inner, .admin_content .inner {
    width:90%;
    margin:10px auto;
}
.invDetail {
    width:90%;
    display:inline-block;
    vertical-align:top;   
    background-color:#EEF;
    border:2px solid rgb(195, 217, 255); 
    margin:5px 5px; 
}
 
.adminanswer{
    width: 65%;
    margin: auto;
    border-top: 2px solid;
}
.admindescript{
    width:90%;
    margin:auto;
}

.invitations {
    margin-left:32px;
    width:94%;
    margin:auto;
    text-align:center;
}
.invitations h2 {
    text-align:left;
}
.invitations a {
    color:#009;
    text-decoration:underline;
}

.gridview {
    background-color:white;
}
.tixBtnDiv {
    width:100%;
    text-align:center;
}
/**EventDetail ENDS**/ 

 /**Add Event BEGINS**/
 .smallTxt {
     font-size:0.7em;
 }
 .checkboxes {
     margin-left: 15px;
 }
 /**Add Event ENDS**/

/**** Events Manager ENDS ****/


/**Invitations BEGINS**/
.scrList {
    text-align:center; 
    color: #990000;
    font-weight: bold;
}
.chkIcSection {
    display:inline-block;
    vertical-align:top;
    width:48%;
}
.scrCheck {
   margin:5px;
}

.eUpdateBtns {
   background-color:#09F;   
   color:#FFF; 
   width: 10%;
   padding: 5px;
}
/**Invitation ENDS*/


/**Info BEGINS**/
#h1_info {
    background-color:#039;
    color:#FFF;
    text-align:center;
    margin:0px;
}
.menu {
display:inline-block;
   width:25%;
}
.h3_info {
    width:100%;
    display:inline-block;
    margin-left:5px;
    background-color:#F4F6F8;
}
.nav_info {
    display:none;
    width: 80%;
    margin-left: 5px;
    padding: 15px;
}
#info_txt {
    margin:45px;
    padding:40px;
    width: 50%;
    border: 1px solid #000;
    vertical-align: top;
}
 #imgMenuDown {
    display:none;
}
 #imgMenuUp {
    display:none;
}
 /**Info ENDS**/
 


/***********************************Tablets****************************************************/
@media all and (min-width: 30.1em) and (max-width: 73em)
{
    /** Admin START **/
    .admin_content {
        background-color:#fff;
        border:none;
        width:100%
    }
    .admin_body{
        width:98%;
    }
    .admin_section {
        width: 95%;
        margin: auto;
        display: block;
        margin-bottom: 10px;
    }
    /** Admin END **/
    
    .mobappear {
        display: none;
    }
    .btn {
       width:40% !important;
       margin:8px auto;
    } 
     
    /**Calendar Begins**/  
    .cal_container {
        text-align: center;
        width: 100%;
        margin: auto;
    } 
    .searchbx {
        padding:10px;
        width:60%;
    }
    .refine {
        width:24%;
        border:none;
        margin-left:0px;
    }
    .article-image img {
        display:inline-block;
        clear:both;
   }
    .input input {
        width: 90%;
    }
    /**Calendar Ends**/

    
    /**Event begins**/
    
    .v1social, .v2social {
      text-align:center;
   }
    
    /** Template 1**/
    .l1bottom {
       width:100%;
       padding:0px;
    }
    .l1bottom .lside, .l1bottom .rside{
        display:block;
        width:100%;
        margin:0px;
    }
    .v1social{
        width:100%;
        padding:0px;
        border-right: none;
        border-left: none;
    }
    .logistics{
        padding: 2% 15%;
        border:none;
    }
    .logistics h2{
       text-align:center;
   }
    .textbody{
        width:90%;
    }
    .ticklist{
        width:90%;
    }
    .addlHolder{
        width:100%;
    }
    .v1Btn{
        width:100%;
    }
    .v1Btn .btn{ 
        width:40% !important;
        display:inline-block;
   }
    /** Template 2**/
    .v2left {
       width:100%;
   }
    .v2right {
       width:100%;
       border:none;
   } 
    
    /**Event ends*/
    .invDetail {
       width: 98%;
    }
    .invDetail .inner {
       width:98%;
    }
    .invitations {
        width:100%;
    }
    .addTix {
        width:40% !important;
        margin:15px auto;
        padding:11px;
    }
     .adminInput {
         width:90% !important;
     }
     .adminInput input {
         display:block;
         width:80% !important;
     }
}

/****************************Mobile********************************************************************/
@media all and (max-width: 30em) {
    .mobappear {
        display:block;
    }
    .mobhide {
        display:none;
    }
    .ind{
        padding-left:5px;
    }
    .header_logo{
        width:100%;
        background-position: center center;
    }
    .header_options {
        display: block; 
        text-align: center;
        width: 100%;
    }
    ul#menu { 
        margin: 0px; 
        text-align: center;
    }
    ul#menu li {
        display: block; 
        padding-left: 0px;
    } 

    /**calendar begins **/
    .CharityEv {
        font-size: 2em;
    }
    fieldset {
        width:96%;
    }
    fieldset .input input {
        width:85%;
    }
    legend {
        max-width:90%;
    }
    .section {
        width:90%;
        margin:auto;
    }
    #body_vwSoldOut, #body_SecondCharge {
        width:90%;
    } 
    .refine {
        display: block;
        width: 100%;
        margin-left: 0px;
        list-style-type: none;
        text-align: center;
        font-size:1.5em; 
    } 
   .searchbx {
        font-size:1.2em;
        margin-bottom:5px;
        padding:10px;
        width:80%;
    }
   
   .search-btn {
        display:block;
        margin:0px auto!important; 
        width:35%;
    }
   .top {
        margin-top:0px;
    }
   /** buttons **/
   .addBtn {
        width:50%;
        padding:11px;
    }
   .tixBtnDiv {
        width:90%;
        margin:auto;
   }
   .addTix {
        width:90% !important;
        margin:auto;
        padding:11px;
    }
   .levelBtn {
        margin:5px auto;
        width:100% !important;
    }

   .btnDiv {
        width: 100%; 
        text-align:center;
     }
   .btnDiv .btn{ 
        width:40% !important;
        display:inline-block;
   }
   .btn {
        margin:8px auto;
   }
   /** buttons END **/
   /* Event Manager Mob. */
   .admin_body {
        width:98%;
    }
   ..admin_content {
        width:98%;
        background-color:#FFF;
        border:none;
    }
   .admin_section, .invDetail {
        display:block;
        width:98%;
        margin:auto;
        background:#fff;
    }
   .admin_section .inner, .invDetail .inner {
        width: 98%;
    }
   .admin_section .inner input {
        width:90%!important;
    } 
   .invDetail .inner input {
        width:90%!important;
    }
   .eTypeTitle {
        width:98%;
    }
   .eTypeTitle input {
        width:98%;
    }
   .eventContacts{
        width:98%;
    }
   .eventContacts input {
        width:80%;
        border-radius: 5px;
        border: #999 1px solid;
    }
   /* Event Manager Mob. END*/

   .mLeft {
        text-align:left;
    }  
   .deskML {
        margin-left:0px;
    }
  .invitations h2 {
        text-align:center;
    }
   .article-image {
        display:block;
        width:100%;
        clear:both;
    }
   .cal_container {
        text-align: center;
        width: 100%;
        margin: auto;
    }
   .listing {
        width:100%;
        display:block;
        margin:auto;
        border:none;
    }
    /**calendar ends **/

    /**Event begins**/

    /** Template 1 **/
   .v1social {
        text-align:center;
        width:100%;
        padding:0px;
    }
   .v1social .row{
       width: 100%;
   }
   .v1social .row div{
        width: 46%;
   }
   .textbody{
       width:100%;
    }
   .ticklist {
       width:100%; 
   }
   .tikholder {
        padding: 0px;
        width: 100%;
    }
   .addlHolder {  
        width: 96%;
        margin:3px auto;
    }
   .tikBox {
        text-align:center;
        width:100%;
        margin:10px 0px;
     }
   .addlcont, .addlcont2{
       width:100%;
    }
   .v1Btn {
        width: 100%;
        display: block;
        text-align: center;
   }
   .v1Btn .btn{ 
        width:40% !important;
        display:inline-block;
   }
   .date, .location {
       margin:auto;
       width:100%;
    } 
   .l1bottom {
       width:100%;
       padding:0px;
    }
   .l1bottom .lside, .l1bottom .rside{
       width:100%;
       display:block;
       margin: 0px;
   }
   .l2bottom{
       width:100%;
       padding:0px;
   }
   .logistics{
       padding:2px;
       border:none;
   }
   .logistics h2{
       text-align:center;
   }
   .contact {
        width: 100%;
        text-align:left;
        padding:3px;
    }
    .map{
        text-align:center;
     }

   /** Template 2 **/
   .v2left {
       width:100%;
       margin:0px;
    }
   .v2right {
       width:100%;
       border:none;
       background-color:#eef;
	   text-align: center;
    }
   .v2ticklist {
        width: 100%;
    }
   .v2social {
        text-align:center;
        width:100%;
        margin-top:15px;
    }
    #v2title{
        margin: 10px 0px;
    }
    .descrip img {
        max-width: 100%;
    }
    .contact2 {
        width: 100%;
    }
     
    .map2 {
        margin:auto;
        width:100%
    }
    /**Event ends**/

    /**registration begins **/ 
    .regsummary{
        padding:10px;
    }
    .regsummary div{
        padding:0px;
        width: 99%;
        text-align:center;
    }
    .regsummary .sum{
        font-weight:bold;
        text-align:center;
        font-size:1.3em;
        padding: 10px 0px;
    }

    article {
        width:100%;  
        padding: 10px;
        margin: 5px auto;
    } 
    
    .regishold{
        width:100%;
    }

    /***** Forms *****/
    .input{
        text-align:center;
        width:100%;
    }
    .input input {
        width:90%;
        border-radius:5px;
        border:none;
        border: 1px solid #999;
    } 
    .input select {
         border-radius:5px;
         border:none;
         background-color:#EEE;
         max-width: 100%;
         width:90%;
    }
    .input select.smalls {
         border-radius:5px;
         border:none;
         background-color:#EEE;
         max-width: 100%;
         width:40%;
    }
    .submitInstruct {
        margin:auto;
        width:90%;
    }

     /**registration ends **/

     #form1 {
         width:100%;
     }
    .menu {
         border:1px black solid;
     }
    .h3_info { 
         font-size:1.15em;
         width: 100%;
         text-align: center;
         display: block;
         margin:5px;
     }
    #imgMenuDown {
         display:block;
         margin:auto;
     }
   .nav_info {
         width: 85%;
         text-align: center;
         display: block;
         margin: 1px;
     }

   /**add event begins **/
   #imgMenuUp {
        display:block;
        margin:auto;
     }
   .txtContacts {
        text-align:center;
     }
   #imgUpload {
        display:none;
     }
    /**add event ends **/
   .label {
       text-align:center;
       width:100%;
    }
   
   .loginfo {
        width: 75% !important;
     }
   .datePick {
        width:45%!important;
     }
   .tikinput {
        margin:5px auto;
        width:90%!important;
     }
   .tikinput select {
        width:96%;
     }
   
   .question {
       width:50%
     }
   .question input {
       width:90%;
       border: 1px solid black;
       border-radius:5px;
     }
   .question select {
       width:95%;
       margin:auto;
       background-color: #DDD;
       border:none;
       border-radius:5px;
     }
   .promoInput select {
        width:98%;
     }
   .addEvEnable {
        width:30%!important;
     }
   .adminInput {
         text-align:center;
         width:98%;
     }
   .adminInput input {
          width:90%;
     }
    .adminInput select {
          width:96%;
     }
   .lilBtn {
       width:100%;
     }
 }