/* used for ALL NOPI Websites */

BODY
{
	margin: 0;
	padding: 0;
	background-color: #404040;
}
form {
	margin:0;padding:0;
}
TABLE {border-collapse:collapse;}


/****** links ******/
A {color: #ff0;	text-decoration: none;}
A:ACTIVE {	color: #ff0;	text-decoration: none;}
A:HOVER { color: #fff; text-decoration: underline;}

A.signupLink { color: #ff0 !important;}
A.signupLink:hover { color: #fff !important;}
A.webLink {color: #FF9900;}

.categoryLinks A {font-weight: 700; color: #fff;	text-decoration: none;}
.categoryLinks A:hover {font-weight: 700; color: #fff; text-decoration: underline;}

.datagrid A {color: #fff; text-decoration: none;}
.datagrid A:HOVER {color: #fff; 	text-decoration: underline;}

.descBox A {margin-top: 3px;	margin-bottom: 3px;	text-decoration: none;}
.descBox A:HOVER  {color: #fff;	text-decoration: underline;}

.navigation A {color: #fff; 	text-decoration: none;}
.navigation A:HOVER {color: #fff; text-decoration: underline;}


/****** text ******/
BODY, TD, .descBox A, .categorytitle, .title, .gomName
{font-family: Arial, Helvetica, Verdana;}

.dropDown, .dropDown2, .formField, .formFieldLarge, .formButton, .navigation, .searchDropDown
{font-family: Verdana, Arial, Helvetica;}

A.signupLink, A.signupLink:hover, .boldYellow, .categorytitle, .commentTitle, .commentUsername, .gomName, .whiteBold, .title
{font-weight: 700}

.categoryLinks {color: #292929;	padding-left: 10px;}

	/* white */
	.whiteBold, .descBox A  {color: #fff;}

	/* yellow */
	 .boldYellow, .commentTitle,.gomName {color: #ff0;}

	/* white */
	BODY, TD, .categorytitle, .dropDown2, .formButton, .instructions, .navigation, .title, .searchDropDown   {color: #fff;}

	/* gray */
	.descText  {color: #fff;}
	
	/* black */
	.tracecontent TD, TH, .formField, .dropDown, .formFieldLarge, .hotSpot  {color: #000;}

	/* 8 pt */
	TD, .descBox A, .dropDown, .dropDown2, .formField, .formFieldLarge, .formButton, .navigation, .searchDropDown
		{font-size: 8pt;}

	/* 12 pt */
	.categorytitle, .title {font-size: 12pt;}
	
	/* greater than 12 */
	.gomName {font-size: 16px;}

/****** floats ******/
.floatLeft {float:left;}
.floatRight {float:right;}

/****** borders  ******/
.attention {border: solid 2px #4B4B4B;}
.imgOutline1 {border: solid 1px #fff;}
.imgOutline2, .prevBox, .commentBox, #categoryDetail  {border: solid 1px #828181;}
#bioDetail {border-bottom: solid 1px #A9A7A7;
	border-right: solid 1px #A9A7A7;
	border-top: solid 1px #000;
	border-left: solid 1px #000;
	}
.imgOutline3 
{
	/* shadow effect - light source upper left */
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
}
.imgOutline4 
{
	/* shadow effect - light source lower right */
	border-top: solid 1px #000;
	border-left: solid 1px #000;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
}
.imgTitle {
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: solid 1px #A9A7A7;
	background-color: #666;
	border-bottom: solid 1px #3C3C3C;
}
.imgBox IMG {border: solid 1px #fff;}
 .loginCenterHead, .whiteLine,  {border-bottom: solid 1px #fff;} /* used for the image titles for the left content */

.datagrid TD {border: solid 1px #666;}
.formField, .formFieldLarge {border: solid 1px #CCC;}

.imgBorder1,.voteModelImgBorder {border: solid 4px #464646;}
.imgBorder2 {border: solid 1px #464646;}

.voteDivider {border-bottom: solid 1px #646464;}
.noUserContent {border: solid 1px #818181;}

.voteModelImg IMG
{
	border-top: solid 1px #fff;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
	border-left: solid 1px #fff;
}

#leftBar {border-right: solid 5px #2F2F2F;}
#rightBar {border-left: solid 5px #2F2F2F;}


/****** padding - top right bottom left ******/

/* box padding */
	.buttonBox {padding-top: 10px;padding-bottom: 10px;}
	.commentBox {margin: 10px 10px 0 10px;}
	.contentBox {padding: 5px 10px 0 10px;}
	.descBox {padding: 13px 20px 5px 5px;}/* used for each main description in the optional info on the left column */

/* navigation padding */
	.categoryNav {padding: 5px 10px 0 10px;}
	.commentNav {padding: 10px 10px 0 10px;} /* section above the comment box section */

/* image padding */
	.userImg {padding: 0 10px 10px 10px;}
	.thumbCenter {padding-top: 5px;padding-bottom: 5px;}

/* content padding */
	.voteContent {padding: 10px 15px 15px 0;}
	.voteModelContent {padding: 10px 15px 0 0;}

	#contentLeft {padding: 10px 0 10px 0;}
	#contentRight {padding-top:10px 0 10px 0;}
	#voteRight {padding-top: 10px 10px 10px 0;}

	.commentTitle {padding-top: 3px;	padding-bottom: 0;}
	.commentUsername {padding-top: 3px;	padding-bottom: 0;	}
	
/* 3 padding */
	.instructions {padding: 3px;}
	
/* 5 padding */
	TD.imgBorder2, .prevHead, #votingBox, .imgBox, .navigation, .voteHead {padding: 5px;}
	.leftInfo {padding-top: 5px;}

/*  10 padding */
	.contentBox2, .commentContent, .commentBox, .voteDetails, #voteLeft, #categoryDetail  {padding: 10px;}

/* 15 padding */
	.loginContent, .prevContent {padding: 15px;}

/* 20 padding */
	.bioContent, .noUserContent {padding: 20px;}

/***** background colors and images *****/
#content, .loginSide {background-color: #2a2a2a;}
.dropDown, .formFieldLarge, .formField  {background-color: #fff;}


.row1 {background-color: #111;}
.row2 {background-color: #383838;}
.searchDropDown,.instructions {background-color: #4B4B4B;}

#leftBar, #rightBar {background-color: #404040;}
.voteHead, .prevHead {background-color: #464646;}
.dropDown2 {background-color: #222;}

.grayLineBig,.grayLineSm {background-color: #646464;border-bottom: solid 1px #000; border-top: solid 1px #A9A7A7;}
.loginCenter, .loginCenterHead {background-color: #757575;}

.prevBox {background-image: url(../images/prevBoxBg.jpg)}

.commentFooter {
	border-top: solid 1px #666;
	padding: 3px 0 3px 0;
	color: #666;
}
.commentHeader {
	border-bottom: solid 1px #666;
	padding-top: 3px 0 0 3px;
}

.descBoxLink 
{
	/* left menu */
	border-bottom: solid 1px #630303;
	border-top: solid 1px #b76060;
	padding: 3px 0 3px 10px;
}


.formButton 
{
	/* used for INPUT boxes */
	background-color: #4B4B4B;
	border-top: solid 1px #777;
	border-left: solid 1px #777;
	border-right: solid 1px #2C2C2C;
	border-bottom: solid 1px #2C2C2C;
}


.imgBox {
	background-image: url(../images/lineBg.gif);
	border: solid 1px #480000;
	text-align: center;
}

.loginSide {
	background-image: url(/contest/members/images/loginBg.jpg);
	padding: 25px;
}

.loginSideHead
{
	background-color: #515151;
	border-bottom: solid 1px #fff;
}

.voteDetails {
	border: solid 1px #717171;
	background-color: #2F2F2F;
}

.voteImg {
	background-image: url(../images/lineBg.gif);
	border: solid 4px #464646;
}
.voteModelImg {
	background-image: url(/images/grayGrid.gif);
	border: solid 4px #000;
}

#contentLeft {
	border-right: solid 5px #f00;
	background-image: url(../images/contentLeft.gif);
}

#categoryDetail {
	background-image: url(../images/fadeBg.jpg);
	background-repeat: repeat-x;
	margin: 10px;
}
#bioDetail {
	padding: 30px;
	background-color: #900;
}
#votingBox {
	/*background-image: url(../images/honeycomb.gif);*/
	background-repeat: no-repeat;
}
.hotSpot {
	margin-right: 10px;
	margin-left: 10px;
	display: none; /* display:block if hotspots enabled */
}

/***** margins *****/
.textContent {margin: 10px 0 10px 0;}
.votedetails {margin-top: 10px;}

/***** heights and widths  *****/
.carImgContainer {height: 300px;	width: 410px;}
.formFieldLarge {
	width: 560px;
	height: 150px;
}
.grayLineBig {height: 7px;}
.grayLineSm {height: 3px;} 
.loginSideHead	{height: 35px;}
.modelThmContainer {height: 130px;}
.memberThmContainer {height: 75px;}

/* victor added */

.redLine {
	background-color: #900;
	border-bottom: solid 2px #BABABA;
	text-align:right;
	padding: 3px;
}
.redline input {
	font-size: 7pt;
	font-family: verdana, arial, helvetica;
}
/* google search box */
.topSearchInput {
	border: solid 2px #6A0201;
}
.topSearchBtn {
	background-color: #570000;
	color: white;
	border: solid 2px #6A0201;
}
.header { border-bottom: solid 1px #000;}

.footerTxt {color: #000;}
.footerTxt a {color: #000;}
.footerTxt a:hover {color: #999;}

.navigation
{
	padding: 5px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	color: #fff;
	background-color: #900;
	border-bottom: solid 2px #630303;
	border-top: solid 1px #B76060;
	background-image: url(/images/navbar.jpg);
}

.shady
{
	border-bottom: solid 1px #000;
}

.footerClass {color: #000	!important;}
a.footerClass {color: #000	!important;}
a.footerClass:hover {color: #999	!important;}
.hd {background-color:#900; font-weight:700;}
.ads {padding: 7px;}

.voteButton {
	font-weight:bold; 
	font-size: 11px; 
	border-top: solid 1px #B75758; 
	border-left: solid 1px #B75758; 
	border-bottom: solid 1px #000;
	border-right: solid 1px #000; 
	padding: 3px 2px 3px 2px;
	background-color: #900;
	color: white !important;
	font-family: Arial, Helvetica, Verdana;
}

.voteButton a {
	color: #fff !important;
}