.div_clear {
    clear: both;
    border: solid 0px #0000CC;
}

/*  new work START 30-07-2025  */
BODY.chahidapage {
    /* BACKGROUND: url(./../images/bodyBackground.jpg) 50% 0px */
}
BODY.chahidapage {
    height:1000px;
    BACKGROUND: #FFFFFF;
    BACKGROUND: url(./../images/newrootsbluegrass.jpg) #7f919e repeat 50% 0px ;
}

PageBodyTitle.wrapper {
    MARGIN: auto
}

.wrapper {
    max-width:1240px;
    min-width:300px;
    margin: 0px auto !important;
    border:0px solid #FF0000;
}


#header {
    Z-INDEX: 10; POSITION: relative; HEIGHT:50px;
}

/*  Menu STYLE START here  */

#menu {
    POSITION: absolute; BOTTOM: -3px; LEFT: 0px
}
#menu .menu { FLOAT: left }




#menu UL { PADDING: 0px; LIST-STYLE-IMAGE: none; }

#menu LI { POSITION: relative; PADDING: 0px; }
#menu LI:hover .dropdown { LEFT: 0px; }
#menu LI.level1 { PADDING-RIGHT: 9px; BACKGROUND: url(./../images/menu_level1_item.png) no-repeat 100% 0px; FLOAT: left; MARGIN-RIGHT: 5px; }
#menu LI.level1:hover { BACKGROUND-POSITION: 100% -117px; }

#menu UL LI DIV.dropdown { WIDTH: auto; POSITION: absolute; TOP: 34px; LEFT: -999em; }


#menu LI.parent A.level1 {
    PADDING-LEFT: 25px; BACKGROUND-POSITION: 0px -78px
}
#menu LI.parent SPAN.level1 {
    PADDING-LEFT: 25px; BACKGROUND-POSITION: 0px -78px
}


#menu LI.active.level1 {
    BACKGROUND-POSITION: 100% -117px
}
#menu LI.active.level1 A.level1 {
    BACKGROUND-POSITION: 0px -156px
}
#menu LI.active.level1 SPAN.level1 {
    BACKGROUND-POSITION: 0px -156px
}
#menu LI.active.parent.level1 A.level1 {
    BACKGROUND-POSITION: 0px -195px
}
#menu LI.active.parent.level1 SPAN.level1 {
    BACKGROUND-POSITION: 0px -195px
}
#menu LI.active .level1 SPAN.bg {
    COLOR: #ffffff
}
#menu LI.active .level1 SPAN.subtitle {
    COLOR: #ffffff
}


/*  Menu STYLE END here  */







#menu .columns2 {
    WIDTH: 280px
}
#menu .columns3 {
    WIDTH: 420px
}
#menu .columns4 {
    WIDTH: 560px
}


#menu A {
    DISPLAY: block
}
#menu SPAN {
    DISPLAY: block
}
#menu A {
    TEXT-DECORATION: none
}
#menu SPAN.icon {
    BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0px 50%
}


#menu A.level1 {
    PADDING-LEFT: 10px; BACKGROUND: url(./../images/menu_level1_item.png) no-repeat 0px -39px; FLOAT: left
}
#menu SPAN.level1 {
    PADDING-LEFT: 10px; BACKGROUND: url(./../images/menu_level1_item.png) no-repeat 0px -39px; FLOAT: left
}
#menu A.level1 SPAN.bg {
    PADDING-BOTTOM: 0px; LINE-HEIGHT: 35px; TEXT-TRANSFORM: uppercase; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; FLOAT: left; HEIGHT: 36px; COLOR: #969696; FONT-SIZE: 15px; PADDING-TOP: 0px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1.0), 0px 0px 5px rgba(255, 255, 255, 0.3)
}
#menu SPAN.level1 SPAN.bg {
    PADDING-BOTTOM: 0px; LINE-HEIGHT: 35px; TEXT-TRANSFORM: uppercase; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; FLOAT: left; HEIGHT: 36px; COLOR: #969696; FONT-SIZE: 15px; PADDING-TOP: 0px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1.0), 0px 0px 5px rgba(255, 255, 255, 0.3)
}

#menu LI.remain.level1 {
    BACKGROUND-POSITION: 100% -117px
}

#menu LI.level1:hover A.level1 {
    BACKGROUND-POSITION: 0px -156px
}
#menu LI.remain.level1 A.level1 {
    BACKGROUND-POSITION: 0px -156px
}

#menu LI.level1:hover SPAN.level1 {
    BACKGROUND-POSITION: 0px -156px
}
#menu LI.remain.level1 SPAN.level1 {
    BACKGROUND-POSITION: 0px -156px
}

#menu LI.parent.level1:hover A.level1 {
    BACKGROUND-POSITION: 0px -234px
}
#menu LI.remain.parent.level1 A.level1 {
    BACKGROUND-POSITION: 0px -234px
}
#menu LI.parent.level1:hover SPAN.level1 {
    BACKGROUND-POSITION: 0px -234px
}
#menu LI.remain.parent.level1 SPAN.level1 {
    BACKGROUND-POSITION: 0px -234px
}
#menu LI:hover .level1 SPAN.bg {
    COLOR: #ffffff
}
#menu LI.remain .level1 SPAN.bg {
    COLOR: #ffffff
}


#menu A.level1 SPAN.title {
    LINE-HEIGHT: 26px; FONT-SIZE: 15px
}
#menu SPAN.level1 SPAN.title {
    LINE-HEIGHT: 26px; FONT-SIZE: 15px
}
#menu A.level1 SPAN.subtitle {
    LINE-HEIGHT: 10px; TEXT-TRANSFORM: none; MARGIN-TOP: -5px; FONT-SIZE: 9px; FONT-WEIGHT: normal
}
#menu SPAN.level1 SPAN.subtitle {
    LINE-HEIGHT: 10px; TEXT-TRANSFORM: none; MARGIN-TOP: -5px; FONT-SIZE: 9px; FONT-WEIGHT: normal
}
#menu LI:hover .level1 SPAN.subtitle {
    COLOR: #ffffff
}
#menu LI.remain .level1 SPAN.subtitle {
    COLOR: #ffffff
}


#menu LI.remain .dropdown {
    LEFT: 0px
}
#menu .dropdown-t1 {
    BACKGROUND: url(./../images/menu_dropdown_corners.png) no-repeat 0px 0px
}
#menu .dropdown-t2 {
    PADDING-BOTTOM: 0px; PADDING-LEFT: 25px; PADDING-RIGHT: 6px; BACKGROUND: url(./../images/menu_dropdown_corners.png) no-repeat 100% -11px; PADDING-TOP: 0px
}
#menu .dropdown-t3 {
    BACKGROUND: url(./../images/menu_dropdown_corners.png) repeat-x 0px -22px; HEIGHT: 6px
}
#menu .dropdown-1 {
    BACKGROUND: url(./../images/menu_dropdown_edges.png) repeat-y 0px 0px
}
#menu .dropdown-2 {
    PADDING-BOTTOM: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; BACKGROUND: url(./../images/menu_dropdown_edges.png) repeat-y 100% 0px; PADDING-TOP: 0px
}
#menu .dropdown-3 {
    PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: #41403f; OVERFLOW: hidden; PADDING-TOP: 0px
}
#menu .dropdown-b1 {
    BACKGROUND: url(./../images/menu_dropdown_corners.png) no-repeat 0px -33px
}
#menu .dropdown-b2 {
    PADDING-BOTTOM: 0px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; BACKGROUND: url(./../images/menu_dropdown_corners.png) no-repeat 100% -44px; PADDING-TOP: 0px
}
#menu .dropdown-b3 {
    BACKGROUND: url(./../images/menu_dropdown_corners.png) repeat-x 0px -55px; HEIGHT: 6px
}
#menu UL.level2 {
    BACKGROUND: url(./../images/menu_level2_line_v.png) repeat-y 100% 0px
}
#menu UL.last {
    BACKGROUND: none transparent scroll repeat 0% 0%
}
#menu .hover-box1 {
    OVERFLOW: hidden
}
#menu A.level2 {
    MARGIN-TOP: 1px; BACKGROUND: #41403f
}
#menu A.first.level2 {
    MARGIN: 0px
}
#menu A.level2 SPAN.bg {
    LINE-HEIGHT: 24px; PADDING-LEFT: 10px; COLOR: #aaaaaa; FONT-SIZE: 15px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1.0)
}
#menu SPAN.level2 SPAN.bg {
    LINE-HEIGHT: 24px; PADDING-LEFT: 10px; COLOR: #aaaaaa; FONT-SIZE: 15px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1.0)
}
#menu A.level2:hover SPAN.bg {
    COLOR: #ffffff
}
#menu LI.level2 A.current SPAN.bg {
    FONT-WEIGHT: bold
}
#menu A.level2 SPAN.subtitle {
    TEXT-TRANSFORM: none; MARGIN-TOP: -10px; FONT-SIZE: 10px; FONT-WEIGHT: normal
}
#menu SPAN.level2 SPAN.subtitle {
    TEXT-TRANSFORM: none; MARGIN-TOP: -10px; FONT-SIZE: 10px; FONT-WEIGHT: normal
}
#menu A.level2 SPAN.icon {
    LINE-HEIGHT: 45px; MIN-HEIGHT: 45px; PADDING-LEFT: 50px
}
#menu SPAN.level2 SPAN.icon {
    LINE-HEIGHT: 45px; MIN-HEIGHT: 45px; PADDING-LEFT: 50px
}
#menu A.level2 SPAN.icon SPAN.title {
    LINE-HEIGHT: 33px
}
#menu SPAN.level2 SPAN.icon SPAN.title {
    LINE-HEIGHT: 33px
}
#menu A.level2 SPAN.icon SPAN.subtitle {
    LINE-HEIGHT: 12px
}
#menu SPAN.level2 SPAN.icon SPAN.subtitle {
    LINE-HEIGHT: 12px
}
#menu .sub {
    PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 0px
}
#menu UL.level3 {
    PADDING-BOTTOM: 10px; BACKGROUND: url(./../images/menu_level2_line_h.png) repeat-x 0px 100%
}
#menu LI.last.level2 UL.level3 {
    PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-TOP: 0px
}
#menu LI.level3 {
    MARGIN: 0px -10px
}
#menu A.level3 {
    MARGIN-TOP: 1px; BACKGROUND: #41403f
}
#menu A.level3 SPAN.bg {
    LINE-HEIGHT: 17px; PADDING-LEFT: 11px; COLOR: #f0f0f0; FONT-SIZE: 11px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1.0)
}
#menu SPAN.level3 SPAN.bg {
    LINE-HEIGHT: 17px; PADDING-LEFT: 11px; COLOR: #f0f0f0; FONT-SIZE: 11px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1.0)
}
#menu A.level3:hover SPAN.bg {
    COLOR: #ffffff
}
#menu .columns2 UL.level2 {
    FLOAT: left
}
#menu .columns3 UL.level2 {
    FLOAT: left
}
#menu .columns4 UL.level2 {
    FLOAT: left
}
#menu .columns2 UL.level2 {
    WIDTH: 50%
}
#menu .columns3 UL.level2 {
    WIDTH: 34%
}
#menu .columns3 UL.first {
    WIDTH: 33%
}
#menu .columns3 UL.last {
    WIDTH: 33%
}
#menu .columns4 UL.level2 {
    WIDTH: 25%
}
#menu .columns2 LI.level2 .group-box1 {
    MARGIN-RIGHT: 2px
}
#menu .columns3 LI.level2 .group-box1 {
    MARGIN-RIGHT: 2px
}
#menu .columns4 LI.level2 .group-box1 {
    MARGIN-RIGHT: 2px
}
#menu .columns2 UL.last LI.level2 .group-box1 {
    MARGIN-RIGHT: 0px
}
#menu .columns3 UL.last LI.level2 .group-box1 {
    MARGIN-RIGHT: 0px
}
#menu .columns4 UL.last LI.level2 .group-box1 {
    MARGIN-RIGHT: 0px
}


/* nst styles end */


/* back to top */
#back-to-top {
background:#353738;
color:#ffffff;
padding:6px 8px;
font-size:12px;
  border: 1px solid #808080;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  box-shadow: 0px 0px 0px rgba(0,0,0,0.3);
}

.back-to-top {
position:fixed !important;
position:absolute;
bottom:50px;
right:20px;
z-index:999;
}
.uiBoxGray{background-color:#f2f2f2;border:1px solid #ccc}
.uiBoxDarkgray{color:#ccc;background-color:#333;border:1px solid #666}
.uiBoxLightblue{background-color:#edeff4;border:1px solid #d8dfea}
.uiBoxRed{background-color:#ffebe8;border:1px solid #dd3c10}
.uiBoxWhite{background-color:#fff;border:1px solid #ccc;}
.uiBoxYellow{background-color:#fff9d7;border:1px solid #e2c822}
.uiBoxOverlay{background-color:#ffffff;border:1px solid #3b5998;border:1px solid rgba(59, 89, 153, .65);zoom:1}
.noborder{border:none}
.topborder{border-bottom:none;border-left:none;border-right:none}
.bottomborder{border-left:none;border-right:none;border-top:none}
.dashedborder{border-style:dashed}

.mhl{margin-left:20px;margin-right:20px;}
.mts{margin-top:5px}
.phl{padding-left:20px;padding-right:20px;}
.ptm{padding-top:10px}

.uiInterstitial{border-radius:4px;margin-left:auto;margin-right:auto}



.PageBody {
    BACKGROUND: url(./../images/wrapper_edges.png) repeat-y 0px 0px;
}

.PageBody {
    POSITION: relative;
    TEXT-ALIGN: center;
    PADDING: 0px 0px 0px 0px;
    CLEAR: both;
}

.PageBody-2 {
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    BACKGROUND: url(./../images/wrapper_edges.png) repeat-y 100% 0px;
}

.PageBody-3 {
    PADDING-LEFT: 14px;
    PADDING-RIGHT: 14px;
    BACKGROUND: url(./../images/wrapper_line.png) #900c00 repeat-x 0px 100%;
    OVERFLOW: hidden;
    PADDING-TOP: 10px;
}

.PageBodyBox {
    border-radius: 4px;
    margin-bottom:20px;
}

.BoxBgWhite {
    background-color: #fff;
    COLOR: #333;
    text-shadow: 0px 0px 0px #000000;    
}

.BoxBgTheme {
    background-color: #373635;
    COLOR: #FFFFFF;
    text-shadow: 1px 1px 1px #000000; 
}



.PageBodyContent {
    font-size: 18px;
    line-height:120%;
    text-align:left;
    padding: 10px 20px 10px 20px;
}

.PageBodyTitle {
    font-size: 24px;
    COLOR: #202020;
    text-shadow: 0px 0px 0px #000000;   
    border-bottom: 1px solid #aaa;
    padding-top: 20px;
    padding-bottom: 10px;
    
    text-align:left;
}

.PageBodyContent p {
    padding-left: 0px;
    margin-top: 20px;
}

.FooterContent {
    font-size: 16px;
    line-height:120%;
    text-align: center;
    color: #969696;
    text-shadow: 1px 1px 1px #000000;
    
}



#bottom {
    CLEAR: both; OVERFLOW: hidden
}




DIV#footer {
    BACKGROUND: url(./../images/wrapper_edges.png) repeat-y 0px 0px;
}


/* BOX STYLE START HERE */

DIV.box-tl {
    BACKGROUND: url(./../images/wrapper_corners.png) no-repeat 0px 0px;
}

DIV.box-tlc {
    BACKGROUND: url(./../images/wrapper_corners.png) no-repeat 0px -11px;
}

DIV.box-trc {
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 6px;
    PADDING-RIGHT: 6px;
    BACKGROUND: url(./../images/wrapper_corners.png) no-repeat 100% -22px;
    PADDING-TOP: 0px;
}
DIV.box-tline {
    BACKGROUND: url(./../images/wrapper_corners.png) repeat-x 0px -33px;
    HEIGHT: 4px;
}
DIV.box-lline {
    BACKGROUND: url(./../images/wrapper_edges.png) repeat-y 0px 0px;
    POSITION: relative;
    PADDING: 0px 0px 0px 0px;
    CLEAR: both;
}

DIV.box-rline {
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    BACKGROUND: url(./../images/wrapper_edges.png) repeat-y 100% 0px;
}
DIV.box-h {
    BACKGROUND: url(./../images/wrapper_corners.png) repeat-x 0px -105px;
    HEIGHT: 10px;
}




DIV.box-blc {
    POSITION: relative;
    BACKGROUND: url(./../images/wrapper_corners.png) no-repeat 0px -63px;
}


DIV.box-brc {
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 6px;
    PADDING-RIGHT: 6px;
    BACKGROUND: url(./../images/wrapper_corners.png) no-repeat 100% -93px;
    PADDING-TOP: 0px;
}



DIV.box-bline {
    BACKGROUND: url(./../images/wrapper_corners.png) repeat-x 0px -123px; HEIGHT: 6px
}


DIV.box-bl {
    POSITION: relative;
    MARGIN-BOTTOM: 25px;
    BACKGROUND: url(./../images/wrapper_corners.png) no-repeat 0px -44px;
}

DIV.box-br {
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 6px;
    PADDING-RIGHT: 6px;
    BACKGROUND: url(./../images/wrapper_corners.png) no-repeat 100% -74px;
    PADDING-TOP: 0px;
}

/* BOX STYLE END HERE */




/* Top Login Panel START */

#top-content{
    width: 100%;
    height: 90px;
    margin:0px;
    background: #373635;
}

#top-content-wrapper{
    max-width:1240px;
    min-width:300px;
    margin-left: auto;
    margin-right: auto;
}
#top-content-wrapper .top-content-logo{
    float:left;
    width: 350px;
    margin-left:10px;
    margin-top:30px;
}
#top-content-wrapper .top-content-login{
    float:right;
    width: 410px;
    margin:0px;
    padding-top:10px;
}

.top-content-login .st1magic {padding-bottom: 4px}
.top-content-login .st1magic label {
  color: #fff;
  font-weight: normal;
  padding-left: 1px;
  padding-top: 4px;
}
.top-content-login td.st1magic {text-align: left}
.top-content-login #email {direction: ltr}

.top-content-login .inputtext,
.top-content-login .inputpassword {
  border-color: #1d2a5b;
  margin: 0;
  width: 142px;
  border-color: #96a6c5;
  font-size:11px;
 }

.top-content-login table tr {vertical-align: top}
.top-content-login table tr td {padding: 0 0 0 14px}
.top-content-login .html7magic {padding-bottom: 4px}
.top-content-login .inputtext,.top-content-login .inputpassword {
  border-color: #1d2a5b;
  margin: 0;
  width: 142px;
  font-size:13px
 }
 
.top-content-login .login_form_label_field label,
.top-content-login .login_form_label_field a {color: #9daccb;font-weight:normal; font-size:11px}

.top-content-login .login_form_label_field {padding-top: 3px;}
 
 
 
 /* center styles start */
 
 /* DIV.content-wrapper-t1 {
    BACKGROUND: url(./../images/content_wrapper_corners.png) no-repeat 0px 0px
} */
DIV.content-wrapper-t1 {
    BACKGROUND: url(./../images/content_wrapper_corners_left.png) no-repeat 0px 0px
}

DIV.content-wrapper-t2 {
    PADDING-BOTTOM: 0px; PADDING-LEFT: 250px; PADDING-RIGHT: 215px; BACKGROUND: url(./../images/content_wrapper_corners.png) no-repeat 100% -20px; PADDING-TOP: 0px
}
DIV.content-wrapper-t3 {
    BACKGROUND: url(./../images/content_wrapper_corners.png) repeat-x 0px -40px; HEIGHT: 15px
}



DIV.content-wrapper-1 {
    BACKGROUND: url(./../images/content_wrapper_edges_without.png) #faf9f8 repeat-y 0px 0px
}
DIV.content-wrapper-2 {
    PADDING-BOTTOM: 0px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BACKGROUND: url(./../images/content_wrapper_edges_without.png) repeat-y 100% 0px; PADDING-TOP: 0px
}


#middle {
    POSITION: relative; WIDTH: 100%; MIN-HEIGHT: 400px; CLEAR: both; OVERFLOW: hidden
}
#middle-expand {  WIDTH: 200%;  }


#center {
    POSITION: relative; WIDTH: 50%; FLOAT: left; LEFT: 50%;
}
#center-shift { BORDER: #FF00FF 0px solid;
    MARGIN-LEFT: 255px; MARGIN-RIGHT: 230px; POSITION: relative; OVERFLOW: hidden; LEFT: -100%
}

/* 

#main {
    POSITION: relative; WIDTH: 50%; FLOAT: left; LEFT: 50%
}
#main-shift {
    POSITION: relative; OVERFLOW: hidden; LEFT: -100%
}

 */



DIV.content-wrapper-b1 {
    MARGIN-BOTTOM: 25px; BACKGROUND: url(./../images/content_wrapper_corners.png) no-repeat 0px -60px
}
DIV.content-wrapper-b2 {
    PADDING-BOTTOM: 0px; PADDING-LEFT: 250px; PADDING-RIGHT: 215px; BACKGROUND: url(./../images/content_wrapper_corners.png) no-repeat 100% -82px; PADDING-TOP: 0px
}
DIV.content-wrapper-b3 {
    BACKGROUND: url(./../images/content_wrapper_corners.png) repeat-x 0px -104px; HEIGHT: 17px
}


.st-btn.google {
    background-color: #4e6cf7;
}

.st-btn.google:before {
    content: "\f126";
}

.st-btn.yahoo {
    background-color: #a200c2;
}

.st-btn.call {
    background-color: #008000;
}


.reset_button {
    width: 115px;
    height: 27px;
    border: 0px solid #FF0000;
    background: url(../images/reset.gif) no-repeat;
    cursor: pointer;
}


input[type="button" i] {
    appearance: auto;
    user-select: none;
    white-space: pre;
    align-items: flex-start;
    text-align: center;
    box-sizing: border-box;
    background-color: buttonface;
    border-style: outset;
    border-color: buttonborder;
    border-image: initial;
    cursor: pointer;
}


input {
    text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: auto;
    -webkit-rtl-ordering: logical;
    cursor: text;
    background-color: field;
    border-style: inset;
    border-image: initial;
}


.st-btn, a.st-btn {
    border: 1px solid #777;
    border-color: rgba(0,0,0,0.2);
    border-bottom-color: #333;
    border-bottom-color: rgba(0,0,0,0.4);
    color: #fff;
    -moz-box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.4), inset 0 0 0.1em rgba(255,255,255,0.9);
    -webkit-box-shadow: inset 0 0.08em 0 rgb(255 255 255 / 40%), inset 0 0 0.1em rgb(255 255 255 / 90%);
    box-shadow: inset 0 0.08em 0 rgb(255 255 255 / 40%), inset 0 0 0.1em rgb(255 255 255 / 90%);
    cursor: pointer;
    display: inline-block;
    font-family: "Lucida Grande", Tahoma, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 5px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 rgb(0 0 0 / 50%);
    white-space: nowrap;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    -moz-border-radius: .3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
}


.st-btn:before {
    content: "";
    border-right: 0.075em solid rgba(0,0,0,0.1);
    float: left;
    font-style: normal;
    font-weight: normal;
    margin: 0 0.5em 0 0;
    padding: 0 0.5em;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    -moz-box-shadow: 0.075em 0 0 rgba(255,255,255,0.25);
    -webkit-box-shadow: 0.075em 0 0 rgb(255 255 255 / 25%);
    box-shadow: 0.075em 0 0 rgb(255 255 255 / 25%);
    -moz-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}




.auto_textarea {
    height: 80px;
    font-family: SolaimanLipi, SolaimanLipi-Bold, arial;
    font-size: 20px;
    color: #000;
    background-color: #FBFBCA;
    border: 1px solid #999999;
    outline: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px;
}

textarea {
    max-width: 100%;
}

textarea {
    writing-mode: horizontal-tb !important;
    font-family: monospace;
    text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    -webkit-rtl-ordering: logical;
    resize: auto;
    cursor: text;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    background-color: field;
    column-count: initial !important;
    margin: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
    padding: 2px;
}

textarea {
    overflow: auto;
    width: 98%;
    resize: vertical;
    background-color: #F8FAC6;
    background-image: url(../images/domains_submit_bg.gif) no-repeat left top;
}

.unicode_textarea {
    height: 250px;
    font-family: solaimanLipi;
    font-size: 26px;
    color: #000000;
    border: 1px solid #999999;
    outline: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px;
}

.unicode_button {
    width: 160px;
    height: 27px;
    margin-right: 20px;
    border: 0px solid #FF0000;
    background: url(../images/convert_up.gif) no-repeat;
    cursor: pointer;
}

.bijoy_textarea {
    height: 250px;
    font-family: SutonnyMJ;
    font-size: 26px;
    color: #000000;
    border: 1px solid #999999;
    outline: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 10px;
    cursor: pointer;    
}

.bijoy_button {
    width: 155px;
    height: 27px;
    margin-right: 20px;
    border: 0px solid #FF0000;
    background: url(../images/convert_down.gif) no-repeat;
}











/*  *//*  *//*  *//*  *//*  *//*  *//*  *//*  *//*  *//*  */


table.mytable { width: 100%; border: none; border: 0px solid #789DB3; border-collapse: collapse; }
table.mytable td { border: none; border: 0px solid #789DB3; padding: 0px; }
table.mytable tr.special td { border-bottom: 0px solid #ff0000;  }

table.mytable1 { width: 200px; padding: 0px; border: none; border: 1px solid #789DB3; border-collapse: collapse; }
table.mytable1 td { padding: 2px; border: 1px solid #789DB3; }
table.mytable1 tr.special td { border-bottom: 1px solid #ff0000;  }


/* ALL BOX section START here */
.box_top1{background-image:url(../images/box_top1.jpg); background-repeat:repeat-x; height:12px; }
.box_top{background-image:url(../images/box_top.gif); background-repeat:repeat-x;height:32px; }
.box_left{background-image:url(../images/box_left.gif); background-repeat:repeat-y; }
.box_right{background-image:url(../images/box_right.gif); background-repeat:repeat-y; }
.box_bot{background-image:url(../images/box_bot.gif); background-repeat:repeat-x; height:12px; }
.box_head{
    font-family : Tahoma, verdana, Helvetica, Arial, sans-serif;
    font-size:13px; color: #000000; text-align: left; padding-left: 5px;
}
.box_head_bangla { font-family: SolaimanLipi; font-weight: normal; font-size : 20px; color: #000000; text-align: left; padding-left: 5px; }





.body_middle { width: 100%; }

/*  center end  */

/* bottom styles end*/

#left {
    WIDTH: 239px
}


#left {
    POSITION: relative; FLOAT: left; OVERFLOW: hidden; LEFT: -50%; MARGIN-TOP:0px;
}
#left .module {
    MARGIN-BOTTOM: 15px
}

#left DIV.mod-rounded {
    MARGIN-LEFT: 15px; MARGIN-RIGHT: 15px
}

.column-left DIV.content-wrapper-t1 {
    BACKGROUND-POSITION: 0px -126px
}
.column-left DIV.content-wrapper-1 {
    BACKGROUND-IMAGE: url(./../images/content_wrapper_edges_with.png)
}
.column-left DIV.content-wrapper-b1 {
    BACKGROUND-POSITION: 0px -166px
}


.column-left DIV.content-wrapper-2 {
    PADDING-LEFT: 0px
}




#right {
    FLOAT: left; OVERFLOW: hidden; WIDTH: 217px; MARGIN-LEFT: -455px; MARGIN-TOP:0px;
}



#right .module {
    MARGIN-BOTTOM: 15px
}

#right DIV.last {
    MARGIN-BOTTOM: 0px
}

#right DIV.mod-rounded {
    MARGIN-LEFT: 15px; MARGIN-RIGHT: 15px
}


.column-right DIV.content-wrapper-t2 {
    BACKGROUND-POSITION: 100% -146px
}
.column-right DIV.content-wrapper-2 {
    BACKGROUND-IMAGE: url(./../images/content_wrapper_edges_with.png)
}
.column-right DIV.content-wrapper-b2 {
    BACKGROUND-POSITION: 100% -188px
}

.column-right DIV.content-wrapper-2 {
    PADDING-RIGHT: 0px
}




#right DIV.mod-sidebar {
    PADDING-RIGHT: 2px
}
#right DIV.mod-sidebar UL.menu A.level1 {
    BACKGROUND-POSITION: 0px 0px
}
#right DIV.mod-sidebar UL.menu SPAN.level1 {
    BACKGROUND-POSITION: 0px 0px
}

#right DIV.mod-sidebar DIV.box-t2 {
    BACKGROUND-POSITION: 0px 0px
}
#right DIV.mod-sidebar DIV.box-1 {
    BACKGROUND-POSITION: 0px 0px
}
#right DIV.mod-sidebar DIV.box-b2 {
    BACKGROUND-POSITION: 0px 0px
}

#right DIV.mod-sidebar H3.header {
    PADDING-RIGHT: 10px; BACKGROUND: url(./../images/module_rounded_grey_corners.png) no-repeat 100% -135px
}

#right DIV.mod-sidebar DIV.badge {
    RIGHT: 1px
}

#right DIV.mod-polaroid {
    MARGIN-TOP: 30px; MARGIN-LEFT: 15px; MARGIN-RIGHT: 15px
}

#right DIV.mod-postit {
    MARGIN-LEFT: 15px; MARGIN-RIGHT: 15px
}










#middle {
    POSITION: relative; WIDTH: 100%; MIN-HEIGHT: 400px; CLEAR: both; OVERFLOW: hidden
}
#middle-expand {  WIDTH: 200%;  }



DIV.module  {
    MARGIN-BOTTOM: 0px
}
DIV.module {
    POSITION: relative
}

.scrollbar{
    overflow: auto;
    position: relative;
    width: 100%;
    BORDER: #FFFFFF 0px solid;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.scroll{
    height: 150px;
}
.scroll.large{
    height: 100%;
}


.codebox-wrapper{
    padding:0px;
}
.codebox{
    /* background:#fff; */
    border:0px solid #cacaca;
    font-size:12px;
}
.codebox-title{
    /* height:42px; */
    padding-left:10px;
    border-bottom:0px solid #cacaca;
    background:url("./../images/codebox-bg.png") repeat-x scroll 0 0 #ececec;
}
.codebox-title h4{
    color:#363636;
    line-height:40px;
    float:left;
    display:inline;
    font-weight:bold;
    font-family:CuprumFFU,"Trebuchet MS",Arial,sans-serif;
    font-size:17px;
}



.codebox .box-size{
    height: 40px;
    padding: 0 2px;
    line-height: 40px;  
    display: block;
    float: right;
    border-left: 0px solid #CACACA;
}
.codebox .box-size i{
    width: 26px;
    height: 26px;
    text-align: center;
    margin-top: 7px;
    cursor: pointer;
    display: inline-block;
    background: url("../images/sprite.png") no-repeat -1px -717px;
}
.codebox .box-size i:hover{
    background-position: -1px -750px;
}
.codebox .box-size.maximized i{
    background-position: -1px -780px;
}
.codebox .box-size.maximized i:hover{
    background-position: -1px -812px;
}

.codebox ul.left li { margin:0px 0px 5px 0px; display:inline-block; }
.codebox ul.right li { margin:0px 0px 5px 0px; display:inline-block; }
.codebox ul.center li { width: 22.7%; margin-right:2.3%; margin-bottom:1%; display:inline-block; }
.codebox ul.bottom li { width: 12.8%; margin-right:1.4%; margin-bottom:1%; display:inline-block; }

.codebox ul.left li img { width: 171px; border : 1px solid #000000; background-color: #FFFFFF; }
.codebox ul.right li img { width: 147px; border : 1px solid #000000; background-color: #FFFFFF; }
.codebox ul.center li img { width: 100%; height: 45px;  border : 4px solid #C0C0C0; background-color: #FFFFFF; }
.codebox ul.bottom li img{ width: 100%; height: 45px;  border : 4px solid #C0C0C0; background-color: #FFFFFF; }

.codebox ul li img:hover
{
  cursor: hand;
  -webkit-box-shadow:  0 0 12px #0080FF;
  -moz-box-shadow:  0 0 10px #0080FF);
  box-shadow:  0 0 10px #0080FF;
}

.codebox ul.left li img:hover,
.codebox ul.right li img:hover
{
  border : 1px solid #0080FF;
}

.codebox ul.center li img:hover,
.codebox ul.bottom li img:hover
{
  border : 4px solid #0080FF;
}


DIV.mod-rounded DIV.with-header {
    PADDING-TOP: 60px
}


.box-t1 {
    BACKGROUND: url(./../images/module_rounded_grey_corners.png) no-repeat 0px 0px
}
.box-t2 {
    PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND: url(./../images/module_rounded_grey_corners.png) no-repeat 100% -15px; 
}
.box-t3 {
    BACKGROUND: url(./../images/module_rounded_grey_corners.png) repeat-x 0px -30px; HEIGHT: 9px
}
.box-1 {
    BACKGROUND: url(./../images/module_rounded_grey_edges.png) repeat-y 0px 0px
}
.box-2 {
    PADDING-LEFT: 9px; PADDING-RIGHT: 9px; BACKGROUND: url(./../images/module_rounded_grey_edges.png) repeat-y 100% 0px; 
}
.box-3 {
    PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; BACKGROUND: #900c00; COLOR: #969696; OVERFLOW: hidden; PADDING-TOP: 5px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8)
}

DIV.mod-rounded H3.header {
    Z-INDEX: 1; POSITION: absolute; TEXT-TRANSFORM: uppercase; BACKGROUND: url(./../images/module_rounded_grey_corners.png) no-repeat 0px -90px; COLOR: #b4b4b4; FONT-SIZE: 15px; TOP: 10px; RIGHT: 0px; LEFT: 0px
}
DIV.mod-rounded SPAN.header-2 {
    PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND: url(./../images/module_rounded_grey_corners.png) no-repeat 100% -135px; PADDING-TOP: 0px
}
DIV.mod-rounded SPAN.header-3 {
    LINE-HEIGHT: 35px; PADDING-LEFT: 5px; BACKGROUND: url(./../images/module_rounded_grey_corners.png) repeat-x 0px -180px; HEIGHT: 40px; OVERFLOW: hidden
}
DIV.mod-rounded H3.header SPAN.title {
    LINE-HEIGHT: 24px; FONT-SIZE: 15px
}
DIV.mod-rounded H3.header SPAN.subtitle {
    MARGIN-TOP: -3px
}
DIV.mod-rounded H3.header SPAN.icon {
    TOP: 2px; LEFT: -3px
}

.module H3.header {
    COLOR: #969696; FONT-SIZE: 18px; FONT-WEIGHT: normal; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8)
}
.module SPAN.header-2 {
    DISPLAY: block
}
.module SPAN.header-3 {
    DISPLAY: block
}


/* bottom styles end*/