@charset "UTF-8";
/* CSS Document */
#SearchCampaign
{
	margin-bottom:10px; 
	width:40%; 
	border:1px solid #999999; 
	margin-left:10px;
	float:left;
	height:160px;
}
#SearchCampaign .SearchCampaignRow{overflow:hidden; padding-bottom:10px; margin-left:10px;}
#SearchCampaign .SearchCampaignRowLeft{float:left; display:inline; width:45%; text-align:right; padding-right:10px;}
#SearchCampaign .SearchCampaignRowRight{float:left; display:inline; width:48%; border-left:1px solid #CCC; padding-left:10px;}
#SearchCampaign .SearchCampaignHeader {
	background-color:#DDDDDD;
	border-bottom:1px solid #666666;
	font-weight:bold;
	overflow:hidden;
	text-align:left;
	padding-bottom:10px;
	padding:6px;
}
#SearchCampaign .SearchCampaignRow .CampaignRow {
	width:100%;
	text-align:center;
	overflow:hidden;
	padding:25 5 5 5;
}
#SearchCampaign .SearchCampaignRow .CampaignColLeft {
	float:left;
	width:27%;
	text-align:right;
	padding:5px;
}
#SearchCampaign .SearchCampaignRow .CampaignColRight {
	float:left;
	padding:5px;
	text-align:left;
	width:60%;
}
#SearchCampaign .SearchCampaignRow .CampaignColRight .TextBox{
	width:250px;
}
#SearchCampaign .SearchCampaignRow .CampaignColRight .CompoBox{
	width:250px;
}

#SearchCampaignDetail{
	margin-bottom:10px;
	border:1px solid #999999; 
	margin-left:10px;
	height:240px;
	float:left; 
	width:98%
}
#SearchCampaignDetail .SearchCampaignRow{
	overflow:hidden; 
	padding:10px; 
	text-align:center;
}
#SearchCampaignDetail .SearchCampaignRowLeft{
	float:left; 
	display:inline; 
	width:45%; 
	text-align:right; 
	padding-right:10px;
}
#SearchCampaignDetail .SearchCampaignRowRight{
	float:left; 
	display:inline; 
	width:48%; 
	border-left:1px solid #CCC; 
	padding-left:10px;
}
#SearchCampaignDetail .SearchCampaignHeader {
	background-color:#DDDDDD;
	border-bottom:1px solid #666666;
	font-weight:bold;
	overflow:hidden;
	text-align:left;
	padding-bottom:10px;
	padding:6px;
}

#SearchCampaignDetail .SearchCampaignRow .CampaignRow {
	width:100%;
	text-align:center;
	overflow:hidden;
	padding:25 5 5 5;
}
#SearchCampaignDetail .SearchCampaignRow .CampaignColLeft {
	float:left;
	width:27%;
	text-align:right;
	padding:5px;
}
#SearchCampaignDetail .SearchCampaignRow .CampaignColRight {
	float:left;
	padding:5px;
	text-align:left;
	width:50%;
}
#SearchCampaignDetail .SearchCampaignRow .CampaignColRight .TextBox{
	width:250px;
}
#SearchCampaignDetail .SearchCampaignRow .CampaignColRight .CompoBox{
	width:250px;
}

#divResultCampaign{
	margin-bottom:10px; 
	width:57%;
 	margin-left:10px;
	float:left;
}
#divResultCampaign .CampaignRowTop{
	border:1px solid #999999;
	text-align:left;
	overflow:hidden;
	height:160px;;
}
#divResultCampaign .CampaignRowTop .CampaignRow {
	text-align:left;
	overflow:hidden;
	padding:10px;
}
#divResultCampaign .CampaignRowBottom{
	width:100%;
	border:1px solid #999999;
	text-align:left;
	overflow:hidden;
	height:180px;
}
#divResultCampaign .CampaignRowBottom .CampaignRow {
	width:100%;
	text-align:left;
	overflow:hidden;
	padding:10px;
}
#divResultCampaign .CampaignRowBottom .CampaignRow .CampaignRowHeader{
	background-color:#DDDDDD
	border-bottom:1px solid #666666;
	font-weight:bold;
	overflow:hidden;
	text-align:left;
	padding:6px;
}
#divResultCampaign .CampaignRowApproved{
	width:100%;
	border:1px solid #999999;
	text-align:left;
	overflow:hidden;
	height:300px;
}
#divResultCampaign .CampaignRowApproved .CampaignRow{
	padding:5px;
}
#divResultCampaign .CampaignRowApproved .CampaignRow .CampaignRowIn{
	border:1px solid #CCCCCC;
	padding:20px;
}

#divResultCampaign .CampaignRowApproved .CampaignRow .CampaignRowHeader{
	background-color:#DDDDDD;
	border:1px solid #666666;
	font-weight:bold;
	overflow:hidden;
	padding:6px;
}
#divResultCampaign .ResultCampaignHeaderTop {
	background-color:#DDDDDD;
	border-bottom:1px solid #666666;
	font-weight:bold;
	overflow:hidden;
	text-align:left;
	padding-bottom:10px;
	padding:6px;
}
#divResultCampaign .ResultCampaignHeaderBottom {
	background-color:#DDDDDD;
	border-bottom:1px solid #666666;
	font-weight:bold;
	overflow:hidden;
	text-align:left;
	padding-bottom:10px;
	padding:6px;
}

#CampaignList{
	margin-bottom:10px; 
 	margin-left:10px;
	float:left;
	width:98%;
}
#CampaignList .CampaignListRow{
	overflow:hidden; 
	background-color:#FFF;
	border-bottom:1px solid #999999;
	padding:0px;
	width:auto;
}
#CampaignList .divCampaignHeaderBanner{
	height:15px; 
	background:#DDDDDD; 
	border:1px solid #999999;
	padding:5px;
}
#CampaignList .divCampaignHeaderBannerLeft{
	float:left;
	width:70%;
}
#CampaignList .divCampaignHeaderBannerRight{
	float:left;
	width:30%;
	text-align:right
}
#CampaignList .CampaignListCol{
	float:left; 
	display:inline; 
	padding:8px; 
	border:1px solid #999999;
	border-right:1px solid #999999;
}
#CampaignList .CampaignListColSelected{
	float:left; 
	display:inline; 
	padding:8px; 
	border:1px solid #999999;
	background:#DDDDDD;
	font-weight:bold;
}
#CampaignListIn{
	border:1px solid #999999;
}
#CampaignListIn .CampaignWeb{
	height:10px;
	padding:10px 10px 10px 15px;
}
#CampaignListIn .note{
	height:5px;
    padding:10px 10px 10px 15px;
}
/*----------  smartzone ----------*/
.CampaignListIn .SmartZone{
	padding:10px;
}
.CampaignListIn .SmartZone .SmartZoneHeaderRowLeft2{
	float:left;
	text-align:left;
	width:50%;
}
.CampaignListIn .SmartZone .SmartZoneHeaderRowRight2{
	float:left;
	text-align:right;
	width:50%;
}
.CampaignListIn .SmartZone .SmartZoneHeaderRow{
	height:10px;
	padding:10px;
	border-bottom:1px solid #CCCCCC;
}
.CampaignListIn .SmartZone .SmartZoneHeaderRowButton{
	height:10px;
	padding:10px;
}
.CampaignListIn .SmartZone .SmartZoneHeaderRow .SmartZoneHeaderRowLeft{
	float:left;
	text-align:left;
	width:50%;
}
.CampaignListIn .SmartZone .SmartZoneHeaderRow .SmartZoneHeaderRowRight{
	float:left;
	text-align:right;
	width:45%;
}
.CampaignListIn .SmartZone .SmartZoneRow{
	padding:5px;
	height:20px;
}
.CampaignListIn .SmartZone .SmartZoneRow .SmartZoneRowRight{
	padding:5px;
	float:left;
	text-align:left;
	width:60%;
}
.CampaignListIn .SmartZone .SmartZoneRow .SmartZoneRowLeft{
	padding:5px;
	float:left;
	text-align:right;
	width:30%;
}
.CampaignListIn .SmartZone .SmartZoneDetailRow{
	padding:5px;
	height:20px;
}
.CampaignListIn .SmartZone .SmartZoneDetailRow .SmartZoneDetailRowRight{
	padding:5px;
	float:left;
	text-align:left;
	width:50%;
}
.CampaignListIn .SmartZone .SmartZoneDetailRow .SmartZoneDetailRowLeft1{
	float:left;
	width:10%;
	padding:5px;
}
.CampaignListIn .SmartZone .SmartZoneDetailRow .SmartZoneDetailRowLeft{
	padding:5px;
	float:left;
	text-align:left;
	width:12%;
}

.SmartZoneError{
 color:#FF0000;
}
.SmartZoneComboBox{
	width:250px;
}
.SmartZoneNote{
	color:#CCCCCC;
}
.SmartZoneSelect{
	width:150px;
}
.MerchantColor{
	background-color:#FDEFE4;
	border:1px solid #0000CC;
	color:#0000CC;
}
/*----------  smartzone ----------*/
#CampaignListIn .ResultCampaigns{
	padding:10px;
}
#CampaignListIn .ResultCampaigns .CampaignList{
	padding:0px 10px 10px 5px;
}
#CampaignListIn .ResultCampaignsContent{
	padding:5px;
}
#CampaignListIn .ResultCampaignsContentIn{
	border:1px solid #999999; 
	width:935px;
}
#CampaignListIn .ResultCampaignsContentIn .ResultCampaignsContentInRowHeader{
	height:35px; 
	background:#DDDDDD; 
	border-bottom:1px solid #999999;
	font-weight:bold;
}
#CampaignListIn .ResultCampaignsContentIn .ResultCampaignsContentInRowHeader .ResultCampaignsContentInRowHeaderCol
{
 	border-right:1px solid #999999; 
	padding:5px;
	float:left;
	height:25px;
	text-align:center;
}
#CampaignListIn .ResultCampaignsContentIn .ResultCampaignsContentInRowHeader .ResultCampaignsContentInRowHeaderColIn
{
	float:left; 
	width:18%;
	border-right:1px solid #999999;
}

#CampaignListIn .ResultCampaignsContentIn .ResultCampaignsContentInRowBottom{
	border-bottom:1px solid #999999;
	overflow:hidden;
}
#CampaignListIn .ResultCampaignsContentIn .ResultCampaignsContentInRowBottomCol{
	float:left; 
	width:10%; 
	border-right:1px solid #999999;
	padding:5px;
}
#CampaignList .CampaignListHeader{text-align:left; padding:5px; font-weight:bold;}
#divCampaignList .CampaignListRowHeader{overflow:hidden; font-weight:bold; text-align:center; background-color:#DDD; border-top:1px solid #666;}

#divCampaignList .CampaignListRowLight{overflow:hidden; border-top:1px solid #CCC; background-color:#F3F3F3;}
#divCampaignList .CampaignListColCheck{float:left; display:inline; padding:3px; border-right:1px solid #CCC; text-align:center;}
.btn_check{
	width:76px;
	height:19px;
	border:1px solid #d9d9d9;
	/*background:url(images/buttons/tnpp_btn_signin_1x20.gif) repeat-x center;*/
	background:#2f7ab3;
	text-align:center;
	font:11px tahoma;
	color:#fff;
	cursor:pointer;
	padding-bottom:3px;
}
.btn_link{
	width:98px;
	height:19px;
	border:1px solid #d9d9d9;
	/*background:url(images/buttons/tnpp_btn_signin_1x20.gif) repeat-x center;*/
	background:#568e84;
	text-align:center;
	font:11px tahoma;
	color:#fff;
	cursor:pointer;
	padding-bottom:3px;
}
.btn_apply_campaign{
	width:130px;
	height:19px;
	border:1px solid #d9d9d9;
	/*background:url(images/buttons/tnpp_btn_signin_1x20.gif) repeat-x center;*/
	background:#2f7ab3;
	text-align:center;
	font:11px tahoma;
	color:#fff;
	cursor:pointer;
	padding-bottom:3px;
}
.btn_apply_banner{
	width:150px;
	height:19px;
	border:1px solid #d9d9d9;
	/*background:url(images/buttons/tnpp_btn_signin_1x20.gif) repeat-x center;*/
	background:#2f7ab3;
	text-align:center;
	font:11px tahoma;
	color:#fff;
	cursor:pointer;
	padding-bottom:3px;
}
#CampaignGuide{
}
#CampaignGuide .GuideContentHeader
{
	padding:5px;
	background-color:#DDDDDD;
	height:20px;
}
#CampaignGuide .GuideContentHeader .GuideContentHeaderLeft
{
	float:left;
	text-align:left;
	width:45%;
}
#CampaignGuide .GuideContentHeader .GuideContentHeaderRight
{
	float:left;
	text-align:right;
	width:55%;
}
#CampaignGuide .GuideContent
{
	padding:10px;
	text-align:left;
}
#searchRightDetail
{
width:500px; 
float:left; 
text-align:right;
}
#searchLeftDetail
{
width:400px; 
float:left; 
text-align:left;}
/*------------ target ssection ------------------*/
.divSmartzoneLink
{
width:330px; 
padding-bottom:10px; 
height:20px;
}
.divEditLink{
float:left; 
width:230px; 
text-align:right;
padding:5px;
}
.divButtonEditLink
{
float:right; 
width:90px;
padding-top:8px;
}
.divButtonAddDeli
{
width:330px;
padding:10px;
}
.CreateTargetSection
{
height:20px;
padding-left:10px;
padding-top:10px;
}
#divHeaderTarget
{
 font-size:16px;
 font-weight:bold;
 padding-top:10px;
 padding-bottom:15px;
 color:#999999;
}
#TargetRow
{
width:550px;
height:25px;
}
#TargetRowLeft
{
width:120px;
float:left;
text-align:right;
}
#TargetRowRight
{
width:300px;
float:left;
}
#TargetRowRightButton
{
width:60px;
float:left;
}
#TargetRowRightButtonAdd
{
width:60px;
float:left;
}
#divAddTargetSection
{
padding:10px;
height:250px;
background-color:#FFFFFF;
border:4px solid #596a7c;
}
.AddTargetRow
{
width:500px;
height:35px;
}
.AddTargetRowLeft
{
width:135px;
float:left;
text-align:right;
padding-top:10px;
}
.AddTargetRowRight
{
width:255px;
float:left;
padding-top:10px;
padding-left:9px;
text-align:left;
}
.TargetNote{
	color:#FF0000;
}
.btn_Del{
background:none repeat scroll 0 0 #2F7AB3;
border:1px solid #D9D9D9;
color:#FFFFFF;
cursor:pointer;
height:19px;
padding-bottom:3px;
text-align:center;
width:35px;
font-family:Tahoma;
}
#TargetRowRightButtonDel{
padding-top:14px;
float:left;
width:35px;
}
#divClose
{
height:25px;
float:right;
text-align:right;
}
#divSearchTran
{
width:1000px;
}
.divSearchFilterTran
{
border:1px solid #CCCCCC;
background-color: rgb(238, 238, 238);
height:150px;
width:550px;
padding:10px;
float:left;
}
.SearchFilterRow
{
width:600px;
height:27px;
}
.SearchFilterRowLeft
{
width:200px;
float:left;
}
.SearchFilterRowRight
{
width:350px;
float:left;
}
.SearchFilterRowRightButton
{
width:300px;
float:left;
height:30px;
}
#divStatistic
{
width:220px;
float:right;
border:1px solid #ccc;
margin-right:5px;
}
/*trackvar*/
#divCreateTrackvar
{
background-color:#FFFFFF;
border:4px solid #596A7C;
height:125px;
padding:10px;
}
#TrackvarRow
{
width:550px;
height:25px;
}
.clastrackvarRow
{
width:550px;
height:28px;
}
#TrackvarRowLeft
{
width:100px;
float:left;
text-align:right;
}
#TrackvarRowRight
{
width:300px;
float:left;
text-align:left;
padding-left:10px;
}
#TrackvarRowRightButton
{
width:60px;
float:left;
}
#TrackvarRowRightButtonAdd
{
width:60px;
float:left;
}
.AddTrackvarRow
{
width:500px;
height:35px;
}
.AddTrackvarRowLeft
{
width:135px;
float:left;
text-align:right;
padding-top:10px;
}
.AddTrackvarRowRight
{
width:255px;
float:left;
padding-top:10px;
padding-left:9px;
text-align:left;
}
#divHeaderTrackvar
{
 font-size:16px;
 font-weight:bold;
 padding-top:10px;
 padding-bottom:15px;
 color:#999999;
}
.note_add_track
{
	color:#FF0000;
	font-size:14px;
}
#divCodeTrackvar
{
width:550px;
height:160px;
}
.createTrackvar
{
border:1px solid #DEDFDE;
width:550px;
height:160px;
}
.guiTrackvar
{
border:1px solid #DEDFDE;
width:430px;
}
.TrackvarHeader
{
	background-color:#DEDFDE;
	border:1px solid #DEDFDE;
	height:25px;
	font-weight:700;
	padding:3px;
}
.TrackvarHeader .TrackvarHeaderLeft
{
	float:left;
	width:510px;
}
.TrackvarHeader .TrackvarHeaderClose
{
	 float:left;
	 width:50px;
}
.rowTrackvar
{
	height:80px;
	padding:5px;
}
.SearchFilterRowRight .SearchFilterDateRowLeft
{
width:150px;
height:27px;
float:left;
}
.SearchFilterRowRight .SearchFilterDateRowRight
{
width:140px;
float:left;
}
.SearchFilterRowRight .SearchFilterDateRowRight3
{
float:left;
font-weight:bold;
height:37px;
padding-top:20px;
width:60px;
}
#divDrawchart
{
margin:0;
padding:0;
width:98%;
}
#divDrawchart .drawchartLeft
{
float:left;
width:200px;
padding:5px;
}
#divDrawchart .drawchartRight
{
float:left;
width:850px;
padding:5px;
}
.listDateDrawchart
{
width:150px;
}
.listCheckboxCampaign
{
background-color: transparent; 
background-image: none; 
background-repeat: repeat; 
background-attachment: scroll; 
background-position: 0% 0%; 
-moz-background-size: auto auto; 
-moz-background-clip: -moz-initial; 
-moz-background-origin: -moz-initial;
-moz-background-inline-policy: -moz-initial;
}
.AnalysisList
{
	width:550px; 
	text-align:left;
	border-top:1px solid #CCCCCC;
}
.AnalysisList .AnalysisListAll
{
	width:550px;
	height:25px;
	padding-left:5px;
	padding-top:5px;
	border-bottom:1px solid #CCCCCC;
}
.AnalysisList .AnalysisListAll .AnalysisListLeft
{
width:300px;
float:left; 
}
.AnalysisList .AnalysisListAll .AnalysisListRight
{
width:70px;
float:left;
text-align:center;
}
.HeaderAnalysis
{
background-color: #DDDDDD;
height: 20px;
padding: 5px;
margin-bottom:10px
}
.HeaderAnalysis .HeaderAnalysisLeft
{
float: left;  
text-align: left; 
width: 80%;
font-weight:bold;
}
.HeaderAnalysis .HeaderAnalysisRight
{
	float: left;    
	text-align: right;   
	width: 19%;
}
.divJoinAll
{
padding:5px;
width:100%; 
height:160px;
background-color: transparent;
border:0
}
.divJoinAll .divJoin
{
width:500px;
height:150px;
}
.divJoinAll .divJoin .divJoinLeft
{
float:left; 
width:330px;
padding-left:10px;
}
.divJoinAll .divJoin .divJoinRight
{
width:120px; 
float:left;
}
.noteCampaign
{
 height:20PX;
 padding-left:10px; 
 padding-top:10px;
 color:#2F7AB3;
 font-weight:bold;
}

#tableReports {
    border: 1px solid #CCCCCC;
    margin-bottom: 10px;
}

#tableReports .ReportHeader {
    background-color: #E8E5E5;
    border-bottom: 1px solid #CCCCCC;
    font-weight: 700;
    overflow: hidden;
    width: 100%;
}

#tableReports .ReportCol {
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #EEEEEE;
    padding: 5px;
}
#tableReports .ReportRow {
    border-bottom: 1px solid #EEEEEE;
    overflow: hidden;
    width: 100%;
}

#tableReports_Total {
    border: 1px solid #CCCCCC;
    margin-bottom: 10px;
}
#tableReports_Total .ReportHeader {
    background-color: #E8E5E5;
    border-bottom: 1px solid #CCCCCC;
    font-weight: 700;
    overflow: hidden;
    width: 100%;
}
#tableReports_Total .ReportCol {
    border-right: 1px solid #CCCCCC;
    padding: 5px;
}

#CampaignListIn .TableResultCampaignsContentIn {
    border: 1px solid #999999;
}
#CampaignListIn .TableResultCampaignsContentIn .ResultCampaignsContentInRowHeader {
    background: none repeat scroll 0 0 #DDDDDD;
    border-bottom: 1px solid #999999;
    font-weight: bold;
}

#CampaignListIn .TableResultCampaignsContentIn .ResultCampaignsContentInRowHeader .ResultCampaignsContentInRowHeaderCol {
    border-right: 1px solid #999999;
    border-bottom: 1px solid #EEEEEE;
    padding: 5px;
    text-align: center;
}
#CampaignListIn .TableResultCampaignsContentIn .ResultCampaignsContentInRowBottom {
    border-bottom: 1px solid #999999;
    overflow: hidden;
}
#CampaignListIn .TableResultCampaignsContentIn .ResultCampaignsContentInRowBottom .ResultCampaignsContentInRowBottomCol {
    border-right: 1px solid #999999;
    border-bottom: 1px solid #EEEEEE;
    padding: 5px;
    text-align: left;
}