/*
Project Name: ViennaOperaTickets.com 2015
Project URI: http://viennaoperatickets.com
Author: Pixelflower
Author URI: http://pixelflower.com
Description: ViennaOperaTickets.com is custom-designed website for A&A Tickets Online.
Version: 2.0
*/

label
{
	color: #666;
	text-transform: uppercase;
}
/*input.fld, textarea, select, input.fldsmall, .fldfilter, .fldfilter2, .fsearch*/
input[type="text"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="file"],
input[type="email"],
input[type="tel"],
input[type="date"],
select,
textarea
{
	width: 324px;
	background-color: #eeeeeb;
	border: 1px #999 solid;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 4px 2px 4px 2px;
}
select
{
	width: 330px;
	padding: 3px 2px 3px 2px;
}
input.fldsmall
{
	width: 155px;
}
select.fldsmall
{
	width: 160px;
}
optgroup, option
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
input[type="button"],
input[type="submit"]
{
	color: #FFF;
	background: #111;
	border: 0px;
	font-family: "NimbusSanNovD-Bla", Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-weight: normal;
	text-transform: uppercase;
	text-align: left;
	padding: 8px 10px 8px 10px;
	width: 150px;
}
input[type="button"]:hover,
input[type="submit"]:hover
{
    cursor: pointer;
}
.btn-wide
{
	width: 190px;
}
.val
{
	color: #F93;
}
/*quick search*/
.search input[type="text"],
.search input[type="search"]
{
	border: 0px;
	width: 268px !important;
	color: #808080;
	padding: 5px 7px 5px 7px;
	background: #404040;
	font-size: 95%;
}
.search input[type="text"]:focus,
.search input[type="search"]:focus
{
    outline: none;
}
.search input[type="button"],
.search input[type="submit"]
{
	background: #808080 url('../img/arr.png') 5px no-repeat;
	border: 0px;
	width: 20px;
	height: 22px;
	padding: 2px;
	margin-left: 2px;
	font-size: 100%;
}
/*context search*/
.context form input.fld, .context form select
{
	background: #FFF;
	border: 0px;
	filter: alpha(opacity=25);
	/*-moz-opacity:0.25;*/
	opacity: 0.25;
	width: 128px;
	padding: 2px 2px 3px 2px;
	font-size: 110%;
}
.context form input.fld, .context form select
{
	width: 125px;
	margin: 10px 0px 5px 0px;
}
.context form .btn
{
	margin: 0px -10px 0px -10px;
	padding: 8px 10px 8px 10px;
	width: 150px;
}
.context form .btn:hover
{
	color: #F93;
}



/* TABLES */
table.grid
{
	/*border: #D8D6CC 1px solid;*/
	width: 100%;
	empty-cells: show;
	font-size: 100%;
	border-collapse: collapse;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*background-color: #FFF;*/
}
.plain .text table.grid
{
	margin: 10px 0px 0px -10px;
	padding: 0px 10px 0px 0px;
}
table.grid thead
{
	background-color: #FFF;
	height: 40px;
}
table.grid thead th
{
	color: #666;
	font-weight: bold;
	font-size: 90%;
}
table.grid tbody
{
	border-bottom: #CCC 1px dashed;/**/
}
table.grid tbody td
{
	/*border-left: #D8D6CC 1px solid;
	border-right: #D8D6CC 1px solid;*/
	border-top: #CCC 1px dashed;
	/*border-bottom: #D8D6CC 1px dashed;*/
}
table.grid td, table.grid th
{
	vertical-align: top;
	text-align: left;
	padding: 5px 10px 5px 10px;
}
table.grid td.ttl
{
	font-weight: bold;
}
table.grid td.price
{
	text-align: right;
}
table.grid tr:hover
{
	background-color: #FFF;
}



/* FORM TABLES */
table.form
{
	border: #D8D6CC 1px solid;
	width: 100%;
	border-collapse: collapse;
	empty-cells: show;
	font-size: 100%;
	background-color: #F6F5F3;
}
table.form thead td
{
	border-bottom: #D8D6CC 1px dashed;
}
table.form tfoot td
{
	border-top: #D8D6CC 1px dashed;
}
table.form tbody td
{
	text-align: right;
}
table.form td, table.form th
{
	vertical-align: top;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
	text-align: left;
}
table.form tfoot td input
{
	float: right;
	border: #FFF 1px solid;
}