/*------------------ HEADER CODES ADDED HERE --------------------*/
#header { background: url("../../images/header_pic.jpg") no-repeat; margin: 0; padding: 0; width: 950px; height: 350px }
#headerPan  { background: url("../../images/header_pic.jpg") no-repeat; margin: 0 auto; width: 950px; height: 350px }
#headerPan ul        { display: block; margin: 0 auto -15px; padding: 0 0 0 60px; width: 900px; height: 35px }
#headerPan ul li   { display: block; margin: 0 0 0 0; padding: 5px 0 0; height: 35px; float: left }
#headerPan ul li a           { color: #c3c3c3; font: 10px/21px Arial, Verdana, Helvetica, sans-serif; text-decoration: none; background-color: black; background-image: url("../../images/nav_bg.png"); background-repeat: no-repeat; background-position: 0 0; text-transform: capitalize; margin: 0; padding: 25px 22px 14px; height: 35px; border-right: 1px solid #777; border-bottom: 1px solid #666 }
#headerPan ul li a.lined          { color: #c3c3c3; font: 10px/21px Arial, Verdana, Helvetica, sans-serif; text-decoration: none; background-color: black; background-image: url("../../images/nav_bg.png"); background-repeat: no-repeat; background-position: 0 0; text-transform: capitalize; margin: 0; padding: 25px 21px 14px; height: 35px; border-right: 1px solid #777; border-bottom: 1px solid #777; border-left: 1px solid #666 }
#headerPan ul li a:hover         { color: #8ca1b6; font-style: normal; font-weight: normal; background-color: black; background-image: url("../../images/nav_bg_hover.png"); background-repeat: no-repeat; background-position: 0 bottom; text-transform: capitalize }
#headerPan h1  { color: aqua; background: url("../../images/extra_placement.png") no-repeat; text-indent: -2000px; display: block; margin: 60px 0 -500px 615px; padding: 0; width: 350px; height: 350px }

/*----------------- FOOTER CODES ADDED HERE ----------------------*/
#footerMain   { background: url("../../images/footer_bg.png") repeat-x center top; width: 100% }
#footer        { background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; margin: -10px auto 0; padding: 85px 0 0; width: 950px; height: 75px }
#footer ul         { font-size: 0; display: block; margin: 0 auto; padding: 0 0 0 60px; width: 900px; height: 30px }
#footer ul li     { color: #919191; font: 10px/14px Arial, Verdana, Helvetica, sans-serif; background-color: transparent; margin: -2px 0 0; padding: 0; float: left }
#footer ul li a          { color: #c3c3c3; font: 10px/14px Arial, Verdana, Helvetica, sans-serif; text-decoration: none; background-color: black; background-image: url("../../images/footer_nav_bg.png"); background-repeat: no-repeat; background-position: 0 bottom; text-transform: capitalize; padding: 12px 23px; height: 35px; border-style: solid; border-width: 1px 1px 1px 0; border-color: #666 }
#footer ul li a.lined         { color: #c3c3c3; font: 10px/14px Arial, Verdana, Helvetica, sans-serif; text-decoration: none; background-color: black; background-image: url("../../images/footer_nav_bg.png"); background-repeat: no-repeat; background-position: 0 bottom; text-transform: capitalize; padding: 12px 23px; height: 35px; border: solid 1px #666 }
#footer ul li a:hover       { color: #8ca1b6; font-style: normal; font-weight: normal; text-decoration: none; background-color: black; background-image: url("../../images/footer_nav_bg_hover.png"); background-repeat: no-repeat; background-position: 0 bottom; text-transform: capitalize }
#footer p       { color: #8ca1b6; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-variant: normal; font-weight: normal; line-height: 14px; background-color: transparent; text-align: center; display: block; margin: 0; padding: 0; width: auto }
#footer p.copy       { color: #4b4b4b; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-variant: normal; font-weight: normal; line-height: 14px; background-color: transparent; display: block; margin: 20px 0 10px; padding: 0 0 0 225px; width: auto }
#footer p.copy a      { color: #4b4b4b; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 14px; text-decoration: none }
#footer p.copy a:hover    { color: #8ca1b6 }

/*------------------ CONTENT CODES HERE -------------------------*/
body    { background-color: black; background-image: url("../../images/bg.gif"); background-repeat: repeat-x; background-position: 0 0; margin: 0; padding: 0 }
ul { list-style-type: none }
p   { color: #919191; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: bold; line-height: 15px; background-color: #333333 }
a:link { color: #8ca1b6; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 15px; text-decoration: none }
a:hover { color: #c3c3c3; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 15px; text-decoration: none }
a:visited { font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 15px; text-decoration: none }
td  { color: #696969; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif }
img  { margin: 0; padding: 0; border-style: none; outline-style: none }
.heading                  { color: #414141; font: 36px/64px Arial, Verdana, Helvetica, sans-serif; text-transform: capitalize; display: block; margin: -7px 0 18px 25px; padding: 0; width: 475px; height: 35px }
.backing   { background-color: #333; text-align: justify; margin: 0; padding: 0 25px; width: 550px }
.backingticket { background-color: #333; text-align: justify; margin: 0; padding: 0 25px; width: 544px }
.hig1 span a { color: #c3c3c3; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-variant: normal; text-decoration: none; background-image: url("../../images/right_side_link.gif"); background-repeat: no-repeat; background-position: right 50%; text-align: right; text-transform: capitalize; margin: -15px 0 0; padding: 15px 25px 0 10px; width: 125px; height: 30px; float: right }
.hig1 span a:hover { color: #8ca1b6; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-variant: normal; text-decoration: none; background-image: url("../../images/right_side_link_hover.gif"); background-repeat: no-repeat; background-position: right 50%; text-align: right; text-transform: capitalize; margin: -15px 0 0; padding: 15px 25px 0 10px; width: 125px; height: 30px; float: right }
.backingspecial  { background-color: #333; text-align: justify; margin: -11px 0 0; padding: 0 25px; width: 550px; border-top: 1px dotted black }
.hig1 { color: #696969; font: bold 12px/20px Arial, Verdana, Helvetica, sans-serif; background: #333333 url("../../images/icon_06.png") no-repeat 25px 10px; text-align: justify; display: block; margin: 0; padding: 18px 25px 20px 60px; width: 515px }
.top_lrg  { font-size: 0; background: black url("../../images/left_side_up_large.gif") no-repeat left bottom; display: block; margin: 0; padding: 0; width: 600px; height: 15px }
.bottom_lrg   { font-size: 0; background: black url("../../images/left_side_down_large.gif") no-repeat left top; display: block; margin: 0; padding: 0; width: 600px; height: 20px }

/*------------------ LEFT BOX CODES HERE --------------------------*/
.main { margin: -27px 0 0; padding: 0 }
.leftbar   { color: #919191; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; background-color: #333; margin: 0; padding: 0 }
.top { font-size: 0; background: black url("../../images/left_side_up.gif") no-repeat left bottom; display: block; margin: 0; padding: 0; height: 15px }
.bottom  { font-size: 0; background: black url("../../images/left_side_down.gif") no-repeat left bottom; display: block; margin: 0; padding: 0; height: 20px }
.icon6        { color: #696969; font: 18px/35px Arial, Verdana, Helvetica, sans-serif; background: #333333 url("../../images/icon_06.png") no-repeat 8px 0; text-transform: capitalize; display: block; margin: -3px 0 10px 3px; padding: 0 0 0 42px; width: 135px; height: 35px }
.parabasics  { color: #919191; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 15px; background-color: #333333; text-align: justify; margin: 0; padding: 0 25px 5px 30px }
.erroruser { color: #8ca1b6; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 8px; text-decoration: none; margin: 0 0 0 30px; padding: 0 }
/*----------------- FORM CODES -----------------*/
form { margin: 0; padding: 0 }
#form_area { background-color: #333; margin: -25px 0 25px 10px; padding: 0 }
label { color: #919191; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; line-height: 15px; margin: 0 0 0 30px; padding: 0 }
textarea   { color: #919191; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 15px; background-color: #000; padding: 4px; width: 290px; border: solid 1px #232323 }
.account  { background-color: #333; margin: 0; padding: 0 0 0 60px; width: 540px }
.button  { color: #919191; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: bold; line-height: 15px; background-color: #000; margin: 0 0 0 30px; padding: 4px 10px; border: solid 1px #232323 }
.button1 { color: #919191; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: bold; line-height: 15px; background-color: #000; margin: 0 0 0 0; padding: 4px 10px; border: solid 1px #232323 }
.logintextfield { color: #919191; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 15px; background-color: #000; margin: 0 0 0 30px; padding: 2px; width: 140px; border: solid 1px #232323 }
.formbox { color: #919191; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 15px; background-color: #000; padding: 4px; width: 290px; border: solid 1px #232323 }
.dropdown    { color: #000; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: bold; line-height: 15px; text-decoration: none; margin: 2px 0 0; padding: 4px; width: 300px }
.tags { color: #919191; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 15px; background-color: #000; text-align: justify; margin: 0 0 5px; padding: 2px 8px; border: solid 1px #232323 }
/*----------------- Error MESSAGES -----------------*/
.error  { color: #696969; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 15px; background-color: #333; margin: 0; padding: 0 }
.imagemsg   { text-align: left; margin: -5px 0 0; padding: 0 15px 15px 30px }
.linebreak { display: block; margin: 0; padding: 0; clear: left }
/*----------------- POP WINDOW BASE -----------------*/
.kbaseQuestion { color: #919191; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; line-height: 15px; background-color: #333; text-align: justify; padding: 5px 5px 10px; border-bottom: 1px dotted black }
.kbaseAnswer  { color: #696969; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 15px; text-decoration: none; text-align: justify; padding: 15px 5px 20px; border-bottom: 1px dotted black }

.kbaseAnswer a  { color: #8ca1b6; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 15px; text-decoration: none }
.kbaseAnswer a:hover   { color: #c3c3c3; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 15px; text-decoration: none }

.kbaseCell  { padding: 10px 10px 10px 3px }
.kbaseWindowTable   { color: #c0c0c0; background-color: #333; padding: 5px; height: 288px; border: solid 1px black }
.kbaseFooter   { color: #919191; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 15px; background-color: #333; padding: 15px 5px 5px }
/*----------------- Show TICKET CODES -----------------*/
.margins { margin: 0; padding: 0 }
.menutable    { color: #696969; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: bold; margin: 0; padding: 10px 20px 5px; border-top: 1px dotted black }
.ticketDisplayTable  { color: #919191; background-color: #333; margin: 0 }
.replyBoxTable { color: #696969; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 12px; text-decoration: none; background-color: #333; margin: 0; padding: 5px }
.tagCell { background-color: #333; margin: 0; padding: 20px }
.ticketInfoBox { color: #919191; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; background-color: #333; background-image: url("../../images/right_side_link_smll.gif"); background-repeat: no-repeat; background-position: right 50%; text-align: right; margin: 0; padding: 8px; width: 115px }
.padding_3  { padding: 3px 0 3px 10px }
.comments { color: #696969; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; text-decoration: none; margin: 0; padding: 5px 20px }
.ticketTopCell  { margin: 0; padding: 10px 1px; width: 544px; border-bottom: 1px dotted black }
.visitorReplyInfoCell  { color: #696969; font-size: 9px; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: italic; font-weight: normal; text-decoration: none; background-color: #333; margin: 0; padding: 5px 20px 0; border-top: 1px dotted black }
.visitorReplyCell { color: #919191; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #333; margin: 0; padding: 10px 20px; border-top: 1px dotted black }
.adminReplyInfoCell  { color: #696969; font-size: 9px; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: italic; font-weight: normal; text-decoration: none; background-color: #333; margin: 0; padding: 5px 20px 0; border-top: 1px dotted black }
.adminReplyCell  { color: #919191; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #333; margin: 0; padding: 10px 20px 5px; border-top: 1px dotted black }
.formbutton  { color: #919191; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: bold; background-color: #000; margin: 0; padding: 3px; border: solid 1px #696969 }
.noRepliesTable { color: #919191; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #333; background-image: url("../../images/left_side_largest.gif"); background-repeat: no-repeat; background-position: center; margin-top: 3px; padding: 10px; width: 544px }
.noRepliesCell { width: 544px }
/*----------------- OTHER CODES -----------------*/
.nolivesupport { color: #919191; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold }
.displayTable  { color: #000000; background-color: #ffffff; border: solid 1px #164677 }
.createTable   { color: #919191; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: bold; line-height: 15px; text-decoration: none; background-color: #333; margin: 0; padding: 0; border-width: 12px; border-color: aqua }
.td_back  { background-color: #f0f6ff; background-image: url("../images/bg.png"); padding: 1px; border-width: 12px; border-color: aqua }
.curTicketTable  { color: #000000; background-color: #f0f6ff; border: solid 1px #164677 }
.wrapperTable  { border: solid 1px #164677 }
.footTable {
  border: 1px solid #164677;
  color: #000000;
	background-color: #FFFFFF;
	margin-top: 3px;
}
.attachmentCell {
  border: 1px solid #64798E;
  color: #000000;
	background-color: #F0F6FF;
	padding: 5px;
}
.attachmentCreateCell {
  border: 1px solid #64798E;
  color: #000000;
	background-color: #FFFFFF;
	padding: 5px;
}
.padding  { padding: 0 5px }
.borderTop  { padding: 5px; border-top: 1px solid #164677 }
fieldset  { padding-right: 10px; padding-left: 10px; width: 720px; border: solid 1px #64798e }
legend {
	color: #FFFFFF;
	background: #164677;
	border: 1px solid #000000;
	padding: 5px 20px;
	font-weight: bold
}
.filebox {
  border: 1px solid #164677;
}
/*-----------------  LIVE SUPPORT -----------------*/

.ls_closeTable {
  background-color:#F0F6FF;
  margin: 3px 0px 3px 0px;
  color: #000000;
  border:1px solid #164677;
}
.ls_messageTable {
  background-color:#F0F6FF;
  color: #000000;
  border:1px solid #164677;
}
.ls_headerTable {
  background-color:#F0F6FF;
  color: #000000;
  border:1px solid #164677;
  margin-bottom:3px;
}
.ls_wrapperTable {
  border:1px solid #164677;
  background-color:#FFFFFF;
}
.ls_formArea {
  border:1px solid #164677;
  margin-top:3px;
}
.ls_error {
  font-size: 10px;
  color: #64798E;
}