html { width: 100%; height: 100%; margin:0; padding: 0; }
body { width: 100%; height: 100%; margin:0; padding: 0; }

.AOPLogo                        { background-image: url('/WBS/Asset/Theme/SkyBlue/Logo/AOP.png'); background-repeat: no-repeat; width:257px; max-width:257px; height: 57px; max-height: 57px; cursor: pointer; }
.WBSLogo                        { background-image: url('/WBS/Asset/Theme/SkyBlue/Logo/WBS2.png'); background-repeat: no-repeat; width:255px; max-width:255px; height: 68px; max-height: 68px; cursor: pointer; }
.Wallpaper                      { background-color: #DAE3F3; width:100%; height:100%; }

.SurfaceContainer               {}
.SurfaceBreak                   { font-size: 1pt; height: 5px; }
.CanvasContainer                {}
.CanvasBreak                    { height: 50px; }
.ContentContainer               { }
.ContentBody                    { font-family: Tahoma; font-size: 10pt; color: black; }

.MenuContainer                  { background-color:#5B9BD5; font-family: Tahoma; color: white; height: 30px; }
.MenuContainerLeft_             { min-width: 15px; width: 15px; max-width: 15px; }
.MenuContainerCenter_           { font-size: 10pt; height: 30px; color: white; }
.MenuContainerRight_            { min-width: 15px; width: 15px; max-width: 15px; }

.MenuContainerLeft_Selected     { background-color: #2F5597; background-repeat:no-repeat; min-width: 15px; width: 15px; max-width: 15px; }
.MenuContainerCenter_Selected   { background-color: #2F5597; font-family: Tahoma; font-size: 10pt; color: white; height: 30px; }
.MenuContainerRight_Selected    { background-color: #2F5597; min-width: 15px; width: 15px; max-width: 15px; }
.MenuArrow                      { background-image: url('/WBS/Asset/Theme/SkyBlue/Icon/WhiteArrow.png'); background-repeat: no-repeat; width: 6px; height: 6px; }

.MenuLink_                      { font-family: Tahoma; font-size: 11pt; text-decoration: none; cursor: pointer; }
.MenuLink_:hover                { font-family: Tahoma; font-size: 11pt; color: red; }
.MenuLink_Selected              { font-family: Tahoma; font-size: 11pt; text-decoration: none; cursor: pointer; }
.MenuLink_Selected:hover        { font-family: Tahoma; font-size: 11pt; text-decoration: none; cursor: pointer; }

.PageContainer                  { font-family: Tahoma; font-size: 10pt; color: black; }
.PageHeaderRow                  { height:5px; max-height:5px; font-size:1pt; }
.PageHeaderLeft                 { background-color:#2F5597; width:7px; max-width:7px; height: 27px; max-height:27px; font-size:1pt; }
.PageHeaderCenter               { background-color:#2F5597; height: 27px; max-height:27px; font-size:10pt; color: white; }
.PageHeaderRight                { background-color:#2F5597; width:7px; max-width:7px; height: 27px; max-height:27px; font-size:1pt; }
.PageBodyRow                    { }
.PageBodyLeft                   { background-image: url('/WBS/Asset/Theme/SkyBlue/Page/Page.Body.Left.png'); background-repeat: repeat-y; width:7px; max-width:7px; font-size:1pt; }
.PageBodyCenter                 { background-color: #FFFFFF; font-family: Tahoma; font-size: 10pt; }
.PageBodyRight                  { background-image: url('/WBS/Asset/Theme/SkyBlue/Page/Page.Body.Right.png'); background-repeat: repeat-y; width:7px; max-width:7px; font-size:1pt; }
.PageFooterrRow                 { height: 7px; max-height: 7px; font-size:1pt;}
.PageFooterLeft                 { background-image: url('/WBS/Asset/Theme/SkyBlue/Page/Page.Footer.Left.png'); background-repeat: no-repeat; width:7px; max-width:7px; height: 7px; max-height:7px; font-size:1pt; }
.PageFooterCenter               { background-image: url('/WBS/Asset/Theme/SkyBlue/Page/Page.Footer.Center.png'); background-repeat: repeat-x; height: 7px; max-height:7px; font-size:1pt; }
.PageFooterRight                { background-image: url('/WBS/Asset/Theme/SkyBlue/Page/Page.Footer.Right.png'); background-repeat: no-repeat; width:7px; max-width:7px; height: 7px; max-height:7px; font-size:1pt; }

.FooterContainer                { background-color: #5B9BD5; height: 30px; }
.FooterColumnBreak              { min-width: 50px; width: 50px; }
.FooterRow                      { min-height: 24px; height: 24px; }
.FooterText                     { font-family: Tahoma; font-size: 8pt; color: white; }
.FooterLink                     { font-family: Tahoma; font-size: 8pt; color: white; text-decoration: none;}
.FooterLink:hover               { color: red; }

.FieldContainer                 { background-color: #ffffff; }
.FieldSearchContainer           {}
.FieldRow                       { height: 35px; }
.FieldRowBreak                  { height: 5px; font-size:1pt; }
.FieldRowButton                 { height: 70px; }
.FieldHeaderContainer           { background-color: #2F5597; }
.FieldHeaderRow                 { height: 24px;}
.FieldHeaderSpace               { width: 5px; max-width: 5px; font-size: 1pt; }
.FieldHeaderText                { font-family: Tahoma; font-size: 10pt; color: white; }
.FieldMandatory                 { font-family: Tahoma; font-size: 10pt; }
.FieldNotMandatory              { font-family: Tahoma; font-size: 10pt; }

.TextBox                        { font-family: Tahoma !important; font-size: 10pt !important; border: solid 1px #5B9BD5; background-color: white; color: black; height:25px; }
.TextBox:focus                  { border: solid 1px #e2eef8; background-color: #e2eef8; }
.TextArea                       { font-family: Tahoma !important; font-size: 10pt !important; border: solid 1px #5B9BD5; background-color: white; color: black; resize:none; height:50px; }
.TextArea:focus                 { border: solid 1px #e2eef8; background-color: #e2eef8; }
.TextArea:read-only             { font-family: Tahoma !important; font-size: 10pt !important; border: solid 1px #5B9BD5; background-color: silver !important; color: black !important; resize:none; }
.TextArea:disabled              { font-family: Tahoma !important; font-size: 10pt !important; border: solid 1px #5B9BD5; background-color: silver !important; color: black !important; resize:none; }
.DropDownList                   { font-family: Tahoma !important; font-size: 10pt !important; border: solid 1px #5B9BD5; background-color: white; color: black; height:29px; }
.DropDownList:focus             { border: solid 1px #e2eef8; background-color: #e2eef8; }
/*.DropDownList:read-only         { font-family: Tahoma !important; font-size: 10pt !important; border: solid 1px silver; background-color: silver !important; color: black; }*/
.DropDownList:disabled          { font-family: Tahoma !important; font-size: 10pt !important; border: solid 1px silver; background-color: silver !important; color: black; }

.Link                           { font-family: Tahoma !important; font-size: 10pt !important; text-decoration:none !important; color: blue; cursor: pointer; }
.Link:hover                     { text-decoration: underline !important; }

.ButtonAction  			        { border: solid 1px silver; background-color : #2F5597; cursor : pointer; font-family : Roboto, Calibri, Tahoma; font-size : 15px; color: white; height : 30px; width : 150px; }
.ButtonAction:hover 	        { background-color : #3f63a1; }
.Button  			            { border: solid 1px silver; background-color : #A6A6A6; cursor : pointer; font-family : Roboto, Calibri, Tahoma; font-size : 15px; color: white; height : 30px; width : 150px; }
.Button:hover 	                { background-color : #c3c3c3; }

/*.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: Tahoma; font-size: 10pt; color: white; width: 100%; table-layout:fixed; border: solid 1px silver; }
.GridColumn                     { background-color:#2F5597; height: 29px; }
.GridColumnNo                   { background-color:#2F5597; height: 29px; }
.GridColumnLast                 { background-color:#2F5597; 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('/WBS/Asset/Theme/SkyBlue/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('/WBS/Asset/Theme/SkyBlue/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('/WBS/Asset/Theme/SkyBlue/Grid/Grid.Row.Selected.png'); background-repeat: repeat-x; }
.GridButtonReset                { background-image: url('/WBS/Asset/Theme/SkyBlue/Grid/Grid.Button.Reset.png'); background-repeat: no-repeat; width:16px; height:16px; background-size: 16px; }
.GridButtonPreview              { background-image: url('/WBS/Asset/Theme/SkyBlue/Grid/Grid.Button.Preview.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonSelect               { background-image: url('/WBS/Asset/Theme/SkyBlue/Grid/Grid.Button.Select.png'); background-repeat: no-repeat; width:16px; height:16px; background-size: 16px; }
.GridButtonView                 { background-image: url('/WBS/Asset/Theme/SkyBlue/Grid/Grid.Button.View.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonEdit                 { background-image: url('/WBS/Asset/Theme/SkyBlue/Grid/Grid.Button.Edit.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonDelete               { background-image: url('/WBS/Asset/Theme/SkyBlue/Grid/Grid.Button.Delete.png'); background-repeat: no-repeat; width:16px; height:16px; }

.PageNavigatorContainer         { background-image: none; font-family: Tahoma; font-size: 10pt; color: #5B9BD5; width: 100%; height: 26px; }
.PageNavigator                  { color: #5B9BD5; width: 20px; height: 20px; text-align: center; cursor: pointer; }
.PageNavigator:hover            { background-color: #5B9BD5; color: white; width: 20px; height: 20px; text-align: center; }
.PageNavigatorSelected          { background-color: #5B9BD5; color: white; width: 20px; height: 20px; text-align: center; cursor: pointer; }
.PageNavigatorTextBox           { font-family: Tahoma; font-size: 10pt; border: solid 1px silver; text-align: center; width: 25px; }
.PageNavigatorTextBox:focus     { border: solid 1px gold; background-color: #FFE699; }

.LoadingContainer               { font-family: Tahoma; font-size: 10pt; color: black; }

.Icon_Loading                   { background-image: url('/WBS/Asset/Theme/SkyBlue/Icon/Loading.gif'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_Close                     { background-image: url('/WBS/Asset/Theme/SkyBlue/Icon/Button.Close.png'); background-repeat: no-repeat; width:15px; max-width:15px; height:15px; max-height:15px; cursor: pointer; }

.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: Tahoma; 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: Tahoma; 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; }


.list_carousel              { background-color: transparent; }
.list_carousel ul           { margin : 0; padding : 0; list-style : none; display : block; }
.list_carousel li           { text-align : center; border : none; padding : 0; margin : 0; display : block; float : left; }
.list_carousel.responsive   { width : auto; margin-left : 0; }
.clearfix                   { float: none; clear: both; }