﻿

/* Main content */
#CT_MainContent
{
	clear:both;	
	width:100%;	
}

#CT_Form
{
	width:100%;	
	background-color:#ffffff;
	margin-left:auto;
	margin-right:auto;
	border-top:0px;
	margin-top:5px;					
	margin-bottom:5px;
	text-align: center;		
	border-color:#CCCCCC;
	border-style:solid;	
	border-top-width:1px;	
	border-left-width:2px;
	border-right-width:2px;		
}

/* Header */
#Admin_Header
{
    background-image: url(HeaderImg/AdminHeader.gif);
	background-repeat: repeat-x;
	background-position:top;
	width:100%;	
	height:40px;
}


/* Admin_Footer */
#Admin_Footer
{
	/*width:990px;*/
}


.Admin_HeaderContentSeparator
{
	height: 10px;
	overflow: hidden;
	background-color: #f0ede1;
	border-bottom: solid 1px #a4b2bc;
	clear: both;
}

#CT_SectionSidebar
{     
	background-color:#f9fcfd;
    width:200px;
    float:left; 
    height:100%;       
    
  	border-top-style: solid;
    border-top-width:1px;
    border-top-color:#386385;  
  	
    border-right-color:#F0EDE1;
    border-right-style: solid;
    border-right-width:5px;    
}

#CT_SectionContent
{   	
    border-top-style: solid;
    border-top-width:1px;
    border-top-color:#386385;  
    height:100%;   
   
}
.CT_Title_SiderBar
{
	background-image: url(AdminImg/arrow.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 17px;
	height: 7px;
	padding: 0px 5px 0px 5px;
}
/* CT_Title*/
.CT_Title
{
}

.CT_Title_Header
{		
	background-color: #ffffff;
	border-bottom: solid 1px #cccccc;	
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.CT_Content
{	
	width:98%;	
	margin:0px;
	padding-top:2px;
	font-family:Tahoma;
	font-size:10pt;
}

.CT_Content_Item
{
	float:left;
	width:100%;
	display:block;
	padding-top:15px;
	padding-left:10px;
	height:100%;
}

.CT_Content .htd_left
{
	width: 5px;
	height:25px;
	background-image:url(FrameImg/1/LeftTop.gif);
}

.CT_Content .htd_center
{
	height:25px;
	background-image:url(FrameImg/1/CenterTop.gif);
	background-repeat:repeat-x;
	font-family:Times New Roman;
	font-size:medium;
	font-weight:bold; 
	color:#0a246a;
}



.CT_Content .htd_right
{
	width: 5px;
	height:25px;
	background-image:url(FrameImg/1/RightTop.gif);
}

.CT_Content .ctd_left
{
	background-image: url(FrameImg/1/LeftCenter.GIF); 
	width: 5px;
}

.CT_Content .ctd_center
{	
	font-family:Times New Roman;
	font-size:medium;
	font-weight:bold; 
	color:#0a246a;
}

.CT_Content .ctd_right
{
	background-image: url(FrameImg/1/RightCenter.GIF); 
	width:5px;
}

.CT_Content .ftd_left
{
	width: 5px;
	height:5px;
	background-image:url(FrameImg/1/LeftBottom.gif);
}

.CT_Content .ftd_center
{
	height:5px;
	background-image:url(FrameImg/1/CenterBottom.gif);
	background-repeat:repeat-x;
	font-family:Times New Roman;
	font-size:medium;
	font-weight:bold; 
	color:#0a246a;
}

.CT_Content .ftd_right
{
	width: 5px;
	height:5px;	
	background-image:url(FrameImg/1/RightBottom.gif);
}

.CT_Content .CTable
{
	
}

.CT_Fill
{
	display:block;
	margin-top:15px;
	padding-left:30px;
}

.CT_Fill label
{
	width:100px;
	float:left;
}

.CT_Title_Image
{
	vertical-align: middle;
	padding: 0px 5px 5px 0px;
	width: 24px;
	height: 24px;
}

.CT_Title_Lable
{
    font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #FF5A00;
}

/* Tree */

.TreeBody
{
	background-color: #f9fcfd;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.TreeArea
{
	width: 100%;
	height: 100%;
	overflow: auto;
	position: absolute;
	right: 4px;
}

.TreeAreaTree
{	
	position:relative;
	padding-top:2px;
	display: block;
	font-family: Verdana;
	font-size: 12px;
	
	/*background-color: #f9fcfd;	*/
}

.TreeMenu
{
	background-color: #ebdcc6;
	background-image: url(Images/CMSDesk/Content/menu.gif);
	background-repeat: repeat-x;
	display: block;
	border-bottom: solid 1px #a4b2bc;
	overflow: hidden;
}

.TreeMenuContent
{
	padding: 5px;
}

.TreeMenuContent div
{
	overflow: hidden;
	white-space: nowrap;	
}

.ContentTree
{
	/*height:100%;*/ /*background-color: #f4ffff;*/
	display: block;
	font-family: Verdana;
	font-size: 12px; /*padding-top: 3px;*/
}

.ContentTree td
{
	font-family: Verdana;
	font-size: 12px;
	vertical-align: top;
}

.TreeBorder
{
	position: absolute;
	right: 0px;
	width: 2px;
	height: 100%;
	background-color: #ebdcc5;
	border-left: solid 1px #a4b2bc;
	border-right: solid 1px #a4b2bc;
	overflow: hidden;
	cursor: e-resize;
	z-index: 1000;
}

.ContentTreeItem
{
	padding: 2px 5px 2px 2px;
	color: #000000;	
}

.ContentTreeItem .Name
{
	padding: 2px 5px 2px 2px;
	color: #000000;	
}

.ContentTreeSelectedItem .Name
{
	background-color: #cccccc;
	color: #000000;
	background-color: #cccccc;
	padding: 2px 5px 2px 2px; /*font-weight: bold;*/
	
}

.ContentSelectNode
{
	/*background-color: #f4ffff;*/
	display: block;
	margin: 0px auto;
	height: 100%;
	font-family: Verdana;
	font-size: 12px; /*padding: 5px;*/
}

.SelectNodeTreeo
{
	clear: both;
	display: block;
	padding-top: 3px;
}

/* GridView*/

#CT_GridView
{
    
}

/* */
#CT_NewAccount
{
	padding-top:20px;
    padding-left:30px;
    font-family:Tahoma;
    font-size:10pt;
}
#CT_NewAccount label 
{
	float: left;
	width: 100px;
}

.CT_Txt_NewAccount
{
	width:200px;
}

#CT_NewRole
{
    padding-left:20px;
    padding-top:20px;
}
#CT_NewRole label 
{
	float: left;
	width: 100px;
}

#CT_NewPermission
{
    padding: 20px 6px 15px 6px;
}

#CT_NewPermission label 
{
	float: left;
	width: 100px;
}
/* SideBar */
.CT_SideBar
{    			
	margin:0px;
	padding-left:10px;
	padding-bottom:8px;
	padding-top:8px;
	border-bottom: solid 1px #cccccc;	
	background-color: #ffffff;
}

/* hien thi top o moi trang content*/ 
.CT_TopBorder
{    	
	border-bottom: solid 1px #cccccc;
	display: block;
	background-color: #ffffff;
}

/* Tab control o trong cac muc Edit */

#CT_Tabbar 
{ 	
	padding-top:12px;		
}
#CT_Tabbar ul { list-style: none; padding: 0px; margin: 0px; }
#CT_Tabbar li { display: inline; }

#CT_Tabbar li a:link, #CT_Tabbar li a.view
{
	background: url( 'Images/TabImg.gif' ) no-repeat 0px 5px; /*display: block;*/
	float: left;
	color: #737685;	
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	padding-top: 8px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 20px;
	width: 108px;
	font-family: 'Times New Roman' , Tahoma;
}
#CT_Tabbar li a:link, #CT_Tabbar li a:visited 
{
	height: 20px; 
}
#CT_Tabbar li a.selected
{
	float: left;
	color: #737685;	
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	padding-top: 8px;	
	height: 20px;
	width: 108px;
	font-family: 'Times New Roman' , Tahoma;
}

#CT_Tabbar li a:active, #CT_Tabbar li a:hover, #CT_Tabbar li a.selected
{
	background: url('Images/TabImg.gif') no-repeat 0px -36px;
}


/* New - New Category */

#CT_Fiter
{
	padding-top:20px;
	padding-left:30px;
}

.CT_Txt_Fiter
{
	width:200px;
}

#CT_Fiter label
{
	float: left;
	width: 100px;
}


#CT_AddNew
{
	padding-top:20px;
	padding-left:30px;
}

#CT_AddNew label
{
    float: left;
	width: 100px;
}

#CT_AddCategory
{
    padding: 20px 6px 15px 6px;
}

#CT_AddCategory label 
{
	float: left;
	width: 100px;
}

#CT_ViewItem
{
	padding-top:10px;
	padding-left:60px;    
}

#CT_ViewItem label 
{
	float: left;
	width: 100px;
}

.CT_View
{
    padding: 20px 6px 15px 6px;
}

.CT_View label 
{
	float: left;
	width: 100px;
}

.Cmd_Add
{
	background-image: url(Button/button.gif);
}

/* Login */

.LogonPageBody
{
	background-image: url(Images/BackgroundNew.gif);
	background-repeat: repeat-x;
	background-color: #e7f2f8;
	height: auto;
}
.LogonTitle
{
	font-size: 15px;
	color: #ff5a00;
	text-align: center;
	font-weight: bold;
	padding-bottom: 15px;
}

.LogonPageBackground
{
	width: 100%;
	height: 100%;
}

.loginBox
{
	margin: auto;
	margin-top: 140px;
	padding: 80px 0 20px 0;
	width: 503px;
	background: url(Images/LoginBox05.gif) no-repeat;
}

.loginLine
{
	height: 30px;
	width: 493px;
	margin: auto;
	text-align: right;
	padding-right: 10px;
	background: url(Images/bg_login_bottom.gif) no-repeat;
	padding-top: 23px;
	color: #606060;
}

.LogonTextBox
{
	width: 150px;
}
.space
{
	width:5px;
	height:27px;
	
	background-image:url('Images/space.gif');
	background-repeat:no-repeat;
}
.divshow
{
	margin-top:20px;
	background-color:#CCCCCC;
	width:200px;
	color:#FFFFFF;
	font-weight:bold;
	height:20px;
	padding-top:3px;
	padding-left:5px;
}
