/*============================= CUSTOM STYLES - REF0011 - ==============================================================================*/


/*Suffixing the style with (!important) keyword can not be owerwritten by other style/classes
.AnyClassName {
	background: #999 !important;
}
*/


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

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

.Convas500PX
{
    clear: both;
    width: 500px;
    overflow: auto;
}
.Convas600PX
{
    clear: both;
    width: 600px;
    overflow: auto;
}

.Convas700PX
{
    clear: both;
    width: 700px;
    overflow: auto;
}
.Convas800PX
{
    clear: both;
    width: 800px;
    overflow: auto;
}
.Convas900PX
{
    clear: both;
    width: 900px;
    overflow: auto;
}
.Convas1000PX
{
    clear: both;
    width: 1000px;
    overflow: auto;
}

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



/* STYLES FOR: ROWS -----------------------------------------------------------------*/

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



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


.RowButton
{
    clear: both;
    padding-top: 10px;
    padding-bottom: 8px;
    overflow: auto;
}



/*---STYLES FOR: Div Floating:--------------------*/

.FloatClear
{
    clear: both;
}

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

.FloatRight
{
    float: right;
}




/* ---STYLES FOR: Display */

.DisplayNone
{
    display: none;
}

.DisplayBlock
{
    display: block;
}


/* STYLES FOR: COLUMNS -----------------------------------------------------*/

.ColumnAuto
{
    float: left;
    padding: 1px;
    width: auto;
}
.Column10PX
{
    float: left;
    width: 10px;
}
.Column20PX
{
    float: left;
    width: 20px;
}

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

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

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


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


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

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

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

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

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

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

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

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

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


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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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


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

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






/*---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: FONTS-------------------------------------------------------------*/

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

.FontBolder
{
    font-weight: bolder;
}

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

.FontItalic
{
    font-style: italic;
}


.FontUnderLine
{
    text-decoration: underline;
}

/*FONT COLOR*/

.FontWhite
{
    color: #FFFFFF;
}

.FontBlack
{
    color: #000000;
}

.FontGray
{
    color: Gray;
}

.FontRed
{
    color: Red;
}

.FontGreen
{
    color: Green;
}

.FontBlue
{
    color: Blue;
}

.FontInfoBackground
{
    color: InfoBackground;
}

.FontInfoText
{
    color: InfoText;
}





/* FONT SIZE */

.Font07PX
{
    font-size: 7px;
}

.Font08PX
{
    font-size: 8px;
}

.Font09PX
{
    font-size: 9px;
}

.Font10PX
{
    font-size: 10px;
}

.Font11PX
{
    font-size: 11px;
}

.Font12PX
{
    font-size: 12px;
}

.Font13PX
{
    font-size: 13px;
}


.Font14PX
{
    font-size: 14px;
}
.Font15PX
{
    font-size: 15px;
}

.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 AND SUBHEADINGS------------------------------*/

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

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


.HeadingCustomFS14P05PX
{
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 5px;
}

.HeadingCustomFS15P05PX
{
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 5px;
}

.HeadingCustomFS16P05PX
{
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 5px;
}

.HeadingCustomFS17P05PX
{
    font-size: 17px;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 5px;
}

.HeadingCustomFS14P10PX
{
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
}

.HeadingCustomFS15P10PX
{
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
}

.HeadingCustomFS16P10PX
{
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
}

.HeadingCustomFS17P10PX
{
    font-size: 17px;
    font-weight: bold;
    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: #FF0000;
}



/* ---STYLES FOR: Misclenous -------------------------------------*/


.AsterickRedCA211A
{
    padding-left: 4px;
    padding-right: 4px;
    color: #CA211A;
    font-size: 11px;
}

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

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

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


.OverflowAuto
{
    overflow: auto;
}

.OverflowScroll
{
    overflow: scroll;
}





/*---STYLES FOR: Lines ---------------------------------------------*/

.LineHorizontalBlue
{
    background-image: url(Images/StyleCustom/DashBlue03X01.jpg);
    background-repeat: repeat-x;
    background-position: top;
    overflow: hidden;
}

.LineHorizontalBlack
{
    background-image: url(Images/StyleCustom/DashBlack03X01.jpg);
    background-repeat: repeat-x;
    background-position: top;
    height: 2px;
    overflow: hidden;
}


/*---STYLES FOR: Line-Height ---------------------------------------------*/

.LineHeight2PX
{
    line-height: 2px;
}

.LineHeight4PX
{
    line-height: 4px;
}

.LineHeight6PX
{
    line-height: 6px;
}

.LineHeight8PX
{
    line-height: 8px;
}

.LineHeight10PX
{
    line-height: 10px;
}

.LineHeight12PX
{
    line-height: 12px;
}

.LineHeight14PX
{
    line-height: 14px;
}

.LineHeight16PX
{
    line-height: 16px;
}

.LineHeight18PX
{
    line-height: 18px;
}

.LineHeight20PX
{
    line-height: 20px;
}








/*---STYLES FOR: Cursors--------------------*/



.CursorPointer
{
    cursor: pointer;
}

.CursorCrosshair
{
    cursor: crosshair;
}

.CursorHelp
{
    cursor: help;
}

.CursorMove
{
    cursor: move;
}

.CursorProgress
{
    cursor: progress;
}

.CursorWait
{
    cursor: wait;
}




/*---STYLES FOR: Allignment--------------------*/

.AllignContentLeft
{
    text-align: left;
}
.AllignContentRight
{
    text-align: right;
}

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



/* ---STYLES FOR: Ankers----------------------------------*/


.AnchorThemeNoDecoration a:link, .AnchorThemeNoDecoration a:visited
{
    text-decoration: none;
    color: #FFFFFF;
}

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



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

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


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

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




.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
{
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
/*site specific*/
.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;
}

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

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


.AnchorThemeBlue a:visited, .AnchorThemeBlue a:link
{
    color: #0000FF;
}

.AnchorThemeBlue a:hover
{
    color: #0000FF;
    text-decoration: none;
}




/* ---STYLES FOR: List----------------------------------*/
.UnorderedListCircle
{
    list-style-type: circle;
}

.UnorderedListDisc
{
    list-style-type: disc;
}

.UnorderedListSquare
{
    list-style-type: square;
}



/* ---STYLES FOR: Messages----------------------------------*/


.MessageInformation
{
    font-weight: bold;
    padding: 4px 10px 4px 10px;
    margin: 10PX 50PX 10PX 50PX;
    border: solid 1px #000000;
    color: #000000; /*background-color: Aqua ;*/
}


.MessageConfirmation
{
    font-weight: bold;
    padding: 4px 10px 4px 10px;
    margin: 10PX 50PX 10PX 50PX;
    border: solid 1px #A1A1A1;
    background-color: InfoBackground;
}

.MessageCaution
{
    font-weight: bold;
    padding: 4px 10px 4px 10px;
    margin: 10PX 50PX 10PX 50PX;
    border: solid 1px #A1A1A1;
    background-color: #f1a19f;
}
/*---------------*/



.UserMessageBox
{
    width: auto;
    margin: 10PX 50PX 10PX 50PX;
    display: table;
    font-weight: bold;
    text-align: left;
    padding: 6PX;
    border: solid 1px #A1A1A1;
    background-color: InfoBackground;
}


/* ---STYLES FOR: TESTING----------------------------------*/

.BorderBlack1PX
{
    border: solid 1px;
}

.BorderGrey1PX
{
    border: solid 1px;
}

.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;
}

.BackgroundColorRed
{
    background-color: Red;
}
.BackgroundColorGreen
{
    background-color: Green;
}

.BackgroundColorBlue
{
    background-color: Blue;
}