/* Public Entry Style Sheet */

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
	/* forces display of scrollbar in Firefox; */
	overflow-y: scroll;
}

body {
	font-weight: normal;
	font-size: 76%;
	font-family: Verdana, Arial, sans-serif;
	line-height: 140%;
	margin: 0px;
	background-color: #eee;
}

.blue          { background-color: #000066 }
.grey          { background-color: #eee }
.darkgrey  { background-color: #777777 }
.black        { background-color: #000000 }
.white        { background-color: #fff }
.red            { background-color: #CC0033 }

a:link 		{ color: #03c; text-decoration: none; }
a:visited 	{ color: #03c; text-decoration: none; }
a:hover   	{ color: #009; text-decoration: underline; }


#webex_container {
	max-width: 768px;
	margin-right: auto;
	margin-left: auto;
	border: solid 1px #ccc;
	overflow: hidden;
	background-color: #fff;
}

#webex_body {
	margin: 1em;
	color: #444;
}

#webex_o_body {
	margin: 1em;
	margin-bottom: 0;
	background-color: #efefef;
	border: solid 1px #ccc;
}

.webex_banner {
	color: #fff;
	background-color: #006;
	text-align: center;
	font-weight: bold;
	padding: .25em;
	overflow: hidden;
	clear: both;
}

.webcat_banner {
	color: #fff;
	background-color: #444;
	text-align: left;
	font-weight: bold;
	font-size: 1.2em;
	padding: .25em;
	padding-left: 1em;
	overflow: hidden;
	clear: both;
}

.webex_terms {
	font-size: .9em;
	font-style: italic;
}

.webex_help {
	font-size: .9em;
	color: #444;
}

.webex_address {
	margin: .5em;
	padding: .5em;
	border: solid 1px #ccc;
	background-color: #efefef;
}

.webex_confirm {
	padding: 1em;
}

.webex_footer {
	overflow: hidden;
}

.webex_button {
	margin-left: 1em;
	float: left;
}

img {
	-ms-interpolation-mode: bicubic;
	max-width: 100%;
	height: auto; /* This makes sure that images scales properly on all browsers*/
}

img.normal {
	border: none;
	display: block;
	float: left;
}

img.control {
	border: none;
	display: block;
	float: left;
	padding-top: 3px;
}

img.bottom_align {
}

h1.prize_list {
	font-size: 1.25em;
}

/* **************************************************

Form Styles

*************************************************** */
.webex_form {
	margin: .5em;
	padding: .5em;
	border: solid 1px #ccc;
	background-color: #efefef;
	overflow: hidden;
	max-width: 100%;
}

.webex_man_form {
	width: 18em;
	float: left;
}

.webex_dd_form {
	width: 38em;
	float: left;
}

#xa_dialog_error {
	min-width: 9em;
	float: left;
	color: red;
	font-size: .9em;
	padding-left: 2em;
	overflow: hidden;
}

.form_label {
	text-align: right;
	padding-left: 1em;
	font-size: .9em;
	color: #777;
	font-weight: normal;
}

.form_value {
	text-align: left;
	color: #444;
}

td.form_value a:link 		{ color: #444; text-decoration: none; }
td.form_value a:visited 	{ color: #444; text-decoration: none; }
td.form_value a:hover   	{ color: #444; text-decoration: underline; }

.search_button {
  border-radius: 8px;
	border: solid 1px #fff;
	font-size: 1.2em;
	font-weight: bold;
	cursor: pointer;
	padding: 4px;
	padding-right: 1.5em;
	padding-left: 1.5em;
}

.inline_form {
	border-top: solid 1px #aaa;
	border-left: solid 1px #aaa;
	border-bottom: solid 1px #222;
	border-right: solid 1px #222;
	background-color: #efefef;
	padding: 0;
	padding-bottom: 1em;
}

div.popup_buttons {
	text-align: right;
	float: right;
	width: 10em;
}

div.top_button {
	float: left;
	margin-right: 1em;
}

.layout_label {
	font-size: .9em;
	color: #777;
	font-weight: normal;
}

div.popup_error {
	padding: .5em;
	font-size: .9em;
	color: red;
	min-width: 30em;
	float: left;
}


/* **************************************************

Jquery Validate style overrides

*************************************************** */

label.error {
	color: red;
	font-weight: normal;
	font-size: .9em;
	padding-left: 1em;
}

/* **************************************************

Navigation List Styles

*************************************************** */

ol.nav_breadcrumb {
	display: block;
	overflow: hidden;
	padding: 0;
	padding-top: .5em;
	padding-bottom: .5em;
	border: solid 1px #ccc;
	background-color: #efefef;
}

ol.nav_breadcrumb li {
	float: left;
	margin-right: 0;
	margin-left: 3em;
}

ol.nav_breadcrumb a:link 		{ color: #3683D5; text-decoration: underline; }
ol.nav_breadcrumb a:visited 	{ color: #3683D5; text-decoration: underline; }
ol.nav_breadcrumb a:hover   	{ color: #3683D5; text-decoration: underline; }

div.nav_breadcrumb_icons {
	display: block;
	overflow: hidden;
	padding: 0;
	max-width: 660px;
	margin-right: auto;
	margin-left: auto;
}

div.nav_breadcrumb_icon {
	float: left;
	margin: 5px;
	padding: 0;
	margin-top: 10px;
}


/* **************************************************

Default Table Styles

*************************************************** */

table {
	margin-top: 1em;
	font-size: 1em;
	width: 100%;
}

table.webex_entry_table {
	width: 100%;
}

th {
	text-align: left;
	color: #ffffff;
	background-color: #555555;
	padding-right: 1.5em;
	padding-left: .5em;
}

div.prize_list th {
	background-color: #999999;
}

th.entry_column {
	text-align: center;
}

th.no_show {
	background-color: #fff;
}

th.numeric_value {
	text-align: right;
}

.oddrow {
	background-color: #ffffcc;
}

tr.paired_row_first {
	margin: 0;
}

td {
	padding-right: 1.5em;
	padding-left: .5em;
	vertical-align: top;
}

td.numeric_value {
	text-align: right;
}

td.bottom_align {
	vertical-align: bottom;
}

td.middle_align {
	vertical-align: middle;
}

div.prize_list td a:link 		{ color: #333; text-decoration: none; }
div.prize_list td a:visited 	{ color: #333; text-decoration: none; }
div.prize_list td a:hover   	{ color: #03c; text-decoration: underline; }

td a:link 		{ color: #444; text-decoration: underline; }
td a:visited 	{ color: #444; text-decoration: underline; }
td a:hover   	{ color: #444; text-decoration: underline; }

td.entry_no {
	width: 2em;
}
td.entry_name {
	width: 30em;
}

td.web_form_field {
	width: 16em;
}

.instruction_link {
	font-size: .9em;
}

.instruction_link a:link 		{ color: #888; text-decoration: none; }
.instruction_link a:visited 	{ color: #888; text-decoration: none; }
.instruction_link a:hover   	{ color: #888; text-decoration: none; }

div.entry_column input {
	margin: 0;
	padding: 0;
}

div.entry_column {
	float: left;
	margin-right: 0em;
	margin-left: 1em;
	width: 19em;
}

div.webex_submit_o {
	clear: left;
	margin-right: auto;
	margin-left: auto;
	width: 12em;
	padding-top: .5em;
	padding-bottom: .5em;
}

div.webex_confirm {
	margin: 1em;
}

/* **************************************************

Copyright Style

*************************************************** */
p#lCopyright {
	text-align: center;
	font-style: italic;
	font-size: .8em;
	margin-top: 0;
	padding-top: 0;
}

/* **************************************************

New Form Styles

*************************************************** */
form {
}

form header {
  margin: 0 0 20px 0; 
}
form header div {
  font-size: 90%;
  color: #999;
}
form header h2 {
  margin: 0 0 5px 0;
}
form > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 3px 0;
}
form > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
form > div > label,
legend {
	width: 18%;
  float: left;
  padding-right: 15px;
	padding-top: 5px;
	font-size: 90%;
	color: #777;
}
form > div > div,
form > div > fieldset > div {
  width: 80%;
  float: right;
}
form > div > fieldset label {
	font-size: 90%;
}
fieldset {
	border: 0;
  padding: 0;
}
form > div > div.desc {
	padding-top: 5px;
	font-size: 90%;
	color: #777;
}

.form_button {
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #888;
	border-right: solid 1px #888;
  border-radius: 6px;
	padding: 10px;
/*	
	padding-bottom: .35em;
	padding-top: .2em;
	padding-right: 1em;
	padding-left: 1em;
*/	
	color: #444;
	font-size: 1.2em;
	font-weight: bold;
	cursor: pointer;
	margin-right: 1em;
}

.form_button_small{
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #888;
	border-right: solid 1px #888;
  border-radius: 4px;
	padding: 3px;
	color: #444;
	font-size: 1em;
	font-weight: normal;
	cursor: pointer;
	margin-right: 1em;
}

div.webex_dd_form {
	width: 60%; 
}

div.webex_lookup {
	clear: both;
	margin-bottom: 5px;
}

select {
	border: solid 1px #aaa;
	padding: 5px;
  border-radius: 5px;
	width: 100%;
}



input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea {
	width: 100%;
  border-top: 1px solid #888;
  border-left: 1px solid #888;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-radius: 8px;
	font-size: 1.2em;
	padding: 4px;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password] {
  width: 70%;
}

input.medium[type=text],
input.medium[type=email],
input.medium[type=url],
input.medium[type=password] {
  width: 40%;
}

input.short[type=text],
input.short[type=email],
input.short[type=url],
input.short[type=password] {
  width: 20%;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 0;
/*  border-color: #4697e4; */
}

@media (max-width: 640px) {
  form > div {
    margin: 0 0 5px 0; 
  }
  form > div > label,
  legend {
	  width: 100%;
    float: none;
    margin: 0 0 5px 0;
  }
  form > div > div,
  form > div > fieldset > div {
    width: 100%;
    float: none;
  }
  input[type=text],
  input[type=email],
  input[type=url],
  input[type=password],
  textarea,
  select {
    width: 100%; 
  }

	input.medium[type=text],
	input.medium[type=email],
	input.medium[type=url],
	input.medium[type=password] {
		width: 75%;
	}

	input.short[type=text],
	input.short[type=email],
	input.short[type=url],
	input.short[type=password] {
		width: 50%;
	}

  div.webex_dd_form {
    width: 100%; 
  }


	.prize_list td.numeric_value {
		text-align: left;
		padding-right: 0;
	}

	/* Force table to not be like tables anymore */
	.prize_list table, thead, tbody, th, td, tr { 
		display: block; 
	}

	.prize_list table { 
		width: 98%;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.prize_list thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.prize_list tr { 
		border-bottom: 1px solid #ccc; 
		padding-bottom: 5px;
	}
	
	.prize_list td { 
		/* Behave  like a "row" */
		border: none;
/*		border-bottom: 1px solid #eee; */
		position: relative;
		padding-left: 20%; 
		width: 96%;
	}
	
	.prize_list td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		left: 6px;
		width: 15%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/* 	Label the data 	*/
	#major_list td:nth-of-type(1):before { content: "ID:"; }
	#major_list td:nth-of-type(2):before { content: "Name:"; }

	#minor_list td:nth-of-type(1):before { content: "ID:"; }
	#minor_list td:nth-of-type(2):before { content: "Name:"; }

	#minor_list tr { 
		border-bottom: none; 
	}

	#minor_list tr.paired_row_second { 
		border-bottom: 1px solid #ccc;
	}
	
	#minor_list tr.paired_row_second td:nth-of-type(1) { display: none; }
	#minor_list  tr.paired_row_second td:nth-of-type(2):before { content: "1st:"; }
	#minor_list  tr.paired_row_second td:nth-of-type(3):before { content: "2nd:"; }
	#minor_list  tr.paired_row_second td:nth-of-type(4):before { content: "3rd:"; }
	#minor_list  tr.paired_row_second td:nth-of-type(5):before { content: "4th:"; }
	#minor_list  tr.paired_row_second td:nth-of-type(6):before { content: "5th:"; }
	#minor_list  tr.paired_row_second td:nth-of-type(7):before { content: "6th:"; }
	#minor_list  tr.paired_row_second td:nth-of-type(8):before { content: "7th:"; }
	#minor_list  tr.paired_row_second td:nth-of-type(9):before { content: "8th:"; }
	#minor_list  tr.paired_row_second td:nth-of-type(10):before { content: "9th:"; }
	#minor_list  tr.paired_row_second td:nth-of-type(11):before { content: "10th:"; }

	#minor_list  tr.paired_row_second td:empty { display: none; }

	.webex_entry_table td.numeric_value {
		text-align: left;
		padding-right: 0;
	}
/*	
	.webex_entry_table tr { 
		border-bottom: 1px solid #ccc;
	}
*/	
	.webex_entry_table th:nth-of-type(2) { display: none; } 
	.webex_entry_table th:nth-of-type(3) { display: none; } 
	.webex_entry_table td:nth-of-type(3):before { content: "Entries: "; } 
	.webex_entry_table td:nth-of-type(4) { border-bottom: 1px solid #ccc; overflow: hidden; padding-bottom: 5px;} 
	
}



@media (min-width: 640px) {
  form > div > label,
	legend {
  	text-align: right;
  }
	
}