@charset "utf-8";
/* CSS Document */

/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	/* [disabled]padding: 0; */
}	

body{
	font-family:'Oswald', Arial;
	color:#fff;
	background:#000000;
}
#container{
/*background-color: transparent !important;
box-shadow: none !important;*/
width: 980px;
margin: auto;
height:auto;
z-index:9999;


}

#background_img{
    background: url() no-repeat fixed center top #000000 !important;
	text-align: center;
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#center_of_screen{
	position:absolute;
	width:900px;
	height:300px;
	top:25%;
	left:50%;
	margin-top:-150px;
	margin-left:-465px;
	margin-bottom:100px;
}
.overlay{
	background:rgba(0,0,0,.8);
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	width:100%;
	height:100%;
	z-index:1;
	overflow:hidden;
}

@media (min-width: 980px){
	.container {
		width:980px;
	}
}
#wrapper {
    position: static;
    width: auto;
    margin: auto;
    min-width: 980px;
}


h1{
	font-size:120px;
	font-weight:300;
	text-align:center;
	
	color:#fdffdc
}
h1 span{
	color:#60cdff;
}

.yellow{
	color:#ff9c00;
	font-size:36px;
}

p{
	font-size:16px;
	line-height:30px;
	text-align:center;
	font-weight:100;
}



/*Instagram */
.instagram_lifter
{
	position:relative;
	margin:15px 10px;
	width:305px;
	height:405px;
	float:left; 
}

.instagram_iframe
{
	width:305px;
	height:405px;
}

.instagram_lifter_name
{
	position:absolute;
	color:#fe7903;
	bottom:-3px;
	left:2px; 
	font-size:22px;
	text-transform:uppercase;	
	padding:1px;
	background:#000000;
	width:303px;
}

#error_bodyweight{
	font-size:16px;
display:inline-block;
color:#ff3333;
text-align:left;


width:auto;}
#error_total{
	font-size:16px;
display:inline-block;
color:#ff3333;
text-align:left;


width:auto;}

#add .content input:focus#bodyweight {
background: #f8feff;
		color: cccccc;}
		
#show_label_bodyweight{
	font-size:20px;
display:inline-block;
color:#696969;
text-align:left;


width:auto;}

#add .content input:focus#total {
background: #f8feff;
		color: cccccc;}
		
#show_label_total{
	font-size:20px;
display:inline-block;
color:#696969;
text-align:left;


width:auto;}
#show_label_weight_used{
	font-size:20px;
display:inline-block;
color:#696969;
text-align:left;


width:auto;}#show_label_reps{
	font-size:20px;
display:inline-block;
color:#696969;
text-align:left;


width:auto;}
#error_reps{
	font-size:16px;
display:inline-block;
color:#ff3333;
text-align:left;


width:auto;}
#error_weight_used{
	font-size:16px;
display:inline-block;
color:#ff3333;
text-align:left;


width:auto;}
.input_space{
	margin-bottom:10px;	
	height:30px;
	
	
}

#show_label{
		font-size:18px;

display:inline-block;
	width: 110px;
	color: #000000;
	height: 20px;
	margin:5px auto;
	}
	#show_label .entry_label
	{
		font-size:20px;
		font-weight:500;	
	}
	
	input[type=radio], input.radio { float:left; clear:none; margin: 2px 0 0 2px; }
	
	input, textarea {
  display: block;
  margin: 0;
  padding: .4em;
  font-family: "Georgia", serif;
  font-size: 1em;
  border: 1px solid #aaa;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;   
  border-radius: 5px;
  -moz-box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;
  -webkit-box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;
  box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;
  background: #fff;
}


.curFocus {
 -webkit-transition: all 2s ease-in-out;
   -moz-transition: all 2s ease-in-out;
   -ms-transition: all 2s ease-in-out;
   -o-transition: all 2s ease-in-out;
    outline: none;
	border-color: #3fc7f9;
    box-shadow: 0 0 1px 1px #3fc7f9;
}

 
label {
  display: block;
  float: left;
  clear: left;
  text-align: right;
  width: 20%;
  padding: .4em 0 0 0;
  margin: .15em .5em 0 0;
  font-weight: bold;
}

 input[type="submit"].submit-button{


 	background-image: linear-gradient(bottom, #000000 0%, #66d5fa 100%);
	background-image: -o-linear-gradient(bottom, #000000 0%, #66d5fa 100%);
	background-image: -moz-linear-gradient(bottom, #000000 0%, #66d5fa 100%);
	background-image: -webkit-linear-gradient(bottom, #000000 0%, #66d5fa 100%);
	background-image: -ms-linear-gradient(bottom, #000000 0%, #66d5fa 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #000000),
		color-stop(1, #66d5fa)
	);
	    box-shadow: 0 0 1px 1px #000000;

    outline: none;
	border-radius: 25px;
	border: 1px solid #808080;
	color:#ffffff;
	width:200px;
	margin:20px;
	font-weight:100;
	 text-shadow: 1px 1px 1px #000, 
               1px 1px 1px #ffffff; 
			       outline:none;

                      }
input[type="submit"].submit-button:hover{
 -webkit-transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -ms-transition: all 0.8s ease-in-out;
   -o-transition: all 0.8s ease-in-out;
 	background-image: linear-gradient(bottom, #66d5fa 0%, #000000 100%);
	background-image: -o-linear-gradient(bottom, #66d5fa 0%, #000000 100%);
	background-image: -moz-linear-gradient(bottom, #66d5fa 0%, #000000 100%);
	background-image: -webkit-linear-gradient(bottom, #66d5fa 0%, #000000 100%);
	background-image: -ms-linear-gradient(bottom, #66d5fa 0%, #000000 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #66d5fa),
		color-stop(1, #000000)
	);
    outline: none;
    box-shadow: 0 0 1px 2px #000000;
	border-radius: 25px;
	border: 1px solid #808080;
	color:#cafc02;

	cursor:pointer;	
    outline:none;
}
input[type="submit"]::-moz-focus-inner {
   border: 0;
}


 input[type="button"].link-button{


 	background-image: linear-gradient(bottom, #000000 0%, #66d5fa 100%);
	background-image: -o-linear-gradient(bottom, #000000 0%, #66d5fa 100%);
	background-image: -moz-linear-gradient(bottom, #000000 0%, #66d5fa 100%);
	background-image: -webkit-linear-gradient(bottom, #000000 0%, #66d5fa 100%);
	background-image: -ms-linear-gradient(bottom, #000000 0%, #66d5fa 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #000000),
		color-stop(1, #66d5fa)
	);
	    box-shadow: 0 0 1px 1px #000000;

    outline: none;
	border-radius: 5px;
	border: 1px solid #808080;
	color:#ffffff;
	width:200px;
	margin:20px;
	font-weight:100;
	 text-shadow: 1px 1px 1px #000, 
               1px 1px 1px #ffffff; 
			       outline:none;

                      }
input[type="button"].link-button:hover{
 -webkit-transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -ms-transition: all 0.8s ease-in-out;
   -o-transition: all 0.8s ease-in-out;
 	background-image: linear-gradient(bottom, #66d5fa 0%, #000000 100%);
	background-image: -o-linear-gradient(bottom, #66d5fa 0%, #000000 100%);
	background-image: -moz-linear-gradient(bottom, #66d5fa 0%, #000000 100%);
	background-image: -webkit-linear-gradient(bottom, #66d5fa 0%, #000000 100%);
	background-image: -ms-linear-gradient(bottom, #66d5fa 0%, #000000 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #66d5fa),
		color-stop(1, #000000)
	);
    outline: none;
    box-shadow: 0 0 1px 2px #000000;
	border-radius:5px;
	border: 1px solid #808080;
	color:#cafc02;

	cursor:pointer;	
    outline:none;
}
input[type="button"]::-moz-focus-inner {
   border: 0;
}
.missing_field
{
	 -webkit-transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -ms-transition: all 0.8s ease-in-out;
   -o-transition: all 0.8s ease-in-out;
	border: 3px solid #ff3333 !important;
}
.div_disc{
	display:inline-block;
	background:#60cdff;
	-moz-border-radius: 15px/15px; 
	-webkit-border-radius: 15px 15px;
    border-radius: 15px/15px;
    width:15px;
    height:15px;
	margin-bottom:10px; 
}

.header_div{
	width:900px;
	 height:auto;
	  margin:auto; 
	  padding:15px;
	   position:relative; 
	   background:#000000; 
}


table{
	width:100%;
	  border-collapse:collapse;
	  margin:auto;
	    border-spacing: 0.5rem;
	  border:1px solid #696969;
	  	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
	  }
tr:nth-child(odd){
	background:#e9f4fd;
}
 tr:hover
{
background-color:#f1fa88;
 -webkit-transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -ms-transition: all 0.8s ease-in-out;
   -o-transition: all 0.8s ease-in-out;
    outline: none;
	border-color: #99fb0c;
    box-shadow: 0 0 3px 3px #99fb0c;
	font-size:107%;
	cursor:pointer;

} 
th{
	background:#222222;
	color:#feb45c;
	padding:3px;
	text-align:left;
		  border:1px solid #111111;
		 text-transform:uppercase;
		 padding:7px 5px;
		 font-size:20px;
		 letter-spacing: 2px;


}

td{
	padding:5px 10px;
		  border:1px solid #696969;
	text-align:left;

}
#plate{
	font-size:24px;	
}


  #draggable { padding: 0.5em; }
#show_label_weight{
	width:350px; height:60px;
position:absolute; top:-40px; left:-90px;
	font-size:36px;
    color:#78a2cd;
}
#show_label_weight_two{
	width:500px; height:60px;
position:absolute; top:-40px; left:100px;
	font-size:36px;
    color:#78a2cd;
}
#show_label_25kg{
	font-size:16px;
display:inline-block;
color:#464646;
text-align:left;
width:auto;
margin-left:10px;}
#show_label_20kg{
	font-size:16px;
display:inline-block;
color:#464646;
text-align:left;
width:auto;margin-left:10px;}
#show_label_15kg{
	font-size:16px;
display:inline-block;
color:#464646;
text-align:left;
width:auto;margin-left:10px;}
#show_label_10kg{
	font-size:16px;
display:inline-block;
color:#464646;
text-align:left;
width:auto;margin-left:10px;}
#show_label_5kg{
	font-size:16px;
display:inline-block;
color:#464646;
text-align:left;
width:auto;margin-left:10px;}
#show_label_2_point_5kg{
	font-size:16px;
display:inline-block;
color:#464646;
text-align:left;
width:auto;margin-left:10px;}
#show_label_2kg{
	font-size:16px;
display:inline-block;
color:#464646;
text-align:left;
width:auto;margin-left:10px;}
#show_label_1_point_25kg{
	font-size:16px;
display:inline-block;
color:#464646;
text-align:left;
width:auto;margin-left:10px;}
#show_label_1kg{
	font-size:16px;
display:inline-block;
color:#464646;
text-align:left;
width:auto;margin-left:10px;}
#show_label_point_5kg{
	font-size:16px;
display:inline-block;
color:#464646;
text-align:left;
width:auto;margin-left:10px;}
#show_label_point_25kg{
	font-size:16px;
display:inline-block;
color:#464646;
text-align:left;
width:auto;margin-left:10px;}

#show_label_bar{
	font-size:16px;
display:inline-block;
color:#464646;
text-align:left;
width:auto;margin-left:10px;}

#show_label_collar{
	font-size:16px;
display:inline-block;
color:#464646;
text-align:left;
width:auto;margin-left:10px;}
 input[type="button"].option-button{


 	background-image: linear-gradient(bottom, #000000 0%, #66d5fa 100%);
	background-image: -o-linear-gradient(bottom, #000000 0%, #66d5fa 100%);
	background-image: -moz-linear-gradient(bottom, #000000 0%, #66d5fa 100%);
	background-image: -webkit-linear-gradient(bottom, #000000 0%, #66d5fa 100%);
	background-image: -ms-linear-gradient(bottom, #000000 0%, #66d5fa 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #000000),
		color-stop(1, #66d5fa)
	);
	    box-shadow: 0 0 1px 1px #000000;

    outline: none;
	border-radius: 2px;
	border: 1px solid #808080;
	color:#ffffff;
	width:auto;
	margin:20px;
	font-weight:100;
	 text-shadow: 1px 1px 1px #000, 
               1px 1px 1px #ffffff; 
                      }
					  input[type="button"].option-button:hover{
 -webkit-transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -ms-transition: all 0.8s ease-in-out;
   -o-transition: all 0.8s ease-in-out;
 	background-image: linear-gradient(bottom, #66d5fa 0%, #000000 100%);
	background-image: -o-linear-gradient(bottom, #66d5fa 0%, #000000 100%);
	background-image: -moz-linear-gradient(bottom, #66d5fa 0%, #000000 100%);
	background-image: -webkit-linear-gradient(bottom, #66d5fa 0%, #000000 100%);
	background-image: -ms-linear-gradient(bottom, #66d5fa 0%, #000000 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #66d5fa),
		color-stop(1, #000000)
	);
    outline: none;
    box-shadow: 0 0 1px 2px #000000;
	border-radius: 2px;
	border: 1px solid #808080;
	color:#cafc02;

	cursor:pointer;	
}
#options_div
{ 
   display:none;
   width:700px;
   height:300px;
   min-height:100px;
	padding:10px;
	background:#ffffff;
	z-index:10001;
	   position:fixed;
    top: 50px;
    left: 50%;
	margin-left:-350px;
	margin-bottom:100px;
	overflow:scroll;
  border-radius: 5px;
  -moz-box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;
  -webkit-box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;
  box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;
}
#option_header{
	background:#222222; 
	color:#ffffff;
	 font-size:40px; 
	 text-transform:uppercase; 
	 text-align:center;
	 padding:5px;
	  margin:auto auto 40px auto; 
 	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}

#cookie_div
{ 
   display:none;
   width:660px;
   min-height:100px;
	background:#45637b;
	color:#ffffff;
	z-index:10001;
	   position:relative;
    top: 50%;
    left: 50%;
	
	margin-left:-325px;
	font-size:24px;
  border-radius: 5px;
  -moz-box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;
  -webkit-box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;
  box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;
  margin-top:100px; height:auto;
   padding:25px;
}

/* make page go dark */
#page_cover {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 10000;
    top: 0;
    left: 0;
}
#page_cover {
cursor:pointer;
}
#close_me {
	position:absolute;
	 top:-25px;
	  left:-25px;
cursor:pointer;
}

#close_me_cookie {
	position:absolute;
	 top:-25px;
	  left:-25px;
cursor:pointer;
}

img {
    max-width: 100%;
    height: auto;
    }
	#img_container{
		display:inline-block;
		width:55px;
		max-width:100%;
		height:auto;
		margin-left:-5px;
	}