FORM
{
    MARGIN: 0px;
}
BODY
{
}
.StepInFormat
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial;
    color: White;
}
.StepOutFormat
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial;
    color: Black;
}
.TitleFormat
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial;
    color: Black;
}
.PortalTitleFormat
{
    font-size: 25px;
    font-family: arial;
    color: #4f848f;
    font-weight: normal;
}

.PortalBtnTitleFormat
{
    --padding-top:14px;
    font-size: 15px;
    font-family: arial;
    color: #626262;
    font-weight: bold;
    display:block;
}
.PortalBtnSubTitleFormat
{
    font-size: 12px;
    font-family: arial;
    color: #626262;
    font-weight: normal;
}
.PortalPartnerBtnTitleFormat
{
    font-size: 16px;
    font-family: arial;
    color: #1e5c6d;
    font-weight: bold;
    vertical-align: bottom;
    margin-top: 8px;
    display: inline-block;
    cursor:pointer;
}
.PortalBtn img
{
    float:left;
    padding-right:5px;
}
.PortalBtn a
{
    text-decoration:none;
}

.InputFormat
{
    BORDER-RIGHT: #abadac 1px solid;
    BORDER-TOP: #abadac 1px solid;
    FONT-SIZE: 12px;
    BORDER-LEFT: #abadac 1px solid;
    BORDER-BOTTOM: #abadac 1px solid;
    FONT-FAMILY: Arial Unicode MS, Lucida Sans Unicode;
}
.InputDisabledFormat
{
    BORDER-RIGHT: #abadac 1px solid;
    BORDER-TOP: #abadac 1px solid;
    FONT-SIZE: 12px;
    BORDER-LEFT: #abadac 1px solid;
    BORDER-BOTTOM: #abadac 1px solid;
    FONT-FAMILY: Arial;
	background-color: #F2F2F2;
}
.InputFormatPassword
{
    BORDER-RIGHT: #abadac 1px solid;
    BORDER-TOP: #abadac 1px solid;
    FONT-SIZE: 12px;
    BORDER-LEFT: #abadac 1px solid;
    BORDER-BOTTOM: #abadac 1px solid;
    FONT-FAMILY: Arial;
}
.Button1Format
{
    FONT-SIZE: 12px;
    WIDTH: 35px;
    FONT-FAMILY:  'MS Sans Serif', Arial;
    HEIGHT: 23px;
}
.Button2Format
{
    FONT-SIZE: 12px;
    WIDTH: 50px;
    FONT-FAMILY: 'MS Sans Serif', Arial;
    HEIGHT: 23px;
}
.Button3Format
{
    FONT-SIZE: 12px;
    WIDTH: 75px;
    FONT-FAMILY: 'MS Sans Serif', Arial;
    HEIGHT: 23px;
}
.Button4Format
{
    FONT-SIZE: 12px;
    WIDTH: 100px;
    FONT-FAMILY: 'MS Sans Serif', Arial;
    HEIGHT: 23px;
}
.Button5Format
{
    FONT-SIZE: 12px;
    WIDTH: 145px;
    FONT-FAMILY: 'MS Sans Serif', Arial;
    HEIGHT: 23px;
}
.BodySite
{
    MARGIN: 0px;
    BACKGROUND-COLOR: #F8F8F8;
}
.BodyWebSite
{
    MARGIN: 10px;
    BACKGROUND-COLOR: #F1F1F1;
}
.BodyFrame
{
    MARGIN: 3px;
    BACKGROUND-COLOR: white;
}
.BodyDialog
{
    MARGIN: 5px;
    background-color: #77A3AC;
}
.HeaderLogout
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial;
    COLOR: #4F848F;
}
.FooterContentFormat
{
    FONT-SIZE: 11px;
    COLOR: #4F848F;
    PADDING-TOP: 6px;
    FONT-FAMILY: Arial;
}
.TableHeaderCell
{
    BORDER: #4F848F 1px solid;
    PADDING: 2px;
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #CEDDE0;
    height: 20px;
    
}
.TableHeaderCell2
{
    BORDER: #4F848F 1px solid;
    PADDING: 2px;
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #E0D4C1;
    height: 20px;
    
}
.TableFooterCell
{
	BACKGROUND-COLOR: #25545D;
	BORDER: #4F848F 1px solid;
    PADDING: 2px;
    FONT-FAMILY: Arial;
    FONT-SIZE: 12px;
	color: White;
    height: 20px;
}
.TableContentCell
{
    BORDER: #4F848F 1px solid;
    BORDER-BOTTOM: #4F848F 1px solid;
    PADDING: 2px;
    FONT-FAMILY: Arial;
    FONT-SIZE: 12px;    
}
.TableContentCell2
{
    BORDER-TOP: #4F848F 1px solid;
    
    PADDING: 1px;

    FONT-FAMILY: Arial;
    FONT-SIZE: 12px;    
}
.TableContentCellCRM
{
    BORDER-RIGHT: #dedcdc 1px solid;
    BORDER-TOP: #A60000 2px solid;
    BORDER-LEFT: #dedcdc 1px solid;
    BORDER-BOTTOM: #dedcdc 1px solid;
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px;
    FONT-FAMILY: Arial;
}
.XLTitleFormat
{
    FONT-SIZE: 14px;
    FONT-FAMILY: Arial;
}
.XLTableHeaderCell
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: lightgrey;
}
.XLTableContentCell
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial;
}
.MsgFormat
{
    FONT-SIZE: 12px;
    COLOR: black;
    FONT-FAMILY: Arial;
}
.SelectOptionFormat
{
    FONT-SIZE: 12px;
    COLOR: black;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #FFF799;
}
.HeaderFormat
{
    FONT-SIZE: 18px;
    FONT-FAMILY: Arial;
    font-weight: bold;
    COLOR: #4F848F;
}
.ContentFormat
{
    FONT-SIZE: 12px;
    COLOR: #505050;
    FONT-FAMILY: Arial;
}
.ContentFormatSmall
{
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: Arial;
}
.CertTitle
{			
	FONT-SIZE: 24px;
	FONT-FAMILY: times;			
	COLOR: #101084;
}
.CategoryFormat
{
    PADDING-RIGHT: 5px;
    FONT-SIZE: 12px;
    VERTICAL-ALIGN: sub;
    COLOR: black;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #CEDDE0;
}
.MandatoryFormat
{
    FONT-SIZE: 12px;
    COLOR: #d80000;
    FONT-FAMILY: Arial;
}
.TableDisabledContentCell
{
    BORDER-RIGHT: #4F848F 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #4F848F 1px solid;
    PADDING-LEFT: 5px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #4F848F 1px solid;
    COLOR: #a60000;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #4F848F 1px solid;
    FONT-FAMILY: Arial;
}
.TableDisallowContentCell
{
    BORDER-RIGHT: #4F848F 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #4F848F 1px solid;
    PADDING-LEFT: 5px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #4F848F 1px solid;
    COLOR: #0600ff;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #4F848F 1px solid;
    FONT-FAMILY: Arial;
}
.ListRecordWhite
{
    BACKGROUND-COLOR: white;
}
.ListRecordGrey
{
    BACKGROUND-COLOR: #F1F5F6;
}
.ListRecordRed
{
    FONT-FAMILY: Arial;
	color:black;
    BACKGROUND-COLOR: #E0C6C6;
}
.ListRecordYellow
{
    FONT-FAMILY: Arial;
 	color:black;
	BACKGROUND-COLOR: #FFF799;
}
.ListRecordWP
{
    FONT-FAMILY: Arial;
    font-weight:bold;
    BACKGROUND-COLOR: #E1EBFB;
}
.ListRecordOverFormat
{
    BACKGROUND-COLOR: #FCF7AA;
}
.DialogTabFormat
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 2px;
    COLOR: #5b5f68;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
}
.DialogTabSelectedFormat
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 0px;
    COLOR: #212f5c;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
}
.DialogTabDisabledFormat
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 0px;
    COLOR:"DarkGray";
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
}
TEXTAREA
{
    WIDTH: 200px;
    HEIGHT: 50px;
}
.TableBtnCell
{
    BORDER-RIGHT: #4F848F 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #4F848F 1px solid;
    PADDING-LEFT: 2px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #4F848F 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #4F848F 1px solid;
    FONT-FAMILY: Arial;
}
.WPTableBtnCell
{
    BORDER-RIGHT: #4F848F 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #4F848F 1px solid;
    PADDING-LEFT: 2px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #4F848F 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #4F848F 1px solid;
    FONT-FAMILY: Arial;
}
.Input20
{
    WIDTH: 100px;
}
.Input255
{
    WIDTH: 200px;
}
.Input50
{
    WIDTH: 120px;
}
.Input10
{
    WIDTH: 80px;
}
.Input2
{
    WIDTH: 25px;
}
.Input6
{
    WIDTH: 50px;
}
.InputDisabled{
    BORDER-RIGHT: #abadac 1px solid;
    BORDER-TOP: #abadac 1px solid;
    FONT-SIZE: 12px;
    BORDER-LEFT: #abadac 1px solid;
    BORDER-BOTTOM: #abadac 1px solid;
    FONT-FAMILY: Arial;
	background-color: #DDDFDE;
}
.NoteArea
{
    FONT-FAMILY: Arial;
    FONT-SIZE: 12px;
	background-color: #FEE727;
	border: solid 1px #D8C100;
}
.NoteArea2
{
    FONT-FAMILY: Arial;
    FONT-SIZE: 12px;
	background-color: #D3D3D3;
	border: solid 1px #000000;
}
.SiteFormat
{
	width:779px;
	height:100%;
	background-color:White;
}
.WPHeaderFormat
{
    FONT-SIZE: 24px;
    FONT-FAMILY: Arial;    
    COLOR: #101084;
}
.WPCategoryFormat
{
    PADDING-RIGHT: 5px;
    FONT-SIZE: 12px;
    VERTICAL-ALIGN: sub;
    COLOR: white;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #5164A6;
}
.WPTableHeaderCell
{
    BORDER: #1F3170 1px solid;
    PADDING-TOP: 2px;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 4px;    
    PADDING-RIGHT: 4px;    
    FONT-SIZE: 12px;
    COLOR: white;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #5164A6;
    height: 20px;
}
.WPTableContentCell
{
    BORDER: #1F3170 1px solid;
    PADDING-TOP: 2px;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 4px;    
    PADDING-RIGHT: 4px;    
    FONT-SIZE: 12px;   
    FONT-FAMILY: Arial;    
}

.WPTableContentCellMainMember
{
    BORDER: #5164A6 1px solid;
    PADDING: 2px;    
    FONT-SIZE: 12px;   
    FONT-FAMILY: Arial;
    background-color: #E5E8F4;    
}
.WPInputFormatMainMember
{
    BORDER-RIGHT: #abadac 1px solid;
    BORDER-TOP: #abadac 1px solid;
    FONT-SIZE: 12px;
    BORDER-LEFT: #abadac 1px solid;
    BORDER-BOTTOM: #abadac 1px solid;
    FONT-FAMILY: Arial;
    background-color: #E5E8F4;
}
.WPStudentNumFormat
{
    FONT-SIZE: 40px;
    FONT-FAMILY: Arial;    
    COLOR: #9C9C9C;
}
.ToolTipHeader
{	
	width:300px;
	font-family:arial;
	border:1px solid #5164A6;
	padding:3px;
	font-size:14px;
	color:white;
	BACKGROUND-COLOR: #5164A6;
}
.ToolTipBody
{
	width: 300px;
	border-bottom: 1px solid #5164A6;
	border-left: 1px solid #5164A6;
	border-right: 1px solid #5164A6;
	font-family: arial;	
	font-size: 12px;
	padding: 3px;
	color: #000000;
	background: #F1F3F8;
}
.DateFormat
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial;
    color: gray;
}

.TblExplain
{
	border:2px solid #E1E0E1;
}

.TblExplain .tdTitle
{
	text-align:center;
	FONT-SIZE: 14px;
    FONT-FAMILY: Arial;
    font-weight:bold;
    color: #000;
    
}
.TblExplain .tdExplain
{
	background-color: #EEEEEE;
}

/* popup window style */
div.popup { width:840px; height: 481px; background: #ffffff; }
div.popup .img-header { margin-bottom: 40px; text-align: center; }
div.popup .popup-title { font-family: arial; font-size: 24px; color: #101084; text-align: center; margin: 10px 0; }
div.popup .popup-buttons { width: 410px; margin: 40px auto; }
div.popup .popup-buttons a { margin-left: 40px; text-decoration: none; }
div.popup .button { text-align: center; }

.warning {color:Red;padding-bottom:5px;font-weight:bold; }