/* 
	Thus begins the great iPro cleanup of 2008. Ladies and gentlemen,
	start your engines	and pray you come in under deadline. God help 
	you if you don't.
	
	*******************************
	DUE DATE: 2/18/08
	CODED BY: John S
*/


/*
Universal Styles: no page specifics. only general styles.
********************************************************************/

body {
	background: #fff;
}

a {
	color: #0000ff;
	text-decoration: none;
}

a:hover {
	color: #0767f8;
}

a.genericboldlink {
	font: bold 12px Tahoma, Helvetica, Arial, sans-serif;
}

h1 {
	font: bold 18px Tahoma, Helvetica, Arial, sans-serif;
	color: #000980;
	margin: 0 0 1px 0;
	padding: 0;
}

h2 {
	font: bold 14px Tahoma, Helvetica, Arial, sans-serif;
	color: #6588dc;
	float: left;
}

h3 {
	font: bold 14px Tahoma, Helvetica, Arial, sans-serif;
	color: #000;
	float: left;
}

.secDivider {
	background-color: #eee;
	line-height: 20px;
}

.secTitle {
	font: bold 12px Tahoma, Helvetica, Arial, sans-serif;
	color: #3154A6;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.secText {
	text-decoration : underline;
	cursor: pointer;
}

/*
Applications Page
*******************************************************************/

.categorytitle {
	color: #808080;
}

/*
FamilyInfo.asp styles
*******************************************************************/

.darkBlueTable {
	border-collapse: collapse;
	background-color: #EFF3FF;	
}

.darkBlueTableWhiteBackground {
	border-collapse: collapse;
	background-color: #FFFFFF;	
}

.darkBlueTable th, .darkBlueTableWhiteBackground th {
	height: 15px;
	text-align: left;
	background-color: #3155A5;
	color: #fff;
	padding: 3px;
}

.darkBlueTable th a {
	font-size: 8.5pt;
	padding: 3px;	
}

.darkBlueTable td, .darkBlueTableWhiteBackground td {
	padding: 3px;
}

.darkBlueTable select, .darkBlueTableWhiteBackground select {
	font-family: tahoma;
}

.dottedDarkBlueTable, .dottedDarkBlueTableTD, .dottedDarkBlueTableTD label {
	font: normal 12px Tahoma, Helvetica, Arial, sans-serif;
}

.dottedDarkBlueTable th {
	text-align: left;
	font-weight: normal;	
	background-color: #162F78;
	color: #fff;
}

.dottedDarkBlueTableTD {
	border: 1px dotted #C0C0C0;
	background: #FFFFF2;
	vertical-align: top;
}

.2pxbordertable {
	border: 2px solid #6588DC;
}

.familyinfoipaddress {
	color: #efefe7;
}

/* 
	Various paragraph classes 
********************************************************************/

p.smalltext {
	font: normal 11px Tahoma, Helvetica, Arial, sans-serif;
}

p.smallboldwhitetext {
	font: bold 12px Tahoma, Helvetica, Arial, sans-serif;
	color: #fff;
}

p {
	font: normal 13px Tahoma, Helvetica, Arial, sans-serif;
}

.lightblue {
	color: #6588dc;
	font-weight: bold;
}

select {
	font: normal 11px Tahoma;
}

/*
	Table styles
********************************************************************/

.darktableheader {background: #3155a5;}
	.darktableheader p {color: #fff;}


.alphabetletter-on {
	font: bold 11px Verdana, Arial, sans-serif;
	text-decoration: none;
	background: yellow;
	cursor: pointer;
	color: #000;
}

.alphabetletter-on:hover {
	background-color: #ff0000;
	cursor: pointer;
	color: #0000ff;
}

.alphabetletter-off {
	font: bold 11px Verdana, Arial, sans-serif;
	text-decoration: none;
	cursor: pointer;
	color: #0000ff;
}

.lightbluecellbg {
	background: #eff3ff;
}

.topsortingtable {
	background: #f5f5f5;
	border: 1px solid #c0c0c0;
}

.tabletitles {
	color: #6588db;
	font: bold 11px Tahoma, Helvetica, Arial, sans-serif;
	margin-top: 2px;
}

.tabletitlescell-on {
	background: #fff;
	border-bottom: 1px solid #C0C0C0;
	cursor: pointer;
	margin-left: 0;
}

.tabletitlescell-off {
	background: #EEF3FF;
	border-bottom: 1px solid #C0C0C0;
	margin-left: 0;
}

.tabletitlesleftcorner {
	background: #EEF3FF;
	border-left: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
}

.tablecellnoborder-off {
	background: #eef3ff;
	margin-left: 0;
}

.tablecellnoborder-off {
	background: #fff;
	margin-left: 0;
}

.tabletitlesleftcorner {
	background: #EEF3FF;
	border-left: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
}

.tabletitlesleftcorner {
	background: #EEF3FF;
	border-left: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
}

.tabletitlesrightcorner {
	background: #EEF3FF;
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
}

.buysellleadscell {
	border-bottom: 1px solid #c0c0c0;
}

tr.readoutrows {
	background: #fff;
	cursor: pointer;
}

tr.readoutrows:hover {
	background: #EFEFEF;
	color: #ff0000;
}

td.readout {
	border-top: 1px solid #FFECD9;
}

td.readoutleft {
	border-left: 1px solid #000;
}

td.readout:hover, td.readoutleft:hover {
	background: #EFEFEF;
}

td.checkboxcol {
	width: 50px;
	background: #FFECD9;
	border-right: 1px solid #C0C0C0;
	text-align: center;
}

.tablepageNumbering {
	font: bold 11px Tahoma;
	color: #6588dc;
}

.selectpages {
	font: normal 12px Tahoma, Helvetica, Arial, sans-serif;
}

.bottomtablemenucontainer {
	background: #EEF3FF;
	border: 1px solid #c0c0c0;
}

.bottomtablemenu {
	background: #EEF3FF;
}

.deletebuttoncell {
	background: #ffecd9;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}

.whitetablebgwithborders {
	background: #fff;
	border-bottom: 1px solid #c0c0c0;
}

/*
	Edit Agent Table Styles
********************************************************************/

.editagentinfocell {
	background: #6588DC;
	border-bottom: 5px solid #6588DC;
	margin-left: 0;
}

.editagentinfocellbg {
	background: #6588DC;
}

/*
	Table Alphabet List 
********************************************************************/

td.alphabetletter {
	font: bold 11px Verdana, Arial, Tahoma, sans-serif;
	color: #0000ff;
	margin: 0;
	padding: 0;
}

td.alphabetletter:hover {
	color: #0767f8;
}


/*
	Spans
********************************************************************/

.errornotification {
	color: #ff0000;
	font-weight: bold;
}

.statelisting {
	color: #000980;
	font-weight: bold;
	margin-top: 10px;
	float: left;
}

/*
Info Entry
infoentry.asp
********************************************************************/

.familyGridTableIpro, .familyGridTable
{
	border-collapse: collapse;
}

.familyGridTableIpro td, .familyGridTableIpro th, .familyGridTable td, .familyGridTable th
{
	font-family: tahoma;
	font-size: 8.5pt;
	height: 30px;
	font-weight: normal;
	color: #000000;
	background: #EFF3FF;
}

.familyGridTableIpro th, .familyGridTable th
{
	font-weight: bold;
}

 select
{
	font-family: tahoma;
	font-size: 8.5pt;
}

input
{
	font-family: tahoma;
	font-size: 8.5pt;
}

.style1 {
	text-align: right;
}




/*******************************************************************
IFP Contact Notes & Add Notes 
notes.asp, addNote.asp
********************************************************************/

.notesrow {
	background: #efefef;
	cursor: pointer;
}

.notesrow-off {
	background: #fff;
	cursor: pointer;
}

.notestable {
	width: 100%;
	border: 2px solid #6588DC;
	padding: 5px;
}
/*******************************************************************
Letter Wizard
Reminder Pages
********************************************************************/

h1.letterwizard {
	color: #fff;
}

p.letterwizardp {
	color: #fff;
}

.letterwizardtable {
	background: #5b8bdb;
}


/*******************************************************************
IFP Activity Summary: 
Reminder Pages
********************************************************************/
.NON 	{ 
	font-family: Tahoma; 
	font-size: 8.5pt; 
	color: #c0c0c0;
	text-decoration: none; 
}

.SOME	{ 
	font-family: Tahoma; 
	font-size: 8.5pt; 
	text-decoration: none; 
	}

A.SOME:hover { text-decoration: underline; }

/*******************************************************************
IFP Activity Summary: 
Today.asp
********************************************************************/

.navlink {
	color: #0000ff;
}

.navleft {
	font: normal 11px Verdana, Arial, Tahoma, sans-serif;
}

.navleft2 {
	font: normal 11px Tahoma, Helvetica, Arial, sans-serif;
}

.navleft:hover {
	text-decoration: underline;
}

.BoldLink1 { 
	FONT: bold 8.5pt tahoma; 
	COLOR: white; 
	TEXT-DECORATION: none;
}
.BoldLink1:hover { 
	COLOR: yellow; 
	TEXT-DECORATION: underline
}
.BoldLink2 { 
	FONT: bold 8.5pt tahoma; 
	COLOR: white; 
	TEXT-DECORATION: none
}
.BoldLink2:hover { 
	COLOR: yellow; 
	TEXT-DECORATION: underline
}
.BoldLink3 { 
	FONT: bold 8.5pt tahoma; 
	COLOR: blue; 
	TEXT-DECORATION: none
}
.BoldLink3:hover { 
	TEXT-DECORATION: underline
}
.BoldText1 { 
	FONT: bold 8.5pt tahoma; 
	COLOR: yellow; 
	TEXT-DECORATION: none
}
.standardLink1 {
	FONT: 8.5pt tahoma; 
	COLOR: white; 
	TEXT-DECORATION: none}
.standardLink1:hover { 
	COLOR: yellow; 
	TEXT-DECORATION: underline
}
.standardLink2 {
	FONT: 8.5pt tahoma; 
	COLOR: white; 
	TEXT-DECORATION: none
}
.standardLink2:hover { 
	COLOR: yellow; 
	TEXT-DECORATION: underline
}
.logoImageCell {
    background: url("https://www.quotit.net/qiprom1/images/xo/xo_logo.jpg") no-repeat;     
	width: 260px; 
}
.MainLinksCell {	
	FONT: 8.5pt tahoma; 
	COLOR: black; 
	TEXT-DECORATION: none; 	
	background-image: url("https://www.quotit.net/qiprom1/images/xo/xo_gradient_header.gif"); 	background-repeat: repeat; 	height: 33px; 	cell-spacing: 0; 	cell-Padding: 0; 	 }
.AboveMainLinksCellImage { 
	background-color: #304C90; 
}
.AboveMainLinksCell { 
	text-align: right; 
	text-indent: 10px;	
	height: 26px; 	
	background-color: #304C90; 
}
.HeaderTable {
	border-collapse: collapse; 	
	border: none;
	width: 100%; 
}
.gradientLine {	
	background: url("https://www.quotit.net/qiprom1/images/xo/winxp_line2_long.gif") 60% 0% no-repeat; 
	height: 3px;
}
.subLinksRow {	
	FONT: 8.5pt tahoma; 
	COLOR: black; 
	background-color: #3154A6; 	
	height: 20px; 	
	width: 100%; 	
	vertical-align: top; 	
	text-indent: 5; 
}
.welcomeMessageCell {	
	height: 25;
	FONT: bold 10pt tahoma; 
	COLOR: blue; 
	background-color: #eeeeee; 
	border-bottom: 1px solid #cccccc; 
	text-indent: 5;
}
.selectedGroupCell {	
	height: 25;
	background-color: #eeeeee; 	
	border-bottom: 1px solid #cccccc; 	
	width: 40%; 
	text-align: right;  
}
.selectedGroupCellImage {	
	background: #eee url("https://www.quotit.net/qiprom1/images/xo/winxp_info_round.gif") no-repeat; 
	height: 1; 	
	border-bottom: 1px solid #cccccc; 	
	background-position: 1 3; 	
	text-indent: 20; }
.groupLinksTable {	
	border-collapse: collapse; 	
	border: none; 	
	width: 200; }
.proposalsCell { }
.editGroupCell { }
.rafsCell { }
.notesCell { }



.textarea{
	width:550px;
	border:1px #c5daed solid;
	height:185px;
	margin:10px 30px;
	font-size:11px;
	color:#000;
	font-family:Verdana;
	padding:5px;
}

.button {
	padding-right:35px;
	cursor:pointer
}

.pop_title {
	background:url(../IFP/notes/images/pop_titlebg.png) repeat-x;
	height:33px;
	font-size:12px;
	padding-left:15px;
}

.text_c, .text_c a {
	color:#2e4f9c;
	font-weight:bold;
}

/*******************************************************************
The Upgrade Now advertisement page
********************************************************************/
.upgradeContent {
    display: none;
    font-family: 'Open Sans', sans-serif;
    width: 800px;
    height: 400px;
    line-height: 150%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -400px;
    text-align: center;
    z-index: 3333;
}
.upgradeContent h1{
	font-size:52px;
	color:#f50e5a;
	text-shadow: 2px 2px 2px #222;
	font-weight: 500;
}
.upgradeContent p{
	margin-top:40px;
	font-size:14px;
	color:#fff;
	text-shadow: 2px 2px 2px #222;
}
.upgradeContent a{
	color:#fff;
	font-size:14px;
}
.upgradeContent a:hover{
	color:#f50e5a;
	font-size:14px;
}
.upgradeContent .upgrade{
	background: #f50e5a;
	-webkit-border-radius: 80px;
	-khtml-border-radius: 80px;
	-moz-border-radius: 80px;
	-ms-border-radius: 80px;
	-o-border-radius: 80px;
	border-radius: 80px;
	padding: 20px 40px;
	color: #fff;
	text-align: center;
	margin-top: 60px;
	margin-bottom:20px;
	border: none;
	display: inline-block;
	/*text-transform: uppercase;*/
	font-size:28px;
	-webkit-box-shadow: 0 8px 6px -6px #222;
	-moz-box-shadow: 0 8px 6px -6px #222;
	box-shadow: 0 8px 6px -6px #222;
	cursor:pointer;
}
.upgradeContent .upgradeCall{
	background: #f50e5a;
	-webkit-border-radius: 80px;
	-khtml-border-radius: 80px;
	-moz-border-radius: 80px;
	-ms-border-radius: 80px;
	-o-border-radius: 80px;
	border-radius: 80px;
	padding: 20px 40px;
	color: #fff;
	text-align: center;
	margin-top: 60px;
	margin-bottom:20px;
	border: none;
	display: inline-block;
	text-transform: none;
	font-size:28px;
	-webkit-box-shadow: 0 8px 6px -6px #222;
	-moz-box-shadow: 0 8px 6px -6px #222;
	box-shadow: 0 8px 6px -6px #222;
	cursor:default;
}
.upgradeContent .upgrade:hover{
	background: #fff;
	color: #f50e5a;
}
.upgradeOverlay{
    display: none;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:2222;
	background:url(../images/overlay.png);
}