.addthis_toolbox .custom_images a
{
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
}

.addthis_toolbox .custom_images a:hover img
{
    opacity: 1;
}

.addthis_toolbox .custom_images a img
{
    opacity: 0.75;
}

	img{
		border:0px;
	}
	

	#mainContainer{
		width:220px;
		text-align:left;
		background-color:#FFF;
		
	}

	#mainContent{
		text-align:left;
	}
	


	.clear{
		clear:both;
	}
	
	.poller{	/* The poller box */
	
		float:right;		
		width:220px;
		height:200px;		
		padding:-2px;	
		border:none;
	/*	background-image:url(http://www.infodir.org/images/working.gif); */
		background-repeat:no-repeat;
		background-position: left;
		margin-left:5px;
	}
	/* Poller title above radio buttons */
	.pollerTitle{
		margin-bottom:2px;
		font-weight:bold;
	}
	/* Label for each radio button */
	.pollerOption{
		margin:0px;
	}
	/* Label for each option above graph - i.e. results */
	.result_pollerOption{
		margin:0px;
		font-size:0.8em;
	}
	/* Title of poller - when ajax shows the results */
	.result_pollerTitle{
		margin-bottom:2px;
		font-weight:bold;
		font-size:0.9em;
	}
	/* Don't change this one, it is used to get the left and right image(the corner) positioned correctly */
	.result_pollGraph img{
		float:left;
	}
	/* The <div> tag where the percentage result is shown */
	.result_pollGraph div{
		float:left;
		height:16px;
		background-repeat:repeat-x;
		color:#FFF;
		font-size:0.9em;
		line-height:16px;
	}
	/* Graph div - parent of both the corner images and the div displaying percentage votes */
	.result_pollGraph{	
		height:16px;
	}
	
	/* Message when Ajax is working getting restults fromt the server */
	.poller_waitMessage{
		display:none;	
	}	
	
	.result_totalVotes{
		clear:both;
		font-size:0.8em;
		margin-top:2px;
		font-family:tahoma;
		font-size:13px;
	}
	


	
.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide-container table {
	background: none;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide img {
}
.highslide:hover img {
	border-color: gray;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.glossy-dark {
	background: #111;
}

.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
	font-size: .9em;
}
.highslide-caption {
	display: none;
	font-size: 1em;
	padding: 5px;
	/*background: white;*/
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
a.highslide-full-expand {
   background: url(http://www.infodir.org/graphics/fullexpand.gif) no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 34px;
   height: 34px;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(http://www.infodir.org/graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move, .highslide-move * {
	cursor: move;
}

.highslide-viewport {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: none;
	left: 0;
	top: 0;
}
.highslide-overlay {
	display: none;
}
.hidden-container {
	display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(http://www.infodir.org/graphics/close.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}

/*****************************************************************************/
/* Thumbnail boxes for the galleries.                                        */
/* Remove these if you are not using a gallery.                              */
/*****************************************************************************/
.highslide-gallery ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.highslide-gallery ul li {
	display: block;
	position: relative;
	float: left;
	width: 106px;
	height: 106px;
	border: 1px solid silver;
	background: #ededed;
	margin: 2px;
	line-height: 0;
	overflow: hidden;
}
.highslide-gallery ul a {
	position: absolute;
	top: 50%;
	left: 50%;
}
.highslide-gallery ul img {
 	position: relative;
	top: -50%;
	left: -50%;
}
html>/**/body .highslide-gallery ul li {
	display: table;
	text-align: center;
}
html>/**/body .highslide-gallery ul li {
	text-align: center;
}
html>/**/body .highslide-gallery ul a {
	position: static;
	display: table-cell;
	vertical-align: middle;
}
html>/**/body .highslide-gallery ul img {
	position: static;
}

/*****************************************************************************/
/* Controls for the galleries.											     */
/* Remove these if you are not using a gallery							     */
/*****************************************************************************/
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(http://www.infodir.org/graphics/controlbar-white.gif) 0 -90px no-repeat;
	margin: 20px 15px 10px 0;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(http://www.infodir.org/graphics/controlbar-white.gif) right -90px no-repeat;

}
.highslide-controls li {
	float: left;
	padding: 5px 0;
	margin:0;
}
.highslide-controls a {
	background-image: url(http://www.infodir.org/graphics/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a.disabled span {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
	cursor: pointer;
}


/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}

/*****************************************************************************/
/* Styles for the HTML popups											     */
/* Remove these if you are not using Highslide HTML						     */
/*****************************************************************************/
.highslide-maincontent {
	display: none;
}
.highslide-html {
	background-color: white;
}
.highslide-html-content {
	display: none;
	width: 400px;
	padding: 0 5px 5px 5px;
}
.highslide-header {
	padding-bottom: 5px;
}
.highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-header a:hover {
	color: black;
}
.highslide-header .highslide-move a {
	cursor: move;
}
.highslide-footer {
	height: 16px;
}
.highslide-footer .highslide-resize {
	display: block;
	float: right;
	margin-top: 5px;
	height: 11px;
	width: 11px;
	background: url(http://www.infodir.org/graphics/resize.gif) no-repeat;
}
.highslide-footer .highslide-resize span {
	display: none;
}
.highslide-body {
}
.highslide-resize {
	cursor: nw-resize;
}

/*****************************************************************************/
/* Styles for the Individual wrapper class names.							 */
/* See www.highslide.com/ref/hs.wrapperClassName							 */
/* You can safely remove the class name themes you don't use				 */
/*****************************************************************************/

/* hs.wrapperClassName = 'draggable-header' */
.draggable-header .highslide-header {
	height: 18px;
	border-bottom: 1px solid #dddddd;
}
.draggable-header .highslide-heading {
	position: absolute;
	margin: 2px 0.4em;
}

.draggable-header .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 16px;
	position: absolute;
	right: 24px;
	top: 0;
	width: 100%;
	z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
	display: none;
}
.draggable-header .highslide-header .highslide-close {
	position: absolute;
	right: 2px;
	top: 2px;
	z-index: 2;
	padding: 0;
}
.draggable-header .highslide-header .highslide-close a {
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(http://www.infodir.org/graphics/closeX.png);
}
.draggable-header .highslide-header .highslide-close a:hover {
	background-position: 0 16px;
}
.draggable-header .highslide-header .highslide-close span {
	display: none;
}
.draggable-header .highslide-maincontent {
	padding-top: 1em;
}

/* hs.wrapperClassName = 'titlebar' */
.titlebar .highslide-header {
	height: 18px;
	border-bottom: 1px solid #dddddd;
}
.titlebar .highslide-heading {
	position: absolute;
	margin: 1px 0.4em;
	color: #666666;
}

.titlebar .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 16px;
	position: absolute;
	right: 24px;
	top: 0;
	width: 100%;
	z-index: 1;
}
.titlebar .highslide-header .highslide-move * {
	display: none;
}
.titlebar .highslide-header li {
	position: relative;
	top: 3px;
	z-index: 2;
	padding: 0 0 0 1em;
}
.titlebar .highslide-maincontent {
	padding-top: 1em;
}

/* hs.wrapperClassName = 'no-footer' */
.no-footer .highslide-footer {
	display: none;
}

/* hs.wrapperClassName = 'wide-border' */
.wide-border {
	background: white;
}
.wide-border .highslide-image {
	border-width: 10px;
}
.wide-border .highslide-caption {
	padding: 0 10px 10px 10px;
}

/* hs.wrapperClassName = 'borderless' */
.borderless .highslide-image {
	border: none;
}
.borderless .highslide-caption {
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	background: silver;
}

/* hs.wrapperClassName = 'outer-glow' */
.outer-glow {
	background: #444;
}
.outer-glow .highslide-image {
	border: 5px solid #444444;
}
.outer-glow .highslide-caption {
	border: 5px solid #444444;
	border-top: none;
	padding: 5px;
	background-color: gray;
}

/* hs.wrapperClassName = 'colored-border' */
.colored-border {
	background: white;
}
.colored-border .highslide-image {
	border: 2px solid green;
}
.colored-border .highslide-caption {
	border: 2px solid green;
	border-top: none;
}

/* hs.wrapperClassName = 'dark' */
.dark {
	background: #111;
}
.dark .highslide-image {
	border-color: black black #202020 black;
	background: gray;
}
.dark .highslide-caption {
	color: white;
	background: #111;
}
.dark .highslide-controls,
.dark .highslide-controls ul,
.dark .highslide-controls a {
	background-image: url(http://www.infodir.org/graphics/controlbar-black-border.gif);
}

/* hs.wrapperClassName = 'floating-caption' */
.floating-caption .highslide-caption {
	position: absolute;
	padding: 1em 0 0 0;
	background: none;
	color: white;
	border: none;
	font-weight: bold;
}

/* hs.wrapperClassName = 'controls-in-heading' */
.controls-in-heading .highslide-heading {
	color: gray;
	font-weight: bold;
	height: 20px;
	overflow: hidden;
	cursor: default;
	padding: 0 0 0 22px;
	margin: 0;
	background: url(http://www.infodir.org/graphics/icon.gif) no-repeat 0 1px;
}
.controls-in-heading .highslide-controls {
	width: 105px;
	height: 20px;
	position: relative;
	margin: 0;
	top: -23px;
	left: 7px;
	background: none;
}
.controls-in-heading .highslide-controls ul {
	position: static;
	height: 20px;
	background: none;
}
.controls-in-heading .highslide-controls li {
	padding: 0;
}
.controls-in-heading .highslide-controls a {
	background-image: url(http://www.infodir.org/graphics/controlbar-white-small.gif);
	height: 20px;
	width: 20px;
}

.controls-in-heading .highslide-controls .highslide-move {
	display: none;
}

.controls-in-heading .highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.controls-in-heading .highslide-controls .highslide-previous a:hover {
	background-position: 0 -20px;
}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
	background-position: 0 -40px !important;
}
.controls-in-heading .highslide-controls .highslide-play a {
	background-position: -20px 0;
}
.controls-in-heading .highslide-controls .highslide-play a:hover {
	background-position: -20px -20px;
}
.controls-in-heading .highslide-controls .highslide-play a.disabled {
	background-position: -20px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-pause a {
	background-position: -40px 0;
}
.controls-in-heading .highslide-controls .highslide-pause a:hover {
	background-position: -40px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a {
	background-position: -60px 0;
}
.controls-in-heading .highslide-controls .highslide-next a:hover {
	background-position: -60px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a.disabled {
	background-position: -60px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-full-expand a {
	background-position: -100px 0;
}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
	background-position: -100px -20px;
}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
	background-position: -100px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-close a {
	background-position: -120px 0;
}
.controls-in-heading .highslide-controls .highslide-close a:hover {
	background-position: -120px -20px;
}

/*****************************************************************************/
/* Styles for text based controls.						                     */
/* You can safely remove this if you don't use text based controls			 */
/*****************************************************************************/

.text-controls .highslide-controls {
	width: auto;
	height: auto;
	margin: 0;
	text-align: center;
	background: none;
}
.text-controls ul {
	position: static;
	background: none;
	height: auto;
	left: 0;
}
.text-controls .highslide-move {
	display: none;
}
.text-controls li {
    background-image: url(http://www.infodir.org/graphics/controlbar-text-buttons.png);
	background-position: right top !important;
	padding: 0;
	margin-left: 15px;
	display: block;
	width: auto;
}
.text-controls a {
    background: url(http://www.infodir.org/graphics/controlbar-text-buttons.png) no-repeat;
    background-position: left top !important;
    position: relative;
    left: -10px;
	display: block;
	width: auto;
	height: auto;
	text-decoration: none !important;
}
.text-controls a span {
	background: url(http://www.infodir.org/graphics/controlbar-text-buttons.png) no-repeat;
    margin: 1px 2px 1px 10px;
	display: block;
    min-width: 4em;
    height: 18px;
    line-height: 18px;
	padding: 1px 0 1px 18px;
    color: #333;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
}
.text-controls .highslide-next {
	margin-right: 1em;
}
.text-controls .highslide-full-expand a span {
	min-width: 0;
	margin: 1px 0;
	padding: 1px 0 1px 10px;
}
.text-controls .highslide-close a span {
	min-width: 0;
}
.text-controls a:hover span {
	color: black;
}
.text-controls a.disabled span {
	color: #999;
}

.text-controls .highslide-previous span {
	background-position: 0 -40px;
}
.text-controls .highslide-previous a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-previous a.disabled span {
	background-position: 0 -140px;
}
.text-controls .highslide-play span {
	background-position: 0 -60px;
}
.text-controls .highslide-play a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-play a.disabled span {
	background-position: 0 -160px;
}
.text-controls .highslide-pause span {
	background-position: 0 -80px;
}
.text-controls .highslide-next span {
	background-position: 0 -100px;
}
.text-controls .highslide-next a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-next a.disabled span {
	background-position: 0 -200px;
}
.text-controls .highslide-full-expand span {
	background: none;
}
.text-controls .highslide-full-expand a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-close span {
	background-position: 0 -120px;
}


/*****************************************************************************/
/* Styles for the thumbstrip.							                     */
/* See www.highslide.com/ref/hs.addSlideshow    							 */
/* You can safely remove this if you don't use a thumbstrip 				 */
/*****************************************************************************/

.highslide-thumbstrip {
	height: 100%;
}
.highslide-thumbstrip div {
	overflow: hidden;
}
.highslide-thumbstrip table {
	position: relative;
	padding: 0;
	border-collapse: collapse;
}
.highslide-thumbstrip td {
	padding: 1px;
	/*text-align: center;*/
}
.highslide-thumbstrip a {
	outline: none;
}
.highslide-thumbstrip img {
	display: block;
	border: 1px solid gray;
	margin: 0 auto;
}
.highslide-thumbstrip .highslide-active-anchor img {
	visibility: visible;
}
.highslide-thumbstrip .highslide-marker {
	position: absolute;
	width: 0;
	height: 0;
	border-width: 0;
	border-style: solid;
	border-color: transparent; /* change this to actual background color in highslide-ie6.css */
}
.highslide-thumbstrip-horizontal div {
	width: auto;
	/* width: 100% breaks in small strips in IE */
}
.highslide-thumbstrip-horizontal .highslide-scroll-up {
	display: none;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 25px;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-up div {
	margin-bottom: 10px;
	cursor: pointer;
	background: url(http://www.infodir.org/graphics/scrollarrows.png) left center no-repeat;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down {
	display: none;
	position: absolute;
	top: 3px;
	right: 3px;
	width: 25px;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down div {
	margin-bottom: 10px;
	cursor: pointer;
	background: url(http://www.infodir.org/graphics/scrollarrows.png) center right no-repeat;
	height: 42px;
}
.highslide-thumbstrip-horizontal table {
	margin: 2px 0 10px 0;
}
.highslide-viewport .highslide-thumbstrip-horizontal table {
	margin-left: 10px;
}
.highslide-thumbstrip-horizontal img {
	width: auto;
	height: 40px;
}
.highslide-thumbstrip-horizontal .highslide-marker {
	top: 47px;
	border-left-width: 6px;
	border-right-width: 6px;
	border-bottom: 6px solid gray;
}
.highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
	margin-left: 10px;
}
.dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
	border-bottom-color: white !important;
}
.highslide-thumbstrip-vertical div {
	height: 100%;
}
.highslide-thumbstrip-vertical a {
	display: block;
}
.highslide-thumbstrip-vertical .highslide-scroll-up {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-up div {
	margin-left: 10px;
	cursor: pointer;
	background: url(http://www.infodir.org/graphics/scrollarrows.png) top center no-repeat;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down div {
	margin-left: 10px;
	cursor: pointer;
	background: url(http://www.infodir.org/graphics/scrollarrows.png) bottom center no-repeat;
	height: 25px;
}
.highslide-thumbstrip-vertical table {
	margin: 10px 0 0 10px;
}
.highslide-thumbstrip-vertical img {
	max-width: 60px;
}
.highslide-thumbstrip-vertical .highslide-marker {
	left: 0;
	margin-top: 8px;
	border-top-width: 6px;
	border-bottom-width: 6px;
	border-left: 6px solid gray;
}
.dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker {
	border-left-color: white;
}

.highslide-viewport .highslide-thumbstrip-float {
	overflow: auto;
}
.highslide-thumbstrip-float ul {
	margin: 2px 0;
	padding: 0;
}
.highslide-thumbstrip-float li {
	display: block;
	height: 60px;
	margin: 0 2px;
	list-style: none;
	float: left;
}
.highslide-thumbstrip-float img {
	display: inline;
	border-color: silver;
	max-height: 56px;
}
.highslide-thumbstrip-float .highslide-active-anchor img {
	border-color: black;
}
.highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div {
	display: none;
}
.highslide-thumbstrip-float .highslide-marker {
	display: none;
}

/*
This file is NOT NECESSARY for the rater to work. None of these styles are needed.
This is only to style the demo page
*/
/*  styles for the unit rater
--------------------------------------------------------- 
ryan masuga, masugadesign.com
ryan@masugadesign.com 
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */

.ratingblock {
	display:block;
	padding-bottom:8px;
	margin-bottom:8px;
	}

.loading {
	height: 20px;
	background: url(http://www.infodir.org/images/working.gif) 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 20px;
	position: relative;
	background: url(http://www.infodir.org/images/starrating.gif) top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:20px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url(http://www.infodir.org/images/starrating.gif) left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:20px;}
.unit-rating a.r2-unit{left:20px;}
.unit-rating a.r2-unit:hover{width: 40px;}
.unit-rating a.r3-unit{left: 40px;}
.unit-rating a.r3-unit:hover{width: 60px;}
.unit-rating a.r4-unit{left: 60px;}	
.unit-rating a.r4-unit:hover{width: 80px;}
.unit-rating a.r5-unit{left: 80px;}
.unit-rating a.r5-unit:hover{width: 100px;}
.unit-rating a.r6-unit{left: 100px;}
.unit-rating a.r6-unit:hover{width: 120px;}
.unit-rating a.r7-unit{left: 120px;}
.unit-rating a.r7-unit:hover{width: 140px;}
.unit-rating a.r8-unit{left: 140px;}
.unit-rating a.r8-unit:hover{width: 160px;}
.unit-rating a.r9-unit{left: 160px;}
.unit-rating a.r9-unit:hover{width: 180px;}
.unit-rating a.r10-unit{left: 180px;}
.unit-rating a.r10-unit:hover{width: 200px;}

.unit-rating li.current-rating {
	background: url(http://www.infodir.org/images/starrating.gif) left bottom;
	position: absolute;
	height: 20px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}		

/*
This file is NOT NECESSARY for the rater to work. None of these styles are needed.
This is only to style the demo page
*/

#container {
	width: 50%;
	border: 1px solid #ccc;
	padding: 20px;
	}

h1, h1 a {
	font-size: 21px;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	margin-left:3px;
	color:black;
	padding:0;
	text-decoration:none;
	}

h2, h2 a  {
	font-size: 16px;
	color:black;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	margin-left:3px;
	padding:0;
	text-decoration:none;
	}
	
h3, h3 a {
	font-size: 14px;
	color:black;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	margin-left:3px;
	padding:0;
	text-decoration:none;
	}
	
h4, h4 a  {
	font-size: 13px;
	color:black;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	margin-left:3px;
	padding:0;
	text-decoration:none;
	}
	
h5, h5 a  {
	font-size: 11px;
	color:black;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	margin-left:3px;
	padding:0;
	text-decoration:none;
	}
	
h6, h6 a  {
	font-size: 10px;
	color:black;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	margin-left:3px;
	padding:0;
	text-decoration:none;
	}
	
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{
text-decoration:underline;
background-color:#FFCB24;
}

p 	{
	margin:3px;
	padding:0;
	}

	
	
		.paging_div {
			width: 650px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:13px;
			display: inline;
			float:left;
		}
		.paging_div A:link, .paging_div A:visited, .paging_div A:hover {
			text-decoration: none;
			color:#0033CC;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:13px;
			display:inline;
		}
		.ap{
		text-decoration: none;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:13px;
		color:black;
		}
		
		.ap2{
		text-decoration: underline;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:15px;
		color:black !important;
		}
		
		.opacity100
		{
			opacity: 1.00; /* Safari, Opera */
			-moz-opacity:1.00; /* FireFox */
			filter: alpha(opacity=100); /* IE */		
		}

		.linksTooltip
		{	
			background-color:black;
			opacity: 0.80; /* Safari, Opera */
			-moz-opacity:0.80; /* FireFox */
			filter: alpha(opacity=80); /* IE */
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			color:#FFCA1E;
			font-size:14px;
			width:250px;
			text-align:center;
			text-decoration:none;
			border: 1px solid #FFCA1E;
			padding: 5px;
		}

		ul.nav, ul.nav li {
		list-style-type:none;
		display:inline;
		float: left;
		margin: 0;
		padding: 0;
		width:auto;
		}
		
		ul.nav li{
		width:132px;
		}
		
		ul.nav li a{
		font-family: arial, Tahoma, Helvetica, sans-serif; color:#000000;
		font-size:14px;
		text-align:center;
		text-decoration:none;
		font-weight:bold;
		}
			
		.font{
		font-family: arial, Tahoma, Helvetica, sans-serif; color:#000000;
		font-size:13px;
		text-decoration:underline;
		}
		.font3{
		font-family: arial, Tahoma, Helvetica, sans-serif; color:#000000;
		font-size:13px;
		}
		.font:hover{
		font-family: arial, Tahoma, Helvetica, sans-serif; color:#000000;
		font-size:13px;
		text-decoration:none;
		}
		
		.fontinfo{
		font-family: arial, Tahoma, Helvetica, sans-serif; color:#000000;
		font-size:15px;
		vertical-align:middle;
		}
		.fontinfo:hover{
		text-decoration: underline;
		}
		.fontinfob{
		font-family: Arial, Tahoma, Helvetica, sans-serif; color:#000000;
		font-size:15px;
		vertical-align:middle;
		font-weight:bold;
		}
		
		.fonth2{
		font-family: Arial, Tahoma, Helvetica, sans-serif; color:#000000;
		font-size:18px;
		font-weight:bold;
		}
		.fonth3{
		font-family: Arial, Tahoma, Helvetica, sans-serif; color:#000000;
		font-size:16px;
		font-weight:bold;
		}
		
		.fonty{
		font-family: Arial, Tahoma, Helvetica, sans-serif; color:#000000;
		font-size:15px;
		font-weight:bold;
		color:#FFCA1E;
		}		
		.fontb{
		font-family: Arial, Tahoma, Helvetica, sans-serif; color:#000000;
		font-size:15px;
		font-weight:bold;
		}
		.fontsm{
		font-family: Arial, Tahoma, Helvetica, sans-serif; color:#000000;
		font-size:12px;
		}
		
		.fontli{
		font-family: Arial, Tahoma, Helvetica, sans-serif; color:#000000;
		font-size:14px;
		text-align:center;
		text-decoration:none;
		font-weight:bold;
		}
		
						
		ul.tri li, ul.tri, ul.tri a{
		list-style-image: url(http://www.infodir.org/img/tri.png);
		text-align:left;
		margin-top:0;
		text-decoration:none;
		font-family: Arial, Tahoma, Helvetica, sans-serif; color:#000000;
		font-size:13px;
		}
		
		ul.cat li, ul.cat, ul.cat a{
		list-style-image: url(http://www.infodir.org/img/catarrow.png);
		text-align:left;
		margin-top:0;
		text-decoration:none;
		font-family: Arial, Tahoma, Helvetica, sans-serif; color:#000000;
		font-weight:bold;
		font-size:13px;
		color:#FFCA1E;
		}
		
		ul.main1 li, ul.main1, ul.main1 a{
		list-style-image: url(http://www.infodir.org/img/sub.gif);
		text-align:left;
		margin-top:0;
		text-decoration:none;
		font-family: Arial, Tahoma, Helvetica, sans-serif; color:#000000;
		vertical-align: middle;
		font-size:13px;
		}

		ul.main li, ul.main, ul.main a{
		list-style-image: url(http://www.infodir.org/img/sub.gif);
		text-align:left;
		margin-top:0;
		text-decoration:none;
		font-family: Arial, Tahoma, Helvetica, sans-serif; color:#000000;
		font-weight:bold;
		vertical-align:middle;
		font-size:13px;
		}
		

		ul.cat>li>a:hover,ul.drop>li>a:hover,ul.tri>li>a:hover,ul.nav>li>a:hover,ul.main>li>a:hover,
		div.info>div>a:hover
		{
		text-decoration:underline;
		}
				
		ul.nav li:hover div{ 
		display: block;
		background-image:url(http://www.infodir.org/img/more.png);
		position:absolute;
		margin:0px;
		padding:0px;
		text-decoration:none;
		left:0px;
		z-index:10;
		width:103px;
		height:84px;
		right:0;
		top:40px;
		}

		ul.nav li a:hover {
		text-decoration:underline;

		}
		
		.div1w{
		vertical-align: middle;
		}

		.div1{
		opacity: 0.72;
		-moz-opacity: 0.72;
		filter: alpha(opacity=72);
		vertical-align: middle;
		}
		
		.div1:hover{
		opacity: 1.00; /* Safari, Opera */
		-moz-opacity:1.00; /* FireFox */
		filter: alpha(opacity=100); /* IE */
		vertical-align: middle;
		}
		
		.imgs1{
		background-image:url(http://www.infodir.org/img/bookmakers.gif);
		width:222px;
		height:42px;
		vertical-align: middle;
		}
		
		.imgs1:hover{
		background-image:url(http://www.infodir.org/img/bookmakershover.gif);
		width:222px;
		height:42px;
		vertical-align: middle;
		}
	
		
		ul.nav li div{
		position:absolute;
		display:none;
		z-index:10;
		margin:0;
		padding:0;
		float: left;
		}
		
		.info{
		vertical-align:top;
		float:left;
		text-align:left;
		text-decoration:none;
		font-family: Arial, Tahoma, Helvetica, sans-serif; color:#000000;
		font-weight:bold;
		font-size:13px;	
		margin: 10px 0px 10px 10px;
		}
		
		.info3{
		vertical-align:top;
		float:left;
		text-align:left;
		text-decoration:none;
		border:1px solid #EDEDED;
		cursor:pointer;
		padding-bottom:5px;
		padding-left:3px;
		font-family: Arial, Tahoma, Helvetica, sans-serif; color:#000000;
		font-size:13px;	
		margin: 10px 0px 10px 10px;
		}
		.info4{
		vertical-align:top;
		float:left;
		text-align:left;
		text-decoration:none;
		font-family: Arial, Tahoma, Helvetica, sans-serif; color:#000000;
		font-size:13px;	
		margin: 10px 0px 10px 10px;
		}
		
		.info3:hover{
		border:1px solid black;
		border-top-right-radius: 1em;
		border-bottom-left-radius: 1em;
		padding-bottom:5px;
		padding-left:3px;
		border-bottom-right-radius: 1em;
		-moz-border-radius-topright: 1em;
		-moz-border-radius-bottomleft: 1em;		
		-moz-border-radius-bottomright: 1em;	
		-webkit-box-shadow: 2px 2px 6px rgba(255,201,28,0.6);
		}
				
		.info4{
		vertical-align:top;
		float:left;
		text-align:left;
		text-decoration:none;
		font-family: Arial, Tahoma, Helvetica, sans-serif; color:#000000;
		font-size:13px;	
		margin: 3px 0px 3px 3px;
		}
		
		.info2{
		vertical-align:top;
		text-align:left;
		text-decoration:none;
		font-family: Arial, Tahoma, Helvetica, sans-serif; color:#000000;
		font-weight:bold;
		font-size:13px;	
		margin: 10px 0px 10px 10px;
		}
		
		.info1{
		vertical-align:top;
		text-align:left;
		text-decoration:none;
		font-family: Arial, Tahoma, Helvetica, sans-serif; color:#000000;
		font-weight:bold;
		font-size:13px;	
		float:left;
		margin: 0;
		padding:0;
		}
		
		.infowf{
		vertical-align:top;
		text-align:left;
		text-decoration:none;
		font-family: Arial, Tahoma, Helvetica, sans-serif; color:#000000;
		font-weight:bold;
		font-size:13px;	
		margin: 0;
		padding:0;
		}
		
		div.info>div>a{
		text-decoration:none;
		font-family: Arial, Tahoma, Helvetica, sans-serif; color:#000000;
		font-weight:bold;
		font-size:13px;			
		}
		
		#tooltip {
		padding: 10px 10px;
		background: #cad7e0;
		margin-top:20px;
		font-size:17px;
		margin-left:-50px;
		border: 1px solid #b2bdc3;
		opacity: 1.00;
		}
		
		.darkenBackground {
		background-color: rgb(0, 0, 0);
		opacity: 0.95; /* Safari, Opera */
		-moz-opacity:0.95; /* FireFox */
		filter: alpha(opacity=95); /* IE */
		z-index: 20;
		height: 1070%;
		width: 100%;
		background-repeat:repeat;
		position:absolute;
		top: 0px;
		left: 0px;
		}

		.bbody{ margin-top: 0px; margin-left: 0px; margin-right: 0px;margin-bottom: 0px;background-color:#FFFFFF;text-align: center;}
		.toprepeat{ background-image:url(http://www.infodir.org/img/toprepeat.gif);background-repeat:repeat-x;height:62px; }
		.bottommenu{ right:0px;left:0px;margin:auto;background-image:url(http://www.infodir.org/img/buttonmenu.gif);background-repeat:no-repeat;width:980px;height:62px }
		.div10{ top:18px;width:946px;right:0px;left:0px;margin:auto; }
		.headeradd{ right:0px;left:0px;margin:auto;background-image:url(http://www.infodir.org/img/headeradd.gif);background-repeat:repeat-x;height:125px;text-align:center; }
		.div11{ position:absolute;top:187px;right:0px;left:0px;overflow:hidden;margin:auto; }
		.divblack{ right:0px;left:0px;margin:auto;background-image:url(http://www.infodir.org/img/black.gif);background-repeat:repeat-x;width:100%; }
		.searchfield{ background-image:url(http://www.infodir.org/img/searchfield.gif);background-repeat:no-repeat;width:230px;height:54px;border:none; }
		.inputpng{ background-image:url(http://www.infodir.org/img/inputs.png);width:121px;height:17px;background-repeat:no-repeat;border:none;padding-left:5px; }
		.newsdone{ background-image:url(http://www.infodir.org/img/newsdone.gif);background-repeat:no-repeat;width:228px;height:241px }
		.fieldvip{ background-image:url(http://www.infodir.org/img/fieldvip.gif);width:121px;height:17px;background-repeat:no-repeat;border:none;padding-left:5px}
		.taga{background-image:url(http://www.infodir.org/img/taga.gif);background-repeat:repeat-y;width:228px;height:100px;}
		.pollt{background-image:url(http://www.infodir.org/img/pollt.gif);background-repeat:no-repeat;width:228px;height:191px; }
		.tagb{ background-image:url(http://www.infodir.org/img/tagb.gif);background-repeat:no-repeat;width:228px;height:3px; }
		.tagt{ background-image:url(http://www.infodir.org/img/tagt.gif);background-repeat:no-repeat;width:228px;height:133px; }
		.taga2{background-image:url(http://www.infodir.org/img/taga.gif);background-repeat:repeat-y;width:228px;height:5px;} 
		.div12{ right:0px;left:0px;margin:auto;background-image:url(http://www.infodir.org/img/down.gif);background-repeat:repeat-x;width:100%;height:73px;position:relative; }
		.table1{ top:5px;position:absolute;right:0px;left:0px;}
		.copyright{ font-family:Trebuchet MS,sans-serif; font-size: 13px; font-style: normal; font-weight: normal; letter-spacing: -1px; color: #FFCA1E; vertical-align: top; text-decoration: none;}
		
                #fdImageThumb
                        {
                        display: block;
                        position: absolute;
                        left: 0px;
                        top: 0px;
                        width: 243px;
                        height: 195px;
                        visibility:hidden;
                        overflow:hidden;
                        }
                #fdImageThumb div
                        {
                        display: block;
                        position: absolute;
                        width: 32px;
                        height: 32px;
                        background:transparent url(http://www.infodir.org/images/working.gif) no-repeat 0 0;
                        visibility:hidden;
                        z-index:1;
                        }
                #fdImageThumb div.imageLoaded
                        {
                        background:transparent url(http://www.infodir.org/images/working.gif) no-repeat 0 0;
                        }
                #fdImageThumb div.imageError
                        {
                        background:transparent url(http://www.infodir.org/images/error.gif) no-repeat 0 0;
                        }
                #fdImageThumb img
                        {
                        position:absolute;
                        display:block;
                        border:0 none;
                        width: 202px;
                        height: 152px;
                        z-index:2;
                        }
                .leftTop
                        {
                        /* Good browsers */
                        background:transparent url(http://www.infodir.org/images/rt.png) no-repeat 0 0 !important;
                        background:none;
                        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='rt.png',sizingMethod='image');
                        }
                .leftTop img
                        {
                        top:16px;
                        left:25px;
                        }
                .leftTop div
                        {
                        left: 113px;
                        top: 76px;
                        }
                .leftBottom
                        {
                        /* Good browsers */
                        background:transparent url(http://www.infodir.org/images/lb.png) no-repeat 0 0 !important;
                        /* IE badness */
                        background: none;
                        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='lb.png',sizingMethod='image');
                        }
                .leftBottom img
                        {
                        top:28px;
                        left:25px;
                        }
                .leftBottom div
                        {
                        left: 113px;
                        top: 82px;
                        }
                .rightTop
                        {
                        /* Good browsers */
                        background:transparent url(http://www.infodir.org/images/lt.png) no-repeat 0 0 !important;
                        /* IE badness */
                        background:none;
                        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='lt.png',sizingMethod='image');
                        }
                .rightTop img
                        {
                        top:16px;
                        left:16px;
                        }
                .rightTop div
                        {
                        left:103px;
                        top:70px;
                        }
                .rightBottom
                        {
                        /* Good browsers */
                        background: transparent url(http://www.infodir.org/images/rb.png) no-repeat 0 0 !important;
                        /* IE badness */
                        background: none;
                        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='rb.png',sizingMethod='image');
                        }
                .rightBottom img
                        {
                        top:28px;
                        left:15px;
                        }
                .rightBottom div
                        {
                        left:103px;
                        top:80px;
                        }
/*
*    SHARE TOOL
*/
#share-box { color: #333333; position: relative; font: 10px Verdana, Arial, sans-serif; margin: 0; padding: 0; z-index: 99; }
#share-box * { margin: 0; padding: 0; font-size: 11px; float: none; border: 0; }
#share-loading { background: #fff url('images/icons/loading-circle.gif') center center no-repeat; padding: 50px; }
#share-content a { color: #0075D9; text-decoration:none; outline: 0; }
a#share-close { color: #fff; border: 1px solid #fff; cursor:pointer; font-weight:bold; font-family:Tahoma, sans-serif; font-size:1em; position:absolute; right:5px; top: 5px; line-height:16px; z-index:1000010; padding: 0 5px; }
#share-box label { font-weight: bold; }
#share-box label span { font-weight: normal; }
/*
*    SHARE BUTTON
*/

.share-link { display: block; }
.share-link-text .share-link { background: transparent url('images/skins/blue/share-icon.png') left center no-repeat; padding-left: 20px; }
.share-link-button .share-link { width: 66px; line-height: 21px; height: 21px; text-decoration: none; outline: 0; margin: 0; padding: 0; background: transparent url("images/skins/default/share-button.png") left top no-repeat; text-indent: -10000px; }
.share-link-wrapper { display: -moz-inline-block; display: -moz-inline-box; display: inline-block; position: relative; }
.share-link-button { height: 21px; overflow: hidden; }
.share-link-button:hover .share-link,
.share-link-button .share-active { background-position: 0 -21px; }

/*
*    SHARE BOX
*/

#share-box { position: absolute; width: 541px; background: #003399 url("images/skins/blue/share-box-top.gif?1") no-repeat; }
#share-box-inner { padding: 4px 4px 0 4px; background: transparent url("images/skins/blue/share-box-bottom.gif?1") left bottom no-repeat; position: relative; }

/*
*    SHARE MENU
*/

#share-menu { overflow: hidden; list-style: none; margin: 0; padding: 0; height: 29px; }
* html #share-menu { height: 27px; }
#share-menu li { float: left; padding-right: 2px; }
#share-menu li a { float: left; color: #fff; text-transform: uppercase; font: bold 0.8em "Myriad Pro", Arial, sans-serif; text-decoration: none; }
#share-menu li a span { font-size: 1.3em; cursor: pointer; float: left; line-height: 27px; padding: 0 6px;  }

#share-menu li a:hover { background: #3581d6 url("images/skins/blue/share-tab-hover-left.gif?1") no-repeat; color: #fff; }
#share-menu li a:hover span { background: url("images/skins/blue/share-tab-hover-right.gif?1") right top no-repeat; }

#share-box #share-menu li.active a { background: #fff url("images/skins/blue/share-tab-active-left.gif?1") no-repeat; }
#share-box #share-menu li.active a span { color: #ff3300; background: url("images/skins/blue/share-tab-active-right.gif?1") right top no-repeat; }

/*
*    SHARE CONTENT
*/

#share-content { padding: 0; line-height: 16px; bottom: 5px; background: #fff url("images/skins/blue/share-content-top.gif?1") top left no-repeat; position: relative; }
#share-content-inner { padding: 10px 29px 20px 29px; background: #fff url("images/skins/blue/share-content-bottom.gif?1") left bottom no-repeat; position: relative; }

#share-content h2 { margin-bottom: 5px; color: #003399; font: bold 1.8em "Trebuchet MS", sans-serif; margin-top: 0; }
#share-content p { border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 0px; }

/* table */

#share-content table { font-size: .9em; width: 100%; border-collapse: collapse; }
#share-content table tr td { text-align: left; padding: 10px 2px; }
#share-content table tr td a { font-weight: bold; font-size: 1em; }
#share-content table tr td a img { border: 1px solid #ccc; width: 40px; height: 40px; display: block; margin: 0 auto; }
#share-content table tr td a:hover img { border: 1px solid #999; }
#share-content table tfoot tr td { text-align: center; }
#share-content table tfoot tr td a { padding: 0 5px; }
#share-content table tfoot tr td a.active,
#share-content table tfoot tr td a.active:hover { color: #ccc; }
#share-content table tfoot tr td a:hover { color: #000; }

/* form */

#share-content form { margin-bottom: 7px; }
#share-content form table tr td { padding: 1px 4px; }
#share-content form input,
#share-content form select,
#share-content form button { vertical-align: middle; font: 1em Verdana, sans-serif; }
#share-content form input { width: 217px; padding: 2px; }
#share-content form textarea { width: 460px; height: 65px; }
#share-content form input,
#share-content form textarea { border: 1px solid #aaa; background: #eee; }
#share-content form input:focus,
#share-content form textarea:focus { border-color: #888; }
#share-content form .button { border-bottom-color: #666; border-right-color: #666; background: #bbb; cursor: pointer; width: 100px; }
#share-content form td span { font-weight: bold; }
#share-content form .button:hover { background: #ccc;}

/* LINK SKINS */

.share-link-button-green .share-link { background-image: url('images/skins/green/share-button.png'); }
.share-link-button-orange .share-link { background-image: url('images/skins/orange/share-button.png'); }
.share-link-button-red .share-link { background-image: url('images/skins/red/share-button.png'); }
.share-link-button-blue .share-link { background-image: url('images/skins/blue/share-button.png'); }

.share-link-text-green .share-link { background-image: url('images/skins/green/share-icon.png'); }
.share-link-text-orange .share-link { background-image: url('images/skins/orange/share-icon.png'); }
.share-link-text-red .share-link { background-image: url('images/skins/red/share-icon.png'); }
.share-link-text-blue .share-link { background-image: url('images/skins/blue/share-icon.png'); }

/* BOX SKINS */

.share-skin-green#share-box { color: #003300; background-color: #156a15; background-image: url("images/skins/green/share-box-top.gif");  }
.share-skin-green #share-content a { color: #156a15; }
.share-skin-green #share-box-inner { background-image: url("images/skins/green/share-box-bottom.gif") }
.share-skin-green #share-menu li a:hover { background-color: #7bd64f; background-image: url("images/skins/green/share-tab-hover-left.gif"); }
.share-skin-green #share-menu li a:hover span { background-image: url("images/skins/green/share-tab-hover-right.gif"); }
.share-skin-green#share-box #share-menu li.active a { background-image: url("images/skins/green/share-tab-active-left.gif"); }
.share-skin-green#share-box #share-menu li.active a span { color: #990000; background-image: url("images/skins/green/share-tab-active-right.gif"); }
.share-skin-green #share-content { background-image: url("images/skins/green/share-content-top.gif"); }
.share-skin-green #share-content-inner { background-image: url("images/skins/green/share-content-bottom.gif"); }
.share-skin-green #share-content h2 { color: #156a15; }

.share-skin-orange#share-box { color: #333333; background-color: #ff3300; background-image: url("images/skins/orange/share-box-top.gif");  }
.share-skin-orange #share-content a { color: #ff7d5d; }
.share-skin-orange #share-box-inner { background-image: url("images/skins/orange/share-box-bottom.gif") }
.share-skin-orange #share-menu li a:hover { background-color: #ff7d5d; background-image: url("images/skins/orange/share-tab-hover-left.gif"); }
.share-skin-orange #share-menu li a:hover span { background-image: url("images/skins/orange/share-tab-hover-right.gif"); }
.share-skin-orange#share-box #share-menu li.active a { background-image: url("images/skins/orange/share-tab-active-left.gif"); }
.share-skin-orange#share-box #share-menu li.active a span { color: #990000; background-image: url("images/skins/orange/share-tab-active-right.gif"); }
.share-skin-orange #share-content { background-image: url("images/skins/orange/share-content-top.gif"); }
.share-skin-orange #share-content-inner { background-image: url("images/skins/orange/share-content-bottom.gif"); }
.share-skin-orange #share-content h2 { color: #ff3300; }

.share-skin-red#share-box { color: #333333; background-color: #cc0000; background-image: url("images/skins/red/share-box-top.gif");  }
.share-skin-red #share-content a { color: #f15454; }
.share-skin-red #share-box-inner { background-image: url("images/skins/red/share-box-bottom.gif") }
.share-skin-red #share-menu li a:hover { background-color: #f15454; background-image: url("images/skins/red/share-tab-hover-left.gif"); }
.share-skin-red #share-menu li a:hover span { background-image: url("images/skins/red/share-tab-hover-right.gif"); }
.share-skin-red#share-box #share-menu li.active a { background-image: url("images/skins/red/share-tab-active-left.gif"); }
.share-skin-red#share-box #share-menu li.active a span { color: #660000; background-image: url("images/skins/red/share-tab-active-right.gif"); }
.share-skin-red #share-content { background-image: url("images/skins/red/share-content-top.gif"); }
.share-skin-red #share-content-inner { background-image: url("images/skins/red/share-content-bottom.gif"); }
.share-skin-red #share-content h2 { color: #cc0000; }



/*Menu Style */

div ul li.menuHome{position: relative; width: 95px; height: 44px; padding-top: 8px;}
div ul li.menuHomeActive{position: relative; background-image: url('http://www.infodir.org/img/bgb-na.png'); background-repeat: no-repeat; width: 95px; height: 44px; padding-top: 8px;}
div ul li.menuHome:focus, div ul li.menuHome:hover{background-image: url('http://www.infodir.org/img/bgb-na.png'); background-repeat: no-repeat; width: 95px; height: 44px;}

div ul li.menuDo{position: relative; width: 95px; height: 44px; padding-top: 8px;}
div ul li.menuDoActive{position: relative; background-image: url('http://www.infodir.org/img/bgb-do.png'); background-repeat: no-repeat; width: 95px; height: 44px; padding-top: 8px;}
div ul li.menuDo:focus, div ul li.menuDo:hover{background-image: url('http://www.infodir.org/img/bgb-do.png'); background-repeat: no-repeat; width: 95px; height: 44px;}

div ul li.menuAnns{position: relative; width: 95px; height: 44px; padding-top: 8px;}
div ul li.menuAnnsActive{position: relative; background-image: url('http://www.infodir.org/img/bgb-obiavi.png'); background-repeat: no-repeat; width: 95px; height: 44px; padding-top: 8px;}
div ul li.menuAnns:focus, div ul li.menuAnns:hover{background-image: url('http://www.infodir.org/img/bgb-obiavi.png'); background-repeat: no-repeat; width: 95px; height: 44px;}

div ul li.menuFirmcatalog{width: 180px; height: 44px; padding-top: 8px;}
div ul li.menuFirmcatalogActive{background-image: url('http://www.infodir.org/img/bgb-firmen.png'); background-repeat: no-repeat; width: 180px; height: 44px; padding-top: 8px;}
div ul li.menuFirmcatalog:focus, div ul li.menuFirmcatalog:hover{background-image: url('http://www.infodir.org/img/bgb-firmen.png'); background-repeat: no-repeat; width: 180px; height: 44px;}

div ul li.menuSitecatalog{width: 180px; height: 44px; padding-top: 8px;}
div ul li.menuSitecatalogActive{background-image: url('http://www.infodir.org/img/bgb-site.png'); background-repeat: no-repeat; width: 180px; height: 44px; padding-top: 8px;}
div ul li.menuSitecatalog:focus, div ul li.menuSitecatalog:hover{background-image: url('http://www.infodir.org/img/bgb-site.png'); background-repeat: no-repeat; width: 180px; height: 44px;}

div ul li.menuNewslist{width: 95px; height: 44px; padding-top: 8px;}
div ul li.menuNewslistActive{background-image: url('http://www.infodir.org/img/bgb-novini.png'); background-repeat: no-repeat; width: 95px; height: 44px; padding-top: 8px;}
div ul li.menuNewslist:focus, div ul li.menuNewslist:hover{background-image: url('http://www.infodir.org/img/bgb-novini.png'); background-repeat: no-repeat; width: 95px; height: 44px;}

div ul li.menuContactus{width: 105px; height: 44px; padding-top: 8px;}
div ul li.menuContactusActive{background-image: url('http://www.infodir.org/img/bgb-contacts.png'); background-repeat: no-repeat; width: 105px; height: 44px; padding-top: 8px;}
div ul li.menuContactus:focus, div ul li.menuContactus:hover{background-image: url('http://www.infodir.org/img/bgb-contacts.png'); background-repeat: no-repeat; width: 105px; height: 44px;}

div ul li.menuSearch{width: 74px; margin-left: 6px; background-image: url('http://www.infodir.org/img/magnifier.png'); background-repeat: no-repeat;}
div ul li.menuSearch:focus, div ul li.menuSearch:hover{background-image: url('http://www.infodir.org/img/magnifier1.png'); background-repeat: no-repeat; width: 74px; margin-left:6px;}

div ul li.menuSpacer{background-image: url('http://www.infodir.org/img/line.png'); width: 2px; height: 36px; margin-right: 0px; margin-left: 0px;}

div ul li a.menuText{text-align: center; font-family: Arial, Times, serif; font-size: 16px; font-weight: bold; text-decoration: none;}
div ul li a.menuText:hover{text-decoration: none;}

div ul li h1{padding: 0; margin: 0; text-align: center; font-family: Arial, Times, serif; font-size: 16px; font-weight: bold;}
div ul li h1:hover{padding: 0; margin: 0; text-align: center; font-family: Arial, Times, serif; font-size: 16px; font-weight: bold;}

div ul li h2{padding: 0; margin: 0; text-align: center; font-family: Arial, Times, serif; font-size: 16px; font-weight: bold;}
div ul li h2:hover{padding: 0; margin: 0; text-align: center; font-family: Arial, Times, serif; font-size: 16px; font-weight: bold;}

div ul li a.menuDroptext{font-family: Arial, Times, serif; font-size: 17px; font-weight: normal;}

div ul li.searchLink{width: 74px; margin-left: 6px;}

/*End   Menu Style */


div a.tablelink{font-size: 12px; color: black; text-decoration: none;}
div a.tablelink:focus, div a.tablelink:hover{text-decoration: underline;}

div.divstyle1{margin-left: 50px; display: inline;}
div.divstyle2{margin-left: 20px; display: inline;}
div.divstyle3{padding-left: 15%;}
div.divstyle4{right: 0px; left: 0px; margin: auto; background-image: url(http://www.infodir.org/img/header-power.gif); background-repeat: no-repeat; height:125px;}
div.divstyle5{margin-top: 2px;}

table tr td.tablestyle1{background-image: url(http://www.infodir.org/img/toptop.gif); height: 15px; width: 100%;}
table tr td.tablestyle2{border-bottom: 1px dotted #333333;}
table tr td.tablestyle3{text-align: center;}
table tr td.tablestyle4{background-image: url(http://www.infodir.org/img/categorys.gif); background-repeat: no-repeat; width: 228px; height: 350px;}
table tr td.tablestyle5{background-image: url(http://www.infodir.org/img/categorys.gif); background-repeat: no-repeat; width: 228px; height: 250px;}
table tr td.tablestyle6{background-image: url(http://www.infodir.org/img/maintop.png); background-repeat: no-repeat; width: 662px; height: 9px}
table tr td.tablestyle7{background-image: url(http://www.infodir.org/img/mainadd.gif); background-repeat: repeat-y; width: 662px; height: 9px; font-size: 21px; font-weight: bold}
table tr td.tablestyle8{background-image: url(http://www.infodir.org/img/mainbottom.gif); background-repeat: no-repeat; width: 662px; height:9px;}

div.divclass1{display: none;}
div.divclass2{position: relative; top: 0px; right: 0px; left: 0px; margin: auto;}
div.divclass3{padding: 14px 0 0 15px; width: 210px; height: 178px;}
div.divclass4{margin-left: -30px}
div.divclass5{width: 228px; padding-top: 15px;}
div.divclass6{margin-right: 0px; margin-top: 10px;}
div.divclass7{margin-top: 5px;}
div.divclass8{padding: 14px 0 0 0px; width: 210px; height: 100px;}
div.divclass9{margin-left: -15px;}

a img.imgstyle1{padding: 5px 0 0 0px;}

div ul li.liststyle1{border-bottom: 1px solid #000000;}
div ul li.liststyle2{border-bottom: 1px solid #CBCBCB; color: black;}

div ul li a.linkstyle1{color: black;}

div h1.h1style1{font-size: 12px; padding: 0px; margin: 0px; font-weight: normal;}

.sortfont{
	font-size: 14px;
	color:black;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	padding:0;
	text-decoration:none;
}