html{text-align:center;}
body {margin: 5px; background-image: url( 'MasterPage/Backgroung.png' ); background-color: #0066CC; background-repeat: repeat-x;}
body.LTR{direction:ltr;font-family: Arial;font-size:9pt;}
body.RTL{direction:rtl;font-family: Tahoma;font-size:9pt;}

/* Begin Of CSS Main Table*/
table#MainTable { width: 950px; border-collapse: collapse; border-spacing: 0px; }
body.LTR table#MainTable {text-align:left }
body.RTL table#MainTable {text-align:right}
/* Corner*/
table#MainTable TD.Main_Corner { width: 24px; height: 24px; vertical-align: bottom; }
/* Center Bottom*/
table#MainTable TD#Main_CB { background-position: bottom; height: 24px; background-image: url(  'MasterPage/CB.png' ); background-repeat: repeat-x; }
/* Center Right*/
body.LTR table#MainTable TD.Main_RC, body.RTL table#MainTable TD.Main_LC { width: 24px; background-position: top; background-image: url(   'MasterPage/RC.png' ); background-repeat: repeat-y; }

/* Center Left*/
body.LTR table#MainTable TD.Main_LC, body.RTL table#MainTable TD.Main_RC { width: 24px; background-position: top; background-image: url(   'MasterPage/LC.png' ); background-repeat: repeat-y; }

table#MainTable TD.Main_Center { background-color: #cccccc; }
table#MainTable TD.Main_Center Div.Main_Center { margin: 20px 45px 10px 45px; }


    /* Begin Top Menu Setting*/
        table#MainTable  TD.TopMenu table.TopMenuChild{width:100%;}
        body.LTR table.TopMenuChild TD.theme{text-align:right;}
        body.RTL table.TopMenuChild TD.theme{text-align:left;}
        
        table#MainTable TD.TopMenu { background-color: #cccccc; padding-top: 4px; padding-bottom: 4px; }
        body.LTR table#MainTable  TD.TopMenu{padding-left :180px;}
        body.RTL table#MainTable  TD.TopMenu{padding-right :180px;}
        
        table#MainTable TD.TopMenu a { font-weight: bold; color: #000066; }
        table#MainTable TD.TopMenu a:visited { font-weight: bold; color: #000066; }
        table#MainTable TD.TopMenu a:hover { font-style: normal; color: #000066; }
        table#MainTable  TD.TopMenu Div.ItemMenu {font-weight: bold; color: #000066; cursor: pointer;vertical-align:baseline;}
        body.LTR table#MainTable  TD.TopMenu Div.ItemMenu{font-size: 10pt;padding-right:15px;padding-left:3px;}
        body.RTL table#MainTable TD.TopMenu Div.ItemMenu { font-size: 8pt; padding-right: 3px; padding-left: 15px;}

        body.LTR table#MainTable TD.TopMenu Div.ItemMenu:hover { padding-right: 5px; padding-left: 13px; }
        body.RTL table#MainTable TD.TopMenu Div.ItemMenu:hover { padding-right: 13px; padding-left: 5px; }
    /*End Top Menu Setting*/

    /* Begin About Header Banner */
        table#MainTable TD.HeaderBanner_Begin { background-position: center; background-color: #cccccc; background-repeat: no-repeat; height: 49px; }
        body.LTR table#MainTable TD.HeaderBanner_Begin {background-image: url('MasterPage/LTRHeader_Banner_Begin.png' );}
        body.RTL table#MainTable TD.HeaderBanner_Begin {background-image: url('MasterPage/RTLHeader_Banner_Begin.png' );}
        table#MainTable TD.HeaderBanner_Begin table.HeaderBanner_Begin{padding:5px 20px 5px 20px;width:100%}

        body.LTR table#MainTable TD.HeaderBanner_Begin TD.Welcome {font-size:14pt;font-style:italic;font-weight:bold;color:White;}
        body.RTL table#MainTable TD.HeaderBanner_Begin TD.Welcome {font-size:10pt;font-style:italic;font-weight:bold;color:White;}

        body.LTR table#MainTable TD.HeaderBanner_Begin TD.HeaderMenu {text-align:right;}
        body.RTL table#MainTable TD.HeaderBanner_Begin TD.HeaderMenu {text-align:left;}

        table#MainTable TD.HeaderMenu a:link { font-size: 8pt; color: White; }
        table#MainTable TD.HeaderMenu a:visited { font-size: 8pt; color: White; }

        table#MainTable TD.HeaderBanner_Center { background-position: center; background-color: #cccccc; background-repeat: repeat-y;}
        body.LTR table#MainTable TD.HeaderBanner_Center {background-image: url('MasterPage/LTRHeader_Banner_Center.png' );}
        body.RTL table#MainTable TD.HeaderBanner_Center {background-image: url('MasterPage/RTLHeader_Banner_Center.png' );}

        table#MainTable TD.HeaderBanner_Center Div.MainBanner {padding:10px 30px 0px 30px;color:White;}

        table#MainTable TD.HeaderBanner_End { background-position: center; height: 18px; background-color: #cccccc; background-repeat: no-repeat; }
        body.LTR table#MainTable TD.HeaderBanner_End {background-image: url('MasterPage/LTRHeader_Banner_End.png' );}
        body.RTL table#MainTable TD.HeaderBanner_End {background-image: url('MasterPage/RTLHeader_Banner_End.png' );}

    /* End About Header Banner */
    
    /* Begin Bottom Classic Menu */
        table#MainTable TD.BottomMenu { background-color: #cccccc; }
        table#MainTable TD.BottomMenu a:link { font-size: 8pt; color: Black; }
        table#MainTable TD.BottomMenu a:visited { font-size: 8pt; color: Black; }
    /* End Bottom Classic Menu */
    
/* END Of CSS MainTable*/

/* Begin Of CSS Banner*/
table#Banner { width: 950px; border-collapse: collapse; border-spacing: 0px; }

table#Banner TD#End_Banner { vertical-align: top; height: 154px; width: 517px; background-repeat: no-repeat; background-position: top; }
    body.LTR table#Banner TD#End_Banner {background-image: url('MasterPage/LTREnd_Banner.png' );text-align:right;}
    body.RTL table#Banner TD#End_Banner {background-image: url('MasterPage/RTLEnd_Banner.png' );text-align:left;}

table#Banner TD#Begin_Banner { height: 154px; width: 24px; background-repeat: no-repeat; background-position: top; }
body.LTR table#Banner  TD#Begin_Banner{background-image: url(  'MasterPage/LTRBegin_Banner.png' );}
body.RTL table#Banner  TD#Begin_Banner{background-image: url(  'MasterPage/RTLBegin_Banner.png' );}
        
table#Banner TD#Main_Banner { height: 154px; background-repeat: repeat-x; background-position: top; background-image: url(   'MasterPage/Separator_Banner.png' ); }
table#Banner TD#Main_Banner Div { padding-top: 70px; }

table#Banner TD#Main_Banner Div TD { padding-bottom: 5px; color: #000066; border-bottom-color: #FF3300; border-bottom-width: 2px; border-bottom-style: solid; font-size: 12pt; font-weight: bold; text-align: justify; vertical-align: middle; text-align: center; white-space: nowrap; }

table#Banner div#TopToolbar { font-size: 10pt; margin: 5px; width: 160px; height: 115px; color: #999999; }
table#Banner div#TopToolbar Div { text-align: center; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #999999; margin-bottom: 3px; padding-bottom: 5px; font-size: 8pt; line-height: 15px; border-spacing: 0px; }
table#Banner .Logo { margin-left: 13px; margin-right: 13px; }
/* END Of CSS Banner*/
body.LTR P#Copyright { margin-top: 10px; border-top: 2px solid #999999; font-family: 'Courier New'; font-size: small; letter-spacing: -2px; float: right; }
body.RTL P#Copyright { margin-top: 10px; border-top: 2px solid #999999; font-family: 'Arial'; font-size: small; float: left; }

/* List View
   Type: Grid */
         
    table.DataView
    {
        margin: 5px;
        font-size: 9pt;
        background-color: #999999;
    }

    table.DataView tr.LayoutItemTemplate
    {
        font-size:10pt;
        background-color: #663300;
        color: #FFFFFF;
        height: 30px;
    }
    table.DataView tr.ModifyItemTemplate
    {
        background-color: #FFCC99;
    }
    table.DataView tr.ModifyItemTemplate TD
    {
        border-bottom-style: solid;
        border-top-style: solid;
        border-top-width: 3px;
        border-bottom-width: 3px;
        border-top-color: #CC6600;
        border-bottom-color: #CC6600;
    }

    table.DataView tr.AlternatingItemTemplate
    {
        background-color: #CCFFCC;
    }
    table.DataView tr.ItemTemplate
    {
        background-color: #CCCCFF;
    }
    body.RTL table.DataView tr.ItemTemplate div.ItemTemplate, body.RTL table.DataView tr.AlternatingItemTemplate div.ItemTemplate
    {
        float: right;
    }
    body.LTR table.DataView tr.ItemTemplate div.ItemTemplate, body.LTR table.DataView tr.AlternatingItemTemplate div.ItemTemplate
    {
        float: left;
    }

/* End List View */

/* General CSS*/
blockquote { margin-top:5px;margin-bottom:5px;}
p { margin: 7px 5px 5px 5px !important; }

a:link{color: inherit;}
a:visited{color:inherit;}
a:hover { color:inherit; font-weight: bold; }

table { empty-cells: show; border-collapse: separate; }

image.Separator { margin-right: 1px; margin-left: 1px; }

body.RTL div.HaveBackImage { background-repeat: no-repeat; background-position: left bottom; }
body.LTR div.HaveBackImage { background-repeat: no-repeat; background-position: right bottom; }

Body.RTL .New {margin:1px 2px 5px 2px; background-position: left center; border: 1px solid #000099;  padding: 1px 3px 1px 3px; text-indent: 3px; background-color: #FFFFFF; background-image: url(   'Other/Star.png' ); background-repeat: no-repeat;font-size:7pt;font-weight:bold;}
Body.LTR .New {margin:1px 2px 5px 2px; background-position: right center; border: 1px solid #000099;  padding: 1px 3px 1px 3px; text-indent: 3px; background-color: #FFFFFF; background-image: url(   'Other/Star.png' ); background-repeat: no-repeat;font-size:7pt;font-weight:bold;}

a.MoreHyperLink { text-decoration: none; font-size: 7pt; color: #993300; font-style: italic; font-weight: bold; }
a.MoreHyperLink:hover { text-decoration: none; font-size: 7.5pt; color: #FF3300; font-style: italic; font-weight: bold; }

a.OtherHyperLink { text-decoration: none; color: #0033CC;}
a.OtherHyperLink:hover { text-decoration: none; color: #0033CC;  font-weight: bold; }

body.LTR input, body.LTR Select, body.LTR textarea { font-family: arial, Helvetica, sans-serif; margin-right: 0px; }
body.RTL input, body.RTL Select, body.RTL textarea { font-family: Tahoma; }

.ENtextbox { direction: ltr; text-align: left; margin: 2px; }
.FAtextbox { direction: rtl; text-align: right; margin: 2px; }

div.Toolbar { font-size: 9pt; margin: 5px; padding: 5px; background-color: #6699FF; }

Image.BoltImage { padding: 0px 4px 0px 4px; }
Image.ImageButton { margin-left: 2px; margin-right: 2px; margin-top: 10px; vertical-align: middle; }
Input.ViewImageBox, Img.ViewImageBox { text-align: center; vertical-align: middle; max-height: 65px; max-width: 90px; cursor: pointer; }

.Title{font-weight:bold; font-size:12pt;color:White;vertical-align:50%;}
.InHomePageSubject { font-weight:bold;  color: #800000; font-size: 10pt; }
.InHomePageSubject:first-letter { color: Red; font-size: 15pt; }
.InHomePageComment { margin: 1px; font-weight: 700; line-height: 10.2pt; text-align: justify; text-indent: 15pt; color: #003399;}
.InHomePageComment:hover { margin: 1px; font-weight: 700; line-height: 10.2pt; text-align: justify; text-indent: 15pt; color: #FFFFFF; }

body.RTL .InvertAlign{text-align:left;}
body.LTR .InvertAlign{text-align:right;}
/*End General Css*/

/* Panel */
table.Panel { margin: 5px; font-size: 9pt; }
body.LTR table.Panel td.LTC, body.RTL table.Panel td.RTC{background-image: url('Panel/LTC.png') !important;width:15px!important;height:15px!important;background-repeat:no-repeat;}
body.LTR table.Panel td.RTC, body.RTL table.Panel td.LTC{background-image: url('Panel/RTC.png')!important;width:15px!important;height:15px!important;background-repeat:no-repeat;}
body.LTR table.Panel td.LC, body.RTL table.Panel td.RC{background-image: url('Panel/LC.png')!important;background-repeat:repeat-y;}
body.LTR table.Panel td.RC, body.RTL table.Panel td.LC{background-image: url('Panel/RC.png')!important;background-repeat:repeat-y;}
body.LTR table.Panel td.LBC, body.RTL table.Panel td.RBC{background-image: url('Panel/LBC.png')!important;width:15px!important;height:15px!important;background-repeat:no-repeat;}
body.LTR table.Panel td.RBC, body.RTL table.Panel td.LBC{background-image: url('Panel/RBC.png')!important;width:15px!important;height:15px!important;background-repeat:no-repeat;}

table.Panel td.C{background-color:#0099ff!important;}
table.Panel td.TC{background-image: url('Panel/TC.png')!important;background-repeat:repeat-x;}
table.Panel .FT { padding:0px; margin: -5px; background-position: center bottom; background-image: url( 'Panel/FT.png' ) !important; background-repeat: repeat-x; text-align: center; }
table.Panel td.BC{background-image: url('Panel/BC.png')!important;background-repeat:repeat-x;}
/* Panel */

/* Main Panel */
table.MainPanel { margin: 10px; font-size: 10pt; empty-cells: show; }
body.LTR table.MainPanel {text-align:left }
body.RTL table.MainPanel {text-align:right}

body.LTR table.MainPanel td.LTC, body.RTL table.MainPanel td.RTC{background-image: url('MainPanel/LTC.png');width:25px;height:25px;background-repeat:no-repeat;}
body.LTR table.MainPanel td.RTC, body.RTL table.MainPanel td.LTC{background-image: url('MainPanel/RTC.png');width:25px;height:25px;background-repeat:no-repeat;}
body.LTR table.MainPanel td.LC, body.RTL table.MainPanel td.RC{background-image: url('MainPanel/LC.png');background-repeat:repeat-y;}
body.LTR table.MainPanel td.RC, body.RTL table.MainPanel td.LC{background-image: url('MainPanel/RC.png');background-repeat:repeat-y;}
body.LTR table.MainPanel td.LBC, body.RTL table.MainPanel td.RBC{background-image: url('MainPanel/LBC.png');width:25px;height:25px;background-repeat:no-repeat;}
body.LTR table.MainPanel td.RBC, body.RTL table.MainPanel td.LBC{background-image: url('MainPanel/RBC.png');width:25px;height:25px;background-repeat:no-repeat;}

table.MainPanel td.C{background-color: #CCCCCC;}
table.MainPanel td.TC{background-image: url('MainPanel/TC.png');background-repeat:repeat-x;}
table.MainPanel td.BC{background-image: url('MainPanel/BC.png');background-repeat:repeat-x;}
/*Main Panel */
 
/* Begin Category Form*/
div.Category { }

div.Category div.ItemTemplate { width: 100px; height: 100px; text-align: center; margin: 4px; padding: 10px 3px 5px 3px; }
body.RTL div.Category div.ItemTemplate {float: right;}
body.LTR div.Category div.ItemTemplate {float:left; }

div.Category div.ItemTemplate:hover { border: 1px solid #FFFFFF; background-color: #CCCCFF; width: 98px; height: 98px; text-align: center; margin: 4px; padding: 10px 3px 5px 3px; }
body.RTL div.Category div.ItemTemplate:hover {float: right;}
body.LTR div.Category div.ItemTemplate:hover {float:left; }

div.Category div.AlternatingItemTemplate { width: 100px; height: 100px; text-align: center;  margin: 4px; padding: 10px 3px 5px 3px; }
body.RTL div.Category div.AlternatingItemTemplate {float: right;}
body.LTR div.Category div.AlternatingItemTemplate {float:left; }

div.Category div.AlternatingItemTemplate:hover { border: 1px solid #FFFFFF; background-color: #CCFFCC; width: 98px; height: 98px; text-align: center; margin: 4px; padding: 10px 3px 5px 3px; }
body.RTL div.Category div.AlternatingItemTemplate:hover {float: right;}
body.LTR div.Category div.AlternatingItemTemplate:hover {float:left; }

div.Category div.LayoutItemTemplate { }

div.Category div.ModifyItemTemplate { border: 2px dashed #0099FF; background-color: #CCCCFF; width: 200px; height: 200px; text-align: center;  margin: 4px; padding: 10px 3px 5px 3px; }
body.RTL div.Category div.ModifyItemTemplate{float: right;}
body.LTR div.Category div.ModifyItemTemplate{float:left; }

div.Category div.NormalModifyItemTemplate { border: 2px dashed #0099FF; background-color: #CCCCFF; width: 100px; height: 96px; text-align: center; margin: 2px; padding: 10px 3px 5px 3px;}
body.RTL div.Category div.NormalModifyItemTemplate{float: right;}
body.LTR div.Category div.NormalModifyItemTemplate{float:left; }

div.Category div.NormalModifyItemTemplate Input {text-align:center;} 
/* End Category Form*/

/* Begin Category Medium Size Form*/
div.CategoryMS { }
div.CategoryMS div.ItemTemplate Input{max-height:70px;max-width:110px;}
div.CategoryMS div.AlternatingItemTemplate Input{max-height:70px;max-width:110px;}

div.CategoryMS div.ItemTemplate { width: 120px; height: 120px; text-align: center;  margin: 4px; padding: 10px 3px 5px 3px; }
body.RTL div.CategoryMS div.ItemTemplate {float: right;}
body.LTR div.CategoryMS div.ItemTemplate {float:left; }

div.CategoryMS div.ItemTemplate:hover { border: 1px solid #FFFFFF; background-color: #CCCCFF; width: 118px; height: 118px; text-align: center;  margin: 4px; padding: 10px 3px 5px 3px; }
body.RTL div.CategoryMS div.ItemTemplate:hover {float: right;}
body.LTR div.CategoryMS div.ItemTemplate:hover {float:left; }

div.CategoryMS div.AlternatingItemTemplate { width: 120px; height: 120px; text-align: center;  margin: 4px; padding: 10px 3px 5px 3px; }
body.RTL div.CategoryMS div.AlternatingItemTemplate {float: right;}
body.LTR div.CategoryMS div.AlternatingItemTemplate {float:left; }

div.CategoryMS div.AlternatingItemTemplate:hover { border: 1px solid #FFFFFF; background-color: #CCFFCC; width: 118px; height: 118px; text-align: center;  margin: 4px; padding: 10px 3px 5px 3px; }
body.RTL div.CategoryMS div.AlternatingItemTemplate:hover {float: right;}
body.LTR div.CategoryMS div.AlternatingItemTemplate:hover {float:left; }

div.CategoryMS div.LayoutItemTemplate { }

div.CategoryMS div.ModifyItemTemplate2 Input { text-align: center; }

div.CategoryMS div.ModifyItemTemplate2 { border: 2px dashed #0099FF; background-color: #CCCCFF; width: 200px; height: 200px; text-align: center;  margin: 4px; padding: 10px 3px 5px 3px; }
body.RTL div.CategoryMS div.ModifyItemTemplate2{float: right;}
body.LTR div.CategoryMS div.ModifyItemTemplate2{float:left; }

div.CategoryMS div.ModifyItemTemplate { border: 2px dashed #0099FF; background-color: #CCCCFF; width: 120px; height: 120px; text-align: center;  margin: 4px; padding: 10px 3px 5px 3px; }
body.RTL div.CategoryMS div.ModifyItemTemplate{float: right;}
body.LTR div.CategoryMS div.ModifyItemTemplate{float:left; }

/* End Category Form*/

 /* Proral */
    div.DataPager {text-align:center;direction:ltr;}
    div.ItemTemplate {}
    div.ItemTemplate table{table-layout: fixed;margin:2px;}
    div.ItemTemplate table TD.Item { padding: 3px; border: 1px solid #FFFFFF; background-color: #CCCCFF; vertical-align: top; }    
    div.ItemTemplate table TD.Toolbar, div.AlternatingItemTemplate table TD.Toolbar  { width: 30px; vertical-align: top; text-align: center; padding: 5px; background-color: #99CCFF; border: 1px solid #0033CC; }    
    div.ItemTemplate table TD.Image, div.AlternatingItemTemplate table TD.Image{ padding: 3px; border: 1px solid #FFFFFF; vertical-align: middle;width:140px;text-align:center;}    
    div.ItemTemplate table TD.Image Img, div.AlternatingItemTemplate table TD.Image Img{max-height:140px;max-width:140px}
    div.ItemTemplate table TD.RefChange, div.AlternatingItemTemplate table TD.RefChange { width: 30px; vertical-align: top; text-align: center; padding: 5px; background-color: #99CCFF; border: 1px solid #0033CC;vertical-align:middle;}

    div.AlternatingItemTemplate {}
    div.AlternatingItemTemplate table{table-layout: fixed;margin:2px;}
    div.AlternatingItemTemplate table TD.Item { padding: 3px; border: 1px solid #FFFFFF; background-color: #CCFFCC; vertical-align: top; }

/* Protal */