HTML {
	height: 100%;
}

BODY {
	height: 100%;
	margin-top: 0px; 
	margin-bottom: 0px;
	margin-left: 0px; 
	margin-right: 0px;
}

A {
	/***
	 * Do not limit the font size to 11px.
	 * font: bold 11px sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	 */
	font: bold Helvetica, Geneva, Verdana, Arial, sans-serif;
	text-decoration: none;
	color: #D61831;
}

A:visited {
	font: bold Helvetica, Geneva, Verdana, Arial, sans-serif;
	text-decoration: none;
	color: #D61831;
}

A:link {
	font: bold Helvetica, Geneva, Verdana, Arial, sans-serif;
	text-decoration: none;
	color: #D61831;
}

A:active {
	font: bold Helvetica, Geneva, Verdana, Arial, sans-serif;
	text-decoration: none;
	color: #D61831;
}

A:hover {
	font: bold Helvetica, Geneva, Verdana, Arial, sans-serif;
	text-decoration: none;
	color: #646464;
}

A.uppercase
{
    font: bold Helvetica, Geneva, Verdana, Arial, sans-serif;
	text-decoration: none;
    text-transform: uppercase;
	color: #D61831;
}

A.uppercase:visited {
	font: bold Helvetica, Geneva, Verdana, Arial, sans-serif;
	text-decoration: none;
	color: #D61831;
}

A.uppercase:link {
	font: bold Helvetica, Geneva, Verdana, Arial, sans-serif;
	text-decoration: none;
	color: #D61831;
}

A.uppercase:active {
	font: bold Helvetica, Geneva, Verdana, Arial, sans-serif;
	text-decoration: none;
	color: #D61831;
}

A.uppercase:hover {
	font: bold Helvetica, Geneva, Verdana, Arial, sans-serif;
	text-decoration: none;
	color: #646464;
}

TD {
	font: 12px Helvetica, Geneva, Verdana, Arial, sans-serif;
	text-decoration: none;
	color: #646464;
}

TEXTAREA, SELECT, INPUT.TEXT {
	color : #4D4D4D;
	font: bold 11px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
	border: 1px #000000 solid;
	background-color : #FFFFFF;
	text-indent : 0px;
}

.Text {
	color: #4D4D4D;
	font: bold 11px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
	border: 1px #000000 solid;
	background-color: #FFFFFF;
	padding-right: 3px;
	padding-left: 3px;
	margin-bottom: 2px;
	width: 143px;
}

.TextClientID {
    color: #4D4D4D;
    font: bold 11px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
    border-top: 1px lightgrey solid;
    border-right: 1px lightgrey solid;
    border-bottom: 1px lightgrey dotted;
    border-left: 1px lightgrey solid;
    background-color: #FFFFFF;
    padding-right: 3px;
    padding-left: 3px;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 143px;
}

.TextUserID {
    color: #4D4D4D;
    font: bold 11px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
    border-top: 0px;
    border-right: 1px lightgrey solid;
    border-bottom: 1px lightgrey dotted;
    border-left: 1px lightgrey solid;
    background-color: #FFFFFF;
    padding-right: 3px;
    padding-left: 3px;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 143px;
}

.TextPassword {
    color: #4D4D4D;
    font: bold 11px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
    border-top: 0px;
    border-right: 1px lightgrey solid;
    border-bottom: 1px lightgrey solid;
    border-left: 1px lightgrey solid;
    background-color: #FFFFFF;
    padding-right: 3px;
    padding-left: 3px;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 143px;
}

.CalendarText {
	color: #4D4D4D;
	font: normal 11px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
	border: 1px #000000 solid;
	background-color: #F3F3F3;
	padding-right: 3px;
	padding-left: 3px;
	margin-bottom: 2px;
}

.TextNoBorder {
	font: normal 11px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
	color: #4D4D4D;
	border: 0px #000000 solid;
	background-color : #FFFFFF;
	padding-right: 3px;
	padding-left: 3px;
	margin-bottom: 2px;
	width: 143px;
}

.NoBorder {
        font: normal 11px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
        color: #4D4D4D;
        border: 0px;
        padding-right: 3px;
        padding-left: 3px;
        margin-bottom: 2px;
        # width: 143px;
}


.TextReadOnly {
	font: normal 11px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
	color: #646464;
	border: 1px #000000 solid;
	background-color : #CCCCCC;
	padding-right: 3px;
	padding-left: 3px;
	margin-bottom: 2px;
	width: 143px;
}

.TextError {
	font: bold 11px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
	border: 1px #D61831 solid;
	background-color : #FDF1E4;
	padding-right: 3px;
	padding-left: 3px; 
	margin-bottom: 2px;
}

.TextHighlight {
	font: normal 11px Helvetica, Verdana, Geneva, Arial, sans-serif;
	text-decoration: none;
	color: #646464;
	background-color: #808080;
	padding-right: 2px;
	padding-left: 2px;
}

.Listbox {
	color: #4D4D4D;
	font: bold 11px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
	border: 1px #000000 solid;
	background-color: #FFFFFF;
	text-indent : 0px;
}

.ListboxDisabled {
	color: #646464;
	font: bold 11px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
	border: 1px #000000 solid;
	background-color : #CCCCCC;
	text-indent : 0px; 
}

.Button {
	color: #FFFFFF;
	font: normal 11px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
	text-transform: uppercase;
    background-color: #808080;
	border: 1px solid #000000;
	cursor: pointer;
	height: 16px;
}

.Button:hover {
	color: #808080;
	font: normal 11px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
    background-color: #FFFFFF;
	border: 1px solid #000000;
	cursor: pointer;
	height: 16px;
}

.SubMenuButton {
	color: #000000;
	font: bold 11px Helvetica, Geneva, Verdana, Arial, sans-serif;
    background-color: #D61831;
	border-width : 1px;
	border-top: 1px solid #E4E4E4;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #E4E4E4;
}

.Fixed {
	color : #000000;
	font: normal 12px Helvetica, "Courier New", Courier;
	border-color : #000000;
	border-width : 1px;
	background-color : #FDF1E4;
	text-indent : 0px;
}

.CurPage {
	font: bold 12px Helvetica, Geneva, Verdana, Arial, sans-serif;
	text-decoration: none;
	color: #FF0000;
}

.Heading {
	font: bold 21px Helvetica, "Arial Black", Tahoma, Verdana, Geneva, sans-serif;
	text-decoration: none;
	color: #D61831;
    padding-right: 2px;
    padding-left: 2px;
}

.SubHeading {
	font: 23px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
	text-decoration: underline;
	text-transform: uppercase;
	color: #D61831;
    padding-right: 2px;
    padding-left: 2px;

}

.SubHeading2 {
	font: bold Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
	text-transform: uppercase;
	color: #D61831;
    padding-right: 2px;
    padding-left: 2px;
}

.DemoHeading {
    font: 30px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
    font-weight: bold;
    text-transform: uppercase;
    padding-right: 2px;
    padding-left: 2px;
}

.Label {
	font: bold 11px Helvetica, Verdana, Geneva, Arial, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	color: #646464;
	background-color: #FFFFFF;
	padding-right: 2px; 
	padding-left: 2px; 
}

.LabelSmall {
	font: bold 11px Helvetica, Verdana, Geneva, Arial, sans-serif;
	text-decoration: none;
	color: #000000;
	background-color: #FFFFFF;
	padding-right: 2px; 
	padding-left: 2px; 
}

.Data {
	font: normal 12px Helvetica, Verdana, Geneva, Arial, sans-serif;
	text-decoration: none;
	color: #646464;
	background-color: #FDFDFD;
	padding-right: 2px; 
	padding-left: 2px; 
}



.DataLineThrough { //20110624 waikheng 
	font: normal 11px Helvetica, Verdana, Geneva, Arial, sans-serif;
	text-decoration: line-through;
	color: #646464;
	background-color: #FDFDFD;
	padding-right: 2px; 
	padding-left: 2px; 
}

.DataAlt {
	font: normal 12px Helvetica, Verdana, Geneva, Arial, sans-serif;
	text-decoration: none;
	color: #646464;
	background-color: #808080;
	padding-right: 2px;
	padding-left: 2px;
}


.DataHighlight {
	font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #646464;
	background-color: #FFFF00;
	padding-right: 2px;
	padding-left: 2px;
}

.DataBold {
	font: bold 11px Helvetica, Verdana, Geneva, Arial, sans-serif;
	text-decoration: none;
	text-transform: uppercase;	
	color: #646464;
	background-color: #FDFDFD;
	padding-right: 2px; 
	padding-left: 2px; 
}

.DataSmall {
	font: normal 11px Helvetica, Verdana, Geneva, Arial, sans-serif;
	text-decoration: none;
	color: #000000;
	background-color: #FDFDFD;
	padding-right: 2px; 
	padding-left: 2px; 
}

.DataGrid_Active {
        font: bold 11px Helvetica, Verdana, Geneva, Arial, sans-serif;
        text-decoration: none;
        text-transform: uppercase;
        color: #D61831;
        background-color: #FFFFFF;
        padding-right: 2px;
        padding-left: 2px;
}

.DataGrid_InActive {
        font: bold 11px Helvetica, Verdana, Geneva, Arial, sans-serif;
        text-decoration: none;
        text-transform: uppercase;
        color: #646464;
        background-color: #FFFFFF;
        padding-right: 2px;
        padding-left: 2px;
}

.DataWarning {
	font: normal 11px Helvetica, Verdana, Geneva, Arial, sans-serif;
	text-decoration: none;
	color: #0000FF;
	background-color: #FDFDFD;
	padding-right: 2px; 
	padding-left: 2px; 
}

.DataAlert {
	font: normal 11px Helvetica, Verdana, Geneva, Arial, sans-serif;
	text-decoration: none;
	color: #000000;
	background-color: #D61831;
	padding-right: 2px; 
	padding-left: 2px; 
}

.DataAlert2 {
	font: normal 11px Helvetica, Verdana, Geneva, Arial, sans-serif;
	text-decoration: none;
	color: #D61831;
	background-color: #FDFDFD;
	padding-right: 2px; 
	padding-left: 2px; 
}

/**AdvSearch Outbox***/

.WindowTitleLTR  {
	border-left: 1px lightgrey solid;
	border-top: 1px lightgrey solid;
	border-right: 1px lightgrey solid;
	font: bold 11px Helvetica, "Bitstream Vera Sans", Tahoma, Verdana, Geneva, Arial, sans-serif;
	text-decoration: bold;
	color: #D61831;
	padding-right: 2px; 
	padding-left: 2px; 
}

.LabelAdvSearchLB {
	border-left: 1px lightgrey solid;
	border-bottom: 1px lightgrey solid;
	font: bold 11px Helvetica, Verdana, Geneva, Arial, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	color: #646464;
	background-color: #FFFFFF;
	padding-right: 2px; 
	padding-left: 2px; 
}


.LabelAdvSearchL {
	border-left: 1px lightgrey solid;
	font: bold 11px Helvetica, Verdana, Geneva, Arial, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	color: #646464;
	background-color: #FFFFFF;
	padding-right: 2px; 
	padding-left: 2px; 
}

.DataR {
	border-right: 1px lightgrey solid;
	font: normal 11px Helvetica, Verdana, Geneva, Arial, sans-serif;
	text-decoration: none;
	color: #646464;
	background-color: #FFFFFF;//20110714 waikheng change from #FDFDFD
	padding-right: 2px; 
	padding-left: 2px; 
}

.ErrorLBR {
	border-left: 1px lightgrey solid;
	border-bottom: 1px lightgrey solid;
	border-right: 1px lightgrey solid;
	font: normal 11px Helvetica, Geneva, Verdana, Arial, sans-serif;
	color: #FF6633;
}

/*20111028 waikheng AdvSearch Outbox */

.Body {
	font: 12px Helvetica, Geneva, Verdana, Arial, sans-serif;
	text-decoration: none;
	color: #000000;
}

/* 20110617 waikheng commented
.TableList {
    border: 1px #E4E4E4 solid;
    border-collapse: collapse;
	empty-cells: show;
}

.TableList TD {
	padding-right: 2px; 
	padding-left: 2px;
	height: 20px;
}
*/
/* 20110617 waikheng not commented by me
.TableList {
	border-right: #C1CDD8 1px solid;
	border-top: #C1CDD8 1px solid; 
	border-left: #C1CDD8 1px solid; 
	border-bottom: #C1CDD8 1px solid; 
	border-collapse: collapse; 
	empty-cells: show;
	background-color: #FDFDFD;
}

.TableList TD {
	border-top: #C1CDD8 1px solid; 
	padding-right: 2px; 
	padding-left: 2px; 
	height: 20px;
}
*/


.TableList
{
	//background-color: #fafafa;
	border: 0px #000000 solid;
	border-collapse: collapse;
	border-spacing: 0px;
}


.TableList td
{
	border-bottom: 1px #EBEBEB solid  !important;
	color: #404040;
	//background-color: #fafafa;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
}

.TableList td.Noborder
{
	border-bottom: 0px #EBEBEB solid  !important;
	color: #404040;
	//background-color: #fafafa;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
}



.TableList td.PageSummary
{
	border-bottom: 0px #EBEBEB solid  !important;
	color: #404040;
	//background-color: #fafafa;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;

	font: bold 11px Helvetica, Verdana, Geneva, Arial, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	//color: #646464;
	background-color: #FFFFFF;
	padding-right: 2px; 
	padding-left: 2px; 
}

.TableList td.LastRow
{
	border-bottom: 0px #EBEBEB solid  !important;
	color: #404040;
	//background-color: #fafafa;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;

	font: 11px Helvetica, Verdana, Geneva, Arial, sans-serif;
	text-decoration: none;
    /*text-transform: uppercase;*/
	//color: #646464;
	//background-color: #FFFFFF;
	padding-right: 2px; 
	padding-left: 2px; 
}


.Table {
	border-right: #FFFFFF 1px solid; 
	border-top: #FFFFFF 1px solid; 
	border-left: #FFFFFF 1px solid; 
	border-bottom: #FFFFFF 1px solid; 
	border-collapse: collapse; 
	empty-cells: show;
}

.Table TD {
	border: 0px;
	padding-right: 2px; 
	padding-left: 2px; 
	height: 20px;
}

.TableConfirmSMS { /*20110913 waikheng*/
	border-right: #FFFFFF 1px solid; 
	border-top: #FFFFFF 1px solid; 
	border-left: #FFFFFF 1px solid; 
	border-bottom: #FFFFFF 1px solid; 
	empty-cells: show;
}


.TableConfirmSMS TD {
	border: 0px;
	padding-right: 2px; 
	padding-left: 2px; 
	height: 20px;
}


.TableConfirmSMS TD.Underline {
	border-bottom: 1px solid #CCCCCC !important;
	font: bold 11px Helvetica, Verdana, Geneva, Arial, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	color: #646464;
	background-color: #FFFFFF;
}



.TableConfirmSMS TD.LineDot {
	border-bottom: 1px dashed #CCCCCC !important;
}


.TableSideBorder {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: separate;
}

.TableSideBorder th {
	border-width: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	-moz-border-radius: 0px 0px 0px 0px;
}

.TableSideBorder td {
	border-width: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	-moz-border-radius: 0px 0px 0px 0px;
}

.TableNoBorder {
	border-right: #FFFFFF 0px solid; 
	border-top: #FFFFFF 0px solid; 
	border-left: #FFFFFF 0px solid; 
	border-bottom: #FFFFFF 0px solid; 
	border-collapse: collapse; 
	empty-cells: show;
}

.TableThickBorder {
	border: #FFFFFF 2px solid; 
	border-collapse: collapse; 
}

.TableThinBorder {
	border: #FFFFFF 1px solid; 
	border-collapse: collapse; 
}

.PageWidth {
	width: 990px;
}

.MsgError {
	font: normal 12px Helvetica, Geneva, Verdana, Arial, sans-serif;
	text-decoration: none;
	color: #FF6633;
	border: #FF6633 2px solid;
    position: relative;
    z-index: 101;
}

.MsgErrorText {
    font: bold 12px Helvetica, Geneva, Verdana, Arial, sans-serif;
    text-decoration: none;
    color: #FF6633;
    position: relative;
    z-index: 101;
}

.MsgInfo {
	font: normal 12px Helvetica, Geneva, Verdana, Arial, sans-serif;
	text-decoration: none;
	color: #3366FF;
	border: #3366FF 2px solid;
    position: relative;
    z-index: 101;
}

.MsgInfoText {
    font: bold 12px Helvetica, Geneva, Verdana, Arial, sans-serif;
    text-decoration: none;
    color: #3366FF;
    position: relative;
    z-index: 101;
}

.MsgWarning {
	font: normal 12px Helvetica, Geneva, Verdana, Arial, sans-serif;
	text-decoration: none;
	color: #ff0000;
	border: #ff0000 2px solid;
    position: relative;
    z-index: 101;
}

.MsgWarningText {
    font: bold 12px Helvetica, Geneva, Verdana, Arial, sans-serif;
    text-decoration: none;
    color: #ff0000;
    position: relative;
    z-index: 101;
}

.PageProcessing {
	position: relative;
	left: 0px; 
	top: 0px;
	width: 32px; 
	height: 32px; 
	overflow: auto;
}

.Window {
	background-color: #D61831;
}

.WindowTitleBar {
	background-color: #FFFFFF;
}

.WindowTitle {
	font: bold 12px Helvetica, "Bitstream Vera Sans", Tahoma, Verdana, Geneva, Arial, sans-serif;
	text-decoration: bold;
	color: #D61831;
	padding-right: 5px; 
	padding-left: 5px; 
}

.WindowTable {
    border: 1px #E4E4E4 solid;
	empty-cells: show;
}

.WindowTable TD {
	border: 0px;
	padding-right: 2px; 
	padding-left: 2px; 
	height: 20px;
}

.WindowTableFocus {
    border: 1px #D61831 solid;
	empty-cells: show;
}

.WindowTableFocus TD {
	border: 0px;
	padding-right: 2px; 
	padding-left: 2px; 
	height: 20px;
}

.Footer {
	margin-top: 3px;
	margin-bottom: 3px;
	border-collapse: collapse; 
	empty-cells: show;
	width: 100%;
}

.Footer TD {
	color: #646464;
	font: bold 11px Helvetica, sans-serif, Arial, Geneva, Verdana;
	border: 0px;
	padding-right: 0px; 
	padding-left: 0px; 
	height: 25px;
}


/**
 * Table Menu
 */
.Menu {
	border-right: #D61831 3px solid; 
	border-top: #D61831 1px solid; 
	border-left: #D61831 3px solid; 
	border-bottom: #FFFFFF 0px solid; 
	border-collapse: collapse; 
	empty-cells: show;
}

.Menu TD {
	/*border: #D61831 1px solid; */
	border-right: #D61831 1px solid; 
	border-left: #D61831 0px solid; 
	padding-right: 8px; 
	padding-left: 8px; 
	height: 20px;
	font: bold 12px Helvetica, Verdana, Geneva, Arial, sans-serif;
}

.MenuV {
	border-right: #FFFFFF 0px solid; 
	border-top: #D61831 3px solid; 
	border-left: #FFFFFF 0px solid; 
	border-bottom: #D61831 2px solid; 
	border-collapse: collapse;
	empty-cells: show;
}

.MenuV TD {
	/*border-top: #D61831 1px solid; */
	border-bottom: #D61831 1px solid; 
	padding-right: 8px; 
	padding-left: 8px; 
	height: 20px;
	font: bold 12px Helvetica, Verdana, Geneva, Arial, sans-serif;
}

.MenuActive {
    background-color: #D61831;
	padding-right: 8px; 
	padding-left: 8px; 	
	height: 20px;
	font: bold 12px Helvetica, Verdana, Geneva, Arial, sans-serif;
	color: #FFFFFF;
}

.MenuText a{
	font: 13px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
	text-decoration: none;
	color: #000000;
}

.MenuText a:hover{ 
	/*hover background color*/
	font: 12px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
	text-decoration: none;
	color: #000000;
	background-color: #808080;
}


/**
 * SendSMS
 */
.divScheduleInvisible {
	//visibility:hidden;
	filter:alpha(opacity=45);
	-moz-opacity: 0.45;
	opacity: 0.45;
}

.divScheduleVisible {
	//visibility:hidden;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.Error {
	font: normal 12px Helvetica, Geneva, Verdana, Arial, sans-serif;
	border: 0px;
	color: #FF6633;
}

/**
 * Yetii Tab
 */
div.demolayout {
	width: 100%;
	margin: 0 0 0 0;
}

ul.demolayout {
	list-style-type: none;
	width: 100%;
	float: left;
	background: url(/images/pixel.gif) bottom left repeat-x;
    margin: 0;
    padding: 0;
}

ul.demolayout li {
	margin: 0 2px 0 0;
	float: left;
}

ul.demolayout a {
	float: left;
	display: block;
	padding: 4px 8px;
	border: 1px solid #ccc;
	border-bottom: 0;
	color: #666;
	background: #eee;
	text-decoration: none;
	font-weight: bold;
}

ul.demolayout a:hover {
	background: #fff;
}

ul.demolayout a.active {
	background: #fff;
	padding-bottom: 5px;
	cursor: default;
	color: #D61831;
}

.tabs-container { 
    clear: left;
    border-left-color: #cccccc;
    border-right-color: #cccccc;
    border-bottom-color: #cccccc;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-top-color: currentColor;
    border-top-width: 0px;
    border-top-style: none;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
}

/**
 * Drop-Down Menu
 */

ul.menuDropDown, .menuDropDown ul {
    /* Remove all spacings from the list items */
    margin: 0;
    padding: 0;
    cursor: default;
    list-style-type: none;
    display: inline;
}

ul.menuDropDown {
    display: table;
}

ul.menuDropDown > li {
    display: table-cell;
    position: relative;
    padding: 2px 6px;
}

ul.menuDropDown li>ul {
    /*Make the sub list items invisible*/
    display: none;
    position: absolute;
    max-width: 40ex;
    margin-left: -6px;
    margin-top: 2px;
}

ul.menuDropDown li:hover>ul {
    /*When hovered, make them appear*/
    display : block;
}

.menuDropDown ul li a {
    /*Make the hyperlinks as a block element, sort of a hover effect*/
    display: block;
    padding: 2px 10px;
}

ul.menuDropDown, .menuDropDown ul, .menuDropDown ul li a {
    background-color: #fff;
    color: #D61831;
}

ul.menuDropDown li:hover, .menuDropDown ul li a:hover {
    background-color: #D61831;
    color: #fff;
}

ul.menuDropDown li:active, .menuDropDown ul li a:active {
    background-color: #D61831;
    color: #fff;
}

ul.menuDropDown {
    border: 0px solid #D61831;
}

.menuDropDown ul {
    border: 1px solid #D61831;
}

.nav a {
    text-decoration: none;
}

/*
 * 20101228 yunghee add for CRM
 */
.TableListCRM {
	border-right: #C1CDD8 0px solid;
	border-top: #C1CDD8 1px solid; 
	border-left: #C1CDD8 0px solid; 
	border-bottom: #C1CDD8 1px solid; 
	border-collapse: collapse; 
	empty-cells: show;
	background-color: #FDFDFD;
}

.TableListCRM TD {
	border-top: #C1CDD8 1px solid; 
	padding-right: 2px; 
	padding-left: 2px; 
	height: 20px;
}


/*
 * 20110406 waikheng jtooltip
 */
#divaTooltip {	 
	width: 20em;
   }

#divaTooltip ul {
	margin: 0px;
	padding: 1px 1px 1px 1px;
	list-style: none;
   }

   
#divaTooltip ul li {
	 padding-bottom: 4px;
   }

//20110422 waikheng
.TableListFeature
{
	background-color: #fafafa;
	border: 0px #000000 solid;
	border-collapse: collapse;
	border-spacing: 0px;
}


.TableListFeature td
{
	border-bottom: 1px #6699CC dotted;
	color: #404040;
	background-color: #fafafa;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 0px;
}


.TableListFeature td.Noborder
{
	border-bottom: 0px #6699CC dotted;
	color: #404040;
	background-color: #fafafa;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 0px;
}

.TableListFeature td.LabelNoBorder {
	font: bold 11px Helvetica, Verdana, Geneva, Arial, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	border-bottom: 0px #6699CC dotted;
	color: #404040;
	background-color: #fafafa;
	
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 0px;
}

.TableListFeature td.Error
{
	font: normal 11px Helvetica, Geneva, Verdana, Arial, sans-serif;
	border: 0px;
	color: #FF6633;
}


.TableListFeature td.ErrorNoBorder
{
	font: normal 11px Helvetica, Geneva, Verdana, Arial, sans-serif;
	border: 0px;
	color: #FF6633;
	border-bottom: 0px #6699CC dotted;
	background-color: #fafafa;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 0px;
}


.TableListFeature td.WindowTitle {
	font: bold 11px Helvetica, "Bitstream Vera Sans", Tahoma, Verdana, Geneva, Arial, sans-serif;
	text-decoration: bold;
	color: #D61831;
	border: 0px;
	padding-right: 5px; 
	padding-left: 5px; 
}

.TableListFeature td.WindowTitleBar {
	background-color: #FFFFFF;
	border: 0px;
}

/***
 * 20110509 Justin  Add CSS for all DIVs
 */

#divPage {
    margin-right: auto;
    margin-left: auto;
    position: relative;
    width: 990px;
}

#divHeaderDemo {
    font: 30px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
    font-weight: bold;
    padding-right: 2px;
    padding-left: 2px;
    position: absolute;
    right: 0px;
    text-transform: uppercase;
    top: 21px;
}

#divHeaderBannerLogin {
    float: left;
    position: relative;
    width: 613px;
}

#divHeaderLogin {
    position: relative;
    float: right;
    width: 281px;
}

/* txtMessage css */

.TableMessage {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: inset inset inset inset;
	border-color: #000000 #000000 #000000 #000000;
	border-collapse: collapse;
	background-color: #FFFFFF;
	empty-cells: hide;
}

.TableMessage TH {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: inset inset inset inset;
	border-color: #000000 #000000 #000000 #000000;
	background-color: #FFFFFF;
	-moz-border-radius: 0px 0px 0px 0px;
}
.TableMessage TD {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: inset inset inset inset;
	border-color: #000000 #000000 #000000 #000000;
	background-color: #FFFFFF;
	-moz-border-radius: 0px 0px 0px 0px;
}

.TextMessage {
	font: normal 11px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
	color: #4D4D4D;
	border: 0px #000000 solid;
	background-color : #FFFFFF;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	width: 143px;
}


.PageArea { /*20110913 waikheng*/
	background-color: #CCCCCC !important;
	color: white;
	border: 0px;
	//font-weight: bold;
}

.TableMessageViewOnly {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: inset inset inset inset;
	border-color: #000000 #000000 #000000 #000000;
	border-collapse: collapse;
	background-color: #FFFFFF;
	empty-cells: hide;
}

.TableMessageViewOnly TH {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: inset inset inset inset;
	border-color: #000000 #000000 #000000 #000000;
	background-color: #FFFFFF;
	-moz-border-radius: 0px 0px 0px 0px;
}
.TableMessageViewOnly TD {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: inset inset inset inset;
	border-color: #000000 #000000 #000000 #000000;
	background-color: #FFFFFF;
	-moz-border-radius: 0px 0px 0px 0px;
}

.TableMessageViewOnly TD.PageArea { /*20110913 waikheng*/
	background-color: #CCCCCC;
	color: white;
	border: 0px;
	font-weight: bold;
}

.TextPage {
	font: bold normal 11px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
	color: #4D4D4D;
	border: 0px #000000 solid;
	background-color : #CCCCCC;
	width: 143px;	
}

.TextPageRed {
	font: normal 11px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
	color: #FF0000;
	border: 0px #000000 solid;
	background-color : #CCCCCC;
	width: 143px;
}


.TextMessage {
	font: normal 11px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
	color: #4D4D4D;
	border: 0px #000000 solid;
	background-color : #FFFFFF;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	width: 143px;
}

.TextMessageBox { 
	color: #4D4D4D;
	font: normal 11px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
	border: 0px lightgrey solid;
	background-color: #FFFFFF;
	padding-right: 0px;
	padding-left: 0px;
	margin-bottom: 2px;
	width: 143px;

	border-bottom: 1px lightgrey solid;
	border-left: 1px lightgrey solid;
	border-right: 1px lightgrey solid;
	border-top: 1px lightgrey solid;
}

.PriceTagNotice{ 	
	font: bold 11px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
	background-color: #F2F2F2;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	width : auto;	
	color: #000000;
	text-align:justify;
}

.SMSError {
	font: bold 11px Helvetica, Geneva, Verdana, Arial, sans-serif;
	border: 0px;
	color: #FFFFFF;
	background-color: #FF6633;
	width : auto;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 4px;
	margin-bottom: 4px;
	text-align:justify;
}

.TextMessageBox TD.kwicks{
	 /*to overwrite default class 'Table TD'*/
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.TextMessageBox TD.kwicks2{
	 /*to overwrite default class 'Table TD'*/
	padding-left: 0px !important;
	padding-right: 0px !important;
	background-color: #FDF1E4;
	border-color:lightgrey;
	border-style:solid;
	border-width:0 0 1px 0px;
						
}

.kwicks {  
	list-style: none;  
	position: relative;  
	margin: 0;  
	padding: 0;
	padding-left: 0px !important;
	padding-right: 0px !important;
}  
.kwicks li{  
	display: block;  
	overflow: hidden;   
	cursor: pointer;  
	float: left;  
	width: 100px;  
	height: 32px;  
}

.hightlightPriceTag {
        background-color: #FFFF33;
}


/* End of txtMessage css */

#divTextboxPassword {
    display: none;
}

#divHeaderMenu {
    left: 0px;
    position: fixed;
}

#divHeaderMenu ul {
    margin: 0px;
    padding: 0px;
    background-color: #D61831;
	-moz-border-top-rihgt-radius: 10px;
    -moz-border-bottom-rihgt-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 5px;
}

#divHeaderMenu ul li:hover {
    position: relative;
}

#divHeaderMenu ul ul {
    display: none;
    position: absolute;
    left: 32px;
    top: 16px;
    border: #D61831 solid;
    border-width: 1px;
    background-color: #FFFFFF;
}

#divHeaderMenu ul li:hover ul {
    display:block;
    -webkit-box-shadow: 5px 5px 5px #C4C4C4; /* Solve issue for Safari browsers */
    box-shadow: 5px 5px 5px #C4C4C4;
    border-radius: 5px;
}

#divHeaderMenu ul ul li {
    border: none;
    width: 115px;
    float: left;
    display: inline;
    padding: 1px;
} 

#divHeaderMenu ul ul li a {
    color: #D61831;
    display: block;
    font-family: Helvetica, Geneva, Verdana, Arial, sans-serif;
    font-weight: bold;
}

#divHeaderMenu ul ul li:hover, #divHeaderMenu ul ul li a:hover {
    background-color: #D61831;
    color: #FFFFFF;
}

/* 20110910 yunghee contact table style */

.TableListCRM
{

        border-top:0px #f2f2f2 solid;
        border-left:0;
        border-right:0;
        border-bottom:0;
        padding-right: 0px;
        padding-left: 0px;
        spacing-right: 0px;
        spacing-left: 0px;

}
.TableListCRM td
{

        border-bottom: 1px #EBEBEB solid  !important;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 8px;
        padding-right: 8px;

}

.TableListCRM td.Noborder
{
        border-bottom: 0px #EBEBEB solid  !important;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 8px;
        padding-right: 8px;
}
.TableListCRM td.PageSummary
{
        border-bottom: 0px #EBEBEB solid  !important;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 8px;
        padding-right: 8px;
        font: bold 11px Helvetica, Verdana, Geneva, Arial, sans-serif;
        text-decoration: none;
        text-transform: uppercase;
        padding-right: 2px;
        padding-left: 2px;

}

.TableListCRM td.LastRow
{

        border-bottom: 0px #EBEBEB solid  !important;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 8px;
        padding-right: 8px;
        font: 11px Helvetica, Verdana, Geneva, Arial, sans-serif;
        text-decoration: none;
    /*text-transform: uppercase;*/
        padding-right: 2px;
        padding-left: 2px;

}

.TableCRM {

        border-top: #F2F2F2 5px solid;
        border-left: #FFFFFF 0px;
        border-right: #FFFFFF 0px;
        border-bottom: #FFFFFF 0px;
		border-collapse: collapse;
        background-color: #F2f2f2;
       
        
}
.TableCRM TD {
        border: 0px;
        padding-right: 0px;
        padding-left: 0px;
        spacing-right: 0px;
        spacing-left: 0px;
        height: 20px;

}

.TableListCRM2
{
        border: 0px;
        spacing: 0px;
        padding: 0px;
        border-collapse: collapse;
        border-spacing: 0px;
        background-color: #F2f2f2;
}

.TableListCRM2 td
{

        border-bottom: 1px dashed #CCCCCC;
        padding-top: 6px;
        padding-bottom: 2px;
        padding-left: 1px;
        padding-right: 1px;
}

.TableListCRM2 td.Dashed
{

        border-bottom: 1px dashed #CCCCCC;
        padding-top: 6px;
        padding-bottom: 2px;
        padding-left: 1px;
        padding-right: 1px;
}

.TableListCRMBlank
{
	
        border: 0px;
        border-collapse: collapse;
        border-spacing: 0px;
        
}

.TableListCRMBlank td
{

        border-bottom: 0px dashed #CCCCCC;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 1px;
        padding-right: 1px;
}

.CRMHref
{
        font: bold 10px Helvetica, Verdana, Geneva, Arial, sans-serif;
        margin:1px;
        padding:1

}

.CRMHref a
{
        color: #000;
        font: bold 10px Helvetica, Verdana, Geneva, Arial, sans-serif;
        margin:1px;
        padding:1
}
.CRMHrefData
{
    color: #333333;
        font: 10px Helvetica, Verdana, Geneva, Arial, sans-serif;
        margin:1px;
        padding:1

}

.CRMHrefData a
{
        color: #333333;
        font: 10px Helvetica, Verdana, Geneva, Arial, sans-serif;
        margin:1px;
        padding:1

}

.CRMHrefHighLight
{

    color: #333333;
        font: 10px Helvetica, Verdana, Geneva, Arial, sans-serif;
        margin:1px;
        padding:1;
        background-color: #FFFF99;

}

.CRMHrefHighLight a
{
        color: #333333;
        font: 10px Helvetica, Verdana, Geneva, Arial, sans-serif;
        margin:1px;
        padding:1;
        background-color: #FFFF99;

}
.TDCRM
{
        border-top:5px #f2f2f2 solid;
        border-left:0;
        border-right:0;
        border-bottom:0;
        padding: 0px;
    margin: 0px;

}

/*
.CRMDivider {
        background-color: #F3F3F3;
        padding: 0px;
        margin: 0px;

}
*/
.TableInstruction {
	border-right: #FFFFFF 1px solid; 
	border-top: #FFFFFF 1px solid; 
	border-left: #FFFFFF 1px solid; 
	border-bottom: #FFFFFF 1px solid; 
	border-collapse: collapse; 
	background-color: #F0F0F0;
	empty-cells: show;
}


.TableInstruction TD {
	border: 0px;
	padding-right: 2px; 
	padding-left: 2px; 
	height: 20px;
	background-color: #F0F0F0;
}

.TableColumn {
    border: 1px #E4E4E4 solid;
	empty-cells: show;
	background-color: #FFFFFF;
	cellspacing: 1px;
	cellpadding: 1px;
}

.TableColumn TD {
	border: 2px; 
	padding: 2px; 
	spacing: 2px; 
	height: 20px;
	background-color: #FFFFFF;
}

img.bottom {vertical-align:text-bottom;}

/* end contact style */