@charset "utf-8";
/* tabs.css */


/*************** select field **********************/
/*https://codepen.io/charles1971/pen/LYVxERb*/
/*
input,
select,
button,
textarea,
label {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}


.field-row {
  position: relative;
   width:200px;
  height: 35px;
  margin: 20px 0px;
}

.field-row:nth-of-type(1) {
  margin-top: 0px;
}

.field-row:last-child {
  margin-bottom: 0px;
}

  select {
    width:100%;
	  height:auto;
	  line-height:1.3;
	  padding:5px; padding-left:10px;
	  margin:0;
	  background-color:#fff;
	  background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
		linear-gradient(to bottom, #FFD700 0%,#DAA520 100%);
	  background-repeat:no-repeat, repeat;
	  background-position:right .7em top 50%, 0 0;
	  background-size:.65em auto, 100%;
    border:1px solid #DAA520;
	  box-sizing:border-box;
    color: white;
    font-size: 14px;
    outline:none;
  }


.field-row label.file {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 15px;
  border-radius: 4px;
  text-align: center;
  box-sizing: border-box;
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  color: rgba(255, 255, 255, 1);
  background: goldenrod;
  z-index: 2;
}

.field-row input[type="file"] {
  position: absolute;
  display: none;
  width: 1px;
  height: 1px;
  z-index: 1;
}

.field-row label.label {
  display: inline-block;
  font-family: Arial;
  font-size: 16px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.5);
  margin-left: 10px;
}

.radio{
	display:inline-block;
	position:relative;
	height:30px;
	width:30px;
	background-color:goldenrod;
	color:#ffffff;
	top:10px;
	border:0;
	border-radius:50%;
	cursor:pointer;     
	margin:0px;
	outline:none;
}

.checkbox{
	border-radius:4px;
}

.radio:checked:before{
	position:absolute;
	left:11px;
	top:7px;
	font:13px 'Open Sans', sans-serif;
	transform:rotate(40deg);
	content:'\02143';
} 

.radio:checked{
	background-color:#FFD700;
}
*/  
  
  
/*************** General styles **********************/
html, body, div, section, header {margin: 0;padding: 0;}

body {margin: 0;padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color:#000;}

/*
a:hover, .active a {text-decoration: none}
.updated {color: #00F; font-weight:bold;}
*/
a:hover, .active a {text-decoration: none}
.updated {color: #000; font-weight:bold;}

/*tried to color the tabs, but didn't work.  Might be governed by JS files. */
a.tab1 {color:#ff0000}

#footer {background: #fdb515; margin:0 auto; text-align:center; font-size:10px; font-weight:normal; color:#333; padding-top:10px;padding-bottom:10px;}
/* #comment_footer {background: #007176; margin:0 auto; text-align:center; font-size:10px; font-weight:normal; color:#fff; padding-top:5px;padding-bottom:5px;} */

#displayBox {margin-left:10px;}

#dName {text-align:center; color:#666666; margin:10px 0 -10px 20px; font-weight:bold; background:#fffaa3; border:1px solid #fff442; width:95%; padding:10px;}

#itemHeader {text-align:center; color:#000000; margin:0 auto; margin-top:0px; margin-bottom: 0px; font-size:24px; font-weight:bold; background:#fdb515; border:0px solid #fff442; width:100%; padding:0px;}

#itemHeaderLeft {text-align:left; color:#000000; margin:0 auto; margin-top:0px; margin-bottom: 0px; font-size:12px; font-weight:bold; background:#fdb515; width:100%; padding:10px;padding-bottom:0px;}
#itemHeaderRight {float:right; text-align:right; color:#000000; margin:0 auto; margin-top:0px; margin-bottom: 0px; font-size:12px; font-weight:bold; background:#fdb515; width:100%; padding:10px;padding-bottom:0px;}
#itemHeader2 {text-align:center; color:#000000; margin:0 auto; margin-top:0px; margin-bottom: 0px; font-size:24px; font-weight:bold; background:#fdb515; border:0px solid #fff442; padding:10px; padding-top:10px;}
#itemHeader3 {text-align:center; color:#000000; margin:0 auto; margin-top:0px; margin-bottom: 0px; font-size:14px; font-weight:normal; background:#fdb515; border:0px solid #fff442; padding:10px; padding-top:0px;}


.fieldsetWrapper {margin: 0 auto; width:100%;}

.itemSection {background-color:#e1e1e1; border:1px solid #b8b8b8; overflow:hidden;}

em.required {color: #ff0000;text-align:left;font-weight:normal; font-size:14px;}

.editTable {color:#333;}

.defaultFont {font-size:18px; font-weight:normal;}
.defaultBoldFont {font-size:18px; font-weight:bold;}

/*
.avatar {
  vertical-align: middle;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border:2px solid #fdb515;
}
*/

/*************** Week area styles **********************/

.comment_header {background: #a67a05; margin:0 auto; text-align:center; font-size:12px; font-weight:bold; color:#333; padding-top:5px;padding-bottom:5px;}

.firstbox{
        float:left;
        width:45%;
     }

    .secondbox{
        float:left;
        width:5%;
     }

    .thirdbox{
        float:right;
        width:45%;
     }

#comment_footer {background: #a67a05; margin:0 auto; text-align:center; font-size:10px; font-weight:normal; color:#333; padding-top:5px;padding-bottom:5px;}

.hidden>div {
	display:none;
}

.visible>div {
	display:block;
}

.centeredClearBackground{
        float:right;
        width:100%;
        text-align:center;
        background-color:#555555;
     }

.week { overflow: auto; width: 100%; }

    .fullbox{
        float:right;
        width:100%;
        text-align:center;
        background-color:#fff;
     }

    .leftbox {
        float:left; 
        width:10%;
        height:1px;
    }
    .middlebox{
        float:left; 
        width:80%;
        text-align:center;
    }
    .rightbox{
        float:right;
        width:10%;
        text-align:right;
    }

input.editChinwag {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 5px;
	background: #dddddd;
	padding: 12px 20px 12px 10px;
	border:1px solid #999;
	font-size: 1em;
	color: #0000FF;
}


input.allNFLgames {
	display: block;
	margin: 0 auto;		/* this vertically aligned the input field in the <td> */
	text-align:center;
	width: 50px;
	border-radius: 5px;
	background: #dddddd;
	border:1px solid #999;
	font-size: 1em;
	color: #0000FF;
}


button.chinwag {
	border: 1px solid #a67a05;
	border-radius: 5px;
	margin: 0 auto; margin-bottom:10px;
	font-size: 1em;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	height: 40px;
	text-align: center;
	text-shadow: 0 1px rgba(0,0,0,0.1);
	background-color: #a67a05;
    background-image: -webkit-linear-gradient(top,#a67a05,#a67a05);
    background-image: -moz-linear-gradient(top,#a67a05,#a67a05);
    background-image: -ms-linear-gradient(top,#a67a05,#a67a05);
    background-image: -o-linear-gradient(top,#a67a05,#a67a05);
    background-image: linear-gradient(top,#a67a05,#a67a05);
}

button.chinwag:hover {
		border-color: #62BB47;
		text-shadow: 0 1px rgba(0,0,0,0.3);
		background-color: #62BB47;
		background-image: -webkit-linear-gradient(top,#62BB47,#62BB47);
		background-image: -moz-linear-gradient(top,#62BB47,#62BB47);
		background-image: -ms-linear-gradient(top,#62BB47,#62BB47);
		background-image: -o-linear-gradient(top,#62BB47,#62BB47);
		background-image: linear-gradient(top,#62BB47,#62BB47);
	}


textarea.editChinwag {
	display: block;
	margin: 0 auto; margin-bottom:10px;
	border-radius: 5px;
	background: #dddddd;
	padding: 12px 0px 12px 10px;
	border:1px solid #999;
	color: #0000FF;
	font-size: 1.1em;
	font-family:Verdana, Geneva, sans-serif;
	overflow:auto;
	scrollbar-face-color :#555555;
	scrollbar-highlight-color :#666666;
	scrollbar-track-color :#444444;
	scrollbar-arrow-color :#000;
}



/*************** fieldset component styles **********************/

/* 20200211: commented this out because it was causing the right side of the fieldset to go over the edge. ie. never show the ending of the right side.*/
fieldset.wrapperItems {
	width: 100%;
}


fieldset legend.orange {
	text-align: left;
    color:#fdb515; font-weight:bold; padding:20px; } /* UMBC gold */

fieldset legend.red {
	margin-left: 5px;
	margin-bottom:5px;
	text-align: left;
    color:#da2128; font-weight:bold; padding:20px; } /* UMBC red */

	
fieldset legend.mute {
	margin-left: 5px;
	text-align: left;
    color:#9f9f9f; font-weight:bold; padding:5px;}
	
#legendDisplay {margin-bottom:10px;}

/*************** form field styles **********************/
td.textPageID {font-size:12pt; width:235px; font-weight:bold;}
td.editComment {font-size:18px; font-weight:normal; text-align:center;}

input.boxURL {font-size:12pt; width:1024px;}

input.boxName {font-size:12pt; width:235px;}
input.boxImageFilename {font-size:12pt; width:235px;}
input.boxTitle {font-size:12pt; width:305px;}
input.boxURL {font-size:12pt; width:98%;}
input.boxDescription {font-size:12pt; width:98%;}
input.boxImage {font-size:12pt; width:170px;}
input.boxDate {font-size:12pt; width:75px;}
input.boxField {font-size:12pt; width:40px;}
input.boxFieldSmall {font-size:12pt; width:20px;}
input.boxFileDisplay {font-size:12pt; width:90%; margin:10px 10px 15px 10px;}
input.boxURLDisplay {font-size:12pt; width:90%; margin:10px 10px 15px 10px;}

.horizontalForm input.large {display: block; width: 22.5em; font-size:18px; font-weight:normal;}

/****************************/
/*  from epCreator.css */
/****************************/

/* ======= EP EDIT FORM ======= */

/*
#editForm {width:700px;height: auto;position: relative;margin: 0 auto; background:#555;border-radius: 3px;box-shadow: 0px 0px 10px 2px #161718;}
*/

#clocks {display: block;
	margin-left:50px;
	width: 40%;
	padding: 12px 5px 5px 10px;
	color: #929999;
	font-size: 1.1em;
	border:1px solid #999;
	border-radius:5px;
	background:#333;
	color: #fff;
	}

#btnRow {text-align:center;}

/*
a.edit:link, a.edit:visited  {color:#0c1c8d; text-decoration:none;}
a.edit:hover, a.edit:active {color:#0c1c8d; text-decoration:underline;}
*/

a.edit:link, a.edit:visited  {color:#000; text-decoration:none;}
a.edit:hover, a.edit:active {color:#000; text-decoration:underline;}

.notes {border:1px solid #9ebeff; background:#69F; padding:2px 5px 5px 5px; color:#333; font-style:italic; margin-bottom:15px; text-align:left;}

.officeNav {text-align:center;}

.officeList {
	display:inline-block;
	margin:0 auto;
	width: 270px;
	background-color: #333;
	padding: 10px;
	color: #929999;
	vertical-align:top;
	text-align:left;
	border-radius: 5px;
	border:1px solid #999;
}

.officeName {
	border: 1px solid #666;
	color: #929999;
	text-align:left;
}

.officeNameBlockHdr {display:table-cell; padding:5px; vertical-align:middle; text-align:center;}
.officeNameBlock {display:table-cell; padding:5px; vertical-align:middle; text-align:center; background:#999;}

.checkCol {width:45px; text-align:center;}
.delCol {width:65px; text-align:center;}

ul.office {
	list-style: none; /* this removes the list marker */
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
}
ul.office li {
	border-bottom: 1px solid #666; /* this creates the button separation */
	background:#0F9;
	padding-top:10px;
	list-style:none;
}

.toolbarList {
	margin:0 auto;
	width: 625px;
	padding: 10px;
	color: #929999;
	background:#333;
	border-radius: 5px;
	border:1px solid #999;
}

ul.tools {
	list-style: none; /* this removes the list marker */
	margin: 8px 0; /* this creates the space between the navigation on the content below */
}
ul.tools li {
	/*border-bottom: 1px solid #666;  this creates the button separation */
	padding-right:15px;
	list-style:none;
	display:inline;
}

textarea {
	display: block;
	margin: 5px;
	margin-left:0px;
	margin-bottom:25px;
	border-radius: 5px;
	background: #dddddd;
	width: 90%;
	padding: 0px 0px 0px 0px;
	border:1px solid #999;color: #929999;
	font-size: 1.1em;
	font-family:Verdana, Geneva, sans-serif;
	overflow:auto;
	scrollbar-face-color :#555555;
	scrollbar-highlight-color :#666666;
	scrollbar-track-color :#444444;
	scrollbar-arrow-color :#000;
	color: #green;
}

textarea.edit {
	display: block;
	margin-left:0px;
	margin-bottom:25px;
	border-radius: 5px;
	background: #dddddd;
	width: 90%;
	padding: 12px 0px 12px 10px;
	border:1px solid #999;color: #929999;
	font-size: 1.1em;
	font-family:Verdana, Geneva, sans-serif;
	overflow:auto;
	scrollbar-face-color :#555555;
	scrollbar-highlight-color :#666666;
	scrollbar-track-color :#444444;
	scrollbar-arrow-color :#000;
	color: #red;
}



input.editTop {
	display: block;
	/*
	margin: 0 auto 15px;
	margin-left:50px;
	*/
	margin-top: 5px;
	margin-left:5px;
	margin-bottom:5px;
	border-radius: 5px;
	background: #333333;
	width: 100%;
	padding: 12px 20px 12px 10px;
	border:1px solid #999;
	font-size: 1.5em;
	color: #fff;
}

input.edit {
	display: block;
	margin-top: 5px;
	margin-left:0px;
	margin-bottom:5px;
	margin-right:5px;
	border-radius: 5px;
	background: #dddddd;
	width: 95%;
	padding: 12px 20px 12px 10px;
	border:1px solid #999;
	font-size: 1.1em;
	color: #000;
}




input.editChk {
	display: inline-block;
	/*margin: 0px auto 15px;*/
	margin: 5px;

	border-radius: 5px;
	background: #333333;
	width: 18px;
	height:18px;
	padding: 12px 20px 12px 10px;
	border:1px solid #999;color: #929999;
	font-size: 1.1em;
	color: #fff;
}

input.editChkName {
	display: inline-block;
	margin: 0px auto;
	border-radius: 5px;
	background: #333333;
	width: 18px;
	height:18px;
	padding: 12px 20px 12px 10px;
	border:1px solid #999;color: #929999;
	font-size: 1.1em;
}

select.editSel {
	display: block;
	box-sizing: border-box; 
	/*margin: 0px auto 15px;
	margin-left:50px;*/
	margin: 5px;
	margin-left:50px;
	margin-bottom:25px;

	border-radius: 5px;
	background: #333333;
	height: 50px;
	width: 43%;
	padding: 12px 20px 12px 10px;
	border:1px solid #999;
	color: #fff;
	font-size: 1.1em;
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	transition: 0.5s ease;
}

option.upSize {box-sizing: border-box; height: 50px;}

button.update {
	border: 1px solid #fe3607;
	border-radius: 5px;
	margin: 0px auto 15px;
	font-size: 1.1em;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	width: 150px;
	height: 35px;
	text-align: center;
	text-shadow: 0 1px rgba(0,0,0,0.1);
	background-color: #ff5f32;
    background-image: -webkit-linear-gradient(top,#ff5f32,#ff4532);
    background-image: -moz-linear-gradient(top,#ff5f32,#ff4532);
    background-image: -ms-linear-gradient(top,#ff5f32,#ff4532);
    background-image: -o-linear-gradient(top,#ff5f32,#ff4532);
    background-image: linear-gradient(top,#ff5f32,#ff4532);
}
	button.update:hover {
		border-color: #df3506;
		text-shadow: 0 1px rgba(0,0,0,0.3);
		background-color: #ee402e;
		background-image: -webkit-linear-gradient(top,#ff5f32,#ee402e);
		background-image: -moz-linear-gradient(top,#ff5f32,#ee402e);
		background-image: -ms-linear-gradient(top,#ff5f32,#ee402e);
		background-image: -o-linear-gradient(top,#ff5f32,#ee402e);
		background-image: linear-gradient(top,#ff5f32,#ee402e);
	}

a.cancel {
	display:inline-block;
	vertical-align:top;
	border: 1px solid #fe3607;
	text-decoration:none;
	border-radius: 5px;
	margin: 0px auto;
	font-size: 1.1em;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	padding-top:4px;
	width: 150px;
	height: 29px;
	text-align: center;
	text-shadow: 0 1px rgba(0,0,0,0.1);
	background-color: #ff5f32;
    background-image: -webkit-linear-gradient(top,#ff5f32,#ff4532);
    background-image: -moz-linear-gradient(top,#ff5f32,#ff4532);
    background-image: -ms-linear-gradient(top,#ff5f32,#ff4532);
    background-image: -o-linear-gradient(top,#ff5f32,#ff4532);
    background-image: linear-gradient(top,#ff5f32,#ff4532);
}
	a.cancel:hover {
		border-color: #df3506;
		text-shadow: 0 1px rgba(0,0,0,0.3);
		background-color: #ee402e;
		background-image: -webkit-linear-gradient(top,#ff5f32,#ee402e);
		background-image: -moz-linear-gradient(top,#ff5f32,#ee402e);
		background-image: -ms-linear-gradient(top,#ff5f32,#ee402e);
		background-image: -o-linear-gradient(top,#ff5f32,#ee402e);
		background-image: linear-gradient(top,#ff5f32,#ee402e);
	}

.cbContainerEdit{margin:5px; margin-bottom:20px; margin-left:50px; border:1px solid #999; border-radius: 5px; background: #333333; width: 65%; padding: 12px 5px 12px 10px;}
.radioContainerEdit1{margin:5px; margin-bottom:5px; margin-left:5px; border:1px solid #999; border-radius: 5px; background: green; width: 75%; padding: 12px 5px 12px 10px;}
.radioContainerEdit{margin:5px; margin-bottom:5px; margin-left:5px; border:1px solid #999; border-radius: 5px; background:  #dddddd; width: 85%; padding: 12px 5px 12px 10px;}

button.singleBtn1 {
	border: 1px solid #fe3607;
	border-radius: 5px;
	margin: 15px;
	font-size: 1.1em;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	width: 79%;
	height: 40px;
	text-align: center;
	text-shadow: 0 1px rgba(0,0,0,0.1);
	background-color: #ff5f32;
    background-image: -webkit-linear-gradient(top,#ff5f32,#ff4532);
    background-image: -moz-linear-gradient(top,#ff5f32,#ff4532);
    background-image: -ms-linear-gradient(top,#ff5f32,#ff4532);
    background-image: -o-linear-gradient(top,#ff5f32,#ff4532);
    background-image: linear-gradient(top,#ff5f32,#ff4532);
}
	button.singleBtn1:hover {
		border-color: #df3506;
		text-shadow: 0 1px rgba(0,0,0,0.3);
		background-color: #ee402e;
		background-image: -webkit-linear-gradient(top,#ff5f32,#ee402e);
		background-image: -moz-linear-gradient(top,#ff5f32,#ee402e);
		background-image: -ms-linear-gradient(top,#ff5f32,#ee402e);
		background-image: -o-linear-gradient(top,#ff5f32,#ee402e);
		background-image: linear-gradient(top,#ff5f32,#ee402e);
	}
	
label.inputHdr {color: #fff; text-align:left; margin:5px; margin-left:50px;}

label.inputHdrLeft {color: #fff; text-align:left; margin-left:0px;}

input.date {
	width:80%;	
	display: block;
	border-radius: 5px;
	background: #333333;
	padding: 12px 20px 12px 10px;
	border:1px solid #999;
	font-size: 1.1em;
	color: #fff;
}

input.tool {
	display: block;
	margin-left:50px;
	border-radius: 5px;
	background: #333333;
	width: 15%;
	padding: 12px 20px 12px 10px;
	border:1px solid #999;
	box-shadow: inset 0px 1px 5px #272727;
	font-size: 1.1em;
}

input.toolEdit {
	display: block;
	margin: 5px;
	margin-left:0px;
	margin-bottom:25px;
	border-radius: 5px;
	background: #333333;
	width: 80%;
	padding: 12px 20px 12px 10px;
	border:1px solid #999;
	box-shadow: inset 0px 1px 5px #272727;
	font-size: 1.1em;
	color: #fff;
}

input.datepicker {
	display: block;
	margin: 5px;
	margin-left:0px;
	margin-bottom:5px;
	border-radius: 5px;
	background: #333333;
	width: 80%;
	padding: 12px 20px 12px 10px;
	border:1px solid #999;
	box-shadow: inset 0px 1px 5px #272727;
	font-size: 1.1em;
	color: #fff;
}

.wrapLeft {display:inline-block; margin:5px; margin-left:50px; margin-bottom:25px; width:40%;}
.wrapRight {display:inline-block; margin:5px; margin-bottom:25px; width:40%;}

.wrapLeftTool {display:inline-block;  margin:5px; margin-left:50px; width:40%;}
.wrapRightTool {display:inline-block; margin:5px; width:40%;}

#deleteForm {width: 650px;height: auto;position: relative;margin: 0 auto;padding-top:8%;}

#mainDelete {float: left;width: 90%;height: auto;padding: 15px 15px 10px 15px;position: relative;background: #555555;border-radius: 3px;box-shadow: 0px 0px 10px 2px #161718;}

label.inputHdrDel {color: #afafaf; text-align:left; margin-left:32px;}


/* ======= EP RESULTS PAGE ======= */
#upd8form {width: 970px;height: auto;position: relative;margin: 0 auto;padding-top:8%;}

#patchUpdate {text-align: center;float: left;background: #365195;padding: 20px 10px;width: 280px;height: 245px;border-radius: 3px;
-moz-border-radius: 3px; /* Firefox */ -webkit-border-radius: 3px; /* Safari and Chrome */box-shadow: 0px 0px 10px 2px #161718;margin-right: 10px;}
	
#mainUpdate {float: left;width: 630px;min-height: 260px;height:auto;padding: 15px 15px 10px 15px;position: relative;background: #555555;border-radius: 3px;box-shadow: 0px 0px 10px 2px #161718;text-align:center;}

#epName {color:#fdd116;}

a.manage:link, a.manage:visited  {color:#FFFFFF; text-decoration:underline;}
a.manage:hover, a.manage:active {color:#dbdbdb; text-decoration:underline;}

h2 {text-align: center; color: #fff; font-size: 0.82em; padding: 20px 0px; font-weight:normal;}
h2.result {text-align: left; color: #fff; font-size: 1.4em; padding: 10px 0px;}
h2.result2 {text-align: left; color: #fff; font-size: 1.2em; padding: 10px 0px;}

.leaderboard {text-align:center; font-size: 1.0em; margin-top:0px; margin-bottom: 0px; padding:0 0 10px 0;}
h3 {text-align:center; font-size: 0.85em; margin-top:0px; margin-bottom: 0px; padding:0 0 10px 0;}
h4 {text-align:center; font-size: 0.85em; padding:0 0 10px 0;}

.urlText {font:normal 0.9em "Courier New", Courier, monospace; position:relative;top:35px; margin:0 auto; color:5e5e5e;}
.textResult {display:inline-block; width:70%; vertical-align:middle;}
.btnResult {display:inline-block; width:20%; vertical-align:middle;}

button.another {
	border: 1px solid #fe3607;
	border-radius: 5px;
	margin: 15px 0 5px 0;
	font-size: 1.1em;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	width: 36%;
	height: 40px;
	text-align: center;
	text-shadow: 0 1px rgba(0,0,0,0.1);
	background-color: #ff5f32;
    background-image: -webkit-linear-gradient(top,#ff5f32,#ff4532);
    background-image: -moz-linear-gradient(top,#ff5f32,#ff4532);
    background-image: -ms-linear-gradient(top,#ff5f32,#ff4532);
    background-image: -o-linear-gradient(top,#ff5f32,#ff4532);
    background-image: linear-gradient(top,#ff5f32,#ff4532);
}
	button.another:hover {
		border-color: #df3506;
		text-shadow: 0 1px rgba(0,0,0,0.3);
		background-color: #ee402e;
		background-image: -webkit-linear-gradient(top,#ff5f32,#ee402e);
		background-image: -moz-linear-gradient(top,#ff5f32,#ee402e);
		background-image: -ms-linear-gradient(top,#ff5f32,#ee402e);
		background-image: -o-linear-gradient(top,#ff5f32,#ee402e);
		background-image: linear-gradient(top,#ff5f32,#ee402e);
	}

button.results {
	border: 1px solid #0a990c;
	border-radius: 5px;
	margin: 0;
	font-size: 1em;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	width: 100%;
	height: 35px;
	text-align: center;
	text-shadow: 0 1px rgba(0,0,0,0.1);
	background-color: #0fb811;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0fb811), to(#0da80f)); 
	background-image: -webkit-linear-gradient(top, #0fb811, #0da80f); 
	background-image: -moz-linear-gradient(top, #0fb811, #0da80f); 
	background-image: -ms-linear-gradient(top, #0fb811, #0da80f); 
	background-image: -o-linear-gradient(top, #0fb811, #0da80f); 
}
	button.results:hover {
		border-color: #0a8c0b;
		text-shadow: 0 1px rgba(0,0,0,0.3);
		background-color: #0fb811;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#0fb811), to(#0c990e)); 
		background-image: -webkit-linear-gradient(top, #0fb811, #0c990e); 
		background-image: -moz-linear-gradient(top, #0fb811, #0c990e); 
		background-image: -ms-linear-gradient(top, #0fb811, #0c990e); 
		background-image: -o-linear-gradient(top, #0fb811, #0c990e); 
	}

.wrapper { 
	margin: 15px auto; 
	width: 95%; 
	/*height: 100px;*/ 
	height:auto;
	background:#777; 
	border-radius:5px;  
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,1.5); 
	-moz-box-shadow:    0px 0px 5px rgba(0,0,0,1.5); 
	box-shadow:         0px 0px 5px rgba(0,0,0,1.5); 
	position: relative; 
	z-index: 90;
}


/* signIn.css */

/* ======= GLOBAL SETTINGS ======= */

* {margin: 0px auto;padding: 0px;}
/*body {background:url(../images/cepBG.png) repeat;position: relative;padding: 20px;font-family:Verdana, Geneva, sans-serif;}*/
body {padding: 0px;font-family:Verdana, Geneva, sans-serif;}


h1 {text-align: center; color: #fdb515; font-size: 1.3em; padding: 15px 0px 20px 0px;}
h1.hdrPad {text-align: center; color: #fdb515; font-size: 1.3em; padding: 15px 0px 40px 0px;}
h3 {text-align: center; color: #fdb515; font-size: .75em; padding: 15px 0px 40px 0px;}

/*
a:link, a:visited  {color:#0c1c8d; text-decoration:none;}
a:hover, a:active {color:#0c1c8d; text-decoration:underline;}
*/
a:link, a:visited  {color:#000; text-decoration:none;}
a:hover, a:active {color:#000; text-decoration:underline;}


-ms-input-placeholder {color:#535353;}

#icon {vertical-align:middle; padding:0 3px 5px 0;}


/* ======= input form ======= */
#cr8form {background: #fdb515; width: auto;height: auto;position: relative;margin: 0 auto; padding-top:50px; padding-bottom:100px}
/* #cr8form {background: #fdb515; width: auto;height: auto;position: relative;margin: 0 auto; padding-top:50px; padding-bottom:100px} */

#main {margin:0 auto; width: 550px; height: auto;padding: 15px 15px 10px 15px;position: relative;background: #555555;border-radius: 3px; box-shadow: 0px 0px 10px 2px #161718; text-align:center;}
/* #main {float: left;width: 550px;height: auto;padding: 15px 15px 10px 15px;position: relative;background: #555555;border-radius: 3px;box-shadow: 0px 0px 10px 2px #161718;text-align:center;}  */

h3.btmLinks {text-align:right; font-size: 0.85em; padding:15px 0 15px 0; width:90.5%;}

input {
	display: block;
	margin: 0px auto 15px;
	border-radius: 5px;
	background: #333333;
	width: 89%;
	padding: 12px 20px 12px 10px;
	border:1px solid #999;
	color: #fdb515;
	font-size: 1.1em;
}

select {
	display: block;
	box-sizing: border-box; 
	margin: 0px auto 15px;
	border-radius: 5px;
	background: #333333;
	height: 50px;
	width: 95.5%;
	padding: 12px 20px 12px 10px;
	border:1px solid #999;
	color: #007176;
	font-size: 1.6em;
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	transition: 0.5s ease;
}

option.upSize {box-sizing: border-box; height: 50px;}

button {
	border: 1px solid #fdb515;
	border-radius: 5px;
	margin: 20px;
	font-size: 1.1em;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	width: 90.5%;
	height: 40px;
	text-align: center;
	text-shadow: 0 1px rgba(0,0,0,0.1);
	background-color: #fdb515;
    background-image: -webkit-linear-gradient(top,#fdb515,#fdb515);
    background-image: -moz-linear-gradient(top,#fdb515,#fdb515);
    background-image: -ms-linear-gradient(top,#fdb515,#fdb515);
    background-image: -o-linear-gradient(top,#fdb515,#fdb515);
    background-image: linear-gradient(top,#fdb515,#fdb515);
}
	button:hover {
		border-color: #62BB47;
		text-shadow: 0 1px rgba(0,0,0,0.3);
		background-color: #62BB47;
		background-image: -webkit-linear-gradient(top,#62BB47,#62BB47);
		background-image: -moz-linear-gradient(top,#62BB47,#62BB47);
		background-image: -ms-linear-gradient(top,#62BB47,#62BB47);
		background-image: -o-linear-gradient(top,#62BB47,#62BB47);
		background-image: linear-gradient(top,#62BB47,#62BB47);
	}


button.leaderboardRewind {
	border: 1px solid #fdb515;
	border-radius: 5px;
	margin: 20px;
	font-size: 1.1em;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	width: 250px;
	height: 40px;
	text-align: center;
	text-shadow: 0 1px rgba(0,0,0,0.1);
	background-color: #fdb515;
    background-image: -webkit-linear-gradient(top,#fdb515,#fdb515);
    background-image: -moz-linear-gradient(top,#fdb515,#fdb515);
    background-image: -ms-linear-gradient(top,#fdb515,#fdb515);
    background-image: -o-linear-gradient(top,#fdb515,#fdb515);
    background-image: linear-gradient(top,#fdb515,#fdb515);
}
	button.leaderboardRewind:hover {
		border-color: #62BB47;
		text-shadow: 0 1px rgba(0,0,0,0.3);
		background-color: #62BB47;
		background-image: -webkit-linear-gradient(top,#62BB47,#62BB47);
		background-image: -moz-linear-gradient(top,#62BB47,#62BB47);
		background-image: -ms-linear-gradient(top,#62BB47,#62BB47);
		background-image: -o-linear-gradient(top,#62BB47,#62BB47);
		background-image: linear-gradient(top,#62BB47,#62BB47);
	}

button.singleBtn {
	border: 1px solid #fe3607;
	border-radius: 5px;
	margin: 15px;
	font-size: 1.1em;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	width: 60%;
	height: 40px;
	text-align: center;
	text-shadow: 0 1px rgba(0,0,0,0.1);
	background-color: #ff5f32;
    background-image: -webkit-linear-gradient(top,#ff5f32,#ff4532);
    background-image: -moz-linear-gradient(top,#ff5f32,#ff4532);
    background-image: -ms-linear-gradient(top,#ff5f32,#ff4532);
    background-image: -o-linear-gradient(top,#ff5f32,#ff4532);
    background-image: linear-gradient(top,#ff5f32,#ff4532);
}
	button.singleBtn:hover {
		border-color: #df3506;
		text-shadow: 0 1px rgba(0,0,0,0.3);
		background-color: #ee402e;
		background-image: -webkit-linear-gradient(top,#ff5f32,#ee402e);
		background-image: -moz-linear-gradient(top,#ff5f32,#ee402e);
		background-image: -ms-linear-gradient(top,#ff5f32,#ee402e);
		background-image: -o-linear-gradient(top,#ff5f32,#ee402e);
		background-image: linear-gradient(top,#ff5f32,#ee402e);
	}

.tempDesc {
	display: block;
	margin: 0px auto 15px;
	border-radius: 5px;
	background: #333333;
	width: 85%; 
	height:60px;
	overflow:auto;
	padding: 12px 20px 12px 10px;
	border: none;color: #929999;
	box-shadow: inset 0px 1px 5px #272727;
	font-size: 0.95em;
}

.cbContainer{margin-bottom:20px; display:table; border:1px solid #999; border-radius: 5px; background: #333333; width: 92%; padding: 12px 5px 12px 10px;}

input[type=radio].cssRadio {display:none;}

input[type=radio].cssRadio + label.css-label {
	padding-left:23px;
	height:18px; 
	display:inline-block;
	line-height:18px;
	background-repeat:no-repeat;
	background-position: 0 0;
	color: #929999;
	font-size: 1.1em;
	vertical-align:middle;
	cursor:pointer;
	margin-right:15px;
}


input[type=radio].cssRadio:checked + label.css-label {background-position: 0 -18px;}


/* backup - save.
input[type=radio].cssRadio + label.css-label {
	padding-left:23px;
	height:18px; 
	display:inline-block;
	line-height:18px;
	background-repeat:no-repeat;
	background-position: 0 0;
	color: #929999;
	font-size: 1.1em;
	vertical-align:middle;
	cursor:pointer;
	margin-right:15px;
}


*/

label.css-label {
	background-image:url(../images/cssRadio.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.tooltipsy
{
    padding: 5px;
    max-width: 200px;
    color: #303030;
    background-color: #f5f5b5;
    border: 1px solid #deca7e;
}



/* ======= EP RESULTS PAGE ======= */
#upd8form {width: 970px;height: auto;position: relative;margin: 0 auto;padding-top:8%;}

#patchUpdate {text-align: center;float: left;background: #365195;padding: 20px 10px;width: 280px;height: 245px;border-radius: 3px;
-moz-border-radius: 3px; /* Firefox */ -webkit-border-radius: 3px; /* Safari and Chrome */box-shadow: 0px 0px 10px 2px #161718;margin-right: 10px;}
	
#mainUpdate {float: left;width: 630px;min-height: 260px;height:auto;padding: 15px 15px 10px 15px;position: relative;background: #555555;border-radius: 3px;box-shadow: 0px 0px 10px 2px #161718;text-align:center;}

#epName {color:#fdd116;}

a.manage:link, a.manage:visited  {color:#FFFFFF; text-decoration:underline;}
a.manage:hover, a.manage:active {color:#dbdbdb; text-decoration:underline;}

h2 {text-align: center; color: #fff; font-size: 0.82em; padding: 20px 0px; font-weight:normal;}
h2.result {text-align: left; color: #fff; font-size: 1.4em; padding: 10px 0px;}
h2.result2 {text-align: left; color: #fff; font-size: 1.2em; padding: 10px 0px;}

h3 {text-align:center; font-size: 0.85em; padding:0 0 10px 0;}
h4 {text-align:center; font-size: 0.85em; padding:0 0 10px 0;}

.urlText {font:normal 0.9em "Courier New", Courier, monospace; position:relative;top:35px; margin:0 auto; color:5e5e5e;}
.textResult {display:inline-block; width:70%; vertical-align:middle;}
.btnResult {display:inline-block; width:20%; vertical-align:middle;}

button.another {
	border: 1px solid #fe3607;
	border-radius: 5px;
	margin: 15px 0 5px 0;
	font-size: 1.1em;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	width: 40%;
	height: 40px;
	text-align: center;
	text-shadow: 0 1px rgba(0,0,0,0.1);
	background-color: #ff5f32;
    background-image: -webkit-linear-gradient(top,#ff5f32,#ff4532);
    background-image: -moz-linear-gradient(top,#ff5f32,#ff4532);
    background-image: -ms-linear-gradient(top,#ff5f32,#ff4532);
    background-image: -o-linear-gradient(top,#ff5f32,#ff4532);
    background-image: linear-gradient(top,#ff5f32,#ff4532);
}
	button.another:hover {
		border-color: #df3506;
		text-shadow: 0 1px rgba(0,0,0,0.3);
		background-color: #ee402e;
		background-image: -webkit-linear-gradient(top,#ff5f32,#ee402e);
		background-image: -moz-linear-gradient(top,#ff5f32,#ee402e);
		background-image: -ms-linear-gradient(top,#ff5f32,#ee402e);
		background-image: -o-linear-gradient(top,#ff5f32,#ee402e);
		background-image: linear-gradient(top,#ff5f32,#ee402e);
	}

button.results {
	border: 1px solid #0a990c;
	border-radius: 5px;
	margin: 0;
	font-size: 1em;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	width: 100%;
	height: 35px;
	text-align: center;
	text-shadow: 0 1px rgba(0,0,0,0.1);
	background-color: #0fb811;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0fb811), to(#0da80f)); 
	background-image: -webkit-linear-gradient(top, #0fb811, #0da80f); 
	background-image: -moz-linear-gradient(top, #0fb811, #0da80f); 
	background-image: -ms-linear-gradient(top, #0fb811, #0da80f); 
	background-image: -o-linear-gradient(top, #0fb811, #0da80f); 
}
	button.results:hover {
		border-color: #0a8c0b;
		text-shadow: 0 1px rgba(0,0,0,0.3);
		background-color: #0fb811;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#0fb811), to(#0c990e)); 
		background-image: -webkit-linear-gradient(top, #0fb811, #0c990e); 
		background-image: -moz-linear-gradient(top, #0fb811, #0c990e); 
		background-image: -ms-linear-gradient(top, #0fb811, #0c990e); 
		background-image: -o-linear-gradient(top, #0fb811, #0c990e); 
	}

.wrapper { 
	margin: 15px auto; 
	width: 95%; 
	/*height: 100px;*/ 
	height:auto;
	background:#777; 
	border-radius:5px;  
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,1.5); 
	-moz-box-shadow:    0px 0px 5px rgba(0,0,0,1.5); 
	box-shadow:         0px 0px 5px rgba(0,0,0,1.5); 
	position: relative; 
	z-index: 90;
}