/* Font used for headings and such */
@import url('fonts/roboto.css');

p{margin:0 10px 10px}

#header h2{padding-left:10px; color: #0f4b7e}
div#content p{line-height:1.4}
div#footer p{margin:0;padding:5px 10px}

div#header{border-bottom: solid 2px #0f4b7e;}
div#container{width:900px;margin-left:auto; margin-right:auto; text-align:left; border: solid 1px #014076; background-image: url('images/tile.gif');background-color: #ffffff; }
div#content{float:left; width:695px; background-color:#ffffff; margin-top:10px; margin-bottom:10px; border: solid 1px #abbccb;}
div#navigation{float:left;width:175px; margin-left:15px; margin-top:10px; margin-bottom:10px;}
div#footer{clear:both;width:100%;color:#FFF; background:#333 url('images/footer_bg.gif'); height:29px;}

#processMessage
	{ position:absolute; top:55%; left:55%; padding:10px; width:14%; z-index:1001; background-color:#fff; }

#errorTitle{background-color: #0f4b7e; font-family: Arial;color: #FFF;font-size: 13px; font-weight: bolder; float:none; padding-left:10px}
#errorText{font-weight: bolder; float:left; width:350px;}
#errorImage
	{ float: left; background-image:url(images/errorIcon.bmp); width:256px; height:256px; }

#title{margin-top:10px;margin-bottom:7px; font-size:14px;}
.navigation{float:left;width:600px;margin-left:80px;margin-top:-19px; padding-bottom:10px; }
.leftnav {float:left;width:150px;text-align:center; margin-top:25px;}
.rightnav {float:left;width:150px;margin-right:20px;text-align:center; margin-top:25px;}
.numnav{float:left;text-align:center; margin-top:25px;}

.pageList{float:left;text-align:center; margin-top:20px;}

.Item_contents{width:600px;}

#Item_Header{position:relative !important;width:600px;}
#Item_Date
	{ float:left; width:180px; text-align:left; font-size:14px; font-weight:bold; }
	
#Item_BatchType{float:right; width:180px;text-align:right;}

#Item_Buttons{float:left; width:600px;}
#Item_ButtonLeft{float:left; width:180px;text-align:Left;}
#Item_ButtonRight{float:right; width:180px;text-align:Right;}
#Item_ButtonCenter{float:left; width:180px;text-align:center;}
.Item_Links{color:#003399;}

.DefLinks{font-weight:bolder;color:#003399;}

.logintable	
	{ background-image:url('images/login_table_bg.gif'); width:350px; height:350px; color:#0f4b7e; }


/*----------------ProgramInfo----------------*/
.modalProgInfoPopup
	{ position:absolute; top:55%; left:55%; width:350px; min-height:150px; border: solid 2px #2d4982;
		border-top:solid 1px #2d4982; background: #ffffff url('images/tile.gif'); }

.ProgInfoCloseButton{text-decoration:none;color:#1e75c6;font-weight:bolder;}
.modalProgInfoClose{width:10px; float:right;   margin-right:16px; margin-top:-7px}
.modalProgInfoTitle{color:#014076; font-weight:bolder; float:LEFT; margin-left:5px;margin-top:5px; }

.modalProgInfoBackground
	{ background-color:#EEE; filter:alpha(opacity=70); opacity:0.7; }

a:hover
	{  font-size: 12px; font-family: Tahoma, Verdana, Arial;  }

a:visited
	{  font-size: 12px; font-family: Tahoma, Verdana, Arial;  }

a:active
	{  font-size: 12px; font-family: Tahoma, Verdana, Arial;  }

a:link
	{  font-size: 12px; font-family: Tahoma, Verdana, Arial;  }

a:visited
	{ text-decoration:none; color:#174b7c; }
	
a:active
	{ text-decoration:none; color:#174b7c; }
	
a:link
	{ text-decoration:none; color:#174b7c; }
	
a:hover
	{ text-decoration:underline; }

/*--------------------TransactionDetails--------------------*/

.calendarStyle table td
	{ padding:0; border:0; }

.calendarStyle
	{ padding:0; border:0; }

/*--------------------Manage Security Page--------------------*/	

.TopTitle
	{ border: 0px; font-size: 10pt; font-weight: bold; text-decoration: none; color: Black;
		display: inline-block; width: 100%; padding:10px; }
		
.SelectedTopTitle
	{ border: 0px; font-size: 10pt; text-decoration: none; color: Black; display: inline-block;
		width: 100%; background-color: White; }

.SepBorder
	{ border-top-width: 0px; border-left-width: 0px; font-size: 1px; border-bottom: Gray 1px solid;
		border-right-width: 0px; }

.TopBorder
	{ border-right: Gray 1px solid; border-top: Gray 1px solid; background: #DCDCDC;
		border-left: Gray 1px solid; color: black; border-bottom: Gray 1px solid; }

.ContentBorder
	{ border-right: Gray 1px solid; border-top: Gray 0px solid; border-left: Gray 1px solid;
		border-bottom: Gray 1px solid; height:100%; width:100%; }

.SelectedTopBorder
	{ border-right: Gray 1px solid; border-top: Gray 1px solid; border-left: Gray 1px solid;
		color: black; border-bottom: Gray 0px solid; background: none transparent scroll repeat 0% 0%; } 

.ErrorMessage
	{ padding-right: 3px; padding-left: 3px; font-weight: bold; font-size: 10pt; padding-bottom: 3px;
		color: red;	padding-top: 3px; }

.Hidden 
	{ display:none; }

.labelStyle
	{ font-size:12px; font-family:arial,sans-serif; }

input
	{ font-size:12px; font-family:arial,sans-serif; }

select
	{ font-size:12px; font-family:arial,sans-serif; }

tr
	{ font-size:12px; font-family:arial,sans-serif; }

td
	{ font-size:12px; font-family:arial,sans-serif; }

table
	{ font-size:12px; font-family:arial,sans-serif; }

ul
	{ font-size:12px; font-family:arial,sans-serif; }

li
	{ font-size:12px; font-family:arial,sans-serif; }

p
	{ font-size:12px; font-family:arial,sans-serif; }

body
	{ font-size:12px; font-family:arial,sans-serif; }

body
	{background:#ccc url('images/bg_tile.gif') repeat-x;}

* {margin:0;padding:0;}

a:active {outline: none;}
	
a:focus {-moz-outline-style: none;}

div.ContentWrapper {margin-left:auto;margin-right:auto;width:550px;}

/*----------------------------General----------------------------*/

.invalid {color:#E00 !important;}

.invalid-warning {
    color: #8a6d3b !important;
}

.required {color:#E00;}
.valid{color:Green;}
.validatorCallout{background-color:#ffdbdb;border:solid 1px #b34242;padding-top:1px;padding-bottom:1px;}
.labelStyle{background-color:Transparent;border:0; text-align:right;}
.note{font-size:0.8em;}
.note2{font-size:0.8em; color:Red;}
.bigText{font-size:2em;}
.biggerText{font-size:1.6em;}
.commandLink{display:inline;vertical-align:bottom;}
.alternateColour{color:#fff;}
.alternateColour2{color:#0c57b2;}
a.biggerText{font-size:1.6em;}

/*radiobutton squeeze fix*/
.common_checkbox label
	{margin-right:5px;}

.common_checkbox input
	{margin-right:5px;}

.common_radiobutton label
	{margin-right:5px;}

.common_radiobutton input
	{margin-right:5px;}

/*textbox*/
input.common_textbox{}

/*disabled*/
input.common_textbox[disabled]
	{ background-color:transparent; border:none; color:Black; }

select.common_dropdownlist
	{ }

input
	{margin-right:5px;}

label
	{margin-right:5px;}

.button
	{ width:104px; font-size:0.8em; height:25px; color:#39424b; text-align:center; }

.buttonbig2
	{ background: transparent url('images/altair_button_sprite116x22.png') no-repeat 0 0;
		color:#fff; font-size:11px; font-weight:800; width:116px; height:22px; border:none; cursor:pointer; }

.button2
	{ background: transparent url('images/altair_button_sprite116x22.png') no-repeat 0 0;
		color:#fff; font-size:11px; font-weight:800; width:116px; height:22px; border:none; cursor:pointer; }

/*button disabled*/
.buttonbig2[disabled]
	{ color:#dadada; cursor:default;
		background: transparent url('images/altair_button_sprite116x22.png') no-repeat 0 -44px; }

.button2[disabled]
	{ color:#dadada; cursor:default;
		background: transparent url('images/altair_button_sprite116x22.png') no-repeat 0 -44px; }

.captchaInputStyle{width:125px;}
.captchaStyle div{margin:0!important;}

h3
	{ font-family:Calibri, Verdana, Arial; font-weight:bolder; color:#0f4b7e; display:inline; }

h2
	{ font-family:Calibri, Verdana, Arial; font-weight:bolder; color:#0f4b7e; display:inline; }

h1
	{ font-family:Calibri, Verdana, Arial; font-weight:bolder; color:#0f4b7e; display:inline; }

h2{font-size:1.3em;}
h3{font-size:1.1em;}

div.header
	{ float:left; width:100%; height:27px; margin-bottom:15px; }

.header2
	{ margin-top:15px; width:100%; }

table tr td.noStyle{padding:0;border:0;}

.noStyle{padding:0;border:0;}

table.tableFormat2
	{ border-collapse:collapse; width:100%; }

table.tableFormat
	{ border-collapse:collapse; width:100%; }

table.tableFormat2 th
	{ color:white; padding-top:5px; padding-left:5px; padding-bottom:5px; }

table.tableFormat th
	{ color:white; padding-top:5px; padding-left:5px; padding-bottom:5px; }

table.tableFormat th
	{ font-size:13px; background-color:#0f4b7e; border:0; }

table.tableFormat2 th
	{ font-size:1.1em; background-color:#c7d8ec; }

table.tableFormat2 th h2
	{ color:White; }

table.tableFormat2 th.subHeading
	{ text-align:left; background-color:#dadada; font-size:1.2em; }

table.tableFormat2 td
	{ padding: 5px; }

table.tableFormat td
	{ padding: 5px; }

table tr td.FieldName2
	{ text-align:left; width:30%; vertical-align:top; padding:5px; }

table tr td.FieldName
	{ text-align:left; width:30%; vertical-align:top; padding:5px; }

table tr td.FieldName2
	{ padding-left:10px; }

 table tr td h3
	{ font-weight:800; display:inline; }
	
table.tableFormat h2
	{ font-size: 1.5em; display:inline; }

table tr.AlternatingRow
	{ background-color: #cccccc; }

div.Form_Title
	{ float:left; width:100%; line-height:40px; }

Title h2
	{ font-size:2em; margin-left:5px; color:#0f4b7e; }
	
div.Form_Title h3
	{ margin-left:5px; }

div.Page_Content
	{ float:left; width:100%; padding-bottom:5px; }

div.Page_Title h2
	{ font-size:2em; margin-left:5px; }
	
div.Form_Title h3
	{ margin-left:5px; }

div.Form_Title h2
	{ margin-left:5px; }

div.Form_Content
	{ float:left; width:100%; border:solid 1px #0f4b7e; background-color:#fff; }

div.Form_Submit
	{ float:left; width:100%; text-align:right; margin-top:5px; padding-bottom:10px; }

div.Form_Submit a
	{ margin-right:10px; }

div.Form_Submit input
	{ margin-right:10px; }

.Form_Content p
	{ padding:5px; }

.Form_Content .FormItem
	{ float:left;width:100%;padding:5px; }
	
.Form_Content .nopadding
	{ padding:0; }

.Form_Content .submit
	{ text-align:right; }

/*---------------------------- Login ----------------------------*/

a.forgottenPassword 
	{ display:inline; padding:0; margin-left:10px; font-size:0.8em; }

div.logo_wrapper
	{ text-align:center; background-color:#ffffff; border:solid 1px #39424b; }

div.logo_wrapper img
	{ width:197px;height:81px; }

div.loginWrapper{}

div.loginWrapper .header h1
	{ font-size:2em; }

div.loginContentWrapper
	{ float:left; width:518px; padding-left:30px; padding-top:10px; 
		background-color:White; border:solid 1px #39424b; }
		
div.loginContentWrapper table tr td.FieldName
	{ width:35%; }

div.loginContentWrapper table tr td.bottom
	{ vertical-align:bottom; }

/*----------------------------Layout----------------------------*/

/*outer border*/
div#masterFooter
	{ border-left:solid 1px #014076; border-right:solid 1px #014076; z-index: -1; }

div#masterContentsWrapper
	{ border-left:solid 1px #014076; border-right:solid 1px #014076; }

.masterUpperMenuWrapper
	{ border-left:solid 1px #014076; border-right:solid 1px #014076; }

div#masterHeader
	{ border-left:solid 1px #014076; border-right:solid 1px #014076; }

div#masterHeader
	{ border-top:solid 1px #014076; }

/*end outer border*/

div#masterWrapper
	{ position:relative; width:960px; margin-left:auto; margin-right:auto; margin-top:5px; }

/*header*/
div#masterHeader
	{ position:relative; float:left; width:100%; height:75px; background-color:#ffffff; padding-bottom: 45px;}

#masterHeader h1
	{ position:absolute; bottom:40px; left:5px; font-weight:800; display:inline; 
		font-family:Calibri, Verdana, Arial; color:#39424b; }

#masterHeader .logoWrapper
	{ float:right; background: transparent url('../images/pfs_logo.gif') no-repeat;
		width:197px; height:81px; }

#masterContentsWrapper
	{ position:relative; float:left; width:100%; min-height:300px;
		background: transparent url('images/tile.gif') repeat; }

#masterContent
	{ float:left; width:784px; }

/*footer*/
div#masterFooter
	{ position:relative; float:left; width:100%; height:29px;
		background: transparent url('images/footer_bg.gif') repeat-x; }

#masterFooter #footerContents
	{ position:absolute; bottom:5px; right:5px; color:#014076; font-size:0.9em; }

/*----------------------------SideMenu----------------------------*/
#masterSideMenuWrapper
	{ float:left; min-height:280px; padding-top:25px; }
	
#masterSideMenuWrapper a
	{ font-family:Calibri, Verdana, Arial; }
	
#masterSideMenuWrapper #CsrUser
	{ width:174px; border-right:1px solid #abbccb; }

#masterSideMenuWrapper
	{ width:174px; border-right:1px solid #abbccb; }

#masterSideMenuWrapper #CsrUser
	{ position:absolute; top:0px; left:0; float:left; height:25px; font-size:1.1em; 
		font-weight:800; text-align:center; border-bottom:solid 1px #abbccb; }
		
#masterSideMenuWrapper ul
	{ list-style-type:none; }

#masterSideMenuWrapper ul li
	{ border-bottom:solid 1px #abbccb; }

/*normal text inside li*/
#masterSideMenuWrapper ul li span
	{ margin-left:3px;display:block;line-height:30px;vertical-align:bottom; }

/*link inside li*/
#masterSideMenuWrapper ul h3, #masterSideMenuWrapper ul h2
	{ display:block; background-color:#F7F7F7; text-decoration:none; line-height:35px;
		padding-left:10px; color:#0000cc; }

#masterSideMenuWrapper ul li a
	{ display:block; background-color:#F7F7F7; text-decoration:none; line-height:35px;
		padding-left:10px; color:#0000cc; }

#masterSideMenuWrapper ul h3, #masterSideMenuWrapper ul h2
	{ font-size:1em;font-weight:normal; }

    div#masterSideMenuWrapper h3:hover, #masterSideMenuWrapper h2:hover, #masterSideMenuWrapper h2:focus {
        display: block;
        color: #F7F7F7;
        background-color: #1e75c6;
    }

#masterSideMenuWrapper ul li.selected a
	{ display:block; color:#F7F7F7; background-color:#1e75c6; }

#masterSideMenuWrapper ul li a:hover,
#masterSideMenuWrapper ul li a:focus {
        display: block;
        color: #F7F7F7;
        background-color: #1e75c6;
    }

#masterSideMenuWrapper ul li.selected a
	{ font-weight:800; }

#masterSideMenuWrapper ul li.lastitem
	{ margin-bottom:5px; }

#masterSideMenuWrapper .spacer
	{ margin-top:10px; }

#masterSideMenuWrapper ul ul
	{ border-top:solid 1px #ccc; }

#masterSideMenuWrapper ul ul a
	{ display:block; border-left:solid 1px #ccc; border-right:solid 1px #abbccb;
		white-space:nowrap; margin:0; padding:0 5px; line-height:25px; min-width:140px; }

#masterSideMenuWrapper h3, #masterSideMenuWrapper h2
	{ background:transparent url(images/menu_expand.gif) no-repeat 95% 50%; }

    div#masterSideMenuWrapper h3:hover, #masterSideMenuWrapper h2:hover, #masterSideMenuWrapper h2:focus {
        background-image: url(images/menu_expand.gif);
        background-position: 95% 50%;
        background-repeat: no-repeat;
        cursor: pointer;
    }

div#masterSideMenuWrapper li:hover,
div#masterSideMenuWrapper li:focus {
    z-index: 100;
}

#masterSideMenuWrapper li
	{ position:relative; }

#masterSideMenuWrapper ul ul
	{ position:absolute; z-index:500; top:0; left:100%; display:none; }


div#masterSideMenuWrapper li:hover ul {
}

div#masterSideMenuWrapper li li li li:hover ul ul {
    display: none;
}

div#masterSideMenuWrapper li li li:hover ul ul {
    display: none;
}

div#masterSideMenuWrapper li li:hover ul ul {
    display: none;
}

div#masterSideMenuWrapper li:hover ul ul {
    display: none;
}


div#masterSideMenuWrapper ul li:hover > ul,
div#masterSideMenuWrapper ul li ul:hover,
div#masterSideMenuWrapper ul li:focus > ul,
div#masterSideMenuWrapper ul li ul:focus {
    display: block
}

div#masterSideMenuWrapper ul li:focus-within > ul {
    display: block
}

/*----------------------------UpperMenu----------------------------*/

.masterUpperMenuWrapper
	{ position:relative; float:left; width:100%; height:100px; padding-top:3px; border-bottom:dotted 1px #39424b; 
		background:transparent url(images/header-tile.gif) repeat-x bottom left; }

.masterUpperMenuWrapper ul
	{ margin:0; padding:0; }

.masterUpperMenuWrapper li
	{ display:inline; }

.masterUpperMenuWrapper li a
	{ float:left; color:#0000cc; padding:0; padding-left:10px; text-decoration:none;
		background:transparent url(images/tab_01.gif) no-repeat 0 0px; }

.masterUpperMenuWrapper li a span
	{ padding-bottom:10px; padding-top:10px; padding-left:5px; padding-right:15px; display:block;
		background:white url(images/tab_02.gif) no-repeat 100% 0px; }

/*hover*/
.masterUpperMenuWrapper li a:hover
	{ background-position:0 -35px; color:White; }

.masterUpperMenuWrapper li a:hover span
	{ background-position:100% -35px; }

.masterUpperMenuWrapper li a.selected
	{ background-position: 0% -35px; color:#ffffff; }

.masterUpperMenuWrapper li a.selected span
	{ background-position: 100% -35px; color: black; }

.helpButton
	{ width:16px; height:16px; border:0; cursor:pointer; margin-bottom:2px;
		background: transparent url('images/action_help.gif') no-repeat; }

.rightSection { position:absolute; float:right; bottom:5px;	right:3%; z-index:100}

.masterUpperMenuWrapper .rightSection
	{ position:absolute; float:right; bottom:5px; right:3%; }

.rightSection .searchButtonWrapper
	{ float:left; }

.rightSection .searchButton2Wrapper
	{ float:left; }

.rightSection .rightContent
	{ float:left; }

.rightSection .rightContent select
	{ height:21px; }
	
.select
	{ height:21px; }
	
.masterUpperMenuWrapper .textboxSearch
	{ height:17px; vertical-align:top; padding:0; margin:0; padding-right:16px;
		border: solid 1px #7f9db9; padding:1px!important; }

.masterUpperMenuWrapper .textboxSearch:focus
	{ border: solid 1px #146bb8; background-color:#eef7ff; }

.transactionSearchButton
	{ display:inline-block; width:17px; height:19px; border-top:solid 1px #7f9db9; padding:0;
		border-right:solid 1px #7f9db9; border-bottom:solid 1px #7f9db9; vertical-align:baseline;
		background: White url('images/Search-17x17.png') no-repeat; }

.searchButton
	{ display:inline-block; width:17px; height:19px; border-top:solid 1px #7f9db9; padding:0;
		border-right:solid 1px #7f9db9; border-bottom:solid 1px #7f9db9; vertical-align:baseline;
		background: White url('images/Search-17x17.png') no-repeat; }

.searchButton2
	{ display:inline-block; width:17px; height:19px; border-top:solid 1px #7f9db9; padding:0;
		border-right:solid 1px #7f9db9; border-bottom:solid 1px #7f9db9; vertical-align:baseline;
         }

.transactionSearchButton
	{ border-left:solid 1px #7f9db9;
		background: White url('images/TransactionSearch-17x17.png') no-repeat; }

.searchButton:hover
	{ background-color:#edfbff; }
.searchButton[disabled]
	{ background-color:#f2f2f2; cursor:default; }

.transactionSearchButton2
	{ border-left:solid 1px #7f9db9;
		background: White url('images/TransactionSearch-17x17.png') no-repeat; }

.searchButton2:hover
	{ background-color:#edfbff; }
.searchButton2[disabled]
	{ background-color:#f2f2f2; cursor:default; }

.rightSection div.loader
	{ width:16px; height:16px; position:absolute; right:43px; top:3px;
		background:transparent url('images/roller-loader.gif') no-repeat; }

.masterUpperMenuWrapper div.searchedNumber
	{ position:relative; float:right; height:20px; margin-right:5px; font-size:0.9em; }
	
.leftSection 
	{ position:absolute; bottom:0;	left:0;	float:left; }
	
.masterUpperMenuWrapper #leftSection
	{ position:absolute; bottom:0; left:0; float:left; }

/*--------------------TimeOut Popup--------------------*/

#divTimeOut{position:absolute;top:0;margin-top:-500px;}
.timeoutButton{width:0; border:0; background-color:Transparent;}

.WizardModalPopup
	{ position:absolute; top:55%; left:55%; background: #ffffff url('images/tile.gif');}
	
.modalPopup
	{ position:absolute; top:55%; left:55%; background: #ffffff url('images/tile.gif');}
	
.modalPopup
	{	width:350px; min-height:150px; max-height:400px; z-index:101;
		border: solid 2px #2d4982; border-top:solid 1px #2d4982;  }


.WizardModalPopup
	{	width:400px; border: solid 1px #0c57b2; z-index:100; }


.modalTitleWrapper
	{ position:relative; height:29px; background-color:#efefef; width:100%;
		background-image:url('images/footer_bg.gif'); }
		
.modalCloseButton
	{ text-decoration:none; color:#1e75c6; font-weight:bolder; }
	
.modalClose
	{ float:right; position: absolute; bottom:7px; right:7px; }
	
.modalTitle
	{ color:#014076; font-weight:bolder; float:LEFT; margin-left:5px; margin-top:5px; }
	
#divCounter
	{ font-weight:bolder; font-size:13px; text-align:center;}

.modalBackground
	{ background-color:#EEE; filter:alpha(opacity=70); opacity:0.7; }

div p.timeout
	{ padding:10px; text-align:center; }

.modalPopup div p
	{ padding:10px; }

.modalPopup div span.icon
	{ width:32px; height:32px; float:left; margin:10px; }

.modalPopup div span.icon_timeout
	{ background:transparent url('images/icon_timeout_32px.gif'); }

.modalPopup div span.icon_help
	{ background:transparent url('images/icon_help_32px.gif'); }

.modalContent table.tableFormat tr td.FieldName
	{ width:40%; }

div#SendEmail_Content
	{}

div#SendEmail_Content .tableFormat tr td.FieldName
	{ width:15%; }

div#SendEmail_Content .textBoxStyle
	{ width:98%; min-height:18px; padding-top:2px; }

div#SendEmail_Content span.EmailSuccess
	{ font-size:2em; }

div#SendEmail_Content .command
	{ display:inline; vertical-align:bottom; }

div#SendEmail_Content .fileInput
	{ height:25px; padding-top:2px; vertical-align:top; }

/*--------------------UserManagement--------------------*/

div#UserDetailsWrapper
	{ float:left; width:48%; }

div#UserPasswordWrapper
	{ float:left; width:48%; }

div#UserPasswordWrapper
	{margin-left:10px;}
	
div#UserListWrapper
	{margin-top:10px;}

div#UserRolesWrapper, div#UserRoleSitesWrapper, div#UserBinsWrapper,div#UserReportWrapper
	{ float:right; width:300px; margin-right:20px; }
	
div#UserResourcesWrapper, div#UserNarrativesWrapper
	{ float:left; width:350px; margin-left:10px; }

/*--------------------Mange Security--------------------*/

div#CreateRoleWrapper
	{ float:left; width:450px; margin-bottom:10px; }

 table.smaller tr td.FieldName
	{ width:10%; }

/*-------------- Error Page --------------*/

html body.errorpage
	{background-color:#dadada;background-image:none;}

div.errorWrapper
	{}
	
div.errorWrapper .header h1
	{ font-size:2em; }
	
div.errorWrapper .content
	{ float:left; width:100%; background-color:White; min-height:100px; border:solid 1px #39424b; }
	
div.errorWrapper p
	{ color:red; font-size:1.2em; margin-top:30px; }
	
/*----------------------------Controls----------------------------*/

.grid
	{ float:left; width:100%; }

div.tabContainer
	{ float:left; width:100%; }

.grid.HeaderStyle2
	{ background-color: #0f4b7e; font-family:Arial, Verdana; color:White; height:25px;
		 border:0; }

.grid .HeaderStyle
	{font-family:Arial, Verdana;  height:25px;
		 border:0; }

.grid .HeaderStyle {
	background-color: #0f4b7e; font-family:Arial, Verdana; color:White; height:25px;
		 border:0;
}
	
.grid.HeaderStyle2
	{ text-align:center;}
	
.grid .HeaderStyle th
	{ border:none; }

.AlternatingRowStyle
	{ padding-left:5px; }

.grid .AlternatingRowStyle
	{ padding-left:5px; }

.grid .RowStyle
	{ padding-left:5px; }

.grid .HeaderStyle th {
    padding-left: 5px;
    text-align: center;
}

.grid .RowStyle
	{ background-color: #cccccc; min-height:30px; }

.grid .AlternatingRowStyle
	{ background-color: #F7F7F7; color:#39424b; }

.grid .AlternatingRowStyle
	{ border-top:solid 1px #ece9d8;	min-height:30px; height:30px; }

.grid .RowStyle
	{ border-top:solid 1px #ece9d8;	min-height:30px; height:30px; }

.grid .AlternatingRowStyle td
	{ padding:5px; border-top:solid 1px #ece9d8; /*IE border*/ }

.grid .RowStyle td, .grid .HeaderStyle th
	{ padding:5px; /*IE border*/ }

.grid .PageStyleDrk {
	background-color: #39424b;
	color: #F7F7F7;
	height: 30px;
	text-align: right;
	border: 0;
	vertical-align: bottom;
}

.grid .PageStyle
	{ background-color: #39424b; color:#F7F7F7; height:30px; text-align:right; border:0; 
		vertical-align:bottom; }

	.grid .PageStyle td table{
		float: right;
	}

	.PageStyleDrk td table {
		float: right;
		width:100%;
	}


	.grid .PageStyleDrk td > table > tbody > tr > td:only-child {
		float: right;
	}
	.grid .PageStyleDrk td > table > tbody > tr > td:nth-child(odd):not(:only-child) {
		float: left;
	}
	.grid .PageStyleDrk td > table > tbody > tr > td:nth-child(even) {
		float: right;
	}



.grid .PageStyle td a:hover, .PageStyleDrk td a:hover {
	color: White;
	font-weight: normal;
}

	.grid .PageStyle td a:active, .PageStyleDrk td a:active {
		color: White;
		font-weight: normal;
	}

	.grid .PageStyle td a:visited, .PageStyleDrk td a:visited {
		color: White;
		font-weight: normal;
	}

	.grid .PageStyle td a:link, .PageStyleDrk td a:link {
		color: White;
		font-weight: normal;
	}

.grid td a:hover
	{ display:inline; font-weight:800; color:#39424b; }

.grid td a:active
	{ display:inline; font-weight:800; color:#39424b; }

.grid td a:visited
	{ display:inline; font-weight:800; color:#39424b; }

.grid td a:link
	{ display:inline; font-weight:800; color:#39424b; }

.grid td a:hover
	{ color:#4e657c; text-decoration:underline; }

.grid .EmptyView td {
    color: #aa0000;
    font-size: 1.3em;
    padding: 10px;
}

.HeaderStyle .item_indent
	{ padding-left:10px; }

.AlternatingRowStyle .item_indent
	{ padding-left:10px; }

.RowStyle .item_indent
	{ padding-left:10px; }

/*navigation*/
.navigator
	{ float:left; width:100%; margin-top:5px; vertical-align:bottom; }

.navigator a:hover
	{ font-weight:800; color:#39424b; }

.navigator a:active
	{ font-weight:800; color:#39424b; }

.navigator a:visited
	{ font-weight:800; color:#39424b; }

.navigator a:link
	{ font-weight:800; color:#39424b; }

.navigator a:hover
	{ color:#4e657c; text-decoration:underline; }

.navigator .previous
	{ float:left; width:150px; margin-left:10%; height:25px; }

.navigator .numbers
	{ float:left; text-align:center; width:250px; height:22px; }

.navigator .numbers span
	{ vertical-align:bottom;display:block; }

.navigator .next
	{ float:left; width:130px; text-align:right; height:22px; vertical-align:bottom; }

.navigator .previous a
	{ vertical-align:bottom;margin-top:5px; }

.navigator .next a
	{ vertical-align:bottom;margin-top:5px; }

.navigator .pagelist
	{ float:right; text-align:right; width:150px; }
	
.navigator .pagelist span
	{ vertical-align:top; }
	
.navigator .pagelist select
	{ min-width:45px;width:auto !important;width:45px; }

/*--- Viewer ---*/
div#viewerWrapper
	{ float:left; position:relative; width:100%!important; margin-bottom:10px; border:solid 1px #e6e6e6; }

#viewerWrapper img
	{ width:120px; height:120px; border:none; }
	
#viewerWrapper
	{ width:120px; height:120px; border:none; }
	
#viewerWrapper .item
	{ float:left; width:120px; margin-left:5px;	margin-bottom:5px; border:solid 1px #e6e6e6; }

#viewerWrapper .documentViewer
	{ width:100%; height:650px;	border:0; cursor:pointer; position:relative; left:0; top:0; }

ul.DocumentViewer {list-style:none;padding:0;margin:0;}
ul.DocumentViewer li{float:left; width:150px; margin-left:5px;	margin-bottom:5px; border:solid 1px #e6e6e6;text-align:center;}
ul.DocumentViewer li img{width:120px;height:120px;}
/*--- XML Display ---*/

div.xmlContent
	{ float:left; margin:0 0 0 3%; width:90%; }

.xmlContent p
	{ float:left; width:100%; display:block; min-height:125px; border:solid 1px #e6e6e6;
		background-color: #f6f6f6; overflow:auto; }

.ACCHeaderSelected 
	{ border:thin solid #FFFFFF; font-size:2.0em; color:#fff; }
	
.ACCHeader 
	{ border:thin solid #FFFFFF; font-size:2.0em; color:#fff; }
	
.ACCHeader 
	{ background-color:#87CEFF; }

.ACCHeaderSelected 
	{ background-color:#39424b; }

.ACCPane
	{ background-color:#F0F8FF; border:thin dashed #000000; }

.MSCHeader 
	{ background-color:AliceBlue; font-size:2.0em; color:#000; }

.AccTableCell 
	{ border:solid 1px Gray; width:20%; height:15px; }
	
.AccDetailsHeadings 
	{ height:30px; background-color:#0f4b7e; font-weight:bold; text-align:left; vertical-align:top; }
	
.AccDetailsFieldName 
	{ width:30%; font-size:1.2em; }
	
.AccDetailsTable 
	{border-width:1px; border-style:solid; border-color:#0f4b7e; background-color:#ffffff;}
	
.AccDetailsHeadings 
	{border-width:0px; border-style:solid; border-color:Black; color:#ffffff; padding:5px;}
	
.AccDetailsTable 
	{width:100%; }

.textAlignment 
	{ text-align:center; }

.topUpLoader 
	{ background:transparent url('images/bar-loader.gif') no-repeat; 
			width:128px; height:15px; position:absolute; left:178px; top:35px; }
	
.selectorWrapper 
	{float:left; width:215px; }
	
.reloadButtonWrapper
	{float:right; width:25px; }

/* Interactive Report */

div#InteractiveReportWrapper{}

#InteractiveReportWrapper .SectionWrapper 
	{ float:left; position:relative; width:100%; }
	
#InteractiveReportWrapper .SectionWrapper .ContainerWrapper 
	{ float:left; width:335px; }
	
#InteractiveReportWrapper .SectionWrapper .RightContainerWrapper 
	{ float:right; width:335px; top:-49px; position:relative; }
	
.FormContainerWrapper .FormContainer_middle 
	{ padding:0; }

.SectionHeader2
	{ float:left; width:100%; cursor:pointer; margin-bottom:10px;  }
	
.SectionHeader
	{ float:left; width:100%; cursor:pointer; margin-bottom:10px;  }
	
.SectionHeader 
	{ border-bottom:dashed 2px #e6e6e6; }
	
.SectionHeader2
	{ position:relative; border-bottom:dotted 1px #e3e3e3; }

span.ActionExpand 
	{ display:inline-block; width:12px; height:15px; margin-bottom:2px; }
	
span.ActionCollapse 
	{ display:inline-block; width:12px; height:15px; margin-bottom:2px; }
	
span.ActionCollapse
	{background: url('icons/action_collapse.gif') no-repeat;}
	
span.ActionExpand
	{background: url('icons/action_expand.gif') no-repeat;}

/*FormContainer top*/
div.FormContainer_top 
	{ float:left; position:relative; width:100%; }
	
div.FormContainer_top .center 
	{ background: transparent url('images/form_sprites.png') repeat-x 0 -28px; margin-left:8px; margin-right:8px; }

div.FormContainer_top .right
	{ height:28px; }

div.FormContainer_top .left
	{ height:28px; }

div.FormContainer_top .center
	{ height:28px; }

div.FormContainer_top
	{ height:28px; }

div.FormContainer_top .right
	{ width:8px; }

div.FormContainer_top .left
	{ width:8px; }

div.FormContainer_top .left 
	{ float:left; background: transparent url('images/form_sprites.png') no-repeat 0 0; }

div.FormContainer_top .right
	{ float:right; background: transparent url('images/form_sprites.png') no-repeat -8px 0; }

.FormContainer_top h2
	{ font-size:1.2em;float:left;margin-top:0px; }

/*FormContainer middle*/
div.FormContainer_middle
	{ float:left; position:relative; width:100%; padding-top:10px; height:250px; overflow:scroll; }

.FormContainer_middle div.Next
	{ float:left; width:50%; text-align:center; }

.FormContainer_middle div.Back
	{ float:left; width:50%; text-align:center; }

div.FormContainer_middle .right
	{ position:absolute; width:1px; height:100%; top:0; background: transparent url('images/form-middle.gif') repeat-y; }

div.FormContainer_middle .left
	{ position:absolute; width:1px; height:100%; top:0; background: transparent url('images/form-middle.gif') repeat-y; }

div.FormContainer_middle .left
	{left:0;}
	
div.FormContainer_middle .right
	{right:0;}

div.FormContainer_middle .tableFormat
	{ width:99.6%; margin-left:1px; }

div.FormContainer_middle h2
	{margin-left:10px;}
	
div.FormContainer_middle .tableFormat h2
	{padding:0;margin:0;}
	
div.FormContainer_middle p
	{margin: 0 10px 20px 10px;}
	
div.FormContainer_middle p.last
	{margin: 0 10px 0 10px;}
	
div.FormContainer_middle ul
	{ margin: 0 25px 20px 25px; }

div.FormContainer_middle ul li
	{margin-bottom:10px;}

/*FormContainer bottom*/
div.FormContainer_bottom
	{ float:left; position:relative; width:100%; z-index:-1; }

div.FormContainer_bottom .right
	{ height:10px; }

div.FormContainer_bottom .left
	{ height:10px; }

div.FormContainer_bottom .center
	{ height:10px; }

div.FormContainer_bottom
	{ height:10px; }

div.FormContainer_bottom .center
	{ background: transparent url('images/form_sprites.png') repeat-x 0 -66px; margin-left:8px; margin-right:8px; }

div.FormContainer_bottom .right
	{ width:8px;}

div.FormContainer_bottom .left
	{ width:8px;}

div.FormContainer_bottom .left
	{ float:left; background: transparent url('images/form_sprites.png') no-repeat 0 -56px; }

div.FormContainer_bottom .right
	{ float:right; background:transparent url('images/form_sprites.png') no-repeat -8px -56px; }

.Actions .Add
	{ background: url('icons/action_next.png') no-repeat;}
	
.Actions .Add[disabled]
	{ background: url('icons/action_next_disabled.png') no-repeat;}
	
.Actions .ActionRemove
	{ background: url('icons/action_previous.png') no-repeat;}
	
.Actions .ActionRemove[disabled]
	{ background: url('icons/action_previous_disabled.png') no-repeat;}

.SectionWrapper .Actions .ActionRemove
	{ display:inline-block; width:29px; height:25px; border:none 0; position:relative; margin-left:35px; }

.SectionWrapper .Actions .Add
	{ display:inline-block; width:29px; height:25px; border:none 0; position:relative; margin-left:35px; }

.grid th.SelectAllCheckBox
	{width:20px;text-align:center;}

.grid td.SelectAllCheckBox
	{width:20px;text-align:center;}

.FormContent .Row{display:table-row;}
.FormContent .Row > div{padding:10px;}
.FormContent .Row .FieldName{display:table-cell;width:25%;}
.FormContent .Row .FieldItem{display:table-cell;width:53%;}

.FormContent .AlternatingRow{background-color: #f8f8f8;}

.ReportContainer{ overflow:scroll; width:100%; position:relative; }

.gridEmptyText
	{ background-color:#0f4b7e; border:solid 2px #dadada ; color:White; }

.gridAlternating
	{ background-color:#f0f8ff; }

.gridItem
	{ background-color:#ffffff; }

.gridFooter
	{ background-color:#ececec; }

.SectionWrapper2
	{ float:left; position:relative; width:100%; }

.SectionWrapper2 .ContainerWrapper
	{ float:left; width:400px; }

.collapsePanel
	{ background-color:#000099; font-size:medium; color:#FFFFFF; font-weight:bold; }
	
.collapseTargetPanel
	{ background-color:Transparent; padding-left:7px; font-size: 0.8em; }

.contents
	{ margin:0px; padding:0px; border:0; margin-bottom:10px; }
	
.RowStyle
	{ background-color:#e7e7e7; color:#000000; }
	
.AlternatingRowStyle
	{ background-color:#cccccc; color:#000000; }

.RowStyle td
	{ vertical-align:middle; padding:5px; }
	
.AlternatingRowStyle td
	{ vertical-align:middle; padding:5px; }
	
.AlternatingRowStyle td
	{ border-top:solid 1px #999999; border-bottom:solid 1px #999999; }	

.TABLE
	{ border:solid 1px #000000; margin-left:15%; margin-right:15%; width:500px; background-color:White; }
	
.GridViewSmall
	{ background-color:White; width:100%; color:Black;}
	
.GridViewSmallHeader
	{ background-color:Blue; color:White;}

.GridViewSelectedRowStyle
	{ background-color:#000099; font-weight:bold; color:White; }
	
.GridViewRowStyle
	{ background-color:#fffedc; }
	
.GridViewAlternatingRowStyle
	{ background-color:#eff7ff;}
		
.WizardNavigation
	{ float:left;width:100%;padding-bottom:10px;margin-bottom:0px; }
	
.WizardLeftnav 
	{ float:left;margin-top:5px; margin-left:100px; width:150px;text-align:center; }
	
.WizardRightnav 
	{ float:right;margin-top:5px;width:150px;margin-right:100px;text-align:center; }
	
.CustomControlsTitleBar
	{ float: left; width: 100%; }
	
.CustomControlsWrapper
	{ float: left; width: 100%; }
	
.CustomControlsWrapper
	{ height: 100%; }
	
.CustomControlsTitleBar
	{ height: 25px; background-color: white; color: #014076;
		text-align: left; font-weight: bolder; border-bottom: dotted 1px black; }

.CustomControlsTitle
	{ margin-top:5px; margin-left:5px; }
	
.vouchertext	{
	color:#000000;
	font-size:small;
	
}	

.gvWalletTransactionDetails	
{ background-color: #39424b; font-family:Calibri, Verdana, Arial; color:White; height:30px;
		text-align:center; border:0;}
.gvWalletTransactionReversed td{	text-decoration:line-through !important;}

#divnote {
	word-break: break-all;
}

/* This is part of a redesign that eventually will happen in 2013

*/

.heading {
border-bottom: 1px solid #DCDCDC;
padding-bottom: 5px;
display:block;
}

.heading h1, .heading h2, .heading h3, h1.heading, h2.heading, h3.heading, .modal-header h3 {
font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif;
font-weight: 400;
}

.heading h2, h2.heading {
	font-size:24px;
	line-height: 36px;
	margin-bottom: 18px;
	text-align:center;
}
.heading h3, h3.heading {
	font-size:18px;
	line-height: 27px;
	margin-bottom: 8px;
	text-align: center;
}


.main_content {
	margin:10px 10px 0 10px;
}



.control-group {
margin-bottom: 9px;
overflow: auto;
}
.form-horizontal .control-label {
	
float: left;
width: 140px;
padding-top: 5px;
text-align: right;
}
.form-horizontal .controls {
margin-left: 160px;
}
.control-group .controls {
margin-bottom: 14px;
}

.control-group .controls label {
display: inline-block;
margin-bottom: 5px;
}

.control-group .controls fieldset {
	
padding:10px;
}



/* TABLES */

.table {
  width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom:14px;
}
.table th,
.table td {
  padding: 8px 0;
  line-height: 1.5;
  vertical-align: top;
}
.table.table-bordered th,
.table.table-bordered td {
  padding: 8px;
  line-height: 1.5;
  vertical-align: top;
}

.table th {
  font-weight: bold;
}
.table thead th {
	background-color:#0F4B7E;
	color: #FFF;
  vertical-align: bottom;
}
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}
.table tbody + tbody {
  border-top: 2px solid #bfbfbf;
}
.table .table {
  background-color: transparent;
}
.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}
.table-bordered {
  border: 1px solid #bfbfbf;
  border-collapse: separate !important;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.table-bordered th,
.table-bordered td {
  border-top: 1px solid #bfbfbf;
  border-left: 1px solid #bfbfbf;
}
.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}
.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child {
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}
.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
}
.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child {
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child {
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}
.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
}
.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
}
.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}
.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
}
.table-striped tbody > tr:nth-child(odd) > td {
  background-color: #F1F1F1;
  background-color: rgba(241, 241, 241, 0.6);
}
.table-striped tbody th, .table-bordered tbody th {
background-color:#0F4B7E;
	color: #FFF;
}
.table-striped tbody th a, .table-bordered tbody th a {
text-decoration: underline;
color: #A8D5FF;
}
.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background-color: #F1F1F1;
}
.pull-right{float:right}.pull-left{float:left}

.controls input {
	margin:0 !important
}

.row-fluid {
display: block;
overflow: hidden;
zoom: 1;
width: 764px;
}

.row-fluid::before, .row-fluid::after {
content: "";
display: table;
}

.row-fluid::after {
display: block;
visibility: hidden;
height: 0;
clear: both;
content: ".";
}

.span6 {
	float: left;
	width:376px;
	margin-left:12px;
}
.span8 {
	float: left;
	width:501px;
	margin-left:12px;
}


.row-fluid [class*="span"]:first-child {
margin-left: 0;
}

hr.hr {
display: block;
height: 1px;
border: 0;
margin: 0 0 14px 0;
padding: 0;
width:100%;
background: #DBDBDB;
}

.calendar {
	cursor: pointer;
}

.ajax__calendar td {
	padding:0 !important;
	border-left: none !important;
}

/*===================Breadcrumb===================*/
.breadcrumb
{
	list-style: none;
	overflow: hidden;
	font: 12px Helvetica, Arial, Sans-Serif;
}

	.breadcrumb li
	{
		float: left;
	}

        .breadcrumb li a {
            color: black;
            display: inline-block;
            /*float: left;*/
            padding: 14px 5px;
            position: relative;
            text-decoration: none;
            font-size: 12px !important;
        }

		.breadcrumb li span
		{
			vertical-align: middle;
			margin-right: 5px;
			margin-left: 5px;
		}
.breadcrumOuter {
    background: #C4C4C4;
    width: 100%;
    float: left;
    z-index: 1000;
    border-left: solid 1px #014076;
    border-right: solid 1px #014076;
    border-bottom: dotted 1px #39424B;
    font-size: 12px !important;
}
/*===================Breadcrumbs===================*/

.pager table {
  width: auto;
  float: right;
}
.pager table td {
  padding: 0 !important;
  border: 1px solid #BFBFBF !important;
}
.pager table a,
.pager table span {
  display: block;
  padding: 4px 12px;
}

#divContent
{
	width: 550px;
	word-wrap: break-word;
}

.grid .auth-transaction	{ padding-left:5px; }

.grid .auth-transaction	{ background-color: #69efee; min-height:30px; }

.grid .auth-transaction	{ border-top:solid 1px #ece9d8;	min-height:30px; height:30px; }

.grid .auth-transaction td	{ padding:5px; border-top:solid 1px #ece9d8; /*IE border*/ }

.grid .debit-fee {	color : red; text-align: right; white-space: nowrap; }

.nowrap {
white-space: nowrap;
}

.is-hidden {
  display: none;
}

.is-block {
  display:block;
}
.is-strong {
  font-weight: 700;
}
.is-right {
  text-align: right;
}
.is-left {
  text-align: left;
}
.is-center {
  text-align: center;
}

.break-all {
	word-break: break-all;
}
.ajax__html_editor_extender_texteditor{
	background-color: White;
	overflow: scroll; width: 100%; height: 325px;
                                background-color: White; border: 1px solid black;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box
}
/*TransactionHistoryControl.ascx*/
.TransactionHistoryControl-tr-td-title {
    padding:10px 0 0 90px;
}

.TransactionHistoryControl-tr-td-cells {
    float:left;
    padding:7px 0 15px 90px;
}
.TransactionHistoryControl-lblSelectProgram {
    display: inline-block;
    width: 87px;
}

.TransactionHistoryControl-table-rightcolumn {
    width:210px !Important;
}

.TransactionHistoryControl-lblSelectProgram {
    display:inline-block;
    width:87px;
}

.TransactionHistoryControl-ddlMonthSelect {
    width:138px;
}

.TransactionHistoryControl-ddlYearSelect {
    width: 62px;
    margin-left: 6px;
}

.TransactionHistoryControl-DateTimepicker {
    width: 165px !Important;
}

.CorporateSecuritySection input[type=text],.CorporateSecuritySection input[type=password],.CorporateSecuritySection select  {
    width: 200px !important;
}

.CorporateSecuritySection {
    border: 1px solid grey;
    padding: 20px;
}

.pointer {
    cursor: pointer;
}

a.UnlinkStyle:link {
    font-family: arial,sans-serif !important;
}

a.UnlinkStyle:visited {
    font-family: arial,sans-serif !important;
}

a.UnlinkStyle:hover {
    text-decoration: underline !important;
    font-family: arial,sans-serif !important;
}

a.UnlinkStyle:active {
    text-decoration: underline !important;
    font-family: arial,sans-serif !important;
}

.divCell p{
    display: inline-block;
    margin:0 5px 0 0;
}

.sr-only {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
input#txtItemToSearch {
    color: black;
}

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


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

.wide-table-container {
    width: 100%;
    transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    -webkit-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
}

/*====== MACP-12242/WhitelistRulesConfiguration.aspx ====== */
.flex-form-group {
	display: flex;
	align-items: center;
	justify-content: center;
}

.flex-form-group-left {
	display: flex;
	align-items: center;
	justify-content: left;
	flex-wrap: wrap;
}

.ml-5 {
	margin-left: 5px;
}

.grid-3-col {
	display: grid;
	grid-template-columns: 33.3% 33.3% 33.3%;
}

.wide-middle {
	grid-template-columns: 33% 57% 10%;
}

#viewWhitelistRules {
	display: none;
}

#actionButtons {
	grid-column-start: 2;
}

.w-fill {
	width: -webkit-fill-available !important;
	width: -moz-available !important;
}

.vertical-center {
	align-self: center;
}

.align-right-margin {
	text-align-last: right;
	margin: 1em 0em;
}

#msgCommunicationDiv {
	grid-column-start: 2;
}

/*====== MACP-12243/BankFraudQueue.aspx ====== */
#FraudQueueDatetimepickerFrom, #FraudQueueDatetimepickerTo {
	width: 270px;
}

.grid-2-col {
	display: grid;
	grid-template-columns: 35% 65%;
}

table.tableFormat.noOverflow td td {
	max-width: 130px;
	overflow: hidden;
	text-overflow: ellipsis;
}