/* -----------------------------------------------------------------------------
	TicketWeb Help Desk Styles
	
	V1.1
	Tony Coop
	tony@ticketweb.co.uk : www.ticketweb.co.uk

	-----------------------------------------------------------------------------*/
	
	
	/* =type
	-----------------------------------------------------------------------------*/
	
* {
	padding:0;
	margin:0;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	color:#330066;
	margin:0;
	padding:0;
}

h1 {
	font-size:16px;
}

#content h1 {
	color:#51CA00;
	display:block;
	background-color:#F7F7F7;
	padding: 10px 0 10px 10px;
	border:#E1D1EF 1px solid;
}

.contentBg  {
	display:block;
	background-color:#F7F7F7;
	padding: 10px 0 10px 10px;
	margin: 10px 0 0 0;
	border:#E1D1EF 1px solid;
}

h2 {
	font-size:14px;
	padding:10px 30px 0 20px;
}

h3 {
	font-size:12px;
	font-weight:bold;
	padding:10px 30px 0 30px;
}

h4 {
	color:#A78FBF;
	font-size:13px;
	padding:5px 30px 15px 5px;
}

p {
	font-size:12px;
	padding:10px 30px 10px 30px;
}

a:link {
	color:#330066;
	text-decoration:underline;
}
a:visited {
	color:#A78FBF;
	text-decoration:underline;
}
a:active {
	color:#330066;
	text-decoration:underline;
}
a:hover {
	color:#51CA00;
	text-decoration:underline;
}

a.tooltip {
	text-decoration:none;
	border-bottom:#330066 1px dotted;
	cursor:help;
}

#content ol {
	padding:10px 30px 10px 40px;
	margin:0;
	list-style-type: decimal;
}

#content ol li {
	font-size:12px;
	padding-left:20px;
	line-height:15px;
	background:none;
}

#content ul {
	padding:10px 30px 10px 40px;
	margin:0;
	list-style-type:none;
}

#content ul li {
	font-size:12px;
	padding-left:20px;
	line-height:15px;
	background: url("../images/content_bullet.gif") no-repeat left center;
}

#contentMenu #menuOptions h1 {
	font-size:14px;
}

#contentMenu #menuOptions ul {
	padding:5px 0 10px 5px;
	margin:0;
	list-style-type:none;
}

#contentMenu #menuOptions li {
	font-size:12px;
	padding-left:12px;
	line-height:15px;
}



	
	/* =layout
	-----------------------------------------------------------------------------*/
	
body {
	text-align:center;
}

#wrapper {
	width:760px;
	margin:10px auto;
	text-align:left;
}

#header {
	width:760px;
}

#content {
	width:550px;
	margin:0 0 20px 0;
	float:left;
}

#contentMenu {
	width:200px;
	margin:0 0 20px 0;
	float:right;
}

#footer {
	width:760px;
}

	
	/* =banner
	-----------------------------------------------------------------------------*/

#banner {
	width:759px;
	height:75px;
	background-color:#330066;
	background-image:url(http://www.ticketweb.co.uk/images/HeaderLogo.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	margin:0;
}

	/* =mainNav
	-----------------------------------------------------------------------------*/

#mainNav {
	width:759px;
	height:20px;
	background-color:#333333;
	text-align:right;
	margin:1px 0 1px 0;
}

#mainNavmenu {
	color:#ffffff;
	font-weight:bold;
	font-size:10px;
	padding:4px 10px 2px 0;
	text-decoration:none;
	display: block;
}

#mainNavmenu a:link {
	color:#FFFFFF;
	text-decoration:none;
}

#mainNavmenu a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#mainNavmenu a:active {
	color:#FFFFFF;
	text-decoration:none;
}

#mainNavmenu a:hover {
	color:#FFFFFF;
	text-decoration:none;
}


	/* =content
	-----------------------------------------------------------------------------*/
	
	
#help_frame {
	width:550px;
	height:600px;
	float:right;
	border:0;
	margin-top:10px;
}
	
#content  img {
	padding: 0 10px 0 10px;
}

#index #wrapper #content .noShow {	
	display:none;
}
	
	/* =contentMenu
	-----------------------------------------------------------------------------*/
	
		/* =menuHeader
		-----------------------------------------------------------------------------*/
	
#contentMenu #menuHeader {
	background-image: url("../images/menu_header_mid.gif");
	background-repeat:repeat-y;
}

#contentMenu #menuHeader h1 {
	font-size:14px;
	background-image: url("../images/menu_header_top.gif");
	background-position:top;
	background-repeat:no-repeat;
	padding:15px 0 0 45px;
}

#contentMenu #menuHeader p {
	background-image: url("../images/menu_header_join.gif");
	background-position:bottom;
	background-repeat:no-repeat;
	padding:5px 10px 25px 15px;
}

		/* =menu
		-----------------------------------------------------------------------------*/

#contentMenu {
	background-image: url("../images/menu_mid.gif");
	background-repeat:repeat-y;
}

#contentMenu #menuOptions  {
	position:relative;
	background-image: url("../images/menu_bottom.gif");
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:5px;
}

#contentMenu #menuOptions h1 {
	padding:5px 10px 0 10px;
}

#contentMenu #menuOptions h1.faqs {
	text-align:center;
	font-size:16px;
	color:#51CA00;
	padding:0 0 5px 0;
}

#contentMenu #menuOptions .dottedjoin {
	background-image: url("../images/menu_dotted_join.gif");
	background-repeat:no-repeat;
	background-position:top;
	padding-top:15px;
}

		/* =menu links
		-----------------------------------------------------------------------------*/


#contactus #wrapper #contentMenu #menuOptions .contactus,
#tixnotreceived #wrapper #contentMenu #menuOptions .tixnotreceived,
#tixlost #wrapper #contentMenu #menuOptions .tixlost,
#cancel #wrapper #contentMenu #menuOptions .cancel,
#subscriptions #wrapper #contentMenu #menuOptions .subscriptions,
#clients #wrapper #contentMenu #menuOptions .clients,
#work #wrapper #contentMenu #menuOptions .work,
#tixfast #wrapper #contentMenu #menuOptions .tixfast,
#cobo #wrapper #contentMenu #menuOptions .cobo,
#mail #wrapper #contentMenu #menuOptions .mail,
#onlinephoneoutlet #wrapper #contentMenu #menuOptions .onlinephoneoutlet,
#payment #wrapper #contentMenu #menuOptions .payment,
#confirmation #wrapper #contentMenu #menuOptions .confirmation,
#fees #wrapper #contentMenu #menuOptions .fees,
#accessible #wrapper #contentMenu #menuOptions .accessible,
#groups #wrapper #contentMenu #menuOptions .groups,
#availability #wrapper #contentMenu #menuOptions .availability,
#lineup #wrapper #contentMenu #menuOptions .lineup,
#lineup #wrapper #contentMenu #menuOptions .feedback,
#index #wrapper #contentMenu #menuOptions .index {
	background: url("../images/bullet.gif") no-repeat 0 50%;
	padding-left:14px;
}

#contactus #wrapper #contentMenu #menuOptions .contactus a,
#tixnotreceived #wrapper #contentMenu #menuOptions .tixnotreceived a,
#tixlost #wrapper #contentMenu #menuOptions .tixlost a,
#cancel #wrapper #contentMenu #menuOptions .cancel a,
#subscriptions #wrapper #contentMenu #menuOptions .subscriptions a,
#clients #wrapper #contentMenu #menuOptions .clients a,
#work #wrapper #contentMenu #menuOptions .work a,
#tixfast #wrapper #contentMenu #menuOptions .tixfast a,
#cobo #wrapper #contentMenu #menuOptions .cobo a,
#mail #wrapper #contentMenu #menuOptions .mail a,
#onlinephoneoutlet #wrapper #contentMenu #menuOptions .onlinephoneoutlet a,
#payment #wrapper #contentMenu #menuOptions .payment a,
#confirmation #wrapper #contentMenu #menuOptions .confirmation a,
#fees #wrapper #contentMenu #menuOptions .fees a,
#accessible #wrapper #contentMenu #menuOptions .accessible a,
#groups #wrapper #contentMenu #menuOptions .groups a,
#availability #wrapper #contentMenu #menuOptions .availability a,
#lineup #wrapper #contentMenu #menuOptions .lineup a,
#lineup #wrapper #contentMenu #menuOptions .feedback a,
#index #wrapper #contentMenu #menuOptions .index a {
	color:#330066;
	text-decoration:none;
	font-weight:bold;
	cursor:default;
}

	
	/* =footer
	-----------------------------------------------------------------------------*/

		/* =subNav
		-----------------------------------------------------------------------------*/
	
	
#subNav {
	width:759px;
	height:16px;
	background-color:#666666;
	text-align:center;
	margin: 10px 0 0 0;
	clear:both;
}

#subNavmenu {
	color: #cccccc;
	font-weight: bold;
	font-size: 10px;
	padding: 2px;
	display:block;
	text-decoration: none;
}
#subNavmenu a:link {
	color:#FFFFFF;
	text-decoration:none;
}
#subNavmenu a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
#subNavmenu a:active {
	color:#FFFFFF;
	text-decoration:none;
}
#subNavmenu a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

		/* =trademark
		-----------------------------------------------------------------------------*/

#trademark {
	width:759px;
	height:20px;
	padding: 10px 0 0 0;
	text-align:center;
}
#trademarkspan {
	font-size:10px;
	color:#000000;
	text-decoration: none;
}

		/* =about
		-----------------------------------------------------------------------------*/

#about  {
	float:left;
	text-align:left;
}

.abouth1 {
	display:block;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	color:#330066;
	padding: 30px 90px 5px 90px;
}

.abouth2 {
	font-size:12px;
	font-weight:bold;
	color:#51CA00;
	text-align:left;
	padding: 25px 90px 5px 90px;
}

.text {
	text-align:left;
	padding: 0px 90px 5px 90px;
	font-size:11px;
}

.cell_l {
	text-align:left;
	border-left:1px solid #9999CC;
	border-right:1px solid #9999CC;
	background-color:#EDEDF6;
	font-size:11px;
}

.cell_r {
	text-align:left;
	border-right:1px solid #9999CC;
	background-color:#EDEDF6;
	font-size:11px;
}

#network {
	margin: 20px auto;
	padding:0;

}

#network ul {
	padding: 0 0 10px 30px;
}

/** Survey
------------------------------------------------- **/
table {
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#330066;
	padding:10px 30px 10px 30px;
}
