a, a:visited {
	color:#031c66;
}
a:hover {
	color:#031c66;
}

/* LAYOUT */
body {
	background-color:#e0e0e0;	color:#000000;
	font-family:Helvetica, Arial, sans-serif;
    font-size:14px;
}

.fButton, 
.fForm .buttons input,
.page-filters input {
	background-color:#616061;
	font-size: 14px;
	padding: 8px 14px;
	color:#ffffff !important;
	text-decoration: none;
	display: inline-block;
	border: 0px none;
}

#fWrapper {
	margin:20px auto;
	width:780px;
	
		max-width: 780px;
	width: 100%;
	}

.fForm input,
.fForm select,
.fForm textarea {
	border-color: #a3a3a3;
}
.fForm input:focus,
.fForm select:focus,
.fForm textarea:focus {
    outline:none;
}

#fPage {
	background-color:#ffffff;}

#fHeader {
	background-color:#ffffff;
			display:none	border:0px none;
}
#fContent h1 {
	color:#000000;
	font-family:Helvetica, Arial, sans-serif;
    font-size:18px;
}

.fModuleTitle,
.fForm legend {
	background:#616061 url('/cdn/ucontent/ticketing/4318/heading_bg.jpg') repeat center 0;	
}
.fModuleTitle h3,
.fForm legend {
	color:#ffffff;
	font-family:Helvetica, Arial, sans-serif;
    font-size:14px;
}
.fForm legend {
	display:block;
	width:100%;
	padding:0px !important;
}

#fSidebarLeft {
	display:none;
}

#fSidebarRight {

		width:200px;
		float:right;
}

#fContent {
	background-color:#ffffff;}
#fContentContainer {
	width: 780px;
	margin: 0 auto;
}

#fMatter {
	width: 100%;
}
#fMatter.sR {
		width:560px;	
}
#fMatter.sL {
		width:760px;	
}
#fMatter.sR.sL {
		width:560px;
}


#fFooter {
	border:0px none;
}

/* FORM */
.fForm input, .fForm select, .fForm textarea {
font-size:1rem;
}

.fListing {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #a3a3a3;
}
.fListing td,
.fListing th {
	padding: 0.5rem;
	border-bottom: 1px solid #a3a3a3;
	vertical-align: top;
	text-align: left;
}
.fListing th {
	color:#ffffff;
	font-family:Helvetica, Arial, sans-serif;
    font-size:14px;
	background-color:#616061;
	text-transform: uppercase;
}

#fContentContainer {
	max-width: 100%;
}
@media (max-width:780px) {
	#fMatter.sR {
		width: calc(100% - 200px);	
	}
	#fMatter.sL {
		width: calc(100% - 0px);
	}
	#fMatter.sR.sL {
		width: calc(100% - 200px);
	}
	#fSidebarRight {
		width: 200px;
	}
}

@media (max-width: 768px) {
	.fForm label {
		width: 100%;
		text-align: left;
	}
	.fForm .buttons {
		text-align: left;
	}
	.fForm .hint,
	.fForm .error {
		margin-left: 0;
	}
}
@media (max-width: 576px) {
	#fMatter,
	#fSidebarRight {
		width: 100% !important;
	}
}

#fSidebarRight {
    width: 200px;
    float: right;
    'margin-top: 7%;
}

ul, ol {
    margin: 20px;
}

ul.runner,
ul.runner li {
	list-style:square;
	color:#666;
}
ul.runner li {
	margin-bottom:10px;
}
ul.runner a {
	text-decoration:none;
	color:#999;
}
ul.runner a span {
	display:block;
	font-size:100%;
	font-weight:bold;
}
ul.runner li.current,
ul.runner li.current a,
ul.runner li.completed,
ul.runner li.completed a {
	color:#000;
}
ul.runner ul {
    margin-left: 15px;
}


ul.runner,
ul.runner li {
	margin: 0; padding: 0;
	list-style: none !important;
	margin-bottom: 2px !important;
}

ul.runner li a {
	background: #eee;
	display: block;
	padding: 10px;
	color: #000;
	padding-left: 15px;
	margin-bottom:10px;
}
ul.runner.menu li a {
	padding: 10px;
	font-weight: bold;
}

ul.runner li a:hover {
	background: #ccc;
}
ul.runner li.completed a,
ul.runner li.completed a:hover {
	/* background: #eee url("/cdn/ucontent/ticketing/1269/tick.png") 6px 12px no-repeat; */
}
ul.runner li.current a,
ul.runner li.current a:hover,
ul.runner li.current label {
	color: #fff !important;
	background-color: #222582;
   /*  border-bottom: 3px solid #5E9631 !important; */
}

ul.runner a span span {
	display: block;
	font-weight: normal;
}

ul.runner,
ul.runner li {
	margin: 0; padding: 0;
	list-style: none !important;
	margin-bottom: 2px !important;
}

ul.runner li a {
	background: #eee;
	display: block;
	padding: 10px;
	color: #000;
	padding-left: 40px;
}
ul.runner.menu li a {
	padding: 10px;
	font-weight: bold;
}

ul.runner li a:hover {
	background: #ccc;
}
ul.runner li.completed a,
ul.runner li.completed a:hover {
	background: #eee url("https://in.eregnow.com/cdn/ucontent/ticketing/1269/tick.png") 6px 8px no-repeat;
}
ul.runner li.current a,
ul.runner li.current a:hover,
ul.runner li.current label {
	color: #fff !important;
	background-color: #1e1c59;
}

ul.runner a span span {
	display: block;
	font-weight: normal;
}

ul.runner li:nth-child(1){
	display:none;
}		

#fHeader {
	width: 100%;
	margin: 0 auto;
	padding: 0px;
	position: top: 0; left: 0; right: 0;
}

#fPage {
	box-shadow: 0px 0px 30px rgba(0,0,0,0.5);
	background: rgba(255,255,255,0.9);
	padding: 0px;
}

#fFooter {
    border: 0px none;
   	background:url("http://in.eregnow.com/cdn/ucontent/ticketing/989/header_bg.jpg") no-repeat scroll center top transparent;
	background-size: 240px 25px;
	margin-right:0px;
	padding-top:50px;
}

#fFooterContainer {display: none;}





.fForm label {
font-size: 14px;
}

textarea { resize: vertical; }



textarea#data_596815774 { 
	resize: none; 
	height: 250px;
	width: 750px;
}

.fButton, .fForm .buttons input, .page-filters input {
    background-color: #FF8112;
    border-radius: 6px;
    border: none;
    color: white;
    padding: 10px 20px;
    cursor: pointer;
    font-weight: bold;
    box-shadow: 0 4px #c75d0b; /* Shadow for 3D effect */
    transition: all 0.1s ease-in-out;
}

.fButton:active,
.fForm .buttons input:active,
.page-filters input:active {
    box-shadow: 0 2px #c75d0b;
    transform: translateY(2px); /* Moves the button down to simulate pressing */
}


input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="url"],
textarea {
    border-radius: 6px; /* Rounded corners */
    border: 1px solid #ccc;
    padding: 8px 12px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 5px rgba(0, 0, 0, 0.1); /* Inner + outer shadow for 3D */
    transition: box-shadow 0.2s ease-in-out;
    outline: none;
    font-size: 14px;
}

/* Optional: Add focus effect */
input:focus,
textarea:focus {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 5px rgba(255, 129, 18, 0.8);
    border-color: #FF8112;
}

select {
    border-radius: 6px;
    border: 1px solid #ccc;
    padding: 8px 12px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 5px rgba(0, 0, 0, 0.1);
    background-color: white;
    font-size: 14px;
    transition: box-shadow 0.2s ease-in-out;
    outline: none;
    appearance: none; /* Removes default arrow styling (can customize later) */
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2210%22%20height%3D%225%22%20viewBox%3D%220%200%2010%205%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0%200l5%205%205-5z%22%20fill%3D%22%23999%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px 5px;
}

/* Focus effect */
select:focus {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 5px rgba(255, 129, 18, 0.8);
    border-color: #FF8112;
}




#fHeader {
    padding: 0px;
}

#fHeader h1 {
    font-size: 300%;
    font-family: Trebuchet MS, sans-serif;
    text-align: center;
    color: #ff0000;}

#fPageTitle {
	padding:10px;
	height:100%; overflow:hidden;
	text-align:center;
	
}

.fModuleTitle, .fForm legend span {
    'text-align: center;
}

table.registration_slab .heading {
    font-weight: bold;
    text-transform: uppercase;
    'display: none; 
    }
    
table tr:hover {
    background-color: #f2f2f2; /* Change to your preferred color */
    cursor: pointer; /* Change the cursor to a hand */
}
    
.fModuleTitle h3, .fForm legend {
    color: #ffffff;
    'font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    'display: none;
}

.fForm p, .fForm .field-para {
       font-size: medium;
}

.fForm select.small {
    width: 0px;
    display: none;
}



#fieldset-10986 .field-para:last-child {
    display: none !important;
}

#fWrapper {
    margin: 0px auto;
}