/***************************************************************************************************/
/** COMMON *****************************************************************************************/
/***************************************************************************************************/
* {
	margin: 0;
	padding: 0;
}

html, body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	height: 100%;
}

body {
	background-image: url("../img/contentbg.png");
	background-repeat: repeat;
}

img {
	border: 0;
}

input[type="text"], input[type="password"], select, input[type="text"].longInputText {
	padding: 3px;
	font-size: 12px;
	width: 200px;
	margin-bottom: 10px;
}

input[type="text"].shortestInputText {
	width: 41px;
}

input[type="text"].shortInputText {
	width: 50px;
}

input[type="text"].longInputText {
	width: 400px;
}

input, select, textarea, button, a {
	font-size: 12px;
}

input:disabled, select:disabled, textarea:disabled, button:disabled {
	cursor: not-allowed;
	background: #f5f5f5;
}

input[readonly="readonly"], select[readonly="readonly"], textarea[readonly="readonly"],
	button[readonly="readonly"] {
	cursor: default;
	background: #f5f5f5;
	border-color: #d8d8d8;
}
table {
	border-collapse: collapse;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clearBoth {
	clear: both;
	height: 0;
}

.right {
	text-align: right !important;
}

.left {
	text-align: left !important;
}

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

.rf-p {
	background-color: transparent;
	border: 0;
	padding: 0;
}

.rf-p-b {
	padding: 0;
}

input[type="radio"], input[type="checkbox"] {
	margin-bottom: 5px;
	margin-top: 5px;
}

label {
	margin-right: 10px;
}

.marginLeft {
	margin-left: 5px;
}

.marginRight {
	margin-right: 5px;
}

.marginTop {
	margin-top: 20px;
}

.displayNone {
	display: none;
}

.noWrap {
	white-space: nowrap;
}

.noBorder {
	border: none !important;
}

.bold {
	font-weight: bold;
}

.paddingTop {
	padding-top: 20px;
}

/***************************************************************************************************/
/** BUTTONS ****************************************************************************************/
/***************************************************************************************************/

input[type="submit"], input[type="button"] {
	background-image: url("../img/button.png");
	background-repeat: no-repeat;
	background-color: transparent;
	height: 27px;
	width: 96px;
	margin-right: 10px;
	border: 0;
	color: #333;
	font-size: 12px;
}

input[type="submit"].longButton, input[type="button"].longButton {
	background-image: url("../img/long_button.png");
	width: 123px;
}

input[type="submit"].extraLongButton, input[type="button"].extraLongButton {
	background-image: url("../img/extra_long_button.png");
	width: 150px;
}

input[type="submit"].superLongButton, input[type="button"].superLongButton {
	background-image: url("../img/super_long_button.png");
	width: 250px;
}

input[type="submit"]:hover, input[type="button"]:hover {
	background-image: url("../img/button_hover.png");
	background-repeat: no-repeat;
}

input[type="submit"].longButton:hover, input[type="button"].longButton:hover {
	background-image: url("../img/long_button_hover.png");
}

input[type="submit"].extraLongButton:hover, input[type="button"].extraLongButton:hover {
	background-image: url("../img/extra_long_button_hover.png");
}

input[type="submit"].superLongButton:hover, input[type="button"].superLongButton:hover {
	background-image: url("../img/super_long_button_hover.png");
}

/***************************************************************************************************/
/** HEADER *****************************************************************************************/
/***************************************************************************************************/

/*
#header {
    height: 103px;
    background-image: url('img/header.png');
    background-repeat: repeat-x;
    background-position: top left;
}

.headerBg {
    height: 103px;
    background-image: url('img/header_bg.png');
    background-repeat: no-repeat;
    background-position: top left;
}*/

#header {
    height: 128px;
    background-image: url('../img/header.png');
    background-repeat: repeat-x;
    background-position: top left;
}

#headerBox {
	height: 128px;
	/*background-color: #000000;*/
	background-image: url("../img/header_bg.png");
	background-repeat: no-repeat;
	background-position: top left;
}

#headerBox .workspace {
	width: 1124px;
}

#logoBox {
	width: 400px;
	height: 80px;
	float: left;
	background-repeat: no-repeat;
	background-position: 15px 15px;
}

#loggedUserInfoBox {
	width: 310px;
	height: 80px;
	float: left;
	padding-top: 15px;
	padding-left: 15px;
	color: #ccc !important;
	text-align: left;
}

#loggedUserInfoBox .text {
	color: #ccc;
}

#loggedUserInfoBox .username {
	color: #fff;
	font-weight: bold;
}

#logoutButtonBox {
	width: 135px;
	height: 80px;
	float: left;
	padding-top: 15px;
	padding-left: 15px;
}

#logout, #faqLink {
	color: #ccc;
	text-decoration: none;
	font-size: 12px;
}

#logout:hover, #faqLink:hover {
	color: #bf8640;
}

#faqLink {
	margin-left: 15px;
}

#localeBox {
	width: 234px;
	height: 80px;
	float: left;
	padding-top: 15px;
}

#localeBox .flag {
	margin-right: 10px;
}

/***************************************************************************************************/
/** HORIZONTAL MENU ********************************************************************************/
/***************************************************************************************************/

#mainMenu {
	clear: left;
	height: 33px;
	margin-left: 10px;
	background-color: transparent;
	background-image: none;
	border: 0;
}

.mainMenuItem {
	padding-left: 0;
	padding-right: 30px;
	padding-top: 2px;
} 
.mainMenuItem a {
	color: #fff;
	display: inline-block;
	margin: 0;
	padding-bottom: 5px;
	text-decoration: none;
	font-size: 13px;
}

.mainMenuItem a:before {
	display: block;
	content: '';
	border-top: solid 1px #bf8640;
	transform: scaleX(0);
	padding-bottom: 5px;
	transition: transform 250ms ease-in-out;
}

.mainMenuItem a.menuItemSelected:before, .mainMenuItem a:hover:before,
	.mainMenuItem a:active:before, .mainMenuItem a:focus:before {
	transform: scaleX(1);
}

.mainMenuItem a.menuItemSelected, .mainMenuItem a:hover, .mainMenuItem a:active,
	.mainMenuItem a:focus {
	color: #bf8640;
	border-top-color: #bf8640;
}



/***************************************************************************************************/
/** VERTICAL MENU **********************************************************************************/
/***************************************************************************************************/

#menu {
	position: absolute;
	top: 128px;
	bottom: 0px;
	left: 0px;
	padding: 5px 5px 0;
	width: 186px;
	background-color: #fff;
	text-align: center;
}

.menuGroupItem, .menuGroupItemTall {
	border-bottom: 1px solid #ddd;
	padding-top: 6px;
	padding-left: 5px;
	padding-left: 5px;
	padding-right: 15px;
	padding-bottom: 4px;
	font-weight: bold;
	text-align: left;
}

.menuGroupItem {
	/*height: 23px;*/
}

.menuGroupItem:hover, .menuGroupItem.menuItemSelected {
	background-image: url("../img/menuitembg.png");
	background-repeat: no-repeat;
	background-color: #D9D9D9;
}

.menuGroupItemTall {
	/*height: 38px;*/
}

.menuGroupItemTall:hover, .menuGroupItemTall.menuItemSelected {
	background-image: url("../img/menuitemtallbg.png");
	background-repeat: no-repeat;
}

#menu img {
	margin-top: 20px;
}

/***************************************************************************************************/
/** CONTENT ****************************************************************************************/
/***************************************************************************************************/

#wrap {
	min-height: 100%;
	height: 100%;
	position: relative;
	height: auto !important;
	background-image: url("../img/contentbg.png");
	background-repeat: repeat;
	display: inline-block;	
    min-width: 100%;
}

body > #wrap {
	height: auto;
	min-height: 100%;
}

.captionBox {
	padding: 20px 0 20px 18px;
}

#captionText,
.captionText {
	color: #000;
	font-size: 25px;
	font-weight: bold;
}

#content {
	margin-left: 196px;
}

/*.shadedBox {
	margin-left: 18px;
	
	-moz-box-shadow: 2px 2px 3px #999;
	-webkit-box-shadow: 2px 2px 3px #999;
	box-shadow: 2px 2px 3px #999;
	behavior: url("resources/PIE.htc");
}*/

.whiteBox, .detailWhiteBox {
	border-top: 3px solid #000;
	padding: 15px 11px 20px;
	margin-left: 18px;
	margin-bottom: 60px;
	margin-right: 18px;
	background-color: #fff;
	
	-moz-box-shadow: 2px 2px 3px #999;
	-webkit-box-shadow: 2px 2px 3px #999;
	box-shadow: 2px 2px 3px #999;
}

.whiteBox.filter, .whiteBox.middlePart {
	margin-bottom: 20px;
}

.detailWhiteBox {
	display: inline-block;
}

.buttonPanel {
	padding-top: 20px;
	border-top: 1px solid #ddd;
	margin-top: 10px;
}

.minWidthStretcher {
	width: 500px;
}

.login {
	width: 600px;
}

.outputLabel {
	font-weight: bold;
}

.paddingLeft {
	padding-left: 18px;
}

.paddingBottom {
	padding-bottom: 5px;
}

.valignTop {
	vertical-align: top;
}

.formColumn {
	padding-right: 20px;
	font-weight: bold;
}

.inlineBlock {
	display: inline-block;
}

.detailColumnLabel {
	padding-right: 20px;
	font-weight: bold;
}

.wizard {
	margin-left: 20px;
}

.currencyName {
	display: inline-block;
	width: 40px;
}

.exchangeName {
	display: inline-block;
	width: 70px;
}

.spanPadding {
	padding-bottom: 3px;
}

p.common {
	padding-top: 10px;
}

.commonPanel {
	width: 870px;
}

.vopHeader {
	font-weight: bold;
	font-size: 15px;
	margin-top: 25px;
}

.faqBox {
	border-top: 1px solid #ddd;
	padding-top: 15px;
	margin-top: 15px;
}

.faqBox.firstFAQ {
	border: none;
	padding-top: 0;
	margin-top: 0;
}

.faqQuestion {
	font-weight: bold;
	padding-bottom: 5px;
}

.videoBox {
	margin-top: 10px;
	margin-bottom: 40px;
}

.videoBox.last {
	margin-bottom: 0;
}

/***************************************************************************************************/
/** TAB PANEL **************************************************************************************/
/***************************************************************************************************/

.tabPanelWhiteBox {
	display: inline-block;
	margin-left: 18px;
	margin-bottom: 60px;
	margin-right: 18px;
}

.tabPanelContent {
	padding: 20px 11px;
	background-color: #fff;
	
	-moz-box-shadow: 2px 2px 3px #999;
	-webkit-box-shadow: 2px 2px 3px #999;
	box-shadow: 2px 2px 3px #999;
}

.rf-tab-hdn, .rf-tab-hdr-spcr {
	display: none;
}

.rf-tab-hdr-tabline-vis.rf-tab-hdr-tabline-top {
	white-space: nowrap;
	background-image: url("../img/tab_header.png");
	background-repeat: repeat-x;
	height: 37px;
}

.tabLeft, .tabRight {
	width: 10px;
	height: 37px;
	float: left;
}

.tabCenter {
	float: left;
	height: 23px;
	color: #fff;
	font-weight: bold;
	padding: 14px 10px 0;
}

.inactiveTabPanel {
	cursor: pointer;
}

.activeTabPanel {
	cursor: default;
}

.activeTabPanel .tabLeft {
	background-image: url("../img/tab_left_bg.png");
	background-repeat: no-repeat;
}

.activeTabPanel .tabRight {
	background-image: url("../img/tab_right_bg.png");
	background-repeat: no-repeat;
}

.activeTabPanel .tabCenter {
	background-image: url("../img/tab_center_bg.png");
	background-repeat: repeat-x;
	color: #333;
}

/***************************************************************************************************/
/** TABLE ******************************************************************************************/
/***************************************************************************************************/

.dataTable {
	width: 100%;
}

.columnHeader {
	padding: 5px 20px;
	border-bottom: 2px solid #bbb;
	text-align: left;
}

.columnHeader a {
	color: #333;
	text-decoration: none;
}

.columnHeader a:hover {
	text-decoration: underline;
}

.tableRow {
	cursor: pointer;
}

.tableRow td, .tableRowInactive td, .footerClass td {
	padding: 5px 20px;
	border-top: 1px solid #ddd;
}

.rf-dt-fst-r td {
	border: none;
}

.firstColumn {
	padding-left: 0px !important;
}

.lastColumn {
	padding-right: 0px !important;
}

.tableRow:hover, .tableRowInactive:hover {
	background-color: #f9f9f9;
}

.footerClass td {
	border-top: 2px solid #bbb;
}

.detailTable {
	margin: 5px 0;
}

.detailTable th {
	background-color: #aaa;
	color: #fff;
	padding: 3px 7px;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
}

.detailTable td {
	border: 1px solid #aaa;
	text-align: center;
	padding: 3px 7px;
}

.detailTable .separator {
	background-color: #fff;
	border: none;
	padding: 0 3px;
}

.detailTable input {
	display: inline-block;
	margin: 0;
	border: none;
}

.detailTable .editable {
	padding: 0;
}

.detailTable .cancel {
	background-color: transparent;
	border: none;
	padding: 0;
}

.tableInTable {
	width: 100%;
}

.tableInTable td {
	border: none;
	padding: 3px 5px;
}

.detailColumnLabel, .detailColumnValue {
	padding-bottom: 5px;
}

#labelSelectAll {
	padding-left: 10px;
}

.underlinedSubHeader {
	padding: 20px 0 20px 10px;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}

.wizard .wizardLabel {
	width: 300px;
	float: left;
}

.wizard .wizardValue {
	float: left;
}

.wizardText {
	margin-left: 10px;
}


/***************************************************************************************************/
/** SCROLLER ***************************************************************************************/
/***************************************************************************************************/

.scrollerBox {
	border-top: 1px solid #ddd;
	margin-top: 28px;
	padding-top: 10px;
	padding-bottom: 0;
}

.scroller {
	float: right;
}

.scroller img {
	vertical-align: bottom;
}

.rf-ds-btn-first {
	margin-right: 15px;
}

.rf-ds-btn-prev {
	margin-right: 11px;
}

.rf-ds-btn-next, .rf-ds-btn-last {
	margin-left: 15px;
}

.rf-ds-btn-first img, .rf-ds-btn-prev img, .rf-ds-btn-next img, .rf-ds-btn-last img  {
	border-bottom: 1px solid #fff;
}

a.rf-ds-btn-first img:hover, a.rf-ds-btn-prev img:hover, a.rf-ds-btn-next img:hover, a.rf-ds-btn-last img:hover {
	border-bottom: 1px solid #777;
}

.rf-ds-nmb-btn {
	padding-left: 4px;
	color: #777 !important;
	text-decoration: none;
}

.scroller .rf-ds-act, .rf-ds-nmb-btn:hover {
	color: #333 !important;
	text-decoration: underline;
}


/***************************************************************************************************/
/** FOOTER *****************************************************************************************/
/***************************************************************************************************/

#footer {
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #010101;
}

#footerToolbar {
	background-image: none;
	background-color: transparent;
	border: none;
	height: 40px;
}

#footerToolbar a {
	color: #ccc;
	text-decoration: none;
	font-weight: normal;
}

#footerToolbar a:hover {
	color: #bf8640;
}

#footerToolbar .footerPaddingBox {
	width: 30px;
}

/***************************************************************************************************/
/** MESSAGES ***************************************************************************************/
/***************************************************************************************************/

ul#messages {
	list-style-type: none;
	padding: 0;
	margin: 0 0 10px 18px;
}

li.infoMessages, li.errorMessages {
	background-repeat: no-repeat;
	background-position: 0 0px;
	padding: 2px 0 2px 20px;
}

li.infoMessages {
	color: #333;
	background-image: url("../img/info.png");
}

li.errorMessages {
	color:red;
	background-image: url("../img/error.png");
}

/***************************************************************************************************/
/** STATUS *****************************************************************************************/
/***************************************************************************************************/

.rf-pp-cnt-scrlr {
	background-color: #fff;
}

.rf-pp-cnt {
	font-size: 13px;
	font-weight: bold;
}

.rf-pp-shade {
	background-color: transparent;
}

#progress {
	margin-right: 15px;
}

/***************************************************************************************************/
/** CALENDAR ***************************************************************************************/
/***************************************************************************************************/

img.rf-cal-btn {
	vertical-align: top !important;
	margin-left: 5px;
}

.rf-cal-hdr-month, .rf-cal-sel, .rf-cal-edtr-btn-sel {
	background-color: #010101;
	color: #fff;
}

.rf-cal-tl {
	background-color: #010101;
	color: #ccc;
}

.rf-cal-tl-btn-hov {
	background-color: transparent;
	color: inherit;
	border-color: transparent;
	text-decoration: underline;
}

.rf-cal-day-lbl, .rf-cal-week, .rf-cal-tl-ftr, .rf-cal-monthpicker-ok, .rf-cal-monthpicker-cancel {
	background-color: #eee;
}

.rf-cal-week {
	color: #000;
}

.rf-cal-today {
	background-color: #bf8640;
}

.rf-cal-holliday-lbl, .rf-cal-holiday {
	color: #bf8640;
}

.rf-cal-holiday {
	background-color: #fbecbf;
}

.rf-cal-boundary-day {
	color: #a0a0a0;
}

.rf-cal-hov, .rf-cal-edtr-btn:hover {
	background-color: #ddd;
}

.rf-cal-monthpicker-ok span:hover, .rf-cal-monthpicker-cancel span:hover, .rf-cal-edtr-tl-over {
	text-decoration: underline;
}

.rf-cal-time-btn, .rf-cal-edtr-tl-over {
	background-color: transparent !important;
	border-color: transparent;
} 

.rf-cal-hdr-month, .rf-cal-sel, .rf-cal-edtr-btn-sel {
	background-color: #010101 !important;
	color: #fff !important;
}

/***************************************************************************************************/
/** TOOLTIP ****************************************************************************************/
/***************************************************************************************************/

.rf-tt {
    display: none;
    position: absolute;
}

.rf-tt-loading {
    display: none;
}

.rf-tt-cntr {
    background-color: #fff;
    border: 1px solid #333;
    display: inline-block;
    padding: 7px;
}

/***************************************************************************************************/
/** RIGHTS *****************************************************************************************/
/***************************************************************************************************/

.sectionCaptionBox {
	color: #fff;
	font-weight: bold;
	background-color: #aaa;
	border-top: 3px solid #000;
	margin-left: 18px;
	margin-right: 18px;
	padding: 5px 11px;
}

.whiteBox.rights {
	border-top: 0;
}

.arRightsTable {
	width: 100%;
}

.tableRightsRow td {
	padding: 5px 0;
	border-top: 1px solid #ddd;
}

.rightsCollection td {
	padding: 5px 0;
	border-top: none;
}

.tableRightsRow input[type="checkbox"] {
	margin-right: 10px;
	margin-top: 0;
}

.arRightsTable td.valignTop {
	padding-top: 7px;
}

.arRightsTable .columnHeader {
	padding-left: 25px;
}

/***************************************************************************************************/
/** PICKLIST ***************************************************************************************/
/***************************************************************************************************/

.rf-pick-sel {
	border: 0;
	background-color: #ccc;
}

.rf-pick-btn {
	background-repeat: no-repeat !important;
	background-color: transparent;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #ddd;
	color: #333;
	padding-left: 17px;
}

.rf-pick-add-all, .rf-pick-add-all:hover {
	background-image: url("../img/picklist_add_all.png");
}

.rf-pick-add-all.rf-pick-btn-dis {
	background-image: url("../img/picklist_add_all_dis.png") !important;
}

.rf-pick-add, .rf-pick-add:hover {
	background-image: url("../img/picklist_add.png");
}

.rf-pick-add.rf-pick-btn-dis {
	background-image: url("../img/picklist_add_dis.png") !important;
}

.rf-pick-rem-all, .rf-pick-rem-all:hover {
	background-image: url("../img/picklist_remove_all.png");
}

.rf-pick-rem-all.rf-pick-btn-dis {
	background-image: url("../img/picklist_remove_all_dis.png") !important;
}

.rf-pick-rem, .rf-pick-rem:hover {
	background-image: url("../img/picklist_remove.png");
}

.rf-pick-rem.rf-pick-btn-dis {
	background-image: url("../img/picklist_remove_dis.png") !important;
}

.rf-pick-lst-dcrtn {
	margin: 0 5px;
}

.rf-pick-btn-dis {
	color: #ddd !important;
	border-color: #ddd !important;
}

.rf-pick-btn:hover {
	background-color: #ddd;
}

/***************************************************************************************************/
/** AUTOCOMPLETE ***********************************************************************************/
/***************************************************************************************************/

input[type="text"].rf-au-inp {
	margin-bottom: 0;
	width: 350px;
}

.rf-au {
	margin-bottom: 10px;
}

.rf-au-lst-scrl {
	width: 350px;
}

.rf-au-itm-sel {
	color: #fff;
}

/***************************************************************************************************/
/** SPINNER ****************************************************************************************/
/***************************************************************************************************/

input[type="text"].rf-insp-inp {
	padding: 3px;
	font-size: 12px;
	width: 50px;
}

.rf-insp-dec, .rf-insp-inc {
	background-color: #eee;
	padding: 1px;
}
.confirmRegistration {
	font-size: 16px;
}

.confirmRegistration .title {
	text-transform: uppercase;
	font-size: 1.4em;
	margin: 1em 0;
	text-decoration: underline;
}
.confirmRegistrationRow {
	font-size: 1.2em;
}

.confirmRegistrationRow .columnLabel {
	font-weight: bold;
	padding-right: 5px;
	padding-bottom: 5px;
}
.confirmRegistrationRow .columnValue {
	padding-bottom: 5px;
}

.confirmRegistrationRow #confirm {
	margin-top: 10px;
	height: 30px;
	font-size: 1.5em;
	text-align: center;
	border-radius: 5px;
	width: 100px;
	letter-spacing: 0.3rem;
}

.confirmRegistrationRow #confirmBtn {
	font-size: 1.2rem;
	text-transform: uppercase;
	background: #558B2F;
	color: white;
	border-radius: 5px;
	width: 120px;
	height: 30px;
}

.confirmRegistrationRow #unconfirmBtn {
	font-size: 1.2rem;
	text-transform: uppercase;
	background: #BF360C;
	color: white;
	border-radius: 5px;
	width: 120px;
	height: 30px;
}