﻿/*

    CSS Document


    Site: KEYnet 4
    Version: 1.0

    Date: 2012.12.31

*/


/* ==========================================================================
   Default
   ========================================================================== */
 
/* Keyframes
   ========================================================================== */
 
 @-webkit-keyframes pulse {
0% {
	-webkit-box-shadow: 0 0 15px rgba( 66, 66, 66, 0.2 );
}	
50% {
	-webkit-box-shadow: 0 0 15px rgba( 66, 66, 66, 0.9 );
}
100% 	{
	-webkit-box-shadow: 0 0 15px rgba( 66, 66, 66, 0.2 );
}
}
  
/* Common
   ========================================================================== */

fieldset {
   	border: none;
	margin: 0 0 20px 0;
    padding: 0;
}
fieldset p {
    margin: 0;
    padding: 0;
}
legend { display: none; }
label {
    color: #333;
	display: block; 
    font-size: 12px; /* 12px / 16 px */
    font-family: Arial, Helvetica, sans-serif;
    /*line-height: 1.25em; *//* 18px / 16 px */
    line-height: 1em; 
	margin: 10px 0 1px;
    text-align: left;    
}
fieldset span 
{
    font-size:12px;
    font-weight:normal;
    /*margin:10px 0 0;*/
}

.checkboxList
{
    font-size:16px;
    width:auto;   
}

.checkboxList table 
{
    width:auto;
}

.checkboxList td 
{
    border-bottom-width:0px;
    padding-right:10px;
}

.checkboxList label 
{
    display:inline;
}

.radioList 
{
    font-size:16px;
    width:auto;
}

.radioList label 
{
    display:inline;
    margin-right:10px;
    font-weight:normal;
}

input {
    background: #fff;
    border: 1px solid #dedede;  
    /*
    -moz-border-radius: 4px; 
    -o-border-radius: 4px; 
    -webkit-border-radius: 4px;
    border-radius: 4px; */

    color: #666666;
    font-size: 12px; /* 12px / 16 px */
	/*height: 20px;    */
	/*height: 8px;*/
    line-height: 1.25em; /* 18px / 16 px */
/*	margin-bottom: 10px;*/
    padding:5px;
    width: 98%;
}
input[type="text"]:focus {
	-webkit-animation-name: pulse;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
}
input[type="file"] {
	height:23px;
}
input[type=checkbox] {
    background: none;
    border: none;
    display: inline;
    font-size:12px; /* 12px / 16 px */
    margin: 0 4px 0 0;
    padding: 0 0 0 0;
    width: 12px;
}

.checkboxList input[type=checkbox] 
{
    margin-left:5px;
}

input[type=radio] {
    background: none;
    border: none;
    display: inline;
    font-size: 12px; /* 12px / 16 px */
    margin: 0 4px 0 0;
    padding: 0 0 0 0;
    width: 12px;
}
select {
    background:none;
     border: 1px solid #dedede;  
     /*
    -moz-border-radius: 5px 0 0 5px; 
    -o-border-radius: 5px 0 0 5px; 
    -webkit-border-radius: 5px 0 0 5px; 
    border-radius: 5px 0 0 5px;
    	*/
	color: #545454;  
    display: block;  
	height: 1.8em;    
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px; /* 12px / 16 px */
    margin: 0;
	/*padding: 2px 5px 0 5px;*/
	padding: 1px;
	width:25%;
	
}
textarea {
    background: #fff;
    border: solid 1px #dedede; 
    /*
 -moz-border-radius: 5px; 
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; */       
    color: #666666;   
    font-family: Arial, Verdana, sans-serif;
    font-size:12px; /* 12px / 16 px */
	margin:-bottom: 10px;
    padding: 5px;
    width: 98%;

}
textarea:focus {
	-webkit-animation-name: pulse;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
}
input[type=submit] {
	border-style: none;
    border-color: inherit;
    border-width: medium;
    background: #666;
    color: #fff;
    cursor: pointer;
    float: right;    
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px; /* 12px / 16 px */
    font-weight: bold;
    line-height: 1.25em; /* 18px / 16 px */
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 7px 20px;
	width: auto;
}
/*
.dialogButton {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: #666;
    color: #fff;
    cursor: pointer;
    float: right;    
    font-family: Arial, Verdana, sans-serif;
    font-size: 0.75em;
    font-weight: bold;
    line-height: 1.25em;
    margin-top: 10px;
    padding: 7px 20px;
	width: auto;
}
    */
input.regret[type=submit] {
    background: #999;
    margin-right: 10px;
}

input[type=button] {
	border-style: none;
    border-color: inherit;
    border-width: medium;
    background: #666;
    color: #fff;
    cursor: pointer;
    float: right;    
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px; /* 12px / 16 px */
    font-weight: bold;
    line-height: 1.25em; /* 18px / 16 px */
    margin-top: 10px;
    padding: 7px 20px;
	width: auto;
}
input.regret[type=button] {
    background: #999;
    margin-right: 10px;
}
input:disabled {
    opacity: 0.5;
}

/* Main search
   ========================================================================== */

#main-search fieldset { margin: 0px auto; width: 50%;
 } 
#main-search input {
    border: none;
    display: inline;
    height: 18px;
    float: left;
    padding: 4px 10px;
	margin: 0;
	width: 75%;
}
#main-search input[type=submit] {
	background: #fff url(images/icon-magnifier.png) no-repeat 12px 6px;
    float: left;
    height: 26px;	
    padding: 4px 4px 4px 0;
    width: 35px;
    position: relative;
    right: 7px;
       z-index: 1;
}


.cals td {
    padding: 0;
    border-bottom: none;
    font-size:16px;
}

.cals div {
    float: left;
    margin-right: 15px;
}

span.fieldDescription {
    font-weight: normal;
    display: block;
}