body
{
    background-color: #fff;
    font-size: 100%;
    font-family: Tahoma, Arial, "Helvetica Neue" , Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
}

a:link
{
    color: #034af3;
    text-decoration: underline;
}
a:visited
{
    color: #505abc;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a:active
{
    color: #12eb87;
}

p, ul
{
    line-height: 1.6em;
}


header, footer, nav, section
{
    display: block;
}

/* Styles for basic forms
-----------------------------------------------------------*/
DIV#logo
{
    float: left;
    width: 25%;
    height: 100px;
}

DIV#module-name
{
    float: left;
    width: 45%;
    font-size: 30px;
    line-height: 86px;
    text-align: center;
    text-transform:uppercase;
}

.image-logo
{
    text-align: center;
    margin-top: 8px;
    margin-left: 30px;
}

#search-login
{
    float: right;
    height: 100px;
    width: 25%;
    margin-right: 20px;
}

fieldset
{
    border: 1px solid #ddd;
    margin: 0 0 1em 0;
}

legend
{
    font: normal 9pt Tahoma, Sans-serif;
    padding: 2px 5px;
    background-color: #F4F5F9;
    border: 1px solid #ddd;
}

textarea
{
    min-height: 75px;
}

.editor-label
{
    padding: 5px 2px 0 2px;
    font-size: 9pt;
    font-weight: bold;
    text-align: left;
    height: 20px;
    width: 280px;
    font-family: Tahoma, Arial, "Helvetica Neue" , Helvetica, Sans-Serif;
    float: left;
}

.editor-field
{
    margin: 0.5em 0 0 0;
    font-size: 9pt;
    text-align: left;
    height: 20px;
    font-family: Tahoma, Arial, "Helvetica Neue" , Helvetica, Sans-Serif;
    float: left;
}

.message-label
{
    padding: 2px 2px 0 2px;
    font-size: 9pt;
    font-style: italic;
    text-align: left;
    font-family: Tahoma, Arial, "Helvetica Neue" , Helvetica, Sans-Serif;
}

.label
{
    cursor: default;
    padding: 2px 2px 0 2px;
    font-size: 9pt;
    font-weight: bold;
    text-align: left;
    height: 20px;
}

#logindisplay
{
    display: block;
    text-align: right;
    margin: 10px 10px 10px 10px;
    color: White;
    float: right;
}

#seaching
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 65px 10px 10px;
    color: White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

BODY
{
    font-family: Cambria, Georgia, "Times New Roman";
    margin: 0;
}
DIV#header DIV.title, DIV.item H3, DIV.item H4, DIV.pager A
{
    font: bold 1em "Arial Narrow" , "Franklin Gothic Medium" , Arial;
}
DIV#header
{
    background-color: #013a7f; 
    border-bottom: 2px solid #111;
    color: White;
    height: 86px;
}
DIV#header DIV.title
{
    font-size: 2em;
    padding: .6em;
    width: 500px;
}
DIV#content
{
    padding: 0em;
    min-height: 430px;
}
DIV#categories
{
    float: left;
    width: 10em;
    padding: .3em;
}

DIV.item
{
    border-top: 1px dotted gray;
    padding-top: .7em;
    margin-bottom: .7em;
}
DIV.item:first-child
{
    border-top: none;
    padding-top: 0;
}
DIV.item H3
{
    font-size: 1.3em;
    margin: 0 0 .25em 0;
}
DIV.item H4
{
    font-size: 1.1em;
    margin: .4em 0 0 0;
}

DIV.pager
{
    text-align: left;
    border-left:1px solid darkgray;
    border-bottom:1px solid darkgray;
    border-right:1px solid darkgray;
    padding-bottom: 2px;
}
DIV.pager A
{
    font: normal 9pt Tahoma, Sans-serif;
    color: #666;
    text-decoration:underline;
    padding: 0 .4em 0 .4em;
}
DIV.pager A:hover
{
    background-color: Silver;
}
DIV.pager A.selected
{
    background-color: #353535;
    color: White;
}

DIV#categories A
{
    font: bold 1.1em "Arial Narrow" , "Franklin Gothic Medium" ,Arial;
    display: block;
    text-decoration: none;
    padding: .6em;
    color: Black;
    border-bottom: 1px solid silver;
}
DIV#categories A.selected
{
    background-color: #666;
    color: White;
}
DIV#categories A:hover
{
    background-color: #CCC;
}
DIV#categories A.selected:hover
{
    background-color: #666;
}

.current
{
    font: normal 9pt Tahoma, Sans-serif;
    color: #666;
    text-decoration: none;
    padding: 0 .4em 0 .4em;
}

.total-row-count
{
    float:right;
    font-style:italic;
    margin-right:10px;
    }

FORM
{
    margin: 0;
    padding: 0;
}
DIV.item FORM
{
    float: right;
}
DIV.item INPUT
{
    color: White;
    background-color: #333;
    border: 1px solid black;
    cursor: pointer;
}

H2
{
    margin-top: 0.3em;
}
TFOOT TD
{
    border-top: 1px dotted gray;
    font-weight: bold;
}
.actionButtons A, INPUT.actionButtons
{
    font: .8em Arial;
    color: White;
    margin: .5em;
    text-decoration: none;
    padding: .15em 1.5em .2em 1.5em;
    background-color: #353535;
    border: 1px solid black;
}

DIV#cart
{
    float: right;
    margin: .8em;
    color: Silver;
    background-color: #555;
    padding: .5em .5em .5em 1em;
}
DIV#cart A
{
    text-decoration: none;
    padding: .4em 1em .4em 1em;
    line-height: 2.1em;
    margin-left: .5em;
    background-color: #333;
    color: White;
    border: 1px solid black;
}

DIV#categories A
{
    font: bold 1.1em "Arial Narrow" , "Franklin Gothic Medium" ,Arial;
    display: block;
    text-decoration: none;
    padding: .6em;
    color: Black;
    border-bottom: 1px solid silver;
}
DIV#categories A.selected
{
    background-color: #666;
    color: White;
}
DIV#categories A:hover
{
    background-color: #CCC;
}
DIV#categories A.selected:hover
{
    background-color: #666;
}

FORM
{
    margin: 0;
    padding: 0;
}
DIV.item FORM
{
    float: right;
}
DIV.item INPUT
{
    color: White;
    background-color: #333;
    border: 1px solid black;
    cursor: pointer;
}

H2
{
    margin-top: 0.3em;
}
TFOOT TD
{
    border-top: 1px dotted gray;
    font-weight: bold;
}
.actionButtons A, INPUT.actionButtons
{
    font: .8em Arial;
    color: White;
    margin: .5em;
    text-decoration: none;
    padding: .15em 1.5em .2em 1.5em;
    background-color: #353535;
    border: 1px solid black;
}

DIV#cart
{
    float: right;
    margin: .8em;
    color: Silver;
    background-color: #555;
    padding: .5em .5em .5em 1em;
}
DIV#cart A
{
    text-decoration: none;
    padding: .4em 1em .4em 1em;
    line-height: 2.1em;
    margin-left: .5em;
    background-color: #333;
    color: White;
    border: 1px solid black;
}

#main
{
    padding: 0px 30px 30px 30px;
    background-color: #fff;
    border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
}

#footer
{
    float: left;
    display: block;
    border-top: darkGray 1px solid;
    border-bottom: darkGray 1px solid;
    background: whiteSmoke;
    padding: 5px 0;
    margin: 10px 0;
    text-align: center;
    width: 100%;
    min-width: 700px;
    font: normal 8pt Tahoma, sans-serif;
}

#f-lang {
float: left;
display: block;
margin-left: 10px;
}




.step_cart_1, .step_cart_2, .step_cart_3
{
    font-size: 12px;
    list-style-type: none;
    margin: 0 0 0 3px;
    padding: 0;
}

#left-col
{
    text-align: left;
}

.step_cart_1 .step1_1
{
    background: url("images/step1_1.gif") no-repeat scroll left center #EDEDED;
    border: 0 solid #D3D3D3;
    font-weight: bold;
    padding: 7px 0 10px 42px;
    width: 220px;
}

.step_cart_1 li, .step_cart_2 li, .step_cart_3 li
{
    float: left;
}

.step_cart_1 .step1_2
{
    background: url("images/step1_2.gif") no-repeat scroll left center #EDEDED;
    border: 0 solid #000000;
    padding: 7px 0 10px 38px;
    width: 212px;
}

.step_cart_1 li, .step_cart_2 li, .step_cart_3 li
{
    float: left;
}

.step_cart_2 .step1_1
{
    background: url("images/step2_1.gif") no-repeat scroll left center #EDEDED;
    border: 0 solid #D3D3D3;
    padding: 7px 0 10px 42px;
    width: 220px;
}

.step_cart_2 li, .step_cart_2 li, .step_cart_3 li
{
    float: left;
}

.step_cart_2 .step1_2
{
    background: url("images/step2_2.gif") no-repeat scroll left center #EDEDED;
    border: 0 solid #000000;
    padding: 7px 0 10px 38px;
    width: 212px;
}

.step_cart_1 li, .step_cart_2 li, .step_cart_3 li
{
    float: left;
}

.shop_payment
{
    background: url("images/icon_bank.gif") no-repeat scroll 8px center transparent;
    padding: 4px 0 5px 35px;
}

.tr_shop
{
    background-color: #A9A9A9;
    color: #FFFFFF;
}

.tr_shop .td_nobor_center
{
    background-color: #A9A9A9;
    border-bottom: 1px solid #E1E1E1;
    border-right: 0 solid #FFFFFF;
    border-top: 2px solid #E1E1E1;
    padding: 3px 0 3px 4px;
    text-align: left;
}

.btn94x25
{
    background: url("images/btn94x25.gif") no-repeat scroll center center #F7F5F6;
    border: 0 solid #FFFFFF;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 0 7px;
    text-align: center;
    width: 94px;
}

input[type="submit"]:hover, input[type="button"]:hover, .activebutton:hover, button:hover
{
    color: #FAFFBD !important;
}

input.button, input[type="button"], input[type="submit"], .activebutton, button
{
    padding: 4px 10px;
    margin: 0 5px 0 0;
    background-color: #0F5270;
    border-left: 1px solid #D9DFEA;
    border-top: 1px solid #D9DFEA;
    border-right: 1px solid #0E1F5B;
    border-bottom: 1px solid #0E1F5B;
    font: normal 9pt Tahoma, Sans-serif;
    color: white;
    cursor: pointer;
    float: left;
}

.epay-lable
{
    font-size: 8pt;
    font-weight: bold;
    padding: 2px 2px 0 10px;
    text-align: left;
    height: 20px;
}

input[type="checkbox"]
{
    margin: 3px 3px 3px 4px;
}



button[disabled]:active, button[disabled], input[type="reset"][disabled]:active, input[type="reset"][disabled], input[type="button"][disabled]:active, input[type="button"][disabled], select[disabled] > input[type="button"], select[disabled] > input[type="button"]:active, input[type="submit"][disabled]:active, input[type="submit"][disabled]
{
    background: #EAEAE2 none;
    color: gray;
    padding: 4px 10px;
}

input[disabled], textarea[disabled], select[disabled], input[disabled]:hover, textarea[disabled]:hover, select[disabled]:hover
{
    color: gray !important;
    cursor: default;
    background: #FDFCFF none;
    border: 1px solid #DFDCCA;
    overflow: visible;
    padding-top: 1px;
    padding-bottom: 1px;
    padding: 4px 10px;
}

.epayment_div
{
    float: left;
    width: 100%;
}

.td_first
{
    float: left;
    width: 35px;
    margin-top: 4px;
}

.epayment_button
{
    float: left;
    margin: 15px 0;
    width: 100%;
}

table
{
    border-collapse: separate;
    border-spacing: 2px;
    border-color: gray;
}

.webGrid
{
    border-color: Gray;
    border-spacing: 0px;
    width: 100%;
    border-left: 1px solid darkGray;
    border-bottom: 1px solid darkGray;
}

.header
{
    background-color: #8f9989;
    text-decoration: none;
    color: #fff;
    line-height: 20px;
    font: normal 9pt Tahoma, Sans-serif;
}

.header th
{
    text-decoration: none;
    color: #fff;
    font: normal 9pt Tahoma, Sans-serif;
    border: 0px solid darkGray;
    border-right: 1px solid darkGray;
}

.header th a
{
    text-decoration: none;
    color: #fff;
    font: normal 10pt Tahoma, Sans-serif;
}

#content tr, tr
{
    padding-top: 1px;
    padding-bottom: 1px;
    vertical-align: top;
}

#content td, td
{
    padding-left: 3px;
    padding-right: 2px;
    padding-top: 2px;
    font: normal 9pt Tahoma, Sans-serif;
    border-top: 1px solid darkgray;
    border-right: 1px solid darkgray;
}

.alt
{
    background-color: #e8e8e8;
    color: #000;
}

tr.webGrid-footer td
{
    padding-top: 10px;
    background-color: #e0e0e0;
    color: black;
    font-weight: bold;
    font-size: 0.9em;
}

tr.webGrid-footer a
{
    color: #404040;
    font-weight: normal;
}

tr.webGrid-header th
{
    background-color: #e0e0e0;
    color: #404040;
}
tr.webGrid-header a, tr.webGrid-header td
{
    color: #404040;
}

tr.webgrid td
{
    padding: 10px;
}

.colProductName
{
    width: 65%;
    text-align: left;
}
.colQuantity
{
    width: 10%;
    text-align: left;
}

.colPrice
{
    width: 10%;
}

.colTotalAmount
{
    width: 15%;
}

.colUserName{width:20%;}
.colEmail{width: 45%;}
.colRoleName{width:25%;}

h2
{
    display: block;
    font-size: 1.2em;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}

.fillter
{
    float:right;
}

.fillter-text{float:left;}
.fillter-button{float:left;}
.fillter-right{float:right; margin-left:10px;}

input[type="password"], input[type="search"], input[type="text"]{
-webkit-appearance: textfield;
padding: 1px;
background-color: white;
border-image: initial;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
cursor: auto;
width:200px;
}