/* ---------------------------------------------------------------- */
/*                                                                  */
/*  Common Styles                                                   */
/*                                                                  */
/* ---------------------------------------------------------------- */

html {
}

body {
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	background-color: #ffffff;
	color: #000000;
	word-wrap: break-word;
}

table, input, select, textarea {
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
}

hr {
	color: #cccccc;
	height: 1px;
	border: none;
	border-top: 1px solid #cccccc;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 1.0em 0;
}

h1 {
	font-size: 17px;
}

h2 {
	font-size: 15px;
}

h3 {
	font-size: 13px;
}

h4 {
	font-size: 11px;
}

h5 {
	font-size: 10px;
}

h6 {
	font-size: 9px;
}

form {
	margin: 0;
}


label {
}

.Print {
	display: none;
}

img.Top {
	vertical-align: top;
}

img.Middle {
	vertical-align: middle;
}

h2.Title {
	text-align: center;
}

.Help {
	background-color: #ffffcc;
	border: 1px solid #999966;
	padding: 2px;
}

img.HelpLink {

	margin-right: 2px;
	margin-left: 2px;
	vertical-align: top; 
	cursor: hand;

}

div.UC {
	text-align: center;
}

a {
	color: #0000cc;
	text-decoration: underline;
}

a:hover {
	color: #ff007f;
	text-decoration: underline;
}

.Pointer {
	cursor: pointer;
}

.DisplayBlock {
	display: block;
}

.DisplayNone {
	display: none;
}

.Show {
	display: block;
}

.Hide {
	display: none;
}

.Alert {
	color: red;
	font-family: bold;
}

.Success {
	color: green;
	font-family: bold;
}

.tal {
	text-align: left;
}
.tac {
	text-align: center;
}
.tar {
	text-align: right;
}

/* - LAYOUT ------------------------------------------------------- */

.Page {
	width: 100%;
	height: 100%;
	background-color: #ffffff;
}

.Dialog {
	background-color: buttonface;
}

.Body {
	width: 100%;
	height: 100%;
}

.AreaTop {
	width: 100%;
	vertical-align: middle;
}

.AreaMiddle {
}

.AreaBottom {
	height: 25px;
}

.AreaLeft {
	width: 126px;
	vertical-align: top;
	padding: 10px;
}

.AreaContents {
	vertical-align: top;
}

.AreaRight {
	width: 126px;
	vertical-align: top;
	padding: 10px;
}


/* - ARTICLES ----------------------------------------------------- */

.Heading1 {
	font-size: 11px;
	color: #666666;
}

.Heading2 {
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}

.TextNormal {
	color: #000000;
}

.TextBold {
	font-weight: bold;
	color: #666666;
}

/* - FORM --------------------------------------------------------- */


.Label {
	display: block;
	margin-top: 5px;
}

.Input {
}


.InputZoom {
	width: 98%;
}


.TextArea {
}

.TextAreaZoom {
	width: 98%;
}

.Select {
}

.SelectZoom {
	width: 98%;
}


/* - LOGIN -------------------------------------------------------- */

.LoginBox {
	text-align: right;
}

.LoginText1 {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

.LoginText2 {
	font-size: 11px;
	font-weight: bold;
	color: #006633;
}

.LoginLabel {
	font-size: 11px;
	font-weight: bold;
	color: #006633;
}

.LoginInput {
	border: 1px solid #cccccc;
	font-size: 11px;
	width: 100px;
}

.LoginButton {
	border: 1px solid #666666;
	background-color: #ccddee;
	font-size: 11px;
	width: 80px;
}

/* - MENU --------------------------------------------------------- */


.MenuBoxItem1 {
	background-color: #eeeeee; padding: 3px;
}

.MenuBoxItem2 {
	background-color: transparent; padding: 3px;
}

.MenuBoxItem3 {
	background-color: #eeeeee; padding: 3px;
}

.MenuBoxItem4 {
	background-color: transparent; padding: 3px;
}

/* - TOOLBAR ------------------------------------------------------ */


div.Toolbar {
	padding: 5px;
}

.ToolbarIcon {
	padding: 1px;
	width: 22px;
	height: 22px;
}

.ToolbarOver {
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	width: 22px;
	height: 22px;
}

.ToolbarDown {
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	padding: 1px;
	overflow: hidden;
	width: 22px;
	height: 22px;
}

/* - LISTS -------------------------------------------------------- */

.ListHead {
	padding-top: 2px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 2px;
	background-color: buttonface;
	border-top: 1px solid buttonhighlight;
	border-left: 1px solid buttonhighlight;
	border-right: 1px solid buttonshadow;
	border-bottom: 1px solid buttonshadow;
}

.ListBack {
	background-color: buttonface;
	border-bottom: 1px solid buttonshadow;
}

.ListBorder {
	border: 1px solid #666666;
}

.ListData {
	padding: 2px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.ListDataC {
	padding: 2px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	text-align: center;
}

.ListDataR {
	padding: 2px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	text-align: right;
}



/* - CALENDAR ----------------------------------------------------- */


.CalBorder {
	border: 1px solid #666666;
}


.CalDayTitle {
	background-color: #eeeeee;
	color: #666666;	
	font-weight: bold;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	text-align: center;
	padding: 5px;
}

.CalDayHead {
	background-color: #eeeeee;
	color: #000000;	
	padding: 3px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	text-align: center;
}

.CalDayBack {
	background-color: #ffffee;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ccccbb;
	cursor: pointer; 
	height: 100%;
	padding: 1px;
}

.CalDayData {
	background-color: #ffffff;
	vertical-align: top;
	border: 1px solid #0000cc;
	cursor: pointer; 
	padding: 2px;
}

.CalDayEventTime {
}

.CalDayEventTitle {
	font-weight: bold;
}

.CalDayEventDescription {
}



.CalMonthHead {
	background-color: #eeeeee;
	color: #666666;	
	font-weight: bold;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding: 2px;
}

.CalMonthBlank {
	background-color: #eeeeee;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding: 0px;
}

.CalMonthNormal {
	background-color: #ffffff;
	color: #000000;	
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding: 0px;
}

.CalMonthToday {
	background-color: #f7f7ff;
	color: #000000;	
	border-top: 1px solid #0000cc;
	border-left: 1px solid #0000cc;
	border-right: 2px solid #0000cc;
	border-bottom: 2px solid #0000cc;
	padding: 0px;
}

.CalMonthDay {
	cursor: pointer; 
	background-color: #eeeecc; 
	color: #666633; 
	border-bottom: 1px solid #999966; 
	font-weight: bold; 
	padding: 1px;
}

.CalMonthDayOver {
	cursor: pointer; 
	background-color: #ddddbb; 
	color: #666633;
	border-bottom: 1px solid #999966; 
	font-weight: bold; 
	padding: 1px;
}

.CalMonthEvent {
	padding: 1px;
	cursor: pointer;
}

.CalMonthEventOver {
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	cursor: pointer;
}

/* - WIZARD ------------------------------------------------------- */


.WizBody {
	width: 614px;
	height: 468px;
	overflow: hidden;
	border: 1px solid #cccccc;
}

.WizTop {
	width: 614px;
	height: 70px;
	overflow: hidden;
	background-color: #ffffff;
	border-bottom: 1px solid #666666;
	position: relative;
}

.WizTopTitle {
	padding-top: 10px;
	margin-left: 10px;
	font-weight: bold;
}

.WizTopDescription {
	margin-top: 10px;
	margin-left: 20px;
}

.WizTopIcon {
	position: absolute;
	top: 10px;
	left: 554px;
	width: 50px;
	height: 50px;
	border: 1px solid #666666;
}

.WizContents {
	margin: 15px;
}

.WizDescription {
	margin-top: 5px;
	margin-left: 10px;
}

.WizMain {
	width: 614px;
	height: 322px;
	overflow: hidden;
	background-color: buttonface;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #666666;
	position: relative;
}

.WizHelp {
	position: absolute;
	top: 15px;
	left: 405px;
	width: 175px;
	background-color: #ffffcc;
	border: 1px solid #999966;
	padding: 10px;
}

.WizPicture {
	position: absolute;
	top: 170px;
	left: 440px;
	width: 126px;
	height: 126px;
	border: 1px solid #666666;
}

.WizBottom {
	width: 614px;
	height: 50px;
	overflow: hidden;
	background-color: buttonface;
	border-top: 1px solid #ffffff;
	text-align: right;
	position: relative;
	clear: both;
}

.WizLeft {
	width: 145px;
	height: 395px;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	background-image: url("/images/wizback.jpg");
	overflow: hidden;
	float: left;
}

.WizInfo {
	width: 468px;
	height: 395px;
	background-color: #ffffff;
	border-bottom: 1px solid #666666;
	overflow: hidden;
	float: left;
}

.WizInfoTitle {
	font-size: 17px;
	font-weight: bold;
	margin-top: 20px;
	margin-left: 15px;
}

.WizInfoContents {
	margin-top: 10px;
	margin-left: 25px;
	margin-right: 25px;
}

.WizField {
	margin-left: 10px;
}

.WizFieldBox {
	margin-top: 2px;
}


.WizFieldLabel {
	margin-left: 5px;
	width: 85px;
	display: block;
	float: left;
}

.WizLabel {
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 5px;
}

.WizImage {
	margin-top: 10px;
	margin-left: 10px;
	border: 1px solid #666666;
}

.WizButton {
	margin-top: 14px;
	margin-right: 10px;
	width: 96px;
	float: right;
}

.WizBox {
	background-color: #ffffff;
	width: 350px;
	height: 250px;
	overflow: auto;
	border: 1px solid #cccccc;
}

.MsgBoxMain {
	background-color: #ffffff;
	border-bottom: 1px solid #666666;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 250px;
	height: 150px;
	text-align: center;
	padding: 10px;
}

.MsgBoxBottom {
	background-color: buttonface;
	border-top: 1px solid #ffffff;
	position: absolute;
	top: 150px;
	left: 0px;
	width: 250px;
	height: 50px;
	overflow: hidden;
	text-align: center;
}

.MsgBoxButton {
	margin-top: 14px;
	margin-right: 10px;
	width: 96px;
}

.ProgramHeading {
	background-image: url("/images/title.jpg");
	background-repeat: repeat-y;
	border-bottom: 1px solid #cccc99;
	font-weight: bold;
	font-size: 16px;
	padding: 10px;
}

.ProgramDetail {
	padding: 10px;
}

.ProgramLabel {
	color: #ff007f;
}

.ProgramTitle {

}

.ProgramToolbar {
	float: right;
}

.ProgramButton {
	margin-top: 14px;
	margin-right: 10px;
	float: right;
}

.ProgramDescription {

}

.ProgramMain {
	padding: 0px;
}


.WorkoutHeading {
	background-image: url("/images/title.jpg");
	background-repeat: repeat-y;
	border-bottom: 1px solid #cccc99;
	font-weight: bold;
	padding: 10px;
}

.WorkoutDetail {
	padding: 10px;
}

div.WorkoutNotes {
	padding: 10px;
}

td.WorkoutNotes {
	height: 25px;
	border-bottom: 1px solid #000000;
}

.WorkoutLabel {
	color: #ff007f;
}

.WorkoutTitle {

}

.WorkoutDescription {

}

.WorkoutMain {
	padding: 10px;
}

.Exercise1 {
	border: 1px solid #000000;
	padding: 5px;
	text-align: left;
}

.Exercise2 {
	border: 1px solid #000000;
	padding: 5px;
	text-align: center;
}

.Exercise3 {
	border: 1px solid #000000;
	padding: 5px;
	text-align: center;
}

.Exercise4 {
	color: #7b8116;
	border: 1px solid #000000;
	padding: 5px;
	text-align: left;
}

.ExerciseDesc p {
	margin-top: 5px;
}

.ExLog1 {
	background-image: url("/images/title.jpg");
	border: 1px solid #000000;
	padding: 5px;
	text-align: left;
}

.ExLog2 {
	background-color: #ffffff;
	border: 1px solid #000000;
	padding: 5px;
	text-align: center;
}

.ExLog3 {
	background-color: #ffffff;
	border: 1px solid #000000;
	padding: 5px;
	text-align: center;
}

.ExLog4 {
	background-color: #ffffff;
	color: #7b8116;
	border: 1px solid #000000;
	padding: 5px;
	text-align: left;
}

span.Location {
	vertical-align: top;
}

div.Browse {
	border-top: 1px solid buttonface;
	border-left: 1px solid buttonface;
	width: 446px;
	height: 500px;
	overflow: auto;
}

table.Browse {
	width: 428px;
	background-color: #ffffff;
	cursor: default;
}

table.Browse td span {
	color: #0000cc;
}

table.Browse thead th {
	background-color: buttonface;
	border-top: 1px solid buttonhighlight;
	border-left: 1px solid buttonhighlight;
	border-right: 1px solid buttonshadow;
	border-bottom: 1px solid buttonshadow;
	font-weight: normal;
	padding: 1px 3px 1px 3px;
}

td.Item {
	border: none;
	width: 100px;
	height: 96px;
	padding: 3px;
	text-align: center;
	vertical-align: top;
	color: #000000;	
}

td.Selected {
	border: 1px solid #0000cc;
	width: 100px;
	height: 94px;
	padding: 2px;
	background-color: #f0f0ff;
	text-align: center;
	vertical-align: top;
	color: #000000;	
}

tr.Item td {
	border: none;
	padding: 1px 3px 1px 3px;
	color: #000000;	
}

tr.Selected td {
	background-color: #0000cc;
	border: none;
	padding: 1px 3px 1px 3px;
	color: #ffffff;	
}


div.QNavBar {
	position: relative;
	background-color: #aeb622;
	cursor: default;
	color: #ffffff;
	font-weight: bold;
	padding-top: 4px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 4px;
}

div.QNavIcon {
	position: absolute;
	top: 4px;
	left: 120px;
	width: 15px;
	height: 13px;
}

div.QNavIcon img {
	margin-left: 1px;
	width: 11px;
	height: 12px;
}

div.QNavIconOver {
	position: absolute;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	top: 3px;
	left: 118px;
	width: 15px;
	height: 13px;
}

div.QNavIconOver img {
	margin-left: 2px;
	width: 11px;
	height: 12px;
}

div.QNavBox {
	border-left: 1px solid #aeb622;
	border-right: 1px solid #aeb622;
	border-bottom: 1px solid #aeb622;
	padding: 5px;
	overflow: auto;	
	width: 134px;
}

div.QNavBox p {
	margin-top: 5px;
	margin-bottom: 0px;
}

div.QNavBox img {
	border: 1px solid #666666;
}

div.QNavBox form {
	margin-bottom: 5px;
}

div.QNavBox select {
	margin-top: 5px;
	width: 134px;
}

div.QNavBox input {
	margin-top: 5px;
}

div.QNavBox p {
	margin-top: 5px;
	margin-bottom: 0px;
}

/* - Dialog Boxes ------------------------------------------------- */


form.Dialog fieldset {
	display: block;
	padding: 5px 0px 5px 10px;
	margin: 0px 10px 0px 0px;
	overflow: hidden;
}

form.Dialog fieldset.A1 {
	width: 268px;
	clear: both;
	float: left;
}

form.Dialog fieldset.B1 {
	width: 268px;
	float: left;
}

form.Dialog fieldset.A2 {
	width: 268px;
	clear: both;
	float: left;
}

form.Dialog fieldset.B2 {
	width: 268px;
	float: left;
}

form.Dialog fieldset label {
	margin-top: 3px;
	margin-left: 0px;
	display: block;
}

form.Dialog fieldset input {
	margin-left: 0px;
	margin-bottom: 3px;
	display: block;
}

form.Dialog input.Button {
	margin-top: 14px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	width: 96px;
}

form.Dialog fieldset label.Check {
	margin-top: 2px;
	margin-bottom: 2px;
	display: block;
}

form.Dialog fieldset input.Check {
	margin: 0px;
	display: inline;
}


ul.Tab {
	list-style: none;
	cursor: default;
	padding: 0px;
	width: 614px;
	height: 24px;
	margin: 5px 0px 0px 0px;
	overflow: hidden;
}

ul.Tab li.Normal {
	float: left;
	display: block;
	width: 92px;
	height: 17px;
	padding: 7px 2px 0px 2px;
	text-align: center;
	background-image: url("/images/symbols/tab_normal.gif");
	background-repeat: no-repeat;
}

ul.Tab li.Select {
	float: left;
	display: block;
	width: 92px;
	height: 19px;
	padding: 5px 2px 0px 2px;
	text-align: center;
	background-image: url("/images/symbols/tab_select.gif");
	background-repeat: no-repeat;
}

div.Normal {
	display: none;
}

div.Select {
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

div.Spacer {
	width: 10px;
	float: left;
}

.DialogTop {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 614px;
	height: 71px;
	overflow: hidden;
	background-color: #ffffff;
	border-bottom: 1px solid buttonshadow;
}

.DialogTopTitle {
	padding-top: 10px;
	margin-left: 50px;
	font-weight: bold;
	font-size: 17px;
}

.DialogTopDescription {
	margin-top: 5px;
	margin-left: 50px;
}

.DialogTopIcon {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 32px;
	height: 32px;
}

.DialogMiddle {
	position: absolute;
	top: 72px;
	left: 0px;
	width: 614px;
	height: 322px;
	overflow: hidden;
	background-color: buttonface;
	border-top: 1px solid buttonhighlight;
	border-bottom: 1px solid buttonshadow;
}

.DialogBottom {
	position: absolute;
	top: 396px;
	left: 0px;
	width: 614px;
	height: 50px;
	overflow: hidden;
	background-color: buttonface;
	border-top: 1px solid buttonhighlight;
	text-align: right;
}

.DialogContents {
	margin: 10px;
}


/* - Messenger Window --------------------------------------------- */


div.MsgTop {
	background-color: buttonface;
	height: 80px;
	padding: 8px;
}


div.MsgHead {
	float: left;
	width: 280px;
}

fieldset.MsgContacts {
	float: left;
	margin-left: 20px;
	width: 230px;
	padding: 5px;
}


fieldset.MsgContacts ul {
	list-style: none;
	display: block;
	margin: 0px;
	padding: 0px 4px 0px 4px;
	width: 220px;
	height: 76px;
	overflow: auto;
}

fieldset.MsgContacts ul li {
	margin: 2px;
}

fieldset.MsgSearch {
	float: left;
	margin-left: 20px;
	padding: 5px;
	width: 160px;
}

fieldset.MsgSearch img {
	float: right;
}

div.MsgTop label {
	display: block;
	margin-top: 4px;
}

div.MsgTop input {
	display: block;
	width: 100%;
}

div.MsgTop select {
	display: block;
}

div.MsgContents {
	background-color: buttonface;
	height: 400px;
}

div.MsgContents div {
	margin: 0px 0px 0px 8px;
}

div.MsgContents textarea {
	margin: 0px 0px 0px 8px;
	width: 750px;
	height: 364px;
	padding: 5px;
}

div.MsgBottom {
	background-color: buttonface;
	height: 35px;
}

input.Button {
	margin: 0px 8px 0px 8px;
	width: 96px;
}

tr.Unread {
	font-weight: bold;
}


/* - Data Grid ---------------------------------------------------- */

table.DataGrid {
	border: 1px solid buttonshadow;
	width: 100%;
}

table.DataGrid thead {
	background-color: buttonface;
}

table.DataGrid thead th {
	padding: 3px;
	border-top: 1px solid buttonhighlight;
	border-left: 1px solid buttonhighlight;
	border-right: 1px solid buttonshadow;
	border-bottom: 1px solid buttonshadow;
	text-align: left;
}

table.DataGrid tbody {
	background-color: white;
}

table.DataGrid tbody th {
	background-color: buttonface;
	padding: 3px;
	border-top: 1px solid buttonhighlight;
	border-left: 1px solid buttonhighlight;
	border-right: 1px solid buttonshadow;
	border-bottom: 1px solid buttonshadow;
}

table.DataGrid tbody td {
	padding: 3px;
	border-right: 1px solid buttonface;
	border-bottom: 1px solid buttonface;
	vertical-align: top;
}

table.DataGrid tbody td p {
	margin-top: 6px;
	margin-bottom: 2px;
}

table.DataGrid tbody td div div {
	background-color: #ffffcc;
	border: 1px solid #cccc99;
	padding: 3px;
}

/* - Data List ---------------------------------------------------- */

table.DataList {
	border-top: 1px solid buttonshadow;
	border-left: 1px solid buttonshadow;
}

table.DataList thead {
	background-color: buttonface;
}

table.DataList thead th {
	padding: 3px;
	font-weight: normal;
	border-top: 1px solid buttonhighlight;
	border-left: 1px solid buttonhighlight;
	border-right: 1px solid buttonshadow;
	border-bottom: 1px solid buttonshadow;
	text-align: left;
}

table.DataList tbody {
	background-color: white;
}

table.DataList tbody td {
	padding: 3px;
	border-right: 1px solid buttonshadow;
	border-bottom: 1px solid buttonshadow;
	vertical-align: top;
}

table.DataList tbody td p {
	margin-top: 6px;
	margin-bottom: 2px;
}

table.DataList tbody td div {
	background-color: #ffffcc;
	border: 1px solid #cccc99;
	padding: 3px;
}


/* - Tree --------------------------------------------------------- */

ul.Tree {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul.Tree li li {
	margin: 0px 0px 0px 16px;
}

ul.Tree span {
	width: 40px;
}

ul.Tree img {
	margin: 0px 4px 3px 0px;
	vertical-align: middle;
}

input.HL {
}

form.Hp { width: 100%; }
form.Hp h2 { text-align: center; color: #000; margin: 0 0 5px 0; }
form.Hp h3 { text-align: center; color: #666; margin: 0 0 5px 0; }
form.Hp input.Text { border: 1px solid #999; margin: 0 0 5px 0; }
form.Hp textarea.Text { border: 1px solid #999; margin: 0 0 5px 0; width: 95%; }
form.Hp table { width: 98%; }
form.Hp table tr { vertical-align: top; }
form.Hp table hr { height: 1px; color: black; }
form.Hp table td.Heading { font-weight: bold; }
form.Hp table th { text-align: right; width: 3em; font-weight: normal; }
form.Hp table td p { margin-top: 1em; }
form.Hp table td ul { list-style-type: none; margin: 0px; font-style: italic; }

form.Hp input.Button { border: 1px solid #333; margin: 5px 0 0 5px; width: 60px; }

form.Hp a img {
	display: block;
	float: right;
	margin: -40px 10px 20px 0;
}


.SmallButton {
	width: 40px;
	margin: 0 0 0 5px;
	border: 1px solid #333;
}