/** CleanPix Cascading Style Sheet for STRICT pages
  * The mainline CleanPix software cannot use this sheet.
  * It is intended for newer Servlet/JSP combinations
  * 8-June-2006
  */

/*************** STRUCTURE TAGS *********************/
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;
}

body {
        font-family:  verdana,helvetica,arial,geneva,sans-serif;
        font-size: 10px;
        line-height: 14px;
}

P,BR,LI {
	margin-top:	0px;
	margin-bottom:	0px;
}

BR.clearall {
	clear: both;
	line-height: 0;
	display: block;
}

EM {
		font-weight:	bold;
		font-style:		normal;
		color:			#404040;
}

LI {
        font-family:    verdana,helvetica,arial,geneva,sans-serif;
        font-size:      10px;
        line-height:    14px;
}

TABLE {
	display: inline-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 0px;
}



IMG {
        padding: 0;
        border: 0;
}


H1,H2,H3,H4 {
	padding:	16px 0px 8px 0px;
	margin:		0px 0px 0px 0px;
}

H1 {
        font-size: 22px;
        line-height: 26px;
}

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

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

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

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

FORM {
        display: inline;
}

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

/*************** SPACING ***************************/

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

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

.nopadding,.nopad {
	padding: 0px;
	margin:  0px;
}

/*************** COLOUR TAGS ***********************/

.col-blue {
        color: #0376a0;
        font-weight: bold;
}

.col-black {
        color: #000000;
        font-weight: bold;
}

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

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

.col-red {
        color: red;
}

.error {
		color: red;
}

/******************** BORDERS  ************************/

.bordertop, .bt {
	border-top: 1px solid #000000;
}

.bordertopdot, .btdot {
	border-top: 1px dotted #000000;
}

.borderbottom, .bb {
	border-bottom: 1px solid #000000;
}

.borderbottomdot, .bbdot {
	border-bottom: 1px dotted #000000;
}


/******************** STYLING *************************/

H1.header {
}

/******************* FORMS *****************************/


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

/***************** STANDARD LAYOUT ***********************/

IMG.header {
	padding:	0px 0px 8px 0px;
	margin:     0px;
}

IMG.subhead {
	padding:	6px 0px 6px 0px;
	margin:		0px;
}



#mainwrapper {
        position: relative; 
        top: -8px;
        width: 750px;
		margin: 0px auto 0px auto;
		z-index: 1;
}

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

#head1right {
	padding:	13px 0px;
	float:		right;
}

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

#body1 {
        position: relative;
        float: left;
        padding: 0px;
        margin: 0px;
        width: 750px;
		clear:  both;
}

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

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

#body2 {
        margin: 0px;
        padding: 0px;
        width: 750px;
		clear:  both;
}

#body2r {
        float: right;
        width: 540px;
        padding: 0px;
        margin:  0px;
}

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

#footer {
	font-family: arial, helvetica, sans-serif;
    font-size: 9px;
    line-height: 12px;
	position: relative;
	float:    left;
	
	width: 750px;
	padding-top: 2px;
	border-top: 1px solid #c0c0c0;
	margin-top: 24px;
}

/** Tabs **/

#cptabrowc {
	width:		540px;
	height:		24px;
	border:		0px;
	padding:	0px;
	margin:		0px;
}

.cptabtab {
	width:		108px;
	height:		18px;
	border:		0px;
	float:		left;
	padding:	0px;
	margin:		0px;
}

.cptabrow1 {
	position:   relative;
	float:		left;
	padding:	0px;
	margin:		0px;
	border:		0px;
	height:		18px;
	width:		540px;
}

.cptabrow2 {
	position:   relative;
	float:      left;
	padding:	0px;
	margin:		0px;
	border:		0px;
	height:		6px;
	width:		540px;
	margin-top:	-5px;
}

/** 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 */

/** Boxes for left side (body2l) **/

#greyboxleft {
	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;
}

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

#greyboxleftin {
	padding: 10px 10px 10px 10px;
	width: 160px;
}

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

/** FORMS **/

DIV.formtable, DIV.formtablenobt {
	width: 540px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background: #f0f0f0;
	padding: 0px;
	margin: 0px 0px 8px 0px;
}

DIV.dormtablenobt {
	border-top: none;
}

TABLE.formtable {
	border: none;
	border-collapse: collapse;
	background: #f0f0f0;
	width: 540px;
}

TABLE.formtable TD {
	vertical-align: top;
	padding: 4px 0px 4px 0px;
	background: #f0f0f0;
}

TABLE.formtable TD.label {
	width: 152px;
	text-align: right;
	background: #f0f0f0;
	padding-right: 8px;
}

TABLE.formtable TD.field {
	text-align: left;
	background: #f0f0f0;
}

TABLE.formtable TD.right {
	text-align: right;
	background: #f0f0f0;
}

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