﻿/* Home page and default page start here */
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic');*/
@font-face { font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.eot?v=4.2.0'); src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; }
* { margin:0; padding:0; outline:0; border:0 }
/* reset css start here */
html, body { height:100%; width:100%; min-height:100%;word-wrap:break-word;}

.clearfix { clear:both; }
.ie7 .clearfix { zoom:1; }
.clearfix:after { content:""; visibility:hidden; display:block; clear:both; }
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, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; line-height: 100%; outline: none; }
::selection { background: #ccc; color: #fff; text-shadow: none; } /* Safari */
::-moz-selection {
background: #ccc;
color: #fff;
text-shadow: none;
} /* Firefox */
:-moz-placeholder {
color: #bbb;
}
::-webkit-input-placeholder {
color: #bbb;
}
:-ms-input-placeholder {
color: #bbb;
}   
h1 { font-size:24px; }
h2 { font-size:22px; }
h3 { font-size:20px; }
h4 { font-size:18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
a { text-decoration:none; }
a:hover { text-decoration: underline; }
input:-webkit-autofill, input::-webkit-autofill:focus, :focus, input::focus:-webkit-autofill, input:-webkit-autofill:focus, input:focus:-webkit-autofill {
}
input:-webkit-autofill {
-webkit-box-shadow:0 0 0 50px white inset; /* Change the color to your own background color */
-webkit-text-fill-color: #000;
background-color: white !important;
}
 input:-webkit-autofill:focus {
-webkit-box-shadow: /*your box-shadow*/, 0 0 0 50px white inset;
-webkit-text-fill-color: #333;
background-color:#f00;
}
strong { font-weight: 700; }
label, input, textarea, select, button { font-size: 13px; }
h1, h2, h3, h4, h5 { font-weight: normal; line-height: normal; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
input[type=text], input[type=password]  { outline: none; padding:5px 1%; height:20px; width:98%; font:400 14px/20px 'Open Sans', sans-serif; color: #000; text-shadow: 1px 1px 0 rgba(256, 256, 256, 1.0); background: #FFF; border: 1px solid #92989E; border-radius: 5px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50); }
input[type=text]:focus, input[type=password]:focus { background: #fff; color: #414848; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); outline: 0; border:1px solid #098fe3 }
input[type=text]:hover, input[type=password]:hover{ background: #f7f7f7; border:1px solid #337fed }
input[type=text]:disabled { text-shadow: 1px 1px 0 rgba(256, 256, 256, 1); background: #FFF; border: 1px solid #FFF; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.10); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .10); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.10); color:#000 }
input[type=text]:disabled:hover { background:inherit; color:#9D9E9E; }
input[readonly=ReadOnly] { text-shadow: 1px 1px 0 rgba(256, 256, 256, 1); background: #FFF; border: 1px solid #FFF; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.30); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .30); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.30); }
textarea { outline: none; padding:5px 1%; height:60px; width:98%; font:400 14px/20px 'Open Sans', sans-serif; color: #000; text-shadow: 1px 1px 0 rgba(256, 256, 256, 1.0); background: #FFF; border: 1px solid #FFF; border-radius: 5px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50); }
textarea:focus { background: #fff; color: #414848; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); outline: 0; border:1px solid #248ec2 }
textarea:hover { background: #f7f7f7; border:1px solid #666 }
select { outline: none; padding:5px 1%; height:30px; width:100%; font:400 14px/20px 'Open Sans', sans-serif; color: #000; text-shadow: 1px 1px 0 rgba(256, 256, 256, 1.0); background: #FFF; border: solid 1px rgba(0,0,0,.4); border-radius: 5px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50); }
select:focus { background: #fff; color: #414848; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); outline: 0; border:1px solid #248ec2 }
select:hover { background: #f7f7f7; border:1px solid #666 }
input[type=submit], button, input[type=button] { font:700 14px/20px 'Open Sans', sans-serif; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; border: 1px solid #337fed; padding:0px 15px; -webkit-box-shadow: inset 1px 1px 0px 0px #97c4fe; -moz-box-shadow: inset 1px 1px 0px 0px #97c4fe; box-shadow: inset 1px 1px 0px 0px #97c4fe; cursor: pointer; color: #ffffff; height:32px; display: inline-block; background: -webkit-linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: -moz-linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: -ms-linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background:linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#098fe3", endColorstr="#6288b9");
}
input[type=submit]:hover, button:hover, input[type=button]:hover { background: -webkit-linear-gradient(90deg, #098FE3 5%, #004F80 100%); background: -moz-linear-gradient(90deg, #098FE3 5%, #004F80 100%); background: -ms-linear-gradient(90deg, #098FE3 5%, #004F80 100%); background: linear-gradient(180deg, #004F80 5%, #098FE3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#004F80", endColorstr="#098FE3");
}
input[type=submit]:active, button:active, input[type=button]:active { position:relative; top: 1px; }
input[type=submit]:disabled, button:disabled, input[type=button]:disabled { border: 1px solid rgba(0, 0, 0, 0.10); -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.25); cursor: pointer; color: rgba(0, 0, 0, 0.25);background:#e1e0e0; cursor:no-drop}
input[type=submit]:disabled:active, button:disabled:active, input[type=button]:disabled:active { top: 0px; }

.info, .success, .warning, .error { border: 1px solid; margin:0; padding:10px 2% 10px 5%; width:92.5%; font:400 14px/20px 'Open Sans', sans-serif; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; transition:all 2s; height:auto; -webkit-transition:all 2s; position:fixed; left:3px; top:3px; z-index:9999; }
.info { color: #00529B; background: #BDE5F8 url('../images/icon-info.png') no-repeat 10px center; }
.success { color: #4F8A10; background: #DFF2BF url('../images/icon-tick.png') no-repeat 10px center; }
.warning { color: #9F6000; background: #FEEFB3 url('../images/icon-warning.png') no-repeat 10px center; }
.error { color: #D8000C; background: #FFBABA url('../images/icon-cross.png') no-repeat 10px center; }
/*
<div class="info">Info message</div>
<div class="success">Successful operation message</div>
<div class="warning">Warning message</div>
<div class="error">Error message</div>
*/
/* reset css ends here */

body { padding: 0; margin:0; font-family:'Open Sans', sans-serif; overflow-x:hidden; font-weight:400; line-height:100%; transition:all .5s ease-out; -moz-transition:all .5s ease-out; -webkit-transition:all .5s ease-out; -o-transition:all .5s ease-out; }
.outer-wrapper { overflow:hidden; }
.wrapper { max-width:1170px; margin:0 auto; }
/* Header start here */
.outer-header {background:#efefef;}
header { }
.logo { padding:10px 20px; float:left }
.logo a{ vertical-align:top}
.clubLogo{ margin:5px 0 0 10px; display:inline-block; vertical-align:top;}

/* Nav start here */

.outer-nav { }
nav { float:right; padding:30px 0 0 0 }
nav ul { padding:0; margin:0; list-style:none }
nav ul li { display:inline-block; padding:0 20px; }
nav ul li a { color:#454545; font:600 16px/26px 'Open Sans', sans-serif; padding:0px 0px; height:26px; display:block; backface-visibility: hidden; box-shadow: 0 0 1px rgba(0, 0, 0, 0); display: inline-block; overflow: hidden; position: relative; transform: translateZ(0px); vertical-align: middle; }
nav ul li a:hover { color:#454545; text-decoration:none }
nav ul li a::before { background:#2098d1; bottom: 0; content: ""; height: 2px; left: 0; position: absolute; right: 100%; transition-duration: 0.3s; transition-property: right; transition-timing-function: ease-out; z-index: -1; }
nav ul li a:hover::before, nav ul li a:focus::before, nav ul li a:active::before { right: 0; }
nav ul li.active a { color:#2098d1 }
/* Breadcrum start here */
.breadcrum-outer { background:#f3f3f3; height:40px; border-top:#dddddd 1px solid; border-bottom:#dddddd 1px solid; }
.bread-left { float:left; width:auto; color:#454545; font:400 14px/40px 'Open Sans', sans-serif; }
.bread-left h3{ color:#454545; font:700 16px/40px 'Open Sans', sans-serif; }
.bread-right{ float:right; text-align:right; vertical-align:top; padding:5px 0; width:50%;}
.bread-right select { outline: none; padding:3px 1%; height:30px; width:30%; font:400 14px/20px 'Open Sans', sans-serif; color: #000; text-shadow: 1px 1px 0 rgba(256, 256, 256, 1.0); background: #FFF; border: solid 1px rgba(0,0,0,.4); border-radius: 5px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50); display:inline-block;}
.bread-right select:focus { background: #fff; color: #414848; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); outline: 0; border:1px solid #248ec2 }
.bread-right select:hover { background: #f7f7f7; border:1px solid #666 }
.bread-right span{font:400 14px/30px 'Open Sans', sans-serif; color:#454545}
.bread-right b{font:600 14px/30px 'Open Sans', sans-serif; color:#454545}

/* resposive menu start here */
#main-nav { display:none; position:fixed; z-index:99; left:15px; top:-8px;}
#main-nav > section { }
#main-nav.show { background: #3fcee3; z-index:100; width:200px; max-height:400px; min-height: 100%; position: fixed; overflow: auto; -webkit-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; left:0; top:0}
#nav-button { background: #3fcee3; height: 40px; width: 40px; border-radius: 50%; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25); top: 15px; left:5px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #444; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; overflow: hidden; cursor:pointer }
#nav-button:before, #nav-button:after, #nav-button span { background:#fff; content: ''; display: block; width: 22px; height: 2px; position: absolute; left: 10px; border-radius:1px; }
#nav-button:before { top: 13px; }
#nav-button:after { bottom:13px; }
#nav-button span { top:50%; margin-top: 0px; color:#888888; }
/* toggleMenu animation */
.fa-close#nav-button { box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.25); left:15px;}
.fa-close#nav-button:before, #nav-button:after, #nav-button span { -webkit-transition: none 0.2s ease 0.2s; -moz-transition: none 0.2s ease 0.2s; -ms-transition: none 0.2s ease 0.2s; -o-transition: none 0.2s ease 0.2s; transition: none 0.2s ease 0.2s; -webkit-transition-property: transform, top, bottom, left, opacity; -moz-transition-property: transform, top, bottom, left, opacity; -ms-transition-property: transform, top, bottom, left, opacity; -o-transition-property: transform, top, bottom, left, opacity; transition-property: transform, top, bottom, left, opacity; }
.fa-close#nav-button span { left: -50px; opacity: 0; }
.fa-close#nav-button:before { top:17px; transform: rotate( 45deg ); -webkit-transform: rotate( 45deg ); -moz-transform: rotate( 45deg ); -ms-transform: rotate( 45deg ); -o-transform: rotate( 45deg ); left:9px }
.fa-close#nav-button:after { bottom:21px; transform: rotate( -45deg ); -webkit-transform: rotate( -45deg ); -moz-transform: rotate( -45deg ); -ms-transform: rotate( -45deg ); -o-transform: rotate( -45deg ); left:9px }
 @-webkit-keyframes color { 0% {
 box-shadow: 0;
}
 30% {
 box-shadow: 0 0 10px 25px rgba(12, 121, 137, 0.5);
}
}
 @keyframes color { 0% {
 box-shadow: 0;
}
 30% {
 box-shadow: 0 0 10px 25px rgba(12, 121, 137, 0.5);
}
}
#nav-list { position: absolute; top:60px; padding: 0 0 0 2em; opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; width: 100%; list-style:none; margin:0; padding:0; display:none; }
#main-nav.show #nav-list { display:block; }
#nav-list a:hover { color: #111; }
#nav-list.nav-show { opacity: 1; }
#nav-list li a { color:#fff; font:600 14px/45px 'Open Sans', sans-serif; height:45px; padding:0 20px; display:block; text-transform:uppercase; backface-visibility: hidden; box-shadow: 0 0 1px rgba(0, 0, 0, 0); overflow: hidden; position: relative; transform: translateZ(0px); vertical-align: middle; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; }
#nav-list li a:hover { text-decoration:none; color:#fff }
#nav-list li a::before { height:45px; background:#454545; bottom: 0; content: ""; position: absolute; left:0; width:0; transition-duration: 0.3s; transition-property: width, right; transition-timing-function: ease-out; z-index: -1; }
#nav-list li a:hover::before, #nav-list li a:focus::before, #nav-list li a:active::before { width:100%; }
#nav-list ul li.active a { background:#454545; }
#cover { opacity:0; display:none; visibility: hidden; width: 100%; height: 100%; position: fixed; z-index: 61; top: 0; left: 0; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
#cover.display { background: rgba(0, 0, 0, 0.5); opacity: 1; visibility: visible; display:block; }

/* Tabing start here */
.outer-tabing { background:#248ec2; height:45px; }
.tabing-sec { }
.tabing-sec ul { list-style:none; margin:0; padding:0; }
.tabing-sec ul li { float:left }
.tabing-sec ul li a { float:left; color:#fff; font:600 14px/45px 'Open Sans', sans-serif; height:45px; padding:0 20px; display:block; text-transform:uppercase; backface-visibility: hidden; box-shadow: 0 0 1px rgba(0, 0, 0, 0); display: inline-block; overflow: hidden; position: relative; transform: translateZ(0px); vertical-align: middle; }
.tabing-sec ul li a:hover { text-decoration:none; }
.tabing-sec ul li a::before { height:45px; background:#454545; bottom: 0; content: ""; left: 50%; position: absolute; right: 50%; transition-duration: 0.3s; transition-property: left, right; transition-timing-function: ease-out; z-index: -1; }
.tabing-sec ul li a:hover::before, .tabing-sec ul li a:focus::before, .tabing-sec ul li a:active::before { right: 0; left:0 }
.tabing-sec ul li.active a { background:#454545; }

.tabing-sec {float: left;}
.right-head {float: right;margin: 6px 0 0;width: auto;}
.loginsign {float: right;}
.loginsign .signup {float: right;padding: 6px 0 0 20px;}
.loginsign .signup a {background: rgba(0, 0, 0, 0) url("../images/signup-icon.png") no-repeat scroll right center;color: #fff;font: 600 14px/20px "Open Sans",sans-serif;padding-right: 27px;}
.loginsign .signin {float: right;padding: 6px 0 0 20px;position: relative;}
.loginsign .signin > a {background: rgba(0, 0, 0, 0) url("../images/signin-icon.png") no-repeat scroll right center;color: #fff;font: 600 14px/20px "Open Sans",sans-serif;padding-right: 27px;padding-top: 4px;}


/* Body container start here */
.body-container { padding:20px 0; font:400 14px/20px 'Open Sans', sans-serif; color:#454545; min-height:400px}
.inner-body { border:#dddddd 0px solid; min-height:530px; }
/* Footer start here  */
footer { }
.outer-topfooter { background:url(../images/footertop-bg.jpg) repeat-x 0 0 #f7f7f7; height:166px; }
.topfooter-colem { margin:0 auto; max-width:68%;}
.topfooter-row { width:350px; padding:0 22px; float:left; background:url(../images/footertop-sep.png) no-repeat right 57px; min-height:166px; }
.topfooter-row.last { background:none }
.topfooter-head { width:328px; height:37px; background:url(../images/footerheading-bg.jpg) no-repeat 0 0; font:600 18px/37px 'Open Sans', sans-serif; color:#fff; padding:0 11px; margin:0 auto; }
.topfooter-body { padding:11px 0 0 0; }
.topfooter-body p { font:400 14px/18px 'Open Sans', sans-serif; color:#454545; }
.topfooter-body div { padding:15px 0 0 0 }
.topfooter-body span.red{ font:12px/16px 'Open Sans', sans-serif; display:block; margin:5px 0; color:#f00}
.topfooter-body span.green{ font:12px/16px 'Open Sans', sans-serif; display:block; margin:5px 0; color:#0b820d}

.topfooter-body input[type=text] { color:#454545; font:14px/19px 'Open Sans', sans-serif; border:1px solid #bbbbbb; height:19px; padding:6px 10px; width:204px; box-shadow: 0 0 5px 0 #bbbbbb inset; }
.topfooter-body input[type=text]:hover { border:1px solid #878585; box-shadow: 0 0 4px 0 #454545 inset; }
.topfooter-body input[type=text]:focus { border:1px solid #0c5579; box-shadow: 0 0 3px 0 #454545 inset; }
.topfooter-body input[type=submit] { width:32px; height:32px; background:#248dc1; font:600 14px 'Open Sans', sans-serif; color:#fff; cursor:pointer; border-radius:50%; padding:0}
.topfooter-body input[type=submit]:hover { background:#0c5579; box-shadow: 0 0 3px 0 #454545; }
.topfooter-body ul { list-style:none; margin:0; padding:0 }
.topfooter-body ul.contact-detail li { color:#454545; font:400 14px/30px 'Open Sans', sans-serif; padding-left:40px; background:url(../images/contact-icon.png) no-repeat 0 0; margin-bottom:4px; }
.topfooter-body ul.contact-detail li a { color:#454545 }
.topfooter-body ul.contact-detail li a:hover { color:#ee7306 }
.topfooter-body ul.contact-detail li.phone { background-position:0 0 }
.topfooter-body ul.contact-detail li.fax { background-position:0 -30px }
.topfooter-body ul.contact-detail li.email { background-position:0 -60px }
.topfooter-body ul.social li { width:50px; margin:25px 15px 0; height:50px; display:inline-block; vertical-align:top; }
.topfooter-body ul.social li a { width:50px; height:50px; background:url(../images/social-icon.png) no-repeat 0 0; display:block; text-indent:-9999px; }
.topfooter-body ul.social li a:hover { opacity:.8 }
.topfooter-body ul.social li.youtube a { background-position:0 0 }
.topfooter-body ul.social li.facebook a { background-position:0 -50px }
.topfooter-body ul.social li.google a { background-position:0 -100px }
/* Footer bottom start here */

.outerfooter-boot { background:#454545;height:45px; }
.outerfooter-boot p { color:#fff; font:400 14px/45px "Open Sans",sans-serif; float:left; }
.outerfooter-boot p br{ display:none;}
.footer-lnk { float:right; width:auto; color:#fff; font:400 14px/45px "Open Sans",sans-serif;}
.footer-lnk a {color: #fff;}
.footer-lnk a:hover { color:#fff; text-decoration:underline; }
/* Footer ends here */


/* Home page and default page ends here */
.memberptinfomsg{ background-color: #BDE5F8; border-radius: 0; padding: 5px; border: 1px solid #5aa2c5; margin: 0; }
.memberptinfomsg p{ color: #00529B; font: 400 14px/20px "Open Sans", Arial, Helvetica, sans-serif; padding: 5px 0 }
/* Inner page start here */
.printarea{ background:#fff;}
.inner-page-content { float:left; width:100%; }
.inner-page-content.BatchedDocumentsSection { margin-top:20px; }
.inner-heading-sec { background:#666; margin:0 0 20px; padding:5px 0; text-align:center }
.inner-heading-sec h1 { color:#fff; font:600 24px/30px "Open Sans", sans-serif; display:inline-block }
.application-form-outer { border: 1px solid #e1e0e0; margin:0 0px; border-radius:0;}
.app-heading { background: linear-gradient(180deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; background: -webkit-linear-gradient(-90deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; background: -moz-linear-gradient(-90deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; border-bottom: 1px solid #e1e0e0; border-radius: 10px 10px 0 0; padding: 10px 0; }
.app-required { padding:10px; border-bottom:1px solid #e1e0e0 }
.app-required span { color:#222222; font:400 14px/18px "Open Sans", sans-serif; }
.app-required span span { color:#f00 }
.app-heading h3 { color: #454545; font:400 18px/24px "Open Sans", sans-serif; padding:0 1.5%; display:inline-block; margin:0; width:auto; text-transform:uppercase; }
.app-colem { border-bottom: 1px solid #e1e0e0; position:relative }
.row { vertical-align:top; position:relative; width:49%;display:inline-block; font:400 14px/40px 'Open Sans', sans-serif; color:#454545;}
.row.title-head { padding:0 1%; font:700 16px/40px 'Open Sans', sans-serif }
.row.desc-note { height:auto; padding:10px 1%; width:98%; font:400 14px/22px 'Open Sans', sans-serif; }
.app-colem.amount-desc .row { padding:0 1%; width:98%; text-align:right; }
.app-colem.amount-desc .row input { margin-left:10px; }
.row a { color:#454545; text-decoration:underline }
.app-colem label { font:600 14px/39px "Open Sans", sans-serif; color:#454545; display:inline-block; text-align:right; margin-right:1%; width:44%; padding:0 1%; background:#f7f7f7; border-right:1px solid #e1e0e0;}
.app-colem .row > div{ display:inline-block;}
.app-colem .row > div.requiredinp{ width:50%; position:relative; vertical-align:top; margin:5px 0 0 0;}
.app-colem .row > div.requiredinp input[type=text]{ width:92%;}
.app-colem .row > div.requiredinp select{ width:94%;}
.app-colem label.licence-no span { color:#454545; font:600 14px/40px 'Open Sans', sans-serif; }
.app-colem label span { color:#f00; font:700 14px/40px "Open Sans", sans-serif; }
.app-colem label span.lblmsg { color:#f00; font:700 13px/40px "Open Sans", sans-serif; }
.app-colem input[type=text]:disabled { text-shadow: 1px 1px 0 rgba(256, 256, 256, 1); background: #FFF; border: 1px solid #FFF; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.10); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .10); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.10); color:#454545 }
.app-colem input[type=text]:disabled:hover { background:inherit; color:#9D9E9E; }
.app-colem input[readonly=ReadOnly] { text-shadow: 1px 1px 0 rgba(256, 256, 256, 1); background: #FFF; border: 1px solid #FFF; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.30); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .30); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.30); }
.app-colem input[type=submit], .app-colem button, .app-colem input[type=button] { font:700 14px/20px 'Open Sans', sans-serif; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; border: 1px solid #337fed; padding:0px 15px; -webkit-box-shadow: inset 1px 1px 0px 0px #97c4fe; -moz-box-shadow: inset 1px 1px 0px 0px #97c4fe; box-shadow: inset 1px 1px 0px 0px #97c4fe; cursor: pointer; color: #ffffff; height:32px; display: inline-block; background: -webkit-linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: -moz-linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: -ms-linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background:linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#098fe3", endColorstr="#6288b9");
}
.app-colem input[type=submit]:hover, .app-colem button:hover, .app-colem input[type=button]:hover { background: -webkit-linear-gradient(90deg, #098FE3 5%, #004F80 100%); background: -moz-linear-gradient(90deg, #098FE3 5%, #004F80 100%); background: -ms-linear-gradient(90deg, #098FE3 5%, #004F80 100%); background: linear-gradient(180deg, #004F80 5%, #098FE3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#004F80", endColorstr="#098FE3");
}
.app-colem input[type=submit]:active, .app-colem button:active, .app-colem input[type=button]:active { position:relative; top: 1px; }
.app-colem select { width:47%; display:inline-block }

.app-colem input[type="text"], .app-colem input[type="password"] { width:45%; display:inline-block }
.app-colem .address-sec { width:100%; }
.app-colem .address-sec label { margin-right: .5%; padding: 0 1%; width:20.6%; }
.app-colem .address-sec input[type="text"] { width:70.3%; }
.app-colem .comment-note { width:100%; height:75px; }
.app-colem .comment-note label { width:20.5%; vertical-align:top; height:75px; line-height:20px; }
.app-colem .comment-note textarea { width:70%; vertical-align:top }
.app-colem .row.powered-sec { width: 100%; font:400 12px/40px 'Open Sans', sans-serif; color:#222222; }
.app-colem .row.powered-sec label { width:20.5%; }
.app-colem-heading { border-bottom: 1px solid #e1e0e0; }
.app-colem-heading .row label { color: #454545; display: inline-block; font: 600 14px/39px Arial, Verdana, Helvetica; height: 39px; margin-right: 1%; padding: 0 1%; text-align:center; width: 44%; }
.question-row { margin:0px 0; border-top:0px solid #e1e0e0 }
.question-row .app-colem .row { width:100%; font:400 12px/40px 'Open Sans', sans-serif; color:#454545; }
.question-row .app-colem .row p { display:inline-block; font:400 12px/40px 'Open Sans', sans-serif; color:#454545; margin:0 }
.app-colem .row.fck-note { width:100%; border-bottom: 1px solid #e1e0e0; }
.app-colem .row.fck-note label { width:20.5%; vertical-align:top; }
.app-colem .row.fck-note .cke_chrome { width:72%; vertical-align:top; display:inline-block; margin:5px 0; }
.app-colem .row.fck-note:nth-child(2) label, .app-colem .row.fck-note:nth-child(1) label { line-height:18px; height:40px; }
.app-colem .row.fck-note:nth-child(1) { height:415px; }
.app-colem .row.fck-note:nth-child(1) label { height:415px; }
.app-colem .row.fck-note:nth-child(6) { height:415px; }
.app-colem .row.fck-note:nth-child(6) label { height:415px; }
.app-btn-group { margin: 20px 0; text-align: center; }
.app-btn-group input[type=submit], .app-btn-group button, .app-btn-group input[type=button] { font:700 14px/20px 'Open Sans', sans-serif; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; border: 1px solid #337fed; padding:0px 15px; -webkit-box-shadow: inset 1px 1px 0px 0px #97c4fe; -moz-box-shadow: inset 1px 1px 0px 0px #97c4fe; box-shadow: inset 1px 1px 0px 0px #97c4fe; cursor: pointer; color: #ffffff; height:32px; display: inline-block; background: -webkit-linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: -moz-linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: -ms-linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background:linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#098fe3", endColorstr="#6288b9");
}
.app-btn-group input[type=submit].next, .app-btn-group button.next, .app-btn-group input[type=button].next{float:right;}
.app-btn-group input[type=submit]:hover, .app-btn-group button:hover, .app-btn-group input[type=button]:hover { background: -webkit-linear-gradient(90deg, #098FE3 5%, #004F80 100%); background: -moz-linear-gradient(90deg, #098FE3 5%, #004F80 100%); background: -ms-linear-gradient(90deg, #098FE3 5%, #004F80 100%); background: linear-gradient(180deg, #004F80 5%, #098FE3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#004F80", endColorstr="#098FE3");
}
.app-btn-group input[type=submit]:active, .app-btn-group button:active, .app-btn-group input[type=button]:active { position:relative; top: 1px; }

.app-btn-group input[type=submit]:disabled { border: 1px solid rgba(0, 0, 0, 0.10); -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.25); cursor: pointer; color: rgba(0, 0, 0, 0.25);background:#e1e0e0; cursor:no-drop}
.app-btn-group input[type=submit]:disabled:active{ top: 0px; }

.app-btn-group input.cancel-btn { text-shadow: 1px 1px 0px #474343; -webkit-box-shadow: inset 1px 1px 0px 0px #B5B5B5; -moz-box-shadow: inset 1px 1px 0px 0px #B5B5B5; box-shadow: inset 1px 1px 0px 0px #B5B5B5; background: -webkit-linear-gradient(90deg, #92989E 5%, #1A1B1C 100%); background: -moz-linear-gradient(90deg, #92989E 5%, #1A1B1C 100%); background: -ms-linear-gradient(90deg, #92989E 5%, #1A1B1C 100%); background: linear-gradient(180deg, #1A1B1C 5%, #92989E 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1A1B1C", endColorstr="#92989E");
border: 1px solid #0F0F0F;float:left; }
.app-btn-group input.cancel-btn.payment{ float:none;}
.app-btn-group input.cancel-btn:hover { background: -webkit-linear-gradient(90deg, #1A1B1C 5%, #92989E 100%); background: -moz-linear-gradient(90deg, #1A1B1C 5%, #92989E 100%); background: -ms-linear-gradient(90deg, #1A1B1C 5%, #92989E 100%); background: linear-gradient(180deg, #92989E 5%, #1A1B1C 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#92989E", endColorstr="#1A1B1C");
}
.app-btn-group input.btn-cancel { text-shadow: 1px 1px 0px #474343; -webkit-box-shadow: inset 1px 1px 0px 0px #B5B5B5; -moz-box-shadow: inset 1px 1px 0px 0px #B5B5B5; box-shadow: inset 1px 1px 0px 0px #B5B5B5; background: -webkit-linear-gradient(90deg, #92989E 5%, #1A1B1C 100%); background: -moz-linear-gradient(90deg, #92989E 5%, #1A1B1C 100%); background: -ms-linear-gradient(90deg, #92989E 5%, #1A1B1C 100%); background: linear-gradient(180deg, #1A1B1C 5%, #92989E 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1A1B1C", endColorstr="#92989E");
border: 1px solid #0F0F0F;}
.app-btn-group input.btn-cancel:hover { background: -webkit-linear-gradient(90deg, #1A1B1C 5%, #92989E 100%); background: -moz-linear-gradient(90deg, #1A1B1C 5%, #92989E 100%); background: -ms-linear-gradient(90deg, #1A1B1C 5%, #92989E 100%); background: linear-gradient(180deg, #92989E 5%, #1A1B1C 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#92989E", endColorstr="#1A1B1C");
}

.app-btn-group a { font:700 14px/32px 'Open Sans', sans-serif; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; border: 1px solid #337fed; padding:0px 15px; -webkit-box-shadow: inset 1px 1px 0px 0px #97c4fe; -moz-box-shadow: inset 1px 1px 0px 0px #97c4fe; box-shadow: inset 1px 1px 0px 0px #97c4fe; cursor: pointer; color: #ffffff; height:32px; display: inline-block; background: -webkit-linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: -moz-linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: -ms-linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background:linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#098fe3", endColorstr="#6288b9");
}
.app-btn-group a:hover { background: -webkit-linear-gradient(90deg, #098FE3 5%, #004F80 100%); background: -moz-linear-gradient(90deg, #098FE3 5%, #004F80 100%); background: -ms-linear-gradient(90deg, #098FE3 5%, #004F80 100%); background: linear-gradient(180deg, #004F80 5%, #098FE3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#004F80", endColorstr="#098FE3");
text-decoration:none; }
.app-btn-group a:active { position:relative; top: 1px; }
.app-btn-group a.cancel-btn { text-shadow: 1px 1px 0px #474343; -webkit-box-shadow: inset 1px 1px 0px 0px #B5B5B5; -moz-box-shadow: inset 1px 1px 0px 0px #B5B5B5; box-shadow: inset 1px 1px 0px 0px #B5B5B5; background: -webkit-linear-gradient(90deg, #92989E 5%, #1A1B1C 100%); background: -moz-linear-gradient(90deg, #92989E 5%, #1A1B1C 100%); background: -ms-linear-gradient(90deg, #92989E 5%, #1A1B1C 100%); background: linear-gradient(180deg, #1A1B1C 5%, #92989E 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1A1B1C", endColorstr="#92989E");
border: 1px solid #0F0F0F; }
.app-btn-group a.cancel-btn:hover { background: -webkit-linear-gradient(90deg, #1A1B1C 5%, #92989E 100%); background: -moz-linear-gradient(90deg, #1A1B1C 5%, #92989E 100%); background: -ms-linear-gradient(90deg, #1A1B1C 5%, #92989E 100%); background: linear-gradient(180deg, #92989E 5%, #1A1B1C 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#92989E", endColorstr="#1A1B1C");
}
table.tableGrid_layout { font:400 12px/20px 'Open Sans', sans-serif; border:1px solid #729ea5; text-align:left; color:#333333; border-bottom:0; width:100%; border-collapse: collapse; margin: 10px 0; }
table.tableGrid_layout tr td { font:300 14px/20px 'Open Sans', sans-serif; border-right: 1px solid #729ea5; border-bottom: 1px solid #729ea5; padding:5px; background:#d4e3e5; min-height:30px; }
table.tableGrid_layout tr td:first-child { border-left:0px solid #729ea5; }
table.tableGrid_layout tr td.edit_icon {text-align: center;width: 40px;}
table.tableGrid_layout tr td.delete_icon {text-align: center;width: 40px;}
table.tableGrid_layout.FileUploadWizardtable tr td:first-child { display:block; }
table.tableGrid_layout.accepthorsereg tr td:first-child { display:block; }
table.tableGrid_layout tr td:last-child { border-right:0px solid #729ea5; }
table.tableGrid_layout tr:nth-child(odd) td { background:#e5eaeb; }
table.tableGrid_layout tr:nth-child(even) td { }
table.tableGrid_layout tr:hover td { background:#ffffff; }
table.tableGrid_layout th { font:600 14px/20px 'Open Sans', sans-serif; background-color:#acc8cc; border-right: 1px solid #729ea5; border-bottom: 1px solid #729ea5; padding:5px; text-align:left !important; }
table.tableGrid_layout tr th:first-child { border-left:0px solid #729ea5; }
table.tableGrid_layout.accepthorsereg tr th:first-child { display:block }
table.tableGrid_layout tr th:last-child { border-right:0px solid #729ea5; }
table.tableGrid_layout tr th a { color:#d9541e; }
table.tableGrid_layout tr td a { color:#d9541e; }
.supplementary-outer { margin:0 auto; max-width:100%; padding:0; outline:0; border:0; background:#f7f7f7 }
.supplementary-outer .supplementary-top-head { background:#454545; padding:5px 0; text-align:center }
.supplementary-outer .supplementary-top-head h2 { color:#fff; font:600 20px/45px 'Open Sans', sans-serif; text-transform:uppercase }
.supplementary-outer .supplementary-row { color:#454545; font:400 14px/18px 'Open Sans', sans-serif; padding:10px; }
.supplementary-outer .supplementary-row p { padding:5px 0 0 0; font:400 14px/20px 'Open Sans', sans-serif; }
.supplementary-outer .supplementary-row > div p { padding:5px 0 }
.supplementary-outer .supplementary-row h2 { font:700 28px/34px 'Open Sans', sans-serif; }
.supplementary-outer .supplementary-row ul { list-style-type: circle; list-style-position: outside; list-style-image: none; padding:0 0 10px 20px }
.supplementary-outer .supplementary-row ul li { padding:5px 0; color:#454545; font:400 14px/18px 'Open Sans', sans-serif; }
.supplementary-outer .supplementary-row ul li a { color:#454545; text-decoration:underline; }
.term-condition { color:#454545; font:400 14px/18px 'Open Sans', sans-serif; padding:0 0 0 10px }
.term-condition input { margin-right:5px; height:auto; width:auto }
.entry-stage { text-align:center; background:#666; padding:5px 0; margin:10px 0 20px 0; }
.entry-stage h2 { color:#fff; font:600 24px/30px 'Open Sans', sans-serif; margin:0 }
.entry-stage h3 { color:#fff; font:600 24px/30px 'Open Sans', sans-serif; margin:0 }
.clientLogo{ float:left; padding:5px 10px;}
.table-outer-row { border-bottom:1px solid #e1e0e0; }
.table-outer-row.event-table-outer { border-top:1px solid #e1e0e0; }
.table-outer-row .table-row { vertical-align:top; position:relative; font:400 12px/40px 'Open Sans', sans-serif; color:#454545; display:table; width:100%;}
.table-outer-row .table-head { background:#f7f7f7; display: table-row;  }
.table-outer-row .table-body { height:auto;display: table-row;}
.table-outer-row .table-row div > div { display: table-cell;vertical-align:top; border-left:1px solid #e1e0e0; border-top:1px solid #e1e0e0; padding:10px 1%; font:400 14px/20px 'Open Sans', sans-serif; color:#222222; }
.table-outer-row .table-row div > div:nth-child(1) {border-left:0px solid #e1e0e0; }
/*.table-outer-row .table-row div > div:nth-child(2) { width:22%; }
.table-outer-row .table-row div > div:nth-child(3) { width:20%; }
.table-outer-row .table-row div > div:nth-child(4) { width:10%; }
.table-outer-row .table-row div > div:nth-child(5) { width:11.5%; }
.table-outer-row .table-row div > div:nth-child(6) { width:14%; }
.table-outer-row .table-row.classNomination div > div:nth-child(4) { width:17.7%}*/
.table-outer-row .table-row.classNomination div > div:nth-child(5) { text-align:right;}
.table-outer-row .table-row.classNomination div.table-head > div:nth-child(5) { text-align:left;}


.table-outer-row .table-row.payment1 div > div:nth-child(1){  text-align:right;}
.table-outer-row .table-row.payment1 div > div:nth-child(2){ font: 600 14px/20px "Open Sans",sans-serif;text-align: right;width: 15%;}

.table-outer-row .table-row .table-body > div:nth-child(6) { text-align:right;}
.table-outer-row .table-row div.table-head div { font-weight:700 }
.table-outer-row .table-row div.table-head div.feeDiv{ text-align:right;}
.table-outer-row.event-table-outer .table-row div > div:nth-child(1) { width:3%; }
.table-outer-row.event-table-outer .table-row div > div:nth-child(2) { width:35%; }
.table-outer-row.event-table-outer .table-row div > div:nth-child(3) { width:5%; }
.table-outer-row.event-table-outer .table-row div > div:nth-child(4) { width:35%; }
.table-outer-row.event-table-outer .table-row div > div:nth-child(5) { width:10%; }
.online-prosseccing-outer { }
.online-prosseccing-outer .table-body > div:nth-child(1) { width:75%; display:inline-block; vertical-align:top; border-right:1px solid #e1e0e0; border-bottom:1px solid #e1e0e0; padding:0 1%; font:700 14px/40px "Open Sans", sans-serif; color:#454545; background:#f7f7f7; height:40px; text-align:right }
.online-prosseccing-outer .table-body > div:nth-child(2) { width:20.5%; display:inline-block; vertical-align:top; border-bottom:1px solid #e1e0e0; padding:0 1%; font:600 18px/40px 'Open Sans', sans-serif; color:#454545; background:#f7f7f7; height:40px; text-align:right }
.class-entry-sec .row { width:100%; }
.class-entry-sec .app-colem label { width:44%; }
.class-entry-sec .app-colem label span { color:#454545 }
.comment-textarea.row { width:100%; height:150px; }
.comment-textarea.row label { width:20.6%; vertical-align:top; height:150px; line-height:24px; margin-right:.4% }
.comment-textarea.row textarea { height:135px; width:70%; resize:none }
.addres-venue.row, .addres-venue.row { height:auto; padding:5px 0 }
.addres-venue.row address, .addres-venue.row p { color:#222222; font:700 13px/20px 'Open Sans', sans-serif; padding:5px 2%; margin:0 }
.venue-app-colem { border-bottom: 1px solid #e1e0e0; padding:0 15px; }
.venue-app-row { vertical-align:top; position:relative; font:400 13px/20px 'Open Sans', sans-serif; color:#454545; padding:10px 0 }
.venue-app-row a { color:#454545; text-decoration:underline }
.venue-app-row a:hover { text-decoration:none; }
.note-result-serch span { position:absolute; top:12px; color:#f00; font:400 12px/20px 'Open Sans', sans-serif; left:5px; }
.info-other .row { width:100%; }
.info-other .row label { vertical-align: top; width: 20.5%; font:600 13px/39px 'Open Sans', sans-serif }
.info-other .row span { width:5%; display:inline-block; vertical-align:middle; }
.info-other .row span input[type="text"] { width:98%; }
.info-other .row span:nth-child(4) { width:22%; }
.info-other.textarea-info textarea { height:75px; }
.info-other.textarea-info .row { height:auto }
.info-other.textarea-info label { height:87px; }
p.note-print { color:#f00; padding:10px 0 0 0; }
.enter-btn a { font:700 14px/32px 'Open Sans', sans-serif; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; border: 1px solid #337fed; padding:0px 15px; -webkit-box-shadow: inset 1px 1px 0px 0px #97c4fe; -moz-box-shadow: inset 1px 1px 0px 0px #97c4fe; box-shadow: inset 1px 1px 0px 0px #97c4fe; cursor: pointer; color:#ffffff !important; height:32px; display: inline-block; background: -webkit-linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: -moz-linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: -ms-linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background:linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#098fe3", endColorstr="#6288b9");
}
.enter-btn a:hover { background: -webkit-linear-gradient(90deg, #098FE3 5%, #004F80 100%); background: -moz-linear-gradient(90deg, #098FE3 5%, #004F80 100%); background: -ms-linear-gradient(90deg, #098FE3 5%, #004F80 100%); background: linear-gradient(180deg, #004F80 5%, #098FE3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#004F80", endColorstr="#098FE3");
text-decoration:none; }
.enter-btn a:active { position:relative; top: 1px; }
.toggleMenu { display:none; padding:10px 0; text-align:center; font:400 22px/22px "Open Sans", sans-serif; color:#fff; width:100%; }
.toggleMenu a { color:#fff; text-decoration:none; }
.toggleMenu a:hover { text-decoration:none; }
.applicable-discount { width:100%; height:auto}
.checkboxbDiscount{ padding:0 1%;}
.checkboxbDiscount label{ padding:0 1%;}
.row .checkboxbDiscount input[type="checkbox"] + label{ width:96%;}
.applicable-discount label{   background: none repeat scroll 0 0 rgba(0, 0, 0, 0);border: 0 none;float: left;font: 600 14px/34px "Open Sans",sans-serif;margin: 0;vertical-align: top;width: 20.14%;}
.row.applicable-discount table{ border-left: 1px solid #e1e0e0;margin: 5px 1%;width:98%;}
.row.applicable-discount table td label, .row.applicable-discount table  tr td input[type="checkbox"] + label{ width:auto}
.row.applicable-discount input[type="checkbox"], .row input[type="radio"] table tr td input + label::before{ right:-30px}
.row.applicable-discount input[type="checkbox"], .row.applicable-discountinput[type="radio"]{ position:absolute; right:0}
.row.applicable-discount input + label::before{ left:0}
.row.applicable-discount table td label, .row.applicable-discount input[type="checkbox"] + label{ padding-left:30px; text-align:left}
.discount-table { width:100%; border-bottom: 1px solid #e1e0e0; background:#f7f7f7; }
.discount-table table { width:54%; padding:0 0 0 1%; margin:0; border:0; border-left: 1px solid #e1e0e0; background:#fff; }
.discount-table em { float:left; color: #454545; display: inline-block; font: 600 14px/39px "Open Sans", sans-serif; height: 39px; margin-right: 1%; padding: 0 1%; text-align: right; width: 43%; }
.discount-table table label { color: #454545; display: inline-block; font: 600 14px/30px "Open Sans", sans-serif; padding-left:5px; }
.discount-table table input[type=checkbox] { margin:7px 0 0 0; width:auto; height:auto; }
.discount-table table tr td { border-bottom: 0px solid #e1e0e0; }
.contactus-row.row { width:100%; height:auto }
.contactus-row.row label { width:20%; }
.pleaseNote { margin:20px 0; }
.pleaseNote strong { color:#f00; font:600 14px/20px "Open Sans", sans-serif; }
.pleaseNote span { color:#000; font:400 13px/20px "Open Sans", sans-serif; }
.about-content { }
.about-content ul { margin:0 0 10px 20px; padding:0 }
.about-content ul li { color:#000; font:400 13px/20px "Open Sans", sans-serif; padding:3px 0 }
.about-content p { color:#000; font:400 13px/20px "Open Sans", sans-serif; padding-bottom:20px; }
.about-content h3 { color:#000; font:600 15px/20px "Open Sans", sans-serif; padding-bottom:3px; }
.about-content h2 { color:#000; font:600 18px/20px "Open Sans", sans-serif; padding-bottom:10px; }
.homepage { }
.homepage-lf { float:left; width:50% }
.homepage-rt { float:left; width:50%; }
.homepage-rt h2 { color:#000; font:600 18px/20px "Open Sans", sans-serif; padding-bottom:10px; }
.homepage-rt ul { margin:0 0 0 0; padding:0; list-style:none; }
.homepage-rt ul li { color:#000; margin:5px 0; float:left; width:100%; }
.homepage-rt ul li a { color:#666; font:600 16px/20px "Open Sans", sans-serif; backface-visibility: hidden; box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; transform: translateZ(0px); transition-duration:.5s; transition-property: color; vertical-align: middle; background:#e1e1e1; padding:10px 1%; float:left; width:75% }
.homepage-rt ul li a:hover { text-decoration:none; color:#fff; transition-duration:1s; }
.homepage-rt ul li a::before { background: none repeat scroll 0 0 #2098d1; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0 50% 0; transition-duration: .5s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; }
.homepage-rt ul li a:hover::before, .homepage-rt ul li a:focus::before, .homepage-rt ul li a:active::before { transform: scaleX(1); }
.row_1.row { height:100%; }
.app-colem .row_1 label { vertical-align:top; width: 43.9%; margin-right: 2%; }
.app-colem .row_1 input[type="text"] { }
.app-colem .row_1 table { width:19%; display:inline-block; }
.app-colem .row_1 table td label { background:none; padding:0; margin:0; height:auto; font:600 14px/20px "Open Sans", sans-serif; border:0; margin:0 5px; }
.app-colem .row_1 table td input[type=radio] { margin:5px 0 0 0; height:auto; width:auto; }
/* Rider Login css start here */

.loginpanel { max-width: 300px; margin:5% auto; }
.loginpanelinner { background:#002942; border-radius:6px; border:2px solid #021f30; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); padding: 12px 16px; position: relative; }
.loginpanelinner h1 { color: #ffffff; margin: 0; padding: 0 8px 8px; position: relative; font:600 18px/30px "Open Sans", sans-serif; border-bottom:1px dashed #03446c; }
.mws-login-lock { background:#002942; border-radius: 20px; height: 40px; position: absolute; right: -10px; text-align: center; top: -10px; width: 40px; }
.mws-login-lock .icon-lock { background:url(../images/admin-lock.png) no-repeat 0 0; width:24px; height:24px; display:block; margin:6px 0 0 9px; }
.mws-form-row { padding:15px 0 0 0; }
.mws-form-row:before, .mws-form-row:after { content: ""; display: table; line-height: 0; }
.mws-form-row:after { clear: both; }
.mws-form-row:before, .mws-form-row:after { content: ""; display: table; line-height: 0; }
.mws-form-row .mws-form-item { position:relative }
.mws-form-row .mws-form-item label { color:#fff; font:400 14px/20px "Open Sans", sans-serif; }
.mws-form-row .mws-form-item span { color:#f00; font:400 14px/14px "Open Sans", sans-serif; }
.rememberme { padding:15px 0 0 0; color:#fff; font:400 14px/20px "Open Sans", sans-serif; }
.rememberme input[type=checkbox] { margin:4px 5px 0 0; float:left; width:auto; height:auto }
.loginpanelinner span.forgot-password-error2 { color:#f00; font:300 12px/14px "Open Sans", sans-serif; }
.mws-form-row input[type=text] { background-color:#fff !important; background-image:url(../images/user-icon.png) !important; background-repeat: no-repeat; background-position:8px center; border: 1px solid #323232; box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) inset; min-height: 38px; padding-left: 32px; border-radius: 4px; box-sizing: border-box; color: #323232; line-height: 20px; font:400 14px/30px "Open Sans", sans-serif; width: 100%; }
.mws-form-row.loginemail input[type=text] {background-image:url(../images/login-email.png) !important; }
 .mws-form-row input[type=text]:-webkit-autofill, .mws-form-row input[type=text]::-webkit-autofill:focus, .mws-form-row input[type=text]::focus:-webkit-autofill, .mws-form-row input[type=text]:-webkit-autofill:focus, .mws-form-row input[type=text]:focus:-webkit-autofill {background-color:#fff;background-image:url(../images/user-icon.png);background-repeat: no-repeat;background-position:8px center !important;color: #323232;}
.mws-form-row input[type=password] { background:#fff url(../images/key-icon.png) no-repeat 8px center !important; border: 1px solid #323232; box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) inset; min-height: 38px; padding-left: 32px; width: 100%; padding-left: 32px; border-radius: 4px; box-sizing: border-box; color: #323232; line-height: 20px; font:400 14px/30px "Open Sans", sans-serif; }
.mws-form-row input[type=submit] { width:100%; }
.mws-inset { background-color: rgba(0, 0, 0, 0.15); border-radius: 4px; padding:5px 10px; margin:15px 0 0 0; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 2px rgba(0, 0, 0, 0.5) inset; }
.mws-inset a { color:#fff; font:400 13px/20px "Open Sans", sans-serif; }
.mws-inset a:hover { text-decoration:underline; }
.lblMessage, #lblMessage { color:#208302; font:400 13px/20px "Open Sans", sans-serif; }
.lblError, #lblError { color:#f00; font:400 13px/20px "Open Sans", sans-serif; }
.loginpanelinner .lblloginError{ color:#f00;font:600 14px/20px "Open Sans", sans-serif; margin:5px 0 0 0}
.staysignin label { color: #fff; float: left; font: 400 13px/20px "Open Sans", sans-serif; white-space: nowrap; }
.staysignin input[type="checkbox"] { float: left; height: auto; margin: 3px 5px 0 0; width: auto; }
/* Rider Login css ends here */

.style2 { position:absolute; color:#f00; font:400 13px/20px "Open Sans", sans-serif; width:20%; margin:11px 0 0 7px; }
.topheadlink { }
.topheadlink ul { list-style:none; margin:0; padding:0; }
.topheadlink ul li { color: #000; float: left; margin:0 0 10px 0; width:50%; }
.topheadlink ul li a { color:#666; font:600 16px/20px "Open Sans", sans-serif; backface-visibility: hidden; box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; transform: translateZ(0px); transition-duration:.5s; transition-property: color; vertical-align: middle; background:#e1e1e1; padding:10px 1%; float:left; width:75% }
.topheadlink ul li a:hover { text-decoration:none; color:#fff; transition-duration:1s; }
.topheadlink ul li a::before { background: none repeat scroll 0 0 #2098d1; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0 50% 0; transition-duration: .5s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; }
.topheadlink ul li a:hover::before, .topheadlink ul li a:focus::before, .topheadlink ul li a:active::before { transform: scaleX(1); }
.topheadlink ul li.active a { background:#2098d1; color:#fff }
.innerpagelink-left { float:left; width:30%; }
.innerpagelink-left .topheadlink ul li { width:100%; }
.innerpagelink-right { float:left; width:70%; }
.riderdetails .row { width:100%; }
.row.Correspondence-Method > div { display:inline-block; width:40%; vertical-align:top; }
.row.Correspondence-Method > div.mobradiobtn{ width:30%;}
.row.Correspondence-Method > div table td label { background:none; border-right:0; width:auto; height:auto; line-height:34px; }
.row.Correspondence-Method input + label:before { left:-20px; top:6px; }
.add-emergencycontact-popsec .correspondence-checkboxgroup table td label { background:none; border-right:0; width:auto; height:auto; line-height:40px; position:relative }
.add-emergencycontact-popsec .correspondence-checkboxgroup table td input + label:before { left:-25px; top:9px; }
.add-emergencycontact-popsec .correspondence-checkboxgroup input[type="radio"] { width: 24px; height: 26px; position: relative; z-index: 10; opacity: 0; vertical-align: middle; }
.add-emergencycontact-popsec .correspondence-checkboxgroup input[type="radio"] { height: 22px; width: 22px; float:left }
.add-emergencycontact-popsec .correspondence-checkboxgroup input + label:before { content: " "; background: url(../images/checkboxa.png) no-repeat left -2px; width: 24px; height: 30px; position: absolute; right:0; top:3px; display: inline-block; z-index: 1; }
.add-emergencycontact-popsec .correspondence-checkboxgroup table td input[type="radio"] + label:before { background-position: -36px -3px; }
/* HOVER STYLES */

.add-emergencycontact-popsec .correspondence-checkboxgroup input[type="radio"]:hover + label:before, .row input[type="radio"] + label:hover:before { background-position: -36px -34px; }
.add-emergencycontact-popsec .correspondence-checkboxgroup input[type="radio"]:focus + label:before { background-position: -36px -65px; }
/* CHECKED STYLES */
.add-emergencycontact-popsec .correspondence-checkboxgroup input[type="radio"]:checked + label:before { background-position: -36px -133px; }
.add-emergencycontact-popsec .correspondence-checkboxgroup input[type="radio"]:hover:checked + label:before, .row input[type="radio"]:focus:checked + label:before { background-position: -36px -166px; }
.add-emergencycontact-popsec .correspondence-checkboxgroup input[type="radio"]:active:checked + label:before { background-position: -36px -199px; }
.add-emergencycontact-popsec .correspondence-checkboxgroup table { margin:0; width:100%; }
.row table { padding:0; width:100%; margin:0; }
.row table td label, .row input[type="checkbox"] + label { width:48%; display:inline-block; float:left; position:relative; padding-left:9px; }
.row table td input, .row input[type="checkbox"] { float:right; }
.row input[type="checkbox"], .row input[type="radio"] { width: 24px; height: 26px; position: relative; z-index: 10; opacity: 0; vertical-align: middle; }
.row input[type="radio"] { height: 22px; width: 22px; float:left }
.row input + label:before { content: " "; background: url(../images/checkboxa.png) no-repeat left -2px; width: 24px; height: 30px; position: absolute; right:0; top:3px; display: inline-block; z-index: 1; }
.row input[type="checkbox"] + label:before { top:0px; }
.row input[type="checkbox"] + label:before { background-position: 0 -3px; }
.row table td input[type="radio"] + label:before { background-position: -36px -3px; }
/* HOVER STYLES */
.row input[type="checkbox"]:hover + label:before, .row input[type="checkbox"] + label:hover:before { background-position: left -34px; }
.row input[type="checkbox"]:focus + label:before { background-position: left -65px; }
.row input[type="radio"]:hover + label:before, .row input[type="radio"] + label:hover:before { background-position: -36px -34px; }
.row input[type="radio"]:focus + label:before { background-position: -36px -65px; }
/* CHECKED STYLES */
.row input[type="checkbox"]:checked + label:before { background-position: left -133px; }
.row input[type="checkbox"]:hover:checked + label:before, .row input[type="checkbox"]:focus:checked + label:before { background-position: left -166px; }
.row input[type="checkbox"]:active:checked + label:before { background-position: left -199px; }
.row input[type="radio"]:checked + label:before { background-position: -36px -133px; }
.row input[type="radio"]:hover:checked + label:before, .row input[type="radio"]:focus:checked + label:before { background-position: -36px -166px; }
.row input[type="radio"]:active:checked + label:before { background-position: -36px -199px; }
/* DISABLED STYLES */
.row input[type="checkbox"]:disabled + label:before { background-position: left -96px; }
.row input[type="radio"]:disabled + label:before { background-position: -36px -96px; }
.row input[type="checkbox"]:checked:disabled + label:before { background-position: left -232px; }
.row input[type="radio"]:checked:disabled + label:before { background-position: -36px -232px; }
/* DISABLED STYLES */
.row input[type="checkbox"]:disabled + label:before { background-position: left -96px; }
.row input[type="radio"]:disabled + label:before { background-position: -36px -96px; }
.row input[type="checkbox"]:checked:disabled + label:before { background-position: left -232px; }
.row input[type="radio"]:checked:disabled + label:before { background-position: -36px -232px; }
.innerheading { background:#e7e7e7; border-bottom: 1px solid #e1e0e0; height: 39px; padding: 0 1%; }
.innerheading h4 { color: #454545; font:700 18px/39px "Open Sans", sans-serif; }
.textarea.row { height:auto }
.textarea.row label { height:122px; vertical-align:top }
.textarea.row textarea { height:100px; display: inline-block; width: 45%; vertical-align:top; margin:5px 0; }
.row.coaches-checkbox-information input[type="checkbox"] + label { width:44%; display:inline-block; float:left; position:relative; }
.row.coaches-checkbox-information input[type="checkbox"] + label::before { top: 6px; right: -38px; }

.row.Areyou input[type="checkbox"] + label{ width:43.3%;}
.row.Areyou input + label::before{right: -36px;   top: 5px;}
/* Qualification detail list page start here */

.qualification-detail-list-table { border: 1px solid #e1e0e0; border-bottom:0; margin:20px 0; padding: 0; }
.qualification-detail-list-colem { border-bottom:1px solid #e1e0e0; }
.DataRow { border-top:1px solid #e1e0e0; border-left:1px solid #e1e0e0; border-right:1px solid #e1e0e0; }
.qualification-detail-row { vertical-align:top; display:inline-block; width:49%; position:relative }
.qualification-detail-row p { color: #000; font: 400 14px/40px "Open Sans", sans-serif; display:inline-block; width:33%; vertical-align:top }
.qualification-detail-list-table.popupcheck .qualification-detail-row { width:100%; }
.qualification-detail-row label { color: #000; font: 400 14px/40px "Open Sans", sans-serif; display:inline-block; text-align:right; margin-right:3%; width:30%; padding:0 2%; background:#f7f7f7; border-right:1px solid #e1e0e0; }
.qualification-detail-row strong span { color: #000; font: 600 14px/40px "Open Sans", sans-serif; }
.qualification-detail-row label .mandatary_sign { color:#f00; font: 400 14px/40px "Open Sans", sans-serif; }
.qualification-detail-row small { color: #000; font: 400 14px/40px "Open Sans", sans-serif; }
.qualification-detail-row select { width:37%; display:inline-block }
.qualification-detail-row input[type="text"], .qualification-detail-row input[type="password"] { width:35%; display:inline-block }
.qualification-detail-list-heading { padding:10px 2%; border-bottom:1px solid #e1e0e0; background:#d9d7d7; color: #000; font: 400 18px/40px "Open Sans", sans-serif; }
.qualification-detail-list-colem.qualification-textarea .qualification-detail-row { width:100%; }
.qualification-detail-list-colem.qualification-textarea .qualification-detail-row label { width:12.6%; height:170px; margin-right:1.6% }
.qualification-detail-list-colem.qualification-textarea .qualification-detail-row textarea { height:150px; width:47%; vertical-align:top; margin:5px 0; resize:none }
.qualification-detail-row.isurance-error-msg span { color: #f00; font:300 11px/40px "Open Sans", sans-serif; position:absolute; padding-left:5px; }
.qualification-detail-row span.spanrequired { color: #f00; font:300 11px/40px "Open Sans", sans-serif; position:absolute; padding-left:5px; }
.qualification-detail-row.subject-error-msg span { color: #f00; font:300 11px/14px "Open Sans", sans-serif; position:absolute; padding-left:5px; top:6px; }
.comment-qualification-textarea.qualification-detail-row textarea { vertical-align:top; width:35%; height:148px; margin:5px 0; resize:none; }
.comment-qualification-textarea.qualification-detail-row label { vertical-align:top; height:170px; }
.qualification-detail-row.coaches-checkbox-information { vertical-align:top }
.qualification-detail-row.coaches-checkbox-information input[type="checkbox"] + label { width:30%; display:inline-block; float:left; position:relative; }
.qualification-detail-row.coaches-checkbox-information input[type="checkbox"] { float:right; }
.qualification-detail-row.coaches-checkbox-information input[type="checkbox"] { width: 24px; height: 26px; position: relative; z-index: 10; opacity: 0; vertical-align: middle; }
.qualification-detail-row.coaches-checkbox-information input + label:before { content: " "; background: url(../images/newimages/checkboxa.png) no-repeat left -2px; width: 24px; height: 30px; position: absolute; right:-57px; top:3px; display: inline-block; z-index: 1; }
.qualification-detail-row.coaches-checkbox-information input[type="checkbox"] + label:before { top:6px; }
.qualification-detail-row.coaches-checkbox-information input[type="checkbox"] + label:before { background-position: 0 -3px; }
/* HOVER STYLES */
.qualification-detail-row.coaches-checkbox-information input[type="checkbox"]:hover + label:before, .member-row input[type="checkbox"] + label:hover:before { background-position: left -34px; }
.qualification-detail-row.coaches-checkbox-information input[type="checkbox"]:focus + label:before { background-position: left -65px; }
/* CHECKED STYLES */
.qualification-detail-row.coaches-checkbox-information input[type="checkbox"]:checked + label:before { background-position: left -133px; }
.qualification-detail-row.coaches-checkbox-information input[type="checkbox"]:hover:checked + label:before, .member-row input[type="checkbox"]:focus:checked + label:before { background-position: left -166px; }
.qualification-detail-row.coaches-checkbox-information input[type="checkbox"]:active:checked + label:before { background-position: left -199px; }
.qualification-detail-row.coaches-checkbox-information table { padding:0; margin:0; }
.qualification-detail-row.coaches-checkbox-information table td { width:33%; }
.qualification-detail-row.coaches-checkbox-information table td label { width:auto; background:none; border:0; float:none; position:relative; padding-left:10px; cursor:pointer }
.qualification-detail-row.coaches-checkbox-information table td input[type="radio"] { width: 24px; height: 26px; position: relative; z-index: 10; opacity: 0; vertical-align: middle; }
.search-layout-sec .search-body .search-row table td input[type="radio"] { height: 22px; width: 22px; }
.qualification-detail-row.coaches-checkbox-information table td input + label:before { content: " "; background: url(../images/newimages/checkboxa.png) no-repeat left -2px; width: 24px; height: 30px; position: absolute; left: -24px; top:5px; display: inline-block; z-index: 1; }
.qualification-detail-row.coaches-checkbox-information table td input[type="radio"] + label:before { background-position: -36px -3px; }
/* HOVER STYLES */

.qualification-detail-row.coaches-checkbox-information table td input[type="radio"]:hover + label:before, .qualification-detail-row.coaches-checkbox-information table td input[type="radio"] + label:hover:before { background-position: -36px -34px; }
.qualification-detail-row.coaches-checkbox-information table td input[type="radio"]:focus + label:before { background-position: -36px -65px; }
/* CHECKED STYLES */
 
.qualification-detail-row.coaches-checkbox-information table td input[type="radio"]:checked + label:before { background-position: -36px -133px; }
.qualification-detail-row.coaches-checkbox-information table td input[type="radio"]:hover:checked + label:before, .qualification-detail-row.coaches-checkbox-information table td input[type="radio"]:focus:checked + label:before { background-position: -36px -166px; }
.qualification-detail-row.coaches-checkbox-information table td input[type="radio"]:active:checked + label:before { background-position: -36px -199px; }
/* DISABLED STYLES */
.qualification-detail-row.coaches-checkbox-information table td input[type="radio"]:disabled + label:before { background-position: -36px -96px; }
.qualification-detail-row.coaches-checkbox-information table td input[type="radio"]:checked:disabled + label:before { background-position: -36px -232px; }
/* DISABLED STYLES */
.qualification-detail-row.coaches-checkbox-information table td input[type="radio"]:disabled + label:before { background-position: -36px -96px; }
.qualification-detail-row.coaches-checkbox-information table td input[type="radio"]:checked:disabled + label:before { background-position: -36px -232px; }
.qualification-detail-row ul { float:none; }
.qualification-detail-row ul li { height:auto; width:auto; border:0; color: #000; padding:0; font:300 14px/20px "Open Sans", sans-serif; float:none; box-shadow:0px 0px 0px #515151; text-align:left; background:none; }
.qualification-detail-row ul li:hover { box-shadow:0px 0px 0px #666; border:0px solid #515151; }
span.style2 { position:absolute; font:300 14px/20px "Open Sans", sans-serif; color:#000; top:12px }
.member-btn-group { text-align:center; margin:20px 0; }
input.cancel-btn { text-shadow: 1px 1px 0px #474343; -webkit-box-shadow: inset 1px 1px 0px 0px #B5B5B5; -moz-box-shadow: inset 1px 1px 0px 0px #B5B5B5; box-shadow: inset 1px 1px 0px 0px #B5B5B5; background: -webkit-linear-gradient(90deg, #92989E 5%, #1A1B1C 100%); background: -moz-linear-gradient(90deg, #92989E 5%, #1A1B1C 100%); background: -ms-linear-gradient(90deg, #92989E 5%, #1A1B1C 100%); background: linear-gradient(180deg, #1A1B1C 5%, #92989E 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1A1B1C", endColorstr="#92989E");
border: 1px solid #0F0F0F; }
input.cancel-btn:hover { background: -webkit-linear-gradient(90deg, #1A1B1C 5%, #92989E 100%); background: -moz-linear-gradient(90deg, #1A1B1C 5%, #92989E 100%); background: -ms-linear-gradient(90deg, #1A1B1C 5%, #92989E 100%); background: linear-gradient(180deg, #92989E 5%, #1A1B1C 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#92989E", endColorstr="#1A1B1C");
}
.member-btn-group a { font:700 14px/32px 'Open Sans', sans-serif; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; border: 1px solid #337fed; padding:0px 15px; -webkit-box-shadow: inset 1px 1px 0px 0px #97c4fe; -moz-box-shadow: inset 1px 1px 0px 0px #97c4fe; box-shadow: inset 1px 1px 0px 0px #97c4fe; cursor: pointer; color: #ffffff; height:32px; display: inline-block; background: -webkit-linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: -moz-linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: -ms-linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background:linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#098fe3", endColorstr="#6288b9");
}
.member-btn-group a:hover { background: -webkit-linear-gradient(90deg, #098FE3 5%, #004F80 100%); background: -moz-linear-gradient(90deg, #098FE3 5%, #004F80 100%); background: -ms-linear-gradient(90deg, #098FE3 5%, #004F80 100%); background: linear-gradient(180deg, #004F80 5%, #098FE3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#004F80", endColorstr="#098FE3");
text-decoration:none; }
.member-btn-group a:active { position:relative; top: 1px; }
a.cancel-btn { text-shadow: 1px 1px 0px #474343; -webkit-box-shadow: inset 1px 1px 0px 0px #B5B5B5; -moz-box-shadow: inset 1px 1px 0px 0px #B5B5B5; box-shadow: inset 1px 1px 0px 0px #B5B5B5; background: -webkit-linear-gradient(90deg, #92989E 5%, #1A1B1C 100%); background: -moz-linear-gradient(90deg, #92989E 5%, #1A1B1C 100%); background: -ms-linear-gradient(90deg, #92989E 5%, #1A1B1C 100%); background: linear-gradient(180deg, #1A1B1C 5%, #92989E 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1A1B1C", endColorstr="#92989E");
border: 1px solid #0F0F0F; }
a.cancel-btn:hover { background: -webkit-linear-gradient(90deg, #1A1B1C 5%, #92989E 100%); background: -moz-linear-gradient(90deg, #1A1B1C 5%, #92989E 100%); background: -ms-linear-gradient(90deg, #1A1B1C 5%, #92989E 100%); background: linear-gradient(180deg, #92989E 5%, #1A1B1C 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#92989E", endColorstr="#1A1B1C");
}
.areyoucolem { }
.areyoucolem .row input[type="radio"] { float:none; opacity:1; }
.areyoucolem .row input[type="text"] { width:38.8%; }
.texarea.areyoucolem .row textarea { width:38.2%; height:100px; margin:5px; vertical-align:top; }
.texarea.areyoucolem .row label { height:121px; vertical-align:top }
.texarea.areyoucolem .row { height:auto }
/*Search section start here */
.search-layout-sec .search-body-btn-colem .search_btn_icon input[type=submit] { display: inline-block; white-space: nowrap; font-size:16px; color:#fff; padding:0 0 0 28px; margin:2px 0 0 0; position:relative }
.search-layout-sec .search-body-btn-colem .search_btn_icon { position:relative; margin:10px 0; padding:0 !important; }
.search-layout-sec .search-body-btn-colem .search_btn_icon:before { position:absolute; left:0; top:0; z-index:1; content: "\f002"; background:rgba(0, 0, 0, .2); float: left; width: 25px; text-align: center; font:600 18px/30px 'FontAwesome', sans-serif; margin:3px 10px 0 2px; padding: 0 5px; -moz-box-shadow: 1px 0 0 rgba(0,0,0,.3), 2px 0 0 rgba(255,255,255,.3); -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.3), 2px 0 0 rgba(255,255,255,.3); box-shadow: 1px 0 0 rgba(0,0,0,.3), 2px 0 0 rgba(255,255,255,.3); pointer-events: none; border-radius:8px 0px 0 8px; color:#fff }
.search-layout-sec .search-body-btn-colem .search_btn_icon.search_cancel_btn:before { content: "\f00d"; }
.search-layout-sec { border:1px solid #e1e0e0; border-radius:10px 10px 0 0; }
.search-layout-sec .search-head { border-radius:10px 10px 0 0; border-bottom:1px solid #e1e0e0; background: -webkit-linear-gradient(90deg, #fefefe 12%, #f4f4f4 100%); background: -moz-linear-gradient(90deg, #fefefe 12%, #f4f4f4 100%); background: -ms-linear-gradient(90deg, #fefefe 12%, #f4f4f4 100%); background: linear-gradient(180deg, #fefefe 12%, #f4f4f4 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fefefe", endColorstr="#f4f4f4");
padding:7px 0; }
.search-layout-sec .search-head h2 { color:#515151; font:700 20px/32px "Open Sans", sans-serif; padding-left:20px; display:inline-block }
.search-layout-sec .search-body { padding:5px 20px; }
.search-layout-sec .search-body .search-body-colem { float:left; width:28%; vertical-align:top }
.search-layout-sec .search-body .search-body-colem:nth-child(1), .search-layout-sec .search-body .search-body-colem:nth-child(2) { width:35%; }
.search-layout-sec .search-body .search-row { padding:10px 0; float:left; width:100%; }
.search-layout-sec .search-body .search-row label { width:30%; float:left; vertical-align:middle; font:400 14px/30px "Open Sans", sans-serif; color:#000; }
.search-layout-sec .search-body .search-row input[type=text] { width:60%; float:left; vertical-align:middle }
.search-layout-sec .search-body .search-row select { width:60%; float:left; vertical-align:middle }
.search-layout-sec .search-body .error-search-msg { float:left; width:100%; font:400 14px/30px "Open Sans", sans-serif; }
.search-layout-sec .search-body-btn-colem { float:left; width:15%; }
.search-layout-sec .search-body-btn-colem .search-btn { width:98%; }
.search-layout-sec .search-body .search-body-colem:nth-child(3) .search-row { width:50%; padding:5px 0 0 0; }
.search-layout-sec .search-body-btn-colem .cancel-search-btn { text-shadow: 1px 1px 0px #474343; width:98%; -webkit-box-shadow: inset 1px 1px 0px 0px #B5B5B5; -moz-box-shadow: inset 1px 1px 0px 0px #B5B5B5; box-shadow: inset 1px 1px 0px 0px #B5B5B5; background: -webkit-linear-gradient(180deg, #58595a 5%, #61676d 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: -moz-linear-gradient(180deg, #58595a 5%, #61676d 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: -ms-linear-gradient(180deg, #58595a 5%, #61676d 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background:linear-gradient(180deg, #58595a 5%, #61676d 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#58595a", endColorstr="#61676d");
border: 1px solid #0F0F0F; }
.search-layout-sec .search-body-btn-colem .cancel-search-btn:hover { background: -webkit-linear-gradient(90deg, #1A1B1C 5%, #92989E 100%); background: -moz-linear-gradient(90deg, #1A1B1C 5%, #92989E 100%); background: -ms-linear-gradient(90deg, #1A1B1C 5%, #92989E 100%); background: linear-gradient(180deg, #92989E 5%, #1A1B1C 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#92989E", endColorstr="#1A1B1C");
}
.search-layout-sec .search-body .search-row table { padding:0; margin:0; }
.search-layout-sec .search-body .search-row table td { width:33%; }
.search-layout-sec .search-body .search-row table td label { width:50%; float:none; position:relative; padding-left:10px; cursor:pointer }
.search-layout-sec .search-body .search-row table td input[type="checkbox"], .search-layout-sec .search-body .search-row table td input[type="radio"] { width: 24px; height: 26px; position: relative; z-index: 10; opacity: 0; vertical-align: middle; }
.search-layout-sec .search-body .search-row table td input[type="radio"] { height: 22px; width: 22px; }
.search-layout-sec .search-body .search-row table td input + label:before { content: " "; background: url(../images/newimages/checkboxa.png) no-repeat left -2px; width: 24px; height: 30px; position: absolute; left: -24px; top: 0; display: inline-block; z-index: 1; }
.search-layout-sec .search-body .search-row table td input[type="checkbox"] + label:before { top:-4px; }
.search-layout-sec .search-body .search-row table td input[type="checkbox"] + label:before { background-position: left -3px; }
.search-layout-sec .search-body .search-row table td input[type="radio"] + label:before { background-position: -36px -3px; }
/* HOVER STYLES */
.search-layout-sec .search-body .search-row table td input[type="checkbox"]:hover + label:before, .search-layout-sec .search-body .search-row table td input[type="checkbox"] + label:hover:before { background-position: left -34px; }
.search-layout-sec .search-body .search-row table td input[type="checkbox"]:focus + label:before { background-position: left -65px; }
.search-layout-sec .search-body .search-row table td input[type="radio"]:hover + label:before, .search-layout-sec .search-body .search-row table td input[type="radio"] + label:hover:before { background-position: -36px -34px; }
.search-layout-sec .search-body .search-row table td input[type="radio"]:focus + label:before { background-position: -36px -65px; }
/* CHECKED STYLES */
.search-layout-sec .search-body .search-row table td input[type="checkbox"]:checked + label:before { background-position: left -133px; }
.search-layout-sec .search-body .search-row table td input[type="checkbox"]:hover:checked + label:before, .search-layout-sec .search-body .search-row table td input[type="checkbox"]:focus:checked + label:before { background-position: left -166px; }
.search-layout-sec .search-body .search-row table td input[type="checkbox"]:active:checked + label:before { background-position: left -199px; }
.search-layout-sec .search-body .search-row table td input[type="radio"]:checked + label:before { background-position: -36px -133px; }
.search-layout-sec .search-body .search-row table td input[type="radio"]:hover:checked + label:before, .search-layout-sec .search-body .search-row table td input[type="radio"]:focus:checked + label:before { background-position: -36px -166px; }
.search-layout-sec .search-body .search-row table td input[type="radio"]:active:checked + label:before { background-position: -36px -199px; }
/* DISABLED STYLES */
.search-layout-sec .search-body .search-row table td input[type="checkbox"]:disabled + label:before { background-position: left -96px; }
.search-layout-sec .search-body .search-row table td input[type="radio"]:disabled + label:before { background-position: -36px -96px; }
.search-layout-sec .search-body .search-row table td input[type="checkbox"]:checked:disabled + label:before { background-position: left -232px; }
.search-layout-sec .search-body .search-row table td input[type="radio"]:checked:disabled + label:before { background-position: -36px -232px; }
/* DISABLED STYLES */
.search-layout-sec .search-body .search-row table td input[type="checkbox"]:disabled + label:before { background-position: left -96px; }
.search-layout-sec .search-body .search-row table td input[type="radio"]:disabled + label:before { background-position: -36px -96px; }
.search-layout-sec .search-body .search-row table td input[type="checkbox"]:checked:disabled + label:before { background-position: left -232px; }
.search-layout-sec .search-body .search-row table td input[type="radio"]:checked:disabled + label:before { background-position: -36px -232px; }
/* Login page css start here */

.add_new_members { float:right; padding-right:1%; }
.add_new_members a, .add_new_btn a { display: inline-block; white-space: nowrap; background-color: #50b5f4; background-image: -webkit-gradient(linear, left top, left bottom, from(#50b5f4), to(#3190cb)); background-image: -webkit-linear-gradient(top, #50b5f4, #3190cb); background-image: -moz-linear-gradient(top, #50b5f4, #3190cb); background-image: -ms-linear-gradient(top, #50b5f4, #3190cb); background-image: -o-linear-gradient(top, #50b5f4, #3190cb); background-image: linear-gradient(top, #50b5f4, #3190cb); font: 600 14px/30px 'Open Sans', sans-serif; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius:8px; border: 1px solid #337fed; color:#fff; padding:0 15px 0 15px; text-shadow: 1px 1px 0px #1f3693; -webkit-box-shadow: inset 1px 1px 0px 0px #afdcec; -moz-box-shadow: inset 1px 1px 0px 0px #afdcec; box-shadow: inset 1px 1px 0px 0px #afdcec; }
.add_new_members a:hover, .add_new_btn a:hover { background-color: #2898de; text-decoration:none; background-image: -webkit-gradient(linear, left top, left bottom, from(#3190cb), to(#50b5f4)); background-image: -webkit-linear-gradient(top, #3190cb, #50b5f4); background-image: -moz-linear-gradient(top, #3190cb, #50b5f4); background-image: -ms-linear-gradient(top, #3190cb, #50b5f4); background-image: -o-linear-gradient(top, #3190cb, #50b5f4); background-image: linear-gradient(top, #3190cb, #50b5f4); }
.add_new_members a:focus, .add_new_btn a:focus { outline: 0; background: #0073bb; }
.add_new_members a:before, .add_new_btn a:before { content: "\271A"; background: #2289c9; float: left; width: 25px; text-align: center; font:700 20px/29px 'Open Sans', sans-serif; margin:1px 10px 0 -14px; padding: 0 5px; -moz-box-shadow: 1px 0 0 rgba(0,0,0,.3), 2px 0 0 rgba(255,255,255,.3); -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.3), 2px 0 0 rgba(255,255,255,.3); box-shadow: 1px 0 0 rgba(0,0,0,.3), 2px 0 0 rgba(255,255,255,.3); pointer-events: none; border-radius:8px 0px 0 8px; }
/*
.mob-menu{ display:none; background:#248ec2;}
.mob-menu ul{ list-style:none; margin:0; padding:0;}
.mob-menu ul li{}
.mob-menu ul li a { color:#fff; font:600 14px/45px 'Open Sans', sans-serif; height:45px; padding:0 20px; display:block; text-transform:uppercase; backface-visibility: hidden; box-shadow: 0 0 1px rgba(0, 0, 0, 0);overflow: hidden; position: relative; transform: translateZ(0px); vertical-align: middle; }
.mob-menu ul li a:hover{ text-decoration:none; }
.mob-menu ul li a::before { height:45px; background:#454545; bottom: 0; content: ""; left: 50%; position: absolute; right: 50%; transition-duration: 0.3s; transition-property: left, right; transition-timing-function: ease-out; z-index: -1; }
.mob-menu ul li a:hover::before, .mob-menu ul li a:focus::before, .mob-menu ul li a:active::before { right: 0; left:0 }
.mob-menu ul li.active a{ background:#454545;}*/


.changepass .qualification-detail-row { width:100% }
/* resposive menu start here */
#main-nav { display:none; position:fixed; z-index:99 }
#main-nav > section { }
#main-nav.show { background: #3fcee3; z-index:100; width: 300px; max-height:400px; min-height: 100%; position: fixed; overflow: auto; -webkit-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; }
#nav-button { background: #3fcee3; height: 40px; width: 40px; border-radius: 50%; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25); top: 15px; left:5px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #444; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; overflow: hidden; cursor:pointer }
#nav-button:before, #nav-button:after, #nav-button span { background:#fff; content: ''; display: block; width: 22px; height: 2px; position: absolute; left: 10px; border-radius:1px; }
#nav-button:before { top: 13px; }
#nav-button:after { bottom:13px; }
#nav-button span { top:50%; margin-top: 0px; color:#888888; }
/* toggleMenu animation */
.fa-close#nav-button { box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.25); }
.fa-close#nav-button:before, #nav-button:after, #nav-button span { -webkit-transition: none 0.2s ease 0.2s; -moz-transition: none 0.2s ease 0.2s; -ms-transition: none 0.2s ease 0.2s; -o-transition: none 0.2s ease 0.2s; transition: none 0.2s ease 0.2s; -webkit-transition-property: transform, top, bottom, left, opacity; -moz-transition-property: transform, top, bottom, left, opacity; -ms-transition-property: transform, top, bottom, left, opacity; -o-transition-property: transform, top, bottom, left, opacity; transition-property: transform, top, bottom, left, opacity; }
.fa-close#nav-button span { left: -50px; opacity: 0; }
.fa-close#nav-button:before { top:17px; transform: rotate( 45deg ); -webkit-transform: rotate( 45deg ); -moz-transform: rotate( 45deg ); -ms-transform: rotate( 45deg ); -o-transform: rotate( 45deg ); left:9px }
.fa-close#nav-button:after { bottom:21px; transform: rotate( -45deg ); -webkit-transform: rotate( -45deg ); -moz-transform: rotate( -45deg ); -ms-transform: rotate( -45deg ); -o-transform: rotate( -45deg ); left:9px }
 @-webkit-keyframes color { 0% {
 box-shadow: 0;
}
 30% {
 box-shadow: 0 0 10px 25px rgba(12, 121, 137, 0.5);
}
}
 @keyframes color { 0% {
 box-shadow: 0;
}
 30% {
 box-shadow: 0 0 10px 25px rgba(12, 121, 137, 0.5);
}
}
#nav-list { position: absolute; top: 7em; padding: 0 0 0 2em; opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; width: 100%; list-style:none; margin:0; padding:0; display:none; }
#main-nav.show #nav-list { display:block; }
#nav-list a:hover { color: #111; }
#nav-list.nav-show { opacity: 1; }
#nav-list li a { color:#fff; font:600 14px/45px 'Open Sans', sans-serif; height:45px; padding:0 20px; display:block; text-transform:uppercase; backface-visibility: hidden; box-shadow: 0 0 1px rgba(0, 0, 0, 0); overflow: hidden; position: relative; transform: translateZ(0px); vertical-align: middle; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; }
#nav-list li a:hover { text-decoration:none; color:#fff }
#nav-list li a::before { height:45px; background:#454545; bottom: 0; content: ""; position: absolute; left:0; width:0; transition-duration: 0.3s; transition-property: width, right; transition-timing-function: ease-out; z-index: -1; }
#nav-list li a:hover::before, #nav-list li a:focus::before, #nav-list li a:active::before { width:100%; }
#nav-list ul li.active a { background:#454545; }
#cover { opacity:0; display:none; visibility: hidden; width: 100%; height: 100%; position: fixed; z-index: 71; top: 0; left: 0; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
#cover.display { background: rgba(0, 0, 0, 0.2); opacity: 1; visibility: visible; display:block; }
.usernameright { text-align:right; font:600 14px/40px "Open Sans", sans-serif; color:#454545 }
.usernameright a{ color:#248ec2;}
.usernameright span { font-weight:400 }
table.tableGrid_layout.resulttable { margin:10px 1%; width:98%; }
/* resposnive ends here */
.cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 100px; right: 10px; z-index: 10; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */
  overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(36, 142, 194, 0.7) url(../images/cd-top-arrow.png) no-repeat center center; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; }
.cd-top:hover { background: rgba(36, 142, 194, 1) url(../images/cd-top-arrow.png) no-repeat center center; }
.cd-top.cd-is-visible { /* the button becomes visible */
  visibility: visible; opacity: 1; }
.cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: 1; }
.no-touch .cd-top:hover { background-color: #e86256; opacity: 1; }

 .home-page-content { }
.home-page-content ul { list-style:none; margin:0; padding:0; float:left }
.home-page-content ul li { width:180px; height:165px; float:left; margin:18px; border:1px solid #f7f7f7; box-shadow:0px 0px 1px #515151; text-align:center; background:#f7f7f7; transition:all .7s ease-out; -moz-transition:all .7s ease-out; -webkit-transition:all .7s ease-out; -o-transition:all .7s ease-out; }
.home-page-content ul li a { display:block; transition:all .7s ease-out; -moz-transition:all .7s ease-out; -webkit-transition:all .7s ease-out; -o-transition:all .7s ease-out; padding:10px; }
.home-page-content ul li figure, .home-page-content ul li a span { text-align:center; display:inline-block; width:90px; height:75px; padding:10px 0; opacity:.8; }
.home-page-content ul li h4, .home-page-content ul li a small { color:#000000; font:400 14px/45px 'Open Sans', sans-serif; text-decoration:none; display:block; }
.home-page-content ul li:hover { box-shadow:0px 0px 3px #666; border:1px solid #515151; }
.home-page-content ul li a:hover { text-decoration:none; }
.home-page-content ul li:hover a span { opacity:1; }
.home-page-content ul li:hover a small { color:#002b54; text-decoration:none; }
.home-page-content ul li a:hover small { text-decoration:none; }
.home-page-content ul li:nth-child(4) a small { font:400 14px/22px 'Open Sans', sans-serif; }

.row.coaches-checkbox-information.tickbox input[type="checkbox"] + label{ width:44.25%}
 .bread-left.selectIntrest{ width:50%;}
 .bread-left.selectIntrest span{ float:left; width:23%; font:400 14px/40px "Open Sans",sans-serif}
 .bread-left.selectIntrest select{ float:left; width:30%; margin:5px 0 0 0}

.questioncolem { height:auto}
.questionreow{ width:100%; height:auto;}
.questionreow label{ width:20.5%; background:none; vertical-align:top; border:0; margin:0; float:left; font:600 14px/34px "Open Sans",sans-serif}
.question-wrap{ display:inline-block; width: 75%;border-left: 1px solid #e1e0e0;float:left;padding:5px 0 5px 1% ;}
.question-wrap div{     color: #454545; font: 600 14px/24px "Open Sans",sans-serif;}
.question-wrap input[type=text]{ width:94%;}
.question-wrap textarea{ width:94%;}
.question-wrap select{ width:40%;}


.question-head{ background:#e8e8e8;    border-bottom: 1px solid #e1e0e0; padding:0 1%;}
.question-head h4{   color: #454545;font: 600 18px/39px "Open Sans",sans-serif;}

.row.questionreow table td label, .row.questionreow input[type="checkbox"] + label{ width:auto}
.row.questionreow input + label::before{ right:-40px}
.row.questionreow input[type="checkbox"] + label{ margin:0; padding:0}
.prizemoney .row{ width:98%; vertical-align:top; height:auto}
.prizemoney .row label{ width:21%;}
.app-content{ padding: 5px 1%; color: #454545;font:400 14px/20px "Open Sans",sans-serif;}

.row .ajax__validatorcallout_popup_table{ width:auto;}
.updateProgressloader{ position:absolute;opacity:.8; width:100%; height:100%; text-align:center; background-color:rgba(255,255,255,.9); padding:0 0 70px 0}


/* Loader css start here */
.loading { position: fixed; z-index: 9999; height: 2em; width: 2em; overflow: show; margin: auto; top: 0; left: 0; bottom: 0; right: 0; }
.loading:before { content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); }
.loading:not(:required) { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.loading:not(:required):after { content: ''; display: block; font-size: 10px; width: 1em; height: 1em; margin-top: -0.5em; -webkit-animation: spinner 1500ms infinite linear; -moz-animation: spinner 1500ms infinite linear; -ms-animation: spinner 1500ms infinite linear; -o-animation: spinner 1500ms infinite linear; animation: spinner 1500ms infinite linear; border-radius: 0.5em; -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0; box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0; }

/* Loader Animation */
@-webkit-keyframes spinner {
 0% {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@-moz-keyframes spinner {
 0% {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@-o-keyframes spinner {
 0% {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@keyframes spinner {
 0% {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
/* ends here */
/* new start here  */

.grdcustomField > div > table{ width:49%;}
.grdcustomField > table > table{ width:100%; margin:0;}
.grdcustomField > table > table > tbody > tr > td{ border:0; background:none;}
.grdcustomField > table > table > tbody > tr:nth-child(2n+1) > td{ background:none;}
.grdcustomField > table > table > tbody > tr > td input[type=checkbox]{ margin-right:5px;}
.grdcustomField table input[type=file]{ margin:8px 0 5px}
.grdcustomField table textarea{ margin:5px 0}
.grdcustomField table .dvlnkPath{ margin:5px 0; font:400 14px/20px "Open Sans",sans-serif;}
.grdcustomField table .dvlnkPath a{ color:rgb(238, 178, 17); margin-left:5px;}

table.tableGridmember{border-right: 1px solid #e1e0e0;}
.tableGridmember > tbody > tr > td{border-bottom: 1px solid #e1e0e0;padding: 0 1%;}
.tableGridmember > tbody > tr > td:first-child{background: #f7f7f7;border-right: 1px solid #e1e0e0;color: #454545;font: 600 14px/39px "Open Sans",sans-serif;text-align: right;width:46.2%; vertical-align:top;}
.tableGridmember > tbody > tr > td > .requiredinp select{ margin:5px 1% 0; width:100%;}
.tableGridmember > tbody > tr > td > .requiredinp select.smlselect{ width:52%;}
.tableGridmember > tbody > tr > td > .requiredinp input[type=text]{ margin:5px 1% 0; width:98%;}
.tableGridmember > tbody > tr > td > .requiredinp input[type=text].smlinp{ width:50%;}
.tableGridmember > tbody > tr > td > .requiredinp input[type=checkbox]{ margin:14px 0 0 3px;}
.tableGridmember > tbody > tr > td .requiredinp{ position:relative; width:92%;}

.tableGridmember > tbody > tr > td > .requiredinp table{ border:0; width:100%}
.tableGridmember > tbody > tr > td > .requiredinp table > tbody > tr > td:first-child{ border-right:0; background:none;}
.tableGridmember > tbody > tr > td > .requiredinp table > tbody > tr > td{ text-align:left; border-bottom:1px dotted #e1e0e0}
.tableGridmember > tbody > tr > td > .requiredinp table > tbody > tr:last-child > td{ border-bottom:0}
.tableGridmember > tbody > tr > td > .requiredinp table > tbody > tr > td input[type=checkbox]{ margin-right:5px; float:right; margin-top:16px;}
.tableGridmember > tbody > tr > td > .requiredinp table > tbody > tr > td input[type=radio]{ margin-left:5px; margin-top:14px;}
.tableGridmember > tbody > tr > td > .requiredinp table > tbody > tr > td label{ float:left;color: #454545;font: 600 14px/39px "Open Sans",sans-serif; text-align: left;width:auto;}
.tableGridmember > tbody > tr > td:nth-child(2){ position:relative;}

.tableGridmember > tbody > tr > td.customheading{ text-align:left; font:600 14px/22px "Open Sans",sans-serif; padding:10px 1%;}

.tableGridmember > tbody > tr > td > table.ajax__validatorcallout{ width:auto;}
.tableGridmember > tbody > tr > td > table.ajax__validatorcallout tr:last-child td{ border-bottom:1px solid #000}




/* Pravicy Policy start here */

.pravicyContent{ padding:20px 0}
.pravicyContent p{font:400 14px/20px 'Open Sans', sans-serif; color:#454545; padding:5px 0;}
.pravicyContent p em{font:600 14px/20px 'Open Sans', sans-serif; color:#454545; padding:5px 0;}
.pravicyContent strong{font:600 14px/20px 'Open Sans', sans-serif; color:#454545;}
.pravicyContent h3{font:600 18px/20px 'Open Sans', sans-serif; color:#454545; padding:20px 0 5px 0;}
.pravicyContent h4{font:600 14px/20px 'Open Sans', sans-serif; color:#454545; padding:0px;}
.pravicyContent ul,.pravicyContent ol{ margin:0 10px; padding:0}
.pravicyContent ul li,.pravicyContent ol li{font:400 14px/20px 'Open Sans', sans-serif; color:#454545; padding:5px 5px;}
.pravicyContent address{font:400 14px/20px 'Open Sans', sans-serif; color:#454545; padding:5px 0;}
.pravicyContent address a{color:#454545; text-decoration:underline}
.pravicyContent address a:hover{color:#454545; text-decoration:none}
/* Pravicy Policy ends here */

a.joinBtn { font:700 14px/32px 'Open Sans', sans-serif; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; border: 1px solid #337fed; padding:0px 15px; -webkit-box-shadow: inset 1px 1px 0px 0px #97c4fe; -moz-box-shadow: inset 1px 1px 0px 0px #97c4fe; box-shadow: inset 1px 1px 0px 0px #97c4fe; cursor: pointer; color:#ffffff !important; height:32px; display: inline-block; background: -webkit-linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: -moz-linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: -ms-linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background:linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#098fe3", endColorstr="#6288b9");}
a.joinBtn:hover { background: -webkit-linear-gradient(90deg, #098FE3 5%, #004F80 100%); background: -moz-linear-gradient(90deg, #098FE3 5%, #004F80 100%); background: -ms-linear-gradient(90deg, #098FE3 5%, #004F80 100%); background: linear-gradient(180deg, #004F80 5%, #098FE3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#004F80", endColorstr="#098FE3");
text-decoration:none; }
a.joinBtn:active { position:relative; top: 1px; }

.entriespage tr td:first-child{ display:none;}
.entriespage tr th:first-child{ display:none;}

/* member table grid start here */
.jumps-order-sec { padding: 0 0 20px 0; background:#fff;}
.jump-order { border:1px solid #e1e0e0; margin:0; float:left; width:99.9%; background:#fff;}

.jump-order .app-heading { background: linear-gradient(180deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; background: -webkit-linear-gradient(-90deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; background: -moz-linear-gradient(-90deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; border-bottom: 1px solid #bab9b9; border-radius: 10px 10px 0 0; padding: 10px 0; }
 .jump-order .app-heading h3 { color: #454545; font:400 18px/24px "Open Sans", sans-serif; padding:0 1.5%;margin:0; text-transform:uppercase; }
 .outer-order-table { display:table; width:100%; margin:0; /*border-bottom:1px solid #dddddd;*/ }
.order-table-head { display:table-header-group; }
.order-table-row { display:table-cell; color:#000000; font:400 14px/20px 'Open Sans', sans-serif; padding:4px 5px;border-bottom:1px solid #dddddd;border-right:1px solid #dddddd }
.order-table-row a{ color:#d9541e;}
.order-table-row.delete{ width:20px; text-align:center; vertical-align:middle}
.order-table-row.Qty{ width:30px; text-align:center; vertical-align:middle}
.order-table-row:last-child{ text-align:right;border-right:0px solid #dddddd; width:15%;}
.familyList .order-table-row:last-child{ width:auto;}
.order-table-head .order-table-row { background:#d7d7d7;font:600 14px/20px 'Open Sans', sans-serif; }
.responsive-table { width:100%; display:table; }
.order-table-colem { display:table-row; }
.order-table-row.number{ width:22px;}
.order-table-row.number span { background:#a6a6a6; display:block; width:22px; height:22px; text-align:center; color:#fff;font:600 14px/22px 'Open Sans', sans-serif; }
.total-cost { background:#d7d7d7; height:27px; padding:5px 5px; }
.total-cost span { color:#000000; font:400 17px/27px 'Open Sans', sans-serif; }
.total-cost strong { color:#000000; font:600 22px/27px 'Open Sans', sans-serif; text-align:right; float:right; }



.userinfo{border: 1px solid #e1e0e0; margin-bottom:20px;}
.userinfo .app-colem label{ width:15.4%;}
.userinfo .app-colem input[type="text"]{ width:30%}
.userinfo .app-colem select{ width:32%;}
.userinfo .app-colem.address input[type="text"]{ width:70%}
.userinfo .row label > small {color: #f00;font: 400 14px/20px "Open Sans",sans-serif;}
.userinfo .app-colem:last-child{ border-bottom:0}

.userinfo .app-heading { background: linear-gradient(180deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; background: -webkit-linear-gradient(-90deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; background: -moz-linear-gradient(-90deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; border-bottom: 1px solid #bab9b9; border-radius: 10px 10px 0 0; padding: 10px 0; }
 .userinfo .app-heading h3 { color: #454545; font:400 18px/24px "Open Sans", sans-serif; padding:0 1.5%;margin:0; text-transform:uppercase; }




/*ends here */

/* Process payment start here */


/* Payment sectin start here */
.paymentOuter{ border: 1px solid #e1e0e0}

.paymentOuter .app-heading { background: linear-gradient(180deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; background: -webkit-linear-gradient(-90deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; background: -moz-linear-gradient(-90deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; border-bottom: 1px solid #bab9b9; border-radius: 10px 10px 0 0; padding: 10px 0; }
 .paymentOuter .app-heading h3 { color: #454545; font:400 18px/24px "Open Sans", sans-serif; padding:0 1.5%;margin:0; text-transform:uppercase; }

.paymentLeft{ float:left; width:75%;border-right:1px solid #e1e0e0; vertical-align:top}
.paymentRight{ float:right; width:24%; vertical-align:top; padding:20px 0; text-align:center;}
.paymentRight img{ max-width:94%;}
.paymentLeft .row{ width:100%;}
.paymentLeft .row label{margin-right: 1%;padding: 0 1%;width:21%;}
.paymentLeft .row .expiryDate{ display:inline-block; width:45%;}
.paymentLeft .row > select > span{color:#f00;font:300 13px/40px "Open Sans",sans-serif; padding:0 .5%;}
.paymentLeft .row label > small{ font:400 14px/20px "Open Sans",sans-serif; color:#f00;}
.paymentLeft .app-colem .row > div.requiredinp{ width: 75%;}
.paymentLeft .row input[type="text"],.paymentLeft .app-colem .row > div.requiredinp input[type="text"]{display: inline-block;width: 30%;}
.paymentLeft .row select,.paymentLeft .app-colem .row > div.requiredinp select {display: inline-block;width:32.2%;}
.paymentLeft .app-colem .row span.surcharge{color:#f00;font:300 13px/20px "Open Sans",sans-serif; padding:0 .5%;}

.checkoutbtn{ float:left; width:100%; text-align:center; margin:20px 0}
.checkoutbtn input[type=submit]{  color:#fff; font:600 18px/22px 'Open Sans', sans-serif; background:#ee7306; text-align:center; padding:5px 20px; display:inline-block; border-radius:5px; border:0;box-shadow: 0px 0px 0 0 #97c4fe inset; height:auto}
.checkoutbtn input[type=submit]:hover { background:#9c4e08; text-decoration:none;}

.paymentsucces{ padding:20px 30px; background:url(../images/succespayment.png) no-repeat 0 23px;font:600 16px/24px 'Open Sans', sans-serif; color:#2ab622}
/* Payment sectin ends here */
/* ends here*/

/* Ajex calender start here */
.MyCalendar .ajax__calendar_container {border:1px solid #646464;background-color: lemonchiffon;color: red;}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year { color: black;}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {color: black;}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {color: black;font-weight:bold;}
.ajax__validatorcallout div, .ajax__validatorcallout td{ vertical-align:top !important; }
/* ends here */

.familyList .order-table-row:last-child{ text-align:left;}
/* pop up message box start */

.msgpopup{ background:#fff; border:1px solid #bab9b9;font:16px/24px "Open Sans",sans-serif;}
.msgpopup .mpHd{ background: linear-gradient(180deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; background: -webkit-linear-gradient(-90deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; background: -moz-linear-gradient(-90deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; border-bottom: 1px solid #bab9b9;padding: 5px 10px; color: #454545; font:400 18px/24px "Open Sans", sans-serif; text-transform:uppercase;}
.msgpopup table{ padding:10px;}
.msgpopup table tr td{font:16px/24px "Open Sans",sans-serif;}
.msgpopup .mpClose{ text-align:center; padding:10px 0}
.msgpopupoverlay{ background:rgba(0,0,0,.6);}
.modalBackground { background:rgba(0,0,0,.6);}
.modalPopup{ background:#fff; border:1px solid #bab9b9;font:14px/24px "Open Sans",sans-serif; padding:10px;text-align:center;}
.modalPopup p{font:14px/24px "Open Sans",sans-serif; padding-bottom:10px;}

/* ends here */
/* Left menu tabing start here */

.left-tabing-sec { width: 45px; float: left; transition: all .5s ease-out; -moz-transition: all .5s ease-out; -webkit-transition: all .5s ease-out; -o-transition: all .5s ease-out; background: #002b54; position: absolute; left:0;z-index:999;}
.left-tabing-sec .toggle-navigate { background: #083f74; height: 45px; color: #fff; font-size: 0px; padding-left: 15px; text-transform: uppercase; position: relative; }
.left-tabing-sec .toggle-navigate span { width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; background: url(../images/toggle-expand.png) no-repeat 0 0; cursor: pointer }
.left-tabing-sec .toggle-navigate span.expand { background: url(../images/toggle-colleps.png) no-repeat 0 0 }
.left-tabing-sec > ul { list-style: none; margin: 0; padding: 0 }
.left-tabing-sec > ul > li { border-bottom: 1px solid #eeb211; position: relative }
.left-tabing-sec > ul > li:last-child { border: 0 }
.left-tabing-sec > ul > li > a { display: block; width: 45px; padding: 0; color: #fff; background-image: url(../images/sprite-navigation.png); background-repeat: no-repeat; height: 45px; font-size: 0px; position: relative; z-index: 5; transition: all .7s ease-out; -moz-transition: all .7s ease-out; -webkit-transition: all .7s ease-out; -o-transition: all .7s ease-out; }
.left-tabing-sec > ul > li > a:hover, .left-tabing-sec > ul > li:hover > a { background-color: #eeb211; text-decoration: none; }
.left-tabing-sec > ul > li.active > a { background-color: #eeb211; color: #fff; font-weight: 700; }
.left-tabing-sec > ul > li:nth-child(1) > a { background-position: 0 0; }
.left-tabing-sec > ul > li:nth-child(2) > a { background-position:0 -537px; }
.left-tabing-sec > ul > li:nth-child(3) > a { background-position:0 -135px; }
.left-tabing-sec > ul > li:nth-child(4) > a { background-position:0 -45px; }
.left-tabing-sec > ul > li:nth-child(5) > a { background-position:0 -225px; }
.left-tabing-sec > ul > li:nth-child(6) > a { background-position:0 -315px; }
.left-tabing-sec > ul > li:nth-child(7) > a { background-position:0 -360px; }
/*.left-tabing-sec > ul > li:nth-child(8) > a { background-position:0 -405px; }*/
.left-tabing-sec > ul > li:nth-child(8) > a { background-position:0 -450px; }
.left-tabing-sec ul li:nth-child(9) ul.sub-menu{top: -275px;}

.left-tabing-sec > ul > li span { width: 154px; background: #002b54; color: #fff; transition: all .7s ease-out; -moz-transition: all .7s ease-out; -webkit-transition: all .7s ease-out; -o-transition: all .7s ease-out; position: absolute; left: -250px; top: 0; padding: 1px 20px; color: #fff; font: 400 15px/45px 'Open Sans', sans-serif; z-index: 2; opacity: 0; visibility: hidden }
.left-tabing-sec > ul > li a:hover ~ span { left: 45px; opacity: 1; visibility: visible }
.left-tabing-sec > ul > li:nth-child(5) span { width: 200px; }
.openSlide.left-tabing-sec > ul > li span { display: none !important; }
.left-tabing-sec ul ul.sub-menu { list-style: none; margin: 0; width: 270px; position: absolute; right: -270px; top: 0; background: #eeb211; z-index: 9999; display: none; transition: all .2s ease-out; -moz-transition: all .2s ease-out; -webkit-transition: all .2s ease-out; -o-transition: all .2s ease-out }
.left-tabing-sec ul ul.sub-menu li { border-bottom: 1px solid #c49108; }
.left-tabing-sec ul ul.sub-menu li a { display: block; padding: 0 20px; color: #fff; font: 400 13px/45px 'Open Sans', sans-serif; }
.left-tabing-sec ul ul.sub-menu li a:hover { background-color: #d09f1c; text-decoration: none; }
.left-tabing-sec ul li:hover ul.sub-menu { display: block; }
.left-tabing-sec ul li:nth-child(12) ul.sub-menu { top: -322px; }
.left-tabing-sec ul li:nth-child(13) ul.sub-menu { top: -552px; }
.openSlide.left-tabing-sec { width: 260px; }
.openSlide .toggle-navigate { font: 400 14px/45px 'Open Sans', sans-serif; }
.openSlide.left-tabing-sec > ul > li > a { padding: 0 15px 0 45px; width: auto; font: 400 14px/45px 'Open Sans', sans-serif; }

.venue-body.venue-body-full{ float:none; padding:0 0 20px 0; width:100%;}

/* left menu and header fixed position  start here */
.left-tabing-sec.fixed { z-index: 9999; position: fixed; left: 0; top: 0px; }
/* left menu and header fixed position  ends here */
/* Left menu tabing ends here */

/*** admin header  start here --- */

.headeradmin { border-bottom: 1px solid #002b54; background: none repeat scroll 0 0 #efefef; height: 80px; position: relative; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }
.header-logo { padding:10px 0 0 15px; float: left; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }
.header-logo img { max-height: 100%; }

.right-header { float: right; width:auto; padding:0 18px; text-align: right; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }
.right-header a { color: #eeb211; text-decoration: none; }
.right-header a:hover { text-decoration: underline }
.last-session { color:#000000; font: 400 14px/20px 'Open Sans', sans-serif; padding-bottom: 10px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }
.last-session label{color:#000000; font: 400 14px/20px 'Open Sans', sans-serif; }
.last-session select{ display:inline-block; width:44%; margin-left:10px;}
.navicon{position:relative; margin:15px 0 0 0}
.navicon strong{color: #000;font: 400 14px/24px "Open Sans", sans-serif; display:inline-block;}
.navicon span{ display:inline-block; cursor:pointer;color: #000;font: 400 14px/16px "Open Sans", sans-serif;}
.navicon span img{padding-left:10px; opacity:.6}
.navicon span:hover img{ opacity:1}
.navicon ul{ list-style:none; margin:0; padding:5px 0; position:absolute; width:200px; text-align:left; right:-1px; top:31px; display:inline-block; background:#fff; border:0px solid #515151; border-bottom:0; display:none; border-radius:3px; max-height:500px;-moz-background-clip: padding-box;background-clip: padding-box; -webkit-background-clip: padding-box;background-color: #fff;border: 1px solid rgba(0, 0, 0, .15);box-shadow: 0 3px 8px rgba(0, 0, 0, .3);z-index:999;}
.navicon ul li{}
.navicon ul li.seperator{margin:5px 7px 6px; border-bottom:1px solid #e9eaed;}
.navicon ul li a{color: #000; font:400 12px/20px "Open Sans", sans-serif; padding:5px 22px; display:block;}
.navicon ul li a:hover{ text-decoration:none; background:#002942; color:#fff}

.navicon ul:before {bottom: 100%;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;left: 85%;margin-left: -20px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid transparent; border-bottom:10px solid #fff;}


/*Footer start here */
.footer { border-top: 1px solid #002b54; width: 100%; padding: 20px 0; text-align: center; margin: 35px 0 0 0 }
.footer p { color: #002b54; font: 400 14px/20px 'Open Sans', sans-serif; text-transform: uppercase; padding: 0 0 10px 0 }
.footer span { color: #000000; font: 400 14px/20px 'Open Sans', sans-serif; display: block; }
.footer span a { color: #000000; }
/*** admin header  ends here --- */
.workhome{}
.workhome .row{ width:100%}
.workhomelf{width:49%; display:inline-block}
.workhomert{width:49%; display:inline-block}

.validationmsg{width:100%;font:400 12px/18px 'Open Sans', sans-serif; color:#f00}
.requiredField{font:400 12px/18px 'Open Sans', sans-serif; color:#f00; margin-left:14px;}

.disclamerContent{ padding:20px 1%;}
.disclamerContent p, .disclamerContent span{ color:#000;font: 400 14px/20px 'Open Sans', sans-serif;}
.disclamerContent ul,.disclamerContent ol{ margin:0 10px; padding:0 10px; }
.disclamerContent ul li,.disclamerContent ol li{ color:#000;font: 400 14px/20px 'Open Sans', sans-serif; padding:5px 10px;}
.disclamerContent p{ margin:0; margin-bottom:10px;}
.termcheckbox{ width:100%; padding:20px 1%;}
.termcheckbox input[type=checkbox]{ margin:3px 10px 0 0;}
.termcheckbox label{color:#000;font: 600 14px/20px 'Open Sans', sans-serif; }


.ui-datepicker table tr td, .ui-datepicker table tr th{ font:600 14px/20px "Open Sans",sans-serif;color: #000;}
.ui-datepicker table tr th{ font-weight:700;}
.ui-datepicker.ui-widget select{font:400 14px "Open Sans",sans-serif !important;color: #000;}


/* member no already */
.checkmemberouter{  margin: 5px 0 0;position: relative;vertical-align: top;width: 50%;}
.app-colem .checkmemberouter input[type=text]{ width:51%;}
.checkmember{ position:absolute; left:57%; top:4px;}
.displayblock{ display:block; visibility:visible !important; color:#f00; font:400 14px/16px "Open Sans",sans-serif;}
/* ends here */
/* registration pages address seperate*/
.app-heading .CopyFromResidential {float: right;margin: 5px 20px 0 0;}
.residentialadd{ margin:20px 0; border:0px solid #e1e0e0}
.residentialaddlf{ float:left; width:49%; border:1px solid #e1e0e0;border-bottom:1px solid #e1e0e0}
.residentialaddrt{ float:right; width:49%;border:1px solid #e1e0e0;border-bottom:1px solid #e1e0e0}

.residentialadd .row{ width:100%;}

/* ends*/

.app-colem input[type=submit].CopyFromResidential{font:400 14px/20px 'Open Sans', sans-serif; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; border: 1px solid #92989E; padding:0px 15px; -webkit-box-shadow: inset 1px 1px 0px 0px #c8c8c8; -moz-box-shadow: inset 1px 1px 0px 0px #c8c8c8; box-shadow: inset 1px 1px 0px 0px #c8c8c8; cursor: pointer; color: #000; height:22px; display: inline-block; background:#e1e0e0; margin:5px 25px 5px 0; float:right;}
.app-colem input[type=submit].CopyFromResidential:hover{ background:#dbd9d9}

.MerchandiseNote {}
.MerchandiseNote label{   color: #454545;font: 400 18px/24px "Open Sans",sans-serif;padding:0 15px 10px;text-transform: uppercase; display:block;}
.MerchandiseNote p{color: #454545;font:400 14px/20px "Open Sans",sans-serif; padding:0 15px}

/* information message */
.ltrEmergencyinfo{ background-color: #BDE5F8;border-radius:0;padding:10px; border:1px solid #5aa2c5;}
.ltrEmergencyinfo p{color: #00529B;font:400 14px/20px "Open Sans",Arial,Helvetica,sans-serif;padding:5px 0}
/* ends here */

/*======================== Responsive ========= ===== start  ============== ====== here ==================== ========================*/

@media only screen and (min-width:768px) {
    .app-colem .row > div.requiredinp span.requiredField{ text-align: center; text-shadow: 0 1px rgba( 0, 0, 0, .5 ); line-height: 1.5; color: #fff !important; background: #333; background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .6 ) ), to( rgba( 0, 0, 0, .8 ) ) ); background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: -moz-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: -ms-radial-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: -o-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-top: 1px solid #fff; -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); -moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); top:0; position: absolute; z-index: 100; padding:5px; }

.app-colem .row > div.requiredinp span.requiredField:after { width: 0; height: 0; border-bottom: 10px solid transparent;border-left: 10px solid  transparent; border-right: 10px solid rgba( 0, 0, 0, .7 ); border-top: 10px solid transparent;content: ''; position: absolute; left:-20px; right:auto; bottom:0; margin-left:0;top: 4px; }

.tableGridmember > tbody > tr > td div.requiredinp span.requiredField{ text-align: center; text-shadow: 0 1px rgba( 0, 0, 0, .5 ); line-height: 1.5; color: #fff !important; background: #333; background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .6 ) ), to( rgba( 0, 0, 0, .8 ) ) ); background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: -moz-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: -ms-radial-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: -o-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-top: 1px solid #fff; -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); -moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); top:0; position: absolute; z-index: 100; padding:5px; }

.tableGridmember > tbody > tr > td div.requiredinp span.requiredField:after { width: 0; height: 0; border-bottom: 10px solid transparent;border-left: 10px solid  transparent; border-right: 10px solid rgba( 0, 0, 0, .7 ); border-top: 10px solid transparent;content: ''; position: absolute; left:-20px; right:auto; bottom:0; margin-left:0;top: 4px; }


}

/*
    Ipad, tablet 1260px above devices only
*/


@media only screen and (max-width:1240px) { 
.wrapper { max-width:94%; }
img { max-width:100%; max-height:100%; }
.outer-table{overflow:auto; width:100%}
.outer-table .tableGrid_layout{max-width:1240px;}
.topfooter-colem{ max-width:100%;}
.topfooter-row{padding: 0 22px 0 0; width:46.5%}
.topfooter-head{ margin:0}

.app-colem{border-bottom: 0px solid #e1e0e0;}
.row{width:100%;border-bottom: 1px solid #e1e0e0;}
.workhomelf,.workhomert{ width:100%;}
.grdcustomField > div > table{ width:99.8%; border-right:0}
a[href="http://www.equestrian.org.au/sites/default/files/Social%20Media%20Policy.pdf"]{white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
    -ms-word-break:   break-all;
 
  word-break:       break-word;
  word-wrap:        break-word;
 
  -webkit-hyphens:  auto;
     -moz-hyphens:  auto;
          hyphens:  auto;
 }
}

/* Mobile tablet 481px devices only */
@media only screen and (max-width:1024px) {
    .logo{ padding:10px 20px; width:100%; text-align:center;}
    .outer-tabing{ display:none;}
    .bread-right{ text-align:center; float:none; width:100%}
    #main-nav{ display:block;}
    .outer-topfooter{ height:auto;}
    .topfooter-row{ width:100%;padding:0}
    .topfooter-head {background:#248dc1;padding: 0 2%;width: 96%;}
    .outerfooter-boot{ height:auto; text-align:center;}
    .outerfooter-boot p {float: none;font: 14px/30px "FranklinGothic-Book",Arial,Helvetica,sans-serif;}    
   
.footer-lnk {float: none;padding:5px 0; font:400 14px/20px "Open Sans",sans-serif}

    /* responsive table start here */

table.tableGrid_layout, table.tableGrid_layout thead, table.tableGrid_layout tbody, table.tableGrid_layout th, table.tableGrid_layout td, table.tableGrid_layout tr { display: block; }

table.tableGrid_layout tr.grid-header { position: absolute; top: -9999px; left: -9999px; }
table.tableGrid_layout tr { border: 1px solid #729ea5; }
table.tableGrid_layout tr td {border: none; border-bottom: 1px solid #729ea5; position: relative; padding-left:35%; text-align:left;}
table.tableGrid_layout tr td:before {position: absolute;top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align:left; font:600 14px/20px "Open Sans",sans-serif}

table.tableGrid_layout.defaulttable tr td:nth-of-type(1):before{}
table.tableGrid_layout.defaulttable tr td:nth-of-type(2):before { content: "Club Name"; }
table.tableGrid_layout.defaulttable tr td:nth-of-type(3):before { content: "Address"; }
table.tableGrid_layout.defaulttable tr td:nth-of-type(4):before { content: "Suburb"; }
table.tableGrid_layout.defaulttable tr td:nth-of-type(5):before { content: "State"; }
table.tableGrid_layout.defaulttable tr td:nth-of-type(6):before { content: "Post Code"; }
table.tableGrid_layout.defaulttable tr td:nth-of-type(7):before { content: "Phone"; }
table.tableGrid_layout.defaulttable tr td:nth-of-type(8):before { content: "Email"; }
table.tableGrid_layout.defaulttable tr td:nth-of-type(9):before { content: "Contact"; }
table.tableGrid_layout.defaulttable tr td:nth-of-type(10):before { content: ""; }
table.tableGrid_layout.defaulttable tr td:nth-of-type(10){ padding:5px 10%; text-align:center;}
table.tableGrid_layout.defaulttable tr td:nth-of-type(10) a {text-align:center; width:30%;}

table.tableGrid_layout.emergencycontact tr td:nth-of-type(1):before{content: "Contact Name";}
table.tableGrid_layout.emergencycontact tr td:nth-of-type(2):before {content: "Home Phone";  }
table.tableGrid_layout.emergencycontact tr td:nth-of-type(3):before { content: "Work Phone"; }
table.tableGrid_layout.emergencycontact tr td:nth-of-type(4):before { content: "Mobile Phone"; }
table.tableGrid_layout.emergencycontact tr td:nth-of-type(5):before { content: "Email"; }
table.tableGrid_layout.emergencycontact tr td:nth-of-type(6):before { content: "Relationship"; }
table.tableGrid_layout.emergencycontact tr td:nth-of-type(7):before { content: "Address"; }
table.tableGrid_layout.emergencycontact tr td:nth-of-type(8):before { content: "Suburb"; }
table.tableGrid_layout.emergencycontact tr td:nth-of-type(9):before { content: "State"; }
table.tableGrid_layout.emergencycontact tr td:nth-of-type(9):before { content: "PostCode"; }
table.tableGrid_layout.emergencycontact tr td:nth-of-type(11):before { content: ""; }
table.tableGrid_layout.emergencycontact tr:nth-child(1){ display:none;}
table.tableGrid_layout.emergencycontact tr th[scope=col]{ display:none;}

table.tableGrid_layout.familyListTable tr td:nth-of-type(1):before{content: "Edit"; }
table.tableGrid_layout.familyListTable tr td:nth-of-type(2):before{content: "Full Name"; }
table.tableGrid_layout.familyListTable tr td:nth-of-type(3):before { content: "Date of Birth"; }
table.tableGrid_layout.familyListTable tr td:nth-of-type(4):before { content: "Email"; }
table.tableGrid_layout.familyListTable tr td:nth-of-type(5):before { content: "Delete"; }
table.tableGrid_layout.familyListTable tr:nth-child(1){ display:none;}
table.tableGrid_layout.familyListTable tr th[scope=col]{ display:none;}

table.tableGrid_layout.MerchandiseTable tbody > tr > td:nth-of-type(1):before{content: "Item"; }
table.tableGrid_layout.MerchandiseTable tbody > tr > td:nth-of-type(2):before { content: "Price"; }
table.tableGrid_layout.MerchandiseTable tbody > tr > td:nth-of-type(3):before { content: "Size"; }
/*table.tableGrid_layout.MerchandiseTable tbody > tr > td:nth-of-type(4):before { content: "Color"; }*/
table.tableGrid_layout.MerchandiseTable tbody > tr > td:nth-of-type(4):before { content: "Quantity"; }

table.tableGrid_layout.ProcessingFee{ margin:0}
table.tableGrid_layout.ProcessingFee tr td:nth-of-type(1){ display:none;}
table.tableGrid_layout.ProcessingFee tr td:nth-of-type(2):before { content: "Card Processing Fee:"; }

table.tableGrid_layout tr:nth-child(2n+1) td { background:#e5eaeb; }
/* ends here */

.app-colem{border-bottom: 0px solid #e1e0e0;}
.row{border-bottom: 1px solid #e1e0e0;width: 100%; font:400 14px/24px "Open Sans",sans-serif}
.app-colem .row > div.requiredinp{ width:100%;}
.app-colem .row > div.requiredinp input[type="text"]{width: 90%;}
.app-colem .row > div.requiredinp select{width: 92%;}
.row.mobilenone{ display:none;}
.app-colem label{ width:96%; padding:0 2%; margin:0; text-align:left; background:none; border-right:0; font:600 14px/24px "Open Sans",sans-serif; display:block;}
.app-colem input[type="text"], .app-colem input[type="password"]{ margin:0 2% 5px; width:90%;}
.app-colem select{ margin:0 2% 5px; width:92%;}
.app-colem .row > div{ margin:0 2%; font:400 14px/24px "Open Sans",sans-serif; }
.grdcustomField > div > table{ width:100%; border-right:0}
.tableGridmember > tbody > tr > td:first-child{ width:98%; display:inline-block; text-align:left;  background:none; border:0; font:600 14px/24px "Open Sans",sans-serif}
.tableGridmember > tbody > tr > td:nth-child(2){ width:100%; display:inline-block}
.tableGridmember > tbody > tr > td > input[type="text"]{width: 69%;}
.tableGridmember > tbody > tr > td > select{width: 71%;}
.app-btn-group input[type="submit"], .app-btn-group button, .app-btn-group input[type="button"]{ min-width:30%;}

/* payment section start here */

.paymentRight{ float:none; border-bottom:1px solid #e1e0e0; width:100%; }
.paymentLeft{ float:none; width:100%; border:0}
.paymentLeft .row label{ width:96%; padding:0 0 0 2%; margin:0; text-align:left; background:none; border-right:0; font:600 14px/24px "Open Sans",sans-serif}
.paymentLeft .row select{ width:35%;}
.paymentLeft .row input[type="text"]{ width:32%;margin:0 0 5px 2%;}
.paymentLeft .app-colem .row > div.requiredinp{width: 100%;}
.paymentLeft .row input[type="text"], .paymentLeft .app-colem .row > div.requiredinp input[type="text"]{ width: 90%;}
.paymentLeft .row select, .paymentLeft .app-colem .row > div.requiredinp select{width: 92%;}


/*ends here */

.workhomelf{width:100%; display:inline-block}
.workhomert{width:100%; display:inline-block}
.left-tabing-sec > ul { display: none }
.openSlide.left-tabing-sec > ul { display: block; overflow:auto; height:500px;}
.left-tabing-sec{ position:fixed; left:0; top:8%;}

.left-tabing-sec ul ul.sub-menu{ width:100%; position:relative; right:0; top:0;}
    .left-tabing-sec ul li:nth-child(9) ul.sub-menu{ top:0}
    .left-tabing-sec ul li ul.sub-menu { display: block; }
    .outer-wrapper header{ height:auto;}
    .residentialaddlf{ width:100%; float:none;}
    .residentialaddrt{ width:100%; float:none;}
    .checkmemberouter{ width:100%;}
    .outer-order-table{ width:100%;}
    

}



/* Mobile screen size 480px below start css here */
@media only screen and (max-width:482px) {
.wrapper {width:96%;}
 .outerfooter-boot p br{ display:block;}
 .paymentRight img{ width:60% !important;}
 .order-outer{ width:100%; overflow:auto;}
 .outer-order-table{ max-width:420px;}
 .left-tabing-sec{ top:0}
  .left-tabing-sec ul ul.sub-menu{ width:100%; position:relative; right:0; top:0;}
    .left-tabing-sec ul li:nth-child(9) ul.sub-menu{ top:0}
    .left-tabing-sec > ul{ overflow:auto; height:100%;}
    .outer-order-table{max-width:420px;}

}
