/*==================================*/
/*==Create By Pairote Mangsa      ==*/
/*==Design for CAT             ==*/
/*==Create Date 23-Feb-2007  ==*/
/*==================================*/

/*==================================*/
/*==1.Universal					  ==*/
/*==================================*/
Body
{ 
	background:url(BG_CAT_Pro.gif) top repeat-x;
	background-color:#FFFFFF;
	height:120px;
	font-family: Tahoma, sans-serif, Arial;
	font-size:13px;
	margin:5px 5px 5px 5px;
	padding:0px 0px 0px 0px;
}

/*===================================*/
/*==2.Links                          */
/*===================================*/
A:link{
	color: #06F;
	text-decoration: none;
}
A:visited{
	color: #999;
	text-decoration: none;
}
A:active{	
	color: #06F;
	text-decoration: none;
}
A:hover{
   	color: #F36;
	text-decoration: underline;
}
/*====================================*/
/*  3.Design Page                     */
/*====================================*/
.LOGO{ background:url(LOGO_CAT.gif) top left no-repeat; height:127px; width:700px;}
.TC_CAT_Pro003{
	background:url(TC_CAT_Pro003.gif) top repeat-x ;
	height:127px;
	}
.TR_CAT_Pro003{
	background:url(TR_CAT_Pro003.gif) top right no-repeat;
	width:10px;
	height:127px;
	}
.TL_CAT_Pro003{
	background:url(TL_CAT_Pro003.gif) top left no-repeat;
	width:10px;
	height:127px;
	}
.Date_TL{
	background:url(Date_TL.gif) top left no-repeat;
	width:20px;
	height:30px;
	}
.Date_TR{
	background:url(Date_TR.gif) top left no-repeat;
	width:20px;
	height:30px;
	}
.Date_TC{
	background:url(Date_TC.gif) top left repeat-x;
	height:30px;
	}
.Date_TCtext{
	background:url(Date_TCtext.gif) top left no-repeat;
	height:30px;
	}
.ML_CAT_Pro003{
	background:url(ML_CAT_Pro003.gif) left repeat-y;
	width:2px;
	}
.ML_CAT_top{
	background:url(ML_CAT_top.gif) left no-repeat;
	width:2px;
	height:125px;
	}
.MC_CAT_top{
	background:url(MC_CAT_top.gif)  top  repeat-x;
	background-color:#ffffff;
	}
.MR_CAT_top{
	background:url(MR_CAT_top.gif) left no-repeat;
	width:2px;
	height:125px;
	}
.MC_CAT_Pro003{
	background:url(MC_CAT_Pro003.gif) top left no-repeat;
	background-color:#ffc5dd;
	}
.MR_CAT_Pro003{
	background:url(MR_CAT_Pro003.gif) right repeat-y;
	width:2px;
	}
.BL_CAT_Pro003{
	background:url(BL_CAT_Pro003.gif) bottom left no-repeat;
	width:20px;
	height:33px;
	}
.BC_CAT_Pro003{
	background:url(BC_CAT_Pro003.gif) bottom repeat-x;
	height:33px;
	}
.BR_CAT_Pro003{
	background:url(BR_CAT_Pro003.gif) bottom no-repeat;
	width:20px;
	height:33px;
	}
.Menu_TL{
	background:url(Menu_TL.gif) top left no-repeat;
	width:190px;
	height:26px;
	}
.Menu_TC{
	background:url(Menu_TC.gif) top repeat-x;
	height:26px;
	}
.Menu_TR{
	background:url(Menu_TR.gif) top right no-repeat;
	width:5px;
	height:26px;
	}
.Menu_ML{
	background:url(Menu_ML.gif) top left repeat-y;
	width:1px;
	}
.Menu_MR{
	background:url(Menu_MR.gif) top right repeat-y;
	width:1px;
	}
.Menu_BL{
	background:url(Menu_BL.gif) top left no-repeat;
	width:10px;
	height:10px;
	}
.Menu_BC{
	background:url(Menu_BC.gif) top repeat-x;
	height:10px;
	}
.Menu_BR{
	background:url(Menu_BR.gif) top right no-repeat;
	width:10px;
	height:10px;
	}
.Login_TL{
	background:url(Login_TL.gif) top left no-repeat;
	width:5px;
	height:21px;
	}
.Login_TC{
	background:url(Login_TC.gif) top  repeat-x;
	height:21px;
	}
.Login_TR{
	background:url(Login_TR.gif) top right no-repeat;
	width:5px;
	height:21px;
	}
	

/*========================================================*/
/*  4. pane                                        */
/*========================================================*/
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 5px;
	padding-bottom:3px;
}
.leftpane {
	width: 200px;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 3px;
	padding-top: 5px;
	padding-bottom:3px;
}
.contentpane {
	width: 100%;
	background-color: transparent;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 5px;
	padding-bottom:3px;
}
.rightpane {
	width: 200px;
	background-color: transparent;
	padding-left: 3px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom:3px;
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom:3px;
}
/*==================================================================*/
/* 5.Token
/*==================================================================*/
.Login 
{
	color: #600;
	font-family: Tahoma, sans-serif, Arial;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	height: 13px;
	padding-left: 1px;
	padding-right: 1px;
}
A.Login:link {
    text-decoration:none;
    color:#600;
}
A.Login:visited  {
    text-decoration:none;
	 color:#600;

}
A.Login:active   {
    text-decoration:none;
	 color:#600;
}

A.Login:hover    {
    text-decoration:underline;
    color:#600;
}
.USER{
	color: #600;
	font-family: Tahoma, sans-serif, Arial;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	height: 13px;
	padding-left: 1px;
	padding-right: 1px;
}

A.USER:link {
    text-decoration:none;
    color:#600;
}
A.USER:visited  {
    text-decoration:none;
	 color:#600;

}
A.USER:active   {
    text-decoration:none;
	 color:#600;
}

A.USER:hover    {
    text-decoration:underline;
    color:#FFF;
}
.BREADCRUMB{
	color: #600;
	font-family: Tahoma, sans-serif, Arial;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	padding-left: 1px;
	padding-right: 1px;
}

A.BREADCRUMB:link {
    text-decoration:none;
    color:#600;
}
A.BREADCRUMB:visited  {
    text-decoration:none;
	  color:#600;

}
A.BREADCRUMB:active   {
    text-decoration:none;
	  color:#600;
}

A.BREADCRUMB:hover    {
    text-decoration:underline;
    color:#FFF;
}
/* text and link style for SkinObjects */
.SkinObject
{
	color: #039;
	font-family: Tahoma, sans-serif, Arial;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	height: 13px;
	padding-left: 1px;
	padding-right: 1px;
}
A.SkinObject:link
{
	text-decoration: none;
	 color:#039;
}
A.SkinObject:visited
{
	text-decoration: none;
	 color:#999;
}
A.SkinObject:active
{
	text-decoration: none;
	 color:#039;
}
A.SkinObject:hover
{
	color: #F09;
	text-decoration: underline;
}

.Search
{
	font-weight: bold;
	font-size: 12px;
	color: #333333;
	font-family: Arial;
	height: 17px;
	vertical-align:middle;
}
A.Search:link
{
	padding-right: 5px;
	padding-left: 5px;
	color: #333333;
	text-decoration: none;
}
A.Search:visited
{
	color:#333333;
	text-decoration: none;
}
A.Search:active
{
	color: #333333;
	text-decoration: none;
}
A.Search:hover
{
	color: #FFF;
	text-decoration: none;
}
.Search_Button
{
	vertical-align: middle;
}
.CopyRight{
	color: #333333;
	font-family: Tahoma, sans-serif, Arial;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	height: 13px;
	padding-left: 1px;
	padding-right: 1px;
}
A.CopyRight:link
{
	text-decoration: none;
	 color:#333333;
}
A.CopyRight:visited
{
	text-decoration: none;
	 color:#333333;
}
A.CopyRight:active
{
	text-decoration: none;
	 color:#333333;
}
A.CopyRight:hover
{
	color: #333333;
	text-decoration: underline;
}
.Terms{
	color: #333333;
	font-family: Tahoma, sans-serif, Arial;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	height: 13px;
	padding-left: 1px;
	padding-right: 1px;
}
A.Terms:link
{
	text-decoration: none;
	 color:#333333;
}
A.Terms:visited
{
	text-decoration: none;
	 color:#333333;
}
A.Terms:active
{
	text-decoration: none;
	 color:#333333;
}
A.Terms:hover
{
	color: #FFF;
	text-decoration: underline;
}
.Privacy{
	color: #333333;
	font-family: Tahoma, sans-serif, Arial;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	height: 13px;
	padding-left: 1px;
	padding-right: 1px;
}
A.Privacy:link
{
	text-decoration: none;
	 color:#333333;
}
A.Privacy:visited
{
	text-decoration: none;
	 color:#333333;
}
A.Privacy:active
{
	text-decoration: none;
	 color:#333333;
}
A.Privacy:hover
{
	color: #FFF;
	text-decoration: underline;
}
.Date{
   	font-family: Tahoma, sans-serif, Arial;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	color: #600;
	width:180px;
}
/*============================================================================*/
/*==Style For Portal.css 													==*/
/*============================================================================*/
/*-- Style for Module Title--*/
.Head   {
    font-family: Tahoma, sans-serif, Arial;
	font-size:13px;
    font-weight: normal;
    color:#06F;
}
/* style of item titles on edit and admin pages */
.SubHead{
 	font-family: Tahoma, sans-serif, Arial;
	font-size:13px;
	font-weight: Bold;
	font-style: normal;
	color: #06F;
}
/* text style used for most text rendered by modules */
.Normal{
	font-family: Tahoma, sans-serif, Arial;
	font-size:13px;
	font-weight: normal;
	font-style: normal;
	color: #333;
}
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox{
	border:1px #999 solid;
	background:#FFF;

}
/* Button Style used for Buttons */
.StandardButton{
	border:1px #999 solid;
	background:#F1F1F1;
}
.CommandButton{
	color: #06F;
	font-family: Tahoma, sans-serif, Arial;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	padding-left: 1px;
	padding-right: 1px;
}

A.CommandButton:link {
    text-decoration:none;
    color:#06F;
}
A.CommandButton:visited  {
    text-decoration:none;
	  color:#999;

}
A.CommandButton:active   {
    text-decoration:none;
	  color:#06F;
}

A.CommandButton:hover    {
    text-decoration:underline;
    color:#F36;
}
/*========================================================*/
/*   6.Main Menu and Module Menus                         */
/*========================================================*/
/*-- box that holds the menu  --*/ .MainMenu_MenuContainer { background-color: transparent;  width: 200px; }
/*-- bar that holds the menu  --*/ .MainMenu_MenuBar { cursor: pointer; cursor: hand; background: #transparent;  width: 200px; }

/*-- submenu container        --*/ .MainMenu_SubMenu, .ModuleTitle_SubMenu { z-index: 1000;  cursor: pointer;  cursor: hand; margin: 0 0 0 1px; background:url(bg_SubMenu.gif); padding: 0px; border: 1px solid #fd580e; font-weight: bold; filter: none; }
/*-- submenu items idle       --*/ .MainMenu_MenuItem, .ModuleTitle_MenuItem { font-family: tahoma;  color: #a93400; font-size: 13px; background:url(bg_MenuItem.gif); repeat-x; font-weight: bold; font-style: bold; padding: 0px 25px 0px 10px; height: 24px; border: 0; }
/*-- submenu items hover      --*/ .MainMenu_MenuItemSel, .ModuleTitle_MenuItemSel { font-family: tahoma; font-size: 13px; font-weight: bold; cursor: pointer; cursor: hand; color: #FFF; background:url(MenuItemSel.png) repeat-x; padding: 0px 25px 0px 10px; height: 24px; border: 0;}


/*-- menuitems idle           --*/ .MainMenu_Idle {color: #ffffff; background:  url(nav_idle.gif) no-repeat; padding: 0 2 0 12px; height: 24px; font-weight: bold;}
/*-- menuitems over           --*/ .MainMenu_Selected { color: #a93400; background:#FFF no-repeat; padding: 0 2 0 12px height: 24px; font-weight: bold;}
/*-- menuitems active         --*/ .MainMenu_Active, .MainMenu_BreadcrumbActive {color: #a93400; background:  url(nav_active.gif) no-repeat; padding: 0 2 0 12px; height: 24px; font-weight: bold;}


/*-- not needed - main menu   --*/   .MainMenu_MenuIcon  { display: none; }
/*--MenuArrow --*/.MainMenu_MenuArrow {display: none;}
/*--MenuRootArrow --*/.MainMenu_MenuRootArrow {cursor: pointer; cursor: hand;background:url(bg_arrow.gif);height: 24px;width:1px;padding: 0 0 0 0;}

/*-- module menu continer     --*/ .ModuleTitle_MenuContainer { color: #2c2c2c; }
/*-- module menu bar          --*/ .ModuleTitle_MenuBar { cursor: pointer; cursor: hand;background:none;}
/*-- module menu padding      --*/ .ModuleTitle_MenuItem, .ModuleTitle_MenuItemSel { padding: 0 1px 0 0; }
/*-- not needed - module menu --*/ .ModuleTitle_MenuBreak, .MainMenuSeperator,.MainMenu_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow, .ModuleTitle_MenuIcon { display: none; }