* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    font-family: Arial;
}
.MenuTitle {
    font-size: 8pt;
    color: #fd8f2e;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-decoration: none;
    font-weight: bold;
}
.MenuItem {
    font-size: 8pt;
    vertical-align: middle;
    text-align: left;
    color: #336699;
    background-color: #f1f1f1;
}
.MenuHover {
    font-size: 8pt;
    vertical-align: middle;
    text-align: left;
    color: #ff0000;
    background-color: #fff4ce;
}
.CopyRightBlock {
	display: block;
	text-align: left;
	padding-left: 13px;
	padding-top: 8px;
}
.CopyRight {
   	font-size: 8pt;
    color: #ccc;
    text-decoration: none;
}

.HyperLinkNormal {
    font-size: 8pt;
    color: #0000ff;
    text-decoration: none;
}
.HyperLinkHover {
    font-size: 8pt;
    color: #cc00ff;
    text-decoration: none;
}
.UI, .UISearch, .Watermark {
    background-color: #ffffff;
    font-size: 8pt;
    width: 280px;
}
.FontSize {
    font-size: 8pt;
}
.Label, .LabelTitle {
    font-size: 8pt;
    color: #000066;
    text-decoration: none;
}
.LabelTitle {
    white-space: nowrap;
}

.LabelInfo {
    font-size: 8pt;
    color: #ff3300;
}
.BGLogin {
    background: url(../Image/Icon/SuperUser.gif);
	padding: 10px 20px 10px 36px;
	background-position: left 10px center;
}
.BGReset {
    background: url(../Image/Icon/Reset.gif);
	padding: 10px 20px 10px 36px;
	background-position: left 10px center;
}
.BGInsertNew {
    background: url(../Image/Icon/InsertNew.gif);
	padding: 5px 5px 5px 26px;
	background-position: left 5px center;
}
.BGSave {
    background: url(../Image/Icon/Save.gif);
	padding: 8px 20px 8px 32px;
	background-position: left 8px center;
}
.BGCancel {
    background: url(../Image/Icon/Cancel.gif);
	padding: 8px 20px 8px 32px;
	background-position: left 8px center;
}
.ButtonEnabled, .ButtonAction {
    font-size: 8pt !important;
    font-weight: bold;
    border: gray thin solid;
    vertical-align: middle;
    color: black;
    background-repeat: no-repeat;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 2px;
}
.ButtonEnabled:hover, .ButtonAction:hover{
    font-size: 8pt !important;
    font-weight: bold;
    border: orange thin solid;
    vertical-align: middle;
    color: orange;
    background-repeat: no-repeat;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 2px;
}
.ButtonDisabled {
    font-size: 8pt !important;
    font-weight: lighter;
    border: gray thin solid;
    vertical-align: middle;
    color: silver;
    background-repeat: no-repeat;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 2px;
}
.DivTable {
    display: table;
}
.DivTableFull {
    display: table;
    width: 100%;
}
.DivRow {
    display: table-row;
}
.DivCell {
    display: table-cell;
}
.FullWidth {
    width: 100%;
}
.SectionExport,
.SectionAction {
    padding-left: 3px;
}
.CompanyName {
    font-weight: bold;
    color: #FFFFFF;
}
.CurrentDate {
    font-size: 8pt;
    color: #AABBCC;
    text-decoration: none;
    font-style: italic;
}
.Logout {
    font-size: 8pt;
    color: #ff0033;
    text-decoration: none;
}
.TabMenuDisabled {
    font-size: 8pt;
    color: #f1f1f1;
    text-decoration: none;
}
.TabMenuInactive {
    font-size: 8pt;
    color: #ffffff;
    text-decoration: none;
}
.TabMenuActive {
    font-size: 8pt;
    color: #ffff00;
    text-decoration: none;
}
.TabMenuHighlight {
    font-size: 8pt;
    color: #ff0000;
    text-decoration: none;
}
.LabelSpecial {
    font-size: 8pt;
    font-weight: bold;
    text-decoration: blink;
    color: #ff0000;
    text-decoration: none;
}
.LabelCaption {
    font-size: 12pt;
    color: #000066;
    text-decoration: underline;
}
.LabelReportCaption {
    font-size: 10pt;
    color: #ffff33;
    font-weight: bold;
}
.LabelReportTitle {
    font-size: 9pt;
    color: #000066;
}
.LabelReportContent {
    font-size: 9pt;
    color: #0000ff;
}
.LabelNotesImportant {
    font-size: 10pt;
    color: #ff0000;
}
.LabelSection {
    font-size: 9pt;
    color: #0000ff;
}
.LabelTips {
    font-size: 8pt;
    color: #006600;
}
.LabelFormCaption {
    font-size: 10pt;
    color: #eeeeee;
}
.LabelSubjectName {
    padding-right: 12px;
    text-align: right;
}
.LabelCompanyName {
    font-size: 8pt;
    color: #ffffff;
}
.LinkNormal {
    text-decoration: none;
}
.LinkError {
    color: #ff0000;
    text-decoration: none;
}
.PaneTitle {
    background-image: url(../Image/PaneTitle.gif);
    background-repeat: repeat-x;
}
.RowNormal {
    background-color: #e7e7ff;
}
.RowAlternate {
    background-color: #f7f7f7;
}
.FormBackground {
    background-color: #f1f1f1;
}
.FormFill {
    background-color: #ebebeb;
}
.HighLightSearch {
    color: fuchsia;
}
.Tips {
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9
}
.Watermark {
    color: #CCCCCC;
    background-color: #ffffff;
    font-size: 8pt;
}
.LockShow {
    display: block;
    z-index: 999;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    filter: alpha(opacity=13);
    -moz-opacity: 0.13;
    opacity: 0.13;
    cursor: wait;
}
.InfoCaption {
    font-size: 10pt;
    color: gray;
    padding-top: 8px;
    padding-bottom: 8px;
    vertical-align: top;
    text-align: right;
}
.InfoContent {
    font-size: 10pt;
    color: orange;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    vertical-align: top;
    text-align: left;
}
.ProfileCaption {
	display: table-cell;
	width: 25%;
    color: gray;
    padding-top: 5px;
    padding-bottom: 3px;
    vertical-align: top;
    text-align: right;
    white-space: nowrap;
}
.ProfileContent {
	display: table-cell;
	width: 75%;
    color: orange;
    padding-top: 3px;
    padding-bottom: 5px;
    vertical-align: top;
    text-align: left;
   	text-indent: 10px;
   	font-size: larger;
}
.InfoForm {
    font-size: 10pt;
    color: white;
    text-align: right;
    padding-right: 28px;
    padding-top: 3px;
    vertical-align: top;
}
.InfoMain {
    font-size: 10pt;
    color: white;
    text-align: left;
    padding-left: 28px;
    padding-top: 3px;
    vertical-align: top;
}
.ImageButton {
	outline-style: none;
}

.SearchEntry {
	font-size: 8pt;
	outline-style: none;
	padding: 3px 27px 3px 8px;
	background-image: url(../Image/Icon/SearchR8.gif);
	background-position: right;
	background-repeat: no-repeat;
	width: 180px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#IdFilter {
	text-align: center;
}

#IdConfiguration {
	text-align: center;
}

.PanelMain {
	display: block;
	width: 100%;
	padding: 8px;
}

.PanelLeft {
	display: inline-block;
	float: left;
	width: 48%;
	margin-left: 2%;
}

.PanelRight {
	display: inline-block;
	float: right;
	width: 48%;
	margin-right: 2%;
}

.PanelMerge {
	display: block;
	width: 100%;
}

@media all and (min-width: 640px) {
	.BannerLeftS {
		display: none;
	}
}

@media all and (max-width: 240px) {
	.UISearch {
		width: 100%;
	}
}

@media all and (max-width: 320px) {
	.UISearch {
		width: 300px;
	}
}

@media all and (max-width: 480px) {
	.UISearch {
		width: 450px;
	}
}

@media all and (max-width: 540px) {
	.UISearch {
		width: 500px;
	}
}

@media all and (max-width: 640px) {
	.BannerLeft, .BannerV {
		display: none;
	}
	.CopyRightBlock {
		display: none;
	}
	.UISearch {
		width: 600px;
	}
}

@media all and (max-width: 767px) {
    #IdMenuOptions {
		display: none;
	}
    #IdSearchEntry {
        width: 90px;
    }
    .SectionExport,
    .SectionAction {
        padding-left: .68em;
    }
    #IdFilter {
		text-align: left;
	}
	#IdConfiguration {
		text-align: right;
	}
	#IdPanelMenuDesktop {
		display: none;
	}
	.BannerRight {
		display: none;
	}
	.PanelLeft, .PanelRight {
		display: block;
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
	}
	.ProfileCaption {
		display: table-row;
	    color: gray;
	    padding-top: 5px;
	    padding-bottom: 3px;
	    vertical-align: top;
	    text-align: left;
	    white-space: nowrap;
	}
	.ProfileContent {
		display: table-row;
	    color: orange;
	    padding-top: 3px;
	    padding-bottom: 5px;
	    vertical-align: top;
	    text-align: left;
	   	text-indent: 10px;
	   	font-size: larger;
	}
}

@media all and (min-width: 768px) {
    #IdSearchEntry {
        width: 180px;
    }
	#IdPanelMenuMobile {
		display: none;
	}
}