body,td,th { font-family: "Open Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
}
body { background-color:#0C436B; background-image:url(../images/Design/bg.jpg); margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;
}
a { color: #000099;
}
a:hover { color: #0099FF;
}
a:active { color: #FF0000;
}

a.Navigation-Links:link { font-size: 11px; color: #FFFFFF; text-decoration: none;
}

h1 { background-color:#0C436A; color: #fff; font-size: 14px; font-weight: bold; padding:5px;
}

h2 { color:#0C436A; font-size:16px; font-weight:600;
}

h3 { background-color:#ccc; color:#0C436A; font-size:14px; font-weight:bold; padding:5px;
}

h4 { border-bottom:1px solid #ccc; color:#0C436A; font-size:14px; font-weight:bold; padding-bottom:5px;
}

h5 { color:#0C436A; font-size:14px; font-weight:bold;
}

h6 { font-size:13px; font-weight: 600; color: #0C9AF4; margin:10px 0;
}

input{ background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 50%, #f2f2f2 50%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f7f7f7), color-stop(50%,#f2f2f2), color-stop(100%,#efefef)); background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 50%,#f2f2f2 50%,#efefef 100%); background: -o-linear-gradient(top,  #ffffff 0%,#f7f7f7 50%,#f2f2f2 50%,#efefef 100%); background: -ms-linear-gradient(top,  #ffffff 0%,#f7f7f7 50%,#f2f2f2 50%,#efefef 100%); background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 50%,#f2f2f2 50%,#efefef 100%); border:1px solid #ccc; border-radius:3px; padding:3px;
}

.LoginFormBox { font-family: "Open Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000099; width: 141px; border: 1px solid #999999; padding: 3px;
}

.footernav{ padding-top:20px; text-align:center;
}

.mainheader{ background:url(../images/Design/MainHeader.png) no-repeat top left; display:block; height:137px; position:relative; width:806px;
}

.mainheader .logo{ display:block; height:115px; left:50px; overflow:hidden; position:absolute; text-indent:-5000px; top:5px; width:225px;
}

.mainheader .button-ugc{ background:url(../images/Design/button_ugc.png) no-repeat top left; display:block; display:none; height:55px; left:295px; overflow:hidden; position:absolute; text-indent:-5000px; top:63px; width:214px;
}

.mainheader .button-challenges{ background:url(../images/Design/button_challenges.png) no-repeat top left; display:block; height:55px; left:295px; overflow:hidden; position:absolute; text-indent:-5000px; top:63px; width:214px;
}

.mainheader .button-leaderboard{ background:url(../images/Design/button_leaderboard.png) no-repeat top left; display:block; height:55px; left:520px; overflow:hidden; position:absolute; text-indent:-5000px; top:63px; width:214px;
}

.mainheader .social{ display:block; list-style:none; margin:0; padding:0; position:absolute; right:65px; top:5px;
}

.mainheader .social li{ display:block; float:left; margin:0; padding:0;
}

.mainheader .social li a{ background-position:bottom center; background-repeat:no-repeat; color:#0C9AF4; display:block; font-size:11px; height:51px; text-align:center; text-decoration:none; width:70px;
}

.mainheader .social li.facebook a{background-image:url(../images/Design/icon_facebook.png);}
.mainheader .social li.twitter a{background-image:url(../images/Design/icon_twitter.png);}
.mainheader .social li.youtube a{background-image:url(../images/Design/icon_youtube.png);}

.mainheader .topNavLinks{ position: absolute; top: 88px; right: 76px;}
.mainheader .topNavLinks a{cursor: pointer; display: inline-block; padding: 5px 6px; text-align: center; vertical-align: middle; white-space: nowrap; text-decoration: none; background-color: #F5EC00; margin-left: 5px;}
.mainheader .topNavLinks a:hover{background-color: #0C73BE; color: #fff;}

a.Navigation-Links:visited { font-size: 11px; color: #FFFFFF; text-decoration: none;
}
a.Navigation-Links:hover { font-size: 11px; color: #FFFF00; text-decoration: underline;
}
a.Navigation-Links:active { font-size: 11px; color: #FFCC00; text-decoration: underline;
}
.Table-TopRecords { border: 1px solid #FFCC00;
}

.Navigation-Titles { font-size:13px; font-weight: 600; color: #0C9AF4;
}
.ThumbPix { border: 1px solid #FFCC00; padding: 1px;
}
.SectionHeader { font-size: 12px; font-weight: bold; color: #fff; background-color:#0C436A;
}
.SectionHeader a { color: #fff;
}

.SectionHeader.yellow{ background: #FFFFCC;color: #000;}
.SectionHeader.yellow a{ color: #000;}
#colourlegend{ color:#000;
}
.whiteText { color: #FFFFFF;
}
.FormFields { font-family: "Open Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000099; border: 1px solid #999999; padding: 3px;
}
.HTMLFormFields { border: 1px solid #000000; padding: 3px;
}
.FormFieldsWhtBrd {


	font-family: "Open Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000099; border: 1px solid #CCCCCC; padding: 3px;
}

#topnav { height:27px; width:780px;
/*	text-transform:lowercase;*/
/*	overflow:hidden;*/
	background-color:#999; background-image:url(../images/Design/bg_topnav.jpg); position:relative; z-index:100;
}

#topnav a { text-decoration:none;
}

#topnav ul { list-style:none; margin:0; padding:0; position:absolute;
}

#topnav ul li { float:left; height:27px; list-style:none; margin:0;  padding:0px; }

#topnav ul li a { border-left:1px solid #eee; border-right:1px solid #666; border-left-color:rgba(255,255,255,0.3); border-right-color:rgba(0,0,0,0.1); color:#333; display:block; font-weight:600; font-size:12px; height:10px; padding:7px 19px 9px 19px; text-align:left;
}

#topnav ul li a:hover, #topnav > ul > li:hover > a { color:#FFFFFF; background:#0C436A; background:rgba(12,67,106,0.5);
}

#topnav ul li ul { background-color:#eee; border-radius:0px 0px 5px 5px; box-shadow:3px 3px 5px rgb(0,0,0); display:none; margin-left:-10px; padding:0px 0px 5px 0px; position:absolute; top:26px; width:174px; z-index:50;
}

#topnav ul li:hover > ul { display:block;
}

#topnav ul li ul li { display:block; float:none; height:auto; position:relative; width:100%;
}

#topnav ul li ul li a { border:none; color:#006; display:block; font-weight:normal; font-size:11px; height:auto; padding:5px 10px; width:auto;
}

#sidebar{ background-color:#0C436A; background-image:url(../images/Design/NavTop.jpg); background-position:top; background-repeat:no-repeat; height:100%; vertical-align:top; width:156px;
}

#sidenav { height:100%; vertical-align:top; width:156px; overflow:hidden;
}

#sidenav ul { list-style:none; margin:0; padding:0;
}

#sidenav ul li { list-style:none; margin:0; padding:0px; height:24px; overflow:hidden;
}

#sidenav ul li.upcomingevent { height:auto;
}

#sidenav ul li.sectiontitle { padding:15px 5px 0px 5px; color:#0C9AF4; font-size:12px; font-weight:bold;
}

#sidenav ul li.information { padding:5px; color:#FFFFFF; font-size:11px; font-weight:bold;
}

#sidenav ul li.alert { background-color:#CC0000; padding:5px; color:#FFFFFF; font-size:11px; font-weight:bold;
}

#sidenav ul li a { display:block; padding:5px; height:13px; text-decoration:none; color:#FFFFFF; background-color:#0E5283; margin-bottom:1px;
}

#sidenav ul li.upcomingevent a { height:auto; background-image:none; background:#CC0000; border:1px solid #FF0000;
}

#sidenav ul li a:hover { color:#FFFF00; background-color:#0C9AF4; background-position:bottom left;
}

table { border:none;
}

table td { border:none;
}

#compilationlist a { color:#999999;
}
#compilationlist a.header { color:#000099; font-size:14px;
}
#compilation_categories h2 { overflow:hidden; padding:5px; font-size:14px; font-weight:bold; border:1px solid #ccc; border-bottom:1px dotted #999999; border-radius:5px 5px 0 0; background-color:#ddd; cursor:pointer;
}
#compilation_categories h2:hover { background:#0C436A; color:#FFFFFF;
}
.compilations_group {
/*	display:none;*/
}
.compilations_group a { display:block; padding:5px;
}
.compilations_group a:hover { color:#000000; background-color:#CCCCCC; text-decoration:none;
}
.nowrap { white-space:nowrap;
}
.nowrap input { margin-right:2px;
}
.note { font-size:smaller; color:#999999;
}
.accordionnote { padding-top:5px; font-size:11px; font-weight:normal;
}
embed, object { position:relative; z-index:1;
}

/* BUTTONS */
button, a.button{ border:1px solid #999; border-radius:5px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); box-sizing:border-box; color:#000 !important; cursor:pointer; display:inline-block; *display:inline; *zoom:1; font-family: "Open Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:1em; font-weight:600; line-height:20px; margin:0; outline:0; overflow:hidden; padding:5px 10px; text-decoration:none; text-shadow:-1px -1px 0 #fff; vertical-align:top; width:auto;

	background: #fcfcfc; background: -moz-linear-gradient(top,  #fcfcfc 0%, #e3e3e3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#e3e3e3)); background: -webkit-linear-gradient(top,  #fcfcfc 0%,#e3e3e3 100%); background: -o-linear-gradient(top,  #fcfcfc 0%,#e3e3e3 100%); background: -ms-linear-gradient(top,  #fcfcfc 0%,#e3e3e3 100%); background: linear-gradient(top,  #fcfcfc 0%,#e3e3e3 100%);
}
@-moz-document url-prefix() { button{padding:4px 10px;}
}
button{ *padding:3px 10px; *overflow:visible; *height:32px;
}

button:hover, a.button:hover{ background: #efefef; background: -moz-linear-gradient(top,  #efefef 0%, #d8d8d8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#d8d8d8)); background: -webkit-linear-gradient(top,  #efefef 0%,#d8d8d8 100%); background: -o-linear-gradient(top,  #efefef 0%,#d8d8d8 100%); background: -ms-linear-gradient(top,  #efefef 0%,#d8d8d8 100%); background: linear-gradient(top,  #efefef 0%,#d8d8d8 100%);
}

button.big,a.button.big{ font-size:1.5em; padding:10px 20px;
}

ul{ list-style:none; margin:0 0 0 10px; padding:0;
}

ul li{ list-style:url(../images/Design/bullet.png); margin:0 0 0 15px; padding:3px 3px 3px 0px;
}

.contentwrap{ position:relative;
}

.slideshow{ height:196px; overflow:hidden; position:relative; width:780px;
}
.slideshow-images{ height:196px; position:relative; width:780px; z-index:5;
}
.slideshow-images div{ position:relative;
}
.slideshow-images div h6{ background:#000; background:rgba(0,0,0,0.7); color:#fff; font-size:14px; height:20px; left:0; padding:5px 10px; position:absolute; right:0; top:156px; z-index:5;
}
.slideshow-mask{ background-image:url(../images/Design/slider-mask.png); background-position:top left; background-repeat:no-repeat; height:196px; left:0; position:absolute; top:0; width:780px; z-index:10;
}
.tabs-container{ clear:both; padding:5px;
}
.tabs{ border:none !important; overflow:hidden;
}
.tabs:after{ content:''; display:block; clear:both;
}
.tab-column1, .tab-column2, .tab-columnFull{ background:#fff; border:1px solid #ddd; border-radius:3px; display:block; float:left; margin:10px 0px 10px 10px; padding:5px 10px; width:270px;
}
.tab-columnFull{ float:none; clear: both;  width:572px;
}
.tabpanel{ clear:both; padding:0 !important;
}

.homebuttonbar{ display:block; width:624px;
}

.homebuttonbar:after{ clear:both; content:''; display:block;
}

.homebuttonbar a{ background:url(../images/Design/bg_button.png); color:#0C436A; display:block; float:left; font-size:13px; height:50px; line-height:50px; overflow:hidden; padding:0 12px; text-decoration:none; width:288px;
}

.homebuttonbar a img{ margin-right:10px; vertical-align:middle;
}

.homebuttonbar a:hover{color:black;}

/* STYLED TEXT */

.text-red{ color:#c33;
}


/* STYLED TABLE */
.table-neutral, .table-red, .table-green, .table-blue { border:1px solid #666; border-collapse:separate; border-radius:4px; border-spacing:1px; width:100%;
}

.table-red{ background: #600; background: -moz-linear-gradient(top,  #c33 0%, #600 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c33), color-stop(100%,#600)); background: -webkit-linear-gradient(top,  #c33 0%,#600 100%); background: -o-linear-gradient(top,  #c33 0%,#600 100%); background: -ms-linear-gradient(top,  #c33 0%,#600 100%); background: linear-gradient(to bottom,  #c33 0%,#600 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc3333', endColorstr='#660000',GradientType=0 ); border-color:#600;
}

.table-green{ background: #060; background: -moz-linear-gradient(top,  #3c3 0%, #060 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c3), color-stop(100%,#060)); background: -webkit-linear-gradient(top,  #3c3 0%,#060 100%); background: -o-linear-gradient(top,  #3c3 0%,#060 100%); background: -ms-linear-gradient(top,  #3c3 0%,#060 100%); background: linear-gradient(to bottom,  #3c3 0%,#060 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33cc33', endColorstr='#006600',GradientType=0 ); border-color:#060;
}

.table-blue{ background: #006; background: -moz-linear-gradient(top,  #33c 0%, #006 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#33c), color-stop(100%,#006)); background: -webkit-linear-gradient(top,  #33c 0%,#006 100%); background: -o-linear-gradient(top,  #33c 0%,#006 100%); background: -ms-linear-gradient(top,  #33c 0%,#006 100%); background: linear-gradient(to bottom,  #33c 0%,#006 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3333cc', endColorstr='#000066',GradientType=0 ); border-color:#006;
}

.table-neutral tr td, .table-neutral tr th, .table-red tr td, .table-red tr th, .table-green tr td, .table-green tr th, .table-blue tr td, .table-blue tr th { border:1px solid #fff; border-radius:2px; box-shadow:1px 1px 1px rgba(0,0,0,0.4), inset 1px 1px 2px rgba(0,0,0,0.3); padding:2px 5px; vertical-align:top;
}

.table-neutral tr td img, .table-red tr td img, .table-green tr td img, .table-blue tr td img { border:none;
}

.table-neutral tr th, .table-red tr th, .table-green tr th, .table-blue tr th { background-color:#666; color:#fff; font-weight:600; text-align:left; vertical-align:top; white-space:nowrap;
}

.table-neutral tr:nth-child(odd) td, .table-red tr:nth-child(odd) td, .table-green tr:nth-child(odd) td, .table-blue tr:nth-child(odd) td {background-color:#f3f3f3;}
/*.table-neutral tr:nth-child(odd):hover td, .table-red tr:nth-child(odd):hover td, .table-green tr:nth-child(odd):hover td, .table-blue tr:nth-child(odd):hover td {background-color:#ffffff;}*/
.table-neutral tr:nth-child(odd):hover td {background-color:#ffffff;}

.table-red tr th {background-color:#600;}
.table-green tr th {background-color:#060;}
.table-blue tr th {background-color:#006;}

.table-neutral tr td {background-color:#e3e3ff;}
.table-neutral tr:hover td {background-color:#e9e9ff;}

.table-red td{background-color:#e69a9a;}
/*.table-red tr:hover td {background-color:#f0c2c2;}*/
.table-red tr:hover td {background-color:#600;color:#fff;}
.table-red tr:hover td a {color:#fff;}

.table-green tr td{background-color:#97e597;}
/*.table-green tr:hover td {background-color:#c2f0c2;}*/
.table-green tr:hover td {background-color:#060;color:#fff;}
.table-green tr:hover td a {color:#fff;}

.table-blue tr td{background-color:#9a9ae6;}
/*.table-blue tr:hover td {background-color:#c2c2f0;}*/
.table-blue tr:hover td {background-color:#006;color:#fff;}
.table-blue tr:hover td a {color:#fff;}


.table-neutral tr td a, .table-red tr td a, .table-green tr td a, .table-blue tr td a{ font-weight:600;
}

.table-neutral tr td a{color:#000;}
.table-red tr td a{color:#600;}
.table-green tr td a{color:#060;}
.table-blue tr td a{color:#006;}

/*
.table-neutral tr:nth-child(odd) td a{color:inherit;}
.table-red tr:nth-child(odd) td a{color:inherit;}
.table-green tr:nth-child(odd) td a{color:inherit;}
.table-blue tr:nth-child(odd) td a{color:inherit;}
*/

.table-green tr .tablecell-divide, .table-blue tr .tablecell-divide, .table-red tr .tablecell-divide{ border-top:3px solid #000; border-top-left-radius:0; border-top-right-radius:0;
}

.table-red tr .tablecell-divide{border-top-color:#e69a9a;}
.table-green tr .tablecell-divide{border-top-color:#97e597;}
.table-blue tr .tablecell-divide{border-top-color:#9a9ae6;}

#PayPalHome{ display:block; background-color:#F0F0F0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:5px; text-align:center; margin-bottom:15px;}
#PayPalHome label { text-align:center; display:block; clear:both; font-size:16px; font-weight:bold; margin-bottom:5px;}
#PayPalHome input, #PayPalHome select { margin-bottom:5px;}


.PayPalHome{ display:block; background-color:#F0F0F0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:5px; text-align:center; margin-bottom:15px;}
.PayPalHome label { text-align:center; display:block; clear:both; font-size:14px; font-weight:bold; margin-bottom:5px;}
.PayPalHome input, #PayPalHome select { margin-bottom:5px;}