/*body { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: rgb(245,230,240) }*/
body
{
	margin: 0;
	font-size: 80%;
	font-family: Verdana, Arial, sans-serif;
	background-color: #9ECEF5; /* cool blue */
}

table
{
	font-size: 1.1em;
}

IMG
{
	border: 0;
}

A
{
	color: #369;
}

A:visited
{
	color: purple;
}

A:hover
{
	color: #00C;
}

#wrapper
{
	width: 771px;
	margin: 0 auto;
	background-color: #FFF;
	background-image: url(/i/dropshadow.png);
	background-repeat: repeat-y;
	text-align: center;
}

#container
{
	background-color: #FFF;
	width: 755px;
	margin: 0 auto;
	margin-bottom: 15px;
}

#header, #footer
{
	background-image: url(/i/headerBG.png);
	background-repeat: repeat-x;
}	

#header
{
	padding: 10px 0 10px 7px;
	text-align: left;
	background-image: #E7BEE6;
}

#header .salutation
{
	font-size: 1.15em;
	display: block;
	text-align: right;
	font-weight: bold;
	color: #6354A7;
}

#header .right
{
	text-align: right;
	margin-right: 10px;
}

#footer
{
	padding: 1em 0;
	background-color: #E7BEE6;
	margin: 0;
	background-position: -5px 0;
	margin-bottom: -15px;
	position: relative;
	.margin-bottom: 0;
	.bottom: -15px;
	font-size: .8em;
}

#footer .footerLinks
{
	margin: 0;
}

#footer .footerLinks li
{
	display: inline;
	padding: 0 1em;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.bodyst
{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 13px;
	margin-right: 3px;
	font-size: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	max-width: 850px;
	min-width: 700px;
}

img { border-width: 0px; }

h1
{
	margin-bottom: 3px;
	margin-top: 3px;
	padding-top: 1px;
	font-size: 14px;
	padding: 0px;
}

h2
{
	/*color: #896652;*/
	color: rgb(107, 82, 156);
	font-size: 14px;
	padding: 0px;
	margin: 0px;
}

DIV.box3 h1
{
	color: black;
	font-size: 14px;
	padding: 3px;
	margin: 0px;
	/*text-decoration: underline*/
}

DIV.box3 h2
{
	/*color: rgb(107, 82, 156); */
	color: green;
	font-size: 12px;
	padding: 3px;
	margin: 0px;
}

UL
{
	margin-top: 0;
	margin-bottom: 0;
	list-style-type: disc;
	list-style-position: outside;
}

LI { margin: 0 0 0 -20; }
TD { vertical-align: top; }

span.left
{
	position: absolute;
	left: 0;
}

span.right
{
	position: absolute;
	right: 0;
}

div.line
{
	position: relative;
	text-align: center;
	width: 100%;
}

TABLE.greencell td { background-color: rgb(232, 255, 191); }

/*TABLE.header td {vertical-align: middle; text-align: left; background-color: rgb(199, 223, 157); }*/
TABLE.header td
{
	vertical-align: middle;
	text-align: left;
}

TABLE.mainstatus td { padding-right: 4px; }
div.float { float: left; }

.v1
{
	font-size: 1px;
	line-height: 1px;
}

.v2
{
	font-size: 2px;
	line-height: 2px;
}

.v3
{
	font-size: 3px;
	line-height: 3px;
}

.v4
{
	font-size: 4px;
	line-height: 4px;
}

.v5
{
	font-size: 5px;
	line-height: 5px;
}

.v6
{
	font-size: 6px;
	line-height: 6px;
}

.v7
{
	font-size: 7px;
	line-height: 7px;
}

.v8
{
	font-size: 8px;
	line-height: 8px;
}

.v9
{
	font-size: 9px;
	line-height: 9px;
}

.v10
{
	font-size: 10px;
	line-height: 10px;
}

.v11
{
	font-size: 11pt;
	line-height: 11pt;
}

.v13
{
	font-size: 13px;
	line-height: 13px;
}

.v15
{
	font-size: 15px;
	line-height: 15px;
}

.gab
{
	float: left;
	background-color: rgb(232, 255, 191);
	width: 50%;
	border: 1px solid black;
	border-color: rgb(100, 100, 100);
	-moz-border-radius: 10px;
	padding: 5px;
	text-align: left;
}

.accountleftinner
{
	float: left;
	margin-right: 15px;
	width: 40%;
}

.hiddengab
{
	VISIBILITY: hidden;
	float: left;
	background-color: rgb(232, 255, 191);
	width: 260px;
	border: 1px solid black;
	border-color: rgb(100, 100, 100);
	-moz-border-radius: 10px;
	padding: 5px;
	text-align: left;
}

.hiddensitterresp
{
	VISIBILITY: hidden;
	background-color: rgb(232, 255, 191);
	width: 260px;
	border: 1px solid black;
	border-color: rgb(100, 100, 100);
	-moz-border-radius: 10px;
	padding: 5px;
	text-align: left;
}
.hiddenblock
{
	VISIBILITY: hidden;
}
.errors
{
	font-family: arial,sans-serif;
	font-size: 12px;
	color: red;
}

.error_text
{
	font-family: arial,sans-serif;
	font-size: 12px;
	color: red;
}

.datatext
{
	font-size: .75em;
	color: #666;
	padding: 10px 0;
	display: block;
}

.datatext2
{
	font-size: .75em;
	color: #666;
	padding: 10px 0;
}

.instructiontext
{
	font-size: .90em;
	color: #666;
	padding: 10px 0;
	display: block;
}
.statustext
{
	font-size: .85em;
	font-family: Trebuchet MS, Arial;
	color: #666;
	padding: 10px 0;
	/*display: block;*/
}

.datatexttitle
{
	
}

#location_div
{
	font-size: .9em;
}

.formitemname
{
	font-family: verdana, sans-serif;
	font-size: 80%;
}

.smallactiontext { font-size: 80%; }

.header
{
	width: 100%;
	padding: 0px;
	font-size: 12px;
}

.footer
{
	width: 100%;
	padding: 0px;
	font-size: 10px;
}

.popupLink
{
	COLOR: pink;
	outline: none;
}

.popup
{
	POSITION: absolute;
	VISIBILITY: hidden;
	BACKGROUND-COLOR: white;
	/*LAYER-BACKGROUND-COLOR: white;*/
	BORDER-LEFT: 1px solid black;
	BORDER-TOP: 1px solid black;
	BORDER-BOTTOM: 3px solid black;
	BORDER-RIGHT: 3px solid black;
	PADDING: 0px;
	padding-bottom: 3px;
	z-index: -1;
	left: 150px;
	top: 150px;
}

/*.160w {
	max-width:160px;
	width:expression(document.body.clientWidth > 160? "160px": "auto" );
	}*/

.1pxlineonbottom
{
	border-bottom: solid black;
	border-bottom-width: 1px;
}

.button
{
	border: 1px solid #aaa;
	padding: 4px 6px;
	background-color: rgb(222, 255, 211);
}

.button:hover
{
	position: relative;
	top: 1px;
	left: 1px;
	border-color: #000 #aaa #aaa #000;
}

.maintable
{
	width: 100%;
	vertical-align: top;
	font-size: .9em;
}

.homesigninbox
{
	/*border: 1px solid black;*/
	padding-left: 5px;
	text-align: left;
	/*width: 40px; */
}

.box1, .box2, .box3
{
	/*border: 1px solid black;*/
	text-align: left;
}

.box1
{
	/*background-color: rgb(232, 255, 191); */
	padding: 5px 10px;
}

.box2
{
	/*background-color: rgb(245,230,240); */
	/*width: 500px;*/
	padding: 5px;
}

.box3
{
	/* background-color: rgb(245,230,260); */
	padding: 5px;
}

.box5radius
{
	border: 1px solid black;
	-moz-border-radius: 10px;
}

.actioncontainer
{
	border: 1px solid black;
	-moz-border-radius: 10px;
	background-color: rgb(245,230,240);
	padding: 5px 10px 5px 10px;
	text-align: center;
}

.returnstatus
{
	border: 1px solid black;
	-moz-border-radius: 10px;
	background-color: rgb(245,230,240);
	padding: 5px 10px 5px 10px;
	text-align: center;
	width: 80%;
}
.text3
{
	color: #896652;
	font-size: 10px;
}

.toppagemessage
{
	border-color: black;
	border-width: 1px;
	background-color: white;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
}

.wrappertable { width: 100%; }

.addbox
{
	width: 1px;
	vertical-align: top;
}

.SBcpYearNavigation,
.SBcpMonthNavigation
{
	background-color: rgb(96,82,161);
	text-align: center;
	/*vertical-align:center;*/
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}

.SBcpDayColumnHeader,
.SBcpYearNavigation,
.SBcpMonthNavigation,
.SBcpCurrentMonthDate,
.SBcpCurrentMonthDateDisabled,
.SBcpOtherMonthDate,
.SBcpOtherMonthDateDisabled,
.SBcpCurrentDate,
.SBcpCurrentDateDisabled,
.SBcpTodayText,
.SBcpTodayTextDisabled,
.SBcpText
{
	font-family: arial;
	font-size: 10pt;
}

TD.SBcpDayColumnHeader
{
	text-align: right;
	border: solid thin #6677DD;
	border-width: 0 0 1 0;
}

.SBcpCurrentMonthDate,
.SBcpOtherMonthDate,
.SBcpCurrentDate
{
	text-align: right;
	text-decoration: none;
}

.SBcpCurrentMonthDateDisabled,
.SBcpOtherMonthDateDisabled,
.SBcpCurrentDateDisabled
{
	color: #D0D0D0;
	text-align: right;
	text-decoration: line-through;
}

.SBcpCurrentMonthDate
{
	color: #6677DD;
	font-weight: bold;
}

.SBcpCurrentDate
{
	color: #FFFFFF;
	font-weight: bold;
}

.SBcpOtherMonthDate { color: rgb(96,82,161); }

TD.SBcpCurrentDate
{
	color: #FFFFFF;
	background-color: #6677DD;
	border-width: 1;
	border: solid thin #000000;
}

TD.SBcpCurrentDateDisabled
{
	border-width: 1;
	border: solid thin #FFAAAA;
}

TD.SBcpTodayText,
TD.SBcpTodayTextDisabled
{
	border: solid thin #6677DD;
	border-width: 1 0 0 0;
}

A.SBcpTodayText,
SPAN.SBcpTodayTextDisabled { height: 20px; }

A.SBcpTodayText
{
	color: #6677DD;
	font-weight: bold;
}

SPAN.SBcpTodayTextDisabled { color: #D0D0D0; }
.SBcpBorder { border: solid thin #6677DD; }

TABLE#event_sitter
{
	width: 400px;
}

TABLE#event_sitter time_cell
{ 
	
	margin-left: 8px;
}

.heading
{
	font-size: 1.1em;
	margin-left: 8px;
	text-align: left;
}

.content
{
 	margin-left: 15px;
 	width: 735px;
 	text-align: left;
}

.response
{
	width: 400px;
	/*margin: 10px;*/
	margin: 10px 0px 10px 0px;
	margin-top: 5px;
	padding: 5px;
	/*background-color: #ffc;*/
	border: 1px solid pink;
	/*-moz-border-radius: 10px;*/
}

.responsefl
{
	float: left;
	width: 30%;
	/*margin: 10px;*/
	margin: 10px 0px 10px 0px;
	margin-top: 5px;
	padding: 5px;
	/*background-color: #ffc;*/
	border: 1px solid pink;
	-moz-border-radius: 10px;
}

.upcomingBabysittingEvents
{
	font-size: .9em;
}

.upcomingBabysittingEvents li
{
	padding: 3px 0;
}

.pitch
{
	padding-left: 15px;
	margin-left: 0px;
	font-size: .9em;
}

.pitch li
{
	padding: 3px 0px;
}

.mainstatus
{
	font-size: .9em;
}