.agreement div {
		overflow-y:scroll;
		height:200px;
		padding:10px;

		border:1px solid #d8d8d8;
		color:#666;
		font-size:11px;
		line-height:18px;
		}
		div.agreement div span {
			display:block;
			font-weight:bold;
		}
.agreementForm {text-align:center;}
.agreementForm form img {vertical-align: middle; }
.agreebuttons {margin:10pt;}

dl { margin:5px 5px 5px 15px; clear:both; background-color:#eeeeee;}
dt { width:110px; padding-left:8px; border-left:8px solid #9cc; float:left; margin-top:3px;}
dd { padding-top:2px; float:left;}
dd div {float:left; margin-right:10px;}
.sdt {border-left:0px; width:100px; padding-left:15px; background:url(../images/arrow_state_grey_right.png) 0px 0px no-repeat;}

dd input[type=text], input[type=password] {
	background-image:url(../images/inputbg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	border:1px solid #b5b8c8;
	border-bottom:1px solid #eeeeee;
	font-family: ±¼¸²Ã¼, Verdana;
	font-size:9pt;
	line-height:18px;	
	height:18px;
}

form fieldset {margin:10px 20px 5px 20px; padding-bottom:5px; }
form fieldset legend {margin:0 0 0 10px; padding:0 5px; font-weight:bold;}

div fieldset {margin:10px 20px 5px 20px; padding-bottom:5px; }
div fieldset legend {margin:0 0 0 10px; padding:0 5px; font-weight:bold;}

.bgOrange{background-color:#F06B32;color:#FFFFFF;}
.productField {border:1px solid #F06B32; background-color:#efffef;}
.projectField {background-color:#E7F7FF;}
.memberField { background-color:#f7f7f7;}
.salesField {background-color:#FFF7EF;}
.uidField {border:1px solid #0274b6; margin:0 10px 10px 10px;}
.detail {background-color:yellow;}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.button{
display: block;
float: left;
font: 12px ±¼¸²Ã¼; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a.button span{
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.button.blue{background: transparent url('../images/oval-blue-left.gif') no-repeat top left;}
a.button.blue span{background: transparent url('../images/oval-blue-right.gif') no-repeat top right;}

a.button.gray{background: transparent url('../images/oval-gray-left.gif') no-repeat top left;}
a.button.gray span{background: transparent url('../images/oval-gray-right.gif') no-repeat top right;}

a.button.green{background: transparent url('../images/oval-green-left.gif') no-repeat top left;}
a.button.green span{background: transparent url('../images/oval-green-right.gif') no-repeat top right;}

a.button.red{background: transparent url('../images/oval-red-left.gif') no-repeat top left;}
a.button.red span{background: transparent url('../images/oval-red-right.gif') no-repeat top right;}

a.button.orange{background: transparent url('../images/oval-orange-left.gif') no-repeat top left;}
a.button.orange span{background: transparent url('../images/oval-orange-right.gif') no-repeat top right;}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}
a.button:hover{ /* Hover state CSS */
background-position: bottom left;
}
a.button:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
}
.linkbutton{border:0;background:#fff;cursor:pointer;font-family:±¼¸²Ã¼; font-size:12px;}