html { margin-bottom: 1px; height: 100%; }

*:focus { outline: none; }

body { margin: 0px; font-family: Verdana,Tahoma,Arial; font-size: 8pt; background-color: #fff; }

img { border: 0px; }

.spacer { clear: both; }
.sysAlert { display: block; width: 750px; margin-left: auto; margin-right: auto; padding: 10px; text-align: center; background: #FFFFC1; border: 1px solid #808080; font-size: 10pt; font-weight: bold; color: #FF0000; }
.sysWarning { display: block; width: 780px; margin-left: auto; margin-right: auto; padding: 10px; text-align: center; background: #FFFFC1; border: 1px solid #808080; font-size: 8pt; color: #FF0000; }

h1 { margin: 0px; padding: 0px; margin-bottom: 10px; font-size: 16pt; color: #1C3048; border-bottom: 3px solid #EEEEEE; }

div.rdBody { border: 0px solid #808080; width: 100%; min-width: 1000px; margin: auto; background-color: #fff; }
div.rdHeader { /*height: 90px;*/ }
div.rdHeadLogo { height: 90px; background-image: url("../Images/RD_logo.gif"); background-repeat: no-repeat; text-align: right; padding: 50px 10px 0px 0px; color: #FFCC33; font-size: 28px; font-weight: bolder; }
div.rdContent { margin: 10px 10px 10px 10px; background-color: #fff; /*height: 480px;*/ min-height: 360px !important; }
div.rdFooter { background-color: #666666; color: #fff; padding: 0px 10px 10px 10px; margin-top: 30px; }

div.rdFooter a { color: #fff; }

a.linkButton { border: 1px solid #707070; color: #000; display: block; padding: 2px; margin: 0px; text-decoration: none; background-color: #F0F0F0; }

a.linkButton:hover { background-color: #E1F3FC; color: #000; }

h2 { margin: 0px; padding: 0px; margin-bottom: 10px; font-size: 16pt; color: #1C3048; border-bottom: 3px solid #EEEEEE; }

div.tabContainer { background-color: #F7F7F7; border: solid 1px #8E846B; padding: 3px; }
div.tabContainer > div.tabs { background-color: #9D9688; border-left: solid 1px #494437; border-bottom: none; padding-bottom: 0px; padding-left: 3px; padding-right: 3px; padding-top: 5px; }
div.tabContainer > div.tabs > a { color: #000000; display: inline-block; background-color: #FEDC6B; padding: 10px; text-decoration: none; font-weight: bold; border-top: solid 1px #D19405; border-left: solid 1px #D19405; border-right: solid 1px #D19405; border-bottom: solid 1px #9D9688; }
div.tabContainer > div.tabs > a.active { color: #0074C7; background-color: #F7F7F7; border-top: solid 1px #655E4E; border-left: solid 1px #655E4E; border-right: solid 1px #655E4E; border-bottom: solid 1px #FEFBD4; }

div.filterBox { padding: 10px; border-top-style: solid; border-bottom-style: solid; border-bottom-width: thin; border-top-width: thin; border-top-color: #808080; border-bottom-color: #808080; background-color: #CCCCCC; }

div.messageBox { padding: 15px; border: 1px solid #808080; background-color: #FFFFCC; font-size: 12pt; font-weight: bold; width: 500px; text-align: center; margin: 0px auto 30px auto; }

.txt-application-name { color: #666666; font-size: 24pt; font-weight: bold; }

.blue { color: #3D7AB0; }
.error { color: #FF0000; }
.leftsideborder { border-left: solid 2px #A0A0A0; padding-left: 10px; padding-right: 10px; }

a.topMenuLnk { text-decoration: none; font-size: 10pt; font-weight: bold; color: #666666; }

.xlrgRedBold { font-family: Verdana,Tahoma,Arial; font-size: 14pt; font-weight: bold; color: red; }

.clear { clear: both; }

#logoImg { margin: auto; }

.action-imgbutton { border: 1px solid #FFF; display: inline-block; padding: 2px;}
.action-imgbutton:hover { border: 1px solid gray; cursor:pointer }
.action-imgbutton > img:hover { cursor:pointer }

/*Styles for Menu*/
#Menu { background: url('../Images/MenuBg.gif') repeat-x; height: 30px; padding-left: 10px; }
#Menu ul { margin: 0px; padding: 0px; list-style: none; }
#Menu ul li { float: left; border-left: 1px inset #C0C0C0; }
#Menu ul li a { float: left; color: #FFFFFF; font-weight: bold; height: 21px; padding-top: 9px; padding-left: 15px; padding-right: 15px; background: url('../Images/MenuSeparator.gif') no-repeat center right; text-decoration: none; }
#Menu ul li a:hover { background: url('../Images/MenuBgH.gif') repeat-x; text-decoration: none; }
#Menu ul li.curr_menu a { background: url('../Images/MenuBgH.gif') repeat-x; text-decoration: none; }
#SubMenu { background: url('../Images/SubMenuBg.gif') repeat-x; height: 25px; }
#SubMenu ul { margin: 0px; padding: 0px; list-style: none; margin-left: 15px; }
#SubMenu ul li { float: left; background: url('../Images/SubMenuSeparator.gif') no-repeat center right; padding-top: 5px; padding-left: 15px; padding-right: 15px; }
#SubMenu ul li a { float: left; color: #FFFFFF; font-weight: bold; height: 20px; text-decoration: none; }
#SubMenu ul li a:hover { color: #FFFC00; text-decoration: underline; }
#SubMenu ul li.curr_submenu a { color: #FFFF00; text-decoration: underline; }

#pnlEditOrder { /*     display: none;         visibility: hidden;     */ display: none; }


/* Summary Box */
.summary-box { border: 1px solid #D2D2D2; }
.summary-box-title { padding: 0px; margin: 0px; background-color: #D2D2D2; background-image: url(../Images/dblue-gradient.gif); }
.summary-box-title-text { font-size: 1.2em; font-weight: bold; padding: 7px 16px; }
.rounded-corners { -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; }
.summary-box-body { border: 6px solid #EFEFEF; }
.summary-box-body-content { background-color: #fff; padding: 10px; }

select.actionList { /*display: none;*/ visibility: hidden; position: absolute; }

/*hani*/
.bold { font-weight: bold; }
.note { font-style: italic; }
.red { color: Red; }
.watermark { color: gray; }

tr.alternate { background-color: #efefef; }
td.col1 { width: 20%; }
td.col2 { width: 30%; }
td.col3 { width: 20%; }
td.col4 { width: 30%; }
td.field-label-cell { text-align: right; background-color: #D7DFE7 !important; }

/****Input Styles****/
input.Btn { width: 75px; text-align: center; }
input.Btn100 { width: 100px; text-align: center; }
input.Btn110 { width: 110px; text-align: center; }
input.Btn125 { width: 125px; text-align: center; }

/****Grid Table Style****/
table.grid { border-collapse: collapse; background-color: #ffffff; }
table.grid > tbody > tr:hover { background-color: #D7EBFF; }
table.grid > thead > tr > th { color: #fff; background-image: url("../Images/th_bg.jpg"); font-weight: bold; /*height: 31px;*/ padding: 0px 3px 0px 3px; }
table.grid > tbody > tr > td { padding: 3px 3px 3px 3px; }
table.grid a { color: #718ABE; text-decoration: none; padding-right: 6px; }
table.grid a.lnkSort { color: #fff; text-decoration: none; }
table.grid a.lnkSort:hover { color: #FFFF99; text-decoration: underline; }

/* Grid Styles */
tr.gridHeader { color: #fff; background-color: #787775; background-image: url("../Images/th_bg.jpg"); font-weight: bold; padding: 0px 3px 0px 3px; }
tr.gridHeader > td { height: 25px; }
tr.gridHeader > td > a { color: #FFFF99; padding-right: 0px; text-decoration: none; }
tr.gridHeader > td > a:hover { color: #FFF; text-decoration: underline; }

/****Detail Table Styles****/
div.details-container { padding: 1px; background-color: #EFEFEF; border: 1px solid silver; }
table.detailstable { border-collapse: collapse; }
table.detailstable > thead > tr > th { padding: 5px; background-color: #CCCCCC; background-color: #D2D2D2; background-image: url(../Images/dblue-gradient.gif); }
table.detailstable > th { padding: 5px; background-color: #CCCCCC; background-color: #D2D2D2; background-image: url(../Images/dblue-gradient.gif); }
table.detailstable > tbody > tr > td { padding: 3px; background-color: #E3E9F5; border-top: 1px solid #FFFFFF; }
table.detailstable > td { padding: 3px; background-color: #E3E9F5; border-top: 1px solid #FFFFFF; }

/**** JQuery Tools Styles ****/
/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip { display: none; background: transparent url(/Images/black_arrow.png); font-size: 12px; height: 70px; width: 160px; padding: 25px; color: #eee; }


#loginBox { background-color: #CCCCCC; padding: 10px; }
#loginBoxHeader { color: #666666; font-weight: normal; font-size: 16pt; padding-bottom: 3px; }
#loginBoxBody { background-color: #E3E9F5; padding: 10px; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }

div.search-transactions-result { background-color: #E3E9F5; border: 1px solid #B3BAC2; margin-top: 10px; clear: both; }