﻿/*
 * background element
 */
.grey_line {
	background: rgb(75, 75, 75);
	border-bottom: 2px solid #FFF;
  height: 56px;
}

.grey_line > img {
    height: 47px;
    padding-left: 14px;
    margin-top: 4px;
}

.footer {
  bottom: 0;
  left: 0;
  margin: 10px;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 0;
}


.footer img {
    display: block;
    margin: 0 auto;
    padding: 5px;
    vertical-align: middle;
}

/*
 * central element content definition 
 */
.main_container{
	min-height: 250px;
	margin-top: -8%; /*half of heigth and width for center content*/
	margin-bottom: -8%; /*half of heigth and width for center content*/
  padding: 15px;

	background: white;
	color: #4b4b4b;
}

.little {
  margin-bottom: -150px;
  margin-top: -150px;
  min-height: 300px;
}

.narrow{
	margin-left: 25%;
	margin-right: 25%;
}

.medium{
	margin-left: 20%;
	margin-right: 20%;
}

.large{
	margin-left: 10%;
	margin-right: 10%;
}

.form_area {
  color:#fff;
  background:#10abfa;
  padding:15px 20px;
}

/*
 * position element
 */
.mhoriz{
	left: 50% !important;
}

.mvert{
 position:absolute;
 top:45%;
 left:0;
 right:0;
}

.mvert_fixed{
 position:fixed;
 top:50%;
 left:0;
 right:0;
}

.before{ z-index:1; }
.after{ z-index:0; }


/*
 * tag
 */
.main_container ul.actions_inline {
  list-style: none;
  overflow:hidden;

  padding: 0px;
  margin: 20px 0;
}
  
  /*inline list*/
  .main_container ul.actions_inline > li {
    float:left;
    width: 165px;
    background-color: #95d9fc;
  }
  .main_container ul.actions_inline > li * {
    background-color: #95d9fc;
  }
  /*active element*/
  .main_container ul.actions_inline > li.active {
    background-color: #10abfa !important;
  }
  .main_container ul.actions_inline > li.active * {
    background-color: #10abfa !important;
  }
  /*link inside element*/
  .main_container ul.actions_inline > li.first > a {
    margin: 7px 0px 7px 10px;
  }

  .main_container ul.actions_inline > li.first > a > img{
    padding-left: 75px;
  }

  .main_container ul.actions_inline > li > a {
    color: #FFFFFF;
    margin: 7px 0px 7px 25px;
    line-height: 34px;
  }
  /*image inside link*/
  
  .main_container ul.actions_inline > li img{
    height: 14px;
    position: relative;
    top: -2px;
    z-index: 1;

    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg); 
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg); 
    
  }

  .main_container ul.actions_inline > li > .arrow {
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg); 
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg); 
    
    border-left: 2px solid #FFFFFF;
    border-top: 2px solid #FFFFFF;
    float: right;
    height: 5px;
    width: 5px;
    margin-left: -16px;
    margin-right: -14px;
    margin-top: 4px;
    padding: 12px;
  }

.headlinked > img {
  position: absolute;
  right: 0;
  top: -5px;
}

.form_area h3 {
  color: #FFFFFF;
  font-size: 113%;
  font-weight: normal;
  padding: 0 0 20px 0;
}

.form_area h4 {
  color: #FFFFFF;
  font-size: 113%;
  font-weight: normal;
  padding: 10px 0;
  margin: 0;
}

  .form_area h4 > img {
    float: right;
    height: 52px;
    margin-top: -15px;
  }

/*
 * table
 */
.form_area tr {
  border: none;
  cursor:inherit;
}

.form_area tr:hover {
  background-color:transparent;
}

.form_area th {
  font-weight: normal;
  width: 22%;
}

/*
 * tag input & button 
 */
.form_area input[type="text"],
.form_area input[type="file"],
.form_area input[type="password"] {
  border: medium none;
  background-color: white;
  width: 200px;
}

.form_area input, .form_area textarea, .form_area select {
  border:medium none;
  background-color: #FFF;
  color: #4b4b4b;
}

.form_area input[type="checkbox"] {
  background: none repeat scroll 0 0 #FFFFFF;
  border: medium none transparent;
  margin: 2px 10px 2px 2px;
  vertical-align:inherit;
}

.form_area label {
  color: #FFF;
}

.main_container input[type="submit"],
.main_container input[type="button"] {
  background-color:#10abfa;
}

.main_container > .stn_btn_container {
  padding: 10px 0;
}

.main_container > .stn_btn_container input {
  padding: 4px 0;
  margin:0;
}

.invisible {
  display:none;
}