/*
	MYTICKETEK CSS DEFINITIONS
	=============================
	Author:		the white agency
	Born:		25/08/07
	Modified:	
	Project:	Ticketek
	
	Purpose: 	To define all styles for the myticketek pages
	Dependancy:	ticketekCore.css
*/

/* MY Ticketek Forms
======================================================================================  */

a { color:#0f3f81; }

.pdfDownload { padding-top:3px; }
.pdfDownload img { float:left; margin-right:3px;}

#myTick2Col {

}

td.alignRight {
	text-align:right;
}

#myTick2Col h3,
#myTick1Col h3 {
	color:#ffd41f;
	margin:10px 0 5px 1px;
	font-size:1.3em;
	float:left;
	padding-right:50px;
}

#myTick2Col .formMod2Col {
	float:left;
	width:302px;
	margin:0 9px 0 0;
}

.formModule {
	background:#eaf5fe url(/images/myTickFormModuleBg.jpg) bottom right no-repeat;
	color:#0d316d;
	font-size:1.1em;
	padding:15px;
	border:1px solid #0d316d;
	min-height:162px;
	height:auto !important;
	height:162px;
	clear:both;
}

.forgotPassModule {
	background:#eaf5fe url(/images/myTickFormModuleBg.jpg) bottom right no-repeat;
	color:#0d316d;
	font-size:1.1em;
	padding:25px 15px 65px 15px !important;
	border:1px solid #0d316d;
	clear:both;
}

input.sendButtonForgotPass { margin: -2px 0 0 5px; }

#myTick1Col .formModule,
#myTick1Col .forgotPassModule,
#emailFriendCol .formModule {
	background-color:#ffffff;
	background-image:none;
	border:none;
}

#myTick1Col .formModule input {
	margin-bottom:5px;
}

#myTick1Col .formModule input {
	margin-bottom:5px;
}

#myTick1Col .formModule .unsubscribeCheckboxes input {
	margin-right: 5px;
	margin-left: 7px;	
	margin-bottom: 0;
	width: 13px;
	height: 13px;
}

.forgotPassModule input { float:left; margin-right:5px; }

input.inputVeryShort { width:42px; }
input.inputShort { width:100px; }
input.inputMedium { width:191px; }
input.inputLarge { width:250px; }
textarea.inputLarge { width:250px; height: 100px; }

.formModule label {
	font-weight:bold;
	margin:3px 0 3px 0;
	display:block;
}

label.phoneLabel {
	margin-top:14px;
}

input.borInput,
textarea.borInput {
	border:1px solid #0d316d;
	padding:3px;
	margin:0;
}

.formModule img {
	margin:8px 0 0 0;
}

.formModule images {
	color:#0d316d;
}

.headingBar {
	background:url(/images/formModuleTitlebg.gif) top left repeat-x;
	height:30px;
}

.formModule table {
	margin:0;
	width:100%;
}

.formModule label {
	font-weight:bold;
	padding-top:2px;
}

.formModule .unsubscribeCheckboxes label {
    font-weight: normal;
}

.formModule .unsubscribeCheckboxes .attributeCheckboxAdditionalInfo
{
   margin-top:3px;
}

.formModule td.unsubscribeEmail td {
 padding: 0;
 text-align: left;
}

.formModule td.unsubscribeEmail td.AccountDetailsValue {
 padding: 3px 0px;
}

.formModule tr {
	background-color:#e4f2fd;
}

.altColorRow {
	margin:0;
	background-color:#f1f8fe !important;
}

.altColorRow table tr
{
	margin:0;
	background-color:#f1f8fe !important;
}

.formModule table td {
	padding:10px 3px 10px 3px;
	vertical-align:top;
}

table.attributeCheckBox,
table.attributeCheckBox tr,
table.attributeCheckBox td
{
    width: auto;
    padding: 0;
}

table.attributeCheckBox { margin: 3px 0; }
table.attributeCheckBox td { padding-top: 2px; }
table.attributeCheckBox td label { padding: 0; margin: 0; }

td.td79 { width:79%; }
td.td21 { width:21%; }

td.td10, th.td10 { width:10%; }
td.td17, th.td17  { width:17%; }
td.td21, th.td21  { width:21%; }
td.td26, th.td26  { width:26%; }
td.td30, th.td30  { width:30%; }

td.alignCenter { text-align:center; }

/* row strips */

div.rowStrip { background-color:#e4f2fd; }
div.rowStripAlt { background-color:#f1f8fe !important; }
td.rowStrip { background-color:#e4f2fd; }
td.rowStripAlt { background-color:#f1f8fe !important; }

div.rowStrip,
div.rowStripAlt {
	margin:0;
	padding:10px 3px 10px 3px;
	border-bottom:1px solid white;
}

div.emailFormatRadios input {
 border:none;
 margin:0 10px 0 7px;
 float:left;
}

div.subCheckBoxes input {
	float:left;
}

.checkModule {
	float:left;
	width:196px;
}

.checkModule .checkPreference { 
	margin:1px 1px 1px 0;
	background-color:#E4F2FD;
	padding:12px 3px 12px 7px;
	
}

.checkModule input {
	margin-right:8px;
	padding:0;
	float:left;
}

.checkModule .altColor { background-color:#f1f8fe !important; }


.subCheckBoxes {
	padding-left:15px;
	padding-top:4px;
	clear:left;
}


/* nested table */
.formModule table td table {
	width:auto;
}

.formModule table td table td {
	padding:0 3px 0 3px;
	vertical-align:middle;
	text-align:center;
}

table.managePreferences input {
	border:none;
	margin:0 10px 0 0;
	padding:0;
	float:left;
}

table.manageCheckboxes table.managePreferences  {
	text-align:left !important;
	vertical-align:top;
	width:100%;
	padding:0;
}

table.manageCheckboxes {
	width:100%;
}

table.manageCheckboxes td {
	width:33%;
	text-align:left;
	padding:10px 3px 10px 3px;
	vertical-align:top;
}

/* transaction page ************************************* */

.transaction { font-size:1.1em; }


.formTransaction {
	width:621px;
}

.formTransaction table {
	width:621px;
	margin-bottom:2px;
	background-color:#ffffff;
}

.formTransaction table td.TRtransHistHeader {
	background:#5698d7 url(/images/transactionTHBg.gif) top left no-repeat;
	color:#ffffff;
	font-weight:bold;
	font-size:1.2em;
	width:621px;
	vertical-align:middle;
	padding:6px;
	border-bottom:2px solid #0376dd;
}

.formTransaction table.lightColor {
	background-color:#e4f2fd !important;
}

.formTransaction table td {
	padding:6px;
	font-size:1.1em;
	color:#0d316d;
	vertical-align:top;
}

/* nested tables - sorry! */
.formTransaction table table {
	background-color:transparent;
	width:100%;
}

.formTransaction td td,
.formTransaction td th {
	padding-top:2px;
	padding-bottom:0;
	border:none !important;
	background-color:none !important;
	color:#ffffff;
}

.formTransaction table hr {
	background-color:#0d316d;
	color:#0d316d;
	padding:0;
	margin:0;
	height:1px;
}




#myTickRHSInfo {
	background:#eaf5fe url(/images/myTickFormModuleBg.jpg) bottom right no-repeat;
	padding:15px;
	font-size:1.1em;
	color:#0d316d;
	text-align:center;
}

#myTickRHSInfo p {text-align:left; }

/* Waitlist page ************************************* */

table.waitlistSubscriptions th,
table.waitlistSubscriptions td
{
 padding: 3px;
 text-align: center;
 width: 17%;
}

table.waitlistSubscriptions th { background-color: #fff }
table.waitlistSubscriptions th.eventName,
table.waitlistSubscriptions td.eventName
{
 padding-left: 7px;
 text-align: left;
 width: auto;
}

table.waitlistSubscriptions td.numberOfTickets span
{
 cursor: default;
 padding: 0px 20px; /* This padding is here just to increase the hit size for the tooltip */
}

table.waitlistSubscriptions td.numberOfTickets div
{
 display: none;
 margin-bottom:5px;
}

table.waitlistSubscriptions td.numberOfTickets div select
{
 width: 100%;
}

div.socialbuttons 
{
    width: 100%;
}
div.socialbuttons img
{
    border: none;
    margin: 0px;
    padding: 0px;
}

.myspaceButton {
}

a.fbShare 
{
    background: url(/images/social_facebook_16.png) no-repeat;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: inline-block;
}