/*PAGE LAYOUTS*/
	
	 #container { /*Main container for a page*/
			width: 925px;
			
			margin: 10px;
			margin-left: auto;
			margin-right: auto;
			padding: 10px;
		}

		#header { /*Standard header*/
	    background: #FFF;
    	border-bottom: 3px solid;
    	border-color: #FF8F00;
			height: 75px;
		}
		
	  #footer { /*Standard footer*/
			padding: 5px;
			text-align: center;
		}
		
		#callOutBox1 { /*Playing with a box*/
		  width: 190px;
			height: 200px;
			background: url(../images/attentionBanks.gif) no-repeat center;
			padding: 5px;
		}
		
		#callOutBox2 { /*Playing with a box*/
		  width: 225px;
			padding: 5px;
		}
		
		#callOutBox3 { /*Playing with a box*/
		  width: 190px;
			padding: 5px;
		}
		
		#callOutBox4 {
		  width: 340px;
			padding: 5px;
		}
		
    #oneLineWideBox {
		  width: 480px;	
			height: 30px;
			padding-top: 2px;
			padding-left: 5px;
		}
    /*2 column layout */

		#leftcontent2 { /*Standard left side panel in a 2 column layout*/
			float: left;
			width: 160px;
			top: 100px;
		}

		#rightcontent2 { /*Standard main panel in a 2 column layout*/
			float: top;
			width: 750px;
			top: 120px;
			padding-left: 165px;
		}	
		
    /*3 column layout*/

		#leftcontent3 { /*Standard left side panel in a 3 column layout*/
			float: left;
			width: 160px;
			top: 100px;
		}

		#centercontent3 { /*Standard main panel in a 3 column layout*/
			float: top;
			width: 500px;
			margin-top: 5px;
			margin-left: 165px;
	    border: 2px solid;
	    border-color: #FF8F00;
		}

		#rightcontent3 { /*Standard right panel in a 3 column layout*/
			float: right;
			width: 250px;
		}
		
		#narrowColumnInTable { /*when you need a fixed 150px column width*/
		  width: 250px;
		}
	
/*BASIC FORMATTING*/  
	 
   body {
	    margin: 0;
    	padding: 0;
   }

   body, th, td, input, p, ol, ul, textarea { /*Standard font and size*/
	   font-family: Arial, Helvetica, sans-serif;
	   font-size: 13px;
	   color: #010101;
   }

	 a { /*Standard blue for link text*/
	    text-decoration: none;
			cursor: hand;
			color: #1919B3;
	 }
	 
   a:hover { /*Underlines links when mouse hovers*/
	   text-decoration: underline;
		 cursor: hand;
   }
	     
	 .headernavtext { /*For links on top of page*/
	    font-family: "Arial";
			font-size: 1.2em;
			text-align: right;
			padding: 0 10px 0 0;
			color: 010101;
	 }
	 	 
   .sidepaneltitle { /*Use for titles in left and right side panels*/
	    font-family: "Arial";
			font-size: 1.8em;
			padding: 0 0 0 10px;
			color: #B39600
		}
		
		.sidepanellinks { /*Use for link text in left and right panels*/
		  font-family: "Arial";
			font-size: 1.1em;
			padding: 0 0 0 20px;
			color: #1919B3;
		}
		
		.sidepaneltext { /*Use for text in left and right panels*/
		  font-family: "Arial";
			font-size: 1.0em;
			padding: 0 0 0 20px;
			color: #010101
		}
		
		.callOutTitle { /*Use for headings in call-out boxes*/
		  font-family: "Arial";
			font-size: 1.3em;
			font-style: bold;
			text-align: center;
			color: #010101;
		}
		
		.callOutTitleBlue { /*Use for headings in call-out boxes*/
		  font-family: "Arial";
			font-size: 1.2em;
			color: #1919b3;
		}
		.callOutText { /*Use for text in call-out boxes*/
		  font-family: "Arial";
			font-size: 1.0em;
			color: #010101;
			text-align: left;
			padding-left: 5px;
			padding-right: 5px;
		}
		
	  .arrowbullet { /*Use for text with arrow bullets*/
	    font-size: 1.0em;
	    text-align: left;
	    font-family: "Arial";
			margin-left: 5px;
	    padding: 5px 10px 5px 25px;
	    background: url(../images/arrowbullet.gif) no-repeat left center;
   }
	 
	 	.bluebullet { /*Use for text with arrow bullets*/
	    font-size: 1.0em;
	    text-align: left;
	    font-family: "Arial";
			margin-left: 5px;
	    padding: 0 10px 5px 10px;
	    background: url(../images/blueBullet.gif) no-repeat left top;
   }
	 
	 	.orangebullet { /*Use for text with arrow bullets*/
	    font-size: 1.0em;
	    text-align: left;
	    font-family: "Arial";
			margin-left: 5px;
	    padding: 0 10px 5px 10px;
	    background: url(../images/orangeBullet.gif) no-repeat left top;
   }
	 
	 .maincontenttitle { /*Use for the Title in main content panel*/
	 	  padding: 0px 0 0 0;
	    font-size: 1.8em;
	    text-align: center;
	    color: #1919B3;
	 }
	 
	 .maincontentsubtitle { /*Use for the Title in main content panel*/
	 	  padding: 0px 0 0 0;
	    font-size: 1.2em;
	    text-align: center;
	    color: #010101;
	 }
	 
	 	 .maincontentsubtitleleft { /*Use for the Title in main content panel*/
	 	  padding: 0px 0 0 0;
	    font-size: 1.2em;
	    text-align: left;
	    color: #010101;
	 }
	 
	 .mainContentTitleLeft { /*Use for Title in main content panel if you want it justified to the left*/
	   text-align: left;
		 font-size: 1.8em;
		 color: #1919B3;
	 }
	 
	 .maincontenttext { /*Use for text in main content panel*/
	    font-family: "Arial";
			margin-left: 5px;
			padding-left: 5px;
			padding-right: 5px;
			color: #010101
		}
		
		.mainContentHeading { /*Use for subheadinging in main content panel*/
		  font-family: "Arial";
			padding-top: 10px;
			padding-bottom: 10px;
			padding-left: 5px;
			padding-right: 5px;
			font-size: 1.25em;
			color: 1919b3;
		}
		
		.logo { /*Use for the logo in the header*/
		  font-size: 2.3em;
			text-style: bold;
			color: B37D00;
			padding-left: 10px;
		}
		
		.smallText {
		  font-size:.95em;
			padding-left: 15px;
			padding-right: 15px;
			text-align: center;
		}
		
		
/*TABLE FORMATTING */
	 
	 table.wideTable { /*Use as top-level table in a 2-column layout*/
		 border: 1px solid #c0c0c0;
		 border-collapse: collapse;
		 margin: 0 0 5px 0;
	 }
	 
	 table.nestedTable { /*Use as a nested table inside of wideTable*/
	   border: 1px solid #c0c0c0;
		 border-collapse: collapse;
		 margin: 0 5px 5px 5px;
	 }
	 
	 table.nestedTableNoBorder { /*Use as a nested table inside of wideTable*/
		 border-collapse: collapse;
		 margin: 0 5px 5px 5px;
	 }
	 
	 table.basicTable {
	   border-collapse: collapse;
		 border: 1px solid #ff8f00;
	}
	 
	 table.topLine { /*Puts a top border on a table*/
	   border-top: 1px solid gray;
	 }
	 
/*TABLE ROW FORMATTING*/
 
	 tr.top_header { /*Background color for header rows*/
    background-color: #ffecbf;
   }
	 
	 tr.d0 { /*Colored row background with top and bottom borders*/
	   background-color: #f1e8e8;
		 border-top: 1px solid gray;
		 color: black;
   }
	 
   tr.d1 { /*Plain white row */
	   background-color: #fff;
	   border-top: 1px solid gray;
	   color: black;
   }
	 
	 tr.e0 { /*Colored row background with top and bottom borders*/
	   background-color: #f1e8e8;
		 color: black;
   }
	 
   tr.e1 { /*Plain white row */
	   background-color: #fff; 
		 color: black;
   }
		 
	 tr.bottomLine { /*Puts a bottom line on a row*/
	  border-bottom:1px solid gray;
	 }
	 
	 tr.topLine { /*Puts a top line on a row*/
	   border-top: 1px solid gray;
	 }
	 
	 tr.marginSqueeze { /*Use to pinch a row in a bit*/
	   padding-left: 50px;
		 padding-right: 50px;
	 }
	 
	 tr.lineHeight50 { /*Use when you want height of 50px*/
	  height: 50px;
	 }
	 
/*TABLE CELL FORMATTING*/
	 
 	 td.header { /*Use for text in header cells*/
    font-weight: bold;
    font-size: 1.0em;
   } 
	 
	 td.leftPadding { /*Use if cell is first element in row*/
	  padding-left: 5px;
	 }
	 
	 td.leftPadding20 { /*Use if cell is first element in row*/
	  padding-left: 20px;
	 }
	 
	 td.rightPadding { /*Use if cell is last element in row*/
	  padding-right: 5px;
	 }
	 
	 td.bottomPadding { /*Use if you need space between rows*/
	  padding-bottom: 5px;
	 }
	 
	 td.topPadding { /*Use if you need space between rows*/
	  padding-top: 5px;
	 }
	 
	 td.topPadding20 { /*Use if you need space between rows*/
	  padding-top: 20px;
	 }
	 
	 td.allSidesPadding {
	  padding: 5px;
	 }
	 
	 td.dashedTopBottom {
	   border-top: 1px dashed gray;
		 border-bottom: 1px dashed gray;
	 }
	 
	 td.c0 { /*Use when you want alternating column colors*/
	   width: 150px;
		 padding: 5px;
		 background-color: #f1e8e8;
		 color: black;
   }
	 
   td.c1 { /*Use when you want alternating column colors*/
	   width: 150px;
		 padding: 5px;
		 background-color: #fff;
		 border-left:1px solid gray;
		 border-right:1px solid gray;
		 color: black;
   }	
	 
	 td.checkbox { /*Standard checkbox formatting in a table*/
    padding: 7px 8px !important;
    padding: 3px 3px;
    vertical-align: top;
   }
	 
	 td.closed { /*Use when the rows can expand*/
    background: url(../images/biller_closed.gif) 0 9px no-repeat;
    padding-left: 20px;
    white-space: nowrap;
    cursor: pointer;
   }
	 
	 td.open { /*Use when rows can expand*/
	  background: url(../images/biller_open.gif) 0 11px no-repeat;
    padding-left: 20px;
    white-space: nowrap;
    cursor: pointer;
   }
	 
	 td.amount { /*Use as standard formatting in a table when displaying an amount*/
    text-align:right;
    white-space: nowrap;
		font-weight: bold;
    cursor: pointer;
		width: 100px;
		padding-right:25px;
   }
	 
	 td.date { /*Use as standard formatting in a table when displaying a date*/
    text-align: left;
    white-space: nowrap;
    cursor: pointer;
		width: 100px;
   }



 .ui-dialog {
	background-color: #e6f7d4;
}

 .ui-dialog-titlebar {
	border-bottom: 1px solid #d8d2aa;
	background: #ff9900 url(../images/dialog-title.gif) repeat-x;
	padding: 0px;
	cursor: move;
	height: 28px;
	_height: 29px;
}

.ui-dialog-titlebar-close {
	width: 16px;
	height: 16px;
	background: url(../images/dialog-titlebar-close.png) no-repeat;
	position:absolute;
	top: 6px;
	right: 7px;
	cursor: default;
}

 .ui-dialog-titlebar-close-hover {
	background: url(../images/dialog-titlebar-close-hover.png) no-repeat;
}

.ui-dialog-title {
	margin-left: 5px;
	color: white;
	font-weight: bold;
	position: relative;
	top: 7px;
	left: 4px;
}

.ui-dialog-content {
	margin: 1.2em;
}

.ui-dialog-buttonpane {
	position: absolute;
	bottom: 8px;
	right: 12px;
	width: 100%;
	text-align: right;
}

.ui-dialog-buttonpane button {
	margin: 6px;
}

/*/* Dialog handle styles */
 /*.ui-resizable-n { cursor: n-resize; height: 6px; width: 100%; top: 0px; left: 0px; background: transparent url(../images/dialog-n.gif) repeat scroll center top; }*/

 /*.ui-resizable-s { cursor: s-resize; height: 8px; width: 100%; bottom: 0px; left: 0px; background: transparent url(../images/dialog-s.gif) repeat scroll center top; }*/

 /*.ui-resizable-e { cursor: e-resize; width: 7px; right: 0px; top: 0px; height: 100%; background: transparent url(../images/dialog-e.gif) repeat scroll right center; }*/

/*.ui-resizable-w { cursor: w-resize; width: 7px; left: 0px; top: 0px; height: 100%; background: transparent url(../images/dialog-w.gif) repeat scroll right center; }*/

 /*.ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; background: transparent url(../images/dialog-se.gif); }*/

/*.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; background: transparent url(../images/dialog-sw.gif); }*/

/*.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 29px; left: 0px; top: 0px; background: transparent url(../images/dialog-nw.gif); }*/

/*.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 29px; right: 0px; top: 0px; background: transparent url(../images/dialog-ne.gif); }*/