@charset "utf-8";
/* CSS Document */
/******************************************************************************
CSS Reset
*******************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
form, label,
table, caption, tbody, tfoot, thead, tr, th, td
{
    background:   			 				 		transparent;
    border:   			 				 			0;
    margin:   			 				 			0;
    outline:   			 				 			0;
    padding:   			 				 			0;
}

table
{
    border-spacing: 								0;
}

/******************************************************************************
General Classes
*******************************************************************************/
.left
{
    float:   			 				 			 left;
}

.right
{
    float:   			 				 			 right;
}

.half
{
    width:											49%;
}

.clear_both
{
    clear:   			 				 			 both;
}

.text_center
{
    text-align:   			 				 		center;
}


.w2
{
    width:   			 				 			 20px;
}

.red
{
    color:   			 				 			 #FF0000;
}

input[readonly]{
    background-color:   			 				 #F0F0F0;
    color:   			 				 			 #000000;
}

/******************************************************************************
Layout Divs
*******************************************************************************/

#outer_wrapper
{
    width:   			 				 			96%;
    min-width:   			 				 		900px;
    max-width:   			 				 		1152px;
    position:   			 				 		relative;
    margin-right:   			 				 	auto;
    margin-bottom:   			 				 	0;
    margin-left:   			 				 		auto;
    background-color:   			 				#FFF;
    border-right:   			 				 	2px solid #666666;
    border-left:   			 				 		2px solid #666666;
}

#header{
    height:   			 				 			181px;
    padding:   			 				 			5px;
    background:   			 				 		url(../../../img/header_bg.jpg) no-repeat;
}

#menu
{
    height:   			 				 			20px;
    padding:   			 				 			18px 25px;
    background:   			 				 		url(../../../img/menu_bg.gif) repeat-x;
    color:   			 				 			#FFFFFF;
}

#menu .signInDetails{
    float:right;
}

#menu .signInDetails a{
    font-size:1em;
    padding:0;
}

#menu .viewUser{
    color:											#ACC1A9;
}

#middle
{
    background:   			 				 		url(../../../img/middle_bg.jpg) no-repeat #fff;
    padding-top:   			 				 		25px;
    margin-bottom:   			 				 	10px;
}

#advertising
{
    width: 330px;
    float: right;
    margin-right: 10px;
}

#main_content
{
    padding: 10px;
    margin: 0 0 15px 20px;
    min-height:550px;
    border: 2px solid #666666;
    margin-right:340px;
}

#footer
{
    clear:both;
    height:34px;
    background:url(../../../img/footer_bg.gif) repeat-x;
    color:#FFFFFF;
    padding: 22px 25px 0 25px;
}

/******************************************************************************
Styles
*******************************************************************************/

body
{
    font-size: 12px;
    font-weight: normal;
    font-family: Poppins, Arial, Verdana, sans-serif;
}

h1, h2, h3, h4, h5, h6
{
    color:#0A2D4B;
}

h1
{
    margin:8px 0;
}

h2
{
    margin:8px 0;
}

a, .ui-widget-content a
{
    text-decoration:		none;
    color:					#0A2D4B;
}

a:hover
{
    text-decoration:underline;
}

#header img.p2plogo
{
    margin:25px;
    float:left;
}

#header img.p2pheader
{
    margin:25px;
    float:right;
}

#menu a
{
    color:#FFFFFF;
    font-size:1.3em;
    padding:3px 25px 3px 5px;
}

#footer a
{
    color:#FFFFFF;
    padding:3px 25px 3px 5px;
}

#footer h5
{
    color:#FFFFFF;
}

#advertising .ad
{
    border: 2px solid #666666;
    margin: 0 10px 10px 10px;
    width:300px;
}

#advertising .ad div
{
    padding: 10px;
}

#advertising .ad .ui-icon
{
    clear:both;
}


#advertising .ad a {
    clear:both;
    color:#0A2D4B;
    font-weight:bold;
    margin: 1px 10px 0px 10px;
    display:inline-block;
    *display:inline;
}

#advertising .ad h4 {
    font-size:1em;
}

#advertising .ad div#unpaidBatches {
    margin:							0;
    padding:						0;
    display:						none;
}

#advertising .ad div#unpaidBatches a {
    color:							red;
}

#batch_details,#server_time
{
    margin: 0 0 0 25px;
}

.msgContainerPlaceHolder
{
    min-height:28px;
}


#errorContainer, .msgContainer
{
    margin: 0 0 5px 0;
    overflow:auto;
    padding:0.2em;
}

#errorContainer .ui-icon.ui-icon-info,
.msgContainer .ui-icon.ui-icon-info
{
    float: left;
    margin: 0 .3em 0 0;
}

#accordion .ui-icon.ui-icon-info 
{
    background-image: url(../../../img/information_icon.png) !important;
    background-position:0 !important;
    width:20px;
    height:20px;
}

#loginErrorMessage,.msgContainer .msgText
{
    float:left;
}

.loadingScreen
{
    width:   			 				 			100%;
    text-align:   			 				 		center;
}

.loadingScreen .loadingImage
{
    background:   			 				 		url(../../../img/loader32.gif) center;
    height:   			 				 			32px;
    text-align:   			 				 		center;
    width:   			 				 			32px;
    display:   			 				 			inline-block;
    *display:   			 				 		inline;
}

form#loginform mainDetails
{
    margin: 0 0 0 10px;
}

form#loginform label
{
    display:block;
}

.headingTip
{
    color:											#7A7B7D;
    font-size:										0.9em;
    margin-bottom: 									0.8em;
}

.ui-accordion-header.ui-state-focus a {
    color:											#eeeeee;
}

div.batchLineInfo table{
    width:											100%;
}

div.batchLineInfo td.b {
    font-weight:									bold;
    width:											135px;

}

/******************************************************************************
Forms
******************************************************************************/

.frmGeneral .buttons
{
    margin-top: 									1em;
    text-align:										center;
}

.frmGeneral label
{
    display:   			 				 			inline-block;
    padding:   			 				 			0.4em;
    width:   			 				 			115px;
    zoom:   			 				 			1;
    *display:   			 				 		inline;
}

.frmGeneral.widelabel label{
    width:   			 				 			130px;
    vertical-align:									top;
}

.frmGeneral .labeltip{
    font-size: 										9px;
    font-style: 									italic;
}


.frmGeneral ul
{
    list-style-type:								none;
}

.frmGeneral ul li
{
    margin: 										0 0 0.5em 0;
}

.frmGeneral.blocklabels label
{
    display:   			 				 			block;
    *display:   			 				 		block;
}

.frmGeneral .termsAndConditions label{
    display:										inline;
    width:   			 				 			100%;
}


.add_button {
    width:85px;
    height:20px;
    padding:0;
    margin:2px 10px ;
}
.add_button .ui-button-text {
    padding:0;	
    font-size:0.9em;
}

input:focus,textarea:focus
{
    border:											2px solid #0A2D4B;
}

#entriesSectionDetail {
    height:											365px;
}

#frmEntries select {
    width:											500px;
}


#frmEntries input.text, #frmEntries select.country  {
    width:											250px;
}

#frmEntries .passesTo {
    width:											15px;
    margin-right:									5px;
}

#frmEntries textarea {
    width:											275px;
    height:											220px;

}

#tblEntries td, #tblEntries th {
    padding: 2px;
}

#tblEntries .text_right {
    text-align:										right;
}

#tblEntries .text_left {
    text-align:										left;
}

#loginform label, #loginform input
{
    display:										block;
    margin-top: 									0.6em;
}

#loginform button
{
    margin-top:										1em;
}

.forgotPassword
{
    margin: 										2em auto 0;
    width: 											400px;
}

.forgotPassword label
{
    width:											100px;
}

.forgotPassword input
{
    margin:											1em 0 1em;
    width:											210px;
}

#tempLoading {
    height:											325px;
    display:										none;
}


/******************************************************************************
Tables
******************************************************************************/

.tblGen
{
    border-spacing: 								0;
    border-top: 									1px solid #DDDDDD;
    clear: 											both;
    width: 											100%;
    border-collapse:								collapse;
}

.tblGen th, .tblGen td
{
    background: 									#FFF;
    color: 											#333333;
    padding: 										5px 0 5px 5px;
    border-top: 									1px solid #DDDDDD;
    height: 										35px;
}

.tblGen th
{
    background: 									#F5F5F5;
    border: 										1px solid #FFF;
    border-left: 									0;
    border-right: 									0;
    border-bottom: 									0;
    color: 											#000000;
    font-size: 										1em;
    vertical-align: 								middle;
}

.tblGen td
{
    font-size: 										0.9em;
    vertical-align:									middle;
}

.tblGen tr.jqgrow td
{
    padding:  										0.3em;
}

.tblGen tr.odd td, .ui-jqgrid tr.oddRow td
{
    background: 									#EEEEEE;
}


.ui-jqgrid tr.ui-state-hover td
{
    background-color: 								#0A2D4B;
    color: 											#FFFFFF;
    cursor:											pointer;
}

.ui-jqgrid tr.oddRow td.option,  .ui-jqgrid td.option
{
    width:					18px;
    cursor:					pointer;
} 

.ui-jqgrid tr.oddRow td.remove,  .ui-jqgrid td.remove
{

    
    background-image:				url(../../../img/icon_remove.gif);
    background-position:			center;
    background-repeat:				no-repeat;
    text-indent: 10000px;
}

.ui-jqgrid tr.footrow td.remove {
    background-image:				none;
}

td.option{
    cursor:							pointer;
    width:							18px;
} 

td.inspect{
    background:						url(../../../img/icon_inspect.png) no-repeat center;
    width:							26px;
}

td.edit{
    background:						url(../../../img/icon_edit.gif) no-repeat center;
    width:							16px;
}

.eTicketEmailTooltip{
    color: #727272;
    font-size: 0.8em;
    display: block;
    margin-left: 143px;
}

/******************************************************************************
GB Pointing Entries chrome
*******************************************************************************/

body
{
    background:										#FFFFFF;
}

#outer_wrapper
{
    width:											100%;
    max-width:										none;
    border:											0;
    background:										#FFFFFF;
}

#header
{
    height:											auto;
    padding:										0;
    background:										#FFFFFF;
}

.header-bar,
.menu-inner,
.footer-inner,
#middle
{
    width:											96%;
    max-width:										1152px;
    margin-left:									auto;
    margin-right:									auto;
}

.header-bar
{
    display:										flex;
    align-items:									center;
    justify-content:								space-between;
    padding:										18px 0 14px;
}

#header .logo
{
    display:										flex;
    align-items:									baseline;
    gap:											10px;
    color:											#0A2D4B;
    text-decoration:								none;
}

#header .logo:hover
{
    color:											#0A2D4B;
    text-decoration:								none;
}

#header .logo img
{
    height:											46px;
    width:											auto;
    float:											none;
    margin:											0;
}

.wordmark
{
    font-size:										26px;
    font-weight:									600;
    letter-spacing:									0.04em;
    line-height:									1;
    color:											#0A2D4B;
}

.wordmark-o
{
    color:											#E10600;
}

.logo-sub
{
    font-size:										15px;
    font-weight:									400;
    color:											#0A2D4B;
}

.header-utils
{
    display:										flex;
    align-items:									center;
    gap:											16px;
    color:											#0A2D4B;
    font-size:										13px;
}

.header-utils .signInDetails
{
    float:											none;
    text-align:										right;
}

.header-utils .signInDetails p
{
    margin:											0;
    line-height:									1.4;
}

.header-utils .viewUser
{
    color:											#0A2D4B;
    font-weight:									600;
}

.test-site
{
    display:										inline-block;
    padding:										4px 8px;
    border:											1px solid #E10600;
    color:											#E10600;
    font-weight:									600;
    font-size:										12px;
    letter-spacing:									0.06em;
}

#menu
{
    height:											auto;
    padding:										0;
    background:										#FFFFFF;
    color:											#0A2D4B;
    border-top:										1px solid #B9D4EB;
    border-bottom:									1px solid #B9D4EB;
}

#menu a
{
    color:											#0A2D4B;
    font-size:										13px;
    font-weight:									600;
    letter-spacing:									0.04em;
    text-transform:									uppercase;
    padding:										14px 18px;
    display:										inline-block;
    border-left:									0;
}

#menu a + a
{
    border-left:									1px solid #B9D4EB;
}

#menu a:hover
{
    text-decoration:								none;
    background:										#F4F8FB;
}

#middle
{
    background:										#FFFFFF;
    margin-bottom:									10px;
}

#main_content,
#advertising .ad
{
    border-color:									#B9D4EB;
}

#footer
{
    height:											auto;
    background:										#0A2D4B;
    color:											#FFFFFF;
    padding:										16px 0;
}

#footer a,
#footer h5
{
    color:											#FFFFFF;
}

.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button
{
    font-family:									Poppins, Arial, Verdana, sans-serif;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus
{
    border-color:									#0A2D4B;
    background:										#0A2D4B none;
    color:											#FFFFFF;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited
{
    color:											#FFFFFF;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active
{
    border-color:									#0A2D4B;
    background:										#0A2D4B none;
    color:											#FFFFFF;
}

#adminHome .menu a
{
    background:										#0A2D4B;
    border-color:									#0A2D4B;
}

#adminHome .menu a:hover
{
    background-color:								#123E66;
    border-color:									#123E66;
}