/* height=100%, child elements can have height=100% only their parent elements are also height=100% */
html, body, form { height: 100%; }

/* Default Style */
a { color: blue; text-decoration: underline; }
a: { color: blue; text-decoration: underline; }
a:vlink { color: blue; text-decoration: underline; }
a:hover { color: blue; text-decoration: none; }
body { background-color: #ffffff; font-family: Tahoma; font-size: 9pt; margin: 0px; }
hr { background-color: blue; border: 0px; color: blue; height: 2px; margin-left: 0px; margin-right: auto; width: 100%; }
input, select, textarea { font-size: 9pt; }
input[type=button], input[type=file], input[type=password], input[type=reset], input[type=submit], input[type=text], select, textarea { border-style: solid; border-width: 1px; }
input[type=checkbox], input[type=radio] { border-style: none; border-width: 0px; }
input[readonly], select[readonly], textarea[readonly] { background-color: #808080; color: #FFFF00; border-style: none; border-width: 0px; }
/* input[type=button] { min-width: 40px; } */
table { font-size: 9pt; }
textarea { font-family: Monaco, Courier New; }

/* Common Style */
.Bold { font-weight: bold; }
.Hide { display: none; }
.Invisible { visibility: hidden; }
.LowerCase { text-transform: lowercase; }
.NoWrap { white-space: nowrap; }
.Readonly { background-color: gray; color: yellow; }
.UpperCase { text-transform: uppercase; }
.AlignCenter { margin: 0 auto; }
.TextAlignCenter { text-align: center !important; }
.TextAlignLeft { text-align: left !important; }
.TextAlignRight { text-align: right !important; }

/* Data Grid */
.PageDataGrid { font-family: Tahoma; font-size: 9pt; background-color: white; border-color: #999999; border-style: none; border-collapse: collapse; border-spacing: 0px; border-width:1px; }
/* .PageDataGrid input[type=button], .PageDataGrid input[type=reset], .PageDataGrid input[type=submit] { min-width: 40px; } */
.PageDataGrid td { padding: 3px;  text-align: center; vertical-align: middle; }
.PageDataGrid .Header { color: white; background-color: #000084; font-weight: bold; }
.PageDataGrid .Header a { color: white; }
.PageDataGrid .Footer { color: black; background-color: #CCCCCC; font-weight: bold; }
.PageDataGrid .Footer a { color: black; }
.PageDataGrid .Pager { color: blue; background-color: #999999; }
.PageDataGrid .Pager td { text-align: left;  }
.PageDataGrid .Pager a { color: blue; }
.PageDataGrid .Item { color: black; background-color: #EEEEEE; }
.PageDataGrid .AlternatingItem { background-color: #DCDCDC; }
.PageDataGrid .Row tr:nth-child(odd) { color: black; background-color: #EEEEEE; }
.PageDataGrid .Row tr:nth-child(even) { background-color: #DCDCDC; }
.PageDataGrid .SelectedItem { color: white; background-color: #008A8C; font-weight: bold; }
.PageDataGrid .SortHeader { background-color: blue; }
.PageDataGrid .SortIcon { background-position: right center; border-width: 0px; background-repeat: no-repeat; padding-right: 10px; margin-right: 5px; }
.PageDataGrid .SortIconASC { background-image: url(/Images/SortIconASC.gif); }
.PageDataGrid .SortIconDESC { background-image: url(/Images/SortIconDESC.gif); }

/* Main Menu */
.PageMainMenu { background-color: #d3d3d3; font-size: 12pt; font-weight: bold; }

/* Page Message Panel */
.PageMessageOk { background-color: green; color: yellow; font-size: 12pt; }
.PageMessageNg { background-color: red; color: yellow; font-size: 12pt; }
.PageMessageWarning { background-color: silver; color: yellow; font-size: 12pt; }

/* Page Table Formatter */
.PageTable { font-family: Tahoma; font-size: 9pt; border: none; border-collapse: collapse; border-spacing: 0px; }
.PageTable input[type=file], input[type=password], input[type=text], select, textarea { width: 99% }
/* .PageTable input[type=button], .PageTable input[type=reset], .PageTable input[type=submit] { min-width: 40px; } */
.PageTable tr:first-child { border-top: gainsboro 1px solid; }
.PageTable td { padding: 3px; }
.PageTable .Header { background-color: #000084; border-collapse: collapse; border-bottom: gainsboro 1px solid; color: white; font-weight: bold; text-align: center; }
.PageTable .Title { background-color: #eeeeee; border-collapse: collapse; border-bottom: gainsboro 1px solid; font-weight: bold; text-align: right; }
.PageTable .Content { border-collapse: collapse; border-bottom: gainsboro 1px solid; }

/* Page Title */
.PageTitle { color: #999999; font-size: 18px; }

/* Page Message With OK/NG Icon To The Left  */
.PageOkAlert { background-position: left center; border-width: 0px; background-color: Transparent; font-style: italic; background-image: url(/Images/checked.gif); background-repeat: no-repeat; padding-left: 15px; margin-left: 5px; }
.PageNgAlert { background-position: left center; border-width: 0px; background-color: Transparent; color: #FF0000; font-style: italic; background-image: url(/Images/unchecked.gif); background-repeat: no-repeat; padding-left: 15px; margin-left: 5px; }
.PageInfoAlert { background-position: left center; border-width: 0px; background-color: Transparent; color: #0000FF; background-image: url(/Images/info.gif); background-repeat: no-repeat; padding-left: 15px; margin-left: 5px; }

/* PagePager */
.PagePager { font-family: Tahoma; font-size: 9pt; color: #333333; padding-top: 5px; padding-bottom: 5px; }
.PagePager a { color: black; text-decoration: none; }
.PagePager a: { color: black; text-decoration: none; }
.PagePager a:vlink { color: black; text-decoration: none; }
.PagePager a:hover { color: black; text-decoration: none; }
.PagePager span { border-color: #333333; background-color: #E9F1FA; border-style: solid; border-width: 1px 1px 1px 0px; line-height: normal; text-align: center; vertical-align: middle; padding: 5px; }
.PagePager .RecordCount { background-color: #9CB6D6; font-weight: bold; border-left-width: 1px; }
.PagePager .CurrentPageNumber { background-color: #9CB6D6; font-weight: bold; padding-right: 0px; border-right-width: 0px; }
.PagePager .Spliter { background-color: #9CB6D6; font-weight: bold; border-right-width: 0px; padding-right: 2px; padding-left: 2px; }
.PagePager .PageCount { background-color: #9CB6D6; font-weight: bold; padding-left: 0px; }
.PagePager .FirstPage:hover,
.PagePager .PreviousPage:hover,
.PagePager .NextPage:hover,
.PagePager .LastPage:hover,
.PagePager .Page:hover { font-weight: bold; cursor: pointer; }
.PagePager .PageNumber { background-color: #FFCC99; font-weight: bold; }
.PagePager .GotoPage { border-style: solid; margin: 0px; padding: 0px; border-width: 0px; width: 25px; background-color: #CCCCCC; }
.PagePager .PageSizes { width: 50px; }
.PagePager .Error { background-position: left center; border-width: 0px; background-color: Transparent; visibility: hidden; color: #FF0000; font-style: italic; background-image: url(/Images/unchecked.gif); background-repeat: no-repeat; padding-left: 15px; margin-left: 5px; }

/* jquery.Page.js */
/* PageColorStripe */
/*
.sys-template { display: none; }
.template-table { font-family: Tahoma; font-size: 9pt; background-color: white; border-color: #999999; border-width: 1px; border-style: None; border-collapse: collapse; }
.template-table-header { font-weight: bold; color: white; background-color: #000084; }
.template-table-footer { color: white; background-color: #CCCCCC; }
.template-table-item { color: black; background-color: #EEEEEE; }
.template-table-altitem { color: black; background-color: #DCDCDC; }
.template-table-selected { font-weight: bold; color: white; background-color: #008A8C; }
.template-table-selectbutton { text-align: center; text-decoration: underline; color: black; cursor: pointer; }
*/

/* PageAttachMessage */
/*
.PageAttachMessage { background-position: left center; border-width: 0px; background-color: Transparent; color: #FF0000; font-style: italic; background-image: url(/Images/unchecked.gif); background-repeat: no-repeat; padding-left: 15px; margin-left: 5px; }
*/