#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
fieldset {
	border: 1px solid black; padding: 8px; margin: 8px 0;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}

body, div { font-family: 'lucida grande', helvetica, verdana, arial, sans-serif }
body { margin: 0; padding: 0; font-size: small; color: #333 }
h1, h2 { font-family: 'trebuchet ms', verdana, arial; padding: 10px; margin: 0 }
h1 { font-size: large }
#main { padding: 1em; }
#banner { padding: 15px; background-color: #06b; color: white; font-size: large; border-bottom: 1px solid #ccc;
    background: url(../layout/js/bg.gif) repeat-x; text-align: center }
#banner a { color: white; }
legend { font-weight: bold; }

button { padding: 0 6px; margin: 0; }

pre, code { white-space: pre; font-family: "Courier New"; }
pre { margin: 8px 0; }
h3 {
	font-size: 110%;
	font-weight: bold;
	margin: .2em 0 .5em 0;
}
p { margin: 1em 0; }
strong { font-weight: bolder; }
em { font-style: italic; }

.jscom, .mix htcom   { color: #4040c2; }
.com      { color: green; }
.regexp   { color: maroon; }
.string   { color: teal; }
.keywords { color: blue; }
.global   { color: #008; }
.numbers  { color: #880; }
.comm     { color: green; }
.tag      { color: blue; }
.entity   { color: blue; }
.string   { color: teal; }
.aname    { color: maroon; }
.avalue   { color: maroon; }
.jquery   { color: #00a; }
.plugin   { color: red; }

#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
	background: url(../layout/js/shadow.png);
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 12pt;
	width: 220px;
	text-align: center;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#tooltip.fancy {
	background: url(../layout/js/shadow2.png);
	padding-top: 5em;
	height: 100px;
}
#tooltip.fancy.viewport-right {
	background: url('shadow2-reverse.png');
}

#extended { margin: 2em 0; }
#extended label { text-decoration: underline; }
#yahoo { width: 7em; }
#right, #right2 { text-align: right; }
#tooltip.right { width: 250px; }
#fancy2 { float: right; }/* CSS Document */

body {
background: url('../images/bkg.png') top center repeat-y;
color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
_height: 1000px;
}

body p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#closeThis {
cursor: pointer;
}

a:link, a:hover, a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #333333;
}

.display_none {
display: none;
}

a:hover{
text-decoration: none;
}

h1 {
font-family: "Trebuchet MS";
font-size: 35px;
border-bottom: #EAEAEA dotted 1px;
}

li, ul, ol {
list-style: none;
line-height: 15px;
}


.spacer {
width: 100%;
height: 25px;
float:left;
}

table, td, tr {
border: 1px #CCCCCC solid;
padding: 0px;
}

td {
padding: 4px;
}

/* LIVE TYPE */
#combo {
display: none;
width: 300px;
height: 200px;
margin-top: -5px;
*margin-left: -559px;
_margin-left: -525px;
*margin-top: 25px;
*width: 302px;
overflow: auto;
position: absolute;
z-index: 1000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
background: #FFFFFF;
}

/*SPECIAL ELEMENTS */
.adclick {
background: #660033;
cursor: pointer;

}

#sub {
display: none;
}

#disabled_div {
display: none;
background: #FFF0F0;
width: 400px;
}

.inputs {
	float: left;
	width: 125px;
	height: 50px;
	padding-left: 5px;
}

.submit {
	margin-left: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-top: -5px;
}

input.textbox {
	width: 100px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px #DBDBDB solid;
}

file.textbox {
	width: 100px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px #DBDBDB solid;
}

textarea.textarea {
	width: 400px;
	height: 200px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px #DBDBDB solid;
}

select.select {
	width: 400px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px #DBDBDB solid;
}

input.phone {
	width: 35px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px #DBDBDB solid;
}

input.button {

	border-left:2px solid #DBDBDB;
	border-bottom:2px solid #DBDBDB;
	border-top:1px solid #DBDBDB;
	border-right:1px solid #DBDBDB;
	padding:1px;
	color:#000000;
	font-weight: bold;
	font-size:1.1em;
	letter-spacing:1px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	cursor: pointer;
	background: url('../images/button_bkg.png') left top repeat-x;
	margin: 2px;

}



input.button:active {

	border-left:1px solid #DBDBDB;
	border-bottom:1px solid #DBDBDB;
	border-top:1px solid #DBDBDB;
	border-right:1px solid #DBDBDB;
	padding:2px 2px 2px 1px;
	background: url('../images/button_bkg.png') left top repeat-x;

}

fieldset {
	border:1px solid #D5D3BA;
	padding: 10px 20px 10px 20px;
	margin-bottom:15px;
}

legend {
	padding:0px 5px 0px 5px;
	font-size:1.5em;
	font-weight:bold;
	clear:both;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#pass_match {
display: none;
padding: 5px;
border: 1px #CCCCCC solid;
width: 150px;
height: 15px;
margin-top: 5px;
margin-bottom: 5px;
}

#email_match {
display: none;
padding: 5px;
border: 1px #CCCCCC solid;
width: 200px;
height: 15px;
margin-top: 5px;
margin-bottom: 5px;
}

/* ADVERTISMENT DIVS */
.ad1 img, .ad2 img, .ad3 img, .ad4 img {
padding: 5px;
}
/* 120 x 90 */
.ad1 {
width: 120px;
float: left;
padding: 8px;
text-align: center;
}

/* 240 x 120 */
.ad2 {
width: 240px;
float: left;
padding: 8px;
text-align: center;
}

/* 300 x 250 */
.ad3 {
width: 300px;
float: left;
padding: 8px;
text-align: center;
}

/* 336 x 280 */
.ad4 {
width: 336px;
float: left;
padding: 8px;
text-align: center;
}

/* DIVS */
#container {
width: 980px;
margin: 0 auto;

}

	#header {
	width: 980px;
	height: 205px;
	float: left;
	}
	
		#readers_logo {
		background: url('../images/logo_2008.png');
		width: 312px;
		height: 205px;
		float: left;
		cursor: pointer;
		}
		
		#header_image {
		width: 668px;
		hieght: 205px;
		float: left;
		}
			
			#header_top {
			
			width: 668px;
			height: 163px;
			float: left;
			}
			
			#header_bottom {
			background: url('../images/header-bottom.png');
			width: 643px;
			height: 42px;
			float: left;
			text-align: right;
			line-height: 35px;
			padding-right: 25px;
			font-size: 10px;
			}
			
	#login_a_messages {
	width: 980px;
	height: 77px;
	}
		#login_spacer {
		width: 11px;
		height: 77px;
		float:left;
		}
	
		#login_box {
		background: url('../images/login_box.png') top left;
		width: 301px;
		height: 77px;
		float:left;
		}
		
		
		
			#login_content {
			padding-top: -20px;
			padding-left: 20px;
			padding-bottom: 20px;
			padding-right: 20px;
			width: 300px;
			margin: 0 auto;
			margin-top: -15px;
			_margin: 0;
			_margin-top: -20px;
			_width: 275px;
			_padding-top: 0px;
			_padding-left: 10px;
			_padding-bottom: 0px;
			_padding-right: 0px;
			_position: absolute;
			_z-index: 1000;
			}
			
			#login_content input.textbox {
				_padding-bottom: -70px;
				_margin-bottom: -70px;
				_padding-top: 0px;
				_margin-top: 0px;
			}
			
			#login_content label.label {
				_padding: 0px 0px 0px 0px;
				_margin: 0px 0px 0px 0px;
				_margin-bottom: -10px;
				_padding-bottom: -10px;
			}
			
		#message_container {
		width: 640px;
		height: 77px;
		float: left; 
		}
		
			#message_box {
			width: 620px;
			display: none;
			background: #abdce3;
			border: #27727d 5px solid;
			float: left;
			margin: 5px;
			padding: 5px;
			/*font-weight: bold;*/
			color: #27727d;
			letter-spacing: 1px;
			font-size: 14px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			}
			
			#move_messages {
			display: none;
			background: #f29b3a url('../images/alert.png') top right no-repeat;
			border: #993300 5px solid;
			margin: 5px;
			padding: 5px;
			font-weight: bold;
			color: #FFFFFF;
			letter-spacing: 1px;
			font-size: 12px;
			}
			
	
	#left_column {
	width: 300px;
	
	background: #F8F8F8;
	float: left;
	/*height: 700px;
	overflow: auto;*/
	}
		
		#categories {
		float: left;
		height: 378px;
		overflow: hidden;
		}
	
	
		#top_arrow_container {
		width: 300px;
		height: 20px;
		float: left;
		background: url('../images/top_arrow_up.png') top center no-repeat;
		cursor: pointer;
		}
		
			#top_arrow_container:active {
			background: url('../images/top_arrow_dn.png') top center no-repeat;
			}

		#bottom_arrow_container {
		width: 300px;
		height: 20px;
		float: left;
		background: url('../images/bottom_arrow_up.png') top center no-repeat;
		cursor: pointer;
		}
	
				#bottom_arrow_container:active {
				background: url('../images/bottom_arrow_dn.png') top center no-repeat;
				}
				
		#left_column a:link, #left_column a:hover, #left_column a:visited {
		width: 285px;
		height: 30px;
		display: block;
		border-bottom: #FFFFFF solid 1px;
		border-top: #DFDFDF solid 1px;
		padding: 5px 5px 5px 10px;
		text-decoration: none;
		font-size: 12px;
		line-height: 25px;
		margin: 0px;
		}
		
		#left_column a:hover{
		background: #999999;
		color: #FFFFFF;
		}
		
		.left_column_spacer {
		height: 10px;
		width: 270px;
		}
	#center_spacer {
	width: 980px;
	height: 50px;
	float: left;
	}
	
	#center_content {
	width: 980px;
	margin: 0 auto;
	float: left;
	}
	
		.left_10 {
		width: 600px;
		padding: 10px;
		float: left;
		}
		
		.ad_columns {
		padding: 10px;	
		}
		
		#add_ad, #edit_ad {
		display: none;
		}
	
		#center_content_container {
		width: 500px;
		margin: 0 auto;
		}
		
		#reg_left {
		width: 200px;
		height: 300px;
		float: left;
		}
		
		#reg_right {
		width:200px;
		height: 300px;
		float: left;
		}
		
		#merged {
		padding: 2px;
		font-weight: bold;
		}
	
	#center_container {
	width: 620px;
	height: 350px;
	margin: 0 auto;
	margin-top: -150px;
	*margin-top: -375px;
	}
	
		#left_move_container {
		width: 250px;
		height: 500px;
		float: left;
		border: #CCCCCC solid 1px;
		overflow: auto;
		}
		
			.company_name {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size:14px;
			}
		
			.unselected, .selected, .dragged, .dropped {
			width: 92px;
			height: 60px;
			margin: 5px;
			float: left;
			color: #333333;
			background: #CCCCCC;
			border: #999999 solid 1px;
			padding: 2px;
			text-align: center;
			padding: 5px;
			overflow: hidden;
			}
			
			.unselected {
			cursor: Pointer;
			background: url('../images/unselected.png') top left repeat-x;
			border-top: 2px solid #666666;
			border-left: 2px solid #666666;
			border-bottom: 2px solid #CCCCCC;
			border-right: 2px solid #CCCCCC;
			}
			
			.selected {
			background: url('../images/selected.png') top left repeat-x;
			cursor: Pointer;
			border-top: 2px solid #FF9933;
			border-left: 2px solid #FF9933;
			border-bottom: 2px solid #FFCC33;
			border-right: 2px solid #FFCC33;
			}
		
		#move_container_spacer {
		width: 10px;
		height: 500px;
		float: left;
		}
		
		#move_to_select {
		float: left;
		width: 250px; 
		height: 30px;
		display: none;
		margin: 20px;
		}
		
		#move_to_container {
		width: 250px;
		height: 35px;
		float: left;
		padding-top: 10px;
		text-align: center;
		font-size: 13px;
		border-top: #CC0066 solid 1px;
		border-left: #CC0066 solid 1px;
		border-right: #CC0066 solid 1px;
		}
		
		#right_move_container {
		width: 250px;
		height: 400px;
		float: left;
		border: #6699CC solid 1px;
		overflow: auto;
		
		}
	
		#left_box {
		width: 300px;
		height: 178px;
		float: left;
		background: url('../images/left_box.png') top left no-repeat;
		padding-top: 100px;
		}
		
			#left_box ul {
			list-style: none;
			
			}
			
			#left_box li{
			width: 194px;
			display: block;
			padding-left: 80px;
			padding-right: 25px;
			border-bottom: #6d9aa1 solid 1px;
			padding-top: 5px;
			padding-bottom: 5px;
			}
		
			
		
		#right_box {
		width: 290px;
		height: 278px;
		float: right;
		background: url('../images/right_box.png') top left no-repeat;
		font-size: 9px;
		padding-left: 10px;
		}
		
		#left_image {
		position: relative;
		z-index: 1000;
		width: 250px;
		height: 250px;
		left: -180px;
		top: 425px;
		}
		
		#right_image {
		position: relative;
		z-index: 1000;
		width: 250px;
		height: 250px;
		top: 300px;
		*top: 420px;
		left: 500px;
		}