/**********************************
** Alex Shkunov, Jule 2013      ***
** alexshkunov.com	           ****
** Done with love for	       ****
** Money Planey		           ****
**********************************/

/*blocks*/
  body{
    background-color: #0B2037;
	font-family: "Segoe UI";
	color: white;		
  }

  #ground{
	width: 855px;
	margin: auto;
    padding-bottom: 10px;
  }

  section{	
	float: left;
	width: 550px;
	height: 410px;
	margin: 5px auto auto 5px;
	
  }

  #pageHome{
	/*Green*/
    background-color: #1E7145;
  }

  #pagePerson{
    /*Blue*/
    background-color: #2B5797;
	display: none;
  }

  #pageIncome{
	/*Orange*/
    background-color: #C44B28;
	display: none;
  }
  #pageAssets{
    background-color: #7E3878;  /*Pink*/
	display: none;
  }
  
  .iconFormBlock{
      width: 830px;
      float: inherit;
  }

/*Navigation*/
    #nav{	
	width: 300px;
	float: left;
  } 

  #nav div, address{
	text-decoration: none;
	color: white;
	float: left;
	margin: 5px;
	padding: 10px;		
  }

  #nav div:hover{
	cursor: pointer;
    box-shadow: 0 0 10px white;
  }

  #linkHome{
    background-color: #1E7145;
	
	width: 260px;
	height: 110px;
  }

  #linkPerson{
    background-color: #2B5797;

	width: 115px;
	height: 110px;
  }

  #linkIncome{
    background-color: #C44B28;

	width: 115px;
	height: 110px;
  }

  #linkAssets{
	background-color: #7E3878;

	width: 260px;
	height: 110px;
  }

  #linkLia{
	background-color: #9900E6;
	width: 115px;
	height: 110px;
	
	display: none;
  }
  
  address{
    background-color: #091A2D;
    width: 260px;
    height: 35px;
    font-size:11px; 
    font-style: normal;
  }

/*Text*/
  h1{
	text-align: right;
	font-size: 18px;
  }

  p{
	margin: 10px auto auto 20px;
  }
  
  .lbBirthDate, .label{
      font-size: 16px;
      margin: 0 0 0 10px;
  }

/*Images*/

  #appLogo{
	vertical-align: middle;
  }

  .linkPics4{
	vertical-align: top;
	margin: 0 85px 10px auto; 
    float: right;
    height: 90px;
  }

  .linkPics2{	
	margin: 0 auto 0 12px;	
  }
  
  .iconPerson img, .iconIncome img, .iconAssets img, .iconLia img{
      width:45px;
      height:45px;
      margin: 0 13px 0 15px;
  }
  #iconDisplayPersonNew img, #iconDisplayIncomeNew img, #iconDisplayAssetsNew img,
  #iconDisplayLiaNew img{
      width:48px;
      height:48px;
      margin: 18px 13px 0 13px;
  }

/*Forms And ICONS*/
  .iconsPerson, .iconsIncome, .iconsAssets, .iconsLia{
      width:500px;
        height: 100px;
  }

  .iconPerson, .iconIncome, .iconAssets, .iconLia{
    background-color:#373737;
    margin: 20px 0 0 20px;

	padding: 5px 10px 10px 10px;
	float: left;
        
    width:75px;
    height: 75px;
  }

  .iconPerson:hover, .iconIncome:hover,
  .iconAssets:hover, .iconLia:hover{
	cursor: pointer;
	background-color: black;
  }

  .formPerson, .formIncome, .formAssets, .formLia{
	display: none;
	width: 455px;
	
	margin: 20px;
	padding: 0 0 10px 0;
  }
  .formPerson{
    background-color:#23467A;  
  }
  .formIncome{
    background-color:#8E371D;   
  }
  .formAssets{
    background-color:#5C2857;   
  }

/*INPUTS*/
  input, select{
	margin: 10px 0 0 10px;
	background-color: #373737;
	
	border: 1 groove black;
	padding: 1px 0 1px 5px;
	font-family: "Segoe UI";
	font-size: 16px;
	color: white;
	
	opacity: 0.7;
  }

  input[type=text]:focus, select:focus{
	opacity: 1;
	background-color: black;
  }

  input[type=button]{
	background-color: #373737;
	opacity: 1;
  }

  input[type=button]:hover{
	cursor: pointer;
	background-color: black;
  }