﻿/* BODY AND MAIN LAYOUT STYLE */
html, body { height:100%; margin:0px; padding:0px; color:#666666; font-family:Tahoma; font-size:11px; }
body { background-image:url(../../Images/bg_gradient.gif); background-repeat:repeat-y; background-position:top center; background-color:white; background-color:#1e1e1e; }
body img { border-width:0px; display:block; }

.mainFormContainer { width:100%; height:100%; }
.mainTable { margin-left:auto; margin-right:auto; margin-bottom:40px; }
.mainContentStyle { width:649px; line-height:20px; background-color:#ffffff; padding:20px;  }



/* GENERIC LINK STYLE */
.linkA A { color:#888888; text-decoration:none; }
.linkA A:visited { color:#888888; text-decoration:none; }
.linkA A:hover { color:#cccccc; text-decoration:underline; }
.linkA A:active { color:#cccccc; text-decoration:underline; }

.linkB A { color:#666666; text-decoration:none; }
.linkB A:visited { color:#666666; text-decoration:none; }
.linkB A:hover { color:#9b1c17; text-decoration:underline; }
.linkB A:active { color:#9b1c17; text-decoration:underline; }

.linkC A         { font-family:Tahoma; font-size:11px; font-weight:normal; color:#999999; text-decoration:none; border-bottom:4px solid #ffffff; border-top:4px solid #ffffff; background-color:#efefef; text-align:center; display:block; float:left; width:18px; }
.linkC A:visited { font-family:Tahoma; font-size:11px; font-weight:normal; color:#999999; text-decoration:none; border-bottom:4px solid #ffffff; border-top:4px solid #ffffff; background-color:#efefef; text-align:center; display:block; float:left; width:18px; }
.linkC A:hover   { font-family:Tahoma; font-size:16px; font-weight:normal; color:#ffffff; text-decoration:none; border-bottom:4px solid #9b1c17; border-top:4px solid #9b1c17; background-color:#9b1c17; text-align:center; display:block; float:left; width:18px; }
.linkC A:active  { font-family:Tahoma; font-size:16px; font-weight:normal; color:#ffffff; text-decoration:none; border-bottom:4px solid #9b1c17; border-top:4px solid #9b1c17; background-color:#9b1c17; text-align:center; display:block; float:left; width:18px; }

.linkD A { color:#666666; text-decoration:none;  }
.linkD A:visited { color:#666666; text-decoration:none; }
.linkD A:hover { color:#9b1c17; text-decoration:underline; }
.linkD A:active { color:#9b1c17; text-decoration:underline; }

.linkE A { color:#9b1c17; text-decoration:none;  }
.linkE A:visited { color:#9b1c17; text-decoration:none; }
.linkE A:hover { color:#9b1c17; text-decoration:underline; }
.linkE A:active { color:#9b1c17; text-decoration:underline; }

.linkF A { color:#666666; text-decoration:underline;  }
.linkF A:visited { color:#666666; text-decoration:underline; }
.linkF A:hover { color:#9b1c17; text-decoration:underline; }
.linkF A:active { color:#9b1c17; text-decoration:underline; }




/* HEADER & TEXT STYLE */
.headerStyleA { font-family:Tahoma; font-size:13px; color:#9b1c17; text-transform:capitalize; }
.headerStyleB { font-family:Tahoma; font-size:14px; color:#333333; }
.headerStyleC { font-family:Tahoma; font-size:16px; color:#000000; margin-top:0px; text-transform:capitalize; }
.headerStyleD { font-family:Tahoma; font-size:14px; color:#999999; font-weight:normal; margin:0px; }
.headerStyleE { font-family:Tahoma; font-size:14px; color:#333333; text-transform:capitalize; font-weight:normal; border-bottom:1px solid #333333; padding-bottom:2px; }
.headerStyleF { font-family:Tahoma; font-size:17px; color:#ffffff; }
.headerStyleG { font-family:Tahoma; font-size:14px; color:#9b1c17; }

.textStyleA { font-family:Tahoma; font-size:11px; color:#666666; }
.textStyleB { font-family:Tahoma; font-size:10px; color:#666666; }
.textStyleC { font-family:Tahoma; font-size:11px; color:#333333; }
.textStyleD { font-family:Tahoma; font-size:11px; color:#cccccc; }
/* END HEADER & TEXT STYLE */




/* BACKGROUND & BORDER STYLES */
.bgColourA { background-color:#eef0f6; }
.borderTopA { border-top:1px solid #333333; }
.borderBottomA { border-bottom:1px solid #efefef; }
.borderBottomB { border-bottom:1px solid #999999; }
/* END BACKGROUND COLOURS */


/* PAGE ELEMENT STYLE */
.subPageBackgroundImg { background-image:url(../../Images/main_pic_subPage.jpg); background-repeat:no-repeat; }
.pageMainPicStyle { float:right; margin-left:25px; margin-right:10px; margin-bottom:10px; width:200px; }
.pageMainPicStyleB { float:right; margin-left:25px; margin-top:20px; margin-right:10px; width:200px; }
.pageMainPicStyleC { float:right; margin-left:25px; margin-top:20px; margin-bottom:5px; }
.arrowWhiteStyle { display:block; background-image:url(../../Images/arrow_white.gif); background-repeat:no-repeat; background-position:right 8px; }
/* END PAGE ELEMENT STYLE */


/* FORM ELEMENTS STYLE */
.formItemStyleA { font-family:Tahoma; color:#666666; font-size:10px; border:1px solid #cccccc; width:100px; }
.formItemStyleB { font-family:Tahoma; color:#666666; font-size:11px; border:0px solid #ffffff; width:200px; background-color:#ffffff; }
.formItemStyleC { font-family:Tahoma; color:#666666; font-size:11px; border:1px solid #cccccc; width:100px; }
.formItemStyleD { font-family:Tahoma; color:#999999; font-size:11px; border:1px solid #b3c2d9; width:200px; background-color:#ffffff; }
.formItemStyleE { font-family:Tahoma; color:#333333; font-size:11px; border:0px solid #ffffff; border-bottom:1px dashed #cccccc; width:100px; }
.formItemStyleF { font-family:Tahoma; color:#333333; font-size:11px; border:1px solid #efefef; width:100px; }
.formItemStyleG { font-family:Tahoma; color:#666666; font-size:10px; background-color:#ffffff; border:1px solid #666666; width:100px; }

.formButtonStyleA { font-family:Tahoma; color:#ffffff; font-size:10px; font-weight:bold; border:1px solid #666666; background-color:#999999; background-image:url(../../Images/arrow_white.gif); background-repeat:no-repeat; background-position:43px 5px; width:60px; }
.formButtonStyleB { font-family:Tahoma; color:#666666; font-size:10px; font-weight:bold; border:1px solid #999999; background-color:#efefef; width:100px; }

.highlightFormElement { background-color:#efefef; }

.formItemWatermark { font-family:Tahoma; color:#666666; font-size:10px; background-color:#efefef; border:1px solid #666666; width:100px; }
.formItemWatermarkB { font-family:Tahoma; color:#999999; font-size:11px; border:1px solid #ffffff; }
.formItemWatermarkC { font-family:Tahoma; color:#cccccc; font-size:11px; border:1px solid #efefef; }
.formItemWatermarkD { font-family:Tahoma; color:#cccccc; font-size:11px; background-color:#ffffff; border:1px solid #cccccc; }
.formItemWatermarkPassword { font-family:Tahoma; color:#efefef; font-size:10px; background-color:#efefef; border:1px solid #666666; width:100px; background-image:url(../../Images/form_password.gif); background-repeat:no-repeat; background-position:left bottom; text-align:right; }

.warningStyle { font-family:Tahoma; color:#ff0000; font-size:10px; }
.warningStyleB { font-family:Tahoma; color:#ffffff; font-size:10px; }

.emailingResultStyle { width:323px; background-color:#efefef; border:1px solid #b3c2d9; padding:1px; padding-left:5px; padding-right:5px; margin-top:10px; margin-bottom:10px; margin-left:13px; }
.emailingResultStyle span { font-family:Tahoma; color:#333333; font-size:11px; }
/* END FORM ELEMENTS STYLE */




/* MENU STYLE */
.MenuMainStyle { width:100%; }
.StaticMenuItemStyle {text-align:center; padding:1px; padding-top:2px; padding-bottom:3px; font-family:Tahoma; font-size:10px; font-weight:bold; color:#ffffff; }
.StaticHoverStyle { color:#9b1c17; background-color:#ffffff; }
.DynamicMenuStyle { border-top:3px solid #cccccc; border-bottom:3px solid #cccccc; }
.DynamicMenuItemStyle { width:120px; text-align:left; padding:3px; padding-left:4px; background-color:#ffffff; border-left:3px solid #ffffff; font-family:Tahoma; font-size:10px; color:#9b1c17; }
.DynamicHoverStyle { color:#9b1c17; background-color:#efefef; border-left:3px solid #9b1c17; }
/* END MENU STYLE */




/* GRIDVIEW, DETAILSVIEW, INSERT-DB-FRAME STYLES */
.gvwStyle { width:640px; font-size:10px; }       
.gvwStyle th { background-color:#333333; color:#ffffff; padding-top:1px; padding-bottom:1px; font-size:10px; font-weight:bold; }
.gvwStyle td { padding-top:2px; padding-bottom:2px; }
.gvwFirstHeaderAndItemStyle { padding-left:3px; }
.buttonMargin { margin-left:14px; }
.emptyDataTemplateStyle { font-family:Tahoma; color:#ff0000; font-size:10px; font-weight:bold; padding:20px; padding-top:10px; }

.dvwStyle { width:640px; font-size:10px; }  

.insertDBframeStyle { width:640px; }

.headerTableStyleA { border-bottom:1px solid #333333; margin-top:30px; margin-bottom:10px; width:640px; }
.headerTableStyleA td { vertical-align:bottom; padding-bottom:2px; }

.headerTableStyleB { width:640px; }

.lblReturnMessageStyle { width:630px; }
/* END GRIDVIEW, DETAILSVIEW, INSERT-DB-FRAME STYLES */




/* OTHERS */
.loggedInStyle { color:#333333; background-color:#ffffff; line-height:17px; }
.modalBackground { background-color:#000000; filter:alpha(opacity=85); opacity:0.85; }
/* END OTHERS */
