/*
Copyright (C)  TicketGang 2007-2010. All rigths Reserved.
*/

.TGformWarningText  {background-color:#FFFFDD;color:#808080;font-family:arial;font-size:12px;font-weight:normal;padding:5px;text-align:center;}
.TGTableOrderOverview {width: 100%;}
.TGBackLinkContainer {clear:both;height:24px;text-align:center;}
.TGTOrderItemRemove  {height:16px;}
.TGTOrderItemRemove:hover {cursor:pointer;}

.TGButton  {background-color:orange; border:2px solid white; color:white; font-weight:bold; height:25px; padding-left:10px; padding-right:10px; }
.TGButton:hover {color:maroon; cursor:pointer;}
.TGFormButton  {background-color:orange; border:2px solid white; color:white; font-weight:bold; height:30px; padding-left:10px; padding-right:10px; }
.TGFormButton:disabled {border-style:none; color:grey; cursor:not-allowed; }
.TGFormButton:hover { color:maroon; cursor:pointer; }
.TGFormButtonSubmit { background-color:orange; border:2px solid white; color:white; font-weight:bold; height:30px; padding-left:10px; padding-right:10px; }
.TGFormButtonSubmit:disabled { background-color:grey; color:silver; cursor:not-allowed; }
.TGFormButtonSubmit:hover { color:maroon; cursor:pointer; }
.TGLinkButton {background-color:orange; border:2px solid white; color:white; float:left; font-weight:bold; padding:2px 5px; text-decoration:none; }
.TGLinkButton:hover {color:maroon; cursor:pointer; }

.TGBody {background-color: #f8c8a8;}

.TGHead {display:block; background-color: #ECE9D8; color: white; height:87px; top:0px; left:0px; margin:0px; overflow:hidden; position:absolute; width:100%; z-index:5;}
.TGLeft {position:absolute; background-color: white; bottom:20px; left:0px; overflow:auto; top:87px; width:150px; z-index:4;}
.TGRight {display:inline-block; position:absolute; background: white none repeat scroll 0%; top:87px; left:150px; right:0px; bottom:20px; overflow: auto; z-index:3;}
.TGFoot {clear: both; text-align: left; font-family: verdana;font-size: 11px; color: black; height:20px; margin:0px; padding-top: 10px;}
.TGFoot a {color: black;}


.TGVFilterContainer {float: left; margin-top: 5px; margin-left: 2px; margin-right: 2px; font-family: verdana; font-size: 12px;}

.TGTableTitle {background-color: #60544E; border: none; color: white; text-align: center;}
.TGTableColHeader {cursor: pointer;	background-color: #A02000; font-family: arial; font-size: 12px; color: white; text-align: center;}
.TGTableRowOdd {background-color: white; font-family: verdana; font-size: 11px;}
.TGTableRowOdd:hover {background-color: #F3F3F3;}
.TGTableRowEven {background-color: #ECE9D8; font-family: verdana; font-size: 11px;}
.TGTableRowEven:hover {background-color: #F3F3F3;}
.TGTablePaging {padding-left: 3px; padding-right: 3px; text-decoration: underline; cursor: pointer;}
.TGTablePaging:hover {color: orange;}
.TGTableRowSelected{cursor: pointer; background-color:#FABA3E; color:#FFF;}
.TGTableRowSelected:hover {background-color:#F7911D;}

.TGTableColSaleNumber {width: 120px; background-color: #91A7B4; color: white; text-align: center; border-left: 1px solid white; border-right: 1px solid white; white-space: nowrap;}
.TGTableColSaleTariff {background-color: #91A7B4; color: white; text-align: center; border-left: 1px solid white; border-right: 1px solid white; white-space: nowrap;}
.TGTableColSaleUPrice {width: 120px; background-color: #91A7B4; color: white; text-align: center; border-left: 1px solid white; border-right: 1px solid white; white-space: nowrap;}
.TGTableColSaleRCost {width: 150px; background-color: #91A7B4; color: white; text-align: center; border-left: 1px solid white; border-right: 1px solid white; white-space: nowrap;}
.TGTableColSalePrice {width: 120px; background-color: #91A7B4; color: white; text-align: center; border-left: 1px solid white; border-right: 1px solid white; white-space: nowrap;}

.TGTablePagingContainer {display: none;}

.TGCalendar {font-family: arial; font-size:10px; background-color:#FFFFFF; border:1px solid #003366; width:175px;}
.TGCalendarMonthName {color: #252216; font-size:13px; font-weight:bold;}
.TGCalendarMonthName td {text-align: center;}
.TGCalendarDayNames {color: #433D27; font-family: arial; font-size:10px;font-weight:bold;}
.TGCalendarDayNames td {background-color: #F5F4D3; line-height: 11pt; text-align: center; vertical-align: middle;}
.TGCalendarWeek {color:#433D27; font-family: font-size:10px; line-height:15pt; text-align: center; vertical-align: middle;}
.TGCalendarWeek td {background-color: #E0E0E0}

.TGVisitorEventTable {border-collapse: collapse; font-family: verdana; font-size:12px; text-align: justify}
.TGVisitorEventSummaryTable {font-family: verdana; font-size:12px; background-color: #A02000; color: white; width: 100%;}

.TGAmountCol {text-align: right;}
.TGNumberCol {text-align: right;}

.TGPoweredByLogo {margin-top: 20px; width: 138px; height: 40px; float: left;}
.TGPaymentMethods {margin-top: 20px; width: 220px; height: 40px; float: right;}

.TGContent { background-color: #FBFBFB; }
.TGFormContainer {margin: 0px; border: 1px solid black; background-color: white;}
.TGForm {padding: 10px; font-family: arial; font-size: 12px;}
.TGForm label {font-family: verdana; font-size: 11px;}
.TGFormCtrls { margin: 0 auto; margin-top: 10px;}
.TGFormSubmitCtrls { margin: 0 auto; margin-top: 10px; margin-bottom: 10px;}

.TGBackLink {padding-left: 25px; padding-right: 10px; background-repeat: no-repeat; background-position: 5px; background-image: url(../images/tg-back-16.png);}
.TGForwardLink {padding-left: 10px; padding-right: 25px; background-repeat: no-repeat; 	background-position: right; background-image: url(../images/tg-forward-16.png);}
.TGFlow {margin: 0px; padding: 0px; height: 48px;}
.TGFlowText {float: left; padding: 8px; font-size: 18px; text-align: center; color: black;}
.TGFlowStepContainer {float: left; margin: 2px; width: 42px; text-align: center; font-size: 20px; font-weight: 900;}
.TGFlowStepActive {padding-top: 5px; padding-bottom: 5px; background-color: #FFF200; color; black;}
.TGFlowStepToDo {padding-top: 5px; padding-bottom: 5px; background-color: #D1D0CD; color: white;}
.TGFlowStepDone {padding-top: 5px; padding-bottom: 5px; background-color: #139E33; color: white;}

.TGHelpContent { font-family: arial; font-size:12px; }
.TGhelpText{ margin: 0px; padding: 5px; color: black; line-height: 16px; text-align: justify; background-repeat: no-repeat;	font-family: verdana; font-size: 11px; font-weight:normal; }

.TGDetailLabel {	width: 100px; text-align: right; font-family:arial; font-size:12px; font-weight:600; }
.TGDetailContent {text-align: left; font-family:arial; font-size:12px; }
.TGformErrorText{padding: 5px; color: red; text-align: center; background-color: white; font-family: arial; font-size:12px; font-weight:normal;}
.tableErrorText {padding: 5px; border:1px solid red; color: red; text-align: center; background-color: #FFFFA0; font-family: arial; font-size:12px; font-weight:normal;}
.tableRowSelected {background-color:#FABA3E; color:#FFF; }
.tableRowSelectedOver {background-color:#F7911D; color:#FFF; cursor: pointer; }
.tableRollOver{background-color:#F3F3F3; color: black; cursor: pointer; } 
.formInputRequired {background-color: white; border: 1px solid #666666; width: 196px;}
.infoText {padding: 5px; text-align: justify; font-family: arial; font-size:12px; font-weight:normal;}
.errorText {	color: red; font-family: arial; font-size:xx-small; font-weight:normal;}
.subtext {font-family: arial; font-size:xx-small; font-weight:normal;}

.flowStep {width: 100%; height: 100%; font-family: arial; font-size: 20px; font-weight: 900; color: #FFFFFF; }

/* Vertical align is only 100% OK on FF,  IE doesn't understand display: table-cell */
.centered {width: inherit; height: inherit; #position: relative; #top: 20%; display: table-cell; vertical-align: middle; text-align: center;}
.formLabel {font-family: arial; font-size: 12px; font-weight: 100;}
.tgBold {font-weight: 900;}