@charset "utf-8";
/* CSS Document */

body{padding:0;margin:0;font:Verdana, Geneva, sans-serif 12px;}
.pager_current{padding:0 5px;border:1px solid #36F;color:#36F;}
.pager_link a{text-decoration:none;padding:0 5px;border:1px solid #9CF;color:#36F;}
.pager_link a:hover{text-decoration:none;border:1px solid #36F;}

#divAdPlannerForm{border: 2px outset #999;}
#divAdPlannerForm .AdPlannerFormHeader{background-color: #5AA0D3; text-align:left; padding: 5px; font-weight:700; color:#FFF;}
#divAdPlannerForm .AdPlannerFormRow{overflow: hidden; margin: 10px;}
#divAdPlannerForm .AdPlannerFormCol{float: left; text-align:left;}

#divViewColums{float: right; height: 40px;}
#divViewColums .ViewsColumnsHeader{margin-top: 12px; overflow: hidden;}
#divViewColums .ViewsColumnsBody{display: none; position: absolute; border: 2px groove #CCC; right: 0; background-color: #FFFF80; overflow: auto;}
#divViewColums .ViewsColumnsBody li{list-style: none; list-style-position: outside;}

.link-toggle-button{width: 15px; height: 19px; background-image: url(../pic/link.toggle.button.png);}
.link-toggle-left{background-position: 0 0;}
.link-toggle-down{background-position: 0 -19px;}

#divAdPlannerTitle{font-size:16px; font-weight:700; margin-bottom: 5px;}
#divAdPlannerNote{font-style: italic; color: #900; font-weight: 700; margin-top: 3px; font-size: 11px;}
#divContentAdPlanner{overflow: hidden;}
#divContentAdPlanner .ContentAdPlannerCategory{float: left;}
#divContentAdPlanner .ContentAdPlannerStatictis{float: right;}
#divContentAdPlanner .ContentAdPlannerSelectedCategory{margin-top: 10px; margin-bottom: 10px;}
#divContentAdPlanner .ContentAdPlannerButton{margin-top: 5px;}

#divAdPlannerList{border-left: 1px solid #999; border-right: 1px solid #999; margin-top: 5px;}
#divAdPlannerList .AdPlannerListHeader{text-align:left;padding:5px;font-weight:700}
#divAdPlannerList .AdPlannerList{text-align:left;padding:5px;border-top:1px solid #999}
#divAdPlannerList .AdPlannerListRowHeader{overflow:hidden;font-weight:700;text-align:center;background-color:#DDD;border-top:1px solid #666}
#divAdPlannerList .AdPlannerListRow{overflow:hidden;border-bottom:1px solid #CCC;background-color:#FFF}
#divAdPlannerList .AdPlannerListRowLight{overflow:hidden;border-top:1px solid #CCC;background-color:#F3F3F3}
#divAdPlannerList .AdPlannerListColCheck{float:left;display:inline;padding:3px;border-right:1px solid #CCC;text-align:center}
#divAdPlannerList .AdPlannerListColHeader,#divAdPlannerList .AdPlannerListCol{float:left;display:inline;padding:5px;border-right:1px solid #CCC}

#divAdPlannerStatistic{border-left: 1px solid #999; border-right: 1px solid #999; margin-top: 5px; width: 450px;}
#divAdPlannerStatistic .AdPlannerStatisticHeader{text-align:left;padding:5px;font-weight:700}
#divAdPlannerStatistic .AdPlannerStatistic{text-align:left;padding:5px;border-top:1px solid #999}
#divAdPlannerStatistic .AdPlannerStatisticRowHeader{overflow:hidden;font-weight:700;text-align:center;background-color:#DDD;border-top:1px solid #666; font-size:9px; color: #999;}
#divAdPlannerStatistic .AdPlannerStatisticRow{overflow:hidden;border-bottom:1px solid #CCC;background-color:#FFF}
#divAdPlannerStatistic .AdPlannerStatisticRowLight{overflow:hidden;border-top:1px solid #CCC;background-color:#F3F3F3}
#divAdPlannerStatistic .AdPlannerStatisticColCheck{float:left;display:inline;padding:3px;border-right:1px solid #CCC;text-align:center}
#divAdPlannerStatistic .AdPlannerStatisticColHeader,#divAdPlannerStatistic .AdPlannerStatisticCol{float:left;display:inline;padding:5px;border-right:1px solid #CCC}

#divTrendGraph{width:100%; overflow:hidden;}
#divTrendGraph .QuickStatsRowHeader{width:100%; overflow:hidden;}
#divTrendGraph .QuickStatsColHeader{float:left; display:inline; padding:5px;}
#divTrendGraph .QuickStatsRow{overflow:hidden; border:1px solid #CCC}
#divTrendGraph .QuickStatsCol{float:left; display:inline; padding:5px; border-right:1px solid #CCC;}

#divTrendGraphSetting{width:100%; overflow:hidden;}
#divTrendGraphSetting .QuickStatsSettingHeader{font-weight:bold; padding:10px; text-align:left;}
#divTrendGraphSetting .QuickStatsSettingRow{overflow:hidden; border:1px solid #CCC; border-left:0; border-right:0;}
#divTrendGraphSetting .QuickStatsSettingCol{float:left; display:inline; padding:10px; text-align:left;}

#divPrivateMessageCreate{margin:10px; border:1px solid #999; width:600px}
#divPrivateMessageCreate .PrivateMessageCreateHeader{font-weight:bold; text-align:center; background-color:#DDD; padding:5px;}
#divPrivateMessageCreate .PrivateMessageCreateRow{overflow:hidden;}
#divPrivateMessageCreate .PrivateMessageCreateColText{float:left; display:inline; padding:5px; width:100px;}
#divPrivateMessageCreate .PrivateMessageCreateColInput{float:left; display:inline; padding:5px;}
#divPrivateMessageCreate .PrivateMessageCreateButton{overflow:hidden; padding:5px; text-align:center}

#divMerchantGroupPriceCreate{margin:10px; border:1px solid #999; width:600px}
#divMerchantGroupPriceCreate .MerchantGroupPriceCreateHeader{font-weight:bold; text-align:center; background-color:#DDD; padding:5px;}
#divMerchantGroupPriceCreate .MerchantGroupPriceCreateRow{overflow:hidden;}
#divMerchantGroupPriceCreate .MerchantGroupPriceCreateColText{float:left; display:inline; padding:5px; width:100px;}
#divMerchantGroupPriceCreate .MerchantGroupPriceCreateColInput{float:left; display:inline; padding:5px;}
#divMerchantGroupPriceCreate .MerchantGroupPriceCreateButton{overflow:hidden; padding:5px; text-align:center}

#divMerchantGroupPriceFilter{margin:0 10px;}
#divMerchantGroupPriceFilter .MerchantGroupPriceFilterRow{overflow:hidden;}
#divMerchantGroupPriceFilter .MerchantGroupPriceFilterCol{float:left; display:inline; padding:5px;}

#divMerchantGroupPriceList{margin:10px; border:1px solid #999;}
#divMerchantGroupPriceList .MerchantGroupPriceListRowHeader{overflow:hidden; font-weight:bold; text-align:center; background-color:#DDD;}
#divMerchantGroupPriceList .MerchantGroupPriceListRow{overflow:hidden; border-top:1px solid #CCC; background-color:#FFF;}
#divMerchantGroupPriceList .MerchantGroupPriceListRowLight{overflow:hidden; border-top:1px solid #CCC; background-color:#F3F3F3;}
#divMerchantGroupPriceList .MerchantGroupPriceListColCheck{float:left; display:inline; padding:3px; border-right:1px solid #CCC; text-align:center;}
#divMerchantGroupPriceList .MerchantGroupPriceListCol{float:left; display:inline; padding:5px; border-right:1px solid #CCC;}

#divTrackLeadList{margin:10px;border:1px solid #999}
#divTrackLeadList .TrackLeadListHeader{text-align:left;padding:5px;font-weight:700}
#divTrackLeadList .TrackLeadList{text-align:left;padding:5px;border-top:1px solid #999}
#divTrackLeadList .TrackLeadListRowHeader{overflow:hidden;font-weight:700;text-align:center;background-color:#DDD;border-top:1px solid #666}
#divTrackLeadList .TrackLeadListRow{overflow:hidden;border-bottom:1px solid #CCC;background-color:#FFF}
#divTrackLeadList .TrackLeadListRowLight{overflow:hidden;border-top:1px solid #CCC;background-color:#F3F3F3}
#divTrackLeadList .TrackLeadListColCheck{float:left;display:inline;padding:3px;border-right:1px solid #CCC;text-align:center}
#divTrackLeadList .TrackLeadListColHeader,#divTrackLeadList .TrackLeadListCol{float:left;display:inline;padding:5px;border-right:1px solid #CCC}
#divTrackLeadCreateCode{
	width:950px;
}
#divTrackLeadCreateCode .createTrackLead{
	float:left;
	width:500px;
	border:solid 1px #DEDFDE;
}
#divTrackLeadCreateCode .centerTrackLead{
    float:left;
	width:10px;
}
#divTrackLeadCreateCode .guiTrackLead{
    float:left;
	border:solid 1px #DEDFDE;
	width:430px;
}
#divTrackLeadCreateCode .guiTrackLead .TrackLeadHeader{
	background-color:#DEDFDE;
	border:1px solid #DEDFDE;
	height:25px;
	font-weight:700;
	padding:3px;
}
#divTrackLeadCreateCode .guiTrackLead .rowTrackLead{
	height:80px;
	padding:5px;
}


#divTrackLeadCreateCode .createTrackLead .TrackLeadHeader{
	background-color:#DEDFDE;
	border:1px solid #DEDFDE;
	width:492px;
	height:25px;
	font-weight:700;
	padding:3px;
}
#divTrackLeadCreateCode .createTrackLead .rowTrackLeadButton{
	width:400px;
	height:25px;
	padding-left:150px;
	padding-top:10px;
}
#divTrackLeadCreateCode .createTrackLead .rowTrackLead{
	width:500px;
	height:80px;
	border-bottom:1px #DEDFDE solid;
}
#divTrackLeadCreateCode .createTrackLead .rowTrackLead .rowTrackLeadLeft{
	float:left;
	width:150px;
	height:75px;
	padding:3px;
	border-right:1px #DEDFDE solid;	
}
#divTrackLeadCreateCode .createTrackLead .rowTrackLead .rowTrackLeadRight{
	float:left;
	width:330px;
	padding:3px;
}
#divTrackLeadCreate{
	width:500px;
	padding:20px;
}
#divTrackLeadCreate .createTrackLead{
	border:solid 1px #DEDFDE;
	width:500px;
}

#divTrackLeadCreate .createTrackLead .TrackLeadHeader{
	background-color:#DEDFDE;
	border:1px solid #DEDFDE;
	width:492px;
	height:25px;
	font-weight:700;
	padding:3px;
}
#divTrackLeadCreate .createTrackLead .rowTrackLead{
	width:500px;
	height:28px;
	border-bottom:1px #DEDFDE solid;
}
#divTrackLeadCreate .createTrackLead .rowTrackLeadButton{
	width:492px;
	height:25px;
	padding-left:150px;
	padding-top:10px;
}

#divTrackLeadCreate .createTrackLead .rowTrackLead .rowTrackLeadLeft{
	float:left;
	width:150px;
	height:22px;
	padding:3px;
	border-right:1px #DEDFDE solid;	
}
.tracklead_error{color:#FF0000}
#divTrackLeadCreate .createTrackLead .rowTrackLead .rowTrackLeadRight{
	float:left;
	width:330px;
	padding:3px;
}
.graph { 
        position: relative; /* IE is dumb */
        width: 100%; 
        border: 1px solid #2F7AB3; 
        padding: 2px; 
    }
    .graph .bar { 
        display: block;
        position: relative;
        background: #2F7AB3; 
        text-align: center; 
        color: #FFF; 
        height: 0.7em; 
        line-height: 0.7em;            
    }
    .graph .bar span { position: absolute; center: 1em; }
	
	.graph .bar2 { 
        display: block;
        position: relative;
        background: #FF0404; 
        text-align: center; 
        color: #FFF; 
        height: 0.7em; 
        line-height: 0.7em;            
    }
    .graph .bar2 span { position: absolute; center: 1em; }
	
	.graph .barred { 
        display: block;
        position: relative;
        background: #FF0000; 
        text-align: center; 
        color: #FFF; 
        height: 0.7em; 
        line-height: 0.7em;            
    }
	.graph .barorange { 
        display: block;
        position: relative;
        background: #FF8000; 
        text-align: center; 
        color: #FF8000; 
        height: 0.7em; 
        line-height: 0.7em;            
    }
	.graph .baryellow { 
        display: block;
        position: relative;
        background: #408080; 
        text-align: center; 
        color: #FFF; 
        height: 0.7em; 
        line-height: 0.7em;            
    }
	.graph .barmagenta { 
        display: block;
        position: relative;
        background: #808040; 
        text-align: center; 
        color: #FFF; 
        height: 0.7em; 
        line-height: 0.7em;            
    }
    
.check_listbox  
ul {
background-color:#FFFFFF;
border:1px solid #999999;
height:10em;
width: 20em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
overflow:auto;
padding:0;
}
#divCampaignList{margin:10px; border:1px solid #999;}
#divCampaignList .CampaignListHeader{text-align:left; padding:5px; font-weight:bold;}
#divCampaignList .CampaignList{text-align:left; padding:5px; border-top:1px solid #999;}
#divCampaignList .CampaignListRowHeader{overflow:hidden; font-weight:bold; text-align:center; background-color:#DDD; border-top:1px solid #666;}
#divCampaignList .CampaignListRow{overflow:hidden; border-bottom:1px solid #CCC; background-color:#FFF;}
#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;}
#divCampaignList .CampaignListColHeader, #divCampaignList .CampaignListCol{float:left; display:inline; padding:5px; border-right:1px solid #CCC;}
#divCampaignList  .mouseover{overflow:hidden;border-bottom:1px solid #CCC;background-color:#e8e5e5;}
#LoadModule .ContentPage .TitlePage{font-weight:bold;border-bottom:1px solid #cecdcd;padding:5px;margin-bottom:10px;}
/********** upload file *********************************/
#upload{
	font-weight:bold; font-size:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#f2f2f2;
	color:#3366cc;
	border:1px solid #ccc;
	width:150px;
	cursor:pointer !important;
	-moz-border-radius:5px; -webkit-border-radius:5px;
}
.darkbg{
	background:#ddd !important;
}
ul#files{ list-style:none; padding:0; margin:0; }
ul#files li{ padding:10px; margin-bottom:2px; width:200px; float:left; margin-right:10px;}
ul#files li img{ max-width:180px; max-height:150px; }
.success{ background:#99f099; border:1px solid #339933; }
.error{ background:#f0c6c3; border:1px solid #cc6622; }

#uploadPictureSmall{
	font-weight:bold; font-size:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#f2f2f2;
	color:#3366cc;
	border:1px solid #ccc;
	width:150px;
	cursor:pointer !important;
	-moz-border-radius:5px; -webkit-border-radius:5px;
}
ul#filesPictureSmall{ list-style:none; padding:0; margin:0; }
ul#filesPictureSmall li{ padding:10px; margin-bottom:2px; width:200px; float:left; margin-right:10px;}
ul#filesPictureSmall li img{ max-width:180px; max-height:150px; }

/* begin DELIVERY css*/
#wrapper_delivery
{
	width:auto;
	/*background-color:#FFFF99;*/
	border:0px solid #999999;
	height:auto;
	padding:4px 0px 0px 10px;
}
#wrapper_delivery .note
{
	font-family:Arial, Helvetica, sans-serif;
	color:#FF0000;
	margin-bottom:8px;
	margin-left:14px;
}
#wrapper_delivery .TitlePage{font-weight:bold;border-bottom:1px solid #cecdcd;padding:5px;margin-bottom:10px;}

#wrapper_delivery .delivery_program .left
{
	float:left;
	padding: 5px 2px 2px 2px;
}

#wrapper_delivery .delivery_program .right
{
	margin-left:90px;
	padding: 2px 2px 2px 2px;	
}

#delivery_list
{
	width:auto;
	/*background-color:#99FF99;*/
	border:0px solid #999999;
	height:auto;
	margin:4px 0px 0px 40px;
}

#delivery_list .TitlePage{font-weight:bold;border-bottom:1px solid #cecdcd;padding:5px;margin-bottom:10px;}

#delivery_list .text1{margin-left:20px; margin-bottom:8px;}

#delivery_list .item1{margin-top:0px;margin-left:20px; padding:0; border-top:1px solid #C1C1C1;border-bottom:1px solid #C1C1C1; text-align:left;}
#delivery_list .item2{margin-top:0px; padding: 4px 0px 2px 0px;margin-left:20px;border-top:1px solid #C1C1C1;border-bottom:1px solid #C1C1C1; text-align:left; height:96px;}
#delivery_list .item3{margin-top:0px; padding: 4px 0px 2px 0px;margin-left:20px;border-top:1px solid #C1C1C1;border-bottom:1px solid #C1C1C1; text-align:left;height:220px;}
#delivery_list .item4{margin-top:0px; padding: 4px 0px 2px 0px;margin-left:20px;border-top:1px solid #C1C1C1;border-bottom:1px solid #C1C1C1; text-align:left;height:220px;}
#delivery_list .item5{margin-top:0px; padding: 4px 0px 2px 0px;margin-left:20px;border-top:1px solid #C1C1C1;border-bottom:1px solid #C1C1C1; text-align:left;height:260px;}
#delivery_list .item_last{margin-left:20px;text-align:left;}

#wrapper_delivery .delivery_capping .left
{
	float:left;
	width:126px;
	padding: 5px 18px 0px 12px;
}

#wrapper_delivery .delivery_capping .right
{
	margin-left:90px;
	padding: 2px 2px 0px 2px;	
}

#wrapper_delivery .save
{
	width:auto;
	text-align:center;
}

/* allow room for 3 columns */
#delivery_list .ol1
{
	padding:0;
	margin:0;
	margin-top:4px;
	width:auto;
	/*background-color:#0033FF;/*/
	height:30px;
}

/* float & allow room for the widest item */
#delivery_list .li1
{
	padding:0;
	margin:0;
	float: left;
	width: 130px;
	/*background-color:#FF0000;*/
	list-style-type:none;
	text-align:center;
}

#delivery_list .li2
{
	padding:0;
	margin:0;
	margin-top:4px;
	text-align:center;
	float: left;
	width: 140px;
	/*background-color:#FF0000;*/
	list-style-type:none;
	font-weight:bold;
}

#delivery_list .li3
{
	padding:0;
	margin:0;
	float: left;
	width: 580px;
	/*background-color:#FF0000;*/
	list-style-type:none;
}

#delivery_list .li4
{
	padding:0;
	margin:0;
	margin-top:4px;
	float: left;
	width: 80px;
	/*background-color:#FF0000;*/
	list-style-type:none;
}

/* separate the list from subsequent markup */
#delivery_list div.wrapper_li
{
	text-align:left;
	margin-top:10px;
	margin-left:0px;
	padding:0;
}
#delivery_city_country
{
	width:700px;
	height:auto;
	/*background-color:#99CC99;*/
	margin-top:8px;
	line-height:30px;
}
#delivery_city_country .left
{
	float:left;
	/*background-color:#FFCC99;*/
}
#delivery_city_country .right
{
	/*background-color:#FF0000;*/
	margin-left:150px;
	height:auto;
}
#divUpdate
{
	color:#FF0000;
	font-weight:800;
}
#errormessage
{
 color:#FF0000;
}
#weekday
{
	margin-top:10px;
}
#weekday .hr1
{
	border:0;height:1px;color:#CCCCCC;background:#CCCCCC;width:400px; text-align:left;
}
.PaymentHistoryListColTitle{float:left;display:inline;padding:5px;border-right:1px solid #CCC}
#admin_chart
{
 padding:0px;
 margin:0px;
 width:420px; 
 height:15px; 
 background-color:#EFEFEF; 
 border:#EFEFEF solid 1px; 
 height:23px;
}
#div_admin_chart
{
	float:left; 
	border:#FFFFFF solid 1px; 
	height:33px; 
	padding-left:5PX;
}
#div_admin_chart2
{
	float:left; 
	border:#FFFFFF solid 1px; 
	height:23px; 
	padding-left:5PX;
}
#admin_chart_category
{
 padding:0px;
 margin:0px;
 width:240px; 
 height:33px; 
 background-color:#EFEFEF; 
 border:#EFEFEF solid 1px; 
}
#divChartCategory
{
	width:800px;
	padding:0px;
	margin:0px;
}
#divChartCategorys
{
	width:800px;
	padding-top:15px;
	margin:0px;
}
#admin_chart_categorys
{
 padding:0px;
 margin:0px;
 width:700px; 
 height:15px; 
 height:23px;
}

/* end DELIVERY css*/

#ul_websitedetail
{
	list-style:none; padding:0; margin:0;
}

#ul_websitedetail li
{
	width:100%;
	clear:both;
}

#ul_websitedetail li div
{
	float:left; width:50%;padding:3px 0 6px 0;
}
.divUploadInteractive
{
height:20px; 
padding:5px; 
font-family:Arial, Helvetica, sans-serif;
font-weight:bold; 
font-size:1em;color:#666666;
width:320px;
}