/* html{
height: 100%;
} 

* html #container
	{
		height: 100%;
	}

* html #footer
	{
		margin-top: -35px;
	} */

/* -------------------------------------------------- *
 * Body Styles                                        *
 * -------------------------------------------------- */

body{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333333;
line-height: 18px;
background: #cccccc url(images/background.gif) repeat-x 0px 0px;
background-color:#629abf;
margin: 0;
height: 100%;
}

b{
color:#333333;
font-weight:bold;
}

img{
	border:none;
}



/* -------------------------------------------------- *
 * Common Div Styles                                  *
 * -------------------------------------------------- */

/* ---------- IDs ---------- */
#sent{
list-style-image: url(images/key-BouncedDeferred.gif);
}
#deliver{
list-style-image:url(images/key-SentDelivered.gif);
}
#open{
list-style-image:url(images/key-OpenedClicked.gif);
}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}


#headerAll{
position: relative;
width: 835px;
height: 68px;
padding-top: 5px;
margin: 5px auto;
font-size: 11px;
font-weight: bold;
background: url(images/header_all.gif) no-repeat;
}

	#headerLinks{
	position: absolute;
	right: 0px;
	width: 280px;
	height: 15px;
	text-align: center;
	}
	#headMsg{
	background-color:#f6881f;
	color: #333330;
	width:835px;
	height:15px;
	position:relative;
	top:61px;
	left:auto;
	right:auto;
	padding-bottom:1px;
		
	}
	


#container{ /* Overall container of all page-specific content and copy */
width: 835px;
margin: 0 auto; /*
position: relative;
min-height: 100%; */
}

	#containerRoundedTop{ /* Top edge of container with rounded corners */
	width: 835px;
	height: 10px;
	margin:0 auto;
	background: url(images/containerTopEdge.gif) no-repeat;
	}
	
	#containerSubnavigation{
	width: 833px;
	height: 21px;
	margin:0 auto;
	font-size: 11px;
	border-left: 1px solid #ababab;
	border-right: 1px solid #ababab;
	padding-top: 2px;
	background: url(images/subNavBG.gif) repeat-x;
	}
	
	#containerTabs{ /* Navigation tabs */
	width: 833px;
	height: 23px;
	margin:0 auto;
	text-align: left;
	border-left: 1px solid #ababab;
	border-right: 1px solid #ababab;
	background: white url(images/navBG.gif) repeat-x bottom;
	}
	
	#containerCenter{ /* Vertical center of container, innermost layer of the basic template */
	width: 815px;
	min-height: 450px;
	border-left: 1px solid #ababab;
	border-right: 1px solid #ababab;
	padding: 9px;
	background: white;
	
	}
	
	* html #containerCenter{
	height: 450px;
	}
	
	#containerRoundedBottom{ /* Bottom edge of container with rounded corners */
	width: 835px;
	height: 10px;
	background: url(images/containerBottomEdge.gif) no-repeat bottom;
	margin: 0 auto;
	}

	#containerFormPages{
width: 800px;
margin: 0 auto;
position: relative;
}


#footer{
/* position: relative;
margin: -35px auto 0 auto; */
margin: 5px auto;
width: 827px;
height: 25px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
text-align: left;
padding-top: 4px;
padding-left: 8px;
background: url(images/footer.gif) no-repeat;
}

#center{
text-align:center;
 
}

/* ---------- Classes ---------- */

/* ---------- index.php ---------- */

 

#indexRecentActivityTabs{

width: 620px;
height: 23px;
font-size: 11px;
text-align: left;
padding-top: 20px;
background: white url(images/navBG.gif) repeat-x bottom;

}
                   
/* ---------- manage_campaign.php ---------- */

 

#manageCampaignTabs{

width: 798px;
height: 23px;
font-size: 11px;
text-align: left;
padding-top: 20px;
background: white url(images/navBG.gif) repeat-x bottom;
}

.box{
width: 224px;
position: relative;
}
		
		.boxHeader{
		height: 18px;
		padding: 2px 0 0 10px;
		font-weight: bold;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 13px;
		background: url(images/boxHeaderLeft2.gif) no-repeat;
		}
		
		.boxHeaderRight{ /* Right side of header, rounded corner */
		float: right;
		position: absolute;
		top: 0px;
		right: 0px;
		height: 20px;
		width: 8px;
		background: url(images/boxHeaderRight.gif) no-repeat top right;
		clear: both;
		}
		
		.boxBody{ /* body area for a box that will not contain tables, e.g. "Take a Tour" on Home */
		padding: 10px;
		border-left: 1px solid #cdcdcd;
		border-right: 1px solid #cdcdcd;
		}
		
		.boxBodyTable{ /* body area for a box using tables, i.e. boxes that list information */
		padding: 0px;
		border-left: 1px solid #cdcdcd;
		border-right: 1px solid #cdcdcd;
		}
		
		.boxFooter{
		height: 16px;
		background: url(images/boxCornerBtmLft.gif) no-repeat bottom left;
		/* border: 1px dotted blue; */
		}
		
		.boxFooterRight{
		float: right;
		bottom: 0px;
		right: 0px;
		height: 16px;
		width: 8px;
		background: url(images/boxCornerBtmRt.gif) no-repeat 100% 100%;
		clear: both;
		/* border: 1px dotted green; */
		}

hr{
height: 1px;
color: #575757;
background: #575757;
border: none;
}

h1{
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
color: #575757;
font-size: 16px;
font-weight: bold;
}

h2{

}

.tableRowHome1{
background: #f0efdd;
}

.tableRowHome2{
background: white;
}

.tableRow1{
background: #f3f6f7;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
line-height: 13px;
}

.tableRow2{
background: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
line-height: 13px;
}

.formField{
width: 400px;
border: 1px solid #ababab;
font: 13px Arial, Helvetica, sans-serif;
}

.leftImage{ /* Left aligns an image */
float: left;
margin: 0px 10px 10px 0px;
}

.centerImage{ /* Center aligns an image */
margin-left: auto;
margin-right: auto;
display: block;
}

.rightImage{ /* Right aligns an image */
float: right;
margin: 0px 0px 10px 10px;
display: block;
}

.leftText{ /* Left aligns text */
text-align: left;
}

.centerText{ /* Center aligns text */
text-align: center;
}

.rightText{ /* Right aligns text */
text-align: right;
}

.borderless{ /* No border */
border: none;
}

.clear{ /* Used to make background of parent layer clear through floats */
clear: both;
}

#subtitleRow{
background-color:#f3f6f7;

}

/* -------------------------------------------------- *
 * Page Specific Div Styles                           *
 * -------------------------------------------------- */

/* ---------- login.php ---------- */

#header{
width: 835px;
height: 71px;
margin: 5px auto;
background: url(images/header.gif) no-repeat;
}

#containerLogin{
width: 835px;
height: 560px;
margin: 0 auto;
background: url(images/loginWatermark.gif) no-repeat;
}

	#existingUserBoxContainer{
	width: 272px;
	margin: 50px auto;
	}
	
		.loginBoxHeader{
		height: 18px;
		padding: 2px 0 0 10px;
		width: 100%;
		font-weight: bold;
		font-size: 11px;
		background: url(images/loginBoxHeader.gif) no-repeat;
		}
		
		.loginBoxCenter{
		height: 205px;
		width: 250px;
		font-size: 12px;
		border-left: 1px solid #cdcdcd;
		border-right: 1px solid #cdcdcd;
		padding: 10px;
		background: white;
		}
		
		.loginBoxFooter{
		height: 20px;
		width: 100%;
		background: url(images/loginBoxFooter.gif) no-repeat;
		}
	
	#newUserBoxContainer{
	width: 272px;
	margin: 50px auto;
	
	}
	
	
/* ---------- admin.php ---------- */

		
#indexRecentAdminActivityBox{
		width: 810px;
		position: relative;
		}
	


					
		

/* ---------- index.php ---------- */

#containerIndex{
width: 810px;
margin: 0 auto;
}

	#indexLeftColumn{
	float: left;
	width: 628px;
	/* border: 1px solid yellow; */
	}
	
		#indexTopLeft{
		width: 99%;
		}
			
			#indexQuickStartBox{
			width: 308px;
			position: relative;
			float: left;
			}
			
			#indexAccountOptionsBox{
			width: 310px;
			position: relative;
			float: right;
			}
		
		#indexRecentActivityBox{
		width: 622px;
		position: relative;
		}
	
	#indexRightColumn{
	float: right;
	width: 172px;
	/* border: 1px solid blue; */
	}
	
		#tourBox{
		width: 172px;
		position: relative;
		}
#borderless{
	border:none;
}



		

/* ---------- edit_campaign.php ---------- */

#containerEditCampaign{
width: 800px;
margin: 0 auto;
position: relative;
}

/* ---------- Manage Contacts/Clients Summary Pages ---------- */

#containerSummaryPages{
width: 350px;
margin: 0px auto;
position: relative;
}
/* ---------- List Pages ---------- */

#containerListPages{
width: 800px;
margin: 0 auto;
position: relative;
}

	#containerListTabs{
	width: 798px;
	height: 23px;
	font-size: 11px;
	text-align: left;
	padding-top: 20px;
	background: white url(images/navBG.gif) repeat-x bottom;
	}

/* -------------------------------------------------- *
 * Text Styles                                        *
 * -------------------------------------------------- */

.bodyText{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333333;
line-height: 18px;
}

.smallText{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
line-height: 13px;
}

.tinyText{
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #333333;
line-height: 11px;
}

.activeNavText{
color: #ff6202 ;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
padding-left: 5px;
padding-right: 5px;
}

.orangeText{
color: #f6881f;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
line-height: 15px;
}

.orangeTextBold{
color: #333333;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
line-height: 15px;
}

.sectionTitle{
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
color: #575757;
font-size: 16px;
font-weight: bold;
}

.username {
	color: #575757;
	font-size: 11pt;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-weight:600;
	text-decoration:none;
	line-height: 13pt;
}

.tabHeader {
	color: #333333;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	line-height:13pt;
}
th{
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
line-height: 12px;
text-align:center;
}
/* -------------------------------------------------- *
 * Link Styles                                        *
 * -------------------------------------------------- */

/* -------- Standard Link Styles -------- */

a{
text-decoration: none;
color: #ff6202;
}

a:link{
text-decoration:none;
color: #ff6202;
}

a:visited{
text-decoration: none;
color: #ff6202;
}
a:hover{
text-decoration: underline;
color: #ff6202;
}
a:active{
text-decoration: none;
color: #ff6202;
}



/* ---------- edit_contacts.php ---------- */

#editContactsBanner{
float:right; display:block; clear:both; width:175px; padding-right:10px;
}

/* -------- Navigation Link Styles -------- */

/*a.nav{
text-decoration: none;
color: #575757;
padding-left: 5px;
padding-right: 5px;
}*/

a.nav:link{
text-decoration: none;
color: #575757;
padding-left: 5px;
padding-right: 5px;
}

a.nav:visited{
text-decoration: none;
color: #575757;
padding-left: 5px;
padding-right: 5px;
}
a.nav:hover{
text-decoration: none;
color: #ff6202;
padding-left: 5px;
padding-right: 5px;
}

a.nav:active{
text-decoration: none;
color: #ff6202;
padding-left: 5px;
padding-right: 5px;
}


/* -------- Footer Link Styles -------- */

a.footerLink{
padding-left: 3px;
padding-right: 3px;
text-decoration: none;
color: #ff6500;
}
 
a.footerLink:link{
padding-left: 3px;
padding-right: 3px;
text-decoration: none;
color: #ff6500;
}
 
a.footerLink:visited{
padding-left: 3px;
padding-right: 3px;
text-decoration: none;
color: #ff6500;
}
a.footerLink:hover{
padding-left: 3px;
padding-right: 3px;
text-decoration: underline;
color: #ff6500;
} 
a.footerLink:active{
padding-left: 3px;
padding-right: 3px;
text-decoration: underline;
color: #7b7b7b;
}


/* ---------- Subscribe/Unsubscribe Pages ---------- */


#containerSubscriptionPage{
width: 800px;
height: 129px;
margin: auto;
position: relative;
background: url(images/thankYouBox.gif);
}
 
#subscriptionMessage{
top: 10px;
left: 275px;
width: 520px;
position: absolute;

}

#containerUnsubscribePage{
width: 800px;
height: 129px;
margin: auto;
position: relative;
background: url(images/unsubscribeBox.gif);
}


.WEditor{
margin-left:auto;
margin-right:auto;
}
/* ---------- Error Page ---------- */

#containerErrorPage{
width: 800px;
height: 129px;
margin: auto;
position: relative;
background: url(images/errorBox.gif);
}

#errorMessage{
	top: 33px;
	left: 254px;
	width: 546px;
	position: absolute;
	height: 50px;
}

/*---- error field messages----*/

#error{
padding:10px;
color: #333333;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
line-height: 15px;

}


/* ---------- Confirmation Page ---------- */

#containerMessagePage{
width: 800px;
height: 129px;
margin: auto;
position: relative;
background: url(images/thankYouBox.gif);
}
#Message{
top: 10px;
left: 275px;
width: 520px;
position: absolute;
}

/*------------Other Classes---------*/



/* ---------- Reports ---------- */

#containerReports{
width: 810px;
margin: 0 auto;
}
        #reportsTop{
        width: 100%;
        position: relative;
        }
             #reportsCampaignOverview{
              width: 396px;
              position: relative;
              float: left;
              }         
             #reportsCampaignAverages{
             width: 396px;
             position: relative;
             float: right;
             }
        
		#reportsDeliveryStatistics{
        width: 396px;
        position: relative;
        float:left;
       }

#indent{
text-indent:40px;
}

#clientTabs{
width: 796px;
height: 21px;
font-size: 11px;
text-align: left;
padding-top: 20px;
background: white url(images/navBG.gif) repeat-x bottom;
}

.inline_list{
display:inline;
font-weight:bold;
margin-left:auto;
margin-right:auto;
padding-left:10px;
}

.report{

margin-left:auto;
margin-right:auto;

}
.clientReport{
width:100%; 
margin-left:auto;
margin-right:auto;
padding-left:100px;

}

#highlite{
font-family:Georgia, "Times New Roman", Times, serif;
color:#ff6202;
font-weight:bolder;
padding-left:7px;
font-size:22px;
}

#title{
font-size:1.2em;
font-weight:bold;
color: #ff6202;
}

#preview{
float:right;
width:100px;
margin-right:40px;
}

hr{
height: 1px;
padding:0; 
color:#f7f7ee
}

#containerEditorTabs{ /* Navigation tabs */
position:relative;
top:2px;
right:205px;
}

.offLeft{
margin-left:18px;
}


/* Sortable tables */
table.sortable a.sortheader {
    /*background-color:#eee;*/
    color:#666666;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
table.sortable span.sortarrow {
    color: black;
    text-decoration: none;
}