body
{
    font-family: Arial;
    background: #f7971d;
}
h2
{
    font-size: 12px;
}
h4
{
    /* This is stupid: it's been set to normal size and weight so it can be used as text throughout
       the application - headings are just that: headings.  Use a paragraph tag if you want to write
       sentences and alas I cannot change it because it's rife */
    font-size: 11px;
    font-weight: normal;
}
.ErrorDiv
{
    font-size: 12px;
}
img
{
    border: 0;
}
.bookableFalse
{
    color: #c0c0c0 !important;
}
#scribble
{
    width: 1200px;
    margin: auto;
    text-align: left;
}
td, th, div
{
    font-size: 11px;
}
body p
{
    font-size: 12px;
    color: #4c4c4c;
    margin: 0 0 15px 0;
}
#breadcrumbs li
{
    display: inline;
}
#breadcrumbs a
{
    text-decoration: underline !important;
}
#breadcrumbs a, #breadcrumbs li
{
    color: #1c63b2 !important;
    font-weight: bold;
    font-size: 12px !important;
    text-transform: uppercase;
}
#contentWrap
{
    clear: both;
    padding: 10px 0 0 0;
}

#breadcrumbs
{
    float: right;
    font-size: 12px;
}
a
{
    color: #1c63b2;
    text-decoration: none;
}
a.large
{
    font-size: 13px;
    font-weight: bold;
}
a:hover
{
    text-decoration: underline;
}
body p.opening
{
    font-weight: bold;
}
#side-b
{
    color: #fff;
}
#wrapper
{
    text-align: left;
    margin: 0px auto;
    padding: 0px 0 130px 0;
    border-left: 4px solid #fff;
    border-right: 4px solid #fff;
    border-bottom: 4px solid #fff;
    background: url("../../img/bg_green.gif") repeat-y;
    width: 964px;
}
.layer
{
    width: 964px;
    height: 331px;
    background: url("../../img/rainbowbg_greenred_bottom2.jpg") no-repeat;
}
#RedGreen .layer
{
    background: url("../../img/rainbowbg_redgreen_bottom.jpg") no-repeat;
}

#RedGreen #wrapper
{
    background: url("../../img/gradient_redgreen.gif") repeat-y !important;
}
#RedGreen #side-a
{
    background: url("../../img/rainbowbg_redgreen_side.jpg") no-repeat top !important;
}
#BlueGreen #wrapper
{
    background: url("../../img/gradient_blueorange.gif") repeat-y !important;
}
#BlueGreen .layer
{
    background: url("../../img/rainbowbg_blueorange_bottom.jpg") no-repeat;
}

#BlueGreen #side-a
{
    background: url("../../img/rainbowbg_blueorange_side.jpg") no-repeat top !important;
}
#reportToolbar
{
    clear: both;
}
#container
{
    width: 100%;
    overflow: auto;
    clear: both;
}
#contentcontainer
{
    position: relative;
    z-index: 88;
    min-height: 580px;
    width: 964px;
    height: auto !important;
    height: 580px;
}
#header
{
    height: 37px;
    background: #fff;
}

#side-a
{
    background: url("../../img/rainbowbg_greenred_side2.jpg") no-repeat top;
    float: left;
    min-height: 268px;
    height: auto !important;
    height: 268px;
    width: 119px;
}

#side-b
{
    float: right;
    width: 150px;
}
#title
{
    position: absolute;
    z-index: 90;
    float: left;
}
#content
{   
    position: relative;
    padding: 0 0 60px 0;
    z-index: 85;
    float: left;
    width: 580px;
}
.tab
{
    border-top: 1px solid #5c70aa;
    background: #fff;
    border-left: 1px #5c70aa solid;
    width: 152px;
    position: absolute;
    margin: 0 0 0 8px;
    padding: 2px 2px 2px 0;
}
.smalltext, input.search-input
{
    border: none;
    font-weight: bold;
    /*MC: Note this causes search box to faux*/
    font-size: 12px;
    color: #25408e;
    float: left;
    width: 110px;
    padding: 2px;
}

input[type="text"].search-input
{
	width:100px;
}

.btnsearch
{
    float: right;
}
.inputtetxt
{
    border: none;
    font-weight: bold;
    font-size: 12px;
    color: #25408e;
    width: 130px;
    padding: 5px;
    margin: 0 0 10px 0;
}
.footerlinks
{
    padding: 0 10px 0 0;
}
#footer p
{
    margin: 0;
    padding: 0 !important;
}
#footer
{
    z-index: 80;
    width: 964px;
    clear: both;
    position: absolute;
    margin: -225px 0 0 0;
    border-bottom: 4px solid #fff;
    background: #fff;
}
#side-b .logo
{
    margin: 10px 0 0 0;
}
#content .contentArea
{
    margin: 0 0 0 92px;
}
.secnav
{
    position: absolute;
    z-index: 90;
    padding: 90px 0 0 36px;
}
#leftleader
{
    position: absolute;
    z-index: 89;
    float: left;
}
.blackboard, #leftleader .default
{
    margin: -210px 0 0 0;
    width: 322px;
    height: 334px;
    background: url(../../img/placeholder_blackboard.png) no-repeat;
}
#righleader .soccerboyrungirl
{
    margin: -175px 0 0 526px;
    width: 437px;
    height: 282px;
    background: url(../../img/ph_soccerboyrungirl.png) no-repeat;
}
.redboywhitegirl, #righleader .default
{
    width: 280px;
    height: 282px;
    background: url(../../img/redboywhitegirl.png) no-repeat;
    margin: -180px 0 0 680px;
}
.ph_soccerboyrungirl
{
    float: right;
    z-index: 115;
    position: absolute;
    margin: -210px 0 0 500px;
}
#righleader
{
    position: absolute;
    z-index: 189;
}
.mumwalkgirl
{
    width: 272px;
    height: 282px;
    background: url(../../img/ph_girlwalkmum.png) no-repeat;
    margin: -180px 0 0 690px;
}
.lightblueboybike
{
    margin: -150px 0 0 50px;
    width: 215px;
    height: 248px;
    background: url(../../img/lightblueboybike.png) no-repeat;
}
#leftleader div
{
    z-index: 89;
    position: absolute;
    float: left;
}
#righleader div
{
    z-index: 89;
    position: absolute;
    float: right;
}
.blueboybike
{
    margin: -150px 0 0 50px;
    width: 215px;
    height: 248px;
    background: url(../../img/ph_kidbike.png) no-repeat;
}
.girlswing
{
    margin: -752px 0 0 0;
    width: 105px;
    height: 403px;
    background: url(../../img/ph_girlswing.png) no-repeat;
}
.littleboybike
{
    margin: -100px 0 0 70px;
    width: 160px;
    height: 199px;
    background: url(../../img/ph_boybike.png) no-repeat;
}
.footerlinks
{
    float: right;
    padding: 0 10px 10px 0;
    font-weight: bold;
}
.footerlinks p, a
{
    color: #25408e !important;
    font-size: 11px;
}
#nav
{
    float: left;
    width: 804px;
    background: #fff;
}

#search
{
    position: absolute;
    height: 30px;
    margin: 0 0 0 804px;
    background: #f7971d;
    width: 165px;
    border-bottom: 4px solid #fff;
}

#search .tab
{
	margin-top:3px;
	margin-bottom:3px;
	margin-left:6px;
}

ul.nav-primary li a
{
    color: #fff !important;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}
ul.nav-primary
{
    padding: 0 0 0 16px;
    list-style: none;
}

.displace
{
    position: absolute;
    left: -5000px;
}

ul.nav-primary li
{
    float: left;
}
ul.nav-primary li ul a
{
    height: auto;
}
ul.nav-primary li a
{
    display: block;
    font-size: 11px;
    width: 150px;
    height: 37px;
    background: url('../../img/menu.gif');
}


ul.nav-primary li.home a
{
    width: 129px;
    background-position: 0 38px;
}


ul.nav-primary li.home a:active
{
    background-position: 0 -39px;
}

ul.nav-primary li.home a:hover
{
    background-position: 0 -39px;
}

ul.nav-primary li.blog a:hover
{
    background-position: -129px -39px;
}
ul.nav-primary li.home a.selected
{
    background-position: 0 0;
}
ul.nav-primary li.blog a
{
    width: 102px;
    background-position: -129px 38px;
}
ul.nav-primary li.blog a.selected
{
    background-position: -129px 0;
}
ul.nav-primary li.blog a:active
{
    background-position: -129px -39px;
}

ul.nav-primary li.contact a:hover
{
    background-position: -231px -39px;
}


ul.nav-primary li.contact a:active
{
    background-position: -231px -39px;
}


ul.nav-primary li.contact a
{
    width: 83px;
    background-position: -231px 38px;
}
ul.nav-primary li.contact a.selected
{
    background-position: -231px 0;
}

ul.nav-primary li.TCAF a
{
    width: 53px;
    background-position: -304px 38px;
}


ul.nav-primary li.TCAF a:active
{
    background-position: -304px -39px;
}

ul.nav-primary li.TCAF a:hover
{
    background-position: -304px -39px;
}

ul.nav-primary li.TCAF a:hover
{
    background-position: -304px -39px;
}
ul.nav-primary li.TCAF a.selected
{
    background-position: -304px 0;
}


ul.nav-primary li.careers a
{
    width: 77px;
    background-position: -357px 38px;
}


ul.nav-primary li.careers a:active
{
    background-position: -357px -39px;
}

ul.nav-primary li.careers a:hover
{
    background-position: -357px -39px;
}

ul.nav-primary li.careers a:hover
{
    background-position: -357px -39px;
}
ul.nav-primary li.careers a.selected
{
    background-position: -357px 0;
}


ul.nav-primary li.childcare a
{
    width: 151px;
    background-position: -434px 38px;
}


ul.nav-primary li.childcare a:active
{
    background-position: -434px -39px;
}

ul.nav-primary li.childcare a:hover
{
    background-position: -434px -39px;
}

ul.nav-primary li.childcare a:hover
{
    background-position: -434px -39px;
}
ul.nav-primary li.childcare a.selected
{
    background-position: -434px 0;
}



ul.nav-primary li.contactus a
{
    width: 100px;
    background-position: -585px 38px;
}


ul.nav-primary li.contactus a:active
{
    background-position: -585px -39px;
}

ul.nav-primary li.contactus a:hover
{
    background-position: -585px -39px;
}

ul.nav-primary li.contactus a:hover
{
    background-position: -585px -39px;
}
ul.nav-primary li.contactus a.selected
{
    background-position: -585px -0;
}
ul.nav-primary li ul li:hover ul
{
    display: block;
    left: 200px;
}
ul.nav-primary li ul ul
{
    display: none;
    background: #f7971d;
    left: -999em;
    list-style: none;
    padding: 0;
    position: absolute;
    width: 220px;
    z-index: 9999;
}


ul.nav-primary li ul
{
    background: #f7971d;
    left: -999em;
    list-style: none;
    padding: 0;
    position: absolute;
    width: 200px;
    z-index: 999;
}
ul.nav-primary ul li:hover ul, ul.nav-primary ul li.sfhover ul
{
    /* IE6 Fix (sfhover) */
    display: block;
    margin: -35px 0 0 -0px;
    left: 210px;
}
ul.nav-primary li:hover ul, ul.nav-primary li.sfhover ul
{
    /* IE6 Fix (sfhover) */
    margin: 0 0 0 -0px;
    left: auto;
}
ul.nav-primary li ul li a
{
    background: none;
}
ul.nav-primary li ul li
{
    border-top: 1px dotted #fff;
    width: 200px;
}

ul.nav-primary li ul li a
{
    color: #fff;
    margin: 10px;
    text-decoration: none;
}

ul.nav-primary li ul li a:hover
{
    color: #fff;
}

ul.nav-primary li li a
{
    width: 190px !important;
}
.sidenav1
{
    position: absolute;
}
.sidenav2
{
    position: absolute;
    margin: 11px 0 0 10px;
}
.sidenav3
{
    position: absolute;
    margin: 26px 0 0 0;
}
.sidenav4
{
    position: absolute;
    margin: 46px 0 0 28px;
}
.sidenav5
{
    position: absolute;
    margin: 60px 0 0 10px;
}

.button-group
{
}
.button-group-1
{
    float: left;
}
.button-group-2
{
    float: right;
}

.calendar-trigger
{
    cursor: pointer;
    float: none;
    vertical-align: top;
}

.children-on-account-panel
{
    width: 180px;
    float: left;
    margin-right: 20px;
}

.child-details-panel
{
    float: left;
    width: 380px;
    clear: right;
}

h2.update-children,
h3.children-details
{
    display: none;
}

h4.child-information-container
{
    font-weight: bold;
    font-size: 10pt;
}

.environment-indicator-container
{
	font-size: 10pt;
	text-transform: capitalize;
	font-family:Arial;
	position: absolute;
	top: 43px;
	height: 24px;
	width: 545px;
	left: 242px;
	color: White;
	z-index: 99;
	border: Dashed 3px #CCCCCC;
	overflow: hidden;
}

.environment-indicator-container dl
{
    margin: 2px 5px 2px 5px;
}

.environment-indicator-container dt,
.environment-indicator-container dd
{
    float: left;
    display: block;
    margin-right: 5px;
    height: 20px;
    line-height: 20px;
}

.environment-indicator-container dt
{
    font-size: 8pt;
}

.environment-indicator-container dd
{
    font-weight: bold;
    margin-right: 10px;
    margin-top: -1px;
}



/*****************************************************************************
    These styles should be at the bottom of `sifr.css`. Make sure that they're
    only applied for the screen media type!
    *****************************************************************************/
h1
{
    clear: both;
}
.sIFR-active h1
{
    visibility: hidden;
    font-family: Verdana;
}

.sIFR-active h1
{
    padding-bottom: 0;
}

/** Styles for the children manager **/

div.child-manager-header
{
	
}
div.child-manager-container
{
	padding-top:15px;
	min-height:600px;
}
div.child-manager-container a
{
	text-decoration:none;
}
div.child-manager-container a:hover
{
	text-decoration:underline;
}
div.child-list-container
{
	width:500px;
}
div.child-display-container
{
	border:2px solid black;
	margin:5px;
	width:499px;
	color:White;
	padding:10px;
	height: 60px;
	background-color: #1C63B2;
	display: block;
	vertical-align: middle;
}

div.child-display-heading
{
	width:150px;
	float:left;
}

.child-display-heading-item h2
{
    color: White;
}

div.child-display-heading h2
{
	font-family:Verdana;
	font-size:12pt;
	font-weight:bold;
}
.child-display-heading-item-small
{
	padding-top:15px;
	font-size:9pt;
}

div.child-display-actions-container
{
	width:80px;
	float:right;
	clear:right;
	text-align:right;
}
div.child-display-actions-container a
{
}
div.child-display-action
{
	float:left;
	margin:0px;
}
div.child-display-action a
{
}
div.no-children
{
	font-size:11pt;
}
div.child-action-panel
{
	padding:5px;
	padding-top:2px;
	font-size:12pt;
}

div.child-listing-header
{
}
div.child-listing-header p
{
	padding:5px;
	padding-bottom:2px;
}
div.child-listing-header p.description
{	
	font-size:12pt;
}
div.child-listing-header p.help
{
	font-size:8pt;
}

div.child-details-container
{
	width:501px;
	padding:15px;	
}

div.child-details-container .label
{
	padding-top:4px;
	padding-bottom:4px;
}
div.general-child-details, .child-address-details
{
	width:240px;
	float:left;
	padding-left:6px;
}
.child-address-details .value input
{
	margin-right:4px;
}
.child-address-details .value
{
	padding-bottom:6px;
}
.clear
{
	clear:both;
}
div.special-needs
{
	padding:4px;
}
div.special-needs input
{
	margin-right:4px;
}
.child-popup-container
{
	font-size: 12pt;
	color: #4C4C4C;
	padding: 5px;
	display: inline;
	background-color: #F7971D;
	border: 1px solid black;
}
div.main div.child-popup-container h2
{
	color:White !important;
	font-size:14pt !important;
	padding:10px !important;
	padding-bottom:0px !important;
}
.error, .success
{
	color: #FF0000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

.success
{
	color: #00FF00;
}


/**Change Password**/
.change-password-container
{
	margin-top:40px;	
}
.change-password-container .validation
{
	padding:4px;
}
.change-password-old-header, .change-password-new-header, .change-password-confirm-header
{
	padding-bottom:2px;
}
.change-password-old-value, .change-password-new-value,.change-password-confirm-value
{	
	
}
.change-password-actions
{	
	
}
.change-password-action, .change-password-action
{	
	padding:5px;
}

.change-password-new, .change-password-old, .change-password-confirm
{
	padding:5px;
}

/******** Manage Account Menu ***************/

ul.manage-account-container
{
	width: 200px;
	margin-left:10px;
	margin-right:20px;
}
li.manage-account-header
{	
	
	color:Black;
	font-weight:bold;
	width:200px;
	text-align:center;
	list-style:none;
	margin-left:0px;
	font-size:large;
	padding:5px;
}
li.manage-account-item-container
{	
	width:200px;
	float:left;
	clear:both;
	list-style:none;
	margin:0px;
	padding:0px;
	margin-top:10px;	
	margin-left:10px;
}
.manage-account-item
{	
	width:200px;
	text-align:left;
	padding-top:5px;
	font-size:10pt;
}
.manage-account-phone, .manage-account-person, 
.manage-account-statement,
.manage-account-calendar, 
.manage-account-key,
.manage-account-communications
{
	float:left;
	width:24px;
	height:24px;
	margin-right:15px;
}
.manage-account-phone
{	
	background-image:url("../../images/icons/contact.png");	
}
.manage-account-person
{
	background-image:url("../../images/icons/people.png");
}
.manage-account-statement
{	
	background-image:url("../../images/icons/print.png");
}
.manage-account-calendar
{	
	background-image:url("../../images/icons/pencil.png");
}
.manage-account-key
{
	background-image:url("../../images/icons/key.png");
}
.manage-account-communications
{
	background-image:url("../../images/icons/comms.png");
}

.communications-redirect-container input
{
	border:1px solid #1C63B2;
}

.communications-redirect-container .redirect-login-header
{
	padding-bottom:4px;
}

/** Reset Password */

.reset-password-via
{
	padding-top:10px;
}

.reset-password-segment
{
	padding-top:10px;
}

.comms-status-small .fail-label
{
	padding-top:3px;
	font-style:italic;
}

.comms-status-small .success
{
	color: red;
	font-weight: bold;
	font-size: 10pt;
	font-style:italic;
	padding-top:3px;
}

.comms-status-small .info-header
{
	padding-top:5px;
}

.login-actions-panel
{
	padding-top:10px;
}

.login-actions-panel a
{
	color: White !important;
	font-size:7pt;
	padding-top:5px;
}

div.communications-redirect-container div.login-actions-panel a
{
	color: #0E017E;
}

.invalid-option input
{
	position: relative;
	top: 3px;
}

.invalid-option label
{
	left: 4px;
	position: relative;
	color: Red;
}