/*==================================*/
/*==Design for ATFC                ==*/
/*==Create Date 17-Sep-2007       ==*/
/*==Design By Pairote Mangsa      ==*/ 
/*==================================*/

/*==================================*/
/*==1.Universal					  ==*/
/*==================================*/
Body
{ 
	background: url(BG_ATFC.jpg) top left no-repeat #77a602;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	margin: 8 8 8 8; 
}

p
{ 
	color: #000000;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	margin: 0 0 0 0; 
}
/*===================================*/
/*==2.Links                          */
/*===================================*/
A:link{
	color: #F60;
	text-decoration: none;
}
A:visited{
	color: #999;
	text-decoration: none;
}
A:active{	
	color: #C00;
	text-decoration: none;
}
A:hover{
   	color: #FC0;
	text-decoration: underline;
}
/*====================================*/
/*  3.Design Page                     */
/*====================================*/
.TL_ATFC{background:url(TL_ATFC.jpg) top left no-repeat;
height:117px;
width:420px;
}
.TC_ATFC{background:url(TC_ATFC.jpg) top center repeat-x;

}
.TR_ATFC{background:url(TR_ATFC.jpg) top right no-repeat;
height:117px;
width:490px;
}
.TL_Menu{ background:url(TL_Menu.jpg) top left no-repeat;
width:10px;
height:25px;
}
.TC_Menu{ background:url(TC_Menu.jpg) top repeat-x;
height:25px;
}
.TR_Menu{ background:url(TR_Menu.jpg) top right no-repeat;
width:20px;
height:1px;
}
.ML_ATFC{background:url(ML_ATFC.jpg) left repeat-y;
width:1px;
}
.MC_ATFC{background:url(MC_ATFC.jpg) top repeat-x #eef780;
}
.MR_ATFC{background:url(MR_ATFC.jpg) top right repeat-y;
width:10px;
}
.BL_ATFC{background:url(BL_ATFC.jpg) top left no-repeat;
width:12px;
height:95px;
}
.BC_ATFC{background:url(BC_ATFC.jpg) top  repeat-x;
height:95px;
}
.BR_ATFC{background:url(BR_ATFC.jpg) top right no-repeat;
width:16px;
height:95px;
}




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

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

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

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

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

A.USER:hover    {
    text-decoration:underline;
    color:#F60;
}
.BREADCRUMB{
	color: #C00;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
	padding-left: 5px;
	padding-right: 1px;
}

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

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

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

.Search
{
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #F60;
	height: 17px;
	vertical-align:middle;
}
A.Search:link
{
	padding-right: 5px;
	padding-left: 5px;
	color: #F60;
	text-decoration: none;
}
A.Search:visited
{
	color:#999;
	text-decoration: none;
}
A.Search:active
{
	color: #F60;
	text-decoration: none;
}
A.Search:hover
{
	color: #FC0;
	text-decoration: none;
}
.Search_Button
{
	vertical-align: middle;
}
.CopyRight{
	color: #C00;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
	height: 13px;
	padding-left: 1px;
	padding-right: 1px;
}
A.CopyRight:link
{
	text-decoration: none;
	 color:#C00;
}
A.CopyRight:visited
{
	text-decoration: none;
	 color:#C00;
}
A.CopyRight:active
{
	text-decoration: none;
	 color:#C00;
}
A.CopyRight:hover
{
	color: #C00;
	text-decoration: underline;
}
.Terms{
	color: #F60;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
	height: 13px;
	padding-left: 1px;
	padding-right: 1px;
}
A.Terms:link
{
	text-decoration: none;
	 color:#F60;
}
A.Terms:visited
{
	text-decoration: none;
	 color:#999;
}
A.Terms:active
{
	text-decoration: none;
	 color:#F60;
}
A.Terms:hover
{
	color: #FC0;
	text-decoration: underline;
}
.Privacy{
	color: #F60;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
	height: 13px;
	padding-left: 1px;
	padding-right: 1px;
}
A.Privacy:link
{
	text-decoration: none;
	 color:#F60;
}
A.Privacy:visited
{
	text-decoration: none;
	 color:#999;
}
A.Privacy:active
{
	text-decoration: none;
	 color:#F60;
}
A.Privacy:hover
{
	color: #FC0;
	text-decoration: underline;
}
.Date{
   	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
	color: #930;
	width:180px;
}
/*============================================================================*/
/*==Style For Portal.css 													==*/
/*============================================================================*/
/*-- Style for Module Title--*/
.Head   {
    	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    	font-size: 11pt;
    	font-weight: Bold;
    	color:#06C;
}
/* style of item titles on edit and admin pages */
.SubHead{
 	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: Bold
	font-style: normal;
	color: #F60;
}
/* text style used for most text rendered by modules */
.Normal{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
	color: #000000;
}
/* 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: #F60;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
	padding-left: 1px;
	padding-right: 1px;
}

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

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

A.CommandButton:hover    {
    text-decoration:underline;
    color:#FC0;
}
/*========================================================*/
/*   6.Main Menu and Module Menus                         */
/*========================================================*/
.ItemsBreak{
	font-family:sans-serif, Tahoma, Verdana, Arial, Helvetica;
	color: #461800;
	font-size:10pt;
	font-weight: bold;
	height: 25px;
}
.RootItem/*CSS Class used for root menuitems*/
{
	font-family:sans-serif, Tahoma, Verdana, Arial, Helvetica;
	font-size:10pt;
	font-weight: normal;
	height:25px;
	background:url(RootItem.jpg) repeat-x left top;
}
.RootItemActive TD/*CSS Class used for root menuitems when they are the activetab*/ 
{
	font-family:sans-serif, Tahoma, Verdana, Arial, Helvetica;
	font-size:10pt;
	font-weight: normal;
	color: #FFFFFF;
	height:25px;
	background:url(RootItemActive.jpg) repeat-x left top;
}
.RootItemSelected/*CSS Class used for root menuitems when they moused-over*/
{
	font-family:sans-serif, Tahoma, Verdana, Arial, Helvetica;
	font-size:10pt;
	font-weight:normal;
	color:#CC0000;
	height: 25px;
	background:url(RootItemSelected.jpg) repeat-x left top;
}
RootItemBreadCrumb/*CSS Class used for root menuitems when they are found in*/
{
	font-family:sans-serif, Tahoma, Verdana, Arial, Helvetica;
	font-size:10pt;
	font-weight:normal;
	color:#600;
	height: 25px;
	background:url(RootItemSelected.jpg) repeat-x left top;
}
.SubMenu /*SubMenu CSS Class*/
{
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=125, Strength=2); 
	z-index: 1000;
	cursor: pointer;
	cursor: hand;
	font-family:sans-serif, Tahoma, Verdana, Arial, Helvetica;
	font-size:10pt;
	font-weight: normal;
	color: #FFF;		
	background: #cce685;
	border-left: #336600 1px solid;
	border-top: #336600 1px solid;
	border-right:#336600 1px solid;
	border-bottom:#336600 1px solid;
	
}
.SubItemActive TD/*CSS Class used for sub menu items when they are the activetab*/	
{
	font-family:sans-serif, Tahoma, Verdana, Arial, Helvetica;
	font-size:10pt;
	font-weight: normal;
	color: #FFF;
	height: 25px;
	background-color: #91b729;
	
} 
.SubItemSelected/*CSS Class used for sub menu items when they moused-over*/
{
	font-family:sans-serif, Tahoma, Verdana, Arial, Helvetica;
	font-size:10pt;
	font-weight: normal;
	color: #CC0000;
	height: 25px;
	background-color: #f5fb63;

}
.SubItemBreadCrumb/*CSS Class used for sub menu items when they are found inthe breadcrumb array list*/
{
	font-family:sans-serif, Tahoma, Verdana, Arial, Helvetica;
	font-size:10pt;
	font-weight: normal;
	color:#600;
	height: 25px;
	background-color: #F90;
}
.MenuContainer
{
}
.MenuIcon
{
display:none;
}	
.MenuItem 
{
	cursor: pointer; 
	cursor: hand; 
	height:25px;
	font-family: sans-serif, Tahoma, Verdana, Arial, Helvetica; 
	color:#660000;
	font-size: 10pt; 
	font-weight: normal; 
}
.MenuArrow
{
	font-family: sans-serif, Tahoma, Verdana, Arial, Helvetica; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
	width:10px;
	
}
.MenuRootArrow
{
	font-family: sans-serif, Tahoma, Verdana, Arial, Helvetica;  
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
	width:10px;
	
}
.MenuBar
{
	background-color: Transparent;
	cursor: pointer;
	cursor: hand;
	height: 25px;
	width:10px;
	
}