﻿/*HTML ELEMENTS*/

body
{
  
    margin: 0px; /* background-repeat: repeat; test123     font-size: 11px;
    background-image: url( 'TestBG2.jpeg' );background-image: url( 'testBG.jpeg' );  background-color: #623100; background-image: url( 'imgBack.jpeg' ); */
    font-family: Arial;
   
    direction: ltr;
  /*  background-image: url('testBG.jpeg');  background-repeat:repeat;
    background-attachment:fixed; */
    font-size: 11pt;
   
}
   


div#outer
{
    width: 678px;
    background-color: #FFFFFF;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    vertical-align: top;
    text-align: left;
}
div#outerBlog
{
    width: 900px; height :100%;
    background-color: #FFFFFF;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    vertical-align: top;
   text-align: left;  
}


div#userMaster
{
    width: 800px;
    margin: auto;
    padding: 0px;
    vertical-align: top;
    text-align: left;
    background-color: #EEE8D9;
}


.btmLeft
{
    vertical-align: bottom;
    text-align: left;
}

hr
{
    width: 98%;
    vertical-align: middle;
    text-align: center;
    background-color: #336699;
    height: .00001px;
    color: #336699;
}


a, a:link, a:visited, a:hover
{
    color: #8B7D61;
    font-size: small;     text-decoration: none;
}
  
     a:visited, a:hover
{
    color: #8B7D61;
    font-size: small;      text-decoration: none;
}
   a:hover
{
    color: #8B7D61;
    font-size: small;
    text-decoration: underline;
}

/*
a:hover ,a:active
{
      color: #978868;
    font-size: small;
    text-decoration: underline;
}
a:hover
{
    color: #FFFFFF;
    text-decoration: underline;
}  */


.result
{
    color: green;
}
table, tr, td
{
    border-style: none;
}

.error
{
    color: Red;
}


.email
{
    color: #0000FF;
    text-decoration: underline;
    text-align: left;
}

.capitalize
{
    text-transform: capitalize;
}

.left
{
    text-align: left;
    font-weight: bold;
    margin-left: 8px;
}

.boldCenter
{
    font-weight: bold;
    text-align: center;
}

.captchCSS
{
    text-transform: uppercase;
    font-size: 12px;
}


.assignment
{
    background-image: url(      'Images/available_title.gif' );
    background-repeat: no-repeat;
    background-position: left bottom;
    vertical-align: top;
    text-align: left;
    background-color: #5B5822;
}
.login
{
    background-image: url(     'Images/login_title.gif' );
    background-repeat: no-repeat;
    background-position: left bottom;
    vertical-align: top;
    text-align: left;
    background-color: #FFB900;
}
.requirement
{
    background-image: url(    'Images/requirements_title.gif' );
    background-repeat: no-repeat;
    background-position: left bottom;
    vertical-align: top;
    text-align: left;
}

.number1
{
    background-image: url(    'Images/n01.gif' );
    background-repeat: no-repeat;
    background-position: left bottom;
    vertical-align: top;
    text-align: left;
}
.number2
{
    background-image: url(    'Images/n02.gif' );
    background-repeat: no-repeat;
    background-position: left bottom;
    vertical-align: top;
    text-align: left;
}
.paymentMethod
{
    background-image: url(    'Images/payment_methods_title.gif' );
    background-repeat: no-repeat;
    background-position: left bottom;
    vertical-align: top;
    text-align: left;
}
.paypal
{
    background-image: url(    'Images/paypal_shaded.gif' );
    background-repeat: no-repeat;
    background-position: left bottom;
    vertical-align: top;
    text-align: left;
}

.westernUnion
{
    background-image: url(    'Images/wu_shaded.gif' );
    background-repeat: no-repeat;
    background-position: left bottom;
    vertical-align: top;
    text-align: left;
}
.egold
{
    background-image: url(    'Images/egold_shaded.gif' );
    background-repeat: no-repeat;
    background-position: left bottom;
    vertical-align: top;
    text-align: left;
}


.mid
{
    background-image: url(  'Images/mid.jpg' );
    background-repeat: repeat-x;
}

/*
.homeCSS
{
    background-image: url(     'Images/btn_bg_home.gif' );
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-left: 40px;
    text-decoration: none;
    font-size: 12px;
    vertical-align: middle;
    vertical-align: text-bottom;
    font-weight: bold;
}

.aboutCSS
{
    background-image: url(     'Images/btn_bg_about.gif' );
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-left: 40px;
    text-decoration: none;
    font-size: 12px;
    vertical-align: middle;
    vertical-align: text-bottom;
    font-weight: bold;
}


.aboutCSS
{
    background-image: url(     'Images/btn_bg_about.gif' );
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-left: 40px;
    text-decoration: none;
    font-size: 12px;
    vertical-align: middle;
    vertical-align: text-bottom;
    font-weight: bold;
}


.termsCSS
{
    background-image: url(     'Images/btn_bg_terms.gif' );
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-left: 40px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    vertical-align: text-bottom;
}

.contactCSS
{
    background-image: url(     'Images/btn_bg_contacts.gif' );
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-left: 40px;
    text-decoration: none;
    font-size: 12px;
    vertical-align: text-bottom;
    font-weight: bold;
}

.signupCSS
{
    background-image: url(       'Images/btn_bg_signup.gif' );
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-left: 40px;
    text-decoration: none;
    font-size: 12px;
    vertical-align: text-bottom;
    font-weight: bold;
}
  */

.homeCSS
{
    background-image: url(        'Images/home.jpg' );
    background-repeat: no-repeat;
    background-position: center center;
    padding-left: 40px;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
}
.homeCSS a:hover
{
    color: #1C425E;
}

/* .homeCSS
{
    background-image: url(     'Images/home.jpg' );
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-left: 40px;
    text-decoration: none;
    font-size: 12px;
    vertical-align: middle;
    vertical-align: text-bottom;
    font-weight: bold;
}
.aboutCSS
{
    background-image: url(     'Images/btn_bg_about.gif' );
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-left: 40px;
    text-decoration: none;
    font-size: 12px;
    vertical-align: middle;
    vertical-align: text-bottom;
    font-weight: bold;
}

  */
.aboutCSS
{
    background-image: url(      'Images/about.jpg' );
    background-repeat: no-repeat;
    background-position: center center;
    padding-left: 40px;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
}

.aboutCSS a:hover
{
    color: #1C425E;
}

.termsCSS
{
    background-image: url(      'Images/terms.jpg' );
    background-repeat: no-repeat;
    background-position: center center;
    padding-left: 40px;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
}
.termsCSS a:hover
{
    color: #1C425E;
}
.contactCSS
{
    background-image: url(      'Images/contact.jpg' );
    background-repeat: no-repeat;
    background-position: center center;
    padding-left: 40px;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
}
.contactCSS a:hover
{
    color: #1C425E;
}

.signupCSS
{
    background-image: url(        'Images/sign.jpg' );
    background-repeat: no-repeat;
    background-position: center center;
    padding-left: 40px;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
}



.topRight
{
    vertical-align: top;
    text-align: right;
}

.mnuItem a:link
{
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}

.topLeft
{
    vertical-align: top;
    text-align: left;
}





.header
{
}
/*
 .mnuItem a
{
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}
.mnuItem a:link
{
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}

.mnuItem a:visited
{
    color: #FFFF00;
    font-weight: bold;
}

.mnuItem a:hover
{
    text-decoration: underline;
    font-weight: bold;
}
    */
    
    .copyright
{
    background-image: url('Images/home_38.gif');
    background-repeat: repeat-x;
    background-position: left bottom;
    vertical-align: middle;
    text-align: center;
    color: #000000;
    text-decoration: none;
    font-size: small;
    font-weight: normal;
}

                           

.copyright a
{
    color: #000000;
    text-decoration: underline;
    font-size: small;
    font-weight: normal;
}


.copyright a:hover
{
    color: #000000;
    text-decoration: underline;
    font-size: small;
    font-weight: normal;
}




/*

.copyrightLink a
{
    color: #4E4E4E;
    text-decoration: none;
}

.copyrightLink a:link
{
    color: #4E4E4E;
    text-decoration: none;
}

#copyrightLink a:hover
{
    color: #000000;
    text-decoration: underline;
}

.copyrightLink a:visited
{
    color: #4E4E4E;
    text-decoration: none;
}
   */
.bold
{
    font-weight: bold;
    font-size: large;
}

.jumbOrder
{
    background-image: url(     'Images/top_set06.jpg' );
    background-repeat: repeat-x;
    background-position: left bottom;
    vertical-align: middle;
    text-align: left;
}

/*
.captcha
{
    background-image: url(    'Images/captcha.jpg' );
    background-repeat: repeat;
    background-position: left bottom;
    vertical-align: middle;
    text-align: center;
    font-size:larger;
    font-weight: bold;
    font-family: Georgia;
    letter-spacing: 5px;
}*/



.txtCaptcha
{
    vertical-align: middle;
    text-align: center;
    font-size: medium;
    font-weight: bold;
    font-family: Georgia;
    letter-spacing: 5px;
}


.imgCaptcha
{
    border-style: none;
    background-image: url(  'Images/captcha.jpg' );
    background-repeat: repeat;
    background-position: left bottom;
    vertical-align: middle;
    text-align: center;
    font-size: larger;
    font-weight: bold;
    font-family: Georgia;
    letter-spacing: 5px;
}

.absolute
{
    position: relative;
    left: 419px;
}



.mnuBG
{
    background-image: url(  'Images/BtnBk.jpg' );
    background-repeat: no-repeat;
    vertical-align: 100%;
    color: #FFFFFF;
    text-transform: capitalize;
    text-decoration: none;
    font-weight: bold;
    font-size: medium;
    text-align: center;
}


.sidebar
{
    vertical-align: top;
    text-align: left;
    background-image: url(   'Images/side.jpg' );
    background-repeat: repeat-y;
    background-position: left bottom;
}
/*
.btm{ vertical-align: top;
    text-align: left;
    background-image: url( 'Images/btm.jpg' );
   
    background-position: left bottom;}

.top{ vertical-align: top;
    text-align: left;
    background-image: url( 'Images/top.png' );
   
   background-position: left bottom;} */

.pnlBG
{
    background-image: url(   'Images/pnlBG.jpg' );
    background-repeat: repeat;
    background-position: left bottom;
}

.lnkBG
{
    color: #3366FF;
    text-decoration: none;
    font-weight: bold;
    text-transform: capitalize;
    margin-bottom: 0px;
}

/*
.lnkBG a:hover
{
    color: #FFFFFF;
    text-decoration: underline;
}


#tblNav a:hover
{
    color: #FFFFFF;
    text-decoration: underline;
}

#tblNav a:hover
{
    color: #FFFFFF;
    text-decoration: underline;
} */

.btnBG
{
    background-image: url(  'Images/mnuOrangeShortBG.jpg' );
    background-repeat: no-repeat;
    text-align: center;
    vertical-align: bottom;
    color: #FFFFFF;
    text-decoration: none;
    font-size: medium;
    text-transform: capitalize;
}


.top
{
    background-image: url(  'Images/top.jpg' );
    background-repeat: no-repeat;
    text-align: center;
    vertical-align: bottom;
    color: #FFFFFF;
    text-decoration: none;
    font-size: medium;
    text-transform: capitalize;
}

.btm
{
    background-image: url(  'Images/btm.jpg' );
    background-repeat: no-repeat;
    text-align: center;
    vertical-align: bottom;
    color: #FFFFFF;
    text-decoration: none;
    font-size: medium;
    text-transform: capitalize;
}


.mid
{
    background-image: url(  'Images/mid.jpg' );
    background-repeat: repeat-y;
    text-align: center;
    vertical-align: bottom;
    color: #FFFFFF;
    text-decoration: none;
    font-size: medium;
    text-transform: capitalize;
}


.munBody
{
    background-image: url(  'Images/mnuBody.jpg' );
    background-repeat: no-repeat;
    color: #FFFFFF;
    text-decoration: none;
    font-size: medium;
    text-transform: capitalize;
}


.bluebutton
{
    background-color: LightSteelBlue;
    border-style: solid;
    border-width: 1px;
    border-color: LightSkyBlue;
}


/*
.availableCSS
{
    background-image: url(     'Images/btn_bg_cpavail.gif' );
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-left: 40px;
    text-decoration: none;
    font-size: 12px;
    vertical-align: middle;
    vertical-align: text-bottom;
    font-weight: bold;
}

.completedCSS
{
    background-image: url(     'Images/btn_bg_cpcompleted.gif' );
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-left: 40px;
    text-decoration: none;
    font-size: 12px;
    vertical-align: middle;
    vertical-align: text-bottom;
    font-weight: bold;
}


.currentCSS
{
    background-image: url(     'Images/btn_bg_cpcurrent.gif' );
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-left: 40px;
    text-decoration: none;
    font-size: 12px;
    vertical-align: middle;
    vertical-align: text-bottom;
    font-weight: bold;
}


.logoutCSS
{
    background-image: url(     'Images/btn_bg_cplogout.gif' );
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-left: 40px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    vertical-align: text-bottom;
}

.paymentsCSS
{
    background-image: url(     'Images/btn_bg_cppayments.gif' );
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-left: 40px;
    text-decoration: none;
    font-size: 12px;
    vertical-align: text-bottom;
    font-weight: bold;
}

.revisionCSS
{
    background-image: url(       'Images/btn_bg_cprevisions.gif' );
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-left: 40px;
    text-decoration: none;
    font-size: 12px;
    vertical-align: text-bottom;
    font-weight: bold;
}

.settingCSS
{
    background-image: url(       'Images/btn_bg_cpsettings.gif' );
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-left: 40px;
    text-decoration: none;
    font-size: 12px;
    vertical-align: text-bottom;
    font-weight: bold;
}




.settingCSS
{
    background-image: url(       'Images/btn_bg_cpsettings.gif' );
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-left: 40px;
    text-decoration: none;
    font-size: 12px;
    vertical-align: text-bottom;
    font-weight: bold;
}
  */





.availableCSS
{
    background-image: url(        'Images/available.jpg' );
    background-repeat: no-repeat;
    background-position: center center;
    padding-left: 40px;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
}

.availableCSS a:hover
{
    color: #1C425E;
}




/*
   
    background-image: url('Images/available.jpg' );
    background-repeat: no-repeat;
    background-position: center center;
    padding-left: 40px;
    text-decoration: none;
    font-size: 11px;
   font-weight: bold;  */


.completedCSS
{
    background-image: url(      'Images/complete.jpg' );
    background-repeat: no-repeat;
    background-position: center center;
    padding-left: 40px;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
}

.completedCSS a:hover
{
    color: #1C425E;
}


.currentCSS
{
    background-image: url( 'Images/current.jpg' );
    background-repeat: no-repeat;
    background-position: center center;
    padding-left: 40px;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
}

.currentCSS a:hover
{
    color: #1C425E;
}


.logoutCSS
{
    background-image: url( 'Images/logout.jpg' );
    background-repeat: no-repeat;
    background-position: center center;
    padding-left: 40px;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
}


.logoutCSS a:hover
{
    color: #1C425E;
}


.paymentsCSS
{
    background-image: url( 'Images/payment.jpg' );
    background-repeat: no-repeat;
    background-position: center center;
    padding-left: 40px;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
}

.paymentsCSS a:hover
{
    color: #1C425E;
}


.revisionCSS
{
    background-image: url(  'Images/revision.jpg' );
    background-repeat: no-repeat;
    background-position: center center;
    padding-left: 40px;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
}


.revisionCSS a:hover
{
    color: #1C425E;
}


.settingCSS
{
    background-image: url( 'Images/setting.jpg' );
    background-repeat: no-repeat;
    background-position: center center;
    padding-left: 40px;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
}

.settingCSS a:hover
{
    color: #1C425E;
}

















#tblMenu a:link
{
    padding-top: 5px;
    color: #FFFFFF;
    vertical-align: middle;
    text-align: center;
    text-decoration: none; /*  background-color: #2E6B98;*/
}

#tblMenu a:hover
{
    text-decoration: underline; /* background-color: #204B6C; */
}

/*

 #tblMenu a:visited
{
    color: #FFFF00;
}
   */


.ordersBtm
{
    background-image: url( 'Images/orders_btm.gif' );
    background-position: left bottom;
}



.usersTop
{
    background-image: url( 'Images/users_top.gif' );
    background-position: left bottom;
}



.ordersBtm
{
    background-image: url( 'Images/orders_btm.gif' );
    background-position: left bottom;
}



.usersTop
{
    background-image: url( 'Images/users_top.gif' );
    background-position: left bottom;
}



.ordersTop
{
    background-image: url( 'Images/orders_top.gif' );
    background-position: left bottom;
}

.bgMid
{
    background-image: url(  'Images/contentbg.gif' );
    background-position: left bottom;
    background-repeat: repeat-y;
}


.chkWidth
{
    width: 1%;
    vertical-align: top;
    text-align: center;
}


.chkContent
{
    width: 98%;
}


.chkAll
{
    width: 1%;
    vertical-align: top;
    text-align: center;
}



.usersTop
{
    background-image: url( 'Images/users_top.gif' );
    background-position: left bottom;
}



.usersMid
{
    background-image: url(  'Images/content.gif' );
    background-position: left bottom;
    background-repeat: repeat-y;
}



.usersBtm
{
    background-image: url( 'Images/users_btm.gif' );
    background-position: left bottom;
}

.bgMid
{
    background-image: url(  'Images/contentbg.gif' );
    background-position: left bottom;
    background-repeat: repeat-y;
}

.logMid
{
    background-image: url('Images/log_mid.gif');
    background-position: left bottom;
    background-repeat: repeat-y;
    text-align: left;
}

.searchMid
{
    background-image: url(  'Images/search_mid.gif' );
    background-position: left bottom;
    background-repeat: repeat-y;
}


.mnuTopItem
{
    background-color: #142F43;
    color: #FFFFFF;
    font-weight: bold;
}

.mnuTopItemHover
{
    background-color: #142F43;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline;
}

.mnuTopItemSelected
{
    background-color: #142F43;
    color: #FFFFFF;
    font-weight: bold;
}

.clock
{
    background-image: url(  'Images/clock.png' );
    background-repeat: no-repeat;
    background-position: left bottom;
    vertical-align: middle;
    text-align: center;
}

.collapsePanel
{
    background-color: white;
    overflow: hidden;
    height: 0px;
}
.collapsePanelTest
{
    background-color: white;
    overflow: hidden;
    height: 0px;
    display: block;
    float: left;
    clear: left;
    cursor: hand;
}



.dynamic
{
    border-style: outset;
    border-color: #FFFFFF;
}


.txtNormal
{
    white-space: normal;
    vertical-align: top;
    text-align: left;
    font-size: 9pt;
}

.txtNoWrap
{
    white-space: nowrap;
    vertical-align: top;
    text-align: left;
}

.txtPreWrap
{
    white-space: pre-wrap;
    vertical-align: top;
    text-align: left;
}



.ordersMid
{
    padding: 0px;
    margin: 0px;
    background-image: url(   'Images/content.gif' );
    background-position: left bottom;
    background-repeat: repeat-y;
}




.txtNoWrap
{
    white-space: nowrap;
    vertical-align: top;
    text-align: left;
}

.txtPreWrap
{
    white-space: pre-wrap;
    vertical-align: top;
    text-align: left;
}
.txtPre
{
    white-space: pre;
    vertical-align: top;
    text-align: left;
}

.watermark
{
    background-color: #F8F0E9;
}

.center
{
    vertical-align: middle;
    text-align: center;
}

.box
{
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
}

.centerMid
{
    text-align: center;
}
.hand
{
    cursor: hand;
}

.progress
{
    margin: 20px;
    background-image: url(Images/spinner.gif);
    background-repeat: no-repeat;
}

.taken
{
    background-image: url(Images/taken.gif);
    background-repeat: no-repeat;
    padding-left: 20px;
}

.available
{
    background-image: url(Images/available.gif);
    padding-left: 20px;
    background-repeat: no-repeat;
}


.L160
{
    background-image: url(Images/160L.gif);
    background-repeat: no-repeat;
}

.D160
{
    background-image: url(Images/160D.gif);
    background-repeat: no-repeat;
}


.L100
{
    background-image: url(Images/100L.gif);
    background-repeat: no-repeat;
}

.D100
{
    background-image: url(Images/100D.gif);
    background-repeat: no-repeat;
}


.L110
{
    background-image: url(Images/110L.png);
    background-repeat: no-repeat;
}

.D110
{
    background-image: url(Images/110D.png);
    background-repeat: no-repeat;
}


.L115
{
    background-image: url(Images/115L.gif);
    background-repeat: no-repeat;
}

.D115
{
    background-image: url(Images/115D.gif);
    background-repeat: no-repeat;
}


.L142
{
    background-image: url(Images/142L.gif);
    background-repeat: no-repeat;
}

.D142
{
    background-image: url(Images/142D.gif);
    background-repeat: no-repeat;
}


.L165
{
    background-image: url(Images/165L.gif);
    background-repeat: no-repeat;
}

.D165
{
    background-image: url(Images/165D.gif);
    background-repeat: no-repeat;
}

.L120
{
    background-image: url(Images/120L.gif);
    background-repeat: no-repeat;
}

.D120
{
    background-image: url(Images/120D.gif);
    background-repeat: no-repeat;
}


.ltMenu
{
    background-image: url(Images/ltMenu.png);
    background-repeat: no-repeat;
}

.mdMenu
{
    background-image: url(Images/mdMenu.png);
    background-repeat: repeat-x;
}

.rtMenu
{
    background-image: url(Images/rtMenu.png);
    background-repeat: no-repeat;
}


.number
{
    font-family: Georgia;
}


/*Contact Staff Box*/
.topStaff
{
    background-position: left bottom;
    background-image: url(Images/Untitled-1_01.png);
    background-repeat: no-repeat;
}
.btmStaff
{
    background-position: left bottom;
    background-image: url(Images/Untitled-1_05.png);
    background-repeat: no-repeat;
}
.ltStaff
{
    background-position: left bottom;
    background-image: url(Images/Untitled-1_02.png);
    background-repeat: no-repeat;
}
.rtStaff
{
    background-position: left bottom;
    background-image: url(Images/Untitled-1_04.png);
    background-repeat: no-repeat;
}






.topBxMessages
{
    background-position: left bottom;
    background-image: url(Images/after-signin_06.png);
    background-repeat: no-repeat;
}
.midBxMessages
{
    background-position: left bottom;
    background-image: url(Images/after-signin_09.png);
    background-repeat: repeat-y;
}
.btmBxMessages
{
    background-position: left bottom;
    background-image: url(Images/after-signin_14.png);
    background-repeat: no-repeat;
}

.topBxRevision
{
    background-position: left bottom;
    background-image: url(Images/after-signin_03.png);
    background-repeat: no-repeat;
}
.midBxRevision
{
    background-position: left bottom;
    background-image: url(Images/after-signin_09.png);
    background-repeat: repeat-y;
}
.btmBxRevision
{
    background-position: left bottom;
    background-image: url(Images/after-signin_14.png);
    background-repeat: no-repeat;
}



.topBxSalary
{
    background-position: left bottom;
    background-image: url(Images/after-signin_20.png);
    background-repeat: no-repeat;
}
.midBxSalary
{
    background-position: left bottom;
    background-image: url(Images/after-signin_09.png);
    background-repeat: repeat-y;
}
.btmBxSalary
{
    background-position: left bottom;
    background-image: url(Images/after-signin_14.png);
    background-repeat: no-repeat;
}








.topBxStatistic
{
    background-position: left bottom;
    background-image: url(Images/after-signin_18.png);
    background-repeat: no-repeat;
}
.midBxStatistic
{
    background-position: left bottom;
    background-image: url(Images/after-signin_09.png);
    background-repeat: repeat-y;
}
.btmBxStatistic
{
    background-position: left bottom;
    background-image: url(Images/after-signin_14.png);
    background-repeat: no-repeat;
}




.topBxRecommendation
{
    background-position: left bottom;
    background-image: url(Images/after-signin_30.png);
    background-repeat: no-repeat;
}
.midBxRecommendation
{
    background-position: left bottom;
    background-image: url(Images/after-signin_09.png);
    background-repeat: repeat-y;
}
.btmBxRecommendation
{
    background-position: left bottom;
    background-image: url(Images/after-signin_14.png);
    background-repeat: no-repeat;
}


.topBxInfo
{
    background-position: left bottom;
    background-image: url(Images/info_after-signin_32.png);
    background-repeat: no-repeat;
}
.midBxInfo
{
    background-position: left bottom;
    background-image: url(Images/after-signin_09.png);
    background-repeat: repeat-y;
}
.btmBxInfo
{
    background-position: left bottom;
    background-image: url(Images/after-signin_14.png);
    background-repeat: no-repeat;
}


/* Msg Lines*/

.customerwriterMsg
{
    background-position: left bottom;
    background-image: url(Images/customerwriterMsg.png);
    background-repeat: no-repeat;
}

.writercustomerMsg
{
    background-position: left bottom;
    background-image: url(Images/writercustomerMsg.png);
    background-repeat: no-repeat;
}


.writerstaffMsg
{
    background-position: left bottom;
    background-image: url(Images/writerstaffMsg.png);
    background-repeat: no-repeat;
}


.staffwriterMsg
{
    background-position: left bottom;
    background-image: url(Images/staffwriterMsg.png);
    background-repeat: no-repeat;
}



.TitleBxMsg
{
    background-position: left bottom;
    background-image: url(Images/fulldescreption_08.png);
    background-repeat: repeat-y;
}


.topBxMsgs
{
    background-position: left bottom;
    background-image: url(Images/fulldescreption_11.png);
    background-repeat: no-repeat;
}

.midBxMsgs
{
    background-position: left bottom;
    background-image: url(Images/fulldescreption_13.png);
    background-repeat: repeat-y;
}
.btmBxMsgs
{
    background-position: left bottom;
    background-image: url(Images/fulldescreption_16.png);
    background-repeat: no-repeat;
}



/*
    
    .topBxSalary  {    background-position: left bottom;
    background-image: url(Images/after-signin_20.png);
    background-repeat: no-repeat;}
.midBxSalary  {    background-position: left bottom;
    background-image: url(Images/after-signin_23.png);
    background-repeat: repeat-y;}
.btmBxSalary  {    background-position: left bottom;
    background-image: url(Images/after-signin_27.png);
    background-repeat: no-repeat;}
     











.topBxAvailable  {    background-position: left bottom;
    background-image: url(Images/Untitled-1_03.png);
    background-repeat: no-repeat;}
.midBxAvailable  {    background-position: left bottom;
    background-image: url(Images/Untitled-1_06.png);
    background-repeat: repeat-y;}
.btmBxAvailable  {    background-position: left bottom;
    background-image: url(Images/Untitled-1_10.png);
    background-repeat: no-repeat;}
    
     .btmBxAvailableTitle  {    background-position: left bottom;
    background-image: url(ImagesUntitled-1_08.png);
    background-repeat: no-repeat;} 
    
    
        
.topBxCurrent  {    background-position: left bottom;
    background-image: url(Images/Untitled-1_03.png);
    background-repeat: no-repeat;}
.midBxCurrent  {    background-position: left bottom;
    background-image: url(Images/Untitled-1_06.png);
    background-repeat: repeat-y;}
.btmBxCurrent  {    background-position: left bottom;
    background-image: url(Images/Untitled-1_10.png);
    background-repeat: no-repeat;}
    
     .btmBxCurrentTitle  {    background-position: left bottom;
    background-image: url(Images/Untitled-1_08.png);
    background-repeat: no-repeat;}
    
    
    
    
    .topBxCompleted  {    background-position: left bottom;
    background-image: url(Images/Untitled-1_03.png);
    background-repeat: no-repeat;}
.midBxCompleted  {    background-position: left bottom;
    background-image: url(Images/Untitled-1_08.png);
    background-repeat: repeat-y;}
.btmBxCompleted  {    background-position: left bottom;
    background-image: url(Images/Untitled-1_10.png);
    background-repeat: no-repeat;}
    
     .btmBxCompletedTitle  {    background-position: left bottom;
    background-image: url(Images/Untitled-1_06.png);
    background-repeat: no-repeat;}
    
    
    
        .topBxRevision  {    background-position: left bottom;
    background-image: url(Images/Untitled-1_03.png);
    background-repeat: no-repeat;}
.midBxRevision  {    background-position: left bottom;
    background-image: url(Images/Untitled-1_08.png);
    background-repeat: repeat-y;}
.btmBxRevision  {    background-position: left bottom;
    background-image: url(Images/Untitled-1_10.png);
    background-repeat: no-repeat;}
    
     .btmBxRevisionTitle  {    background-position: left bottom;
    background-image: url(Images/Untitled-1_06.png);
    background-repeat: no-repeat;}      
    
         */



















.topBxAvailable
{
    background-position: left bottom;
    background-image: url(Images/available1101.png);
    background-repeat: no-repeat;
}
.midBxAvailable
{
    background-position: left bottom;
    background-image: url(Images/available1102.png);
    background-repeat: repeat-y;
}
.btmBxAvailable
{
    background-position: left bottom;
    background-image: url(Images/available1103.png);
    background-repeat: no-repeat;
}

.TitleBxAvailable
{
    background-position: left bottom;
    background-image: url(Images/available1104.png);
    background-repeat: repeat-y;
}


.topBxCurrent
{
    background-position: left bottom;
    background-image: url(Images/Current1101.png);
    background-repeat: no-repeat;
}
.midBxCurrent
{
    background-position: left bottom;
    background-image: url(Images/Current1102.png);
    background-repeat: repeat-y;
}
.btmBxCurrent
{
    background-position: left bottom;
    background-image: url(Images/Current1103.png);
    background-repeat: no-repeat;
}

.TitleBxCurrent
{
    background-position: left bottom;
    background-image: url(Images/Current1104.png);
    background-repeat: repeat-y;
}




.topBxCompleted
{
    background-position: left bottom;
    background-image: url(Images/completed1101.png);
    background-repeat: no-repeat;
}
.midBxCompleted
{
    background-position: left bottom;
    background-image: url(Images/completed1102.png);
    background-repeat: repeat-y;
}
.btmBxCompleted
{
    background-position: left bottom;
    background-image: url(Images/completed1103.png);
    background-repeat: no-repeat;
}

.TitleBxCompleted
{
    background-position: left bottom;
    background-image: url(Images/completed1104.png);
    background-repeat: repeat-y;
}





.topBxPayment
{
    background-position: left bottom;
    background-image: url(Images/payment1101.png);
    background-repeat: no-repeat;
}
.midBxPayment
{
    background-position: left bottom;
    background-image: url(Images/payment1102.png);
    background-repeat: repeat-y;
}
.btmBxPayment
{
    background-position: left bottom;
    background-image: url(Images/payment1103.png);
    background-repeat: no-repeat;
}

.TitleBxPayment
{
    background-position: left bottom;
    background-image: url(Images/payment1104.png);
    background-repeat: repeat-y;
}


.topBxDescription
{
    background-position: left bottom;
    background-image: url(Images/description1101.png);
    background-repeat: no-repeat;
}
.midBxDescription
{
    background-position: left bottom;
    background-image: url(Images/description1102.png);
    background-repeat: repeat;
}
.btmBxDescription
{
    background-position: left bottom;
    background-image: url(Images/description1103.png);
    background-repeat: no-repeat;
}

.TitleBxDescription
{
    background-position: left bottom;
    background-image: url(Images/description1104.png);
    background-repeat: repeat-y;
}




.topBxSetting
{
    background-position: left bottom;
    background-image: url(Images/box_setting_03.png);
    background-repeat: no-repeat;
}
.midBxSetting
{
    background-position: left bottom;
    background-image: url(Images/box_setting_06.png);
    background-repeat: repeat;
}
.btmBxSetting
{
    background-position: left bottom;
    background-image: url(Images/box_setting_10.png);
    background-repeat: no-repeat;
}

.TitleBxSetting
{
    background-position: left bottom;
    background-image: url(Images/box_setting_08.png);
    background-repeat: repeat-y;
}






.topBx2Revision
{
    background-position: left bottom;
    background-image: url(Images/revision1101.png);
    background-repeat: no-repeat;
}
adding-left :30px;
    background-image: url(Images/banner.jpeg);
    background-repeat:   no-repeat  ;
    color: #FFFFFF;
    /*font-weight: bold;
    font-size: large;   */
}
   
   
       .topmenu
{
   
    background-image: url(Images/menuline.jpeg);
    background-repeat: no-repeat;
   } 
       
     

.btmBx2Revision
{
    background-position: left bottom;
    background-image: url(Images/revision1103.png);
    background-repeat: no-repeat;
}

/*Bolg Start*/


.menu1101
{
    padding: 0px 0px 0px 10px;
    margin: 0px;
    background-position: left bottom;
    background-image: url(Images/1101.jpg);
    background-repeat: repeat-y;
    width: 175px;
    height: 35px;
    vertical-align: middle;
    color: #FFFFFF;
    font-weight: bold;
}
.menu1101 a
{
    padding: 0px 0px 0px 10px;
    margin: 0px;
    background-position: left bottom;
    background-image: url(Images/1101.jpg);
    background-repeat: repeat-y;
    width: 175px;
    height: 35px;
    vertical-align: middle;
    color: #FFFFFF;
    font-weight: bold;
}
.menu1102
{
    color: #FFFFFF;
    font-weight: bold;
    padding: 0px 0px 0px 10px;
    margin: 0px;
    background-position: left bottom;
    background-image: url(Images/1102.jpg);
    background-repeat: repeat-y;
    width: 175px;
    height: 35px;
    vertical-align: middle;
}
.menu1102 a
{
    color: #FFFFFF;
    font-weight: bold;
    padding: 0px 0px 0px 10px;
    margin: 0px;
    background-position: left bottom;
    background-image: url(Images/1102.jpg);
    background-repeat: repeat-y;
    width: 175px;
    height: 35px;
    vertical-align: middle;
}

     

.ltMenu101
{
    background-image: url(Images/ltMenu101.jpg);
    background-repeat: no-repeat;
}

.mdMenu101
{
    background-image: url(Images/mdMenu101.jpg);
    background-repeat: repeat-x;
    vertical-align: top;
    text-align: left;
}

.rtMenu101
{
    background-image: url(Images/rtMenu101.jpg);
    background-repeat: no-repeat;
}




.ltMenu102
{
    background-image: url(Images/ltMenu102.jpg);
    background-repeat: no-repeat; vertical-align: top;
    text-align: left;
}

.mdMenu102
{
    background-image: url(Images/mdMenu102.jpg);
    background-repeat: repeat-x;    
}
 .mdMenu102 a{ color :Black ;}
.rtMenu102
{
    background-image: url(Images/rtMenu102.jpg);
    background-repeat: no-repeat;
}

 .dashedLine
{
    border-color: #CCCCCC;
    border-top-style: dashed;
    border-top-width: 1px;
}

.blogicon{background-image: url(Images/blogicon.jpg);
    background-repeat: no-repeat;}

 /*Bolg End*/

    .topbanner
{
    padding-left: 30px;
    background-image: url(Images/banner.jpeg);
    background-repeat: repeat repeat-y;
    color: #FFFFFF;
    vertical-align: top;
    text-align: left;
}
   
   
       .topmenu
{
   
    background-image: url(Images/menuline.jpeg);
    background-repeat: no-repeat;
   } 
       
     

.topmenu a, .topmenu a:link, .topmenu a:visited
{
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    padding: 10px;
    height: 20px; /*width: 100px;  */
}
  
       .copyrightBlog
{
   
    background-image: url(Images/menuline.jpeg);
    background-repeat: no-repeat;             
   }
 
   .copyrightBlog a, .copyrightBlog a:link, .copyrightBlog a:visited    , .copyrightBlog a:hover
{
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    /*width: 100px;  padding: 10px;
    height: 20px; */
}
  
 
 .topmenuSelected
{
    /*  
       width: 100px;   */
    color: #663300;
    font-weight: bold;
    text-decoration: none;
    background-image: url(Images/btnSelected.png);
    background-repeat: no-repeat;
}


.topmenu a:hover
{
    background-image: url(Images/btnHover.png);
    background-repeat: no-repeat;
      /* width: 100px;   */
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline;
}


.btnHover a:hover
{
    padding: 20px;
    background-image: url(Images/btnHover.png);
    background-repeat: no-repeat;
    height: 40px;
    width: 120px;
}
      .toprightmenutitle
{
    background-image: url(Images/menutitle.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}
    
    .toprightmenu
{
   
    background-image: url(Images/topmenu.png);
    background-repeat: no-repeat;
   }
   
   
       .midrightmenu
{
    background-image: url(Images/midmenu.png);
    background-repeat: repeat-y;
    padding-left: 20px;
}   
    
     #menuLink a ,#menuLink a:link ,#menuLink a:visited
{
    color: #8B7D61;
    text-decoration: none;
    font-size: small;
}
        #menuLink a:hover
{
    color: #8B7D61;
    text-decoration: underline;
    font-size: small;
}

  .btmrightmenu
{
   
    background-image: url(Images/btmmenu.png);
    background-repeat: no-repeat;
   }

/*
  
a, a:link, a:visited, a:hover
{
    color: #8B7D61;
    font-size: small;
} */



.titleCSSBrownNormal
{
    font-size: medium;
    color: #CC3300;
    font-weight: normal;
}

 titleCSSBrownBold
{
    font-size: medium;
    color: #CC3300;
    font-weight: bold;
}



.banneryellow
{
    background-image: url(Images/banneryellow.png);
    background-repeat: no-repeat;
}

.txtMaroon{ color :Maroon;}


.lnkMaroon, .lnkMaroon a:link, .lnkMaroon a, .lnkMaroon a:hover, .lnkMaroon a:visited
{
    color: Maroon;
    text-decoration: none;
    font-weight: bold;
}

.fullHeader
{
    background-image: url('Images/FullHeader.gif');
    background-position: left bottom;
}
  
  

.banneryellow
{
    background-image: url('Images/banneryellow.png');
    background-repeat: no-repeat;
}

.bannerbtn1
{
    background-image: url('Images/bannerbtn1.png');
    background-repeat: no-repeat;
    padding-left: 10px;
}
.bannerbtn2
{
    background-image: url('Images/bannerbtn2.png');
    background-repeat: no-repeat;
    padding-left: 10px;
}

.bannernewBtnLogin
{
    background-image: url('Images/bannernewloginBtn.png');
    background-repeat: no-repeat;
    cursor: hand;
}

.clTop{   background-image: url('Images/top.png');
    background-repeat: no-repeat;}
    
    
.clMid
{
    background-image: url('Images/mid.png');
    background-repeat: repeat-y;
    padding-left: 15px;
    vertical-align: top;
    text-align: left;
    padding-right: 15px;
}
    
    
.clBtm{   background-image: url('Images/btm.png');
    background-repeat: no-repeat;}
    
    
.path
{
    background-image: url('Images/home_14.gif');
    background-repeat: no-repeat;
    background-position: left top;
    vertical-align: top;
    padding-left: 15px;
}


.lng
{
    vertical-align: top;
    text-align: right;
    padding-right: 5px;
}

#PagePath1{ direction :ltr ;}