﻿
.btnPurple { background-color: #721968; color: #FFFFFF; border: 0px; font-weight: bold; padding: 1px; }
.btnAdmin { padding: 1px; background-color: #721968; color: #FFFFFF; border: 0px; font-weight: bold; float: left;}
.btnNormal { padding: 1px; color: #000000; border: 0px; font-weight: bold; background-color: Transparent; cursor: pointer; float: left; }
.btnWhite { padding: 1px; float: left; background-color: #FFFFFF; color: #000000; border: 0px; font-weight: bold; text-transform: uppercase; }
.btnWhiteRight	{ float: left; background-color: #FFFFFF; color: #000000; border: 0px; font-weight: bold; text-transform: uppercase; }
.btnWhiteSearch	{ background-color: #FFFFFF; color: #000000; border: 0px; font-weight: bold; text-transform: uppercase; margin-top: 0em; margin-right: 0em;}

.btnPurpleOrder { text-decoration: none; background-color: #721968; color: #FFFFFF; border: 0px; font-weight: bold; padding: 0.1em 0.4em 0.3em 0.4em; }
input.purple {font-size:10px; text-decoration: none; background-color: #721968; color: #FFFFFF; border: 0px; font-weight: bold; padding: 0.1em 0.4em 0.3em 0.4em; margin-bottom:3px; }
.hlLogin { font-weight: bold; text-decoration: none; color: #3e3e3e; display: block; margin: 0.5em 0em 0.5em 0em; }

.btnPurpleLogin { background-color: #721968; color: #FFFFFF; border: 0px; font-weight: bold; padding: 1px; margin-top: 12px;  margin-bottom: 12px; display: block;}

.btnPurplePwd { display: block; width: 7.6em; text-decoration: none; background-color: #721968; color: #FFFFFF; border: 0px; font-weight: bold; padding: 0.1em 0.4em 0.1em 0.4em; margin-top: 0.5em; margin-bottom: 0.5em; }
.btnPurpleOrg { display: block; width: 6em; text-decoration: none; background-color: #721968; color: #FFFFFF; border: 0px; font-weight: bold; padding: 0.1em 0.4em 0.1em 0.4em; margin-top: 0.5em; margin-bottom: 0.5em; }

.btnWhiteRight { margin: 0px; padding: 0px; float: right; background-color: #FFFFFF; color: #000000; border: 0px; font-weight: bold; text-transform: uppercase; }
.btnWhiteLogin { line-height:9px; font-size:0.9em; height: 15px; float: left; background-color: #FFFFFF; color: #000000; border: 0px; font-weight: bold; margin-top: 2px;}

.btnPurpleAdmin { display: block; text-decoration: none; background-color: #721968; color: #FFFFFF; border: 0px; font-weight: bold; text-align: center; padding: 0.1em 0.1em 0.1em 0.1em; margin-top: 2em; margin-bottom: 1em; }
.btnPurpleExport { text-decoration: none; background-color: #721968; color: #FFFFFF; border: 0px; font-weight: bold; text-align: center; padding: 0.1em 0.1em 0.1em 0.1em; margin-top: 1em; margin-bottom: 2em; margin-left: 1.3em; }


.hlLoginSelected { color: #721968; font-weight: bold; display: block; margin: 0.5em 0em 0.5em 0em; }

.leftMenuArr {padding-left: 20px; padding-top: 14px; }
.textarea { width: 98%; color: Black; font-family: Arial, Verdana, Helvetica, Sans-Serif; }
.textareamypage { width: 98%; overflow:hidden; margin-bottom: 14px; }
.textareaadmin { width: 98%; overflow:hidden; }
.noborder { border-style: none; }
input.fullwidth { width: 100%; }
a.selected { color: #000000; background-color: #721968; text-decoration: none; }
a.notselected {}
table.td orderfirst {width: 180px; }
.btnLeft { float: left; }
.inputLeft { float: left; }

.leftmenuOuter {width: 85%; float: left; margin-left: 10px; margin-top: 6px; }
.leftmenuInner { padding: 10px 10px 10px 0px; font-size: 0.9em; }

.rightmenuOuter { width: 85%; float: right; margin-right: 10px; margin-top: 1px;}
.rightmenuInner { padding: 10px 10px 10px 10px; font-size: 0.9em; }

.mainbodyOuter { width: 100%; vertical-align: middle; }
.mainbodyInner { padding: 10px 10px 10px 10px; text-transform: uppercase; font-size: 0.9em; }

#StageArea.StartPage #LeftArea #LeftAreaInner { font-size: 1.1em;}

input.loginField
{
	font-size:0.9em;
	float: left;
	margin-top: 2px;
	margin-bottom: 2px;
	height:11px;
	line-height:9px;
	background-color:White;
	width: 10em;
	border-style: inset;
}

#myoverview{ width: 90%; }
#overview { padding: 10px 10px 10px 10px; font-weight: bold;  }
#divHeader { padding-bottom: 6px; padding-left: 1px;}
span.errortext { font-weight:bold; color: Red; width: 4em; }

span.linkitem { background-image: url(images/arrow.gif); background-repeat: no-repeat; }

.purpletext { color: #721968; }
span.uppercase { text-transform: uppercase; }
a.orderitem {text-transform: uppercase; padding: 2px 0px 2px 0px; width: 100%; }

input.txtright { float: right; }
input.lblleft  { float: left; } 

span.smallerFont { font-size: 0.9em; }

p.pSpacer { padding-top: 4px; width: 100%; }
p.pSpacerWide { width: 100%; }
div.leftmenuSpacer { width: 100%; padding-top: 2px; }

#SubMenuArea .loginAreaPanel .btnPurplePwd { color: #FFFFFF; }
#SubMenuArea .loginAreaPanel .btnPurpleOrg { color: #FFFFFF; }
#SubMenuArea .loginAreaPanel .btnPurpleOrder { color: #FFFFFF; }

.reorderList {}

.reorderList li
{
	list-style: none;	
}

.dragHandleArea
{
	cursor: move;
	background-color: #721968; 
	color: #FFFFFF;
	padding: 2px 4px 2px 4px;
	font-weight: bold;
}

.txtboxDate
{
	width: 64px;
	text-align: left;
	border-color: #721968;
	float: left;
}

.txtboxText
{
	width: 100px;
	max-width: 100px;
	text-align: left;
	border-color: #721968;
	float: left;
	overflow: hidden;
}

.labelDate
{
	width: 68px;
	text-align: left;
	float: left;
}

.labelSort
{
	width: 20px;
	text-align: left;
	float: left;
}

.labelText
{
	width: 100px;
	max-width: 100px;
	text-align: left;
	float: left;
	overflow: hidden;
}

.txtboxOrganizer
{
	width: 64px;
	text-align: left;
	border-color: #721968;
	float: left;	
}

.txtboxSort
{
	width: 20px;
	text-align: left;
	border-color: #721968;
	float: left;
}

.labelOrganizer
{
	width: 74px;
	text-align: left;
	border-color: #721968;
	float: left;	
}

.organizerList
{
	list-style: none;
	padding-left: 6px;
	font-weight: bold;	
	
}

.headingOrganizer
{
	float: left;
}

.headingArena
{
	float: left;
	width: 156px;
	margin-left: 0;
}

.headingDate
{
	float: left;
	width: 55px;	
}

.hrefList
{
	padding-bottom : 2px;
	padding-top: 2px;	
}

.arrMainImage { padding-bottom: 14px; }
.arrLabel { margin: 1em 0em 1em 0em; display: block; }
.loginLabel { margin: 0.5em 0em 0.5em 0em; display: block; }
.orgLabel {margin: 1em 0em 1em 0em; font-weight: bold; }
.lblTourInfo { margin: 0.5em 0em 0.5em 0em; display: block; font-weight: bold; }
div.loginArea { margin: 1em 0em 1em 0em; }
.btnchangepwd { margin: 1em 0em 2em 0em; display: block; font-size: 1.1em; font-weight: bold; }


/* Tour Information Box */
div.tourInfo h2 {text-transform:uppercase;font-size:1.1em;font-weight:bold;margin:1em 0em; }
div.tourInfo ul li h3 {text-transform:uppercase;font-size:1.0em;margin:2em 0em 0.5em 0em;}

ul.tourInfo { margin: 0em 0em 0em 0em !important; list-type:none; xpadding-left:0.5em;}
ul.tourInfo li{ margin: 1em 0em 1em 0em;padding:0 0 0 0; !important;list-type:none;xbackground:transparent url(images/listelement.gif) no-repeat 0em 0.1em;}

ul.tourInfo li a, ul.tourInfo li a:link{background:transparent url(images/listelement.gif) no-repeat 0em 0.1em;padding:0 0 0 1em !important;display:block;}
ul.tourInfo li a:hover{text-decoration:underline !important;}
/* Tour Information Box */

/* Select organizer list */
ul.selectorganizer {margin: 0em 1em; padding: 0em 0em 0em 0em; list-type:none; xpadding-left:0em; width: 30em;}
ul.selectorganizer li{margin:0.2em 0em 0.2em 0em; padding:0 0 0 0; !important;list-type:none; display: block; }

ul.selectorganizer li a, ul.selectorganizer li a:link{ padding:0 0 0 1em !important;}
ul.selectorganizer li a:hover{text-decoration:underline !important;}
/* Select organizer list */

/* Tour route */
div.tourRoute h2 {text-transform:uppercase; font-size:1.1em; font-weight:bold; margin:1em 0em; !important;list-type:none; }
div.tourRoute h3 {text-transform:uppercase;font-size:1.0em;margin:2em 0em 0.5em 1.5em; }

div.tourRoute{margin:0.8em 0em 1.8em 1.5em; padding:0 0 0 0; !important;list-type:none; display: block;}
div.tourRoute strong.date {padding:0 0 0 0em !important; display:block; font-size: 0.9em;}

div.tourRoute  a, ul.tourRoute li a:link{ padding:0 0 0.5em 0em !important; display:block; color: #721968; text-decoration:none; }
div.tourRoute  a:hover{text-decoration:underline !important; }

/* Tour route */

/* Tour organizer list */

div.tourOrg h2 {text-transform:uppercase;font-size:1.1em;font-weight:bold;margin:1em 0em; color: #3e3e3e;}
div.tourOrg ul li h3 {text-transform:uppercase;font-size:1.0em;margin:2em 0em 0.5em 0em; color: #3e3e3e;}

ul.tourOrg { margin: 0em 0em 0em 0em !important; list-type:none; xpadding-left:0.5em;}
ul.tourOrg li{ margin: 0.2em 0em 0.2em 0em;padding:0 0 0 0; !important;list-type:none;xbackground:transparent url(images/listelement.gif) no-repeat 0em 0.1em;}

ul.tourOrg li a, ul.tourOrg li a:link{background:transparent url(images/listelement.gif) no-repeat 0em 0.1em;padding:0 0 0 1em !important;display:block;}
ul.tourOrg li a:hover{text-decoration:underline !important;}
ul.tourOrg li span.date {display: block; font-weight: bold; color: #3e3e3e;}
ul.tourOrg li span.name { display: block; color: #3e3e3e;}

/* Tour route */

/* Organizers List */
div.listOrganizers h2 { text-transform:uppercase; font-size:1.1em; font-weight:bold; margin:1em 0em; !important;list-type:none;}
ul.ulOrganizers { margin: 0em 0em 0em 0em; !important; list-type:none; xpadding-left:0.5em; }
ul.ulOrganizers li{ margin: 1.2em 0em 1.2em 0em;padding:0 0 0 0; !important;list-type:none;xbackground:transparent url(images/listelement.gif) no-repeat 0em 0.1em;}
ul.ulOrganizers li.liBack{ font-size: 1.2em; margin: 2.5em 0em 0em 0em; padding:0 0 0 0; !important;list-type:none;xbackground:transparent url(images/listelement.gif) no-repeat 0em 0.1em; font-weight: bold;}

ul.ulOrganizersBold { margin: 0em 0em 0em 0em; !important; list-type:none; xpadding-left:0.5em; }
ul.ulOrganizersBold li{ font-weight: bold; margin: 0.8em 0em 0.8em 0em;padding:0 0 0 0; !important;list-type:none;}
ul.ulOrganizersBold li.heading { text-transform:uppercase; font-size:1.1em; font-weight:bold; margin:2.2em 0em 0em 0em; !important;list-type:none;}
/* Organizers List */

/* Reorder List */
div.reorderList { margin: 1em 0em 0em 0em; vertical-align:top; }
ul.reorderList {padding: 0em 0em 0em 0em; margin: 0.5em 0em 0.5em 0em; vertical-align:top; }
ul.reorderList li{margin:0.2em 0em 0.2em 0em; padding:0 0 0 0; !important; list-type:none; vertical-align:top; }

ul.reorderList li.insert { padding-top: 1em; vertical-align:top; }
ul.reorderList li span.adminHeader {margin: 1em 1em 3em 1em; padding-bottom: 2em; vertical-align:top;}

ul.reorderList li a, ul.reorderList li a:link{padding:0 0 0 0em !important; vertical-align:top;}
ul.reorderList li a:hover{text-decoration:underline !important; vertical-align:top;}
ul.reorderList li span.organizer { padding-left: 1.5em; vertical-align:top; }
ul.reorderList li span.lblorganizer { overflow: hidden; vertical-align:top; }
ul.reorderList li span.arena { overflow: hidden; vertical-align:top; }
ul.reorderList li span.time { margin: 0em  0.2em 0em 0em; vertical-align:top; }
ul.reorderList li span.date { margin: 0em  0.2em 0em 0em; vertical-align:top; }
ul.reorderList li span.confirmed { margin: 0em  0.1em 0em 0.1em; display: inline-block; vertical-align:top; }
ul.reorderList li a.btnedit { vertical-align:top; }
div.reorderList h2 {font-size:1.1em;font-weight:bold; Color: #721968;}
div.reorderList h2.top {font-size:1.2em;font-weight:bold; margin-left: 1.2em; margin-bottom: 2em; Color: #721968; }
/* Reorder List */

.loginLabel { display: block; padding: 0 0 0 0; }
.loginName { display: block; padding: 0 0 0 0; margin: 0.2em 0em 0.8em 0em; color: #721968;}
.loginStatus { display: block; padding: 0 0 0 0; margin: 0.2em 0em 1.6em 0em; }
.loginText { background-color: #FFFFFF; border-style: inset; display: block; width: 8em; height:11px; font-size:0.9em; }
.loginUrls { display: block; margin: 0.2em 0em 0.8em 0em; padding: 0 0 0 0;}
span.lblFeedback { margin: 1em 1em 1em 1em; font-weight: bold; display: block;}

div.tourRoute { margin:1em 0em 1em 1.5em; padding:0 0 0 0; }
div.tourInfo { margin:1em 0em 1em 1.5em; padding:0 0 0 0; }
div.loginAreaPanel { margin: 0em 0em 2.5em 1.4em; padding:0 0 0 0; }
div.leftMenuItems { margin: 2em 1em 1em 0em; padding: 0 0 0 0; }

div.arrList h2 {text-transform:uppercase;font-size:1.1em;font-weight:bold;margin:1em 0em 0em 0.5em;}
div.arrList ul li h3 {text-transform:uppercase;font-size:1.0em;margin:2em 0em 0.5em 0em;}

ul.arrList {margin:0 0 0 0.5em !important;padding:0.2em 0em;list-type:none;xpadding-left:0.5em;}
ul.arrList li{margin:0em 0em 1em 0em;padding:0 0 0 0; !important;list-type:none;xbackground:transparent url(images/listelement.gif) no-repeat 0em 0.1em;}

ul.arrList li a, ul.arrList li a:link{background:transparent url(images/listelement.gif) no-repeat 0em 0.1em;padding:0 0 0 1em !important;display:block;}
ul.arrList li a:hover{text-decoration:underline !important;}

div.arrListRight h2 {text-transform:uppercase;font-size:1.1em;font-weight:bold;margin:1em 0em 0em 0em;}
div.arrListRight ul li h3 {text-transform:uppercase;font-size:1.0em;margin:2em 0em 0.5em 1em;}

ul.arrListRight {margin:0 0 0 0em !important;padding:0.2em 0em;list-type:none;xpadding-left:0.5em;}
ul.arrListRight li{margin:0em 0em 1em 0em;padding:0 0 0 0; !important;list-type:none;xbackground:transparent url(images/listelement.gif) no-repeat 0em 0.1em;}

ul.arrListRight li a, ul.arrListRight li a:link{background:transparent url(images/listelement.gif) no-repeat 0em 0.1em;padding:0 0 0 1em !important;display:block;}
ul.arrListRight li a:hover{text-decoration:underline !important;}

span.editLabel { font-weight: bold; }
tr.edit { height: 2em; }

hr.purple { color: #721968; }

.pager { margin: 1em 1em 1em 1.5em; float: left; display: block; width: 100%; }

.pagerStyle td{ padding-right: 0.3em; }

span.listdate { display: block; margin-left: 1em; margin-bottom: 0.1em; margin-top: 0.3em;}

.orgSearch { display: block; margin-top: 2em; }

.forgottenpwd { display: block; }

.searchHelp { display: block; margin-bottom: 1em; }

div.header{ font-weight:bold;float:left;}
div.itemheader{ padding:1.5em;}
div.DragHandleClass{ cursor:move;}
