/* this is good below here */

body {margin:0px; background-color:#ffffff;}
.t1 {margin-top: 0px; margin-bottom: 15px; border-bottom: 1px solid #cde6e8; border-right: 1px solid #cde6e8; background-color: #ffffff; font: 10pt verdana,arial,san-serif; width: 100%;}
.t1 .header {border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 8px; background-color: #dddddd; font: bold 8pt tahoma,arial,san-serif; color: #333333;}
.t1 .header_special {background-color: #dddddd; font: bold 8pt tahoma,arial,san-serif; color: #333333;}
.t1 .label {border-bottom: 1px solid #999; padding: 8px; background-color: #cde2e8; font: bold 8pt tahoma,arial,san-serif; color: #000;}
.t1 .label_ad {
	border-bottom: 1px solid #999;
	padding: 8px 8px 8px 30px;
	font: bold 8pt tahoma,arial,san-serif;
	color: #000;
	background: #cde2e8 url(images/tab_ad.gif) no-repeat;
}
.t1 .label_film {
	border-bottom: 1px solid #999;
	padding: 8px 8px 8px 30px;
	font: bold 8pt tahoma,arial,san-serif;
	color: #000;
	background: #cde2e8 url(images/tab_film.gif) no-repeat;
}
.t1 .label_mobile {
	border-bottom: 1px solid #999;
	padding: 8px 8px 8px 30px;
	font: bold 8pt tahoma,arial,san-serif;
	color: #000;
	background: #cde2e8 url(images/tab_mobile.gif) no-repeat;
}
.t1 .label_web {
	border-bottom: 1px solid #999;
	padding: 8px 8px 8px 30px;
	font: bold 8pt tahoma,arial,san-serif;
	color: #000;
	background: #cde2e8 url(images/tab_web.gif) no-repeat;
}
.t1 .label img {
	padding-right: 10px;
	margin: -8px 0px -8px -8px;
}
/* .plain { font: normal 8pt tahoma,arial,san-serif; color: #333;} */
.plain { font-weight: normal;}
.t1 .label_right {vertical-align: top; width: 85px; border-right: 1px solid #666; padding: 8px; background-color: #cde2e8; text-align: right; white-space: nowrap; font: bold 8pt tahoma,arial,san-serif; color: #333;}

.t1 .label_right2 {vertical-align: top; width: 100px; border-right: 1px solid #666; padding: 8px; background-color: #cde2e8; text-align: right; white-space: nowrap; font: 8pt tahoma,arial,san-serif; color: #333;}

.t1 .label_center {padding: 8px; background-color: #cde2e8; text-align: center; white-space: nowrap; font: bold 8pt tahoma,arial,san-serif; color: #333;}
.t1 .content {padding: 8px; background-color: #f9f9f9; font: 8pt tahoma,arial,san-serif;}
.t1 .content_form_element {padding: 5px; background-color: #e8f0f1; font: 8pt verdana,arial,san-serif; vertical-align: middle;}
.t1 .content_form_element_alt {padding: 10px; background-color: #e8f0f1; font: 8pt verdana,arial,san-serif; vertical-align: top;}
.t1 .content_form_element_small {padding: 10px 5px; background-color: #e8f0f1; font: 8pt tahoma,arial,san-serif; vertical-align: top;}
.t1 .content_buttons {border-top: 1px solid #cccccc; padding: 5px; background-color: #fcfcfc; font: 8pt tahoma,arial,san-serif;}

.t2 {border: 0px solid #ccc; margin-left: 0px;}
.t2 .category_title {
	background: #FFFFE1;
}
.t2 .category_title img {
	margin: 0px 10px -2px;
}
.t2 .label_right {width: 175px; padding: 5px; background: #f9f9f9; border-right: 1px solid #cde6e8; border-top: 0px solid #cde6e8;}
.t2 .label_right2 {width: 120px; padding: 5px; background: #f9f9f9; border-right: 1px solid #cde6e8; border-top: 0px solid #cde6e8;}

.t2 .content {padding: 5px; background: #f9f9f9; border-top: 0px solid #cde6e8;}
.t2 .content2 {border: 1px solid #ddd; padding: 6px; background: #eef6f7; text-align: right; font-weight: bold;}
.t2 .content3 {width: 175px; padding: 5px; background: #f9f9f9; border-top: 0px solid #cde6e8; font-weight: bold;}

.button {background-color: #ffeecc; border: 1px solid #666666; font: 8pt tahoma,arial,san-serif; padding: 3px;}
input.textbox, input.form_element, input.t1_form_element {background-color: #ffffff; font: 10pt verdana,arial,san-serif; padding: 2px;}
select {background-color: #ffffff; font: 10pt verdana,arial,san-serif; padding: 1px;}

p {margin-top: 6px;}
.subtitle1 {font: bold 12pt trebuchet ms; color: #cc3333; margin-bottom: 0px;}
.section_title {font-weight: bold; color: #cc3333; margin-top: 8px; margin-bottom: 8px;}
.section_title2 {font-weight: bold; margin-top: 8px; margin-bottom: 8px;}
.section_supertitle {font-size: 10pt; font-weight: bold; color: #333; margin-top: 8px; margin-bottom: 8px;}

td.sponsor_description {padding-top: 10px;}
.more {font-family:verdana,arial,san-serif; font-size:9px; font-weight:bold; text-decoration:none;}

h3, h4 {color: #c33; font-size: 99%; padding-bottom: 0px; margin-bottom: 0px;}
h1 {font: 19pt tahoma,arial,san-serif; color: #000;}
h2 {font: bold 10pt verdana,arial,san-serif; color: #333;}
h5 {font-weight: bold; color: #cc3333;}
body, p, ul, td {font: 8pt verdana,arial,san-serif;}

.col1 {width: 170px; padding: 22px 10px 25px 15px; background: #e8f0f1; vertical-align: top;}
.col2 {width: 550px; padding: 22px 20px 45px 10px; background: #eef6f7; text-align: left; vertical-align: top;}
.col3 {width: 160px; padding: 26px 10px 25px 10px; background: #cde6e8; vertical-align: top;}
.col2merch {width: 548px; padding: 1px 0px 45px 0px; background: #eef6f7; text-align: left; vertical-align: top;}
.col1merch {width: 175px; padding: 22px 15px 25px 15px; background: #e8f0f1; vertical-align: top;}

.col1_alt {width: 170px; padding: 22px 10px 25px 15px; background: #A7C4D8; vertical-align: top;}
.col2_alt {width: 550px; padding: 22px 10px 45px 10px; background: #C8DBE8; text-align: left; vertical-align: top;}
.col3_alt {width: 160px; padding: 26px 10px 25px 10px; background: #A7C4D8; vertical-align: top;}

.search_input {border: 1px solid #666;}

/* this doesn't work yet */
table.main {width: 720px;}

a {color: #003366;}
a:hover {color: #ba3516;}

.hack1 {padding-top: 8px;}
.hack2 {font: bold 8pt tahoma,arial,san-serif; color: #c33; margin-bottom: 0px;}
.hack3 {margin-right: 12px;}
.hack4 {margin-bottom: 15px; margin-top: 3px;}
.hack5 {color: #C8DBE8;}
.hack6 {padding: 20px 10px 10px 10px;}
.hack7 {padding-left: 8px;}
.hack8 {border: 1px; width: 20px; padding: 10px 5px; height: 100%;}
.hack9 {margin-bottom: 5px; margin-top: 3px;}

p.indented {margin-top: 10px; margin-left: 15px; margin-right: 15px;}
p.error, .error {color: red; font-weight: normal;}
.form_error {color: red;}
.r1 {color: #c33; font-weight: bold;}

div.indented {margin-left: 20px;}
form {margin: 0px;}

.calendar-hilite {background-color: #cde6e8;}
img.sponsor_logo {border: 1px solid #000;}

p.trademark_info {font: 7pt tahoma,arial,san-serif;}

.date_and_time {font: 7pt tahoma,arial,san-serif; color: #387A8A;}

.tcg_logo {padding: 4px; border: 1px solid #ccc;}

.question {font: bold 8pt verdana,arial,san-serif; color: #c33;}
.answer {margin: 10px 20px;}



/* CFE styles */
ul.entrySummary { 
	margin: 0px;
	padding: 10px 0px 10px 16px;
}
ul.entrySummary li {
	margin-left: 0px;
	padding-left: 0px;
	list-style-position: outside;
	list-style-type: square;
	color: #666;
}

/* lower priority b/c they didn't ask for them */
/* hanging indent */
/* line up checkboxes with category names */

/* almost done but breaks alphabetical ordering */
/* special categories */

/* almost done */
/* three-table thing for review */

/* for discussion today */
/* make entry process more cart-friendly */

td.nav_home {padding-left: 20px; padding-right: 10px; text-align: left;}
td.nav_about {padding-left: 10px; padding-right: 5px; text-align: left;}
td.nav_webby {padding-left: 5px; padding-right: 5px; text-align: left;}
td.nav_event {padding-left: 5px; padding-right: 5px; text-align: left;}
td.nav_webbyglobal {padding-left: 5px; padding-right: 5px; text-align: left;}
td.nav_enter {padding-left: 5px; padding-right: 5px; text-align: left;}
td.nav_store {padding-left: 5px; padding-right: 5px; text-align: left;}
td.nav_press {padding-left: 5px; padding-right: 5px; text-align: left;}
td.nav_sponsors {padding-left: 5px; padding-right: 5px; text-align: left;}
td.nav_academy {padding-left: 5px; padding-right: 10px; text-align: left;}


.top_10_number { 
                 font: bold 36pt trebuchet ms;
                 line-height: 36pt;
              }              
h1.top_10 {
            font: bold x-large trebuchet ms;
            text-transform: lowercase;
            }
h2.top_10 {
            font: bold 13px tahoma,arial,san-serif;
/*             color: #ba3516; */
            color: #cc3333;
            margin: 0px;
            text-transform: uppercase;
                }
h3.top_10 {
            font: 11px tahoma,arial,san-serif;
            text-transform: uppercase;
            color: #333333;
            margin: 5px 0px 10px 0px;
                   }
img.top_10_image {
/*                    width: 100px;  */
/*                    height: 100px; */
                   border: 2px solid #003366;
                   padding: 2px;
                   margin-right: 20px;
                   float: left;
                }

.nav2 {list-style: square url(images/arrow_l2.gif); } 
.section_title3 {
	font: bold 14pt Geneva, Arial, Helvetica, sans-serif;
}


#ticketwizard {
	width: 100%;
}

#ticketwizard table p {
	margin-bottom: 5px;
	margin-top: 5px;
}

#ticketwizard .wizardgraphic {
	background-color: #DAEAEB;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
	
	
}
#ticketwizard table {
	margin-bottom: 20px;
	border: 1px solid #333;
	padding: 0px;
	width: 100%;
}
#ticketwizard ul {
	margin: 0px;
	padding: 0px;
}
#ticketwizard li {
	list-style: url(images/arrow_l2.gif) inside;
	padding-left: 10px;
}
#ticketwizard em {
	color: #CC3333;
	font-style: normal;
}
#ticketwizard th {
	text-align: left;
	background-color: #DAEAEB;
	border-bottom: 1px solid #999;
	padding: 6px;
	font-size: 12px;
}
#ticketwizard th strong {
	font-size: 10px;
}
#ticketwizard table table {
	border-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#ticketwizard table table th {
	padding: 0px;
	text-transform: uppercase;
	font-size: 12px;
	border-style: none;
}

#ticketwizard th.wizard-col2 {
	text-align: right;
	color: #C64231;
	font-size: 16px;
	width: 200px;
}
#ticketwizard td.wizard-col2 {
	text-align: right;
}
#ticketwizard th.wizard-col2 strong {
	font-size: 10px;
	color: #333;
	text-transform: uppercase;
	padding-right: 20px;
}
#ticketwizard table.guestinfo .tablehead {
	font-weight: bold;
	text-transform: uppercase;
	color: cc3333;
	font-size: 14px;
	background-color: #DAEAEB;
	border: none;
}
#ticketwizard table.guestinfo tr.labels {
	font-weight: bold;
	background-color: #DAEAEB;
	border-bottom: 1px solid #999;
}
#ticketwizard .guestinfo td {
}

#ticketwizard td {
	padding: 6px;
}
#ticketwizard .denoted {
	background-image: url(images/ticketing_star.gif);
	background-repeat: no-repeat;
	background-position: 2px center;
	padding-left: 20px;
}
.strike {
	text-decoration: line-through;
}

/* For things that aren't really links, but need to behave like links (i.e. cursor changes when hovering over them) for AJAX effects */
.altlink {
    cursor: pointer; 
}
 
 /* Tooltip AJAX popup styles, added by NFrench, 8/18/06 */
div.tooltip {
/*     display: none; */
	background-color: #FFFFCC;
	padding: 6px;
	width: 200px;
	border: 2px solid #333333;
}
div.tooltip h1 {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
div.tooltip p {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/*
div.tooltip .close { 
    display: none;
}
*/

.tipLink {
	color: #003366;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #003366;
    cursor: pointer;
}
.tipLink:hover {
	color: #CC3333;
	border-bottom: 1px dotted #CC3333;
}

.pane {
	background-color: #FFFFFF;
	padding: 10px;
}
h2.getStarted {
	color: #990000;
	font-family: tahoma,arial,san-serif;
	font-size: 20pt;
	text-transform: lowercase;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666666;
	margin-top: 20px;
	padding-top: 20px;
}

/* category buttons styles */

ul.media_buttons {
	display:block;
	list-style: none;
	text-align: center;
	margin: 0px;
	padding: 10px 0px;
}
ul.media_buttons li {
	display: inline;
	padding: 0px;
	margin: 0px;
}
#type_mobile {
	padding: 0px;
	margin: 0px;
}
ul.media_buttons li img {
	margin: 0px 10px;
}
li.web img, li.film img, li.ad img, li.mobile img {
    cursor: pointer;
}
img#type_advertising {
	margin: 0px;
}

.col2enter {
width: 550px; padding: 22px 10px 45px; background: #eef6f7; text-align: left; vertical-align: top;
}
a.tablink:link, a.tablink:visited, a.tablink:active  {
	color: #003366;
}
a.tablink:hover {
	color: #CC3333;
}
a.tablinkActive:link, a.tablinkActive:visited, a.tablinkActive:hover, a.tablinkActive:active {
	color: #333333;
	text-decoration: none;
}

.amb1 {font: 14pt verdana,arial,san-serif; color: #cc3333; font-weight: bold;}
.amb2 {font: 10pt verdana,arial,san-serif; color: #cc3333; font-weight: bold;}
.amb3 {font: 8pt verdana,arial,san-serif; color: #cc3333; font-weight: bold;}

hr {size: 1px; color: #cc3333; border: none;}



/*  Account login and Edit info styles */

#loginform {
	background: #CDE2E8;
	padding-top: 5px;
	padding-bottom: 5px;
}
#loginform fieldset {
	border-style: none;
}
#loginform fieldset legend {
	font-weight: bold;
	color: #333;
}
#loginform label {
	display: block;
}
#login_confirmation_code, #login_email {
	width: 150px;
	margin-bottom: 5px;
}
#loginButton {
	padding-left: 5px;
}
#entrantForm {
	background: #F9F9F9;
}
#entrantContactTable {
	width: 520px;
}
#entrantContactTable table {
	background: #F9F9F9;
	border-right: 1px solid #CDE2E8;
	border-bottom: 1px solid #CDE2E8;
	border-collapse: separate;
	border-spacing: 1px;
}
#entrantContactTable caption {
	font-size: 0.7em;
	font-weight: bold;
	text-transform: uppercase;
	color: C33;
	text-align: left;
	padding: 10px 10px 5px;
}
#entrantContactTable td {
	font-size: 10px;
	background: #E8F0F1;
	border-style: none;
}
#entrantContactTable td + * {
	padding: 0px 5px 0px;
}
#entrantContactTable td label {
	background: #CDE2E8;
	display: block;
	border-right: 1px solid #666;
	text-align: right;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#entrantContactTable td.formButton, #entrantContactTable td.formButton label {
	background: #F9F9F9;
	border: none;
}
#entriesInfo table {
	background: #F9F9F9;
	width: 520px;
	border-collapse: separate;
	border-spacing: 1px;
}
#entriesInfo caption {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
	text-align: left;
	display: block;
	background: #F9F9F9;
	padding: 10px 5px 5px;
}
#entriesInfo th {
	background: #CDE2E8;
	font-size: 11px;
	color: #333;
	border-bottom: 1px solid #666;
}
#entriesInfo td {
	background: #E8F0F1;
	padding: 5px;
}
#entriesInfo td.formButton {
	background: #F9F9F9;
}
#entriesInfo td.formButton input {
	width: auto;
}
#entriesInfo td input {
	width: 100px;
}
.processed_entries {
	background: #CDE2E8;
	padding: 5px;
}
.processed_entries h2 {
	margin: 0px;
	padding: 0px;
}
.processed_entries .entryTitle {
	font-weight: bold;
	display: block;
	list-style: none;
	margin: -1.25em 0px 0px -15px;
}
.processed_entries ol {
	padding: 20px 0px 0px;
	margin: 0px 0px 0px 20px;
}
.processed_entries ol li {
	margin: 0em;
	padding: 0px;
}
.processed_entries ol ul {
	margin: -1em 0px 2em 10px;
	padding: 0px;
	list-style: none;
}
.processed_entries ol ul li {
	margin: 0px;
	list-style: square;
}
#advertising_question {
	font-size: 1.2em;
	font-weight: bold;
	color: #444;
}
#advertising_question p {
	font-weight: normal;
	color: #000;
}
table.orderTableFoot {
	border-top: dotted 1px #333;
}
table.orderTableFoot img {
	float: right;
	padding-right: 10px;
}
.emphasis {
	text-decoration: underline;
}
.highlight {
	padding: 10px;
	background-color: #F8F5B7;
}
#login_info form#entrantForm {
	background: transparent;
}
.loginCaption {
	text-align: left;
	font-weight: bold;
	color: #BA3516;
	font-size: 1em;
	padding: 5px;
	background: #FFFFFF;
	border-right: 1px solid #CDE6E8;
}

/* CFE Account Login Styles */

.userId {
	font-weight: bold;
	color: #CC3333;
	font-size: 1.2em;
	display: block;
}
.userActions {
	list-style: none;
	display: block;
	float: right;
	margin: -1.6em 0px 2em;
	padding: 0px;
}
.userActions li {
	float: left;
	margin: 2px .25em 0;
}
.actionBtn {
	text-align: right;
	display: block;
}
/* new style to line up "Edit User/PW" button with left column info */ 
.actionBtn img {
	margin-top: 1.5em;
}
.btnRight {
	float: right;
	margin-top: -30px;
	padding-right: 25px;
}
/* changed margins and added a border 
.btnRight {
	display: block;
	text-align: right;
	margin-top: -5px;
	padding-bottom: 15px;
	border-bottom: 1px solid #CDE2E8;
	} 
*/
#entrantInfo h2 {
	display: block;
	clear: both;
	border-top: 1px solid #C1D4DA;
	padding-top: 10px;
}
.entryInfo {
	background: #F9F9F9;
	margin-bottom: 1em;
	width: 98%;
	border-right: 1px solid #CDE2E8;
	border-bottom: 1px solid #CDE2E8;
	padding: 2px;
}
.entryInfo th {
	background: #CDE2E8;
	text-align: left;
	font-size: 0.75em;
	color: #CC3333;
	padding: 5px 10px;
}
.entryInfo td {
	vertical-align: top;
	padding: 10px;
	line-height: 1.4em;
}
.entryInfo .creditsRow td {
	border-top: 1px dotted #999999;
}
.entryInfo dl {
	margin: 0px;
	padding: 0px;
}
.entryInfo dt {
	float: left;
	display: block;
	text-align: right;
	width: 6.5em;
	margin: 0px -0.5em 0px 0px;
}
.entryInfo dd {
	padding: 0px;
	margin: 0px 0px 0px 7.5em;
}

/* Added new styles for myaccount.php forms */
.notice {
	background: #CCFF99;
	padding: 1em;
	color: #003300;
}

/* Styles for 'Edit Password' form */
.updateLogin {
	background: #FFFF99;
	padding-top: 1em;
	display: block;
	clear: both;
	width: auto;
	margin: 0.5em 0em;
	padding-bottom: .5em;
}
.updateLogin label {
	display: block;
	width: 6.5em;
	text-align: right;
	float: left;
	margin: 0px;
	padding: .25em 0px 0px;
	clear: left;
}
.updateLogin input {
	margin: 0em 0em 0.5em .75em;
	padding: 0px;
	clear: right;
}
.updateLogin .updateButtons {
	display: block;
	padding-left: 7.5em;
}
.updateLogin .updateButtons input {
	margin: 0px;
	padding: 0px;
	clear: none;
}
.entryList dd {
	display: list-item;
	list-style: square inside;
}

/* Styles for 2 column layout */
#left {
	float:left;
	width: 30%;
	margin-right: 25px;
}