/* CSS Document */

/*
-----------------------------------------------
CheckFree Web 4 IE-6 base screen style
author:   R.Groves
version:  2003.09.25
----------------------------------------------- */

/* Page Structure
----------------------------------------------- */
#holder
	{
}

#portal_header         
	{
	text-align: center;
	 }
#portal_header span      
	{margin:5px;}
#portal_header a      
	{margin:5px;
	 color: #fff;
	 text-align: right;}

#portal_nav         
	{border: 1px solid #345;
	 height: 400px;
	 width:150px;
	 float: left;}
#portal_footer         
	{
	border: 1px solid #345;
	height: 20px;
	width: 768px;
}

body          {background-color: #5979AC;
	                font-family: arial, helvetica, sans-serif;
					font-size: 75%;
					margin: 0;
				    padding: 0;
					}

#app_nav               {
	/*background-color: #d2d2d2;
	color: #fff;
	font-weight: bold;
	
	text-align: center;
	left: 340px;*/
	top: 1px;position: relative;
	z-index: 5;background-position: left;margin: 0 0 -1px 0;
			  background-repeat: no-repeat;
			  background-image: url(../images/swoop.gif);height: 37px;width: 760px;

					}
#container         { margin: -3px 0 3px 0px; padding-bottom: 5px;
					 background-color: #d2d2d2;
					 border: 1px solid #333;
					 width: 760px
					 }
#content           { margin: 0 5px;}					 
#PrimaryContent    { margin-bottom:10px;
                     width: 400px;
					 background-color: #EFF3FC;
					 border-right: 1px solid #909090;
					 border-bottom: 1px solid #909090;
					 border-left: 1px solid #909090;
					 padding: 3px; float: left;
					 }
#PrimaryContentPaid    { margin-bottom:10px;
                     width: 475px;
					 padding: 3px; float: left;
					 }


#PrimaryContentHome    { margin-bottom:10px;
                     width: 475px;
					 padding: 3px; float: left;
					 }

#SecondaryContent  { background-color: #7991AB;
                     padding: 4px; margin:0;
					 border-right: 3px solid #e7e7e7;
					 border-top: 1px solid #273848;
					 border-left: 1px solid #273848;
					 border-bottom: 3px solid #e7e7e7;
					 float: left;
					 }
#introcontent       {
	background-color: #EFF3FC;
	width: 100%;
	clear: both;
	padding: 3px;
	border-left: 1px solid #909090;
	border-top: 1px solid #909090;
	border-right: 1px solid #909090;
	text-align: left;
					  }
					  

#app_footer           { margin-top: 70px; float: right;
					  margin-bottom: 5px;
					  text-align: right; 
					  }
#app_footer2            { background-color: #EFF3FC;
					  width: 100%;
			          padding-top: 70px; 
					  text-align: right;
					  padding: 3px;
					  border-left: 1px solid #909090;
					  border-bottom: 1px solid #909090;
					  border-right: 1px solid #909090; 
					  }

/*Enrollment*/
#container2         {margin: 5px;
					 background-color: #d2d2d2;
					 border: 1px solid #333;
					 }
#content2           {background-color: #EFF3FC;
					  padding: 3px;
					  border: 1px solid #909090;
					  margin: 5px;
					  width: 760px}
.formpad             {padding-bottom: 5px;}
					  
/*My Profile*/					  
.MPcontent1             {width: 250px;
				         float: left;
						 margin: 0 -4px 0 3px;
						 }
.MPcontent2             {width: 60%;
						 margin: 0; padding-top: 30px;
						 background-color: #e7e7e7;}
.MPgrey                 {background-color: #e7e7e7;
						 display: block;
						 padding: 3px;}
.MPgrey span            {display: block; margin-left: 25px;}
.MPradio                {padding: 3px;
						 display: block;}
.MPradio span           {display: block; margin-left: 25px;}
div.MPcontent1 div.row  {display: block;
                         padding: 5px; width: 100%;}
div.MPcontent1 div.rowgrey  {display: block;background-color: #e7e7e7;
                             padding: 5px; margin: 0 -5px 0 5px;width: 260px;}
.radioMP                 {float: left;height: 10px;padding-bottom: 5px;}
.radiotextMP             {padding: 2px;}




/*Manage My Bills*/
.Manage_top1             {margin: 0 5px 2px 15px; width: 44%;float: left;}
.Manage_top1 span        {display: block; margin: 0;}
.Manage_top2             {margin: 5px 5px 20px 5px; width: 48%; }
.Manage_top2 span        {display: block; margin: 0;}
.Manage1                 {width: 30%;
				         float: left;
						 margin: 0px -4px 0 3px;
						 }
.Manage2                {width: 65%;
						 margin: 0;
						 background-color: #e7e7e7;}						 
.Manage2 div.row span.label     {float: left;
                        text-align: right; 
                        width: 46%; 
                        font-weight: bold;
                        margin-right: 3px;
  }
.Manage2 p              {margin: 0;}

.Manage2 span.formw     {text-align: left; width: 46%;
  } 
.Manage2 span.radio     {vertical-align: top; display: block;
                                 margin: 0 0 3px 10px;
}
.Manage2 span.texttop     {vertical-align: top;
 }
.Manage2 span.nonradio     {margin-left: 5px;
 } 
.Manage2 span.radioMP     {margin: 0 0 0 50px;height: 10px;padding-bottom: 5px;}
span.radiotextMMB          {color: #888;}
/*Add a Bill*/					  
.ABcontent1             {width: 60%;
				         float: left;
						 margin: 3px;}
.ABcontent2             {width: 33%;
				         float: left;
						 margin: 3px; padding: 3px;
						 background-color: #7991AB;
						 border: 1px solid #273848; }
div.ABcontent1 div.row span.label     
			           {float: left;
                        text-align: right; 
                        width: 45%; 
                        font-weight: bold;
                        margin-right: 3px;
  }
div.ABcontent1 div.row span.formw     
					  {text-align: left; width: 40%;} 
/*Add e-bill*/
.ebill1                 {width: 28%;
				         float: left;
						 margin: 4px -4px 0 3px;
						 }
.ebill2                {width: 67%;
						 margin: 0;
						 background-color: #e7e7e7;}
span.label4            {float: left;
                        text-align: right; 
                        width: 38%; 
                        font-weight: bold;
                        margin-right: 2px;
 }
.radio_question        {width: 68%;
				         float: left;
						 margin: 10px 4px 4px 15px;
						 }
.radio_right           {width: 23%;
				         float: left;
						 margin: 10px 4px 4px 0;
						 }
/*My Accounts*/
.MA_tf                {width: 90%;
					   margin: 0px;
						 }
/*find biller*/
#shell               {width: 95%;margin-left: auto;margin-right: auto;}
					  
/*Sign In*/
div.row2 span.SI_right  {text-align: left; 
                        width: 40%; 
                        margin: 10px;
}
div.row2 span.SI_left  {width: 52%; float: left;
                        margin: 3px 5px;
}
div.row2 span.SI_buttons  {float: right; 
                           margin: 10px;
}					  
/* Links
----------------------------------------------- */
a                   {color: #00c; margin: 0;}
a:visited           {color: #00c}
a:hover             {color: #f93}
					 
/* Nav
----------------------------------------------- */
#app_nav1    {margin: 5px 1px 0 10px;
              display: block;color: #fff;
			  /*background-position: left;
			  background-repeat: no-repeat;
			  background-image: url(../images/swoop.gif);*/}

#app_nav1 ul {
 
  margin:0px;
  padding:0;
  font-size:1em;
  white-space:nowrap;
  }
#app_nav1 ul li {
  margin:0; padding:0;
  display:inline;
  list-style:none;
  
   
  }
#app_nav1 ul a  {
  float:right;
  display:block; 
  border-top:1px solid #576071;
  border-right:1px solid #576071;
  border-bottom:1px solid #404B69;
  background-image:url(../images/ButtonNavOffBG.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  background-color: #fff;
  /* Odd bugs split between IE5/Win and IE5/Mac prevent border values from being combined into one declaration */
  padding: 3px 8px;
  text-decoration:none;
  font-weight:normal;
  color:#525252;
  white-space:nowrap;
  }
/* Hack to get IE5-Mac to ignore the following rules \*/
#app_nav1 ul a {height:1em; line-height:1em;}
/* End IE5-Mac hack */

#app_nav1 ul .first a {border-left:1px solid #576071;}

#app_nav1 ul span {
  font-weight:bold;
  }
#app_nav1 ul a:hover {background-image: url(../images/ButtonNavOnBg.gif);
					color: #fff;
					background-color: #90a0b7;}
#app_nav1 ul a:hover, #header ul a:hover span {
  color:#fff !important;
  }

#app_nav1 #NavOn  { background-image:url(../images/ButtonNavOnBG.gif);
  background-repeat: repeat-x;
  background-position: bottom;
background-color: #90a0b7;
  color: #fff;}
#app_nav1 #NavOn a { background-image:url(../images/ButtonNavOnBG.gif);
  background-repeat: repeat-x;
  background-position: bottom;
background-color: #90a0b7;
  color: #fff;}

/* Intro Content
----------------------------------------------- */
.greetingWelcome          {
	font-size: 12px;
	font-weight: bold;
	margin: 7px;
	float: left;
	color: #303030;
	text-align: left;
	padding: 3px;
	padding-top: 10px;
}
.greeting          {
	font-size: 12px;
	font-weight: bold;
	margin: 7px;
	float: left;
	color: #303030;
	text-align: left;
	padding: 3px;
}
.greeting a        {font-size: 90%;
                    font-weight: 400;}
.billers           {float: right;Width: 320px;}

/* Big Module
----------------------------------------------- */


/*Small Module
---------------------------------------------- */
/*Button
---------------------------------------------- */

a.button1:link, a.button1:visited {background-image:url(../images/ButtonNavOffBG.gif);
                    background-repeat: repeat-x;background-color: #fff;
					background-position: bottom;color:#314560;font-weight: bold;
					margin: 0 3px 3px 3px;padding: 1px 4px 2px 4px;
					border-bottom:1px solid #283143;
					border-right:1px solid #283143;
					border-left:1px solid #B0BFD3;
					border-top:1px solid #B0BFD3;					
					text-decoration: none;}      					
a.button1:hover   {background-image:url(../images/ButtonNavOnBG.gif);
                    background-repeat: repeat-x;background-color: #90a0b7;
					background-position: bottom;color: #fff;
					border-bottom:1px solid #B0BFD3;
					border-right:1px solid #B0BFD3;
					border-left:1px solid #283143;
					border-top:1px solid #283143;}

												
.bgGrey2              {background-color: #e0e0e0;
					   border-top: 1px solid #273848;}


/*used for all modules*/
.TblTop                {width: 100%}
.Tblbot                {width: 100%}/*apply to rounded corner table*/
.header1            { background-color: #f2f2f2;
					  border-left: 1px solid #a4b0c0;
					  border-bottom: 1px solid #a4b0c0;
					  color: #3C3A48; padding: 2px 4px;margin-right: 10px;
					  }
.header1 a:link,.header1 a:visited   {background-image: url(../images/Sortarrow.gif);
                       background-position: right; 
					   background-repeat: no-repeat;
					   background-color: #f2f2f2;
					   text-decoration: none;
					   
					   color: #3C3A48;
					   display: block;
					   /*padding: 2px 4px 2px 2px; */
}
.header1 a:hover     {background-image: url(../images/SortarrowOver.gif);
                       background-position: right; 
					   background-repeat: no-repeat;
					   background-color: #e1e1e1;
					   text-decoration: none;
					   
					   color: #f93;
					   display: block;
					   /*padding: 2px 4px 2px 2px;*/
}
					  
.header1R           { background-color: #f2f2f2;
					  border-bottom: 1px solid #a4b0c0;
					  color: #3C3A48;padding: 2px 4px;}
.header1R a:link,.header1R a:visited   
                      {background-image: url(../images/Sortarrow.gif);
                       background-position: right; 
					   background-repeat: no-repeat;
					   background-color: #f2f2f2;
					   text-decoration: none;
					   margin: 0;
					   color: #3C3A48;
					   display: block;
					  /* padding: 2px 4px 2px 2px;*/
}
.header1R a:hover     {background-image: url(../images/SortarrowOver.gif);
                       background-position: right; 
					   background-repeat: no-repeat;
					   background-color: #e1e1e1;
					   text-decoration: none;
					   margin: 0;
					   color: #f93;
					   display: block;
					  /* padding: 2px 4px 2px 2px;*/
					   
}					  
/*Horizontal Header Row*/
.header2            { color: #3C3A48;
					  background-color: none;
					  border: none;
					  text-align: right;
					  padding-right: 3px;	
}
.WhtTable             {background-color: #fff;
					   border-left: 1px solid #273848;
					   border-right: 1px solid #273848;
                       padding: 4px; width: 100%;
					   }
.WhtTable2            {background-color: #fff;/*no padding*/
					   border-left: 1px solid #273848;
					   border-right: 1px solid #273848;
					   width: 100%;}

.WhtTblData            {
	padding: 0px 5px;
	text-align: left;
}
/*Billers in your area table*/
.smallModLcrnr2        {background-image: url(../images/LTopCnrSmallMod_2.gif);
					    background-repeat: no-repeat;
						height: 30px;
						width: 11px;
}
.smallModRcrnr2        { background-image: url(../images/RTopCnrSmallMod_2.gif);
					    background-repeat: no-repeat;}					  
.WhtTableNoHeader     {background-color: #fff;					  
					   padding: 3px; text-align: center;
					   width: 100%;
}
.smallModBotLCorner2  {background-image: url(../images/LBotCrnrSmallMod_2.gif);
					   background-repeat: no-repeat;}
.smallModBotRCorner2  {background-image: url(../images/RBotCrnrSmallMod_2.gif);
					   background-repeat: no-repeat;}

/*Misc Rules
----------------------------------------------*/
div.row                 {clear: both;
                         padding-top: 8px; /*used to create tableless forms*/
                         width: 100%;
                         margin-left: 5px;
                         margin-right: 5px;
 }
div.row2                {clear: both;
                         padding-top: 8px; 
                         width: 100%;
 }

div.row span.label     {float: left;
                        text-align: right; 
                        width: 35%; 
                        font-weight: bold;
                        margin-right: 3px;
  }
div.row span.label2     {float: left;
                        text-align: right;                         
                        font-weight: bold;
                        margin:  0 3px 0 5px;
  }
div.row span.label3     {float: left;width:48%;
                        text-align: right;                         
                        font-weight: bold;
                        margin:  0 3px 0 5px;
  }
div.row span.sublabel  {font-weight: normal;
						font-size: 95%; }

div.row span.formw     {text-align: left; width: 55%;
  } 
div.row span.form2     {text-align: left; width: 45%;
  }
p.spacer               {clear: both; margin: 0; padding: 0; 
                        }
div.spacer             {clear: both;
                        margin: -20px 0 0 0; padding:0;}
div.spacer2            {clear: both;
                        margin: 0; padding:0;}
  
h1                 {font-size: 125%;
                    font-weight: bold;
					margin: 20px 15px 5px 15px;
					padding-left: 15px;
					display: block;
}
					
h2                 {font-size: 100%;
                    font-weight: bold;display: block;
					margin: 10px 0 5px 10px;

}
.normal     {margin: 0;padding: 3px 10px;display: block;}
.bolded     {margin: 5px 0;
						 padding: 3px 5px;text-align: center;
				         display: block; font-weight: bold;}
.bolded2                 {margin: 40px 0 70px 0;font-size: 110%;
						 text-align: center;display: block;
						 font-weight: bold;}
.bolded3    { font-weight: bold;}
input, select      {margin: 0;}
img                {border: none;
					margin: 0px;
					}
hr                 {height: 1px;
                    border-style: none;
                    color: #a4b0c0;
                    background-color: #a4b0c0;
					margin: 0;
					}
caption        	      {display: none;}
.bgGrey               {background-color: #f2f2f2;
					   width: 100%;border-bottom: 1px solid #a4b0c0;
					   }
.bgGrey td            {padding: 6px;vertical-align: top;}
.bgGrey a             {padding-left: 6px;}
.bgGrey th            {font-weight: bold;
                       text-align: right;vertical-align: top;
					   color: #3C3A48; padding-top: 6px;}

.inline                {display: inline;}
.nopad                 {padding: 0;}
.pad5                  {padding: 5px;}
.margin5bottom         {margin-bottom: 5px;}
.ada                   {font-size: 1px;
	                    color: #fff;
	                    margin: 0em;
	                    display: none;}
.formlabel             {text-align: right; padding: 4px;
					    font-weight: bold;
						vertical-align: top;
						}
.formlabel a           {text-align: right;
					    font-weight: normal;
						font-size: 90%}

.instructions          {margin: 10px;}
.instructions2         {margin-left: 10px;}



/*module*/
.module    {width: 100%; margin-bottom: 5px;}
.modHeader {background-image: url(../images/bigModtopBG.gif);
			background-repeat: repeat-x;background-color: #42597b;
			height: 22px;
			color: #fff;}
.modHeader a, .modHeader a:link, .modHeader a:hover, .modHeader a:visited {color: #fff;
			  font-weight: bold; margin: 10px 10px 3px 0;}

.modFooter {background-image: url(../images/middle_bottom_footer.gif);
			background-repeat: repeat-x; 
			background-position: bottom;
			height: 11px;
			background-color: #fff;}
.modHeader_small       {background-color: #e0e0e0;
	                    border-bottom: 1px solid #a4b0c0;
					    color: #3C5478; margin:0;
					    height: 30px; 
					    background-image: url(../images/smallModtopBG.gif);
						background-repeat: repeat-x;}
.whtDiv    {
	background-color: #fff;
	border-left: 1px solid #273848;
	border-right: 1px solid #273848;
	text-align: left;
}
.header_title        {float: left;
					  font-weight: bold; 
					  margin-top: 2px; 
					  
}
div.modHeader span.header_title   {font-size: 125%; }
div.modHeader_small span.header_title   {font-size: 110%; }
.smallerTxt           { font-weight: normal;
						margin: 0;
						font-size: 90%;
						display: block;}
.help_icon  {float: right;}
.rightfloat {float: right;}
.lefttfloat {float: left;}
.wide_100   {width: 100%;}
.header_title2        {float: left;
					  font-weight: bold; 
					  margin-top: 8px; 					 
}
p.SpacerFixBlue {clear: both; margin: 0; padding: 0; background-color:#EFF3FC;}
p.SpacerFixWhite {clear: both; margin: 0; padding: 0; background-color:#FFFFFF;}p.SpacerFixGrey {
clear: both; margin: 0; padding: 0; background-color:#E7E7E7;
}
p.SpacerFixLightGrey {

clear: both; margin: 0; padding: 0; background-color:#F2F2F2;
}
.asterick {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
}