/** CleanPix Cascading Style Sheet
  * 19 April 2005
  *
  * IMPORTANT: Style names are CasE sENsitIVE!
  *
  * NOTES:
  *	- IE/Mac has a bug where "clear" is inherited by sub-div's
  *	  when it should not be. Ergo, try to do without "clear"; instead
  *	  you have to insert a div of height 0.
  *
  *	- IE/Mac really does not like style="one two three"; ergo,
  *	  things that are only marginally different have to have 
  *	  different styles.
  *	
  */

body {
	font-family:  verdana,helvetica,arial,geneva,sans-serif;
	font-size: 10px;
	line-height: 14px;
	background-color: #FFFFFF;
}
.floatright {
  float: right;
}
.inputtext{
  font-family: verdana,helvetica,arial,geneva,sans-serif;
  font-size:8pt;
  height:16px;
}
.inputtext2{
  font-family: verdana,helvetica,arial,geneva,sans-serif;
  font-size:1em;
  height:18px;
}
.col-blue {
	/*color: #0396c0;*/
	color: #0376a0;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
}

.col-blue-no-bold {
	/*color: #0396c0;*/
	color: #0376a0;
	font-size: 10px;
	line-height: 14px;
}
	
.col-black {
	color: #000000;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
}

.col-l-grey {
	color:	#606060;
	font-weight:	bold;
}

.col-grey {
	color:	#A0A0A0;
}

.col-admin {
	color: 		#19a400;
	font-weight:	bold;
}

.col-red {
	color: red;
}

.col-red-bold {
	color: red;
	font-weight:	bold;
}

.col-green {
	color: green;
	font-weight:	bold;
}

a.col-white:link, a.col-white:visited, a.col-white:active, .col-white {
	color: #FFF;
	text-decoration: none;
	display: none;
}

.charsleft {
	color: red;
	font-size: 9px;
}

.col-red-force-size {
	color:		red;
	font-size:	10px;
	line-height:	14px;
}

.bg-col-grey {
	background-color: #f0f0f0;
}

.text-larger {
	font-size:	14px;
	line-height:	16px;
}

.text-smaller {
	font-size:	9px;
}

.error {
	color: red;
}

.errorbig {
	font-size:	16px;
	line-height:	18px;
	color:		red;
}

.strong {
	font-weight: bold;
}

/* XXX s/750/750/g */
#mainwrapper {
	position: relative;
	top: -8px;
	/*left: -8px;*/ /* 24-May-05 DGH Removed to help fix mac */
	width: 750px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	z-index: 1;
}

#head1 {
	margin: 0px;
	padding: 0px;
	width: 750px;
}

#head11 {
	margin: 0px;
	padding: 0px;
	width: 780px;
}

#head2 {
	position: relative;
	padding: 0px;
	top: 0px;
	margin-left: 0px;
	width: 750px;
	height: 36px;
	display: inline;
	white-space: nowrap;
}

#body1 {
	position: relative;
	float: left;
	padding: 0px;
	margin: 0px;
	width: 100%;
}

#body1r {
	float: right;
	width: 540px;
	height: 100%;
	display: inline;
	white-space: nowrap;
}

#body1l {
	width: 180px;
	float: left;
}

#body15 {
	float:		left;
	width: 		540px;
	padding-left: 	210px;
	clear:		both;
}

#body2 {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#body2r {
	width: 540px;
	float: right;
}

#body2l {
	width: 210px;
	float: left;
}

/** This shows a hack that only applies to WIN IE 4.0 - 6.0, and does not affect
  * the mac.
  *
  * IE will use the second definition of clear: to override the first one.
  * All other browsers will ignore the second definition because the first
  * one was marked important
  */
.brclear {
	font-size:	0px;
	line-height:	0px;
	height:		0px;
	visibility:	hidden;
	clear:		both !important;
	clear:		right;
}

.brhalf {
	font-size:	7px;
	line-height:	7px;
	height:7px;
}

.brclearleft {
	font-size:	0px;
	line-height:	0px;
	height:		0px;
	visibility:	hidden;
	clear:		left;
}

#footergap {
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 		750px;
	height:		1px;
	margin-right: auto;
	margin-left: auto;
}

#footer {
	margin-top: 16px;

	border-top: 1px solid #a0a0a0;
	font-family: arial, helvetica, sans-serif;
	width: 750px;
	line-height: 12px;
	font-size: 9px;
	margin-right: auto;
	margin-left: auto;
	float: left;
}

#postitbox {
	position:		absolute;
	z-index:		10000;
	background-color:	#e3de32;
	padding:		10px 8px 10px 8px;
	width:			180px;
	height:			400px;
	top:			68px;
	left:			0px;
	border:			4px solid #c0b000;
	display:		block;
	visibility:		visible;
	overflow:		auto;
}

.pxtoppadding {
	padding-top: 5px;
}

.greyboxleft {
	background-color: #f0f0f0;
	width: 180px;
	border-top: 1px solid #909090;
	border-left: 1px solid #909090;
	border-right: 2px solid #909090;
	border-bottom: 2px solid #909090;
	margin-left: 10px;
    margin-top: 10px;
}

/** Hack for IE/win only \*/
* html .greyboxleft {
 	padding-left: 0px;
}
/* End hide from IE/Mac */

.greyboxleftin {
	/* padding: 14px 14px 14px 14px; // DGH Changed 24 May 05 */
	/* width: 157px; */
	padding: 10px 10px 10px 10px;
	width: 160px;
}

.rightin {
	padding: 10px 10px 10px 10px;
	width: 520px;
}

.leftin {
	padding: 10px 10px 10px 10px;
	width:	 160px;
}

/****** HOME PAGE v2 ******/

.hptd { /* Home Page TD */
	padding:	0px 0px 0px 0px;
	margin:		0px 0px 0px 0px;
}

.hptextbig {
	color:			#606060;
	font-size:		16px;
	line-height:	20px;
	font-weight:	bold;
}

.hptextblack {
	color:			#000000;
	font-size:		14px;
	line-height:	18px;
	font-weight:	bold;
}

.hptd3 { /* Home Page TD Column 3 - For left offset */
	padding:	0px 0px 0px 10px;
	margin:		0px 0px 0px 0px;
}

.hpboxin {	/* Box inside column that gives 10px padding on all sides */
	padding: 10px 10px 10px 10px;
	margin:	 0px 0px 0px 0px;
	width:	 160px;
}

/** IE6/win seems to add padding twice on right side on box w/ text inside 
  * Note this comment is not properly ended, so this is hidden from IE5/Mac \*/
* html .hpboxin {
	padding-right: 0px;
}
/* End ie/mac hide */

.hpboxincenter { /* Box inside center column (wide) w/ 10px padding */
	padding:	10px 10px 10px 10px;
	margin:		0px 0px 0px 0px;
	width:		340px;
}

.hpgreybox {
	padding:			0px;
	margin:				0px 0px 3px 0px;
	float:				left;
	background-color:	#f0f0f0;
	width: 				168px;
	border-top: 		1px solid #909090;
	border-left: 		1px solid #909090;
	border-right: 		2px solid #909090;
	border-bottom: 		2px solid #909090;
}

.hpyellowbox {
	padding:			0px;
	margin:				0px 0px 3px 0px;
	float:				left;
	background-color:	#f7d514;
	width: 				168px;
	border-top: 		1px solid #909090;
	border-left: 		1px solid #909090;
	border-right: 		2px solid #909090;
	border-bottom: 		2px solid #909090;
}

.hpbluebox {
	padding:			0px;
	margin:				0px 0px 3px 0px;
	float:				left;
	background-color:	#9aa1cf;
	width: 				168px;
	border-top: 		1px solid #909090;
	border-left: 		1px solid #909090;
	border-right: 		2px solid #909090;
	border-bottom: 		2px solid #909090;
}

.hpcenterbox {
	padding:			0px;
	margin:				0px 0px 3px 0px;
	float:				left;
	width:				360px;
	margin:				0px;
}

.hpcenteryellowbox {
	padding:			0px;
	margin:				0px 0px 3px 0px;
	float:				left;
	width:				360px;
	margin:				0px;
	background-color:	#f7d514;
}
	
/******* FOR NCB *****/

.ncbout {
	background-color: #f0f0f0;
	width: 180px;
	border-top: 1px solid #909090;
	border-left: 1px solid #909090;
	border-right: 2px solid #909090;
	border-bottom: 2px solid #909090;
	margin-left: 10px;
}

.bodyimage {
	float: left;
	border-top: 1px solid #909090;
	border-left: 1px solid #909090;
	border-right: 2px solid #909090;
	border-bottom: 2px solid #909090;
	margin-left: 10px;
	margin-top: 10px;
}

.adimage {
	border-top: 1px solid #909090;
	border-left: 1px solid #909090;
	border-right: 2px solid #909090;
	border-bottom: 2px solid #909090;
}

.ncbinbbdot {
   padding: 10px;
   width:   160px;
   border-bottom: 1px dotted black;
}

.greyboxright {
	background-color: #f0f0f0;
	padding: 0px 0px 0px 0px;
	width: 100%;
	float: left;
}
.greyboxrightbt {
	background-color: #f0f0f0;
	padding: 0px 0px 0px 0px;
	width: 100%;
	float: left;
	border-top:	1px solid black;
}
.greyboxrightbb {
	background-color: #f0f0f0;
	padding: 0px 0px 0px 0px;
	width: 100%;
	float: left;
	border-bottom:	1px solid black;
}
.greyboxrightbtdotbb {
	background-color: #f0f0f0;
	padding: 0px 0px 0px 0px;
	width: 100%;
	float: left;
	border-top:	1px dotted black;
	border-bottom:	1px solid black;
}

.greyboxrightbtbbfull {
	background-color: #f0f0f0;
	padding: 0px;
	width: 100%;
	float: left;
	border-top:		1px solid black;
	border-bottom:		1px solid black;
}

.greyboxrightbtbbfullinset {
	background-color: #f0f0f0;
	padding: 2px 8px 2px 8px;
	width: 524px;
	float: left;
	border-top:		1px solid black;
	border-bottom:		1px solid black;
}

.greyboxrightball {
	background-color: #f0f0f0;
	padding: 8px 8px 8px 8px;
	width: 100%;
	float: left;
	border:		1px solid black;
}

.whiteboxright {
	background-color: #000000;
	padding: 0px 0px 0px 0px;
	width: 100%;
	float: left;
}

.greenbox {
	background-color: #66FF66;
	margin: 0px;
	padding: 2px;
	width: 536px;
}

.center {
	text-align: center;
}

BR {
	margin-top: 0px;
	margin-bottom: 0px;
}

P {
	margin-top: 0px;
	margin-bottom: 0px;
}


table {
	border-width: 0px;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
}

TR {
	vertical-align: top;
	padding: 0px 0px 0px 0px;
}

TD {
	vertical-align: top;
	padding: 0px 8px 0px 2px;
	font-family:  	verdana,helvetica,arial,geneva,sans-serif;
	font-size: 	10px;
}

.tdright {
	padding-right: 0px;
	text-align:     right;
}

.tdleft {
	padding-right: 0px;
	text-align:     left;
}

TH {
	vertical-align: top;
	text-align:     left;
	color:          #202020;
	/* background-color: #f0f0f0; */
	background-color: #d0d0d0;
	border-bottom:  1px solid black;
	margin:			0px 0px 0px 0px;
	padding:		0px 4px 0px 0px;
}

.vmiddle {
	vertical-align: middle;
}

/** This should be the "default" for TD's in CleanPix */

/** cptexttabletop and cptexttabletopcompressed are the main base styles */

.pad35 {
	margin-top: 10px;
	margin-bottom: 10px;
    padding-left:  48px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.cptexttabletop {
	vertical-align: middle;
	padding-top:	4px;
	padding-bottom:	4px;
}

.cptexttabletopfail {
	vertical-align: middle;
	padding:	4px 0px 4px 10px;
	border-bottom:  1px dotted black;
}
.cptexttabletophead {
	vertical-align: middle;
	padding-left:	10px;
}

.cptexttabletopcompressed {
	vertical-align:	middle;
	padding-top:	0px;
	padding-bottom:	1px;
}

.cptexttabletoprowpt {
	margin-top:	8px;
}

/** Border variants of cptexttabletop - These are the GOOD ones
  *
  * Naming:  b<side><opt-dot>
  * - top always comes before bottom
  * - I really wish IE/Mac would support multiple styles, so we did not
  *   have to have eight styles for this!
  */

.cptexttabletopbtgroup {
	border-top:	1px solid black;
	border-bottom:	1px solid black;
	vertical-align: middle;
	padding-top:	4px;
	padding-bottom:	4px;
	background: 	#f0f0f0;
}

.cptexttabletopbtdot {
	border-top:	1px dotted black;
	vertical-align: middle;
	padding-top:	4px;
	padding-bottom:	4px;
}

.cptexttabletopbb {
	border-bottom:	1px solid black;
	vertical-align: middle;
	padding-top:	4px;
	padding-bottom:	4px;
}

.cptexttabletopbbdot {
	border-bottom:	1px dotted black;
	vertical-align: middle;
	padding-top:	4px;
	padding-bottom:	4px;
}

.cptexttabletopbtbb {
	border-top:	1px solid black;
	border-bottom:	1px solid black;
	vertical-align: middle;
	padding-top:	4px;
	padding-bottom:	4px;
}

.cptexttabletopbtdotbb {
	border-top:	1px dotted black;
	border-bottom:	1px solid black;
	vertical-align: middle;
	padding-top:	4px;
	padding-bottom:	4px;
}

.cptexttabletopbtdotbbdot {
	border-top:	1px dotted black;
	border-bottom:	1px dotted black;
	vertical-align: middle;
	padding-top:	4px;
	padding-bottom:	4px;
}

	

/** These styles are deprecated */

.cptexttabletopbdot {
	vertical-align: middle;
	padding-top:	4px;
	padding-bottom:	4px;
	border-top:	1px dotted black;
}

.cptexttabletopbt {
	vertical-align: middle;
	padding-top:	4px;
	padding-bottom:	4px;
	border-top:	1px solid black;
}

.cptexttablethin {
	vertical-align: top;
	padding-top:	0px;
	padding-bottom: 0px;
}

.cptexttable {
	vertical-align: middle;
	padding-top: 4px;
	padding-bottom: 4px;
}

.valigntop {
	vertical-align: top;
}

.valignbottom {
	vertical-align: bottom;
}

.imageformalign {
	position: relative;
	bottom: -3px;
}

IMG {
	padding: 0px;
	border: 0px;
}


H1 {
	font-size: 28px;
	line-height: 32px;
}

H2 {
	font-size: 20px;
	line-height: 24px;
}

H3 {
	font-size: 16px;
	line-height: 20px;
}

H4 {
	font-size: 14px;
	line-height: 16px;
}

HR {
	border: 0px;
	height: 1px;
	color: #000000;	/* IE */
	background-color: #ffffff; /* Moz, etc */
}


INPUT.TEXT {
	font-family: verdana, helvetica, arial, geneva, sans-serif;
	font-size: 10px;
	padding: 2px;
}

HR {
	border: 1px dotted #c0c0c0;
	width: 100%;
}

FORM {
	/* This keeps IE from adding a blank line on <form> */
	display: inline;
}

.leading0 {
	line-height: 0px;
}

.form80 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
	padding: 1px;
  width: 80px;
}

.form1010p1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
	padding: 1px;
	/*width: 200px;*/
	width: 250px;
}

.form1010p1wide {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
	padding: 1px;
	/*width: 200px;*/
	width: 350px;
}

/** Used for when we have to drop things into body2l */
.form1010p1left {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
	padding: 1px;
	width: 110px;
}
.inputtext3 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
	padding: 1px;
	width: 110px;
}
.form1010p1leftselect {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
	padding: 1px;
	width: 116px;
}


.form1010p1select {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
	padding: 1px;
	/*width: 200px;*/
	width: 256px;
}

.selectwidth {
	/* This is because <select> elements end up shorter */
	/* should be .form1010p1.width + 6 */

	width: 206px;
}

.inputwidth {
	width: 140px;
}

.ncbbuttons {
	width: 		160px;
	height:		18px;
	padding-left: 	10px;
	padding-top:	4px;
	padding-bottom:	4px;
}

.form1010p1short {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
	padding: 1px;
	width: 100px;
}

.form1010p1short2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
	padding: 1px;
	width: 90px;
}

.form1010p1nowidth {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
	padding: 1px;
}


.padsingle {
	line-height: 8px;
	font-size: 8px;
}

.padhalf {
	line-height: 4px;
	font-size: 4px;
}

.pad34 {
	line-height: 6px;
	font-size: 6px;
}

.paddouble {
	line-height: 16px;
	font-size: 16px;
}

/*** FOR HELP SYSTEM ***/

#helptitle {
  background: url(/images/popup/popup-bar-background.gif) bottom left repeat-x;
  height:     		29px;
  width:      		100%;
  color:	 	#ffffff;
  background-color:    	#000000;
  font-size:		12px;
  font-weight:		bold;
}

#helptitleleft {
  padding-top:		0px;
  padding-left:		4px;
  height:		29px;
  float:		left;
  width:		250px;
}

#helptitleright {
  padding-top:		4px;
  height:		100%;
  width:		100px;
  vertical-align:	middle;
  float:		right;
}

#popupbody {
  padding:		8px;
}

/** For the account administrator main page */

/* Container: Used in body15 for the user identification */
.ssaccadmintopc {
	float:  left;
	width:	100%;
	border-top:	1px solid black;
	border-bottom:	1px solid black;
	padding-top:	4px;
}

/* Text: Used in body15/ssaccadmintopc for the user identification text */
.ssaccadmintopl {
	float:	left;
	width:	350px;
}

/* Used in body15/ssaccadmintopc for the sign-off button */
.ssaccadmintopr {
	float:	right;
	padding-top: 5px;
	height:	20px;
	width:	108px;
}


/** Container: Used in body2 to contain a single line of buttons */
.ssaccadmincontainer {
        width: 540px;
        height: 50px;
        margin-bottom: 3px;
        white-space: nowrap;
        
}

/** Used in body2/.ssaccadmincontainer to hold the icon at left */
.ssaccadminicon {
	float: left;
        width:  50px;
        height: 50px;
        margin-right: 3px;
        text-align: left;
	display: inline;
}

/** 3-Aug-06 Darren: Class for the buttons themselves on the admin main page */
IMG.ssaccadminbut {
	position: relative;
	float: left;
	width: 118px;
	height: 50px;
	padding: 0px 1px 0px 1px;
	margin: 0px;
}

/** Used in body2l to hold the help text */

.ssaccadminleftbox {
	font-family:	Arial, sans-serif;
	line-height:  	10px;
	float: 		right;
	width: 		190px;
	height: 	50px;
	margin-right: 	8px;
	text-align: 	right;
	display: 	block;
	margin-bottom: 	3px;
}

/** Fix the IE/WIN extra 3 pixels bug \*/
* html .ssaccadmincontainer {
    	margin-bottom:	0px;
}
* html .ssaccadminicon {
	margin-bottom: 0px;
	margin-right:	0px;
}
* html .ssaccadminleftbox {
	margin-right:	5px;
	padding:	0px;
	color:		#000000;
	margin-bottom:	2px;
}
/* End hide from IE/MAC */


.linknoline {
	text-decoration: none;
}

a.nobar {
	text-decoration: none;
	font-family: arial, sans-serif;
	font-weight: bold;
	color: #ffffff;
	border: none;
}

.egrenderer {
	width:	100%;
}

.Underlined {
	border-bottom: 1px solid black;
}

.Overlined {
	border-top: 1px solid black;
}

.OverlinedRight {
	border-top: 1px solid black;
	padding-top: 4px;
	text-align: right;
}

.OverUnderLined {
	border-bottom: 1px solid black;
	border-top: 1px solid black;
}

.None {
}


/** Used to hide stuff */

.hidden {
	display: none;
}

/** Used by Error displayers */

#errormoreinfo {
	clear: both;
	float: left;
	width: 100%;
	margin: 8px;
	display: none;
	background-color: #f0e0e0;
	border: 4px solid #000000;
	padding: 8px;
}

/** Used to put bars on divs */

.bordert {
	border-top: 	1px solid #000000;
	padding-top:	4px;
	padding-bottom:	4px;
}

.bordertb {
	border-top: 	1px solid black;
	border-bottom:	1px solid black;
	padding-top:	4px;
	padding-bottom:	4px;
	float: left;
}

.borderb {
	padding-bottom: 2px;
	border-bottom: 1px solid #000000;
	padding-top:	4px;
	padding-bottom:	4px;
}

.borderl {
	border-left: 	1px solid #000000;
}

.borderr {
	border-right:	1px solid #000000;
}

.borderall {
	border:		1px solid #000000;
	padding-top:	4px;
	padding-bottom:	4px;
}

.bordertdot {
	border-top: 1px dotted #000000;
}

.borderbdot {
	border-bottom: 1px dotted #000000;
}

.bordertgrey {
	border-top:	1px solid #d0d0d0;
}

.bordertwhite {
	border-top:	1px solid #ffffff;
}

.fulltext18 {
	float:		left;
	width: 		99%;
	padding:	2px 0px 2px 0px;
}

.fulltext18top {
	float:		left;
	width: 		99%;
	padding:	2px 0px 2px 0px;
	border-top: 1px solid black;
}

/* Styles for subheaders and the like... */

.cpheader {
	padding:	4px 0px 4px 0px;
}

.cpsubheader {
	padding:	4px 0px 8px 0px;
}

/** If we have a subheader and a button, use these two */

.cpsubheader1wrapper {
	float:		left;
}

.cpsubheader1 {
	margin:	0px 0px 3px 0px;
	float:		left;
}

.cpsubheader2 {
	padding:	1px 0px 6px 0px;
	float:		right;
	padding-left:	4px;
	margin:	0px;
	display: inline;
}

.textImagePadLeft80 {
	padding-left: 80px;
	vertical-align:	middle;
}

.pressuitedoccomwrapper {
	float:		right;
}

.pressuitedotcom {
	margin:	15px 8px 0px 0px;
	float:		right;
}

.rule {
	width:		100%;
	border-top:	1px solid black;
	padding-bottom:	4px;
	height:		1px;
}

#cptabrowc {
	float:		left;
}

.cptabtab {
	width:		108px;
	float:		left;
}

.cptabrow1 {
float: left;
}

.cptabrow2 {
float: left;
}

/** The following hack is for IE-WIN only
    Selecting from * html <tag> only applies to IE/win and IE/mac
    Closing this comment with backslashed-star keeps comment
    open on IE/mac, so this is hidden from IE/mac \*/
* html .cptabrow2 {
	margin-top:	-6px;
}
/* end hide from IE/mac */

/* For the FormTable class */

.formtable {
	background: 	#f0f0f0;
	border-top:	1px solid black;
	border-bottom:	1px solid black;
	float: left;
}

.formtablenospace {
	border-collapse: collapse;
	padding-top:	0px;
	padding-bottom:	0px;
	background: 	#f0f0f0;
	border-top:	1px solid black;
	border-bottom:	1px solid black;
	float: left;
}

.formtableembed {
	padding-top:	0px;
	background:	#f0f0f0;
	vertical-align:	top;
}

/** For the individual icon buttons (SquareButtons) **/

.squarebutton {
	padding-right:  2px;
	vertical-align:	middle;
}

.righteight {
	padding-right:  8px;
}

.nbsspacer {
	padding-right:	2px;
	width:		18px;
	height:		18px;
	vertical-align: middle;
}

/** For generic, 18 pixel high buttons next to forms*/

.button18high {
	height:	       18px;
	vertical-align: middle;
	padding-bottom:	4px;
	padding-left:	4px;
}

/** And for rectangular buttons (in images/buttons) **/

.recbutton {
	padding-right: 2px;
	height:	18px;
}

/** Text styles for asset text captions (AssetTextRenderer) */

.atxtc2r {	
	/* Asset Text, maximum two rows 
	 * I really wish we could specify max-height, but that does not
	 * work in IE, so we have to (conservatively) guess based on
	 * string lengths
	 */
	width:		120px;
	/*overflow: 	hidden;*/
	height:		21px;
	padding:	0px 0px 0px 0px;
}

.atxtc2r100 {
	width:		100px;
	height:		21px;
	padding:	0px;
}

.atxtc1r100 {
	width:		100px;
	padding:	0px;
	color:		#909090;
	font-weight:	bold;
}

.atxtc1r {
	width:		120px;
	/*overflow:	hidden;*/
	padding:	0px 0px 0px 0px;
	color:		#909090;
	font-weight:	bold;
}

.atxtc1rbbdot {
	width:		120px;
	padding:	0px 0px 0px 0px;
	color:		#909090;
	font-weight:	bold;
	border-bottom:  1px dotted #000000;
}

.atxtc1rpull {
	margin-top:	-8px;
}

.atxtc1r1l {
	width:		320px;
	padding:	0px 0px 0px 0px;
}

/* These are for assetRenderer - The names are based on the layout names
 * in AssetRenderer;
 *
 *      prefix 		= { ltb, llrt, llrb }
 *	prefix_c	= container for that layout
 *	prefix_1	= First subcontainer (img)
 *	prefix_2	= Second subcontainer (text)
 */

/** ltb = Layout Top Bottom - Image top, Text bottom **********************/

.ltb_c	{
	float:		left;
	width:		126px;	/* 135 - 8 padding */
	margin-right:	9px;
	border-bottom:	1px dotted #000000;
	/*overflow:	hidden;*/
}

/** Fix for IE/WIN \*/
* html .ltb_c {
	margin-right:	7px;
}
/* End hide hack from IE/Mac */

.ltb_1	{
	position:	relative;
	top:		-1px;
	height:		100px;
	padding:	10px 0px 8px 0px; 
}

.ltb_2	{
	position:	relative;
	top:		-2px;
	padding-top:	4px;
	padding-bottom:	4px;
	line-height:	10px;
}

.ltb_2nd	{
	position:	relative;
	top:		-2px;
	padding-top:	4px;
	padding-bottom:	4px;
	line-height:	10px;
}

.ltb_3	{
	position:	relative;
	bottom:		0px;
	padding-top:	0px;
	padding-bottom:	6px; /* WAS 4 */
	height:		18px;
	/*overflow:	hidden;*/
}

.ltb_4	{
	position:	relative;
	bottom:		0px;
	padding-top:	6px;
	height:   30px;
}

/** llrt - Layout Left Right Top Aligned; image left, text right */

.llrt_c {
	float:		left;
	width:		172px;	/* 180 - 8 padding */
	height:		66px;	
	margin-top:	0px;
	margin-right:	8px;
	border-bottom:	1px dotted #000000;
}

.llrt_c2 {
	float:		left;
	width:		172px;	/* 180 - 8 padding */
	height:		86px;	
	margin-top:	0px;
	margin-right:	8px;
	border-bottom:	1px dotted #000000;
}

/* Fix IE/Win bug \*/
* html .llrt_c {
	margin-right:	5px;
}
* html .llrt_c2 {
	margin-right:	5px;
}
/* End hide from IE/MAC */

.llrt_1	{
	float:		left;
	/*margin-left:	-1px;*/
	height:		50px;
	width:		50px;
	padding:	10px 0px 8px 0px; 
}

.llrt_2	{
	float:		right;
	margin-left:	6px;
	margin-top:	6px;
	width:		100px;
	line-height:	10px;	/* Have to do this to save space */
}

.llrt_3	{
	float:		right;
	padding-left:	8px;
	padding-top:	6px;	/* WAS 16px */
	height:		18px;
	width:		100px;
	text-align:	left;
}
/** llrb - Layout Left Right Bottom Aligned; image left, text right */

.llrb_c	{
	width:		532px;
	padding:	0px 0px 0px 0px;
	/*overflow:	hidden;*/
	border-top:	1px solid #000000;
	border-bottom:	1px solid #000000;
}

.llrb_1	{
	float:		left;
	margin-left:	-1px;
	padding:	0px 0px 0px 0px; 
	height:		100px;
}

.llrb_2	{
	float:		left;
	margin-top:	8px;
	margin-left:	8px;
	width:		412px;
	text-align:	left;
}

/** I do not think this layout will ever have icons... */
.llrb_3	{
	float:		left;
	margin-left:	8px;
	text-align:	right;
	width:		100px;
	height:		20px;
}

/** For AlarmBox */

.alarmboxl {
	float:		left;
	margin-right:	8px;
	width:		149px;	/* (540 - 8) * .28 */
	height:		200px;
	vertical-align:	top;
}

.alarmboxr {
	float:		left;
	width:		383px;	/* (540 - 8) - .alarmboxl.width */
	height:		200px;
	vertical-align:	top;
	color:		red;
	padding-top:	16px;
	font-size:	16px;
	line-height:	18px;
}

/** For SectionGrouper output.html.renderers **/

.sectiongrouper {
	position:		relative;
	float:			left;
	
	width:			527px;
	padding-left:	5px;
	
	margin-top:		8px;
	margin-bottom:	8px;
	
	border-top:			1px solid black;
	border-bottom:		1px solid black;
	
	padding-top:	  1px;
	padding-bottom:	  1px;
	
	background-color: #f0f0f0;
	color:            #101010; 
	
	/** height:			  16px; **/
}
	

/** For general 28%/72% positioning in the right column where you're
  * going to stick a logo or something in the left column 
  * 
  * If you do have a logo on the left, put a paddouble before whatever
  * you have on the right and they should line up toplines.
  **/

.prop2872left {
	float:		left;
	width:		149px;
	height: 	200px;
	vertical-align:	top;
}

.prop2872leftnoheight {
	float:          left;
	width:          149px;
	vertical-align:	top;
}

.prop2872right {
	float:		left;
	width:		383px;
	height:		200px;
	padding-left:	8px;
	vertical-align:	top;
	padding-top:	16px;
}

.prop2872rightnoheight {
	float:		left;
	width:		383px;
	padding-left:	8px;
	vertical-align:	top;
}


/**** For folder lists; these used by output.html.renderer.suitcaserenderer */

.foldlistbox {
	width:		540px;
	height:		28px; 
	padding-top:	4px;
	padding-bottom:	2px;
	vertical-align:	middle;
	/* border-top:	1px solid black;*/
	border-bottom:	1px solid black;
}

.flbl1 { /* The icon */
        width:          30px;
	/*	
        height:         36px;
        padding-left:   10px;
	padding-top:	14px;
	*/
	float:		left;
}

.flbl2 { /* The Textarea */
	float:		left;
	width:		296px;
	/*
	height:		40px;
	padding-top:	10px;
	padding-left:	8px;
	*/
	text-align:	left;
}

.flbl3 { /* Media sheet icon */
	float: 		left;
	width:		40px;
	/*
	padding-top:	10px;
	height:		40px;
	padding-left:	8px;
	*/
}

.flbl4 { /* Icons */
	float:		right;
	padding-top:	10px;
	width:		120px;
	padding-left:	8px;
	text-align:	right;
	/*
	height:		40px;
	*/
}

/*** For bumpers ***/

.bumper {
	width:		540px;
	height:		20px;
	padding-top:	4px;
	margin-top:	4px;
	margin-bottom:	4px;
	vertical-align:	middle;
}

.bumperbordertb {
	width:		536px;
	height:		18px;
	padding:	2px 2px 2px 2px;
	vertical-align:	middle;
	border-top:	1px solid black;
	border-bottom:	1px solid black;
}

.bordertb {
	width:		536px;
	padding:	2px 2px 10px 2px;
	vertical-align:	middle;
	border-top:	1px solid black;
	border-bottom:	1px solid black;
}

.bumperborderbottomtb {
	width:		536px;
	height:		22px;
	padding:	2px 2px 2px 2px;
	vertical-align:	middle;
	border-top:	1px solid black;
	border-bottom:	1px solid black;
}

.bumperbordert {
	width:		540px;
	height:		20px;
	padding-top:	2px;
	margin-top:	2px;
	padding-bottom:	2px;
	margin-bottom:	2px;
	vertical-align:	middle;
	border-top:	1px solid black;
}

.bumperborderb {
	width:		540px;
	height:		20px;
	padding-top:	2px;
	margin-top:	2px;
	padding-bottom:	2px;
	margin-bottom:	2px;
	vertical-align:	middle;
	border-bottom:	1px solid black;
}

/** BUG: Safari need margin-top: -12px on both of these */

.bumperleft {
	float: left;
	width:	200px;
	height:	18px;
	text-align: left;
	/*
	padding-top: 2px;
	*/
}

.bumperright {
	float: 		right;
	width:		336px;
	height: 	18px;
	text-align: right;
	padding-bottom: 5px;
}

/******** For asset download
	* asdtcontainer and asdtc* are for the title bar
	* asdlcontainer is the master body container
	* asdlimgcon, asdllefttext for the left side
	* asdlright is the right container
	*	
	****/

#asdtcontainer {
	margin-left:	210px;
	/*border-top:	1px solid black;*/
	padding-top:	2px;
	width:		540px;
	height:		18px;
	margin-bottom:	8px;
	vertical-align:	middle;
}

.asdtc1 {
	float: left;
	height: 18px;
	width: 300px;
}

.asdtc2 {
	float:	right;
	height:	18px;
	width:	112px;
	margin-top: -3px;
}

.asdtc3 {
	float:	right;
	height:	18px;
	width:	20px;
	vertical-align:	middle;
	margin-top: -3px;
}

#asdlcontainer {
	/*width:	760px;*/
	width:	720px;
	padding-left:	10px;
}

* html #asdlcontainer {
	padding-left:	0px;
}

#asdlleft {
	width:	350px;
	float:	left;
	padding-left:	0px;
}

.asdlimgcon {
	width:	350px;
	float:	left;
	padding-left:	0px;
}

.asdllefttext {
	padding-left:	120px; /*100px;*/
	padding-top:	10px;
	width:	250px;
}

#asdlright {
	/* float: left; */
	/*width:	335px;*/
	float: right;
	width:	280px;
	padding-left:	10px;
	padding-right:	0px;
}

.asdlrightgbox {
	width:	100%;
	padding: 10px;
	background-color: #f0f0f0;
}

.asdlrightgboxba {
	width:	100%;
	padding:10px;
	background-color: #f0f0f0;
	border: 1px solid black;
}

.asdlrightgboxbt {
	width:	100%;
	padding:10px;
	background-color: #f0f0f0;
	border-top:	  1px solid black;
}

.asdlrightgboxbtbb {
	width:	100%;
	padding:10px;
	background-color: #f0f0f0;
	border-top:	  1px solid black;
	border-bottom:	  1px solid black;
}

.asdlrightgboxin {
	height:		20px;
}

/** An alternative, 50/50 layout for the right */

.body2r5050left {
	width:	259px;
	float:	left;
}

.body2r5050right {
	width:	250px;
	float:	left;
	padding-left:	10px;
}

/** And a 30/70 */

.body2r3070left {
	width: 155px;
	float: left;
}

.body2r3070right {
	width:	347px;
	float:	left;
	padding-left:	10px;
}

.bodyl70 {	/* For combining with 5050right whole width */
	width:  470px;
	float:  left;
	padding-right:	10px;
	padding-left:	130px;
}

.fullwidth {
	width:	100%;
	padding:	4px 0px 4px 0px;
}

/** For the right box on asset download */
.adpbox {
	width:		100%;
	padding: 	10px;
	background-color: #f0f0f0;
}

.adpboxbtdot {
	width:		100%;
	padding:	10px;
	background-color: #f0f0f0;
	border-top:	1px dotted black;
}

.adpboxbt {
	width:		100%;
	padding:	10px;
	background-color: #f0f0f0;
	border-top:	1px solid black;
}

.adpboxbtdotbb {
	width:		100%;
	padding:	10px;
	background-color: #f0f0f0;
	border-top:	1px dotted black;
	border-bottom:	1px solid black;
}
	

.fullwidthbt {
	width:		100%;
	padding:	4px 0px 4px 0px;
	border-top: 	1px solid black;
	text-align:	left;
}

.fullwidthbb {
	width:	100%;
	padding:	4px 0px 4px 0px;
	border-bottom:	1px solid black;
	text-align:	left;
}

.fullwidthbtbb {
	width:	100%;
	padding:	4px 0px 4px 0px;
	border-top:	1px solid black;
	border-bottom:	1px solid black;
	text-align:	left;
}

.addpad8 {
	padding:	8px 8px 8px 8px;
}

.addpad10 {
	padding:	10px 10px 10px 10px;
}

/*** Folder renderer ************************************************/

.folderrend {
	width:		100%;
}

.folderrendbordert {
	width:		100%;
	border-top:	1px solid black;
}

.folderrendinleft {
	float:		left;
}

.folderrendicon {
	padding:	4px 8px 0px 0px;
}

.folderrendinleftwidth {
	float:		left;
	width:		345px;
}

.folderrendinms {
	padding-top:	6px;
	float:		right;
	padding-right:	8px;
}

.folderrendinright {
	padding-top:	8px;
	float:		right;
}

.pullup8 {
	margin-top:	-8px;
}

.pulllup16 {
	margin-top:	-16px;
}

.rendqtr {
	float:		left;
	width:		25%;
}

.rendhalf {
	float:		left;
	width:		50%;
}
/** For new folder */

.newfolmaingroup {
	width:			100%;
	background-color:	#f0f0f0;
	border-top:		1px solid black;
	border-bottom:		1px solid black;
}

.newfoltitlerow {
	width:			50%;
	height:			10px;
	padding-top:		4px;
	padding-bottom:		8px;
	vertical-align:		middle;
	padding-left:		128px;	/* .newfolc1 width + pad */
} 

.newfolerrorrow {
	width:			50%;
	margin-left:		128px; /* see .newfoltitlerow */
}

.newfolrow {
	width:			99%;
	height:			20px;
	padding-top:		10px;
	padding-bottom:		6px;
	vertical-align:		middle;
}

.newfolrowbbdot {
	width:			99%;
	height:			20px;
	padding-top:		10px;
	padding-bottom:		6px;
	vertical-align:		middle;
	border-bottom:		1px dotted black;
}

.newfolc1 {
	width:	120px;
	text-align: right;
	float:  left;
	padding-right: 8px;
}

.newfolc2 {
	text-align: left;
	float:	left;
}

.newfolc2short {  /** For IE/MAC */
	text-align: left;
	float:      left;
	width:	    160px;
}

.newfolc2short2 { /** Ditto, for IE/MAC */
	text-align: left;
	float:	    left;
	width:	    190px;
}

.newfolcr {
	text-align: left;
	float: right;
}

.cancelsavediv {
	padding-top:	8px;
	float:		right;
}

.insidesuitimg {
	width:		20px;
	height:		18px;
	padding-right:	8px;
	margin-top:	-2px;
}

/* For the reports */

.reportrow {
	width:		100%;
	height:		50px;
	border-top:	1px solid black;
	padding:	8px 0px 0px 0px;
	clear:		both;
}

.reportrowicon {
	float:		left;
	height:		50px;
	width:		60px;
	padding-right:	8px;
}

.reportrowdata {
	float:		left;
	height:		50px;
	width:		260px;
	padding-right:	8px;
}

.reportrowcount {
	float:		left;
	height:		50px;
	width:		80px;
}

.reportrowbuttons {
	float:		right;
	height:		50px;
}

.reportrowhalf {
	float:		left;
	height:		50px;
	width:		200px;
}

.padabovedouble {
	padding-top:	16px;
}
.paad {
	padding-top:	16px;
}

.padabovesingle {
	padding-top:	8px;
}
.paas {
	padding-top:	8px;
}

#titlebar {
	padding:	8px 0px 8px 8px;
	width:		100%;
	height:		28px;
	vertical-align:	middle;
	background-color: #000000;
	color:		#ffffff;
	font-size:	12px;
	font-weight:	bold;
}

.white-on-black-bar {
	background-color: #000000;
	color:		  #ffffff;
	font-weight:	  bold;
	width:		  100%;
	height:		  18px;
	padding:	  4px 0px 4px 8px;
}

.titlebarleft {
	height:		28px;
	float:		left;
}

.titlebarright {
	padding-top:	7px;
	padding-right:	8px;
	float:		right;
}

#width540 {
	width:		540px;
}

.contactsheetimage {
	float:		left;
	padding:	5px;
	height:		50px;
	width:		50px;
}

.floatleft {
	float:		left;
	height:		100%;
}

.floatleftup {
	float:		left;
	height:		100%;
	margin-top:	-3px;
	margin-bottom:	3px;
}

.floatright {
	float:		right;
	display: inline;
}

/** For Partner Lists */

.partnerlbox {
	width: 		100%;
	height:		20px;
	padding:	0px 0px 0px 8px;
	clear:		both;
}

.partnerl1 {
	width:		70px;
	float:		left;
	height:		100%;
}

.partnerl2 {
	width:		170px;
	float:		left;
	height:		100%;
}

.partnerl3 {
	width:		140px;
	float:		left;
	height:		100%;
}

.partnerl4 {
	width:		60px;
	float:		left;
	height:		100%;
}

.partnerl5 {
	float:		right;
	text-align:	right;
	height:		100%;
}

/** Partner Detail */

#partnerdbox {
	width:		524px;
	height:		180px;	/* I wish I did not need this */
	padding:	8px;
	border-top:	1px solid black;
	/*clear:		both;*/
	background:	#f0f0f0;
}

.partnerd1 {
	width:		150px;
	float:		left;
	margin-right:	8px;
}

.partnerd2 {
	width:		200px;
	float:		left;
}

.partnerd3 {
	width:		150px;
	float:		right;
}

/** Lists of Media Sheets */

.mslistbox {
	width:		524px;	/* body2r - padding */
	height:     100%;
	padding:	8px 0px 8px 7px;
	float:		left;
    border-bottom: 1px dotted black;
	/*clear:	both; */
}

.accesslist1 {
	width:		50px;
	height:     100%;
	float:		left;
	padding-right:	8px;
	margin-top:	1px;
}

.mslist1 {
	width:		40px;
	height:     100%;
	float:		left;
	padding-right:	7px;
	margin-top:	1px;
}

.mslist2 {
	width:		364px;
	height:     100%;
	float:		left;
}

.mslist1thumb {
	width:		100px;
	float:		left;
	padding-right:	8px;
	margin-top:	1px;
}

.mslist2thumb {
	width:		386px;
	float:		left;
}

.mslist3thumb {
	float:		right;
}

.mslist3 {
	height:     100%;
	float:		right;
	text-align:	right;
}

.cmrbox {
	width:		98%;
	float:		left;
	background-color: #f0f0f0;
	border-top:	1px solid black;
	border-bottom:	1px solid black;
	padding:	8px 0px 8px 8px;
	vertical-align:	top;
}

.cmrboxnotop {
	width:		98%;
	float:		left;
	background-color: #f0f0f0;
	border-bottom:	1px solid black;
	padding:	8px 0px 8px 8px;
	vertical-align:	top;
}


.cmrboxleft {
	float:		left;
	width:		100px;
	margin-right:	8px;
}

.cmrbox2 {
	margin-top:	16px;
	width:		408px;
	float:		left;
}

.cmrboxright {
	width: 		100%;
	float:		right;
	padding:	0px;
}

.cmrboxright2 {
	width:		110px;
	float:		right;
	margin-top:	16px;
	padding-left:	8px;
}

.poweredby {
	margin-left: 10px;
}

/** Cover box - used in upload, etc **/

#coverbox {
	position: 	absolute;
	width:		300px;
	height:		200px;
	top:		220px;
	left:		280px;
	border:		10px solid #a0a0a0;
	padding:	18px;
	background-color: #ffffff;
	z-index:	10000;
	/**display:	block;
	visibility:	visible;**/
	display:	none;
	visibility:	hidden;
}

/** New Finder ===================================== **/

.NFToolBox {
	position:		relative;
	width:			540px;
	background-color:	#f0f0f0;
	border-bottom:		1px solid black;
	border-top:		1px solid black;
	padding:		1px 0px 1px 0px;
	margin-top:		4px;
}

#NFArea {
	position:		relative;
	width:			540px;
}

.NFin {
	position:		relative;
	width:			530px;
	height:			18px;
	padding:		0px 5px 0px 5px
}

.NFabove {
	position:		relative;
	width:			540px;
	height:			18px;
	padding:		4px 0px 0px 0px;
}

.NFbelow {
	position: 		relative;
	width:			540px;
	height:			18px;
	padding:		6px 0px 0px 0px;
}

.NFinLeft {
	position:		relative;
	float:			left;
	padding-right:		8px;
	vertical-align:		middle;
}

.NFinRight {
	position:		relative;
	float:			right;
	padding-left:		8px;
	vertical-align:		middle;
}

.NFselect {
	position:		relative;
	font-family: 		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 		10px;
	line-height: 		10px;
	padding: 		1px;
}

/***********************************************************************
 * New Finder Renderers
 * Note that they all have to end up being 540 wide when they are
 * added left to left
 */

.NFRAssetSmall {
	position:		relative;
	width:			166px;
	height:			98px;
	border:			1px solid black;
	float:			left;
	margin:			5px 5px 5px 5px;
}

/********************************************************************
 * shortcuts
 */

.shortcutbox {
	position:	absolute;
	top:		0px;
	left:		0px;
	padding:	0px 0px 8px 0px;
	width:		100px;
	height:		auto;
	border-top:		1px solid black;
	border-left:		1px solid black;
	border-right:		2px solid #707080;
	border-bottom:		2px solid #707080;
	background-color: #f0f0ff;
	display:	none;
	z-index:	100;
}

P.shortcutboxitem {
	display:	block;
	padding:	0px 8px 0px 8px;
	background-color: #f0f0ff;
}

P.shortcutboxitem:hover {
	background-color: #e0e0ff;
}
P.shortcutboxtitle {
	display:	block;
	background-color: #d0d0ff;
	padding:		0px 8px 4px 8px;
	border-bottom:	1px solid #000000;
}

.adleft {
	padding: 10px 0px 0px 10px;
}

/********************************************************************
 * How To manual styles
 */

DIV#HTrightmain {
	position: relative;
	float: left;
	width:	  120px;
	height:   auto;
}

DIV#HTtocquick {
	position:  relative;
	float: left;
	margin-top: 60px;
	margin-right: 18px;
	margin-left: 10px;
	padding:  0px;
	background: #f0f0f0;
	border: 1px solid #909090;
	height: auto;
	width:	  175px;
}

/*
	float: left;
	background-color: #f0f0f0;
	width: 180px;
	border-top: 1px solid #909090;
	border-left: 1px solid #909090;
	border-right: 2px solid #909090;
	border-bottom: 2px solid #909090;
	margin-left: 10px;

*/

DIV#HThead {
	position: relative;
	float: left;
	width:    250px;
	height: 31px;
	padding-top: 0px;
	margin-bottom: 15px;
}

DIV#HTsubhead {
	position: relative;
	float: none;
	width:    542px;
	height: 31px;
	margin-bottom: 25px;
}

DIV#HTmain {
	position: relative;
	margin-right: 18px;
	margin-top: 10px;
	float: left;
	width:	  380px;
	height: auto;
}

DIV#HTtop {
	position: relative;
	float: left;
	width:	 540px;
	height: auto;
}

div#Htyellowbox {
	position: relative;
	float: left;
	width:	  521px;
	padding:  8px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background: #f7d514;
	height: 70px;
}

div#qtpadding {
	padding: 4px;
}

.quicktips {
	/*color: #0396c0;*/
	color: #0376a0;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
}

.toc {
	font-size: 12px;
	color: #333333;
	font-weight: bold;
}

a.sidelink:link, a.sidelink:visited, a.sidelink:active {
	font-family:  verdana,helvetica,arial,geneva,sans-serif;
	background-color: #f0f0f0;
	padding: 2px;
	color: #666666;
	border-top: 1px solid #909090;
	border-bottom: 1px solid #909090;
	width: 171px;
	display: block;
	font-size: 9pt;
	text-decoration: none;
}
	

a.sidelinkon:link, a.sidelinkon:visited, a.sidelinkon:active {
	font-family:  verdana,helvetica,arial,geneva,sans-serif;
	background-color: #3f556a;
	padding: 2px;
	color: #FFFFFF;
	border-top: 1px solid #909090;
	border-bottom: 1px solid #909090;
	width: 171px;
	display: block;
	font-size: 9pt;
	text-decoration: none;
	
}

a.sidelinkact:link, a.sidelinkact:visited, a.sidelinkact:active {
	background-color: #7394c0;
	padding: 2px;
	color: #FFFFFF;
	border-top: 1px solid #909090;
	border-bottom: 1px solid #909090;
	width: 171px;
	display: block;
	font-size: 9pt;
	text-decoration: none;
}

a.sidelinkoff:link, a.sidelinkoff:visited, a.sidelinkoff:active {
	background-color: #f0f0f0;
	padding: 2px;
	color: #666666;
	border-top: 1px solid #909090;
	border-bottom: 1px solid #909090;
	width: 171px;
	display: block;
	font-size: 9pt;
	text-decoration: none;
	display: none;
}

a.sidelinksub:link, a.sidelinksub:visited, a.sidelinksub:active {
	font-family:  verdana,helvetica,arial,geneva,sans-serif;
	background-color: #cddaec;
	padding: 2px;
	color: #666666;
	border-top: 1px solid #909090;
	border-bottom: 1px solid #909090;
	width: 171px;
	display: block;
	font-size: 9pt;
	text-decoration: none;
}

a.sidelinksub:hover {
	font-size: 9pt;
	text-decoration: none;
	background-color: #7394c0;
	color: #000000;
	position: relative;
}

a.sidelink:hover {
	font-size: 9pt;
	text-decoration: none;
	background-color: #e8e8e8;
	color: #000000;
	position: relative;
}

div#htcat {
	padding-top: 5px;
}


.rulet {
	float: left;
	width:		100%;
	padding-bottom:	5px;
}

.ruleb {
	float: left;
	width:		100%;
	border-bottom:	1px solid black;
	padding-top:	4px;
	height:		1px;
}

div#HTbody {
	position: relative;
	float: left;
	width: 540px;
	height: auto;
}

.ht-grey {
	color:	#606060;
	font-weight:	bold;
}

.ht3rdsub {
	font-size: 8.5pt;
	color: #306e83;
	font-weight: bold;
}

li.help {
	margin-left: 10px
}

div#dash {
	border-bottom: 1px dotted black;
}

div#dashl {
	border-bottom: 1px dotted black;
	width: 525px;
}

DIV#contactpage {
	position:  relative;
	float: left;
	margin-top: 60px;
	margin-right: 18px;
	margin-left: 10px;
	padding:  0px;
	background: #f0f0f0;
	border: 1px solid #909090;
	height: auto;
	width:	 175px;
}

DIV#misc {
	position:  relative;
	float: left;
	margin-top: 60px;
	background: #f0f0f0;
	border: 1px solid #909090;
	height: auto;
	width:	 175px;
}


DIV#CONmain {
	position: relative;
	margin-right: 18px;
	margin-top: 10px;
	float: left;
	width:	  450px;
	height: auto;
}

/** Title text on homepage **/
.titletxt {
	font-size: 1em;
	font-weight: bold;
	color: #444976;

}

img.rslt {
	margin: 0;
	padding: 0;
}

ul.rslt {
	color: #3a3a3a;
	font-size: 10pt;
	list-style-type: none;
	padding: 0;
        padding-top: .25em;
        padding-left: .75em;
        margin: 0;
	width: 165px;
}

li.rslt {
	background-image: url('http://www.cleanpix.com/cleanpix/images/redot.png');
	background-repeat: no-repeat;
	background-position: 0 .5em;
	padding-left: 1.25em;
	padding-bottom: .25em;
	line-height: 11pt;
	font-family:  	verdana,helvetica,arial,geneva,sans-serif;
	font-size: 	10px;
}