/*========================================
  popin.css
  
  requires: reset.css
            pageframework.css
            
  content
            * section 
            * section navigation
            * section heading
            * section content
            * two-column
            * three-column                                    
========================================*/

/*----------------------------------------
  section
----------------------------------------*/

.section-container:after { 
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;  
}


/*----------------------------------------
  navgiation
----------------------------------------*/

.section .navigation {
  margin:0 10px -1px;
}

.section .navigation:after { 
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;  
}


/*----------------------------------------
  heading
----------------------------------------*/

.section .heading { 
	background-color: transparent;
	border-radius: 4px 4px 0 0;
	padding: 0 0 10px 0; 
	height: 25px;
}

.section .heading:after { 
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;  
}

.section .profile-secret-question .heading { 
	background-color: transparent;
	background:transparent;
	border-radius: 0 0 0 0;
	padding: 0 0 10px 0; 
	height: 25px;
}

div#two-columns-first div#content div#section.module.module-acctnav .section .heading h4 {
  /*width: 66%;*/
  float: left;
  padding: 5px 250px 0 0; 
  color: #000099;
  font-weight:bold; 
}

div#two-columns-first div#content div#section.confirm-error.popin .section .heading h4 {
  /*width: 66%;*/
  float: left;
  padding: 5px 250px 0 0; 
  color: #FFF;
  font-weight:bold; 
}

div#one-column div#content.printfriendly .section .heading h4 {
  width: 73%;
  float: left;
  padding: 5px 250px 0 0; 
  color: #000099;
  font-weight:bold;
  border-bottom: 2px solid;
  border-color: #CCCCCC;
  padding-bottom: 3px;
  
}

.section-container .registration {
    padding-left: 60px;
    color: #666666;
}

.section-container .registration span, .select-personal-image span{
    color: #666666;
}

.select-personal-image span, .select-validation-bill span {
	font-weight: lighter;
}

.select-validation-bill2 span {
	font-weight: bold;
}

/* We assume all last column modules will NEVER have actions */
#last-column .section .heading h4 {
  width: auto;
}

.section .heading .actions {
  float:left; 
  width:100%;
  margin-right: 15px;
}

.section .heading .actions ul li {
  float:left; 
  margin:0 0 0 5px;
}

.section .heading .actions ul li a.collapse {
  background: transparent url('i/icon-collapse.gif') no-repeat right center
}

.section .heading .actions ul li a.settings {
  background: transparent url('i/icon-settings.gif') no-repeat right center
}

.center {
	text-align: center;
}
/*----------------------------------------
  content
----------------------------------------*/

.section .legend {
  margin: 20px 0 0;
  padding: 10px;
  width: 210px;
}

.section.linkDownloadCsv {
  height: 0;
}

.section.linkDownloadCsv .heading .actions ul {
  float: right;
  margin: 0 0 0 5px;
}

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

.column-1, .column-2 {
  width: 50%;
  float: left;
  margin: 0;
}

.column-1 .section {
  margin:20px 5px 20px 0;
}

.column-2 .section {
  margin:20px 0 20px 5px;
}