/*-----------------------------------------------------------------------------------------------------*/
/*                                     HOME PAGE                                                       */
/*-----------------------------------------------------------------------------------------------------*/
.home-page-wrapper  { background-image:url(images/rainbow.gif); background-repeat:repeat; width:100%; padding:60px; height:700px; }
#home-page-image    { display:block; margin:0px auto 50px auto; }

/*-----------------------------------------------------------------------------------------------------*/
/*                                     ACCOUNT LAYOUT                                                  */
/*-----------------------------------------------------------------------------------------------------*/
.header-strip
{ height:73px; background:#303030; border-bottom: 1px solid #222222;}
.header-strip .content-wrapper
{ padding:0px 20px; }
.main-wrapper
{ background: #e2e2e2; position:relative; }
#contentContainer
{ background:#fafafa; border:1px solid #c0c0c0; }
#productLogo
{ float:left; }
#logOut
{ float:right; margin-top:17px; }
#logIn
{ float:right; margin-top:17px; width:60px; }
.generic-page .header-strip 
{ height:auto; }

/*-----------------------------------------------------------------------------------------------------*/
/*                                     NEW ACCOUNT CREATION                                            */
/*-----------------------------------------------------------------------------------------------------*/
.account-name-section   { margin:20px auto; padding:40px 30px; width:570px; }
.account-name-section p { margin-top:10px; }

/* Selecting Account Name*/
#accountNameForm        { margin:30px 0 0 0; width:100%; }
#accountNameForm input  { color:#787878; height:28px; padding:3px; vertical-align:middle; width:200px; }
#accountNameForm label  { font-size:16px; }
#checkAccountName       { float:right; margin:20px 0 0 0; width:200px; }
#checkAccountName, #updateCreditCardInfo, #updateCloudAccount      { float:right; margin:20px 0 0 0; width:200px; }

.small-info-link        { display:block; font-size:14px; margin:15px 0 0 0 ; }
.text-box-wrapper       { background:#ffffff; border:1px solid #dddddd; padding:5px;}
.text-box-wrapper input[type="text"] { background:#ffffff; border:1px solid #ffffff; }
.text-box-wrapper .k-dropdown        {  width:240px; }
.text-box-wrapper .k-dropdown-wrap .k-input { font-size:14px; } 
.k-list-container .k-item   { font-size:13px }
#accountNameForm .k-dropdown-wrap.k-state-default:not(.k-state-hover)   { background:#f8f8f8; }

/* Custom Domain */
#customDomainNameForm   { margin:30px 0 40px 0; }
#customDomainNameForm p { font-size:16px; margin:10px 0; }
#customDomainNameForm label { font-size:16px; }
#customDomainNameForm input { height:28px; vertical-align:middle; width:250px; }
#checkCustomDomain          { margin-left:30px; width:120px; }
#customDomainInfo           { display:block; font-size:14px; margin:15px 0 0 0 ; }

#domainPoliciesAgreement	{ display:block; font-size:10pt; text-align:center; }
#licenseAgreementContainer  { font-size: 13px; margin-bottom: 15px; text-align: center; }

/* Account Available */
#accountNameAvailable #website-container      { margin-top:30px; margin-bottom:20px; }
#accountNameAvailable #website                { text-align:center; padding-right:20px; font-size: 16px;}
#accountNameAvailable #account-commands       { display:inline-block; margin-left:85px;}
#accountNameAvailable #changeAccountName      { display:inline-block; width:120px; margin-right:10px}
#accountNameAvailable #chooseTheme, 
#accountNameAvailable #GoToCustomDomainBilling{ display:inline-block; margin: 0 auto; width: 120px; margin-top:20px; margin-left:10px;}
#accountNameAvailable #changeAccountName      { display:inline-block; }
#accountNameAvailable h3                      { display:inline-block;}              
#accountNameAvailable h1                      { text-align:center; } 
#accountNameAvailable p                       { text-align:center; }

/*Account Already Exists*/
#accountAlreadyExists #website-container      { margin-top:30px; margin-bottom:30px; }
#accountAlreadyExists #website                { text-align:center; padding-right:20px; font-size: 16px;}
#accountAlreadyExists h1                      { text-align:center; } 
#accountAlreadyExists p                       { text-align:center; }
#accountAlreadyExists #account-commands		  { text-align:center; }
#accountAlreadyExists #gotoAccount            { width:120px; display: inline-block; margin:20px 10px;}
#manageUsers								  { width:120px; display: inline-block; margin:20px 10px;}

/*Old OLB account already exists*/
#oldAccountAlreadyExists h1                   { text-align:center; } 
#oldAccountAlreadyExists p                    { text-align:center; }
#oldAccountAlreadyExists #updateAccount       { width:170px; }
#oldAccountAlreadyExists #chooseNewDomain     { width:120px; }
#oldAccountAlreadyExists #account-commands .button  { margin:0px 10px;  }
#currentDomain                                { font-size:1.1em; margin:20px 0; }
#oldDomain                                { font-size:1.1em; margin:20px 0; }
#oldAccountAlreadyExists #account-commands    { margin:20px auto 0 60px; width:420px; }
#oldAccountAlreadyExists h3                      { display:inline-block;}  


/* Select Theme */
#chooseStartingTheme p  { font-size:15px; margin:10px 0; }
#chooseStartingTheme .template-thumbnail    { background:#ffffff; border:1px solid #c0c0c0; float:left; height:210px; margin:10px 23px; padding:10px; position:relative;  width:260px; }
#chooseStartingTheme .template-thumbnail .preview-container img
                                            { border:1px solid #c0c0c0; display:block; margin:0px auto; max-height:130px; max-width:100%; }
#chooseStartingTheme .template-thumbnail h3 { border-bottom:1px solid #dddddd; cursor:default; font-family:"Museo 100", "Georgia", Serif; font-size:22px; margin:0px auto 10px auto; max-width:150px; overflow:hidden; padding:5px 0; text-align:center; }
#chooseStartingTheme .template-thumbnail.selected h3        { color:#ffffff; border-bottom:1px solid #ffffff; }
#chooseStartingTheme .template-thumbnail .template-preview  { position:absolute; top:5px; right:5px; }
.template-preview-image         { display:block; margin:0px auto; max-height:475px; max-width:640px; }
#chooseStartingTheme #licenseAgreementContainer             { float: right; font-size: 12px; margin: 15px 20px; text-align: center;  }

/*.ui-dialog .ui-dialog-buttonpane .ui-button				{ background: none repeat scroll 0 0 #f3f3f3 !important; border: 1px solid #c5c5c5 !important; color: #707070 !important; }
.ui-dialog .ui-dialog-buttonpane .ui-button.ui-state-hover	{ background: none repeat scroll 0 0 #f8f8f8 !important; border: 1px solid #aaaaaa !important; color:#606060; } */

/* Account Unavailable */
h1.website-unavailable-headline         { color:#ffffff; padding:20px 0 10px; text-align:center; }
.website-unavailable-message            { padding:30px 20px 70px 20px; }
.website-unavailable-message p.icon     { color:#909090; font-size:75px; text-align:center;}
.website-unavailable-message h4         { font-size:18px; margin:0 0 15px 0; text-align:center;}
.website-unavailable-message p          { text-align:center; }

.remote-access-help-steps p				{ font-size:12pt; text-align:left; color:#222222; }
.remote-access-help-steps li 			{ line-height:20pt; }
#troubleshootingContactLine				{ font-size:10pt; margin:0 auto; text-align:center; width:60%; }

h1.multiple-servers-connected-headline    { color:#ffffff; padding:20px 0 10px; text-align:center;}
.multiple-servers-connected             { padding:30px 20px 70px 20px; text-align:center; }
.multiple-servers-connected .k-dropdown { width:175px !important; margin: 15px auto 0; display: block; color:#ffffff !important; }
.multiple-servers-connected .k-dropdown .k-state-focused .k-input {color:#ffffff !important; }
.multiple-servers-connected p.icon      { color:#909090; font-size:75px; }
.multiple-servers-connected h4          { font-size:18px; margin:0 0 15px 0; text-align:center }
.multiple-servers-connected p           {  text-align:center; }
.multiple-servers-connected .button     { margin:20px 0 0; }
#ChoiceOption-list {width:auto !important; min-width: 169px;}

/* ------------------------------------------------*/
/*         Apt Request Search Bar Items            */
/* ------------------------------------------------*/

.filterBar-half                         { float:left;}
.filterBar-half.first                   { width:70%; }
.filterBar-half.last                    { width:30%; }
.filterBar .filter-container            { margin:5px inherit; padding: 0px 5px;  }
.filterBar-half.first .filter-container { float:left; width:35%; } 
.filterBar-half.last .filter-container  { float:right; } 
.filterBar #filterButtons               { margin:35px auto 0; width:30%; }
.filterBar .optionsGroupTitle { color:#393939; margin:0px 0px 5px; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); padding:0; }
.filterBar .txtFilter { width:90%; margin-left:2px; }
.filterBar .button { border-width:1px; font-size:14px; margin-right:8px; outline:none; padding:8px 10px; text-align:center; line-height:14px; width:85px; }

.filterBar .filterFieldDescription { color:#777; font-size:12px; margin:2px 0 0 2px; }
.filterBar .k-grid-select .k-dropdown-wrap { height: 32px; width:90px; }
.filterBar .k-grid-select .k-dropdown-wrap .k-input,
.filterBar .k-grid-select .k-dropdown-wrap .k-select { margin-top: 1px; }
.filterBar .date-picker-container   { float:left; width:40%; }
.filterBar .date-picker-container .booking-form-input   { margin:0px; width:100%; }
.filterBar .date-between-label  { display:block; float:left; text-align:center; width:10%; line-height: 34px; }
.filterBar input { max-height:30px; }
.filterBar { min-height:100px; min-width:710px; width:100%; margin:0 0 10px 0; padding: 5px; background-color:#f9f9f9; border:1px solid #adadad; vertical-align: top; }

/*-----------------------------------------------------------------------------------------------------*/
/*                                  NO ITEMS MESSAGES                                                  */
/*-----------------------------------------------------------------------------------------------------*/
.noItemsInList              { box-shadow: 0 0 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
                              -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
                              background-color:#f5f5f5; border:1px solid #bbb; margin:50px auto; padding:30px; width:535px; }
.noItemsInList h2           { color:#333; font-family:"Museo 300"; font-size:22px !important; margin:0 0 10px 0 !important; text-shadow: none !important;}
.noItemsInList .icon-image  { color:#333; float:left; font-size:51px; margin:15px 5px; width:50px; }
.noItemsInList .content     { float:left; width:380px; }
.noItemsInList.small        { width: 435px; /*box-shadow: none;*/ }
.noItemsInList.search-small { width: 350px; box-shadow: none; background:none; border: none; padding: 0;}
.noItemsInList.search-small .content { float:none;}
.noItemsInList.search-small .content p { margin: 0 15px;}
.noItemsInList.search-small .icon-image {  height: 50px;}
#ticketItemsBox.minimized .noItemsInList {display: none; }

.request-log-information-container                          { margin:0px auto 20px; width:100%; }
.request-log-information-container .request-section.half    { width: 49%}



.online-request-item span.time-range    { width:25%; }
.online-request-item span.description   { width:45%; }
.online-request-item span.employee      { width:25%; }

.offline-request-item span.description   { width:55%; }
.offline-request-item span.employee      { width:40%; }
.offline-request-reviewed-section        { margin:30px 0 0}
/*-----------------------------------------------------------------------------------------------------*/
/*                                     ACCEPT/REJECT APPOINTMENTS                                      */
/*-----------------------------------------------------------------------------------------------------*/

.request-information-container  {  margin:0px auto 20px; padding:10px; width:90%; }
.request-section.half           { min-height:170px; overflow:hidden; width:45%; }
.request-section.half:nth-child(2n+1)   { float:left; }
.request-section.half:nth-child(2n)     { float:right; }

.request-section.half .half { width: 45%; }
.request-section.half .half h4 { margin-bottom: 10px; }

.request-section    { background:#fdfdfd; border:1px solid #dddddd;  padding:10px;  }
.ticket-item, .online-request-item, .offline-request-item    { background:#fefefe; border:1px solid #dddddd; color:#8f8f8f;  margin:10px auto 5px; max-width:900px; padding:8px; width:90%; }
.ticket-item span, .online-request-item span, .offline-request-item span    { display:inline-block; }
.ticket-item span.start-time    { width:10%; }
.ticket-item span.description   { width:45%; }
.ticket-item span.duration      { width:15%; }
.ticket-item span.employee      { width:25%; }
.request-section h2 { font-family:"Museo 300", Georgia, Serif; font-size:22px; margin-bottom:10px; }
.request-section h3 { font-size:18px; margin-bottom:10px; }
.appointment-request-title      { padding:20px 50px; }
.appointment-request-title h1   { font-size:26px; margin:5px 0; }

.button-container           { margin:0px 30px 10px 0; position:relative; text-align:right;  }
.button-container .button   { margin:10px; padding:10px 25px; }

.current-availability-status    { margin:10px auto; padding:10px; width:90%;  }
.current-availability-status p  { text-align:right; font-size:0.8em; }
.current-availability-status.available      { background:#E1ECDC; border:1px solid #A8CC96; }
.current-availability-status.available p    { color:#629C44; }
.current-availability-status.unavailable    { background:#F3E6E2; border:1px solid #C57864;}
.current-availability-status.unavailable p  { color:#C44A2B; }

/* Alerts */
.appointment-request-alert  { background:#e8e8e8; border:1px solid #c0c0c0; margin:50px auto; padding:20px; width:70%; }
.appointment-request-alert h1   { font-size:26px; margin:20px 0; text-align:center; }
.appointment-request-alert p    { font-size:18px; margin:20px 0; text-align:center; }

@media only screen and (max-width: 690px) {
    .request-section.half		{ min-height:230px;}
}


/* MOBILE PHONE SIZE */
@media only screen and (max-width: 490px) {
    .request-information-container
        { margin:0px; padding:0px; width:100%; }
    .request-section
        { background:none; border:none; margin:20px 0 40px; padding:0px; }
    .request-section.half               
        { min-height:0; height:auto; width:100%; }
    .request-section.half:nth-child(2n+1),.request-section.half:nth-child(2n) 
        { float:none; }
    .request-section h3 
    { margin-bottom:0px; padding:5px; }
    .request-section h2
    { border-bottom:1px solid #d0d0d0; margin:0px; padding:0 5px; }
    .request-section p
    { padding:0 5px;}
    .button-container
    { height:155px; margin:0px 0px 20px 0; text-align:center; }
    .button-container .button   
    { display:block; padding:15px 0; position:absolute; margin:15px 0; width:100%; }
    .appointment-request-title
    { padding:20px 5px; }
    .button-container .button.red
    { bottom:0px;}   
    .button-container .button.green
    { top:0px;}
    .current-availability-status p  { text-align:center; }
}

@media only screen and (max-width:1005px) 
{
    .filterBar-half, .filterBar-half.first, .filterBar-half.last    { float:none; padding:5px; width:100%; }
    .filterBar-half.last .filter-container        { float:left; margin-right:50px; }   
}

/*************Trial Expired*************/
#trialExpiredContainer                       { padding: 30px;}
#trialExpiredContainer h1                {text-align:center;}


#WinformTrialExpiredListContainer h2 {margin: 5px 0 4px; text-align: center; font-size:18px}
#trialExpiredClosing			{ font-family:"Museo 300"; font-size:24px; line-height:26px; margin:25px 10px; text-align:center }
#trialExpiredOpening			{ font-size:11pt; line-height:18pt; margin:15px; text-align:center; }
#trialExpiredContainer ul li {  padding: 5px 0 4px; font-size: 15px;}

#WinformTrialExpiredListContainer   {background-color: #f8f8f8; border: 1px solid #E5E5E5;  margin:20px auto; padding:20px; width:95%}

#WinformTrialExpiredListContainer	ul		{ margin: 10px 0 0 10px;width:40%; color:#787878  }
#WinformTrialPurchaseButton                 {  display: block;  font-size: 24px;  margin: 15px auto 0 auto;  padding: 12px;  width: 40%;}