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

@font-face {
	font-family: acaslonpro-italic-webfont;
	src: url(https://wordsbelow.app/files/Web/acaslonpro-italic-webfont.woff2)format("woff2");
	font-display: swap;
}

@font-face {
	font-family: NeutrafaceNewYorkerBook;
	src: url(https://wordsbelow.app/files/Web/NeutrafaceNewYorkerBook.woff2)format("woff2");
    font-weight: 600; 
	font-style: normal;
	font-display: swap;
}


@font-face {
	font-family: NeutrafaceNewYorker-Bold;
	src: url(https://wordsbelow.app/files/Web/NeutrafaceNewYorker-Bold.woff2)format("woff2");
  	font-display: swap;
}

@font-face {
	font-family: CCSmash-Regular;
	src: url(https://wordsbelow.app/files/Web/CCSmash-Regular.woff2)format("woff2");
	font-display: swap;
  }
 
@font-face { 
  	font-family: CCSmash-Open;
  	src: url(https://wordsbelow.app/files/Web/CCSmash-Open.woff2)format("woff2");
	font-display: swap;
  }
  
@font-face {
  	font-family: CCSmash-Inline;
  	src: url(https://wordsbelow.app/files/Web/CCSmash-Inline.woff2)format("woff2");
	font-display: swap;
  }
  
@font-face {
  	font-family: CCSmash-Slice;
  	src: url(https://wordsbelow.app/files/Web/CCSmash-Slice.woff2)format("woff2");
	font-display: swap;
}

@font-face {
  	font-family: CCDoohickeyLower-Open;
  	src: url(https://wordsbelow.app/files/Web/CCDoohickeyLower-Open.woff2)format("woff2");
	font-display: swap;
}

@font-face {
  	font-family: CCDoohickeyLower-Regular;
  	src: url(https://wordsbelow.app/files/Web/CCDoohickeyLower-Regular.woff2)format("woff2");
	font-display: swap;
}

@font-face {
	font-family: CCLegendaryLegerdemain-Ita;
  	src: url(https://wordsbelow.app/files/Web/CCLegendaryLegerdemain-Ita.woff2)format("woff2");
	font-display: swap;
}

@font-face {
  	font-family: CCLegendaryLegerdemain-BolIta;
  	src: url(https://wordsbelow.app/files/Web/CCLegendaryLegerdemain-BolIta.woff2)format("woff2");
	font-display: swap;
}

@font-face {
  	font-family: CCLegendaryLegerdemain-Bold;
  	src: url(https://wordsbelow.app/files/Web/CCLegendaryLegerdemain-Bold.woff2)format("woff2");
	font-display: swap;
}

@font-face {
  	font-family: CCLegendaryLegerdemain-Reg;
  	src: url(https://wordsbelow.app/files/Web/CCLegendaryLegerdemain-Reg.woff2)format("woff2");
	font-display: swap;
}

.blueRectangleRounded {
  height: 25px;
  width: 180px;
  border-radius:10px;
  background-color: #20639B;
  line-height: 25px;
  vertical-align:middle;
}


/*************** 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;
}

*/  
  
  
/* overall */
html, body, div, section, header {margin: 0;padding: 0;}


/*
a:hover, .active a {text-decoration: none}
.updated {color: #00F; font-weight:bold;}
*/
/*
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;}

a:hover, .active a {text-decoration: none}

a.updated {color: #000; font-weight:bold;}
a.dataset {color: #000; font-weight:normal;}
a.username {color: #3CAEA3; font-weight:bold;}
a.LtBlue {color: #349FF0; font-weight:bold; font-size: 1.2em; }
a.signIn {color: #FFFFFF; font-weight:normal; 	font-size: 1.2em; margin-bottom:40px;}

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


p:dataset {text-decoration: none}

#footer {background: #20639B; 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:#20639B; 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:#20639B; 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:#20639B; width:100%; padding:10px;padding-bottom:0px;}
#itemHeader2 {text-align:center; color:#FFFFFF; margin:0 auto; margin-top:0px; margin-bottom: 0px; font-size:24px; font-weight:bold; background:#20639B; border:0px solid #fff442; padding:10px; padding-top:10px; cursor: pointer;}
#itemHeader3 {text-align:center; color:#FFFFFF; margin:0 auto; margin-top:0px; margin-bottom: 0px; font-size:14px; font-weight:normal; background:#20639B; border:0px solid #fff442; padding:10px; padding-top:0px; cursor: pointer;}

#internalCartoonCaptionLine1 {text-align:center; color:#FFFFFF; margin:0 auto; margin-top:0px; margin-bottom: 0px; font-size:18px; border:0px solid #fff442; padding:10px; padding-top:10px; cursor: pointer;}
#internalCartoonCaptionLine2 {text-align:center; color:#FFFFFF; margin:0 auto; margin-top:0px; margin-bottom: 0px; font-size:14px; font-weight:normal; border:0px solid #fff442; padding:10px; padding-top:0px; cursor: pointer;}

#wrongSignInTitleDiv {text-align:center; color:#FFFFFF; margin:0 auto; margin-top:0px; margin-bottom: 20px; font-size:24px; font-weight:bold; border:0px solid #fff442; padding:10px; padding-top:10px;}
#wrongSignInDiv {text-align:center; color:#FFFFFF; margin:0 auto; margin-top:0px; margin-bottom: 0px; font-size:18px; font-weight:normal; border:0px solid #fff442; padding:10px; padding-top:10px; }


.fieldsetWrapper {
	margin: 0 auto; 
	width:100%;
	
	-webkit-user-select: none; /* Safari */
	 -ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
	
	}

.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:24px; font-weight:bold; margin: 25px 0px; }
.defaultBold18Font {font-size:18px; font-weight:bold; margin: 25px 0px; }
.default24Font {font-size:24px; font-weight:normal; margin: 25px 0px; }


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


/* Rank List styles */

.theRowDiv {
	background:#365195; 
	color:#fff; 
	padding:5px 5px 5px 10px; 
	width:98.5%; 
	border-top-left-radius: 10px; 
	border-top-right-radius: 10px; 
	overflow:auto;}

#firstColumnDiv {float:left; width:15%; text-align:left; margin:5px 0;}
#middleColumnsDiv {float:left;text-align:left; font-size:30px; line-height:83px; margin:5px 0 0 15px;}
#lastColumnDiv {float:right;text-align:right; height:53px; margin-top:5px; padding-top:5px; width:30%;}


/* Week area styles */

.comment_header {background: #dddddd; width:80%; margin:0 auto;  font-size:1.2em; font-weight:normal; color:#333; padding:20px;}

.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%;
        margin-bottom:30px;
        text-align:center;
        /* background-color:#555555; */
     }

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

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

.fullboxCommentary{
    float:right;
    width:100%;
    text-align:center;
    background-color:#20639B;
 }

.fullboxLocationContest{
    /*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;
}


select.findCaptionSelect {
	display: block;
	box-sizing: border-box; 
	margin: 0 auto 15px;
	border-radius: 5px;
	background: #333333;
	height: 50px;
	width: 95.5%;
	margin: 0 auto; margin-bottom:20px;
	padding: 12px 20px 12px 10px;
	border:1px solid #999;
	/*color: #007176;*/
	color: white;
	font-size: 1.3em;

	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	transition: 0.5s ease;

}


select.ContestSelect {
	display: block;
	box-sizing: border-box; 
	margin: 0 auto 15px;
	border-radius: 5px;
	background: #333333;
	height: 50px;
	width: 95.5%;
	margin: 0 auto; margin-bottom:20px;
	padding: 12px 20px 12px 10px;
	border:1px solid #999;
	color: white;
	font-size: 1.3em;

	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	transition: 0.5s ease;

}

select.ContestSelectYear {
	display: block;
	box-sizing: border-box; 
	float:left;
	margin: 0 auto 15px;
	border-radius: 5px;
	background: #333333;
	height: 50px;
	width: 120px;
	margin: 0 auto; 
	margin-bottom:20px;
	padding: 12px 20px 12px 10px;
	border:1px solid #999;
	color: white;
	font-size: 1.3em;

	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	transition: 0.5s ease;

}

select.ContestSelectDate {
	display: block;
	box-sizing: border-box; 
	margin: 0 auto 15px;
	border-radius: 5px;
	background: #333333;
	height: 50px;
	width: 270px;
	margin: 0 auto; margin-bottom:20px;
	padding: 12px 20px 12px 10px;
	border:1px solid #999;
	color: white;
	font-size: 1.3em;

	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	transition: 0.5s ease;

}


select.CaptionSelectQuarter {
	display: block;
	box-sizing: border-box; 
	margin: 0 auto 15px;
	border-radius: 5px;
	background: #333333;
	height: 50px;
	width: 350px;
	margin: 0 auto; margin-bottom:20px;
	padding: 12px 20px 12px 10px;
	border:1px solid #999;
	color: white;
	font-size: 1.3em;

	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	transition: 0.5s ease;

}


select.contestNumber {
	display: block;
	box-sizing: border-box; 
	margin: 0px auto 15px;
	border-radius: 5px;
	background: #333333;
	height: 50px;
	width: 60%;
	padding: 12px 20px 12px 10px;
	border:1px solid #999;
	/*color: #007176;*/
	color: white;
	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;
	*/
}


select.shareStatus {
	display: block;
	box-sizing: border-box; 
	margin: 0px auto 15px;
	border-radius: 5px;
	background: #333333;
	height: 50px;
	width: 45%;
	padding: 12px 20px 12px 10px;
	border:1px solid #999;
	color: white;
	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;
*/
}

select#user_request_status {
        -webkit-appearance: none;
    }


/* 
input settings 
*/

input[type=number]:-webkit-inner-spin-button,
input[type=number]:-webkit-outer-spin-button 
{
   opacity: 1;
}

    
input.findContestInput {
	display: block;
	border: 1px solid #20639B;
	border-radius: 5px;
	padding: 5px;
	margin: auto;
	font-size: 1.3em;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	width: 30%;
	height: 50px;
	text-align: center;
	text-shadow: 0 1px rgba(0,0,0,0.1);
	background-color: #20639B;
    background-image: -webkit-linear-gradient(top,#20639B,#20639B);
    background-image: -moz-linear-gradient(top,#20639B,#20639B);
    background-image: -ms-linear-gradient(top,#20639B,#20639B);
    background-image: -o-linear-gradient(top,#20639B,#20639B);
    background-image: linear-gradient(top,#20639B,#20639B);
}
	input.findContestInput: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);
	}


input.ContestNumberSearchButton {
	display: block;
	vertical-align:middle;
	border: 1px solid #20639B;
	border-radius: 5px;
	padding: 5px;
	margin: auto;
	font-size: 1.3em;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	width: 225px;
	height: 50px;
	text-align: center;
	text-shadow: 0 1px rgba(0,0,0,0.1);
	background-color: #20639B;
    /*background-image: -webkit-linear-gradient(top,#20639B,#20639B);
    background-image: -moz-linear-gradient(top,#20639B,#20639B);
    background-image: -ms-linear-gradient(top,#20639B,#20639B);
    background-image: -o-linear-gradient(top,#20639B,#20639B);
    background-image: linear-gradient(top,#20639B,#20639B);*/
}
	input.ContestNumberSearchButton: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);
	}


input.SearchKeywordContestButton {
	display: block;
	vertical-align:middle;
	border: 1px solid #20639B;
	border-radius: 5px;
	padding: 12px 20px 12px 10px;
	/*padding: 5px;*/
	margin: 0 auto 0;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	width: 390px;
	height: 50px;
	text-align: center;
	text-shadow: 0 1px rgba(0,0,0,0.1);
	background-color: #20639B;
    background-image: -webkit-linear-gradient(top,#20639B,#20639B);
    background-image: -moz-linear-gradient(top,#20639B,#20639B);
    background-image: -ms-linear-gradient(top,#20639B,#20639B);
    background-image: -o-linear-gradient(top,#20639B,#20639B);
    background-image: linear-gradient(top,#20639B,#20639B);
}
	input.SearchKeywordContestButton: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);
	}
	

input.findCaptionInput {
	display: block;
	border: 1px solid #20639B;
	border-radius: 5px;
	padding: 5px;
	margin: 20 auto; margin-bottom:0px;
	width:400px;
	font-size: 1.2em;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	height: 40px;
	text-align: center;
	text-shadow: 0 1px rgba(0,0,0,0.1);
	background-color: #20639B;
    background-image: -webkit-linear-gradient(top,#20639B,#20639B);
    background-image: -moz-linear-gradient(top,#20639B,#20639B);
    background-image: -ms-linear-gradient(top,#20639B,#20639B);
    background-image: -o-linear-gradient(top,#20639B,#20639B);
    background-image: linear-gradient(top,#20639B,#20639B);
}
	input.findCaptionInput: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);
	}
	/* padding: 12px 20px 12px 10px; */


input.findCaptionInputOrange {
	display: block;
	border: 1px solid #ED553B;
	border-radius: 5px;
	padding: 5px;
	margin: 20 auto; margin-bottom:0px;
	width:600px;
	font-size: 1.2em;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	height: 40px;
	text-align: center;
	text-shadow: 0 1px rgba(0,0,0,0.1);
	background-color: #ED553B;
    background-image: -webkit-linear-gradient(top,#ED553B,#ED553B);
    background-image: -moz-linear-gradient(top,#ED553B,#ED553B);
    background-image: -ms-linear-gradient(top,#ED553B,#ED553B);
    background-image: -o-linear-gradient(top,#ED553B,#ED553B);
    background-image: linear-gradient(top,#ED553B,#ED553B);
}
	input.findCaptionInputOrange: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);
	}
	/* padding: 12px 20px 12px 10px; */


input.grayBtn600px {
	display: block;
	border: 1px solid #20639B;
	border-radius: 5px;
	padding: 5px;
	margin: 30px auto; margin-bottom:0px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	width: 600px;
	height: 40px;
	text-align: center;
	text-shadow: 0 1px rgba(0,0,0,0.1);
	background-color: gray;
    background-image: -webkit-linear-gradient(top,gray,gray);
    background-image: -moz-linear-gradient(top,gray,gray);
    background-image: -ms-linear-gradient(top,gray,gray);
    background-image: -o-linear-gradient(top,gray,gray);
    background-image: linear-gradient(top,gray,gray);
}
	input.grayBtn600px: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);
	}


input.grayBtn400px {
	display: block;
	border: 1px solid #20639B;
	border-radius: 5px;
	padding: 5px;
	margin: 30px auto; margin-bottom:0px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	width: 400px;
	height: 40px;
	text-align: center;
	text-shadow: 0 1px rgba(0,0,0,0.1);
	background-color: gray;
    background-image: -webkit-linear-gradient(top,gray,gray);
    background-image: -moz-linear-gradient(top,gray,gray);
    background-image: -ms-linear-gradient(top,gray,gray);
    background-image: -o-linear-gradient(top,gray,gray);
    background-image: linear-gradient(top,gray,gray);
}
	input.grayBtn400px: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);
	}

input.addRankList {
	display: block;
	border: 1px solid #20639B;
	border-radius: 5px;
	padding: 5px;
	margin: 0 auto; margin-bottom:0px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	width: 35%;
	height: 40px;
	text-align: center;
	text-shadow: 0 1px rgba(0,0,0,0.1);
	background-color: gray;
    background-image: -webkit-linear-gradient(top,gray,gray);
    background-image: -moz-linear-gradient(top,gray,gray);
    background-image: -ms-linear-gradient(top,gray,gray);
    background-image: -o-linear-gradient(top,gray,gray);
    background-image: linear-gradient(top,gray,gray);
}
	input.addRankList: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);
	}
	/* padding: 12px 20px 12px 10px; */


input.grayBtn {
	display: block;
	border: 1px solid #20639B;
	border-radius: 5px;
	padding: 5px;
	margin: 30px auto; margin-bottom:0px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	width: 30%;
	height: 40px;
	text-align: center;
	text-shadow: 0 1px rgba(0,0,0,0.1);
	background-color: gray;
    background-image: -webkit-linear-gradient(top,gray,gray);
    background-image: -moz-linear-gradient(top,gray,gray);
    background-image: -ms-linear-gradient(top,gray,gray);
    background-image: -o-linear-gradient(top,gray,gray);
    background-image: linear-gradient(top,gray,gray);
}
	input.grayBtn: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);
	}

input.ltBlueBtn {
	display: block;
	border: 1px solid #20639B;
	border-radius: 5px;
	padding: 5px;
	margin: 30px auto; margin-bottom:0px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	width: 30%;
	height: 40px;
	text-align: center;
	text-shadow: 0 1px rgba(0,0,0,0.1);
	background-color: #349FF0;
    background-image: -webkit-linear-gradient(top,#349FF0,#349FF0);
    background-image: -moz-linear-gradient(top,#349FF0,#349FF0);
    background-image: -ms-linear-gradient(top,#349FF0,#349FF0);
    background-image: -o-linear-gradient(top,#349FF0,#349FF0);
    background-image: linear-gradient(top,#349FF0,#349FF0);
}
	input.ltBlueBtn: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);
	}

input.ltBlueNoImageBtn {
	display: block;
	border: 1px solid #20639B;
	border-radius: 5px;
	padding: 5px;
	margin: 30px auto; margin-bottom:0px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	width: 30%;
	height: 40px;
	text-align: center;
	text-shadow: 0 1px rgba(0,0,0,0.1);
	background-color: #349FF0;
}
	input.ltBlueNoImageBtn:hover {
		border-color: red;
		text-shadow: 0 1px rgba(0,0,0,0.3);
		background-color: red;
		background-image: -webkit-linear-gradient(top,red,red);
		background-image: -moz-linear-gradient(top,red,red);
		background-image: -ms-linear-gradient(top,red,red);
		background-image: -o-linear-gradient(top,red,red);
		background-image: linear-gradient(top,red,red);
	}

input.greenNoImageBtn {
	display: block;
	border: 1px solid green;
	border-radius: 5px;
	padding: 5px;
	margin: 30px auto; margin-bottom:0px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	width: 30%;
	height: 40px;
	text-align: center;
	text-shadow: 0 1px rgba(0,0,0,0.1);
	background-color: green;
}
	input.greenNoImageBtn:hover {
		border-color: red;
		text-shadow: 0 1px rgba(0,0,0,0.3);
		background-color: red;
		background-image: -webkit-linear-gradient(top,red,red);
		background-image: -moz-linear-gradient(top,red,red);
		background-image: -ms-linear-gradient(top,red,red);
		background-image: -o-linear-gradient(top,red,red);
		background-image: linear-gradient(top,red,red);
	}

input.redNoImageBtn {
	display: block;
	border: 1px solid red;
	border-radius: 5px;
	padding: 5px;
	margin: 30px auto; margin-bottom:0px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	width: 30%;
	height: 40px;
	text-align: center;
	text-shadow: 0 1px rgba(0,0,0,0.1);
	background-color: red;
}
	input.redNoImageBtn: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);
	}

input.grayNoImageBtn {
	display: block;
	border: 1px solid #20639B;
	border-radius: 5px;
	padding: 5px;
	margin: 30px auto; margin-bottom:0px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	width: 30%;
	height: 40px;
	text-align: center;
	text-shadow: 0 1px rgba(0,0,0,0.1);
	background-color: gray;
}
	input.grayNoImageBtn: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);
	}

input.grayBtn15 {
	display: block;
	border: 1px solid #20639B;
	border-radius: 5px;
	padding: 5px;
	margin: 30px auto; margin-bottom:0px;
	font-size: 18px;
	color: #fff;
	font-weight: plain;
	cursor: pointer;
	width: 15%;
	height: 20px;
	text-align: center;
	text-shadow: 0 1px rgba(0,0,0,0.1);
	background-color: gray;
    background-image: -webkit-linear-gradient(top,gray,gray);
    background-image: -moz-linear-gradient(top,gray,gray);
    background-image: -ms-linear-gradient(top,gray,gray);
    background-image: -o-linear-gradient(top,gray,gray);
    background-image: linear-gradient(top,gray,gray);
}
	input.grayBtn15: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.findCaptionButton {
	border: 1px solid #20639B;
	border-radius: 5px;
	margin: 20 auto; margin-bottom:15px;
	font-size: 1.2em;
	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: #20639B;
    background-image: -webkit-linear-gradient(top,#20639B,#20639B);
    background-image: -moz-linear-gradient(top,#20639B,#20639B);
    background-image: -ms-linear-gradient(top,#20639B,#20639B);
    background-image: -o-linear-gradient(top,#20639B,#20639B);
    background-image: linear-gradient(top,#20639B,#20639B);
}
	button.findCaptionButton: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.findCaptionTextarea {
	display: block;
	width: 600px;
  	height: 150px;
    margin-left: auto;
    margin-right: auto;
	border-radius: 5px;
	background: #dddddd;
	padding: 12px 12px 12px 12px;
	border:1px solid #999;
	color: #0000FF;
	font-size: 1.4em;
	font-family:Verdana, Geneva, sans-serif;
	overflow:hidden;
	scrollbar-face-color :#555555;
	scrollbar-highlight-color :#666666;
	scrollbar-track-color :#444444;
	scrollbar-arrow-color :#000;
}

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


textarea.sloganTextarea {
	display: block;
	width: 600px;
  	height: 150px;
    margin-left: auto;
    margin-right: auto;
	border-radius: 5px;
	background: #dddddd;
	padding: 12px 12px 12px 12px;
	border:1px solid #999;
	color: #0000FF;
	font-size: 1.4em;
	font-family:Verdana, Geneva, sans-serif;
	overflow:hidden;
	scrollbar-face-color :#555555;
	scrollbar-highlight-color :#666666;
	scrollbar-track-color :#444444;
	scrollbar-arrow-color :#000;
}


textarea.accountCommentTextarea {
	display: block;
	width: 400px;
  	height: 340px;
/*  	margin-top: 10px;
    margin-left: auto;
    margin-right: auto;*/
    
    margin: auto;
  	margin-top:10px;
  	margin-bottom:50px; 


	border-radius: 5px;
	background: #dddddd;
	padding: 12px 12px 12px 12px;
	border:1px solid #999;
	color: #0000FF;
	font-size: 1.4em;
	font-family:Verdana, Geneva, sans-serif;
	overflow:hidden;
	scrollbar-face-color :#555555;
	scrollbar-highlight-color :#666666;
	scrollbar-track-color :#444444;
	scrollbar-arrow-color :#000;
}

/* fieldset component styles */


fieldset.wrapperItems {
	background-color:#20639B; 
	border-color:#FFFFFF;
	/*  background-color:red; */
	/* padding: 40px 0px 30px; */
	padding: 0px 8px 0px;
	width: 100%;
	
	-webkit-user-select: none; /* Safari */
	 -ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */

}


fieldset.cityChart {
	background-color:#20639B; 
	padding: 10px 10px 10px;
	/*width: 1050px;
	height: 550px;*/
}


fieldset.contestFlags {
	background-color:#20639B; 
	padding: 0px 0px 0px;
	width: 570px;
	height: 570px;
}

fieldset.flagMosaic {
	background-color:#20639B; 
	padding: 0px 0px 0px;
	width: 570px;
	height: auto;
}


fieldset.finalistsRankResult {
	background-color:#20639B; 
	/*  background-color:red; */
	/* padding: 40px 0px 30px; */
	padding: 0px 0px 0px;
	width: 90%;
}

div.searchRankResult {
	margin:0 auto; margin-bottom: 50px; width: 80%; height: auto; padding: 15px 15px 10px 15px; position: relative;
	
	background-color:#20639B; 	
	/* padding: 40px 0px 30px; */
	padding: 0px 0px 0px;
	/* width: 70%; */
}


fieldset legend.white {
	text-align: center;
    color:#FFFFFF; 
    font-weight:normal; } 
    
fieldset legend.black {
	text-align: center;
    color:#000000; font-weight:normal; } 

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 MAY NOT NEED THIS */
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;}



#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;}

td.viewRankList:hover {color:#0c1c8d; 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.account {
  	margin-top: 10px;
	border-radius: 5px;
	background: #dddddd;
	width: 80%;
	border:1px solid #999;
	font-size: 1.3em;
	color: #000;
}

input.username {
  	margin-top: 10px;
	border-radius: 5px;
	background: #dddddd;
	width: 40%;
	border:1px solid #999;
	font-size: 1.3em;
	color: #000;
}


input.searchFinalistCaptions {
  	margin-top: 10px;
	border-radius: 5px;
	background: #dddddd;
	width: 50%;
	border:1px solid #999;
	font-size: 1.4em;
	color: #000;
	font-weight:bold;
}


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.requestStatus45px {box-sizing: border-box; height: 50px; font-size:45px; }
option.requestStatus25px { font-size:25px; }
optgroup { font-size:25px; }

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

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;}


#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;}

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;}
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 */

* {margin: 0px auto;padding: 0px;}
body {margin: 0;padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color:#20639B;}


h1 {color: #20639B; text-align: center; font-size: 1.3em; padding: 15px 0px 20px 0px;}
h1.white {color: white; text-align: center; font-size: 1.3em; padding: 15px 0px 20px 0px;}
h1.hdrPad {text-align: center; color: #20639B; font-size: 1.3em; padding: 15px 0px 40px 0px;}
h3 {text-align: center; color: #20639B; font-size: .75em; padding: 15px 0px 40px 0px;}
h3.white {color: white; text-align:center; font-size: 1.0em; margin-top:20px; margin-bottom: 0px; padding:0 0 10px 0;}
h3.black {color: black; text-align:center; font-size: 1.0em; margin-top:20px; margin-bottom: 0px; padding:0 0 10px 0;}
h2.black {color: black; text-align:center; font-weight:bold; font-size: 1.2em; margin-top:20px; margin-bottom: 0px; padding:0 0 10px 0;}



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

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

#prevent-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}


#cr8form 
{
	background: #20639B; width: auto;height: auto;position: relative;margin: 0 auto; padding-top:20px; padding-bottom:20px;

	-webkit-user-select: none; /* Safari */
	 -ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */

}

#contestFlagsPage 
{
	background: #20639B; width: auto;height: auto;position: relative;margin: 0 auto; padding:20px;

	-webkit-user-select: none; /* Safari */
	 -ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */

}


/* #cr8form {background: #20639B; width: auto;height: auto;position: relative;margin: 0 auto; padding-top:50px; padding-bottom:100px} */
/* #cr8form {background: #20639B; 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;}
#cartoonMain {margin:0 auto; width: 900px; height: auto; padding: 15px 15px 10px 15px; position: relative;background: #555555;border-radius: 3px; box-shadow: 0px 0px 10px 2px #161718; text-align:center;}
#reportMain {margin:0 auto; width: 900px; height: auto; padding: 15px 15px 10px 15px; position: relative;background: #555555;border-radius: 3px; box-shadow: 0px 0px 10px 2px #161718; text-align:center;}
#contestFlagsMain {margin:0 auto; position: relative; width: 580px; height: auto; padding: 10px 15px 15px; background: #555555; border-radius: 3px; box-shadow: 0px 0px 10px 2px #161718; text-align:center;}
#chartMain {margin:0 auto; position: relative; width: 1080px; height: auto; padding: 10px 10px 10px; 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: 60%;
	padding: 12px 20px 12px 10px;
	border:1px solid #999;
	color: #20639B;
	font-size: 1.1em;
}

input.updateContest {
	display: block;
	margin: 15px auto 15px;
	border-radius: 5px;
	background: #333333;
	width: 55%;
	padding: 12px 20px 12px 10px;
	border:1px solid #999;
	/*color: #20639B;*/
	color: white;
	font-size: 1.3em;
}


input.ContestNumberSearchInput {
	display: block;
	float:left;
	margin: auto;
	border-radius: 5px;
	background: #333333;
	width: 130px;
	padding: 12px 20px 12px 10px;
	border:1px solid #999;
	/*color: #20639B;*/
	color: white;
}


input.SearchKeywordContestInput {
	display: block;
	float:left;
	/*margin: auto;*/
	border-radius: 5px;
	background: #333333;
	width: 390px;
	padding: 12px 20px 12px 10px;
	border:1px solid #999;
	/*color: #20639B;*/
	color: white;
}


input.signInInput {
	display: block;
	margin: 0px auto 15px;
	border-radius: 5px;
	background: #333333;
	width: 60%;
	padding: 12px 20px 12px 10px;
	border:1px solid #999;
	color: #20639B;
	font-size: 1.3em;
}

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;*/
	color: white;
	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;
	*/
}



button {
	border: 1px solid #20639B;
	border-radius: 5px;
	margin: 20px;
	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: #20639B;
    background-image: -webkit-linear-gradient(top,#20639B,#20639B);
    background-image: -moz-linear-gradient(top,#20639B,#20639B);
    background-image: -ms-linear-gradient(top,#20639B,#20639B);
    background-image: -o-linear-gradient(top,#20639B,#20639B);
    background-image: linear-gradient(top,#20639B,#20639B);
}
	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.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;
}


.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); 
	}