/*--------------------------------------------------------------------------------------------------------------*/
/* CSS Styles for the Zyskin (free version) DotNetNuke Skin by ThinkofDesign.com */
/*--------------------------------------------------------------------------------------------------------------*/
/*control panel*/

.ControlPanel
{
    font-family:Times New Roman;
    font-size:12px;
    background:#EFEFEF;
    border:#AAA solid;
    border-width:0 0 1px 0;}
.ControlPanel img{margin:10px 5px 0px;}
.ControlPanel td td td td img{margin:0px;}
.ControlPanel div{width:1px;height:100px;background:#AAA;}
.ControlPanel td.SubHead{background:#AAA;}
.ControlPanel .SubHead
{
    font-size:12px;
    color:#FFF;
    /*font-weight:bold;*/
    padding:5px 0;
}
.ControlPanel td td td .SubHead{background:transparent;color:#333;font-size:11px;font-weight:normal;}
.ControlPanel a.CommandButton{font-size:10px;font-weight:normal;}

#spacer
{
	height:5px;
	
	}

/*--------------------------------------------------------------------------------------------------------------*/
/*page*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

html, body
{
	background: #FFFFFF;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	height: 100%;
	text-align: center;
	font-family: Times New Roman;
	font-size: 12px;
}





/*GridView*/
.table
{
	/*width: 100%;*/
    border-spacing: 2px;
	font-family: Arial;
	font-size: 12px;
	/*padding-left: 5px;*/
	/*border: 1px solid #93b9d9;*/
	/*border-collapse:collapse;*/
    border-top-style: none;
	border-right-style: solid;
    border-right-color : #FFFFFF;
	border-left-style: none;
	border-bottom-style: solid;
    border-bottom-color: #93b9d9
}


.table td {
	padding:0px;
    font-family: Arial;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    /*border-bottom-style:none ; */
	}
.table th
{

	font-family: Arial;
	font-size: 12px;
    /*padding-left: 5px;*/
	padding: 2px;
    background: url(bg_header.jpg);
    color: #4076A8;
    font-weight: bold;
    border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none;
}






/* btnBorder btnText btnBg */
.btn
{
	cursor:pointer;
    cursor:hand;
	border-right: #3176a5 1px solid;
	border-top: #3176a5 1px solid;
	border-left: #3176a5 1px solid;
	border-bottom: #3176a5 1px solid;
	background-color: #e9f9ff;
	font-family:Arial;
	font-size:11px ;

	padding:1px;
    color:#132433;
    margin-top: 5px;
    font-weight: bold
}

a.linksearch:link{
   text-decoration:none;
   color: Red;
   font: Arial bold;
}
a.linksearch:hover{
   text-decoration:underline;
   color: Red;
   font: Arial bold;
}



.bor_orange{
    border-right: #FFB74B 1px solid;

	border-left: #FFB74B 1px solid;
	border-bottom: 1px solid #FFB74B;
}

.table_linkbutton_orange {
  width: 800;
}
.table_linkbutton_orange td{
    width:106px;
    height:40px;

}


a.linkbutton_orange{
  font-size:12px;
  font-weight:bold;
  /*background:url(bg_linkbutton_orange2.jpg) 100% ;*/
  background:url(bg_linkbutton_orange2.jpg);
  text-align:center;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px
}
a.linkbutton_orange:link{
    color:#7B2F00;
    text-decoration:underline;
}
a.linkbutton_orange:visited{
    color:#7B2F00;
    text-decoration:underline;
}
a.linkbutton_orange:hover{
    color:#7B2F00;
    text-decoration:none;
}
a.linkbutton_orange:active{
    color:#7B2F00;
    text-decoration:none;
}

/*Memu*/
.tablemenu
{
	font-weight: bold;
	color: #0000cc;
	background-color: #FEF3D8;
  border: 1px solid #FFB74B
}
.tablemenu span
{
	color: #3366FF;


}

/*- Menu Tabs 10--------------------------- */
#body_orange{
    float:left;
    width:800;
    font-size:93%;
    border-bottom:1px solid #2763A5;
    line-height:normal;
    background: transparent;
    border-left: 1px solid #2763A5;
    border-right: 1px solid #2763A5;
    border-top: 1px solid #2763A5
}

#body_orange1{
    float:left;
    width:100%;
    font-size:93%;
    line-height:normal;
    background: transparent;
}

#none_border{
    float:left;
    width:100%;
    font-size:93%;
    line-height:normal;
    background: transparent;
}

#tabs10 {
      float:left;
      width:100%;
      font-size:93%;
      line-height:normal;
      background: transparent;

}
#tabs10 ul {
          margin:0;
          padding:10px 10px 0 0px;
          list-style:none;
}
#tabs10 li {
      display:inline;
      margin:0;
      padding:0;

}

#tabs10 a {
      float:left;
      background:url("tableft10.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
}


#tabs10 a span {
      float:left;
      display:block;
      background:url("tabright10.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs10 a span {float:none;}
    /* End IE5-Mac hack */
#tabs10 a:hover {
      background-position:0% -42px;
      }
#tabs10 a:hover span {
      background-position:100% -42px;
      }

#tabs10 #current a {
              background-position:0% -42px;
      }
#tabs10 #current a span {
              background-position:100% -42px;
      }
/*
class 
*/ 
.tabs10 {
      float:left;
      width:100%;
      font-size:93%;
      line-height:normal;
      background: transparent;

}
.tabs10 ul {
          margin:0;
          padding:10px 10px 0 0px;
          list-style:none;
}
.tabs10 li {
      display:inline;
      margin:0;
      padding:0;

}

.tabs10 a {
      float:left;
      background:url("tableft10.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
}


.tabs10 a span {
      float:left;
      display:block;
      background:url("tabright10.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs10 a span {float:none;}
    /* End IE5-Mac hack */
.tabs10 a:hover {
      background-position:0% -42px;
      }
.tabs10 a:hover span {
      background-position:100% -42px;
      }

.tabs10 #current a {
              background-position:0% -42px;
      }
.tabs10 #current a span {
              background-position:100% -42px;
      }

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.shadetabs{

    /* width: 90%; width of menu. Uncomment to change to a specific width */
    margin-bottom: 1em;
    width:710px;

  border-left: 1px solid #00CC00;
  border-right: 1px solid #00CC00;
  border-bottom: 1px solid #00CC00
}

.shadetabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(media/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(media/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}



#skinwrapper{
	float:left;
	width:1000px;
	background:#FFF;
	border:#FFF solid;
	border-width:0 2px;
	margin:0 auto;
	text-align:left;
	}
#skinheader{position:relative;width:100%}
#skinlogo{}
#skinuseroptions
{
	position:absolute;
	top:5px;
	right:10px;
	text-align:right;
	font-size:11px;
	color:#333;
}
.menu
{
	margin : 0 0 0 0;
	background:#FFD2C5;
	border : 0;
	}
.skinmenu
{
	height:40px;
	background:#FFF;
	margin:0 auto;
	font-size:8px;
	width:100%;
}
/*Mau nen duoi menu*/
#skinbar{
    height:40px;
    border-bottom:1px #AAA solid;
    margin-top:-8px;
    background-image: url(bg_searchbar.jpg);
}
#skinbreadcrumb{width:100%;	text-align: center;}
#skinbreadcrumb div{
  padding-left: 5px;
  padding-top: 5px;
}

.skincontents{clear:both;}
.skincontentstable{width:100%;}
.skinclearboth{clear:both;font-size:1px;}
#skinfooter{float:left; width:1000px;margin:0 auto;border:#FFF solid;border-width:0 2px;background:#FFF;}
#skinfooter div{text-align:center;padding:20px 0;border-top:1px #AAA solid;}
#skinfootertechmart
{
	float: left;
	width: 1000px;
	border: #FFF solid;
	background: #A9D2FE;
}
#skinfootertechmart div{text-align:center;padding:20px 0;border-top:1px #AAA solid;}
/*--------------------------------------------------------------------------------------------------------------*/
/*panes*/
.advertbanner{width:200px;}
.skinleftpane{width:200px;padding:5px 5px 0 0;}
.skincontentpane{width:100%;padding:5px 0 0;float:left;}
.skinrightpane{width:200px;padding:5px 0 0 5px;}
.skinbottompane{width:1000px;}
.skintoppaneads{width:1000px;}
/*--------------------------------------------------------------------------------------------------------------*/
/*text*/
.normal,.NormalTextBox,div,span,p,td,th,li,a{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#333;}
.head,.subhead,.subsubhead
{
    font-family:Verdana, Arial, Helvetica, sans-serif;color:#333;}
.head{font-size:13px;font-weight:bold;}
.subhead{font-size:14px;font-weight:bold;}
.subsubhead{font-size:12px;font-weight:bold;}

.skinfooter{font-size:11px;color:#333;}
/*--------------------------------------------------------------------------------------------------------------*/
/*links & buttons*/
/* linkText , linkTextVisit,linkTextHover*/
a:link{color:#0066FF; font: Arial 12px }
a:visited{color:#0066FF;font: Arial 12px}
a:hover{color:#0066FF;text-decoration:underline;font: Arial 12px}
a:active{color:#0066FF;text-decoration:none;font: Arial 12px}

.StandardButton
{
	background: #e9f9ff;
	padding: 5px;
	border-right: #3176a5 1px solid;
	border-top: #3176a5 1px solid;
	border-left: #3176a5 1px solid;
	border-bottom: #3176a5 1px solid;
}

a.CommandButton{font-size:14px;font-weight:bold;}
a.CommandButton:link{color:#F60;text-decoration:underline;}
a.CommandButton:visited{color:#F60;text-decoration:underline;}
a.CommandButton:hover{color:#F60;text-decoration:none;}
a.CommandButton:active{color:#F60;text-decoration:none;}

a.skinuseroptions,.skinuseroptions{font-size:11; font-weight: bold }

a.skinuseroptions:link{color:#000295;  }
a.skinuseroptions:visited{color:#000295;}
a.skinuseroptions:hover{color:#000295;text-decoration:underline;}
a.skinuseroptions:active{color:#000295;text-decoration:none;}

a.skinfooter:link{color:#333;text-decoration:none;}
a.skinfooter:visited{color:#333;text-decoration:none;}
a.skinfooter:hover{color:#333;text-decoration:underline;}
a.skinfooter:active{color:#333;text-decoration:underline;}
/*--------------------------------------------------------------------------------------------------------------*/
/*menu*/
.MainMenu_MenuContainer{background:transparent;width:1%;}
.MainMenu_MenuContainer td{
    cursor:default;
    font-size:1px;
    width:1px;
}
.MainMenu_MenuIcon{display:none;}
.MainMenu_RootMenuArrow{display:none;}

.MainMenu_MenuItem{

    font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#45597C;
    font-size:12px;
    font-weight:normal;
	padding:2px 15px 2px 5px;
	border:1px #93C2DE solid;
    border-width:1px 0;
}


.submenuitembreadcrumb{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
    font-size:12px;
    font-weight:normal;
	padding:2px 15px 2px 5px;
	border:1px solid solid;
    border-width:1px 0;
}
.submenuitemselected{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
    font-size:12px;
    font-weight:normal;
	padding:2px 15px 2px 5px;
	background:#3399FF;
	border:1px #3399FF solid;
    border-width:1px 0;
}
/*mau vien phai cua sub menu*/
.MainMenu_MenuArrow{
	/*font-size:11px;
	padding:2px 0 2px 10px;
    height:24px;
	border: #93C2DE solid;
    border-width:1px 1px 1px 0;
    */
    display: none;
}
.submenu{
	z-index:1000;
	border:0;
	padding:0;
	margin-left:1px;
	background:#93C2DE;
}
/*binh thuong*/
.rootmenuitem
{
	background:url(tab_gray.jpg) no-repeat;
	text-align: center;
	border: 0;
}
.rootmenuitem td{
    padding:0 5px 0 5px;
    width:100px;
    height:30px;
    cursor:pointer;
    cursor:hand;
}
.rootmenuitem td span{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#45597C;
    font-size:12px;
    font-weight:bold;
    white-space:nowrap;
}
.rootmenuitemselected
{
	background:url(tab_orange.jpg) no-repeat;
	text-align: center;
	border: 0;
}
.rootmenuitemselected td
{
    padding:0 5px 0 5px;
    width:100px;
    height:30px;
    cursor:pointer;
    cursor:hand;
}
.rootmenuitemselected td span{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#FFF;
    font-size:12px;
    font-weight:bold;
    white-space:nowrap;
}
.rootmenuitembreadcrumb{
    background:url(tab_orange.jpg) no-repeat;
    text-align:center;
    border:0;
}
.rootmenuitembreadcrumb td{
    padding:0 5px 0 5px;
    width:100px;
    height:30px;
    cursor:pointer;
    cursor:hand;
}
.rootmenuitembreadcrumb td span{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#FFF;
    font-size:12px;
    font-weight:bold;
    white-space:nowrap;
}
.MainMenu_MenuBreak{height:43px;cursor:default;border:0;}
.MainMenu_MenuBreak table{border:0;height:40px;background:#FFF;}
.MainMenu_MenuBreak td{font-size:1px;}



.glossymenu{
margin: 0;
padding: 0;
width: 203px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(glossyback.gif) repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
color: white;
}