/*	print.css
	
	Styles used in the printing of the site pages
	Original styles are copied from the styles.css file
	
$Id: print.css 212 2009-02-24 03:03:06Z mcheck $

*/

#wrapper {
	/*width: expression(document.body.clientWidth < 801 ? "800px": "auto" );*/
	/* hack for ie6 to set min-width, make sure css min-width selector immeidately follows*/  
	min-width:	800px;
	max-width:	1500px;
	background-color: white;
}


#header {
	/*background: #333366 url(../images/topleafleft.gif) repeat-x top left;*/
	background-color:	white;
	color:	#000;
	/*height:	75px;*/
}

#header h1 {
	font-size:	150%;
	/*padding-top:	45px;*/
	text-align:	left;
	padding-left:	5px;
	
}


/*subheader*/
#subheader {
	background: transparent;
	color:	#000;
	height: 20px;
	border-top: thin solid white;
	/*border-bottom: thin solid white;*/
	font-size: 14px
}

#subheader {
	padding-top: 5px;
	padding-left: 5px;
}

#subheader span#right {
	position:  relative;
	float: left;
	padding-right: 10px;
	text-align: right;
}

#subheader a {
	display: none;
	visibility: hidden;
}


#subheader a:link,
#subheader a:visited {
	color: white;
	text-decoration: none;
}

#subheader a:hover {
	text-decoration: underline;
}


/* tabs */

#tabs {
	visibility: hidden;
	display: none;
}

/* breadcrumbs */

#breadcrumbs {
	visibility: hidden;
	display: none;
}


/*sidebar*/
#sidebar {
	visibility: hidden;
	display: none;
}



.infoicon {
	background: url(../../images/information.png) no-repeat left top;
}



#content {
	width:	100%;
	background-color: white;
	min-height:		0;
	float:	none;
	position: static;
	overflow: visible;
}


#content .gutter {
	padding:	0;
	border: none;
}

#content .gutter span.gutterbottom {
/* Used to make sure the gutter, having only floats, will push to the bottom */
	color: 	white;
	clear:  both;
}


#content .heading {
	display: block;
	width: 100%;
	/*min-height: 30px;*/
	background-color: transparent;
	padding-top: 0;
	padding-bottom:	0;
	border: none;
}

#content .heading h1 {
	margin-left: 5px;
	margin-top: 5px;
	text-align: left;
	font-size: 16px;
}

#content .heading a {
	display: none;
	visibility: hidden;
	border: 1px solid #aaa;
	padding:	3px;
	text-decoration: 	none;
	color: 	#000;
	width: 65px;
	font-size: 11px;
	margin-top: 7px;
}

#content .heading a.previous {
	background: #bbb url(../../images/control_rewind.png) no-repeat left center;
	float:  left;
	margin-left: 15px;
	text-align: right;
	padding-right: 6px;
}

#content .heading a.continue {
	background: #bbb url(../../images/control_fastforward.png) no-repeat right center;
	float:  right;
	margin-right: 15px;
	text-align: left;
	padding-left: 6px;
}

#content .heading a.hidden {
	visibility: hidden;
	/*display: none;*/
}

#content .heading a:hover {
	background-color: #eee;
}

#content #page_head h3 span#title {
	text-align: center;
	/*display:  inline;*/
	font-size:	15px;
}

#content #page_head h3 span#right {
	float: right;
	text-align: right;
	margin-right: 10px;
	position: relative;
}


#content #left-col {
	float: 	left;
	width:	70%;

}

#content h2 {
	font-size: 1em;
}


#content h3 {
	font-size: 12px;
	/*height: 25px;*/
	margin-left: 5px;
	/*vertical-align: bottom;*/
	/*float:	left;*/
}

#content h4 {
}

#content #print-menu {
	visibility: hidden;
	display:	none;
}

#content #right-col {
	margin-left: 2%;
	float:  right;
	width: 	28%;
}

#content #right-col .footer {
	text-align: left;
	padding: 10px;
	background-color: lightyellow;
	border: 1px solid silver;
}

/*Added by mhw 01-14-09 to Hide the Edit/Add Toolbar*/

#tool-bar {
	visibility: hidden;
	display:	none;
}


/*table detail*/
/*Used for the main table displays*/
#detail-table table  {
	width: 100%;
	border: 1px solid silver;
	border-collapse: collapse;
    padding: 0px;
	background-color: white;
	margin-top: 5px;
	margin-bottom: 5px;
}
  
#detail-table tr {
	font-size: 11px;
	background-color: #fff;
	border-bottom: 1px solid silver;
}

#detail-table tr.highlight {
	background-color: #eee;
}

#detail-table td {
  	padding: 4px;
}

#detail-table th {
	background-color: #ddd;
	color: #000;
	padding: 4px;
	text-align: left;
	/*white-space: nowrap;*/
	font-weight: bold;
}

#detail-table caption {
	margin-bottom:  10px;
	background-color: #fff;
	color: #000;
	padding: 5px;
	text-align: left;
	font-weight: bold;
	font-size: 11px;
	border-bottom:	1px solid silver;
}

#detail-table th.sortable {
	cursor: pointer;
}

#detail-table th.sortable a:link,
#detail-table th.sortable a:hover,
#detail-table th.sortable a:visited {
	text-decoration: none;
}


#detail-table tr.record {
	cursor: pointer;
}

#detail-table td.colTitle {
	background-color: silver;
	color: #000;
	padding: 4px;
	text-align: left;
	white-space: nowrap;
}

#detail-table img {
	/*padding-bottom: -2px;*/
	/*margin-bottom:  -2px;*/
	vertical-align: middle;
}


#detail-edit table  {
	width: 100%;
	border: none;
	border-collapse: collapse;
    padding: 0px;
	background-color: transparent;
	margin-top: 5px;
	margin-bottom: 5px;
	cursor: default;
}
  
#detail-edit tr {
	font-size: 11px;
	background-color: transparent;
	border: none;
}

#detail-edit tr.highlight {
	background-color: #eee;
}

#detail-edit td {
  padding: 5px;
}

#detail-edit th {
	background-color: silver;
	color: #000;
	padding: 5px;
	text-align: left;
	white-space: nowrap;
	font-weight: bold;
}





/*
dues-table
-------------------------------------
*/
#dues-table table  {
	width: 100%;
	border-top: 1px solid silver;
	border-collapse: collapse;
    padding: 0px;
	background-color: white;
	margin-top: 5px;
	margin-bottom: 5px;
}
  
#dues-table tr {
	font-size: 11px;
	background-color: #fff;
	/*border-bottom: 1px solid silver;*/
}

#dues-table tr.highlight {
	background-color: #eee;
}

#dues-table td {
  	padding: 5px;
}

#dues-table td.alt {
  	padding-bottom: 15px;
}


#dues-table td span.label {
  	font-weight: bold;
	
}

#dues-table td span.highlight {
  	font-weight: bold;
	padding: 5px;
	background-color: yellow;	
}

#dues-table td span.amount {
  	font-weight: bold;
	color: blue;
}

#dues-table th {
	background-color: silver;
	color: #000;
	padding: 5px;
	text-align: left;
	white-space: nowrap;
	font-weight: bold;
}

#dues-table caption {
	background-color: silver;
	color: #000;
	padding: 5px;
	text-align: left;
	font-weight: bold;
	font-size: .9em;
}

#dues-table td.colTitle {
	background-color: silver;
	color: #000;
	padding: 5px;
	text-align: left;
	white-space: nowrap;
}

#dues-table img {
	/*padding-bottom: -2px;*/
	/*margin-bottom:  -2px;*/
	vertical-align: middle;
}




/*
review page
-------------------------------------*/

#content #content {
	padding: 	0;
	margin:		0;
	width: 		100%;
	border: 	1px solid #bbb;
	margin-bottom: 20px;
	page-break-after: always;
}

#content #content .gutter {
	padding: 	0;
	margin:		0;
	border: none;
}

#content #content h1 {
	text-align: left;
	margin:	0;
	margin-left: 5px;
	font-size: 14px;
}

#content #content h2 {
/*	background-color: #ccc;*/
	padding-left: 4px;
}

#content #content #detail-table {
	padding-left: 5px;
	padding-right: 5px;
}

#content #content .heading {
	background: transparent;
	margin: 0;
	padding: 0;
	min-height: 0;
	border-bottom: 1px solid #bbb;
}

#content #content .heading a.continue,
#content #content .heading a.previous {
	visibility: hidden;
	display:  none;
}

#content .review-footer {
	clear:  both;
	color:  #999;
	text-align: right;
}


/*
login-form
-------------------------------------
*/
#login-form {
	background-color:	#fff;
}

#login-form table {
/*	table-layout:		fixed;*/
/*	position:			relative;*/
	border-collapse:	collapse;
	border:				7px solid #bbb;
	padding:			0;
	margin-left: 50px;
}

#login-form table tr {
	background-color:	#eee;
}

#login-form th {
	/*background-color: silver;*/
	color: #000;
	padding: 5px;
	text-align: left;
	white-space: nowrap;
	font-weight: bold;
}

#login-form table td {
	padding:			8px 12px;
	text-align:			left;
	margin:				0;
	vertical-align: middle;
	font-size:			12px;

}

#login-form table td .left {
	float:				left;
	vertical-align:		top;
	padding:			3px 0px;
}


#login-form table td .right {
	float:				right;
	vertical-align:		top;
/*	display:			block;*/
}


/*cfi-review print*/
.c-content{
	page-break-after: always;
}


/* footer */

#footer {
	clear:	both;
	background:	#333366;
	color:	#fff;
	height:	75px;
	padding: 10px;
}

#footer span#right {
	position: relative;
	float: right;
	
}


#footer a:link, 
#footer a:visited {
	text-decoration:  none;
	color:  white;
}

#footer a:hover {
	text-decoration:  underline;
}