.clr-bth{clear:both;}
.clr-left{clear:left;}
.clr-right{clear:right;}

/* Training */

.train-page { }
.train-page #title { margin-left: auto; margin-right: auto;}
.train-page #title h1 {
  font-size: 200% !important;
  margin: 0px 0px 10px 0px;
  font-family: OpenSansBold;
  text-transform: uppercase;
  color: #231f20;
  font-weight: bold;
}
.train-page #title h2 {
  font-family: OpenSansBold;
  font-size: 130%;
  text-transform: uppercase;
  color: #bc1d28;
  font-weight: bold;
  margin: 0px 0px 10px 0px;
//  line-height: 10px;
}

.train-page #title h3 {
  font-size: 120% !important;
  margin: 20px 0px 0px 0px;
  font-family: OpenSansRegular;
  text-transform: capitalize;
  color: #231f20;
}

.train-page #title img {
  width: 250px;
  height: 150px;
  float: right;
}

.train-page #title #icon img {
  margin: 0px 0px 0px 100px;
  height: 100px;
  width: 100px;
  float: left;
}

.btn-custom {
  background-color: hsl(0, 69%, 22%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b42121", endColorstr="#5e1111");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#b42121), to(#5e1111));
  background-image: -moz-linear-gradient(top, #b42121, #5e1111);
  background-image: -ms-linear-gradient(top, #b42121, #5e1111);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b42121), color-stop(100%, #5e1111));
  background-image: -webkit-linear-gradient(top, #b42121, #5e1111);
  background-image: -o-linear-gradient(top, #b42121, #5e1111);
  background-image: linear-gradient(#b42121, #5e1111);
  border-color: #5e1111 #5e1111 hsl(0, 69%, 17%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  width:  250px;
  height: 50px;
  text-transform: uppercase;
  margin-top: 10px;
  float: left;
}

.train-page #left
{
  float: left !important;
  width: 48% !important;
}
.train-page #right {
  float: left !important;
  width: 48% !important;
}

.trainingDetails {
    margin-bottom: 15px;
    margin-top: 30px;
}
.trainingDetails .headers {
    float: left;
    background-color: #0C0C0C;
    width: 120px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 3px solid #F7ECEC;
    //border: 3px solid #bc1d28;
    border-right: 0px;
    padding-right: 10px;
    margin-left: 18px;
    text-align: right;
    padding-bottom: 11px;
    margin-bottom: 20px;
    color: white;
}
.trainingDetails .headers div {
    padding-top: 13px;
}

.trainingDetails .values div,
.trainingDetails .headers div {
    height: 20px;
}
.trainingDetails .values {
    float: left;
    background-image:url(images/body-bg.png); background-repeat:repeat;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    //border: 3px solid #bc1d28;
    border: 3px solid #F8F8F8;
    border-left: 0px;
    padding-bottom: 1px;
    padding-top: 1px;
}

.trainingDetails .headers,
.trainingDetails .values {
    font-size: 14px;
}

.trainingDetails .values div.even {
    background-color: #f8f8f8;
}
.trainingDetails .values span {
    padding-top: 1px;
    float: left;
    clear: none;
}
.trainingDetails .values div {
    width: 298px;
    float: left;
    clear: both;
    color: black;
    padding-left: 12px;
    padding-bottom: 3px;
    padding-top: 11px;
}
.trainingDetails .values img {
    float: right;
    clear: none;
//    border: 2px solid #F8F8F8;
    border: 3px solid #bc1d28;
    margin: 5px 5px 5px 0;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    height: 160px;
}

.trainingDetails .centre-body {
    width: 100%;
    float: left;
}

.trainingDetails .left-body {
    width: 50%;
    float: left;
}

.trainingDetails .right-body {
    width: 50%;
    float: left;
}

.trainline {
        padding:auto; margin-left:auto; margin-right:auto; text-align:center; width:91%;
}

.trainline .regoprice {
        float: left;
        width: 250px;  height: 100px;
        color: #fff; background-color: #000;
        text-align: center;
        font-size: 30px;
        text-transform: uppercase
        line-height: 50px;
        margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px;

        /*gradient styles*/
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2f2f2f), color-stop(.5, #1e1f1f), color-stop(.51, #0c0c0c), to(#000));
        background: -moz-linear-gradient(top, #2f2f2f, #1e1f1f 50%, #0c0c0c 51%, #000);

        /*border styles*/
        border-top: solid 2px #555;
        border-bottom: solid 2px #111;

        -moz-box-shadow:inset 0 0 15px #000000;
        -webkit-box-shadow:inset 0 0 15px #000000;
        box-shadow:inset 0 0 15px #000000;
//      border: 3px solid #bc1d28;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
}

.trainline .regoprice p#heading {
        color: white;
        font-size: 25px;
        line-height: 40px;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: heavy;
        text-shadow: 0px 0px 3px #444;
}
.trainline .regoprice p#price {
        text-transform: uppercase;
        color: white;
        font-size: 20px;
        line-height: 0px;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: 200;
        text-shadow: 0px 0px 3px #444;
}
.trainline .regoprice p#date {
        color: white;
        font-size: 15px;
        line-height: 40px;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: 100;
        text-shadow: 0px 0px 3px #444;
        text-transform: uppercase;
}

.trainline .regoprice p#heading2 {
        color: #999999;
        font-size: 25px;
        line-height: 40px;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: heavy;
        text-shadow: 0px 0px 3px #444;
}

.trainline .regoprice p#price2 {
        text-transform: uppercase;
        color: #999999;
        font-size: 20px;
        line-height: 0px;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: 200;
        text-shadow: 0px 0px 3px #444;
}
.trainline .regoprice p#date2 {
        color: #999999;
        font-size: 15px;
        line-height: 40px;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: 100;
        text-shadow: 0px 0px 3px #444;
        text-transform: uppercase;
        clear:both;
}



/* Rego */

.regoline {
	margin-left: 65px; margin-right: auto;
}

.regoline .regoprice { 
	float: left;
	width: 250px;  height: 100px;  
	color: #fff; background-color: #000;
	text-align: center;  
	font-size: 30px;  
	line-height: 50px;
	margin-top: 20px; margin-bottom: 20px; margin-left: 20px;
 
 
	/*gradient styles*/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2f2f2f), color-stop(.5, #1e1f1f), color-stop(.51, #0c0c0c), to(#000));
	background: -moz-linear-gradient(top, #2f2f2f, #1e1f1f 50%, #0c0c0c 51%, #000);  
 
	/*border styles*/
	border-top: solid 2px #555;
	border-bottom: solid 2px #111;
 
	-moz-box-shadow:inset 0 0 15px #000000;
	-webkit-box-shadow:inset 0 0 15px #000000;
	box-shadow:inset 0 0 15px #000000;
//	border: 3px solid #bc1d28;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.regoline .regoprice p#heading {
	color: white;
	font-size: 25px;
	line-height: 40px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: heavy;
	text-shadow: 0px 0px 3px #444;
}
.regoline .regoprice p#price {
	color: white;
	font-size: 20px;
	line-height: 0px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 200;
	text-shadow: 0px 0px 3px #444;
}
.regoline .regoprice p#date {
	color: white;
	font-size: 15px;
	line-height: 40px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 100;
	text-shadow: 0px 0px 3px #444;
}

.regoline .regoprice p#heading2 {
        color: #999999;
        font-size: 25px;
        line-height: 40px;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: heavy;
        text-shadow: 0px 0px 3px #444;
}
.regoline .regoprice p#price2 {
        color: #999999;
        font-size: 20px;
        line-height: 0px;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: 200;
        text-shadow: 0px 0px 3px #444;
}
.regoline .regoprice p#date2 {
        color: #999999;
        font-size: 15px;
        line-height: 40px;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: 100;
        text-shadow: 0px 0px 3px #444;
	clear:both;
}

.clr-bth{clear:both;}

/* Venue specific css */

.venue {}
.venue img { width: 295px; height: 200px; margin-right: 3px; margin-left: 3px; border:3px solid #021a40; background-color: #181818; margin-bottom: 6px }
.venue #star img {border:none; height:10px; width:auto; margin:0; }
.venue-right img {  padding: 10px; width: 30%; float: right; width: 180px; height: 300px;  padding: 1px; border: 3px solid #141414; background-color: #181818; }
.venue table { border: 0px; margin: 10px clear:both; }
.venue table tr td { padding: 8px; vertical-align: top; }
.venue iframe { float: left; margin-right:20px; margin-top:15px; border:2px solid #021a40; clear:both;} 

.sponsors {}
.sponsors .line { width: 940px; text-align:left; display:block; margin-left:auto; margin-right:auto; padding-top:20px; padding-bottom:20px;}
.sponsors hr { margin-bottom: 20px; }
.sponsors .line img {  height: 60px !important; width:auto !important; margin-left: 10px; margin-right: 10px; padding-top: 10px; padding-bottom: 10px; padding-left:20px; padding-right:20px;}

.media {}
.media img { width: 200px; height: 200px; margin-right: 3px; margin-left: 3px; border:3px solid #021a40; background-color: #181818; margin-bottom: 6px }
.media table td p  { margin-right: 3px; margin-left: 3px; margin-bottom: 6px; }
.media table td h3  { text-align: center; }

/* CTF */
//.ctf { background-color: #302A2A; }
.ctf { background-color: #151414; height: 520px; }

.event {}
.event img { width: 295px !important; margin-right: 3px; margin-left: 3px; border:3px solid #021a40; background-color: #181818; margin-bottom: 6px }
.event .sponsor img { height: 60px !important; width: auto !important; background-color: white; border:0px;  margin-right: 30px; margin-left: 10px;}
.event #left
{
  float: left !important;
  width: 48% !important;
}
.event #right 
{
  float: left !important;
  width: 48% !important;
}
.event #centre 
{
  float: left !important;
  width: 100% !important;
}

/* Photos */

#photobox
{
//	margin-bottom: 1.5em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
        padding: 5px;
        min-height: 220px;
}

#sponsorbox
{
	margin-bottom: 1.5em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
        padding: 5px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
#sponsorbox img  { height:35px; width: auto; margin-left: 10px; margin-right: 10px; margin-top:10px; margin-bottom:10px;}

#platbox
{
        margin-bottom: 1.5em;
        margin-top: 1.5em;
        margin-bottom: 1.5em;
        padding: 5px;
        display: block;
        margin-right: auto;
        margin-left: auto;
}
#platbox img  { height:60px; width: auto; display: block; margin-left: auto; margin-right: auto; margin-top:30px; margin-bottom:30px;}

/*
#photoslide
{
	height: 218px;
	width: 300px;
	margin-left: 5px;
	margin-right: 5px;
	display: none;
} */
//#photoslide img  { width: 300px; color:black; border-radius: 10px 10px 10px 10px; }
//.nivoSlider { position:relative; background:url(../images/slider/loading.gif) no-repeat 50% 50%; }
//.nivoSlider img { width:980px; height:330px; position:absolute; top:0px; left:0px; display:none; }

