﻿body
{
    /*background-color: #000000; */ /*background: #000 url("http://www.datpiff.com/skins/marchmadness2010/images/skin.jpg") center top;*/ /*background: #000 url("/images/siteBackground_c2c.png") center top;*/
    /*background: #000 url("/images/ads/RemixTape-skin_small.jpg") center top;*/

    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 14px;
}

h1, h2, h3, font.mediumfont, font.largefont
{
    font-family: FuturaStdMedium, Verdana, Arial, Helvetica, sans-serif;
}

font.tinyfont, font.smallfont, font.normalfont /*,A:link,A:visited,A:active,A:hover*/
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.rounded
{
	border: 1px solid #333333;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.fancybox
{
	position: relative;
	top: 0px; left: 0px;
    color: #333333;
    	
	/*rounded border*/
	border: 1px solid #BBBBBB;
    border-radius: 5px;
    -moz-border-radius: 5px;

    /* shadow*/
    box-shadow: 0 0 5px 0px #000 outset, 0 0 8px 0px #000;
	-moz-box-shadow: 0 0 5px 0px #000 outset, 0 0 8px 0px #000;
       
    background: -moz-linear-gradient(
	    center bottom,
	    rgb(192,192,192) 0%,
	    rgb(210,210,210) 100%
	);
}

.fancybox formlabel {
	text-align: left;
	font: 20px Arial, sans-serif;
	padding: 0;
	margin: 0;
	color: #000;
}

.fancybox input.entryfield,
.fancybox textarea.entryfield,
.fancybox select.entryfield
{
	padding: 3px 3px;
	width: 300px;

	border: 1px solid #3B3B3B;
    border-radius: 5px;
    -moz-border-radius: 5px;

    box-shadow: 0 0 5px 0px #000 inset, 0 0 8px 0px #000;
	-moz-box-shadow: 0 0 5px 0px #000 inset, 0 0 8px 0px #000;
}

.fancybox input.image:hover
{
	-moz-box-shadow: 0 0 4px 0 #000;
}

.fancybox input.Submit {
	width: 150px;
	cursor: pointer;
	padding: 3px 3px;

	border: 1px solid #3B3B3B;
    border-radius: 5px;
    -moz-border-radius: 5px;
    	
	box-shadow: 0 0 4px 0 #666;
	-moz-box-shadow: 0 0 4px 0 #666;

    background: -moz-linear-gradient(
	    center bottom,
	    rgb(192,192,192) 0%,
	    rgb(225,225,225) 100%
	);
}

input.fancybox
{
  	font-size: 14px;
  	font-weight:bold;
}

.fancybox input.Submit:hover {
	background: #797979;
}

.fancybox a:hover {
	text-decoration: none;
}

.fancybox h2
{
    font-size: 18px;
    line-height: 20px;
    margin-top:0;
    padding-top:5px;
}

.fancybox.button
{
    padding: 5px;
    background: #797979;
}

.submissionform input.entryfield, .submissionform textarea.entryfield, .submissionform select.entryfield
{
    padding: 4px 3px 4px 3px;
    background-color: #E5E2E3;
    border: 1px solid #C2BFC0;
}
.submissionform td.fieldlabel
{
    text-transform: uppercase;
    color: #343637;
}

.fbComments
{
    width: 450px;
}

table.c2c_Content
{
	/*background-image: url("images/sky_background.jpg"); background-repeat:repeat;*/
}

div.c2c_MainContent
{
	width: 810px;
}

div#c2c_Header
{
	width: 1000px;
	height: 150px;
	background-color: transparent;
	/* background-image: url('/images/c2c-header.png'); background-repeat: no-repeat; */
}

div#c2cFooterLogo
{
	width: 1000px;
	height: 150px;
	margin-top: 10px;
	background-color: transparent;
	background-image: url('/images/c2c-header.png'); background-repeat: no-repeat;
}

div.c2c_TopNav
{
    /* background-color: #353638; */
	width: 818px;
	/*padding-bottom:5px;*/
} 

table.infoBox
{
    /*
    border:1px;
    border-style:solid;
    border-color: #FFFFFF;
    background-color:#666666; */
    border: 0;
    margin:0;
    padding-top:3px;
    width:300px;
    height:110px;
    background-image:url('/images/c2cBox300x110.png'); background-repeat: no-repeat; 
    background-color:Transparent;
}

th {font-size: 14px; vertical-align: top; padding-left:5px; padding-top:3px; padding-bottom:3px; border: none; background-color:#7D7E78;}

ul#sub_nav a{background: #7D7E78}
ul#sub_nav a span{background: #7D7E78}
ul#sub_nav a:hover{background: #846DE2}
ul#sub_nav a:hover span{background: #846DE2}
ul#sub_nav li.activelink a,ul#sub_nav li.activelink a:hover{background: #846DE2;color: #003}

ul#option_nav a{background: #7D7E78}
ul#option_nav a span{background: #7D7E78}
ul#option_nav a:hover{background: #846DE2}
ul#option_nav a:hover span{background: #846DE2}
ul#option_nav li.activelink a,ul#option_nav li.activelink a:hover{background: #846DE2;color: #003}

h1 {
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
}
h2 {
	font-size: 16px;
	font-weight:bolder;
	line-height: 18px;
}

h3 {
	font-size: 12px;
	line-height: 14px;
}

font.tinyfont {	font-size: 10px; line-height: 12px; }
font.smallfont { font-size: 12px; line-height: 14px; }
font.mediumfont {font-size: 14px;font-weight: bold;line-height: 16px;}
font.largefont {font-size: 18px;font-weight: bold;line-height: 20px;}
font.normal {font-size: 10px;font-weight: normal;}

a:link {
	/*font-size: 13px;*/
	text-decoration: none;
	color:#333333;
	font-weight:bold;
}

a:visited 
{
    text-decoration: none;
	color:#333333;
	font-weight:bold;
}

a:active {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	 box-shadow: 0 0 8px 0px #000 inset, 0 0 8px 0px #000;
    -moz-box-shadow: 0 0 8px 0px #000 inset, 0 0 8px 0px #000;
    -webkit-box-shadow: 0 0 8px 0px #000 inset, 0 0 8px 0px #000;
}

a.c2cButton:hover
{
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

a.largelink {font-size: 18px;font-weight: bold;line-height: 20px;text-transform:uppercase; }
a.mediumlink {	font-size: 14px;	font-weight: 600;	line-height: 18px;}
a.smalllink {font-size: 4px;	line-height: 4px; }
a.bloglink {font-size: 10px;font-weight: bold;line-height: 12px; }

img
{
    border: 0;
}

td.thumbnail { height: 110px;width: 110px; margin:0; }
td.thumbnail img { max-height: 95px;max-width: 90px;vertical-align:bottom;margin: 5px; }
td.thumbnail.small { height: 60px;width: 60px; }
td.thumbnail.small img { max-height: 45px; max-width: 50px; }
td.thumbnail.tiny { height: 35px;width: 35px; }
td.thumbnail.tiny img { max-height: 30px;max-width: 30px;margin: 2px;}
td.thumbnail.video { height: 95px;width: 130px; }
td.thumbnail.video img { max-height: 90px; max-width: 120px; }

.form {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

div.c2c_FlashPlayer
{
	position:absolute;
	top:70px;
	width:150px;
	left:50%;
	margin-left:-100px;
}

div.c2c_PromoAd
{
    background-color:Blue;
	position:absolute;
	top:95px;
	width:120px;
	left:50%;
	margin-left:372px;
	/*background-color:Black;*/
}

div.c2c_HeaderAd
{
	position:absolute;
	top:25px;
	width:768px;
	left:50%;
	margin-left:-243px;
}
div.c2c_socialbanner
{
	position:absolute;
	top:130px;
	width:150px;
	left:50%;
	margin-left:-492px;
}

div.c2c_FooterAd
{
	position:relative;
	width:500px;
	left:50%;
	margin-left:-210px;
	margin-top:-160px;	
}

div.c2c_BadgeAd
{
	position:relative;
	width:500px;
	left:50%;
	margin-left:280px;
	margin-top:-60px;	
}

div.c2c_login
{
	position:absolute;
	top:120px;
	width:150px;
	left:50%;
	margin-left:370px;
}

div.LogoutButtonDiv
{
    float:right;
	margin-top: 5px;
	margin-right: 10px;
}

div.LogoutButtonDiv	a:link 
{ 
    text-decoration: none;
}
div.LogoutButtonDiv a:hover 
{
    text-decoration: none; 
    background-color: #7D7Eff;
}

.LogOutButton
{
	background-color: #7D7E78;
	border: 0;
	padding: 3px;
	width: 80px;
	font-family: Tahoma, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}

table.ads
{
}


div#side_menu{float:left;width: 160px;padding-top:0px; margin-left:8px;}
div#sub_menu{float:left;width: 95%;padding-top:0px;}
ul#sub_nav,ul#sub_nav li{list-style-type:none;margin:0;padding:0; margin-left:2px;}
ul#sub_nav li{float:left;text-align: center; padding-top:2px;}
ul#sub_nav a{float:left;height:16px; text-decoration:none; padding-top:4px; width:100px}
ul#sub_nav a span{font-size: 9px; font-weight:bold; line-height:12px; padding-top:4px; text-decoration:none;}

div#option_menu{float:left;width: 140px;padding-top:0px;}
ul#option_nav,ul#option_nav li{list-style-type:none;margin:0;padding:0; margin-left:3px;}
ul#option_nav li{float:left;text-align: center; padding-top:2px;}
ul#option_nav a{float:left;height:16px; text-decoration:none; padding-top:4px; width:120px}
ul#option_nav a span{font-size: 10px; font-weight:bold; line-height:12px; padding-top:4px; text-decoration:none;}

input.bigbutton, submit.bigbutton
{
	color: #FFFFFF;
	background-color: #000000;
	padding: 3px 8px 3px 8px;
    text-transform:uppercase;   
    font:20px/22px 'FuturaStdMedium', Verdana, Arial, Helvetica, sans-serif;
	/*border:none;*/
}

div.Question, div.Answer, td.howtosumit, td.benefits
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	font-weight:bold;
}

td.howtosumit, td.benefits
{
    background-color:#000000;
    background-repeat:no-repeat;
    padding-left:40px;  margin-right:20px; padding-top:7px;
}

div.featureDiv
{
    float:left;
    width:155px; 
    height:210px;
    margin-left:0px;
}

td.featureBox
{
    background-image:url("/images/feature_box150x195.png");
    background-repeat:no-repeat;
    margin-top:5px;
    width: 150px;
    height: 195px;
    text-align: center;
    vertical-align:top;
    color: #FFFFFF;
}

td.featureTitle
{
    font-weight: bold;
    font-size: 12px;
    height: 30px;
    vertical-align: top;
    padding-top:5px;
    padding-left:5px;
    padding-right:5px;
}

td.featureBox font.tinyfont
{
    padding-left:5px;
    padding-right:5px;
}

td.featureBox img
{
    max-height: 100px;
    max-width: 100px;
    border: 0;
    margin-bottom: 3px;
}

td.gradientBox
{
    background-image:url('/images/gradient_BOX.png'); background-repeat: no-repeat; 
    background-position: center; 
    height:580px;
    color: #FFFFFF;
}

td.gradientBox a:link
{
    color: White;
}

div.Question
{
	/* color: #846DE2; */
}

.questionText 
{
    color: #000000;
    font-weight: bold;
    font-size: 14px;
}

div.Answer
{
	color: #FFFFFF;
}

#results .header {
  font-size : 16px;
  font-weight : bold;
  margin-bottom : .25em;
  margin-top : 1em;
}

#results .gs-result {
  margin-bottom : .5em;
}

#results div.gs-watermark {
  display : none;
}

div.gsc-results, div.yahoo-results
{
	background-color:#FFFFFF;
	padding:5px;
	width:600px;
}

td.report_header
{
/*	background-color:Gray; */
	font-size:22px; 
}

div.RatingBlock
{
    background-color: #D4D4D4; 
}

div.RatingText, td.RatingText, td.RatingLegend
{
	background-color: #383838;
	color: White;
	width:190px;
	font-weight:bold;	
}

a.nextprevarrow
{
    background-color: #333399;
}

div.detail_section {
   	width:220px;
   	height: 330px;
}

div.DetailHeader
{
	background-color: #383838;
	font-size:16px; 
	line-height: 18px;
	padding:5px;
	color: #F2E323;
}

div.DetailFeatureTitle
{
	font-size:16px; 
	line-height: 18px;
}

ul.DetailList
{
    list-style:none none outside;
    margin:0; padding: 15px;
	line-height: 22px;
	text-align:left;
}



div.ServiceDetails li
{
    font-size:12px;
    font-weight: bold;
}

a.c2cButton, a.c2cSideNavButton {
    display:inline-block;
    outline:medium none;
    overflow:hidden;
    position:relative;
    text-decoration:none;
    z-index:1; 
}
a.c2cButton { height:30px; }

a.c2cSideNavButton {
    background-image:url("/images/c2cBox150x20.png");
    width: 150px;
    height:20px;
}

a.c2cSideNavButton:hover { background-image:url("/images/c2cBox150x20_Hover.png"); } 

span.c2cButtonText, span.c2cSideNavButtonText {
    color:#FFFFFF;
    display:inline-block;
    font-size:12px;
    font-weight:bold;
    padding:6px 9px;
}

span.c2cButtonText.wide
{
    width: 280px;
    font-size:16px;
}

span.c2cSideNavButtonText {
    padding: 2px 5px;
}

a span.c2cButtonLeftCap {
    background-image:url("/images/buttonLeft.png");
    position:relative;
    z-index:1;
    background-color:Transparent;
}

a span.c2cButtonLeftCap, a span.c2cButtonRightCap, a span.c2cButtonRightCapNav {
    top:0;
    display:inline-block;
    height:60px;
}

a span.c2cButtonRightCap
{
    background-image:url("/images/buttonRight.png");
    /*background-color:Transparent;*/
    position:absolute;
    right:0;
    width:9px;
    z-index:2;
}

a span.c2cButtonRightCapNav
{
    background-image:url("/images/buttonRightNav.png");
    /* background-color:Transparent; */
    position:absolute;
    right:0;
    width:9px;
    z-index:2;
}

a:Hover span.c2cButtonLeftCap, a:Hover span.c2cButtonLeftCapNav
{
    position: relative; 
    z-index: 1;
	top: -30px;  
}

a:Hover span.c2cButtonRightCap, a:Hover span.c2cButtonRightCapNav
{
    display: inline-block; 
    height: 60px;
    top: -30px;
}

a:Hover span.c2cButtonText
{
    position: relative; 
    top: 30px;
}

.editor
{
  margin:0; 
  padding-left:0;
  padding-right:0;
  padding-top:5px;
  padding-bottom:5px;
}

.rssFeed
{
    width: 280px; 
    height: 280px;
    border-color: #333333;
    padding: 3px;
}

td.homePageMixtape { width:360; }
td.homePageMixtape img { width: 350px; }
td.homePageLargeAds { width: 300px; padding-left: 0px;}
td.homePageFeatures { width: 430px; }
div.homePageMixtapes { float:left;width:115px; height:190px; margin-left:10px; }

.terms
{
    padding: 5px;
}
