/* CSS Document */

/*
***********************************************************************************************
** default.css																		 		 **
***********************************************************************************************
** 																							 **
** Company Name: Dreamwave Sdn Bhd                                                           **
** Author: Hiang Tiang Tan                                                                   **
** Version: 1.0																			     **
** Creation Date: 28th Jan 2008                                                              **
** 																						     **
** Usage: 																				     **
**    <link rel='stylesheet' type='text/css' href='css/default.css'>			 			 **
**																						     **
** Description:                                                                              **
** - The style for the main Dreamwave user page					 	 					     **
**																						     **
** Remarks:																				     **
**																							 **
** Version: 1.?		  By: ?????		Search Key: THT????????		Date Modified: -  			 **
**																							 **
***********************************************************************************************
** Copyright (c) 2008 Dreamwave Sdn Bhd. 													 **
***********************************************************************************************
*/

*,html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 		0;
	padding: 		0;
	border: 		0;
	outline: 		0;
	font-weight: 	inherit;
	font-style:		inherit;
	font-family: 	inherit;
	font-family:	Arial, Tahoma, Helvetica, Verdana, Sans-Serif; 
	font-size:		12px;
	vertical-align: baseline;
}

body
{
	/*background: transparent url(../images/common/background.jpg) repeat-x top;*/
	background-color: #2b99df;		/* blue */
	font-family:	Arial, Tahoma, Helvetica, Verdana, Sans-Serif; 
	font-size: 12px;
}

td {
	font-family:	Arial, Tahoma, Helvetica, Verdana, Sans-Serif; 
	font-size: 12px;
}

#main_container
{
	margin: 0px 5% 0px 5%;
	/*min-width: 750px;*/
	min-width: 915px;
	width: 90%;
}

#header_container
{
	color: #FFFFFF 	!important;		/* white */
	_overflow: hidden;				/* Only for IE6. Change _ to # if IE7 also having the same problem*/
	margin: 0px;
	width:	100%;
	height: 97px;
}

#dw_logo
{
	color: #000000 !important;
	background: url(../images/common/dw_logo.jpg) no-repeat;
	background-position: center left;
	padding-top: 10px;
	text-align:	right;
	height:		60px;
}

#hitop
{
	background: transparent url(../images/common/hitop.jpg) top right no-repeat;
	margin-top: 8px; 
	padding: 10px 12px;
	height: 37px;
}

#menu_container
{
	background: url(../images/common/menu_bar.jpg) repeat-x;
	width:	100%;
	height: 27px;
}

#menu_left
{
	background: url(../images/common/left_corner.jpg) no-repeat;
	float: 	left;
	width: 	10px;
	height:	27px;
}

#menu_right
{
	background: url(../images/common/right_corner.jpg) no-repeat;
	float: right;
	width: 	12px;
	height:	27px;
}

#main_menu
{
	_overflow: hidden;					/* Only for IE6. Change _ to # if IE7 also having the same problem*/
	_width: 90%;						/* Only for IE6. Change _ to # if IE7 also having the same problem*/
}

#content_container
{
	background: url(../images/common/menu_shadow.jpg) repeat-x;
	background-position: left top;
	background-color:	#FFFFFF;		/* white */
	line-height: 18px;
	width: 	100%;	
}

#content
{
	background: url(../images/common/content_right_shadow.jpg) repeat-y;
	background-position: right top;
	padding:	20px;
	height:		100%;
}

#content_left
{
	_overflow: hidden;					/* Only for IE6. Change _ to # if IE7 also having the same problem*/
/*	white-space: nowrap;
*/	width: 75%;
	float: left;
}

#content_right
{
	min-width: 145px;
	width: 23%;
	float: right;
}

#sub_panel_container
{
	width: 	100%;
}

#sub_panel_title
{
	color: #000066 	!important;			/* dark blue */
	padding: 2px 0px 0px 10px;
	text-align: 	left;
	font-size: 		13px;
	font-weight: 	bold;
	line-height: 	21px;
	white-space: 	nowrap;
	_overflow: 		hidden;				/* Only for IE6. Change _ to # if IE7 also having the same problem*/
}

#sub_panel_header
{
	background: url(../images/common/sub_panel_bar.jpg) repeat-x;
	background-position: top left;
	_overflow: 	hidden;					/* Only for IE6. Change _ to # if IE7 also having the same problem*/
	width: 	100%;
	height: 26px;
}

#sub_panel_left
{
	background: url(../images/common/sub_panel_left.jpg) no-repeat;
	background-position: top left;
	float: 	left;
	width: 	5px;
	height: 26px;
}

#sub_panel_right
{
	background-color: #00FFFF;
	background: url(../images/common/sub_panel_right.jpg) no-repeat;
	background-position: top right;
	float: 	right;
	width: 	5px;
	height: 26px;
}

#sub_panel_body
{
	background-color: #EEEEEE;		/* light gray */
	padding: 		10px;
	border-width: 	0px 1px 1px 1px;
	border-color:	#C6C6C6;		/* dim gray */
	border-style: 	solid;
	font-weight: 	bold;
	line-height: 	16px;
	white-space: 	nowrap;
	_overflow:		hidden;				/* Only for IE6. Change _ to # if IE7 also having the same problem*/
}

#news, #events
{
	padding: 10px;
	text-align: left;
}

#why
{
	padding-right: 	10px;
	line-height: 	12px;
	font-size: 		11px;
	font-weight: 	normal;
	white-space: 	normal;
}

#why:link
{
	/*color: #006666	!important;			/* dim green */
	color: #003366	!important;				/* dark green */
	text-decoration: none;
}

#why:visited
{
	text-decoration: none;
}

#why:hover
{
	text-decoration: underline;
}

#footer_container
{
	background: url(../images/common/content_right_shadow.jpg) repeat-y;
	background-position: right top;
	background-color:	#FFFFFF;	/* white */
	white-space: 		nowrap;
	_overflow: 			hidden;				/* Only for IE6. Change _ to # if IE7 also having the same problem*/
	width: 				100%;
	height:				40px;
}

#footer
{
	background: url(../images/common/content_bottom_shadow.jpg) repeat-x;
	background-position: left bottom;
	border-top: 2px groove #0099FF;		/* gray separator line */
	color: #CE1111 !important;			/* dark red */
	margin-right: 2px;
	padding: 0px 5px 0px 5px;
	height:	100%;
}

#footer_left
{
	margin-right: auto;
	padding: 10px 0px 0px 12px;
	float: left;
}

#dw_link
{
	color: #057E05	!important;			/* dark green */
	font-size:	11px;
	text-align: left;
	text-decoration: none;
}

#footer_right
{
	margin-left: auto;
	padding: 4px 5px 0px 5px;
	float: right;
}

#dw_about
{
	color: #CE1111 !important;			/* dark red */
	font-size:	11px;
	text-align: right;
	text-decoration: none;
}

#halign_center
{
	display:block;
	text-align:center;
}

#dw_footer_logo
{
	vertical-align: middle;
	margin-left: 20px;
	border: none;
	width: 	85px;
	height: 30px;
}

#reflection
{
	background: url(../images/common/content_reflection.jpg) repeat-x;
	background-position: top left;
	width:	100%;
	height:	40px;
}

a
{
	color: #006699 !important;			/* For Firefox... mark as important, otherwise it becomes black */
}

a.howto, a.howto:link, a.howto:visited, a.howto:active
{
	color: #E30000 !important;
}

a.contact, a.contact:link, a.contact.visited, a.contact:active
{
	color: #039400 !important;
}

a.howto, a.contact, a.howto:link, a.contact:link, a.howto:visited, a.contact.visited, a.howto:active, a.contact:active
{
	font-weight: normal;
	text-decoration: none;
}

a.howto:hover, a.contact:hover
{
	/*color: #0006ff !important;*/
	/* font-weight: bold; */
	text-decoration: underline;
}

.bold
{
	font-weight: bold;
}

b
{
	font-weight: bold;
	line-height: inherit;
}

h3
{
	color: #3A4460	!important;		/* midnight blue */
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}

h4
{
	/*color: #002B9B	!important;		/* dark blue */
	/*color: #CC6600 	!important; 	/* hot brown */
	color: #0E4383	!important;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
	text-align: left;
}

.inputbox
{
	background-color: #FFFFFF;
	margin-bottom: 	10px;				/* Input box outer bottom margin */
	padding: 		2px;				/* Input box inner padding */
	border-color: 	#2cabd5;			/* Input box borders - light blue */
	border-style: 	solid;
	border-width: 	1px;
	font-size: 		12px;
	font-style:		normal;
	font-weight: 	normal;
	width: 			96%;
}

#name, #password, #login_id, #email, #phone, #subject, #company
{
	background-color: #FFFFA0;			/* Light Yellow color similar to IE6 input fields */
}

#note
{
	float: left;
	color: #999999	!important;
	font-size: 10px;
	text-align: right;
	/*height: 40px;*/
}

input[disabled]
{
	background-color: #DDDDDD;			/* Gray out */
	color: 			#666666 !important;	/* Dark Gray */
}

.checkbox
{
	margin: 5px 5px 8px 0px;
	vertical-align: middle;
}

.radio
{
	margin: 5px 5px 8px 0px;
	vertical-align: middle;
}

.button
{
	background: url(../images/common/button_face.jpg) repeat-x;
	padding: 	0px 10px 0px 10px;			/* Button's innder padding */
	margin: 	0px;
	border-color: 	#2cabd5;				/* Button borders - light blue */
	border-style: 	solid;
	border-width: 	1px;
	cursor: 		pointer;
	font-size: 		12px;
	font-style: 	normal;
	font-weight: 	normal;
	width: 			auto;
	height: 		22px;
}

.button[disabled]
{
	cursor: default;
}

.signin_btn
{
	cursor: pointer;
	background: url(../images/common/signin_btn.jpg) repeat-x;
	margin: 10px 0px 10px 0px;
	vertical-align: middle;
	width: 100px;
	height: 26px;
}

.signin_btn:hover
{
	background: url(../images/common/signin_btn_hov.jpg) repeat-x;
}

.signin_btn[disabled]
{
	cursor: default;
	background: url(../images/common/signin_btn_dis.jpg) repeat-x;
}

.submit_btn
{
	cursor: pointer;
	background: url(../images/common/submit_btn.jpg) repeat-x;
	margin: 10px 0px 10px 0px;
	#padding-top: 40px;
	text-indent: -30000px;
	vertical-align: middle;
	width: 100px;
	height: 26px;
}

.submit_btn:hover
{
	background: url(../images/common/submit_btn_hov.jpg) repeat-x;
}

.submit_btn[disabled]
{
	cursor: default;
	background: url(../images/common/submit_btn_dis.jpg) repeat-x;
}

#msg
{
	color: #EE0000	!important;
	padding-left: 10px;
	font-size: 10px;
	text-align: left;
}

.description
{
	color: #333333	!important;			/* Dark Gray */
	padding: 2px;						/* Input box inner padding */
	font-size: 		11px;
	font-style:		normal;
	font-weight:	normal;
	white-space:	normal;
	overflow:		visible;
}

.text
{
	color: #333333	!important;			/* Dark Gray */
	padding: 2px;						/* Input box inner padding */
	font-size: 		12px;
	font-style:		normal;
	font-weight:	normal;
	white-space:	normal;
	overflow:		visible;
}

.textarea
{
	background-color: #FFFFFF;
	margin-bottom: 	10px;				/* Input box outer bottom margin */
	padding: 2px;						/* Input box inner padding */
	border-color: 	#2cabd5;			/* Input box borders - light blue */
	border-style: 	solid;
	border-width: 	1px;
	font-size: 		12px;
	font-style:		normal;
	font-weight: 	normal;
	width: 			96%;
}