/*========================================
  page-framework.css
  
  requires: reset.css
            
  content
            * universal elements 
            * two columns
            * three columns
            * header
            * navigation
            * page utilities
            * breadcrumb        
            * step indicator                                                    
            * footer                        
                               
========================================*/

/*----------------------------------------
  universal elements
----------------------------------------*/
body {
  font-size:100%;
}

.hide-element, 
hr, 
#s2c {
  display:none
}

h2 {
  font-size:130%; 
  font-weight:normal
}
h3 {
  font-size:120%; 
  font-weight:normal
}
h4 {
  font-size:110%; 
  font-weight:normal;
  /*float: left;*/
}
h5 {
  font-size:80%; 
  font-weight:normal
}
a {
  text-decoration:none
}
a:hover {
  text-decoration:underline;
  color: #999999;
}
a.toggle-popin,
a.toggle-popin-icon-only,
div.toggle-popin a,
div.toggle-popin-icon-only a {
  /*background:transparent url('i/icon-popin.png') no-repeat right center; */
  padding:2px 2px 2px 2px;
  cursor: pointer;
}
img.toggle-popin-help {
  cursor: pointer;
  padding: 0 0 0 5px;
}
a.back {
  background:transparent url('i/icon-back.png') no-repeat left center; 
  padding:0 0 0 15px;
}
abbr {
  border-bottom:1px dotted
}
a.print { 
  background:transparent url('i/icon-print.png') no-repeat right center;
  padding:2px 22px 2px 0; 
}
div.actions {
	float:right;
}
a.print_friendly {
  background:transparent url('i/icon-print.png') no-repeat right center;
  padding:2px 22px 2px 0;
}
a.close_window {
  background:transparent url('i/icon-close.png') no-repeat right center;
  padding:2px 18px 2px 0;
}
a.xls { 
  background:transparent url('i/icon-xls.gif') no-repeat right center;
  padding:0 15px 0 0;  
}
/* Original
a.csv { 
  background:transparent url('i/icon-csv.gif') no-repeat right center;
  padding:2px 22px 2px 0;  
}
*/
a.csv { 
	letter-spacing: 0px;
	border: 1px solid #AAAAAA;
	background: #CCCCCC;
	padding: 5px 5px 5px 5px;
	line-height: 0px;
	border-radius: 5px;
	min-width: 60px;
	
	text-decoration: none;
	/*margin-right: 50px;
	margin-left: 643px;*/
	/*margin-top: 100px;*/
}

a.csv:hover {
	color: #FFFFFF;
	background-color: #FF00A8;
	border-color: #FF00A8;
}

a.pdf { 
  background:transparent url('i/icon-pdf.gif') no-repeat right center;
  padding:0 15px 0 0;  
}

:focus {
 
}


/*----------------------------------------
  two columns
----------------------------------------*/

#two-columns-first #first-column {
  width:190px; 
  float:left;
  margin:0 10px 0 0;
}

#two-columns #content,
#two-columns-first #content {
  width:743px; 
  float:left;
  padding-left:10px;
}

#two-columns #last-column {
  width:187px; 
  float:right;
}

#one-column:after, 
#two-columns:after,
#two-columns-first:after,
#three-columns:after { 
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}


/*----------------------------------------
  three columns
----------------------------------------*/

#three-columns #first-column {
  width:187px; 
  float:left;
  margin:0 10px 0 0;
}
#three-columns #content {
  width:502px; 
  float:left;
}
#three-columns #last-column {
  width:187px; 
  float:right; 
}


/*----------------------------------------
  header
----------------------------------------*/
#skip {
  text-align: right;
}

#header #header-links ul li {
  float: right; 
}

      
/*----------------------------------------
  navigation
----------------------------------------*/
 
#navigation #primary-navigation:after, 
#navigation #secondary-navigation:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;  
}


/*----------------------------------------
  page utilities
----------------------------------------*/

#page-utilities {
  height:30px; 
  padding:10px 0; 
  text-align:right; 
  margin:0 0 10px;
}

#page-utilities ul li {
  float:right
}

#page-utilities ul li a {
  display:block; 
  padding:0 0 0 20px; 
  margin:0 0 0 10px;
}

#page-utilities ul li a.print { 
  background:transparent url('i/icon-print.gif') no-repeat center left; 
}

#page-utilities ul li a.close_window { 
  background:transparent url('i/icon-close.png') no-repeat center left; 
}

#page-utilities ul li a.xls { 
  background:transparent url('i/icon-xls.gif') no-repeat center left;  
}

#page-utilities ul li a.csv { 
  background:transparent url('i/icon-csv.gif') no-repeat center left;  
}

#page-utilities ul li a.pdf { 
  background:transparent url('i/icon-pdf.gif') no-repeat center left;  
}
		
    			
/*----------------------------------------
  breadcrumb
----------------------------------------*/

#breadcrumb { 
  margin:10px 0;
}
#breadcrumb h4 {
  display:none
}
#breadcrumb a {
  text-decoration:underline
}
#breadcrumb span {
  font-weight:bold
}		
		

/*----------------------------------------
	Step Indicator
----------------------------------------*/

#step-indicator {
  margin:10px 0; 
  width:28%; 
  border:1px solid #AFAFAF; 
  padding:10px;
}


/*----------------------------------------
  accordian bills
----------------------------------------*/
table.column_2 th.column_2 { width: 90px; }
table.column_2 td.column_2 { width: 90px; }
table.column_4 th.column_4 { width: 90px; }
table.column_4 th.column_1 { width: 211px; }
table th.column_1 a {display:inline !important;}

.bill-presentment .two-col table.column_2 th.column_2 { width: 90px; }
/*----------------------------------------
  footer
----------------------------------------*/

#outer-footer {
  padding: 10px 0px 0px 0px; 
}

#outer-footer:after { 
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

#outer-footer p {
/*MODIFICADO*/
  /*text-align: center;*/
  /*MODIFICADO*/
  margin: 10px 0;
  /*MODIFICADO*/
  margin-top:0px;
  /*MODIFICADO*/
}

#inner-footer ul {
  margin: 0 auto;
}

#inner-footer ul li {
  /*float: left;*/
  margin: 0 0px;
  display: inline;
}

/*----------------------------------------
  header
----------------------------------------*/
#inner-header {
  margin-top: 70px;
}
#inner-header ul {
  margin: 0 auto;
}

#inner-header ul li {
  /*float: left;*/
  margin: 0 0px;
  display: inline;
}