﻿body {
    background-color:#A7DAE9;
	background-image:url('../images/shared/PageBG.jpg');
	background-repeat:repeat-x;
	margin-top:0px;
    height:100%
}

.container
{
     /*max-width:825px;*/
}

.contentArea
{
    background-color:White;
}


.dropShadow
{
	/*background-image:url(../images/shared/newLayout/leftShadowRepeat.jpg);
	background-repeat:repeat-y;*/

    box-shadow: -10px 5px 8px #888888;
}


.no-pad
{
    padding:0px !important;
}

.rounded-bottom
{
 background-color:#fff;
 border-bottom-left-radius:10px;
 border-bottom-right-radius:10px;
 height:14px;
}

#subfooter, #subfooter a
{
	background-color:#A7DAE9;
	padding-left:20px;
	padding-right:20px;
	height:30px;
    color:#059ECD !important;
    padding-top:15px;
}

@media (min-width:868px) 
{
    .container
    {
       width:850px;
    }


}

.navbar-default {
	background-color: #ffa101;
    border-radius:0px;
    margin-bottom:0px;
    border:0px;
    text-transform:uppercase;
    text-shadow: 1px 1px 1px #666;
}
.navbar-default .navbar-brand {
	color: #ffffff;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	color: #ffffff;
}
.navbar-default .navbar-text {
	color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
	color: #ffffff;
    padding-left:20px;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #ffffff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #ffffff;
	/*background-color: #1ca3cd;*/
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	color: #ffffff;
	background-color: #1ca3cd;
}
.navbar-default .navbar-toggle {
	border-color: #1ca3cd;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #1ca3cd;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border-color: #ffffff;
}
.navbar-default .navbar-link {
	color: #ffffff;
}
.navbar-default .navbar-link:hover {
	color: #ffffff;
}

@media (max-width: 767px) {

    .navbar-default .navbar-nav > li > a {
	    font-size:20px;
    }

    
    .navbar-default .navbar-nav > li {
	    
       padding:4px 0 4px 0;
       border-bottom:1px solid #fff !important;
    }

    .navbar-default .navbar-nav > li:first-child
    {
        padding:0 0 4px 0;
    }

    .navbar-default .navbar-nav > li:last-child {
	    
       padding:4px 0 0 0;
       border-bottom:none !important;
    }

	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #ffffff;
        font-size:20px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #ffffff;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #ffffff;
		background-color: #1ca3cd;
	}
}


@media (min-width: 768px) and (max-width:868px)
{
    .nav > li > a
    {
        padding-right:10px;
    }

    .navbar-default .navbar-nav > li > a
    {
        padding-left:12px;
    }
}


@media (min-width:768px)
{
    .navbar li:before {
        color:#fff;
        text-shadow:none;
        float:left;
        padding-top:15px;
        content: "|";
 
   
    }

    .navbar li:first-child:before {
        content: "";
    }

    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	    color: #ffffff;
        /*background-color:#1ca3cd;*/
    }
}




.show
{
	display:block;
}
.hide
{
	display:none;
}

.error {
	color:red;
}

.error a {
	color:red;
}


div#booking-agree {
	padding:11px 0;
}

div#booking-agree span {
	display:block;
	text-align:left;
	width:340px;
}

div#booking-agree span input {
	float:left;
}

div#booking-agree span label u{}

#tabParent div, #tabCon div, #tabSitter div{
	border-bottom:1px solid #CCCCCC;
	margin-bottom:22px;
	padding:0 0 10px;
}

#tabParent div p, #tabCon div p, #tabSitter div p {
	margin:0;
	padding-bottom:10px;
}

.step2 textarea, 
.step3 textarea {
height:90px;
width:368px;
}

p.reference {
width:437px;
}

p.reference span {
font-weight:bold;
}

#bookingHeader {
	background:transparent url(images/application/ApplicationStep3.jpg) no-repeat scroll left top;
	height:57px;
width:522px;
}

tr.sectionRow td
{
	padding:20px 0 0;
}	

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

#LeftCol{padding-left:10px; padding-top:20px;}
#RightCol{padding-top:20px;}

.pricingChart
{
    width:503px;
    height:99px;
    background-image:url('/images/images/pricing_chart_blank.jpg');
    background-repeat:no-repeat;
}

    .pricingChart > div {
        float: left;
        text-align: center;
        width: 230px;
    }

    .pricingChart div:first-child{
        font-size: 20px;
    }
        .pricingChart div:first-child span {
            color: #3796cc;
            font-size: 50px;
        }

    .pricingChart div:nth-child(2) {
        font-weight: bold;
        font-size: 12px;
        position: relative;
        top: -10px;
    }