/* BASE */
	body{ margin: 0px; padding: 0px; font-size: 11px; font-family: tahoma, arial, Verdana; }
	td{ font-size: 11px; font-size: 11px; font-family: tahoma, arial, Verdana; }
	small { font-size: 10px;}

	a:link,a:active,a:visited { text-decoration: none; color: #000000;}
	a:hover { text-decoration: underline;}
	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 orange; }
    .hrw { height: 1px; border-top: 1px solid white; width: 10px; }
	.h1 { background-color: #FF9F2F; padding: 8px; font-weight: bold; font-size: 12px; }
	h2,.h2 { background-color: #FF9F2F; padding: 4px; font-weight: bold; font-size: 12px; margin: 0; }

/* 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;}

/* WRAPPER */
	div.Wrapper { margin: 5px 0px 5px 0px; }

	div.Border { margin-bottom:5px; padding:5px; background-color: #B16102; }

	div.White { background-color: white; }
	div.dia_content { background-color: white; border: 1px solid #4F4F4F; padding: 5px; }

	table.Wrapper { width: 100%; margin: 5px 0px 5px 0px; border-spacing: 0px; border-collapse: collapse;  }
	table.Wrapper2 { width: 100%; margin: 0px; border-spacing: 0px; border-collapse: collapse;  }
	td.Left { vertical-align: top; margin-right: 3px;}
	td.Right { vertical-align: top;}

/* 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; }

/* 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: #FFD8AF; }
	.settings div { border: 1px dashed #EF952C; text-align: right; padding: 3px; }

/* FORUMS */
	.ForumTable{ width: 100%; border-collapse: collapse; margin: 3px !important; }
	.ForumTable td { padding: 5px; border: 1px solid #BFBFBF; }
	.ForumTable .DifBg{ background-color: #EFEFD1; }
	.ForumTable .title, .ForumTable .title td, .orangetitle { background-color: #FF9F2F; padding: 4px; font-weight: bold; font-size: 11px;}

	.code { width: 80%; background-color: #E7F4F4; border: 1px solid #A8A8A8; margin: 5px; padding: 3px; color: #4C4B4B; overflow: auto; }
	.quote { width: 80%; background-color: #ECE9D8; 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 }

	input,submit,select,textarea,button	{font-family: tahoma,arial;	font-size: 11px; }
	input[type=text], input[type=password], textarea { padding-left: 3px; border: 1px solid #6F3C00; }

/* 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.quantumshift.tv/layout/images/op_black_60.png');
	}
	#ImagePl .floating[class] {
	  background-image:url(http://www.quantumshift.tv/layout/images/op_black_60.png);
	}

/* 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: grey;}
	.orange		{ color: #FF9900;}
	.white		{ color: white;}
	.red		{ color: red;}
	.green		{ color: green;}
	.message	{ color: red;}
	.error		{ color: red;}
	.nowrap		{ white-space: nowrap}
	.bold 		{ font-weight: bold}
	.pd3 		{ padding: 3px;}
	.pd5 		{ padding: 5px;}
	.pd10 		{ padding: 10px;}
	.pd15 		{ padding: 15px;}
	td.pd15 	{ padding: 15px;}
	.top		{ vertical-align: top;}
	.bottom		{ vertical-align: bottom;}
	.fright		{ float: right;}
	.fleft		{ float: left;}
	.inline		{ display: inline;}

/* 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: #DFDFB5; border: 1px solid #CCCCCC; border-bottom: none; margin-right: 3px;}
	.ltab a { color: #000000; font-weight: bold;}
	.ltab.lselected a { color: #000000; }
	.ltab.lselected { background-color: #FFFFFF; }
	.ltab:hover { background-color: #DFDFB5; }
	.ltabbody { width: 100%; border: 1px solid #CCCCCC; }

/* COMMENTS */
	.leavecomment textarea { height: 40px; width: 100%; }
	.commentdiv{ margin-bottom: 1px; /*background-color: #FFD19B;*/ padding: 8px; border-bottom: 1px solid orange; }
	.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.quantumshift.tv/layout/images/Iarticle.gif") left no-repeat; padding: 0 0 0 15px; }
	.Icomment { background:url("http://www.quantumshift.tv/layout/images/Icomments.gif") left no-repeat; padding: 0 0 0 15px; }
	.Ipuzzle { background:url("http://www.quantumshift.tv/layout/imagesn/Ipuzzle.gif") left no-repeat; padding: 0 0 0 18px; }
	.Iexternal { background:url("http://www.quantumshift.tv/layout/images/external-link.gif") right no-repeat; padding: 0 18px 0 0; }
	.Iup { background:url("http://www.quantumshift.tv/layout/images/thumbsup.gif") right no-repeat; padding: 9px 18px 10px 0; }
	.Idown { background:url("http://www.quantumshift.tv/layout/images/thumbsdown.gif") right no-repeat; padding: 9px 18px 10px 0; }

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

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

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

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

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

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

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

	.visio { background:url("http://www.quantumshift.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; }

/* 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;
	}
	td.dia_content {
		background-color: white;
		border: 1px solid #4F4F4F;
		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: #FF9F2F;
		margin: 0px;
		padding: 8px;
		font-size: 12px;
		font-weight: bold;
	}
	.dia_submit {
		border-left: 1px solid #D9DFEA;
		border-top: 1px solid #D9DFEA;
		border-right: 1px solid #0e1f5b;
		border-bottom: 1px solid #0e1f5b;
		background-color: #F68600;
		color: #FFFFFF;
		font-size: 11px;
	}

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