/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

#progressBar{ background:url(images/scm_loader.gif) center center no-repeat #000; position:fixed; width:100%; height:100%; z-index:10000; display:none;}
#imageLoader{padding:10px; position:fixed; width:100%; height:100%; z-index:3; display:none; }
#imageLoader #img-imageloader td{ vertical-align: middle;}
#imageLoader #img-imageloader img { background: #000; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 1em; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-family:'Open Sans', sans-serif; font-size: 0.85em; line-height: 1.286em; background-color:#fff; color:#333;}
button, input, select, textarea {  color: #222; }


::-moz-selection { background: #C8013B; color: #fff; text-shadow: none; }
::selection { background: #C8013B; color: #fff; text-shadow: none; }

a { color: #C8013B; }
a:visited { color: #C8013B; }
a:hover { color: #333; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1.143em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1.143em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1.143em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 1em; }
sub, sup { font-size: 0.857em; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1.143em 0; padding: 0 0 0 0; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { margin: 0; vertical-align: baseline; *vertical-align: middle; font-family:'Open Sans', sans-serif; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="text"], input[type="password"], textarea, select{padding:5px; font-size:1.143em; border:2px solid #BCBCBC;}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }


input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner{ border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.error-txt{ color:#f00; display:block; padding:5px 0;}

/* ===================================================
    Initializr styles
    http://verekia.com/initializr/responsive-template
    Author: Jonathan Verrecchia
   =================================================== */

body{ padding:0; margin:0; }

#wrapper{
	width:100%;
	margin:0px;
    padding:0px;	
}


/*========== Start Checkbox item classes ===============================================================*/
input[type=checkbox]{ opacity:0; -moz-opacity: 0; *height:21px; margin-right:-24px; }
.ie7 input[type=checkbox]{margin-right:0px;}
input[type=checkbox] + label{cursor:pointer; float:left; margin-left:28px; *margin-left:5px; font-weight:normal;  padding-right:20px;}
input[type=checkbox] + label:before{ content:''; margin-left:-28px; background-image:url(images/checkbox.png); *background-image:none; background-image:none/; background-repeat:no-repeat; background-position:left 0px; display:inline-block; height:20px; width:28px; float:left;}
input[type=checkbox]:focus + label{outline:1px dotted #666;}
input[type=checkbox]:focus + label:before,
input[type=checkbox]:hover + label:before{ content:''; background-position:left -23px; outline:0px}
input[type=checkbox]:checked + label:before{ content:''; background-position:left bottom;}

.ie7 input[type=checkbox],
.ie8 input[type=checkbox]{float:left;}
.ie8 input[type=checkbox] + label{ margin-left:18px;}
.ie8 input[type=checkbox] + label:before{ content:''; display:none;}

/* Start Radio item classes */
input[type=radio]{ opacity:0;}
input[type=radio] + label{ cursor:pointer; background-color:#d7d7d7; text-transform:uppercase; margin-left:-13px; padding:5px 10px; display:inline-block; height:27px; padding:4px 10px\0/; margin-left:-12px\0/; font-size:1em; font-weight:bold; line-height:none;}
input[type=radio]:focus + label{ background-color:#C8013B !important; }
input[type=radio]:checked + label{ background-color:#C8013B; color:#fff;}
.ie7 input[type=radio] + label,
.ie8 input[type=radio] + label{ background:none; margin-left:0; padding:0; }





/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* Start Common Gallery Classes */
.gallery ul, .gallery li{ list-style:none; margin:0; padding:0; display:inline-block;}

/* Start Background Gallery Classes */
#carousel-example-generic{ height:100%;}
#BackgroundGallery, .imgFromCookie{position:fixed; left:0; top:0; right:0; bottom:0; overflow:hidden; z-index:1;} 
#BackgroundGallery > #Gallery > .BackgroundGallery_item{ position:absolute; left:0; top:0; right:0; bottom:0; overflow:hidden;}
#BackgroundGallery > #Gallery > .BackgroundGallery_item img{position:absolute; }

/* Start BodyContainer classes here*/
#InnerPageWrapper{ padding:0; background:#fff;}
#InnerPageWrapper .dropdown-menu{background-color:#3c3c3c;}
#InnerPageWrapper .dropdown-menu .dropdown-menu{background-color:#4c4c4c;}
#InnerPageWrapper .dropdown-menu > li > a{ color:#fff;}

#BodyContainer{ position:absolute; background:none repeat scroll 0 0 transparent; z-index:2; width:100%; height:100%;}
#InnerPageWrapper #BodyContainer.container{ padding:0 20px;}
#InnerPageWrapper #BodyContainer.container > .row{ margin:0px;}
#InnerPageWrapper #BodyContainer{ position:relative; height:auto;}

/* Start Black Mask classes here */
#BlackMask{ position:fixed; z-index:2; width:100%; height:100%;}

/* start header classes here */
#Header{ /*position:fixed;*/ position:absolute; width:100%; height:80px; display:block; z-index:3;}
#InnerPageWrapper #Header{ position:relative; height:auto; display:inline-block; float:left;}
#SCMLogo{ position:absolute; z-index:1001; top:0;}
#SCMLogo a{ display:inline-block; }
#fullScreen{width:100%; position:absolute; text-align:center; display:none;}
#fullScreen > #fullScreenBtn,
#fullScreen > #fullScreenAcualPhoto{background:#000; display:inline-block; padding:5px 10px; cursor:pointer; border-radius:0 0 5px 5px; font-size:0.857em; text-transform:uppercase;}
#fullScreen > #fullScreenBtn:hover,
#fullScreen > #fullScreenAcualPhoto:hover{ color:#C8013B;}
#fullScreen > #fullScreenAcualPhoto{ margin-left:10px;}

    /* start top nav classes here*/
    #TopNav{ float:left; padding:8px 10px 8px 0px; *padding-right:0px; background:url(images/top_nav_bg.png) center top repeat transparent; width:100%;}
    #TopNav > ul{ float:right;}
    #TopNav > ul, #TopNav > ul > li{ list-style:none; margin:0; padding:0;}
    #TopNav > ul > li{ float:left; display:inline-block; margin-right:10px; display:inline-block;}
    #TopNav > ul > li > a{ font-size:1em; font-weight:normal; cursor:pointer; display:inline-block; padding:12px 20px 12px 38px; margin:15px 0; text-align:center; text-transform:uppercase; color:#585858; text-decoration:none; background-position:left 0px; background-repeat:no-repeat;}
    #TopNav > ul > li > a:hover{ color:#C8013B; }
    #TopNav > ul > li > a.join{ background-image:url(images/top_nav_link_icon.png); }
    #TopNav > ul > li > a.join:hover{background-position:left bottom; }
    #TopNav > ul > li > a.visit{ background-image:url(images/top_nav_visit_icon.png);}
    #TopNav > ul > li > a.visit:hover{background-position:left bottom;}
    #TopNav > ul > li > a.tour{ background-image:url(images/top_nav_tour_icon.png); background-position:8px 0;}
    #TopNav > ul > li > a.tour:hover{background-position:left bottom;}
    #TopNav > ul > li > a.tour:hover{ background-position:8px bottom;}
    #TopNav > ul > li > a.donate{ background-image:url(images/top_nav_donate_icon.png); background-position:7px 0;}
    #TopNav > ul > li > a.donate:hover{background-position:7px bottom;}
    #TopNav > ul > li > a.login,
    #TopNav > ul > li > a.logout{background-position:12px 0; background-color:#fff;}
    #TopNav > ul > li > a.login:hover,
    #TopNav > ul > li > a.logout:hover{background-position:12px bottom;}
    #TopNav > ul > li > a.login{background-image: url(images/login_icon.png);}
    #TopNav > ul > li > a.logout{background-image: url(images/logout_icon.png);}
    
    /* Start footer classes here*/
#footer{ position:fixed; z-index:3; bottom:0; width:100%; background:#000;}
#InnerPageWrapper #footer{ position:relative;}
#footer p{ text-align:center; font-size:0.857em; color:#fff; margin:0; padding:10px;}
#footer p a{ text-decoration:none;}

/* Start Sitemap Classes here */
#pageNavigation{ float:right; background:url(images/menu_bg.png) center top repeat transparent; width:100%; }
.ie6 .dropdown-menu,
.ie7 .dropdown-menu,
.ie8 .dropdown-menu{ background:#fff;}

/* Start Navigation Arrow classes here*/
.nav-arrow { position:relative; }
.nav-arrow > .pageNo{ padding:0 10px; display:inline-block; font-size:1em; vertical-align:top; padding-top:2px;}
.nav-arrow > .arrow-mask{ position:absolute; }
.nav-arrow > .activeMask{ position:absolute; width:100%; height:100%; left:0; top:0;}
.nav-arrow > .nav-arrow-l, .nav-arrow > .nav-arrow-r,
.nav-arrow > .nav-playPause > img.play, .nav-arrow > .nav-playPause > img.pause{ background-position:center top; background-repeat:no-repeat; width:22px; height:22px; cursor:pointer;}
.nav-arrow > .nav-arrow-l:hover, .nav-arrow > .nav-arrow-r:hover,
.nav-arrow > .nav-playPause:hover > img.play, .nav-arrow > .nav-playPause:hover > img.pause{ background-position:center bottom;}
.nav-arrow > .nav-arrow-l{ background-image:url(images/navigation_lft_arrow.png); visibility:hidden;}
.nav-arrow > .nav-arrow-r{background-image:url(images/navigation_rgt_arrow.png);}
.nav-arrow > .nav-playPause > img.play{ background-image:url(images/navigation_play_btn.png);}
.nav-arrow > .nav-playPause > img.pause{background-image:url(images/navigation_pause_btn.png);}


/* start Home page latest event classes here*/
#LatestActivities{ background:url(images/home-event-bg.png) right bottom no-repeat; position:absolute; right:0; bottom:0; width:440px; height:440px;}
#LatestActivities .nav-arrow{ text-align:right; padding:0 20px; clear:both;}
#ActivitiesMask{ overflow:hidden; width:360px; height:370px; position:relative; float:right; margin-right:20px;}
#LatestActivities > #ActivitiesMask > ul{ margin:0; padding:0; list-style:none; position:absolute; bottom:10px; display:inline-block;}
#LatestActivities > #ActivitiesMask > ul > li{ float:left; width:360px; text-align:right; }
#LatestActivities > #ActivitiesMask > ul > li > h1{ font-weight:normal; font-size:11em; margin:0px; padding:5px 0px;}
#LatestActivities > #ActivitiesMask > ul > li > h1 > a { text-decoration:none;}
#LatestActivities > #ActivitiesMask > ul > li > p{ font-weight:normal; font-size:1em; margin:0px; padding:0px;}
#LatestActivities > #ActivitiesMask > ul > li > a > img{ border:2px solid #fff;}

/* start News classes here*/
#NewsSection{ position:absolute; bottom:50px; left:20px;}
    /* start Widget News classes here*/    
    #NewsSection > #widgetBaseNews > .nav-arrow{ padding-top:5px;}
    #NewsSection > #widgetBaseNews > .nav-arrow > img{ float:left;}
    #NewsSection > #widgetBaseNews > #NewsMask{ overflow:hidden; width:360px; height:72px; position:relative;}
    #NewsSection > #widgetBaseNews > #NewsMask > h1{ font-weight:normal; font-size:1.429em; margin:0; padding:0 0 10px 0;}
    #NewsSection > #widgetBaseNews > #NewsMask > ul{ list-style:none; margin:0px; padding:0px;}
    #NewsSection > #widgetBaseNews > #NewsMask > ul > li{ float:left; width:360px;}
    #NewsSection > #widgetBaseNews > #NewsMask > ul > li > a{ color:#fff; font-size:1em; text-decoration:none;}
    #NewsSection > #widgetBaseNews > #NewsMask > ul > li > a:hover{color:#C8013B;}
    #NewsSection > #widgetBaseNews > #NewsMask > ul > li > a > p { margin:0; padding:0; font-size:inherit; }
    #NewsSection > #widgetBaseNews > #NewsMask > ul > li > a > p > span{ font-size:1em;}
    
/* ======= Start Innerpage classes here ====================================================================*/
#InnerPage{ /*height:200px;*/ padding-bottom:100px;}
#InnerPage > .col-md-12 > h1#title,
.memberShipBox .ms-hdr{ font-family:'Lato', sans-serif; color:#C8013B; font-size:2.143em; font-weight:lighter; margin:30px 0; text-transform:uppercase;}
    
    /* Start sub navigation classes here */
    #SubNav{ background:#eee; clear:both; margin:1px 0px; }
    #SubNav > ul{ list-style:none; margin:0px; display:inline-block; padding:5px 0 2px 20px; overflow:hidden; height:33px;}
    #SubNav > ul > li{ display:inline-block; margin-left:5px;  float:left; padding-top:5px;}
    #SubNav > ul > li:after{ content:"|";}
    #SubNav > ul > li.back:after{content:"";}
    #SubNav > ul > li > a{ font-size:1em; text-decoration:none; color:#333; text-transform:uppercase; padding-right:4px; display:inline-block; }
    #SubNav > ul > li > a:hover, #InnerPage > #SubNav > ul > li.act > a{ color:#C8013B;}
    #SubNav > ul > li.back{ margin-right:10px; padding:0px;}
    #SubNav > ul > li.back > a, 
    #SubNav > ul > li.back > a > span{ background-image:url(images/back_btn.png); background-repeat:no-repeat; display:inline-block; color:#333;}
    #SubNav > ul > li.back > a{background-position:left top;  cursor:pointer; display:inline-block;}
    #SubNav > ul > li.back > a > span{background-position:right bottom; padding:4px 12px 4px 27px; margin-right:-7px; text-shadow:1px 1px 1px solid #000;}
    #SubNav > ul > li.act > a { color:#C8013B; font-weight:bold;}
    /* start page content classes here  */
    #InnerPage > #PageContentSection{ clear:both; /*background:url(images/content_bg.png) repeat;*/ height:100%; }
        
        /* start two column section classes here  */
        #threeColumnSection > .column2{ border-left:1px solid #ccc; border-right:1px solid #ccc;}
        #threeColumnSection .dynamicContent img{ width:100%; height:auto;}
        
        /* start Gallery View section classes here  */
        #InnerPage > #PageContentSection > #galleryViewColumnSection{background:url(images/content_bg.png) repeat; float:right; width:40%;}
        #InnerPage > #PageContentSection > #galleryViewColumnSection > .columnContent{ padding:23px; overflow:auto; height:200px;}
        
        /* start page content classes here */
        #InnerPage > #PageContentSection h1{ font-size:2.5em;}
        #InnerPage > #PageContentSection h2{font-size:2.5em;}
        #InnerPage > #PageContentSection h3{font-size:1.5em;}
        #InnerPage > #PageContentSection h4{font-size:1.5em;}
        #InnerPage > #PageContentSection h5{font-size:1.25em;}
        #InnerPage > #PageContentSection .highlight {color:#C8013B;}
        
        .dynamicContent{font-size:1em; line-height:1.286em; }
		.dynamicContent h2,
        .dynamicContent h4{ font-weight:normal;}
        .dynamicContent h1,
        .dynamicContent h2,
        .dynamicContent h3,
        .dynamicContent h4,
        .dynamicContent h5{ margin:0px; padding-bottom:20px;}
        .dynamicContent ul, .dynamicContent ol{ margin-left:40px; padding-bottom:20px;}
        .dynamicContent .highlight {color:#C8013B;}
		.dynamicContent p{ margin:0; padding:0 0 10px 0; line-height:1.7em;}

		.dynamicContent .fontSize12 {font-size:12px;}
		.dynamicContent .fontSize14 {font-size:14px;}
		.dynamicContent .fontSize16 {font-size:16px;}
		.dynamicContent .fontSize18 {font-size:18px;}
		.dynamicContent .fontSize22 {font-size:22px;}
		.dynamicContent .fontSize24 {font-size:24px;}
		.dynamicContent .fontSize28 {font-size:28px;}
		
		.dynamicContent .colorBrightGreen {color:#6be400;}
		.dynamicContent .colorGreen {color:green;}
		.dynamicContent .colorBlue {color:blue;}
		.dynamicContent .colorRed {color:red;}
		.dynamicContent .colorYellow {color:yellow;}
		.dynamicContent .colorPurple {color:purple;}
		.dynamicContent .colorWhite {color:#C8013B;}
        

 
 
/*===== Start Tour Classes here =====================================================*/
#ToursList > .col-md-12{ clear:both;}
#ToursList > .col-md-4 > .ToursList-details{ background:#f0f0f0; margin-bottom:20px; padding:15px;}
#ToursList > .col-md-4 > .ToursList-details > a{ display:block; color:#333; text-decoration:none;}
#ToursList > .col-md-4 > .ToursList-details h3{ font-size:1.286em; color:#C8013B; margin:0px; padding-bottom:10px;}
#ToursList > .col-md-4 > .ToursList-details .ToursList-topics{ display:block; margin-top:15px; padding-bottom: 15px;}
#ToursList > .col-md-4 > .ToursList-details .ToursList-topics h4{ font-size:1em; color:#C8013B; margin:0; }
#ToursList > .col-md-4 > .ToursList-details .ToursList-topics ul,
#ToursList > .col-md-4 > .ToursList-details .ToursList-topics li{ list-style:none; margin:0; padding:0;}
#ToursList > .col-md-4 > .ToursList-details .ToursList-topics li{ font-size:1em; display:inline;}
#ToursList > .col-md-4 > .ToursList-details .ToursList-topics li:after{ content:", ";}
#ToursList > .col-md-4 > .ToursList-details .ToursList-topics li:last-child:after{content:"";}
#ToursList > .col-md-4 > .ToursList-details .TourList-btn{ padding-top:10px; text-align:center;}
#ToursList > .col-md-4 > .ToursList-details .TourList-btn input{background: none repeat scroll 0 0 #C8013B; border: 0 none; color: #FFFFFF; display: inline-block; font-size:1em; font-weight: bold; padding: 5px 10px; text-decoration: none; text-transform: uppercase;}

    /* Start Tour Details Page classes here*/
    .tourDetailsPage .tourDetail-Data{ background:#f0f0f0; display:inline-block; width:100%; font-family:14px; padding:10px 0; position:relative;}
    .tourDetailsPage .tourDetail-Data .tourDet-Data-Item { border-left:1px dotted #ccc; position:static;}
    .tourDetailsPage .tourDetail-Data .tourDet-Data-Item .TourDetail-Booking-btn{ text-align:right; position:absolute; right:20px; bottom:20px;} 
    .tourDetailsPage .tourDetail-Data .tourDet-Data-Item:first-child{ border-left:0px;}
    .tourDetailsPage .tourDetail-Data .tourDet-Data-Item li{ display:block; padding:3px 0;}
    
    .tourDetailsPage .tourDetail-Data .tour-list-regi-type.col-md-12 li{ display:inline-block; margin-right:10px; border-right:1px solid #ccc; padding:3px 10px 3px 0;}
    .tourDetailsPage .tourDetail-Data .tour-list-regi-type.col-md-12 li:last-child{border-right:0;}
    
    .tourDetailsPage .tourDetail-Data .tour-list-regi-type.col-md-12{ clear:both; margin-top:20px; border-top: 1px dotted #ccc; margin-top: 10px; position:relative;}
    .tourDetailsPage .tourDetail-Data .tour-list-regi-type.col-md-12 .tlrt-Content{ padding-right:200px;}
    .tourDetailsPage .tourDetail-Data .tour-list-regi-type.col-md-12 .TourDetail-Booking-btn{ position:absolute; right:20px; bottom:0px; }
    .tourDetailsPage .tourDetail-Data .tour-list-time-slots li{ padding-bottom:5px;}
    .tourDetailsPage .tourDetail-Data .TourDetail-Booking-btn input{background: none repeat scroll 0 0 #C8013B; border: 0 none; color: #FFFFFF; display: inline-block; font-size:1em; font-weight: bold; padding: 5px 30px; text-decoration: none; text-transform: uppercase;}
    .tourDetailsPage .tourDetail-Data h5{ font-size:1.286em; font-weight:normal;}
    .tourDetailsPage .tourDetail-Data ul,
    .tourDetailsPage .tourDetail-Data li{ margin:0; padding:0; list-style:none;}
    .tourDetailsPage .tourDetail-Content{ clear:both; margin-top:40px;}
	.tourDet-Data-Item.tour-list-regi-type.col-md-3 {padding-bottom: 50px;}    


    /* Start specific field control classes here */
    .TourBooking-Information{ border-left:2px solid #ccc;}
    #TourDetailsPanel h5{ font-size:1.286em; color:#C8013B; font-weight:normal; text-transform:uppercase;}
    #TourDetailsPanel .TourBooking-section h5 b{ font-weight:normal;}
    #TourDetailsPanel .TourBooking-Topics{ margin-top:20px; clear:both;}
    #TourDetailsPanel .tbf-field-container{ float:left; width:48%; margin:0 1% 10px 1%; position:relative;}
    #TourDetailsPanel .tbf-field-container.tbf-date,
    #TourDetailsPanel .tbf-field-container.tbf-date-from,
    #TourDetailsPanel .tbf-field-container.tbf-cbb-org,
    #TourDetailsPanel .tbf-field-container.tbf-cbb-yesno{ width:98%;}
    #TourDetailsPanel .tbf-field-container .tbf-lbl,
    #TourDetailsPanel .tbf-field-container .small-txt{ display:block;}
    #TourDetailsPanel .tbf-field-container .small-txt{ color:#858585;}
    
    #TourDetailsPanel .tbf-field-container .tbf-inp > input,
    #TourDetailsPanel .tbf-field-container .tbf-inp > select{ width:100%;}
    #TourDetailsPanel .TourBookingByPanel .tbf-cbb-yesno .tbf-inp br{ display:none;}
    #TourDetailsPanel .tbf-field-container .tbf-field-validation { position: absolute; right: 10px; top: 28px; }
	#TourDetailsPanel .TourBooking-Topics .chk-bx-list{ list-style:none; margin:0; padding:0; }
    #TourDetailsPanel .TourBooking-Topics .chk-bx-list li{ display: inline-block; width: 100%; padding-bottom:5px;}
    
    #TourDetailsPanel #TourBookingRegistrationTypeOtherItem table{ background: none repeat scroll 0 0 #F0F0F0; border: 0 none;}
    #TourDetailsPanel #TourBookingRegistrationTypeOtherItem th,
    #TourDetailsPanel #TourBookingRegistrationTypeOtherItem td{ padding:3px 10px; vertical-align:middle; }
    #TourDetailsPanel #TourBookingRegistrationTypeOtherItem th{background:none repeat scroll 0 0 #C8013B; color: #FFFFFF; text-transform:uppercase;}
    #TourDetailsPanel #TourBookingRegistrationTypeOtherItem td{ border-bottom: 1px dashed #CCCCCC;}
    #TourDetailsPanel #TourBookingRegistrationTypeOtherItem .TourBooking-amountTxt,
    #TourDetailsPanel #TourBookingRegistrationTypeOtherItem .tbf-regi-amount-th{ text-align:right;}
    
    #TourDetailsPanel .TourBooking-RegItem{ margin-top:20px;}
    #TourDetailsPanel .regType{ margin-right:20px;}
    #TourDetailsPanel .tbf-reg-sym,
    #TourDetailsPanel .tbf-other-sym{ width:12px; height:12px; display:inline-block;}
    #TourDetailsPanel .tbf-reg-sym{ background:#C8013B;}
    #TourDetailsPanel .tbf-other-sym{background:#333333;}
    #TourDetailsPanel .TourBooking-save-panel {margin-top: 20px; text-align: center;}
    #TourDetailsPanel .TourBooking-save-panel input { background-color: #C8013B; border: 0 none; color: #FFFFFF; font-size: 1em; font-weight: bold; padding: 10px 20px; text-transform: uppercase;}
    #TourDetailsPanel .TourBooking-save-panel .TourBooking-back-btn input{ background:none; color:#333;}
    
    .TourBooking-Schedule .riTextBox.riRead{ border-width:2px !important; padding:5px !important; font-size:1.143em !important; height:35px; }
    .TourBooking-Schedule .tbf-field-container.tbf-date .mdf-field-validation{ right:36px; top:28px;} 
    
	.tbf-other-amount-td, .tbf-regi-amount-td {text-align: right;}
    
/*===== Start Collection  Classes here =====================================================*/

#CollectionList > .collectionListItem{ margin-bottom:30px;}
#CollectionList > .collectionListItem > a{ text-decoration:none;}
#CollectionList > .collectionListItem > a > img{ border-top:6px solid #C8013B;}

    
        /* start Gallery View section classes here  */
        #InnerPage > #PageContentSection > #CollectionViewColumnSection{background:url(images/content_bg.png) repeat; float:right; width:400px;}
        #InnerPage > #PageContentSection > #CollectionViewColumnSection > .collectionColumnContent{ padding:23px; height:170px;}
        
        /* Start Collection Details Media List classes here */
        #CollectionItemMedia{ position:absolute; bottom:100px; left:20px; right:20px; }
        #CollectionItemMedia  .nav-arrow{ text-align:right; position:absolute; top:-30px;}
        #CollectionItemMedia > #CollectionItemMask{ overflow:hidden; position:relative;}
        #CollectionItemMedia > #CollectionItemMask > h1{ font-weight:normal; font-size:1.429em; margin:0; padding:0 0 10px 0;}
        #CollectionItemMedia > #CollectionItemMask > ul{ list-style:none; margin:0px; padding:0px;}
        #CollectionItemMedia > #CollectionItemMask > ul > li{ float:left; display:inline-block; width:150px; margin-right:5px; position:relative; cursor:pointer;}
        #CollectionItemMedia > #CollectionItemMask > ul > li{ display:inline-block;}
        #CollectionItemMedia > #CollectionItemMask > ul > li > a > .cMediaMask{ position:absolute; left:0; top:0; bottom:0; right:0; background:url("images/galleryThumbBg.png") repeat; border:2px solid #000; }
        #CollectionItemMedia > #CollectionItemMask > ul > li.current > a > .cMediaMask{ border:5px solid #C8013B; background:none; }


/*======= Start Membership Module Classes here ========================================================================================*/
.RenewMembershipLink{ text-align:right;  }

#Membership-List-Control{ margin-top:20px;}
#Membership-List-Control > #Membership-List{ font-size:1em;}
#Membership-List-Control > #Membership-List > .Membership-List-Item{ background:#f0f0f0; margin-bottom:10px;}
#Membership-List-Control > #Membership-List > .Membership-List-Item > .Membership-List-Item-Container{ padding:10px;}
#Membership-List-Control > #Membership-List > .Membership-List-Item > .Membership-List-Item-Container .MLI-Title{ color:#333; font-size:1.714em; line-height:normal;}

#Membership-List-Control > #Membership-List > .Membership-List-Item > .Membership-List-Item-Container > .MLI-Content > .MLI-Validity{border-bottom:1px solid #ccc; padding-bottom:10px; }
#Membership-List-Control > #Membership-List > .Membership-List-Item > .Membership-List-Item-Container > .MLI-Content > .MLI-Validity > span{ color:#C8013B;}
#Membership-List-Control > #Membership-List > .Membership-List-Item > .Membership-List-Item-Container > .MLI-Content > .MLI-Cost-List{margin:10px 0; display:inline-block; }
#Membership-List-Control > #Membership-List > .Membership-List-Item > .Membership-List-Item-Container > .MLI-Content > .MLI-Cost-List > .MLI-Cost-List-Item{ display:inline-block; margin-right:10px; padding-right:10px; border-right:1px solid #ccc;}
#Membership-List-Control > #Membership-List > .Membership-List-Item > .Membership-List-Item-Container > .MLI-Content > .MLI-Cost-List > .MLI-Cost-List-Item > .MLI-Category{ float:left; padding-right:5px;}
#Membership-List-Control > #Membership-List > .Membership-List-Item > .Membership-List-Item-Container > .MLI-Content > .MLI-Cost-List > .MLI-Cost-List-Item > .MLI-Category:after{ content:":";}
#Membership-List-Control > #Membership-List > .Membership-List-Item > .Membership-List-Item-Container > .MLI-Content > .MLI-Cost-List > .MLI-Cost-List-Item > .MLI-Cost{ float:left; color:#C8013B; }
#Membership-List-Control > #Membership-List > .Membership-List-Item > .Membership-List-Item-Button{ text-align:right; display:block; padding:0 10px 10px 0;}
#Membership-List-Control > #Membership-List > .Membership-List-Item > .Membership-List-Item-Button > input{ border:0px; text-decoration:none; display:inline-block; color:#fff; background:#C8013B; font-weight:bold; padding:5px 10px; font-size:1em; text-transform:uppercase; }
.RenewMembershipLink input{ background:none; border:0px;  display:inline-block; font-weight:bold; padding:0px 0px 5px 10px; font-size:1em; text-transform:uppercase; text-decoration:underline;}
.RenewMembershipLink input:hover{color:#C8013B;}

.ms-SingleCostSection{ margin-bottom:20px; font-size:1em; font-weight:bold;}
.ms-SingleCostSection .ms-vldtyValue{ color:#C8013B}
table.MambershipList > thead > tr > th,
table.MambershipList > tbody > tr > td{ background:#f0f0f0; font-size:1em; padding:5px 10px; border-bottom:1px solid #fff;}
table.MambershipList > thead > tr > th{background:#333; }
table.MambershipList > tbody > tr > td{background:#f0f0f0; }
table.MambershipList > tbody > tr > td .td{ position:relative;}
table.MambershipList > tbody > tr > td .td input{ opacity:1; -moz-opacity: 1; }

    /*================= Start Save Membership Module Classes here ===================================================================*/
    .membershipOrgPanel-section .msf-container,
    .membershipForm-section .msf-container,
    .renew-ms-Module .renew-ms-Sctn .renew-ms-FLONameSctn .renew-ms-container,
    .renew-ms-Module .renew-ms-Sctn .renew-ms-EmailandConfirmSctn .renew-ms-container{float:left; width:48%;  position:relative; margin:0 1% 10px;}
    
    #MembershipSave{ position:relative;}
    #MembershipSave .msf-srch-dv{background: none repeat scroll 0 0 #C8013B; position: absolute; right: 0; text-align: right; top: 3px}
    #MembershipSave .msf-srch-dv .msf-back a{ color: #FFFFFF; display: inline-block; padding: 5px 10px; text-decoration: none; text-transform: uppercase;}
    .memberShipBox .ms-hdr{ color:#333; padding-right:80px;}
    .memberShipBox .ms-hdr:before{ content:"Save - "; color:#C8013B;}
    
    .membershipCategroyList-Sctn{ width:38%; float:left;}
    .ms-registerForm{ display:inline-block; float:right; border-left:2px solid #ccc; width:60%; padding:10px 0px 10px 20px;}
    
    .memberShipSctn .ms-registerHdr .ms-detailHdr{font-size:1.571em; margin-bottom: 20px; margin-top: -10px; padding: 5px 0;}
    .memberShipSctn .ms-radioLst{ margin-bottom:20px;}
    .memberShipSctn .msf-buttonSctn{  clear: both; display:block; margin-top: 30px; text-align:right;}
    .memberShipSctn .msf-btn input,
    .renew-ms-Module .renew-ms-Sctn .renew-ms-btnSctn .renew-ms-btn input{ background: none repeat scroll 0 0 #C8013B;  border: 0 none;  color: #fff;  font-size:1.143em; text-transform:uppercase;  font-weight: bold;  padding: 5px 20px;}
    .renew-ms-Module .renew-ms-Sctn .renew-ms-btnSctn .renew-ms-backbtn input{border: 0 none;  color: #333;  font-size:1.143em; text-transform:uppercase;  font-weight: bold;  padding: 5px 20px;}
    .msf-orgPanel { border-top: 1px dashed #CCCCCC; display: inline-block; margin-top: 15px; padding-top: 15px; width: 100%;}
    
    .membershipForm-section .msf-field-validation,
    .membershipOrgPanel-section .msf-field-validation{position: absolute; right: 5px; top: 26px;}
    
    
    
    .membershipOrgPanel-section .msf-container.msf-description{ width:98%;}
    
    .membershipForm-section .msf-lbl,
    .membershipOrgPanel-section .msf-lbl{ display:block;}
    
    .membershipForm-section .msf-inp,
    .membershipOrgPanel-section .msf-inp{ width:100%;}
    
    .membershipForm-section .msf-inp input,
    .membershipForm-section .msf-inp select,
    .membershipOrgPanel-section .msf-inp input,
    .membershipOrgPanel-section .msf-inp select,
    .membershipOrgPanel-section .msf-inp textarea{ width:100%; padding:5px;}
    
    .mCSB_container .srch-txt{ display:inline-block; padding:5px 10px; background:#000; text-decoration:none;}
    
    
    /********** START RENEW MEMBERSHIP CLASSES HERE **********/
    .renew-ms-Module{ background:#f0f0f0; padding:20px;}
    
    .renew-ms-Module .renew-ms-Sctn .renew-ms-container{ float:left; position:relative;}
    
    .renew-ms-Module .renew-ms-Sctn .renew-ms-field .renew-ms-lbl{ display:block;}
    .renew-ms-Module .renew-ms-Sctn .renew-ms-field .renew-ms-inp{ display:block;}
    .renew-ms-Module .renew-ms-Sctn .renew-ms-field .renew-ms-inp input{ width:100%;}
    .renew-ms-Module .renew-ms-Sctn .renew-ms-FLONameSctn{ clear:both; margin-bottom:20px;}
    .renew-ms-Module .renew-ms-Sctn .renew-ms-FLONameSctn .renew-ms-orSctn{ float:none; text-align: center; margin-bottom:15px;}
    .renew-ms-Module .renew-ms-Sctn .renew-ms-FLONameSctn .renew-ms-orgName{ float:none;}
    .renew-ms-Module .renew-ms-Sctn .renew-ms-FLONameSctn .renew-ms-orSctn strong{display: inline-block; padding-top: 25px; color:#C8013B;}
    .renew-ms-Module .renew-ms-Sctn .renew-ms-EmailandConfirmSctn{ clear:both; float:left; margin:20px 0; width:100%; border-top:1px dotted #666; padding-top:15px;}
    .renew-ms-Module .renew-ms-Sctn .renew-ms-btnSctn{ clear: both; display: inline-block; margin-top: 40px; width: 100%; text-align:right}
    .renew-ms-Module .renew-ms-Sctn .renew-ms-btnSctn .renew-ms-btn{ text-align:right;}
    .renew-ms-Module .renew-ms-Sctn .renew-ms-field-validation{position: absolute; right: 4%; top: 47%;}
    
    
    .renew-ms-ListViewSctn .renew-ms-ListTbl{ width:100%; background:#000; border:1px dotted #333;}
    .renew-ms-ListViewSctn .renew-ms-ListTbl .renew-ms-tblHdr th{ background:#333; padding:5px 10px; text-align:left;}
    .renew-ms-ListViewSctn .renew-ms-ListTbl .renew-ms-tblHdr .renew-ms-name{ width:36%;}
    .renew-ms-ListViewSctn .renew-ms-ListTbl .renew-ms-tblHdr .renew-ms-status{ text-align:center;}
    .renew-ms-ListViewSctn .renew-ms-ListTbl .renew-ms-tblHdr .renew-ms-renewMembership{ text-align:center;}
    
    .renew-ms-ListViewSctn .renew-ms-ListItemSctn td{ padding:10px; border-bottom:1px dotted #333; vertical-align:middle;}
    .renew-ms-ListViewSctn .renew-ms-ListItemSctn .renew-ms-regDateItem label{ display:block; font-size:0.8em;}
    .renew-ms-ListViewSctn .renew-ms-ListItemSctn .renew-ms-statusItem{ text-align:center;}
    .renew-ms-ListViewSctn .renew-ms-ListItemSctn .renew-ms-statusItem .activestatus-ico{ background:url(images/renew-ms-status.png) no-repeat 0 0; width:20px; height:20px; display:inline-block;}
    .renew-ms-ListViewSctn .renew-ms-ListItemSctn .renew-ms-statusItem .inactivestatus-ico{background:url(images/renew-ms-status.png) no-repeat 0 -24px; width:20px; height:20px; display:inline-block;}
    .renew-ms-ListViewSctn .renew-ms-ListItemSctn .renew-ms-renewMembershipItem{ text-align:right;}
    .renew-ms-ListViewSctn .renew-ms-ListItemSctn .renew-ms-renewMembershipItem .renew-ms-bycard-btn{ background:url(images/renew-by-creditcard.png) no-repeat 0 0; width:85px; height:18px; display:inline-block; border:none;}
    .renew-ms-ListViewSctn .renew-ms-ListItemSctn .renew-ms-renewMembershipItem .renew-ms-btnSctn{ display:inline-block; position:relative;}
    .renew-ms-ListViewSctn .renew-ms-ListItemSctn .renew-ms-renewMembershipItem .renew-ms-btnSctn .renew-ms-bycheck-btn{ background:url(images/renew-by-check.png) no-repeat 0 0; width:59px; height:18px; display:inline-block; border:none;}
    .renew-ms-ListViewSctn .renew-ms-ListItemSctn .renew-ms-renewMembershipItem .renew-ms-free-btn{ background:url(images/renew-by-free.png) no-repeat 0 0; width:35px; height:18px; display:inline-block; border:none;}
    .renew-ms-ListViewSctn .renew-ms-ListItemSctn .renew-ms-renewMembershipItem .renew-ms-btnSctn .checkDiv{position: absolute; right: 66px; top: -9px;}
    .renew-ms-ListViewSctn .renew-ms-ListItemSctn .renew-ms-renewMembershipItem .renew-ms-btnSctn .checkDiv .renew-ms-checkDiv-arw{ position:relative;}
    .renew-ms-ListViewSctn .renew-ms-ListItemSctn .renew-ms-renewMembershipItem .renew-ms-btnSctn .checkDiv .renew-ms-checkDiv-arw img{ background:url(images/renew-ms-check-arrow.png) 0 0; width:11px; height:17px; position: absolute; right: -11px; top: 10px;}
    .renew-ms-ListViewSctn .renew-ms-ListItemSctn .renew-ms-renewMembershipItem .renew-ms-btnSctn .checkDiv .renew-ms-packContBx{background:#C8013B; display: inline-block; min-height: 100px; width: 300px; padding:15px; text-align:left;}
    .renew-ms-ListViewSctn .renew-ms-ListItemSctn .renew-ms-renewMembershipItem .renew-ms-btnSctn .checkDiv .renew-ms-packContBx span{ color:#000; font-size:1.143em;}
    .renew-ms-ListViewSctn .renew-ms-ListItemSctn .renew-ms-renewMembershipItem .renew-ms-btnSctn .checkDiv .renew-ms-packContBx p{ margin:0 0 15px 0;}
    .renew-ms-ListViewSctn .renew-ms-ListItemSctn .renew-ms-renewMembershipItem .renew-ms-btnSctn .checkDiv .renew-ms-packContBx p:first-child{ font-weight:bold;}
    .renew-ms-ListViewSctn .renew-ms-ListItemSctn .renew-ms-renewMembershipItem .renew-ms-btnSctn .checkDiv .renew-ms-packContBx p:last-child{ margin-bottom:0;}
    
/********** Required Field **********/
.asterik{ color:#ff0000;}
.asterik:after{color: #ff0000; content: "*";}


/********** Membership Renew page **********/

/* start Membership Renew page classes here  */
        #membershipRenewPage > #twoColumnSection{padding:20px;}
        #membershipRenewPage > #twoColumnSection .column1 {float:right; width:30%;}
        #membershipRenewPage > #twoColumnSection .column2 {float:left;  width:66%; overflow:auto;}
        #membershipRenewPage > #twoColumnSection .columnContent{ padding:0 20px; }
        #membershipRenewPage p.error-txt{ margin:0;}



/********** Newsletter Classes **********/
.newsletterSctn{ display:inline-block; width:100%;}
.newsletterSctn .news-container{ margin-bottom:20px; position:relative;}
.newsletterSctn .news-container .news-field-validation{ position:absolute; right:10px; top:30px;}
.newsletterSctn .news-container{float: left; width: 25%; margin-right:1%;}
.newsletterSctn .news-container.news-email{margin-right: 0; width: 48%;}
.newsletterSctn .news-categories.news-container{ float:none; width:100%; clear:both;}
.newsletterSctn .news-categories.news-container .news-inp{ display:inline-block; width:100%;}
.newsletterSctn .news-container .news-lbl{ display:block; margin-bottom:5px;}
.newsletterSctn .news-container .news-lbl > .asterik:after{ content:"";}
.newsletterSctn .news-container .news-inp input{ width:100%;}
.newsletterSctn .news-btnSctn .news-btn input{ background:#C8013B; border: 0; color: #fff; font-size:1.143em; font-weight: bold; padding: 5px 20px; text-transform:uppercase;}
.newsletterSctn .news-btnSctn{ float:right; margin-top:10px;}
.newsletterSctn .news-categories ul{ margin:0!important;}
.newsletterSctn .news-categories .news-chk-bx li{ list-style:none; display:inline-block; position:relative;}
.newsletterSctn .news-categories .news-chk-bx li > input{ position:absolute;}
.newsletterSctn .news-categories input{ float:left;}

/********** Shop Collection Classes **********/
#ShopCollection{ display:inline-block;}
#ShopCollection ul{ margin:10px 0 0 0!important;}
#ShopCollection ul li{ float:left; list-style:none; margin:0 15px 15px 0;}
#ShopCollection ul li img{ background:#ccc;}
#ShopCollection ul li .shopItemTitle{background:#C8013B; display: block;  height: 34px; overflow: hidden; padding:5px 10px; color:#fff;}

/********** Sponsors Collection Classes **********/
#SponsorsCollection ul{ margin:10px 0 0 0!important; display:inline-block;}
#SponsorsCollection ul li{ float:left; list-style:none; margin:0 28px 15px 0; }
#SponsorsCollection ul li a{ text-decoration:none;}
#SponsorsCollection ul li img{background:#fff; border:2px solid #ccc;}
#SponsorsCollection ul li .SponsorsItemTitle{background:#ccc; display: block;  height: 43px; overflow: hidden; padding:5px 10px 10px; font-size:1em; color:#000;}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay, .popup_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
/*.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}*/

.TB_overlayMacFFBGHack { background-color:#565656; filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; }
.TB_overlayBG { background-color:#000; filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50;  }
#TB_window, .popup_window { position: fixed; z-index: 1000; display:none; text-align:left; top:50%; left:50%; font-weight:bold; font-size:1.071em; }
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }
#TB_caption { height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow { height:25px; padding:11px 25px 10px 0; float:right; }
#TB_closeAjaxWindow { padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle { float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title { background-color:#e8e8e8; height:27px; display:none }
#TB_ajaxContent { clear:both; overflow:hidden; text-align:left; line-height:1.4em; width:100%!important; /*height:560px!important;*/ }
#previewGraph { margin-right:12px; margin-bottom:8px; }
#previewTitle { color:#AD1A29; font-family:Arial, Helvetica, sans-serif; font-size:0.929em; font-weight:bold; padding:0px 9px 5px; }
#previewComment p { padding-right:5px; }
#TB_load { position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect { z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
* html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent { clear:both; line-height:1.4em; overflow:hidden; text-align:left; width:100% !important;border:0px; }
.lightbox-body { background:transparent; overflow:hidden}
/* Thick box css End */

/* start Progress Bar classes here */
#pageLoader{ display:none;}
#popupProcessing{ position:fixed; left:0; right:0; top:0; bottom:0;}
#pageLoader .popup_overlay,
#popupProcessing .popup_overlay{position:absolute; left:0; top:0; right:0; bottom:0; z-index:101; background-color:#fff; background-image:url(images/overlay_bg.png); background-repeat:repeat; filter:alpha(opacity=34); -moz-opacity: .34; opacity: .34;   }
#pageLoader .popup_window,
#popupProcessing .popup_window{  display:block;  position:absolute; left:0; top:0; right:0; bottom:0;  z-index:102;  background:url("images/scm_loader_bg.png") center center no-repeat; }
#pageLoader .popup_window > div,
#popupProcessing .popup_window > div{ position:absolute; left:0; top:0; right:0; bottom:0;  z-index:103;   background:url("images/SCM_Preloader.gif") center center no-repeat;}

/* start page media collection image style */
#PageMediaCollection >  ul{ margin:0; padding:0; list-style:none;}
#PageMediaCollection > ul > li{ display:inline-block; float:left; margin-right:10px; margin-bottom:10px;}
#PageMediaCollection > ul > li > img{ border:2px solid #333;}
#PageMediaCollection > ul > li > span{ display:inline-block;}


/*========================Editor classes HERE===================================================================================*/
a > .RoundedButtons,
a > .RoundedButtons > strong{ display:inline-block; background-image:url(images/RoundedBigButtons.png); background-repeat:no-repeat; line-height:1.043em; line-height:1.02em\0/; color: #333; text-shadow: 1px 1px 1px #fff; }
a > .RoundedButtons{  background-position:left top;}
a > .RoundedButtons > strong{ font-size:1.714em; text-align:center; padding:10px 20px; margin-right:-8px; background-position:right bottom;}
a > .RoundedButtons > strong > span{ display:block; font-size:0.783em;}


/*======================== Start News page classes here ====================================*/
#PageBaseNews > li{display: inline-block; float: left; margin-right: 3%; width: 30%;}
#PageNews > #PageBaseNews, #PageNews > #PageBaseNews > li > ul{ list-style:none; margin:0; padding:0;}
#PageNews > #PageBaseNews > li > h1{ font-size:1.8em; margin:0; padding:20px 0 10px 0; color:#C8013B;}
#PageNews > #PageBaseNews > li > ul > li{ padding:5px 0; border-top:1px dotted #333;}
#PageNews > #PageBaseNews > li > ul > li > a > b{ padding-right:10px; display:block;}
#PageNews > #PageBaseNews > li > ul > li > a { color:#fff; text-decoration:none;}
#PageNews > #PageBaseNews > li > ul > li > a:hover{ color:#C8013B;}

/*======================== Start Press Release classes here ====================================*/
#PressReleaseUl > li{display: inline-block; float: left; margin-right: 3%; width: 30%;}
#PressRelease > #PressReleaseUl, #PressRelease > #PressReleaseUl > li > ul{ list-style:none; margin:0; padding:0;}
#PressRelease > #PressReleaseUl > li > h1{ font-size:1.8em; margin:0; padding:20px 0 10px 0; color:#C8013B;}
#PressRelease > #PressReleaseUl > li > ul > li{ padding:5px 0; border-top:1px dotted #333;}
#PressRelease > #PressReleaseUl > li > ul > li > a > b{ padding-right:10px; display:block;}
#PressRelease > #PressReleaseUl > li > ul > li > a { color:#fff; text-decoration:none;}
#PressRelease > #PressReleaseUl > li > ul > li > a:hover{ color:#C8013B;}

/* Start Page listing classes here */
#InnerPage > #PageContentSection .PageLinksSection > ul, #InnerPage > #PageContentSection .PageLinksSection > ul > li > ul{ margin:0; padding:0; list-style:none; }
#InnerPage > #PageContentSection .PageLinksSection > ul > li, #InnerPage > #PageContentSection .PageLinksSection > ul > li > ul > li{ margin:0; padding:5px 0;}
#InnerPage > #PageContentSection .PageLinksSection > ul{ width:364px; float:left; }
#InnerPage > #PageContentSection .PageLinksSection > ul > li{ display:block; margin-bottom:20px; padding-right:10px;}
#InnerPage > #PageContentSection .PageLinksSection > ul > li > h3{ margin:0; padding-bottom:10px; color:#C8013B;}
#InnerPage > #PageContentSection .PageLinksSection > ul > li > ul > li > a{ text-decoration:none; color:#fff;}
#InnerPage > #PageContentSection .PageLinksSection > ul > li > ul > li > a:hover{ color:#C8013B;}

/* start payment page classes here */
.pyment-billingInfoSctn,
.pyment-creditCardInfoSctn { display:inline-block; padding-bottom:40px;}

.pyment-ContSectn h3{color:#C8013B;}

.pyment-tblSctn { float: left; margin-right: 3%; width: 36%; }
.pyment-InfoSctn { float: right; width: 60%; border-left:2px solid #ccc; padding-left:3%; }
.payment-ftr-msg { clear: both; text-align:center; margin-top:40px; display:inline-block; width:100%; }
.pyment-creditCardInfoSctn { clear: both; }
.pyment-acceptSctn { clear: both; }


.payment-information-description .lbl,
.payment-information-amount .lbl{ font-weight:bold; color:#C8013B;}
.payment-information-amount{ font-size:1.571em; padding-top:20px;}

.pyment-container { float: left; margin-right: 2%; width: 48%; padding-bottom:15px; position:relative; }
.pyment-container > .pyment-field > .pyment-lbl-sm { display: block; padding-bottom:5px;}
.pyment-container > .pyment-field > .pyment-inp { display: block; }
.pyment-container > .pyment-field > .pyment-inp input{ width: 96%; }
.pyment-container.pyment-country > .pyment-field > .pyment-inp select{ width: 99%; }
.pyment-container.pyment-creditCardNo { clear: both; }
.pyment-container.pyment-cvvNo .pyment-field > .pyment-inp input { width: 45%; }
.pyment-container > .pyment-field-validation { position:absolute; top:30px; right:12px; }

.pyment-container.pyment-expirationDate .pyment-monthSctn,
.pyment-container.pyment-expirationDate .pyment-yearSctn{ float:left; margin-right:5%;}
.pyment-container.pyment-expirationDate .pyment-monthSctn .pyment-month,
.pyment-container.pyment-expirationDate .pyment-yearSctn .pyment-sm-txt{ display:block; }
.pyment-chk-bx { position:relative;}
.pyment-chk-bx input{ position:absolute;}
.pyment-chk-bx input[type="checkbox"] + label{ padding-right:0px; margin-right:5px;}
.pyment-cvvImgSctn{ cursor:pointer; }
.pyment-cvvImgSctn img{margin-right:5px;}

.payment-btn-bx{
	padding: 30px;
	text-align: right;
}
.payment-btn-bx .btn-payNow input{
	background-color: #C8013B;
	color:#fff;
}
.payment-btn-bx .btn-cancel input{
	background-color: transparent;
	color:#333;
}
.payment-btn-bx .btn input{
	font-size: 1.2em;
    font-weight: bold;
    padding: 10px 20px;
    text-transform: uppercase;
	border:0px;
} 

.payment-btn-bx .btn:active,
.payment-btn-bx.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}


.godaddy-ssl{ text-align:center;}
.paymentPage .message-print-btn img{ background-position:left bottom; width:42px;}

/* start payment popup classes here */
.termCondition .popup_window,
.cvv-help .popup_window,
.privacyPolicy .popup_window{ display:block; width: 80%; left:10%; top:20%;}


#InnerPage > #PageContentSection .termCondition .popup_window .lgtbx-t h1,
#InnerPage > #PageContentSection .cvv-help .popup_window .lgtbx-t h1,
#InnerPage > #PageContentSection .privacyPolicy .popup_window .lgtbx-t h1{ font-size:1.643em; }


.message-print-btn {position: absolute;right: 60px;top: 17px;}
.message-print-btn img{ background:url(images/print_icon.png) right center no-repeat; width:29px; height:24px;}


/* Payment Success classes here */
.tourSuccessPanel{ padding-top:20px;}
.tourSuccessPanel .ticket-icon-section,
.tourSuccessPanel .receipt-icon-section{ width:201px; height:178px; display:inline-block; margin:0 10px;}
.tourSuccessPanel .ticket-icon-section{ background:url(images/ticket_icon.gif) top center no-repeat;}
.tourSuccessPanel .receipt-icon-section{ background:url(images/receipt_icon.gif) top center no-repeat;}

.pTicket, .pReceipt, .eTicket, .eReceipt{ width:98px; height:26px; display:inline-block;  background-repeat:no-repeat; background-position:center top; margin-top:142px; text-decoration:none;}
.pTicket, .pReceipt{ background-image:url(images/print_icon.png);}
.eTicket, .eReceipt{background-image:url(images/email_icon.png);}
.pTicket:hover, .pReceipt:hover{ background-position:center bottom;}
.eTicket:hover, .eReceipt:hover{background-position:center bottom;}

.edit-ico { background:url(images/edit_ico.png) center center no-repeat;height:14px; width:23px; border:solid 1px transparent; cursor:pointer; display:inline-block;  }
.print-ico { background:url(images/print_ico.png) center center no-repeat; height:14px; width:23px; border:solid 1px transparent; cursor:pointer; display:inline-block; }
.cancel-ico { background:url(images/cancel_ico.png) center center no-repeat;height:14px; width:23px;  border:solid 1px transparent; cursor:pointer; display:inline-block;}
.srch-dv .cancel-ico  { display:none;}
.del-ico { background:url(images/delete_ico.png) center center no-repeat;height:23px; width:23px; border:solid 1px transparent; cursor:pointer; display:inline-block;  }
.save-ico{background:url(images/save_ico.png) center center no-repeat;height:23px; width:23px; border:solid 1px transparent; cursor:pointer; display:inline-block; }
.edit-ico:hover , .del-ico:hover, .print-ico:hover, .cancel-ico:hover, .save-ico:hover { border: dotted 1px #CE8627; }

.free-btn{ background:url(images/renew-by-free.png) left top no-repeat; width:64px; height:22px; border:0; cursor:pointer;}
.renew-btn{ background:url(images/renew_ico.png) left top no-repeat; width:64px; height:22px; border:0; cursor:pointer;}
.change-btn{ background:url(images/change.png) 4px 4px no-repeat #007611; padding:3px 5px 3px 23px; color:#fff; border:0; cursor:pointer; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }

.activestatus-ico { background:url(images/green.png) left top no-repeat; width:16px; height:16px; border:0px; cursor:pointer; }
.inactivestatus-ico { background:url(images/red.png) left top no-repeat; width:16px; height:16px; border:0px; cursor:pointer; }

/*.wel-bx { padding-right:30px; padding-top:8px; position:relative}
.wel-bx .wel-txt { font-family:Arial, Helvetica, sans-serif; font-size:0.929em; color:#cfcecc;}
.wel-bx .wel-txt .name { color:#33baf1;}
.dropdwn-btn { background:url(images/acrd_hdr_collaps_opn.png) right top no-repeat; padding-top:2px; padding-bottom:1px; padding-left:5px;  cursor:pointer; padding-right:25px; display:inline-block; *display:inline  }
#profile-dropdwn-bx { position:absolute; width:175px; right:22px; top:122px; background:#000; padding:5px 0; z-index:1000; }
#profile-dropdwn-bx ul { list-style:none; margin:0;}
#profile-dropdwn-bx li{ background:none; padding:0; float:none;}
#profile-dropdwn-bx li a { text-decoration:none; padding:2px 10px; display:block; }
#profile-dropdwn-bx li a:hover { background:#9d661e; color:#fff; text-decoration:none;}
.complementary-ico {background:url(images/complementary_ico.png) left top no-repeat; width:16px; height:16px; border:0px; cursor:default; display:inline-block; }*/

/********** WELCOME SECTION **********/

.welcomeSection{
    background-image: -webkit-gradient(linear, left 0%, right 30%, from(#fff), to(#e5e5e5));
    background-image: -webkit-linear-gradient(right, #fff, 0%, #e5e5e5, 30%);
    background-image: -moz-linear-gradient(right, #fff 0%, #e5e5e5 30%);
    background-image: linear-gradient(to right, #fff 0%, #e5e5e5 30%);
    background-repeat: repeat-x;
    background-color:#e5e5e5;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=1);
  
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 114px; cursor:pointer;}
#InnerPageWrapper .welcomeSection{top: 152px; }
    .welcomeSection > .wel-txt{font-size:0.857em;padding: 2px 18px; display:inline-block;}
    .welcomeSection > .wel-txt img{ background:url(images/acrd_hdr_collaps_opn.png) center center no-repeat; width:10px; height:7px; margin-top:-4px; }
.welcomeSection ul > li, .welcomeSection ul{ list-style:none; margin:0;}
.welcomeSection ul > li{ border-top:1px solid #ccc;}
.welcomeSection ul > li > a{ display:inline-block; font-size:0.857em; padding:5px 18px;}


/* ********** ADDED BY PALAK : 201330614 : ENDS */


/********** LOGIN PAGE **********/
.loginDiv{ background:#f0f0f0; padding:10px 20px 20px;}
.loginDiv .login-msgSctn{ margin-bottom:10px; color:#ff0000;}
.loginDiv .loginSctn .loginForm-section .login-container{ width:100%; padding-bottom:10px; }
.loginDiv .loginSctn .loginForm-section .login-container .login-field .login-lbl{ display:block;}
.loginDiv .loginSctn .loginForm-section .login-container .login-field .login-inp{ width:100%; display:block;}
.loginDiv .loginSctn .loginForm-section .login-container .login-field .login-inp input{ width:100%; }
.loginDiv .loginSctn .loginForm-section .login-container .login-field-validation{ position:relative;}
.loginDiv .loginSctn .loginForm-section .login-container .login-field-validation span{ position:absolute; right:10px; top:-31px;}
.loginDiv .loginSctn .loginForm-option{ clear:both;}
.loginDiv .loginSctn .login-remember{display: inline-block; margin: 20px 0; width: 100%;}
.loginDiv .loginSctn .login-forgotPassword a{ display:inline-block; margin-top:10px;}
.loginDiv .loginSctn .login-buttonSctn .login-btn strong input, .md-btn input,
.createProfile-Btn a{  background:#C8013B; border: 0 none; color: #fff; font-size: 1.143em; font-weight: bold; padding: 5px 20px; text-transform:uppercase;}
.orSctn{ display:block; text-transform:uppercase; font-size:2em; text-align:center;}


/********** PROFILE PAGE **********/
.createModeProfile { background:#f0f0f0; display:inline-block; padding:30px; width:60%; margin-left:20%;}
.profileSctn .profile-cpyFrmAbove{ margin-bottom:10px;}
.profileSctn .ms-registerHdr{ clear:both; margin-top:20px; padding:0 1%;}
.profileSctn .profile-address1{ clear:both;}
.profileSctn .profile-newsLetter{ padding:5px 0 0 26px;}
.profileSctn .profile-newsLetter .newsLetterCategories{ width:100%;}
.profileSctn .newsLetterSctn{ clear:both;}
.profileSctn .msf-buttonSctn{ text-align:center; margin-top:40px;}
.profileSctn .eMail .addBtn{ float:right;}
.profileSctn .eMail .oneCol{ float:left; width:91%;}
.profile-inputRelationship th{ background:#ccc!important; padding: 3px 10px!important; vertical-align: middle; font-family:'Open Sans', sans-serif!important; font-size:1em!important; color:#333!important; border-bottom:0!important;}
.profile-inputRelationship .RadGrid_Default{background:#f0f0f0; border: 1px solid #ccc; color: #333;}
.profile-inputRelationship .rgCommandRow{ background:none!important;}
.profile-inputRelationship .rgCommandCell{ border:none!important;}
.profile-inputRelationship .RadGrid_Default .rgCommandRow a{ background:#C8013B!important; display:inline-block; padding:3px 5px; color:#fff; font-size:1em; font-family:'Open Sans', sans-serif!important; margin:5px; text-transform:uppercase;}
.profile-inputRelationship .RadGrid_Default .rgEditRow td,
.profile-inputRelationship .RadGrid_Default .rgHeader{ border-color:#ccc; }

.profile-inputRelationship .rgMasterTable .rgEditRow td:first-child .inp input{ width:30%;}
.profile-inputRelationship .rgMasterTable .rgNoRecords td{ padding:5px 10px;}
.profile-inputRelationship .recrd-link-btn .delete-ico{ background:url(images/delete_ico.png) no-repeat 0 3px; width:13px; height:18px; border:none;}
.profile-inputRelationship .recrd-link-btn .cancel-ico{height:24px; }
.profile-inputRelationship .rgMasterTable .rgAltRow{ background:#000!important;}
.profile-inputRelationship .rgMasterTable .rgRow td{ border-color:#333!important;}
.profile-inputRelationship .rgMasterTable .rgAltRow td{ border-color:#333!important;}
.profile-msgSctn{ margin-bottom:20px;}
.profile-msgSctn span{ color:#C8013B;}
.EventList-cancel .cancel-ico{ background:none;}
#itemPlaceholderContainer .delete-ico{ background:url(images/delete_ico.png) no-repeat 0 3px; width:13px; height:18px; border:none; font-family:'Open Sans', sans-serif!important;}
#itemPlaceholderContainer .emailSctn input[type="text"]{ width:94%;}
.msf-container .add-btn{ background:#C8013B; border:none; padding:3px 5px; color:#fff; text-transform:uppercase;}
.createModeProfile .msf-firstName,
.createModeProfile .msf-lastName{ width:48%;}
.createModeProfile .msf-email{ width:98%;}

.rgHeader a{ color:#fff;}
.rgHeader a:hover{color:#C8013B;}

/********** RESET PASSWORD POPUP **********/
.resetPasswordSctn{ background:#f0f0f0; margin:auto 0; padding:40px; display:inline-block; }
.resetPasswordSctn .rp-lbl{ display:block; text-align:left;}
.resetPasswordSctn .rp-input input{ width:400px; }
.resetPasswordSctn .rp-btn-section{ text-align:center;}


/********** VERIFY USER **********/
.verifyUserSctn .msf-container{ clear:both;}
.verifyUserSctn .msf-buttonSctn{ text-align: center; }

/********** DONATION HISTORY **********/
.exportBtnSctn { text-align:right; float:right; margin-top:-72px;}
.exportBtnSctn .btn strong input,
.resetPasswordSctn .btn strong input{background: #C8013B; border: 0 none; color: #fff; font-size: 1.143em; text-transform:uppercase; font-weight: bold; padding: 5px 20px; font-family:'Open Sans', sans-serif!important; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
.EventHistoryDiv th{ background:#333; vertical-align:middle; padding:5px; color:#fff;}
.EventHistoryDiv .rgMasterTable{ border:1px solid #ccc;}
.EventHistoryDiv .rgMasterTable tbody{ background:#f0f0f0;}
.EventHistoryDiv .rgMasterTable tbody td{ border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:10px 5px;}
.EventHistoryDiv .rgMasterTable tfoot{ background:#333;}
.EventHistoryDiv .rgMasterTable tfoot td{ }
.EventHistoryDiv .RadGrid{ margin:0 10px;}
.EventHistoryDiv .attendeesTable{ border:1px solid #ccc;}
.EventHistoryDiv .attendeesTable tbody{ background:#fff;}
.groupattendee td:first-child{ background:url(images/sub-point.png) no-repeat 10px 6px; padding-left:38px!important;}

.RadGrid .rgArrPart1,
.RadGrid .rgArrPart2,
.RadGrid .rgNumPart,
.RadGrid .rgInfoPart{ margin-top:6px;}

/********** MEMBERSHIP HISTORY **********/
.membershipHistorySctn th{background:#333; vertical-align:middle; padding:5px; color:#fff;}
.membershipHistorySctn .msh-tblSctn tbody{ background:#000;}
.membershipHistorySctn .msh-tblSctn tbody td{ border-bottom:1px solid #333; border-right:1px solid #333; padding:10px 5px;}
.memberHistory-errorMsgSctn{ text-align:center;}

/********** CHANGE MEMBERSHIP **********/
.changeMembershipSctn th{background:#333; vertical-align:middle; padding:5px; color:#fff;}
.changeMembershipSctn .cms-tblSctn { border:1px solid #ccc;}
.changeMembershipSctn .cms-tblSctn tbody{ background:#f0f0f0;}
.changeMembershipSctn .cms-tblSctn tbody td{ border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:10px 10px;}
.changeMembershipSctn .cms-tblSctn .MambershipList{ border:1px solid #ccc; }
.changeMembershipSctn .cms-tblSctn .MambershipList tbody td{ background:#fff;}
.changeMembershipSctn .cms-tblSctn .MambershipList .radio-lst input{ opacity:1;}
.changeMembershipSctn .cms-btnSctn { text-align:center; padding:20px 0;}
.changeMembershipSctn .cms-btnSctn .btn strong input{background: #C8013B; border: 0 none; color: #fff; font-size:1.143em; font-weight: bold; padding: 5px 20px; font-family:'Open Sans', sans-serif!important; text-transform:uppercase;}

/********** EDIT ATTENDEE **********/
.ea-formSctn{ background: #f0f0f0; display: inline-block; margin-bottom: 15px; padding: 10px; width: 100%;}
.ea-formSctn .fc-container{display: inline-block; margin: 5px 1%; width: 48%; float:left; position:relative;}
.ea-formSctn .fc-container .asterik:after{ content:"";}
.ea-formSctn .fc-container .fc-field-validation{ position:absolute; right:10px; top:30px;} 
.ea-formSctn .fc-container > .fc-field > .fc-lbl,
.ea-formSctn .fc-container > .fc-field > .fc-inp{display: block; text-transform:capitalize; margin-bottom:5px;}
.ea-formSctn .fc-container > .fc-field > .fc-inp input[type="text"],
.ea-formSctn .fc-container > .fc-field > .fc-inp textarea{ width:100%; padding:6px;}
.ea-formSctn .fc-container > .fc-field > .fc-inp select{ width:100%; padding:5px;}
.ea-formSctn .fc-container .small-txt{ color: #777; font-size: 0.8em;}
.ea-formSctn .erf-srch-dv{ text-align:right; position:absolute; right:0; top:3px; background:#C8013B; }
.ea-formSctn .erf-srch-dv a{ text-decoration:none; color:#fff; text-transform:uppercase; padding:5px 10px; display:inline-block;}
.ea-formSctn.fc-block.fc-ctrl-section .fc-container{ width:98%; border-bottom:1px dashed #ccc; padding:10px 0 5px; font-weight:normal; font-size:1.286em; text-transform:uppercase; color:#C8013B; }
.editAttendeeSctn{ clear:both;}
.message{ margin-bottom:10px;}
.message .msg-lbl{ color:#ec7500;}



/********** PAGINATION **********/
.rgPagePrev{ background:url(images/pagination-ico.png) no-repeat -18px 6px;}
.rgPageNext{ background:url(images/pagination-ico.png) no-repeat -33px 6px;}
.rgPageFirst{ background:url(images/pagination-ico.png) no-repeat 0 6px;}
.rgPageLast{ background:url(images/pagination-ico.png) no-repeat -51px 6px;}

input.rgPagePrev:hover{ background:url(images/pagination-ico.png) no-repeat -18px -28px;}
input.rgPageNext:hover{ background:url(images/pagination-ico.png) no-repeat -33px -28px;}
input.rgPageFirst:hover{ background:url(images/pagination-ico.png) no-repeat 0 -28px;}
input.rgPageLast:hover{ background:url(images/pagination-ico.png) no-repeat -51px -28px;}


.RadGrid .rgPageFirst, 
.RadGrid .rgPagePrev, 
.RadGrid .rgPageNext, 
.RadGrid .rgPageLast{ width:11px!important;}

.btn strong a{background: #C8013B; border: 0 none; color: #fff; font-size: 1.143em; font-weight: bold; padding: 5px 10px; display:inline-block; margin-right:10px; text-decoration:none; text-transform:uppercase; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;}
.loading-img2 {background:url("images/SCM_Preloader.gif") center center no-repeat #fff; height: 100px; width: 100px; z-index: 100; box-shadow:0 0 10px #C8013B; -webkit-box-shadow:0 0 10px #C8013B; -moz-box-shadow:0 0 10px #C8013B;}

.carousel-caption h2{ font-family:'Lato', sans-serif; font-size:2.8em;  font-weight:lighter; }/*old size: 3.429em*/
.carousel-caption h2 > a,
.activity-caption h2 > a,
.carousel-caption p,
.activity-caption p{text-transform:uppercase; }
.carousel-caption h2 > a,
.carousel-caption p{color:#fff; text-shadow:2px 2px 3px #000000;}

.activity-caption h2{ padding:0; margin:0;}
.activity-caption h2 > a,.activity-caption h2{ font-size:1.571em;}
.activity-caption{ padding:10px;}
.activity-caption p{ margin:0;}

/* Start Mobile based Table classes */
.mTable > tbody > tr > td > div.th{display:none; }
.mTable > tbody > tr > td > div.td{width:auto;}

/* start telerik control */
.RadComboBox .rcbInputCell .rcbInput{ background:#fff!important;}
.RadComboBoxDropDown{ background:#fff; border:1px solid #333!important;}
.RadComboBox_Default .rcbArrowCell.rcbArrowCellRight{ display:none;}
.RadComboBox_Default table{ width:100%;}
.RadComboBox_Default table td.rcbInputCell{ padding-left:0px!important;}
.RadComboBox_Default table td.rcbInputCell > input,
.RadComboBox .rcbInputCell .rcbInput{ border:2px solid #D0D0D0 !important;  padding:5px !important; font-size:1.143em !important; background:url(images/dropdown_arrow.png) right center no-repeat #fff !important; }
.RadComboBox_Default .rcbInputCellLeft, .RadComboBox_Default .rcbInputCellRight, .RadComboBox_Default .rcbArrowCellLeft, .RadComboBox_Default .rcbArrowCellRight{background:none !important;}
.RadGrid .rgPager .RadComboBox, .RadGrid .rgPager .RadInput{ width:100px !important; }
.msgBox{ background:#fff; padding:30px;}

ul.radio-bx-list {
    list-style: none outside none;
}
ul.radio-bx-list input[type="radio"] {
    float: left;
    opacity: 1;
	position:absolute;
	left:0; top:0;
}
ul.radio-bx-list li{ position:relative; margin-bottom:10px;}

ul.radio-bx-list input[type="radio"] + label {
    background: none repeat scroll 0 0 transparent;
    font-weight: normal;
    margin: 0;
    padding: 1px 10px 0 21px;
    text-transform: none;
	height:auto;
}

ul.radio-bx-list input[type="radio"]:checked + label{ color:#C8013B;}
ul.radio-bx-list input[type="radio"]:focus + label {
    background: none repeat scroll 0 0 transparent !important;
}


.changePasswordDiv .oneCol.fieldSection {
    background: none repeat scroll 0 0 #F0F0F0;
    display: inline-block;
    margin-left: 25%;
    padding: 30px;
    width: 50%;
}
.changePasswordDiv .oneCol.fieldSection > div {
    display: inline-block;
    float: left;
    width: 100%;
}
.changePasswordDiv .oneCol.fieldSection > div label{ width:172px; text-align:right;}
.changePasswordDiv .cp-btnSctn{ text-align:center; border-top:1px solid #ccc; margin-top:10px; padding-top:10px; }
.changePasswordDiv .cp-btnSctn input{background:#C8013B; border:0px; color:#fff; padding:5px 10px; text-transform:uppercase;}


/*==================================================================================================*/
/*================= Start Program Classes here ======================================================*/
/*==================================================================================================*/
#Programs{ display: inline-block; width: 100%; font-size: 1.2em;}
#Programs  .nav-arrow{ padding-top:5px; text-align:right;}
#Programs > #ProgramsMask > h1{ font-weight:normal; font-size:1.3em; margin:0; padding:0 0 10px 0;}
#Programs > #ProgramsMask > .ProgramsItem { margin-bottom:20px;}
#Programs > #ProgramsMask > .ProgramsItem > a{ text-decoration:none; display:inline-block; position:relative; width:100%; border-top:6px solid;}
#Programs > #ProgramsMask > .ProgramsItem > a > .pi-link-mask{position:absolute; left:0; top:0; bottom:0; right:0; z-index:1; background:url(images/donate.png) right 20px no-repeat; }
#Programs > #ProgramsMask > .ProgramsItem > a > .pi-link-mask:hover{ border:5px solid #ff9900; box-shadow:inset 0 0 10px #000;}
#Programs > #ProgramsMask > .ProgramsItem > a > p { margin:0; padding:0; font-size:inherit; }
#Programs > #ProgramsMask > .ProgramsItem > a > p > span{ font-size:.85em;}
    
        /* program style classes here */
        #Programs > #ProgramsMask > .ProgramsItem > a > .imgContainer{ display:block; height:280px; overflow:hidden; background:#000;}
        #Programs > #ProgramsMask > .ProgramsItem > a > .pi-container{  display:inline-block; padding:10px;}
        #Programs > #ProgramsMask > .ProgramsItem > a > .pi-container > .pi-header{ font-size:1.2em; text-decoration:none;font-weight:bold;}
        
        .FundraisingGoalChart{ height:80px; position:relative;}
        .FundraisingGoalChart .pi-donationControl{border-top:0; top:0; left:0px; padding:0; }
        .FundraisingGoalChart .pi-donationControl .pi-donation-bar{ width:300px;}
        .pi-donationControl{ background:#F0F0F0; display:block; padding:10px; height:80px; position:absolute; left:0; right:0; top:200px;}
        .pi-donationControl > .pi-donation-achived-percent { color: #333333;}
        .pi-donationControl > .pi-donation-achived-percent,
        .pi-donationControl > .pi-donation-achived-amount,
        .pi-donationControl > .pi-donation-goal{ font-size:.75em; text-transform:uppercase; }

        .pi-donationControl-inner > .pi-donation-achived-percent-inner,
        .pi-donationControl-inner > .pi-donation-achived-amount,
        .pi-donationControl-inner > .pi-donation-goal{ font-size:1em; text-transform:uppercase; font-weight:bold; padding:5px;}
        .pi-donationControl-inner{padding:5px !important;}
		.donationControlDiv .FundraisingGoalChart .pi-donationControl .pi-donation-bar{ width:100%;}
		.donationControlDiv .pi-donationControl{ position:static;}
		.donationControlDiv .FundraisingGoalChart .pi-donationControl{ padding:12px; font-size:1.3em;  }
		.donationItemAmountField {position: relative;}
		.donationcompare {position: absolute; right: 10px; top: -4px;}

        .pi-donationControl > .pi-donation-achived-amount{color:#C8013B; display:inline-block; float:left;}
        .pi-donationControl > .pi-donation-goal{color:#333333; display:inline-block; float:right;}
        .pi-donationControl > .pi-donation-bar{ display:inline-block; height:10px; border-radius:10px; width:100%; background-color:#d8d8d8;}
        .pi-donationControl > .pi-donation-bar > .pi-donation-raised-bar{display:inline-block; height:10px; border-radius:10px; background-color:#C8013B; width:0px; float:left;}
        .pi-donationControl > .pl-goal-achived{ text-align:center; margin:20px 0; display:block;}
        .pi-donationControl > .pl-goal-achived > span{color:#333; display:inline-block; }
        
        /* Program Donation Control Classes here */
		#ProgramDetail .pd-description-img{ width:250px; height:auto; float:left; margin-right:20px; margin-bottom:20px;}
        #ProgramDetail #ProgramDonationControl{ display:inline-block;}
		#ProgramDetail #pd-control{ background-color:#F0F0F0; margin-top:15px;}
		#ProgramDetail #pd-control  .programDontionControl{ padding:20px;}
		#ProgramDetail .programDontionTitle{ color:#C8013B; padding-left:20px; padding-top:20px; font-size:1.2em; text-transform:uppercase; }
		#ProgramDetail .programDontionTitle p{ padding:0px; margin:0px;}
		#ProgramDetail .ProgramDonationCustomAmountItem{ display:inline-block; width:93px;}
		#ProgramDetail .pd-field-container,
		#ProgramDetail .pd-checkbox,
		#ProgramDetail .pd-field-section{ float:left; display:inline-block;}
		#ProgramDetail .pd-field-container{ padding-left:10px;}
		#ProgramDetail #ProgramDonationItemSection{ width:100%; }
		#ProgramDetail #ProgramDonationItemSection input[type="checkbox"]{float:left;}
		#ProgramDetail #ProgramDonationItemSection input[type=checkbox] + label{ color:#333; padding-right:9px;}
		#ProgramDetail #ProgramDonationItemSection input[type=text]{ margin-left: -17px; padding: 1px; width: 49px;}
		#ProgramDetail #ProgramDonationItemSection .pd-field-section{ position:relative; margin-top:-3px;}
		#ProgramDetail #ProgramDonationItemSection .pd-field-validation{ position:absolute; right:3px; top:-1px;}
		
		#ProgramDetail .pd-totalAmount{ padding:10px 0 0 0; float:left;}
		#ProgramDetail .pd-btn-container{padding:20px 0 0 0; float:right;}
		#ProgramDetail .pd-btn-container .pd-btn{ background: none repeat scroll 0 0 #C8013B; border: 0 none; color: #FFFFFF; font-size: 1.143em; font-weight: bold; padding: 5px 20px; text-transform: uppercase;}
		#ProgramDetail .pd-totalAmount span{ font-size:0.85em; color:#333; display:block; font-weight:bold;}
		#ProgramDetail .pd-totalAmount label{ font-size:2em; color:#C8013B; font-weight:bold; display:inline-block; padding-top:5px;}
        
        /* start program details page classes */
		#ProgramDetail .accrdn-cont .bx-mid {overflow-y: auto; height: 200px;  padding:10px 5px; text-align:justify; background-color: #f0f0f0;}
		#ProgramDetail .accrdn-cont { display: none; }
		#ProgramDetail .donationControlDiv .donation-frm { display:block; background: #fff7eb; padding: 10px; margin: 1px; }
		#ProgramDetail .donationControlDiv { display: inline-block; width: 100%; }
		
		#ProgramDetail #galleria, #ProgramDetail #galleria .galleria-container { background: #ffffff; }
		#ProgramDetail #galleria .galleria-container { border: 1px solid #ccc; }
		#ProgramDetail #galleria .galleria-thumbnails-container { background-color: #F5F5F5; border-top: 1px solid #CCCCCC; bottom: 0; height: 60px; left: 10px; margin: 0 -10px; padding: 10px; position: absolute; right: 10px; z-index: 2; }
		#ProgramDetail .galleria-info { display: none !important; }
		
		#ProgramDetail .miraProgramDonation { background: none repeat scroll 0 0 #FFFFFF; border: 1px dotted #ccc; display: inline-block; float: left; margin: 1%; padding: 2%; width: 43%; }
		#ProgramDetail .miraProgramDonation:hover { border-color: #5f2b11; border-style: solid; }
		#ProgramDetail .miraProgramDonation .donationItemAmountField > input { width: 70px !important; text-align: left !important; }
		#ProgramDetail .miraDonationG.miraUnknownDonation { clear: both; padding-top:10px; }
		
		#ProgramDetail .donation-frm .error-txt { color: #f00; }
		#ProgramDetail .donation-frm > table > tbody > tr:last-child > td { padding-top: 20px; text-align: right; }
		#ProgramDetail .donation-frm > table > tbody > tr:last-child table { width: auto; display: inline-block; font-size: 16px; font-weight: normal; text-transform: uppercase; }
		
		/* Accordion Column Classes */
		#ProgramDetail .AccordionPanel {
			border: 0px;
		}
		#ProgramDetail .accrdn-hdr .hdr-m { background-color: #C8013B; font-size:16px; color:#fff; font-weight:bold; cursor:pointer ; padding: 10px 12px;}
		
		#ProgramDetail .tooltips-donor:hover .tooltip-donorname {
			display: inline-block;
		}
		#ProgramDetail .tooltip-donorname { background-color: #C8013B; color: #fff; position:absolute; display:none; z-index:100; padding:8px;}
		#ProgramDetail .donor-name { background:#ffffff; border:dotted 1px #ccc; padding:5px; overflow:hidden;}
		#ProgramDetail .donor-name:hover {
			border-color: #C8013B;
			border-style: solid;
		}
		.PDContributers { margin-bottom:20px;}

        /* Program Donation form classes start here */
        #MD-Control{ display:inline-block; padding:0px; font-size: 1.2em;}
        #MD-Control .md-lbl, #MD-Control label{font-size: .85em;}
		#MD-Control .mdr-Payment select{ width: 55px;}
        #MD-Control > #MD-Title{ display:none;}
        #MD-Control > .md-back-btn{ float: right; margin-top: -55px; cursor: pointer;}
        #MD-Control > #MD-Button{  float:right; margin-top:14px;}
        #MD-Control > #MD-General-Info{ float:left; width:100%; }
        #MD-Control > #MD-Contact-Info{ float:left; width:100%;}
        #MD-Control > #MD-Contact-Info .md-sub-title{ font-size:1.2em; padding-bottom:10px; font-weight:bold; color:#C8013B; text-transform:uppercase;}
		#MD-TotalDonation {
			padding-top: 20px; display: inline-block;
		}
        #MD-TotalDonation .mdf-field .md-lbl, #MD-TotalDonation .mdf-field .md-lbl-desc{ display:inline-block; float:left}
        #MD-TotalDonation .mdf-field .md-lbl{padding-right: 10px; padding-top: 1px; text-transform: uppercase;}
        #MD-TotalDonation .mdf-field .md-lbl:after{ content:" is"}
        #MD-TotalDonation .mdf-field .md-lbl-desc{ font-size:1.5em; font-weight:bold; color:#C8013B;}
        
        #MD-Contact-Info .md-section{background: none repeat scroll 0 0 #F5F5F5;border: 1px solid #CCCCCC;padding: 10px 20px;}
        #MD-Contact-Info .md-form-section {display: inline-block;margin-right: -3.5%;}

        #MD-Control > #MD-Contact-Info .mdf-field-container{ display:inline-block; padding:.5em 2% .5em 0%; width:47%;}
        #MD-Control > #MD-Contact-Info .md-anonymous{ display:block; width:auto;}
        #MD-Control > #MD-Contact-Info .mdf-field-container .mdf-field{ display:block;}
        #MD-Control > #MD-Contact-Info input[type="text"], #MD-Control > #MD-Contact-Info select{ color:#333; border:1px solid #CCCCCC; width:100%;}
        #MD-Control > #MD-Contact-Info .md-lbl{ display:block;}
        #MD-Control .md-tooltip-box{ display:none;}
        #MD-Control > #MD-Contact-Info .md-ext{ width:14%; display: none;}
        #MD-Control > #MD-Contact-Info .md-add1,
        #MD-Control > #MD-Contact-Info .md-add2{ width:94.3%;}
        
        #MD-Control > #MD-General-Info #MD-info{ display:inline-block; width:100%; margin-bottom:20px; padding-bottom: 20px; border-bottom: 1px solid #ccc;}
        #MD-Control > #MD-General-Info #MD-info .mdif-Description .md-lbl-desc{ font-size:1.2em; color:#C8013B; padding-bottom:10px;}
        #MD-Control > #MD-General-Info #MD-info .md-lbl,
        #MD-Control > #MD-General-Info #MD-info .md-lbl-desc{ display:block; text-align:center;}
        #MD-Control > #MD-General-Info #MD-info .md-lbl{ font-size:.85em;}
        #MD-Control > #MD-General-Info #MD-info .mdif-Description .md-lbl{ display:none; }
        #MD-Control > #MD-General-Info #MD-info .mdif-Description .md-lbl-desc{text-align:left;}
        #MD-Control > #MD-General-Info #MD-info .mdif-Date,
        #MD-Control > #MD-General-Info #MD-info .mdif-Amount,
        #MD-Control > #MD-General-Info #MD-info .mdif-Charges,
        #MD-Control > #MD-General-Info #MD-info .mdif-Donation{ float:left; display:inline-block; margin-right:1.5em;}
        #MD-Control > #MD-General-Info #MD-info .mdif-Donation .md-lbl-desc{ color:#C8013B}

        #MD-Recurring, #MD-Dedication{ display:inline-block; width: 100%; margin-bottom:15px; padding-bottom: 20px; border-bottom: 1px solid #ccc; }
        #MD-Control .chk-bx{ display:block; margin-bottom:5px;}
        #MD-Recurring .MD-Recurring-Showhide,
        #MD-Dedication .md-dedication-Showhide{ display:inline-block; float:left; width: 98%; clear:both; border:1px solid #e5e5e5; background:#f5f5f5; padding:10px; margin-top:10px;}
        #MD-Recurring .md-sub-title, 
        #MD-Dedication .md-sub-title{font-size:1.2em; color:#C8013B; margin-bottom:.5em;}
        #MD-Dedication .mdf-field-container{ display:inline-block; width:100%; margin-bottom:.8em;}
        
        
        #MD-Dedication .md-form-section .mdf-field-container{ position:relative; display:inline-block; width:auto;}
        #MD-Dedication .md-form-section .mdf-field-container .mdf-field-validation{ position:absolute; right:8px; top:11px;}
        #MD-Dedication .md-form-section .mdf-field-donationmade{ display:block;}
        #MD-Dedication .md-form-section .mdf-field-name{ clear:both; padding-top:10px;}
        
        #MD-Recurring .mdf-field-container{ float:left; margin-right:.5em; margin-bottom:.5em;}

        #MD-Recurring .mdr-Total{ display:block; clear:both;}
        #MD-Recurring .mdr-Amount{ margin-top:11px;}
        #MD-Recurring .mdr-Total .md-lbl-desc{ color:#C8013B;}

        .mdr-Frequency .md-lbl, .mdr-Frequency .md-radio-list{float: left;}
        .mdr-Frequency .md-radio-list{margin-left:10px;}
        .mdf-field-container{ position:relative;}
        .mdf-field-validation{ position:absolute; right:10px; top:34px; }
        .md-radio-list { display:inline-block;  margin-top: 3px; }
        .md-radio-list input, .md-radio-list label {float: left; margin-top: 0px; }
        .md-radio-list label { padding-right: 10px;}
        
        .donationItemAmountField input {width: 50px !important;}
        .miraUnknownDonation .DonationDescSpan .label {
            display: inline-block;
            width: 170px;
        }
        .miraUnknownDonation .DonationDescSpan, .miraUnknownDonation .chk-bx {
            display: inline-block;
            float: left;
        }
		.miraUnknownDonation .chk-bx {
			margin-top: 6px;
		}
		.miraDonationG input[type="text"] {
			padding: 3px 5px;
		}
		
		
/*==================================================================================================*/
/*================= End Program Classes here ======================================================*/
/*==================================================================================================*/

@media (max-width: 767px) 
{
    #BodyContainer{ z-index:4;}
    #InnerPageWrapper #BodyContainer.container{ padding:0;}
    /* start structure changes */
    #Header{ display:inline-block; height:auto; position:relative;}
    .userLogin #Header{ margin-top:42px;}
    #InnerPageWrapper .welcomeSection,
    .welcomeSection{position: absolute; left:0; right: 0; text-transform: uppercase; top: -42px; z-index:10000;}
    .welcomeSection > .wel-txt{font-size:1em; padding: 12px 18px;  font-weight:bold;  }
    .welcomeSection ul > li > a{ font-size:1em;padding: 12px 18px;}
    #BodyContainer{ position:relative; height:auto;}
    #footer{ position:relative; }
    #SubNav{ text-align:center;}
    #SubNav > ul > li{ display:none;}
    #SubNav > ul > li.back{ display:inline-block; text-align:center;}
    /* Start top navigation classes here */
    #TopNav{ margin-top:0;}
    #TopNav > ul{ float:none;}
    #TopNav > ul > li{width: 18%; margin:0 1%; text-align:center;}
    #TopNav > ul > li > a{ margin:5px 0; padding:35px 0 5px; background-position:center 0 !important;}
    #TopNav > ul > li > a.login, #TopNav > ul > li > a.logout{ background-color:transparent;}
    #Header .navbar-default .navbar-brand{ display:block;}
    
    
    /* start logo classes here */
    #SCMLogo{ width:100%; position:relative;}
    #SCMLogo > a{ text-align:center; background:#fff; border-bottom:1px solid #ccc; display:block;}
    #SCMLogo > a > img{ width:34%;}
    
    /* start menu classes here */
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus
    { background:none repeat scroll 0 0 transparent;}
    
    /* start sub nav classes here */
    #InnerPage > #SubNav > ul > li{ float:none; display:block;}
    
    /* start home page slider classes here*/
    .item {
        border: 6px solid #CCCCCC;
        margin: 20px;
    }
   .dynamicContent{font-size:1.143em; line-height:1.714em; }
    .RenewMembershipLink{ text-align:right;  margin-top: 20px; text-align:left;}
    .activity-caption h2 > a,.activity-caption h2{ font-size:1.286em;}
    #MembershipSave .msf-srch-dv{position: static; background:none repeat scroll 0 0 #F0F0F0; margin-top:20px;  text-align:center;}
    #MembershipSave .msf-srch-dv .msf-back a{  color:#333;}
    .memberShipBox .ms-hdr{  padding-right:0;}
    
    .mTable{ background: none ;  border: 0 none; display:inline-block; width:100%;}
    .mTable > thead{ display:none;}
    .mTable tr{display:inline-block; width:100%; border:1px solid #ccc; margin-bottom:10px;}
    .mTable > tbody > tr > td:first-child{ background:#f0f0f0;}
    .mTable > tbody > tr > td:last-child{ border-bottom:0px;}
    .mTable > thead > tr > th,
    .mTable > tbody > tr > td{ padding:0; vertical-align:middle; display:inline-block; width:100%;}
    .mTable > tbody > tr > td > div.th,
    .mTable > tbody > tr > td > div.td{float:left; display:inline-block; padding:5px; text-align:left; }
    .mTable > tbody > tr > td > div.th{width:40%; font-weight:bold;}
    .mTable > tbody > tr > td > div.td{width:60%;}
    .mTable > tbody > tr > td > div.td:after{ content:""; display:table;}
    .mTable > tbody > tr > td{ border-bottom: 1px dashed #CCCCCC;}
    .mTable > tbody > tr.attachTopTr{ margin-top:-10px;}
    .membershipCategroyList-Sctn{ width:100%; float:none;}
    .ms-registerForm{  float:none; border-left:0; width:100%; padding:20px 0 0;}
    .membershipForm-section .msf-container,
    .memberShipSctn .msf-buttonSctn{ text-align:center;}
    .membershipOrgPanel-section .msf-container,
    .membershipForm-section .msf-container,
    .renew-ms-Module .renew-ms-Sctn .renew-ms-FLONameSctn .renew-ms-container,
    .renew-ms-Module .renew-ms-Sctn .renew-ms-EmailandConfirmSctn .renew-ms-container{width:98%; text-align:left;}
    
    .newsletterSctn .news-container{width: 98% !important;}
    
    .tourDetailsPage .tourDetail-Data .clear-b{ display:none;}
    .tourDetailsPage .tourDetail-Data .tourDet-Data-Item{ border-left:0; border-bottom:1px dotted #ccc; padding-bottom:20px;}
    .tourDetailsPage .tourDetail-Data .tour-list-regi-type.col-md-12{ border-top:0px; margin-top:0px;}
    .tourDetailsPage .tourDetail-Data .tour-list-regi-type.col-md-12 .tlrt-Content{ padding-right:0px;}
    .tourDetailsPage .tourDetail-Data .tour-list-regi-type.col-md-12 .TourDetail-Booking-btn{ position:static; text-align:center; padding:30px 0 10px 0;}
    .tourDetailsPage .tourDetail-Data .tourDet-Data-Item li{ display:inline-block; margin-right:10px; border-right:1px solid #ccc; padding:3px 10px 3px 0;}
    .tourDetailsPage .tourDetail-Data .tourDet-Data-Item li:last-child{border-right:0;}
    #TourDetailsPanel .regType,
    #TourDetailsPanel .otherItem{ display:block; margin-bottom:5px;}
    #TourDetailsPanel .tbf-field-container{ width:98%;}
    .loginCreateBtn .createProfile-Btn, .loginOr .orSctn{ padding-top:20px; padding-bottom:20px; display:block;}
    .loginCreateBtn .createProfile-Btn{ text-align:center;}
    #SponsorsCollection ul{ text-align:center; display:block;}
    #SponsorsCollection ul li{ display:inline-block; float:none; list-style:none; margin:0 20px 15px 0; }
    
    .pyment-billingInfoSctn{ margin-top:40px;}
    .pyment-tblSctn { float: none; margin-right: 0; width: 100%; }
    .pyment-InfoSctn { float: none; width: 100%; border-left:0px; padding-left:0; }
    .pyment-container{ width:98%;}
    .pyment-cvvImgSctn{ display:none;}
    
    #TB_window{ width:100% !important; margin-left:-50%!important; margin-top:0px!important; top:0px!important;}
    #TB_iframeContent, #TB_window{ height:440px !important;}
    #galleria{ height:300px;}
    
    .profileMsg #TB_window { display: block; position: fixed; top: 100px !important; width: 100% !important; z-index: 10000;}
    .createModeProfile{margin-left:0; width:100%;}
	.changePasswordDiv .oneCol.fieldSection {
    	margin-left: 0;
    	width: 100%;
	}
	.changePasswordDiv .oneCol.fieldSection > div label {
    	display: block;
    	text-align: left;
	}
	/* program style classes here */
    #Programs > #ProgramsMask > .ProgramsItem > a > .imgContainer{ height: auto;}
	.pi-donationControl{position:static;}

    #MD-Control > #MD-Contact-Info .mdf-field-container {
        width: 98%;
    }
}



@media screen and (max-width: 400px) {
   #SCMLogo > a > img{ width:50%;}
   .mTable > tbody > tr > td > div.th{width:100%; font-weight:bold;}
   .mTable > tbody > tr > td > div.td{width:100%;}
   #ProgramDetail .pd-description-img{ width:100%; margin-right:0;}
}

@media (min-width: 768px) and (max-width: 959px)
{
    .navbar-default .navbar-nav > li > a{ font-size:0.857em; padding:10px 8px;}
    #SubNav > ul > li > a{font-size:0.857em; }
    #TopNav > ul > li > a{ padding:12px 12px 12px 38px;}
    
    .tourDetailsPage .tourDetail-Data .clear-b{ display:none;}
    .tourDetailsPage .tourDetail-Data .tourDet-Data-Item{ border-left:0; border-bottom:1px dotted #ccc; padding-bottom:20px;}
    .tourDetailsPage .tourDetail-Data .tour-list-regi-type.col-md-12{ border-top:0px; margin-top:0px;}
    .tourDetailsPage .tourDetail-Data .tourDet-Data-Item li{ display:inline-block; margin-right:10px; border-right:1px solid #ccc; padding:3px 10px 3px 0;}
    .tourDetailsPage .tourDetail-Data .tourDet-Data-Item li:last-child{border-right:0;}
    
    #TourBookingFormSection{ clear:both; border-left:0px;}
    .loginCreateBtn .createProfile-Btn, .loginOr .orSctn{ padding-top:20px; padding-bottom:20px; display:block;}
    .loginCreateBtn .createProfile-Btn{ text-align:center;}
    
    #SponsorsCollection ul{ text-align:center; display:block;}
    #SponsorsCollection ul li{ display:inline-block; float:none; list-style:none; margin:0 20px 15px 0; }
    .changePasswordDiv .oneCol.fieldSection {
    	margin-left: 0;
    	width: 100%;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	body{ background-image:url(images/BG_Image.jpg); background-attachment:fixed; background-size:100%;}
    .RenewMembershipLink{ text-align:right;  margin-top: 20px; text-align:left;}
	.changePasswordDiv .oneCol.fieldSection {
    	margin-left: 10%;
    	width: 80%;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	body{ background-image:url(images/BG_Image.jpg); background-attachment:fixed; background-size:100%;}
	.changePasswordDiv .oneCol.fieldSection {
    	margin-left: 20%;
    	width: 60%;
	}

}
@media (min-width: 1140px){
    body{ background-image:url(images/BG_Image.jpg); background-attachment:fixed; background-size:100%;}
    #InnerPageWrapper{width:1140px; margin:auto;}
}

@media (min-width: 768px){
	.navbar-default .navbar-nav > .dropdown:hover > ul{ display:inline-block;}
    .navbar-default .navbar-nav .dropdown:hover > ul li:hover > ul{ display:inline-block;}
    .navbar-default .navbar-nav > .dropdown:hover > a{
	    background-color: transparent;
        background-image: url("images/menu_arrow.png");
        background-position: center bottom;
        background-repeat: no-repeat;
        color: #FFFFFF;
    }
    .navbar-default .navbar-nav > .dropdown:hover  .dropdown:hover > a{
        background-color: #C8013B;
        color: #fff;
    }
}









/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */