/* General Style Info */

body {
	background: #707070;
	color: #000;
	font-family: verdana,helvetica,arial,sans-serif;
	font-size: 12px;
	margin: 0px;
	background-image:url(../img/background.jpg);
	background-repeat: no-repeat;
}

a {
	color: #000;
}

a:hover {
	color: #00B0EE;
	text-decoration: none;
}

a:visited {
	color: #000;
}

img {
	border: 0px;
}

h1 {
	color: #707070;
	font-size: 15px;
	margin: 0.1em 0;
}

h2 {
	color: #707070;
	font-size: 13px;
	margin: 0.3em 0;
	padding-top: 0.8em;
}

h3 {
	color: #4e4e4e;	
	padding-top: 1.5em;
}

/* Layout */

#Wrapper {
	position: relative;
	margin: 0px auto;
	text-align: left;	
	width: 545px;	
}

*html #Wrapper {
	margin-left: 250px;
	padding-left: 100px;
}

#Container {
	width: 556px;
	min-height: 520px;
	background-color: #B4B4B4;
	text-align: left;
	padding-left: 10px;
}

* html #Container {

	
}

#Content {
	padding: 10px;
	
}

#Logo {
	width: 735px;
	margin: 20px 0px 0px -100px;
}

*html #Logo {
	
	width: 775px;	
}

#LogoBracket {
	position: absolute;
	width: 381px;
	top: 40px;
	left: 330px;
	z-index: 100;
}

#IndexLogo {
	width: 735px;
	margin: 20px 0px 0px -20px;
}

*html #IndexLogo {
	
	width: 775px;	
}


#NavContainer {
	position: relative;
	background-image: url(../img/navContainerBackground.gif);
	background-repeat: no-repeat;
	width: 630px;
	height: 53px;
}

/* * html #NavContainer {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/img/navContainerBackground.png');	
	background-image: none;
} */

#NavContainer ul {
	position: absolute;
	margin: -20px 0px 0px -30px;
}

#NavContainer li {
	list-style: none;
	width: 110px;
	height: 40px;
	float: left;
	background-image: url(/img/buttonNavBackground.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
}

#NavContainer li a {
	display: block;
	
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	padding: 0px 0px 0px 10px;
	
}

/* * html #NavContainer li {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/img/buttonNavBackground.png');	
	background-image: none;
} */

#NavContainer .Active {
	list-style: none;
	width: 110px;
	height: 40px;
	float: left;
	background-image: url(../img/buttonNavOverBackground.gif);
	background-repeat: no-repeat;
	margin-top: -10px;
	padding-top: 10px;
}

#NavContainer .Active a {
	

}

/* * html #NavContainer .Active {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/img/buttonNavBackground.png');	
	background-image: none;
} */

#FacebookTwitter {
	margin-left: 30px;
	padding-top: 15px;
}

#NavContainerBracket {
	position: relative;
	width: 598px;
	height: 53px;
	margin: -50px 0px 0px 220px;
}

#NavContainerBracket ul {
	position: absolute;
	margin: -20px 0px 0px -30px;
}

#NavContainerBracket li {
	list-style: none;
	width: 110px;
	height: 40px;
	float: left;
	background-image: url(../img/buttonNavBackground.png);
	background-repeat: no-repeat;
}



#NavContainerBracket .Active {
	list-style: none;
	width: 110px;
	height: 40px;
	float: left;
	background-image: url(../img/buttonNavOverBackground.png);
	background-repeat: no-repeat;
}


#Footer {
	width: 545px;
	margin: 0px auto;
}

*html #Footer {
	width: 545px;
	margin: 0px auto 0px 350px;
}

#FooterTextContainer {
	width: 700px;
	margin: 0px auto;
	padding-bottom: 60px;
	padding-left: 130px;
	font-size: 9px;
	color: #FFF;		
}

#FooterTextContainer a {
	color: #FFF;
}

#FooterTextContainer p {
	float: left;
	margin: 5px 15px;
}

#DiyVideoButton {
	width: 545px;
	margin: 0px auto;
	text-align: right;
}

/* Index Styles */

#SocialLinks {
	position: absolute;
	width: 128px; 
	height: 65px;	
	top: 375px;
	right: 0px;
	z-index: 100;
}

* html #SocialLinks {
	position: absolute;
	width: 128px; 
	height: 65px;	
	top: 395px;
	right: 250px;
}

#EnterButton {
	margin: 0px auto;
	text-align: center;
	width: 545px;
	height: 80px;
	margin-top: -50px;
}

.EnterButtonBottom {
	padding-left: 135px;
	margin-top: 455px;
}

.DuplicolorTvLogo {
	margin-top: -25px;
	*margin-top: -13px;
	margin-left: -112px;
}

.DuplicolorTvLogo2 {
	margin-top: 35px;
	*margin-top: 48px;
	margin-left: -100px;
}

#IndexContainer {
	position: relative;
	background-image: url(../img/indexContainerBackground.gif);
	background-repeat: no-repeat;
	width: 800px;
	height: 1310px;
	text-align: left;
	padding-left: 385px;
	padding-top: 28px;
	margin-left: -355px;
}

/* *html #IndexContainer {
	background-image: none;          
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/indexContainerBackground.png);
} */

#Index2Container {
	position: relative;
	background-image: url(../img/indexContainer2.gif);
	background-repeat: no-repeat;
	width: 800px;
	height: 1310px;
	text-align: left;
	padding-left: 385px;
	padding-top: 48px;
	margin-left: -355px;
}


/* *html #Index2Container {
	background-image: none;          
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/indexContainer.png);
} */

#IndexFooter {
	
	width: 700px;
	height: 50px;
	margin: 0px auto 0px auto;
	padding-left: 0px;
	z-index: 130;	
}

* html #IndexFooter {
	
	width: 800px;
	height: 50px;
	margin: 0px auto 0px auto;
	padding-left: 60px;
	z-index: 130;	
}



#Sponsors {
	position: absolute;
	text-align: center;
	top: 155px;
	right: 90px;	
}

#NewsletterSignup {
	margin-top: 200px;
	margin-left: 50px;
}

* html #NewsletterSignup {
	margin-top: 200px;
	margin-left: 0px;
}

#NewsletterSignup label, #NewsletterSignup input {
	float: left;
	margin-right: 30px;
}

#NewsletterSignup input {
 border: none;
}

#NewsletterSignup #Submit {
	margin-top: -13px;
}

#IndexCategories {
	margin: 90px 100px 0px -180px;	
}

#IndexCategoryText {
	width: 538px;
	color: #FFF;
}

#LastYearText {
	width: 300px;
	margin: -95px 0px 0px 240px;
	text-transform: uppercase;
}

* html #LastYearText {
	width: 300px;
	margin: -60px 0px 0px 240px;
	text-transform: uppercase;
}

#LastYearImage {
	margin-left: -100px;
	margin-top: 20px;
}

/* Bracket Styles */

#WrapperBracket {
	margin: 0px auto;
	text-align: left;	
	width: 1063px;	
}

#LogoBracket {
	width: 445px;
	margin: 0px auto;	
}

#BracketFooter {
	width: 301px;
	margin: -340px auto 0px 201px;
	*position: absolute;
	*margin-left: 147px;
	padding-left: 7px;
	text-align: center;	
}

*html #BracketFooter {
	margin: -337px auto 0px 147px;	
}

#BracketFooter p {
	margin: 0px auto;
	font-size: 9px;
	white-space: nowrap;
	color: #FFF;
	z-index: 30;	
}

#BracketFooter p a {
	color: #FFF;
}

#BracketThumbnailContainer {
	position: absolute;
	top: 80px;
	left: 0px;
	width: 1063px;	
}

.BracketMatchContainer {
	height: 90px;
	margin-top: -5px;
	margin-bottom: 10px;	
}

*html .BracketMatchContainer {
	height: 90px;
	margin-top: -5px;
	margin-bottom: 7px;	
}


.BracketThumbnail {
	background-image: url(../img/bracketThumbnailBackground.png);
	background-repeat: no-repeat;
	width: 63px;
	height: 47px;
	margin: 0px auto;		
}

*html .BracketThumbnail {
	background-image: url(../img/bracketThumbnailBackground.gif);
	background-repeat: no-repeat;
}

.BracketThumbnail img {
	margin-top: 5px;
	margin-left: -2px;
	z-index: 500;
}

.BracketRoundOne {
	width: 104px;
	text-align: center;
	float: left;
	margin: 0px;
	padding: 0px;
	margin-right: 850px;
}

*html .BracketRoundOne {
	height: 750px;	
}

.BracketRoundOneRight {
	width: 104px;
	text-align: center;
	float: left;
	margin: 0px;
	padding: 0px;
}

*html .BracketRoundOneRight {
	height: 750px;	
}

#BracketRoundTwo {
	position: absolute;
	width: 104px;
	text-align: center;
	top: 25px;
	left: 90px;
}

#BracketRoundTwoRight {
	position: absolute;
	width: 104px;
	text-align: center;
	top: 25px;
	left: 869px;
}

#BracketRoundThree {
	position: absolute;
	width: 104px;
	text-align: center;
	top: 72px;
	left: 178px;
}

#BracketRoundThreeRight {
	position: absolute;
	width: 104px;
	text-align: center;
	top: 0px;
	left: 603px;
}

#BracketRoundFour {
	position: absolute;
	width: 54px;
	height: 435px;
	text-align: center;
	top: 97px;
	left: -505px;
}

#BracketRoundFourRight {
	position: absolute;
	width: 54px;
	height: 435px;
	text-align: center;
	top: 0px;
	left: 455px;
}

#BracketRoundFinals {
	position: absolute;
	width: 104px;
	height: 50px !important;
	text-align: center;
	top: 185px;
	left: 80px;
}

#BracketRoundFinals .BracketMatchContainer, #BracketRoundFinalsRight .BracketMatchContainer {
	height: 50px !important;
	margin-top: -5px;
	margin-bottom: 61px;	
}

*html #BracketRoundFinals .BracketMatchContainer, *html #BracketRoundFinalsRight .BracketMatchContainer {
	height: 50px !important;
	margin-top: -5px;
	margin-bottom: -60px;	
}

#BracketRoundFinalsRight {
	position: absolute;
	width: 104px;
	height: 50px;
	text-align: center;
	top: 185px;
	left: 338px;
}

#BracketRoundTwo .BracketMatchContainer, #BracketRoundTwoRight .BracketMatchContainer {
	height: 137px;
	margin-top: -5px;
	margin-bottom: 61px;	
}

*html #BracketRoundTwo .BracketMatchContainer, *html #BracketRoundTwoRight .BracketMatchContainer {
	height: 137px;
	margin-top: -5px;
	margin-bottom: 0px;	
}


#BracketRoundThree .BracketMatchContainer, #BracketRoundThreeRight .BracketMatchContainer {
	height: 236px;
	margin-top: -5px;
	margin-bottom: 155px;
}

*html #BracketRoundThree .BracketMatchContainer, *html #BracketRoundThreeRight .BracketMatchContainer {
	height: 236px;
	margin-top: -5px;
	margin-bottom: 0px;
}

#BracketRoundFour .BracketMatchContainer, #BracketRoundFourRight .BracketMatchContainer {
	height: 428px;
	margin-top: -5px;
	margin-bottom: 455px;
}

#BracketRoundTwo .BracketThumbnail, #BracketRoundTwoRight .BracketThumbnail {
	margin: 0px auto 50px auto;
}

#BracketRoundThree .BracketThumbnail, #BracketRoundThreeRight .BracketThumbnail {
	margin: 0px auto 147px auto;
}

#BracketRoundFour .BracketThumbnail, #BracketRoundFourRight .BracketThumbnail {
	margin: 0px auto 339px auto;
}

.RoundVoted {
	position: absolute;
	margin: -20px 0px 20px -100px;
}

/* Login Styles  */

#LoginContainer {
	position: relative;	
}

*html #LoginContainer {
	position: relative;
	width: 500px;
}


.LoginRegister {
	width: 250px; 
	float: left; 	
}

.LoginReturning #LoginForm {
	position: absolute;
	width: 150px; 
	float: left; 
	margin-left: 315px;
	*margin-left: 0px;
	*padding-left: 65px;
	margin-top: -75px;
	z-index: 100;
}

.LoginReturning #LoginForm div.submit {
	margin-left: -50px;

}

/* Match Styles */

.Author {
	font-weight: bold;
	color: blue;
}
.Posted {
	font-size: 11px;
	color: #444;
}

#PolaroidContainer {
	position: relative;
	width: 680px;
	height: 440px;
	margin-left: -75px;
}

#PolaroidLeft {
	width: 330px;
	height: 436px;
	float: left;	
	background-image: url(../img/polaroidLeft.png);
	background-repeat: no-repeat;
}

*html #PolaroidLeft {
	background-image: url(../img/polaroidLeft.gif);
}

#PolaroidRight {
	width: 330px;
	height: 436px;
	float: left;	
	background-image: url(../img/polaroidRight.png);
	background-repeat: no-repeat;
}

*html #PolaroidRight {
	background-image: url(../img/polaroidRight.gif);
}


#GalleryFilter {
	width: 180px;
	height: 40px;
	float: right;
}

#GalleryFilter .select, #GalleryFilter .input{
	float: left;	
	width: 130px;	
}

#GalleryFilter .submit {
	width: 50px;
	float: left;
	margin-top: 14px;
}

.ProjectTitle {
	margin: 15px 0px 0px 5px;
	width: 250px;
	font-weight: bold;
	display: block;
	float: left;
}

.ProjectTitleResults {
	margin: 15px 0px 0px 25px;
	width: 250px;
	font-weight: bold;
	display: block;
	float: left;
}

.ProjectTitle input {
	margin: 0px 10px 10px 5px;
	*margin: 0px 10px 10px 15px;
	display: block;
	float: left;	
}

.MatchPhoto {
	margin: 25px 0px 0px 27px;
	width: 275px;
	height: 302px;	
}

.MatchResults {
	position: relative;
	margin: 25px 0px 0px 25px;
	width: 275px;
	height: 302px;
	text-align: center;
	font-size: 40px;
	color: #0099FF;
	font-weight: bold;
}

.MatchResultsGraph {
	position: relative;
	bottom: 2px;
	width: 206px;
	height: 100%;
	margin: 0px auto;	
}

.GraphGroup {
	position: absolute;
	bottom: 0px;
	left: 30px;
	width: 150px;
}

.MatchResultsGraph .Text {
	color: #FFF; 
	font-size: 16px; 
	margin-bottom: 8px;
}

.MatchVs {
	position: absolute;
	text-align: center;
	top: 125px;
	left: 260px;
}

.MatchWinner {
	position: absolute;
}

.ProjectDetailPolaroidText {
	margin-left: 130px;
	padding-top: 10px;
	font-size: 15px;
	font-weight: bold;
}

/* Video Library Styles  */

#VideoContentContainer {
	background-image: url(../img/videoLibraryBackground.png);
	background-repeat: no-repeat;
	min-height: 705px;
	width: 547px;	
}

/* *html #VideoContentContainer {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/img/videoLibraryBackground.png');	
	background-image: none;
} */

#VideoContentContainer table {
	border-collapse: collapse;
	margin-left: -20px;
}

#VideoContentContainer table tr td {
	padding: 10px;	
}


/* My Projects Styles */

#MyProjectsContainer {
	width: 530px;	
}

#MyProjects h2 {
	font-weight: bold;
	color: #FFF;
	font-size: 16px;
}

#MyProjects P {
	COLOR: #fff;
}

#MyProjectsContainer .Description {
	float: left;
	background-color: #777;
	border: 1px solid #dadada;
	min-height: 105px;
	width: 375px;
	margin-right: 10px;
}

#MyProjectsContainer .Description h3 {
	float: left;
}

#MyProjectsContainer .Description p {
	float: left;
	width: 210px;
}

#MyProjectsContainer .Description .ImageBorder{
	float: left;
	border: 3px solid #FFF;	
	margin: 10px 0px 0px 10px;
}

#MyProjectsContainer .Approved {
	color: #01a848;
}

#MyProjectsContainer .Rejected {
	color: #a80101;
}

#MyProjectsContainer .Pending {
	color: #00a4ed;
}

#MyProjectsContainer .Description h3, #MyProjectsContainer .DescriptionEmpty h3 {
	color: #FFF;
	font-size: 11px;
	margin: 0px;
	padding: 5px 0px 0px 15px;
}

#MyProjectsContainer .Description p, #MyProjectsContainer .DescriptionEmpty p {
	color: #414141;
	font-size: 10px;
	margin: 0px;
	padding: 5px 0px 0px 15px;
}

#MyProjectsContainer .Status {
	float: left;
	background-color: #777;
	border: 1px solid #dadada;
	min-height: 105px;
	width: 139px;
	padding: 20px auto 0px auto;
	text-align: center;
}

#MyProjectsContainer .DescriptionEmpty {
	float: left;
	background-color: #969696;
	border: 1px solid #dadada;
	min-height: 105px;
	width: 345px;
	margin-right: 10px;
}

#MyProjectsContainer .StatusEmpty {
	float: left;
	background-color: #969696;
	border: 1px solid #dadada;
	min-height: 105px;
	width: 139px;
	padding: 20px auto 0px auto;
	text-align: center;
}

#BeforeAfter {
	width: 555px;
	heght: 555px;
	margin-left: 13px;
}
	

.BeforeAfterImages {
	float: left;
	margin-right: 20px;
	width: 240px;
}

/* Categories Styles */

.Categories {
	width: 491px;
	height: 171px;
	background-image: url(../img/categoryWinnersBackground.gif);
	background-repeat: no-repeat;
	margin: -32px 0px 30px 17px;
}

.Categories p {
	padding: 30px 0px 0px 100px;
}

.CategoryVote {	
	width: 525px;
	height: 111px;
	background-image: url(../img/categoryVoteBackground.gif);
	background-repeat: no-repeat;
	margin-bottom: 40px;
}

.CategoryVote h3 {	
	font-size: 13px;
	margin: 0px;
	padding: 0px;
}

.CategoryVote p {	
	font-size: 11px;
	width: 230px;
	float: left;
	padding: 0px 0px 0px 5px;
	margin: 0px;
}

.CategoryVote img {
	border: 3px solid #FFF;	
}

.CategoryVote select {
	float: left;
	margin: 30px 0px 0px 30px;
}

.CategoryWinner {	
	width: 525px;
	height: 111px;
	margin-bottom: 40px;
	background-image: url(../img/categoryWinnerBackground.png);
	background-repeat: no-repeat;
}

.CategoryWinner h3 {	
	font-size: 13px;
	margin: 0px 0px 0px 120px;
	padding: 0px 0px 0px 10px !important;
	
}

.CategoryWinner p {	
	font-size: 11px;
	width: 230px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 120px;
}

.CategoryWinner img {
	border: 3px solid #FFF;	
}

#BracketLinks {
	width: 500px;
	margin-left: -90px;
	padding: 0px;
}

/* General Styles */

label {
	display: block;
	font-weight: bold;
	color: #000;	
}

label.Checkbox {
	display: inline;
	vertical-align: top;
}

input {
	margin-bottom: 10px;
}

.Text15 {
	width: 15px !important;		                          
}

.Text25 {
	width: 25px !important;		                          
}

.Text35 {
	width: 35px !important;		                          
}

.Text45 {
	width: 45px !important;		                          
}

.Text50 {
	width: 50px !important;	                          
}

.Text75 {
	width: 75px !important;	                          
}

.Text100 {
	width: 100px !important;	                          
}

.Text115 {
	width: 115px !important;	                          
}

.Text125 {
	width: 125px !important;	                          
}

.Text150 {
	width: 150px !important;	                          
}

.Text200 {
	width: 200px !important;	                          
}

.Text250 {
	width: 250px !important;	                          
}

.Text260 {
	width: 260px !important;	                          
}

.Text300 {
	width: 300px !important;	                          
}

.Center {
	text-align: center !important;
}

.Left {
	text-align: left !important;
}

.Right {
	text-align: right !important;
}

.BlueButton {
	color: transparent;
	font-size: 1px;
	border: none;
	width: 225px;
	height: 104px;
	background-color: transparent;
	background-image: url(../img/buttonLogin.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	margin-left: -55px;
}

.ErrorMessage {
	padding: 10px;
	color: #F00;
}

#flashMessage {
	color: #FF0000;
	font-weight: bold;
	font-size: 17px;
}

#ImageContainer {
	clear: both;
}

.White {
	color: #fff;	
}

#Matchups tr td b {
	color: #000;	
}

#BracketImageLink {
	position: absolute;
	bottom: 250px;
	display: block;
	width: 304px;
	height: 108px;
}