/* BASE */
	body{ margin: 0px; padding: 0px; font-size: 11px; font-family: tahoma, arial, Verdana; background-color: #2b1501; }
	td{ font-size: 11px; font-family: tahoma, arial, Verdana; color: #3F3123; }

	small { font-size: 10px;}
	sup { line-height: 1em; }


		h1 { font-weight: bold; font-size: 14pt; color: #1791d0; font-family: tahoma; }
		h2,.h2,._handle { padding: 7px; background: #FBFFB5; margin: 0 0 2px 0; color: #2B1501; font-size: 11px; }
		._handle { font-size: 11px; padding: 4px; margin-top: 5px; height: 15px; }

		.btop { border-top: 1px solid #E7E7E7; background: #FBFBFB;}
		.btopnb { border-top: 1px solid #E7E7E7;}
		.bbot { border-bottom: 1px solid #E7E7E7; background: #FBFBFB;}
		.bbotnb { border-bottom: 1px solid #E7E7E7;}
		.mr { margin-right: 3px;}
		.mb { margin-bottom: 3px;}

		img { border: 0px; }
		.img {  padding: 1px; border: 1px solid #9F9F9F; margin: 3px;}


	input,submit,select,textarea,button    {font-family: tahoma,arial;    font-size: 11px; }
	textarea { line-height: 16px; }
	input[type=text], input[type=password], textarea, select { border: 1px solid #b3b9c3; padding: 3px; font-family: tahoma,arial;    font-size: 11px; }
	input[type=text]:hover, input[type=password]:hover, textarea:hover, select:hover { border: 1px solid #99A1AF; }
	input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus { border: 1px solid #efc87d; }

	input[type=submit],input[type=file],button,.buttonstyle {
		background: url('http://www.teenparent.tv/layout/images/button_bg.png') repeat-x;
		border: 1px solid #0ABDC4;
		color: #311c02;
		font-size: 10px; padding: 3px; font-weight: bold;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	input[type=submit]:hover,button:hover,.buttonstyle:hover {
		background: url('http://www.teenparent.tv/layout/images/button_bg_hover.png') repeat-x;
		border: 1px solid #fbfb5c;
	}

	a:link,a:visited { color: #0A9BAF;}
	/* a:link,a:active,a:visited { text-decoration: none; color: #000000;}
	a:hover { text-decoration: underline;} */

	a.nu {text-decoration: none; }
	a.nu:hover { text-decoration: underline;}

	a:active { color: black; }
	a img, img { border:none; }

	p { margin-top: 0px; margin-bottom: 10px;}
	h1 { margin: 0; font: normal 16px tahoma; font-weight: bold; text-transform: none; border: 0 none; }
	ul { margin-top: 5px; margin-bottom: 15px;  padding-left: 16px; margin-left: 0px;}
	li { padding-bottom: 3px; }
	.hr { height: 1px; border-top: 1px solid #BFBFBF; }
	.hrw { height: 1px; border-top: 1px solid white; width: 10px; }

/* CONTESTS */
	.Question_bar{ background-color: black; font-weight: bold; height: 16px; color: white; padding: 4px 2px 4px 2px; }
	input.answer { font-weight: bold; letter-spacing: 4px; }

/* DARK TABS  - top right bottom left */
	.mtab {  padding: 5px 12px 3px 10px; }
	.mtab a { color: #000000; font-weight: bold; }
	.mtab.selected a { color: #FFFFFF; }
	.mtab.selected { background-color: #563315; }
	.mtab:hover { background-color: #ECE9D8; }
	.mtab.selected:hover { background-color: #563315; }
	.tabbody { width: 100%; border-collapse: collapse; background-color: #563315; }

/* VIDEO BAR TABS  - top right bottom left */
	.vbtab {  padding: 3px 10px 3px 8px; background-color: #FFFFFF;}
	.vbtab a { color: #000000; font-weight: bold;}
	.vbtab.vbselected a { color: #000000; }
	.vbtab.vbselected { background-color: #FAFAFA; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: none; }
	.vbtab:hover { background-color: #FAFAFA; }
	.vbtabbody { background-color: #FAFAFA; border: 1px solid #CCCCCC; padding: 5px; }

/* LIGHT TABS  - top right bottom left */
	.ltab {  padding: 3px 10px 3px 8px; background-color: #FFFFFF; border: 1px solid #CCCCCC; border-bottom: none; margin-right: 3px;}
	.ltab a { color: #000000; font-weight: bold; text-decoration: none; }
	.ltab.lselected a { color: #000000; }
	.ltab.lselected { background-color: #F2F2F2; }
	.ltab:hover { background-color: #F2F2F2; text-decoration: underline; }
	.ltabbody { width: 100%; border: 1px solid #CCCCCC; }

/* VIDEOS LIST */
	#ImagePl { margin-bottom:3px; cursor: pointer; border: 1px solid #000000; position: relative;}
	#ImagePl .diag { position: absolute; right: 0px; top: 0px; }
	#ImagePl .floating { position:absolute; bottom:0px; right:0px; width: 100%;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.teenparent.tv/layout/images/op_black_60.png');
	}
	#ImagePl .floating[class] {
	  background-image:url(http://www.teenparent.tv/layout/images/op_black_60.png);
	}

/* NEW STYLES */
	#navigation-header { float:right; position:relative; width:300px; padding-top:20px}
	#navigation-header a { font-size:12px; color:#FFFFFF; font-weight:bold; padding-right:15px}

	.video_bar{ background-color: #563315; padding-top: 3px; padding-bottom: 3px; }
	.video_bar td{ vertical-align: top; }
	.videoBarText{ color:#FFFFFF; font-weight:bold;}
	.RatingText{ color:#ed8e32; font-weight:bold;}
	a.videoBarLink:link,a.videoBarLink:visited{color:#FFFFFF;}
	a.SharingLink:link,a.SharingLink:visited{color:#000000;font-weight:bold;}

	.break {clear:both}
	.divframe { overflow:auto; }
	.iframe { width:100%; height:400px; border: 0px none #FFFFFF }

	.responseto {margin:3px; padding:3px; border: 1px dashed #DFDFB5;}

/* BLUE */
	.split {
		border-bottom: 1px solid #ECEFF5;
	}
	.sm {
		font-weight: normal;
		font-size: 11px;
	}
	.appTable {
		border-collapse: collapse;
	}
	.appTable td {
		vertical-align: top;
		margin: 0px;
		padding: 0px;
		border: 1px solid #D7D7D7;
		border-top: 0px;
	}

	.appTable td h3 { border-top: 1px solid #94A3C4; background-color: #ECEFF5; font-weight: bold; color: black; padding: 5px; font-size: 11px; margin-top: 0px;}

	.NoStyle {
		border-collapse: collapse;
	}
	.NoStyle td {
		vertical-align: top;
		margin: 3px;
		padding: 3px;
		border: none;
		border-top: 0px;
	}
/* NEW HEADER STYLES */
	#Categories {
			display: block;
			position: absolute;
			margin-top: 8px;
			z-index: 99;
			background: white;
			height: 144px;
			width: 122px;
			border: 1px solid #EBEBEB;
			border-top: none;
			line-height: 18px;
			display: none;
		}
		#SearchOptions {
			display: block;
			position: absolute;
			margin-top: 18px;
			z-index: 98;
			/*display: none;*/
		}
		#Categories a {
			margin: 5px 0px 5px 10px;
		}
		#Categories a:hover {
			font-weight: bold;
		}
		#CurrentCat {
			padding-left: 10px;
		}
		.free {
			position: absolute;
			z-index: 10;
			margin-top: -13px;
			margin-left: 100px;
		}
		#q { border: 0px; padding: 0px; font-size: 10px; margin: 0px; background: none; }
		#q:hover { border: 1px solid #FFE9BF; }
		#q:focus { border: 1px solid #efc87d; }

/* CONTACT IMPORTER */
	#ContactsI {
		border-collapse: collapse;
	}
	#ContactsI td{
		border: 1px solid #D8D8D8;
		padding: 3px;
		border-bottom: none;
	}
	#ContactsI .details{
		overflow: hidden;
		width: 212px;
	}

	.ilink {
		width: 270px;
		background: #EFEFEF;
		border: 1px solid #DFDFDF;
		color: #9F9F9F;
		font-size: 10px;
		padding: 3px;
	}
	.ilinksm{
		width: 240px;
		background: #EFEFEF;
		border: 1px solid #DFDFDF;
		color: #9F9F9F;
		font-size: 8px;
		padding: 3px;
	}
	.CopyButton {
		background: #EFEFEF;
		border: 1px solid #DFDFDF;
		color: green;
		font-size: 10px;
		padding: 3px;
	}

/* STATUS BAR */
	#Status {
		top: 0px;
		left: 0px;
		position: fixed;

		background: url(http://www.teenparent.tv/layout/images/status_bg.gif) repeat-x top;
		margin: 0px;
		padding: 10px 4px 0 0px;

		width: 100%;
		height: 41px;
		z-index: 20;
	}
	#Status td { font-size: 10px; }

/* HEADER STYLES */
	#subnav{ margin:0px; padding:0px; height:30px; background:url(http://www.teenparent.tv/layout/images/nav-repeat.gif) repeat-x bottom; margin-bottom: 1px; }
	.subnav{ height:21px; }
	.subnav .text,.subnav a{ display:block; float:left; padding:6px 9px 0 9px; height:19px; text-decoration:none; color: #1F1F1F; font-size: 11px; }
	.subnav a:hover{ text-decoration:underline; }

	#Body { background-color: #FFFFFF; padding: 12px; width: 100%; }
	#SideMenu { margin-right: 1px; white-space: nowrap; background-color: #FFFFFF; padding: 5px; }

	#t{ height:23px; font-size:15px; font-weight: bold; color:#4E4E4E; border: 1px solid #666666; letter-spacing: 3px; }

	.video_bar{ background-color: #D5D5D5; padding-top: 3px; padding-bottom: 3px; }
	.video_bar td{ vertical-align: top; }
	.videoBarText{ color:#000000; font-weight:bold;}
	.RatingText{ color:#0099CC; font-weight:bold;}
	a.videoBarLink:link,a.videoBarLink:visited{color:#000000;}
	a.SharingLink:link,a.SharingLink:visited{color:#000000;font-weight:bold;}

	.title { font-weight: bold; text-decoration: underline;}
	.ListImg { margin: 1px; border: 1px solid #cccccc; padding: 1px; }

	#map {border: 1px solid #cccccc; margin: 0 0 2px 0;}
	#CurLoc {display: inline;}

	.term { border-bottom: 1px solid #EFEFEF; margin-bottom: 5px; padding-bottom: 2px; }
	tr.term td { border-bottom: 1px solid #EFEFEF; }
	.termtop { border-top: 1px solid #EFEFEF; margin-top: 5px; padding-top: 5px; }
	.term .label { background-color: #E8FFBF; padding: 0px 0 6px 3px; font-size: 9px; font-weight: bold; height: 15px;}

	#loading {
		position:absolute;
		top:0; right:0;
		color:#fff;
		padding: 2px;
		background-color: #308F00;
	}

/* CONTAINERS */
	.bluebox { border: 1px solid #b0e3f6; padding: 7px; background: #effbff url('http://www.teenparent.tv/layout/images/gradient-blue.gif') repeat-x 0 0; margin: 0 0 2px 0; }
	.yellowbox { border: 1px solid #F6E2B9; padding: 7px; background: #FFFADD url('http://www.teenparent.tv/layout/images/gradient-yellow.gif') repeat-x 0 0; margin: 0 0 2px 0; }

/* SEARCH RESULTS */
	.vb { margin: 6px 0 10px 0; white-space: nowrap; }
	.vb a { border: 1px solid #BFBFBF;  margin: 2px; padding: 1px 4px 2px 4px; }
	.vb a:hover { background-color: #EFEFEF; }
	a.vb_on { text-decoration: none; background-color: #DFDFDF; color: black; }

	table.ListResults, table.GalleryResults {
		width: 100%;
	}
	table.ListResults .imgTd {
		padding-right: 5px;
		padding-bottom: 10px;
	}
	.ImgG {
		padding: 1px;
		margin: 1px;
		background-color: #ffffff;
		border: 1px solid #BFBFBF;
	}
	.ImgG:hover {
		background-color: #CFCFCF;
	}
	table.ListResults td {
		vertical-align: top;
	}
	.ttle {
		font-size: 120%;
	}
	.cnts {
		color: #1F1F1F;
		font-size: 100%;
		margin-left: 10px;
	}
	.desc {
		color: #4F4F4F;
		font-size: 100%;
		margin: 10px 0 10px;
	}
	.lnks, .lnks a {
		color: #097B9F;
		font-size: 98%;
	}
	.sep {
		border-top: 1px dashed #BFBFBF;
		margin-bottom: 8px;
		width: 16px;
	}

	.Faded {
		opacity: 0.5; /* Safari, Opera */
		-moz-opacity:0.50; /* FireFox */
		filter: alpha(opacity=50); /* IE */
	}

/* PROFILE TABS */
	.bio_tab,.bio_tab_on { float: left; border: 1px solid #DEDEDE; padding: 2px 4px 2px 4px; margin: 0 3px -1px; text-decoration: none; }
	.bio_tab:hover { background-color: #EFEFEF; }
	.bio_tab_on { border-bottom: 1px solid white; font-weight: bold; }

/* PAGINATION */
	.Pages { margin: 16px; }
	.Pages a{ border: 1px solid #7F7F7F; margin: 4px 0px 2px 0px; padding: 3px 5px 3px 5px; text-decoration: none;}
	.Pages a:hover { color: black; background-color: #CFD3FF; }
	.Pages .curr-page{ margin: 2px; padding: 2px 4px 2px 4px; font-weight: bold; }

/* WRAPPER */
	.Border { border: 1px solid #DEDEDE; }

	.White { background-color: white; }
	.dia_content { background-color: white; padding: 5px; }

	td.Left { vertical-align: top; margin-right: 3px;}
	td.Right { vertical-align: top;}

	.Wrapper { width: 100%; border-collapse: collapse; }

/* SPRITES */
	.minus { background: url('http://www.teenparent.tv/layout/images/plus_minus.gif'); width: 9px; height: 9px; margin-left: 3px; }
	.minus:hover { background: url('http://www.teenparent.tv/layout/images/plus_minus.gif') 27px; }
	.plus { background: url('http://www.teenparent.tv/layout/images/plus_minus.gif') 18px; width: 9px; height: 9px; margin-left: 3px; }
	.plus:hover { background: url('http://www.teenparent.tv/layout/images/plus_minus.gif') 9px; }

/* BOXOVER */
	.bo_small_header{ font-weight: bold; width: 150px; border: 1px solid #C8BA92; padding: 5px; font-size: 12px; color: #000000; background-color: #F3F0E7; z-index:1000;}
	.bo_small_body { border-bottom: 1px solid #C8BA92; border-left: 1px solid #C8BA92; border-right: 1px solid #C8BA92; width: 150px; padding: 5px; background-color: #FFFFFF; z-index:1000;}

/* MODULES */
	#module_list .handle { cursor: move; }
	#module_list .body { width:100% }
	#module_list .img { border: 1px solid grey; }

	.handle { background-color: #FFD8AF; font-size: 11px; padding: 4px; border-top: 1px solid #FFB55F; margin-top: 5px; height: 15px; cursor: move; }
	.settings { padding: 3px; height: 33px; background-color: #F4F4F4; }
	.settings div { border: 1px dashed #EF952C; text-align: right; padding: 3px; }

/* FORUMS */
	.ForumTable{ border-collapse: collapse; margin: 1px 4px 0px 4px !important; }
	.ForumTable td { padding: 5px; border: 1px solid #BFBFBF; }
	.ForumTable .DifBg{ background-color: #EFEFD1; }
	.ForumTable .DifBg2{ background-color: #EDEFE1; }
	.ForumTable .title, .ForumTable .title td, .orangetitle { background-color: #F4F4F4; padding: 4px; font-weight: bold; font-size: 11px; color: #0099CC; }

	.code { width: 80%; background-color: #F4F4F4; border: 1px solid #A8A8A8; margin: 5px; padding: 3px; color: #4C4B4B; }
	.quote { width: 80%; background-color: #F4F4F4; border-left: 1px solid #A8A8A8; border-bottom: 1px solid #A8A8A8; margin: 5px; padding: 3px; color: #2F2F2F; }
	.AuthorBox { float:right; padding:6px; margin-left: 4px; margin-bottom: 2px; border-left: 1px dashed #C3CAD2; border-bottom: 1px dashed #C3CAD2; }

/* LINK STYLES */
	.whitelinks a:link,.whitelinks a:visited{text-decoration: none; color: #FFFFFF;}
	.whitelinks a:hover {text-decoration: underline;}

	a.white:link,a.white:visited{text-decoration: none; color: #FFFFFF;}
	a.white:hover {text-decoration: underline;}

	a.orange:link,a.orange:visited{text-decoration: none; color: #FF9900;}
	a.orange:hover {text-decoration: underline;}

	.EmptyTable { border-collapse: collapse; }
	.EmptyTable td{ border: 0px; padding: 0px; margin: 0px }

/* OVERLAYS / ANIMATION */
	.Ov { position: relative; padding: 1px; margin: 1px; background-color: #ffffff; border: 1px solid #BFBFBF; width: 100px; height: 100px; float: left; }
	.OvL { position: relative; padding: 1px; margin: 1px; background-color: #ffffff; border: 1px solid #BFBFBF; width: 400px; height: 400px; float: left; }
	.OvS { position: relative; padding: 1px; margin: 1px; background-color: #ffffff; border: 1px solid #BFBFBF; width: 95px; height: 95px; float: left; cursor: pointer; }

	.Ov_Top { border: 0px; position: absolute; left: 1px; top: 1px; z-index: 12;  }
	.Ov_Over{ border: 0px; position: absolute; left: 1px; top: 1px; z-index: 11; }
	.Ov_Under{border: 0px; position: absolute; left: 1px; top: 1px; z-index: 10; }
	.Ov_Orig{ border: 0px; position: absolute; left: 1px; top: 1px; z-index: 8; }
	.Ov_Load{ border: 0px; position: absolute; z-index: 9; filter:alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; width: 48px; height: 47px; background: url('http://www.teenparent.tv/layout/images/loading.gif') no-repeat; }

	.Ov_Star{ cursor: pointer; border: 0px; position: absolute; z-index: 14; bottom: 3px; right: 3px; background: url('http://www.teenparent.tv/layout/images/stars.png') no-repeat -14px 0; width: 14px; height: 14px; filter:alpha(opacity=40); -moz-opacity: 0.40; opacity: 0.40; }
	.Ov_Star_On { cursor: pointer; border: 0px; position: absolute; z-index: 14; bottom: 3px; right: 3px; background: url('http://www.teenparent.tv/layout/images/stars.png') no-repeat -14px 0; width: 14px; height: 14px; filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
	.Ov_Star:hover { filter:alpha(opacity=75); -moz-opacity: .75; opacity: .75; }

	.Ov_Float { position:absolute; bottom:1px; right:1px; left: 1px; z-index: 13;
		color: white;
		filter:alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
		background-color: black;
	}
	.Ov_Float a {
		color: white;
	}
	.Ov_Text {
		padding: 3px;
		filter:alpha(opacity=100);
		-moz-opacity: 1.0;
		opacity: 1.0;
	}

/* SHORT CSS CODES */
	.big        { font-size: 18px; font-weight: bold; }
	.hide        { display: none;}
	.float        { float: left;}
	.relative    { position: relative;}
	.pointer    { cursor: pointer;}
	.drag        { cursor: move;}
	.grey        { color: #4F4F4F;}
	.lgrey        { color: #7F7F7F;}
	.orange        { color: #FF9900;}
	.white        { color: white;}
	.red        { color: red;}
	.ssm        { font-size: 9px; }

	.blue        { color: #0A9BAF; }
	.green        { color: #028c00;}

	.break {clear:both}
	.divframe { overflow:auto; }

	.message    { color: red;}
	.error        { color: red;}
	.nowrap        { white-space: nowrap}
	.bold,.b     { font-weight: bold}
	.u             { text-decoration: underline; }
	#pd3,.pd3    { padding: 3px;}
	#pd2,.pd2    { padding: 2px;}
	.pd5         { padding: 5px;}
	.pd10         { padding: 10px;}
	.pd7            { padding: 7px;}
		.pd15         { padding: 15px;}
	td.pd15     { padding: 15px;}
	.top        { vertical-align: top;}
	.bottom        { vertical-align: bottom;}
	.fright        { float: right;}
	.fleft        { float: left;}
	.inline        { display: inline;}
	.nobold        { font-weight: normal; }

	a.red:link,a.red:visited{text-decoration: none; color: red;}
	a.red:hover {text-decoration: underline;}

	a.blue:link,a.blue:visited{text-decoration: none; color: #1595d8;}
	a.blue:hover {text-decoration: underline;}

	a.green:link,a.green:visited{text-decoration: none; color: #028c00;}
	a.green:hover {text-decoration: underline;}

	a.black:link,a.black:visited{text-decoration: none; color: #000000;}
	a.black:hover {text-decoration: underline;}

/* COMMENTS */
	.leavecomment textarea { height: 40px; width: 100%; }
	.commentdiv{ margin-bottom: 1px; /*background-color: #FFD19B;*/ padding: 8px; border-bottom: 1px solid #ECEFF5; }
	.preview{ border: 1px solid #808080; background-color: #EFFCFF; }
	.commentdiv .commentheader { font-size: 12px; }
	.commentdiv img, .commentdiv .img, .avatar{ padding: 2px; margin-bottom: 2px; margin-right: 5px; background-color: #ffffff; border: 1px solid #BFBFBF; }

	div.transparent { filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2; -khtml-opacity:0.2; }

	div.CommentOverlay{ display: none; padding-top: 100px; width: 500px; position: absolute; }
	.cpagination { padding: 3px; }
	a.cp{ border: 1px solid grey; margin: 4px 2px 2px 2px; padding: 2px 4px 2px 4px; }
	.cpCurr{ margin: 2px; padding: 2px 4px 2px 4px; font-weight: bold; }

/* LINK ICONS */
	.Iarticle { background:url("http://www.teenparent.tv/layout/images/Iarticle.gif") left no-repeat; padding: 0 0 0 15px; }
	.Icomment { background:url("http://www.teenparent.tv/layout/images/Icomments.gif") left no-repeat; padding: 0 0 0 15px; }
	.Ipuzzle { background:url("http://www.teenparent.tv/layout/imagesn/Ipuzzle.gif") left no-repeat; padding: 0 0 0 18px; }
	.Iexternal { background:url("http://www.teenparent.tv/layout/images/external-link.gif") right no-repeat; padding: 0 18px 0 0; }
	.Iup { background:url("http://www.teenparent.tv/layout/images/thumbsup.gif") right no-repeat; padding: 9px 18px 10px 0; }
	.Idown { background:url("http://www.teenparent.tv/layout/images/thumbsdown.gif") right no-repeat; padding: 9px 18px 10px 0; }

/* MIME ICONS */
	/*.img { background:url("http://www.teenparent.tv/layout/imagesn/mime/img.gif") left no-repeat; padding: 0 0 0 20px; }*/

	.closed { background:url("http://www.teenparent.tv/layout/imagesn/mime/closed.gif") 0px 0px no-repeat; padding: 2px 0px 4px 20px; }
	.current { background:url("http://www.teenparent.tv/layout/imagesn/mime/current.gif") 0px 0px no-repeat; padding: 2px 0px 4px 20px; }
	.open { background:url("http://www.teenparent.tv/layout/imagesn/mime/open.gif") 0px 0px no-repeat; padding: 2px 0px 4px 20px; }
	.folder { background:url("http://www.teenparent.tv/layout/imagesn/mime/folder.gif") 0px 0px no-repeat; padding: 2px 0px 4px 20px; }
	.audio { background:url("http://www.teenparent.tv/layout/imagesn/mime/audio.gif") 0px 0px no-repeat; padding: 2px 0px 4px 20px; }
	.ipic { background:url("http://www.teenparent.tv/layout/imagesn/mime/icon_pic.gif") 0px 0px no-repeat; padding: 2px 0px 4px 20px; }
	.ivid { background:url("http://www.teenparent.tv/layout/imagesn/mime/icon_vid.gif") 0px 0px no-repeat; padding: 2px 0px 4px 20px; }

	.link { background:url("http://www.teenparent.tv/layout/imagesn/mime/link.gif") 0px 6px no-repeat; padding: 2px 0px 4px 20px; }
	.unknown { background:url("http://www.teenparent.tv/layout/imagesn/mime/unknown.gif") 0px 0px no-repeat; padding: 2px 0px 4px 20px; }

	.bmp { background:url("http://www.teenparent.tv/layout/imagesn/mime/bmp.gif") 0px 0px no-repeat; padding: 2px 0px 4px 20px; }
	.css { background:url("http://www.teenparent.tv/layout/imagesn/mime/css.gif") 0px 0px no-repeat; padding: 2px 0px 4px 20px; }

	.doc { background:url("http://www.teenparent.tv/layout/imagesn/mime/doc.gif") 0px 0px no-repeat; padding: 2px 0px 4px 20px; }
	.exe { background:url("http://www.teenparent.tv/layout/imagesn/mime/exe.gif") 0px 0px no-repeat; padding: 2px 0px 4px 20px; }

	.gif { background:url("http://www.teenparent.tv/layout/imagesn/mime/gif.gif") 0px 0px no-repeat; padding: 2px 0px 4px 20px; }
	.htm { background:url("http://www.teenparent.tv/layout/imagesn/mime/htm.gif") 0px 0px no-repeat; padding: 2px 0px 4px 20px; }

	.jpg { background:url("http://www.teenparent.tv/layout/imagesn/mime/jpg.gif") 0px 0px no-repeat; padding: 2px 0px 4px 20px; }
	.pdf { background:url("http://www.teenparent.tv/layout/imagesn/mime/pdf.gif") 0px 0px no-repeat; padding: 2px 0px 4px 20px; }
	.pps { background:url("http://www.teenparent.tv/layout/imagesn/mime/pps.gif") 0px 0px no-repeat; padding: 2px 0px 4px 20px; }
	.ppt { background:url("http://www.teenparent.tv/layout/imagesn/mime/ppt.gif") 0px 0px no-repeat; padding: 2px 0px 4px 20px; }
	.txt { background:url("http://www.teenparent.tv/layout/imagesn/mime/txt.gif") 0px 0px no-repeat; padding: 2px 0px 4px 20px; }
	.xls { background:url("http://www.teenparent.tv/layout/imagesn/mime/xls.gif") 0px 0px no-repeat; padding: 2px 0px 4px 20px; }
	.xlt { background:url("http://www.teenparent.tv/layout/imagesn/mime/xlt.gif") 0px 0px no-repeat; padding: 2px 0px 4px 20px; }
	.xml { background:url("http://www.teenparent.tv/layout/imagesn/mime/xml.gif") 0px 0px no-repeat; padding: 2px 0px 4px 20px; }
	.zip { background:url("http://www.teenparent.tv/layout/imagesn/mime/zip.gif") 0px 0px no-repeat; padding: 2px 0px 4px 20px; }
	.rtf { background:url("http://www.teenparent.tv/layout/imagesn/mime/rtf.gif") 0px 0px no-repeat; padding: 2px 0px 4px 20px; }

	.visio { background:url("http://www.teenparent.tv/layout/imagesn/mime/visio.gif") left no-repeat; padding: 0 0 0 15px; }

/* JOURNAL DISPLAY */
	.comm_body { clear: both; color: #000000; border-bottom: 1px solid #DCDCB4; background-color:#FAFAE7; height:12px; padding:4px; margin:6px 0 6px 0; white-space: nowrap; }
	.comm_body a:link, .comm_body a:active , .comm_body a:visited { color: #000000; }
	.com_body a:hover { text-decoration: underline;}
	.comm_left{ width: 50%; float: left; margin: 0; padding: 0; }
	.comm_right{ width: 49%; float: right; text-align: right;}
	.clear { clear: both; line-height: 0; height: 0; padding: 0; margin: 0; }

/* AUTO COMPLETE */
	div.autocomplete {
		position:absolute;
		width:246px;
		background-color:white;
		border:1px solid #888;
		border-top: none;
		margin:0px;
		padding:0px;
		z-index: 20;
	}
	div.autocomplete ul {
		list-style-type:none;
		margin:0px;
		padding:0px;
	}
	div.autocomplete div {
		margin:0px;
		padding:0px;
	}
	div.autocomplete ul li.selected { background-color: #ffb;}
	div.autocomplete ul li {
		font-weight: bold;
		list-style-type:none;
		display:block;
		margin:0;
		padding:2px;
		height:32px;
		cursor:pointer;
	}
	div.autocomplete ul li div {
		font-weight: normal;
	}

/* AUTO COMPLETE NAME ONLY */
	div.autocomplete_embed {
		position:absolute;
		width:246px;
		background-color:white;
		border:1px solid #888;
		border-top: none;
		margin:0px;
		padding:0px;
	}
	div.autocomplete_embed ul {
		list-style-type:none;
		margin:0px;
		padding:0px;
	}
	div.autocomplete_embed ul li {
		font-weight: bold;
		list-style-type:none;
		display:block;
		margin:0;
		padding:2px;
		height:18px;
		cursor:pointer;
	}
	div.autocomplete_embed ul li.selected { background-color: #ffb;}

/* POPUP DIALOG BOXES */
	.dia {
		height: 0px;
		width: 0px;
		overflow: visible;
		position: absolute;
		z-index: 99;
	}
	table.dia_table {
		border-collapse: collapse;
		margin: auto;
		table-layout: fixed;
		width: 350px;
		border: 5px solid grey;
	}
	td.dia_content {
		background-color: white;
		padding: 0px;
		vertical-align: top;
	}
	.dia_body {
		padding: 6px;
		border-bottom: 1px solid #ccc;
	}
	.diaiframe{
		border: 1px solid white;
		overflow: auto;
		width: 100%;
		height: 10px;
	}
	.dia_buttons {
		background: #f2f2f2;
		padding: 5px 8px 5px 8px;
	}
	.dia_content h1 {
		background: #F4F4F4;
		margin: 0px;
		padding: 8px;
		font-size: 12px;
		font-weight: bold;
		color: #00799F;
	}
	.dia_submit {
		border-left: 1px solid #D9DFEA;
		border-top: 1px solid #D9DFEA;
		border-right: 1px solid #0e1f5b;
		border-bottom: 1px solid #0e1f5b;
		background-color: #006688;
		color: #FFFFFF;
		font-size: 11px;
		cursor: pointer;
		cursor: hand;
	}
	.darkenBackground {
		background-color: rgb(0, 0, 0);
		opacity: 0.7; /* Safari, Opera */
		-moz-opacity:0.70; /* FireFox */
		filter: alpha(opacity=70); /* IE */
		z-index: 20;
		height: 100%;
		width: 100%;
		background-repeat:repeat;
		position:fixed;
		top: 0px;
		left: 0px;
	}

/* Pagination */
	.PLinks { padding: 4px; font-weight: bold; font-size: 12px;}
	.PLinks a:link,.PLinks a:visited { padding: 3px 5px 3px 5px; background-color: #EEEEEE; text-decoration: none;}
	.PLinks a:hover { background-color: #F9BC7D;}
	.PLinks .curr-page {padding: 4px; margin: 1px; color: #000000;}

	.Pagination { padding: 4px; font-weight: bold; font-size: 12px;}
	.Pagination a:link,.Pagination a:visited { padding: 3px 5px 3px 5px; }
	.Pagination a:hover { background-color: #EEEEEE;}
	.Pagination .curr-page {padding: 4px; margin: 1px; color: #000000;}

/* Ask a Question - DEEZINE - March 2011 */
#send-question .sq-row {
	clear: left;
	float: left;
	position: relative;
	width: 100%;
	margin-bottom: 4px;
}
#send-question label {
	float: left;
	position: relative;
	display: block;
	width: 30%;
	height: 19px;
	line-height: 19px;
}
#send-question input[type=text],
#send-question textarea {
	float: left;
	position: relative;
	display: block;
	width: 60%;
	margin-left: 2%;
}
#send-question input[type=submit] {
	margin-top: 15px;
	margin-left: 32%; 
	cursor: pointer;
}
#send-question #emailAddress {
	display: none;
}
#send-question .focus {
	color: #999;
}
#dz2011-logos {
	width: 800px;
	float: left;
	clear: left;
	height: 150px;
	margin-top: 30px;
}
#dz2011-logos a {
	display: inline-block;
	width: 25%;
	float: left;
	height: 150px;
	line-height: 150px;
	text-align: center;
	text-decoration: none;
}
.home2011 .section {
	background-color: #f4f3f2;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 30px;
}
.home2011 h2 {
	font-weight: normal;
	background: none;
	color: #300;
	line-height: 150%;
	font-size: 14px;
	padding: 0;
}
.blog-description.section.with-title-bar h1.arial-round,
.home2011 .section.with-title-bar > h2 {
	margin: -20px -20px 20px -20px;
	color: #422204;
	font-size: 18px;
	padding: 15px 0 10px 60px;
	background: #cdc8c3 no-repeat 20px center;
	border-radius: 10px 10px 0 0;
}
.home2011 .section.active-members > h2 {
	background-image: url('/layout/images/2011/index-onlinenow.png');
}
.home2011 .section.popular-videos > h2 {
	background-image: url('/layout/images/2011/index-recentvideos.png');
	background-position: 20px 15px;
}
.home2011 .section.popular-topics > h2 {
	background-image: url('/layout/images/2011/index-recentblogs.png');
}
.home2011 .arrow {
	background: transparent url('/layout/images/2011/index-roundabout-arrows.png') no-repeat left top;
	position: absolute;
	width: 29px;
	height: 29px;
}
.home2011 .circle .top,
.home2011 .circle .right,
.home2011 .circle .bottom,
.home2011 .circle .left {
	width: 160px;
	height: 175px;
	text-align: center;
	position: absolute;
	font-size: 13px;
	line-height: 150%;
}  
.home2011 .circle .top img,
.home2011 .circle .right img,
.home2011 .circle .bottom img,
.home2011 .circle .left img {
	background-color: #d6d2ce;
	border-radius: 10px;
	padding: 16px;
	border: 4px solid #d6d2ce;
}
.home2011 .circle .top a:hover img,
.home2011 .circle .right a:hover img,
.home2011 .circle .bottom a:hover img,
.home2011 .circle .left a:hover img {
	border: 4px solid #03c1cd;
	box-shadow: 0px 0px 10px #fff;
}
.home2011 .circle .top a:active img,
.home2011 .circle .right a:active img,
.home2011 .circle .bottom a:active img,
.home2011 .circle .left a:active img {
	border: 4px solid #f7fc1e;
	box-shadow: 0px 0px 10px #fff;
}
.home2011 .circle h2 {
	text-transform: lowercase;
	padding: 10px 0;
	font-size: 18px;
}
.home2011 .circle .top,
.home2011 .circle .bottom {
	left: 170px;
}
.home2011 .circle .left,
.home2011 .circle .right {
	top: 140px;
}
.home2011 .circle .bottom {
	top: 260px;
}
.home2011 .circle .right {
	right: 0px;
}
.home2011 .circle {
	height: 470px;
	position: relative;
	padding-bottom: 40px;
	padding-top: 20px;
}
.home2011 .topleft,
.home2011 .bottomleft {
	left: 75px;
}
.home2011 .topright,
.home2011 .bottomright {
	left: 390px;
}
.home2011 .topleft,
.home2011 .topright {
	top: 45px;
}
.home2011 .bottomleft,
.home2011 .bottomright {
	top: 360px;
}
.home2011 .topleft {
	background-position: left top;
}
.home2011 .topright {
	background-position: right top;
}
.home2011 .bottomright {
	background-position: right bottom;
}
.home2011 .bottomleft {
	background-position: left bottom;
}
.home2011 .welcome .action {
	margin: -20px;
	padding: 20px 20px 20px 65px;
	background: #f7fc1e url('/layout/images/2011/index-joinnow.png') no-repeat 20px center;
	border-radius: 0 0 10px 10px;
	position: relative;
}
.home2011 .welcome .action h2 {
	font-size: 18px;
	padding-bottom: 0px;
	margin-bottom: 0;
}
.home2011 .welcome .action h3 {
	font-weight: normal;
	padding: 0;
	margin: 0;
	font-size: 11px;
	line-height:14px;
}
.home2011 .welcome .action .button {
	position: absolute;
	top: 25px;
	right: 20px;
}
a.button {
	border-radius: 5px;
	border: 1px solid #489dc2;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 8px 30px;
	background: rgb(72,157,194);
	background: -moz-linear-gradient(top, rgba(72,157,194,1) 0%, rgba(9,190,201,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(72,157,194,1)), color-stop(100%,rgba(9,190,201,1)));
	background: -webkit-linear-gradient(top, rgba(72,157,194,1) 0%,rgba(9,190,201,1) 100%);
	background: -o-linear-gradient(top, rgba(72,157,194,1) 0%,rgba(9,190,201,1) 100%);
	background: -ms-linear-gradient(top, rgba(72,157,194,1) 0%,rgba(9,190,201,1) 100%);
	background: linear-gradient(top, rgba(72,157,194,1) 0%,rgba(9,190,201,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#489dc2', endColorstr='#09bec9',GradientType=0 );
}
a.button:hover,
.nav a:hover {
	text-decoration: underline;
}
.home2011 h1 {
	font-size: 23px;
	padding-bottom: 20px;
}
.home2011 ul,
.video2011 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.home2011 ul li,
.video2011 ul li {
	margin: 0;
	padding: 0;
	float: left;
}
.home2011 .active-members li {
	width: 17%;
	float: left;
	clear: none;
	margin-left: 13px;
	position: relative;
	border: 1px solid #8d8b89;
	padding: 1px 1px 0 1px;
}
.home2011 .active-members li:first-child {
	margin-left: 0;
}
.home2011 .active-members li img {
	width: 100%;
	height: 80px;
	margin-bottom: -1px;
}
.popular-videos img {
	border: 1px solid #000;
	width: 140px;
	height: 80px;
}
.popular-videos li a.image {
	text-decoration: none;
}
.popular-videos a span {
	background: rgba(0,0,0,0.8);
	width: auto;
	line-height: 20px; 
	padding-left: 5px;
	width: 135px;
	position: absolute;
	bottom: 1px;
	left: 1px;
	color: #fff;
}
.popular-videos a:hover span {
	background: rgba(9,190,201,0.8);
}
.popular-videos li .details {
	width: 220px;
	padding-left: 10px;
	vertical-align: top;
	display: inline-block;
}
.directory .popular-videos li .details {
	width: 330px;
}
.popular-videos h3 {
	font-weight: bold;
	line-height: 115%;
	margin-top: 0;
	margin-bottom: 5px;
}
.listing .channel {
	display: inline-block;
}
.listing .channel,
.listing .channel a {
	font-style: italic;
	color: #9b8a7b;
	text-decoration: none;
}
.listing .channel a:hover {
	text-decoration: underline;  
}
.listing {
	overflow: hidden;
}
.listing .button {
	float: right;
	display: inline-block;
}
.popular-topics h3 {
	margin: 0;
}
.listing li {
	margin-bottom: 20px;
	list-style-type: none;
}
.video2011 .listing li {
	margin-bottom: 10px;
}
.popular-videos a.image {
	position: relative;
	display: inline-block;
}
.popular-videos a.image:hover img {
	border: 1px solid #03c1cd;
	box-shadow: 0px 0px 10px #fff;
}
.popular-videos a.image:active img {
	border: 1px solid #f7fc1e;
	box-shadow: 0px 0px 10px #fff;
}  
.ie7 .home2011 .right h3 {
	font-size: 14px;
}       
.ie7 .popular-videos .details {
	display: inline;
}                                
.ie9 .active-members li,
.ie8 .active-members li {
	padding-bottom: 2px;
}                    
.ie7 .right .section,
.ie8 .right .section {
	width: 85%;
}
.video-description h1 {
	color: #0DC1DA;
	font-size: 16px;
	padding-left: 10px;
}
.video2011 h2 {
	border-bottom: 1px solid #2DE1FA;
	color: #0DC1DA;
	background: none !important;
	font-size: 14px;
	padding-bottom: 0;
	margin-bottom: 5px;
}
.indented-content {
	padding: 10px;
}
.video2011 .summary p,
.video2011 .summary (
	line-height: 150%;
	font-size: 12px;
)
.video2011 .popular-videos {
	margin-bottom: 0;
}
.home2011 .listing li {
	margin-bottom: 15px;
}
.have-a-question {
	overflow: hidden;
}
.nav a {
	font-size: 12px;
	padding-left: 22px !important;
	padding-right: 14px !important;
}
.nav a.active,
.nav a:hover {
	color: #F7FC1E !important;
	text-shadow: 0px 0px 3px #00a0ab;
	text-decoration: none !important;
}
.home2011 .blog-description h2 {
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
}