/*============================= Styles - Reuse REF0011 ===============================================================================*/

.ConvasContents
{
    clear: both;
    padding: 2px;
    overflow: auto;
}

.Convas250PX
{
    clear: both;
    overflow: auto;
    width: 250px;
    padding: 2px;
}

.Convas500PX
{
    clear: both;
    overflow: auto;
    width: 500px;
    padding: 2px;
}
.Convas600PX
{
    clear: both;
    overflow: auto;
    width: 600px;
    padding: 2px;
}
.Convas700PX
{
    clear: both;
    overflow: auto;
    width: 700px;
    padding: 2px;
}
.Convas800PX
{
    clear: both;
    overflow: auto;
    width: 800px;
    padding: 2px;
}
.Convas900PX
{
    clear: both;
    overflow: auto;
    width: 900px;
    padding: 2px;
}
.Convas1000PX
{
    clear: both;
    overflow: auto;
    width: 1000px;
    padding: 2px;
}

.Convas1024PX
{
    clear: both;
    overflow: auto;
    width: 1022px;
    padding: 2px;
}



/* Styles for Rows -----------------------------------------------------------------*/

.RowContents
{
    clear: both;
    padding:2px 1px 2px 1px;
    overflow: auto;
}

.RowContentsDefault
{
    clear: both;
    padding:1px;
    overflow: auto;
}


.RowContentsSub
{
    clear: both;
    padding: 1px;
    overflow: auto;
}

.RowButton
{
    padding-top: 12px;
    padding-bottom: 8px;
    overflow: auto;
}


.RowDefault
{
    clear: both;
    padding:2px 1px 2px 1px;
    overflow: auto;
}

.RowDefaultSub
{
    clear: both;
    padding: 1px;
    overflow: auto;
}



/* Styles Columns -----------------------------------------------------*/
.ColumnAuto
{
    float: left;
    padding: 1px;
    width: auto;
}
.Column10PX
{
    float: left;
    width: 10px;
    padding: 1px;
}
.Column20PX
{
    float: left;
    width: 20px;
    padding: 1px;
}

.Column30PX
{
    float: left;
    width: 30px;
    padding: 1px;
}

.Column40PX
{
    float: left;
    width: 40px;
    padding: 1px;
}

.Column50PX
{
    float: left;
    width: 50px;
    padding: 1px;
}


.Column60PX
{
    float: left;
    width: 60px;
    padding: 1px;
}


.Column70PX
{
    float: left;
    width: 70px;
    padding: 1px;
}

.Column80PX
{
    float: left;
    width: 80px;
    padding: 1px;
}

.Column90PX
{
    float: left;
    width: 90px;
    padding: 1px;
}

.Column100PX
{
    float: left;
    width: 100px;
    padding: 1px;
}
.Column110PX
{
    float: left;
    width: 110px;
    padding: 1px;
}
.Column120PX
{
    float: left;
    width: 120px;
    padding: 1px;
}
.Column130PX
{
    float: left;
    width: 130px;
    padding: 1px;
}

.Column140PX
{
    float: left;
    width: 140px;
    padding: 1px;
}
.Column150PX
{
    float: left;
    width: 150px;
    padding: 1px;
}
.Column160PX
{
    float: left;
    width: 160px;
    padding: 1px;
}
.Column170PX
{
    float: left;
    width: 170px;
    padding: 1px;
}
.Column180PX
{
    float: left;
    width: 180px;
    padding: 1px;
}
.Column190PX
{
    float: left;
    width: 190px;
    padding: 1px;
}

.Column200PX
{
    float: left;
    width: 200px;
    padding: 1px;
}
.Column210PX
{
    float: left;
    width: 210px;
    padding: 1px;
}
.Column220PX
{
    float: left;
    width: 220px;
    padding: 1px;
}
.Column230PX
{
    float: left;
    width: 230px;
    padding: 1px;
}
.Column240PX
{
    float: left;
    width: 240px;
    padding: 1px;
}

.Column250PX
{
    float: left;
    width: 250px;
    padding: 1px;
}

.Column260PX
{
    float: left;
    width: 260px;
    padding: 1px;
}

.Column270PX
{
    float: left;
    width: 270px;
    padding: 1px;
}
.Column280PX
{
    float: left;
    width: 280px;
    padding: 1px;
}
.Column290PX
{
    float: left;
    width: 290px;
    padding: 1px;
}

.Column300PX
{
    float: left;
    width: 300px;
    padding: 1px;
}
.Column310PX
{
    float: left;
    width: 310px;
    padding: 1px;
}
.Column320PX
{
    float: left;
    width: 320px;
    padding: 1px;
}
.Column330PX
{
    float: left;
    width: 330px;
    padding: 1px;
}
.Column340PX
{
    float: left;
    width: 340px;
    padding: 1px;
}

.Column350PX
{
    float: left;
    width: 350px;
    padding: 1px;
}
.Column360PX
{
    float: left;
    width: 360px;
    padding: 1px;
}
.Column370PX
{
    float: left;
    width: 370px;
    padding: 1px;
}
.Column380PX
{
    float: left;
    width: 380px;
    padding: 1px;
}
.Column390PX
{
    float: left;
    width: 390px;
    padding: 1px;
}

.Column400PX
{
    float: left;
    width: 400px;
    padding: 1px;
}
.Column410PX
{
    float: left;
    width: 410px;
    padding: 1px;
}
.Column420PX
{
    float: left;
    width: 420px;
    padding: 1px;
}
.Column430PX
{
    float: left;
    width: 430px;
    padding: 1px;
}

.Column440PX
{
    float: left;
    width: 440px;
    padding: 1px;
}

.Column450PX
{
    float: left;
    width: 450px;
    padding: 1px;
}


.Column460PX
{
    float: left;
    width: 460px;
    padding: 1px;
}

.Column470PX
{
    float: left;
    width: 470px;
    padding: 1px;
}

.Column480PX
{
    float: left;
    width: 480px;
    padding: 1px;
}

.Column490PX
{
    float: left;
    width: 490px;
    padding: 1px;
}

.Column500PX
{
    float: left;
    width: 500px;
    padding: 1px;
}

.Column510PX
{
    float: left;
    width: 510px;
    padding: 1px;
}

.Column520PX
{
    float: left;
    width: 520px;
    padding: 1px;
}

.Column530PX
{
    float: left;
    width: 530px;
    padding: 1px;
}

.Column540PX
{
    float: left;
    width: 540px;
    padding: 1px;
}

.Column550PX
{
    float: left;
    width: 550px;
    padding: 1px;
}

.Column560PX
{
    float: left;
    width: 560px;
    padding: 1px;
}

.Column570PX
{
    float: left;
    width: 570px;
    padding: 1px;
}
.Column580PX
{
    float: left;
    width: 580px;
    padding: 1px;
}

.Column590PX
{
    float: left;
    width: 590px;
    padding: 1px;
}

.Column600PX
{
    float: left;
    width: 600px;
    padding: 1px;
}

.Column610PX
{
    float: left;
    width: 610px;
    padding: 1px;
}
.Column620PX
{
    float: left;
    width: 620px;
    padding: 1px;
}

.Column630PX
{
    float: left;
    width: 630px;
    padding: 1px;
}

.Column640PX
{
    float: left;
    width: 640px;
    padding: 1px;
}


.Column650PX
{
    float: left;
    width: 650px;
    padding: 1px;
}
.Column660PX
{
    float: left;
    width: 660px;
    padding: 1px;
}

.Column670PX
{
    float: left;
    width: 670px;
    padding: 1px;
}

.Column680PX
{
    float: left;
    width: 680px;
    padding: 1px;
}
.Column690PX
{
    float: left;
    width: 690px;
    padding: 1px;
}


.Column700PX
{
    float: left;
    width: 700px;
    padding: 1px;
}
.Column710PX
{
    float: left;
    width: 710px;
    padding: 1px;
}
.Column720PX
{
    float: left;
    width: 720px;
    padding: 1px;
}
.Column730PX
{
    float: left;
    width: 730px;
    padding: 1px;
}
.Column740PX
{
    float: left;
    width: 740px;
    padding: 1px;
}
.Column750PX
{
    float: left;
    width: 750px;
    padding: 1px;
}
.Column760PX
{
    float: left;
    width: 760px;
    padding: 1px;
}
.Column770PX
{
    float: left;
    width: 770px;
    padding: 1px;
}
.Column780PX
{
    float: left;
    width: 780px;
    padding: 1px;
}
.Column790PX
{
    float: left;
    width: 790px;
    padding: 1px;
}

.Column800PX
{
    float: left;
    width: 800px;
    padding: 1px;
}


/*--Styles Lines ---------------------------------------------*/

.LineBlueDotted
{
    background-image: url(Images/Common/BordersAndLines/DotedBlueLine.jpg);
    background-repeat: repeat-x;
    background-position: top;
    height: 2px;

}

.LineBlackDotted
{
    background-image: url(Images/Common/BordersAndLines/DotedBlackLine.jpg);
    background-repeat: repeat-x;
    background-position: top;
    height: 2px;
}






/*---Styles for Fonts-------------------------------------------------------------*/

/*styles*/
.FontBold
{
    font-weight: bold;
}

.FontBolder
{
    font-weight:bolder;
}
.FontItalic
{
    font-style:italic;
}

.FontBoldItalic
{
    font-weight: bold;
    font-style: italic;
}

/*color*/

.FontWhiteDefault
{
    color: #FFFFFF;
}

.FontBlackDefault
{
    color: #FFFFFF;
}


.FontGray
{
    color: Gray;
}

.Font498CA7
{
    color: #498CA7;
}

.Font1F6B98
{
    color: #1F6B98;
}

.FontRedx990000
{
    color: #990000;
}


/*font-size*/

.Font07PX
{
    font-size: 7px;
}

.Font08PX
{
    font-size: 8px;
}


.Font09PX
{
    font-size: 9px;
}

.Font10PX
{
    font-size: 10px;
}

.Font12PX
{
    font-size: 12px;
}


.Font14PX
{
    font-size: 14px;
}

.Font16PX
{
    font-size: 16px;
}

.Font18PX
{
    font-size: 18px;
}

.Font20PX
{
    font-size: 20px;
}

.Font22PX
{
    font-size: 22px;
}

.Font24PX
{
    font-size: 24px;
}

.Font26PX
{
    font-size: 26px;
}

.Font28PX
{
    font-size: 28px;
}

.Font30PX
{
    font-size: 30px;
}

/*-Styles for headings & sub headings------------------------------*/

.HeadingP05PX
{
    padding-bottom: 5px;
    padding-top: 5px;
}

.HeadingP10PX
{
    padding-bottom: 10px;
    padding-top: 10px;
}






/* Styles for highlights -------------------------------------*/

.HighLightYellow
{
    background-color: Yellow;
    color: Black;
}

.HighLightInfo
{
    background-color: InfoBackground;
    color: Black;
}

.HighLightRed
{
    background-color: red;
    color: #FFFFFF;
}



/* Misc Styles -------------------------------------*/

.GapSilver
{
    /*background-color: Silver;*/
    background-color:#E1E1E1;
    height: 5px;
}

.GapGreyHex616161
{
    background-color: #616161;
    height: 5px;
}

.GapOrange
{
    /*background-color: Orange;*/
    background-color: #00008F;
    height: 5px;
}


.AsterickRed
{
    padding-left: 4px;
    padding-right: 4px;
    color: Red;
    font-size: 11px;
}

.InfoBoxDefault
{
    padding: 5px;
    border: solid 1px #A1A1A1;
    background-color: InfoBackground;
}

.InfoBoxWarning
{
    padding: 5px;
    color: red;
    border: solid 1px red;
    background-color: InfoBackground;
}


/*Styles for Cursors--------------------*/
.CursorPointer
{
    cursor:pointer;  
}


/*Styles for floating--------------------*/

.FloatClear
{
    clear: both;
}

.FloatNone
{
    float: none;
}
.FloatLeft
{
    float: left;
}

.FloatRight
{
    float: right;
}

/*Styles for Allignment--------------------*/
.AllignContentLeft
{
    text-align:left;    
}
.AllignContentRight
{
    text-align:right;    
}

.AllignContentCenter
{
    text-align:center;    
}
.AllignContentJustify
{
    text-align:justify
}

/* Styles for Padding-----------------*/
.Padding2PX
{
    padding:2px;
}
.Padding4PX
{
    padding:4px;
}
.Padding6PX
{
    padding:6px;
}

.Padding8PX
{
    padding:8px;
}

.Padding10PX
{
    padding: 10px;
}

.Padding20PX
{
    padding: 20px;
}

.Padding30PX
{
    padding: 30px;
}

.Padding40PX
{
    padding: 40px;
}

.Padding50PX
{
    padding: 50px;
}



.PaddingTop2PX
{
    padding-top: 2px;
}

.PaddingTop4PX
{
    padding-top: 4px;
}

.PaddingTop6PX
{
    padding-top:6px;
}


.PaddingTop8PX
{
    padding-top: 8px;
}

.PaddingTop10PX
{
    padding-top: 10px;
}

.PaddingTop12PX
{
    padding-top: 12px;
}

.PaddingTop16PX
{
    padding-top: 16px;
}


.PaddingTop20PX
{
    padding-top: 20px;
}

.PaddingTop30PX
{
    padding-top: 30px;
}

.PaddingTop40PX
{
    padding-top: 40px;
}

.PaddingTop50PX
{
    padding-top: 50px;
}

.PaddingRight2PX
{
    padding-right: 2px;
}

.PaddingRight4PX
{
    padding-right: 4px;
}

.PaddingRight6PX
{
    padding-right:6px;
}


.PaddingRight8PX
{
    padding-right: 8px;
}

.PaddingRight10PX
{
    padding-right: 10px;
}

.PaddingRight12PX
{
    padding-right: 12px;
}

.PaddingRight16PX
{
    padding-right: 16px;
}

.PaddingRight20PX
{
    padding-right: 20px;
}

.PaddingRight30PX
{
    padding-right: 30px;
}

.PaddingRight40PX
{
    padding-right: 40px;
}

.PaddingRight50PX
{
    padding-right: 50px;
}

.PaddingBottom2PX
{
    padding-bottom: 2px;
}

.PaddingBottom4PX
{
    padding-bottom: 4px;
}

.PaddingBottom6PX
{
    padding-bottom:6px;
}


.PaddingBottom8PX
{
    padding-bottom: 8px;
}

.PaddingBottom10PX
{
    padding-bottom: 10px;
}

.PaddingBottom12PX
{
    padding-bottom: 12px;
}

.PaddingBottom16PX
{
    padding-bottom: 16px;
}

.PaddingBottom20PX
{
    padding-bottom: 20px;
}

.PaddingBottom30PX
{
    padding-bottom: 30px;
}

.PaddingBottom40PX
{
    padding-bottom: 40px;
}


.PaddingBottom50PX
{
    padding-bottom: 50px;
}


.PaddingLeft2PX
{
    padding-left: 2px;
}

.PaddingLeft4PX
{
    padding-left: 4px;
}

.PaddingLeft6PX
{
    padding-left:6px;
}


.PaddingLeft8PX
{
    padding-left: 8px;
}

.PaddingLeft10PX
{
    padding-left: 10px;
}

.PaddingLeft12PX
{
    padding-left: 12px;
}

.PaddingLeft16PX
{
    padding-left: 16px;
}

.PaddingLeft20PX
{
    padding-left: 20px;
}

.PaddingLeft30PX
{
    padding-left: 30px;
}

.PaddingLeft40PX
{
    padding-left: 40px;
}
.PaddingLeft50PX
{
    padding-left: 50px;
}



/* Styles for Show/Hidden*/

.DisplayNone
{
    display: none;
}

.DisplayBlock
{
    display:block;
}






/* styles for ankers----------------------------------*/



.AnchorThemeWhiteDecoration a:link, .AnchorThemeWhiteDecoration a:visited
{
    
    text-decoration: underline;
    color: #FFFFFF;
}

.AnchorThemeWhiteDecoration a:hover
{
    color: #FFFFFF;
    text-decoration: none;
    
}


.AnchorTheme616161 a:link, .AnchorTheme616161 a:visited
{
    text-decoration: underline;
    color: #616161;
    font-weight:bold;
}

.AnchorTheme616161 a:hover
{
    color: #616161;
    text-decoration: none;
    font-weight:bold;
}

.AnchorTheme5D7B9D a:link, .AnchorTheme5D7B9D a:visited
{
    text-decoration: underline;
    color: #5D7B9D;
    font-weight:bold;
}

.AnchorTheme5D7B9D a:hover
{
    color: #5D7B9D;
    text-decoration: none;
    font-weight:bold;
}




.AnchorThemeWhiteOrange a:link, .AnchorThemeWhiteOrange a:visited
{
    text-decoration: underline;
    color: #FFFFFF;
}

.AnchorThemeWhiteOrange a:hover
{
    color: orange;
    text-decoration: none;
}



.AnchorThemeGreen639800Black a:visited, .AnchorThemeGreen639800Black a:link
{
    text-decoration: underline;
    color: black;
}

.AnchorThemeGreen639800Black a:hover
{
    color: #639800;
    text-decoration: none;
}


.AnchorThemeHighLight a:visited, .AnchorThemeHighLight a:link
{
    color: #000000;
    font-size: 12px;
    letter-spacing: 1px;
}

.AnchorThemeHighLight a:hover
{
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

/* styles for Testings----------------------------------*/

.BorderBlack1PX
{
    border: solid 1px;
}

.BorderGrey1PX
{
    border: solid 1px Gray;
}

.BorderRed1PX
{
    border: solid 1px red;
}

.BorderGreen1PX
{
    border: solid 1px green;
}

.BorderBlue1PX
{
    border: solid 1px blue;
}

.BorderYellow1PX
{
    border: solid 1px Yellow;
}

.BackgroundColorAqua
{
    background-color: Aqua;
}

.BackgroundColorInfo
{
    background-color: InfoBackground;
}

.watermarkOn 
{
    color: #CCCCCC;
    font-family: Arial, sans-serif;
	font-size: 11px;
	border: solid 1px Gray;
	background-color: #F5F5F5;
}