/* CSS Document */

/* ********************************************************************************************
*	Created By:				Kevin Dyck
*	Creation Date:			June 2010
******************************************************************************************** */



body	{
	background-color: #009DE0;
	font-family: Verdana, Tahoma, Geneva, Helvetica, Arial, sans-serif;
	font-size: 9pt;
	margin: 0px 30px 30px 30px;
	padding: 0px;
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-attachment: fixed;
}

img	{	border: 0px;	}

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

h1, h2, h3, h4, h5, h6	{
/*	these settings apply to all Header tags in the Content area of the page, 
	some are modified as needed in the code below. 
*/
	font-family: Verdana, Tahoma, Geneva, Helvetica, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	line-height: 150%;
}

h1 {
	font-size: 		140%;
	font-family: 	Verdana, Tahoma, Geneva, Helvetica, Arial, sans-serif;
	margin-bottom:  15pt;
}

h2	{
	font-size: 	120%;
	margin-bottom: 5pt;
	margin-top: 24pt;
}
h3	{	font-size: 	110%; margin-bottom: 10pt; margin-top: 22pt;	}
h4	{	font-size: 	110%; margin-bottom: 10pt; margin-top: 22pt; font-style: italic; 	}
h5	{	font-size: 	100%; margin-bottom: 10pt; margin-top: 20pt;	}
h6	{	font-size: 	100%; font-style: italic; margin-bottom: 5pt; margin-top: 20pt;	}
p	{
	font-size:9pt;
	line-height: 14pt;
	margin: 0pt 0pt 5pt 0pt;
}

ul	{
	margin: 0px 40px 5px 20px;
}
ol	{	margin-left: 25px; margin-right: 40px; 	}
li	{	margin: 2px 0px 3px 0px; 	font-size:9pt;	line-height: 14pt;	}
li ul	{	margin-top: 0px;	}
/*	next two definitions accomodate lists inside multi-columned tables	*/
table ul	{	margin-right: 10px	}
table ol	{	margin-right: 10px	}
	
th, td	{
	padding: 5px 0px;
	vertical-align: top;
	font-size: 9pt;
}
table	{	margin-bottom: 0px; clear:none; }

th	{
	font-weight: bold;
	text-align: left;
	padding-right: 15px;
	background-color: #CCC;
}

hr	{
	height: 1px;
	color: #ccc;
	background-color: #ccc;
	border-width: 0px;
	margin: 20px 0px;
}


form {
	width: 715px; 
	margin: 0px auto;
}

caption	{
	text-align: left;
	font-weight: bold;
	font-size: 9pt;
}

li ul li	{	list-style-type:disc;	}
	

/* end of HTML TAGS section */



/* ******************************************************************************************************** */



/* CREATE IDs FOR PAGE SECTIONS
	remember: each ID can apply to only one area of each page, because IDs can be used to position items on the screen
	          Common page elements that can use IDs are Content, Navigation, Header, Footer, Related Links
*/

#Wrapper	{
	padding: 0px 0px 50px;
	margin: 0px auto;
	width: 715px;
}

#Header	{
	margin: 0px auto;
	padding:0px;
}


#Logo	{
	position:relative;
	float: none;
	padding: 24px;
	color: #FFF;
	display: block;	
}

	#Logo a:hover	{ text-decoration:none; border-bottom-width: 0px; 	}
/*	
	#Logo img, #Logo_print img	{	float: right; 	}
*/	
#Logo_print	{
	/* controls visiblity of the print header, hidden when page is viewed on screen, visible for printing */
	position:relative;
	float: none;
	padding: 24px;
	font-size: 24px;
	font-weight: bold;
	color: #000;
	line-height: 40px;
	display: none;	
}

#Util	{
	position: static;
	top: 0px;
	right: 0px;
	text-align: right;
	height: 30px;
	margin: 0px;
	padding: 0px;
}

	#Util ul	{	margin: 0px; }
	#Util li	{	list-style: none; display:inline; font-size: 80%;	}
	#Util li a	{
		color: #FFF;
		text-decoration: none;
		padding: 10px 0px 10px 10px;
		line-height: 30px;
		border-bottom: none;
	}
	#Util li a:hover	{	text-decoration: underline;	}


/*	start of MAIN body of page. Main is a container for the leftcolumn nav (navcolumn) 
	and the main page content area (Content) 	*/
	
#Progressbar	{
	color: #fff;
	margin-bottom: 10px;
}
	
#Main	{
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	width: 715px;
}






/*	start of CONTENT SECTION	*/

#Content	{
	font-family: Verdana, Tahoma, Geneva, Helvetica, Arial, sans-serif;
	clear: both;
	position: relative;
	vertical-align: top;
	width: 675px;
	padding: 20px;
	margin: 0px;
	border: 1px solid #999;
	background-color:#F4F4F4;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;	
}
	
#Content table	{
}
	
#Content p,
#Content td	{
	font-family: Verdana, Tahoma, Geneva, Helvetica, Arial, sans-serif;
}
	
	.queryResults	{
		margin: 20px 0px 0px;
	}

	.queryResults table	{
		margin: 0px 0px 20px;
		border: 1px solid #ccc;
		border-collapse: collapse;
		background-color:#fff;
}

	.queryResults table > table	{	margin: 0px;	}

	.queryResults th,
	.queryResults td {
		border-top: 1px solid #ccc;
		border-collapse: collapse;
		padding: 5px;
	}

	.queryResults td:hover {
/*		outline: 1px solid  #9CF;	*/
	}

	 .queryResults table tr:hover {
		background-color: #E1F0FF;
	}

	.queryResults table.nolines th,
	.queryResults table.nolines td {
		border-top: 0px solid #ccc;
	}

	.queryResults table.nolines table {
		padding: 0px;
	}




#Footer	{
	display: none;
	clear:both;
	padding: 0px;
	margin: 20px auto;
	width: 715px;
	font-size: 0.8em;
	font-family: Verdana, Tahoma, Geneva, Helvetica, Arial, sans-serif;
	text-align: center;
}

#Footer	p {
	font-size: .8em;
	font-family: Verdana, Tahoma, Geneva, Helvetica, Arial, sans-serif;
	line-height: 40px; /*	vertically centers text	*/
}

#Footer	a {
	text-decoration: none;
}

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

/* end of IDs section */



/* ******************************************************************************************************** */



/* CLASS DEFINITIONS
	Class definitions may apply to any number of elements on a page, because they are not used 
	for positioning. Classes are used to formatting commonly occuring elements that may appear 
	more than once per page.
*/


.caption	{
	/* used for text below photos or data tables */
	font-size: 80%;
	text-align: center;
}

	table + p.caption	{	margin-top: -10px;	}

.smalltext {
	/* handy for things like PDF file-stamps, 'close window' links, etc. */
	font-size: 80%;
}


.largetext	{
	font-size: 120%;
	line-height: 120%;
}



.clearfloats {
	clear: both;
	display: block;
}

.alert {
	color: #C00;
}

.currency	{	text-align: right;	}

.right	{	float: right;	}
.left	{	float: left;	}

.noprint	{	color: #999;	}
.noprint label	{	color: #000;	}

.error	{
	border: 1px solid #C00;
	background-color: #FFE8E8;
	padding: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-right: 100px;
	margin-left: 100px;
	text-align: center;
	margin-bottom: 10px;
}



/*	BUTTONS	*/

	/*	Normal state	*/
	.btn-accept	{
		color: transparent;
		background-image: url(../images/btn_accept.jpg);
		width: 66px;
		height: 20px;
		border: 0px;
	}
	
	.btn-decline	{
		color: transparent;
		background-image: url(../images/btn_decline.jpg);
		background-repeat:no-repeat;
		width: 66px;
		height: 20px;
		border: 0px;
	}
	
	.btn-clear	{
		color: transparent;
		background-image: url(../images/btn_clear.jpg);
		width: 66px;
		height: 20px;
		border: 0px;
	}
	
	.btn-search	{
		color: transparent;
		background-image: url(../images/btn_search.jpg);
		background-repeat:no-repeat;
		width: 66px;
		height: 20px;
		border: 0px;
	}
	
	.btn-next	{
		color: transparent;
		background-image: url(../images/btn_next.jpg);
		width: 66px;
		height: 20px;
		border: 0px;
	}
	
	.btn-back	{
		color: transparent;
		background-image: url(../images/btn_back.jpg);
		background-repeat:no-repeat;
		width: 66px;
		height: 20px;
		border: 0px;
	}
	
	input[button]	{
		color: #333;
		background-image: url(../images/btn_blank.jpg);
		width: 66px;
		height: 20px;
		border: 0px;
	}
	
	.btn-wide	{
		color: #333;
		background-image: url(../images/btn_blank_100.jpg);
		width: 100px;
		height: 20px;
		border: 0px;
	}
	
.buttonrow	{
	margin: 10px 0px;
	text-align: right;
	display: block;
}

#Content .buttonrow a:hover  	{	text-decoration:none; border-bottom: 0px; cursor: pointer;	}

.whiteTable	{
	border: 1px solid #ccc;
	background-color: #fff;
}

.oultine	{
	border: 1px solid #ccc;
}

.roundedCorners	{
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;	
	behavior: url(../css/ie-css3.htc);
}

.sidebar	{
	float: right;
	width: 180px;
	padding: 0px;
	margin-left: 10px;
	background-colour: #fff;
	padding-bottom: 10px;
}

.sidebar a	{	text-decoration: none;	}
.sidebar a:hover	{	text-decoration: underline; 	}
.sidebar p	{	padding: 10px 10px 0px 10px;	}

.sbOrange	{	/*	changed this to a foreground image to accomodate IE bugs
	background-image: url(../images/bg_sidebar_orange.jpg);
	background-repeat:no-repeat;
	background-color: #e91;
	color: #fff;
*/
}

.sbOrange a	{	color: #fff;	}
.sbOrange a:hover	{	text-decoration:none;	}
/* end of CLASS DEFINITIONS */


/* ******************************************************************************************************** */