/* be friendly to printers ------------------------------------------*/
@media print
{
#PageBody { margin-left: -63px !important; }
#HEADERsiteTools, #topnav, .leftpane, .rightpane { display: none !important; }
}
/* ------------------------------------------------------------------- */

/* ----- General (definitely used) ------- */
body
{
	background-color: #f6f9fb;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 100%;
	color: #000000;
	margin: 0px 0px 0px 0px; /* top left bottom right */
	padding: 0px 0px 0px 0px;
/*	background-image: url(icc_bg_repeat.jpg);
	background-repeat: repeat-x;*/
}

p, td, tr, div, .Normal { font-family: Verdana, Arial, Helvetica, Sans-Serif; }

.Normal { background-image: none; }

p { margin-top: 0; text-align: left; }

#PageBodyTable
{
	width: 940px !important;
	text-align: center;
	border-left: 1px solid #e9eef3; 
	border-right: 1px solid #e9eef3; 
	background-color: #FFFFFF;
	}

#mainContentTABLE
{
	text-align: left;
	width: 100%;
/*	background-image: url(body-repeat.gif);
	background-repeat: repeat-x;
	background-position: top;*/
	height: 700px !important;
}

#headerTable
{
	text-align: left;
	width: 100%;
/*	margin-bottom: 10px;*/
	background-color: #6699cc/*#8f815c*/ !important;
}

#headerTable tr#BG
{
	background-image: url(ppi-header-bg.jpg);
	background-repeat: repeat-x;
}

#headerTable td.topNav
{
	/*background-color: #82abd5;*/ 
	background-image: url(ppi-topnav.gif);
	background-repeat: repeat-x; 
	height: 36px !important;
	margin: 0;
	vertical-align: middle !important;
}

/*#headerTable td.topNav div
{
	text-align: right;
	color: #FFFFFF !important;
	padding-right: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle !important;
	padding-top: 3px;
}*/

#headerTable td#Image1 { text-align: left; }
#headerTable td#Image2 { text-align: right; }

.textBlue { color: #3333cc; }


/*--------- General Link Styles ----------*/
a, a:visited { color: #3333cc !important; text-decoration: none !important; }
a:hover { color: #3333cc !important; text-decoration: underline !important; }
	
a img { border: 0 !important; }


/*--------- site tools Styles ----------*/
#siteTools { float: right; margin-top: 3px; margin-bottom: 3px; text-align: right !important; padding-right: 3px; white-space: nowrap; }
#siteTools a, #siteTools a:visited { color: #ffffff !important; text-decoration: none; }
#siteTools a:hover { color: #ffffff !important; text-decoration: underline; }
	
#dnn_dnnCURRENTDATE_lblDate
{ 
	border-right: solid 1px #666666;
	padding-right: 12px;
	border-left: solid 1px #666666;
	padding-left: 12px;
	color: #ffffff;
}

#dnn_dnnLOGIN_hypLogin
{
	border-left: solid 1px #666666;
	padding-left: 10px;
	font-size: 12px;
}

#dnn_dnnSEARCH_cmdSearch { font-size: 12px; }


/*----------- Form related ----------*/
form input.FormButton
{ 
	color: #FFFFFF; 
	background-color: #660099; 
	border-bottom: 0.05em solid #000000; 
	border-right: 0.05em solid #000000; 
	border-top: 0.05em solid #9370DB; 
	border-left: 0.05em solid #9370DB; 
	padding-top: 0.2em; 
	padding-bottom: 0.2em; 
	margin-left: 0px; 
	cursor: pointer; 
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1em;
}

fieldset { border: 1px solid #999; }
fieldset legend { font-weight: bold; color:#660099; font-size: 110%; padding-bottom: 4px; margin-bottom: 4px; }


/*--------- Unique to DNN created by AW ----------*/

/*.leftpane {
	width: 184px !important;
	padding-right: 5px;
	padding-top: 15px;
	font-size: 70%;
	line-height: 130%; }*/
	
.contentpane {
	width: 100% !important;
	padding-right: 7px;
	padding-left: 7px;
	padding-top: 15px;	
	font-size: 70%;
	line-height: 130%; }
	
.rightpane {
	width: 232px !important;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 15px;
	font-size: 70%;
	line-height: 130%; }
	

/*------ various stuff added to doubly enforce style in the content and right panes
 as it doesn't seem to pick it up properly, blueLinks is used in leftpane on login page only ---------*/
/*.contentpane a, .contentpane a:visited, .rightpane a, .rightpane a:visited, .blueLinks a, .blueLinks a:visited
{
	color: #3333cc !important;
	text-decoration: none !important;
}

.contentpane a:hover, .rightpane a:hover, .blueLinks a:hover
{
	color: #3333cc;
	text-decoration: underline !important;
}*/

.contentpane h5 { font-size: 130%; margin-bottom: 0em; font-family: Arial, Helvetica, Sans-Serif; padding: 5px; padding-left: 0; color: #000000; }

.contentpane .MyRow2 table,
.contentpane .MyRow2 div { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 100%; color: #000000; }

.contentpane .MyRow2 table tr { vertical-align: top; }


/*--------- Footer Styles ----------*/
.footer
{
	font-size: 70%;
	color: #666666;
	padding: 4px;
	border-top: 1px solid #ccc;
	margin-top: 1px !important;
}

.footer p { text-align: right !important; }



/*------- Custom A:Link styles -----------*/
a.ArrowLink, a.SubHead, .DNN_Documents a, a.Normal   
/* SubHead, Normal & DNN_Documents adds the arrow to links in various modules */
{
	background-image: url(blue-arrow-link.gif);
	background-repeat: no-repeat;
	background-position: 55% left;
	padding-left: 15px;
	display: block;
} 


/* ---------- Search results adjustments --------- */
.contentpane div.MyRow2 table tr td a.SubHead { background-image: none; padding-left: 0; }


/* ---------- List Styles --------- */
ul.blackarrowList { /* used in NEWSFEED module and elsewhere */
	padding-left: 20px;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	margin: 0;
	list-style-image: url(arrows/arrow_black_right.gif); }
	
ul.blackarrowList li { padding-bottom:0.4em; }


/*--------- Table Styles ----------*/
.td-100 { width:100%; }
td.equal-width { width: 50%; }
TH { color: #000000; }

	
/*---------- Padding Styles -----------*/
.padLeft { padding-left: 0.5em; }
.padLeftX2 { padding-left: 1em; }
.padRight { padding-right: 0.5em; }
.padRightX2 { padding-right: 1em; }
.padTop { padding-top: 0.5em; }
.padTopX2 { padding-top: 1em; }
.padBottom { padding-bottom: 0.5em; }
.padBottomX2 { padding-bottom: 1em; }
.padLeftRight { padding-left: 0.5em; padding-right: 0.5em; }
.padLeftRightX2 { padding-left: 1em; padding-right: 1em; }
.padTopBottom { padding-top: 0.5em; padding-bottom: 0.5em; }
.padTopBottomX2 { padding-top: 1em;	padding-bottom: 1em; }
.padAll { padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 0.5em; padding-right: 0.5em; }
.padAllX2 { padding-top: 1em; padding-bottom: 1em; padding-left: 1em; padding-right: 1em; }
.pad-all-NONE { padding: 0; }

.marginLeft { margin-left: 0.5em; }
.marginLeftX2 { margin-left: 1em; }
.marginRight { margin-right: 0.5em; }
.marginRightX2 { margin-right: 1em; }
.marginBottom { margin-bottom: 0.5em; }
.marginBottomX2 { margin-bottom: 1em; }
.marginTop { margin-top: 0.5em; }
.marginTopX2 { margin-top: 1em; }
.marginTopBottom { margin-top: 0.5em; margin-bottom: 0.5em; }
.marginTopBottomX2 { margin-top: 1em;	margin-bottom: 1em; }
.margin-TB-NONE { margin-bottom: 0; margin-top: 0; }


/* ---------- Alignment styles ------------*/
.alignTop { vertical-align: top; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.alignCentre { text-align: center; }
.alignBottom { vertical-align: bottom; }
.alignRightBottom { text-align: right; vertical-align: bottom;}
.alignRightTop { text-align: right; vertical-align: top; }
.alignRightCentre { text-align: right; vertical-align: middle; }
.alignLeftBottom { text-align: left; vertical-align: bottom; }
.alignLeftTop { text-align: left; vertical-align: top; }
.alignLeftCentre { text-align: left; vertical-align: middle; }