﻿homepageheader/*Mobile Styles */

/*Main Layout */
body 
{
    color: #696969;
    width:100%;
    height:100%;
}
#page
{
     padding:5px;
     width:96%;
     max-width:450px;
     height:100%;
     margin:0 auto;
     font-size:10px;
     font-family: Arial,Helvetica,sans-serif;
     background-color:#E8E8E8;
     border-bottom:none;
}
#NoCookies,
noscript
{
	text-align:center;
	font-size:15px;
	color:Red;
	padding: 0px;
	margin: 0px;
}
#pagecontent
{
    width:95%;
    height:100%;
    margin:0 auto;
    padding:6px;
    background-color:#E8E8E8;
    border-bottom:none;
}
#heading { overflow:hidden; height:49px; }
#heading h1
{
    margin:17px -4px 9px 0;
    text-align:right;
    font-size:14px;
}
    #heading #headerhomelink {
        background: url('../../../Images/honeywellhome_logo.jpg') no-repeat top left;
        float: left;
        height: 100%;
        margin: 5px 0 0 -5px;
        width: 149px;
        text-indent: -9999px;
    }
#heading .ui-btn-up-a, #heading .ui-btn-inner
{
    border:none;
}
.ui-page { background: #E8E8E8; }
form { border:none; }
/* Content Wrapper */
.contentwrap
{
    margin: 0 auto;
    border-radius:8px;
    padding:4px;
    width:96%;
    height:100%;
    background-color:#E8E8E8;
    margin-bottom:10px;
}
.homepageheader
{
    font-size:18px;
    text-align:left;
    margin:6px 0 6px 0;
}
.tccloginlabel label 
{
    margin-top:5px;
    text-align:left;
}
.RememberMe {
    text-align: right;
}
.RememberMe .checkboxWrapper {
    display: inline-block;
}
/*

not needed - the requirement of having entire checkbox right-aligned can be achieved easily !

.RememberMe .ui-btn-text {
    text-align:right;
    float:right;
    width:inherit;
}
.RememberMe .ui-btn-icon-left .ui-btn-inner .ui-icon,.RememberMe .ui-btn-icon-right .ui-btn-inner .ui-icon
{
    position:inherit;
    float:right;
    margin-right:15px;
}
#page.android .RememberMe .ui-btn-icon-left .ui-btn-inner .ui-icon,#page.android .RememberMe .ui-btn-icon-right .ui-btn-inner .ui-icon
{
    margin-top:-8px;
}
#page.iphone .RememberMe .ui-btn-icon-left .ui-btn-inner .ui-icon,#page.iphone .RememberMe .ui-btn-icon-right .ui-btn-inner .ui-icon,
#page.neither .RememberMe .ui-btn-icon-left .ui-btn-inner .ui-icon,#page.neither .RememberMe .ui-btn-icon-right .ui-btn-inner .ui-icon
{
    margin-top:-1px;
}*/
div.ui-slider-switch {
    position: absolute;
    right: 0;
    width: 44%;
}
.contentwrapwhite
{
    margin: 0 auto;
    border-radius: 8px;
    padding: 6px;
    width: 96%;
    height: 100%;
    background-color: White;
    margin-bottom: 8px;
    border: 1px solid Black;
    text-align: left;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
.contentwrapwhite .ui-btn-text
{
    font-size:inherit;
}
.contentwrapwhite p:not(.hint)
{
    margin:10px;
}
.accountconfirmed
{
    font-weight:bold;
}
.selectcontainer
{
    overflow:hidden;
}
.selectcontainer .editor-label
{
    width:35%;
    float:left;
}
.selectcontainer .select.half
{
    width:65%;
}
.selectcontainer .editor-label.half
{
    width:35%;
}
.selectcontainer .editor-label.half label
{
    font-size:14px;
}
.selectcontainer .editor-label label
{
    margin-top: 8px;
    margin-left: 6px;
}
#secretquestioncontainer .selectcontainer .editor-label label
{
    margin-top:2px;
    margin-left:0;
}
.selectcontainer .select
{
    width:65%;
    float:left;
}
.itemcompleted
{
    position:absolute !important;
    left:6px !important;
}
.error
{
    text-align:left;
    font-size:14px;
    color:Red;
}
.error p
{
    margin:6px;
}
/* Common Styles - Ease of use */
.clear
{
    width:100%;
    clear:both;
}
#footer
{
    color:#545454;
    text-align: center;
    line-height: normal;
    font-size: .9em;
    margin-top:30px;
    padding-top:5px
}
#footer .ui-btn {
    margin-bottom: 3px;
    display: inline-block;
}
#footer .link
{
    color: White;
}
.smallertext
{
    font-size:smaller;
}
ul
{
    padding:5px;
}
.floatleft
{
    float:left;
}
.floatright
{
    float:right;
}
.hidden
{
    display:none;
}
.grayed-out
{
    opacity:0.4;
    filter:alpha(opacity=40);
}
.mobileHeading
{
    margin:5px 0 5px 0;
    font-size:20px;
    text-align:center;
}
.Success h3
{
    text-align:center;
}
.smalltext
{
    font-size:small;
    margin:5px;
}
.borderbottom
{
    border-bottom:solid 3px #CAD1D8;
    padding-bottom:3px;
}
.zeromargin
{
    margin:0;
}
.smallmargin
{
    margin:5px;
}
.mediummargin
{
    margin:10px;
}
.width100
{
    width:100%;
}
.positionrelative
{
    position:relative;
}
#anotherAccountList li
{
    font-size:12px;
}
/* Terms & Conditions */
#hometermsandconditions
{
    width:100%;
}
#termsandconditionsheader.header h2
{
    font-size:20px;
}
#TermsConditions p
{
    font-size:10px;
}
#termsScroller h4
{
    font-size:11px;
    text-align:center;
}
#acceptTerms
{
}
#acceptTerms .ui-checkbox
{
    padding: 0;
}
#acceptTerms .ui-btn-inner .ui-icon {
    padding: 0;
}

#acceptTerms label {
    padding: 0;
}

#termsandconditionsfooter
{
    margin: 0;
    padding: 0;
}
#termsandconditionsfooter.footerArea .ui-btn
{
    width:45%;
}
#hometermsandconditionsfooter.footerArea .ui-btn
{
    width:100%;
}
#termsandconditionsfooter.footerArea #acceptTerms .ui-btn
{
    width:100%;
}
#acceptTerms label.ui-btn
{
    width:100%;
}
#termsScroller
{
    height:215px; 
    overflow-y:scroll; 
    margin-bottom:15px;
}
#termsbuttons form, #termsbuttons div {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
}
#termsConditionsAccept .ui-btn
{
    float:right;
}
#termsbuttons .ui-btn-inner {
    padding: 0;
}
#termsbuttons .ui-btn-inner .ui-icon {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}
.befooter
{
    position:absolute;
    bottom:0px;
}

/* Account/Register */
#accountSummary #buttons a:link
{
    margin-bottom:20px;
}

#locationtype
{
    float:right;
    overflow:hidden;
    text-align: right;
    width: 120%;
}

#locationtypetable label
{
    font-size:16px;
}
#locationtypetable table
{
    width:100%;
}
.centeredblock
{
    margin-left: auto !important;
    margin-right: auto !important;
}
.imageheadingwrap
{
    text-align: center;
    height: 40px;
}
.imageheadingwrap img
{
    margin: 0;
    padding: 0;
    display: inline;
    vertical-align: middle;
}
.contentwrapwhite .imageheadingwrap p
{
    margin: 0;
    padding: 0;
    display: inline;
    line-height: 40px;
    margin-left: 10px;
}
#securityInfo .questiondisplay, #secretquestioncontainer .questiondisplay
{
    font-size:11px;
    margin:0;
    margin-top:2px;
    margin-bottom:2px;
    color:Black;
}
.passwordlist
{
    margin-left:12px;
    font-size: 11px;
    color: #80868A;
    margin-top:0px;
    padding-top:0px;
    margin-bottom:0px;
}
#locatecontainer
{
    overflow:hidden;
    margin-bottom:5px;
}
.centeredblock #locatecontainer, .centeredblock #autolocatehelpicon
{
    float:left;
}
#autolocatehelpicon
{
    background:url('../../../Images/Schedule/fan_question_help.png') no-repeat top left;
    width: 30px;
    height: 25px;
    cursor: pointer;
    margin-top: 7px;
    margin-left: 15px;
}
.ui-dialog
{
    display:none !important;
}
/* Account/Registered */
.successcheck
{
    width:85px;
    height:85px;
    margin:0 auto;
    margin-top:10px;
    margin-bottom:16px;
    border-radius:8px;
    background-color:Green;
    position:relative;
    
}
.failcheck
{
    width:90px;
    height:90px;
    margin:0 auto;
    margin-top:10px;
    margin-bottom:10px;
    border-radius:8px;
    background-color:Orange;
    position:relative;
}
.successcheck p, .failcheck p
{
    font-size:18px;
    text-align:center;
    color:White;
    position:relative;
    margin:0 !important;
    bottom:-60px;
    text-shadow:none;
}
.failcheck p
{
    bottom:-65px;
    color:Black;
}
.successcheck .checkimage
{
    background:url('../../../Images/Icons/check32.png') no-repeat top left;
    height:32px;
    width:32px;
    position:absolute;
    top:20%;
    left:26px;
}
.failcheck .checkimage
{
    background:url('../../../Images/Icons/warning42black.png') no-repeat top left;
    height:42px;
    width:42px;
    position:absolute;
    top:15%;
    left:25px;
}
.successbox
{
    width:97%;
    overflow:hidden;
    background-color:Green;
    padding:4px;
    text-align:left;
    font-size:14px;
    border-radius:8px;
    text-shadow:none;
    color:White;
    margin:0 auto;
}
.successbox p
{
    margin:6px;
}

/* Create Location */
#notificationcontacts .middle.ui-corner-all
{
    border-radius:0px;
}

.appstoreimage
{
    width:150px;
    height:47px;
    margin:0 auto;
    cursor:pointer;
}
#googleplayimage
{
    background:url('../../../Images/google-play-logo1.png') no-repeat top left;
    border:1px solid Black;
    border-radius:8px;
}
#appleappstoreimage
{
    background:url('../../../Images/app-store-mobile.png') no-repeat top left;
}
/* FOOTER LIST   
----------------------------------------------------------*/
#footer ul li
{
    list-style-type:none;
}
#footer li a
{
    color:#545454;
}

/* Forms */
.inputgroup
{
    overflow:hidden;
    width:95%;
    margin:0 auto;
    margin-top:2px;
}
.inputgroup:not(.separated) input[type='text'].top, .inputgroup:not(.separated) input[type='password'].top, .inputgroup:not(.separated) input[type='email'].top
{
    margin-bottom:-1px;
    border-radius:10px 10px 0 0;
}
.inputgroup:not(.separated) input[type='text'].bottom, .inputgroup:not(.separated) input[type='password'].bottom, .inputgroup:not(.separated) input[type='email'].bottom
{
    margin-top:-1px;
    border-radius:0 0 10px 10px;
}
.inputgroup:not(.separated) .middle
{
    margin-top:0px;
}

fieldset 
{
    margin:0;
    padding: 0;
    border: 1px solid #CCC;
}
fieldset p 
{
    margin: 2px 12px 10px 10px;
    color:#80868A;
}
.whitebox
{
    border-bottom:none;
}
.whitebox .editor-label
{
    overflow:hidden;
    margin-top:6px;
}
.contentwrapwhite .selectcontainer .editor-label
{
    margin-top:0px;
}
.whitebox .editor-label label
{
    padding-bottom:4px;
}
.whitebox .editor-label span, .whitebox .editor-label label
{
    float:left;
    margin-right:5px;
}
.whitebox input[type="text"], .whitebox input[type="password"],.whitebox input[type="email"], input[type="url"]
{
    width:95%;
    margin:0 auto;
}
.whitebox .ui-select .ui-btn
{
    width:97.5%;
    margin:0 auto;
    margin-top:3px;
}
.whitebox a:link
{
    text-decoration:none;
}
.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
    margin:3px;
    text-align:left;
}
.validation-summary-errors ul
{
    list-style:none;
}
#sameEmail
{
    font-size:small;
}
.field-validation-error {
    color: red;
    clear: both;
    font-size:small;
    margin:3px;
}
#secretquestioncontainer .field-validation-error
{
    margin:0;
}
#secretquestion
{
    margin-top:4px !important;
    font-size:small !important;
    color:#333 !important;
}

input.input-validation-error,
textarea.input-validation-error,
select.input-validation-error
{
    border: 1px solid #CD0A0A;
}
.editor-label, .editor-field
{
    max-width:450px;
    margin:0 auto;
}

.editor-label label
{
    height:auto;
    font-size:16px;
}
.editor-field, .editor-label, :not(.halfcontainer .editor-label)
{
    padding:0 6px 0 6px;
}
.editor-field p {
    clear: both;
    font-size: smaller;
    color: #80868A;
    margin:3px 0 6px 0;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], select, textarea {
    background-image: url(../../../Images/input_background.gif?1);
    background-position: top;
    background-repeat: repeat-x;
    border: 1px inset #D1C7AC;
    margin-bottom:2px;
}
.RememberMe
{
    width:98%;
}
.forgotpassword
{
    font-size:13px;
    margin-top:12px;
    padding-bottom:5px;
    text-align:right;
    margin-right: 20px;
}

.validation-summary-errors ul
{
    margin:0;
}
.fortywidth
{
    width:40%;
}
.sixtywidth
{
    width:60%;
}
.halfcontainer
{
    max-width:450px;
    margin:0 auto;
    padding:0 8px 0 4px;
    overflow:hidden;
}
.halfcontainer .halfitem
{
    width:47%;
    float:left;
}
.halfcontainer .halfitem.right
{
    float:right;
}
#locatetext
{
    margin:3px;
    text-align:center;
    font-size:small;
}
.registertoprow
{
    height:28px;
}
#locate
{
    position:absolute;
    bottom:0px;
    width:45%;
}
.mobilepopup
{
    margin:3px;
    text-align:center;
    font-weight:bold;
}
.hint{
    clear: both;
    font-size: 11px;
    color: #80868A;
    width:95%;
    margin:0 auto;
    margin-top:3px !important;
    margin-bottom:3px !important;
    margin-left:2px;
}
.margintop10
{
    margin-top:10px;
}
/* Buttons */
.mobileButton
{
    width:95%;
    margin:0 auto;
}
#footerButtons #back
{
    border-right:2px solid Black;
}


.homepagebuttons
{
    margin-top:0px;
}
.footerArea .buttons
{
    width:98%;
    overflow:hidden;
}
.footerArea .ui-btn
{
    width:50%;
    float:left;
}

.footerArea .first
{
    border-right:2px solid Black;
}
.singlebutton
{
    width:95%;
    margin:0 auto;
}
.singlebutton input[type='button']
{
    width:100%;
}
.unselectable
{
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;  
}

/* Dialogs */
.mobileDialog
{
    padding:3px;
    text-align:center;
}
#footerButtons input 
{
    width:49%;
}
/*error icons */
#footerButtons .ui-icon-oneerror
{
    background:url(ErrorIcons/icon1.png?1) 50% 50% no-repeat;
    width:24px; height:24px;
}
#footerButtons .ui-icon-twoerrors
{
    background:url(ErrorIcons/icon2.png?1) 50% 50% no-repeat;
    width:24px; height:24px;
}
#footerButtons .ui-icon-threeerrors
{
    background:url(ErrorIcons/icon3.png?1) no-repeat top left;
    width:24px; height:24px;
}
#footerButtons .ui-icon-fourerrors
{
    background:url(ErrorIcons/icon4.png?1) no-repeat top left;
    width:24px; height:24px;
}
#footerButtons .ui-icon-fiveerrors
{
    background:url(ErrorIcons/icon5.png?1) no-repeat top left;
    width:24px; height:24px;
}
#footerButtons .ui-icon-sixerrors
{
    background:url(ErrorIcons/icon6.png?1) no-repeat top left;
    width:24px; height:24px;
}
#footerButtons .ui-icon-sevenerrors
{
    background:url(ErrorIcons/icon7.png?1) no-repeat top left;
    width:24px; height:24px;
}


/* Edit Location Control */
.ui-controlgroup-horizontal .ui-radio
{
   
}
#locationTypeGroup
{
    width:210px;
    margin:3px auto;
}
#locationNameLabel
{
    margin-top:4px;
}

.ui-grid-a .ui-block-a, ui-grid-a .ui-block-b
{
    overflow:hidden;
    margin-top:10px;
}
.ui-grid-a .ui-block-a > div
{
    float:right;
    margin-right:5px;
}
.registering .ui-block-a > div
{
    margin-right:15px;
}
.registering .ui-block-b .Success
{
    margin-left:-5px;
}
.ui-grid-a .ui-block-b .Success
{
    float:left;
    margin-left:5px;
    margin-top:18px;
}
.ui-grid-a .ui-block-b .Success.Registered
{
    margin-top:13px;
}
.ui-grid-a .ui-block-b .Success.Registering
{
    margin-top:8px;
    margin-left:-5px;
}
.textHolder h5
{
    margin:3px;
}
.textHolder ol li
{
    margin-bottom:4px;
    text-align:left;
}

.textcenter
{
    text-align:center;
}
.textHolder .leftalign
{
    text-align:left;
}
.textHolder h3
{
    text-align:center;
}
.mac-border
{
	border: solid #dbdbdb 1px;
	border-radius:5px;
	text-align: center;
}
.mac-border-content
{
    padding: 5px 0;
    display: inline-block;
}
.mac-border .macitem
{
	display: inline-block;
}
.mac-border .macitem.right
{
    margin: 0;
    margin-left: 10px;
}
.mac-border .label
{
	margin-bottom:0px;
	font-size:18px;
}

.mac-border .field
{
	margin-top:0px;
	font-size:22px;
	font-weight:bold;
	color:Black;
	text-align:center;
}

/* Override Jquery Mobile Theme Styles */
#declineTerms .ui-icon,
#mobiledropdown .ui-icon,
#faq .ui-icon,
.blackicon .ui-icon,
.blackicon .ui-icon-searchfield:after
{
    background-image: url(images/icons-18-black.png) /*{global-icon-set}*/;
}

#dropdownMenuContainer, #helpMenu
{
    width:100%;
    margin:0 auto;
}
#mobiledropdown
{
    margin-top:5px;
}
#mobiledropdown .ui-select
{
    width:98%;
    text-overflow:ellipse;
    margin:0 auto;
}
#helpDropdownText h4
{
    margin:3px 0 3px 0;
    font-size:15px;
}
.helpTitle h2
{
    margin:4px 0 3px 0;
    font-size:24px;
}
.mobilehelpcontainer
{
    overflow:hidden;
    width:100%;
    padding:3px;
}
.mobilehelpcontainer .helpimage
{
    float:left;
}
.mobilehelpcontainer .helptext
{
    float:right;
    
}
.mobilehelpcontainer .helptext p
{
    overflow:auto;
    font-size:12px;
}
.mobilehelpcontainer table
{
    width:100%;
}
#questionContainer h3
{
    font-size:15px;
    text-align:center;
}
#gateway
{
    width:80px;
    height:80px;
    background:url('../../../Images/Icons/gateway_show_macid.jpg') no-repeat top left;
}
#wififocuspro
{
    width:90px;
    height:57px;
    background:url('../../../Images/Icons/focuspro.png') no-repeat top left;
}
#wifimanhattan
{
    width:90px;
    height:71px;
    background:url('../../../Images/Icons/Manhattan.jpg') no-repeat top left;
}
#wifivisionpro
{
    width:90px;
    height:69px;
    background:url('../../../Images/Icons/Goldilocks.png') no-repeat top left;
}
#helpDropdownText h2, #helpDropdownText p
{
    color:Black
}

/* FAQs */
.ui-mobile .ui-page .ui-content .ui-collapsible .ui-collapsible-heading .ui-btn-text {
    white-space : normal;
}
.ui-collapsible-content p
{
    font-size:5px;
}
#faq .ui-input-clear .ui-icon
{
    background-image: url(images/icons-18-white.png)
}
.faqheader
{
    margin-bottom:18px;
    color: #637587;
}
#faq .divider
{
    color:#606E7B;
    font-size:26px;
    margin-left:8px;
}
#faq .item > div {
    margin-top: 10px;
}

/* Secret Question */
#secretquestions .editor-label label, #resetpassword .editor-label label
{
    font-weight:bold;
}
#secretquestions .display-field, #resetpassword .display-field, #resetpassword .editor-field
{
    font-size:small;
    margin-bottom:8px;
}
#resetpassword .inputgroup .editor-field
{
    margin-bottom:0px;
}
#secretquestions .display-field a:link, #resetpassword .display-field a:link
{
    color:inherit;
    cursor: default;
}
#secretquestioncontainer, #resetpasswordcontainer
{
    margin:5px;
}
#resetpasswordcontainer
{
    width:95%;
    margin:0 auto;
}
#searchForMyProblem
{
    margin:0 auto;
    display:block;
    font-size:small;
}   
#help
{
    font-size:13px;
    width: 98%;
    margin: 0 auto;
    margin-top: 10px    
}
#helplist a
{
    border-bottom:2px solid Black;
}
#helplist .helptext
{
    text-align:center;
    margin-top:20px;
    font-size:12px;
    font-weight:bold;
}
.item.smallimage img
{
    top:14px;
}
#helppopup .ui-title
{
    font-size:15px;
}
.ui-simpledialog-container .ui-title
{
    font-size:14px;
    margin-left:10px;
    width: 100%;
}
.helpselecteditem p
{
    text-align:center;
    font-size:12px;
    padding-left:5px;
    padding-right:5px;
}
.helpselecteditem img
{
    width:70px;
    display:block;
    margin:0 auto;
}
/*Forgot Password */
#contact
{
    margin-top:6px;
}
#contact img
{
    width:45px;
    margin:0 auto;
    display:block;
}
#contact ul
{
    margin:4px;
    list-style-type:none;
    text-align:center;
}
#contact .contactheader
{
    font-weight:bold;
    font-size:14px;
}
#contact .contacttext
{
    font-size:11px;
}

.marketplaceframemobile {
    border: 1px solid black;
    border-radius: 8px;
    padding: 6px;
    width: 96%;
}


/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 319px) {
    .whitebox h2
    {
        font-size:18px;
    }
    #questionContainer h3
    {
        font-size:12px;
        text-align:center;
    }
    .mobileHeading
    {
        font-size:16px;
    }
    #heading h1
    {
        font-size:10px;
        margin-top:22px;
    }
    #faq .faqheader
    {
        font-size:16px;
    }
    #help
    {
        font-size:10px;
    }
    #helplist .helptext
    {
        font-size:10px;
        white-space:normal;
    }
    .ui-simpledialog-container
    {
        width:180px;
    }
    .ui-header .ui-title, .ui-footer .ui-title
    {
        font-size:14px;
    }
    .ui-simpledialog-container .ui-title
    {
        font-size:13px;
        margin-left:4px;
    }
    #accountSummary #buttons .ui-btn-text, #backNext .ui-btn-text
    {
        font-size:13px;
        margin-bottom:4px;
    }
    #accountSummary .ui-btn-icon-right .ui-btn-inner
    {
        padding-left:4px;
    }
    #accountSummary .ui-btn-icon-left .ui-btn-inner .ui-icon, #accountSummary .ui-btn-icon-right .ui-btn-inner .ui-icon,
    #backNext .ui-btn-icon-left .ui-btn-inner .ui-icon, #backNext .ui-btn-icon-right .ui-btn-inner .ui-icon  {
        margin-top: -8px;
    }
    
    .contentwrapwhite .editor-label.half, .contentwrapwhite .select.half, .contentwrapwhite .editor-label, .contentwrapwhite .select
    {
        width:100%;
        float:none;
    }
    .selectcontainer .editor-label.half label, .selectcontainer .editor-label label
    {
        font-size:18px;
    }
    .ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-mini .ui-btn-inner
    {
        font-size:10px;
    }
    .homepageheader h2
    {
        font-size:16px;
    }
    .fortywidth label
    {
        font-size:12px;
    }
    .tccloginlabel label
    {
        font-size:14px;
    }
}


/* Consistant Styles */
/** Rules for mobile styles **/
/* Buttons & Areas */
.buttonWrap
{
    width:95%;
    max-width:450px;
    margin:0 auto;
    overflow:hidden;
    margin-top:15px;
    margin-bottom:10px;
}
.buttonWrap .floatright
{
    float:right;
}
.buttonWrap .ui-btn
{
    width:44%;
}
.buttonWrap.full > div, .buttonWrap.full > a
{
    width:96%;
    margin:0 auto;
    float:none;
}
.buttonWrap [data-icon="check"], .buttonWrap [data-icon="arrow-r"]
{
    float:right;
}
.buttonWrap [data-icon="delete"]
{
    float:left;
}
.buttonWrap.homepagebuttons
{
    margin-top:4px;
}

/* ContentWraps */
.navigation {
    width: 100%;

}

.summaryBox
{
    width:100%;
    margin-top:4px;
    margin-bottom:4px;
}
.summaryBox a:not(.last)
{
    margin-bottom:10px;
}

.header.small h2
{
    font-size:26px;
}
.header.xsmall h2
{
    font-size:24px;
}
.header h2
{
    color: #637587;
    padding: 0px;
    border-bottom: solid 3px #CAD1D8;
    margin:4px;
    margin-top:2px;
    margin-bottom:10px;
    font-size:26px;
    text-align:center;
}
.header p
{
    font-size:16px;
    margin-top:0px;
    margin-bottom:15px;
}
@media only screen 
and (max-width : 319px) 
{
    .header h2
    {
        font-size:17px;
    }
}

@media only screen and (max-width : 420px) 
{
    #page.isfrench .french15
    {
        font-size:15px;
    }
    /* Manual/AutoLocate */
    #page.isfrench .french15 label .ui-btn-text
    {
        font-size:11px;
    }
    #page.isfrench .summaryBox.french15 .ui-btn-text
    {
        padding-left:20px;
    }
}

.ui-li-desc {
    white-space: normal;
}

#createLocationForm .ui-checkbox input {
    z-index: unset;
}
