/*
	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:#000; }
a:hover { color:#000; text-decoration:none; }
a:visited { color:#000; text-decoration:none; }

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

#myTick2Col {

}

td.alignRight {
	text-align:right;
}

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

#myTick2Col .formMod2Colleft {
	float:left;
	width:302px;
	margin:0 17px 0 0;
	background-color: #00ccff;
}

#myTick2Col .formMod2Colright {
	float:left;
	width:302px;
	margin:0 0px 0 0;
	background-color: #00ccff;
}

.formModule {
	/*background:#eaf5fe url(/images/myTickFormModuleBg.jpg) bottom right no-repeat;*/
	/*color:#0d316d;*/
	background-color: #FFFFFF;
	color: #000000;
	font-size:1.1em;
	padding: 15px 15px 0 15px;

	min-height:162px;
	height:auto !important;
	height:162px;
	clear:both;
}

.formModulePref {
	/*background:#eaf5fe url(/images/myTickFormModuleBg.jpg) bottom right no-repeat;*/
	/*color:#0d316d;*/
	background-color: #FFFFFF;
	color: #000000;
	font-size:1.1em;
	padding: 15px 15px 0 15px;

	min-height:60px;
	height:auto !important;
	height:60px;
	clear:both;
}


.forgotPassModule {
	background:#eaf5fe url(/images/myTickFormModuleBg.jpg) bottom right no-repeat;
	/*color:#0d316d;*/
	color:#000000;
	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-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 10px;
	display:block;
}

.formModuleContactUs label {
	/*font-weight:bold;*/
	margin:3px 0 3px 10px;
}

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 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;*/
	background-color:#FEFEFE !important;
}

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

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

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.rowStrip input,
div.rowStripAlt input {
	border:none;
	margin:0 10px 0 0;
	float:left;
}

div.subCheckBoxes input {
	float:left;
}

.checkModule {
	float:left;
	/*width:196px;*/
	width: 150px;
}

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

.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;

	color:#ffffff;
}

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




#myTickRHSInfo {
	background-color: #FFFFFF;
	padding:15px;
	font-size:1.1em;
	color:#000;
	text-align:center;
}

#myTickRHSInfo p {text-align:left; }
/*
	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:#000; text-decoration:none;}
a:hover { color:#000; text-decoration:none; }
a:visited { color:#000; text-decoration:none; }

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

#myTick2Col {

}

td.alignRight {
	text-align:right;
}

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

#myTick2Col .formMod2Colleft {
	float:left;
	width:302px;
	margin:0 17px 0 0;
	background-color: #00ccff;
}

#myTick2Col .formMod2Colright {
	float:left;
	width:302px;
	margin:0 0px 0 0;
	background-color: #00ccff;
}

.formModule {
	/*background:#eaf5fe url(/images/myTickFormModuleBg.jpg) bottom right no-repeat;*/
	/*color:#0d316d;*/
	background-color: #FFFFFF;
	color: #000000;
	font-size:1.1em;
	padding: 15px 15px 0 15px;

	min-height:162px;
	height:auto !important;
	height:162px;
	clear:both;
}

.forgotPassModule {
	background:#eaf5fe url(/images/myTickFormModuleBg.jpg) bottom right no-repeat;
	/*color:#0d316d;*/
	color:#000000;
	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;
} - Dubbel ?: Gerard */

/*#myTick1Col .formModule input {
	margin-bottom:5px;
} - Dubbel ?: Gerard */

#myTick1Col .formModule .unsubscribeCheckboxes input 
{
		margin-right: 5px;
		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 10px;
	display:block;
}

.formModuleContactUs label {
	/*font-weight:bold;*/
	margin:3px 0 3px 10px;
}

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 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;*/
	background-color:#FEFEFE !important;
}

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

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

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.rowStrip input,
div.rowStripAlt input {
	border:none;
	margin:0 10px 0 0;
	float:left;
}

div.subCheckBoxes input {
	float:left;
}

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

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

.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;
	color:#ffffff;
}

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

#myTickRHSInfo {
	background-color: #FFFFFF;
	padding:15px;
	font-size:1.1em;
	color:#000;
	text-align:center;
}

#myTickRHSInfo p {text-align:left; }