/*  ###########################################################################
    company:    http://42.nl/
    date:       November 2009
    ########################################################################### */
    
    

/*  FORMS --------------------------------------------------------------------- */

    form {
        width: 100%;
        }   
    form h4 {
        margin-top: 1em;
        }   
    fieldset {
        width: 500px;
        margin-top: 15px;
        }  
	        
    div.title {
        float: left;
        margin-right: 2%;
        width: 100%;
        }
    .id {
        float: none;
        width: 100%;
        }
        
    .gender {
        float: left;
        width: 40%;
        height: 3.7em;
        overflow: hidden;
        }
        
    .gender div {
        margin: 0;
        padding: 0;
        width: 100%;
        background: rgba(100,100,100,0.1);
        }
    
    .first-name {
        float: left;
        width: 60%;
        }
    .given-name {
        float: left;
        width: 60%;
        }
    .prefix {
        float: left;
        padding-right: 2%;
        width: 38%;
        }
    .sufix {
        float: left;
        width: 100%;
        }
   .family-name {
        float: left;
        width: 60%;
        }

    .event-name {
        float: left;
        margin-right: 2%;
        width: 13%;
        }
    .event-location {
        float: left;
        width: 48%;
        }
    .event-date {
        float: left;
        width: 100%;
        }
    fieldset div a.link,
    fieldset div a.info  {
        position: absolute;
        left: 550px;
        margin-top: -1.7em;
        width: 24px;
        height: 24px;
        text-indent: -3000px;
        overflow: hidden;
        }
    fieldset div .link {
        background: transparent url(../images/icons/16/link.png) no-repeat 0 0;
        }
    fieldset div .info {
        background: transparent url(../images/icons/16/info.png) no-repeat 0 0;
        }
    .buttons  {
        height:40px;
        margin-right: 15px;
        width: 400px;
        }
    .global {
        margin-top:0;
        float: right;
        }
        
    .application fieldset.buttons {
        position: absolute;
        left: 35px;
        bottom: -0.7em;
        min-width: 505px;
        height: 40px;
        text-align: right;
        font-size: 1.15em;
        padding: 0 0 0 0;
        }

    .application fieldset.buttons .button{
        -moz-border-radius: 10px; 
        -webkit-border-radius: 10px;
        border-radius: 10px; 
        }
     .button:visited,   
     .button {
        float: right;
        display: block;
        margin: 0 0 0.5em 4px;
        -moz-border-radius: 8px; 
        -webkit-border-radius: 8px;
        border-radius: 8px; 
        border: 1px solid #777;
        border-color: rgba(0,0,0,0.3);
        padding: 0 8px;
        width: auto;
        font-size: 0.8em;
        line-height: 1.6;
        text-decoration: none;
        text-transform: uppercase;
        color: #444;
        background: #fff url(../images/backgrounds/button-back.png) repeat-x 0 50%;
        cursor: pointer;
        }
    .buttons input[type=submit] {
        border: 1px solid #0049a0;
        border-color: rgba(0,0,0,0.3);
        font-weight: bold;
        text-shadow: rgba(0,0,0,0.5) 0 -1px 0;
        color: #fff;
        background-color: #009aff;
        }
        
    .content form h3 {
        line-height: 1.7;
      }
        
    .content h3 .button {
        font-size: 0.5em;
      }


/*  sidebar --------------------------------------------------------------------- */


    .sidebar .buttons { 
        position: static;
        padding: 0 35px 0 15px;
        width: 205px;
        }
    .sidebar .buttons .button {
        float: right;
        padding: 0 8px;
        display: inline;
        white-space: nowrap;
        color: #444;
        }  
        
/*  viewer --------------------------------------------------------------------- */
       
    .form-persons {
        position: absolute;
        bottom: -1em;
        left: 484px;
        margin: 70px 50px 0px 0px;
        padding: 10px 20px 0px 0px;
        width: 500px;
        height:427px;
        background: #fff;
        background: rgba(255,255,255,0.95);
        overflow: hidden;
        }

    .form-persons label {
        width: 100%;
        }
    .form-persons h3 {
        position: relative;
        border-bottom: 1px solid #f2f2f2;
        padding: 0.2em 15px 0.5em;
        line-height: 1;
        width:570px;
        }

    .form-persons nav {
        margin-top: 60px;
        height: 25px;
        background: transparent;
        }
    .form-persons .tabs .active{
        }
    .form-persons fieldset {
        float: none;
        position: relative; 
        padding: 0 35px 1.8em 15px;
        width: 96%;
        min-height: 402px;
        background: transparent;
        }
    .application .form-persons .buttons {
        position: absolute;
        top: 370px;
        left: 0;
        padding: 0.5em 30px 0.5em 0;
        margin-bottom: 0;
        width: 500px;
        height: 20px;
        background: transparent url(../images/backgrounds/bottom-bar.png) repeat 0 0;
        }
        
    .form-persons .given-name {
        float: left;
        width: 50%;
        }
    .form-persons .gender {
        float: left;
        padding-right: 1.5%;
        width: 48.5%;
        overflow: hidden;
        }
    .form-persons .sufix {
        clear: left;
        float: left;
        padding-right: 2%;
        width: 48%;
        }
    .form-persons .family-name {
        float: left;
        width: 50%;
        }
    .form-persons .nick-name {
        clear: left;
        padding-left: 50%;
        }
    .form-persons .event-location {
        clear: left;
        padding-right: 2%;
        width: 48%;
        }
    .form-persons .event-date {
        clear: none;
        width: 49%;
        }
    .form-persons .event-date .dateFields label {
        clear: left;
        float: left;
        display: block;
        padding-left: 3%;
        width: 46%;
        }
    .form-persons .event-date .dateFields{
        margin-right: -4%;
        padding: 2%;
        background: #efefef;
        }    
    .form-persons .event-date .dateFields select,
    .form-persons .event-date .dateFields input{
        clear: none;
        float: left;
        width: 48%;
        }
    .form-persons .event-date .dateFields select[name*=calendarType]{
        margin-top: 0.2em;
        }
    
    .form-persons nav {
        margin: 0 0 -1em 0;
        padding: 1em 0 0 0;
        }
    .form-persons nav a {
        font-size: 0.7em;
        }
    
    /*  NASTY SELECTORS. IF DEVS CHANGE SOMETHING THEN THEY CAN FIX IT!!! */
    .form-persons nav > a + a + a + a {
        float: left;
        margin-left: 15px;
        }
    .form-persons nav > a + a + a + a + fieldset {
        float: left;
        margin-top: 1em;
        }
            
    
/*  LOGIN --------------------------------------------------------------------- */

    .login {
        position: static;
        color: white;
        background: transparent url(../images/backgrounds/login-back.png) repeat 0 0;
        }
    .login nav {
        background: none;
        }
    .login .content {
        background: none;
        }
        
        
    .form-login {
        position: relative;
        left: 50%;
        top:-1em;
        z-index: 42;
        margin: 0 0 0 -165px;
        -moz-border-radius: 7px; 
        -webkit-border-radius: 7px;
        border-radius: 7px; 
        border: 0;
        padding: 0 20px 0 12px;
        width: 300px;
        height: 140px;
        font-size: 0.9em;
        background: #fff url(../images/backgrounds/back-home-start.gif) repeat-x left bottom;
        -moz-box-shadow: rgba(0,0,0,0.6) 1px 1px 1px; 
        -webkit-box-shadow: rgba(0,0,0,0.6) 1px 1px 1px; 
        box-shadow: rgba(0,0,0,0.6) 1px 1px 1px;
        overflow: visible;
        z-index: 42;
        }
    .form-login fieldset{
        padding: 1em 0 1em;
        width: 100%;
        color: black;
        }
     .form-login p {
        color: black;
        }
    
    .form-login .buttons {
        position: static;
        float: none;
        padding-bottom: 0.3em;
        width: auto;
        }
    .form-login .buttons input[type=submit] {
        margin-top: 0.5em;
        margin-right: -20px;
        font-size: 0.9em;
        }
    .message h4{
        padding: 0;
        font-weight: bold;
        }
    .message p {
        padding: 0 0 2em 0;
        }




/*  Dates --------------------------------------------------------------------- */

    .dateFields select, .dateFields label, .dateFields input {
        float:left;
        width:auto;
        }
    
    .dateFields label {
        clear:none;
        }