﻿@charset "utf-8";
/* CSS Document */

.scroll-wrapper{
    -webkit-overflow-scrolling:touch;
    overflow-y:scroll;
}

html, body, body div, span, object, iframe, p, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
#blur

{
    position:fixed;
    top:0;
    left:0;
    width: 100%;
    
    background-color: #F1F1F1;

    filter: Alpha(opacity=1);
    opacity: 0.4;
    z-index: 12345673;

    height: 100%;
    
}
iframe {
  max-width: 100%;
}

/* HTML5 display-role reset for older browsers */
article, aside, figure, footer, header, hgroup, nav, section {display: block;}

ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; color:#013453;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

body {line-height:1;}

/* tables still need cellspacing="0" in the markup */
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

/* Form Elements */
input, select {vertical-align: middle;}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}

a:hover, a:active {outline: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;} 

sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable, input[type=button], input[type=submit], button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

a, img a, img, a img {border:0;	outline:0; text-decoration:none;}



/* FLOAT-elements */
.fltleft {float:left;}
.fltright {float:right;}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  


/* only to clear floats - to be used with any class as addition */
.clear {
	clear: both;
	}
	
/* clear float with blank <div>or <br>*/
.clrflt {
	clear:both;
	line-height:1px;
	font-size:1px;
	overflow: hidden;
	}
	

/* MAIN */
body {
	background:#ffffff;
	font-family: 'Ubuntu', sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	outline:0;
	}

.tooltipster-content{
    font-family: 'Ubuntu', sans-serif;   
}

.wrapper{
    max-width:900px;
    margin:0px auto;
    overflow:auto;
}
	
.wrapper1
{
	width:601px;
	margin:0px auto
}

.client {
    width: 100%;
    float: left;
    margin-bottom: 16px;
}
	
.top_box
{	
	padding:23px 0 0 0;
	font-size:15px;
	color:#013453;
	margin-bottom:5px;
}

.clientdetails
{  
    padding:0 5px 0 0;	
	font-size:14px;
	line-height:17px;
    box-sizing:border-box;
}

.communicationinfo
{
    width:40%;
    float:right;
}

.PhoneLabel{
    float:left;
    width:52%;
    text-align:right;
}

.comminfodetails{
    width:48%;
    float:right;
    text-align:right;
}

.emailheader {
    width:100%;
    margin-top:3px;
    clear: both;
    float: left;
    text-align: right;
}

.print
{
   clear:both;
   width:100%;
   text-align:right;
}

.print a
{
    font-size:14px;    
    text-decoration:underline;
}

.Logout
{
    clear:both;
	float:right;
	text-align:right;
	margin:5px 0 5px 0;			
	font-size:14px;   
}

.Logout a
{
    /*color:#013453;*/
    text-decoration:underline;
}

.LogoutUser{
    float:left;
    margin-right:5px;
}

.LogoutLink {
    float:left;    
}

.listmenu
{
	width:57px;
	padding-left:13px;
	font-size:14px;
	float:right;
}

.listmenu select 
{
	background:#fff;
	border-radius:5px;
	border:1px #e1e1e1 solid;
	width:57px;
	color:#333333;
	padding:4px 4px;
}

.block
{
	width:100%;
	position:relative;
	-webkit-border-radius:8px;
	border-radius:8px;
	-webkit-box-shadow:0px 0px 4px #d9d9d9;
	box-shadow:0px 0px 4px #d9d9d9;
	/*behavior:url(PIE.htc);*/
	margin-bottom:16px;	
}


.block_top
{
	height:45px;
	background:url(../images/top_bg.jpg) repeat-x top left;
	line-height:40px;
	font-size:17px;
	color:#013453;
	font-weight:500;
	padding-left:12px;
	position:relative;
	-webkit-border-top-left-radius:7px;
	-webkit-border-top-right-radius:7px;
	border-radius:7px 7px 0 0;
	/*behavior:url(PIE.htc);*/
	border:1px solid #d7d7d7;
	border-bottom:0px;
}

.block_bottom
{
	background:#fff;
	border:1px solid #d7d7d7;
	position:relative;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	/*border-radius:8px ;
	behavior:url(PIE.htc);*/
	margin:-6px 0 0px 0;
}

.invoicedescription
{        
	padding:16px 14px 16px 14px;
	font-size:14px;
	/*color:#333;*/
	line-height:17px;
    box-sizing:border-box;
}

.payinvoicedescription
{
	padding:16px 14px 16px 14px;
	font-size:14px;
	/*color:#333;*/
	line-height:17px;
    border-bottom:1px solid #ccc;
    box-sizing:border-box;
}

.orgdetails
{
    width:60%;
    float:left;
}

.orgname{
    width:100%;
    float:left;
}


.orgdetailsaddress{
    width:100%;
    clear:both;
    float:left;
}

.invoicedetails
{
    float:left;
    width:40%;
    
}

.invoicedetailslabel {
    clear:both;
    float: left;
    width:63%;        
    text-align:right;
}

.invoicedetailsdetail {
    
    float:left;    
    width:37%;
    text-align:right;
}
    

.invoice_top
{       
	min-height:35px;
	line-height:35px;
	background:url(../images/top_bg1.jpg) repeat left top;
	border-bottom:1px solid #ccc;
	position:relative;	
	border-top:1px solid #d7d7d7;
    overflow:auto;
   
}

.invoice_top div
{
    float:left;
	width:57%;
	font-size:13px;
	color:#013453;
	font-weight:700;
	text-transform:uppercase;
}

.invoice_top .event
{
    width:100%;  
    /*word-break: break-all;*/ 
    word-wrap: break-word;   
}

.invoice_top .quantity
{
    width:13%;
}

.lblQuantity {
    display: block;
    float:right;
}

.lblQty {
    display: none;
}

.invoice_top .price
{    
    width:15%;
    text-align:right;
}

.invoice_top .amount
{
    display:block;
    width:15%;    
    text-align:right;
}

.invoice_details
{	
	min-height:54px;	
	border-bottom:1px solid #ccc;
	padding-left:12px;
	padding-right:12px;
	position:relative;
	overflow:hidden;	
    box-sizing:border-box;
}

.invoice_details div
{
	float:left;	
	font-size:14px;	
}

.invoice_details .item
{
	width:57%;	
	margin-top:18px;	
}

.invoiceHeaders{
    float:left;
    width:100%;
    padding-left:12px;
    padding-right:12px;
    box-sizing:border-box;
}

.invoice_details .item strong
{
	font-weight:700;
	display:block;
	float:left;
}

.invoice_details .eventitem
{
    clear:both;
    float:left;
    margin: 5px 0 0 5px;    
}

.invoice_details .attendees
{
    clear:both;
    float:left;
    padding: 5px 0 15px 10px;     
    box-sizing:border-box;
}

.invoice_details .attendeename
{
    clear:both;
    float:left;
    margin-bottom:3px;     
}

.invoice_details .eventitembottom
{
    clear:both;
    float:left;    
}

.invoice_details .invoiceqty
{
    margin-top:18px;
    width:13%;
    text-align:right;    
}

.invoice_details .price
{
    margin-top:18px;	
	width:15%;	
	text-align:right;
}

.invoice_details .taxprice
{
    margin-top:18px;	
	width:15%;	
	text-align:right;
}

.invoice_details .amount
{
    margin-top:18px;	
	width:15%;	
	text-align:right;
}

.invoice_details .taxamount
{
    margin-top:18px;	
	width:15%;	
	text-align:right;
}

    .invoice_details .mobiletotal {
        display: none;
    }

.sectiondescription
{
	padding:16px 15px 16px 14px;
	font-size:14px;
	/*color:#333;*/
	line-height:17px;
    box-sizing:border-box;
    word-wrap:break-word;
}

.itemselection
{
	min-height:54px;	
	/*border-bottom:1px solid #ccc;*/
	padding-left:12px;
	padding-right:12px;
	position:relative;
	overflow:hidden;
    box-sizing:border-box;
    width:100%;	
}

.itemselection div
{
	float:left;	
	font-size:14px;	
}

.itemselection .select
{
    width:3%;
    margin-top:16px;
}

.condtopdetails{
    padding-left:0px;
}

.condselect{
    width:3%;
    padding-left:1%;
    margin-top:16px;
}

.itemselection .item
{
	width:47%;
	margin-top:18px;	
}

.itemselection .conditem{
    float:left;
    width:46%;
    padding-left:1%;
    margin-top:18px;
}

.itemselection .item strong
{
	font-weight:700;
	display:block;
	float:left;
}

    .itemselection .itemname {
        margin-top:18px;	
        width: 60%;
    }

    .itemselection .selectitem {
        margin-top:18px;	
        width:57%;
    }

.itemselection .condselectitem {
    margin-top:18px;	
    width:56%;
}

.itemselection .more{
    float:left;	
    margin-top:18px;	
    width:10%;
}

.itemselection .moreinfo
{
    text-decoration:underline;
    font-size:11px;
    cursor: pointer;
    margin-top:2px;
}

.itemselection .condmoreinfo{
    text-decoration:underline;
    font-size:11px;
    cursor: pointer;
    margin-top:2px;        
}

.itemselection .dependentinfo
{
    text-decoration:underline;
    font-size:11px;
    cursor: pointer;
    margin-top:2px;
}

.displaymore{
    display:block;
}

.nodisplay{
    display:none;
}

.methodlabel {
    float: left;
    width: 145px;
    margin-top: 5px;
}

.itemselection .quantity
{
    margin-top:13px;	
	width:13%;		
}

.noaccess {
    margin-top: 4px;
    text-decoration: underline;
    width: 100%;
    text-align: right;
}

.noaccessnoqty{
    text-decoration: underline;
    width: 100%;
    text-align: right;
}

.mobilenoaccessnoqty{
    text-decoration: underline;
    width: 100%;
    text-align: right;
    margin-bottom:10px;
}
    

.itemselection .price
{
    margin-top:18px;	
	width:15%;	
	text-align:right;
}

.itemselection .pricevoluntary
{
    margin-top:13px;
    width:15%;
}

.itemselection .amount
{
    margin-top:18px;	
	width:15%;	
	text-align:right;
}

.selectedItem{
    background:#F8F8F8;
}

.levels .amountdisplay{
    float:left;
    margin-top:18px;    
    width:15%;
    text-align:right;
}

.levels .amount{
    float:left;
    margin-top:18px;	
	width:15%;	
	text-align:right;
}

.condlevels .amountdisplay{
    float:left;
    margin-top:18px;
    width:15%;
    text-align:right;
}

.condlevels .amount{
    float:left;
    margin-top:18px;	
	width:15%;	
	text-align:right;
}

    .itemselection .amountdisplay {
        margin-top: 18px;
        padding-left:15%;
        width: 15%;
        text-align: right;
        float:left;
    }

.itemdetails{
   
    padding-left:12px;
    overflow:auto;
}

.conditemdetails{
    overflow:auto;
}

.itemselection .Formula
{
    clear:both;
    float:left;    
    margin-bottom:18px;
    width:100%;
    box-sizing:border-box;
}

.itemselection .formulaitem
{
    padding-left:10px;
    width:43%;
	margin-top:10px;	
    box-sizing:border-box;
}

.divFormulas {
    clear: both;
    float: left;
    padding-left: 1%;
    box-sizing:border-box;
    width:100%;
}

.itemselection .formulavalues
{
    float:right;
    margin-top:8px;
    width:15%;
    text-align:right;
}

.itemselection .calculatedformulavalues{
    float:left;
    margin-top:8px;
    width:100%;
    text-align:right;
}

.itemselection .formulaselect
{
    width:3%;
    margin-top:10px;   
}

.itemselection .formulamultiitem
{   
    width:82%;
	margin-top:11px;	
}

.itemselection .calculated{
    width:15%;
    text-align:right;
}

    .itemselection .mobiletotal {
        display: none;
    }

    .levels .mobiletotal{
        display:none;
    }

    .condlevels .mobiletotal{
        display:none;
    }

.conditionalbox{
    width:100%;
    box-sizing:border-box;
    clear:both;
    float:left;
}

.conditionalItemsList {
    clear: both;
    float: left;
    width: 100%;
    box-sizing: border-box;
    
}

.conditionalItems{    
    width:100%;
    border-top: 1px solid #ccc;
    float:left;
    clear:both;
    box-sizing:border-box;
}

.bundlebox{
    width:100%;
    box-sizing:border-box;
    clear:both;
    float:left;    
}

.bundleHeader{
    clear:both;
    float:left;
    line-height:17px;  
    width:100%;
    margin-bottom:10px; 
}

.parmHeader{
    clear:both;
    float:left;
    font-size:14px;
	color:#013453;
	font-weight:700;
	margin-bottom:8px;
    margin-top:8px;
}



.levels{
    width:100%;
    clear:both;
    float:left;    
    font-size:14px;    
    box-sizing:border-box; 
    padding-right:12px;   
    overflow:hidden;
    /*background:url(../images/bottombg.jpg) repeat-x left top;*/
}

.levels .login{
    margin-top:3px;
    text-align:right;
}

.levels a{
    text-decoration:underline;
    
}

.condlevels{
    width:100%;
    clear:both;
    float:left;    
    font-size:14px;    
    box-sizing:border-box; 
    padding-right:12px;   
    overflow:hidden;
    /*background:url(../images/bottombg.jpg) repeat-x left top;*/
}

.condlevels .login{
    margin-top:3px;
    text-align:right;
}

.condlevels a{
    text-decoration:underline;
    
}

.levelheader{
    clear:both;
    float:left;
    width:100%;
    padding-top:10px;
}

.firstleveldetails{
    clear:both;
    float:left;
    min-height:54px;
    width:100%;
    border-top:1px solid #ccc;
}

.firstbottomleveldetails{
    clear:both;
    float:left;
    min-height:54px;
    width:100%;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}

.leveldetails{
    clear:both;
    float:left;
    min-height:54px;
    width:100%;
    border-bottom:1px solid #ccc;
}
.lastleveldetails{
    clear:both;
    float:left;
    min-height:54px;
    width:100%;
    
}

.selectLevel{
    float:left;
    margin-top:16px;
    padding-left:2%;
    width:3%;
}

.levelname{
    float:left;
    width:56%;
    padding-left:1%;
    margin-top:18px;
}

.condlevelname{
    float:left;
    width:55%;
    padding-left:2%;
    margin-top:18px;
}

.condlevelname strong{
    font-weight:700;
	display:block;
	float:left;
}

.datelevelname{
    float:left;
    width:188px;
    margin-top:18px;
}

.levelname strong{
    font-weight:700;
	display:block;
	float:left;
}

.levelnamenoquantity{
    float:left;
    width:378px;
    margin-top:18px;
}
.levelnamenoquantity strong{
    font-weight:700;
	display:block;
	float:left;
}

.SingleLevelDisplay{
    float:left;
    padding-left:1%;
    width:84%;
    margin-top:18px;
}

.LevelDisplay{
    float:left;
    margin-top:18px;
    width:65%;
}

.CondLevelDisplay{
    float:left;
    margin-top:18px;
    width:65%;
}

.priceLevel{
    
    float:left;
    width:15%;
    margin-top:18px;
    text-align:right;
}

.levelAmount{
    float:left;
    margin-top:18px;
    text-align:right;
    width:15%;

}

.quantityLevel {
    float:left;
    width:13%;
    margin-top:14px;
}

.LevelItemDisplay{
    float:left;	
    width:60%;
    margin-top:18px;
}

.CondLevelItemDisplay{
    float:left;	
    padding-left:1%;
    width:59%;
    margin-top:18px;
}

.priceSoldOut{
    display:none;
}

.mobilesoldout{
    display:none;
}

.mobilesoldoutprice{
    display:block;
}

.soldoutamount{
    display:none;
}

.mobiledsoldouttotal{
    display:none;
}

.quantity .listmenu
{
    float:right;

}

.arrow
{
	width:16px;
	height:7px;
	background:url(../images/bottom_arrow.png) no-repeat left top;
	position:relative;
	top:0px;
	left:44px;
	z-index:1;
	line-height:normal !important;
}

.details
{
	clear: both;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 12px 18px 1%;
}

.conddetails{
    padding-left:2%;
}

.product_bottom
{
	border-bottom:1px solid #ccc;
	/*background:#F8F8F8;*/
}

.product_bottompic
{
	float:left;   
    box-sizing:border-box;
}

.product_bottomtext
{
	width:84%;
    padding-left:1%;
	font-size:14px;	
	line-height:17px;    
    box-sizing:border-box;
}

.product_text
{	
	font-size:14px;
	/*color:#333;*/
	line-height:17px;
}

.formbox
{
	clear:both;
    float:left;
    width:100%;
    box-sizing:border-box;	
}

.formbox h2
{
	font-size:14px;
	color:#013453;
	font-weight:700;
	margin-bottom:22px;
}

.formbox label
{
	width:110px;
	font-size:14px;
	/*color:#333;*/
	line-height:29px;
	float:left;
}

.formbox .cblist label
{
    float:left;
    margin-left:5px;
    width:270px;   
	line-height:20px;
}

.formbox .cblist input
{
    float:left;
    margin-top:3px;
    line-height:20px;
}

.formbox label.extra
{
	width:182px;
}

.formbox label.extrared
{
    width:182px;
	color:#ed1c24;
}

.formbox label.red
{
	color:#ed1c24;
}

.itemsformbox{
    padding-left:1%;
}

.condattendees{
    padding-left:2%;
}

.imgHelp
{
	width:16px;
	height:16px;
	float:left;
	padding:7px 0 0 5px;	
}

.orgHelpImage{
    width:16px;
	height:16px;
	float:left;
	padding:7px 0 0 5px;
}

a.see
{
	width:50px;
	line-height:29px;
	text-decoration:underline;
	display:block;
	font-size:14px;
	/*color:#013453;*/
	float:left;
	padding-left:10px;
}

.form_field
{
	width:343px;
	height:17px;
	line-height:17px;
	border:1px solid #e1e1e1;
	border-radius:5px;
	padding:6px 4px 6px 10px;
	font-size:14px;	
	margin-bottom:13px;
	float:left;	
}

.nameform_field
{
	width:343px;
	height:17px;
	line-height:17px;
	border:1px solid #e1e1e1;
	border-radius:5px;
	padding:6px 4px 6px 10px;
	font-size:14px;	
	margin-bottom:13px;
	float:left;	
}

.form_field1{
    width:250px;
	height:17px;
	line-height:17px;
	border:1px solid #e1e1e1;
	border-radius:5px;
    padding:6px 4px 6px 10px;
	font-size:14px;	
	margin-bottom:13px;
	float:left;
}

.form_fieldnolabel
{
    margin-left:110px;
	width:343px;
	height:17px;
	line-height:17px;
	border:1px solid #e1e1e1;
	border-radius:5px;
	padding:6px 4px 6px 10px;
	font-size:14px;
	/*color:#333;*/
	margin-bottom:13px;
	float:left;	
}

.form_fieldvoluntary
{
    width:60px;
	height:17px;
	line-height:17px;
	border:1px solid #e1e1e1;
	border-radius:5px;
    padding:4px 4px 4px 20px;
	font-size:14px;
	
	/*margin-bottom:13px;*/
	float:right;
	/*margin-top:14px;*/
}



.form_fieldvoluntary.igte_Edit
{
    width:70px;
    margin-right:0px;    
}


.listmenu1
{
	width:274px;
	float:left;
	font-size:14px;
	/*color:#333;*/
	margin-bottom:13px;
}

.listmenu1 select 
{		
	border-radius:5px;
	border:1px #e1e1e1 solid;
	width:274px;
	color:#333333;
	padding:6px 8px;
}

.mulitparmvalues {
    float: left;
    margin-bottom: 13px;
}

.Language
{
    float:right;
    text-align:right;    
    text-decoration:underline;
    display:block;
    font-size:14px;
}

.subtotals
{
    float:left;   
    width:100%;
	font-size:14px;
}

.subtotals div 
{ 
    float:left;
    line-height:20px; 
    width:100%;   
}

.subtotals .label
{
    width:70%;
	font-size:14px;			
	float:left;
	text-align:right;
	
}

.subtotals .amount
{   
    text-align:right;
    float:right;
    width:30%;
}

.subtotals .break
{
    clear:both;
    float:right;
    width:75px;
    line-height:0px;
}


.totals
{
    float:left;
    width:100%;
	padding:5px 0 16px 0;	
	font-size:14px;
}

.totals div 
{ 
    float:left;
    line-height:20px;   
    
}

.totals .label
{	
    width:70%; 
	font-size:14px;		
	float:left;
	text-align:right;
}

.totals .amount
{            
    text-align:right;    
    float:right;
    width:30%;
}


.promocodelabel {
    float: left;
}

.promocodedetail {
    float: left;
    margin-left: 5px;
}

.comments
{
    clear:both;
    float:left;
    margin-top:5px;
    margin-bottom:10px;
    width:100%;
    font-size:14px;    
}

.form_top1
{
	padding-top:15px;
	width:100%;
}

.validation
{
    border-top:0;
    float:left;
    padding:0 18px 10px 0;
    font-size:14px;
}

.validation ul 
{
    list-style: square;
    padding-top:5px;    
    margin: 5px 0 0 25px;
}

.check_out {
    background-color: #fec721;
    border-width: 1px;
    /*border-color:Black;*/
    color: #000000;
    cursor: pointer;
    border-radius: 5px;
    min-height: 38px;
    height: 100%;
    white-space: normal;
    line-height: 38px;
    font-size: 16px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: 1px 1px 1px #fff;
    margin: 0px auto;
    display: block;
    -webkit-appearance: none;
}


.Outstanding
{
    width:100%;
    clear:both;
    text-align:right;
    padding-right:12px;
    box-sizing:border-box;
    padding-bottom:5px;
}

.Outstanding a
{
    font-size:14px;    
    text-decoration:underline;
}

.PopupModal
{
	position:relative;
}

.PopupModalTitle
{	
	font-size:17px;
	color:#013453;
	font-weight:500;
}

.PopupModalClose
{
	position:absolute;
	top:-5px;
	right:-5px;
}

.PopupModalBkg
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}


.ContactList
{
    background-color: #FFFFFF;
	border: solid 1px;
	width: 550px;
	height: 320px;
	text-align: left;
	padding: 10px;
}

.seelist
{    
    float:left;
    padding:14px 0 0 0;
    width:497px;	
    overflow:auto;
    max-height:250px;
}

.seelist input
{
    margin-left:14px;
    padding-left:12px;
    float:left;
    margin-top:7px;
}

.seelist span
{    
    float:left;
    font-size:14px;
    width:450px;  
    margin-top:6px;
    margin-left:3px;      
    
}

.seelistcontacts{
    float:left;
    width:88%;
}

.contactemployer{
    clear:both;
    float:left;
    width:90%;
    margin-left:27px;
    margin-bottom:3px;
}

.ConfirmModal
{
    background-color: #FFFFFF;
	border: solid 1px;
	width: 400px;
	height: 100px;
	text-align: left;
	padding: 10px;
}

.confirm
{    
    float:left;
    padding: 5px 0 0 12px;    
    width:365px;	
}

.confirm span
{    
    float:left;
    font-size:14px;
    width:365px;  
}

.confirm a
{
    font-size:14px;    
    text-decoration:underline;
    /*color:#013453;*/
}


.methodpayment{
    clear:both;
    float:left;
    margin-top:10px;
    padding-left:12px;
    width:100%;
    box-sizing:border-box;
    padding-bottom:10px;
}

.method
{
    clear:both;
    float:left;
    margin-top:10px;
    font-size:14px;
}

.method label
{
    width:125px;
}

.method label.red
{
	color:#ed1c24;
}

.paymenterror {
    clear: both;
    float: left;
    padding-bottom: 15px;
    font-size: 14px;
    padding-left: 12px;
    width: 100%;
    box-sizing: border-box;
}

.payments
{
	float:left;	
	font-size:14px;
	/*color:#333;*/
	width:150px;
}

.payments select {
	background:#fff;
	border-radius:5px;
	border:1px #e1e1e1 solid;
	width:150px;
	color:#333333;
	padding:4px 4px;
}


a.edit
{	
	line-height:29px;
	text-decoration:underline;
	display:block;
	font-size:14px;
	/*color:#013453;*/
	float:left;
	/*padding-left:14px;*/
}

.invoicepay_top
{
	height:35px;
	line-height:35px;
	background:url(../images/top_bg1.jpg) repeat-x left top;
	border-bottom:1px solid #ccc;
	position:relative;	
	border-top:1px solid #d7d7d7;
}

.invoicepay_top div
{
    float:left;
	width:100%;	
	font-size:13px;
	color:#013453;
	font-weight:700;
	text-transform:uppercase;
}

.invoicepay_top .amount
{
    width:15%;   
    text-align:right; 
}

.invoicepay_top .tax
{    
    width:75px;
    text-align:right;
}

.invoicepay_top .total
{
    width:15%;
    text-align:right;
    margin-right:14px;
}


.invoicepay_details
{
	min-height:54px;	
	border-bottom:1px solid #ccc;
	padding-left:12px;
	padding-right:12px;
	position:relative;
	overflow:hidden;	
    box-sizing:border-box;
}

.invoicepay_details div
{
	float:left;	
	font-size:14px;	
}

.invoicepay_details .item
{	
	width:85%;
	margin-top:18px;	
}

.invoicepay_details .item strong
{
	font-weight:700;
	display:block;
	float:left;
}

.invoicepay_details .attendees
{
    clear:both;
    float:left;
    margin: 5px 0 15px 10px;     
}

.invoicepay_details .attendeename
{
    clear:both;
    float:left;
    margin-bottom:3px;     
}

.invoicepay_details .amount
{
    margin-top:18px;
    width:15%;    
    text-align:right;    
}

.invoicepay_details .tax
{
    margin-top:18px;	
	width:75px;	
	text-align:right;
}

.invoicepay_details .total
{
    margin-top:18px;	
	width:15%;	
	text-align:right;	
}

.receipt_top
{
	height:35px;
	line-height:35px;
	background:url(../images/top_bg1.jpg) repeat-x left top;
	border-bottom:1px solid #ccc;
	position:relative;
	/*-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	border-radius:8px 8px 0 0;
	behavior:url(PIE.htc);
	border:1px solid #d7d7d7;*/
	border-top:1px solid #d7d7d7;
	
}

.receipt_top div
{
    float:left;	
	width:408px;
	font-size:13px;
	color:#013453;
	font-weight:700;
	text-transform:uppercase;
}

.receipt_top .quantity
{
    text-align:right;
    width:75px;
}

.receipt_top .price
{    
    width:15%;
    text-align:right;
}

.receipt_top .amount
{
    text-align:right;
    margin-right:14px;
    width:15%;
}


.eventitem
{
    float:left;
    margin-bottom:15px;
}

.eventitemdetails
{
    float:left;
    font-size:14px;
    min-height:25px;    
    margin-top:15px; 
}

.eventitemdetails div
{
    float:left; 
    margin-top:0px;
    
}

.eventitemdetails .lineitem
{
    float:left;    
}

.eventitemdetails .parmitem
{
    float:left;
    margin: 5px 0 10px 10px;
}

.eventitemdetails label
{
    float:left;
    width:125px;
    
}

.eventitemdetails .itemlabel
{
    float:left;
    width:125px;
    margin-bottom:5px;
    
}

.eventitemdetails .extra
{
    float:left;
    width:115px;
}

.eventitemdetails span
{
    float:left;
}

.eventitemdetails h2
{
	font-size:14px;
	color:#013453;
	font-weight:700;
	margin-bottom:5px;
}

.eventitemdetails .itemoptions
{
    margin-bottom:5px;
}

.payment
{
    margin:14px 0 0 12px;
    font-size:14px;
	/*color:#333;*/
}

.payment label
{
	width:145px;
	font-size:14px;
	/*color:#333;*/
	line-height:15px;
	float:left;
	padding-bottom:12px;
}

.payment span
{
	width:400px;
	height:15px;
	float:left;	
	line-height:15px;
	padding-bottom:12px;
	/*padding:7px 0 0 14px;*/
}

.transaction
{
    margin:14px 0 0px 12px;
    font-size:14px;
	/*color:#333;*/
}

.transaction .line
{
    line-height:25px;
    height:25px;
}

.transaction .linenolabel
{
    margin-left:100px;
    line-height:25px;
    height:25px;
}

.transaction label
{
	width:150px;
	font-size:14px;
	/*color:#333;*/	
	float:left;
}

.transaction label.extra
{
	width:182px;
}

.transaction span
{	
	height:15px;
	float:left;
	/*padding:7px 0 0 14px;*/
}



.listinvoices_top
{
    height:35px;
	line-height:35px;
	background:url(../images/top_bg1.jpg) repeat-x left top;
	border-bottom:1px solid #ccc;
	position:relative;
	/*-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	border-radius:8px 8px 0 0;
	behavior:url(PIE.htc);
	border:1px solid #d7d7d7;*/
	border-top:1px solid #d7d7d7;
	
}

.listinvoices_top div
{
    float:left;	
	font-size:13px;
	color:#013453;
	font-weight:700;
	text-transform:uppercase;
}

.listinvoices_top .invoice
{
    width:14%;    
}

.listinvoices_top .type
{
    width:33%;
}

.listinvoices_top .total
{    
    width:18%;
    text-align:right;
}

.listinvoices_top .amountdue
{
    width:18%;
    text-align:right;
}

.listinvoices_top .duedate
{
    width:17%;		
    text-align:right;   
}



.invoices_orgname
{
    height:35px;
	line-height:35px;
	background:url(../images/top_bg1.jpg) repeat-x left top;
	border-bottom:1px solid #ccc;
	position:relative;
	/*-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	border-radius:8px 8px 0 0;
	behavior:url(PIE.htc);
	border:1px solid #d7d7d7;*/
	border-top:1px solid #d7d7d7;
	
}

.invoices_orgname div
{
    float:left;	
	font-size:13px;
	color:#013453;
	font-weight:700;
	text-transform:uppercase;
}

.invoiceselection
{
	min-height:54px;	
	border-bottom:1px solid #ccc;
	padding-left:12px;
    padding-right:12px;
	position:relative;
	overflow:hidden;	
    box-sizing:border-box;
}

.invoiceselection div
{
	float:left;	
	font-size:14px;	
}

.invoiceselection .select
{
    width:3%;
    margin-top:16px;
}

.invoiceselection .invoice
{
	width:11%;
	margin-top:18px;	
	text-decoration:underline;
}

.invoiceselection .invoice strong
{
	font-weight:700;
	display:block;
	float:left;
}

.invoiceselection .type
{
    margin-top:18px;
    width:23%;
}

.invoiceselection .moreorginfo{
    float: left;
    margin-top: 18px;
    width: 10%;
}

.invoiceselection .moreinv{
    float: left;
    margin-top: 18px;
    width: 10%;
}

.invoiceselection .moreorginfolink
{
    text-decoration:underline;
    font-size:11px;
    cursor: pointer;
    margin-top:2px;
}

.invoiceselection .moreinfolink
{
    text-decoration:underline;
    font-size:11px;
    cursor: pointer;
    margin-top:2px;
}


.invoiceselection .total
{
    margin-top:18px;    
	width:18%;	
	text-align:right;
}

.invoiceselection .amountdue
{
    margin-top:18px;	
	width:18%;	
	text-align:right;
}


.invoiceselection .duedate
{
    margin-top:18px;	
	width:17%;		
	text-align:right;
}

.invoiceselection .mobileheadertotal {
    display:none;
}

.invoicedetails_bottom
{
	border-bottom:1px solid #ccc;
	/*background:#F8F8F8;*/
}

.invoicelistdetails
{
	/*padding:18px 20px;*/
	/*background:url(../images/bottombg.jpg) repeat-x left top;*/
}

.invoicedetails_bottomtext
{
	width:100%;
	font-size:14px;	
	line-height:17px;
}

.listinvoices_detail
{	
	min-height:54px;	
	/*border-bottom:1px solid #ccc;*/
	/*padding-left:18px;*/
	/*padding-right:14px;*/
	position:relative;
	overflow:hidden;	
}

.listinvoices_detail div
{
	float:left;	
	font-size:14px;	
}

.listinvoices_detail .item
{
	width:300px;
	margin-top:18px;	
}

.listinvoices_detail .item strong
{
	font-weight:700;
	display:block;
	float:left;
}

.listinvoices_detail .eventitem
{
    clear:both;
    float:left;
    margin: 5px 0 0 5px;    
}

.listinvoices_detail .attendees
{
    clear:both;
    float:left;
    margin: 5px 0 15px 10px;     
}

.listinvoices_detail .attendeename
{
    clear:both;
    float:left;
    margin-bottom:3px;     
}

.listinvoices_detail .eventitembottom
{
    clear:both;
    float:left;    
}

.listinvoices_detail .invoiceqty
{
    margin-top:18px;
    width:65px;
    text-align:right;    
}

.listinvoices_detail .price
{
    margin-top:18px;	
	width:98px;	
	text-align:right;
}

.listinvoices_detail .amount
{
    margin-top:18px;	
	width:88px;	
	text-align:right;
}

.noneoutstanding
{	
	font-size:14px;
	/*color:#333;*/
	line-height:17px;
}



.red
{	
	color:#ed1c24;
}

.Remind
{
    background-color: #FFFFFF;
	border: solid 1px;
	width: 400px;
	height: 220px;
	text-align: left;
	padding: 10px;
}

.confirmation {
    float:left;
    width:100%;
}

.timerblock
{
	width:250px;
	position:relative;
	-webkit-border-radius:8px;
	border-radius:8px;
	-webkit-box-shadow:0px 0px 4px #d9d9d9;
	box-shadow:0px 0px 4px #d9d9d9;
	behavior:url(PIE.htc);
	margin-bottom:5px;	
}

.timer
{
	padding:16px 15px 8px 14px;
	font-size:14px;
	/*color:#333;*/
	line-height:17px;
}

.timer span
{
	padding:0px 0px 20px 0px;
}

.timer .messageText { color:#ed1c24; }

.submit {
    width: 118px;
    height: 38px;
    line-height: 38px;
    background: url(../images/check_out.png) no-repeat left top;
    line-height: 38px;
    border: 0px;
    text-align: center;
    font-size: 16px;
    /*color:#333;*/
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: 1px 1px 1px #fff;
    margin: 0px auto;
    display: block;
    -webkit-appearance: none;
}

.purchaser
{
    margin:14px 0 0px 12px;
    font-size:14px;
	/*color:#333;*/
}

a.tryagain
{
	width:100px;	
	height:25px;	
	padding:0 0 0 0;
	display:block;
	font-size:14px;
	/*color:#013453;*/
	text-decoration:underline;	
}

.ErrorReceipt
{
    clear:both;
    float:left;
    margin-bottom:10px;
    color:#ed1c24;
    font-size:14px;
}

.listcountry
{
    float:left;
	width:200px;	
	font-size:14px;		
	/*color:#333;*/
	margin-bottom:13px;
	/*color:#333;*/
}

.listcountry select 
{
	background:#fff;
	border-radius:5px;
	border:1px #e1e1e1 solid;
	width:200px;
	color:#333333;
	padding:4px 4px;	
}
	
.liststate
{
    float:left;
	width:200px;	
	font-size:14px;	
	/*color:#333;*/
	margin-bottom:13px;
}

.liststate select 
{
	background:#fff;
	border-radius:5px;
	border:1px #e1e1e1 solid;
	width:200px;
	color:#333333;
	padding:4px 4px;	
}

.Address
{
    height:17px;
	line-height:17px;
}

.PaidInvoice
{
    float:left;
    font-size:14px;	
    margin-bottom:10px;
}

.Button
{
    background-color:#fec721;
    border-width:1px;
    /*border-color:Black;*/
    color:#000000;
    cursor: pointer;
    border-radius:5px;
    height:30px;
    font-size:16px;	
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-shadow:1px 1px 1px #fff;
    
   
}

.Upgrade
{
    clear:both;float:right;text-align:right;margin-top:10px;margin-bottom:10px;
}

.Upgrade a
{
    font-size:14px;    
    text-decoration:underline;
}



.ui-dialog .ui-dialog-titlebar-close {  display: none;  }
.ui-widget { font-family: Arial; font-size: 10pt; }




.ConsentRadio
{
    float:left;  
    
}

.ConsentRadio span
{
    float:left; 
    width:140px;   
    padding:0;
}

.ConsentRadio span span
{
    width:auto;
}

.ConsentRadio input
{    
    float:left;
    margin-top:8px;
    margin-right:4px;
}

.ConsentRadio label
{    
    width:50px;
}

.attendeeconsentdescription
{
    float:left;
	padding:0 15px 10px 0;
	font-size:14px;	
	line-height:17px;
}

.attendeeconsentdescription span 
{
    width:441px;
    padding:0;
    height:auto;
} 

.SummaryTotals
{
    clear:both;
    float:left;
    width:100%;
    padding-left:12px;
    padding-right:12px;
    box-sizing:border-box;
    padding-bottom:5px;
}

.promocode
{    
    float:left;
    width:46%;
    font-size:14px;    
}

.SummaryTotals .valid
{
    color:gray;
    font-size:12px;
}

.SummaryTotals .invalid
{
    color:#ed1c24;
    font-size:12px;
}

.alltotals
{
    float:left;
    width:54%;
}

.Discount
{
    margin-top:3px;
    color:#ed1c24;
}


.discountlabel
{
    clear:both;
    float:left;
    margin-top:3px;
    text-align:right;
    width: 100%;
    margin-bottom:10px;    
}


@media print
{
    .SummaryTotals
    {
        clear:both;
        float:left;
        width:100%;
    }

}

.orgdescription{

    margin-left:125px;
	width:343px;
	/*height:17px;
	line-height:17px;*/	
	margin-bottom:13px;
    font-size:14px;   
    float:left;
    clear:both;
}

.bold-text {
    font-weight: bold;
}

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;   
}

.mfp-iframe-scaler iframe 
{
    height:200px;
}

.Cancellation {
    width: 100%;
    clear: both;
    text-align: right;
    padding-right: 12px;
    box-sizing: border-box;
    padding-bottom: 5px;
    padding-top:15px;
}

    .Cancellation a {
        font-size: 14px;
        text-decoration: underline;
    }

.PendingCancel{
    clear:both;
    float:left;
    padding-top:15px;
    font-size:14px;
    color:red;
    width:100%;
    box-sizing:border-box;
    padding-bottom:10px;
}

.ui-autocomplete {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 280px;
}

/*ul.ui-autocomplete.ui-menu li:first-child a {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    text-decoration: underline;    
}*/

.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background: #d7d7d7 !important;
    /*font-weight: bold !important;*/
    /*color: #ffffff !important;*/
}

.search-org {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 280px;
}



ul.search-org.ui-menu li:first-child a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 10px !important;
    text-decoration: underline !important;
    font-weight: bold;
}

@media only screen and (min-width:250px) and (max-width: 599px) {
    .block_top {
        height: auto;
        background: url(../images/top_bg.jpg) repeat;
    }

    .communicationinfo {
        clear: both;
        float: left;
        width: 100%;
        margin-top: 5px;
    }

    .comminfodetails {       
        float: left;
    }


    .orgdetails {
        width: 100%;
    }

    .invoicedetails {
        clear: both;
        float: left;
        width: 100%;
        margin-top: 20px;
    }

    .invoicedetailslabel {
        text-align: left;
        width: 32%;
    }

    .invoicedetailsdetail {
        text-align: left;
        width: 65%;
    }

    .invoice_top {
        box-sizing: border-box;
    }


        .invoice_top div {
            width: 66%;
        }

        .invoice_top .quantity {
            width: 10%;
            text-align: right;
        }

        .invoice_top .event {
            width: 100%;
        }

    .lblQuantity {
        display: none;
    }

    .lblQty {
        display: block;
    }

    .invoiceHeaders{        
        padding-right: 1%;
        padding-left: 3%;
    }

    .invoice_top .price {
        width: 24%;
    }

    .invoice_top .amount {
        display: none;
    }

    .invoice_details {
        padding-right: 1%;
        padding-left: 3%;
    }

        .invoice_details .amount {
            display: none;
        }

    .levels .amount {
        display: none;
    }

    .condlevels .amount {
        display: none;
    }

    .invoice_details .item {
        width: 66%;
    }

    .invoice_details .invoiceqty {
        width: 10%;
    }

    .invoice_details .price {
        width: 24%;
    }

    .invoice_details .taxprice {
        display: none;
    }

    .invoice_details .taxamount {
        width: 24%;
    }

    .mobilebreak {
        margin-top: 2px;
        margin-bottom: 10px;
    }

    .invoice_details .mobiletotal {
        clear: both;
        float: left;
        width: 100%;
        display: block;
    }

    .invoice_details .mobiletotallabel {
        float: left;
        margin-left: 0px;
        font-weight: bold;
        text-align: right;
        width: 76%;
    }

    .invoice_details .mobiletotalvalue {
        width: 24%;
        float: right;
        text-align: right;
    }


    .listinvoices_top .invoice {
        width: 24%;
    }

    .listinvoices_top .type {
        width: 56%;
    }

    .listinvoices_top .total {
        display: none;
    }

    .listinvoices_top .amountdue {
        display: none;
    }

    .listinvoices_top .duedate {
        display: none;
    }

    .invoiceselection{
        padding-right:5px;
    }

    .invoiceselection .select {
        width: 6%;
    }

    .invoiceselection .invoice {
        width: 18%;
        margin-top: 16px;
    }

    .invoiceselection .type {
        width: 56%;
    }

    .invoiceselection .moreorginfo {
        width: 20%;
        text-align:right;
    }

    .moreorginfolink{
        width:100%;
    }

    .invoiceselection .total {
        display: none;
    }

    .invoiceselection .amountdue {
        display: none;
    }

    .invoiceselection .duedate {
        display: none;
    }

    .invoiceselection .mobileheadertotal {
        display: block;
        clear: both;
        float: left;
        padding: 10px 0 10px 0;
        width: 100%;
        box-sizing: border-box;
    }

    .invoiceselection .mobileamountdue {
        clear: both;
        float: left;
        margin-top: 3px;
        width: 100%;
    }

    .itemselection {
        padding-right: 5px;        
    }

        .itemselection .item {
            width: 53%;
        }

        .itemselection .more {
            width: 15%;
        }

        .itemselection .itemname {
            width: 55%;
        }

        .itemselection .select{
            width:6%;
        }

        .selectLevel{
            width:5%;
        }

        .itemselection .selectitem {
            width: 57%;
        }

        .itemselection .conditem{
            width:46%;
        }

        .itemselection .condselectitem{
            width:57%;
        }

        .condselectitem {
            width: 57%;
        }

        .itemselection .quantity {
            width: 10%;
        }

    .levels .quantity {
        width: 10%;
    }

    .condselect{
        width:5%;
    }

    .condlevels .quantity {
        width: 13%;
    }

    .itemselection .amountdisplay {
        width: 25%;
    }

    .quantityLevel {
        width: 13%;
    }

    .itemselection .price {
        width: 22%;
    }

    .priceLevel {
        width: 23%;
    }

    .itemselection .amount {
        display: none;
    }

    .levels .amount {
        display: none;
    }

    .condlevels .amount {
        display: none;
    }

    .itemselection .amountdisplay {
        display: block;
    }

    .levels .amountdisplay {
        display: none;
    }

    .condlevels .amountdisplay {
        display: none;
    }

    .divFormulas {
        width: 100%;
    }

    .itemselection .formulaselect {
        width: 6%;
    }

    .itemselection .Formula {
        width: 100%;
    }

    .itemselection .formulaitem {
        width: 81%;
    }

    .itemselection .formulavalues {
        width: 19%;
    }

    .itemselection .formulamultiitem {
        width: 70%;
    }

    .itemselection .calculated {
        width: 24%;
    }

    .itemselection .calculatedformulavalues {
        width: 100%;
    }

        .itemselection .mobiletotal {
            clear: both;
            float: left;
            width: 100%;      
            display: block;
            margin-top:10px;
        }

        .itemselection .mobiletotallabel {
            float: left;
            margin-left: 0px;
            font-weight: bold;
            text-align: right;
            width:76%;
        }

        .itemselection .mobiletotalvalue {
            width: 24%;
            float: right;
            text-align: right;
        }

        .levels .mobiletotal {
            clear: both;
            float: left;
            width: 100%;      
            display: block;
            margin-top:10px;
        }

        .levels .mobiletotallabel {
            float: left;
            margin-left: 0px;
            font-weight: bold;
            text-align: right;
            width:76%;
        }

        .levels .mobiletotalvalue {
            width: 24%;
            float: right;
            text-align: right;
        }

        .condlevels .mobiletotal {
            clear: both;
            float: left;
            width: 100%;      
            display: block;
            margin-top:10px;
        }

        .condlevels .mobiletotallabel {
            float: left;
            margin-left: 0px;
            font-weight: bold;
            text-align: right;
            width:76%;
        }

        .condlevels .mobiletotalvalue {
            width: 24%;
            float: right;
            text-align: right;
        }

        .levels{
            padding-right:5px;            
        }

        .condlevels{
            padding-right:5px;            
        }

    .LevelItemDisplay {
        width: 63%;
    }

    .CondLevelItemDisplay {
        width: 62%;
    }

    .LevelDisplay{
        width: 70%;
    }

    .levelname{
        width:64%;
    }

    .condlevelname{
        width:64%;
    }

    .CondLevelDisplay{
        width: 70%;
    }

    .SingleLevelDisplay{
        width:70%;
    }

    .levelAmount{
        width:28%;
    }

    a.see{
        padding-left:5px;
    }

    .product_bottomtext{
        clear:both;
        float:left;
        width:100%;
        padding-left:0px;
    }

    .priceSoldOut {
       width:100%;
        display: block;
    }

    .mobilesoldout{
        display:block;
    }


    .mobilesoldoutprice{
        display:none;
    }

    .listmenu {
        width: 40px;
        padding-left: 0;
    }

        .listmenu select {
            width: 40px;
        }

        .listmenu1{
            width:88%;
        }

        .listmenu1 select{
            width:100%;

        }

    .form_fieldvoluntary.igte_Edit {
        width: 70px !important;
        padding-left: 0px;
    }

    .mobiletotallabel{
        float:left;
        width:74%;
        text-align:right;
    }

    .mobiletotalvalue{
        width:26%;
        text-align:right;
    }

    .SummaryTotals {
        width: 100%;
        padding-right:5px;        
        box-sizing:border-box;        
    }

    .subtotals .label {
        width: 60%;
    }

    .subtotals .amount {
        width: 40%;
    }

    .totals .label {
        width: 60%;
    }

    .totals .amount {
        width: 40%;
    }

    .promocodedetail {
        clear: both;
        margin-left: 0px;
    }

    .Outstanding {
        padding-right:5px;
    }

    .form_top1 {
        width: 100%;
    }

    /*Event styles*/
    

        .formbox label {
            width: 93%;
        }

    .form_field {
        clear: both;
        width: 83%;
    }

    .nameform_field{
        width:75%;
    }

    .form_field1 {
        clear: both;
        width:83%;
    }

    .form_fieldnolabel {
        margin-left: 0px;
        width:83%;
    }

    .formbox label.extra {
        width: 93%;
    }

    .listmenu1 {
        clear: both;
    }

    .mulitparmvalues {
        clear: both;
    }

    .multiparms{
        clear:both;
        float:left;
        width:100%;
    }

    .cblist{
        width:100%;
    }

    .formbox .cblist label {       
        width: 90%;
    }
    
    .confirm {
        padding-left: 0px;
        width: 100%;
    }

    .confirm span
    {    
        width:100%;
    }

    .seelist {
        padding-left: 0px;
        width: 100%;
    }

        .seelist span {
            width: 100%;
            margin-top:6px;
            margin-left:2px;
        }


    /*Receipt*/
    .invoicepay_details {
        padding-right: 5px;
    }

    .invoicepay_top div {        
        width: 100%;       
    }

    .invoicepay_details .item {
        width: 74%;
    }

    .invoicepay_details .amount {
        width: 26%;
    }

    .payment span{
        width:100%;
    }

    .transaction span{
        clear:both;
        line-height:25px;
        height:25px;
    }

    .method{
        width:100%;
    }

    .methodlabel{
        width:42%;
    }

    .payments{
        width:46%;
    }

    .payments select{
        width:100%;
    }

    .promocode{
        width:44%;        
        margin-left:0px;
        box-sizing:border-box;
    }    

    .alltotals{
        width:56%;        
        box-sizing:border-box;
    }

}



