html { width: 100%; height: 100%; margin:0; padding: 0; }
body { width: 100%; height: 100%; margin:0; padding: 0; background-image: url('/BMS/Asset/Theme/BlackPearl/Wallpaper/Wallpaper.png'); }

.SurfaceContainer               {}
.CanvasContainer                {}

.LogoContainer                  { height:60px; vertical-align: middle; }
.Logo                           { background-image: url('/BMS/Asset/Image/Logo/App.png'); background-repeat: no-repeat; width:360px; max-width:360px; height: 74px; cursor: pointer; }
.LogoText                       { font-family: Calibri, Helvetica, Arial; font-size: 16pt; color: #3B6ABF; font-weight: bold; }

.MenuContainer                  { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: white; }
.MenuHeaderLeft                 { background-image: url('/BMS/Asset/Theme/BlackPearl/Menu/Menu.Header.Left.png');    background-repeat: no-repeat; width:7px; max-width:7px; }
.MenuHeaderCenter               { background-image: url('/BMS/Asset/Theme/BlackPearl/Menu/Menu.Header.Center.png');  background-repeat: repeat-x; height: 43px; line-height:40px; width:150px; text-align:center;  }
.MenuHeaderRest                 { background-image: url('/BMS/Asset/Theme/BlackPearl/Menu/Menu.Header.Center.png');  background-repeat: repeat-x; height: 43px; line-height:40px; }
.MenuHeaderRight                { background-image: url('/BMS/Asset/Theme/BlackPearl/Menu/Menu.Header.Right.png');   background-repeat: no-repeat; width:7px; max-width:7px; }
.MenuFooterCenter               { background-image: url('/BMS/Asset/Theme/BlackPearl/Menu/Menu.Footer.Center.png');  background-repeat: repeat-x; }
.MenuHeaderContainerLink        { cursor: pointer; }
.MenuHeaderContainerLink:hover  { background-color: white; color: #333333; }
.MenuHeaderContainerLinkSelected{ background-color: white; color: #333333; cursor:pointer; }
.MenuBodyContainer              { margin-top: -3px; }
.MenuLineLeft                   { background-image: url('/BMS/Asset/Theme/BlackPearl/Menu/Menu.Line.Left.png'); width: 7px; min-width: 7px; max-width: 7px; height: 2px; font-size:1pt; }
.MenuLineCenter                 { background-image: url('/BMS/Asset/Theme/BlackPearl/Menu/Menu.Line.Center.png'); background-repeat: repeat-x; height: 2px; font-size:1pt; }
.MenuLineRight                  { background-image: url('/BMS/Asset/Theme/BlackPearl/Menu/Menu.Line.Right.png'); width: 7px; min-width: 7px; max-width: 7px; height: 2px; font-size:1pt; }
.MenuBodyLeft                   { background-image: url('/BMS/Asset/Theme/BlackPearl/Menu/Menu.Body.Left.png'); width: 7px; min-width: 7px; max-width: 7px; }
.MenuBodyCenter                 { background-image: url('/BMS/Asset/Theme/BlackPearl/Menu/Menu.Body.Center.png'); background-repeat: repeat; text-align:left; }
.MenuBodyRight                  { background-image: url('/BMS/Asset/Theme/BlackPearl/Menu/Menu.Body.Right.png'); width: 7px; min-width: 7px; max-width: 7px; }
.MenuFooterLeft                 { background-image: url('/BMS/Asset/Theme/BlackPearl/Menu/Menu.Footer.Left.png'); width: 7px; min-width: 7px; max-width: 7px; height:3px; font-size: 1pt; }
.MenuFooterCenter               { background-image: url('/BMS/Asset/Theme/BlackPearl/Menu/Menu.Footer.Center.png'); background-repeat: repeat; height:3px; font-size: 1pt; }
.MenuFooterRight                { background-image: url('/BMS/Asset/Theme/BlackPearl/Menu/Menu.Footer.Right.png'); width: 7px; min-width: 7px; max-width: 7px; height:3px; font-size: 1pt; }
.MenuSeparator                  { width: 15px;}
.MenuHeaderText                 { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: white; text-decoration: none; font-weight: bold; }
.MenuHeaderTextRow              { height: 30px; }
.MenuLinkRow                    { height: 18px; }
.MenuLinkContainer              {}
.MenuLink                       { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: white; text-decoration: none; }
.MenuLink:hover                 { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: #FFF835; text-decoration: none; }

.PageContainer                  { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: black; }
.PageHeaderRow                  { height:5px; max-height:5px; font-size:1pt; }
.PageHeaderLeft                 { background-image: url('/BMS/Asset/Theme/BlackPearl/Page/Page.Header.Left.png'); background-repeat: no-repeat; width:5px; max-width:5px; height: 5px; max-height:5px; font-size:1pt; }
.PageHeaderCenter               { background-image: url('/BMS/Asset/Theme/BlackPearl/Page/Page.Header.Center.png'); background-repeat: repeat-x; height: 5px; max-height:5px; font-size:1pt; }
.PageHeaderRight                { background-image: url('/BMS/Asset/Theme/BlackPearl/Page/Page.Header.Right.png'); background-repeat: no-repeat; width:5px; max-width:5px; height: 5px; max-height:5px; font-size:1pt; }
.PageBodyRow                    { }
.PageBodyLeft                   { background-image: url('/BMS/Asset/Theme/BlackPearl/Page/Page.Body.Left.png'); background-repeat: repeat-y; width:5px; max-width:5px; font-size:1pt; }
.PageBodyCenter                 { background-color: #F2F2F2; font-family: Calibri, Helvetica, Arial; font-size: 10pt; }
.PageBodyRight                  { background-image: url('/BMS/Asset/Theme/BlackPearl/Page/Page.Body.Right.png'); background-repeat: repeat-y; width:5px; max-width:5px; font-size:1pt; }
.PageFooterrRow                 { height: 7px; max-height: 7px; font-size:1pt;}
.PageFooterLeft                 { background-image: url('/BMS/Asset/Theme/BlackPearl/Page/Page.Footer.Left.png'); background-repeat: no-repeat; width:5px; max-width:5px; height: 7px; max-height:7px; font-size:1pt; }
.PageFooterCenter               { background-image: url('/BMS/Asset/Theme/BlackPearl/Page/Page.Footer.Center.png'); background-repeat: repeat-x; height: 7px; max-height:7px; font-size:1pt; }
.PageFooterRight                { background-image: url('/BMS/Asset/Theme/BlackPearl/Page/Page.Footer.Right.png'); background-repeat: no-repeat; width:5px; max-width:5px; height: 7px; max-height:7px; font-size:1pt; }

.FooterContainer                { background-image: url('/BMS/Asset/Theme/BlackPearl/Footer/Footer.Center.png'); background-repeat: repeat-x; height: 29px; max-height:29px; }
.FooterText                     { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: white; }

.FieldCaptionText               { font-family: Calibri, Helvetica, Arial; font-size: 10pt; font-weight: bold; background-color: #3D70BC; color: white; height: 24px; }
.FieldContainer                 {}
.FieldSearchContainer           {}
.FieldSearch                    { height: 24px; }
.FieldSearchRow                 { height: 24px; }
.FieldRow                       { height: 30px; }
.FieldRowBreak                  { height: 5px; font-size:1pt; }
.FieldRowButton                 { height: 70px; }
.FieldHeaderContainer           {}
.FieldHeaderRow                 { height: 24px;}
.FieldHeaderSpace               { width: 5px; max-width: 5px; font-size: 1pt; }
.FieldHeaderText                { font-family: Calibri, Helvetica, Arial; font-size: 10pt; font-weight: bold; }
.FieldMandatory                 { font-family: Calibri, Helvetica, Arial; font-size: 10pt; text-align: right; }
.FieldNotMandatory              { font-family: Calibri, Helvetica, Arial; font-size: 10pt; text-align: right; }
.FieldText                      { font-family: Calibri, Helvetica, Arial; font-size: 10pt; }
.ValidationText                 { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: red; }

.TextBox                        { font-family: Calibri, Helvetica, Arial !important; font-size: 10pt !important; border: solid 1px silver; background-color: white; color: black; }
.TextBox:focus                  { border: solid 1px gold; background-color: #FFE699; }
/*.TextBox:read-only              { background-color: #d8d4d4 !important; }*/
.TextBox:disabled               { background-color: #d8d4d4 !important; }

.TextArea                       { font-family: Calibri, Helvetica, Arial !important; font-size: 10pt !important; border: solid 1px silver; background-color: white; color: black; resize:none; }
.TextArea:focus                 { border: solid 1px gold; background-color: #FFE699; }
.TextArea:read-only             { background-color: #d8d4d4 !important; }
.TextArea:disabled              { background-color: #d8d4d4 !important; }

.DropDownList                   { font-family: Calibri, Helvetica, Arial !important; font-size: 10pt !important; border: solid 1px silver; background-color: white; color: black; }
.DropDownList:focus             { border: solid 1px gold; background-color: #FFE699; }
/*.DropDownList:read-only         { background-color: #d8d4d4 !important; }*/
.DropDownList:disabled          { background-color: #d8d4d4 !important; }

.Link                           { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color:#0000EE; text-decoration:none; }
.Link:focus                     { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color:#0000EE; text-decoration:underline; }

.LookUpAutoCompleteContainer    { border: solid 1px silver; background-color: white; }
.LookUpAutoCompleteTextBox      { border: none; font-family: Calibri, Helvetica, Arial !important; font-size: 10pt !important; color: black; width:100%; }
.LookUpAutoCompleteButton       { background-image: url('/BMS/Asset/Theme/BlackPearl/LookUp/LookUpAutoComplete.png'); background-repeat: no-repeat; width:22px; height:18px; cursor: pointer; }
.ui-autocomplete                { font-family: Calibri, Helvetica, Arial !important; font-size: 10pt !important; color: black; }

.ButtonAction  			        { background-attachment : scroll; background-clip : border-box; background-color : rgb(96, 131, 203); background-image : linear-gradient(rgb(96, 131, 203), rgb(46, 97, 186)); background-origin : padding-box; background-position-x : 0%; background-position-y : 0%; background-repeat : repeat; background-size : auto; border-bottom-color : #2E75B6; border-bottom-left-radius : 3px; border-bottom-right-radius : 3px; border-bottom-style : solid; border-bottom-width : 1px; border-collapse : collapse; border-left-color : #2E75B6; border-left-style : solid; border-left-width : 1px; border-right-color : #2E75B6; border-right-style : solid; border-right-width : 1px; border-top-color : #2E75B6; border-top-left-radius : 3px; border-top-right-radius : 3px; border-top-style : solid; border-top-width : 1px; box-shadow : 0px 1px 0px rgba(255,255,255,0.5), inset 0px 0px 2px rgba(255,255,255,0.15), inset 0px 1px 0px rgba(255,255,255,0.15); box-sizing : content-box; color : #fff; cursor : pointer; font-family : Arial, Helvetica, Tahoma, Verdana, Sans-Serif; font-size : 12px; height : 22px; width : 120px; line-height : normal; margin-bottom : 0px; margin-left : 0px; margin-right : 0px; margin-top : 0px; padding-left : 0px; padding-right : 0px; text-align : center; text-decoration : none; text-shadow : 0px -1px 0px #55830c; vertical-align : middle; white-space : nowrap; }
.ButtonAction:hover 	        { background-color : rgb(120, 150, 220); background-image : linear-gradient(rgb(120, 150, 220), rgb(70, 120, 200)); }
.Button  				        { background-attachment : scroll; background-clip : border-box; background-color : rgb(175, 175, 175); background-image : linear-gradient(rgb(175, 175, 175), rgb(146, 146, 146)); background-origin : padding-box; background-position-x : 0%; background-position-y : 0%; background-repeat : repeat; background-size : auto; border-bottom-color : #ABABAB; border-bottom-left-radius : 3px; border-bottom-right-radius : 3px; border-bottom-style : solid; border-bottom-width : 1px; border-collapse : collapse; border-left-color : #ABABAB; border-left-style : solid; border-left-width : 1px; border-right-color : #ABABAB; border-right-style : solid; border-right-width : 1px; border-top-color : #ABABAB; border-top-left-radius : 3px; border-top-right-radius : 3px; border-top-style : solid; border-top-width : 1px; box-shadow : 0px 1px 0px rgba(255,255,255,0.5), inset 0px 0px 2px rgba(255,255,255,0.15), inset 0px 1px 0px rgba(255,255,255,0.15); box-sizing : content-box; color : #fff; cursor : pointer; font-family : Arial, Helvetica, Tahoma, Verdana, Sans-Serif; font-size : 12px; height : 22px; width : 120px; line-height : normal; margin-bottom : 0px; margin-left : 0px; margin-right : 0px; margin-top : 0px; padding-left : 0px; padding-right : 0px; text-align : center; text-decoration : none; text-shadow : 0px -1px 0px #55830c; vertical-align : middle; white-space : nowrap; }
.Button:hover 			        { background-color : rgb(195, 195, 195); background-image : linear-gradient(rgb(195, 195, 195), rgb(166, 166, 166)); }

.GridContainer                  { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: white; width: 100%; table-layout:fixed; border: solid 1px silver; }
.GridColumn                     { background-image: url('/BMS/Asset/Theme/BlackPearl/Grid/Grid.Column.png'); background-repeat: repeat-x; height: 29px; }
.GridColumnNo                   { background-image: url('/BMS/Asset/Theme/BlackPearl/Grid/Grid.Column.png'); background-repeat: repeat-x; height: 29px; }
.GridColumnLast                 { background-image: url('/BMS/Asset/Theme/BlackPearl/Grid/Grid.Column.png'); background-repeat: repeat-x; height: 29px; }
.GridRowNo                      { color: black; height: 26px !important; text-align: center;  }
.GridRowContainerOdd            { background-color: #ffffff; min-height: 26px !important; height: 26px !important; cursor: pointer;  overflow: hidden; text-overflow: ellipsis; text-wrap:avoid;}
.GridRowContainerOdd:hover      { background-image: url('/BMS/Asset/Theme/BlackPearl/Grid/Grid.Row.Selected.png'); background-repeat: repeat-x; }
.GridRowContainerEven           { background-color: #EAEAEA; min-height: 26px !important; height: 26px !important; cursor: pointer; overflow: hidden; text-overflow: ellipsis; text-wrap: avoid; }
.GridRowContainerEven:hover     { background-image: url('/BMS/Asset/Theme/BlackPearl/Grid/Grid.Row.Selected.png'); background-repeat: repeat-x; }
.GridRow                        { color: black; height: 26px !important; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; padding-left: 2px; padding-right: 2px; text-align: left; }
.GridRowButton                  { }
.GridRowSelected                { background-image: url('/BMS/Asset/Theme/BlackPearl/Grid/Grid.Row.Selected.png'); background-repeat: repeat-x; }

.GridProductPicture             { border: solid 2px silver; cursor: pointer; }
.GridProductPicture_Thumbnail   { border: solid 2px green; cursor: pointer; }
.GridProductPicture:hover       { border: solid 2px gold; }

.GridButtonReset                { background-image: url('/BMS/Asset/Theme/BlackPearl/Grid/Grid.Button.Reset.png'); background-repeat: no-repeat; width:16px; height:16px; background-size: 16px; }
.GridButtonPreview              { background-image: url('/BMS/Asset/Theme/BlackPearl/Grid/Grid.Button.Preview.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonSelect               { background-image: url('/BMS/Asset/Theme/BlackPearl/Grid/Grid.Button.Select.png'); background-repeat: no-repeat; width:16px; height:16px; background-size: 16px; }
.GridButtonDetails              { background-image: url('/BMS/Asset/Theme/BlackPearl/Grid/Grid.Button.Details.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonUpload               { background-image: url('/BMS/Asset/Theme/BlackPearl/Grid/Grid.Button.Upload.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonDownload             { background-image: url('/BMS/Asset/Theme/BlackPearl/Grid/Grid.Button.Download.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonView                 { background-image: url('/BMS/Asset/Theme/BlackPearl/Grid/Grid.Button.View.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonEdit                 { background-image: url('/BMS/Asset/Theme/BlackPearl/Grid/Grid.Button.Edit.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonDelete               { background-image: url('/BMS/Asset/Theme/BlackPearl/Grid/Grid.Button.Delete.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonCandidate            { background-image: url('/BMS/Asset/Theme/BlackPearl/Grid/Grid.Button.Candidate.png'); background-repeat: no-repeat; width:24px; height:24px; background-size: 24px; }
.GridButtonPeople               { background-image: url('/BMS/Asset/Theme/BlackPearl/Grid/Grid.Button.People.png'); background-repeat: no-repeat; width:24px; height:24px; background-size: 24px; }
.GridButtonPrint                { background-image: url('/BMS/Asset/Theme/BlackPearl/Grid/Grid.Button.Print.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonPrint1               { background-image: url('/BMS/Asset/Theme/BlackPearl/Grid/Grid.Button.Print.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonPrint2               { background-image: url('/BMS/Asset/Theme/BlackPearl/Grid/Grid.Button.Print.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonPrint3               { background-image: url('/BMS/Asset/Theme/BlackPearl/Grid/Grid.Button.Print.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonPrint98              { background-image: url('/BMS/Asset/Theme/BlackPearl/Grid/Grid.Button.Print.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonPrint99              { background-image: url('/BMS/Asset/Theme/BlackPearl/Grid/Grid.Button.Print.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonClose                { background-image: url('/BMS/Asset/Theme/BlackPearl/Grid/Grid.Button.Close.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonCancel               { background-image: url('/BMS/Asset/Theme/BlackPearl/Grid/Grid.Button.Cancel.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonPicture              { background-image: url('/BMS/Asset/Theme/BlackPearl/Grid/Grid.Button.Picture.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonNext                 { background-image: url('/BMS/Asset/Theme/BlackPearl/Grid/Grid.Button.Next.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonFingerPrint          { background-image: url('/BMS/Asset/Theme/BlackPearl/Grid/Grid.Button.FingerPrint.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonSettlement           { background-image: url('/BMS/Asset/Theme/BlackPearl/Grid/Grid.Button.Details.png'); background-repeat: no-repeat; width:16px; height:16px; }

.PageNavigatorContainer         { background-image: url('/BMS/Asset/Theme/BlackPearl/PageNavigator/PageNavigator.Container.png'); background-repeat: repeat-x; font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: white; width: 100%; height: 26px; }
.PageNavigator                  { color: white; width: 20px; height: 20px; text-align: center; cursor: pointer; }
.PageNavigator:hover            { background-color: #FFFFFF; color: black; width: 20px; height: 20px; text-align: center; }
.PageNavigatorSelected          { background-color: #FFFFFF; color: black; width: 20px; height: 20px; text-align: center; cursor: pointer; }
.PageNavigatorTextBox           { font-family: Calibri, Tahoma, Verdana; font-size: 10pt; border: solid 1px silver; text-align: center; width: 25px; }
.PageNavigatorTextBox:focus     { border: solid 1px gold; background-color: #FFE699; }

.LoadingContainer               { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: black; }

.Icon_Loading                   { background-image: url('/BMS/Asset/Theme/BlackPearl/Icon/Loading.gif'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_Close                     { background-image: url('/BMS/Asset/Theme/BlackPearl/Icon/Button.Close.png'); background-repeat: no-repeat; width:15px; max-width:15px; height:15px; max-height:15px; cursor: pointer; }
.Icon_Role                      { background-image: url('/BMS/Asset/Theme/BlackPearl/Icon/Role.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_User                      { background-image: url('/BMS/Asset/Theme/BlackPearl/Icon/User.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_StudentGroup              { background-image: url('/BMS/Asset/Theme/BlackPearl/Icon/StudentGroup.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_Student                   { background-image: url('/BMS/Asset/Theme/BlackPearl/Icon/Student.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_TeacherGroup              { background-image: url('/BMS/Asset/Theme/BlackPearl/Icon/TeacherGroup.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_Teacher                   { background-image: url('/BMS/Asset/Theme/BlackPearl/Icon/Teacher.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_MyProfile                 { background-image: url('/BMS/Asset/Theme/BlackPearl/Icon/MyProfile.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_ChangePassword            { background-image: url('/BMS/Asset/Theme/BlackPearl/Icon/ChangePassword.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_MessageBoard              { background-image: url('/BMS/Asset/Theme/BlackPearl/Icon/MessageBoard.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_Course                    { background-image: url('/BMS/Asset/Theme/BlackPearl/Icon/Course.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_Forum                     { background-image: url('/BMS/Asset/Theme/BlackPearl/Icon/Forum.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_News                      { background-image: url('/BMS/Asset/Theme/BlackPearl/Icon/News.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_Calendar                  { background-image: url('/BMS/Asset/Theme/BlackPearl/Icon/Calendar.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_Library                   { background-image: url('/BMS/Asset/Theme/BlackPearl/Icon/Library.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_Report                    { background-image: url('/BMS/Asset/Theme/BlackPearl/Icon/Report.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_Configuration             { background-image: url('/BMS/Asset/Theme/BlackPearl/Icon/Configuration.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_SystemUpdate              { background-image: url('/BMS/Asset/Theme/BlackPearl/Icon/SystemUpdate.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }

.ui-widget                  { background: none !important; background-color: transparent; }
.ui-widget-header           { background: none !important; background-color: #A3A3A3 !important; border: none !important; }
.ui-widget-content          { border-color: #ABABAB !important; }

.ui-datepicker              { background-color : white !important; font-family: Calibri, Tahoma, Verdana !important; font-size: 10pt !important; }
.ui-datepicker-trigger      { position: relative; top: 4px; left: 2px; cursor: pointer; }

.ui-dialog                  { width: 100% !important; height: 100% !important; }
.ui-dialog-titlebar         { display: none; }

.ui-tabs:hover              { }
.ui-tabs-nav                { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: black; }
.ui-tabs-nav:hover          { }

.ui-state-default a         { background-color: #FFFFFF !important; color : #000000 !important; font-weight: normal !important; }
.ui-state-default a:hover   { background-color: #FFFFFF !important; color: gold !important; font-weight: normal!important; }
.ui-state-active a          { color: blue !important; font-weight: bold !important; }
.ui-state-active a:hover    { color: blue !important; font-weight: bold !important; }
.ui-state-hover             { background-color: #ffffff !important; }

.ui-menu .ui-menu-item a    { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: black; background-color: #ffffff; height: 26px; cursor: pointer;  overflow: hidden; text-overflow: ellipsis; text-wrap:avoid; }
.ui-menu .ui-menu-item:hover{ background-color: #FF0000 !important; }

.PrintText                  { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: black; }