.shadeBlue {
	BACKGROUND-COLOR: #ccddff
}
.shadeBlueLt {
	BACKGROUND-COLOR: #ddeeff
}
.borderBlue {
	BORDER-RIGHT: #3399ff 1px solid; BORDER-TOP: #3399ff 1px solid; BORDER-LEFT: #3399ff 1px solid; BORDER-BOTTOM: #3399ff 1px solid
}
.borderBlueTopLeft {
	BACKGROUND-IMAGE: url(/JPEG/Boxes/blue_top_left9px.gif); WIDTH: 25px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 9px
}
.borderBlueTopRight {
	BACKGROUND-IMAGE: url(/JPEG/Boxes/blue_top_right9px.gif); WIDTH: 25px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 9px
}
.borderBlueBotLeft {
	BACKGROUND-IMAGE: url(/JPEG/Boxes/blue_bot_left9px.gif); WIDTH: 25px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 9px
}
.borderBlueBotRight {
	BACKGROUND-IMAGE: url(/JPEG/Boxes/blue_bot_right9px.gif); WIDTH: 25px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 9px
}
.borderBlueTop {
	BORDER-TOP: #3399ff 1px solid; FONT-SIZE: 7px
}
.borderBlueLeft {
	BORDER-LEFT: #3399ff 1px solid
}
.borderBlueRight {
	BORDER-RIGHT: #3399ff 1px solid
}
.borderBlueMid {
	BORDER-RIGHT: #3399ff 1px solid; BORDER-LEFT: #3399ff 1px solid
}
.borderBlueMidBot {
	BORDER-RIGHT: #3399ff 1px solid; BORDER-LEFT: #3399ff 1px solid; BORDER-BOTTOM: #3399ff 1px solid
}
.borderBlueBot {
	FONT-SIZE: 7px; BORDER-BOTTOM: #3399ff 1px solid
}
.borderBlueTopBar {
	BORDER-TOP: #3399ff 1px solid
}
.borderBlueBotBar {
	BORDER-BOTTOM: #3399ff 1px solid
}
.shadeRed {
	BACKGROUND-COLOR: #ffccbb
}
.shadeRedLt {
	BACKGROUND-COLOR: #ffe0df
}
.borderRed {
	BORDER-RIGHT: #df8e1e 1px solid; BORDER-TOP: #df8e1e 1px solid; BORDER-LEFT: #df8e1e 1px solid; BORDER-BOTTOM: #df8e1e 1px solid
}
.borderRedTopLeft {
	BACKGROUND-IMAGE: url(/JPEG/Boxes/red_top_left9px.gif); WIDTH: 25px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 9px
}
.borderRedTopRight {
	BACKGROUND-IMAGE: url(/JPEG/Boxes/red_top_right9px.gif); WIDTH: 25px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 9px
}
.borderRedBotLeft {
	BACKGROUND-IMAGE: url(/JPEG/Boxes/red_bot_left9px.gif); WIDTH: 25px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 9px
}
.borderRedBotRight {
	BACKGROUND-IMAGE: url(/JPEG/Boxes/red_bot_right9px.gif); WIDTH: 25px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 9px
}
.borderRedTop {
	BORDER-TOP: #df8e1e 1px solid; FONT-SIZE: 7px
}
.borderRedLeft {
	BORDER-LEFT: #df8e1e 1px solid
}
.borderRedRight {
	BORDER-RIGHT: #df8e1e 1px solid
}
.borderRedMid {
	BORDER-RIGHT: #df8e1e 1px solid; BORDER-LEFT: #df8e1e 1px solid
}
.borderRedMidBot {
	BORDER-RIGHT: #df8e1e 1px solid; BORDER-LEFT: #df8e1e 1px solid; BORDER-BOTTOM: #df8e1e 1px solid
}
.borderRedBot {
	FONT-SIZE: 7px; BORDER-BOTTOM: #df8e1e 1px solid
}
.borderRedTopBar {
	BORDER-TOP: #df8e1e 1px solid
}
.borderRedBotBar {
	BORDER-BOTTOM: #df8e1e 1px solid
}
.shadeGreen {
	BACKGROUND-COLOR: #cceeaa
}
.shadeGreenLt {
	BACKGROUND-COLOR: #dfffcc
}
.shadeGreenLt2 {
	BACKGROUND-COLOR: #dcf0aa
}
.borderGreen {
	BORDER-RIGHT: #8dba85 1px solid; BORDER-TOP: #8dba85 1px solid; BORDER-LEFT: #8dba85 1px solid; BORDER-BOTTOM: #8dba85 1px solid
}
.borderGreenTopLeft {
	BACKGROUND-IMAGE: url(/JPEG/Boxes/green_top_left9px.gif); WIDTH: 25px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 9px
}
.borderGreenTopRight {
	BACKGROUND-IMAGE: url(/JPEG/Boxes/green_top_right9px.gif); WIDTH: 25px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 9px
}
.borderGreenBotLeft {
	BACKGROUND-IMAGE: url(/JPEG/Boxes/green_bot_left9px.gif); WIDTH: 25px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 9px
}
.borderGreenBotRight {
	BACKGROUND-IMAGE: url(/JPEG/Boxes/green_bot_right9px.gif); WIDTH: 25px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 9px
}
.borderGreenTop {
	BORDER-TOP: #8dba85 1px solid; FONT-SIZE: 7px
}
.borderGreenLeft {
	BORDER-LEFT: #8dba85 1px solid
}
.borderGreenRight {
	BORDER-RIGHT: #8dba85 1px solid
}
.borderGreenMid {
	BORDER-RIGHT: #8dba85 1px solid; BORDER-LEFT: #8dba85 1px solid
}
.borderGreenMidBot {
	BORDER-RIGHT: #8dba85 1px solid; BORDER-LEFT: #8dba85 1px solid; BORDER-BOTTOM: #8dba85 1px solid
}
.borderGreenBot {
	FONT-SIZE: 7px; BORDER-BOTTOM: #8dba85 1px solid
}
.borderGreenTopBar {
	BORDER-TOP: #8dba85 1px solid
}
.borderGreenBotBar {
	BORDER-BOTTOM: #8dba85 1px solid
}
.shadeOrng {
	BACKGROUND-COLOR: #ffd090
}
.shadeOrngLt {
	BACKGROUND-COLOR: #ffefbf
}
.borderOrng {
	BORDER-RIGHT: #df8e1e 1px solid; BORDER-TOP: #df8e1e 1px solid; BORDER-LEFT: #df8e1e 1px solid; BORDER-BOTTOM: #df8e1e 1px solid
}
.borderOrngTopLeft {
	BACKGROUND-IMAGE: url(/JPEG/Boxes/orange_top_left9px.gif); WIDTH: 25px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 9px
}
.borderOrngTopRight {
	BACKGROUND-IMAGE: url(/JPEG/Boxes/orange_top_right9px.gif); WIDTH: 25px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 9px
}
.borderOrngBotLeft {
	BACKGROUND-IMAGE: url(/JPEG/Boxes/orange_bot_left9px.gif); WIDTH: 25px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 9px
}
.borderOrngBotRight {
	BACKGROUND-IMAGE: url(/JPEG/Boxes/orange_bot_right9px.gif); WIDTH: 25px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 9px
}
.borderOrngTop {
	BORDER-TOP: #df8e1e 1px solid; FONT-SIZE: 7px
}
.borderOrngLeft {
	BORDER-LEFT: #df8e1e 1px solid
}
.borderOrngRight {
	BORDER-RIGHT: #df8e1e 1px solid
}
.borderOrngMid {
	BORDER-RIGHT: #df8e1e 1px solid; BORDER-LEFT: #df8e1e 1px solid
}
.borderOrngMidBot {
	BORDER-RIGHT: #df8e1e 1px solid; BORDER-LEFT: #df8e1e 1px solid; BORDER-BOTTOM: #df8e1e 1px solid
}
.borderOrngBot {
	FONT-SIZE: 7px; BORDER-BOTTOM: #df8e1e 1px solid
}
.borderOrngTopBar {
	BORDER-TOP: #df8e1e 1px solid
}
.borderOrngBotBar {
	BORDER-BOTTOM: #df8e1e 1px solid
}
.shadeBlack {
	BACKGROUND-COLOR: #000000
}
.borderBlack {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid
}
.borderBlackTopLeft {
	BACKGROUND-IMAGE: url(/JPEG/Boxes/black_top_left9px.gif); WIDTH: 25px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 9px
}
.borderBlackTopRight {
	BACKGROUND-IMAGE: url(/JPEG/Boxes/black_top_right9px.gif); WIDTH: 25px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 9px
}
.borderBlackBotLeft {
	BACKGROUND-IMAGE: url(/JPEG/Boxes/black_bot_left9px.gif); WIDTH: 25px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 9px
}
.borderBlackBotRight {
	BACKGROUND-IMAGE: url(/JPEG/Boxes/black_bot_right9px.gif); WIDTH: 25px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 9px
}
.borderBlackTop {
	BORDER-TOP: #000000 1px solid; FONT-SIZE: 7px
}
.borderBlackLeft {
	BORDER-LEFT: #000000 1px solid
}
.borderBlackRight {
	BORDER-RIGHT: #000000 1px solid
}
.borderBlackMid {
	BORDER-RIGHT: #000000 1px solid; BORDER-LEFT: #000000 1px solid
}
.borderBlackMidBot {
	BORDER-RIGHT: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid
}
.borderBlackBot {
	FONT-SIZE: 7px; BORDER-BOTTOM: #000000 1px solid
}
.borderBlackTopBar {
	BORDER-TOP: #000000 1px solid
}
.borderBlackBotBar {
	BORDER-BOTTOM: #000000 1px solid
}
.shadeYellow {
	BACKGROUND-COLOR: #ffff00
}
.shadeYellowLt {
	BACKGROUND-COLOR: #ffff98
}
.borderYellow {
	BORDER-RIGHT: #ffff00 1px solid; BORDER-TOP: #ffff00 1px solid; BORDER-LEFT: #ffff00 1px solid; BORDER-BOTTOM: #ffff00 1px solid
}


p, h1, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
.myform{
	margin:0 auto;
	width:400px;
	padding:14px;
}
	/* ----------- basic ----------- */
	#basic{
		border:solid 2px #DEDEDE;
	}
	#basic h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#basic p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #dedede;
		padding-bottom:10px;
	}
	#basic label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	#basic .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#basic input{
		float:left;
		width:200px;
		margin:2px 0 30px 10px;
	}
	#basic button{ 
		clear:both;
		margin-left:150px;
		background:#888888;
		color:#FFFFFF;
		border:solid 1px #666666;
		font-size:11px;
		font-weight:bold;
		padding:4px 6px;
	}


	/* ----------- stylized ----------- */
	#stylized{
		border:solid 2px #b7ddf2;
		background:#ebf4fb;
	}
	#stylized h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#stylized p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #b7ddf2;
		padding-bottom:10px;
	}
	#stylized label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	#stylized .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#stylized input{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}
	#stylized button{ 
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		background:#666666 url(img/button.png) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
	}


