/*design time stylesheet - hides tricky css
@import url(design.css);*/

/*new entries for index.htm*/

/*Print only styles - hide menus etc*/
@media print {
	#header, #footer, #filler, #dqmbar, .noPrint{display: none}
	#content {
		display:block;
		border: 0;
	}
	#container {width: 100%}
	#users {
		height:auto;
		overflow: auto;
	}
	body {
		background-color: #FFFFFF;
		background-image: none;
	}
}

/*Screen only styles*/
@media screen {
	.printonly{display: none}
	#container {
		width: 775px ;
		text-align:left;
	}
}

/**********
 html tags 
**********/
body {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #285273;
}
a {
	color: #0000CC;
	text-decoration: none;
}
a:hover {
	color: #0000FF;
	text-decoration: underline;
}
img {
	border: 0;
}
table {
	margin: 0;
	padding: 0;
	border: 0;
}
	
/**************************
 ids from wpcsoft template
**************************/
html, body { width: 100%; height: 100%;}
html>body, html>body #container { height: auto;}
#header {
	padding-bottom:0px;
	text-align: left;
}
#wpc_logo ,#iip_logo ,#mcp_logo {
	margin: 5px;
	border: 0px;
}
#filler {
	height: 24px;
	width: 100%;
}
#content {
	width: 100%;
	border: 1px groove black;
	min-height: 400px;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
#footer {
	width: 100%;
	clear: both;
	text-align: right;
	vertical-align: bottom;
	font-size: 0.6em;
	color:  #00335B;
}
#sidefade {
	clear: both;
	background-image: url(images/footer.gif);
	background-repeat: repeat-y;
	background-position: right;
	vertical-align: bottom;
}
#leftMenu {
	width: 140px;
	padding: 5px;
	padding-top: 100px;
}
#bodyText {
	padding-left: 150px;
	padding-right: 50px;
}

/*From product template*/
#users{height:320px; overflow:auto;}

/********
 classes
********/
.general {
	font-size: 0.8em;
}
.enhanced {
	font-size: 1.0em;
}
.enhanceditalics {
	color: #000000;
	font-style: italic;
	font-size: 0.9em;
	font-weight: 700;
}
.homepage {
	color: #00335A;
	font-style: normal;
	font-size: 1.0em;
	font-weight: 700;
}
.heading {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 1.8em;
	font-variant: small-caps;
	text-align: center;
	font-weight: 700;
}
.subheading {
	font-size: 1.1em;
	font-weight: 800;
}
.product_desc {
	font-size: 0.9em;
	color: #000066;
}
.shadeback {
	background-color: #F2F6F8;
}
.fillhead {
	height: 22px;
	clear: both;
	background-image: url(images/tdback.gif);
	background-repeat: repeat;
}
.softHeading {
	padding-left:5px;
	font-size: 1.1em;
	font-weight: bold;
	color: #808080;
}
.tableHeading {
	padding-left: 5px;
	font-size: 1.0em;
	font-weight: bold;
	color: #FFFFFF;
}
.tableHeading:hover {
	color: #DDDDDD;
}
.box {
	border: 1px solid #A6BAC6;
	vertical-align: top;
	padding: 5px;
}
.divPadded {
	padding-right: 50px;
	padding-left: 50px;
}
.bulletmargin {
	margin-left:0px;
	padding-left: 25px;
}
.bulletmargin:last-child {
	padding-bottom: 10px;
}
.inset {
	background-color: #E9EEF1;
	width: 200px;
	font-size: 0.8em; 
	background-color: #E9EEF1; 
	border: 1px solid #A6BAC6;
	padding: 5px;
	margin: 5px;
}
.inset2 {
	background-color: #F2F6F8;
	border: 1px solid #A6BAC6;
	padding: 5px;
	margin: 5px;
}
.spacedlines {
	padding:3px;
	padding-bottom:15px;
}
.left {
	float: left; 
}
.right {
	float: right;
}
.colour1 {
	background-color: #F3F8FF;
}
.colour2 {
	background-color: #F2F6F8;
}
.colour3 {
	background-color: #2A60B8;
}
.colour4 {
	background-color: #446984;
}
.colour5 {
	background-color: #EBFEEB;
}
.colour6 {
	background-color: #F6F5EE;
}
.fontcolour1 {
	color: #446984;
}	
.red {
	color: #FF0000
}
.clear {
	clear: both;
}
.border {
	border: 1px solid black;
}
.onlyrightborder {
	border-top: 0px;
	border-left: 1px solid #A6BAC6;
	border-right: 0px;
	border-bottom: 0px;
}
.leftBorder {
	border-right: 0px;
	background-color: #F2F6F8;
}
.rightBorder {
	border-left: 0px;
	background-color: #F2F6F8;
}
.noBorder {
	border: 0px;
}
.toppadding {
	padding-top:10px;
}
.leftrightpadding {
	padding:15px;
}
.subtext {
	font-size: 0.8em;
	font-style: normal;
	text-align: right;
	padding: 8px;
}
.small {
	font-size: 0.5em;
	font-style: normal;
	width:100%;
	text-align: right;
	padding: 8px;
}
.disclaimer {
	font-size: 10px;
	font-style: italic;
}
.cmd
{
	width: 80px;
	font-weight: bold;
	font-size: 10pt;
	font-family: Arial;
	cursor: pointer;
	background-color: #5987CB;
	border-width: 1px;
	color: white;
	border-top-color: #80A0D6;
	border-left-color: #80A0D6;
	border-right-color: #10336E;
	border-bottom-color: #10336E;
	text-transform: none;
}
.bold {
	font-weight: 700;
	font-size: 0.9em;
}