@charset "utf-8";
/* Common Pages Stylesheet */

/* === HTML === */
/* Default Body */
body
{
	background:url(../graphics/bgtile.png) repeat;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}

/* === BACKGROUND === */
/* Main Body Background DIV */
div#background
{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:-1;
}

/* === HEADER === */
/* GBlast Title DIV */
div.title
{
	width:100%;
}

	div.title img.title
	{
		padding:10px;
	}

/* GBlast Menubar DIV */
div.menu
{
	width:100%;
	height:70px;
	left:0px;
	top:0px;
	position:fixed;
	background-image:url(../graphics/menu/background.png);
	background-repeat:repeat-x;
	background-color:transparent;
	text-align:right;
	z-index:10;
}

	div.menu img.title
	{
		padding:5px;
		float:left;
	}
	
	div.menu div.nav
	{
		right:0px;
		position:absolute;
		text-align:left;
		border:1px solid #000;
	}
	
	/* Navigation Menubar */
	div.menu div.nav div.profile
	{
		width:150px;
		height:60px;
		right:360px;
		top:0px;
		position:absolute;
		font-size:12px;
		color:#ffffff;
		padding:5px;
		line-height:18px;
	}
	
	div.menu div.nav div.profile img
	{
		margin: -20px 0px 0px 5px;
		cursor:pointer;
	}

	div.menu div.nav a.navcontact,
	div.menu div.nav a.navcam,
	div.menu div.nav a.navreport,
	div.menu div.nav a.navhelp,
	div.menu div.nav a.navacct
	{
		width:70px;
		height:60px;
		top:0px;
		position:absolute;
		background-color:transparent;
  		background-image:url(../graphics/menu/icons.png);
		background-repeat:no-repeat;
		font-size:12px;
		color:#ffffff;
		text-decoration:none;
		text-align:center;
	}
	
	/* *** Contact Menu *** */
	div.menu div.nav a.navcontact
	{
		right:290px;
		background-position:0 -210px;
	}
	
		/* Contact - Hover */
		div.menu div.nav a.navcontact:hover
		{
			background-position:0 -280px;
		}
		
		/* Contact - Active */
		div.menu div.nav a.navcontactnow
		{
			background-position:0 -350px;
		}

	/* *** Campaign Menu *** */
	div.menu div.nav a.navcam
	{
		right:220px;
		background-position:0 -420px;
	}
	
		/* Campaign - Hover */
		div.menu div.nav a.navcam:hover
		{
			background-position:0 -490px;
		}
		
		/* Campaign - Active */
		div.menu div.nav a.navcamnow
		{
			background-position:0 -560px;
		}
	
	/* *** Report Menu *** */
	div.menu div.nav a.navreport
	{
		right:150px;
  		background-position:0 -630px;
	}
	
		/* Report - Hover */
		div.menu div.nav a.navreport:hover 
		{
			background-position:0 -700px;
		}
		
		/* Report - Active */
		div.menu div.nav a.navreportnow
		{
			background-position:0 -770px;
		}
	
	/* *** Help Menu *** */
	div.menu div.nav a.navhelp
	{
		right:80px;
  		background-position:0 -0px;
	}
	
		/* Help - Hover */
		div.menu div.nav a.navhelp:hover
		{
			background-position:0 -70px;
		}
		
		/* Help - Active */
		div.menu div.nav a.navhelpnow
		{
			background-position: 0 -140px;
		}
	
	/* *** Account Menu *** */
	div.menu div.nav a.navacct
	{
  		right:10px;
		background-position:0 -840px;
	}
	
		/* Account - Hover */
		div.menu div.nav a.navacct:hover
		{
			background-position: 0 -910px;
		}
		
		/* Account - Active */
		div.menu div.nav a.navacctnow
		{
			background-position:0 -980px;
		}

/* === LOADER === */
/* Overlay loading screen DIV */
div#loading
{
	width:100%;
	height:100%;
	position:fixed;
	background-image:url(../graphics/loader/overlay.png);
	background-repeat:repeat;
	background-color:transparent;
	z-index:20;
	display:none;
}

	/* loading bar DIV */
	div#loader
	{
		position:absolute;
		background-color:#cccccc;
	}

/* === CONTENT === */
div.subtitle
{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:24px;
}

/* === FOOTER CSS === */
/* Footer Panel DIV */
div.footer
{
	right:0;
	bottom:0;
	position:absolute;
	text-align:right;
	padding:10px;
}

	/* Company Name SPAN */
	a.coyname
	{
		font-size:14px;
		color:#666666;
		text-decoration:none;
	}
	
	/* Copyright SPAN */
	span.copyright
	{
		font-size:10px;
		color:#666666;
	}
	
/* Login Panel and Reflection DIV */
table.content
{
	font-size:12px;
	background-color:transparent;
}

	/* Panel Top Left Corner Curve TD */
	table.content td.topleftcorner
	{
		width:20px;
		height:20px;
		background-image:url(../graphics/panel/top-left.png);
		background-position:top left;
		background-repeat:no-repeat;
	}
	
	/* Panel Top Center Corner TD */
	table.content td.topcentercorner
	{
		height:20px;
		background-image:url(../graphics/panel/top-center.png);
		background-position:top center;
		background-repeat:repeat-x;
	}
	
	/* Panel Top Right Corner Curve TD */
	table.content td.toprightcorner
	{
		width:20px;
		height:20px;
		background-image:url(../graphics/panel/top-right.png);
		background-position:top right;
		background-repeat:no-repeat;
	}
	
	/* Panel Center Left Corner TD */
	table.content td.centerleftcorner
	{
		width:20px;
		background-image:url(../graphics/panel/center-left.png);
		background-position:center left;
		background-repeat:repeat-y;
	}
	
	/* Panel Center Center TD */
	table.content td.centercenter
	{
		background-color:#ffffff;
	}
	
	/* Panel Center Right Corner TD */
	table.content td.centerrightcorner
	{
		width:20px;
		background-image:url(../graphics/panel/center-right.png);
		background-position:center right;
		background-repeat:repeat-y;
	}
	
	/* Panel Bottom Left Corner Curve TD */
	table.content td.botleftcorner
	{
		width:20px;
		height:20px;
		background-image:url(../graphics/panel/bottom-left.png);
		background-position:bottom left;
		background-repeat:no-repeat;
	}
	
	/* Panel Bottom Center Corner TD */
	table.content td.botcentercorner
	{
		height:20px;
		background-image:url(../graphics/panel/bottom-center.png);
		background-position:top center;
		background-repeat:repeat-x;
	}
	
	/* Panel Bottom Right Corner Curve TD */
	table.content td.botrightcorner
	{
		width:20px;
		height:20px;
		background-image:url(../graphics/panel/bottom-right.png);
		background-position:bottom right;
		background-repeat:no-repeat;
	}

/* Form DOB Calendar Table */
table.formcal
{
	padding:0px;
	background-color:#CCFF00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
}

	/* Form DOB Month Year TD */
	table.formcal td.calMYRow
	{
		width:30px;
		height:30px;
	}
	
		/* Form DOB Calendar Month, Year Select */
		table.formcal td.calMYRow select.calMY
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
		}

	/* Form DOB Week TD */
	table.formcal td.calWkRow
	{
		width:30px;
		height:30px;
	}

	/* Form DOB Day Button TD */
	table.formcal td.calDateRow
	{
		width:30px;
		height:30px;
		background-color:#CCFF00;
	}

	/* Form DOB Day Button Rollover TD */
	table.formcal td.calDateOver
	{
		background-color:#FFCC00;
		cursor:pointer;
	}

#display table tr td #column 
{
	float: left;
	width: 120px;
	vertical-align:top;
}
#display table tr td #sort,
#display table tr td #sort_type
{
	width: 120px;
	vertical-align:top;
}
#display table tr td div 
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	padding: 5px 20px 5px 5px;
}
table.sort_selection
{
	border:3px solid #0099FF;
}
table.results,
table.select_group
{
	border:1px solid #0099FF;
}
.left 
{
	text-align: right;
	vertical-align: top;
}
table.new_group
{
	width:500px;
	border:1px solid #0099FF;
}
table.list_group,
table.list_msg
{
	width: 500px;
	border: 1px solid #0099FF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
}
.list_group tr td,
.list_msg tr td
{
	text-align: center;
}
.list_msg tr td.left
{
	text-align: left;
}
table.add_contact
{
	width: 600px;
	border:1px solid #0099FF;
}
table.add_msg,
table.edit_msg
{
	width: 400px;
	border: 1px solid #0099FF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
.msg
{
	width: 350px;
}
table.keywords tr td
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}