/* Print styles */

/*
	Notes:
	Setting 'float: none;' for 'float: left;' elements solves many printing problems.
	
	You can also try these properties:
	page-break-after:avoid;
	page-break-before:avoid;
	page-break-inside:auto;
*/

/*Important - this reduces the min-height of the right hand menu so this doesn't always break */

.innerContentSection .leftColumn
{
	min-height: 500px;
}

html, body {height: 100%;}

*{
	page-break-inside:auto;
}

.rightColumn,
.breadcrumb,
.tabsWrapper
{
	page-break-before:avoid;
	page-break-inside:auto;
	display: block;	float: left;
}

.tabsWrapper
{
	width: 702px;
}

.tabsWrapper .ui-tabs-nav
{
	page-break-before:avoid;
	page-break-inside:auto;
}

#wrap {
	min-height: 500px; /*100%*/; 
	/*custom*/
	min-width: 986px;/*100%*/;
	/*end: custom */
	display: block;	float: left;
}

#main {
	/* custom */
	margin: 0px auto;
	width: 986px;
	display: block;
	/* END: custom */
	display: block;	float: left;
}  /* must be same height as the footer */


#footer {
	position: relative;
	/*margin-top: -180px;*/ /* negative value of footer height */
	height: 180px;
	display: block;	float: left;
	clear:both;
	margin-top: 10px;
}

.cbp-hrsub
{
	display: none;
}

.tabsWrapper .ui-tabs-panel
{
	/* don't break before */
	page-break-before:avoid;
	/* allow break during */
	page-break-inside:auto;
	float: none;
}

.tabsWrapper .ui-tabs-panel
{
	page-break-before:auto;
	page-break-inside:auto;
}

/* Bold selected tab */
.tabsWrapper ul.ui-tabs-nav li.ui-tabs-active
{
	color: white;
	background: #1294AE;
	font-weight: bold;
	border: 2px solid #1294AE;
}

/* IMPORTANT - not setting this causes the div not to break */
.mainContent blockquote,
.mainContent .qAndAWidget,
.mainContent .qAndAWidget *
{
	display: block;
	float: none;
	page-break-before:auto;
	page-break-inside:auto;
}

.mainContent .qAndAWidget ul li input,
.mainContent .qAndAWidget ul li label
{
	display: inline;
}

/*Living with Attendant care specific fixes*/
body .ui-tabs .ui-tabs-nav li,
body .ui-tabs .ui-tabs-nav li a
{
	padding: 0px 13px;
}

/* debug borders */

/*
.tabsWrapper .ui-tabs-panel
{
	border: 1px solid green;
}

.tabsWrapper .ui-tabs-panel *
{
	border: 1px solid red;
}

.tabsWrapper
{
	border: 1px solid pink;
}

.tabsWrapper .ui-tabs-nav
{
	border: 1px solid orange;
}
*/

/*
.mainTopSeperator 
{
	border: 1px solid yellow;
}

.mainInnerContent
{	border: 1px solid pink;
}

.tabsWrapper
{
	border: 1px solid green;
}

.tabsContent
{
	border: 1px solid yellow;
}

#footer {
	border: 1px solid green;
}

.rightColumn,
.breadcrumb,
.tabsWrapper
{
	border: 1px solid #0FF;
}

#wrap {
	border: 1px solid red;
}

.mainMenu
{
	border: 1px solid orange;
}

.tabsWrapper .ui-tabs-panel
{
	border: 1px solid purple;
}

#main {
	border: 1px solid blue;
}
*/

/* end: debug borders */
.innerLeftMenu li.topLvlHeading
{
    border: 1px solid #1293AD;
    margin-bottom: 1px;
    padding:8px 0px;
    padding-left: 5px;
    padding-right:3px;
    padding-bottom:1px;
    width:139px;
}
/*.innerLeftMenu li.current a,*/ 
.innerLeftMenu li.current
{
    border: 1px solid #1293AD;
}
.innerLeftSubMenu li.current
{
    border: 1px solid #1293AD;
}
.ui-tabs .ui-tabs-nav {
    border-bottom: 2px solid #36A2B1;
}
.innerLeftSubMenu
{
    margin-left: 3px;
    width: 127px;
    padding-left:1px;
}
.innerLeftMenu li
{
    width: 142px;
}