html {
background:#f5f5f5;
}
body* {
margin:0;
padding:0;
}
body {
background:#f5f5f5;
margin-left:30px;
font-size: 62.5%;
}
#window {
position:relative;
background:url('http://andnowuknow.com/css/images/window.jpg') top left no-repeat;
margin:5px auto;
width:960px;
height:1200px;
border-top:3px solid #999999;
border-left:3px solid #444444;
border-right:3px solid #777777;
border-bottom:3px solid #dddddd;
}
#topBannerBox{
margin:2px 0px 4px 2px;
width:660px;
height:102px;
overflow:hidden;
float:left;
background:#11111;
}
#topBanner{
z-index:5;
float:left;
margin:0px; 
width:651px;
height:100px;
border:1px solid #999999;
overflow:hidden;
padding:2px;
}
#topBanner li{
position:absolute;
float:left;
display:block;
width:651px;
height:100px;
display:hidden;
}
#topBannerwoB{
float:left;
margin:1px 1px 1px 1px; 
width:651px;
height:100px;
overflow:hidden;
}
#topBannerBox .misc{
background:#444444;
float:right;
margin:1px 6px 1px 1px; 
width:290px;
height:100px;
border:2px solid #999999;
}
#searchForm {
margin:0;
padding:0;
width:400px;
height:25px;
float:right;
}
#searchInput {
width:265px;
}
#headerSpace{
overflow:hidden;
width:960px;
height:83px;
float:left
}
#buttonBar {
margin:0px;
float:right;
height:80px;
padding:0px 0 0 0;
width:650px;
}
#buttonBar li:hover{

}
#buttonBar li a:hover{
border:0px;
}
#buttonBar li {
display:inline;
margin:0;
margin:0em -0.2em 0em -0.2em;
border:0px;
}
#buttonBar li .img:hover{
background:url('http://andnowuknow.com/css/images/button_back.jpg') top right no-repeat;
border:0px;
}
#active{
background:url('http://andnowuknow.com/css/images/button_back.jpg') top right no-repeat;
border:0px;
}
.img {
border:0px;
}
#divider {
position:relative;
height:25px;
border-top:2px solid #555555;
border-bottom:2px solid #555555;
clear:both;
width:960px;
padding-top:2px;
background:#1a1a1a;

}
#logo {
height:45px;
overflow:hidden;
width:600px;
position:absolute;
left:-20px;
bottom:-17px;

}
 #logo .bulletI{
border:0px;
filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9;
}
#divider .info{
background:#1a1a1a;
float:left;
letter-spacing:-0.1em;
margin-left:50px;
color:#eeeeee;
font-family: "Arial black","Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
font-size:14px;
font-weight:bold;
line-height:150%;
font-variant:small-caps;
}
#searchBox {
margin-top:5px;
margin-left:20px;
height:800px;
width:800px;
border:3px solid #888888;
}
a {
border:0px;
color:black;
font-family:'Lucida Sans unicode','Lucida Grande';
font-size:11px;
text-decoration:none;
font-weight:bold;
}
h1 {
color:#EEE;
font-family:'Lucida Sans unicode','Lucida Grande';
font-size:35px;
text-decoration:none;
margin-left:10px;
line-height:200%;
margin-bottom:0px;
}
h7 {
color:#EEE;
font-family:'Lucida Sans unicode','Lucida Grande';
font-size:14px;
text-decoration:none;
margin-left:10px;
}
h7 a{
font-size:bold;
color:#EEE;
font-family:'Lucida Sans unicode','Lucida Grande';
font-size:14px;
text-decoration:none;
margin-left:0px;
}
h7 a:hover{
text-decoration:none;
}
a:hover {
text-decoration:none;
}
p
{
font-family:'Lucida Sans unicode','Lucida Grande';
font-size:12px;
}
.from {
background:url('http://andnowuknow.com/css/images/steel_form.jpg') no-repeat top left  #EEE;
height:700px;
width:300px;
font-family: arial, "lucida console", sans-serif;
border:1px solid #777777; 
}
legend {
height:15px;
padding: 0.2em 0.5em;
background:#dddddd;
border:1px solid #555555;
color:#1a1a1a;
font-size:75%;
text-align:right;
font-weight:bold;
}
fieldset { 
padding:5px;
margin:5px;
border:1px solid #777777; 
background:url('http://andnowuknow.com/css/images/steel_input2.png') repeat-y top left;
}
fieldset input{ 
margin:5px;
}
#uploadCenter {
background:#;
margin:100px auto;
width:940px;
height:450px;
}
form {
float:left;
margin:5px;
}
label {
float:none;
font-family:'Lucida Sans unicode','Lucida Grande';
background:url('http://andnowuknow.com/css/images/button_back.gif') repeat top left;

padding: 0.2em 0.5em;

color:#ffffff;
font-size:12px;
text-align:right;
margin: 5px;
width:auto;
overflow:hidden;
font-weight:bold;
}
.vid {
width:651px;
height:300px;
padding:21px 0px 0px 163px;
background:url('http://andnowuknow.com/css/images/vid.jpg') no-repeat;
}
input.file {
margin:10px;
height:10px;
}
#uploadSuccessCenter {
width:900px;
height:300px;
border:1px solid #dddddd;
}
#uploadSuccessCenter .seg{
margin:5px;
padding:10px;
width:200px;
height:210px;
border:1px solid #dddddd;
float:left;
}

#showBox {
position:relative;
margin-left:3px;
width:651px;
height:60px;
float:left;
background:url('http://andnowuknow.com/css/images/showBox.jpg') no-repeat top left #000000;
border:1px solid #1a1a1a;
margin-bottom:1px;
}
#vidPlayerBox {
z-index:3;
margin-left:3px;
width:651px;
height:300px;
float:left;
background:#000000;
border:1px solid #1a1a1a;
margin-bottom:1px;
}
#uploadSuccessCenter .seg p{
font-family:'Lucida Sans unicode','Lucida Grande';
font-size:12px;
}
#uploadSuccessCenter .seg .pic{
float:left;
border:2px solid #1a1a1a;
margin:10px;
height:105px;
width:150px;
}
#listBlock {
margin-top:1px;
margin-left:0px;
border-top:2px solid #999999;
border-left:2px solid #444444;
border-right:2px solid #777777;
border-bottom:2px solid #ffffff;
height:430px;
width:620px;
overflow:auto;
background:#cccccc;
float:left;

}
#listBlock .empty{
font-family:'Lucida Sans unicode','Lucida Grande';
font-size:20px;
margin-top:20px;
margin-left:20px;
}
#listBlock .playListing{
margin-top:5px;
margin-left:8px;
border:1px solid #888888;
height:110px;
width:570px;
overflow:hidden;
background:#ffffff;
padding:10px;
}
#va {


}
.va {
font-family:'Lucida Sans unicode','Lucida Grande';
font-size:36px;
margin-top:50px;
margin-left:0px;
line-height:110%;

color:888888;
}
#box {

}
#listBlock .playListing .choice{
background:#888888;
width:150px;
height:90px;
padding:3px;
border:2px solid #c2ea06;
margin:5px 5px;
float:left;
}
#listBlock .playListing .choice:hover{
background:#333333;
border:2px solid #c2ea06;
}
#listBlock .playListing .block{
border:1px solid #dddddd;
margin:5px 0px 10px 0px;
height:85px;
width:345px;
float:left;
padding:5px 25px;
background:#F5F5F5;
}
#listBlock .playListing .block .title a{
margin-bottom:10px;
line-height:150%;
font-size:16px;
font-family:'Lucida Sans unicode','Lucida Grande';
font-weight:bold;
color:#444444;
border-bottom:1px solid #888888;
text-shadow: #aaaaaa  2px 2px 0px;	

}
#listBlock .playListing .block .title a:hover{
color:#c2ea06;
border-bottom:0px;
}
#listBlock .playListing .block p a{
font-family:'Lucida Sans unicode','Lucida Grande';
font-size: 14px;
font-style: normal;
font-weight:normal;
text-transform:small-caps;
letter-spacing: -0.5px;
line-height: 1.2em;
color:#777777;
}
#listBlock .playListing .block p a:hover{
color:#999999;
}
#content {
height:1000px;
width:656px;
float:left;
overflow:hidden;
}
#contentArchive {
margin:10px 0px 0px 80px;

width:800px;
float:left;
overflow:hidden;
}
#adBlock {
z-index;4;
margin-top:0px;
width:295px;
float:left;
}
.smallAd {
width:180px;
height:100px;
float:left;
margin:3px 1px 1px 1px;
border:1px solid #999999;
display:block;
padding:0px;
}
#currrentShow {
height:25px;
width:600px;
border:1px solid #dddddd;
font-size:14px;
font-style:italic;
font-family:'Lucida Sans unicode','Lucida Grande';
background:#000000;
}
#currrentShow p {
font-size:12px;
font-style:italic;
font-family:'Lucida Sans unicode','Lucida Grande';
}
 #status{
width:50%;
padding:10px;
height:42px;
outline:none;
}
.focusField{
font-family:'Lucida Sans unicode','Lucida Grande';
border:solid 2px #c2ea06;
font-size:15px;
background:#434242;
color:#fff;
}
.idleField{
font-family:'Lucida Sans unicode','Lucida Grande';
background:#EEE;
font-size:15px;
color: #6F6F6F;
border: solid 2px #DFDFDF;
}
.file_1 {
font-family: 'Helvetica' , arial, "lucida console", sans-serif;
background:url('images/ajax-loader(4).gif') no-repeat top left  #EEE;
color: #6F6F6F;
border: solid 2px #777777;
overflow:hidden;
}
.file3 {
font-family: 'Helvetica' , arial, "lucida console", sans-serif;
background:url('http://andnowuknow.com/css/images/ajax-loader(4).gif') no-repeat top left  #EEE;
color: #6F6F6F;
border: solid 2px #777777;
overflow:hidden;
}
.file2 {
font-family: 'Helvetica' , arial, "lucida console", sans-serif;
background:url('http://andnowuknow.com/css/images/ajax-loader(4).gif') no-repeat top left  #EEE;
color: #6F6F6F;
border: solid 2px #777777;
overflow:hidden;
}
.fileF {
font-family: 'Helvetica' , arial, "lucida console", sans-serif;
background:url('http://andnowuknow.com/css/images/ajax-loader(4).gif') no-repeat top left  #EEE;
color: #6F6F6F;
border: solid 2px #777777;
overflow:hidden;
}
.file5 {
font-family: 'Helvetica' , arial, "lucida console", sans-serif;
background:url('http://andnowuknow.com/css/images/ajax-loader(4).gif') no-repeat top left  #EEE;
color: #6F6F6F;
border: solid 2px #777777;
overflow:hidden;
}
.loader {
margin-top:20px;
margin-left:20px;
}
dl .dd {
width:60px;
height:10px;
}
.playButton {
background-color: rgb(20,20,20);
cursor: pointer;
font-weight: bold;
font-size: 1.25em;
opacity: .8;
filter: alpha(opacity=80);
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
position: relative;
top: 50%;
zoom: 100%;
padding: .5em 1em;
color: white;
}
.playBackground {
background-color: rgb(0,0,0);
opacity: 0.0;
filter: alpha(opacity=0);
position: absolute;
top: 0px; left: 0px;
}

#results {
list-style:none;
margin-left:20px;
margin-top:30px;
overflow:auto;
height:800px;

}
#results li{
background:#eeeeee;
height:35px;
margin:5px;
overflow:hidden;
}

#results a{
line-height:200%;
font-size:14px;
color:#444444;
padding-left:10px;
}
.choice{
font-size:14px;
color:#444444;
padding-left:10px;
font-weight:bold;
}
#results a:hover{
font-size:14px;
color:#444444;
padding-left:10px;
text-decoration:underline;
}
.searchPic {
float:left;
width:60px;
height:30px;
border:0px;
padding:2px;
}


#search {
-webkit-border-radius: 10px;
background-color: white;
padding: 2px;

			}
table {
border:10px solid #959887;
background-color: inherit;
-webkit-border-radius: 10px;
width: 100%;
padding: 10px;
height:380px;
overflow:auto;
}
th.sortable {
font-family:'Arial narrow';
color: #666;
cursor: pointer;
text-decoration:none;

}
th {
	height:50px;
}
th.sortable p a{
font-size:20px;
font-family:'Arial narrow';
color: #666;
cursor: pointer;
text-decoration: none;

}
th.sortable:hover { color: black; text-decoration:underline;}
th.sorted-asc, th.sorted-desc  { color: black; }
td {
padding:0 0 0 5px;
overflow:hidden;
background-color:#edefe0;

}
td p {
padding:0px;
color:#1a1a1a;
width:200px;
height:30px;
}
.archiveTitle a, .archiveBlurb a  {
width:100%;
height:30px;
position:relative;
display:block;
padding:10px 0px 0px 10px;
}
td p a{
padding:0px ;
color:#444444;
font-family: 'Lucida Sans unicode','Lucida Grande',Helvetica, sans-serif;
font-size:12px;
text-align:left;
}
td.odd {
background-color: #DDE0CD;
color: white;

}
td.odd a{
color: black;
font-weight:bold;

width:100%;
height:30px;
position:relative;
display:block;
padding:10px 0px 0px 10px;
}
td.hovered a{
background-color:#FF4100;
color: #fff;
width:100%;
height:30px;
position:relative;
display:block;
padding:10px 0px 0px 10px;
}
td.hovered {
background-color:#FF4100;
color: #fff;
}
tbody {
}
#ArchiveListBox {
margin-top:10px;
height:380px;
overflow:auto;
}
.ajaxscroll {
border: 1px solid #ddd;
} 
.ajaxscroll .batch {                
margin: 0;
padding: 0;
} 
.ajaxscroll .box {
height:115px;
width:590px;
overflow:hidden;
background:#F5F5F5;
display: inline-block;
margin: 5px !important;
} 
.ajaxscroll .empty .box {
border: 1px solid #ddd;
background: #FCFCFC url('http://andnowuknow.com/css/images/20.gif') no-repeat scroll center center;
} 
 #menu_scroll {
 overflow:auto;
}


.fileUploadQueueItem {
	font-size:15px;
	font-family: 'Trebuchet MS';
	font-weight:normal;
	color:#222222;
	background:url('http://andnowuknow.com/css/images/steel_input2.png') top left repeat;
	border: 3px solid #444444;
	margin-top: 5px;
	
	padding: 10px;
	width: 300px;
}
.fileUploadQueueItem .cancel {
	float: left;
}
.fileUploadProgress {
	background-color: #1a1a1a;
	border-top: 1px solid #777777;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #444444;
	border-bottom: 1px solid #777777;
	margin-top: 10px;
	width: 100%;
}
.fileUploadProgressBar {
	background-color: #c2ea06;
}
.contactForm {
background:url('http://andnowuknow.com/css/images/field_input.gif') top left no-repeat;
width:750px;
height:195px;
border-top:3px solid #999999;
border-left:3px solid #444444;
border-right:3px solid #777777;
border-bottom:3px solid #dddddd;
margin-left:25px;
margin-top:10px;
}
.contactForm .contactOverlay {
padding:20px;
background:url('http://andnowuknow.com/css/images/steel_input2.png') top left repeat;
width:650px;
height:120px;
margin-top:20px;
margin-left:30px;
border-top:1px solid #777777;
border-bottom:1px solid #444444;
float:left;
border-right:solid 1px #444444;
}
.contactForm .contactOverlay a{
font-family: 'Lucida Sans unicode','Lucida Grande';
font-weight:bold;
margin-left:10px;
font-size:12px;
}

.contactForm .contactOverlay .upload{
float:right;
height:120px;
width:350px;

}
#exp{
width:300px;
height:120px;
float:left;
}
#exp .titleText {
overflow:hidden;
width:250px;
float:left;
height:80px;
}
#exp .titleText .title{
color:#ffffff;

font-family: 'Lucida Sans unicode','Lucida Grande';
font-weight: normal;
margin-left:10px;
font-size:20px;
}
#exp .titleText .title2{
color:#ffffff;

font-family: 'Lucida Sans unicode','Lucida Grande';
font-weight: normal;
margin-left:10px;
font-size:16px;
}
#exp .titleText p{
color:#ffffff;
float:left;
font-family: 'Lucida Sans unicode','Lucida Grande';
font-weight:normal;
margin-left:10px;
font-size:12px;
}
.contactForm2 {
background:url('http://andnowuknow.com/css/images/cform.jpg') top left repeat;
width:750px;
height:440px;
border-top:3px solid #999999;
border-left:3px solid #444444;
border-right:3px solid #777777;
border-bottom:3px solid #dddddd;
margin-left:25px;
margin-top:10px;
}
.contactForm2 .contactOverlay2 {
padding:20px;
background:url('http://andnowuknow.com/css/images/steel_input2.png') top left repeat;
width:650px;
height:350px;
margin-top:20px;
margin-left:30px;
border-top:1px solid #777777;
border-bottom:1px solid #444444;
float:left;
border-right:solid 1px #444444;
}
#exp2{
width:300px;
height:120px;
float:left;
}
#exp2 .titleText {
overflow:hidden;
width:500px;
float:left;
height:500px;
}
#exp2 .titleText .title{
color:#ffffff;

font-family: 'Lucida Sans unicode','Lucida Grande';
font-weight: normal;
margin-left:10px;
font-size:20px;
}
.thickbox{
color:#c2ea06;
font-family: 'Lucida Sans unicode','Lucida Grande';
font-weight: normal;
font-size:16px;
}
#exp2 .titleText p{
color:#ffffff;
float:left;
font-family: 'Lucida Sans unicode','Lucida Grande';
font-weight:normal;
margin-left:10px;
font-size:12px;
}
.homeImage {
margin:10px;
float:left;
}
#frame_js {
margin-top:15px;
height:25px; 
width:475px; 
overflow:hidden;
float:right;
}
#showBox .nowPlaying {
margin-left:16px;
margin-top:10px;
width:85px;
height:40px;
border:0;
float:left;
}
#footBar {
clear:both;
width:960px;
position:relative;
float:left;
padding-top:10px;
padding-left:275px;
height:110px;
background:url(images/window.jpg) 0px -1125px no-repeat;
margin-top:10px;
}
#footBar a{
font-family:impact;
text-align:center;
color:#222222;
}
#footBar p{

letter-spacing:-0.5px;
font-size:11px;
text-align:left;
color:#222222;
}

#footBar a:hover{
text-decoration:underline;
}
#submit {
font-family:'Lucida Sans unicode','Lucida Grande';


border:0px;
cursor:pointer;
}
#searchInput {
font-family:'Lucida Sans unicode','Lucida Grande';
font-size:15px;
background:#cccccc;
border:1px solid #999999;
}
#newsletter {
position:absolute;
width:204px;
height:35px;
right:100px;
top:0;
}

#exp .titleText3 {
overflow:hidden;
height:150px;
width:150px;
float:left;

}
#exp .titleText3 .title{
color:#ffffff;
font-family: 'Lucida Sans unicode','Lucida Grande';
font-weight: normal;
margin-left:10px;
font-size:20px;
}
#sendEmail {
position:absolute;
float:left;

height:190px;
top:580px;
left:180px;
}
.alert {
color:#cc0000;
font-family: 'Lucida Sans unicode','Lucida Grande';
font-size:10px;
}
#exp label {

}
#exp input {
float:right;
}
.inputBar {
width:200px;
height:30px;
}
#exp textarea{
margin-left:45px;
}
#exp textarea{
margin-left:45px;
}
#exp #submit{
margin-left:45px;
}
ul.idTabs, ul.idTabs li{width:auto; margin:0; padding:0;}
ul.idTabs li { list-style:none; float:left; }
ul.idTabs a {
	display:block;
	padding:8px 14px;
	text-decoration:none!important;
	margin:1px 0 0 0;
	background:#d6ebc2;
	color:#000;
}
ul.idTabs a:hover {
	background:#a9d194;
}
ul.idTabs a.selected {
	margin-bottom:0;
	color:#000;
	background:#fff;
	cursor:default;
}
ul.idTabs a:focus {outline: none;}
#tab-news, #tab-qd, #tab-st, #tab-btg,#tab-other{
  padding:1px 10px;
  clear:left;
  
  font-size:13px;line-height:18px
}
#tab-container{
	
	padding:11px 11px 11px 30px;
	height:800px;
	width: 495px;
}
ul.idTabs {
margin-left:20px;
}