/* ====== default ====== */


body, div, span, table, tr, th, td, p, ol, ul, li, img, input {
	margin: 0;
	padding: 0;
	line-height: 120%;
}    
h1, h2, h3, h4, h5, h6 {font-size: 100%; margin: 0; padding: 0;}
th {font-style: normal; font-weight: normal; text-align: left;}
table {border-collapse: collapse; border-spacing: 0;}
ol, ul {list-style: none;}
img {border: 0;}

/* ====== layout ====== */

body {width: 100%;
	 background-color: #FFF; 
	color: #666666;
	font: 80%/1.5 "Lucida Grande", Verdana, Arial, sans-serif; position: relative;
}



/* header */
#header {
	height: 110px;
	width: 970px;
	margin: 0 auto;
	position: relative;
	background: #FFF url(../images3.0/header_bg.jpg) no-repeat scroll 320px 0;
	z-index: 500;
}
#diymad_logo {margin-left: 5px;}
#global_nav_user {
	position: absolute;
	top: 10px;
	right: 5px;
	visibility: visible;
	z-index: 12;
}
#global_nav_menu {
	position: absolute;
	top: 85px;
	height: 25px;
	width: 970px;
	background: transparent url(../images3.0/menu_bg.gif) no-repeat scroll 0 0;
	z-index: 13;
}
#global_nav_menu ul {margin-left: 30px;}
#global_nav_menu li {float: left;}
#global_nav_menu a {float: left;}
#global_nav_menu li span {height: 22px; padding: 3px 12px 0 12px; display: block; float: left; cursor: pointer;}

/* container */
#container {clear: both; width:970px; margin: 25px auto 30px auto; display: block;}
#main_left {float: left; width: 735px; position: relative;}
#main_banner {background: transparent url(../images3.0/main_banner.jpg) scroll 0 0 no-repeat;
  width: 730px; height: 210px;}
#main_banner h1 {display: none;}
#target_area div {
	float: left;
	width: 646px;
	margin-top: 20px;
	
	
}
#target_area div.target_area_right {width: 178px;}
#target_area a {
	display: block;
	position: relative;
	width: 178px;
	background-image: url(../images3.0/agency_img.gif);
	
}
#target_area h2 {display: none;}
a.user_area {background: transparent url(../images3.0/user_img.jpg) scroll 0 0 no-repeat;}
a.client_area {background: transparent url(../images3.0/agency_img.gif) scroll 0 0 no-repeat;}
a.agency_area {background: transparent url(../images3.0/advertiser_img.jpg) scroll 0 0 no-repeat;}
a.partner_area {background: transparent url(../images3.0/partner_img.jpg) scroll 0 0 no-repeat;}
a.user_area:hover {background: transparent url(../images3.0/user_img_hover.jpg) scroll 0 0 no-repeat;}
a.client_area:hover {background: transparent url(../images3.0/agency_img_hover.jpg) scroll 0 0 no-repeat;}
a.agency_area:hover {background: transparent url(../images3.0/advertiser_img_hover.jpg) scroll 0 0 no-repeat;}
a.partner_area:hover {background: transparent url(../images3.0/partner_img_hover.jpg) scroll 0 0 no-repeat;}

#service_9items {
	float: left;
	width: 340px;
	height: 300px;
	margin-top: 17px;
	position: relative;
}
#service_9items h3 {font-size: 1.25em; color: #00a0cd; margin: 8px 0 0 34px;}
#service_9items div {width: 82px;}
#s1 {
	position: absolute;
	left: 34px;
	top: 38px;
	z-index: 1;
}
#s2 {
	position: absolute;
	left: 139px;
	top: 38px;
	z-index: 2;
}
#s3 {
	position: absolute;
	left: 244px;
	top: 38px;
	z-index: 3;
}
#s4 {
	position: absolute;
	left: 34px;
	top: 128px;
	z-index: 4;
}
#s5 {
	position: absolute;
	left: 139px;
	top: 128px;
	z-index: 5;
}
#s6 {
	position: absolute;
	left: 244px;
	top: 128px;
	z-index: 6;
}
#s7 {
	position: absolute;
	left: 34px;
	top: 218px;
	z-index: 7;
}
#s8 {
	position: absolute;
	left: 139px;
	top: 218px;
	z-index: 10;
}
#s9 {position: absolute; left: 244px; top: 218px;}
#s1 span, #s2 span, #s3 span, #s4 span, #s5 span, #s6 span, #s7 span, #s8 span, #s9 span
{
	color: #5a5a5a;
	font-size: 10px;
	text-align: center;
	width: 85px;
	position: absolute;
	top: 64px;
	cursor: pointer;
	height: 20px;
	vertical-align: middle;
}
#s1 a.message {
	background-position: 0 0;
	font-size: 12px;
	color: #666666;
}
#s2 a.mobofun {background-position: -105px 0;}
#s3 a.mobile_web {background-position: -210px 0;}
#s4 a.web_trigger {background-position: 0 -90px;}
#s5 a.dial2get {background-position: -105px -90px;}
#s6 a.LBS {background-position: -210px -90px;}

#content_layout {float: left; margin-top: 92px; position: relative;}
#s7 a.bluetooth {
	background-position: 0 -180px;
}
#s8 a.mAd {
	background-position: -105px -180px;
}
#s9 a.QRcode {
	background-position: -210px -180px;
}
a.message, a.mobofun, a.mobile_web, a.web_trigger, a.dial2get, a.LBS, a.bluetooth, a.mAd, a.QRcode
{display: block; height: 82px; text-decoration: none; position: relative;
  background: transparent url(../images3.0/service_items.png) no-repeat scroll 0 0;}
a.message:hover, a.mobofun:hover, a.mobile_web:hover, a.web_trigger:hover, a.dial2get:hover,
a.LBS:hover:hover, a.bluetooth:hover, a.mAd:hover, a.QRcode:hover
{background: transparent url(../images3.0/service_items_hover.png) no-repeat scroll 0 0; text-decoration: none;}

#EzMADer_area {
	float: left;
	width: 350px;
	position: relative;
	padding-left: 20px;
	margin-top: 17px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	_font-size: 88%;
}
#EzMADer_logo p {margin-top: 16px; width: 340px;}
.more_info {font-weight: bold; font-size: 0.9em; margin-top: 6px;}
#EzMADer_lines {margin-top: 10px;}
#EzMADer_lines div {margin: 6px 0 2px 0;}

#main_right {float:left; display:inline; width: 215px; margin-left: 15px; _font-size: 88%;}
.right_panel {padding: 12px 12px 0 12px; color: #00a0cd; min-height: 168px; _height: 168px;
  background: #FFF url(../images3.0/panel_bg.gif) 0 0 scroll no-repeat;}
.right_panel h3 {vertical-align: baseline;}
ul.lines_area {margin: 3px 4px 0 17px;}
ul.lines_area li {list-style-position: outside; list-style-type: disc; line-height: 1.6em;}

#subscription_area {
	height: 108px;
	background: transparent url(../images3.0/subscription_panel.gif) scroll 0 0 no-repeat;
	top: 10px;
	bottom: 20px;
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 0;
	padding-left: 12px;
}
#subscription_area h3 {vertical-align: baseline; color: #00a0cd;}
#subscription_area div.sub_text {
	margin-top: 10px;
}
#subscription_area div.sub_area {
	text-align: right;
	margin-top: 0px;
}

#service_area {
	margin-top: 10px;
	width: 215px;
	text-align: center;
	top: 20px;
}
#info_area {margin-top: 10px; font-size: 0.9em; padding-left: 13px;}
#info_area_left {
	float: left;
	display:inline;
	width: 200px;
	top: 50px;
	_font-size: 85%;
	line-height: 1.5;
}
#info_area_right {
	float: left;
	display:inline;
	width: 200px;
	top: 50px;
}
#info_area h4 {font-weight: normal; color: #00a0cd;}
#info_area p.email {font-size: 0.95em; font-family: Arial;}

/* footer */
#footer_area {clear: both; width: 100%; height: 50px; margin-top: 20px;
  background: #CCC url(../images3.0/footer_bg.gif) 0 bottom scroll repeat-x;}
#footer_info {
	width: 950px;
	font-size: 0.9em;
	margin: 0 auto;
	padding: 7px 5px 0 38px;
	position: relative;
}
#copyright {
	position: absolute;
	top: 7px;
	right: 5px;
	color: #999;
	font-size: 0.9em;
	visibility: visible;
	z-index: 11;
}

/* ====== other style ====== */

.basic_color_font {color: #00a0cd;}
.text_style {width: 180px; height: 16px; padding: 2px 4px; border: 1px solid #CCC; color: #5a5a5a;}
.btn_style {width: 72px; height: 26px; border-style: none; color: #5a5a5a;
  background: transparent url(../images3.0/btn_bg.gif) scroll 0 50% no-repeat;}
.padding_right {padding-right: 5px;}
.paddign_left {padding-left: 5px;}

/* ====== link style ====== */

a:link, a:visited, a:active {color: #5a5a5a; text-decoration: none;}
a:hover {color: #5a5a5a; text-decoration: underline;}

a.ezMADer_link:link, a.ezMADer_link:visited, a.ezMADer_link:active {color: #c80000; text-decoration: none;}
a.ezMADer_link:hover {color: #c80000; text-decoration: underline;}

a.diymad_link:link, a.diymad_link:visited, a.diymad_link:active {color: #00a0cd; text-decoration: none;}
a.diymad_link:hover {color: #00a0cd; text-decoration: underline;}

a.menu_link:link, a.menu_link:visited, a.menu_link:active {color: #FFF; font-weight: bold; text-decoration: none;}
a.menu_link:hover {background: #00a0cd url(../images3.0/menu_hover_bg.gif) repeat-x scroll 0 0;}
.title-line {
	text-decoration: none;
	list-style-position: inside;
	list-style-type: square;
	width: 600px;
	color: #333333;
	font-size: 12px;
	background-position: left;
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #CCCC99;
	border-right-color: #CCCC99;
	border-bottom-color: #CCCC99;
	border-left-color: #CCCC99;
	background-image: url(../images3.0/bg-qa.gif);
	background-repeat: repeat-y;
	font-weight: normal;
}
.blue {
	color: #003366;
	font-size: 100%;
	line-height: 140%;
}
.text-in {
	line-height: 120%;
}
.title-about {
	font-size: medium;
	color: #003366;
	border-bottom-style: none;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 1px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-color: #E0DFE3;
}
.color-text {
	font-size: 12px;
	color: #6699CC;
}
.index_ezmader {
	line-height: 18px;
}

.Bonus1 {color: #FFFFFF}

#account_balance_date {
	margin: 10px;
	
	float:right;

 	
	padding-right:30px;  
 
	
	font-size: 12px;


	font-family: Arial,Helvetica,sans-serif; 

	
	color: rgb(51, 51, 51);
	
	
	line-height: 25px;

	
}