/*----------------------------------------------------------
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-color: #5c87b2;
    font-size: 9pt;
    font-family:Arial;
    margin: 0;
    padding: 0;
    color:#000000;
    background-color:#F0F0F0;
   
    width:auto;
    float:inherit
   
}

a:link {
    color: #000040;
    text-decoration:none;
}

a:visited {
    color: #000040;
    text-decoration:none;
}

a:hover {
    color:Red;
    text-decoration: none;
}

a:active {
    color: #000040;
    text-decoration:none;
}

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

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

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

h1 {
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 {
    padding: 0 0 0px 0;
    color: white;
}

h3 {
    font-size:11pt;
    padding:1px;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

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

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {
   
    margin-left: auto;
    margin-right: auto;
    margin-top:0px;
    width:1000px;
    color:#000000;
    border:none;
   
    
}
.pageQuantri {
   
   
    margin:10px;
    width:98%;
    color:#000000;
    border: solid 1px #ADADAD;
    
   
    
}
header, #header {
    position: relative;
    padding-top:0px;
    margin-bottom: 0px;
    margin-top:0px;
    color: #000;
    padding: 0;
    background: url(../Content/Img/Banner.jpg) no-repeat;
    height:148px;
    background-color:#FFFFFF;
}
/* ReSharper disable UnknownHtmlTag */
QuantriBanner, #QuantriBanner {
/* ReSharper restore UnknownHtmlTag */
    position: relative;
    padding-top:0px;
    margin-bottom: 0px;
    margin:0px;
    color: #000;
    text-align: center;
    padding: 0;
   /* background: url(../Content/Img/QuantriBanner.jpg) no-repeat;*/
    height: 45px;
    background-color:#F1F1F1;
}
header h1, #header h1 {
    font-weight: bold;
    padding: 0px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
    /*text-shadow: 1px 1px 2px #111;*/
}


#main {
    padding: 1px 1px 1px 1px;     
    background-color: #fff;
    border-radius: 2px 0 0 0;
    color:#000000;
    
    border: none;
   
}

footer, 
#footer {
   /* background-color: #fff;*/
    color: #FFF;
    background-color: #0077D4;
    text-align: center;
    padding-top: 10px;
    line-height: normal;
    margin: 0 0 00px 0;
    font-size: .9em;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
}

/* TAB MENU   
----------------------------------------------------------*/
body nav ul ul {
    display: none;
    position:absolute;
    
    height: 30px;
    width:960px;
    text-align:left;
    background-color: #1950A3;
    border-top: 2px solid #ffffff;
    border-bottom:1px solid #FFFFFF;
    
    filter:alpha(opacity=80);
    /*-moz-opacity:0.8;*/
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
body nav ul ul li a{
    line-height: 3.1em;
}
ul#menu {
    border-bottom: 2px #FFFFFF solid;
    margin-top:2px;
    padding-left:3px;
    padding-top:1px;
    position: relative;
    margin: 0;
    text-align:left;
    height:31px;
    background-color: #1950A3;
}

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

ul#menu li#greeting {
    padding: 0px 10px;
    font-weight: bold;
    text-decoration: none;
    line-height: 1.8em;
    color: #EDF1F8;
}

ul#menu li a {
    padding: 8px 10px;
    font-weight: bold;
    font-size:8pt;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #FAFFE7;
    color:Black;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}

ul#menu li a:hover {
    background-color: #FFF;
    text-decoration: none;
    color:Red;
}

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

ul#menu li.selected a {
    background-color: #EDF1F8;
    color:Red;
}

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

fieldset {
    border: 1px solid #ddd;
    margin: 5px 5px 5px 5px;
    
   
}
.fieldset1 {
    border: 1px solid #0140A4;
    margin: 1px 1px 1px 1px;
    
   
}

legend {
    font-size: 9pt;
    font-weight: bold;
    padding-bottom:3px;
    font-family:Arial;
}

textarea {
    min-height: 75px;
    font-size: 10pt;
    font-family:Arial;
    text-wrap: inherit;
    color: #000;
}

input[type="text"], 
input[type="password"]
{
    border: 1px solid #ccc;
    padding: 3px;
    font-size: 9pt;
    font-family:Arial;
    color: #000;
    width: 200px;
}

select {
    border: 1px solid #ccc;
    padding: 3px;
    font-size: 9pt;
    font-family:Arial;
    color: #000;
}

input[type="submit"] {
    font-size: 8pt;
    padding: 2px;
    margin:0px;
    font-family:Tahoma;
    font-weight:bold;
}

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

table {
    border: solid 1px #D0D0D0;
    border-collapse: collapse;
    width:100%;
}

table td {
    padding: 0px;
    border: solid 1px #E6E6E6;
    background-color:#ffffff;
    
    
}

table th {
    padding: 0px;
    background-color: #E6E6E6;
    border: solid 1px #e8eef4;
}
/*table content*/
.tableContent {
    border:0px;
    border-collapse: collapse;
    width:100%;
}
.tableContent td {
    padding:5px;
    border:solid 1px  #DFDFDF;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size:10.5pt;
    text-align: justify;
    font-family:Arial;
    vertical-align:top;
}
.tableContent th {
    padding: 5px;
    
   
    font-size:8pt;
    color:Black;
    vertical-align:top;
  
    background-color: #D6D7D9;
    border: solid 1px #B5B5B5;
}
.tableContent tr:nth-child(odd) td{
           background:#F1F1F1;
            font-size:10pt;
    
            
}
.tableContent tr:nth-child(even) td{
            background:#fff;
             font-size:10pt;
    
             
}
.table1 {
    border: solid 1px #769CDA;
    border-collapse: collapse;
    width:100%;
}

.table1 td {
    padding:3px;
    border: solid 1px #769CDA;
    background-color:#ffffff;
    font-size:9pt;
    font-family:Arial;
    vertical-align:top;
     
}
.table1 th {
   
    font-size:8pt;
    padding:5px;
    margin-right:10pt;
    background-color: #769CDA;
    text-align:justify;
    color:White;
    border: solid 1px #769CDA;
    vertical-align:top; 
}

.tableAdd {
    border:0px;
    border-collapse: collapse;
    width:100%;
}
.tableAdd td {
    padding:5px;
    border:solid 1px  #FFF;
    background-color:#FAF9F9;
    font-size:9pt;
    font-family:Arial;
    vertical-align:top;
}
.tableAdd th {
    padding-top: 6px;
    padding-bottom:4px;
    font-size:8pt;
    
    background-color: #e8eef4;
}

.table2 {
    border: solid 1px #D6D7D9;
    border-collapse: collapse;
    width:99%;
}
.table2 td {

    border: solid 1px #D6D7D9;
    background-color:#ffffff;
    font-size:9pt;
    text-align: justify;
    font-family:Arial;
    padding:5px;
    vertical-align:top;
    
}
.table2 th {
    padding: 5px;
    font-size:8pt;
    color:Black;
    vertical-align:top;
  
    background-color: #D6D7D9;
    border: solid 1px #B5B5B5;
}
.tableCreate
{
  border-style:none;
  padding:0px;
  width:100%;
  
}
.tableCreate td 
{ 
  vertical-align:top; 
  border-style:none;
  padding:5px;
  
}
.tableCreate th
{
  border-style:none;
  padding-top: 6px;
  padding-bottom:4px;
}
.tableHienthi
{
  border-style:none;
  padding:0px;
  width:100%;
  
}
.tableHienthi td 
{ 
  vertical-align:top; 
  border-style:none;
  padding:0px;
  
}
.tableHienthi th
{
  border-style:none;
  padding-top:0px;
  padding-bottom:0px;
}
.tableHienthi1
{
  border-style:none;
  padding:0px;
  width:100%;
  
}
.tableHienthi1 td 
{ 
  vertical-align:top; 
  border-style:none;
  padding:0px;
  
}
.tableHienthi1 th
{
   padding-top:6px;
    padding-left:6px;
    padding-bottom:5px;
    color:#000;
    font-family:Tahoma;
    font-size:8pt;
    font-weight:bold;
    text-align: left;
    background-color:#F6F6F6;
}

.tableMenu 
{
    padding:0px;
    margin:0px;
    width:100%;
    background-color:White;
}
.tableMenu td {
    padding-top: 6px;
    padding-bottom:5px;
    padding-left:6px;
    padding-right: 6px;
    margin:2px;
    background-color:#FFF;
    font-family:Tahoma;
    font-size:8pt;
    font-weight:normal;   
   
}
.tableMenu th {
    padding-top:6px;
    padding-left:6px;
    padding-bottom:5px;
    color:#000;
    font-family:Tahoma;
    font-size:8pt;
    font-weight:bold;
    text-align: left;
    background-color:#F6F6F6;
    
}
.tableHome
{
    padding:0px;
    margin:0px;
    width:99%;
    background-color:White;
    border: none;
}
.tableHome td {
    padding: 6px;
    margin:2px;
    background-color:#FFF;
    font-family:Arial;
    font-size:10pt;
    font-weight:normal;
    text-align: justify;
    border: none;
    border-color: #ffffff;
      
   
}
.tableHome th {
    padding: 6px;
    margin: 2px;
    color:#000;
    font-family:Tahoma;
    font-size:8pt;
    font-weight:bold;
    text-align: left;
    background-color:#F6F6F6;
    
}
.tableMenuHome
{
    padding:0px;
    margin:0px;
    width:100%;
    
}
.tableMenuHome td {
    padding: 6px;
    margin:2px;
    background-color:#FFF;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    text-align: justify;
   
}
.tableMenuHome th {
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 2px;
    font-family:Arial;
    font-size:8.5pt;
    font-weight:bold;
    
    
}
/* MISC  
/*Table content1*/
.table10pt {
    border:0px;
    border-collapse: collapse;
    width:100%;
}
.table10pt td {
    padding:10px;
    border:solid 1px  #E9E9E9;
    margin: 5px;
    font-size:10pt;
    text-align: justify;
    font-family:Arial;
    vertical-align:top;
}
.table10pt th {
    padding-top: 6px;
    padding-bottom:4px;
    font-size:8pt;
    vertical-align: top;
    font-weight:bold;
    text-align:center;
    color:white;
    border:solid 1px  #E9E9E9;
    background-color:midnightblue;
}
.table10pt tr:nth-child(odd) td{
           background:#F1F1F1;
}
.table10pt tr:nth-child(even) td{
            background:#fff;
}
/*----------------------------------------------------------*/
/*Table 10 pt Home*/
.table10ptHome {
    border:0px;
    border-collapse: collapse;
    width:100%;
}
.table10ptHome td {
    padding:5px;
    border:solid 1px  #E9E9E9;
    margin: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size:10.3pt;
    text-align: justify;
    font-family:Arial;
    vertical-align:top;
}
.table10ptHome th {
    padding: 6px;
    margin: 6px;
    font-size:10pt;
    color: #000080;
    vertical-align: top;
    font-weight:bold;
    text-align:center;
    
    border:solid 1px  #E9E9E9;
    background-color:#f0f0f0;
}
.table10ptHome tr:nth-child(odd) td{
           background:#F8F8F8;
}
.table10ptHome tr:nth-child(even) td{
            background:#fff;
}
/*Table 11 pt*/
.table11pt {
    border:0px;
    border-collapse: collapse;
    width:100%;
}
.table11pt td {
    padding:5px;
    padding-top: 10pt;
    border:solid 1px  #E9E9E9;
    margin: 5px;
    font-size:11pt;
    text-align: justify;
    font-family:Arial;
    vertical-align:top;
}
.table11pt th {
    padding-top: 6px;
    padding-bottom:4px;
    font-size:10pt;
    vertical-align: top;
    font-weight:bold;
    text-align:center;
    color:white;
    border:solid 1px  #E9E9E9;
    background-color:lightsteelblue;
}
.table11pt tr:nth-child(odd) td{
           background:#fff;
}
.table11pt tr:nth-child(even) td{
            background:#fff;
}
.clear {
    clear: both;
}

.error {
    color: Red;
}

nav, 
#menucontainer {
    margin-top: 125px;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
    background-color:#005EBB;
}

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

#logindisplay {
    font-size: 8pt;
    display: block;
    text-align: right;
    margin-top:2px;
    margin-bottom: 10px;
    margin-right:10px;
    color:#000;
}

#logindisplay a:link {
    color: #000;
    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;
}

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

.display-field, 
.editor-field {
    margin: 0.5em 0 0 0;
    font-family:Arial;
    font-size:9pt;
}

.text-box {
    width: 30em;
}

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

.tri-state {
    width: 6em;
}
/*------------Menu*/
MenuTitle
{
    font-size:8pt;
    font-family:Tahoma;  
    color:White;
    font-style:normal;  
    font-weight:bold;
    margin-left:10px;
    
}
SubMenuTitle
{
    font-size:8pt;
    font-family:Tahoma;  
    color:#00202C;
    font-style:normal;  
    font-weight:normal;
    padding:2 5 5 2px;
}
baoloi
{
    font-size:8pt;
    font-family:Tahoma;  
    color:Red;
    font-style:normal;  
    font-style:normal;
}
Ask
{
    font-size:9pt;
    font-family:Tahoma;  
    color:Red;
    font-style:normal;  
    font-style:normal;
    font-style:italic;
  
}
Chao
{
    font-size:8pt;
    font-family:Tahoma;  
    color:white;
    font-style:normal;  
   
  
}
Thongbao
{
    font-size:9pt;
    font-family:Arial;  
    color:#000080;
    font-style:normal;  
}
tieude
{
    font-size:10pt;
    font-family:Arial;  
    color:#FF0000;
    font-weight:bold;
    text-transform:uppercase;
    text-align:center;
    margin-top: 10px;
    margin-bottom: 10px;
}
tieude:link {
    background-color: #FFF;
    text-decoration: none;
    color:Red;
}

tieude:hover {
    background-color: #FFF;
    text-decoration: none;
    color:Red;
}

tieude:active {
    background-color: #EDF1F8;
    text-decoration: none;
    color:#FF0000;
}

tieude:selected {
    background-color: #EDF1F8;
    color:Red;
}
trichdan
{
    font-size:9pt;
    font-family:Arial;  
    color:#000000;
    text-align:justify;
    font-style:italic;
    font-weight: bold;
     margin-top: 10px;
    margin-bottom: 10px;
}
tacgia
{
    font-size:9pt;
    font-family:Arial;  
    color:#000080;
    text-align:justify;
    font-style:normal;
    font-weight: bold;
     margin-top: 10px;
    margin-bottom: 10px;
}
ngaythang
{
    font-size:8pt;
    font-family:Tahoma;  
    color:#000080;
    font-style:normal;
  
}
chuthich
{
    font-size:8pt;
    font-family:Tahoma;  
    color:#000080;
    font-style:normal;
  
}
sotrang
{
    font-size:8pt;
    font-family:Arial;  
    color:Black;
    font-style:normal;  
    font-style:normal;
}

/*Menu trang ngoai*/
.urbangreymenu
{
width: 220px; /*width of menu*/
padding-top:0px;
margin:0px;
}

.urbangreymenu .headerbar
{
font: bold 8pt Tahoma;
color: white;
background: #F79A02;
margin:0px;
padding: 6px 0 7px 5px; 
border-bottom: solid 1px #FFFFFF;


}
.urbangreymenu .headerbar a
{
font: bold 8pt Tahoma;
color: white;
background: #F79A02;
margin-bottom: 0; 
border-bottom: solid 1px #FFFFFF;
padding: 6px 0 7px 5px; 
}


.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li
{
    padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 11px Arial;
color: black;
background: #FFFFFF;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover
{ /*hover state CSS*/
color:Red;
background:#E9E9E9;
}
.qti_container{
 max-width: 1077px;
margin: 0 auto;
}