﻿body 
{
	margin: 0px 0px 0px 0px;
	font-family:verdana,tahoma,helvetica;
}

a.NavLink:link {color:#f7f7f7; text-decoration: underline;}
a.NavLink:visited {color: #f7f7f7;text-decoration: underline;}
a.NavLink:hover{color: #f7f7f7;text-decoration: underline;}
a.NavLink:active {color: #f7f7f7;text-decoration: underline;}

a.TopLink:link {color:#f7f7f7; text-decoration: none;}
a.TopLink:visited {color: #f7f7f7;text-decoration: none;}
a.TopLink:hover{color: #f7f7f7;text-decoration: none;}
a.TopLink:active {color: #f7f7f7;text-decoration: none;}

a.TopMenuLink:Link{color:white; font-family:Arial; text-decoration: none;}
a.TopMenuLink:visited {color: white; font-family:Arial; text-decoration: none;}
a.TopMenuLink:hover{color: white; font-family:Arial; text-decoration: none;}
a.TopMenuLink:active {color: white; font-family:Arial; text-decoration: none;}

.BluePanel
{
	background-image:url(Images/BluePanelLine.jpg);
	background-repeat:repeat-x;
	width:240px; 
	height:285px; 
	float:left;
	margin-right:20px; 
}

.BlueFeatureTitle
{
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	color:#3b5998;
}

.OrangeFeatureTitle
{
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	color:#ea7b01;
}

.FeaturePanelContent
{
	height:100px;
	font-family:Arial;
	font-size:18px;	
	color:white;
	margin:0px 30px 10px 15px;
	line-height:20px;
}

.YellowBigButton
{
	background-color:#d29900;
	color:White;
	font-size:16px;
	font-weight:bold;
	height:30px;
	width:100px;
}

.FeaturePanel
{
	margin:30px 95px 25px 10px; 
	width:168px; 
	height:60px;
	border-bottom:solid 1px white;
}

.StandardFonts
{
	font-size:12px;	
}

.MerchantsLabel
{
	font-size:11px;
	font-weight:bold;
	color: #ea7a00;
}

.StandardMessage
{
	background-color:#fff9d7;
	border:solid 1px #e2c822;
}


.question
{
	font-style:italic;
	font-weight:bold;
	color:#3b5998;
}

.WaterMark
{
	font-size:12px;
	color:#888888;
}

.BigWaterMark
{
	font-size:16px;
	color:#bbbbbb;
}

.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:White; margin:0 5px;}
.b2f {height:1px; background:White; margin:0 3px;}
.b3f {height:1px; background:White; margin:0 2px;}
.b4f {height:2px; background:White; margin:0 1px;}
.contentf {background: White;}
.contentf div {margin-left: 5px;}

.d1f, .d2f, .d3f, .d4f{font-size:1px; overflow:hidden; display:block;}
.d1f {height:1px; background:#dae4f3; margin:0 5px;}
.d2f {height:1px; background:#dae4f3; margin:0 3px;}
.d3f {height:1px; background:#dae4f3; margin:0 2px;}
.d4f {height:2px; background:#dae4f3; margin:0 1px;}
.contentTitle {background: #dae4f3;}

.DarkBlue1f, .DarkBlue2f, .DarkBlue3f, .DarkBlue4f{font-size:1px; overflow:hidden; display:block;}
.DarkBlue1f {height:1px; background:#3b5998; margin:0 5px;}
.DarkBlue2f {height:1px; background:#3b5998; margin:0 3px;}
.DarkBlue3f {height:1px; background:#3b5998; margin:0 2px;}
.DarkBlue4f {height:2px; background:#3b5998; margin:0 1px;}
#SearchTitleDiv {background: #3b5998;}

.LightBlue1f, .LightBlue2f, .LightBlue3f, .LightBlue4f{font-size:1px; overflow:hidden; display:block;}
.LightBlue1f {height:1px; background:#dae4f3; margin:0 5px;}
.LightBlue2f {height:1px; background:#dae4f3; margin:0 3px;}
.LightBlue3f {height:1px; background:#dae4f3; margin:0 2px;}
.LightBlue4f {height:2px; background:#dae4f3; margin:0 1px;}
.LightBlueContentf { background: #dae4f3;}
.LightBlueContentf div {margin-left: 5px;}
#SearchBodyDiv {background: #dae4f3;}

.Yellow1f, .Yellow2f, .Yellow3f, .Yellow4f{font-size:1px; overflow:hidden; display:block;}
.Yellow1f {height:1px; background:#fff9d7; margin:0 5px;}
.Yellow2f {height:1px; background:#fff9d7; margin:0 3px;}
.Yellow3f {height:1px; background:#fff9d7; margin:0 2px;}
.Yellow4f {height:2px; background:#fff9d7; margin:0 1px;}
.YellowContentf { background: #fff9d7;}
.YellowContentf div {margin-left: 5px;}

.BlueColumnTitle
{
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	color:#3b5998;
}

.OrangeColumnTitle
{
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	color:#ea7b01;
}

.SpacerWithWhiteBorder
{
	width:185px;
	height:5px;
	border-top:solid 1px white;
}

.ColumnContent
{
	color:White;
	font-family:Arial;
	font-weight:bold;
	font-size:15px;
	padding:6px;
	height:90px;
	width:175px;
}

.MyTabStyle .ajax__tab_header { 
      background: url(images/tab-line-blue.gif) repeat-x bottom; 
}

/*
.MyTabStyle .ajax__tab_header { 
      border-bottom:solid 1px blue; 
}*/

.MyTabStyle .ajax__tab_tab { 
     background-color:#f7f7f7; 
     border-right:solid 1px black;
     border-left:solid 1px black;
     border-top:solid 1px black;
     border-bottom: solid 1px blue;
}

.MyTabStyle .ajax__tab_hover .ajax__tab_tab { 
     text-decoration:underline; 
} 

.MyTabStyle .ajax__tab_active .ajax__tab_tab { 
     background-color:#3b5998; 
     color:white;
     font-weight:bold;
}

.MyTabStyle .ajax__tab_header { 
     font-family:verdana,tahoma,helvetica; 
     font-size:12px; 
     font-weight:bold;
} 

.MyTabStyle .ajax__tab_outer { 
     height:20px;
} 

.MyTabStyle .ajax__tab_tab { 
     padding:2px 19px;
     margin-left:4px; 
} 

.MyTabStyle .ajax__tab_body { 
     font-family:verdana,tahoma,helvetica; 
     font-size:12px; 
     border-top: 0; 
     padding:2px; 
     padding-top:6px;
     background-color:#ffffff; 
} 


.headerBox
{
	position:absolute;
	top: 0px;
	left: 0px;
	border-bottom-color: #0000FF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-left:5px;
	padding-right:5px;
	padding-top: 5px;
	padding-bottom:2px;
}
.headerLeftBox
{
	float:left;
}
.headerRightBox
{
	float:right;
}
        
.Dropdown_menu
{
	z-index: 99;
	/*background-color:#3b5998;*/
}

.WrapperDiv
{
	position: relative;
	margin-left:auto;
	margin-right:auto;
}


#ButtonsDiv
{
	position: relative;
	width: 621px;
	margin-left:auto;
	margin-right:auto;
}


.FloatLeft
{
	float: left;
}

.RightButtonsDiv
{
	float:right;
}

#MessageDetailTextBox
{
	padding: 1px 4px;
	overflow:auto;
	border-style: solid; 
	border-width: 10px;
		height:190px;
	
}

#MessageBodyFooter
{
	width:630px;
	height:30px;
	margin-left:2px;
	margin-right:2px;
	margin-bottom: 2px;
	background-color: #507CD1;
}

a.ChangeApprButton{
	font-weight: bold;
	color: #FFA500;
}
a.ChangeApprButton:link{color:Orange; text-decoration: none}
a.ChangeApprButton:visited{color:Orange; text-decoration: none}
a.ChangeApprButton:hover{text-decoration:underline}
a.ChangeApprButton:active{text-decoration: none}

/*styles for default.aspx*/
.SubWrapperDiv
{ 
    border-style:solid; 
    border-color:#cccccc; 
    border-width:2px;
    margin-left:2px; 
    margin-right:2px; 
    padding:2px 2px 2px 2px;
}

.SubWrapperDivHeader
{
	height:22px; 
	background-color:#507CD1;
    padding:2px 2px 2px 2px;
}

.SubWrapperDivFooter
{
	height:22px; 
	background-color:#507CD1;
    padding:2px 8px 2px 2px;
	position:relative;
	top:4px;
}

.SubWrapperDivHeaderText
{ 
	color:#F9C959; 
	font-weight:bold;
}

.SubWrapperDivBody
{
	background-color: #f7f7f7;
}

.WrapperDivFooter
{
	height:20px;
	width:608px; 
	background-color:#3b5998;
    padding:8px 8px 3px 8px;
    margin-top:2px;
}


.BlueFont
{
	color:#3b5998;
}

.FBStyleButton 
{
	border-color: #3b5998; 
	background-color: #3b5998; 
	color: white;
} 


.ModalBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}


.ModalPopup
{
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.HintText
{
	font-size:9px;
	color:#999999;
}

.ResultTable
    {
    	border-collapse:separate;
    	border-spacing: 0px 10px;
    	border:solid 1px #BBBBBB;    	
    }
    
.SearchTable
{
	border-collapse:collapse;
}

.CollapsedTable
{
	border-collapse: collapse;
}

.SmallContentText
{
	font-size:10px;
	color:#333333;
}

.SmallTitleText
{
	font-size:11px;
	font-weight:bold;
	color:#ea7a00;
}

a.SmallTitleText:link{text-decoration: none}
a.SmallTitleText:visited{text-decoration: none}
a.SmallTitleText:hover{text-decoration:underline}
a.SmallTitleText:active{text-decoration: none}

a.SmallContentText:link{text-decoration: underline}
a.SmallContentText:visited{text-decoration: none}
a.SmallContentText:hover{text-decoration:underline}
a.SmallContentText:active{text-decoration: none}

a.GroupLink:link{text-decoration: underline}
a.GroupLink:visited{text-decoration: underline}
a.GroupLink.hover{text-decoration: underline}
a.GroupLink.active{text-decoration: underline}

.GroupLink
{
	font-size:13px;
	font-weight:bold;
	color:#3b5998;
}

#ctl00_Main_ProductsGridView td
{
	border-bottom:solid 1px #dae4f3;
}

#ProductsGridView td
{
	border-bottom:solid 1px #dae4f3;
}

.ProductsSearchResult td
{
	border-bottom:solid 1px #dae4f3;
}

.CashRewardText
{
	font-size:12px;
	font-weight:bold;
	color:#ea7a00;
}

.TermsText
{
	font-size:9px;
	color:#333333;
}

a.TermsText:link{text-decoration: none}
a.TermsText:visited{text-decoration: none}
a.TermsText:hover{text-decoration:underline}
a.TermsText:active{text-decoration: none}

a.FB_ElementReady:link {color:#f7f7f7; text-decoration: underline;}
a.FB_ElementReady:visited {color: #f7f7f7;text-decoration: underline;}
a.FB_ElementReady:hover{color: #f7f7f7;text-decoration: underline;}
a.FB_ElementReady:active {color: #f7f7f7;text-decoration: underline;}

.CampaignMessage
{
	font-family:Arial;
	font-size:14px;
	color:#ea7a00;
	/*color:#3b5998;*/
}

.CampaignInstuction
{ 
	height:64px;
	width:179px; 
	background-image:url(Images/YellowPanel2.jpg); 
    background-position:left; 
    background-repeat:no-repeat; 
    float:left;
    font-family: Arial;
    font-size:14px;
    font-weight:bold;
    color:#3b5998;
}

.PendingReward
{
	background-color:Red;
}

.AvailableReward
{
	background-color:#ffa500;
}

.PaidReward
{
	background-color:Green;
}

.HiddenDiv
{
	font-weight:normal;
	font-family:Arial;
	visibility:hidden;
	width:400px;
	position:absolute;
	/*height:300px;*/
	padding:10px;
	/*background-color:#f4f7fc;*/
	background-image:url(/images/TransparentBlueBack.png);
	background-repeat:repeat-x repeat-y;
	color:#3b5998;
}

.Transparent
{
	opacity:0;
	filter:alpha(opacity=0);
	mozOpacity:0;
	khtmlOpacity:0;
	
}

.MediumTitleText
{
	font-size:14px;
	font-weight:bold;
}

.LinkStrongColor:link, .LinkStrongColor:visited
{
	color:#042363;
	text-decoration:none;
}

.LinkStrongColor:hover, .LinkStrongColor:active
{
	color:#042363;
	text-decoration:underline;
}

div.ContentWrap
{
	/*intentionally leave this empty. Don't need border in the FB App*/
}

/*this section is for the modified section of welcome.aspx */
div#TopPhrase
{
	font-family:Arial, verdata, helvetica;
	height:36px;
	padding-top:8px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:17px;
	font-style:italic;
	font-weight:bold;
}

div#ContentUpper
{
	margin:2px 6px 15px 6px;
}

div#CauseImageDiv
{
	border:solid 1px black;
	width:280px;
	height:160px;
	float:left;
	text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
}

div#CauseImageDiv table
{
	width:100%; 
	height: 100%;
}

div#ContentUpperRight
{
	margin-left:300px;
	width:314px;
}

div#ContentUpperRight span
{
	font-size:14px;
	margin-top:0px;
	padding:0px;
	line-height:120%;
}

div#ContentUpperRight div#CauseMessageDiv
{
	height:135px;
}

div#Instruction
{
	margin-top:8px;
	height:40px;
}

div#Instruction img
{
	float:left;
	padding-left:4px;
}

div#Instruction p 
{
	display:block;
	margin-left:42px;
	font-size:12px;
	padding-top:4px;
	color:Black;
}

div#DealsTitle
{
	margin:4px;
	border-bottom:solid 1px #bdbdbd;
}

div#DealContent
{
	margin:4px 4px;
	font-size:12px;
}

.DealContentWrap
{
	margin:5px 0px 5px 0px;
	padding:5px 0px 8px 0px;
	border-bottom:solid 1px #bdbdbd;
	float:left;
}

.DealContentLeft
{
	float:left;
	width:140px;
	overflow:hidden;
}

.DealContentLeft span
{
	font-weight:bold;
}

.DealContentLeft a
{
	display:block;
}

.DealContentRight
{
	margin-left:140px;
}

.DealContentRight a
{
	font-weight:bold;
	display:block;
	text-align:center;
	margin-bottom:5px;
}

.DealContentRight b
{
	color:#ea7a00;
}

table.HistoryTable
{
	font-size:11px;
	width:100%;
	margin-bottom:20px;
}

table.HistoryTable caption
{
	font-size:13px;
	font-weight:bold;
	margin-bottom:4px;
	text-align:left;
	color:#3b5998;
}

div#EnableEmailDiv a:link, div#EnableEmailDiv a:visited
{
	color:White;
	text-decoration:none;
}

div#EnableEmailDiv a:hover, div#EnableEmailDiv a:active
{
	color:White;
	text-decoration:unerline;
}