/*
   Styles for the AusterHG web site
   21st March 2015 this version
*/

/* Horizontal rule */
hr {
  background-color: #9a9a9a;
  text-align: center;
  width: 90%;
  height: 0.15em ;
}

/* layout for tables */
.software {
	padding: 0em;
	margin-left: 0.5em;
	border-spacing: 0.2em;
	border-style:solid;
	border-color:#6f6f6f
}

.software tr {
    display: table-row;
    vertical-align: middle;
 }

.software th {
/*  background-color:#dfdfdf;
  color:#6f6f6f; */
  background-color: #009A83;
  display: table-cell;
  color: white;
  font-weight:bold;
  font-size: 0.9em;
  text-align: center;
  vertical-align: center;
  padding: 0.3em;
}

.software td {
/*	background-color:#e9e9e9; */
   background-color: #aedfcc;
   display: table-cell;
	font-size: 0.9em;
	font-weight: normal;
	padding: 0.3em;
	text-align:left;
	vertical-align: center;
}

/* for styling the <textarea> elements */
textarea#styled {
	width: 150px;
	height: 120px;
	border: 0.1em none #000000;
	padding: 0.2em;
	color: #505050;
	background-color: #f4f4f4;
/*	
	font-family: Tahoma, sans-serif;
	background-image: url(bg.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
*/
}

/* for styling the 'text' input boxes */
input#styled {
	border: 0.1em none #000000;
	color: #505050;
	background-color: #f4f4f4;
}

/* For formatting the interview transcriptions */
#response {
  margin-left: 7em;
  text-align: justify;
  padding-bottom: 0.5em;
  line-height: 1.3em;
 
/*  width: 70%; */
}

#speak {
  font-style: italic;
  float: left;
  width: 6em;
}

/**** buttons ****/

.PushButton {
	font-size : 0.9em;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
/*	margin: 5px;
	padding: 5px 6px 4px 6px;
*/
	width:auto;
	height:18px;
	background-image: url(/images/con_buttonfade.gif);
	background-color: #D9D9D6;
	background-repeat: repeat;
	background-position: left center;
	border : 1px outset Black;
	color: #000000;
	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	
	-webkit-transition: border-color .20s;
	-moz-transition: border-color .20s;
	-o-transition: border-color .20s;
	transition: border-color .20s;
}

.PushButton:hover {
	font-size :0.9em;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
/*	margin: 5px;
	padding: 5px 6px 4px 6px;
*/	
	width:auto;
	height:18px;
	background-image: url(/images/con_buttonfade.gif);
	background-color: #D9D9D6;
	background-repeat: repeat;
	background-position: left center;
	border : 1px dashed Black;
	color: #000000;
	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	
	-webkit-transition: border-color .20s;
	-moz-transition: border-color .20s;
	-o-transition: border-color .20s;
	transition: border-color .20s;

}

.PushButton:active {
	border: 1px solid #D8D8D8 !important;
	
	background: #F2F2F2;
	background: -webkit-linear-gradient(top, #F5F5F5, #F1F1F1);
	background: -moz-linear-gradient(top, #F5F5F5, #F1F1F1);
	background: -ms-linear-gradient(top, #F5F5F5, #F1F1F1);
	background: -o-linear-gradient(top, #F5F5F5, #F1F1F1);
	
	-webkit-transition: border .20s;
	-moz-transition: border .20s;
	-o-transition: border .20s;
	transition: border .20s;
}


.PushButtonTable {
	font-size : 0.9em;
	text-decoration: none;
	text-shadow: 0 0.1em 0 #fff;
	text-align:left;
	width: 190px;
	height:20px;
	background-image: url(/images/con_buttonfade.gif);
	background-color: #D9D9D6;
	background-repeat: repeat;
	background-position: left center;
	border : 1px outset Black;
	color: #000000;
	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	
	-webkit-transition: border-color .20s;
	-moz-transition: border-color .20s;
	-o-transition: border-color .20s;
	transition: border-color .20s;
}

.PushButtonTable:hover {
	font-size : 0.9em;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
	text-align:left;
	width: 190px;
	height:20px;
	background-image: url(/images/con_buttonfade.gif);
	background-color: #D9D9D6;
	background-repeat: repeat;
	background-position: left center;
	border : 1px dashed Black;
	color: #000000;
	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	
	-webkit-transition: border-color .20s;
	-moz-transition: border-color .20s;
	-o-transition: border-color .20s;
	transition: border-color .20s;
}

.PushButtonTable:active {
	border: 1px solid #D8D8D8 !important;
	
	background: #F2F2F2;
	background: -webkit-linear-gradient(top, #F5F5F5, #F1F1F1);
	background: -moz-linear-gradient(top, #F5F5F5, #F1F1F1);
	background: -ms-linear-gradient(top, #F5F5F5, #F1F1F1);
	background: -o-linear-gradient(top, #F5F5F5, #F1F1F1);
	
	-webkit-transition: border .20s;
	-moz-transition: border .20s;
	-o-transition: border .20s;
	transition: border .20s;
}

/* Additional classes */
.left {float:left; margin: 0.1em 0.3em 0.1em 0;}
.right {float:right; margin: 0.1em 0 0.1em 0.3em;}
.textright {text-align: right; margin:0 .2em 0;}
.center {text-align: center;}
.small {font-size: 0.8em;}
.bold {font-weight: 700;}

/* End of auster_hg.css */