/**************************************************************************************************************************/
/* HTML Tag redefinitions *************************************************************************************************/
/**************************************************************************************************************************/

body								{ font-family:  Trebuchet MS, Helvetica, sans-serif;  font-size: .8em; color:#033056; background: #CBE9F8 url(../images/bg.png) repeat-y center; color:#333; }

label								{ float: left; display: block; width: 129px; }

h1									{ font-size: 1.4em; color:#033056; margin: 0px 5px 5px 5px; padding: 5px 0px 5px 5px; line-height: 1em; background-color: #033056;  }

h1.carer							{ background-color: #E34F9A; }
h1.parent							{ background-color: #8CC63F; }
h1.company							{ background-color: #56AEDD; }

#box_inner h2						{ margin-left: 10px; }


h2									{ font-size: 1.2em; color:#033056; }

h3									{ font-size: 1.1em; color:#033056; }

p									{ font-size: 0.9em; line-height: 1.4em; color:#033056; margin-right: 10px; }
		
td p								{ margin: 0px; padding: 3px 0px; }

fieldset							{ position: relative; border: 1px solid #CCC; margin: 20px 0px 15px 0px; padding: 10px 0px 10px 10px; background-color: #F5F7FE; }
fieldset p							{ margin: 5px 10px 10px 0px; padding: 0px; }
legend								{ position: absolute; top: -1em; left: .5em; margin-bottom: 5px; background: #FFF; border: 1px solid #CCC; padding: 2px 6px; font-size: 0.9em; color:#A3206F; font-weight:bold; }

legend.legend_carer					{ color: #E34F9A; }
legend.legend_company				{ color: #56AEDD; }
legend.legend_user					{ color: #8CC63F; }

fieldset img						{ padding-bottom: 3px; margin-right: 5px; margin-bottom:-5px; vertical-align:middle; }

fieldset.warning					{ background-color: #FFEBEB; }

fieldset.warning legend				{ color:#900; }

fieldset.report						{ clear: both; border-top: 0px; margin-left: 10px; width: 916px;  }

table.report						{ clear: both; margin: 10px 0px 0px 10px; }

strong								{ font-weight: bold; }

.thawte								{ margin-top: 30px; }

.thawte img							{ margin-bottom: 100px; }

/**************************************************************************************************************************/
/* Global ID's ************************************************************************************************************/
/**************************************************************************************************************************/

#main, #main_admin					{ width: 950px; margin: 0px Auto; }

#main_inner							{ width: 950px; float: left; background:#FFF url(../images/side_bg_2.png) repeat-y bottom right; }

#main_admin #main_inner				{ background-image: none; }

#mainLeft							{ float: left; width: 765px; display: inline; }

#head								{ float: left; background: #FFF url(../images/headbg.png) no-repeat; width: 765px; height: 126px; }

#head img							{ float: right; }

#splash								{ float: left; width: 765px; height: 141px; background:#FFF url(../images/splash.png); }

#box_outer							{ float: left; width: 686px; background:#FFF url(../images/box_top.png) no-repeat top left; display: inline; margin: 10px 0px 20px 40px; padding-bottom: 10px; }

#box_inner							{ float: left; width: 676px; background: url(../images/box_bottom.png) no-repeat bottom left; padding: 0px 5px 20px 5px; }

#box_inner.cols						{  -webkit-column-count: 3; -webkit-column-gap: 0px; column-number: 3; column-width: auto;   }

#box_inner p						{ margin: 10px; }

.loginForm							{ margin: 0px; padding: 30px 10px 0px 10px; height: 100px; font-size: .9em; background:#FFF url(../images/head_side.png) no-repeat; text-align: right; }

.searchForm							{ margin: 0px; padding: 10px 10px 0px 10px; font-size: .9em; text-align: right; }

/**************************************************************************************************************************/
/* Side Styles ************************************************************************************************************/
/**************************************************************************************************************************/

#side								{ width: 185px; height: 192px; float: left; display: inline; text-align: right; }

#side h1							{ font-size: 1.2em; color:#033056; margin: 0px; padding: 5px 0px 2px 5px; line-height: 1em; background-color: #033056;  }

#side h2 							{ font-size: 1.5em; color:#033056; margin: 0px 0px 5px 15px; padding: 5px 0px 5px 5px; line-height: 1em; }

#side p								{ margin-right: 0px; clear: both; }

#side p.formP						{ margin-bottom: 2px; }

#side ul							{ list-style-type: none; }

#side ul a							{ color: #033056; background: url(../images/icons/bullet_right.gif) top right no-repeat; padding-right: 13px;  }

#side ul li							{ line-height: 2em; text-align: right; padding-right: 10px;  }

#side input[type=image]				{ margin-right: -4px; margin-top: -2px; }

#side .input_button					{ margin-right: -4px; margin-top: -2px; }

#side input.input_button			{ margin-right: -4px; padding: 0px; border: 1px solid #F00; display: inline; }


#side ul li.side_menu_1				{ background: #8CC63F url(../images/ul_bg_1.png) repeat-y; }
#side ul li.side_menu_2				{ background: #56AEDD url(../images/ul_bg_2.png) repeat-y; }
#side ul li.side_menu_3				{ background: #E34F9A url(../images/ul_bg_3.png) repeat-y; }

/**************************************************************************************************************************/
/* Admin Styles ************************************************************************************************************/
/**************************************************************************************************************************/

#side_left							{ width: 370px; float: left; display: inline; margin: 1px 10px 0px 10px; padding: 5px 0px 5px 0px; background-color:#FFF; }

#adminTop							{ border: 1px solid #CCC; width: 912px; float: left; margin: 10px 10px 0px 10px; padding: 0px 5px 0px 10px; background-color: #EBF0FD; }

#adminStatus						{ width: 300px; float: right; }

#adminTop img						{ float: left; margin: 8px 8px 0px -2px; }

/**************************************************************************************************************************/
/* Footer Styles **********************************************************************************************************/
/**************************************************************************************************************************/

#footer								{ float: left; width: 766px; height: 90px; background: #033056 url(../images/footer_bg.png) top left no-repeat; }

#footer p							{ float: right; padding: 0px; margin:25px 10px 0px 0px; font-size: 0.8em; color: #75ACD9; text-align: right; line-height: 1.8em; }

#footer a							{ color: #FFF; }

/**************************************************************************************************************************/
/* Classes ****************************************************************************************************************/
/**************************************************************************************************************************/

.loginInput				{ width: 150px; margin: 0px 0px 5px 0px; }

.tinyInput				{ width: 60px; }

.checkbox				{ margin: 3px 0px; }

.smallInput				{ width: 210px; }
.maxInput				{ width: 900px; }
select.smallInput		{ width: 209px; }
.halfSmallButton		{ width: 121px; }
.halfButton				{ width: 180px; }
.thirdButton2			{ width: 175px; }
.formP					{ margin: 4px 0px 4px 0px; }

input.longInput			{ width: 480px; }
select.longInput		{ width: 484px; }

#main_admin input.longInput		{ width: 360px; }
#main_admin select.longInput, #main_admin textarea.longInput	{ width: 366px; }

.maxInputSmall			{ width: 554px; }

.thirdButton			{ width: 113px; }

.longLabel				{ width: 220px; }

.smallPrint				{ font-size: 0.8em; color:#666;}

.smallPrintBlue			{ font-size: 0.8em; }
.scrollingList			{ height: 365px; overflow: auto; }

.contacted_0			{ color: #C00; }
.contacted_1			{ color: #0C0; }


.userIcon				{ float: left; }

.reportIcon				{ vertical-align: middle; margin: -3px 3px 0px 0px;}
.messageReadStatusFalse	{ font-weight: bold; }

.inputDay				{ width: 85px; }
.inputMonth				{ width: 150px; }
.inputYear				{ width: 123px; }

#side_left .inputDay		{ width: 43px; }
#side_left .inputMonth	{ width: 100px; }
#side_left .inputYear		{ width: 60px; }

.warning				{ color: #900; }
.ErrorMsg				{ font-size: 1.8em; line-height: 0.5em; padding-top: -10px; margin-top: -10px; font-weight:bold;  }



/**************************************************************************************************************************/
/* Link Definitions *******************************************************************************************************/
/**************************************************************************************************************************/

a:link					{ color: #033056; text-decoration: underline; }
a:visited 				{ color: #033056; text-decoration: underline; }
a:hover					{ color: #033056; text-decoration: underline; }
a:active 				{ color: #033056; text-decoration: underline; }

#side a, #footer a		{ text-decoration: none; }

#side .loginForm a		{ text-decoration: underline; }

#footer a.blue			{ color: #75ACD9; }

table a:hover			{ text-decoration: none; }

#contentWide td a		{ color: #003; }

/**************************************************************************************************************************/
/* Tabbed Nav *************************************************************************************************************/
/**************************************************************************************************************************/

#tabbednav				{ width:926px; float: left; background: url(../images/tabs/bg.gif) repeat-x bottom; margin: 10px 0px 0px 10px; }

#tabbednav ul			{ list-style:none; margin-bottom: 0px; display: inline; }

#tabbednav li.current a	{ color: #333; }

#tabbednav li			{ float: left; background:url(../images/tabs/right.gif) no-repeat right top; margin: 0px; margin-right: 1px;  }

#tabbednav a			{ float: left; display:block; font-size:0.9em; color: #999; background: url(../images/tabs/left.gif) no-repeat left top; padding: 0px 2px; line-height: 20px; text-decoration:none; font-weight: normal; margin-bottom: 0px;}

#tabbednav a:hover		{ color: #666; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabbednav a {float: none; padding:6px 10px 6px 10px;}
/* End IE5-Mac hack */


#tabbednav li.current a	{ padding-bottom: 7px; }


/**************************************************************************************************************************/
/* End CSS ****************************************************************************************************************/
/**************************************************************************************************************************/

#nav									{ height: 24px; clear:both; padding: 2px 0px 0px 0px; width: 765px; z-index: 1000; background-color: #033056;  background: #033056 url(/include/images/menu_home.png) top right no-repeat; }

#main_admin #nav						{ background-image: none; width: 951px; }

#main_admin #footer						{ width: 951px; clear: both; }

#main_admin #mainLeft					{ width: 548px; }

a.info									{ position:relative; z-index:99; background-color:#FEFFEE; color:#000; text-decoration:none }
a.info:hover						{ z-index:100; background-color:#FEFFEE }
a.info span						{ display: none }
td a.info:hover					{ color: #000; text-decoration: none; vertical-align: middle; }
.toolTip								{ float: left; clear: both; padding-bottom: 2px; vertical-align:middle; margin-right: 5px; }
a.info:hover span					{ display:block; padding: 5px; z-index: 26; position:absolute; top:2em; left:-6em; width:15em; border:1px solid #CCC; background-color:#FEFFEE; color:#000; text-align: center}
table tr td a.info:hover span		{ background-color:#FFFFFF;}