@import url("../../scripts/dijit/themes/dijit.css");

@import url("../../scripts/dijit/icons/commonIcons.css");
/*sprite containing common icons to be used by all themes*/
@import url("Common.css");

@import url("form/Common.css");

@import url("form/Button.css");

@import url("form/Checkbox.css");

@import url("form/RadioButton.css");

@import url("form/Select.css");

@import url("layout/TabContainer.css");

@import url("Dialog.css");

@import url("layout/AccordionContainer.css");

@import url("layout/ContentPane.css");

@import url("Calendar.css");

@import url("Menu.css");

@import url("form/Slider.css");

@import url("ColorPalette.css");

@import url("InlineEditBox.css");

@import url("ProgressBar.css");

@import url("TimePicker.css");

@import url("layout/BorderContainer.css");

@import url("Tree.css");

@import url("Toolbar.css");

@import url("Editor.css");
/*in order to test button or menu item with icon */
@import url("../../scripts/dijit/icons/editorIcons.css");
/*sprite for editor icons to be used by all themes*/
@import url("TitlePane.css");

@import url("form/NumberSpinner.css");

@import url("claro_rtl.css");

/******Login Page ******/
.claro .loginPageTxtBox {
	width: 230px;
	height: 25px;
	background: #004cae;
	border: solid 1px #004cae;
	margin-top: 5px;
	color: #FFF;
}

.claro .loginPageTxtBox .dijitInputContainer {
	background-color: transparent !important;
	background: none;
}

.claro .loginPageTxtBox .dijitInputContainer .dijitInputInner {
	background-color: transparent !important;
	width: 100%;
	height: 20px;
}

.claro .loginPageWhiteTxt {
	color: #FFF;
	text-decoration: none;
}

.claro .Very_Weak {
	width: 144px;
	background: #cccccc;
}

.claro .passWordMsg {
	padding-bottom: 2px;
	height: 10px;
	border: 1px solid black;
	text-align: center !important;
	background-color: transparent;
	font-size: 12px;
}

.claro .atradMenuBorderSettings {
	background: -webkit-gradient(linear, left top, right top, from(#ccc),
		to(white));
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
	height: 1px;
	padding: 0px;
	float: left;
}

.claro .atradLanguageSelect {
	background-color: white;
	text-align: left;
	display: block;
	float: left;
}

.claro .pageSettingsMenuHead {
	background-image: url(../atrad/images/loginSettings.gif);
	background-repeat: no-repeat;
	background-position: center !important;
	width: 65px;
	height: 5px;
	margin: 0 auto;
	border: 0;
	padding-top: 5px
}

.claro .pageSettingsMenu {
	text-align: center;
	width: 0px;
}

.claro .atradUsersSubMenu {
	position: absolute;
	top: 0;
	right: -73px;
	color: black;
}

.dojotheme .atradSettingsSubMenu {
	position: absolute;
	top: 0;
	right: -50px;
	height: 80px;
	vertical-align: 0.2em;
}

.claro .homePageSettingsMenuHead {
	background-image: url(../atrad/images/settingIcon.png);
	background-repeat: no-repeat;
	background-position: center !important;
	width: 10px;
	height: 3px;
	margin: 0 auto;
	border: 0;
	padding-top: 0px
}

.claro .homePageSettingsMenu {
	text-align: center;
	width: 0px;
}
/******End:- Login Page ******/

/*override menu bar syles  */
.dojotheme .menuBarFont {
	font: 11px arial, helvetica;
	*font-size: 75%;
	color: white !important;
}

.dojotheme .menuHeaderFont {
	color: white !important;
}

.dojotheme .menuSubHeaderFont {
	color: black !important;
}

.dojotheme .menuBarTextAdjust {
	text-align: right;
}

.dojotheme .menuBarAdjust {
	position: absolute;
	top: 0;
	right: 150px;
	background-image: none;
	background-color: #03165A;
	border-color: #03165A;
}

.dojotheme .userMenuAdjust {
	position: absolute;
	top: 0;
	right: 60px;
}

.dojotheme .menuBarUserName {
	font: 11px arial, helvetica;
	font-weight: bold;
	*font-size: 75%;
	color: #ABABAB !important;
	background-image:
		url(/NextGenOnline/theme/html/blue/atrad/images/arrowDown.png);
	background-size: 2em;
	background-repeat: no-repeat;
	background-position: right 5px !important;
	padding-right: 23px !important;
	padding-top: 8px !important;
	background-color: #03165A;
	border-color: #03165A;
}

.dojotheme .menuBarMoreMenu {
	/*change this grey down arrow to a white down arrow*/ //
	background-image:
		url(/NextGenOnline/theme/html/blue/atrad/images/arrowDown.png);
	background-repeat: no-repeat;
	background-position: right !important;
	width: 75px;
	padding-right: 5px !important;
	padding-top: 6px !important;
	text-align: left;
}

.dojotheme .menuIconImage {
	/*change this grey down arrow to a white down arrow*/
	background-image:
		url(/NextGenOnline/theme/html/blue/atrad/images/arrowDown.png);
	background-size: 2em;
	width: 25px;
	height: 15px;
	float: left;
	background-position: 0px -1px !important;
	background-repeat: no-repeat;
	padding: 0px !important;
	top: 0px !important;
}

.dojotheme .menuIconText {
	float: left;
	height: 15px;
	padding-top: 1px;
}

.dojotheme .userNamePlacement {
	padding-top: 5px;
}

.dojotheme .atradLoginButton {
	background-color: #004080;
	width: 50px;
	height: 20px;
}

.dojotheme .atradLoginButton .dijitButtonNode {
	background-color: #004080;
	width: 50px;
	height: 20px;
	vertical-align: middle;
	text-align: center;
}

.dojotheme .atradSettingsSubMenu {
	position: absolute;
	top: 0;
	right: -50px;
	height: 80px;
	vertical-align: 0.2em;
}

.dojotheme .atradThemeSelect {
	background-color: white;
	margin-top: 0.8em;
	text-align: left;
}

.dojotheme .atradMenuBorderSettings {
	background: -webkit-gradient(linear, left top, right top, from(#ccc),
		to(white));
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
	height: 1px;
	padding: 0px;
}

.dojotheme .atradLanguageSelect {
	background-color: white;
	margin-top: 0.8em;
	text-align: left;
}

.dojotheme .pageSettingsMenuHead {
	background-image: url(../atrad/images/options.png);
	background-repeat: no-repeat;
	background-position: center !important;
	background-color: #03165A;
	height: 20px;
	width: 30px;
	padding: 3px;
}

.dojotheme .pageSettingsMenu {
	text-align: right;
	width: 30px;
}

.dojotheme .atradUsersSubMenu {
	position: absolute;
	top: 0;
	right: -73px;
	color: black;
}

.dojotheme .atradSubMenuShadow {
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.75);
}

.dojotheme .hasShadow {
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.75);
}

.dojotheme .atradHeaderShadow {
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
}

.dojotheme .dijitMenuSeparatorIconCell {
	background-color: #f5f8ff;
}

/******* List Users Page ********/
.claro .listUserFlotPane {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 1030px !important;
	height: 510px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .listUserFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .listUserFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 1030px !important;
	height: 490px !important;
}

.claro .listUserFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .listUserContentPane {
	top: 0px !important;
	height: 490px;
	width: 1030px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .listUserFilterContent {
	background-color: #d0e8ff;
	height: 90px;
	width: 1030px !important;
	padding-top: 5px;
}

.claro .addUserFilterContent {
	background-color: #d0e8ff;
	height: 90px;
	width: 700px !important;
	padding-top: 5px;
}

.claro .listCDSFilterContent {
	background-color: #d0e8ff;
	height: 80px;
	width: 1000px !important;
	padding-top: 5px;
}

.claro .listUserGridHeaderTxt {
	color: white;
	font-weight: bold;
}

.claro .listUserBorContainers {
	padding: 0px;
	width: 1030px !important;
	height: 490px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .listUserGridContainer {
	height: 355px;
	padding-bottom: 0px;
	width: 1030px !important;
	padding: 0px !important;
}

.claro .listUserGridContainer.Grid {
	width: 695px !important;
}

.claro .listUserGrid {
	width: 1030px !important;
	height: 360px !important;
	border-color: #A0CBFE;
}

.claro .listUserGrid .dojoxGridScrollbox {
	overflow-x: visible;
	overflow-y: auto;
	width: 1020px !important;
	height: 325px !important;
}
/*
.claro .listUserGrid .dojoxGridHeader .dojoxGridCell{
		background-color: #A0CBFE !important;
		background-image: url(../atrad/images/watchHeaderImage.jpg) !important;
		background-repeat:repeat;
		border-left: 1px  !important;
		border-top: 1px  !important;
		border-color: #76A3E0 !important;
		color: white !important;
}
*/
.claro .listUserGrid .dojoxGridMasterHeader .dojoxGridHeader {
	background-color: #A0CBFE !important;
}

.claro .listUserGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .listUserGrid .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: #D0E8FF;
}

.claro .listUserAddUserBut {
	float: right;
	padding-right: 10px;
}

.claro .listUserCloseBut {
	float: right;
	padding-right: 10px;
}

.claro .listUserFirstNameTxt {
	float: left;
	padding-left: 8px;
	width: 62px;
}

.claro .listUserSearchButton {
	float: left;
}

.claro .listUserBulkBtn {
	float: left;
}

.claro .listUserUserNameTxt {
	float: left;
	font-weight: bold;
}

.claro .listUserUserNameTextBox {
	float: left;
}

.claro .listUserSearchButtonPanal {
	float: left;
	height: 42px;
}

.claro .listUserTableSep {
	padding-top: 10px;
}

.claro .listUserUserNameLbl {
	float: left;
}

.claro .listUserLastNameTextBox {
	float: left;
}

.claro .listUserProfileTextBox {
	float: right;
}

.claro .listUserFirstNameTextBox {
	float: right;
}

.claro .listUserAddUserBulkBut {
	float: left;
	padding-left: 80px;
}

.claro .listUserProfileTxt {
	width: 500px;
}

.claro .listUserSearchBtn {
	float: right;
	padding-right: 50px;
}

.claro .listUserLastNameTxt {
	
}

.claro .listUsersMessageBox {
	width: 120px !important;
	text-align: center !important;
	top: 5px;
	background-color: green !important;
	border: 0px !important;
	color: white;
	float: left;
	padding-top: 3px;
	height: 20px;
	border-radius:5px;
}

/******* End List Users Page ********/
.claro .numberSpinner {
	width: 100px;
}

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

.claro .viewCDSSearchBtn {
	float: left;
}

/*.blotterGrid .dojoxGridContent{
	width:1400px !important;	
}*/
.claro .userViewTextBoxes1 {
	width: 500px;
	height: 35px;
	align: left;
}

.claro .viewCDSLastNameTd {
	float: left;
	padding-left: 3px;
	width: 69px;
}

div.inline {
	float: left;
}

/******create CDS Account******/
.claro .createUserGridHeaderTxt {
	font-weight: bold;
	font-size: 11px;
}

.claro .createUserProfileDdl {
	width: 165px;
}

.claro .createCDSFlotPane {
	position: absolute;
	top: 200px;
	left: 200px;
	width: 700px !important;
	height: 355px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .createCDSFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .createCDSFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 700px !important;
	height: 335px !important;
}

.claro .createCDSFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .createCDSContentPane {
	top: 0px !important;
	height: 355px;
	width: 700px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
	left: 0px !important;
}

.claro .createCDSrBorContainers {
	top: 23px !important;
	padding: 0px;
	width: 740px !important;
	height: 360px !important;
	background-color: #d0e8ff;
	position: absolute !important;
}

.claro .cdsAccountsMessageBox {
	width: 120px !important;
	text-align: center !important;
	top: 5px;
	background-color: green !important;
	border: 0px !important;
	color: white;
	float: right;
	padding-top: 3px;
	margin-right:15px;
	height: 20px;
	border-radius: 5px
}


/******create CDS Account******/

/******* Error Dialog ********/
.claro .errorDialog, .claro .errorDefaultDialog {
	background: #fafafa !important;
	border: 1px solid #7eabcd;
	padding: 0;
	-webkit-box-shadow: 0 5px 10px #adadad;
}

.claro .errorDialog .dijitDialogTitleBar {
	border: none !important;
	border-top: none !important;
}

.claro .errorDefaultDialog .dijitDialogTitleBar {
	border: none !important;
	border-top: none !important;
	display: none !important;
}

.claro .errorDialog .dijitDialogPaneContent, .claro .errorDefaultDialog .dijitDialogPaneContent
	{
	background: #fafafa !important;
	border-top: none !important;
	padding: 5px;
}

.claro .errorDialog .error_image_content, .claro .errorDialog .info_image_content,
	.claro .errorDialog .debug_image_content, .claro .errorDefaultDialog .error_image_content,
	.claro .errorDefaultDialog .info_image_content, .claro .errorDefaultDialog .debug_image_content
	{
	margin: 15px 5px 5px 10px;
	position: absolute;
	width: 48px;
	height: 48px;
	border: none;
	vertical-align: middle !important;
	left: 0px !important;
	bottom: 0px;
	top: 0px;
}

.claro .errorDialog .error_image_content, .claro .errorDefaultDialog .error_image_content
	{
	background-image: url(images/error/Error.png);
	background-repeat: no-repeat;
}

.claro .errorDialog .info_image_content, .claro .errorDefaultDialog .info_image_content
	{
	background-image: url(images/error/Info.png);
	background-repeat: no-repeat;
}

.claro .errorDialog .debug_image_content, .claro .errorDefaultDialog .debug_image_content
	{
	background-image: url(images/error/Debug.png);
	background-repeat: no-repeat;
}

.claro .errorDialog .error_default_message_content, .claro .errorDefaultDialog .error_default_message_content
	{
	position: absolute;
	padding: 10px 5px 5px 5px;
	margin: 0px 0px;
	border: none;
	text-align: left;
	right: 0px;
	top: 0px;
	left: 65px;
	width: 80%;
	height: 30px;
	vertical-align: middle;
}

.claro .errorDialog .error_animate_message_content, .claro .errorDefaultDialog .error_animate_message_content
	{
	position: absolute;
	padding: 20px 5px 5px 5px;
	margin: 0px 0px;
	border: none;
	text-align: left;
	right: 0px;
	top: 0px;
	left: 65px;
	width: 270px;
	height: 48px;
	vertical-align: middle;
}

.claro .errorDialogCloseButtonContent {
	position: absolute !important;
	padding: 5px 5px 5px 5px;
	right: 20px;
	bottom: -75px !important;
}

.claro .errorDialog .errorDialogCloseButton {
	margin: 0.2em;
	vertical-align: middle;
}

.claro .errorDialogCloseButtonNode {
	height: 15px;
	width: 60px;
	border: 2px solid blue;
	background-color: #004080;
}
/******* End Error Dialog ********/

/*for listCDSAccount Page*/
.claro .listCDSAccountFlotPane {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 1000px !important;
	height: 510px !important;
	visibility: hidden;
	padding: 8 !important;
	data-dojo-props: resizable:false;
	z-index: 0;
}

.claro .listCDSNumberspinner {
	width: 100px;
}

.claro .listCDSAccountFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .listCDSAccountFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 1000px !important;
	height: 490px !important;
}

.claro .listCDSAccountSearchByText {
	font-weight: bold;
}

.claro .listCDSAccountInitialTextbox {
	float: right;
}

.claro .listCDSAccountFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .listCDSAccountContentPane {
	top: 0px !important;
	height: 490px;
	width: 1000px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .listCDSAccountBorContainers {
	padding: 0px;
	width: 1000px !important;
	height: 490px !important;
	background-color: #ffffff;
}

.claro .listCDSAccountGridContainer {
	height: 370px;
	padding-bottom: 0px;
	padding-top: 200px;
	width: 1000px !important;
	padding: 0px !important;
}

.claro .listCDSAccountGridContainer.Grid {
	width: 1980px !important;
	padding-top: 100px;
}

.claro .listCDSAccountSearchButton {
	float: right;
	padding-right: 13px;
}

.claro .listCDSAccountADDCDSButton {
	float: left;
	padding-left: 155px;
}

.claro .listCDSTableHeaderSeperator {
	padding-top: 10px;
}

.claro .listCDSTableHeaderSeperator2 {
	
}

.claro .listCDSSearchBtn {
	float: right;
	padding-right: 7px;
	padding-bottom: 2px;
}

.claro .listCDSAccountSaveBut {
	float: right;
	padding-top: 125px;
	padding-right: 10px;
}

.claro .listCDSAccountCloseBut {
	float: right;
	padding-top: 125px;
	padding-right: 10px;
}

.claro .listCDSAccountGridHeaderTxt {
	font-weight: bold;
	color: white;
}

.claro .holidayCalendarAction {
	font-weight: bold;
	color: white;
	align:middle;
}

.claro .holidayCalendartxt {
	font-weight: bold;
	color: white;
}

.claro .listCDSAccountMainGridHeaderTxt {
	
}

.claro .userViewTextBoxes1 {
	width: 698px;
	height: 35px;
	align: left;
}

.claro .listCDSAccountInitialsTextBox {
	float: left;
	padding-left: 10px;
}

.claro .listCDSCloseBtn {
	float: right;
}

.claro .listCDSAccountPaginationButtons {
	padding-top: 8px;
}

.claro .listCDSAccountGrid {
	width: 1000px !important;
	height: 370px;
	border-color: #A0CBFE;
}

.claro .listCDSAccountGrid .dojoxGridScrollbox {
	width: 1000px !important;
	overflow-x: visible;
	overflow-y: auto;
}

/*
.claro .listCDSAccountGrid .dojoxGridHeader .dojoxGridCell{
		background:url("../atrad/images/watchHeaderImage.jpg") #e5edf4 repeat-x top;
	border-style:solid;
	border-width:1px;
	border-color:#BCBCBC #BCBCBC #BCBCBC transparent;
		color: white !important;
		
}*/
.claro .listCDSAccountGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .listCDSAccountGrid .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: #D0E8FF;
}

.claro.listCDSAccountGrid .dojoxGridCell {
	text-align: center;
}

.claro #listCDSAccountGrid .dojoxGridRow, .claro #listCDSAccountGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 1300px;
}

.claro.listCDSAccountGrid .dojoxGridMasterHeader .dojoxGridHeader {
	background-color: #A0CBFE !important;
}

div.inline {
	float: left;
}

/******view CDS Account******/
.claro .viewCDSGridHeaderTxt {
	font-weight: bold;
	font-size: 11px;
	color: #7ED5FF;
}

.claro .viewCDSFlotPane {
	position: absolute;
	top: 80px;
	left: 250px;
	width: 850px !important;
	height: 520px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
	z-index: 0;
}

.claro .ViewCDSLayoutContainer {
	width: 850px !important;
	height: 500px !important;
	top: 0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}

.claro .viewCDSBorContainers {
	height: 500px !important;
}

.claro .viewCDSFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .viewCDSFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 850px !important;
	height: 500px !important;
}

.claro .viewCDSFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .viewCDSContentPane {
	top: 0px !important;
	height: 440px;
	width: 850px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
	left: 0px !important;
}

.claro .viewCDSrBorContainers {
	top: 23px !important;
	padding: 0px;
	width: 850px !important;
	height: 440px !important;
	background-color: #d0e8ff;
	position: absolute !important;
}

.claro .viewCDSAddressTextArea {
	overflow: auto;
	resize: none;
	color: inherit;
	background-color: white !important;
}

.claro .viewCDSAccntAdressTxt .dijitTextBoxFocused {
	background: black;
}

.claro .viewCDSAccntCloseBtn {
	float: right;
}
/******view CDS Account******/

/******edit CDS Account******/
.claro .editUserGridHeaderTxt {
	font-weight: bold;
	font-size: 11px;
}

.claro .editCDSFlotPane {
	position: absolute;
	top: 80px;
	left: 250px;
	width: 850px !important; /**850**/
	height: 540px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .editCDSFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .editCDSFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 850px !important; /**850**/
	height: 520px !important;
}

.claro .editCDSFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .editCDSContentPane {
	top: 0px !important;
	height: 525px;
	width: 850px !important; /**850**/
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
	left: 0px !important;
}

.claro .editCDSrBorContainers {
	top: 23px !important;
	padding: 0px;
	width: 850px !important; /**850**/
	height: 525px !important;
	background-color: #d0e8ff;
	position: absolute !important;
}

.claro .editCDSAccntSaveBttn {
	float: right;
}

.claro .editCDSAccntClearBttn {
	float: right;
}

/******edit CDS Account******/

/*for createUser Page*/
.claro .createUserFlotPane {
	position: absolute;
	top: 100px;
	left: 200px;
	width: 900px !important;
	height: 500px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .createUseraddGridContainer {
	height: 180px;
	padding-bottom: 0px;
	padding-top: 200px;
	width: 920px !important;
	padding: 0px !important;
	float: left;
}

.claro .createUserGridHeaderTxt {
	color: #7ED5FF font-weight: bold;
}

.claro .createUserFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .createUserFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 900px !important;
	height: 480px !important;
}

.claro .createUserFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .createUserContentPane {
	top: 0px !important;
	height: 480px;
	width: 900px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .createUserFilterContent {
	background-color: #d0e8ff;
	height: 90px;
	padding-top: 5px;
}

.claro .viewCDSSearchBtn {
	float: left;
	padding-left: 5px;
}

.claro .createUserLastNameTextBox {
	float: right;
}

.claro .createUserProfileTextBox {
	float: right;
}

.claro .createUserFirstNameTextBox {
	float: right;
}

.claro .createUserBorContainers {
	padding: 0px;
	width: 900px !important;
	height: 480px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .createUserGridContainer {
	height: 200px;
	padding-bottom: 0px;
	width: 900px !important;
	padding: 0px !important;
}

.claro .createUserGridContainer.Grid {
	width: 1980px !important;
	padding-top: 100px;
}

.claro .addCDSAccountGrid {
	width: 920px !important;
	height: 500px;
	border-color: #A0CBFE;
}

.claro .createUserAddCDSAccountGrid .dojoxGridScrollbox {
	overflow-x: visible;
	overflow-y: scroll;
	height: 200px;
	width: 903px;
}
/*
.claro .createUserAddCDSAccountGrid .dojoxGridHeader .dojoxGridCell{
		background-color: #A0CBFE !important;
		background-image: url(../atrad/images/watchHeaderImage.jpg) !important;
		background-repeat:repeat;
		border-left: 1px  !important;
		border-top: 1px  !important;
		border-color: #76A3E0 !important;
		color: white !important;
}*/
.claro .createUserAddCDSAccountGrid .dojoxGridMasterHeader .dojoxGridHeader
	{
	background-color: #A0CBFE !important;
}

.claro #createUserAddCDSAccountGrid .dojoxGridRow, .claro #createUserAddCDSAccountGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 600px;
}

.claro .createUserAddCDSAccountGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .createUserAddCDSAccountGrid .dojoxGridRowOdd .dojoxGridRowTable tr
	{
	background-color: #D0E8FF;
}

.claro .createUsercreateUserBut {
	float: right;
	padding-right: 10px;
}

.claro .createUserCloseBut {
	float: right;
	padding-right: 10px;
	padding-top: 4px;
}

.claro .createUsercreateUserBulkBut {
	float: left;
	padding-left: 80px;
}

.claro .userViewTextBoxes1 {
	width: 500px;
	height: 35px;
	align: left;
}

.claro .userViewprofileTxt {
	float: left;
	font-weight: bold;
}

.claro .createUserLastNameTxt {
	
}

.claro .viewCDSLastNameTd {
	float: left;
	padding-left: 3px;
	width: 69px;
}

.claro .createUserFirstNameTxt {
	float: left;
	padding-left: 8px;
	width: 62px;
}

.claro .createUserSearchButton {
	float: left;
}

.claro .createUserBulkBtn {
	float: left;
}

.claro .createUserUserNameTxt {
	float: left;
	font-weight: bold;
}

.claro .createUserUserNameTextBox {
	float: left;
}

.claro .createUserSearchButtonPanal {
	float: left;
	height: 42px;
}

.claro .createUserCloseBtn {
	float: right;
}

.claro .createUserSaveBtn {
	
}

.claro .createUserFilterContent {
	background-color: #d0e8ff;
	height: 200px;
	padding-top: 5px;
}

.claro .createUserUserNameLbl {
	float: left;
	padding-left: 10px;
}

div.inline {
	float: left;
}

/******View User******/
.claro .viewUserFlotPane {
	position: absolute;
	top: 100px;
	left: 200px;
	width: 900px !important;
	height: 440px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .viewUserFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .viewUserFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 900px !important;
	height: 420px !important;
}

.claro .viewUserFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .viewUserContentPane {
	top: 0px !important;
	height: 420px;
	width: 900px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .viewUserFilterContent {
	background-color: #d0e8ff;
	height: 110px;
	width: 900px !important;
	padding-top: 5px;
	left: 0px !important;
	top: 0px !important;
}

.claro .viewUserGridHeaderTxt {
	color: white;
	font-weight: bold;
}

.claro .viewCDSSearchBtn {
	float: left;
	padding-left: 5px;
}

.claro .viewUserLastNameTextBox {
	float: right;
}

.claro .viewUserProfileTextBox {
	float: right;
}

.claro .viewUserFirstNameTextBox {
	float: right;
}

.claro .viewUserBorContainers {
	padding: 0px;
	width: 900px !important;
	height: 420px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .viewUserGridContainer {
	height: 200px;
	padding-bottom: 0px;
	width: 900px !important;
	padding: 0px !important;
}

.claro .viewUserGridContainer.Grid {
	width: 695px !important;
}

.claro .addCDSAccountGrid {
	width: 698px !important;
	height: 300px;
	border-color: #A0CBFE;
}

.claro .viewUserAddCDSAccountGrid .dojoxGridScrollbox {
	overflow-x: visible;
	overflow-y: auto;
	height: 200px;
}

.claro .LayoutContainer {
	width: 900px !important;
	height: 450px !important;
	top: 0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}

.claro .ViewCDSLayoutContainer {
	width: 850px !important;
	height: 500px !important;
	top: 0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}

.claro .viewUserAddCDSAccountGridContainer {
	height: 180px;
	padding-bottom: 0px;
	padding-top: 200px;
	width: 900px !important;
	padding: 0px !important;
	float: left;
}

.claro .viewUserAddCDSAccountGridContainer.Grid {
	width: 1980px !important;
	padding-top: 100px;
}

/*
.claro .LayoutContainer{
	width:1300px !important;
	height:490px !important;
	top:0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}
		*/

/******View User******/

/******Edit User******/
.claro .editUserAddCDSAccountGridContainer {
	height: 180px;
	padding-bottom: 0px;
	padding-top: 200px;
	width: 900px !important;
	padding: 0px !important;
	float: left;
}

.claro .editUserAddCDSAccountGrid {
	height: 360px;
	padding-bottom: 0px;
	width: 900px !important;
	padding: 0px !important;
}

.claro .editUserAddCDSAccountGrid .dojoxGridScrollbox {
	overflow-x: visible;
	overflow-y: auto;
	height: 200px;
}

/*
.claro .viewUserAddCDSAccountGrid .dojoxGridHeader .dojoxGridCell{
		background-color: #A0CBFE !important;
		background-image: url(../atrad/images/watchHeaderImage.jpg) !important;
		background-repeat:repeat;
		border-left: 1px  !important;
		border-top: 1px  !important;
		border-color: #76A3E0 !important;
		color: white !important;
}*/
.claro .viewUserAddCDSAccountGrid .dojoxGridMasterHeader .dojoxGridHeader
	{
	background-color: #A0CBFE !important;
}

.claro #viewUserAddCDSAccountGrid .dojoxGridRow, .claro #viewUserAddCDSAccountGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 600px;
}

.claro .viewUserAddCDSAccountGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .viewUserAddCDSAccountGrid .dojoxGridRowOdd .dojoxGridRowTable tr
	{
	background-color: #D0E8FF;
}

.claro .viewUserviewUserBut {
	float: right;
	padding-right: 10px;
}

.claro .viewUserCloseBut {
	float: right;
	padding-right: 10px;
	padding-top: 4px;
}

.claro .viewUserviewUserBulkBut {
	float: left;
	padding-left: 80px;
}

.claro .userViewTextBoxes1 {
	width: 500px;
	height: 35px;
	align: left;
}

.claro .viewUserCloseBtn {
	float: left;
	padding-left: 100px;
}

.claro .userViewprofileTxt {
	float: left;
	font-weight: bold;
}

.claro .viewUserLastNameTxt {
	
}

.claro .viewCDSLastNameTd {
	float: left;
	padding-left: 3px;
	width: 69px;
}

.claro .viewUserFirstNameTxt {
	float: left;
	padding-left: 8px;
	width: 62px;
}

.claro .viewUserSearchButton {
	float: left;
}

.claro .viewUserBulkBtn {
	float: left;
}

.claro .viewUserUserNameTxt {
	float: left;
	font-weight: bold;
}

.claro .viewUserUserNameTextBox {
	float: left;
}

.claro .viewUserSearchButtonPanal {
	float: left;
	height: 42px;
}

.claro .viewUserCloseBtn {
	float: right;
}

.claro .viewUserSaveBtn {
	
}

.claro .viewUserFilterContent {
	background-color: #d0e8ff;
	height: 200px;
	padding-top: 5px;
}

.claro .viewUserUserNameLbl {
	float: left;
	padding-left: 10px;
}

div.inline {
	float: left;
}

/*edit user*/
.claro .editUserFlotPane {
	position: absolute;
	top: 100px;
	left: 200px;
	width: 900px !important;
	height: 520px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .editUserFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .editUserFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 900px !important;
	height: 500px !important;
}

.claro .editUserFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .editUserContentPane {
	top: 0px !important;
	height: 500px;
	width: 900px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .editUserFilterContent {
	background-color: #d0e8ff;
	height: 110px;
	padding-top: 5px;
}

.claro .editUserBorContainers {
	padding: 0px;
	width: 900px !important;
	height: 500px !important;
	background-color: #ffffff;
	left: 0px;
}


.claro .editUsersMessageBox {
	width: 170px !important;
	text-align: center !important;
	top: 5px;
	background-color: green !important;
	border: 0px !important;
	color: white;
	float: left;
	padding-top: 3px;
	height: 20px;
	border-radius: 5px;
}


/*edit user*/

/*for addCDSAccount Page*/
.claro .addCDSAccountFlotPane {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 1300px !important;
	height: 510px !important;
	visibility: hidden;
	padding: 8 !important;
	data-dojo-props: resizable:false;
	z-index: 0;
}

.claro .addCDSAccountFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .addCDSAccountFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 1300px !important;
	height: 490px !important;
}

.claro .addCDSAccountSearchByText {
	font-weight: bold;
}

.claro .addCDSAccountInitialTextbox {
	float: right;
}

.claro .addCDSAccountFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .addCDSAccountContentPane {
	top: 0px !important;
	height: 490px;
	width: 1300px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .addCDSAccountBorContainers {
	padding: 0px;
	width: 1300px !important;
	height: 490px !important;
	background-color: #ffffff;
}

.claro .addCDSAccountGridContainer {
	height: 350px;
	padding-bottom: 0px;
	padding-top: 200px;
	width: 1300px !important;
	padding: 0px !important;
}

.claro .addCDSAccountGridContainer.Grid {
	width: 1980px !important;
	padding-top: 100px;
}

.claro .addCDSAccountSearchButton {
	float: right;
	padding-right: 25px;
}

.claro .listCDSTableHeaderSeperator {
	padding-top: 10px;
}

.claro .listCDSTableHeaderSeperator2 {
	
}

.claro .listCDSSearchBtn {
	float: right;
	padding-right: 7px;
	padding-bottom: 2px;
}

.claro .addCDSAccountSaveBut {
	float: right;
	padding-top: 125px;
	padding-right: 10px;
}

.claro .addCDSAccountCloseBut {
	float: right;
	padding-top: 125px;
	padding-right: 10px;
}

.claro .addCDSAccountGridHeaderTxt {
	font-weight: bold;
	color: white;
}

.claro .addCDSAccountMainGridHeaderTxt {
	
}

.claro .userViewTextBoxes1 {
	width: 698px;
	height: 35px;
	align: left;
}

.claro .addCDSAccountInitialsTextBox {
	float: left;
	padding-left: 10px;
}

.claro .addCDSAccountButtonPanal {
	/*float: right;*/
	padding-right: 18px;
	padding-top: 8px;
}

.claro .addCDSAccountGrid {
	width: 1300px !important;
	height: 500px;
	border-color: #A0CBFE;
}

.claro .addCDSAccountGrid .dojoxGridScrollbox {
	overflow-x: visible;
	overflow-y: auto;
}
/*
.claro .addCDSAccountGrid .dojoxGridHeader .dojoxGridCell{
		background:url("../atrad/images/watchHeaderImage.jpg") #e5edf4 repeat-x top;
	border-style:solid;
	border-width:1px;
	border-color:#BCBCBC #BCBCBC #BCBCBC transparent;
		color: white !important;
		
}*/
.claro .addCDSAccountGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .addCDSAccountGrid .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: #D0E8FF;
}

.claro.addCDSAccountGrid .dojoxGridCell {
	text-align: center;
}

.claro #addCDSAccountGrid .dojoxGridRow, .claro #addCDSAccountGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 1300px;
}

.claro.addCDSAccountGrid .dojoxGridMasterHeader .dojoxGridHeader {
	background-color: #A0CBFE !important;
}

div.inline {
	float: left;
}

/******* Confirm Dialog ********/
.claro .confirmDialog, .claro .confirmDialog {
	background: #fafafa !important;
	border: 1px solid #7eabcd;
	padding: 0;
	-webkit-box-shadow: 0 5px 10px #adadad;
}

.claro .confirmDialog .dijitDialogTitleBar {
	border: none !important;
	border-top: none !important;
}

.claro .errorDefaultDialog .dijitDialogTitleBar {
	border: none !important;
	border-top: none !important;
	display: none !important;
}

.claro .confirmDialog .dijitDialogPaneContent, .claro .confirmDialog .dijitDialogPaneContent
	{
	background: #fafafa !important;
	border-top: none !important;
	padding: 5px;
}

.claro .confirmDialog .error_image_content, .claro .confirmDialog .info_image_content,
	.claro .confirmDialog .debug_image_content, .claro .confirmDialog .error_image_content,
	.claro .confirmDialog .info_image_content, .claro .confirmDialog .debug_image_content
	{
	margin: 15px 5px 5px 10px;
	position: absolute;
	width: 100px;
	height: 100px;
	border: none;
	vertical-align: middle !important;
	left: 0px !important;
	bottom: 0px;
	top: 0px;
}

.claro .confirmDialog .error_image_content, .claro .confirmDialog .error_image_content
	{
	background-image: url(images/error/Error.png);
	background-repeat: no-repeat;
}

.claro .confirmDialog .info_image_content, .claro .confirmDialog .info_image_content
	{
	background-image: url(images/error/Info.png);
	background-repeat: no-repeat;
}

.claro .confirmDialog .debug_image_content, .claro .confirmDialog .debug_image_content
	{
	background-image: url(images/error/Debug.png);
	background-repeat: no-repeat;
}

.claro .confirmDialog .error_default_message_content, .claro .confirmDialog .error_default_message_content
	{
	position: absolute;
	padding: 20px 5px 5px 5px;
	margin: 0px 0px;
	border: none;
	text-align: left;
	right: 0px;
	top: 0px;
	left: 65px;
	width: 500px;
	height: 100px;
	vertical-align: middle;
}

.claro .confirmDialog .error_animate_message_content, .claro .confirmDialog .error_animate_message_content
	{
	position: absolute;
	padding: 20px 5px 5px 5px;
	margin: 0px 0px;
	border: none;
	text-align: left;
	right: 0px;
	top: 0px;
	left: 65px;
	width: 500px;
	height: 100px;
	vertical-align: middle;
}

.claro .confirmDialogCloseButtonContent {
	position: absolute !important;
	padding: 5px 5px 5px 5px;
	right: 20px;
	bottom: -75px !important;
}

.claro .confirmDialog .confirmDialogCloseButton {
	margin: 0.2em;
	vertical-align: middle;
}

.claro .confirmDialogCloseButtonNode {
	height: 15px;
	width: 60px;
	border: 2px solid blue;
	background-color: #004080;
}
/******* End Confirm Dialog ********/

/*for listSecurity Page*/
.claro .listSecurityFlotPane {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 1300px !important;
	height: 510px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .listSecurityGridHeaderTxt {
	color: white;
	font-weight: bold;
}

.claro .listSecurityFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .listSecurityFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 1300px !important;
	height: 490px !important;
}

.claro .listSecurityFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .listSecurityContentPane {
	top: 0px !important;
	height: 490px;
	width: 1300px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .listSecurityFilterContent {
	background-color: #d0e8ff;
	height: 110px;
	padding-top: 5px;
}

.claro .listSecurityCompanyNamelbl {
	width: 120px;
}

.claro .viewCDSSearchBtn {
	float: left;
	padding-left: 5px;
}

.claro .listSecurityTableSep {
	padding-top: 10px;
}

.claro .listSecurityUserNameLbl {
	float: left;
}

.claro .listSecurityLastNameTextBox {
	float: left;
}

.claro .listSecurityProfileTextBox {
	float: right;
}

.claro .listSecurityFirstNameTextBox {
	float: right;
}

.claro .listSecurityBorContainers {
	padding: 0px;
	width: 1300px !important;
	height: 490px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .listSecurityGridContainer {
	height: 340px;
	padding-bottom: 0px;
	width: 1300px !important;
	padding: 0px !important;
}

.claro .listSecurityGridContainer.Grid {
	width: 1300px !important;
}
/*.blotterGrid .dojoxGridContent{
	width:1400px !important;	
}*/
.claro .listSecurityGrid .dojoxGridScrollbox {
	overflow-x: visible;
	overflow-y: auto;
}
/*.claro .listSecurityGrid .dojoxGridHeader .dojoxGridCell{
		background-color: #A0CBFE !important;
		background-image: url(../atrad/images/watchHeaderImage.jpg) !important;
		background-repeat:repeat;
		border-left: 1px  !important;
		border-top: 1px  !important;
		border-color: #76A3E0 !important;
		color: white !important;
}
*/
.claro .listSecurityGrid .dojoxGridMasterHeader .dojoxGridHeader {
	background-color: #A0CBFE !important;
}

.claro .listSecurityGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .listSecurityGrid .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: #D0E8FF;
}

.claro .listSecurityAddUserBut {
	float: right;
	padding-right: 10px;
}

.claro .listSecurityCloseBut {
	float: right;
	padding-right: 10px;
	padding-top: 4px;
}

.claro .listSecurityAddUserBulkBut {
	float: left;
	padding-left: 80px;
}

.claro .userViewTextBoxes1 {
	width: 500px;
	height: 35px;
	align: left;
}

.claro .listSecurityProfileTxt {
	width: 500px;
}

.claro .listSecuritySearchBtn {
	float: right;
	padding-right: 33px;
}

.claro .listSecurityLastNameTxt {
	
}

.claro .viewCDSLastNameTd {
	float: left;
	padding-left: 3px;
	width: 69px;
}

.claro .listSecurityFirstNameTxt {
	float: left;
	padding-left: 8px;
	width: 62px;
}

.claro .listSecuritySearchButton {
	float: left;
}

.claro .listSecurityBulkBtn {
	float: left;
}

.claro .listSecurityUserNameTxt {
	float: left;
	font-weight: bold;
}

.claro .listSecurityUserNameTextBox {
	float: left;
}

.claro .listSecuritySearchButtonPanal {
	float: left;
	height: 42px;
}

div.inline {
	float: left;
}

/******add security******/
.claro .addSecurityGridHeaderTxt {
	font-weight: bold;
	font-size: 11px;
}

.claro .addSecurityFlotPane {
	position: absolute;
	top: 200px;
	left: 200px;
	width: 320px !important;
	height: 435px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .addSecurityFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 320px !important;
	height: 415px !important;
}

.claro .addSecurityFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .addSecurityContentPane {
	top: 0px !important;
	height: 415px;
	width: 320px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
	left: 0px !important;
}

.claro .addSecurityBorContainers {
	padding: 0px;
	width: 320px !important;
	height: 415px !important;
	background-color: #d0e8ff;
}

.claro .SecurityTextBox {
	width: 174px !important;
	padding-left: 4px;
}

.claro .addSecurityExposureTextBox {
	width: 115px !important;
}

/******view security******/
.claro .viewSecurityGridHeaderTxt {
	font-weight: bold;
	font-size: 11px;
}

.claro .viewSecurityFlotPane {
	/*position: absolute;*/
	top: 100px;
	left: 200px;
	width: 310px !important;
	height: 550px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .viewSecurityFlotPane .dojoxFloatingPaneContent {
	overflow: hidden;
}

.claro .viewSecurityFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 310px !important;
	height: 530px !important;
}

.claro .viewSecurityFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .viewSecurityContentPane {
	top: 0px !important;
	height: 480px;
	width: 310px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
	left: 0px !important;
}

.claro .viewSecurityBorContainers {
	padding: 0px;
	width: 310px !important;
	height: 530px !important;
	background-color: #d0e8ff;
}

.claro .viewSecurityTextBox {
	width: 180px !important;
}

.claro .viewSecurityExposureTextBox {
	width: 115px !important;
}

.claro .viewSecurityLayoutContainer {
	width: 900px !important;
	height: 530px !important;
	top: 0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}

/******edit security******/
.claro .editSecurityGridHeaderTxt {
	font-weight: bold;
	font-size: 11px;
}

.claro .editSecurityFlotPane {
	position: absolute;
	top: 100px;
	left: 200px;
	width: 320px !important;
	height: 550px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .editSecurityFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 320px !important;
	height: 510px !important;
}

.claro .editSecurityFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .editSecurityContentPane {
	top: 0px !important;
	height: 530px;
	width: 320px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
	left: 0px !important;
}

.claro .editSecurityBorContainers {
	padding: 0px;
	width: 320px !important;
	height: 530px !important;
	background-color: #d0e8ff;
}

.claro .editSecurityTextBox {
	width: 180px !important;
}

.claro .editSecurityExposureTextBox {
	width: 115px !important;
}

/*global parameters*/
.claro .globalParametersGridHeaderTxt {
	font-weight: bold;
	font-size: 11px;
}

.claro .globalParametersFlotPane {
	position: absolute;
	top: 20px;
	left: 250px;
	width: 880px !important;
	height: 600px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .globalParametersFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 880px !important;
	height: 580px !important;
}

.claro .globalParametersFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .globalParametersContentPane {
	top: 0px !important;
	height: 590px;
	width: 880px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
	left: 0px !important;
}

.claro .globalParametersBorContainers {
	padding: 0px;
	width: 880px !important;
	height: 580px !important;
	background-color: #d0e8ff;
}

/*broker announcements*/
.claro .brokerAnnouncementGridHeaderTxt {
	font-weight: bold;
	font-size: 11px;
}

.claro .brokerAnnouncementFlotPane {
	position: absolute;
	top: 200px;
	left: 200px;
	width: 920px !important;
	height: 440px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .brokerAnnouncementFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 920px !important;
	height: 420px !important;
}

.claro .brokerAnnouncementFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .brokerAnnouncementContentPane {
	top: 0px !important;
	height: 420px;
	width: 920px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
	left: 0px !important;
}

.claro .brokerAnnouncementBorContainers {
	padding: 0px;
	width: 920px !important;
	height: 420px !important;
	background-color: #d0e8ff;
}

.claro .brokerAnnouncementGridContainer {
	height: 150px;
	padding-bottom: 0px;
	width: 300px !important;
	padding: 0px !important;
}

.claro .brokerAnnouncementGridContainer.Grid {
	width: 300px !important;
}

.claro .brokerAnnouncementGridContainer .dojoxGridScrollbox {
	overflow-x: visible;
	overflow-y: auto;
	height: 100px;
}

/*for addUser Page*/
.claro .addUserFlotPane {
	position: absolute;
	top: 200px;
	left: 200px;
	width: 698px !important;
	height: 450px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .addUserGridContainer {
	height: 150px;
	padding-bottom: 0px;
	width: 900px !important;
	padding: 0px !important;
}

.claro .addUserFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .addUserFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 698px !important;
	height: 430px !important;
}

/*
.claro .brokerAnnouncementGrid .dojoxGridHeader .dojoxGridCell{
		background:url("../atrad/images/watchHeaderImage.jpg") #e5edf4 repeat-x top;
	border-style:solid;
	border-width:1px;
	border-color:#BCBCBC #BCBCBC #BCBCBC transparent;
		color: white !important;
		
}*/
.claro .brokerAnnouncementGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .brokerAnnouncementGrid .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: #D0E8FF;
}

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

.claro #brokerAnnouncementGrid .dojoxGridRow, .claro #brokerAnnouncementGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 600px;
}

.brokerAnnouncementGrid .dojoxGridMasterHeader .dojoxGridHeader {
	background-color: #A0CBFE !important;
}

.claro .addUserSearchByText {
	font-weight: bold;
}

.claro .addUserInitialTextbox {
	float: right;
}

.claro .addUserFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .addUserContentPane {
	top: 0px !important;
	height: 430px;
	width: 698px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .addUserBorContainers {
	padding: 0px;
	width: 698px !important;
	height: 430px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .addUserGridContainer {
	height: 300px;
	padding-bottom: 0px;
	width: 698px !important;
	padding: 0px !important;
}

/*
.claro .addUserGrid .dojoxGridHeader .dojoxGridCell{
		background:url("../atrad/images/watchHeaderImage.jpg") #e5edf4 repeat-x top;
	border-style:solid;
	border-width:1px;
	border-color:#BCBCBC #BCBCBC #BCBCBC transparent;
		color: white !important;
		
}*/
.claro .addUserGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .addUserGrid .dojoxGridScrollbox {
	overflow-x: hidden;
	overflow-y: auto;
}

.claro .addUserGrid .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: #D0E8FF;
}

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

.claro #addUserGrid .dojoxGridRow, .claro #addUserGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 600px;
}

.addUserGrid .dojoxGridMasterHeader .dojoxGridHeader {
	background-color: #A0CBFE !important;
}

.claro .addUserGridContainer.Grid {
	width: 695px !important;
}

.claro .brokerAnnouncementLogGridContainer {
	height: 180px;
	padding-bottom: 0px;
	padding-top: 200px;
	width: 100% !important;
	padding: 0px !important;
	float: left;
}

.claro .brokerAnnouncementLogGridContainer.Grid {
	width: 900px !important;
	padding-top: 100px;
}

.claro .brokerAnnouncementLogGrid .dojoxGridScrollbox {
	overflow-x: visible;
	overflow-y: auto;
}
/*
.claro .brokerAnnouncementLogGrid .dojoxGridHeader .dojoxGridCell{
		background:url("../atrad/images/watchHeaderImage.jpg") #e5edf4 repeat-x top;
	border-style:solid;
	border-width:1px;
	border-color:#BCBCBC #BCBCBC #BCBCBC transparent;
		color: white !important;
		
}*/
.claro .brokerAnnouncementLogGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .brokerAnnouncementLogGrid .dojoxGridRowOdd .dojoxGridRowTable tr
	{
	background-color: #D0E8FF;
}

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

.claro #brokerAnnouncementLogGrid .dojoxGridRow, .claro #brokerAnnouncementLogGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 600px;
}

.brokerAnnouncementLogGrid .dojoxGridMasterHeader .dojoxGridHeader {
	background-color: #A0CBFE !important;
}

.claro .brokerAnnouncementTextArea {
	overflow: auto;
	resize: none;
	color: inherit;
	width: 246px !important;
	background-color: white !important;
}

.claro .addUserSearchBtn {
	float: right;
}

/*global parameters*/
.claro .globalParametersGridHeaderTxt {
	font-weight: bold;
	font-size: 11px;
}

.claro .orderBookFloatPane {
	position: absolute;
	top: 200px;
	left: 200px;
	width: 400px !important;
	height: 405px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .orderBookFloatPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 400px !important;
	height: 385px !important;
}

.claro .orderBookFloatPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .orderBookContentPane {
	top: 0px !important;
	height: 385px;
	width: 400px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
	left: 0px !important;
}

.claro .orderBookBorContainers {
	padding: 0px;
	width: 400px !important;
	height: 385px !important;
	background-color: #d0e8ff;
}

.claro .orderbookGrid {
	width: 300px !important;
	height: 140px;
	border-color: #A0CBFE;
}

/*securitysearch*/
.claro .secSearchWide {
	/*padding-top: 5px;*/
	
}

.claro .secSearch .securitySearchType {
	height: 15px;
	width: 15px;
	Position: relative !important;
	font-weight: bold;
	left: -55px !important;
	top: 25px !important;
}

.claro .secSearch .dijitTextBox {
	color: #0049AA;
	border: 1px solid;
	height: 22px;
	background: url(images/textBoxBg.png) repeat-x;
	width: 15em;
	vertical-align: middle;
}

.claro .secSearch .securitySearchCheckbox {
	height: 15px;
	left: -180px;
	Position: relative !important;
}

.claro .secSearch .securitySearchRadiobuttonName {
	left: 5px;
	top: 0px;
	width: 65px;
	height: 15px;
	font-weight: bold;
	Position: relative !important;
}

.claro .secSearch .securitySearchRadiobutton {
	left: -200px;
	top: -4px;
	height: 15px;
	Position: relative !important;
	display: inline;
}

.claro .secSearch .securitySearchComboboxName {
	left: 280px;
	top: -40px !important;
	width: 30px;
	font-weight: bold;
	position: relative;
	display: inline;
}

.claro .secSearch .securitySearchCombobox {
	left: 300px;
	top: -38px;
	width: 250px;
	position: relative;
	display: inline;
}

.claro .secSearch .securitySearchButton {
	left: 155px;
	top: 10px;
	width: 35px;
	position: relative;
	display: inline;
}

.claro .secSearch .securitySearchSelectbox {
	left: 45px;
	width: 250px;
	position: relative;
	display: inline;
	top: 3px;
}

.claro .secSearch .boardSearchSelectbox {
	left: 5px;
	width: 250px;
	position: relative;
	display: inline;
	top: 3px;
}

.claro .secSearch .securitySearchSelectName {
	left: 45px;
	width: 250px;
	position: relative;
	display: inline;
	top: 3px;
}

.claro .secSearch .boardSearchSelectName {
	left: 5px;
	width: 250px;
	position: relative;
	display: inline;
	top: 3px;
}

.claro .secSearchWide .securitySearchType {
	height: 15px;
	width: 15px;
	Position: relative !important;
	font-weight: bold;
	left: 0;
	top: 10px;
}

.claro .secSearchWide .securitySearchCheckbox {
	height: 15px;
	left: 5px;
	Position: relative !important;
	margin-top: 5px;
	top: 10px;
}

.claro .secSearchWide .securitySearchSelectbox {
	left: 45px;
	width: 250px;
	position: relative;
	display: inline;
}

.claro .secSearchWide .boardSearchSelectbox {
	left: 5px;
	width: 250px;
	position: relative;
	display: inline;
}

.claro .secSearchWide .securitySearchSelectName {
	left: 45px;
	width: 250px;
	position: relative;
	display: inline;
}

.claro .secSearchWide .boardSearchSelectName {
	left: 5px;
	width: 250px;
	position: relative;
	display: inline;
}

.claro .secSearchWide .securitySearchRadiobuttonName {
	position: absolute;
	left: 0;
	width: 65px;
	height: 15px;
	font-weight: bold;
	Position: relative !important;
}

.claro .secSearchWide .securitySearchRadiobutton {
	left: 0px;
	height: 15px;
	Position: relative !important;
}

.claro .secSearchWide .securitySearchComboboxName {
	left: 0;
	top: 15px;
	width: 15px;
	font-weight: bold;
	position: relative;
	display: inline;
}

.claro .secSearchWide .securitySearchCombobox {
	left: 30px;
	top: 15px;
	width: 250px;
	position: relative;
	display: inline;
}

.claro .secSearchWide .securitySearchButton {
	left: 420px;
	top: -10px;
	width: 25px;
	position: relative;
}

.claro .securitySearchContentPane {
	height: 90px !important;
	width: 470px !important;
	border: 0 !important;
	padding: 0 !important;
	left: 1px !important;
	overflow: hidden;
}

.claro .securitySearchContentPaneStat {
	height: 90px !important;
	width: 850px !important;
	border: 0 !important;
	padding: 0 !important;
	left: 1px !important;
	overflow: hidden;
}
/****** securitysearch ******/

/*for watchList Page*/
.claro .watchListFlotPane {
	position: absolute;
	top: 200px;
	left: 200px;
	width: 500px !important;
	height: 400px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .watchGridContainer {
	height: 200px;
	padding-bottom: 0px;
	width: 780px !important;
	padding: 0px !important;
}

.claro .watchListGridHeaderTxt {
	color: white;
	font-weight: bold;
}

.claro .watchListFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .watchListFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 500px !important;
	height: 380px !important;
}

.claro .watchListFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .watchListContentPane {
	top: 0px !important;
	height: 400px;
	width: 500px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .watchListFilterContent {
	background-color: #d0e8ff;
	height: 70px;
	padding-top: 5px;
}

.claro .watchListCompanyNamelbl {
	width: 120px;
}

.claro .viewCDSSearchBtn {
	float: left;
	padding-left: 5px;
}

.claro .watchListTableSep {
	padding-top: 10px;
}

.claro .watchListUserNameLbl {
	float: left;
}

.claro .watchListLastNameTextBox {
	float: left;
}

.claro .watchListProfileTextBox {
	float: right;
}

.claro .watchListFirstNameTextBox {
	float: right;
}

.claro .watchListBorContainers {
	padding: 0px;
	width: 500px !important;
	height: 400px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .watchListGridContainer {
	height: 200px;
	padding-bottom: 0px;
	width: 500px !important;
	padding: 0px !important;
}

.claro .watchListGridContainer.Grid {
	width: 780px !important;
}
/*.blotterGrid .dojoxGridContent{
	width:1400px !important;	
}*/
.claro .watchListGrid {
	width: 500px !important;
	height: 300px;
	border-color: #A0CBFE;
}

.claro .watchListGrid .dojoxGridScrollbox {
	overflow-x: hidden;
	overflow-y: auto;
}
/*
.claro .watchListGrid .dojoxGridHeader .dojoxGridCell{
		background-color: #A0CBFE !important;
		background-image: url(../atrad/images/watchHeaderImage.jpg) !important;
		background-repeat:repeat;
		border-left: 1px  !important;
		border-top: 1px  !important;
		border-color: #76A3E0 !important;
		color: white !important;
}*/
.claro .watchListGrid .dojoxGridMasterHeader .dojoxGridHeader {
	background-color: #A0CBFE !important;
}

.claro .watchListGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .watchListGrid .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: #D0E8FF;
}

.claro .watchListAddUserBut {
	float: right;
	padding-right: 10px;
}

.claro .watchListCloseBut {
	float: right;
	padding-right: 10px;
	padding-top: 4px;
}

.claro .watchListAddUserBulkBut {
	float: left;
	padding-left: 80px;
}

.claro .userViewTextBoxes1 {
	width: 500px;
	height: 35px;
	align: left;
}

.claro .watchListProfileTxt {
	width: 500px;
}

.claro .watchListSearchBtn {
	float: right;
	padding-right: 20px;
}

.claro .watchListLastNameTxt {
	
}

.claro .viewCDSLastNameTd {
	float: left;
	padding-left: 3px;
	width: 69px;
}

.claro .watchListFirstNameTxt {
	float: left;
	padding-left: 8px;
	width: 62px;
}

.claro .watchListSearchButton {
	float: left;
}

.claro .watchListBulkBtn {
	float: left;
}

.claro .watchListUserNameTxt {
	float: left;
	font-weight: bold;
}

.claro .watchListMessageBox {
	width: 160px !important;
	text-align: right !important;
	background-color: transparent !important;
	border: 0px !important;
	float: right;
	padding-top: 10px;
}

.claro .watchListUserNameTextBox {
	float: left;
}

.claro .watchListSearchButtonPanal {
	float: left;
	height: 42px;
}

.claro .watchListFilterContent {
	background-color: #d0e8ff;
	height: 150px;
	padding-top: 5px;
}

div.inline {
	float: left;
}
/******* Current users Page ********/
.claro .currentUsersFlotPane {
	position: absolute;
	top: 100px;
	left: 20px;
	width: 1300px !important;
	height: 450px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .curerntUsersMessageBox {
	width: 200px !important;
	text-align: center !important;
	top: 5px;
	background-color: green !important;
	border: 0px !important;
	color: black;
	float: right;
	padding-top: 3px;
	height: 20px;
}

.claro .currentUsersLayoutContainer {
	width: 1300px;
	height: 450px;
	top: 0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}

.claro .currentUsersGridHeaderTxt {
	color: white;
	font-weight: bold;
}

.claro .currentUsersFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .currentUsersFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 1300px !important;
	height: 430px !important;
}

.claro .currentUsersFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .currentUsersContentPane {
	top: 0px !important;
	height: 430px;
	width: 1300px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .currentUsersFilterContent {
	background-color: #d0e8ff;
	height: 80px;
	padding-top: 5px;
	width: 1035px;
}

.claro .currentUsersBorContainers {
	padding: 0px;
	width: 1300px !important;
	height: 450px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .currentUsersGridContainer {
	height: 280px;
	padding-bottom: 0px;
	width: 1300px !important;
	padding: 0px !important;
}

.claro .currentUsersGridContainer.Grid {
	width: 1300px !important;
	padding-top: 100px;
}

.claro .currentUsersLayoutContainer {
	top: 0px !important;
}

.claro .currentUsersBorContainers .dijitSplitter {
	visibility: hidden !important;
}

.claro .currentUsersGridHeaderTxt {
	font-weight: bold;
	color: white;
}

.claro .currentUsersGrid .dojoxGridScrollbox {
	overflow-x: visible;
	overflow-y: auto;
	width: 1300px;
}
/*.claro .currentUsersGrid .dojoxGridHeader .dojoxGridCell{
			background-color: #A0CBFE !important;
			background-image: url(../atrad/images/watchHeaderImage.jpg) !important;
			background-repeat:repeat;
			border-left: 1px  !important;
			border-top: 1px  !important;
			border-color: #76A3E0 !important;
			color: white !important;
	}*/
.claro .currentUsersGrid .dojoxGridMasterHeader .dojoxGridHeader {
	background-color: #A0CBFE !important;
}

.claro .currentUserSearchBtn {
	float: right;
}

.claro .currentUsersGrid .dojoxGridRow, .claro .currentUsersGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 1300px !important;
}

.claro .currentUsersGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .currentUsersGrid .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: #D0E8FF;
}

.claro .textLeft {
	float: left;
}

.claro .textTable {
	padding-left: 10px;
}

.claro .textColon {
	float: right;
}

/******* End Current users Page ********/

/******* User sessions Page ********/
.claro .userSessionsFlotPane {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 1150px !important;
	height: 490px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .userSessionsGridHeaderTxt {
	color: white;
	font-weight: bold;
}

.claro .userSessionsFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .userSessionsFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 1150px !important;
	height: 470px !important;
}

.claro .userSessionsFlotPane .dojoxFloatingPaneFg {
	
}

.claro .userSessionsFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .userSessionsContentPane {
	top: 0px !important;
	height: 470px;
	width: 1150px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .userSessionsFilterContent {
	background-color: #d0e8ff;
	height: 70px;
	padding-top: 5px;
	widt: 1150px;
}

.claro .userSessionSearchBtn {
	/*float:right;*/
	
}

.claro .addUserClearBtn {
	float: right;
}

.claro .userSessionsBg {
	background-color: #d0e8ff;
}

.claro .userSessionsBorContainers {
	padding: 0px;
	width: 1150px !important;
	height: 470px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .userSessionsGridContainer {
	height: 350px;
	padding-bottom: 0px;
	width: 1150px !important;
	padding: 0px !important;
}

.claro .userSessionsGridContainer.Grid {
	width: 1150px !important;
	padding-top: 100px;
}

.claro .userSessionsLayoutContainer {
	width: 1150px;
	height: 470px;
	top: 0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}

.claro .userSessionsGrid {
	width: 1150px !important;
	height: 350px;
	border-color: #A0CBFE;
}

.claro .UserSessionsCloseBut {
	padding-top: 5px;
}

.claro .userSessionsBtnContainer {
	padding-top: 5px;
}

.claro .userSessionsBorContainer .dijitSplitter {
	visibility: hidden !important;
}

.claro .userSessionsGridHeaderTxt {
	font-weight: bold;
	color: white;
}

.claro .userSessionBtnPanal {
	padding-left: 20px;
}

.claro .userSessionsGrid .dojoxGridScrollbox {
	overflow-x: visible;
	overflow-y: auto;
	width: 1150px;
}
/*.claro .userSessionsGrid .dojoxGridHeader .dojoxGridCell{
			background-color: #A0CBFE !important;
			background-image: url(../atrad/images/watchHeaderImage.jpg) !important;
			background-repeat:repeat;
			border-left: 1px  !important;
			border-top: 1px  !important;
			border-color: #76A3E0 !important;
			color: white !important;
	}
	*/
.claro .userSessionsGrid .dojoxGridMasterHeader .dojoxGridHeader {
	background-color: #A0CBFE !important;
}

.claro .userSessionsGrid .dojoxGridRow, .claro .userSessionsGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 1130px !important;
}

.claro .userSessionsGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .userSessionsGrid .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: #D0E8FF;
}

/******* End User Sessions Page ********/

/******* Reports Common ********/
.claro .adminReportsGridContainer {
	height: 200px;
	padding-bottom: 0px;
	width: 680px !important;
	padding: 0px !important;
}

.claro .adminReportsGridContainer.Grid {
	width: 680px !important;
	padding-top: 100px;
}

.claro .adminReportsGrid {
	width: 890px !important;
	height: 300px;
	border-color: #A0CBFE;
}

.claro .adminReportsGrid .dojoxGridScrollbox {
	overflow-x: visible;
	overflow-y: auto;
	width: 890px !important;
}
/*
	.claro .adminReportsGrid .dojoxGridHeader .dojoxGridCell{
			background-color: #A0CBFE !important;
			background-image: url(../atrad/images/watchHeaderImage.jpg) !important;
			background-repeat:repeat;
			border-left: 1px  !important;
			border-top: 1px  !important;
			border-color: #76A3E0 !important;
			color: white !important;
			font-weight: bold;
	}*/
.claro .adminReportsGrid .dojoxGridMasterHeader .dojoxGridHeader {
	background-color: #A0CBFE !important;
}

.claro .adminReportsGrid .dojoxGridRow, .claro .adminReportsGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 680px !important;
}

.claro .adminReportsGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .adminReportsGrid .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: #D0E8FF;
}

.claro .adminReportsBg {
	background-color: #d0e8ff;
	width: 700px;
}

/******* End Reports Common ********/

/******* Research Reports ********/
.claro .researchReportsBg {
	background-color: #d0e8ff;
	width: 700px;
}

/******* End Research Reports ********/

/******* User sessions Page ********/
.claro .blotterActivityFlotPane {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 1300px !important;
	height: 550px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .blotterActivityFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .blotterActivityFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 1300px !important;
	height: 530px !important;
}

.claro .blotterActivityFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .blotterActivityContentPane {
	top: 0px !important;
	height: 490px;
	width: 1300px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .blotterActivityFilterContent {
	background-color: #d0e8ff;
	height: 135px !important;
	padding-top: 5px;
	width: 1300px !important;
}

.claro .blotterActivityLayoutContainer {
	width: 1300px !important;
	height: 530px !important;
	top: 0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}

.claro .blotterActivitySearchBtn {
	float: right;
}

.claro .blotterActivityBorContainers {
	padding: 0px;
	width: 1300px !important;
	height: 530px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .blotterActivityGridContainer {
	height: 350px;
	padding-bottom: 0px;
	width: 1300px !important;
	padding: 0px !important;
}

.claro .blotterActivityReportsGrid {
	width: 1300px !important;
	height: 300px;
	border-color: #A0CBFE;
}

.claro .blotterActivityReportsGrid .dojoxGridScrollbox {
	overflow-x: visible;
	overflow-y: auto;
	width: 1290px !important;
}
/*	.claro .blotterActivityReportsGrid .dojoxGridHeader .dojoxGridCell{
			background-color: #A0CBFE !important;
			background-image: url(../atrad/images/watchHeaderImage.jpg) !important;
			background-repeat:repeat;
			border-left: 1px  !important;
			border-top: 1px  !important;
			border-color: #76A3E0 !important;
			color: white !important;
			font-weight: bold;
	}
	*/
.claro .blotterActivityReportsGrid .dojoxGridMasterHeader .dojoxGridHeader
	{
	background-color: #A0CBFE !important;
}

.claro .blotterActivityReportsGrid .dojoxGridRow, .claro .blotterActivityReportsGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 1300px !important;
}

.claro .blotterActivityReportsGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .blotterActivityReportsGrid .dojoxGridRowOdd .dojoxGridRowTable tr
	{
	background-color: #D0E8FF;
}

.claro .blotterActivityMessageBox {
	width: 115px !important;
	text-align: center !important;
	top: 5px;
	background-color: green !important;
	border: 0px !important;
	color: white;
	float: right;
	padding-top: 3px;
	height: 20px;	
	border-radius: 5px;
}

/******* End User Sessions Page ********/

/******* Active Order Page ********/
.claro .activeOrdersFlotPane {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 1300px !important;
	height: 510px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .activeOrdersFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .activeOrdersFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 1300px !important;
	height: 490px !important;
}

.claro .activeOrdersFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .activeOrdersContentPane {
	top: 0px !important;
	height: 490px;
	width: 1300px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .activeOrdersFilterContent {
	background-color: #d0e8ff;
	height: 105px;
	padding-top: 5px;
	width: 1300px;
}

.claro .activeOrdersLayoutContainer {
	width: 1300px !important;
	height: 510px !important;
	top: 0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}

.claro .activeOrdersSearchBtn {
	float: right;
}

.claro .activeOrdersBorContainers {
	padding: 0px;
	width: 1300px !important;
	height: 510px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .activeOrdersGridContainer {
	height: 345px;
	padding-bottom: 0px;
	width: 1300px !important;
	padding: 0px !important;
}

.claro .activeOrdersReportsGrid {
	width: 1300px !important;
	height: 345px;
	border-color: #A0CBFE;
}

.claro .activeOrdersReportsGrid .dojoxGridScrollbox {
	overflow-x: visible;
	overflow-y: auto;
	width: 1290px !important;
}
/*	.claro .activeOrdersReportsGrid .dojoxGridHeader .dojoxGridCell{
			background-color: #A0CBFE !important;
			background-image: url(../atrad/images/watchHeaderImage.jpg) !important;
			background-repeat:repeat;
			border-left: 1px  !important;
			border-top: 1px  !important;
			border-color: #76A3E0 !important;
			color: white !important;
			font-weight: bold;
	}
	*/
.claro .activeOrdersReportsGrid .dojoxGridMasterHeader .dojoxGridHeader
	{
	background-color: #A0CBFE !important;
}

.claro .activeOrdersReportsGrid .dojoxGridRow, .claro .activeOrdersReportsGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 1300px !important;
}

.claro .activeOrdersReportsGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .activeOrdersReportsGrid .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: #D0E8FF;
}

/******* End Active Order Page ********/

/******* BlotterHistoryPage ********/
.claro .blotterHistoryFlotPane {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 1300px !important;
	height: 550px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .blotterHistoryFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .blotterHistoryFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 1300px !important;
	height: 530px !important;
}

.claro .blotterHistoryFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .blotterHistoryContentPane {
	top: 0px !important;
	height: 540px;
	width: 1300px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .blotterHistoryFilterContent {
	background-color: #d0e8ff;
	/*height: 200px;*/
	height: 160px;
	padding-top: 5px;
	width: 1300px;
	left: 0px !important;
	top: 0px !important;
}

.claro .blotterHistoryBg {
	background-color: #d0e8ff;
}

.claro .blotterHistoryBorContainers {
	padding: 0px;
	width: 1300px !important;
	height: 530px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .blotterHistoryGridContainer {
	/*height: 240px;*/
	height: 320px;
	padding-bottom: 0px;
	width: 1300px !important;
	padding: 0px !important;
}

/* 	.claro .blotterHistoryGridContainer.Grid{
		width: 1300px !important;
		padding-top:100px;
	} */
.claro .blotterHistoryCloseBtn {
	float: right;
}

.claro .blotterHistorySearchBtn {
	float: right;
}

.claro .blotterHistoryLayoutContainer {
	width: 1300px !important;
	height: 550px !important;
	top: 0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}

.claro .blotterHistoryGrid {
	width: 1300px !important;
	/*height: 230px !important;*/
	height: 290px !important;
	border-color: #A0CBFE;
}

.claro .blotterHistoryGrid .dojoxGridScrollbox {
	overflow-x: visible;
	overflow-y: auto;
	width: 1290px !important;
}

.claro .blotterHistoryGrid .dojoxGridMasterHeader .dojoxGridHeader {
	background-color: #A0CBFE !important;
}

.claro .blotterHistoryGrid .dojoxGridRow, .claro .blotterHistoryGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 1280px !important;
}

.claro .blotterHistoryGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .blotterHistoryGrid .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: #D0E8FF;
}

.claro .blotterhistorybottomContent {
	top: 480px !important;
	position: absolute;
	width: 1285px;
	left: 0px !important;
}

.claro .blottHistorytextBox {
	width: 300px !important;
}
/******* End User Sessions Page ********/

/******* Inactive Order Page ********/
.claro .inactiveOrdersFlotPane {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 1300px !important;
	height: 510px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .inactiveOrdersGridHeaderTxt {
	color: white;
	font-weight: bold;
}

.claro .inactiveOrdersFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .inactiveOrdersFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 1300px !important;
	height: 490px !important;
}

.claro .inactiveOrdersFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .inactiveOrdersContentPane {
	top: 0px !important;
	height: 490px;
	width: 1300px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .inactiveOrdersFilterContent {
	background-color: #d0e8ff;
	height: 105px;
	padding-top: 5px;
	width: 1300px;
}

.claro .inactiveOrdersSearchBtn {
	float: right;
}

.claro .inactiveOrdersBorContainers {
	padding: 0px;
	width: 130px !important;
	height: 490px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .inactiveOrdersGridContainer {
	height: 2100px;
	padding-bottom: 0px;
	width: 1300px !important;
	padding: 0px !important;
}

.claro .inactiveOrdersGridContainer.Grid {
	width: 1300px !important;
	padding-top: 100px;
}

/******* End InActive Order Page ********/

/******* today Trades Page ********/
.claro .todayTradesFlotPane {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 1300px !important;
	height: 510px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .todayTradesFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .todayTradesFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 1300px !important;
	height: 490px !important;
}

.claro .todayTradesFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .todayTradesContentPane {
	top: 0px !important;
	height: 490px;
	width: 1300px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .todayTradesFilterContent {
	background-color: #d0e8ff;
	height: 100px;
	padding-top: 5px;
	width: 1300px !important;
}

.claro .todayTradesSearchBtn {
	float: right;
}

.claro .todayTradesBorContainers {
	padding: 0px;
	width: 1300px !important;
	height: 490px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .todayTradesGridContainer {
	height: 350px;
	padding-bottom: 0px;
	width: 1300px !important;
	padding: 0px !important;
}

.claro .todayTradesGridContainer.Grid {
	width: 1280px !important;
	padding-top: 100px;
}

.claro .todayTradesGrid {
	width: 1300px !important;
	height: 340px !important;
	border-color: #A0CBFE;
}

.claro .todayTradesGrid .dojoxGridScrollbox {
	overflow-x: visible;
	overflow-y: auto;
	width: 1290px !important;
	height: 290px !important;
}
/*
	.claro .todayTradesGrid .dojoxGridHeader .dojoxGridCell{
			background-color: #A0CBFE !important;
			background-image: url(../atrad/images/watchHeaderImage.jpg) !important;
			background-repeat:repeat;
			border-left: 1px  !important;
			border-top: 1px  !important;
			border-color: #76A3E0 !important;
			color: white !important;
			font-weight: bold;
	}*/
.claro .todayTradesGrid .dojoxGridMasterHeader .dojoxGridHeader {
	background-color: #A0CBFE !important;
}

.claro .todayTradesGrid .dojoxGridRow, .claro .todayTradesGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 1300px !important;
}

.claro .todayTradesGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .todayTradesGrid .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: #D0E8FF;
}

.claro .todayTradesLayoutContainer {
	width: 1300px !important;
	height: 490px !important;
	top: 0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}


.claro .todayTradesMessageBox {
	width: 170px !important;
	text-align: center !important;
	top: 5px;
	background-color: green !important;
	border: 0px !important;
	color: white;
	float: left;
	padding-top: 3px;
	height: 20px;
	border-radius:5px;
}



/******* End Todays Trade Page ********/

/******* trade History Page ********/
.claro .tradeHistoryFlotPane {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 1300px !important;
	height: 510px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .tradeHistoryFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .tradeHistoryFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 1300px !important;
	height: 490px !important;
}

.claro .tradeHistoryFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .tradeHistoryContentPane {
	top: 0px !important;
	height: 490px;
	width: 1300px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .tradeHistoryFilterContent {
	background-color: #d0e8ff;
	height: 105px;
	padding-top: 5px;
	width: 1300px;
}

.claro .tradeHistoryBg {
	background-color: #d0e8ff;
}

.claro .tradeHistoryBorContainers {
	padding: 0px;
	width: 1300px !important;
	height: 490px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .tradeHistoryGridContainer {
	height: 340px;
	padding-bottom: 0px;
	width: 1300px !important;
	padding: 0px !important;
}

.claro .tradeHistoryGridContainer.Grid {
	width: 1300px !important;
	padding-top: 100px;
}

.claro .tradeHistoryCloseBtn {
	float: right;
}

.claro .tradeHistorySearchBtn {
	float: right;
}

.claro .tradeHistoryLayoutContainer {
	width: 1300px !important;
	height: 490px !important;
	top: 0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}

.claro .tradesHistoryGrid {
	width: 1300px !important;
	height: 340px !important;
	border-color: #A0CBFE;
}

.claro .tradesHistoryGrid .dojoxGridScrollbox {
	overflow-x: visible;
	overflow-y: auto;
	width: 1290px !important;
	height: 290px !important;
}

.claro .tradesHistoryGrid .dojoxGridMasterHeader .dojoxGridHeader {
	background-color: #A0CBFE !important;
}

.claro .tradesHistoryGrid .dojoxGridRow, .claro .tradesHistoryGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 1280px !important;
}

.claro .tradesHistoryGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .tradesHistoryGrid .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: #D0E8FF;
}

/******* End Trade History Page ********/

/******* portfolio Page ********/
.claro .portfoliosFlotPane {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 1300px !important;
	height: 510px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:true;
}

.claro .portfoliosFilterContent {
	background-color: #d0e8ff;
	height: 113px !important;
	padding-top: 5px;
}

.claro .portfoliosGridContainer {
	height: 340px;
	padding-bottom: 0px;
	width: 1300px !important;
	padding: 0px !important;
}

.claro .portfoliosGridHeaderTxt {
	color: white;
	font-weight: bold;
}

.claro .portfoliosFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .portfoliosFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 1300px !important;
	height: 490px !important;
}

.claro .portfoliosFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .portfoliosContentPane {
	top: 0px !important;
	height: 490px;
	width: 1300px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .portfoliosFilterContent {
	background-color: #d0e8ff;
	height: 65px;
	padding-top: 5px;
	width: 1280px;
}

.claro .portfoliosBorContainers {
	padding: 0px;
	width: 1300px !important;
	height: 490px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .portfoliosGridContainer.Grid {
	width: 1300px !important;
	padding-top: 100px;
}

.claro .portfoliosLayoutContainer {
	width: 1300px;
	height: 490px;
	top: 0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}

.claro .portfoliosGrid {
	width: 1300px !important;
	height: 360px;
	border-color: #A0CBFE;
}

.claro .portfoliosGrid .dojoxGridScrollbox {
	overflow-x: visible;
	overflow-y: auto;
	width: 1290px !important;
}
/*.claro .portfoliosGrid .dojoxGridHeader .dojoxGridCell{
			background-color: #A0CBFE !important;
			background-image: url(../atrad/images/watchHeaderImage.jpg) !important;
			background-repeat:repeat;
			border-left: 1px  !important;
			border-top: 1px  !important;
			border-color: #76A3E0 !important;
			color: white !important;
			font-weight: bold;
	}*/
.claro .portfoliosGrid .dojoxGridMasterHeader .dojoxGridHeader {
	background-color: #A0CBFE !important;
}

.claro .portfoliosGrid .dojoxGridRow, .claro .portfoliosGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 1300px !important;
}

.claro .portfoliosGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .portfoliosGrid .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: #D0E8FF;
}
/******* End portfolio Page ********/

/******* accountStatments Page ********/
.claro .accountStatmentsFlotPane {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 1300px !important;
	height: 510px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .accountStatmentsGridHeaderTxt {
	color: white;
	font-weight: bold;
}

.claro .accountStatmentsFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .accountStatmentsFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 1300px !important;
	height: 490px !important;
}

.claro .accountStatmentsFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .accountStatmentsContentPane {
	top: 0px !important;
	height: 490px;
	width: 1300px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .accountStatmentsFilterContent {
	background-color: #d0e8ff;
	height: 132px;
	padding-top: 5px;
	width: 1300px;
}

.claro .accountStatmentsBorContainers {
	padding: 0px;
	width: 1300px !important;
	height: 490px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .accountStatmentsGridContainer {
	height: 350px;
	padding-bottom: 0px;
	width: 1300px !important;
	padding: 0px !important;
}

.claro .accountStatmentsGridContainer.Grid {
	width: 1300px !important;
	padding-top: 100px;
}

.claro .accountStatmentsTextArea {
	overflow: auto;
	resize: none;
	color: inherit;
	background-color: white !important;
	width: 165px;
	height: 70px;
}

.claro .accountstatementlefttable {
	float: left;
}

.claro .aotCommissionGrid .dojoxGridScrollbox {
	overflow-x: visible;
	overflow-y: auto;
	width: 1290px !important;
}

/******* End accountStatments Page ********/

/******* Accountwise commission Page ********/
.claro .accountWiseCommissionFlotPane {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 1300px !important;
	height: 510px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .accountWiseCommissionFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .accountWiseCommissionFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 1300px !important;
	height: 490px !important;
}

.claro .accountWiseCommissionFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .accountWiseCommissionContentPane {
	top: 0px !important;
	height: 490px;
	width: 1300px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .accountWiseCommissionFilterContent {
	background-color: #d0e8ff;
	height: 105px;
	padding-top: 5px;
	width: 1300px;
}

.claro .accountWiseCommissionBg {
	background-color: #d0e8ff;
}

.claro .accountWiseCommissionBorContainers {
	padding: 0px;
	width: 1300px !important;
	height: 490px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .accountWiseCommissionGridContainer {
	height: 300px;
	padding-bottom: 0px;
	width: 1300px !important;
	padding: 0px !important;
}

.claro .accountWiseCommissionGridContainer.Grid {
	width: 1300px !important;
	padding-top: 100px;
}

.claro .accountWiseCommissionGrid {
	width: 1300px !important;
	height: 300px;
	border-color: #A0CBFE;
}

.claro .accountWiseCommissionGrid .dojoxGridScrollbox {
	overflow-x: hidden;
	overflow-y: auto;
	width: 1290px !important;
}
/*
	.claro .adminReportsGrid .dojoxGridHeader .dojoxGridCell{
			background-color: #A0CBFE !important;
			background-image: url(../atrad/images/watchHeaderImage.jpg) !important;
			background-repeat:repeat;
			border-left: 1px  !important;
			border-top: 1px  !important;
			border-color: #76A3E0 !important;
			color: white !important;
			font-weight: bold;
	}*/
.claro .accountWiseCommissionGrid .dojoxGridMasterHeader .dojoxGridHeader
	{
	background-color: #A0CBFE !important;
}

.claro .accountWiseCommissionGrid .dojoxGridRow, .claro .accountWiseCommissionGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 1280px !important;
}

.claro .accountWiseCommissionGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .accountWiseCommissionGrid .dojoxGridRowOdd .dojoxGridRowTable tr
	{
	background-color: #D0E8FF;
}

.claro .accountStatmentSearchBtn {
	float: right;
}
/*
.claro .accountWiseCommissionSearchBtn {
		float:right;
		
	}
	*/
.claro .accountWiseCommissionLayoutContainer {
	width: 1300px !important;
	height: 490px !important;
	top: 0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}

/******* End Accountwise commission  Page ********/

/******* AOT commission Page ********/
.claro .aotCommissionFlotPane {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 1300px !important;
	height: 510px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

/*.claro .aotCommissionGridHeaderTxt{
		color:white;
		font-weight: bold;
		text-align: center !important;
		}*/
.claro .aotCommissionFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .aotCommissionFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 1300px !important;
	height: 490px !important;
}

.claro .aotCommissionFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .aotCommissionContentPane {
	top: 0px !important;
	height: 490px;
	width: 1300px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .aotCommissionFilterContent {
	background-color: #d0e8ff;
	height: 130px;
	padding-top: 5px;
	width: 1300px;
}

.claro .aotCommissionBg {
	background-color: #d0e8ff;
}

.claro .aotCommissionBorContainers {
	padding: 0px;
	width: 1300px !important;
	height: 490px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .aotCommissionGridContainer {
	height: 260px;
	padding-bottom: 0px;
	width: 1300px !important;
	padding: 0px !important;
}

.claro .aotCommissionGridContainer.Grid {
	width: 1300px !important;
	padding-top: 100px;
}

.claro .aotCommissionGrid {
	width: 1300px !important;
	height: 300px;
	border-color: #A0CBFE;
}

.claro .aotCommissionGrid .dojoxGridScrollbox {
	overflow-x: hidden;
	overflow-y: auto;
	width: 1290px !important;
}
/*
	.claro .adminReportsGrid .dojoxGridHeader .dojoxGridCell{
			background-color: #A0CBFE !important;
			background-image: url(../atrad/images/watchHeaderImage.jpg) !important;
			background-repeat:repeat;
			border-left: 1px  !important;
			border-top: 1px  !important;
			border-color: #76A3E0 !important;
			color: white !important;
			font-weight: bold;
	}*/
.claro .aotCommissionGrid .dojoxGridMasterHeader .dojoxGridHeader {
	background-color: #A0CBFE !important;
}

.claro .aotCommissionGrid .dojoxGridRow, .claro .aotCommissionGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 1300px !important;
}

.claro .aotCommissionGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .aotCommissionGrid .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: #D0E8FF;
}

.claro .accountStatmentSearchBtn {
	float: right;
}

.claro .aotCommissionSearchBtn {
	float: right;
}

.claro .aotCommissionLayoutContainer {
	width: 1300px !important;
	height: 490px !important;
	top: 0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}

/******* End AOT commission  Page ********/

/******* online Users Page ********/
.claro .onlineUsersFlotPane {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 1300px !important;
	height: 510px !important;
	visibility: visible;
	padding: 2 !important;
	data-dojo-props: resizable:false;
}

.claro .onlineUsersFilterContent {
	background-color: #d0e8ff;
	height: 100px;
	padding-top: 5px;
	width: 1300px;
}

.claro .onlineUsersGrid {
	width: 1285px !important;
	/*width: 1295px !important;*/
	/*height: 300px;*/
	height: 320px !important;
	border-color: #A0CBFE;
}

.claro .onlineUsersLayoutContainer {
	width: 1300px;
	height: 490px;
	top: 0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}

.claro .onlineUsersGrid .dojoxGridView {
	width: 1280px;
	/*width: 1290px;*/
	height: 270px !important;
}

.claro .onlineUsersGrid .dojoxGridScrollbox {
	overflow-x: visible;
	overflow-y: auto;
	width: 1280px;
	/*width: 1290px;*/
	height: 270px !important;
}
/*.claro .onlineUsersGrid .dojoxGridHeader .dojoxGridCell{
			background-color: #A0CBFE !important;
			background-image: url(../atrad/images/watchHeaderImage.jpg) !important;
			background-repeat:repeat;
			border-left: 1px  !important;
			border-top: 1px  !important;
			border-color: #76A3E0 !important;
			color: white !important;
			font-weight: bold;
	}*/
.claro .onlineUsersGrid .dojoxGridMasterHeader .dojoxGridHeader {
	background-color: #A0CBFE !important;
}

.claro .onlineUsersGrid .dojoxGridRow, .claro .onlineUsersGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 1300px !important;
}

.claro .onlineUsersGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .onlineUsersGrid .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: #D0E8FF;
}

.claro .onlineUsersFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .onlineUsersFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 1300px !important;
	height: 490px !important;
}

.claro .onlineUsersFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .onlineUsersContentPane {
	top: 0px !important;
	height: 490px;
	width: 1300px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .onlineUsersSearchBtn {
	float: right;
	padding-right: 18px;
}

.claro .onlineUsersBorContainers {
	padding: 0px;
	width: 1300px !important;
	height: 490px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .onlineUsersGridContainer {
	height: 300px;
	padding-bottom: 0px;
	width: 1290px !important;
	padding: 0px !important;
}

.claro .onlineUsersGridContainer.Grid {
	width: 1290px !important;
	padding-top: 100px;
}

.claro .onlineUsersMessageBox {
	width: 165px !important;
	text-align: center !important;
	top: 5px;
	background-color: green !important;
	border: 0px !important;
	color: white;
	float: right;
	padding-top: 3px;
	height: 20px;
	margin-right:28px;
	border-radius: 5px;
}


/******* End Todays Trade Page ********/

/******* Admin User Activity Page ********/
.claro .adminUserActivityFlotPane {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 1300px !important;
	height: 510px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .adminUserActivityFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .adminUserActivityFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 1300px !important;
	height: 490px !important;
}

.claro .adminUserActivityFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .adminUserActivityContentPane {
	top: 0px !important;
	height: 490px;
	width: 1300px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .adminUserActivityFilterContent {
	background-color: #d0e8ff;
	height: 100px;
	padding-top: 5px;
	width: 1300px;
}

.claro .adminUserActivityBg {
	background-color: #d0e8ff;
}

.claro .adminUserActivityBorContainers {
	padding: 0px;
	width: 1300px !important;
	height: 490px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .adminUserActivityGridContainer {
	height: 200px;
	padding-bottom: 0px;
	width: 1300px !important;
	padding: 0px !important;
}

.claro .adminUserActivityGridContainer.Grid {
	width: 1300px !important;
	padding-top: 100px;
}

/******* End Admin User Activity Page ********/
.claro .blueText {
	color: #0049AA;
}

.claro .refreshCursor {
	width: 20px;
	height: 23px;
	background: url("images/wait.gif");
	float: right;
	padding-right: 10px;
	visibility: hidden;
	background-repeat: no-repeat;
}

.claro .noOfPagesLbl {
	width: 30px;
	background: transparent;
	border-color: transparent;
}

.claro .dijitMenuBar .dijitMenuItemSelected {
	margin-top: 3px !important;
	background-color: transparent !important;
}
/******Admin message******/
.claro .adminMessageMainGridHeaderTxt {
	font-weight: bold;
	font-size: 11px;
}

.claro .adminMessageFlotPane {
	position: absolute;
	top: 200px;
	left: 200px;
	width: 200px !important;
	height: 200px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .adminMessageFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .adminMessageFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 200px !important;
	height: 180px !important;
}

.claro .adminMessageFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .adminMessageContentPane {
	top: 0px !important;
	height: 200px;
	width: 200px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
	left: 0px !important;
}

.claro .adminMessagerBorContainers {
	top: 23px !important;
	padding: 0px;
	width: 200px !important;
	height: 200px !important;
	background-color: #d0e8ff;
	position: absolute !important;
}

.claro .adminMessageAccntSaveBttn {
	float: right;
}

.claro .adminMessageAccntClearBttn {
	float: right;
}

/******Admin message******/

/******Tootltip******/
.claro .dijitTooltip, .claro .dijitTooltipDialog {
	background: transparent;
}

.dijitTooltipBelow {
	padding-top: 13px;
	padding-left: 3px;
	padding-right: 3px;
}

.dijitTooltipAbove {
	padding-bottom: 13px;
	padding-left: 3px;
	padding-right: 3px;
}

.claro .dijitTooltipContainer {
	background-color: #000000;
	background-image: url(images/tooltipGradient.png);
	background-repeat: repeat-x;
	background-position: bottom;
	border: 1px solid #769dc0;
	padding: 6px 8px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	font-size: 1em;
}

.dj_ie6 .claro .dijitTooltipContainer {
	background-image: none;
}

.claro .dijitTooltipConnector {
	border: 0;
	z-index: 2;
	background-image: url(images/tooltip.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 14px;
}

.dj_ie6 .claro .dijitTooltipConnector {
	background-image: url(images/tooltip8bit.png);
}

.claro .dijitTooltipABRight .dijitTooltipConnector {
	left: auto !important;
	right: 3px;
}

.claro .dijitTooltipBelow .dijitTooltipConnector {
	top: 0;
	left: 3px;
	background-position: -31px 0;
	width: 16px;
	height: 14px;
}

.claro .dijitTooltipAbove .dijitTooltipConnector {
	bottom: 0;
	left: 3px;
	background-position: -15px 0;
	width: 16px;
	height: 14px;
}

.dj_ie7 .claro .dijitTooltipAbove .dijitTooltipConnector, .dj_ie6 .claro .dijitTooltipAbove .dijitTooltipConnector
	{
	bottom: -1px;
}

.claro .dijitTooltipLeft {
	padding-right: 14px;
}

.claro .dijitTooltipLeft .dijitTooltipConnector {
	right: 0;
	background-position: 0 0;
	width: 16px;
	height: 14px;
}

.claro .dijitTooltipRight {
	padding-left: 14px;
}

.claro .dijitTooltipRight .dijitTooltipConnector {
	left: 0;
	background-position: -48px 0;
	width: 16px;
	height: 14px;
}




/****************success msg**********************/
.claro .successMsgFlotPane {
	position: absolute;
	top: 200px;
	left: 200px;
	width: 460px !important;
	height: 280px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
	overflow: hidden !important;
}

.claro .successMsgFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 460px !important;
	height: 260px !important;
	overflow: hidden !important;
}

.claro .successMsgFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}



/*---------------End success msg----------*/




/****************verify password**********************/
.claro .passwordVerifyFlotPane {
	position: absolute;
	top: 200px;
	left: 200px;
	width: 460px !important;
	height: 280px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
	overflow: hidden !important;
}

.claro .passwordVerifyFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 460px !important;
	height: 260px !important;
	overflow: hidden !important;
}

.claro .passwordVerifyFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .passwordVerifyContentPane {
	top: 0px !important;
	height: 280px;
	width: 460px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
	left: 0px !important;
	overflow: hidden !important;
}

.claro .passwordVerifyBorContainers {
	padding: 0px;
	width: 460px !important;
	height: 280px !important;
	background-color: #d0e8ff;
	overflow: hidden !important;
}

.claro .functionBar {
	width: 400px;
	padding: 5px;
	height: 200px;
	float: left;
	background: #eaf5ff;
	clear: both;
	display: block;
}

.claro .passwordVerifyGridHeaderTxt {
	float: left;
}

.claro .backgroundImg {
	background: url(../images/tableHeadSepH.gif) repeat-x;
}

.claro .correctImage {
	background: url("images/correct.png");
	width: 62px;
	height: 65px;
}

.claro .wrongImage {
	background: url("images/wrong.png");
	width: 62px;
	height: 65px;
}

.claro .greenText {
	color:
}

/*---------------End verify password----------*/

/*---------------Payment/Recepit module----------*/
.claro .passwordVerifyFlotPane {
	position: absolute;
	top: 200px;
	left: 200px;
	width: 460px !important;
	height: 290px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
	overflow: hidden !important;
}

.claro .passwordVerifyFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 460px !important;
	height: 270px !important;
	overflow: hidden !important;
}

.claro .passwordVerifyFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .passwordVerifyContentPane {
	top: 0px !important;
	height: 290px;
	width: 460px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
	left: 0px !important;
	overflow: hidden;
}

.claro .passwordVerifyBorContainers {
	padding: 0px;
	width: 460px !important;
	height: 290px !important;
	background-color: #d0e8ff;
	overflow: hidden;
}

.claro .functionBar {
	width: 400px;
	padding: 5px;
	height: 200px;
	float: left;
	background: #eaf5ff;
	clear: both;
	display: block;
}

.claro .passwordVerifyGridHeaderTxt {
	float: left;
}
/*---------------Payment/Recepit module----------*/

/*---------------new Account stat report----------*/
.claro .accstmtFlotPane {
	position: absolute;
	left: 20px;
	width: 1100px !important;
	height: 510px !important;
	padding: 8 !important;
	overflow: hidden;
	top: 80px;
	visibility: visible;
	data-dojo-props: resizable: false;
	dockable: true;
}

.claro .accstmtFlotPane .dijitSplitterH .dijitSplitterThumb {
	background: none;
	height: 0;
	top: 0;
	width: 0;
}

.claro .accstmtFlotPane .dijitSplitterH, .claro .accstmtFlotPane .dijitGutterH
	{
	background: none;
	border: 0;
	height: 0;
	border-image: initial;
}

.claro .accstmtFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 1100px !important;
	height: 490px !important;
}

.claro .accstmtFlotPane .dijitSplitContainer-dijitContentPane, .claro .accstmtFlotPane .dijitBorderContainer-dijitContentPane
	{
	background-color: white;
	padding: 0;
}

.claro .accstmtFlotPane .dijitSplitContainer-child, .claro .accstmtFlotPane .dijitBorderContainer-child
	{
	border: 0 #B5BCC7 solid;
}

.claro .accstmtContentPane {
	top: 0 !important;
	/*height: 490px;*/
	height: 510px !important;
	width: 1100px !important;
	left: 0 !important;
	position: absolute !important;
}

.claro .accstmtBorContainers {
	top: 28px !important;
	padding: 0;
	width: 1100px !important;
	/*height: 490px !important;*/
	height: 490px !important;
	background-color: #fff;
	position: absolute !important;
	left: 8px !important;
}

.claro .accstmtGrid {
	width: 1080px !important;
	/*height: 350px !important;*/
	height: 340px !important;
}

.claro .accstmtGrid .dojoxGridScrollbox {
	overflow-x: scroll;
	overflow-y: scroll;
	width: 1080px !important;
	/*height:350px !important;*/
	height: 305px !important;
}

.claro .dijitDateTextBox {
	width: 90px;
}
/*-----------------------------*/
.claro .accStmtRefreshCursor {
	padding-bottom: 35px;
	background-color: #A0CBFE;
	padding-left: 10px;
	padding-top: 0;
	border: 0;
}

/*for blockList Page*/
.claro .blockListFlotPane {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 900px !important;
	height: 490px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .blockGridContainer {
	height: 200px;
	padding-bottom: 0px;
	width: 900px !important;
	padding: 0px !important;
}

.claro .blockListGridHeaderTxt {
	color: white;
	font-weight: bold;
}

.claro .blockListFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .blockListFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 900px !important;
	height: 490px !important;
}

.claro .blockListFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .blockListContentPane {
	top: 0px !important;
	height: 490px;
	width: 900px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .blockListFilterContent {
	background-color: #d0e8ff;
	height: 70px;
	padding-top: 5px;
}

.claro .blockListCompanyNamelbl {
	width: 120px;
}

.claro .viewCDSSearchBtn {
	float: left;
	padding-left: 5px;
}

.claro .blockListTableSep {
	padding-top: 10px;
}

.claro .blockListUserNameLbl {
	float: left;
}

.claro .blockListLastNameTextBox {
	float: left;
}

.claro .blockListProfileTextBox {
	float: right;
}

.claro .blockListFirstNameTextBox {
	float: right;
}

.claro .blockListBorContainers {
	padding: 0px;
	width: 900px !important;
	height: 490px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .blockListGridContainer {
	height: 200px;
	padding-bottom: 0px;
	width: 885px !important;
	padding: 0px !important;
}

.claro .blockListGridContainer.Grid {
	width: 880px !important;
}
/*.blotterGrid .dojoxGridContent{
	width:1400px !important;	
}*/
.claro .blockListGrid {
	width: 880px !important;
	height: 250px;
	border-color: #A0CBFE;
}

.claro .blockListGrid .dojoxGridScrollbox {
	overflow-x: hidden;
	overflow-y: auto;
}
/*
.claro .blockListGrid .dojoxGridHeader .dojoxGridCell{
		background-color: #A0CBFE !important;
		background-image: url(../atrad/images/blockHeaderImage.jpg) !important;
		background-repeat:repeat;
		border-left: 1px  !important;
		border-top: 1px  !important;
		border-color: #76A3E0 !important;
		color: white !important;
}*/
.claro .blockListGrid .dojoxGridMasterHeader .dojoxGridHeader {
	background-color: #A0CBFE !important;
}

.claro .blockListGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .blockListGrid .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: #D0E8FF;
}

.claro .blockListAddUserBut {
	float: right;
	padding-right: 10px;
}

.claro .blockListCloseBut {
	float: right;
	padding-right: 10px;
	padding-top: 4px;
}

.claro .blockListAddUserBulkBut {
	float: left;
	padding-left: 80px;
}

.claro .userViewTextBoxes1 {
	width: 500px;
	height: 35px;
	align: left;
}

.claro .blockListProfileTxt {
	width: 500px;
}

.claro .blockListSearchBtn {
	float: right;
	padding-right: 20px;
}

.claro .blockListLastNameTxt {
	
}

.claro .viewCDSLastNameTd {
	float: left;
	padding-left: 3px;
	width: 69px;
}

.claro .blockListFirstNameTxt {
	float: left;
	padding-left: 8px;
	width: 62px;
}

.claro .blockListSearchButton {
	float: left;
}

.claro .blockListBulkBtn {
	float: left;
}

.claro .blockListUserNameTxt {
	float: left;
	font-weight: bold;
}

.claro .blockListMessageBox {
	width: 160px !important;
	text-align: right !important;
	background-color: transparent !important;
	border: 0px !important;
	float: right;
	padding-top: 10px;
}

.claro .blockListUserNameTextBox {
	float: left;
}

.claro .blockListSearchButtonPanal {
	float: left;
	height: 42px;
}

.claro .blockListFilterContent {
	background-color: #d0e8ff;
	height: 150px !important;
	padding-top: 5px;
}

div.inline {
	float: left;
}

.claro .listBlockCdsActCloseBut {
	float: right;
	padding-right: 10px;
	padding-top: 4px;
}

/*password policy*/
.claro .passwordPolicyGridHeaderTxt {
	font-weight: bold;
	font-size: 11px;
}

.claro .passwordPolicyFlotPane {
	position: absolute;
	top: 200px;
	left: 200px;
	width: 400px !important;
	height: 310px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .passwordPolicyFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 400px !important;
	height: 295px !important;
}

.claro .passwordPolicyFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .passwordPolicyContentPane {
	top: 0px !important;
	height: 295px;
	width: 400px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
	left: 0px !important;
}

.claro .passwordPolicyBorContainers {
	padding: 0px;
	width: 400px !important;
	height: 295px !important;
	background-color: #d0e8ff;
}
/********sms***********/
.claro .smsHeaderTxt {
	font-weight: bold;
	font-size: 11px;
}

.claro .smsFlotPane {
	position: absolute;
	top: 250px;
	left: 250px;
	width: 270px !important;
	height: 200px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .smsFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 270px !important;
	height: 180px !important;
}

.claro .smsFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .smsContentPane {
	top: 0px !important;
	height: 180px;
	width: 270px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
	left: 0px !important;
}

.claro .smsBorContainers {
	padding: 0px;
	width: 270px !important;
	height: 180px !important;
	background-color: #d0e8ff;
}

/********end sms*******/

/******* Audit Log Page ********/
.claro .auditLogFlotPane {
	position: absolute;
	top: 80px;
	left: 20px;
	/*width: 1300px !important;*/
	width: 1100px !important;
	height: 510px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .auditLogFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .auditLogFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	/*width: 1300px !important;*/
	width: 1100px !important;
	height: 490px !important;
}

.claro .auditLogFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .auditLogContentPane {
	top: 0px !important;
	height: 490px;
	/*width: 1300px!important;*/
	width: 1100px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .auditLogFilterContent {
	background-color: #d0e8ff;
	height: 100px;
	padding-top: 5px;
	/*width:1300px;*/
	width: 1100px;
}

.claro .auditLogBg {
	background-color: #d0e8ff;
}

.claro .auditLogBorContainers {
	padding: 0px;
	/*width: 1300px !important;*/
	width: 1100px !important;
	height: 490px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .auditLogGridContainer {
	height: 340px;
	padding-bottom: 0px;
	/*width: 1300px !important;*/
	width: 1100px !important;
	padding: 0px !important;
}

.claro .auditLogGridContainer.Grid {
	/*width: 1300px !important;*/
	width: 1100px !important;
	padding-top: 100px;
}

.claro .auditLogCloseBtn {
	float: right;
}

.claro .auditLogSearchBtn {
	float: right;
}

.claro .auditLogLayoutContainer {
	/*width:1300px !important;*/
	width: 1100px !important;
	height: 490px !important;
	top: 0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}

.claro .auditLogGrid {
	/*width: 1298px !important;*/
	width: 1098px !important;
	height: 340px !important;
	border-color: #A0CBFE;
}

.claro .auditLogGrid .dojoxGridScrollbox {
	overflow-x: visible;
	overflow-y: scroll;
	/*width: 1298px !important;*/
	width: 1098px !important;
	height: 300px !important;
}

.claro .auditLogGrid .dojoxGridMasterHeader .dojoxGridHeader {
	background-color: #A0CBFE !important;
}

.claro .auditLogGrid .dojoxGridRow, .claro .auditLogGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	/*width: 1280px !important;*/
	width: 1080px !important;
}

.claro .auditLogGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .auditLogGrid .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: #D0E8FF;
}

.claro .auditLogMessageBox {
	width: 165px !important;
	text-align: center !important;
	top: 5px;
	background-color: green !important;
	border: 0px !important;
	color: white;
	float: right;
	padding-top: 3px;
	height: 20px;
	border-radius:5px;
}

/******* End Audit Log Page ********/

/******* MailAcknowledgment Page ********/
.claro .mailAcknowledgmentFlotPane {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 900px !important;
	height: 510px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .mailAcknowledgmentFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .mailAcknowledgmentFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 900px !important;
	height: 490px !important;
}

.claro .mailAcknowledgmentFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .mailAcknowledgmentContentPane {
	top: 0px !important;
	height: 490px;
	width: 900px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .mailAcknowledgmentFilterContent {
	background-color: #d0e8ff;
	height: 90px;
	padding-top: 5px;
	width: 900px;
}

.claro .mailAcknowledgmentBg {
	background-color: #d0e8ff;
}

.claro .mailAcknowledgmentBorContainers {
	padding: 0px;
	width: 900px !important;
	height: 490px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .mailAcknowledgmentGridContainer {
	height: 350px;
	padding-bottom: 0px;
	width: 900px !important;
	padding: 0px !important;
}

.claro .mailAcknowledgmentGridContainer.Grid {
	width: 900px !important;
	padding-top: 100px;
}

.claro .mailAcknowledgmentCloseBtn {
	float: right;
}

.claro .mailAcknowledgmentSearchBtn {
	float: right;
}

.claro .mailAcknowledgmentLayoutContainer {
	width: 900px !important;
	height: 490px !important;
	top: 0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}

.claro .mailAcknowledgmentGrid {
	width: 900px !important;
	height: 340px !important;
	border-color: #A0CBFE;
}

.claro .mailAcknowledgmentGrid .dojoxGridScrollbox {
	overflow-x: visible;
	overflow-y: auto;
	width: 900px !important;
	height: 320px !important;
}

.claro .mailAcknowledgmentGrid .dojoxGridMasterHeader .dojoxGridHeader {
	background-color: #A0CBFE !important;
}

.claro .mailAcknowledgmentGrid .dojoxGridRow, .claro .mailAcknowledgmentGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 900px !important;
}

.claro .mailAcknowledgmentGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .mailAcknowledgmentGrid .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: #D0E8FF;
}

.claro .emailMessageBox {
	width: 180px !important;
	text-align: center !important;
	top: 5px;
	background-color: green !important;
	border: 0px !important;
	color: white;
	float: left;
	padding-top: 3px;
	height: 20px;
	border-radius: 5px;
}


/******* End mailAcknowledgment Page ********/

/******* Pending Orders ********/
.claro .pendingOrdersFlotPane {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 1300px !important;
	height: 500px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .pendingOrdersFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .pendingOrdersFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 1300px !important;
	height: 480px !important;
}

.claro .pendingOrdersFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .pendingOrdersContentPane {
	top: 0px !important;
	height: 490px;
	width: 1300px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .pendingOrdersFilterContent {
	background-color: #d0e8ff;
	height: 100px;
	padding-top: 5px;
	width: 1300px;
}

.claro .pendingOrdersLayoutContainer {
	width: 1300px !important;
	height: 490px !important;
	top: 0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}

.claro .pendingOrdersSearchBtn {
	float: right;
}

.claro .pendingOrdersBorContainers {
	padding: 0px;
	width: 1300px !important;
	height: 490px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .pendingOrdersGridContainer {
	height: 330px;
	padding-bottom: 0px;
	width: 1300px !important;
	padding: 0px !important;
}

.claro .pendingOrdersReportsGrid {
	width: 1300px !important;
	height: 330px;
	border-color: #A0CBFE;
}

.claro .pendingOrdersReportsGrid .dojoxGridScrollbox {
	overflow-x: visible;
	overflow-y: auto;
	width: 1290px !important;
	height: 300px;
}

.claro .pendingOrdersReportsGrid .dojoxGridMasterHeader .dojoxGridHeader
	{
	background-color: #A0CBFE !important;
}

.claro .pendingOrdersReportsGrid .dojoxGridRow, .claro .pendingOrdersReportsGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 1300px !important;
}

.claro .pendingOrdersReportsGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .pendingOrdersReportsGrid .dojoxGridRowOdd .dojoxGridRowTable tr
	{
	background-color: #D0E8FF;
}

/******* End pending Orders ********/

/******* Queued Orders ********/
.claro .queuedOrdersFlotPane {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 1300px !important;
	height: 510px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .queuedOrdersFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .queuedOrdersFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 1300px !important;
	height: 490px !important;
}

.claro .queuedOrdersFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .queuedOrdersContentPane {
	top: 0px !important;
	height: 490px;
	width: 1300px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .queuedOrdersFilterContent {
	background-color: #d0e8ff;
	height: 100px;
	padding-top: 5px;
	width: 1300px;
}

.claro .queuedOrdersLayoutContainer {
	width: 1300px !important;
	height: 490px !important;
	top: 0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}

.claro .queuedOrdersSearchBtn {
	float: right;
}

.claro .queuedOrdersBorContainers {
	padding: 0px;
	width: 1300px !important;
	height: 490px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .queuedOrdersGridContainer {
	height: 340px;
	padding-bottom: 0px;
	width: 1300px !important;
	padding: 0px !important;
}

.claro .queuedOrdersReportsGrid .dojoxGridScrollbox {
	overflow-x: visible;
	overflow-y: auto;
	width: 1290px !important;
}

.claro .queuedOrdersReportsGrid .dojoxGridMasterHeader .dojoxGridHeader
	{
	background-color: #A0CBFE !important;
}

.claro .queuedOrdersReportsGrid .dojoxGridRow, .claro .queuedOrdersReportsGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 1300px !important;
}

.claro .queuedOrdersReportsGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .queuedOrdersReportsGrid .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: #D0E8FF;
}

/******* End queued Orders ********/

/******* Dealer Mapping ********/
.claro .dealerMappingFlotPane {
	position: absolute;
	top: 130px;
	left: 400px;
	width: 460px !important;
	height: 460px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .dealerMappingFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .dealerMappingFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 460px !important;
	height: 440px !important;
}

.claro .dealerMappingFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .dealerMappingContentPane {
	top: 0px !important;
	height: 440px;
	width: 460px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .dealerMappingFilterContent {
	background-color: #d0e8ff;
	height: 150px;
	padding-top: 5px;
	width: 460px;
}

.claro .dealerMappingLayoutContainer {
	width: 460px !important;
	height: 440px !important;
	top: 0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}

.claro .dealerMappingSearchBtn {
	float: right;
}

.claro .dealerMappingBorContainers {
	padding: 0px;
	width: 1300px !important;
	height: 490px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .dealerMappingGridContainer {
	height: 370px;
	padding-bottom: 0px;
	width: 150px !important;
	padding: 0px !important;
}

.claro .dealerMappingGrid .dojoxGridScrollbox {
	overflow-x: hidden;
	overflow-y: auto;
}

.claro .dealerMappingGrid .dojoxGridMasterHeader .dojoxGridHeader {
	background-color: #A0CBFE !important;
}

.claro .dealerMappingGrid .dojoxGridRow, .claro .dealerMappingGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 150px !important;
}

.claro .dealerMappingGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .dealerMappingGrid .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: #D0E8FF;
}
/******* End Dealer Mapping ********/

/******* Mapped Cds Dealer ********/
.claro .mappedCdsDealerFlotPane {
	position: absolute;
	top: 130px;
	left: 200px;
	width: 560px !important;
	height: 530px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .mappedCdsDealerFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .mappedCdsDealerFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 560px !important;
	height: 510px !important;
}

.claro .mappedCdsDealerFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .mappedCdsDealerContentPane {
	top: 0px !important;
	height: 510px;
	width: 560px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .mappedCdsDealerLayoutContainer {
	width: 560px !important;
	height: 510px !important;
	top: 0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}

.claro .mappedCdsDealerSearchBtn {
	float: right;
}

.claro .mappedCdsDealerBorContainers {
	padding: 0px;
	width: 560px !important;
	height: 510px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .mappedCdsDealerGridContainer {
	height: 330px;
	padding-bottom: 0px;
	width: 150px !important;
	padding: 0px !important;
}

.claro .mappedCdsDealerGrid .dojoxGridScrollbox {
	overflow-x: hidden;
	overflow-y: auto;
}

.claro .mappedCdsDealerGrid .dojoxGridMasterHeader .dojoxGridHeader {
	background-color: #A0CBFE !important;
}

.claro .mappedCdsDealerGrid .dojoxGridRow, .claro .mappedCdsDealerGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 150px !important;
}

.claro .mappedCdsDealerGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .mappedCdsDealerGrid .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: #D0E8FF;
}

.claro .mappedCdsDealerNumberSpinner {
	width: 80px;
}

.claro .mappedCdsDealerPageNumber {
	display: inline-block;
	width: 30px;
}
/******* Mapped Cds Dealer ********/

/******* User info change request ********/
.claro .uInfoChangRequestFlotPane {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 950px !important;
	height: 510px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

/******* User info change request ********/
.claro .holidaycalenderFlotPane {
	position: absolute;
	top: 100px !important;
	left: 130px !important;
	width: 950px !important;
	height: 400px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .uInfoChangRequestFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .uInfoChangRequestFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 950px !important;
	height: 490px !important;
}

.claro .uInfoChangRequestFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .uInfoChangRequestContentPane {
	top: 0px !important;
	height: 490px;
	width: 950px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .uInfoChangRequestLayoutContainer {
	width: 950px !important;
	height: 490px !important;
	top: 0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}

.claro .uInfoChangRequestSearchBtn {
	float: right;
}

.claro .uInfoChangRequestBorContainers {
	padding: 0px;
	width: 950px !important;
	height: 490px !important;
	background-color: #ffffff !important;
	left: 0px;
}

.claro .uInfoChangRequestFilterContent {
	background-color: #d0e8ff;
	height: 100px;
	padding-top: 5px;
	width: 950px;
}

.claro .holidayCalendarFilterContent {
	background-color: #d0e8ff;
	height: 100px;
	padding-top: 5px;
	width: 950px;
}

.claro .holidayCalendarGridContainer {
    height: 200px !important;
    padding-bottom: 0px;
    width: 950px !important;
    padding: 0px !important;
}

.claro .HolidaycalendarBorContainers {
    padding: 0px;
    width: 950px !important;
    height: 380px !important;
    background-color: #ffffff !important;
    left: 0px;
}

.claro .uInfoChangRequestGridContainer {
	height: 330px !important;
	padding-bottom: 0px;
	width: 950px !important;
	padding: 0px !important;
}


.claro .uInfoChangRequestGridContainer.Grid {
	width: 950px !important;
	padding-top: 100px;
}

.claro .uInfoChangRequestGrid {
	width: 950px !important;
	height: 325px !important;
	border-color: #A0CBFE;
}

.claro .uInfoChangRequestGrid .dojoxGridScrollbox {
	overflow-x: visible;
	overflow-y: auto;
}

.claro .uInfoChangRequestGrid .dojoxGridScrollbox {
    overflow-x: visible;
    overflow-y: auto;
    height: 288px !important;
}

.claro .uInfoChangRequestGrid .dojoxGridMasterHeader .dojoxGridHeader {
	background-color: #A0CBFE !important;
}

.claro .uInfoChangRequestGrid .dojoxGridRow, .claro .uInfoChangRequestGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 950px !important;
}

.claro .uInfoChangRequestGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .uInfoChangRequestGrid .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: #D0E8FF;
}

.claro .uInfoChangRequestNumberSpinner {
	width: 80px;
}

.claro .uInfoChangRequestPageNumber {
	display: inline-block;
	width: 30px;
}

.claro .approveRequestIcon {
	width: 20px;
	height: 18px;
	background-image: url(images/approved.png);
	background-repeat: no-repeat;
	border: 4px;
	border-color: black;
	cursor: pointer;
	margin: auto;
}

.claro .rejectRequestIcon {
	width: 20px;
	height: 18px;
	background-image: url(images/reject.png);
	background-repeat: no-repeat;
	border: 4px;
	border-color: black;
	cursor: pointer;
	margin: auto;
}
/******* user InfoChangRequest ********/
/*for listGroup Page*/
.claro .listGroupFlotPane {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 1300px !important;
	height: 510px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .numberSpinner {
	width: 100px;
}

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

.claro .listGroupGridHeaderTxt {
	color: white;
	font-weight: bold;
}

.claro .listGroupFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .listGroupFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 1300px !important;
	height: 490px !important;
}

.claro .listGroupFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .listGroupContentPane {
	top: 0px !important;
	height: 490px;
	width: 1300px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .listGroupFilterContent {
	background-color: #d0e8ff;
	height: 50px;
	padding-top: 5px;
}

.claro .viewCDSSearchBtn {
	float: left;
}

.claro .listGroupBorContainers {
	padding: 0px;
	width: 1300px !important;
	height: 490px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .listGroupGridContainer {
	height: 370px;
	padding-bottom: 0px;
	padding-top: 200px;
	width: 1300px !important;
	padding: 0px !important;
}

.claro .listGroupGridContainer.Grid {
	width: 1875px !important;
	padding-top: 100px;
}

.claro .listGroupGrid .dojoxGridScrollbox {
	overflow-x: visible;
	height: 325px !important;
}
/*
	.claro .listUserGrid .dojoxGridHeader .dojoxGridCell{
			background-color: #A0CBFE !important;
			background-image: url(../atrad/images/watchHeaderImage.jpg) !important;
			background-repeat:repeat;
			border-left: 1px  !important;
			border-top: 1px  !important;
			border-color: #76A3E0 !important;
			color: white !important;
	}
	*/
.claro .listGroupGrid {
	width: 1300px !important;
	height: 370px !important;
	border-color: #A0CBFE;
}

.claro .listGroupGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .listGroupGrid .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: #D0E8FF;
}

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

.claro #listGroupGrid .dojoxGridRow, .claro #listGroupGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 600px;
}

.claro .listGroupGrid .dojoxGridMasterHeader .dojoxGridHeader {
	background-color: #A0CBFE !important;
}

.claro .listGroupGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .listGroupGrid .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: #D0E8FF;
}

.claro .listGroupAddUserBut {
	float: right;
	padding-right: 10px;
}

.claro .listGroupCloseBut {
	float: right;
	padding-right: 10px;
}

.claro .userViewTextBoxes1 {
	width: 500px;
	height: 35px;
	align: left;
}

.claro .listUserProfileTxt {
	width: 500px;
}

.claro .listGroupSearchBtn {
	float: right;
	padding-right: 50px;
}

.claro .listGroupSearchButton {
	float: left;
}

div.inline {
	float: left;
}

/***************** create group  *************************/
.claro .addGroupGridHeaderTxt {
	font-weight: bold;
	font-size: 11px;
}

.claro .addGroupFlotPane {
	position: absolute;
	top: 200px;
	left: 200px;
	width: 400px !important;
	height: 140px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .addGroupFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 400px !important;
	height: 120px !important;
}

.claro .addGroupFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .addGroupContentPane {
	top: 0px !important;
	height: 140px;
	width: 400px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
	left: 0px !important;
}

.claro .addGroupBorContainers {
	padding: 0px;
	width: 400px !important;
	height: 120px !important;
	background-color: #d0e8ff;
}

.claro .groupTextBox {
	width: 174px !important;
	padding-left: 4px;
}
/***************** /create  group  *************************/
/****** group entity mapping ********/
.claro .groupEntityMappingFlotPane {
	position: absolute;
	top: 100px;
	left: 200px;
	width: 680px !important;
	height: 660px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .groupEntityMappingContainer {
	height: 280px;
	padding-bottom: 0px;
	width: 680px !important;
	padding: 0px !important;
}

.claro .groupEntityMappingGridHeaderTxt {
	color: white;
	font-weight: bold;
}

.claro .groupEntityMappingFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .groupEntityMappingFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 680px !important;
	height: 640px !important;
}

.claro .groupEntityMappingFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .groupEntityMappingContentPane {
	top: 0px !important;
	height: 660px;
	width: 680px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .groupEntityMappingFilterContent {
	background-color: #d0e8ff;
	height: 50px;
	padding-top: 5px;
}

.claro .groupEntityMappingCompanyNamelbl {
	width: 120px;
}

.claro .groupEntityMappingBorContainers {
	padding: 0px;
	width: 680px !important;
	height: 6660px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .groupEntityMappingGridContainer {
	height: 570px;
	padding-bottom: 0px;
	width: 670px !important;
	padding: 0px !important;
}

.claro .groupEntityMappingAddUserBut {
	float: right;
	right: 10px;
	padding-right: 10px;
}

.claro .groupEntityMappingCloseBut {
	float: right;
	padding-right: 10px;
	padding-top: 4px;
}

.claro .userViewTextBoxes1 {
	width: 50px;
	height: 35px;
	align: left;
}

.claro .groupEntityMappingSearchButton {
	float: left;
}

.claro .groupEntityMappingMessageBox {
	width: 160px !important;
	text-align: right !important;
	background-color: transparent !important;
	border: 0px !important;
	float: right;
	padding-top: 10px;
}

.claro .watchListUserNameTextBox {
	float: left;
}

.claro .watchListSearchButtonPanal {
	float: left;
	height: 42px;
}

.claro .groupEntityMappingFilterContent {
	background-color: #d0e8ff;
	height: 150px;
	padding-top: 5px;
}

div.inline {
	float: left;
}
/************** /group entity mapping **********************/

/******* SMSAcknowledgment Page ********/
.claro .SMSAcknowledgmentFlotPane {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 840px !important;
	/*height: 460px!important;*/
	height: 500px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .SMSAcknowledgmentFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .SMSAcknowledgmentFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 840px !important;
	/*height:440px !important;*/
	height: 480px !important;
}

.claro .SMSAcknowledgmentFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .SMSAcknowledgmentContentPane {
	top: 0px !important;
	/*height: 440px;*/
	height: 480px;
	width: 840px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .SMSAcknowledgmentFilterContent {
	background-color: #d0e8ff;
	height: 92px;
	padding-top: 5px;
	width: 840px;
}

.claro .SMSAcknowledgmentBg {
	background-color: #d0e8ff;
}

.claro .SMSAcknowledgmentBorContainers {
	padding: 0px;
	width: 840px !important;
	/*height:440px !important;*/
	height: 480px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .SMSAcknowledgmentGridContainer {
	height: 345px;
	/*height: 330px;*/
	padding-bottom: 0px;
	width: 840px !important;
	padding: 0px !important;
}

.claro .SMSAcknowledgmentGridContainer.Grid {
	width: 840px !important;
	padding-top: 100px;
	height:700px;
}

.claro .SMSAcknowledgmentCloseBtn {
	float: right;
}

.claro .SMSAcknowledgmentSearchBtn {
	float: right;
}

.claro .SMSAcknowledgmentLayoutContainer {
	width: 840px !important;
	/*height:440px !important;*/
	height: 480px !important;
	top: 0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}

.claro .SMSAcknowledgmentGrid {
	width: 830px !important;
	/*height: 360px !important;*/
	height: 340px !important;
	border-color: #A0CBFE;
}

.claro .SMSAcknowledgmentGrid .dojoxGridScrollbox {
	overflow-x: visible;
	overflow-y: auto;
	width: 830px !important;
	/*height:295px !important;*/
	/*height:335px !important;*/
	height: 315px !important;
}

.claro .SMSAcknowledgmentGrid .dojoxGridMasterHeader .dojoxGridHeader {
	background-color: #A0CBFE !important;
}

.claro .SMSAcknowledgmentGrid .dojoxGridRow, .claro .SMSAcknowledgmentGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 800px !important;
}

.claro .SMSAcknowledgmentGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .SMSAcknowledgmentGrid .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: #D0E8FF;
}

.claro .smsMessageBox {
	width: 180px !important;
	text-align: center !important;
	top: 5px;
	background-color: green !important;
	border: 0px !important;
	color: white;
	float: left;
	padding-top: 3px;
	height: 20px;
	border-radius:5px;
}


/******* End SMSAcknowledgment Page ********/

/***************** edit group  *************************/
.claro .editGroupFlotPane {
	position: absolute;
	top: 200px;
	left: 200px;
	width: 500px !important;
	height: 140px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .editGroupFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 500px !important;
	height: 120px !important;
}

.claro .editGroupFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .editGroupContentPane {
	top: 0px !important;
	height: 140px;
	width: 500px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
	left: 0px !important;
}

.claro .editGroupBorContainers {
	padding: 0px;
	width: 500px !important;
	height: 120px !important;
	background-color: #d0e8ff;
}

.claro .editGroupTextBox {
	width: 330px !important;
	padding-left: 4px;
}
/***************** edit  group  *************************/

/***************** view group  *************************/
.claro .viewGroupFlotPane {
	position: absolute;
	top: 200px;
	left: 200px;
	width: 700px !important;
	height: 300px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .viewGroupFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 700px !important;
	height: 300px !important;
}

.claro .viewGroupFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .viewGroupContentPane {
	top: 0px !important;
	height: 300px;
	width: 700px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
	left: 0px !important;
}

.claro .viewGroupBorContainers {
	padding: 0px;
	width: 700px !important;
	height: 300px !important;
	background-color: #d0e8ff;
}

.claro .viewGroupCloseBtn {
	float: right;
}

.claro .viewGroupTextBox {
	width: 174px !important;
	padding-left: 4px;
}
/***************** view group  *************************/

/******* UserUnLock Page ********/
.claro .userUnlockBg {
	background-color: #d0e8ff;
	width: 660px;
}

.claro .UserUnLockFlotPane {
	position: absolute;
	top: 100px;
	left: 300px;
	width: 660px !important;
	height: 400px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .UserUnLockFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .UserUnLockFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 660px !important;
	height: 380px !important;
}

.claro .UserUnLockFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .UserUnLockContentPane {
	top: 0px !important;
	height: 380px;
	width: 660px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .UserUnLockFilterContent {
	background-color: #d0e8ff;
	height: 40px;
	padding-top: 5px;
	width: 660px;
}

.claro .UserUnLockBg {
	background-color: #d0e8ff;
}

.claro .UserUnLockBorContainers {
	padding: 0px;
	width: 660px !important;
	height: 380px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .UserUnLockGridContainer {
	height: 300px;
	padding-bottom: 0px;
	width: 660px !important;
	padding: 0px !important;
}

.claro .UserUnLockGridContainer.Grid {
	width: 660px !important;
	padding-top: 100px;
}

.claro .UserUnLockCloseBtn {
	float: right;
}

.claro .UserUnLockSearchBtn {
	float: right;
}

.claro .UserUnLockLayoutContainer {
	width: 660px !important;
	height: 380px !important;
	top: 0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}

.claro .UserUnLockGrid {
	width: 657px !important;
	height: 280px !important;
	border-color: #A0CBFE;
}

.claro .UserUnLockGrid .dojoxGridScrollbox {
	overflow-x: auto;
	overflow-y: auto;
	width: 660px !important;
	height: 255px !important;
}

.claro .UserUnLockGrid .dojoxGridMasterHeader .dojoxGridHeader {
	background-color: #A0CBFE !important;
}

.claro .UserUnLockGrid .dojoxGridRow, .claro .UserUnLockGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 660px !important;
}

.claro .UserUnLockGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .UserUnLockGrid .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: #D0E8FF;
}

/******* End UserUnLock Page ********/

/*for MarginProvider Page*/
.claro .MarginProviderFlotPane {
	position: absolute;
	top: 100px;
	left: 220px;
	width: 900px !important;
	height: 450px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .MarginProvideraddGridContainer {
	height: 290px;
	padding-bottom: 0px;
	padding-top: 200px;
	width: 900px !important;
	padding: 0px !important;
	float: left;
}

.claro .MarginProviderGridHeaderTxt {
	color: #7ED5FF font-weight: bold;
}

.claro .MarginProviderFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .MarginProviderFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 900px !important;
	height: 430px !important;
}

.claro .MarginProviderFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .MarginProviderContentPane {
	top: 0px !important;
	height: 490px;
	width: 8790px !important;
	border: 0px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .MarginProviderFilterContent {
	background-color: #d0e8ff;
	height: 90px;
	padding-top: 5px;
}

.claro .viewCDSSearchBtn {
	float: left;
	padding-left: 5px;
}

.claro .MarginProviderLastNameTextBox {
	float: right;
}

.claro .MarginProviderProfileTextBox {
	float: right;
}

.claro .MarginProviderFirstNameTextBox {
	float: right;
}

.claro .MarginProviderBorContainers {
	padding: 0px;
	width: 900px !important;
	height: 450px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .MarginProviderGridContainer {
	height: 250px;
	padding-bottom: 0px;
	width: 900px !important;
	padding: 0px !important;
}

.claro .MarginProviderGridContainer.Grid {
	width: 880px !important;
	padding-top: 100px;
}

.claro .addMarginGrid {
	width: 900px !important;
	height: 500px;
	border-color: #A0CBFE;
}

.claro .MarginProviderAddCDSAccountGrid .dojoxGridScrollbox {
	overflow-x: hidden;
	overflow-y: scroll;
	height: 200px;
	width: 900px;
}
/*
.claro .MarginProviderAddCDSAccountGrid .dojoxGridHeader .dojoxGridCell{
		background-color: #A0CBFE !important;
		background-image: url(../atrad/images/watchHeaderImage.jpg) !important;
		background-repeat:repeat;
		border-left: 1px  !important;
		border-top: 1px  !important;
		border-color: #76A3E0 !important;
		color: white !important;
}*/
.claro .MarginProviderAddCDSAccountGrid .dojoxGridMasterHeader .dojoxGridHeader
	{
	background-color: #A0CBFE !important;
}

.claro #MarginProviderAddCDSAccountGrid .dojoxGridRow, .claro #MarginProviderAddCDSAccountGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 1280px;
}

.claro .MarginProviderAddCDSAccountGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .MarginProviderAddCDSAccountGrid .dojoxGridRowOdd .dojoxGridRowTable tr
	{
	background-color: #D0E8FF;
}

.claro .MarginProviderMarginProviderBut {
	float: right;
	padding-right: 10px;
}

.claro .MarginProviderCloseBut {
	float: right;
	padding-right: 10px;
	padding-top: 4px;
}

.claro .MarginProviderMarginProviderBulkBut {
	float: left;
	padding-left: 80px;
}

.claro .userViewTextBoxes1 {
	width: 500px;
	height: 35px;
	align: left;
}

.claro .userViewprofileTxt {
	float: left;
	font-weight: bold;
}

.claro .MarginProviderLastNameTxt {
	
}

.claro .viewCDSLastNameTd {
	float: left;
	padding-left: 3px;
	width: 69px;
}

.claro .MarginProviderFirstNameTxt {
	float: left;
	padding-left: 8px;
	width: 62px;
}

.claro .MarginProviderSearchButton {
	float: left;
}

.claro .MarginProviderBulkBtn {
	float: left;
}

.claro .MarginProviderUserNameTxt {
	float: left;
	font-weight: bold;
}

.claro .MarginProviderUserNameTextBox {
	float: left;
}

.claro .MarginProviderSearchButtonPanal {
	float: left;
	height: 42px;
}

.claro .MarginProviderCloseBtn {
	float: right;
}

.claro .MarginProviderSaveBtn {
	
}

.claro .MarginProviderFilterContent {
	background-color: #d0e8ff;
	height: 200px;
	padding-top: 5px;
}

.claro .MarginProviderUserNameLbl {
	float: left;
	padding-left: 10px;
}
/*for MarginFileUpload Page*/
.claro .MarginFileUploadFlotPane {
	position: absolute;
	top: 200px;
	left: 200px;
	width: 780px !important;
	height: 390px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .MarginFileUploadaddGridContainer {
	height: 200px;
	padding-bottom: 0px;
	padding-top: 200px;
	width: 670px !important;
	padding: 0px !important;
	float: left;
}

.claro .MarginFileUploadNewGridContainer {
	height: 290px;
	padding-bottom: 0px;
	padding-top: 200px;
	width: 780px !important;
	padding: 0px !important;
	float: left;
}

.claro .MarginFileUploadGridHeaderTxt {
	color: #7ED5FF font-weight: bold;
}

.claro .MarginFileUploadFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .MarginFileUploadFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 780px !important;
	height: 370px !important;
}

.claro .MarginFileUploadFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .MarginFileUploadContentPane {
	top: 0px !important;
	height: 370px;
	width: 780px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .MarginFileUploadFilterContent {
	background-color: #d0e8ff;
	height: 90px;
	padding-top: 5px;
}

.claro .viewCDSSearchBtn {
	float: left;
	padding-left: 5px;
}

.claro .MarginFileUploadLastNameTextBox {
	float: right;
}

.claro .MarginFileUploadProfileTextBox {
	float: right;
}

.claro .MarginFileUploadFirstNameTextBox {
	float: right;
}

.claro .MarginFileUploadBorContainers {
	padding: 0px;
	width: 780px !important;
	height: 370px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .MarginFileUploadGridContainer {
	height: 200px;
	padding-bottom: 0px;
	width: 670px !important;
	padding: 0px !important;
}

.claro .MarginFileUploadGridContainer.Grid {
	width: 620px !important;
	padding-top: 100px;
}

.claro .addMarginGrid {
	width: 640px !important;
	height: 500px;
	border-color: #A0CBFE;
}

.claro .MarginFileUploadAddCDSAccountGrid .dojoxGridScrollbox {
	overflow-x: scroll;
	overflow-y: scroll;
	height: 200px;
	width: 780px !important;
}
/*
.claro .MarginFileUploadAddCDSAccountGrid .dojoxGridHeader .dojoxGridCell{
		background-color: #A0CBFE !important;
		background-image: url(../atrad/images/watchHeaderImage.jpg) !important;
		background-repeat:repeat;
		border-left: 1px  !important;
		border-top: 1px  !important;
		border-color: #76A3E0 !important;
		color: white !important;
}*/
.claro .MarginFileUploadAddCDSAccountGrid .dojoxGridMasterHeader .dojoxGridHeader
	{
	background-color: #A0CBFE !important;
}

.claro #MarginFileUploadAddCDSAccountGrid .dojoxGridRow, .claro #MarginFileUploadAddCDSAccountGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 600px;
}

.claro .MarginFileUploadAddCDSAccountGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .MarginFileUploadAddCDSAccountGrid .dojoxGridRowOdd .dojoxGridRowTable tr
	{
	background-color: #D0E8FF;
}

.claro .MarginFileUploadMarginFileUploadBut {
	float: right;
	padding-right: 10px;
}

.claro .MarginFileUploadCloseBut {
	float: right;
	padding-right: 10px;
	padding-top: 4px;
}

.claro .MarginFileUploadMarginFileUploadBulkBut {
	float: left;
	padding-left: 80px;
}

.claro .userViewTextBoxes1 {
	width: 500px;
	height: 35px;
	align: left;
}

.claro .userViewprofileTxt {
	float: left;
	font-weight: bold;
}

.claro .MarginFileUploadLastNameTxt {
	
}

.claro .viewCDSLastNameTd {
	float: left;
	padding-left: 3px;
	width: 69px;
}

.claro .MarginFileUploadFirstNameTxt {
	float: left;
	padding-left: 8px;
	width: 62px;
}

.claro .MarginFileUploadSearchButton {
	float: left;
}

.claro .MarginFileUploadBulkBtn {
	float: left;
}

.claro .MarginFileUploadUserNameTxt {
	float: left;
	font-weight: bold;
}

.claro .MarginFileUploadUserNameTextBox {
	float: left;
}

.claro .MarginFileUploadSearchButtonPanal {
	float: left;
	height: 42px;
}

.claro .MarginFileUploadCloseBtn {
	float: right;
}

.claro .MarginFileUploadSaveBtn {
	
}

.claro .MarginFileUploadFilterContent {
	background-color: #d0e8ff;
	height: 200px;
	padding-top: 5px;
}

.claro .MarginFileUploadUserNameLbl {
	float: left;
	padding-left: 10px;
}

.fileUpload {
	position: relative;
	margin: 10px;
}

.fileUpload input.dojoxFileInput {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity = 0);
}

.fileUpload>span {
	font-weight: bold;
	color: #0049aa;
	text-shadow: 0px 1px 0px #FFF;
	border: 1px solid #709bd2;
	padding: 2px 4px 5px 4px;
	background-image: url("images/button.png");
	background-position: center top;
	background-repeat: repeat-x;
	background-color: #e9f4fe;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.claro .marginExcelFileMessageBox {
	width: 88px !important;
	text-align: center !important;
	top: 5px;
	background-color: green !important;
	border: 0px !important;
	color: white;
	float: right;
	padding-top: 3px;
	height: 20px;
	border-radius:5px;
}

.claro .marginTextFileMessageBox {
	width: 100px !important;
	text-align: center !important;
	top: 5px;
	background-color: green !important;
	border: 0px !important;
	color: white;
	float: right;
	padding-top: 3px;
	height: 20px;
	border-radius:5px;
}

/************Margin Custodian*********************************/
/*for MarginFileUpload Page*/
.claro .MarginFileUploadCustodianFlotPane {
	position: absolute;
	top: 200px;
	left: 200px;
	width: 780px !important;
	height: 390px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .MarginFileUploadCustodianaddGridContainer {
	height: 200px;
	padding-bottom: 0px;
	padding-top: 200px;
	width: 670px !important;
	padding: 0px !important;
	float: left;
}

.claro .MarginFileUploadCustodianFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .MarginFileUploadCustodianFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 780px !important;
	height: 370px !important;
}

.claro .MarginFileUploadCustodianFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .MarginFileUploadCustodianContentPane {
	top: 0px !important;
	height: 370px;
	width: 780px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .MarginFileUploadCustodianFilterContent {
	background-color: #d0e8ff;
	height: 90px;
	padding-top: 5px;
}

.claro .MarginFileUploadCustodianBorContainers {
	padding: 0px;
	width: 780px !important;
	height: 370px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .MarginCusProvideraddGridContainer {
	height: 290px;
	padding-bottom: 0px;
	padding-top: 200px;
	width: 780px !important;
	padding: 0px !important;
	float: left;
}

.claro .MarginCusProvideraddGridContainer.Grid {
	width: 620px !important;
	padding-top: 100px;
}

.claro .addMarginGrid {
	width: 640px !important;
	height: 500px;
	border-color: #A0CBFE;
}

.claro .MarginFileUploadCustodianAddCDSAccountGrid .dojoxGridScrollbox {
	overflow-x: scroll;
	overflow-y: scroll;
	height: 260px !important;
	width: 780px !important;
}

.claro .MarginFileUploadCustodianAddCDSAccountGrid .dojoxGridMasterHeader .dojoxGridHeader
	{
	background-color: #A0CBFE !important;
}

.claro .MarginFileUploadCustodianAddCDSAccountGrid .dojoxGridRow, .claro .MarginFileUploadCustodianAddCDSAccountGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 600px;
}

.claro .MarginFileUploadCustodianAddCDSAccountGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .MarginFileUploadCustodianAddCDSAccountGrid .dojoxGridRowOdd .dojoxGridRowTable tr
	{
	background-color: #D0E8FF;
}


.claro .custodianMarginFileMessageBox {
	width: 104px !important;
	text-align: center !important;
	top: 5px;
	background-color: green !important;
	border: 0px !important;
	color: white;
	float: right;
	padding-top: 3px;
	height: 20px;
	border-radius:5px;
}


/***************** Group Property Mapping *************************/
.claro .groupPropertyMapHeaderTxt {
	font-weight: bold;
	font-size: 11px;
}

.claro .groupPropertyMapFlotPane {
	position: absolute;
	top: 200px;
	left: 200px;
	width: 720px !important;
	height: 320px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .groupPropertyMapFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 720px !important;
	height: 300px !important;
}

.claro .groupPropertyMapFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .groupPropertyMapContentPane {
	top: 0px !important;
	height: 300px;
	width: 720px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
	left: 0px !important;
}

.claro .groupPropertyMapBorContainers {
	padding: 0px;
	width: 720px !important;
	height: 300px !important;
	background-color: #d0e8ff;
}

.claro .groupPropertyMapTextBox {
	width: 194px !important;
	padding-left: 4px;
}
/***************** /Group Property Mapping  *************************/
/*******************************************************************/
/*for MarginFileUploadTxt Page*/
.claro .MarginFileUploadTxtFlotPane {
	position: absolute;
	top: 200px;
	left: 200px;
	width: 530px !important;
	height: 420px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .MarginFileUploadTxtaddGridContainer {
	height: 200px;
	padding-bottom: 0px;
	padding-top: 200px;
	width: 530px !important;
	padding: 0px !important;
	float: left;
}

.claro .MarginFileUploadTxtGridHeaderTxt {
	color: #7ED5FF font-weight: bold;
}

.claro .MarginFileUploadTxtFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .MarginFileUploadTxtFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 530px !important;
	height: 400px !important;
}

.claro .MarginFileUploadTxtFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .MarginFileUploadTxtContentPane {
	top: 0px !important;
	height: 400px;
	width: 530px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .MarginFileUploadTxtFilterContent {
	background-color: #d0e8ff;
	height: 90px;
	padding-top: 5px;
}

.claro .viewCDSSearchBtn {
	float: left;
	padding-left: 5px;
}

.claro .MarginFileUploadTxtLastNameTextBox {
	float: right;
}

.claro .MarginFileUploadTxtProfileTextBox {
	float: right;
}

.claro .MarginFileUploadTxtFirstNameTextBox {
	float: right;
}

.claro .MarginFileUploadTxtBorContainers {
	padding: 0px;
	width: 530px !important;
	height: 400px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .MarginFileUploadTxtridContainer {
	height: 200px;
	padding-bottom: 0px;
	width: 500px !important;
	padding: 0px !important;
}

.claro .MarginFileUploadTxtGridContainer.Grid {
	width: 500px !important;
	padding-top: 100px;
}

.claro .addMarginTxtGrid {
	width: 500px !important;
	height: 500px;
	border-color: #A0CBFE;
}

.claro .MarginFileUploadTxtAddCDSAccountGrid .dojoxGridScrollbox {
	overflow-x: hidden;
	overflow-y: scroll;
	height: 200px;
	width: 520px;
}
/*
.claro .MarginFileUploadAddCDSAccountGrid .dojoxGridHeader .dojoxGridCell{
		background-color: #A0CBFE !important;
		background-image: url(../atrad/images/watchHeaderImage.jpg) !important;
		background-repeat:repeat;
		border-left: 1px  !important;
		border-top: 1px  !important;
		border-color: #76A3E0 !important;
		color: white !important;
}*/
.claro .MarginFileUploadTxtAddCDSAccountGrid .dojoxGridMasterHeader .dojoxGridHeader
	{
	background-color: #A0CBFE !important;
}

.claro #MarginFileUploadTxtAddCDSAccountGrid .dojoxGridRow, .claro #MarginFileUploadTxtAddCDSAccountGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 460px;
}

.claro .MarginFileUploadTxtAddCDSAccountGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .MarginFileUploadTxtAddCDSAccountGrid .dojoxGridRowOdd .dojoxGridRowTable tr
	{
	background-color: #D0E8FF;
}

.claro .MarginFileUploadMarginFileUploadTxtBut {
	float: right;
	padding-right: 10px;
}

.claro .MarginFileUploadTxtCloseBut {
	float: right;
	padding-right: 10px;
	padding-top: 4px;
}

.claro .MarginFileUploadTxtMarginFileUploadBulkBut {
	float: left;
	padding-left: 80px;
}

.claro .userViewTextBoxes1 {
	width: 500px;
	height: 35px;
	align: left;
}

.claro .userViewprofileTxt {
	float: left;
	font-weight: bold;
}

.claro .MarginFileUploadTxtLastNameTxt {
	
}

.claro .viewCDSLastNameTd {
	float: left;
	padding-left: 3px;
	width: 69px;
}

.claro .MarginFileUploadTxtFirstNameTxt {
	float: left;
	padding-left: 8px;
	width: 62px;
}

.claro .MarginFileUploadSearchButton {
	float: left;
}

.claro .MarginFileUploadTxtBulkBtn {
	float: left;
}

.claro .MarginFileUploadTxtUserNameTxt {
	float: left;
	font-weight: bold;
}

.claro .MarginFileUploadTxtUserNameTextBox {
	float: left;
}

.claro .MarginFileUploadTxtSearchButtonPanal {
	float: left;
	height: 42px;
}

.claro .MarginFileUploadTxtCloseBtn {
	float: right;
}

.claro .MarginFileUploadTxtSaveBtn {
	
}

.claro .MarginFileUploadTxtFilterContent {
	background-color: #d0e8ff;
	height: 200px;
	padding-top: 5px;
}

.claro .MarginFileUploadTxtUserNameLbl {
	float: left;
	padding-left: 10px;
}

.fileUploadTxt {
	position: relative;
	margin: 10px;
}

.fileUploadTxt input.dojoxFileInput {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity = 0);
}

.fileUploadTxt>span {
	font-weight: bold;
	color: #0049aa;
	text-shadow: 0px 1px 0px #FFF;
	border: 1px solid #709bd2;
	padding: 2px 4px 5px 4px;
	background-image: url("images/button.png");
	background-position: center top;
	background-repeat: repeat-x;
	background-color: #e9f4fe;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
/****************marginFileUploadtText********************************/

/******* CustomizedClients Page ********/
.claro .customizedClientReportsBg {
	background-color: #d0e8ff;
	width: 850px;
}

.claro .CustomizedClientsFlotPane {
	position: absolute;
	top: 150px;
	left: 400px;
	width: 850px !important;
	height: 490px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .CustomizedClientsFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .CustomizedClientsFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 850px !important;
	height: 470px !important;
}

.claro .CustomizedClientsFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .CustomizedClientsContentPane {
	top: 0px !important;
	height: 470px;
	width: 850px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .CustomizedClientsFilterContent {
	background-color: #d0e8ff;
	height: 100px;
	padding-top: 5px;
	width: 850px;
}

.claro .CustomizedClientsBg {
	background-color: #d0e8ff;
}

.claro .CustomizedClientsBorContainers {
	padding: 0px;
	width: 850px !important;
	height: 470px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .CustomizedClientsGridContainer {
	height: 330px;
	padding-bottom: 0px;
	width: 850px !important;
	padding: 0px !important;
}

.claro .CustomizedClientsGridContainer.Grid {
	width: 850px !important;
	padding-top: 100px;
}

.claro .CustomizedClientsCloseBtn {
	float: right;
}

.claro .CustomizedClientsSearchBtn {
	float: right;
}

.claro .CustomizedClientsLayoutContainer {
	width: 850px !important;
	height: 470px !important;
	top: 0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}

.claro .CustomizedClientsGrid {
	width: 847px !important;
	height: 320px !important;
	border-color: #A0CBFE;
}

.claro .CustomizedClientsGrid .dojoxGridScrollbox {
	overflow-x: hidden;
	overflow-y: auto;
	width: 850px !important;
	height: 300px !important;
}

.claro .CustomizedClientsGrid .dojoxGridMasterHeader .dojoxGridHeader {
	background-color: #A0CBFE !important;
}

.claro .CustomizedClientsGrid .dojoxGridRow, .claro .CustomizedClientsGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 850px !important;
}

.claro .CustomizedClientsGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .CustomizedClientsGrid .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: #D0E8FF;
}

.claro .customizedClientsMessageBox {
	width: 150px !important;
	text-align: center !important;
	top: 5px;
	background-color: green !important;
	border: 0px !important;
	color: white;
	float: left;
	padding-top: 3px;
	height: 20px;
	border-radius:5px;
}

/******* End CustomizedClients Page ********/

/****** account summary ******/
.claro .accountSummaryFlotPane {
	position: absolute;
	top: 100px;
	left: 200px;
	width: 580px !important;
	height: 540px !important;
	visibility: visible;
	overflow: hidden !important;
	padding: 8 !important;
}

.claro .accountSummaryFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .accountSummaryFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 580px !important;
	height: 520px !important;
}

.claro .accountSummaryFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .accountSummaryContentPane {
	top: 0px !important;
	height: 520px;
	width: 580px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .accountSummaryFilterContent {
	background-color: #d0e8ff;
	height: 152px;
	padding-top: 5px;
	width: 580px;
}

.claro .accountSummaryBorContainers {
	top: 27px !important;
	padding: 3px;
	width: 580px !important;
	height: 520px !important;
	position: absolute !important;
	left: 8px !important;
}

.claro .accountSummaryContentPane {
	top: 0px !important;
	height: 520px !important;
	width: 580px !important;
	border: 0 !important;
	padding: 0px !important;
	left: 0px !important;
	position: absolute !important;
}

.claro .accountSummary .popFooter {
	width: 98%;
	height: auto;
	padding-top: 5px;
	text-align: right;
	float: left;
}

.claro .accountSummaryFlotPane .dijitDateTextBox {
	width: 102px;
}

.claro .accountSummaryFunctionBar {
	width: 100%;
	padding: 5px;
	height: auto;
	float: left;
}

.claro .accountSummaryMessageBox {
	width: 170px !important;
	text-align: right !important;
	border: 0 !important;
	color: red;
}
/****** account Summary ******/

/******* Distinct user Sessions ********/
.claro .distinctUserSessionsFlotPane {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 1300px !important;
	height: 510px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .distinctUserSessionsGridHeaderTxt {
	color: white;
	font-weight: bold;
}

.claro .distinctUserSessionsFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .distinctUserSessionsFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 1300px !important;
	height: 490px !important;
}

.claro .distinctUserSessionsFlotPane .dojoxFloatingPaneFg {
	
}

.claro .distinctUserSessionsFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .distinctUserSessionsContentPane {
	top: 0px !important;
	height: 490px;
	width: 1300px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .distinctUserSessionsFilterContent {
	background-color: #d0e8ff;
	height: 90px;
	padding-top: 5px;
	width: 1300px;
}

.claro .distinctUserSessionsSearchBtn {
	float: right;
}

.claro .distinctUserSessionsBg {
	background-color: #d0e8ff;
}

.claro .distinctUserSessionsBorContainers {
	padding: 0px;
	width: 1300px !important;
	height: 490px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .distinctUserSessionsGridContainer {
	height: 310px;
	padding-bottom: 0px;
	width: 1290px !important;
	padding: 0px !important;
}

.claro .distinctUserSessionsGridContainer.Grid {
	width: 1300px !important;
	padding-top: 100px;
}

.claro .distinctUserSessionsLayoutContainer {
	width: 1300px;
	height: 490px;
	top: 0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}

.claro .distinctUserSessionsGrid {
	width: 1300px !important;
	height: 310px;
	border-color: #A0CBFE;
}

.claro .distinctUserSessionsCloseBut {
	padding-top: 5px;
}

.claro .distinctUserSessionsBtnContainer {
	padding-top: 5px;
}

.claro .distinctUserSessionsBorContainer .dijitSplitter {
	visibility: hidden !important;
}

.claro .distinctUserSessionsGridHeaderTxt {
	font-weight: bold;
	color: white;
}

.claro .distinctUserSessionsBtnPanal {
	padding-left: 20px;
}

.claro .distinctUserSessionsGrid .dojoxGridScrollbox {
	overflow-x: visible;
	overflow-y: auto;
	width: 1290px;
}
/*.claro .userSessionsGrid .dojoxGridHeader .dojoxGridCell{
			background-color: #A0CBFE !important;
			background-image: url(../atrad/images/watchHeaderImage.jpg) !important;
			background-repeat:repeat;
			border-left: 1px  !important;
			border-top: 1px  !important;
			border-color: #76A3E0 !important;
			color: white !important;
	}
	*/
.claro .distinctUserSessionsGrid .dojoxGridMasterHeader .dojoxGridHeader
	{
	background-color: #A0CBFE !important;
}

.claro .distinctUserSessionsGrid .dojoxGridRow, .claro .distinctUserSessionsGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 1280px !important;
}

.claro .distinctUserSessionsGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .distinctUserSessionsGrid .dojoxGridRowOdd .dojoxGridRowTable tr
	{
	background-color: #D0E8FF;
}

.claro .duserSessionsMessageBox {
	width: 200px !important;
	text-align: center !important;
	top: 5px;
	background-color: green !important;
	border: 0px !important;
	color: black;
	float: right;
	padding-top: 3px;
	height: 20px;
}
/******* End Distinct user Sessions ********/

/***************** Advisor-wise CDS Settings *************************/
.claro .advisorwiseCdsSettingsHeaderTxt {
	font-weight: bold;
	font-size: 11px;
}

.claro .advisorwiseCdsSettingsFlotPane {
	position: absolute;
	top: 200px;
	left: 200px;
	width: 720px !important;
	height: 340px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .advisorwiseCdsSettingsFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 720px !important;
	height: 320px !important;
}

.claro .advisorwiseCdsSettingsFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .advisorwiseCdsSettingsContentPane {
	top: 0px !important;
	height: 320px;
	width: 720px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
	left: 0px !important;
}

.claro .advisorwiseCdsSettingsBorContainers {
	padding: 0px;
	width: 720px !important;
	height: 320px !important;
	background-color: #d0e8ff;
}

.claro .advisorwiseCdsSettingsTextBox {
	width: 620px !important;
	padding-left: 4px;
}
/***************** /advisorwiseCdsSettings  *************************/
.claro #addSec .blueText, .claro #addSec .addsectext {
	color: #362403;
}
/******* Email settings configuration ********/
.claro .emailSettingsConfigFlotPane {
	position: absolute;
	top: 100px;
	left: 300px;
	width: 700px !important;
	height: 230px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .emailSettingsConfigFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .emailSettingsConfigFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 700px !important;
	height: 210px !important;
}

.claro .emailSettingsConfigFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .emailSettingsConfigContentPane {
	top: 0px !important;
	height: 210px;
	width: 700px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .emailSettingsConfigLayoutContainer {
	width: 700px !important;
	height: 210px !important;
	top: 0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}

.claro .emailSettingsConfigBorContainers {
	padding: 0px;
	width: 700px !important;
	height: 210px !important;
	background-color: #ffffff !important;
	left: 0px;
}

.claro .emailSettingsConfigFilterContent {
	background-color: #d0e8ff;
	height: 100px;
	padding-top: 5px;
	width: 700px;
}

.claro .emailSettingsConfigNumberSpinner {
	width: 80px;
}
/******* Email settings configuration ********/

/******* CDS wise limits Page ********/
.claro .cdswiseLimitsReportsBg {
	background-color: #d0e8ff;
	/*width:1300px;*/
	width: 1100px;
}

.claro .cdswiseLimitsFlotPane {
	position: absolute;
	top: 80px;
	left: 20px;
	/*width: 1300px !important;*/
	width: 1100px !important;
	height: 490px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .cdswiseLimitsFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .cdswiseLimitsFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	/*width: 1300px !important;*/
	width: 1100px !important;
	height: 470px !important;
}

.claro .cdswiseLimitsFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .cdswiseLimitsContentPane {
	top: 0px !important;
	height: 470px;
	/*width: 1300px!important;*/
	width: 1100px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .cdswiseLimitsFilterContent {
	background-color: #d0e8ff;
	height: 60px;
	padding-top: 5px;
	/*width:1200px;*/
	width: 1000px;
}

.claro .cdswiseLimitsBg {
	background-color: #d0e8ff;
}

.claro .cdswiseLimitsBorContainers {
	padding: 0px;
	/*width: 1300px !important;*/
	width: 1100px !important;
	height: 470px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .cdswiseLimitsGridContainer {
	height: 370px;
	padding-bottom: 0px;
	/*width: 1300px !important;*/
	width: 1100px !important;
	padding: 0px !important;
}

.claro .cdswiseLimitsGridContainer.Grid {
	/*width: 1290px !important;*/
	width: 1090px !important;
	padding-top: 100px;
}

.claro .cdswiseLimitsCloseBtn {
	float: right;
}

.claro .cdswiseLimitsSearchBtn {
	float: right;
}

.claro .cdswiseLimitsLayoutContainer {
	/*width:1300px !important;*/
	width: 1100px !important;
	height: 470px !important;
	top: 0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}

.claro .cdswiseLimitsGrid {
	/*width: 1290px !important;*/
	width: 1090px !important;
	height: 365px !important;
	border-color: #A0CBFE;
}

.claro .cdswiseLimitsGrid .dojoxGridScrollbox {
	overflow-x: visible;
	overflow-y: auto;
	/*width: 1290px !important;*/
	width: 1090px !important;
}

.claro .cdswiseLimitsGrid .dojoxGridMasterHeader .dojoxGridHeader {
	background-color: #A0CBFE !important;
}

.claro .cdswiseLimitsGrid .dojoxGridRow, .claro .cdswiseLimitsGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	/*width: 1290px !important;*/
	width: 1090px !important;
}

.claro .cdswiseLimitsGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .cdswiseLimitsGrid .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: #D0E8FF;
}

.claro .cdswiseLimitsMessageBox {
	width: 170px !important;
	text-align: center !important;
	top: 5px;
	background-color: green !important;
	border: 0px !important;
	color: white;
	float: left;
	padding-top: 3px;
	height: 20px;
	border-radius:5px;
	margin-left:12px;
}



/******* End CDS wise limits Page ********/

/****************change password**********************/
.claro .changePasswordFlotPane {
	position: absolute;
	top: 200px;
	left: 200px;
	width: 410px !important;
	height: 180px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
	overflow: hidden !important;
}

.claro .changePasswordFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 410px !important;
	height: 160px !important;
	overflow: hidden !important;
}

.claro .changePasswordFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .changePasswordContentPane {
	top: 0px !important;
	height: 160px;
	width: 410px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
	left: 0px !important;
	overflow: hidden !important;
}

.claro .changePasswordBorContainers {
	padding: 0px;
	width: 410px !important;
	height: 160px !important;
	background-color: #d0e8ff;
	overflow: hidden !important;
}

.claro .functionBar {
	width: 400px;
	padding: 5px;
	height: 180px;
	float: left;
	background: #eaf5ff;
	clear: both;
	display: block;
}

.claro .changePasswordGridHeaderTxt {
	float: left;
}

.claro .backgroundImg {
	background: url(../images/tableHeadSepH.gif) repeat-x;
}
/*---------------End change password----------*/

/*securitysearchGroup*/
.claro .secSearchWide {
	/*padding-top: 5px;*/
	
}

.claro .secSearchGroup .securitySearchType {
	height: 15px;
	width: 15px;
	Position: relative !important;
	font-weight: bold;
	left: -55px !important;
	top: 25px !important;
}

.claro .secSearchGroup .dijitTextBox {
	color: #0049AA;
	border: 1px solid;
	height: 22px;
	background: url(images/textBoxBg.png) repeat-x;
	width: 15em;
	vertical-align: middle;
}

.claro .secSearchGroup .securitySearchCheckbox {
	height: 15px;
	left: 5px;
	Position: relative !important;
}

.claro .secSearchGroup .securitySearchRadiobuttonName {
	left: 5px;
	top: 0px;
	width: 65px;
	height: 15px;
	font-weight: bold;
	Position: relative !important;
}

.claro .secSearchGroup .securitySearchRadiobutton {
	left: -200px;
	top: -4px;
	height: 15px;
	Position: relative !important;
	display: inline;
}

.claro .secSearchGroup .securitySearchComboboxName {
	left: 90px;
	top: -40px !important;
	width: 30px;
	font-weight: bold;
	position: relative;
	display: inline;
}

.claro .secSearchGroup .securitySearchCombobox {
	left: 90px;
	top: -38px;
	width: 250px;
	position: relative;
	display: inline;
}

.claro .secSearchGroup .securitySearchButton {
	left: 5px;
	top: 10px;
	width: 35px;
	position: relative;
	display: inline;
}

.claro .secSearchGroup .securitySearchSelectbox {
	left: -120px;
	width: 70px;
	position: relative;
	display: inline;
	top: 1px;
}

.claro .secSearchGroup .boardSearchSelectbox {
	left: 5px;
	width: 150px;
	position: relative;
	display: inline;
	top: 3px;
}

.claro .secSearchGroup .securitySearchSelectName {
	left: 0px;
	width: 40px;
	position: relative;
	display: inline;
	top: 3px;
}

.claro .secSearchGroup .boardSearchSelectName {
	left: 5px;
	width: 100px;
	position: relative;
	display: inline;
	top: 3px;
}

.claro .secSearchWide .securitySearchType {
	height: 15px;
	width: 15px;
	Position: relative !important;
	font-weight: bold;
	left: 0;
	top: 10px;
}

.claro .secSearchWide .securitySearchCheckbox {
	height: 15px;
	left: 5px;
	Position: relative !important;
	margin-top: 5px;
	top: 10px;
}

.claro .secSearchWide .securitySearchSelectbox {
	left: 45px;
	width: 250px;
	position: relative;
	display: inline;
}

.claro .secSearchWide .boardSearchSelectbox {
	left: 5px;
	width: 250px;
	position: relative;
	display: inline;
}

.claro .secSearchWide .securitySearchSelectName {
	left: 45px;
	width: 250px;
	position: relative;
	display: inline;
}

.claro .secSearchWide .boardSearchSelectName {
	left: 5px;
	width: 250px;
	position: relative;
	display: inline;
}

.claro .secSearchWide .securitySearchRadiobuttonName {
	position: absolute;
	left: 0;
	width: 65px;
	height: 15px;
	font-weight: bold;
	Position: relative !important;
}

.claro .secSearchWide .securitySearchRadiobutton {
	left: 0px;
	height: 15px;
	Position: relative !important;
}

.claro .secSearchWide .securitySearchComboboxName {
	left: 0;
	top: 15px;
	width: 15px;
	font-weight: bold;
	position: relative;
	display: inline;
}

.claro .secSearchWide .securitySearchCombobox {
	left: 30px;
	top: 15px;
	width: 250px;
	position: relative;
	display: inline;
}

.claro .secSearchWide .securitySearchButton {
	left: 420px;
	top: -10px;
	width: 25px;
	position: relative;
}

.claro .securitySearchContentPane {
	height: 110px !important;
	width: 470px !important;
	border: 0 !important;
	padding: 0 !important;
	left: 1px !important;
	overflow: hidden;
}

.claro .securitySearchContentPaneStat {
	height: 110px !important;
	width: 850px !important;
	border: 0 !important;
	padding: 0 !important;
	left: 1px !important;
	overflow: hidden;
}
/****** securitysearchGroup ******/

/*for PendingApprovals Page*/
.claro .PendingApprovalsFlotPane {
	position: absolute;
	top: 100px;
	left: 220px;
	width: 1110px !important;
	height: 450px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .PendingApprovalsaddGridContainer {
	height: 320px;
	padding-bottom: 0px;
	padding-top: 200px;
	width: 1110px !important;
	padding: 0px !important;
	float: left;
}

.claro .PendingApprovalsGridHeaderTxt {
	color: #7ED5FF font-weight: bold;
}

.claro .PendingApprovalsFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .PendingApprovalsFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 1110px !important;
	height: 430px !important;
}

.claro .PendingApprovalsFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .PendingApprovalsContentPane {
	top: 0px !important;
	height: 490px;
	width: 1110px !important;
	border: 0px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .PendingApprovalsFilterContent {
	background-color: #d0e8ff;
	height: 90px;
	padding-top: 5px;
}

.claro .viewCDSSearchBtn {
	float: left;
	padding-left: 5px;
}

.claro .PendingApprovalsLastNameTextBox {
	float: right;
}

.claro .PendingApprovalsProfileTextBox {
	float: right;
}

.claro .PendingApprovalsFirstNameTextBox {
	float: right;
}

.claro .PendingApprovalsBorContainers {
	padding: 0px;
	width: 1110px !important;
	height: 450px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .PendingApprovalsGridContainer {
	height: 316px;
	padding-bottom: 0px;
	width: 1110px !important;
	padding: 0px !important;
}

.claro .PendingApprovalsGridContainer.Grid {
	width: 1080px !important;
	padding-top: 100px;
}

.claro .addMarginGrid {
	width: 1110px !important;
	height: 500px;
	border-color: #A0CBFE;
}

.claro .PendingApprovalsAddCDSAccountGrid .dojoxGridScrollbox {
	overflow-x: hidden;
	overflow-y: scroll;
	height: 316px;
	width: 1110px;
}
/*
.claro .PendingApprovalsAddCDSAccountGrid .dojoxGridHeader .dojoxGridCell{
		background-color: #A0CBFE !important;
		background-image: url(../atrad/images/watchHeaderImage.jpg) !important;
		background-repeat:repeat;
		border-left: 1px  !important;
		border-top: 1px  !important;
		border-color: #76A3E0 !important;
		color: white !important;
}*/
.claro .PendingApprovalsAddCDSAccountGrid .dojoxGridMasterHeader .dojoxGridHeader
	{
	background-color: #A0CBFE !important;
}

.claro #PendingApprovalsAddCDSAccountGrid .dojoxGridRow, .claro #PendingApprovalsAddCDSAccountGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 1280px;
}

.claro .PendingApprovalsAddCDSAccountGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .PendingApprovalsAddCDSAccountGrid .dojoxGridRowOdd .dojoxGridRowTable tr
	{
	background-color: #D0E8FF;
}

.claro .PendingApprovalsPendingApprovalsBut {
	float: right;
	padding-right: 10px;
}

.claro .PendingApprovalsCloseBut {
	float: right;
	padding-right: 10px;
	padding-top: 4px;
}

.claro .PendingApprovalsPendingApprovalsBulkBut {
	float: left;
	padding-left: 80px;
}

.claro .userViewTextBoxes1 {
	width: 500px;
	height: 35px;
	align: left;
}

.claro .userViewprofileTxt {
	float: left;
	font-weight: bold;
}

.claro .PendingApprovalsLastNameTxt {
	
}

.claro .viewCDSLastNameTd {
	float: left;
	padding-left: 3px;
	width: 69px;
}

.claro .PendingApprovalsFirstNameTxt {
	float: left;
	padding-left: 8px;
	width: 62px;
}

.claro .PendingApprovalsSearchButton {
	float: left;
}

.claro .PendingApprovalsBulkBtn {
	float: left;
}

.claro .PendingApprovalsUserNameTxt {
	float: left;
	font-weight: bold;
}

.claro .PendingApprovalsUserNameTextBox {
	float: left;
}

.claro .PendingApprovalsSearchButtonPanal {
	float: left;
	height: 42px;
}

.claro .PendingApprovalsCloseBtn {
	float: right;
}

.claro .PendingApprovalsSaveBtn {
	
}

.claro .PendingApprovalsFilterContent {
	background-color: #d0e8ff;
	height: 200px;
	padding-top: 5px;
}

.claro .PendingApprovalsUserNameLbl {
	float: left;
	padding-left: 10px;
}
/* ************************************** */

/*for ApprovalHistory Page*/
.claro .approvalHistoryFlotPane {
	position: absolute;
	top: 100px;
	left: 220px;
	width: 1100px !important;
	height: 450px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .approvalHistoryaddGridContainer {
	height: 320px;
	padding-bottom: 0px;
	padding-top: 200px;
	width: 1100px !important;
	padding: 0px !important;
	float: left;
}

.claro .approvalHistoryGridHeaderTxt {
	color: #7ED5FF font-weight: bold;
}

.claro .approvalHistoryFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .approvalHistoryFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 1100px !important;
	height: 430px !important;
}

.claro .approvalHistoryFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .approvalHistoryContentPane {
	top: 0px !important;
	height: 490px;
	width: 1100px !important;
	border: 0px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .approvalHistoryFilterContent {
	background-color: #d0e8ff;
	height: 90px;
	padding-top: 5px;
}

.claro .viewCDSSearchBtn {
	float: left;
	padding-left: 5px;
}

.claro .approvalHistoryLastNameTextBox {
	float: right;
}

.claro .approvalHistoryProfileTextBox {
	float: right;
}

.claro .approvalHistoryFirstNameTextBox {
	float: right;
}

.claro .approvalHistoryBorContainers {
	padding: 0px;
	width: 1100px !important;
	height: 450px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .approvalHistoryGridContainer {
	height: 316px;
	padding-bottom: 0px;
	width: 1100px !important;
	padding: 0px !important;
}

.claro .approvalHistoryGridContainer.Grid {
	width: 1080px !important;
	padding-top: 100px;
}

.claro .addMarginGrid {
	width: 1100px !important;
	height: 500px;
	border-color: #A0CBFE;
}

.claro .approvalHistoryAddCDSAccountGrid .dojoxGridScrollbox {
	overflow-x: visible;
	overflow-y: scroll;
	height: 200px;
	width: 1100px;
}
/*
.claro .PendingApprovalsAddCDSAccountGrid .dojoxGridHeader .dojoxGridCell{
		background-color: #A0CBFE !important;
		background-image: url(../atrad/images/watchHeaderImage.jpg) !important;
		background-repeat:repeat;
		border-left: 1px  !important;
		border-top: 1px  !important;
		border-color: #76A3E0 !important;
		color: white !important;
}*/
.claro .approvalHistoryAddCDSAccountGrid .dojoxGridMasterHeader .dojoxGridHeader
	{
	background-color: #A0CBFE !important;
}

.claro #approvalHistoryAddCDSAccountGrid .dojoxGridRow, .claro #approvalHistoryAddCDSAccountGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 1280px;
}

.claro .approvalHistoryAddCDSAccountGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .approvalHistoryAddCDSAccountGrid .dojoxGridRowOdd .dojoxGridRowTable tr
	{
	background-color: #D0E8FF;
}

.claro .approvalHistoryPendingApprovalsBut {
	float: right;
	padding-right: 10px;
}

.claro .approvalHistoryCloseBut {
	float: right;
	padding-right: 10px;
	padding-top: 4px;
}

.claro .approvalHistoryPendingApprovalsBulkBut {
	float: left;
	padding-left: 80px;
}

.claro .userViewTextBoxes1 {
	width: 500px;
	height: 35px;
	align: left;
}

.claro .userViewprofileTxt {
	float: left;
	font-weight: bold;
}

.claro .approvalHistorySearchButton {
	float: left;
}

.claro .approvalHistoryBulkBtn {
	float: left;
}

.claro .approvalHistoryUserNameTxt {
	float: left;
	font-weight: bold;
}

.claro .approvalHistoryUserNameTextBox {
	float: left;
}

.claro .approvalHistorySearchButtonPanal {
	float: left;
	height: 42px;
}

.claro .approvalHistoryCloseBtn {
	float: right;
}

.claro .approvalHistorySaveBtn {
	
}

.claro .approvalHistoryFilterContent {
	background-color: #d0e8ff;
	height: 200px;
	padding-top: 5px;
}

.claro .approvalHistoryUserNameLbl {
	float: left;
	padding-left: 10px;
}
/* ************************************** */
/******* Turnover Report Page ********/
.claro .turnoverFlotPane {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 1000px !important;
	height: 510px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .turnoverFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .turnoverFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 1000px !important;
	height: 490px !important;
}

.claro .turnoverFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .turnoverContentPane {
	top: 0px !important;
	height: 490px;
	width: 1000px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .turnoverFilterContent {
	background-color: #d0e8ff;
	height: 95px;
	padding-top: 5px;
	width: 1000px;
}

.claro .SMSAcknowledgmentBg {
	background-color: #d0e8ff;
}

.claro .turnoverBorContainers {
	padding: 0px;
	width: 1000px !important;
	height: 490px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .turnoverGridContainer {
	height: 340px;
	padding-bottom: 0px;
	width: 990px !important;
	padding: 0px !important;
}

.claro .turnoverGridContainer.Grid {
	width: 990px !important;
	padding-top: 100px;
}
/*
		.claro .turnoverCloseBtn{
			float: right;
		}
		
		.claro .turnoverSearchBtn {
			float:right;
			
		}
		*/
.claro .turnoverLayoutContainer {
	width: 1000px !important;
	height: 490px !important;
	top: 0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}

.claro .turnoverGrid {
	width: 990px !important;
	height: 320px !important;
	border-color: #A0CBFE;
}

.claro .turnoverGrid .dojoxGridScrollbox {
	overflow-x: visible;
	overflow-y: auto;
	width: 990px !important;
	height: 295px !important;
}

.claro .turnoverGrid .dojoxGridMasterHeader .dojoxGridHeader {
	background-color: #A0CBFE !important;
}

.claro .turnoverGrid .dojoxGridRow, .claro .turnoverGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 990px !important;
}

.claro .turnoverGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .turnoverGrid .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: #D0E8FF;
}

th#turnover_0_turnoverGridHdr3.dojoxGridCell.dojoDndItem {
	text-align: center !important;
}

.claro .turnoverMessageBox {
	width: 165px !important;
	text-align: center !important;
	top: 5px;
	background-color: green !important;
	border: 0px !important;
	color: white;
	float: right;
	padding-top: 3px;
	height: 20px;
	border-radius:5px;
}

/******* End Turnover Report Page ********/

/******* ActiveClientsList Report Page ********/
.claro .activeClientsFloatPane {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 1215px !important; /*changed*/
	height: 510px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .activeClientsFloatPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .activeClientsFloatPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 1215px !important; /*changed*/
	height: 490px !important;
}

.claro .activeClientsFloatPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .activeClientsListContent {
	background-color: #d0e8ff;
	height: 65px;
	padding-top: 5px;
	width: 1215px !important; /*changed - no important*/
}

.claro .activeClientsListBorContainers {
	padding: 0px;
	width: 1215px !important; /*changed*/
	height: 490px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .activeClientsListLayoutContainer {
	width: 1215px !important; /*changed*/
	height: 490px !important;
	top: 0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}

.claro .activeClientsListGridContainer {
	height: 375px;
	padding-bottom: 0px;
	width: 1215px !important; /*changed*/
	padding: 0px !important;
}

.claro .activeClientsListGridContainer.Grid {
	width: 1215px !important; /*changed*/
	padding-top: 100px;
}

.claro .activeClientsGrid {
	width: 1215px !important; /*changed*/
	height: 370px !important;
	border-color: #A0CBFE;
}

.claro .activeClientsGrid .dojoxGridScrollbox {
	overflow-x: visible;
	overflow-y: auto;
	width: 1215px !important;
	height: 345px !important;
}

.claro .activeClientsGrid .dojoxGridMasterHeader .dojoxGridHeader {
	background-color: #A0CBFE !important;
}

.claro .activeClientsGrid .dojoxGridRow, .claro .activeClientsGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 800px !important;
}

.claro .activeClientsGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .activeClientsGrid .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: #D0E8FF;
}

.claro .pageLoading {
	width: 40px;
	height: 40px;
	background: url("images/wait.gif");
	padding-right: 20px;
	visibility: hidden;
	background-repeat: no-repeat;
}

/******* End ActiveClientsList Report Page ********/

/******* OnlineUsersList Report Page ********/
.claro .onlineUsersListFloatPane {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 1150px !important; /*changed*/
	height: 510px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .onlineUsersListFloatPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .onlineUsersListFloatPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 1150px !important; /*changed*/
	height: 490px !important;
}

.claro .onlineUsersListFloatPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .onlineUsersListContent {
	background-color: #d0e8ff;
	height: 50px;
	padding-top: 5px;
	width: 1150px !important; /*changed - no important*/
}

.claro .onlineUsersListBorContainers {
	padding: 0px;
	width: 1150px !important; /*changed*/
	height: 490px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .onlineUsersListLayoutContainer {
	width: 1150px !important; /*changed*/
	height: 490px !important;
	top: 0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}

.claro .onlineUsersListGridContainer {
	height: 375px;
	padding-bottom: 0px;
	width: 1150px !important; /*changed*/
	padding: 0px !important;
}

.claro .onlineUsersListGridContainer.Grid {
	width: 1150px !important; /*changed*/
	padding-top: 100px;
}

.claro .onlineUsersListGrid {
	width: 1150px !important; /*changed*/
	height: 370px !important;
	border-color: #A0CBFE;
}

.claro .onlineUsersListGrid .dojoxGridScrollbox {
	overflow-x: visible;
	overflow-y: auto;
	width: 1150px !important;
	height: 345px !important;
}

.claro .onlineUsersListGrid .dojoxGridMasterHeader .dojoxGridHeader {
	background-color: #A0CBFE !important;
}

.claro .onlineUsersListGrid .dojoxGridRow, .claro .onlineUsersListGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 800px !important;
}

.claro .onlineUsersListGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .onlineUsersListGrid .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: #D0E8FF;
}

.claro .dojoxGridHeader .dojoxGridCell {
	text-align: center;
}

/******* End OnlineUsersList Report Page ********/

/******* OnlineAdvisorsList Report Page ********/
.claro .onlineAdvisorsListFloatPane {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 1140px !important; /*changed*/
	height: 510px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .onlineAdvisorsListFloatPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .onlineAdvisorsListFloatPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 1140px !important; /*changed*/
	height: 490px !important;
}

.claro .onlineAdvisorsListFloatPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .onlineAdvisorsListContent {
	background-color: #d0e8ff;
	height: 50px;
	padding-top: 5px;
	width: 1140px !important; /*changed - no important*/
}

.claro .onlineAdvisorsListBorContainers {
	padding: 0px;
	width: 1140px !important; /*changed*/
	height: 490px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .onlineAdvisorsListLayoutContainer {
	width: 1140px !important; /*changed*/
	height: 490px !important;
	top: 0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}

.claro .onlineAdvisorsListGridContainer {
	height: 375px;
	padding-bottom: 0px;
	width: 1140px !important; /*changed*/
	padding: 0px !important;
}

.claro .onlineAdvisorsListGridContainer.Grid {
	width: 1140px !important; /*changed*/
	padding-top: 100px;
}

.claro .onlineAdvisorsListGrid {
	width: 1140px !important; /*changed*/
	height: 370px !important;
	border-color: #A0CBFE;
}

.claro .onlineAdvisorsListGrid .dojoxGridScrollbox {
	overflow-x: visible;
	overflow-y: auto;
	width: 1140px !important;
	height: 345px !important;
}

.claro .onlineAdvisorsListGrid .dojoxGridMasterHeader .dojoxGridHeader {
	background-color: #A0CBFE !important;
}

.claro .onlineAdvisorsListGrid .dojoxGridRow, .claro .onlineAdvisorsListGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 800px !important;
}

.claro .onlineAdvisorsListGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .onlineAdvisorsListGrid .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: #D0E8FF;
}

/******* End OnlineAdvisorsList Report Page ********/

/******* forign Trades Page ********/
.claro .forignTradesReportsBg {
	background-color: #d0e8ff;
	/*width:850px;*/
	width: 850px;
}

.claro .forignTradesFlotPane {
	position: absolute;
	top: 80px;
	left: 20px;
	/*width: 1300px !important;*/
	width: 850px !important;
	height: 490px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .forignTradesFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .forignTradesFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	/*width: 1300px !important;*/
	width: 850px !important;
	height: 470px !important;
}

.claro .forignTradesFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .forignTradesContentPane {
	top: 0px !important;
	height: 470px;
	/*width: 1300px!important;*/
	width: 850px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .forignTradesFilterContent {
	background-color: #d0e8ff;
	height: 50px;
	padding-top: 5px;
	/*width:1200px;*/
	width: 840px;
}

.claro .forignTradesBg {
	background-color: #d0e8ff;
}

.claro .forignTradesBorContainers {
	padding: 0px;
	/*width: 1300px !important;*/
	width: 850px !important;
	height: 470px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .forignTradesGridContainer {
	height: 190px;
	padding-bottom: 0px;
	/*width: 1300px !important;*/
	width: 850px !important;
	padding: 0px !important;
}

.claro .forignTradesGridContainer.Grid {
	/*width: 1290px !important;*/
	width: 840px !important;
	padding-top: 100px;
}

.claro .forignTradesCloseBtn {
	float: right;
}

.claro .forignTradesSearchBtn {
	float: right;
}

.claro .forignTradesLayoutContainer {
	/*width:1300px !important;*/
	width: 850px !important;
	height: 470px !important;
	top: 0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}

.claro .forignTradesGrid {
	/*width: 1290px !important;*/
	width: 840px !important;
	height: 365px !important;
	border-color: #A0CBFE;
}

.claro .forignTradesGrid .dojoxGridScrollbox {
	overflow-x: hidden;
	overflow-y: auto;
	/*width: 1290px !important;*/
	width: 840px !important;
}

.claro .forignTradesGrid .dojoxGridMasterHeader .dojoxGridHeader {
	background-color: #A0CBFE !important;
}

.claro .forignTradesGrid .dojoxGridRow, .claro .forignTradesGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	/*width: 1290px !important;*/
	width: 840px !important;
}

.claro .forignTradesGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .forignTradesGrid .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: #D0E8FF;
}

/******* End forign Trades Page ********/
/******* Reserch Report ********/
.claro .reserchReportBg {
	background-color: #d0e8ff;
	/*width:850px;*/
	width: 840px;
}

.claro .reserchReportFlotPane {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 840px !important;
	height: 510px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .reserchReportFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 840px !important;
}

.claro .reserchReportFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 840px !important;
	height: 490px !important;
}

.claro .reserchReportFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .reserchReportContentPane {
	top: 0px !important;
	height: 490px;
	width: 840px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .reserchReportLayoutContainer {
	width: 840px !important;
	height: 490px !important;
	top: 0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}

.claro .reserchReportSearchBtn {
	float: right;
}

.claro .reserchReportBorContainers {
	padding: 0px;
	width: 840px !important;
	height: 490px !important;
	background-color: #ffffff !important;
	left: 0px;
}

.claro .reserchReportFilterContent {
	background-color: #d0e8ff;
	height: 170px;
	padding-top: 5px;
	width: 830px;
}

.claro .reserchReportGridContainer {
	height: 275px !important;
	padding-bottom: 0px;
	width: 840px !important;
	padding: 0px !important;
}

.claro .reserchReportGridContainer.Grid {
	width: 840px !important;
	padding-top: 100px;
}

.claro .reserchReportGrid {
	width: 840px !important;
	height: 270px !important;
	border-color: #A0CBFE;
}

.claro .reserchReportGrid .dojoxGridScrollbox {
	overflow-x: hidden;
	overflow-y: scroll;
	height: 240px !important;
}

.claro .reserchReportGrid .dojoxGridMasterHeader .dojoxGridHeader {
	background-color: #A0CBFE !important;
}

.claro .reserchReportGrid .dojoxGridRow, .claro .reserchReportGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 840px !important;
}

.claro .reserchReportGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .reserchReportGrid .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: #D0E8FF;
}

.claro .reserchReportNumberSpinner {
	width: 80px;
}

.claro .reserchReportPageNumber {
	display: inline-block;
	width: 30px;
}

.claro .approveRequestIcon {
	width: 20px;
	height: 18px;
	background-image: url(images/approved.png);
	background-repeat: no-repeat;
	border: 4px;
	border-color: black;
	cursor: pointer;
	margin: auto;
}

.claro .rejectRequestIcon {
	width: 20px;
	height: 18px;
	background-image: url(images/reject.png);
	background-repeat: no-repeat;
	border: 4px;
	border-color: black;
	cursor: pointer;
	margin: auto;
}
/******* user InfoChangRequest ********/

/******* ExchangeFileUpload Page ********/
.claro .exchangeFileUploadBg {
	background-color: #d0e8ff;
	width: 1050px !important;
}

.claro .exchangeFileUploadListFloatPane {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 1050px !important; /*changed*/
	height: 510px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .exchangeFileUploadListFloatPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .exchangeFileUploadListFloatPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 1050px !important; /*changed*/
	height: 490px !important;
}

.claro .exchangeFileUploadListFloatPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .exchangeFileUploadListContent {
	background-color: #d0e8ff;
	height: 440px;
	padding-top: 5px;
	width: 1050px !important; /*changed - no important*/
}

.claro .exchangeFileUploadListBorContainers {
	padding: 0px;
	width: 1050px !important; /*changed*/
	height: 490px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .exchangeFileUploadListLayoutContainer {
	width: 1050px !important; /*changed*/
	height: 490px !important;
	top: 0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}

/******* End ExchangeFileUpload Page ********/


/******* ExternalCDSUpload Page ********/

.claro .externalCDSUploadBg {
	background-color: #d0e8ff;
	width: 1050px !important;
}

.claro .externalCDSUploadListFloatPane {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 1050px !important; /*changed*/
	height: 510px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .externalCDSUploadListFloatPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .externalCDSUploadListFloatPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 1050px !important; /*changed*/
	height: 490px !important;
}

.claro .externalCDSUploadListFloatPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .externalCDSUploadListContent {
	background-color: #d0e8ff;
	height: 440px;
	padding-top: 5px;
	width: 1050px !important; /*changed - no important*/
}

.claro .externalCDSUploadListBorContainers {
	padding: 0px;
	width: 1050px !important; /*changed*/
	height: 490px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .externalCDSUploadListLayoutContainer {
	width: 1050px !important; /*changed*/
	height: 490px !important;
	top: 0px !important;
	border: 0px !important;
	padding: 0 !important;
	left: 0px !important;
}

/******* End ExternalCDSUpload Page ********/


/*******Start Security Exposure File Upload********/
.claro .SecurityExposureFileUploadFlotPane {
	position: absolute;
	top: 200px;
	left: 200px;
	width: 600px !important;
	height: 390px !important;
	visibility: visible;
	padding: 8 !important;
	data-dojo-props: resizable:false;
}

.claro .SecurityExposureFileUploadFlotPane .dojoxFloatingPaneContent {
	overflow: hidden !important;
	background-color: white;
	height: 100%;
	width: 100%;
}

.claro .SecurityExposureFileUploadFlotPane .dojoxFloatingPaneCanvas {
	background-color: white;
	width: 780px !important;
	height: 370px !important;
}

.claro .SecurityExposureFileUploadFlotPane .dojoxFloatingPaneTitle {
	color: #7ED5FF;
	background-color: #013B85;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px;
}

.claro .SecurityExposureFileUploadBorContainers {
	padding: 0px;
	width: 600px !important;
	height: 370px !important;
	background-color: #ffffff;
	left: 0px;
}

.claro .SecurityExposureFileUploadContentPane {
	top: 0px !important;
	height: 370px;
	width: 600px !important;
	border: 0px !important;
	padding: 0px !important;
	position: absolute !important;
}

.claro .SecurityExposureFileUploadGrid .dojoxGridScrollbox {
	overflow-x: scroll;
	overflow-y: scroll;
	height: 200px;
	width: 600px !important;
}

/*
.claro .SecurityExposureFileUploadGrid .dojoxGridHeader .dojoxGridCell{
		background-color: #A0CBFE !important;
		background-image: url(../atrad/images/watchHeaderImage.jpg) !important;
		background-repeat:repeat;
		border-left: 1px  !important;
		border-top: 1px  !important;
		border-color: #76A3E0 !important;
		color: white !important;
}*/
.claro .SecurityExposureFileUploadGrid .dojoxGridMasterHeader .dojoxGridHeader
	{
	background-color: #A0CBFE !important;
}

.claro #SecurityExposureFileUploadGrid .dojoxGridRow, .claro #SecurityExposureFileUploadGrid .dojoxGridRowOdd
	{
	background-color: transparent;
	width: 600px;
}

.claro .SecurityExposureFileUploadGrid .dojoxGridSortNode {
	background: transparent;
}

.claro .SecurityExposureFileUploadGrid .dojoxGridRowOdd .dojoxGridRowTable tr
	{
	background-color: #D0E8FF;
}

.claro .SecurityExposureFileUploadNewGridContainer {
	height: 290px;
	padding-bottom: 0px;
	padding-top: 200px;
	width: 600px !important;
	padding: 0px !important;
	float: left;
}

.claro .SecurityExposureCloseBtn {
	float: right;
}

/*******End Security Exposure File Upload********/
.claro .defaultAlign {
	text-align: left !important;
}

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