body {
	margin:0px;
	padding:0px;
	text-align:center;
	background-image:url('/imgs/background_ramp.gif');
	background-repeat:repeat-x;
	color:#009999;
}

/* ================================================
 * DEFAULT
 * ================================================
 */

body, td, input, textarea, select, option {
	font-family: arial;
    font-size: 11px;
}

h2 {
	font-size:16px;
}

input.button, button {
	background-color: #B2D8D9;
	color:#ffffff;
	border:0px;
}

a:link,
a:active,
a:visited,
a:hover {
	color:#009999;
}

/* ====== GENERIC TABLE VIEW ======== */

td.header {
	padding:10px 4px 6px 4px;
	font-weight:bold;
	background-color:#42dada;
	text-align:center;
}

td.dataEven {
	border:1px solid #ffffff;
	background-color:#e7fff3;
	padding:16px;
}

td.dataOdd {
	border:1px solid #ffffff;
	background-color:#edffff;
	padding:16px;
}


/* ================================================
 * PAGE
 * ================================================
 */

div.page {
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width: 870px;
}


div.content {
	width: 868px;
	background-color:white;
	border-left:1px solid #99CCCC;
	border-right:1px solid #99CCCC;
}

div.contentPadding {
	padding:0px 12px 0px 7px;
}

/* DISPLAY NAME */
a.displayName:link,
a.displayName:active,
a.displayName:visited,
a.displayName:hover {
	color:#cc3300;
 	font-size:11px;
 	font-weight:bold;
}

/* ===========================================
 * HEADER
 * ===========================================
 */

div.header {
	width:858px;
	height:73px;
	background-image:url('/imgs/header_top.gif');
}

div.headerMargin {
	padding-left:2px;
}

a.projectNav:link,
a.projectNav:active,
a.projectNav:visited,
a.projectNav:hover 
{
	color:#33cc99;
 	font-size:12px;
 	font-weight:bold;
 	padding-right:18px;
}
a.projectNav:hover { 
	color:#66ff99;
}

a.projectNavHome:link,
a.projectNavHome:active,
a.projectNavHome:visited,
a.projectNavHome:hover 
{
	color:#66ff99;
 	font-size:12px;
 	font-weight:bold;
 	padding-right:18px;
}
a.projectNavHome:hover { 
	color:#33cc99;
}

form.loginForm {
	margin:0px;
	padding:0px;
	display:inline;
}

a.join:link,
a.join:active,
a.join:visited,
a.join:hover {
	color:#006666;
 	font-size:12px;
 	padding-right:32px;
}

span.memberLogin {
	font-size:12px;
	color:#006666;
}

span.loginDisplayName,
a.loginDisplayName:link,
a.loginDisplayName:active,
a.loginDisplayName:visited,
a.loginDisplayName:hover {
	font-size:12px;
	color:#CC6633;
}

a.logout:link,
a.logout:active,
a.logout:visited,
a.logout:hover {
	color:#006666;
 	font-size:11px;
 	padding-right:42px;
}
a.logout:hover {
}

span.instructions {
	color: #666666;
}

div.error {
	color:red;
	background-color:yellow;
	border:1px solid red;
	padding:2px;
	margin-bottom:6px;
	width:400px;
}

/* =========================================================
 * TEXT
 * =========================================================
 */

 
span.requirements {
	color:#999999;
}

a.sortLink:link,
a.sortLink:active,
a.sortLink:visited,
a.sortLink:hover {
	color:#006666;
}

/* ============================================
 * HOME PAGE
 * =============================================
 */

#tabContent a:link,
#tabContent a:active,
#tabContent a:visited,
#tabContent a:hover {
	color: #CC6633;
}

td.tabImage {
	vertical-align:top;
}

td.tabDescription {
	padding-top:12px;
	padding-left:4px;
	vertical-align:top;
}

h2.homepageToutHeading {
	color:#006666;
	font-size:14px;
	padding-left:8px;
}

h2.homepageToutHeading a:link,
h2.homepageToutHeading a:active,
h2.homepageToutHeading a:visited,
h2.homepageToutHeading a:hover {
	color:#006666;
}

h2.homepageToutHeading a:hover {
	color:#33cc99;
}

h4.projectTitle {
	padding:0px;
	margin:0px;
	font-size:12px;
}

h4.projectTitle a:link,
h4.projectTitle a:active,
h4.projectTitle a:visited,
h4.projectTitle a:hover {
	color:#cc6600;
	font-size:12px;
}
h4.projectTitle a:hover {
	color:#ff9933;
}

div.cardPadding {
	padding:6px 6px 6px 6px;
}

div.cardTop {
	width:225px;
	height:52px;
}

div.cardTitle {
	height:30px;
}

div.cardStage {
	padding-bottom:12px;
}

span.cardStageHeading {
	color:#339999;
	font-weight:bold;
}

span.cardStageValue {
	color:#66CCCC;
	font-weight:bold;
}

div.cardShowrunner {
	padding-bottom:12px;
}

span.cardShowrunnerHeading {
	color:#339999;
}

a.cardShowrunnerDisplayName:link,
a.cardShowrunnerDisplayName:active,
a.cardShowrunnerDisplayName:visited,
a.cardShowrunnerDisplayName:hover {
	color:#cc6633;
 	font-size:10px;
 	font-weight:bold;
 	text-transform:uppercase;
}
a.cardShowrunnerDisplayName:hover {
	color: #ff9933;
}


div.cardGenre {
	color:#66CCCC;
}

span.cardTimeRemainingHeader {
	font-weight:bold;
	font-size:9px;
}

span.cardTimeRemaining {
	color:#cc6633;
	font-size:9px;
}

/* ====== PRODUCTION TOUT ====== */

td.homepageToutLeft {
	vertical-align:top;
	width:463px;
	height:285px;
	background-image:url('/imgs/home/touts/homepageLeftToutBackground.gif');
}

td.homepageToutRight {
	vertical-align:top;
	width:384px;
	height:285px;
	background-color:#F0FFFD;
}

a.productionTitle:link,
a.productionTitle:active,
a.productionTitle:visited,
a.productionTitle:hover {
	color:#cc6600;
	font-weight:bold;
}
a.productionTitle:hover { 
	color:#ff9933;
}

span.toutGenre {
	color:#66cccc;
	font-size:10px;
}

/* ==== ADS === */

div.homepageAdTop {
	background-image:url(/imgs/home/touts/homepageAdTop.gif);
	width:382px;
	height:28px;
	margin-bottom:1px;
}

div.homepageAdTop h4 {
	padding:7px 0px 0px 7px;
	margin:0px;
	font-size:13px;
	color:#006666;
}


div.homepageAdBottom {
	width:382px;
	height:200px;
}

/* ============================================
 * PROJECT PAGE
 * =============================================
 */

#linkRegwall, #submissionRegwall {
	padding:0px;
	margin:0px;
}

h1.projectTitle {
	color:#CC6600;
	font-size:14px;
}

a.projectTitle:link,
a.projectTitle:active,
a.projectTitle:visited,
a.projectTitle:hover {
	color:#cc6600;
	font-size:12px;
}
a.projectTitle:hover { color:#ff9933; }

span.genre {
	color:#33CCCC;
}

h4.boxHeader {
	color:#006666;
	font-size:12px;
	margin:0px;
	padding:0px;
	padding-bottom:12px;
}

div.leftBox {
	width:292px;
}

div.leftfilledBox {
	width:292px;
	background-color:#6DE3E2;
}

div.leftBoxPadding {
	padding:10px 16px 10px 16px;
}

a.orange:link,
a.orange:active,
a.orange:visited,
a.orange:hover {
	color:#CC6633;
}

a.orange:hover {
	color: #ff9933;
}

span.orange {
	color:#CC6633;
}

/* MIN HEIGHT HACK */

div.profileShowrunnerBlog {
	width:545px;
	background-image:url('/imgs/project/showrunner_blog_gradient.gif');
	background-position:center bottom;
	background-repeat:no-repeat;
	min-height:195px;
	height:auto !important;
	height:195px;
}

table.submission {
	width:543px;
}

table.submission td.stageLeft {
	width:64px;
}

span.stageTitle {
	font-weight:bold;
	font-size:14px;
}

table.submission div.stage {
	width:138px;
	height:35px;
	border-bottom:3px solid #33cccc;
	border-top:1px solid #33cccc;
	border-left:2px solid #33cccc;
}

table.submission div.stageStatus {
	width:273px;
	height:35px;
	border-bottom:3px solid #33cccc;
	border-top:1px solid #33cccc;
}

table.submission div.stageRight { 
	width:63px;
	height:35px;
	border-bottom:3px solid #33cccc;
	border-top:1px solid #33cccc;
	border-right:1px solid #33cccc;
}

/* ====================================================
 * RATING PAGE
 * ====================================================
 */
 
h1.projectTitle a:link,
h1.projectTitle a:active,
h1.projectTitle a:visited,
h1.projectTitle a:hover 
{
	color:#cc6600;
	font-size:14px;
}
h1.projectTitle a:hover { color:#ff9933; }

div.ratingHeaderBanner {
	width:831px;
	height:86px;
	margin-top:39px;
	background-image:url('/imgs/rating/rating_top_banner.gif');
}

div.ratingHeaderText {
	color:#ffffff;
	padding:14px 0px 0px 508px;
	width:260px;
}

div.ratingHeaderContent {
	width:829px;
	border-left:1px solid #66cccc;
	border-right:1px solid #66cccc;
}

div.ratingHeaderContentPadding {
	padding:5px 4px 0px 7px;
}

td.ratingContent {
	width:520px;
	vertical-align:top;
}

td.ratingColumn {
	width:298px;
	background-color:#a5ffff;
	vertical-align:top;
}

div.ratingBox {
	width:298px
}

div.ratingBoxModule {
	width:298px;
	height:170px;
}

#starvalue {
	width:30px;
	padding-top:2px;
	padding-left:12px;
	color:white;
	font-size:12px;
	font-weight:bold;
}

div.ratingBoxPadding {
	padding-left:9px;
}

td.newSubmissionRowEven {
	background-color:#e7fff3;
	padding:18px;
}

td.newSubmissionRowOdd {
	background-color:#edffff;
	padding:16px;
}

/* old */

table.ajaxRating td {
	vertical-align:top;
}

div.ajaxRatingSubmission {
	width:492px;
	min-height:95px;
	height:auto !important;
	height:95px;
}

div.ajaxRatingSubmissionPadding {
	padding:8px;
}

/* ====================================================
 * SUBMISSION TABLE
 * ====================================================
 */

td.submissionColumnHeaderWhite {
	width:512px;
	border:1px solid #42dada;
	font-size:16px;
	font-weight:bold;
	color:#009999;
	padding:12px 10px 10px 10px;
}

td.submissionColumnHeader {
	width:512px;
	text-align:right;
	color:white;
	background-color:#42dada;
	padding:12px 10px 10px 10px;
	font-weight:bold;
}

td.displayNameColumnHeader {
	width:138px;
	background-color:#42dada;
	color:#006666;
	padding:12px 10px 10px 10px;
	text-align:center;
	font-weight:bold;
}

td.ratingColumnHeader {
	width:82px;
	background-color:#42dada;
	color:#006666;
	padding:12px 10px 10px 10px;
	text-align:center;
	font-weight:bold;
}

td.dateSubmittedColumnHeader {
	width:90px;
	background-color:#42dada;
	color:#006666;
	padding:12px 10px 10px 10px;
	text-align:center;
	font-weight:bold;
}

td.submissionRowEven {
	background-color:#e7fff3;
	padding:16px 10px 16px 10px;
}

td.submissionRowOdd {
	background-color:#edffff;
	padding:16px 10px 16px 10px;
}

img.sortImage {
	padding:0px 0px 0px 10px;
}

/* ====================================================
 * USER BANNER
 * ====================================================
 */

table.userBanner {
	width:100%;
	height:85px;
}

table.userBanner a:link,
table.userBanner a:active,
table.userBanner a:visited,
table.userBanner a:hover
{
	color:#ffffff;
}

/* ===================================================
 * PROFILE
 * ===================================================
 */

a.profileEditLink:link,
a.profileEditLink:active,
a.profileEditLink:visited,
a.profileEditLink:hover 
{
	color:#cc6600
}

/* ====================================================
 * LIST OPEN PROJECTS PAGE
 * ====================================================
 */

td.endDateDataCol {
	width:101px;
	color:#ffffff;
	font-weight:strong;
	border-top:1px solid #66cccc;
	text-align:center;
}

td.showrunnerDataCol {
	width:115px;
	color:#ffffff;
	text-align:center;
	border-top:1px solid #66cccc;
}

td.showrunnerDataCol a:link,
td.showrunnerDataCol a:active,
td.showrunnerDataCol a:visited,
td.showrunnerDataCol a:hover 
{
	color:#ffffff;
} 
 
td.stageDataCol {
	width:77px;
	color:white;
	border-top:1px solid #66cccc;
	text-align:center;
}

/* ==== COMPLETED PROJECTS LIST ===================== */

td.completedProjectsShowrunner {
	width:94px;
	background-color:#2edada;
	text-align:center;
}

td.completedProjectsShowrunner a:link,
td.completedProjectsShowrunner a:active,
td.completedProjectsShowrunner a:visited,
td.completedProjectsShowrunner a:hover 
{
	color:#cc6633;
	font-weight:bold;
	t/ext-transform:uppercase;
}

td.completedProjectsShowrunner a:hover {
	color:#ff9933;
	t/ext-transform:uppercase;
}


td.completedProjectsDate {
	width:94px;
	color:#cc3300;
	background-color:#2edada;
	text-align:center;
}

div.bookLink {
	height:69px;
	cursor:pointer;
	cursor:hand;
}

/* ====================================
 * SUBMISSION PAGE
 * ====================================
 */
a.projectTitleLink:link,
a.projectTitleLink:active,
a.projectTitleLink:visited,
a.projectTitleLink:hover {
	color:#cc6600;
	font-size:14px;
	font-weight:bold;
}
a.projectTitleLink:hover { color:#ff9933; }

/* ====================================================
 * FOOTER
 * ====================================================
 */

div.footer {
	color: #8ab2b2;
	padding:18px 0px 18px 16px;
}

div.footer a:link,
div.footer a:active,
div.footer a:visited,
div.footer a:hover {
	color: #8ab2b2;
}

div.info {
	padding-left:6px;
	width:600px;
	font-size:12px;
}

/* show links */

div.info a,
div.info a:link,
div.info a:active,
div.info a:visited,
div.info a:hover 
{
	color:#CC6633;
}

a.whiteLink:link,
a.whiteLink:active,
a.whiteLink:visited,
a.whiteLink:hover 
{
	color:#ffffff;
}

a.staff:link,
a.staff:active,
a.staff:visited,
a.staff:hover 
{
	font-size:12px;
	font-weight:bold;
}

/* ======== PAGINATION =========== */

div.pagerContainer {
	font-size:12px;
	text-align:right;
	padding:10px;
	padding-right:40px;
}

div.pagerContainer a:link,
div.pagerContainer a:active,
div.pagerContainer a:visited,
div.pagerContainer a:hover {
	font-size:12px;
	color:#ff6633;
}

/* ======= ADMIN ================== */
h2.adminCategory {
	font-size:18px;
}
h2.adminProjectTitle {
	color:#cc6600;
	font-size:16px;
}
h2.adminPage {
	font-size:14px;
}