BODY.ltr
{
	direction: ltr;
}
BODY.rtl
{
	direction: rtl;
}
BODY.ltr .dir
{
	direction: ltr;
}
BODY.rtl .dir
{
	direction: rtl;
}

BODY.ltr .align, BODY.rtl .align-rev, .align-left
{
	text-align: left;
}

BODY.rtl .align, BODY.ltr .align-rev, .align-right
{
	text-align: right;
} 

.align-center 
{
	text-align: center;
}

BODY.ltr .align > TABLE, BODY.rtl .align-rev > TABLE, .align-left > TABLE,
BODY.ltr .align > DIV, BODY.rtl .align-rev > DIV, .align-left > DIV
{
	margin-left: auto; /* works in FireFox */
}
BODY.rtl .align > TABLE, BODY.ltr .align-rev > TABLE, .align-right > TABLE,
BODY.rtl .align > DIV, BODY.ltr .align-rev > DIV, .align-right > DIV
{
	margin-right: auto; /* works in FireFox */
}
.align-center > TABLE,
.align-center > DIV
{
	/* works in FireFox */
	margin-right: auto;
	margin-left: auto;
}

BODY.ltr .float, BODY.rtl .float-rev, .float-left
{
	float: left;
}
BODY.rtl .float, BODY.ltr .float-rev, .float-right
{
	float: right;
}
.float-clear
{
	clear: both;
}

BASEFONT, TABLE
{
	font: 12px Arial;
}
	
FORM
{
	margin: 0;
}

INPUT
{
	color: black;
}

/* for input type=text */
INPUT.inputtext
{
	height: 20px;
	vertical-align: middle;
	border: 1px solid #aeaeae;
}

/* for input type=text with readonly appearance */
INPUT.readonly
{
	height: 20px;
	border: 0px none transparent;
	padding-top: 3px;
	padding-right: 8px;
	padding-left: 8px;
	margin: -1px 0px 0px 0px;
	vertical-align: middle; /* has no affect in IE*/
}

/* for input type=radio */
INPUT.radiobutton, .radiobutton INPUT, .radiobutton-list INPUT
{
	border-width: 0px !important;
	height: auto;
	display: inline;
	margin: 0px 0px -2px 0px;
}
INPUT[type=radio], .radiobutton INPUT[type=radio], .radiobutton-list INPUT[type=radio]/* FireFox */
{
	position: relative;
	top: 2px;
}
BODY.rtl INPUT.radiobutton, BODY.rtl .radiobutton INPUT, BODY.rtl .radiobutton-list INPUT
{
}
BODY.ltr INPUT.radiobutton, BODY.ltr .radiobutton INPUT, BODY.ltr .radiobutton-list INPUT
{
}

/* for input type=checkbox */
INPUT.checkbox, .checkbox INPUT, .checkbox-list INPUT
{
	border-width: 0px !important;
	height: auto;
	margin: 0px; /* FF alignment with text */
	margin-top: -3px;
	position: relative;
	top: 3px;
}
BODY.rtl INPUT.checkbox, BODY.rtl .checkbox INPUT, BODY.rtl .checkbox-list INPUT
{
	margin-right: 2px;
}
BODY.ltr INPUT.checkbox, BODY.ltr .checkbox INPUT, BODY.ltr .checkbox-list INPUT
{
	margin-left: 2px;
}
SELECT
{
	height: 21px;
	max-height: 19px; /* FF fix */
	color: black;
}

TEXTAREA
{
	border: 1px solid #aeaeae;
	color: black;
}

TEXTAREA.readonly
{
	border: 0px none transparent;
	padding-top: 3px;
	padding-right: 8px;
	padding-left: 8px;
}

.tabs-control {position: relative; width: 920px;}

.tabs-control .tab-buttons-container
{
	background: #f4f4f4 url(/template/images/hptofus/tabs_bg.gif) center bottom repeat-x;
}
.tabs-control .tab-buttons-container .tab-button
{
	padding: 0 12px;
	background: #f4f4f4 url(/template/images/hptofus/tab_bg.gif) center bottom repeat-x;
	cursor: pointer;
	height: 22px;
	display: inline;
	position: relative;
}
.tabs-control .tab-buttons-container > .tab-button /* FireFox */
{
	display: inline-block;
	margin:0 -2px;
	line-height: 24px;
}

.tabs-control .tab-buttons-container .tab-button.tab-button-selected
{
	background: #f4f4f4 url(/template/images/hptofus/tab_s_bg.gif) center bottom repeat-x;
	cursor: default;
}
.tab-button-text
{
	white-space: nowrap;
	text-align: center;
	font-family: Arial;
	font-size: 10pt;
	line-height: 20px;
	color: #404040;
	position: relative;
	top: 2px;
}
.tabs-control .tab-buttons-container .tab-button.tab-button-selected .tab-button-text
{
	/*font-weight: bold;*/
}

.tabs-control .tab-buttons-container .tab-button .tab-button-default-side,
.tabs-control .tab-buttons-container .tab-button .tab-button-opposite-side
{
	width: 6px;
	height: 22px;
	position: absolute;
	bottom: 0;
	background-repeat: no-repeat;
}
BODY.ltr .tabs-control .tab-buttons-container .tab-button .tab-button-default-side,
BODY.rtl .tabs-control .tab-buttons-container .tab-button .tab-button-opposite-side {left: 0;}
BODY.rtl .tabs-control .tab-buttons-container .tab-button .tab-button-default-side,
BODY.ltr .tabs-control .tab-buttons-container .tab-button .tab-button-opposite-side {right: 0;}
BODY.ltr .tabs-control .tab-buttons-container .tab-button .tab-button-opposite-side,
BODY.rtl .tabs-control .tab-buttons-container .tab-button .tab-button-opposite-side {background-image: url(/template/images/hptofus/tab_bg_sep.gif); background-position: left bottom;}

BODY.ltr .tabs-control .tab-buttons-container .tab-button.tab-button-selected .tab-button-default-side,
BODY.rtl .tabs-control .tab-buttons-container .tab-button.tab-button-selected .tab-button-opposite-side {background-image: url(/template/images/hptofus/tab_s_bg_left.gif); background-position: right bottom; left: 0px;}
BODY.rtl .tabs-control .tab-buttons-container .tab-button.tab-button-selected .tab-button-default-side,
BODY.ltr .tabs-control .tab-buttons-container .tab-button.tab-button-selected .tab-button-opposite-side {background-image: url(/template/images/hptofus/tab_s_bg_right.gif); background-position: left bottom; right: -2px;}

BODY.ltr .tabs-control .tab-buttons-container .tab-button .tab-button-default-side.tab-button-first {background-image: url(/template/images/hptofus/tab_bg_first_ltr.gif); left: -2px; width: 9px;}
BODY.rtl .tabs-control .tab-buttons-container .tab-button .tab-button-default-side.tab-button-first {background-image: url(/template/images/hptofus/tab_bg_first_rtl.gif); right: -2px; width: 9px;}
BODY.ltr .tabs-control .tab-buttons-container .tab-button.tab-button-selected .tab-button-default-side.tab-button-first {background-image: url(/template/images/hptofus/tab_s_bg_first_ltr.gif); width: 6px;}
BODY.rtl .tabs-control .tab-buttons-container .tab-button.tab-button-selected .tab-button-default-side.tab-button-first {background-image: url(/template/images/hptofus/tab_s_bg_first_rtl.gif); width: 6px;}
BODY.ltr .tabs-control .tab-buttons-container > .tab-button .tab-button-default-side.tab-button-first {left: 0px; width: 9px;} /* FireFox */
BODY.rtl .tabs-control .tab-buttons-container > .tab-button .tab-button-default-side.tab-button-first {right: 0px; width: 9px;} /* FireFox */
BODY.ltr .tabs-control .tab-buttons-container > .tab-button.tab-button-selected .tab-button-default-side.tab-button-first {left: 1px;} /* FireFox */
BODY.rtl .tabs-control .tab-buttons-container > .tab-button.tab-button-selected .tab-button-default-side.tab-button-first {right: 1px;} /* FireFox */
BODY.ltr .tabs-control .tab-buttons-container .tab-button .tab-button-opposite-side.tab-button-last {background-image: url(/template/images/hptofus/tab_bg_last_ltr.gif);}
BODY.rtl .tabs-control .tab-buttons-container .tab-button .tab-button-opposite-side.tab-button-last {background-image: url(/template/images/hptofus/tab_bg_last_rtl.gif);}
BODY.ltr .tabs-control .tab-buttons-container .tab-button.tab-button-selected .tab-button-opposite-side.tab-button-last {background-image: url(/template/images/hptofus/tab_s_bg_last_ltr.gif);}
BODY.rtl .tabs-control .tab-buttons-container .tab-button.tab-button-selected .tab-button-opposite-side.tab-button-last {background-image: url(/template/images/hptofus/tab_s_bg_last_rtl.gif);}

.tabs-control .tab-content-container
{
	width: 100%;
	height: 130px;
}

.tabs-control .tab-content-container .tab-content-container-default-side,
.tabs-control .tab-content-container .tab-content-container-opposite-side
{
	width: 4px;
	background-color: #f3f1f2;
	background-repeat: repeat-y;
	font-size: 1px; /* IE fix */
}
BODY.ltr .tabs-control .tab-content-container .tab-content-container-default-side,
BODY.rtl .tabs-control .tab-content-container .tab-content-container-opposite-side {background-image: url(/template/images/hptofus/tabs_content_bg_lc.gif); background-position: right center;}
BODY.rtl .tabs-control .tab-content-container .tab-content-container-default-side,
BODY.ltr .tabs-control .tab-content-container .tab-content-container-opposite-side {background-image: url(/template/images/hptofus/tabs_content_bg_rc.gif); background-position: left center;}

.tabs-control .tab-content-container .tab-content-container-center
{
	border: 1px solid #ffffff;
	height: 100%;
}
.tabs-control .tab-content-container .tab-content-container-bottom-center
{
	background: #f3f1f2 url(/template/images/hptofus/tabs_content_bg_bc.gif) center top repeat-x;
	height: 4px;
}


.tabs-control .tab-content-container .tab-content-container-bottom-default-side,
.tabs-control .tab-content-container .tab-content-container-bottom-opposite-side
{
	width: 4px;
	height: 4px;
	background-color: #f3f1f2;
	background-repeat: no-repeat;
	font-size: 1px; /* IE fix */
}
BODY.ltr .tabs-control .tab-content-container .tab-content-container-bottom-default-side,
BODY.rtl .tabs-control .tab-content-container .tab-content-container-bottom-opposite-side {background-image: url(/template/images/hptofus/tabs_content_bg_bl.gif); background-position: right top;}
BODY.rtl .tabs-control .tab-content-container .tab-content-container-bottom-default-side,
BODY.ltr .tabs-control .tab-content-container .tab-content-container-bottom-opposite-side {background-image: url(/template/images/hptofus/tabs_content_bg_br.gif); background-position: left top;}

.tabs-control .tab-content-container .tab-content
{
	padding: 15px;
	width: 620px;
	height: 100%;
	display: none;
	color: #898a8e;
	position: relative;
}
.tabs-control > .tab-content-container .tab-content {width: 600px !important;}
.tabs-control .tab-content-container .tab-content TABLE {color: #898a8e;}

.tab-content-submit-button-container {position: absolute; top: 95px; z-index:3;}
BODY.ltr .tab-content .tab-content-submit-button-container {right: 15px;}
BODY.rtl .tab-content .tab-content-submit-button-container {left: 15px;}

.tabs-control .form-submit-animation {position: absolute; top: -10px;}

BODY.rtl .tabs-control .form-submit-animation {left:0px;}