/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    background: #E7DECD url(Images/image.jpg);
    font-size: .75em;
    font-family: Tahoma;
    margin: 0;
    padding: 0;
    color: #696969;
}

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

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
    color: #00779E;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
#container {
    width: 100%;
    position: relative;
}
.wrap-header {
    width: 100%;
    background: url(Images/image.jpg) 50% 0 no-repeat;
}
.header {
width: 1000px;
margin: 0 auto;
position: relative;
}
.wrap-main {
width: 100%;
position: relative;
margin: 0;
min-height: 854px;
}
.inner-main {
background: url(Images/image.jpg) 50% 100% no-repeat;
}
.main {
background: url(Images/image.jpg) 100% 0 no-repeat;
overflow: hidden;
min-height: 854px;
padding: 0 0 160px 0;
}
.wrap-content {
width: 1000px;
margin: 0 auto;
padding-top: 104px;
}
#sidebar.nouser {
width: 306px !important;
float: right !important;
}
#sidebar {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 3px;
float: left;
margin-top: 10px;
min-height: 50px;
position: relative;
width: 230px;
}
#sidebar .top {
background: url("Images/title.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #DD8D8C;
display: block;
font-size: 17px;
height: 30px;
left: -11px;
line-height: 30px;
padding-left: 35px;
position: absolute;
top: 15px;
width: 177px;
}
#sidebar .top h4, .sub_title strong {
color: #FFFFFF;
font-size: 17px;
line-height: 30px;
margin: 0;
}
#sidebar .middle {
margin-top: 43px;
padding: 15px 24px;
}
.middle fieldset {
border: 0px !important;
margin-bottom: 14px;
}
label {
color: #484848;
display: block;
font-size: 14px;
line-height: 22px;
transition: all 0.218s ease-in-out 0s;
-moz-transition: all 0.218s ease-in-out;
-webkit-transition: all 0.218s ease-in-out;
}
select,input[type="text"], input[type="password"] {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #E5E5E5;
font-family: Tahoma,Geneva,sans-serif;
padding: 7px;
width: 240px;
border-radius: 3px;
overflow: hidden;
position: relative;
transition: all 0.218s ease-in-out 0s;
-moz-transition: all 0.218s ease-in-out;
-webkit-transition: all 0.218s ease-in-out;
}
.submit_button {
background: url("Images/button1.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
border: medium none;
color: #FFFFFF;
cursor: pointer;
display: block;
font-family: Tahoma,Geneva,sans-serif;
font-size: 13px;
height: 35px;
margin-top: 18px;
opacity: 0.9;
text-transform: uppercase;
transition: all 0.218s ease-in-out 0s;
-moz-transition: all 0.218s ease-in-out;
-webkit-transition: all 0.218s ease-in-out;
width: 117px;
}
.submit_button:hover {
opacity: 1;
}
.other_link_line:hover {
color: #414141;
opacity: 1;
}
.other_link_line {
display: block;
font-family: Tahoma,Geneva,sans-serif;
line-height: 28px;
opacity: 0.7;
transition: all 0.218s ease-in-out 0s;
-moz-transition: all 0.218s ease-in-out;
-webkit-transition: all 0.218s ease-in-out;
}
.register_suggestions_ico {
background: url("Images/small_icon1.png") repeat scroll -15px 0 rgba(0, 0, 0, 0);
display: block;
float: left;
height: 17px;
margin: 4px 8px 0 0;
width: 15px;
}
.denied_access_ico {
background: url("Images/small_icon1.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
display: block;
float: left;
height: 17px;
margin: 4px 8px 0 0;
width: 15px;
}
a.register {
background: url("Images/button1.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
width: 117px;
height: 23px;
margin-top: -35px;
margin-left: 130px;
position: absolute;
opacity: 0.9;
color: #fff;
text-align: center;
padding-top: 11px;
text-transform: uppercase;
font-size: 13px;
}
.other_link_login {margin-top:10px;}
input[type="submit"]
{
        background: url("Images/button1.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
        border: medium none;
        color: #FFFFFF;
        cursor: pointer;
        display: block;
        font-family: Tahoma,Geneva,sans-serif;
        font-size: 13px;
        height: 35px;
        margin-top: 18px;
        opacity: 0.9;
        text-transform: uppercase;
        transition: all 0.218s ease-in-out 0s;
        -moz-transition: all 0.218s ease-in-out;
        -webkit-transition: all 0.218s ease-in-out;
        width: 117px;
}
div.editor-label {
width: 200px;
float: left;
}
div.editor-submit
{
    width: 300px;
    margin: 0 auto;
    margin-left:200px;
}
.editor-submit p
{
    width: 126px;
    margin: 0px;
    float: left;
}
.line_wallet {
font: 12px/18px MyrialNormal,Tahoma,Geneva,sans-serif;
transition: all 0.318s ease-in-out 0s;
-moz-transition: all 0.318s ease-in-out;
-webkit-transition: all 0.318s ease-in-out;
width: 177px;
height: 30px;
padding: 0 12px;
background: #FFF;
text-align: right;
display: block;
font-size: 13px;
line-height: 33px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin: 5px 0;
-webkit-box-shadow: 0px 1px 5px -1px rgba(0, 0, 0, .5);
box-shadow: 0px 1px 5px -1px rgba(0, 0, 0, .5);
text-align: left;
text-transform: uppercase;
color: #9c9c9c;
}
ul.wallet_block,ul.wallet_block li
{
    list-style: none;
}
.line_wallet_left strong, .line_wallet strong {
display: block;
float: right;
line-height: 30px;
font-weight: normal;
font-family: Tahoma, Geneva, sans-serif;
color: #414141;
}
.coin {
background: url("Images/coin.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
display: inline-block;
float: right;
height: 13px;
margin: 9px 0 0 4px;
width: 15px;
}
.big_nav_right_btn {
background: url("Images/right_tab.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #FFFFFF;
display: block;
font-family: MyrialBold;
font-size: 15px;
height: 47px;
line-height: 47px;
margin-bottom: 5px;
text-align: center;
text-transform: uppercase;
width: 200px;
}
.big_nav_right_btn_h {
background: url("Images/right_tab.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #FFFFFF;
display: block;
font-family: MyrialBold;
font-size: 15px;
height: 47px;
line-height: 47px;
margin-bottom: 5px;
text-align: center;
width: 200px;
}
ul.payx {
float: right;
display: block;
width: 100%;
list-style: none;
margin: 0 -170px 0px 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
padding: 0 0 0 30px;
}
ul.payx li {
float: left;
width: 78px;
display: block;
border: 1px solid #ccc;
background: #fff;
text-align: center;
margin: 0 2px 10px 0;
height: 32px;
}
.ideal-radiocheck-label {
display: inline-block;
cursor: pointer;
}
.payx input.ratio_deposite {
display: block;
position: absolute;
margin-top: -18px;
margin-left: 65px;
}
.payform .field-validation-error{margin-top: 9px;}
.page
{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
div.editor-field.Captcha #reCaptcha {
width: 125px;
}
div.editor-field.Captcha img {
margin-top: 6px;
margin-left: 14px;
position: absolute;
}
.cont03 p {
font-size: 13px;
float: left;
font-weight: bold;
color: #00779E;
padding: 0 3px;
}
.cont03 p span.ax 
{
line-height: 12px !important;
display: block;
float: left;
padding: 3px 0px 5px;
width: 150px;
margin-left: 0px;
}

.cont03 p span.bx {
line-height: 12px !important;
display: block;
float: left;
font-size: 11px;
color: #303030;
font-weight: normal;
padding: 3px 0 0;
width: 150px;
margin-left: 0px;
}
.field-validation-error.validation-summary-errors
{
    width:auto;
    display: block;
    left: 0px;
    position: relative;
    margin-top: 0px;
    height: 20px;
}
a.cont03 {
font-size: 16px;
float: left;
font-weight: bold;
color: #00779E;
font: bold 16px arial;
font-family: Tahoma,Geneva,sans-serif;
}
.cont03 {
width: 285px;
height: 65px;
padding: 2px 0 0 16px;
margin: 10px 0;
background: url("Images/category.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
display: block;
float: left;
cursor: pointer;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.pad10 {
padding: 0px;
}
.cont03 img {
float: left;
margin: 0;
}
/*-----------------*/
#header
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

#header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px !important;
}

#main
{
    padding: 30px 30px 15px 30px;
    background-color: #fff;
    margin-bottom: 30px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
    width: 620px !important;
    position: absolute;
    margin-top: 10px;
}
.main.mainfull #main
{
    width: 939px !important;
}
#footer
{
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
    border-bottom: 0px #5C87B2 solid;
    padding: 0 0 0px;
    position: relative;
    margin: 0;
    text-align: left;
    background: #fff;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    /*background-color: #e8eef4;*/
    color: #034af3;
}
ul#menu li a:hover , ul#menu li.active a
{
    background-color: #0d9ac3;
    color:#fff;
}

ul#menu li a:active
{
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

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

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input[type="text"] 
{
    width: 228px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 228px;
    border: 1px solid #CCC;
}

/* TABLE
----------------------------------------------------------*/

table 
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

table td 
{
  padding: 5px;   
  border: solid 1px #e8eef4;
}

table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4; 
  border: solid 1px #e8eef4;   
}
a.job
{
    background-color: #333;
    color: #fff;
    border: 1px dashed #fff;
    padding: 5px 15px;
    margin-top: -20px;
 }
/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

#menucontainer
{
    margin-top:160px;
}

div#title
{
    display:block;
    float:left;
    text-align:left;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin: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;
    display: block;
    left: 499px;
    position: absolute;
    margin-top: -27px;
    width:200px;
}

.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;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label,
.display-field,
.editor-field
{
    margin: 0.5em 0;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}
.field-validation-error.napthe
{
    margin-left: -372px;
    font-size: 14px;
    font-weight: bold;
    width: 500px;
}

.pageul ul li
{
    padding:0 5px;
    float:left;
}
.pageul ul li:hover
{
    background:#dedede;
}
.pageul  a
{
     color:#0880b4;
     
}
.pageul p
{
    float:left;
    padding:0 5px;
}
.pageul ul
{
    float:left;
}
.pageul ul li:firt-child:hover
{
    background:none;
}
.pageul ul li a
{
    color:#0880b4;
}

.pageul ul li.active_pt
{
     background:#dedede;
}
.pagnation {clear: both;color: #000;height: 33px;padding: 20px 0 34px;text-align: center;overflow: hidden;}
.pagnation li  {display: inline;background: none;border-bottom: none;padding-left: 2px;color:#000;}
.pagnation li a{color:#000;border: solid 1px #c0c0c0;}
.pagnation li a.trang{width: 75px;color:#000;border: solid 1px #c0c0c0;}
.pagnation li a.onpage{color:red;border: solid 1px red;}
.pagnation {clear: both;color: #000;height: 33px;padding: 20px 0 34px;text-align: center;overflow: hidden;}
.pagnation li  {display: inline;background: none;border-bottom: none;padding-left: 2px;color:#000;}
.pagnation li a{color:#000}
.pagnation { clear:both; color:#000; padding:16px 0 12px; _padding:16px 0 20px; *padding:16px 0 20px; text-align: center;}
.pagnation a{ display:inline-block; *display:inline; *zoom:1;  margin: 0 2px; width:26px; height:26px; line-height:26px; background:url(../images/pagenation.jpg) no-repeat 0 0; overflow:hidden;}
.pagnation b{ display:inline-block; *display:inline; *zoom:1;  margin: 0 2px; width:26px; height:26px; line-height:26px; background:url(../images/pagenation.jpg) no-repeat 0 -30px; overflow:hidden;}
.pagnation a.pre,.pagnation a.after,.pagnation a.last{ width:47px; background:url(../images/pagenation.jpg) no-repeat -32px 0;}
.pagnation a:link, .pagnation a:visited {color:#000; height:26px; line-height:27px; margin:0 4px; text-decoration:none; outline:none;}
.pagnation .on:link,.pagnation .on:visited{ color:#000; text-decoration:none;}
.pagnation a:hover, .pagnation .on {color:#000; text-decoration:none; background:url(../images/pagenation.jpg) no-repeat 0 -30px; }
.pagnation a.pre:hover,.pagnation a.after:hover,.pagnation a.last:hover{ width:47px; background:url(../images/pagenation.jpg) no-repeat -32px -30px;}

ul.huongdan li{color:#00779E;font-size:13px;}
.chuy{color:Red;font-wight:bold;}