div.bgcircles
{
	background-image: url(images/bg1.gif);
	background-position: bottom right;
	background-repeat:no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 500px;
	height: 500px;
}

body
{
	
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	margin: 0px;	
	min-width: 700px;
	
}

table td .logo {
	position: absolute;
	top: 40px;
	left: 40px;
}
/*
body 
{
	margin: 0px 0px 0px 0px;
	background-position: top;
	background-repeat: repeat-x;
	background-image:url(images/BackImage.jpg);
	background-color:#ffffff;
	text-align:center;
}
*/

#top_container {
	background-position: center 0;
}
.nav {
	background-color: black; 
	margin-top: 3px;
	padding-top:3px;
	padding-bottom:3px;
	font-size: 12px; 
	font-weight: bold; 
	color: White;
	width: 100%;
}

a.nav:link, a.nav:visited, a.nav:active {
	color: #FFFFFF;
	text-decoration: none;
	font-size:12px;
	} 
a.nav:hover {
	color: #CCCCCC;
	}
a.more:link, a.more:visited, a.more:active {
	color: #999999;
	text-decoration: none;
	font-weight: bold;
	font-size: 104%;
	} 
a.more:hover {
	color: #cccccc;
	}
#mainbody {
	position: relative; 
	min-height: 400px;
	float: left; 
	top: 200px; 
	padding-left: 15px; 
	line-height: 150%;
	}


#lousy {
	width: 218px; 
	padding: 7px; 
	padding-top: 5px; 
	padding-left: 10px; 
	background-image: url(images/lousy_thumb.gif); 
	height: 195px; 
	float: left; 
	margin-top: 25px;
	}
.heading1 {
	color: #FFFFFF; 
	font-size: 120%; 
	text-transform: uppercase; 
	font-weight: bold;
	}
#stale {
	width: 218px; 
	padding: 7px; 
	padding-top: 5px; 
	padding-left: 10px; 
	background-image: url(images/stale_thumb.gif); 
	height: 195px; 
	float: left; 
	margin-left: 30px; 
	margin-top: 25px;
	}
#latest {
	width: 218px; 
	padding: 7px; 
	padding-top: 5px; 
	padding-left: 10px; 
	background-image: url(images/news_thumb.gif); 
	height: 108px; 
	float: left; 
	margin-left: 5px; 
	margin-top: 15px;
	}
.more_h {
	margin-left: 110px; 
	position: relative; 

	}
.more_h2 {
	margin-left: 102px; 
	position: absolute; 
	bottom: 110px;
	}
.more_h3 {
	margin-left: 130px; 
	position: absolute; 
	bottom: 150px;
	}

#stripper {
	width: 218px; 
	padding: 7px; 
	padding-top: 5px; 
	padding-left: 10px; 
	background-image: url(images/stripper_thumb.gif); 
	height: 195px; 
	float: left; 
	margin-left: 5px; 
	margin-top: 15px;
	}
#right_col {
	position: relative; 
	width: 160px; 
	float: left;
	}
#bottom { 
	width: 99%; 
	background-color: #DE195A; 
	height: 20px; 
	display: block; 
	float: left;
	margin-bottom: 0px;
	padding-bottom: 0px;
	position: absolute;
}

#footer {
	background-color: #DE195A; 
	padding: 3px; 
	padding-left: 15px; 
	position: relative; 
	clear: both; 
	color: #FFFFFF;
	vertical-align: middle;
	font-size: 10px;
}
#footer_r {
	position: absolute; 
	right: 15px;
}
a.nav:link, a.nav:visited, a.nav:active {
	color: #FFFFFF;
	text-decoration: none;
	}
a.nav:hover {
	color: #CCCCCC;
	}
a.more:link, a.more:visited, a.more:active {
	color: #999999;
	text-decoration: none;
	font-weight: bold;
	font-size: 104%;
	}
a.more:hover {
	color: #cccccc;
}

a 
{
	font-size: 11px;
	color: #DE195A;
	font-weight: bold;
}

.psLink
{
	font-size: 12px;
	color: #DE195A;
	font-weight: bold;
	text-decoration:none;
}
.psLink:hover
{
	font-size: 12px;
	color: #DE195A;
	font-weight: bold;
	text-decoration:underline;
}

h5 
{
	color: black;
}

.menuContainer
{
	font-weight: bold;
	
	float: left;
	color: #DE6617;
	
	border: 1px solid #DE195A;
	position: absolute;
	top: 0px;
}

.pressname {
	font-weight: bold;
    font-size: 12px;
    color: #DD8007;    
    padding: 6px;
    padding-bottom: 6px;
    font-family: verdana, arial, helvetica, sans-serif;
    text-align: left;
    border: solid;
    border: 0px;
    border-left: 6px;
    border-left-color: #DD8007;
	background-color: #FEF8E2;
}

.divcontext { BORDER-RIGHT: #e0e0e0 2px solid; BORDER-TOP: #e0e0e0 2px solid; DISPLAY: none; Z-INDEX: 2; BORDER-LEFT: #e0e0e0 14px solid; BORDER-BOTTOM: #e0e0e0 2px solid; POSITION: absolute }
.cmenu
{
	color: Black;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	margin: 0px;
	padding-top: 2px;
	list-style-type: none;
	background-color: white;
	text-decoration: none;
}
.cmenu LI { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px }
.cmenu LI:hover {}
.cmenu HR { BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN: 3px 0px; BORDER-LEFT: 0px; WIDTH: 10em; BORDER-BOTTOM: 1px solid }
.cmenu A
{
	border-right: 0px;
	border-top: 0px;
	border-left: 0px;
	border-bottom: 0px;
	color: black;
	text-decoration: none;
	font-weight: normal;
}
.cmenu A:hover { TEXT-DECORATION: none; background-color:#eeeeee; display:block;}
.cmenu .topSep { BORDER-TOP: gray 1px solid; MARGIN-TOP: 0.3em; FONT-SIZE: 90%; PADDING-TOP: 0.3em }


.pagetitle
{
	font-size:14px;
	font-weight: bold;
	position:relative;
	padding-top:3px;
	padding-left:0px;
	color: Black;
}
/*
.pagetitle_client
{
	font-size:16px;
	font-weight: bold;
	position:relative;
	padding-top:3px;
	padding-left:40px;
	color: Black;
	margin-bottom: 20px;
	color: #333333;
}
 */
#bodyTable 
{
	width:100%;
	background-color:#ffffff;
	text-align:left;
}


.leftColumn 
{
	background-color:#ffffff;
	width:150px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	border-bottom: solid 1px black;
	border-right: solid 1px black;
}

.blackbar 
{
    background-image: url(images/black_bar.jpg);
    background-repeat: repeat-y;
    padding:0px;
    width: 31px;
}

.leftColumn #logoBanner 
{
	text-align:center;
}

.leftColumn-tree
{
	width: 150px;
	p-top: 10px;
}


#contentColumn
{
	padding-top: 10px;
	padding-left: 10px;
	overflow: auto;	
	background-repeat: repeat;
}

#contentColumn_Test
{
	padding-left: 20px;
	overflow: auto;
	background-image: url(images/test_Background.GIF);
	background-repeat: repeat;
}

.appTitle 
{
	text-align: left;
	padding-left: 0px;
	font-family: Trechuchet, Tahoma, Times New Roman, Arial;
	font-size:23pt;
	color:	#000000;
}

.bannerBar 
{
	height:61px;
	text-align:left;
	
}

    

/*PeopleSearch*/
#listtab
{
	list-style-image: url(../images/square.gif);
	margin-top: 0px; 
	margin-bottom: 4px; 
	padding-top: 0px;
}

ul.list
{
	font-size: 10px;
	padding-left:0px;
	margin-left:30px;
}
.h1-link
{
	font-size: 10px;
	font-weight:normal;
	text-decoration:none;
	cursor: pointer;
}

.h1-a
{	
	margin-left:-20px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	padding-bottom:4px;

}

p.h1-PullGroup 
{
	margin-left:-25px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	padding-bottom:4px;

}	
.list p.h1-PullGroup a:link, .list p.h1-PullGroup a:visited
{
	font-size: 10px;
	font-weight:normal;
	/*white-space: nowrap;*/
	text-decoration:none;
	cursor: pointer;
	/*margin-bottom: 4px;*/

	border-bottom: dashed;
	border-color: #e8e8e8;
	border-width: 1px;


	}
	

.list p.h1-PullGroup a:hover, .list p.h1-PullGroup a:hover
{
	font-size: 10px;
	font-weight:normal;
	/*white-space: nowrap;*/
	text-decoration:none;
	cursor: pointer;
	/*margin-bottom: 4px;*/

	color: #808080;
	border-bottom: dashed;
	border-color: #e8e8e8;
	border-width: 1px;
	}

p.h1 {
	width: 170px;
	font-size: 10px;
	vertical-align: middle;
	display: block;
	padding-left: 0px;
	padding-bottom: 2px;
	color: #666666;
	/*font-weight: bold;*/
	vertical-align: middle;
	border-bottom: dashed;
	border-color: #cccccc;
	border-width: 1px;
	padding-top: 0px;
	cursor: pointer;
	/*margin-bottom: 4px;*/
	padding-bottom: 0px;
	margin: 0px;
	padding: 0px;
	margin-left: 0px;
	margin-top: 0px;
	}

ul.campaigns 
{
	margin:0px;
	padding-left:35px;
}
ul.campaigns li
{
	list-style-image: url(images/nolines_plus.gif);
	list-style-position:outside;
	margin:0px;
	padding:0px;
	font-size: 10px;
	color: #666666;
	cursor:pointer;
}
ul.campaigns li.active 
{
	list-style-image: url(images/nolines_minus.gif);
	list-style-position:outside;
	margin:0px;
	padding:0px;
	font-size: 10px;
	color: #666666;
	cursor:pointer;
}
ul.campaigns li.inactive 
{
	list-style-image: url(images/nolines_plus.gif);
	list-style-position:outside;
	margin:0px;
	padding:0px;
	font-size: 10px;
	color: #666666;
	cursor:pointer;
}
ul.campaigns ul li a:link, .list li a:visited
{
	vertical-align: middle;
	display: block;
	margin-left: 0px;
	padding-left: 0px;
	color: #DE195A;
	text-decoration: none;
	vertical-align: middle;
	border-bottom: dashed;
	border-color: #e8e8e8;
	border-width: 1px;
	padding-top: 4px;
	/*padding-bottom: 4px;*/
	font-size: 10px;
	font-weight: normal;
}

ul.mailshot 
{
	margin:0px;
	padding-left:10px;
	display:table;
}
ul.mailshot li
{
	margin:0px;
	padding:0px;
	list-style-image: url(images/nolines_plus.gif);
	list-style-position:inherit;
	font-size: 10px;	
	color: #666666;
	cursor:pointer;
}
ul.mailshot li.active
{
	margin:0px;
	padding:0px;
	list-style-image: url(images/nolines_minus.gif);
	list-style-position:inherit;
	font-size: 10px;	
	color: #666666;
	cursor:pointer;
}
ul.activity
{
	margin:0px;
	padding-left:13px;
}
ul.activity li
{
	margin:0px;
	padding:0px;
	list-style-image: none;
	list-style-type:disc;
}

ul.mailshot ul li a:link, .list li a:visited
{
	vertical-align: middle;
	display: block;
	margin-left: 0px;
	padding-left: 0px;
	color: #DE195A;
	text-decoration: none;
	vertical-align: middle;
	border-bottom: dashed;
	border-color: #e8e8e8;
	border-width: 1px;
	padding-top: 4px;
	/*padding-bottom: 4px;*/
	font-size: 10px;
	font-weight: normal;
}
.h11 
{
	width: 150px;
	font-size: 10px;
	vertical-align: middle;
	display: block;
	padding-left: 5px;
	color: #666666;
	/*font-weight: bold;*/
	vertical-align: middle;
	border-bottom: dashed;
	border-color: #cccccc;
	border-width: 1px;
	padding-top: 0px;
	cursor: pointer;
	/*margin-bottom: 4px;*/
	padding-bottom: 0px;
	margin: 0px;
	padding: 3px;
	margin-left: 30px;
	margin-top: 0px;
	}
	
	.psmenu {
	width: 200px;
	float: left;
	margin: 1px;
	padding: 0px;
	}
	
	.search_box {
	border-style: solid; 
	border-width: 1px; 
	border-color: #cccccc; 
	padding: 0px; 
	font-weight: bold; 
	color: #666666; 
	margin-left: 11px; 
	margin-right: 11px; 
	background-color: #FFFFFF; 
	margin-top: 0px;
	}
	
.text1 {
	width: 310px; 
	border-style: solid; 
	border-color: #cccccc; 
	border-width: 1px; 
	background-color: #FFFFFF;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 6px;
	min-height: 16px;
}

.list li a:link, .list li a:visited
{
	vertical-align: middle;
	display: block;
	margin-left: 0px;
	padding-left: 0px;
	color: #DE195A;
	text-decoration: none;
	vertical-align: middle;
	border-bottom: dashed;
	border-color: #e8e8e8;
	border-width: 1px;
	padding-top: 4px;
	/*padding-bottom: 4px;*/
	font-size: 10px;
	font-weight: normal;
}
	
.list li a:hover {
	color: #808080;
	/*background-color: #FFFFFF;*/
	display: block;
}
.h2 {
	width: 189px;
	font-size: 11px;
	vertical-align: middle;
	display: block;
	padding-left: 5px;
	color: #007BC1;
	background-color: #dbdbdb;
	font-weight: bold;
	vertical-align: middle;
	cursor: pointer;
	margin-bottom: 4px;
	padding-bottom: 0px;
	margin-left: 11px;
	padding-top: 3px;
	padding-bottom: 3px;
	}
	
.page_head12
{
	text-align:center; 
	font-size: 18px; 
	font-weight: bold; 
	color: #DE195A;
	}
	
/* ###### THESE ARE INVOICE PRINT STYLES ###### */
table.invoice
{
	width: 100%;
	height: 95%;
	color: black;
}
table.invoice_page
{
	width:100%;
	height:100%;
	page-break-after: always;
}
table.invoice_page
{
}
td.invoice_page_header 
{
	width:100%;
	height:60pt;
	text-align:left;
}
td.invoice_page_header table
{
	width:100%;
	height:60pt;
	text-align:left;
	color: black;
	font-family: Arial;
}
td.invoice_page_header td.logo
{
	vertical-align:top;
	padding: 5pt;
}
td.invoice_page_header td.pager
{
	font-size: 21pt;
	font-weight: bold;
	width:400pt;
	text-align:right;
	white-space: nowrap;
	padding-top:5pt;
}
/* ## invoice adddress part ##*/
td.invoice_header
{
	width:100%;
	height:120pt;
	vertical-align:top;
}
td.invoice_header table
{
	width:100%;
	height:120pt;
	color: black;
	font-family: Arial;
}
td.invoice_header td.address
{
	 vertical-align:top; 
	 height:60pt;
	 padding-left:40pt;
	 font-size:11pt;
	 line-height:13pt;
}
td.invoice_header td.info
{
	 vertical-align:top; 
	 text-align:right;
	 font-size:11pt;
	 line-height:13pt;
}
td.invoice_header td.info div.headerPrint
{
	font-size: 15pt;
	font-weight: bold;
	padding:0;
	margin:0;
	font-family: Arial;
	background:inherit;
	text-align: right;
	color: black;
}
td.invoice_header td.info div.inv_header
{
	font-size: 15pt;
	font-weight: bold;
	padding:0;
	margin:0;
	font-family: inherit;
	background:inherit;
	text-align: inherit;
	color: inherit;
}

div.inv_header
{
	 font-size: 15pt;
	 font-weight: bold;
	 padding:0;
	 margin:0;
}

#footer table {
	font-size: 12px;
	padding: 5px;
	height: 45px;
	padding-bottom: 12px;
	

}


/* ## invoice lines part ##*/
td.invoice_lines 
{
	vertical-align:top;
	width: 100%;
}
td.invoice_lines table
{
	vertical-align:top;
	width: 99%;
	color: black;
	font-family: Arial;
}
td.invoice_lines td.head
{
	font-weight: bold;
	font-size: 9pt;
	color: black;
	font-style: italic;
	font-family: Arial;
	padding-left:10px;
}
td.invoice_lines td.head_1
{
	font-weight: bold;
	font-size: 9pt;
	color: black;
	font-style: italic;
	font-family: Arial;
}
td.invoice_lines td.head_spacer
{
	border-bottom-color: black;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size:1pt;
}
td.invoice_lines td.invoice_cell_col1
{
	font-size: 9pt;
	color: black;
	font-family: Arial;
}
td.invoice_lines td.invoice_cell
{
	font-size: 9pt;
	color: black;
	font-family: Arial;
	padding-left:10pt;
}
td.invoice_lines td.invoice_cell_total
{
	font-size: 9pt;
	font-weight: bold;
	color: black;
	font-family: Arial;
}
/* ## INVOICE FOOTER ## */
td.invoice_footer
{
	vertical-align:bottom;
	width: 100%;
	height: 80pt;
}
td.invoice_footer table
{
	width: 100%;
	color: black;
	font-family: Arial;
}
/* ## INVOICE FOOTER ## */
table.invoice_footer
{
	width: 100%;
}


/*Call Details*/
.callDetails 
{
	border-style:solid;
	border-width:thin;
	border-color:Black;
	width:100%;
	font-size:10pt;
}	

.callName 
{
	text-align:left;
	font-size:14pt;
	width:100%;
}

.callNameEdit 
{
	text-align:left;
	font-size:10pt;
}
.callNameEditControl 
{
	text-align:left;
	font-size:10pt;
	width: 196px;
}

.callNumber 
{
	font-size:14pt;
	
}

.callTable 
{
	text-align:left;
	width:90%;
}
.callTable th 
{
	background-color: #DE195A; 
	color:White;
}

.callTable td 
{
	background-color: #dee2ef; 
	color:Black;
}
.callSpace 
{
	height:10px;
}

.popupMenu {
	position:absolute;
	visibility:hidden;
	background-color:#F5F7F8;
	height:50px;
	width:70px;
	padding:5px;
	margin:5px;
}
.subscriber_gone_away, TR.subscriber_gone_away A
{
	background-color: #ff0000;
	color: #FFFFFF;
	padding-top: 5px;

}

.subscriber_donor
{
	background-color: #ffff99;
	color: #000000;
	padding-top: 5px;
}

.subscriber
{
	background-color: white;
	color: Black;
	padding-top: 5px;
}

TR.subscriber TD SPAN.UserPanelLeftLabel
{
	font-weight: bold;
}
TR.subscriber TD SPAN.UserPanelRightLabel
{

}
input.override_price {
	width: 50px !important;
	text-align: right;
	font-size:11px;
	height:12px;
}

.selectBatchPopup
{
	width: 300px;
	height: 100px;
	border: #ccc thin solid;
	background-color: #F5F7F8;
}

.selectCustRefPopup
{
	width: 300px;
	height: 130px;
	border: #ccc thin solid;
	background-color: #F5F7F8;
}


.divNewSubscribers
{
	border-right: gainsboro 1px solid;
	border-top: gainsboro 1px solid;
	border-left: gainsboro 1px solid;
	border-bottom: gainsboro 1px solid;
	padding: 5px;
	width:750px;
}
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.breadcrumb 
{
	font-size: 12px;
	padding-left: 0px;
}
.breadcrumb a 
{
	color: White;
}
.cMenuGa
{
	background-color:Red; 
	color:White; 
	display:block;
}

.cMenuGa:hover
{
	background-color: #b22222;
	color: White;
	display: block;
}


/*demo styles [begin]*/

/*[begin] dq tooltip styles*/
         .thdrcell {
            background:#F3F0E7;
            font-family:arial;
            font-size:12px;
            font-weight:bold;
            padding:5px;
            border-bottom:1px solid #C8BA92;
         }
         
         .tdatacell {
            font-family:arial;
            font-size:12px;
            padding:5px;
            background:#FFFFFF
         }
         
         .dvhdr1 {
            background:#FF1177;
            font-family:arial;
            font-size:12px;
            font-weight:bold;
            border:1px solid #FF0066;
            color:#FFFFFF;
            padding:5px;
            width:150px;
         }
         
         .dvbdy1 {
            background:#FFFFFF;
            font-family:arial;
            font-size:12px;
            border-left:1px solid #FF0066;
            border-right:1px solid #FF0066;
            border-bottom:1px solid #FF0066;
            padding:5px;
            width:150px;
         }
         
         p {
         margin-top:20px;
         }
         
         h1 {
         font-size:13px;
         }
         
         .dogvdvhdr {
            width:300;
            background:#C4D5E3;
            border:1px solid #C4D5E3;
            font-weight:bold;
            padding:10px;
         }
         
         .dogvdvbdy {
            width:300;
            background:#FFFFFF;
            border-left:1px solid #C4D5E3;
            border-right:1px solid #C4D5E3;
            border-bottom:1px solid #C4D5E3;
            padding:10px;
         }
         
         .pgdiv {
         width:320;
         height:250;
         background:#E9EFF4;
         border:1px solid #C4D5E3;
         padding:10px;
         margin-bottom:20;
         font-family:arial;
         font-size:12px;
         }


/*[end] dq tooltip styles*/

.tbs-dq-order
{
	width:40px;
	border: solid 1px #dee2ef;
	line-height:24px;
	overflow:hidden;
	height:40px;
}

.tbs-dq-sname
{
	width:180px;
	border: solid 1px #dee2ef;
	line-height:25px;
	height:40px;
}

.tbs-dq-fname
{
	width:300px;
	border: solid 1px #dee2ef;
	line-height:24px;
	height:40px;
}

.tbs-dq-code
{
	width:180px;
	border: solid 1px #dee2ef;
	line-height:24px;
	overflow:hidden;
	height:40px;
}

.tbs-dq-default
{
	border: solid 1px #dee2ef;
}

.ddls-dq-default
{
	border: solid 1px #dee2ef;
	height:20px;
	display:block;
	font-size:12px;
	margin-bottom:5px;
}

.delScrS
{
	color:#FF0066;
}

.QueryScrS
{
	color:Green;
}

.sscript
{
	margin-top:10px;
	color:Green;
}

/*accordion styles*/
.accordionContent
    {
    	background-color:#FFFFFF;
    	min-height:100px;
    }
    
    .accordionHeaderSelected
    {
    	min-height:20px;
    	background-color:#F8D1DE;
    	font-weight:bold;
    	color:Black;
    	padding:4px 0px 0px 2px;
    	cursor:pointer;
    }
    
    .accordionHeader
    {
    	min-height:20px;
    	color:Black;
    	background-color:#F8D1DE;
    	border-bottom:solid 1px #F8E1DA;
    	padding:4px 0px 0px 2px;
    	cursor:pointer;
    }
    
    .trImageCss
    {
        background-color:#F8D1DE;
        }
    
    .accordionHeader:hover
    {
    	min-height:20px;
    	color:White;
    	background-color:#FFD1DE;
    	border-bottom:solid 1px #F8E1DA;
    	padding:4px 0px 0px 2px;
    	cursor:pointer;
    }
    
    .collapsePanel {
	width: 640px;
	height:0px;
	background-color:white;
	overflow:hidden;
	clear:left; 
	display:block;
}

/*collapsePanel style*/
.collapsePanelHeader{	
	width:640px;
	color: White;
	background-color: #de195a;
	font-weight:bold;
	float:left;
	cursor: pointer; 
	vertical-align: middle;
}

.addrLookupHead
{
    width:100%;
	color: White;
	background-color: #de195a;
	font-weight:bold;
	cursor: pointer; 
	vertical-align: middle;
}
.addrLookupDetails
{
	height:0px;
	background-color:white;
	overflow:hidden;
	clear:left; 
	display:block;
}

.watermark {
	background: #FFAAFF;
}

.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.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;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}

/*demo styles [end]*/

/*renewal letters page*/

a.info, a.infodel{
    position:relative; /*this is the key*/
    z-index:24;}

a.info:hover, a.infodel:hover{z-index:25;}

a.info span, a.infodel span{display: none; position:relative;}


a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-1.5em; left:-6.5em; 
	padding: 2px;
	font-weight: normal;
	text-decoration:none;
    border:1px solid #ccc;
	font-size: 11px;
    background-color:#f5f5f5; color:#333;
    text-align: center;
	filter:alpha(opacity=90);
opacity: 0.9;
-moz-opacity:0.9;

}
a.infodel:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-1.5em; left:-3.5em; 
	padding: 2px;
	font-weight: normal;
	text-decoration:none;
    border:1px solid #ccc;
	font-size: 11px;
    background-color:#f5f5f5; color:#333;
    text-align: center;
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;

}

.leftColumn .welcomeText
{
    color: black;
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
}


/*
modal box*/

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:100px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:375px; 
  height:83px;
  padding:10px;
  background-color:#ffffff;
}

#boxes .lookup-window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:400px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #lookup_dialog {
  width:375px; 
  height:380px;
  padding:10px;
  background-color:#ffffff;
}