﻿body
{
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #000;
}

p
{
    margin: 0px 0px 8px 0px;
    padding: 0px;
}




/* Login Page CSS */

.loginBody
{
    background-color: #191919;
}

.loginWrapper
{
    background-color: #FFF;
    border-bottom: 5px solid #c9c9c9;
    padding: 30px;
}

.loginHeader
{
    background-color: #1e1e1e;
    border-bottom: 5px solid #c9c9c9;
    padding: 20px 20px 5px 20px;
    text-align: center;
}

.loginLogoPad
{
    margin-bottom: 25px;
}

.loginRow
{
    
}

.loginTitle
{
    font-size: 15px;
    font-weight: bold;
}

.loginSubText
{
    margin-bottom: 20px;
}

.loginWrapper input
{
  
  
 
}


.loginWrapper .button
{
    font-weight: bold;
    color: #FFF;
    background-color: #9ccf16;
    border: 2px solid #82ac12;
    width: 80px;
}






/* Admin Page CSS */



/* Top main menu */

.topBarNav
{
    margin: 0px 0px 5px 0px;
    border: 1px #5a5a5a solid;
    width: 400px;
    float: right;
    height: 50px;
    background-color: #3a3a3a;
    background-image: url(../images/general/top-nav-bg.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}

#navbar
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    height: 49px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
}
#navbar li
{
    list-style: none;
    display: inline;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#navbar ul
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#navbar a
{
    color: #fff;
    text-decoration: none;
    background-image: url(../images/general/top-icon-search.gif);
    background-repeat: no-repeat;
    float: left;
    height: 32px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-position: left;
    text-align: left;
}

#navbar .search a
{
    background-image: url(../images/general/top-icon-search.gif);
    background-repeat: no-repeat;
    width: 60px;
    margin: 0px 0px 0px 0px;
    padding: 17px 0px 0px 35px;
    background-position: 0 3px;
}

#navbar .setting a
{
    background-image: url(../images/general/top-icon-settings.gif);
    background-repeat: no-repeat;
    width: 60px;
    margin: 0px 0px 0px 0px;
    padding: 17px 0px 0px 50px;
    background-position: 0 3px;
}

#navbar .help a
{
    background-image: url(../images/general/top-icon-help.gif);
    background-repeat: no-repeat;
    width: 42px;
    margin: 0px 0px 0px 0px;
    padding: 17px 0px 0px 45px;
    background-position: 0 3px;
}

#navbar .logout a
{
    background-image: url(../images/general/top-icon-logout.gif);
    background-repeat: no-repeat;
    width: 42px;
    margin: 0px 0px 0px 0px;
    padding: 17px 0px 0px 47px;
    background-position: 0 3px;
}

#navbar a:hover
{
    background-position: 0 -49px;
    color: #a1d617;
}
#navbar a:active
{
    background-position: 0 -49px;
    color: #fff;
}




/* Admin Layout */

.adminBody
{
    background-color: #191919;
}

.adminTopBar
{
    height: 10px;
    background-color: #87b01b;
    border-bottom: #aade22 solid 1px;
}

.adminHeader
{
    background-color: #171717;
    padding: 15px;
    border-bottom: #fff solid 1px;
    background-image: url(../images/general/header-bg.gif);
    background-repeat: repeat-x;
    background-position: top;
}

.adminMidBar
{
    background-color: #fbfbfb;
    padding: 8px;
    border-top: #e9e9e9 solid 1px;
    background-image: url(../images/general/mid-bar-bg.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    text-align: right;
    color: #727272;
    font-weight: bold;
}

.adminMidBar .name
{
    font-weight: bold;
    color: #6f9116;
    size: 12px;
}

.adminContentMain
{
    background-color: #fff;
}


.adminRightColumn
{
    background-color: #fff;
    vertical-align: top;
    padding: 2px;
}



/* Left Column CSS */

.adminLeftColumn
{
    background-color: #fafafa;
    border-right: #e9e9e9 solid 1px;
    width: 180px;
    vertical-align: top;
}

.adminLeftColumn .home
{
    font-weight: bold;
    color: #FFF;
    background-color: #6e8d26;
    background-image: url(../images/general/home-bg.gif);
    background-repeat: repeat-x;
    background-position: top;
    padding: 12px 14px 10px 14px;
    display: block;
    text-decoration: none;
    border: #FFF solid 1px;
}

.adminLeftColumn .home a
{
    font-weight: bold;
    color: #FFF;
    background-image: url(../images/general/admin-home.gif);
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
    text-decoration: none;
    padding-left: 35px;
}

.adminLeftColumn .home a:hover
{
    color: #d0ff2c;
}




/* Tree menu CSS */

.adminLeftTree
{
    padding: 15px;
    font-weight: bold;
    color: #8ab54d;
    width: 300px;
}

.adminLeftTree a
{
    color: #8ab54d;
    text-decoration: none;
}

.adminLeftTree a:hover
{
    color: #333333;
    text-decoration: none;
}





/* Admin Body Tab CSS */

.tabPadding
{
    margin-top: 4px;
}

.tabSelected
{
    padding: 5px;
    border-bottom: 1px #fff solid;
    border-top: 1px #e9e9e9 solid;
    border-left: 1px #e9e9e9 solid;
    border-right: 1px #e9e9e9 solid;
    text-align: center;
    width: 170px;
    color: #6f9116;
    font-weight: bold;
}

.tabUnSelected
{
    padding: 5px;
    border-bottom: 1px #e9e9e9 solid;
    border-top: 1px #e9e9e9 solid;
    border-left: 1px #e9e9e9 solid;
    border-right: 1px #e9e9e9 solid;
    background-image: url(../images/general/tab-bg.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    text-align: center;
    width: 170px;
    font-weight: bold;
}

.tabUnSelected a
{
    color: #c8c8c8;
    text-decoration: none;
    display: block;
}


.tabUnSelected a:hover
{
    color: #6f9116;
    text-decoration: none;
    display: block;
}


.tabSpacer
{
    width: 4px;
    border-bottom: 1px #e9e9e9 solid;
}

.tabEnd
{
    border-bottom: 1px #e9e9e9 solid;
}






/* Form CSS */

.adminMainFormArea
{
    border: 1px #e9e9e9 solid;
    padding: 1px;
}


.adminFormTitle
{
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    background-color: #464646;
    padding: 10px;
}

.adminFormTitle a:link, a:visited
{
    color: #FFF;
}

.formConetentPad
{
    padding: 20px;
}


.formCompulsoryDot
{
    margin: 0px 4px 0px 4px;
}


.formNameCell
{
    background-color: #f7f7f7;
    padding: 5px;
    border: #e6e6e6 solid 1px;
    width: 200px;
    font-weight: bold;
    vertical-align: top;
}

.formNameCellCompulsory
{
    background-color: #f7f7f7;
    padding: 5px;
    border: #e6e6e6 solid 1px;
    background-image: url(../images/general/dot-form.gif);
    background-repeat: no-repeat;
    background-position: right top;
    width: 200px;
    font-weight: bold;
    vertical-align: top;
}

.formFieldCell
{
    background-color: #fff;
    padding: 5px;
    border: #e6e6e6 solid 1px;
    vertical-align: top;
}

.formButtonCell
{
    background-color: #fff;
    padding: 5px;
    border: #fff solid 1px;
    vertical-align: top;
}











/* Footer CSS */

.adminFooter
{
    background-color: #191919;
    border-top: #87b01b solid 5px;
    padding: 20px;
    color: #7c7c7c;
}

.adminFooter a
{
    color: #7c7c7c;
    text-decoration: none;
}

.adminFooter a:hover
{
    color: #fff;
    text-decoration: none;
}





/* Unused CSS */

.moreButton a
{
    display: block;
    width: 68px;
    height: 22px;
    padding: 0px;
    text-decoration: none;
    float: right;
    margin-top: 5px;
    background-image: url(../images/hot-deals/buttons.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
}
.moreButton a:hover
{
    background-position: 0 -26px;
}


.formTextFeild
{
    padding: 2px;
    width: 240px;
    border: 2px solid #dddddd;
}

.formButton
{
    font-weight: bold;
    color: #FFF;
    background-color: #f48706;
    border: 2px solid #d17405;
}







