/****************************************/
/* Theme         : iKloo                */
/* Author        : Poh Tze Keong        */
/* Created Date  : 01/01/2009           */
/* Modified by   : Poh Tze Peng         */
/* Modified Date :                      */
/****************************************/

/* Header */
.header
{
	background-color: transparent;
	font-family: tahoma;
	font-size: 20px;
	font-weight: bolder ;
	color: black;
}

/* Footer */
.footer
{
	background-color: transparent;
	font-family: tahoma;
	font-size: 12px;
	font-weight: bolder ;
	color: #98BCE2; //#DFF1FB;
}

/* Warnings and Error Messages */
.error
{
	background-color: transparent;
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	color: red;
}
.errorsummary
{
	background-color: transparent;
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	color: red;
}

/* Different style for dropdownlist */
.dropdownlist
{
	background-color: white;
	border: solid 1px #176C9D;
	font-family: tahoma;
	font-size: 14px;
	font-weight: normal;
	color: #1460AB;
}

/* Different style fot textbox */
.textbox
{
	background-color: white;
	border: 1px solid #176C9D;
	font-family: tahoma;
	font-size: 11pt;
	font-weight: normal;
	color: #1460AB

}

/* Different styles for listboxs */
.listbox
{
	background-color: transparent;
	border: solid 0px #176C9D;
	font-family: tahoma;
	font-size: 14px;
	font-weight: normal;
	color: #1460AB;
}

/* Different styles for checkboxs */
.checkbox
{
	background-color: transparent;
	border: none 0px #176C9D;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #10508C;
}

/* Different styles for radiobuttons */
.radiobutton
{
	background-color: transparent;
	border: solid 0px #176C9D;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #10508C;
}

/* Different styles for text and labels */
.smalltext
{
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: black;
}

.text
{
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	color: black;
}

.label
{
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #0F4A82;
}
.title
{
	font-family: tahoma;
	font-size: 16pt;
	font-weight: bold;
	color: #1460AB;
}
.notice
{
	font-family: tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #0069EA;
}
.tips
{
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #0766FF;;
}
.instruction
{
	font-family: tahoma;
	font-size: 13px;
	font-weight: normal;
	color: #001289;
}
.highlight
{
	font-family: tahoma;
	font-size: 14px;
	font-weight: bolder;
	background-color: transparent;
	color: #0037FF;
}
.contrastlabel
{
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	font-style: normal;
	font-decoration: underline;
}
.bignotice
{
	font-family: tahoma;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
}

/* button style for standard buttons */
.linkbutton
{
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 10pt;
	color: #1D5482;
	font-family: tahoma;
	background-color: transparent
}

:link.linkbutton
{
    text-decoration: underline;
    color: #1D5482;
}

:visited.linkbutton
{
    text-166CBC: underline;
    color: #1D5482;
}

:active.linkbutton
{
    text-decoration: underline;
    color: #1D5482;
}

:hover.linkbutton
{
    text-decoration: underline;
    color: #006AFF;
}

.button
{
	border: 1px solid #0B6EBA;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: normal;
	font-size: 12px;
	color: #ffffff;
	font-family: tahoma;
	background-color: #299AE9
}

/* DesktopContainer */
.DesktopContainer
{
	font-family: tahoma;
	font-size: 20px;
	color: #ffffff;
	font-weight: bold
}

/* Warning/Error Module */
/* Do Not Change This */
.Warning
{
	font-family: tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #EA6100;
}

/* Page Name */
.PageName_Text
{
	font-family: tahoma;
	font-size: 14px;
	color: black;
	font-weight: bold;
}
.PageName_Table
{
	background-color: #929536;
	border-bottom: #C0C0C0 0px solid;
	border-left: #C0C0C0 0px solid;
	border-top: #C0C0C0 0px solid;
	border-right: #C0C0C0 0px solid;
}


/* Navigation Menu */
	/* Adding specific left and right image for buttons:-
	        If "template/[category]/[template_name]/images/" contains tab images of 
	        "navi_tabbreak_left.gif" AND navi_tabbreak_right.gif" is available,
	        it will automatically loads them.
	*/
.MainMenu_MenuContainer
{
	background-color: Transparent;
	border-bottom: white 0px solid;
	border-left: white 0px solid;
	border-top: white 0px solid;
	border-right: white 0px solid;
}
.MainMenu_MenuBar
{
	cursor: pointer;
	cursor: hand;
	height: 25px;
	background-color: Transparent;
	vertical-align: middle;
}
.MainMenu_MenuItem
{
	border-left: 0px solid #FFFFFF; 
	border-bottom: 1px solid #FFFFFF; 
	border-top: 1px solid #FFFFFF; 
	border-right: 0px solid #FFFFFF;
	cursor: pointer;
	cursor: hand;
	color: #eaeaea;
	font-family: tahoma;
	font-size: 11pt;
	text-align: left;
	font-weight: bold;	
   	/* Specify background image if available */
	background: url(/templates/modern/ikloo_2009/images/navi_center.png); height: 41px;
}
.MainMenu_MenuIcon
{
	background-color: white; 
	border-left: white 1px solid; 
	border-bottom: white 1px solid; 
	border-top: white 1px solid; 
	cursor: pointer;
	cursor: hand;
	text-align: center;
	width: 15px; 
	height: 21px;
}
.MainMenu_SubMenu
{
	background-color: white;
	border:1px solid #C0C0C0; 
	z-index: 1000;
	cursor: pointer; 
	cursor: hand;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
}
.MainMenu_MenuBreak
{
	height: 1px;
	background-color: Transparent;
}
.MainMenu_MenuItemSel
{
	background-color: transparent;
	cursor: pointer;
	cursor: hand;
	color: #ffffff;
	font-family: tahoma;
	font-size: 11pt;
	font-weight: bold;	
    	/* Specify background image if available */
	background: url(/templates/modern/ikloo_2009/images/navi_center.png); height: 41px;
}
.MainMenu_MenuArrow
{
	border-right: white 1px solid; 
	border-bottom: white 1px solid; 
	border-top: white 0px solid;
	font-family: tahoma;
	font-size: 12pt;
	cursor: pointer; 
	cursor: hand;
}
.MainMenu_RootMenuArrow
{
	font-family: tahoma;
	font-size: 12pt;
	cursor: pointer; 	
	cursor: hand;	
}


/* Control Navigation Menu */
/* A menu used in controls, smaller version. 
Noticable difference is the menuitem and menuitemsel font size.
*/
.Control_MainMenu_MenuContainer
{
	background-color: Transparent;
	border-bottom: white 0px solid;
	border-left: white 0px solid;
	border-top: white 0px solid;
	border-right: white 0px solid;
}
.Control_MainMenu_MenuBar
{
	cursor: pointer;
	cursor: hand;
	height: 15px;
	background-color: Transparent;
	vertical-align: middle;
}
.Control_MainMenu_MenuItem
{
	border-left: 0px solid #FFFFFF; 
	border-bottom: 1px solid #FFFFFF; 
	border-top: 1px solid #FFFFFF; 
	border-right: 0px solid #FFFFFF;
	cursor: pointer;
	cursor: hand;
	color: #1460ab;
	font-family: tahoma;
	font-size: 7pt;
	text-align: left;
	font-weight: bold;	
}
.Control_MainMenu_MenuIcon
{
	background-color: white; 
	border-left: white 1px solid; 
	border-bottom: white 1px solid; 
	border-top: white 1px solid; 
	cursor: pointer;
	cursor: hand;
	text-align: center;
	width: 15px; 
	height: 21px;
}
.Control_MainMenu_SubMenu
{
	background-color: white;
	border:1px solid #C0C0C0; 
	z-index: 1000;
	cursor: pointer; 
	cursor: hand;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3);	
}
.Control_MainMenu_MenuBreak
{
	height: 1px;
	background-color: Transparent;
}
.Control_MainMenu_MenuItemSel
{
	background-color: #FFCC00;
	cursor: pointer;
	cursor: hand;
	color: #0B365E;
	font-family: tahoma;
	font-size: 7pt;
	font-weight: bold;	
}
.Control_MainMenu_MenuArrow
{
	border-right: white 1px solid; 
	border-bottom: white 1px solid; 
	border-top: white 0px solid;
	font-family: tahoma;
	font-size: 10pt;
	cursor: pointer; 
	cursor: hand;
}
.Control_MainMenu_RootMenuArrow
{
	font-family: tahoma;
	font-size: 10pt;
	cursor: pointer; 	
	cursor: hand;	
}

/* Datagrid */
.Grid_General 
{
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px; 
	text-align: left;
	vertical-align: middle;
	color: Black;
}

.Grid_AlternatingItem
{
	font: tahoma;
	font-weight: normal;
	font-size: 14px; 
	text-align: left;	
	vertical-align: middle;
	color: #202020;
	border-bottom : solid 1px #808080;
}

.Grid_Footer
{
	font: tahoma;
	font-weight: normal;
	font-size: 12px; 
	text-align: left;
	vertical-align: middle;
	color: #000000;
	border-top: solid 1px #808080;
}

.Grid_Header
{
	font: tahoma;
	font-weight: bold;
	font-size: 12px; 
	text-align: left;
	vertical-align: middle;
	color: black;
	height: 0px;
	border-bottom : solid 1px #808080;
}

.Grid_Item
{
	font: tahoma;
	font-size: 14px; 
	font-weight: normal;
	text-align: left;	
	vertical-align: middle;
	color: #202020;
	border-bottom : solid 1px #808080;
}

.Grid_Pager 
{
	font: tahoma;
	font-size: 16px; 
	font-weight: bolder;
	text-align: middle;		
	vertical-align: middle;
	color: #000000;
	border-top: solid 1px #808080;
}

.Grid_SelectedItemStyle 
{
	font: tahoma;
	font-size: 14px; 
	font-weight: normal;
	text-align: left;		
	vertical-align: middle;
	color: Navy;
	border-top: solid 1px #808080;
}

.Grid_Title
{
	font: tahoma;
	font-size: 12px; 
	font-weight: normal;
	text-align: left;		
	vertical-align: middle;
	color: #000000;
	border-top: solid 1px #808080;
}

.Grid_TableItem
{
	font: tahoma;
	font-size: 11px; 
	font-weight: normal;
	text-align: left;		
	vertical-align: middle;
	color: #000000;
	border-top: solid 1px #808080;
}


/* Normal Table */
.Table_Header
{
	font-size: 12px; 
	font-weight: bold;
	font: tahoma;
	color: white;
	text-align: left;
	vertical-align: middle;
	background-color: #ffffff;

}
.Table_Gen
{
	font-size: 11px; 
	font-weight: bold;
	font: tahoma;
	color: #202020;
	text-align: left;	
	vertical-align: middle;
	background-color:transparent;
}
.Table_Alt
{
	font-size: 11px; 
	font-weight: bold;
	font: tahoma;
	color: #202020;
	text-align: left;	
	vertical-align: middle;
	background-color: #5BB5E5;
}

/* Showroom Headers */
.Category_Header
{
	font-size: 12px; 
	font-weight: bold;
	font: tahoma;
	color: grey;
	text-align: left;
	vertical-align: middle;
	background-color: #FFFFFF;
	border-bottom : solid 1px #FFEDA6;
}

.category
{
	border:0px solid #E9F4BB; 
	font-size: 11px; 
	font-weight: normal;
	font: tahoma;
	color: white;
	text-align: left;
	vertical-align: middle;
	background-color: #EAEAEA;
}

.Product_Header
{
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;		
	color: #808080; 
	text-align: left;
	vertical-align: middle;
	background-color: #FFFFFF;
	border-bottom : solid 2px #000080;
}

.loginbox
{
	border:0px solid #cccccc;
	*height:15px;
	height:auto;
	width:190px;
	background-color:transparent;
	font-family: tahoma;
	font-size: 16pt;
	font-weight: normal;
	color: #1460AB;
	padding:0;
	vertical-align:bottom;
}

.buttonlabel_blue
{
	font-family: tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #0B3B5E;
}

.buttonlabel_green
{
	font-family: tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #29892A;
}

.tablabel_blue
{
	font-family: tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #105989;
}

/*
.div_listborder
{	
	/*"PADDING-RIGHT:10px; PADDING-LEFT:10px; PADDING-BOTTOM:5px; 
	OVERFLOW:scroll; WIDTH:100%; PADDING-TOP:5px; SCROLLBAR-DARKSHADOW-COLOR:#0c3c66; 
	SCROLLBAR-BASE-COLOR:#1475dc; HEIGHT:350px"*/
	padding: 10px;
	overflow: scroll;
	WIDTH:100%;
	SCROLLBAR-DARKSHADOW-COLOR:#0c3c66;
	SCROLLBAR-BASE-COLOR:#1475dc;
	HEIGHT:350px;
}*/