/* html5reset.css - 01/11/2011 */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display: block;
}

nav ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000; 
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration:  line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;   
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

html, body { width: 100%; border: 0; padding: 0; margin: 0; }
body { margin: 0; padding: 0; width: 100%; font-family: 'Open Sans', Arial, Verdana; font-size: 16px; line-height: 1.4em; color: #ddd; }

html {
	background: #000;
	sbackground: url(background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }
  
#header { background: #000;
width: 100%; overflow: hidden; border-bottom: solid 1px #1e1e1e; text-align: center; }

#header .cwrap {
background: -moz-radial-gradient(top, ellipse cover,  rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(top, ellipse cover,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */	
	padding: 40px 0 0 0; }

#header h1 { display: none; }
#logoimg { width: 100%; max-width: 600px; }
.logopad { padding: 0 10px; }
#navigation { font-family: Nunito, 'sans-serif'; font-weight: normal; text-transform: uppercase; text-align: center; margin: 5px 0; font-size: 14px; }
#navigation ul { margin: 0; padding: 0; list-style: none; }
#navigation ul li { display: inline-block; margin: 10px; line-height: 1em; padding: 2px 0; }
#navigation ul li a { color: #ccc; text-decoration: none; font-weight: bold; }
#navigation ul li a:hover { color: #fff; text-decoration: none; }
#navigation ul li.expanded,#navigation ul li.selected {  }
#navigation ul li.expanded a, #navigation ul li.selected a { color: #fff; }

#usermenu { position: absolute; top: 10px; right: 10px; text-transform: uppercase; font-size: 10px; font-weight: bold; }

.eventimage { max-width: 40%; float: right; margin-left: 25px; }
.eventlistimage { max-width: 20%; float: left; margin-right: 25px; }

.eventrunner { width: 100%; background: transparent url() no-repeat center center; -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; margin-bottom: 0px; }
.eventrunner .placement { padding: 400px 0 1px 0; }
.eventrunner h1 { font-size: 32px; font-weight: 500; background: rgba(0,0,0,0.8); text-transform: uppercase; }
.eventrunner h2 { font-size: 48px; margin-top: 1px; font-weight: 800; background: rgba(0,0,0,0.8); text-transform: uppercase; }
.eventrunner h2.firstbilled { font-size: 72px; }
.eventrunner .precontent { height: 2px; background: rgba(0,0,0,0.3); }

.eventrunner h1, .eventrunner h2 { text-align: center; padding: 5px; display: inline-block; color: #fff; line-height: 1em; text-transform: uppercase; }
.eventrunner .pad { xmax-width: 1024px; xmargin: 0 auto; text-align: center; }
.eventrunner .facts { background: rgba(10,10,10,1); color: #fff; max-width: 1024px; margin: 0 auto; }
.eventrunner ul { width: 100%; list-style: none; margin: 0; padding: 0; }
.eventrunner ul li { vertical-align: top; display: inline-block; float: left; width: 33%; margin: 0; padding: 0; text-align: left; font-weight: bold; text-transform: uppercase; font-size: 18px; line-height: 1.2em!important; }
.eventrunner ul li .padding { padding: 15px; }
.eventrunner ul li span { color: #999; opacity: 1; font-size: 14px; display: block; } 
.eventrunner .eventlink { float: right; }
.eventrunner .eventlink a { display: inline-block; background: #b6ff06; color: #000; padding: 10px; display: block; text-align: center; }
.eventrunner .promotickets { float: right; }
.eventrunner .promotickets a { display: inline-block; background: #ff0000; color: #fff; padding: 10px; display: block; text-align: center; }
.eventrunner h1 span, .eventrunner h2 span { font-size: 16px!important; position: absolute; display: none; float: right; }
.eventsection { background: #000; border-top: solid 5px #ffe400; color: #fff; }
.eventsection .padding { max-width: 1024px; padding: 0!important; margin: 0 auto; padding: 0; line-height: 1.8em; }
.eventsection .context { padding: 40px 15px!important; }
.eventsection .preamble { font-size: 26px; font-weight: 400; }

.eventpromo { background: #222 url() no-repeat center center; -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; margin-bottom: 15px; padding: 10px!important; }
.eventpromo .coreinfo { width: 30%; float: left; }

.eventpromo .pad { padding: 0!important; margin: 0!important; }
.eventpromo h1 { display: inline-block; background: rgba(0,0,0,0.8); color: #fff; font-size: 12px; font-weight: bold; padding: 3px 5px!important; margin: 60px 0 0 0!important; }
.eventpromo h2 { display: inline-block; background: rgba(0,0,0,0.8); color: #fff; font-size: 18px; font-weight: bold; padding: 5px!important; margin: 0!important; margin-top: 1px!important; }
.eventpromo h2 a { color: #fff; }
.eventpromo .eventinfo { height: 100%; border: solid 1px #cc0000; }
.eventpromo .facts { background: rgba(10,10,10,0.8); color: #fff; margin-top: 1px; }
.eventpromo ul { width: 100%; list-style: none; margin: 0; padding: 0; }
.eventpromo ul li { vertical-align: top; display: inline-block; float: left; width: 33%; margin: 0; padding: 0; text-align: left; font-weight: bold; text-transform: uppercase; font-size: 14px; line-height: 1.2em!important; }
.eventpromo ul li .padding { padding: 10px; }
.eventpromo ul li span { color: #999; opacity: 1; font-size: 14px; display: none; } 
.eventpromo .eventlink { float: right; }
.eventpromo .eventlink a { display: inline-block; background: #b6ff06; color: #000; padding: 10px; display: block; text-align: center; }
.eventpromo .promotickets { float: right; }
.eventpromo .promotickets a { display: inline-block; background: #ff0000; color: #fff; padding: 10px; display: block; text-align: center; }
.eventpromo h1 span, .eventpromo h2 span { font-size: 16px!important; position: absolute; display: none; float: right; }

.content .padding { padding: 25px 15px; }

.signuppromo { background: #fffc00; color: #000; }
.signuppromo h2 { font-weight: bold; }
.signuppromo .content .padding { padding: 25px 15px; }
.signuppromo .signupbtn { background: #000; padding: 15px; color: #fff; text-transform: uppercase; margin-top: 25px; display: inline-block; }


.loadcover { position: absolute; background: #080808 url(spinner.gif?1) 50% 50% no-repeat; font-size: 16px; filter: alpha(opacity=85); opacity: 0.85; text-align: center; z-index: 1000; color: #ccc; }
.loadcover span { display: block; padding: 20px; }

#ajax-loader-container { position: absolute; z-index: 10000; display: none; }

.facebook-login { display: block; width: 240px; background: #3765a3 url(fbicon.gif) -2px 0 no-repeat; color: #fff; font-size: 16px;
  border-radius: 4px; 
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px;
  line-height: 36px;
  margin-bottom: 5px;
  color: #fff !important;
 }
 .facebook-login span { display: block; margin-left: 38px; }

 .google-login { display: block; width: 240px; background: #dc4e41 url(gicon.gif?1) 5px -1px no-repeat; color: #fff; font-size: 16px;
  border-radius: 4px; 
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px;
  line-height: 36px;
  margin-bottom: 5px;
  color: #fff !important;
 }
 .google-login:hover { cursor: pointer; text-decoration: underline;}
 .google-login span { display: block; margin-left: 38px; }


.attending { text-align: right; font-size: 14px; margin-top: 1px; }
.attending ul { list-style: none; }
.attending ul li { padding: 3px 10px; margin-right: 1px; background: #222; display: inline-block; text-transform: uppercase; }
.attending ul li.isattending { background: #3db21d; }
.attending ul li.ismaybeattending { background: #1d6ab2; }
.attending ul li.isnotattending { background: #b20000; }
.attending ul li a { color: #fff; }
.attending p { color: #999; padding: 0!important; margin: 0!important; }

.eventlisting { list-style: none; }

.coreinfo { background: #cc0000; text-transform: uppercase; font-weight: bold; }
.coreinfo div { padding: 10px; text-align: center; }
.dateinfo { font-weight: bold; font-size: 48px;; }
.timeinfo { background: #000; font-size: 28px; }

#footer { border-top: solid 5px #222; background: #000; padding: 25px; text-transform: uppercase; font-size: 13px; letter-spacing: 0.2em; color: #999; }
#content { width: 100%; max-width: 1024px; margin: 0 auto; margin-top: 25px; }
.content { width: 100%; max-width: 1024px; margin: 0 auto; margin-top: 25px; }
#Footer { background: transparent url(footerbg.png) 50% 0 no-repeat; height: 100px; width: 1010px; margin: 20px auto; }
#Prefooter { text-align: center; width: 100%; max-width: 1010px; margin: 20px auto; }
#Prefooter a { color: #ccc; }

h1 { margin: 0; padding: 10px 0 10px 0; margin-bottom: 10px; font-weight: normal; font-size: 26px; text-align: left; font-family: 'Open Sans', Arial, Verdana; }
h2 { margin: 0; padding: 10px 0 15px 0; font-weight: normal; font-size: 26px; text-align: left; font-family: 'Open Sans', Arial, Verdana; }

p { margin: 0; padding: 0 0 15px 0; }

/*
.article { display: block; background: transparent url(modulebg.png) 0 0 no-repeat; padding: 24px 0 0 0; }
.article .padding { display: block; background: transparent url(modulebg.png) -1010px 0 repeat-y; padding: 0 35px; }
.article .clear { height: 24px; overflow: hidden; background: transparent url(modulebg.png) -2020px 0 repeat-y; clear: both; }
*/

.c1 { float: left; width: 220px; overflow: hidden; }
.c1 .padding { padding: 15px 0 0 0; }
.c1 ul { list-style: none; margin: 0; padding: 0; }
.c1 ul li { margin: 5px 0 15px 0; }
.c1 ul li a { padding: 2px 0 2px 0; font-size: 16px; color: #ccc; }
.c1 ul li a:hover { text-decoration: none; color: #fff; }
.c1 ul li.selected, .c1 ul li.expanded { font-weigth: normal; }
.c1 ul li.selected a, .c1 ul li.expanded a { font-weight: normal!important; color: #fff; }

.c2 { margin-left: 240px; width: auto; overflow: auto; }

.article { margin: 10px; border: solid 1px #545454; background: #0c0c0c; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px;
-moz-box-shadow:    0px 3px 11px 0px rgba(0, 0, 0, 0.74);
-webkit-box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.74);
-khtml-box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.74);
box-shadow:         0px 3px 11px 0px rgba(0, 0, 0, 0.74);
 }
.article .padding { padding: 25px; }

.clear { height: 1px; overflow: hidden; background: transparent; clear: both; }

.userlist { width: 100%; border-collapse: collapse; margin: 10px 0 15px 0; }
.userlist th, .userlist td { vertical-align: middle; text-align: left; padding: 5px; font-size: 13px; }
.userlist th { color: #999; }
.userlist td { background: #222; border-bottom: solid 1px #000; }


a { color: #b6ff06; text-decoration: none; }
a:hover { text-decoration: underline; }

fieldset { border: 0; margin: 0; }
label { text-transform: uppercase; font-size: 14px; }
td.label { vertical-align: top; padding-top: 12px; }
p.fieldhelp { color: #999; padding: 0 0 0 0; font-size: 11px; }

/*
.textbox { width: 469px; font-size: 14px; border: 0; background: transparent url(textbox.gif) 0 0 no-repeat; padding: 9px; color: #eee; }
.textbox:focus { background-position: 0 -40px; outline: none; }
*/

.textbox { background: #1f1f1f; font-size: 14px; padding: 6px; color: #eee; border: solid 1px #545454; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
-webkit-box-shadow: inset 0px 0px 7px 0px rgba(0, 0, 0, 0.74);
-moz-box-shadow:    inset 0px 0px 7px 0px rgba(0, 0, 0, 0.74);
box-shadow:         inset 0px 0px 7px 0px rgba(0, 0, 0, 0.74);
width: 100%;
max-width: 400px;
-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
             }
.textbox:hover { border: solid 1px #666; }
.textbox:focus { border: solid 1px #00d8ff; }

.form-group { padding: 0 0 10px 0; }
.form-group label { display: block; line-height: 1.8em; }
.nobr { white-space: nowrap; }

#btnSignup { width: 108px; height: 29px; background: transparent url(btnsignup.gif) 0 0 no-repeat; border: 0; margin-top: 5px; }
#btnSignup:hover { background-position: 0 -30px; }
#btnSignup:active { background-position: 0 -29px; }
#btnSignup span { display: none; }

#btnLogin { width: 108px; height: 29px; background: transparent url(btnlogin.gif) 0 0 no-repeat; border: 0; margin-top: 5px; }
#btnLogin:hover { background-position: 0 -30px; }
#btnLogin:active { background-position: 0 -29px; }
#btnLogin span { display: none; }

.checkbox-unchecked { width: 25px; height: 25px; overflow: hidden; background: transparent url('checkbox.gif') 0 -25px no-repeat; float: left; margin-right: 5px; }
.checkbox-checked { width: 25px; height: 25px; overflow: hidden; background: transparent url('checkbox.gif') 0 0 no-repeat;  float: left; margin-right: 5px; }
.checkbox-field label { padding-left: 7px; line-height: 25px; }

.formtable td, .formtable th { padding: 5px 5px 5px 0; }

#facebooklink { width: 57px; height: 57px; display: block; margin-left: 535px; }

#logolink { display: block; margin: 53px auto 0 auto; width: 630px; }
#logolink a { display: block; width: 630px; height: 70px; }
#logolink span { display: none; }

div.validationerrors { background: #fa4130; padding: 10px 10px 5px 10px; text-align: left; margin-bottom: 10px; color: #fff; }
div.validationerrors p { font-weight: bold; margin: 0; padding: 0 0 10px 0; }
div.validationerrors ul { list-style: none; margin: 0; padding: 0 0 0 0; }
div.validationerrors ul li { padding: 0 0 8px 0; color: #fff; }

div.successmsg { background: #449c1e;padding: 10px 10px 5px 10px; text-align: left; margin-bottom: 10px; color: #fff; }
div.successmsg p { font-weight: bold; }
div.successmsg ul { list-style: none; margin: 0; padding: 0; }
div.successmsg ul li { padding: 0 0 8px 0; color: #fff; }

#facebook-login { display: block; width: 202px; height: 46px; background: transparent url(fbconnect.png) 0 0 no-repeat; }
#facebook-login span { display: none; }

#cmstools { border: solid 1px #000; background: #333; font-size: 12px; padding: 4px; position: absolute; width: 350px; }

.faqsection { font-size: 12px; color: #888; }
.faqsection a { color: #888; }
.faqsection h2 { font-size: 14px; font-weight: bold; padding: 0; text-transform: none; }

.primarybutton, .primarybutton:visited, .secondarybutton, .secondarybutton:visited, .attendingbutton, .attendingbutton:visited {
  margin: 5px 5px 5px 0;
  background: #222 url(buttonoverlay.png) repeat-x; 
  display: inline-block; 
  padding: 7px 10px 6px 10px;
  color: #ddd; 
  text-decoration: none;
  border-radius: 4px; 
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
  border: solid 1px #999;
  border-bottom: 1px solid rgba(160,160,160,0.50);
  position: relative;
  cursor: pointer;
}

.attendingbutton { background-color: #30933a; }

.primarybutton:hover              { background-color: #444; color: #fff; }
.primarybutton:active             { top: 1px; }
.primarybutton, .primarybutton:visited { font-size: 18px; font-weight: normal; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.primarybutton-large, .primarybutton-large:visited { font-size: 20px; font-weight: normal; }

@media (max-width: 1024px)
{
	#dashboardlink { display: none; }
	
	#footer .pad { margin: 10px; }
	#content .pad { padding: 20px 20px; }

	.c1 { float: left; width: 180px; overflow: hidden; }
	.c1 ul li { margin: 0 0 5px 0; }
	.c1 ul li a { padding: 6px 4px 6px 4px; }
	.c2 { margin-left: 200px; width: auto; }
}

@media (max-width: 580px)
{
	#content .cwrap { padding-top: 0; }
	.c1 { float: none; width: 100%; overflow: hidden; margin-bottom: 10px; }
	.c1 .padding { padding: 0 0 0 0; }
	.c1 ul { list-style: none; margin: 0; padding: 0; }
	.c1 ul li { margin: 0 0 5px 0; display: block; text-align: center; }
	.c2 { margin-left: 0; width: auto; }
	
	#footer ul li { margin: 0; padding: 3px; display: block; text-align: center; }
	#footer table, #footer thead, #footer tbody, #footer th, #footer td, #footer tr { display: block; }
	#footer tr { border: none; }
	#footer td { border: none; position: relative; white-space: normal; text-align:center; padding-bottom: 10px; }
	#footer td p { padding-top: 10px; }
}





@media (max-width: 900px)
{
	.eventrunner h1 { font-size: 24px; }
	.eventrunner h2 { font-size: 36px; }
	.eventrunner h2.firstbilled { font-size: 52px; }
	.eventrunner .placement { padding: 200px 0 1px 0; }
}

@media (max-width: 580px)
{
	.eventrunner .placement { padding: 140px 0 20px 0; }
	.attending { text-align: center; }
	.eventrunner h1 { font-size: 16px; font-weight: bold; }
	.eventrunner h2 { font-size: 24px; }
	.eventrunner h2.firstbilled { font-size: 40px; }
	.eventrunner ul li { display: block; width: 100%; padding: 0; text-align: center; }
	.eventrunner ul span { display: none; }
	.eventrunner ul li .padding { padding: 5px; }
	
	.eventpromo ul li { display: block; width: 100%; padding: 0; text-align: left; }
	.eventpromo ul li .padding { padding: 5px; }
	
}


@media (max-width: 580px)
{
	#content .cwrap { padding-top: 0; }
	.nextprev { border-top: solid 1px #ccc; color: #999; padding-top: 10px; list-style: none; display: block; width: 100%; }
	.nextprev li { display: block; vertical-align: top; width: 100%; margin-bottom: 10px; }
	.nextprev .prev { text-align: left; }
	
	.c1 { float: none; width: 100%; overflow: hidden; margin-bottom: 10px; }
	.c1 .padding { padding: 0 0 0 0; }
	.c1 ul { list-style: none; margin: 0; padding: 0; }
	.c1 ul li { margin: 0 0 5px 0; display: block; text-align: center; }
	.c2 { margin-left: 0; width: auto; }
	
	#xmobilenavigation { right: 0; }
	#header .menulink { display: block; }
	#xnavigation { display: none; }
	
	#contextmenu { position: absolute; right: 90000px; }
	#startpage #content { font-size: 14px; }

	#footer ul li { margin: 0; padding: 3px; display: block; text-align: center; }
	#footer table, #footer thead, #footer tbody, #footer th, #footer td, #footer tr { display: block; }
	#footer tr { border: none; }
	#footer td { border: none; position: relative; white-space: normal; text-align:center; padding-bottom: 10px; }
	#footer td p { padding-top: 10px; }

	#loginlist , #loginlist thead, #loginlist tbody, #loginlist th, #loginlist td, #loginlist tr { display: block; }
	#loginlist tr { border: none; }
	#loginlist td { border: none; position: relative; white-space: normal; padding-bottom: 25px; }
	#loginlist td p { padding-top: 10px; }


	table.formtable, .formtable thead, .formtable tbody, .formtable th, .formtable td, .formtable tr { display: block; }
	.formtable tr { border: none; }
	.formtable td { border: none; position: relative; white-space: normal; padding: 2px; }
	
	.textbox { margin: 0; margin-bottom: 10px; }
	
}