@import url(http://fonts.googleapis.com/css?family=Roboto);
body {
	font-family: arial;
	font-size: 13px;
	margin-top: 20px;
}

.loginas{
	       float: right;
    margin-right: 30px;
    background: #fff;
    padding: 5px;"><div style=" display: inline-block;
}
#main {
width: 1400px !important;
min-height:900px;
max-width: 97% !important;
	border: solid 2px #316ac5;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 20px;
	margin: 10px auto;
	  min-width: 830px;
	  overflow: hidden;
	
}
#donate {

	border: solid 2px #999;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 20px;
	margin: 10px auto;
	overflow: hidden;
}

.login {
	width: 500px;
}
#logo {
	background-image: url('../img/logo.jpg');
	background-repeat: no-repeat;
	width: 395px;
	height: 85px;
	margin-left: auto;
	margin-right: auto;
}
.tableRow {
	margin-bottom: 5px;
}
.tableRow .tableColumn {
	width: 200px;
	display: inline-block;
}
.tableRow .tableColumn.one {
	text-align: right
}
.tableRow .tableColumn.three {
	text-align: right;
	width: 80px;
}
.button:hover {
	background-position: 0 -148px;
}
.button {
	background-image: url(../img/Ami4lrB-c2A.png);
	background-repeat: no-repeat;
	background-position: 0 -98px;
	background-color: #EEE;
	border: 1px solid #999;
	border-bottom-color: #888;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
	cursor: pointer;
	display: inline-block;
	font-size: 11px !important;
	line-height: 13px;
	padding: 5px 15px;
	text-align: center;
	text-decoration: none;
	vertical-align: top;
	white-space: nowrap;
	margin-top: 0px;
}
.popup {
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	top: 0px;
	left: 50%;
	z-index: 1001;
	border: solid rgba(0,0,0,0.5) 11px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 0;
	background-color: #FFF;
	-moz-background-clip: border;
	-webkit-background-clip: border;
	background-clip: border-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	-moz-background-clip: content;
	-webkit-background-clip: content;
	background-clip: content-box;
}
.popup .title {
	text-transform: capitalize;
	height: 30px;
	background-color: #6d84b4;
	width: 100%;
	color: #FFF;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.popup .title span {

	position: relative;
	top: 5px;
	left: 10px;
}

.popup .message {
	text-transform: capitalize;
	text-align: center;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #252525;
	margin-top: 10px;
	padding: 10px 0px 0px 0px;
}
.popup .footer {
	text-transform: capitalize;
	background: #F2F2F2;
	padding: 10px 0px;
	position: absolute;
	bottom: 0px;
	width: 100%;
	text-align: center;
	left: 0px;
}
#main.home {
	width: 800px;
padding-top: 0px;
margin-bottom: 30px;
position: relative;
max-width: 850px;
}
#donate.home {
	width: 95%;
	padding-top: 0px;
	margin-bottom: 30px;
	position: relative;
}
.popup .message img {
	margin-top: 5px;
}

.menu, .menu li {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	background: #f4f4f4;
}
.menu {
	padding: 3px;
	position: relative;
	margin-left: -20px;
	  width: 100%;
}
.menu li {
	display: inline-block;
	position: relative;
}
.menuItem {
	color: #000;
	margin: 0;
	position: relative;
	left: 0px;
	border: 0;
	top: 0px;
	background: none;
	font-size: 12px;
	text-transform: capitalize;
	border: 0;
	box-shadow: 0px 0px 0px;
}
.menu a {
	padding: 5px 9px;
}
.menuItem:hover, .active {
	background: #316ac5;
	color: #fff;
}
#container {
	background: #fefcfc;
	width: 100%;
	padding: 20px 0px;
	border: 3px solid #f4f4f4;
}
#topBar span, #topBar2 span {
	color: #fff;
	font-weight: bold;
	text-transform: capitalize;
}
.content {
	margin: 20px;
	font-family: arial;
	color: #111;
}
label {
	text-transform: capitalize
}
.content .tableRow .one {
	width: 269px;
	
}
.content  h2 {
	border-bottom: 1px solid #ddd;
	text-transform: capitalize;
}
#ui-datepicker-div {
	font-size: 12px;
}
#topBar, #topBar2 {
background: #444;
  width: 103%;
  padding: 8px 0px 8px 10px;
  margin-left: -20px;
  position: relative;
}
.size2 {
	width: 220px;
}
.content .tableRow {
	margin-bottom: 16px;
	border-bottom: 1px solid #eee;
	font-size:11px;
}
#newEvent.content .tableRow {
	margin-bottom: 16px;
	border-bottom: 0px solid #eee;
	font-size:12px;
}
label input[type="radio"] {
	position: relative;
	
	top: 2px;
}
#howDidYouGetsomeoneElseArea {
	background: #fff;
	display: none;
	border: 1px solid #ddd;
	padding: 10px 0px;
	position: relative;
	height: 160px;
}
#howDidYouGetsomeoneElseTextarea {
	position: absolute;
	left: 305px;
	width: 318px;
	height: 145px;
	top: 10px;
}
textarea {
	resize: none;
	font-family: arial;
	font-size: 12px;
	color: #666;
	padding: 7px;
}
textarea:focus {
	color: #000;
}
.textbox {
	color: #000;
	height: 17px;
}
.textbox:focus {
	color: #000;
}
#howDidYouGetsomeoneElseArea .textbox {
	margin-left: 2px;
	font-size: 12px;
	padding: 3px;
	margin-bottom: 5px;
}
.divbox {
	border: 1px solid #ccc;
	padding: 6px;
	margin-left: 10px;
	margin-bottom: 5px;
}
.content .textbox {
	
}
.selectbox {
	height: 22px;
}
#addedMembers option {
	color: #000;
	overflow: hidden
}
#addedMembers {
	overflow: hidden;
	width: 150px;
}
#newEventSubmit {
	font-size: 13px !important;
	padding: 7px 28px;
	margin-left: 50px;
	text-transform: capitalize;
	font-weight: bold;
	margin-top: -16px;
}
.loadSearch {
	border: 1px #3b5998 solid;
	border-radius: 0px;
	overflow: overlay;
	min-height: 50px;
	max-height: 300px;
}
.loadSearch .searchResultItem {
	cursor: pointer;
	padding: 4px 5px;
	text-align: left;
	font-size: 12px;
}

.loadSearch .searchResultItem:hover {
	background: #6d84b4;
	color: #fff;
}
.loadSearch .message {
	padding: 2px 0px;
	margin: 0;
}
.errortext {
	color: #ff0000 !important;
	border-color: #ff0000 !important;
}

#disablemselecter {
	position: absolute;
	top: -37px;
	right: -271px;
	background: transparent;
	width: 152px;
	height: 71px;
	z-index: 1;
}
#addedby {
	color: #666;
position: relative;
top: -5px;
font-size: 14px;
}
.pasteventubtns input {
	display: inline-block;
	position: relative;
	top: -4px;
	padding: 4px 4px;
	font-size: 9px !important;
}
.sentprice {
	width: 80px !important;
	color: rgb(102, 102, 102) !important;
	font-size: 12px !important;
	position: absolute !important;
	top: 25px !important;
	display: block !important;
}
#fakediv {
	display: none;
}
#loadingcontent {
	position: fixed;
	top: 10px;
	left: 50%;
	margin-left: -18px;
	margin-bottom: -18px;
}
.loading_gif {
	border: 1px #7f9db9 solid;
	padding: 2px 1px;
	background: url(../img/loading.gif) no-repeat 99% 52%;
	background-size: 19px;
}

#container-donate {
	
	margin: 10px 0px;
	font-size: 12px;
	font-family: arial;
	color: #333;
	overflow-x: auto;
}
.responsive {
	width: 11% !important;
}
.responsive label {

}
#minimize {
	cursor: pointer;
	position: absolute;
	top: 2px;
	right: 2px;
}
.individualperson {
	height: 19px;
	width: 100%;
	display: block;
	padding-bottom: 3px;
	border-bottom: 1px dashed #ccc;
}
.xygrowth .button {
	padding: 3px 10px;
	position: absolute;
	top: 0px;
	right: 0px;
}
.xygrowth {
	position: relative;
}
.xygrowth .individualperson {
	position: relative;
}
#backgrounddisable{
	position:fixed;
	left:0px;
	top:0px;
	z-index: 1000;
	background: rgba(0,0,0,0.6);
	width:100%;
	height: 100%;
	display: none;
}
#payments{
	background: #ff0000;
color: #fff;

}
#payments:hover{
	color: #ff0000;
background: #eee;
}
#payment-scheme td,#payment-scheme th{
	padding: 5px 53px;
}
#total_cal{font-size: 40px;
text-align: center;}

.fundreceived{
	width:10% !important;
}
#donate .tableRow.even{
	background: #f8f8f8;
}
#pasteventlist .button{
	margin-top:-3px;
}


#xypayment{
	background: #ff0000;
color: #fff !important;
}


.loadmore{
text-align: center;
background: #ccc;
padding: 10px;
font-size: 18px;
text-transform: capitalize;
font-family: tahoma;	
}
	form.invoice label{
	top:60px;
display: inline-block;
	}



.invoice .vd{
position: absolute;
left:10px;

}

	.invoice .ad{
position: absolute;
left:100px;

}

.invoice .phd{
position: absolute;
left:190px;

}
.invoice .pd{
position: absolute;
left:280px;

}

	
.c_details:focus,
.o_desc:focus{
		
	}
	
#load_details{
	display:none;
	border: #000 3px solid;
border-radius: 6px;
position: absolute;
top: 100px;
left: 50%;
width: 1500px;
margin-left: -750px;
z-index: 999;
background: #fff;
opacity: 0.95;
box-shadow: 0px 0px 36px #000;
-webkit-box-shadow: 0px 0px 36px #000;
-moz-box-shadow: 0px 0px 36px #000;
margin-top:100px;
}
.closebtn{
	position: absolute;
	top:10px;
	right: 10px;
width: 28px;
height: 28px;

	background-image: url('http://www.system1.eonepisode.com/img/fancybox.png');
cursor: pointer;
background-position: -40px 0px;
}

.date_detail{
	background: #eee;
color: #000;
font-size: 20px !important;
font-weight: bold;
padding-left: 20px !important;
}
.button4{
position: absolute;
bottom: 10px;
right: 5px;
z-index: 998;
display: none;
}

	.content .tableRow .one{
		margin-right: 18px;
	}
	.content .tableRow{
		padding: 9px 0px;
		}
	.content .tableRow{
		margin-bottom: 0px ;
	}
		form.invoice{
		display: inline-block;
	}

	.c_details:focus{
		
	}
	
	
	.bfornu{
		
margin-top: -4px;

	}
.button5{
	position: absolute;
bottom: 10px;
right: 81px;
display: none;
}
.donebtn{
background: #0188cc;
color: #fff;
text-align: center;
padding: 6px 9px 7px 9px;
width: 58px;
position: relative;

	
}
.not_yet{
	background: #ff0000;
color: #fff;
text-align: center;
padding: 8px;
width: 58px;
	
}
.expand:hover{
	background: #e3c2fd !important;
}

.expand{
	position: relative;
	cursor: pointer;
}
.expand .ad,
.expand .pd,
.expand .vd,
.expand .phd{
	display: none;
}

.expand.activeEvent .ad,
.expand.activeEvent .pd,
.expand.activeEvent .vd,
.expand.activeEvent .phd{
	
	display: block;
}
.expand .c_details,
.expand .o_desc{
	display: none;
}

.expand.activeEvent .c_details,
.expand.activeEvent .o_desc{
	display: block;
}


.expand.activeEvent{
		background: #c274ff !important;
	}
.expand .button3 {
margin-top: 7px !important;
}


.expand.activeEvent .button4,
.expand.activeEvent .button5{
	display: block;
}

.expand .button3{
		margin-top: -3px !important;
	}

.activeEvent{
	height:100px;
}

.invoice_buttons{
	    width: 150px !important;
    margin-left: -4px;
}


.services-icons{
	  position: absolute;
    top: 10px;
    left: 730px;
}
.services-icons div{
	
	   float: left;
	    width: 20px;
    height: 20px;
        margin-right: 10px;
}

.services-icons .pg{   
    background: #ff9306;	       
}

.services-icons .pb{   
    background: #201609;	
}

.services-icons .vg{  
    background: #00bff3;    
}
.services-icons .adv{ 
    background: #0000ff;	
}
.services-icons .emptycc{
	background:#fff
}


@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {
#load_details{
max-width: 1460px;
    left: 770px;
}
}





/* =======================================================
   MOBILE RESPONSIVE OVERRIDES (Max Width: 768px)
   ======================================================= 
@media screen and (max-width: 768px) {
	
	
	#main, #main.home, #donate, #donate.home, .login, #container {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		margin: 10px 0 !important;
		padding: 10px !important;
		box-sizing: border-box;
	}

	
	#logo {
		width: 100%;
		max-width: 395px;
		background-size: contain;
		background-position: center;
	}

	
	.tableRow .tableColumn, 
	.content .tableRow .one, 
	.content .tableRow .three, 
	.size2 {
		width: 100% !important;
		display: block;
		text-align: left !important;
		margin-bottom: 5px;
		box-sizing: border-box;
	}

	
	#howDidYouGetsomeoneElseArea {
		height: auto;
		padding: 10px;
	}
	#howDidYouGetsomeoneElseTextarea {
		position: static;
		width: 100%;
		height: 100px;
		box-sizing: border-box;
	}

	
	.menu {
		margin-left: 0;
		padding: 0;
	}
	.menu li {
		display: block;
		width: 100%;
		border-bottom: 1px solid #ddd;
	}
	.menu a {
		display: block;
		padding: 10px;
	}

	
	#load_details {
		width: 95% !important;
		margin-left: 0 !important;
		left: 2.5% !important;
		top: 5% !important;
		box-sizing: border-box;
		overflow-x: hidden;
	}

	
	.invoice .vd, 
	.invoice .ad, 
	.invoice .phd, 
	.invoice .pd {
		position: static !important;
		display: block;
		margin-bottom: 5px;
	}
	form.invoice label {
		top: 0;
		display: block;
		margin-bottom: 5px;
	}

	
	.services-icons {
		position: static;
		display: flex;
		flex-wrap: wrap;
		margin-top: 10px;
	}
	#topBar, #topBar2 {
		width: 100%;
		margin-left: 0;
		box-sizing: border-box;
	}


	.button, #newEventSubmit, input, select, textarea {
		max-width: 100%;
		box-sizing: border-box;
	}
	
	
	#disablemselecter {
		position: static;
		margin-top: 10px;
	}
	
	.loginas{
	       float: none;
    margin-right: 0px;
    background: #fff;
    padding: 0px;
    display: none;
}

#mainMenu form input.menuItem.button
   { position: relative;
    left: 50%;
    margin-left: -32px;
    }
    
    .event_edit_details_area {
    border: #000 solid 1px;
    width: 97%;
    min-height: 18px;
    padding: 10px;
    margin-top: 28px;
}
}


*/