/* Theme EAHAD - Calibri */
 /* Style Attributes */

 /* Standard Content */
/*
To customize your website, you should identify at least 2 colors: the background color (footer or labels for example) and the color of the links, borders, or headers. Transform them in the #value format using a html color codes website. For example: http://html-color-codes.info/html-editor/ 
Once you have your colors in #value, you can apply them very quickly in your different sections with a "replace all" into a this document:
- Replace the value #3696D2 in this template to set the color for the backgrounds 
- Replace the value #3696D2 in this template to set the color for the titles, links and borders 
Save and refresh cache
Open the Registration website page
*/


/* -----------------------------*/
/*          GENERAL        */
/* ----------------------------*/

html{
height:100%;
width:100%;
}

/*#ctl00_uxMainContent{
width:1200px !important;
}*/

/* MOVE TITLE ON EVERY PAGE */
#ctl00_pagetitle{
margin-top:40px !important;
margin-bottom:-20px !important;
}

/* ALIGN THE TEXT IN LIST WITH THE BULLET POINT */
li{
list-style-position:outside !important;
}

/* --------------------------------*/
/*        END GENERAL      */
/* --------------------------------*/

/* ----------------------------------------*/
/*      BACKGROUND IMAGE    */
/* ---------------------------------------*/
body{
margin:0;
padding:0;
background: -webkit-linear-gradient(#878B8A, white); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#878B8A, white); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#878B8A, white); /* For Firefox 3.6 to 15 */
background: linear-gradient(#878B8A, white); /* Standard syntax */
background-attachment: fixed;
font-family:Calibri !important;
color:#000 !important;
}

/*If you need an image as background */
/*
body{
margin:0;
padding:0;
background:url("/Download.axd?FileID=e15ad2ae-fa7f-4226-af07-20aa6cefa635") no-repeat center fixed;
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover;
}*/
	
/* --------------------------------------------*/
/*   END BACKGROUND IMAGE   */
/* --------------------------------------------*/

/* ------------------------------*/
/*        PAGE WIDTH     */
/* -----------------------------*/
#page{
/*width: 1200px; */
margin: auto; 
border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
-webkit-border-radius:10px;
box-shadow: 0px 3px 15px #000;
}

/* ---------------------------------*/
/*      END PAGE WIDTH   */
/* --------------------------------*/

/* ----------------------------------------*/
/*      BANNER AND HEADER   */
/* ---------------------------------------*/

#ctl00_uxLogo /* Website and onsite New */{
display: block;
margin-left: auto;
margin-right: auto;
}

#ctl00_uxTopContent_uxLogo.pageHeader{
display: block;
margin-left: auto;
margin-right: auto;
}

/* HEADER AND TITLES COLORS */
h1, h2, h3, h4, h5, h6{
color: #CB2044; /* this value defines all the headers and title colors, for example: Registration start page */
}

div#header{
background-color: #fff;  /* sets the header color to white */
border-top-left-radius:10px !important;
border-top-right-radius:10px !important;
}

/* --------------------------------------------*/
/*   END BANNER AND HEADER  */
/* -------------------------------------------*/

/* ------------------------*/
/*            LINKS        */
/* ------------------------*/

a, a:link, a:visited, a:hover, a:active, .buttons input{
color:  #3696D2; 
} 

.errordisplay a, .errordisplay a:link, .errordisplay a:visited, .errordisplay a:hover, .errordisplay a:active{
color: red; /* KEEP LINKS IN ERROR MESSAGES RED - DO NOT CHANGE THE VALUE */ 
}

/* -----------------------------*/
/*          END LINKS      */
/* -----------------------------*/

/* --------------------------------------------*/
/* REGISTRATION START PAGE */
/* --------------------------------------------*/

/* PAGE TITLE IN EVENT COLOR */
.pagetitle-literal{
color:#3696D2 !important;
}

/* REMOVE BORDERS ON THE REGISTRATION PAGE */
.registration-welcome-toppanel, .registration-welcome-venue, .registration-welcome-contactus, .registration-welcome-technicalrequirements, .epts-box{
border:none !important;
}

/* NAME OF THE EVENT */
.registration-welcome-eventinfo-name /* event name on the Registration Start Page */{
display:none !important;
}

/* BOX CONTACT US, TECHNICAL REQUIREMENTS AND VENUE */
.registration-welcome-venue, .registration-welcome-contactus, .registration-welcome-technicalrequirements{
margin-left:20px !important;
}

/* ROUNDED CORNERS ON THE VENUE PICTURE */
#ctl00_mc_ctl00_uxVenueImage{
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
-ms-border-radius:15px;
margin-left:-8px !important;
margin-top:5px !important;
}

/* CONTENT ON THE LEFT */
.registration-welcome-instructions{
padding-right:30px !important; 
border-right: 1px solid #c8c8c8 !important; /* add a border: to change the color, just change this value in the code #c8c8c8 */
margin-top:10px;
margin-bottom:50px !important;
padding-left:-50px !important;
}

/* POP UP FOR 3D SECURE INFORMATION -> SEE WEBSITE SETUP > COMMON LABEL REGISTRATION_CONTACTUS*/
a.infoPopUp {
background-image: url("https://b-com.mci-group.com/Download.axd?FileID=141bc871-d5b8-4360-a9c2-b96d9e68d315");
color: #000000;
cursor: pointer;
display: inline-block;
height: 30px;
position: relative;
text-decoration: none;
width: 30px;
}

a.infoPopUp span {
display: none;
z-index: 1;
}

a.infoPopUp:hover span {
background-color: #e0e0e0;
border: 1px solid #000000;
color: #133A99;
display: block;
font-family:Calibri !important;
font-size: 11px;
left: -23em;
padding: 10px;
position: absolute;
text-align: justify;
top: -18em;
width: 20em;
}

/* CONNECT TO YOUR REGISTRATION */
div.login-extendedlogin-title /* Connect to your Registration on the Account Page */{
display:none !important;
}

/* CONNECT TO B-COM SECTION */
#epts-pnl-uniquefeature{
border: none !important;
}

/* CREATE BUTTON FOR FORGOT PASSWORD */ 
.extendedlogin-panel-forgotpassword{
background-color:#3696D2;
color:#fff;
border-radius:10px;
height:35px;
line-height:35px !important;
width:130px;
border:none !important;
font-size:14px;
background-image:none !important;
}

.extendedlogin-panel-forgotpassword a{
color:#fff !important;
text-decoration:none !important;
margin-left:10px !important;
}

/* BUTTONS FOR REQUESTS */
#request_buttons{
width:540px;
color:#CB2A0E !important;
text-align:center;
font-weight:bold;
font-size:14px;
/*background-color:#E1EAF7;*/
height:70px;
}

#request_buttons a:hover{
cursor:pointer;
text-decoration:underline !important;
}

#request_buttons a{
cursor:pointer;
font-weight:bold !important;
color:#3696D2 !important;
text-decoration:none !important;
}

.requests{
background-color:#3696D2;
color:#fff;
border-radius:10px;
height:45px;
width:210px;
border:none !important;
font-size:15px;
float:right !important;
}

/* TITLES IN THE BOXES (INDIVIDUAL OR SMALL GROUPS)*/
.epts-title, .extendedlogin-main-title{
background-color:#fff !important;
border:none !important;
color:#3696D2 !important;
font-size:15px !important;
}

/* DESCRIPTION IN THE BOXES (INDIVIDUAL OR SMALL GROUPS) */
.epts-description{
background-image:none !important;
margin-left:-28px;
}

/* NEW BUTTONS TO SELECT INDIVIDUAL OR SMALL GROUP REGISTRATION : BUTTONS ARE CREATED IN WEB SITE SETUP > COMMON LABELS*/
/* LABELS NAME: ONLINE_REGISTRATION_SELECTION_GROUP_REGISTERLINK and ONLINE_REGISTRATION_SELECTION_PARTICIPANT_REGISTERLINK */
.buttonLogin{
background-color:#3696D2;
color:#fff;
border-radius:10px;
height:45px;
width:230px;
border:none !important;
font-size:15px;
float:left !important;
font-size:15px;
float:left !important;
line-height: 45px;
text-align: center;
font-style: normal;
}

/* TITLES IN THE LOGIN BOXES (AFTER CHOOSING INDIVIDUAL OR SMALL GROUP REGISTRATION) */
.extendedlogin-panel-title{
color:#3696D2 !important;
margin-bottom:10px !important;
font-size:15px !important;
}

/* LOGIN AND CONTINUE BUTTONS (AFTER CHOOSING INDIVIDUAL OR SMALL GROUP REGISTRATION) */
#ctl00_mc_ctl00_uxEventParticipationTypeSelectionControl_uxExtendedLoginControl_btnLogin, 
#ctl00_mc_ctl00_uxEventParticipationTypeSelectionControl_uxExtendedLoginControl_btnDuplicateCheck, #ctl00_mc_uxEventParticipationTypeSelectionControl_uxExtendedLoginControl_btnLogin, #ctl00_mc_uxEventParticipationTypeSelectionControl_uxExtendedLoginControl_btnDuplicateCheck{
background-color:#3696D2;
color:#fff;
border-radius:10px;
height:35px;
width:110px;
border:none !important;
font-size:14px;
float:right !important;
background-image:none !important;
}

input#ctl00_mc_ctl00_uxEventParticipationTypeSelectionControl_uxExtendedLoginControl_btnLogin /* login button on the Registration Start Page */{
float:right; 
}

#ctl00_mc_ctl00_uxEventParticipationTypeSelectionControl_uxExtendedLoginControl_btnDuplicateCheck /* Continue button on the Registration Start Page */{
float: right; 
}

/* LINK FORGOT PASSWORD */
div.extendedlogin-panel-forgotpassword {
float: left;   /* puts the link on the left, since the login button is on the right (see above) */ 
} 

/* PLEASE WAIT MESSAGE WHEN LOGIN */
div#loadingLogin {
float:right; /* the message is on the right because the forgot password is on the left */
}

/* CUSTOMIZE THE TEXT FIELDS IN THE LOGIN BOXES (AFTER CHOOSING INDIVIDUAL OR SMALL GROUP REGISTRATION) */
#ctl00_mc_ctl00_uxEventParticipationTypeSelectionControl_uxExtendedLoginControl_uxUserName, #ctl00_mc_ctl00_uxEventParticipationTypeSelectionControl_uxExtendedLoginControl_uxPassword, #ctl00_mc_ctl00_uxEventParticipationTypeSelectionControl_uxExtendedLoginControl_uxFirstName, #ctl00_mc_ctl00_uxEventParticipationTypeSelectionControl_uxExtendedLoginControl_uxLastName, #ctl00_mc_ctl00_uxEventParticipationTypeSelectionControl_uxExtendedLoginControl_uxEmail{
border-radius:5px !important;
height:20px !important;
border:1px solid #c8c8c8 !important;
}

/* BACKGROUND COLOR IN THE LOGIN BOXES (AFTER CHOOSING INDIVIDUAL OR SMALL GROUP REGISTRATION) */
#ctl00_mc_ctl00_uxEventParticipationTypeSelectionControl_uxExtendedLoginControl_rowSystemLogin, 
#ctl00_mc_ctl00_uxEventParticipationTypeSelectionControl_uxExtendedLoginControl_rowNewContact{
background-color:#dcdcdc;
border-radius:10px;
height:250px;
}

/* BOX TO CONNECT WITH SOCIAL NETWORKS 
#ctl00_mc_ctl00_uxEventParticipationTypeSelectionControl_uxExtendedLoginControl_pnlExternalLogin{
background-color:#dcdcdc !important;
border-radius:10px !important;
margin-top:15px !important;
padding:15px !important;
}*/

/* -------------------------------------------------- */
/* END REGISTRATION START PAGE */
/* ---------------------------------------------------*/

/* -------------------------------- */
/* ACCESS CODE PAGE */
/* --------------------------------*/

#ctl00_mc_uxButton{
background-image:none !important;
background-color: #3696D2!important;
height:30px !important;
width:100px !important;
border:none !important;
font-size:14px !important;
border-radius:3px;
}

#ctl00_mc_uxButtonContinue{
background-image:none !important;
background-color: #3696D2!important;
height:30px !important;
width:170px !important;
border:none !important;
font-size:14px !important;
border-radius:3px;
}

/* --------------------------------------- */
/* END ACCESS CODE PAGE */
/* ---------------------------------------*/

/* -------------------------------------------- */
/*      RESET PASSWORD PAGE   */
/* --------------------------------------------*/

/* RESET PASSWORD TITLE */
#ctl00_MainContentTitle_lblTitle{
color:#000 !important;
}

/* CONTINUE AND CANCEL BUTTONS */
#ctl00_mc_btnContinue, #ctl00_mc_btnUserCancel{
width:80px;
height:30px;
background-color:#FFA3AA;
text-align:center;
border-radius:5px !important;
margin-top:20px !important;
color:#000 !important;
background-image:none !important;
font-size:14px !important;
border:none !important; 
margin-bottom:30px !important;
}

#ctl00_mc_btnContinue{
float:right !important;
margin-right:200px !important;
}

#ctl00_mc_btnUserCancel{
float:left !important;
margin-left:200px !important;
}

/* --------------------------------------------------- */
/*     END  RESET PASSWORD PAGE    */
/* ----------------------------------------------------*/

/* -------------------------------------------- */
/*      REGISTRATION WEBSITE    */
/* --------------------------------------------*/

/* THE CODES BELOW REMOVE THE GREY BORDERS AROUND THE TITLES */
div.template-design {
background-image: none; /* erase the background image */
padding:12px 0 0;
margin:0;
}

div.template-module {
background-image: none;
}

div.template-object {
background-image: none;
padding: 0;
}

/* NAVIGATION BAR */
.wizardNaviguationBar .page .enabled
{
color: #000 !important; /* defines the color of the enabled pages in the navigation bar (= the previous pages)*/
}

.wizardNaviguationBar .page .current
{
color: #3696D2; /* defines the color of the current page in the navigation bar */
font-size:14px !important;
font-weight:bold;
}

.wizardNaviguationBar .page .disabled
{
color: #000 !important; /* sets the color of the links that have not yet been visited */
}

.nodisplaydates
{
display:none;
}

/* TABLE FOR ACCOMPANYING PERSON */
.dxgvHeader table tr td{
color:#000 !important;
border:none !important;
}

#ctl00_mc_uxAccompanyingPersonEditControl_uxSaveButton, #ctl00_mc_uxAccompanyingPersonEditControl_uxCancelButton
{
width:80px;
height:35px;
background-color:#FFA3AA;
text-align:center;
border-radius:5px !important;
margin-top:20px !important;
color:#000 !important;
border:none !important;
font-size:13px !important;
}

#ctl00_mc_uxAccompanyingPersonEditControl_uxSaveButton{
float:right !important;
}

#ctl00_mc_uxAccompanyingPersonEditControl_uxCancelButton{
float:left !important;
}

.dxgvHeader{
background-color:#E8E8E8 !important;
border:none !important;
border:none !important;
}

/* REMOVE EXTRA BORDER IN ACC PERSON TABLE */
.dxgvStatusBar {
border-top: NONE !IMPORTANT;
}

/* CHANGE BORDER COLOR IN ACC PERSON TABLE */
table#ctl00_mc_uxIndividualRegistrationEditControl_uxAccPersonListViewControl_uxAccompanyingPersonListXGrid {
    border: 1px solid #d3d3d3;
}

/* CHANGE THE HEIGHT OF THE SUB TABLE FOR ACC PERSON */
td#ctl00_mc_uxIndividualRegistrationEditControl_uxAccPersonListViewControl_uxAccompanyingPersonListXGrid_tcStatusBar {
    height: 30px;
}

/* MAKE THE PREVIOUS/NEXT BUTTONS BIGGER AND ADD BACKGROUND COLOR */
input#ctl00_uxNextButton, #ctl00_uxPreviousButton{
width:80px;
height:40px;
background-color:#3696D2;
color:#fff;
text-align:center;
border-radius:5px !important;
margin-top:20px !important;
}

/* CATEGORIES BACKGROUND AND FONT COLOR */
.category{
padding-left: 5px;/* add a space between the border and the text */
background-color: #3696D2; /* define the background color of the labels. For example: Profile*/
color: #ffffff ; /* change the #value to add a color for the text */
height: 27px; 
line-height: 27px; /* If you have changed the height value, the line-height should be the same */
margin-bottom:15px !important; /* add a space after the title */
margin-top:15px !important; /* add a space before the title */
border-radius:3px !important;
width: auto;
}

/* HIDE EXTERNAL COMMUNITIES IN PERSONAL INFO PAGE */
#ctl00_mc_ctl00_uxContactEditControl_uxExternalCommunityManagementPanel{
display: none; /* this code hides the external communities in the personal info page*/
}

/* MAIN RIGHT MENU (the menu on the right on the personal information page, with the “contact us” link) */
.main-right-menu {
display: none !important;
}

/* CUSTOMIZE THE TEXT FIELDS, DROP DOWN LISTS AND TEXTAREA */
.editFormField input[type="text"], .editFormField select, .editFormField textarea{
border: 1px solid #c8c8c8 !important;
height:20px !important;
border-radius:3px !important;
}
.aspnetmembership-password-textbox, #ctl00_mc_ctl00_uxContactEditControl_uxAspnet_MembershipEditControl_uxPasswordConfirmation{
border: 1px solid #c8c8c8 !important;
height:20px !important;
border-radius:3px !important;
}

.editFormField-birthdate select{
border: 1px solid #c8c8c8 !important;
height:20px !important;
border-radius:3px !important;
}

.answer input[type="text"], .answer select{
border: 1px solid #c8c8c8 !important;
height:20px !important;
border-radius:3px !important;
}

.answer textarea{
border: 1px solid #c8c8c8 !important;
border-radius:3px !important;
}

/* SERVICE BOOKING PAGE - ADD BACKGROUND COLOR */
/*.WSSSOCtn{
padding-left: 5px;/* add a space between the border and the text */
background-color: #2E5495; /* define the background color of the labels. For example: Profile*/
color: #ffffff !important; /* change the #value to add a color for the text */
height: 27px; 
line-height: 27px; /* If you have changed the height value, the line-height should be the same */
margin-bottom:15px !important; /* add a space after the title */
margin-top:15px !important; /* add a space before the title */
border-radius:3px !important;
}

span.WSSSOTitle{
color:#fff !important;
} */

/* HOTEL PAGE (old one) */
.hot-largeitem-address{ 
display:none; /* this code hides the hotel address */
}

.hot-largeitem-phone{ 
display:none; /* this code hides the hotel phone number */
}

div#bingMapControlContainer /* hotel map: the codes below allows the map to be centred */{
margin-left:auto; 
margin-right:auto;
}

/* HOTEL PAGE - NEW ONE */
.customhotlayout-calltoaction a{
color:#fff !important;
}

/*Adjust width for the Hotel Page*/
.maincontainer.PageHotel {
width: 990px !important;
}

/* MAKE THE CONITNUE BUTTON BIGGER ON THE PAGE WHEN A PAYMENT METHOD HAS BEEN CHOSEN */
input#ctl00_mc_uxPaymentControl_uxContinue{
font-size:18px; float:right;
margin-bottom:30px;
border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-webkit-border-radius:5px;
background-image:none;
width:auto !important;
}

/* BOOKING SUMMARY PAGE - MODIFY THE TABLE */

.xb1,.xb2, .xb3,.xb4,.xb5,.xb6,.xb7,.xb8{
display:none !important;
}

.xboxcontent{
border:1px solid #a8a8a8 !important;
}

.xboxcontent .layout th{
height:25px !important;
line-height:25px !important;
background-color: #3696D2 !important;
color:#fff !important;
}

.xboxcontent{
margin-top:20px !important;
border-radius:5px !important;
}

#ctl00_mc_lblTotalDeposit, #ctl00_mc_uxTotalDeposit{
color:#3696D2 !important;
}

/* PAY BUTTON ON THE BOOKING SUMMARY PAGE */
input.payButton{
width:145px !important;
height:40px;
background-color:#3696D2;
color:#fff;
text-align:center;
}

input[value="Proceed to payment >"]{
width: 225px !important;
}

/* ON PAYMENT PAGE, BUTTON TO CONFIRM AND TO CHANGE PAYMENT METHOD */
#ctl00_mc_uxPaymentControl_uxPreviousButton, #ctl00_mc_uxPaymentControl_uxContinue{
width:auto;
height:40px;
background-color:#3696D2;
color:#fff;
text-align:center;
border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-webkit-border-radius:5px;
background-image:none;
}

/* CUSTOMIZE THE TEXT FILEDS TO ENTER CC DETAILS */
.field input, .field select{
border-radius:5px !important;
height:32px !important;
border:1px solid #c8c8c8 !important;
}

/* FINISH BUTTON */
#ctl00_mc_uxFinish{
width:110px !important;
height:35px;
font-size:14px !important;
background-color:#3696D2;
color:#fff;
text-align:center;
border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-webkit-border-radius:5px;
}

/* TELL A FRIEND FEATURE */
.customButton{
background-color:#840091;
color:#fff !important;
border-radius:10px;
height: 50px;
width: 150px;
border:none;
font-size:15px;
cursor:pointer;
text-decoration: none;
font-weight: bold;
padding-top: 10px;
padding-bottom: 10px;
float: right;
text-align: center;
}

.customButton:hover{
text-decoration: none;
background-color: #B100C1;
}

/* ----------------------------------------------- */
/*   END REGISTRATION WEBSITE  */
/* -------------------------------------------------*/

/* --------------------------- */
/*             FOOTER      */
/* ---------------------------*/

#footer{
color: #FFFFFF; /* choose a value for the color of the text (font) */
background-color: #3696D2;
background-image: none !important;
padding-top: 0.05em;
padding-bottom: 0.1em;
font-size: 11px; /* the font size of a footer should always be smaller than the content */
width:100%; /* sets the footer’s width à must be the same value than the page’s width */
min-height:55px !important;
line-height:20px !important;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
-moz-border-bottom-left-radius:10px;
-moz-border-bottom-right-radius:10px;
-ms-border-bottom-left-radius:10px;
-ms-border-bottom-right-radius:10px;
border:none !important;
}

/* ------------------------------ */
/*         END FOOTER     */
/* -------------------------------*/

/* ------------------------------ */
/*     ACCOUNT PAGE    */
/* --------------------------------*/

input#ctl00_mc_uxExtendedLoginControl_btnLogin /* Login button on the Account page */{
float: right; /* button on the right */
width: 60px; 
height: 20px;
background-color: #3696D2 !important; 
color:#fff !important; 
}

input#ctl00_mc_uxExtendedLoginControl_btnDuplicateCheck /* Continue button on the Account page */{
float: right; /* continue button on the right */
width: 60px; 
height: 20px;
color:#fff !important; 
background-color: #3696D2 !important;
} 

div.extendedlogin-panel-forgotpassword /* link Forgot password on the Account Page */{
float: left;   /* puts the link on the left, since the login button is on the right (see above) */ 
color:#000 !important; 
} 

/* ------------------------------------ */
/*    END ACCOUNT PAGE   */
/* -------------------------------------*/

/* ---------------------------------- */
/*       SMALL GROUPS       */
/* ----------------------------------*/

/* SMALL GROUP – REGISTRATION START PAGE */
input#ctl00_mc_ctl00_uxEventParticipationTypeSelectionControl_uxExtendedLoginControl_btnLogin{
float: right; /* login button on the right*/
} 

div.extendedlogin-panel-forgotpassword {
float: left;   /* puts the link Forgot Password on the left, since the login button is on the right (see above) */ 
} 

div#loadingLogin  /* Please wait message on the Registration Start Page*/{
float:right; /* the message is on the right because the forgot password is on the left */
}

input#ctl00_mc_ctl00_uxEventParticipationTypeSelectionControl_uxExtendedLoginControl_btnDuplicateCheck{
float:right; /* continue button on the right */
}

/* MODIFY THE SMALL GROUP CREATION SUMMARY */
.OGRDashCtn {
    margin-top: 20px !important;
}

/* -----------------------------------*/
/*   END SMALL GROUPS    */
/* -----------------------------------*/

/* ------------------------------------ */
/*    ABSTRACT WEBSITE     */
/* ------------------------------------*/

/* NAME OF THE EVENT FOR ABSTRACT WEBSITE */
.abstractsubmission-welcome-eventinfo-name{
background-color: #3696D2; /* the #value defines the background color of the label */
color: #ffffff; /* you can change the color of the text */
display: block; /* do not change this value */
font-size: 1.2em; /* defines the size of the text into the label */
font-weight: bold; /* puts the text in bold */
padding: 5px 10px 5px 5px; /* do not change this value */
boder:none !important;
 }

/* LAYOUT FOR AUTHOR BOXES */
#ctl00_mc_uxAuthorGridView_StatusBar_uxAdd, #ctl00_mc_uxAuthorGridView_pr0_uxAffiliationEditButton,#ctl00_mc_uxAuthorGridView_pr0_uxConflictEditButton {
    padding: 5px;
    background-color: #3696D2;
    color: #ffffff;
    height: 30px;
    line-height: 30px;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
    border-radius: 3px !important;
    text-align: left;
}

#ctl00_mc_uxAuthorGridView_tcpr0 > table > tbody > tr > td {
    width: 50%;
    text-align: left;
}

#ctl00_mc_uxAuthorGridView_tcpr0 > table  {
    padding: 5px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-collapse: collapse;
    border-bottom-style: none;
    width: 100%;
}

/* ------------------------------------------ */
/*    END ABSTRACT WEBSITE   */
/* -------------------------------------------*/

/* ----------------------------------- */
/*   COMMUNITY PORTAL   */
/* ------------------------------------*/

/* BUTTONS TO LOGIN */
#ctl00_mc_uxExtendedLoginControl_btnLogin, #ctl00_mc_uxExtendedLoginControl_btnDuplicateCheck{
background-color:#3696D2;
color:#fff;
border-radius:10px;
height:35px !important;
width:110px !important;
border:none !important;
font-size:14px;
float:right !important;
background-image:none !important;
}

#login-extendedlogincontrol-container, .login-extendedlogin-panel{
border:none !important;
}

/* REMOVE BORDERS AND ADD BACKGROUND COLOR ON LOGIN PAGE */
#ctl00_mc_uxExtendedLoginControl_rowNewContact{border:none !important;}
#ctl00_mc_uxExtendedLoginControl_rowSystemLogin, #ctl00_mc_uxExtendedLoginControl_rowNewContact{
background-color:#dcdcdc;
border-radius:10px;
height:200px;
}

/* ADD BACKGROUND COLOR ON SOCIAL NETWORK BOX TO LOGIN 
#ctl00_mc_uxExtendedLoginControl_pnlExternalLogin{
background-color:#dcdcdc;
border-radius:10px;
margin-top:10px !important;
padding:10px !important;
}*/

/* CUSTOMIZE THE TEXT FIELDS ON THE LOGIN PAGE */
.loginFormField input{
border:1px solid #c8c8c8 !important;
height:20px !important;
border-radius:5px !important;
}


/* CHANGE TITLE COLOR - FINANCIAL PAGE */
.cp-section-title{
color: #3696D2 !important;
}

/* REMOVE IMAGE ON ACTIONS BOXES - MEMBERS PAGE */
.ml-toppanel{
background-image:none !important;
}

/* CENTER THE SECTIONS ON HOME PAGE */
.dashboardItemBaseContainer{
margin-left:45px !important;
}

/* REMOVE THE CORNER ON SECTION - HOME PAGE */
div.corner{
display:none !important;
}

/* CHANGE THE BACKGROUND COLOR OF THE MENU */
.cp-topmenu-container, .cp-leftmenu-communityname{
background-image:none !important;
background-color: #CA1F43 !important;
border-bottom: none !important;
font-size:14px !important;
}

/* CHANGE COLOR OF THE TABS */
.cp-topmenu-text-row{
background-image:none !important;
background-color: #CA1F43 !important;
border-bottom: none !important;
color:#fff !important;
}

/* CHANGE THE COLOR OF THE LINKS IN THE TABS */
.cp-topmenu-text-row a{
color:#fff !important;
}

.cp-topmenu-text-row a:hover{
color:#fff !important;
text-decoration:none !important;
}

.cp-topmenu-text-row:hover
{
background-color: #669AD4 !important;
}

/* REMOVE THE ARROWS ON SELECTED TAB */
.cp-topmenu-arrow-row{
display:none !important;
}

/* REMOVE THE BORDERS ON SELECTED TAB */
.cp-topmenu-text-community-selected{
border-bottom: none !important;
background-color: #669AD4 !important;
}

/* CHANGE THE COLOR OF THE LINK ON THE SELECTED TAB */
.cp-topmenu-text-community-selected a{
color: white !important;
background-color: #669AD4 !important;
}

/* CHANGE NAME OF THE GROUP ON THE LEFT */
.cp-leftmenu-headerrow td{
height:26px !important;
border: none !important;
background-color: #3696D2  !important;
}

/* CHANGE COLOR OF THE SELECTED MENU ON THE LEFT */
.cp-leftmenu-selected
{
color: #3696D2 !important;
}

input[type="radio"]{
border:none !important;
}

/* ------------------------------------------ */
/*   END COMMUNITY PORTAL   */
/* ------------------------------------------*/

/* ----------------------------------------------------------------------------- */
/*    MENU IN INFORMATION PAGES – M&E WEBSITES    */
/* ---------------------------------------------------------------------------- */

.topmenu-level-0{ 
background-image:none !important;
background-color: #3696D2 !important;
margin-bottom:30px !important;
}

div#topmenu li a:hover { 
color: #000 !important; 
cursor:pointer;
border-bottom:none;
}

div#topmenu ul{
background-image:none !important;
background-color: #3696D2 !important;;
}

div#topmenu li { 
background-image:none !important;
background-color: #3696D2;
font-size:12px;
}

div#topmenu li a {  
color: #FFFFFF !important;
margin: 0 !important;
border-right: none !important;
padding-top:0 !important;
padding-right: 15px !important;
padding-left: 15px !important;
padding-bottom: 0pt !important;
margin-top:4px !important;
line-height:25px;
}

div#topmenu li.topmenu-selected a { 
color:#000 !important; 
background-color: #3696D2 !important; 
}

div#topmenu UL.topmenu-level-0 li:hover, div#topmenu UL.topmenu-level-0 li a:hover{
background-color: #3696D2 !important; 
color:#000 !important; 
}

div#topmenu li.topmenu-selected{ 
background-color: #3696D2 !important;
}

/* ----------------------------------------------------------------------------------- */
/*  END MENU IN INFORMATION PAGES – M&E WEBSITES    */
/* -----------------------------------------------------------------------------------*/

/* ---------------------------------------------------*/
/* SUPPLIER PORTAL - INFO PAGES  */
/* --------------------------------------------------*/
#MetroTable{
margin: auto;
}

#MetroTable td{
width: 200px !important;
background-color: #ED1F62;
text-align: center;
-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
 box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
}

#MetroTable td:hover{
background-color: #DAEDF4;
}

#MetroTable img{
width: 70px;
height: 70px;
}

#MetroTable a{
text-decoration: none !important;
}

#HomeButton{
background-color: #ED1F62;
padding: 10px;
width: 50px;
border-radius: 7px;
}

#HomeButton a{
text-decoration: none;
color: white !important;
font-weight: bold;
}

/* ---------------------------------------------------------- */
/* END SUPPLIER PORTAL - INFO PAGES   */
/* ----------------------------------------------------------*/

/* ---------------------------------------------------------- */
/* START STANDALONE COMMUNITY   */
/* ----------------------------------------------------------*/

/* Welcome page */
#ctl00_mc_uxExtendedLoginControl_rowNewContact
{
display: none;
}

#login-extendedlogincontrol-container
{
max-width: 500px;
}

.extendedlogin-panel-login
{
padding-bottom: 30px !important;
}

.extendedlogin-panel-login input
{
width: 100% !important;
}

/* HOME PAGE V1 - TITLE ONLY */
#WelcomeTable
{
	margin: auto;
}

#WelcomeTable td
{
	padding: 10px;
}

.LeftButton
{
	width: 250px;
	height: 250px;
	color: white;
	font-weight: bold;
	text-align: center;
	background-color: #3379C6;
	border: none;
	font-size: 30pt;
	white-space: normal;
}

.MiddleButton
{
	width: 250px;
	height: 250px;
	color: white;
	font-weight: bold;
	text-align: center;
	background-color: #3379C6;
	border: none;
	font-size: 30pt;
	white-space: normal;
}

.RightButton
{
	width: 250px;
	height: 250px;
	color: white;
	font-weight: bold;
	text-align: center;
	background-color: #3379C6;
	border: none;
	font-size: 30pt;
	white-space: normal;
}
/* END HOME PAGE V1*/

/* START E-LEARNING PAGE */
 .MainBlock
{
	width: 250px;
	height: 250px;
	color: white;
	font-weight: bold;
	text-align: center;
	background-color: #3379C6;
	border: none;
}

.UpperBlock {
    width: 250px;
    height: 125px;
    font-size: 16pt;
    padding-top: 10px;
}


.BelowLeftBlock
{
	width: 125px;
	height: 125px;
	float: left;
}

.BelowRightBlock
{
	width: 125px;
	height: 125px;
	float: right;
}

.BelowLeftBlock:hover
{
	background-color: #3696D2 !important;
}

.BelowRightBlock:hover
{
	background-color: #3696D2 !important;
}

.ButtonELearning {
    width: 125px;
    height: 125px;
    background-color: #3379c6;
    border: none;
    border-right: 1px solid #3696D2;
    font-size: 14pt;
}

.ButtonELearning:hover {
    background-color: #3696D2;
}

.ButtonELearning[value=View]
{
border: none !important;
}

/* END E-LEARNING PAGE */

/* START F2F COURSES PAGE */
.MainBox
{
	width: 250px;
	height: 250px;
	color: white;
	font-weight: bold;
	text-align: center;
	background-color: #3379C6;
	border: none;
}

.UpperBox {
    width: 250px;
    height: 125px;
    font-size: 16pt;
    padding-top: 10px;
background-color: #3696D2 !important;
}


.BelowLeftBox
{
	width: 125px;
	height: 125px;
	float: left;
}

.BelowRightBox
{
	width: 125px;
	height: 125px;
	float: right;
	padding: 10px;
	padding-top: 40px;
}

.BelowLeftBox:hover
{
	background-color: #3696D2 !important;
}

.ButtonCourse {
    width: 125px;
    height: 125px;
    background-color: #3379c6;
    border: none;
    border-right: 1px solid #3696D2;
    font-size: 14pt;
}

.ButtonCourse:hover {
    background-color: #3696D2;
}
/* END F2F COURSES */

/*#page {
    width: 1400px;
    max-width: none;
}


#page .main-content {
    width: 290px;
    min-height: 300px;
    margin: auto;
}*/

.cp-leftmenu-communityname
{
color: white;
}

.editFormField, .editFormField-birthdate {
    padding-bottom: 5px;
}

input[type=text], input[type=email], input[type=password], .dropdowncomponent, input[type=date]
{
height: 32px !important;
}

#CongressButton
{
opacity: 0.7
}

#eLearningButton
{
opacity: 0.3
}

#CoursesButton
{
opacity: 0.5
}

#BursariesButton
{
opacity: 0.2
}

#RecordedButton
{
opacity: 0.6
}

#PublicationsButton
{
opacity: 0.4
}

#CongressButton:hover,
#eLearningButton:hover,
#CoursesButton:hover,
#BursariesButton:hover,
#RecordedButton:hover,
#PublicationsButton:hover
{
opacity: 0.9;
}


.pageHeader
{
width: 100%;
}

#page
{
width: 100%;
max-width: 1200px;
}

#Form1 .specialintro
{
display: none;
}

.Wel .button {
    height: 200px !important;
    width: 100% !important;
    line-height: 44px;
    padding-top: 59px;
    font-size: 2.5em !important;
}

.Pub .button {
    height: 200px !important;
    width: 100% !important;
    line-height: 44px;
    padding-top: 76px;
    font-size: 2.5em !important;
}


html, body {
    font-size: 16px !important;
}

.component-registration-introduction .introduction-content {
    font-size: 16px !important;
}

.ui.grid>.column, .ui.grid>.row>.column
{
    font-size: 16px !important;
}

.cp-topmenu-text-row {
    font-size: 16px !important;
    font-family: calibri !important;
}

#footer {
    padding-top: 10px !important;
    font-size: 15px;
    line-height: 14px !important;
}

.component-service-reservation .serviceDescription {
    margin-top: 8px;
    font-style: italic;
    text-indent: 0px !important;
}

label[for="paymentmethodselection-banktransfer"] {
    display: none !important;
}

input#paymentmethodselection-banktransfer {
    display: none !important;
}

/*HIDE CC GUARANTEE USE DIFFERENT CC*/
label[for="cbUseDifferentCCForGuarantee"] {
    display: none !important;
}

/*HIDE PAYMENT BK ON PORTAL*/
.cp-foc-payment-details-link.cp-foc-payment-details-link-bt {
    display: none !important;
}
/* END Theme EAHAD - Calibri */