/* code form styles */
#codeform {background-color: #DE3C42; font-size: 11px; font-family: Verdana, Arial, Trebuchet, Sans-Serif; width: 570px; border: 1px outset #AE0C12; color: #FFF;}
#codeform .header {background-color: #AE0C12; padding: 4px;}
#codeform .register {background-color: #FFD2D2; color: #000000; padding: 5px;}
#codeform img {padding: 0; margin: 0; vertical-align: middle;}
#codeform input, select, textarea {font-size: 1em; font-family: Verdana, Arial, Trebuchet, Sans-Serif;}
#codeform table { font-size: 11px; font-family: Verdana, Arial, Trebuchet, Sans-Serif; color: #FFF; width: 100%;}
#codeform optgroup { padding-left: 2px;}
#codeform optgroup option { padding: 1px 1px 1px 7px;}

#codeformtbl {background-color: #DE3C42; font-size: 11px; font-family: Verdana, Arial, Trebuchet, Sans-Serif; color: #FFF;}
#codeformtbl .footer {background-color: #CE2C32;}

#codeformframe {background-color: #DE3C42;}

/* code listing styles */
#codekey {background-color: #FFFFFF; color: #000; font-size: 11px; font-family: Verdana, Arial, Trebuchet, Sans-Serif; width: 560px; border: 1px solid black; padding: 0 5px;}

#codelist {background-color: #FFFFFF; color: #000; font-size: 11px; font-family: Verdana, Arial, Trebuchet, Sans-Serif; width: 570px; border-bottom: 1px solid #CCC;}
#codelist .header {background-color: #AE0C12; color: #FFFFFF;}
#codelist .header td {padding: 5px;}
#codelist .subhead td {font-weight: bold; text-decoration: underline;}
#codelist .filters {background-color: #FFEEEE;}
#codelist a:hover {font-weight: bold;}

.code_listing {border: 1px solid #BBB; border-width: 1px 0 0 0; padding: 2px 0; margin: 0; font-family: Verdana, Arial, sans-serif; width: 100%;}
.code_status {height: 100%; width: 20px;}
.code_code {height: 60%; font-size: 120%; font-weight: bold; width: 230px; vertical-align: top;}
.code_special{height: 40%; font-size: 100%; font-style: italic;}
.code_lastuse {height: 55%; font-size: 100%; width: 260px;}
.code_purpose {height: 45%; font-size: 100%; color: #666;}
.code_commentcnt {height: 23px; width: 32px; padding: 1px 0 0 0; font-size: 100%; font-weight: bold; text-align: center; background: url('/images/comment_bg.png') no-repeat;}
.code_commentcnt a {color: #000088;}
.code_trend {height: 35%; width: 35px; font-size: 75%; text-align: center;}
	
.codelink {color: #000088; text-decoration:underline;} 
.expired-code { background-color: #FF9999 !important; } 
.new-code {background-color: #FFFF99;} 
.working-code {background-color: #99FF99;} 
.failing-code {background-color: #FFCCCC;} 

.codecol img {padding: 0 2px 1px 0 !important; margin: 0 !important;} 
.expired, .failed {display: none;}
.expired {background-color: #FFCCCC;}
.new {background-color: #FFFF99;}
.ad {background-color: #FFDD77;}

/* code history styles */
#codehistory {background-color: #FFF; color: #000; font-size: 12px; font-family: Verdana, Arial, Trebuchet, Sans-Serif; width: 500px; padding: 5px; text-align: left;}
#codehistory h1 {font-size: 100%; font-weight: bold; padding: 5px; margin: 0; }
#codehistory .code {font-size: 135%;}
#codehistory .codeinfo {background-color: #FFF8F8; color: #000000; margin: 0 0 7px 0; padding: 5px; border: 1px solid black;}
#codehistory .header {background-color: #AE0C12; color: #FFFFFF; margin: 0 0 7px 0;}
#codehistory .subheader {background-color: #DE3C42; color: #300; padding: 4px;}
#codehistory .subheader a {color: #633; text-decoration: underline; font-weight: bold;}
#codehistory .subheader img {vertical-align: top;}
#codehistory table {font-size: 12px; font-family: Verdana, Arial, Trebuchet, Sans-Serif; width: 100%; }
#codehistory table .heading {background-color: #EEE2E2; color: #333333;}
#codehistory table .heading td {font-weight: bold; text-decoration: underline;}

#codehistorytable, #moviehistorytable, #unusedcodetable {font-size: 11px !important;}

#usercode-history, #usercode-unused, #usermovie-history, #code-history-update, 
#comment-history, #location-history, #state-history, #full-history {margin: 0 0 7px 0; border: 1px solid #220000;}
#new-comment {padding: 10px;}

.noaccess {border: 1px solid #666666; padding: 5px; background-color: #FFFFCC;}

/* style to dim page */
#dimscreen {
	position: absolute;
	width:100%;
	height:100%;
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
	background-color: #000;
	visibility: hidden;
}

.ad-codehistory {background-color: #FFFFCC; border: 1px solid black; padding: 5px 15px; margin-bottom: 7px;}