<?php 

	&nbsp;ob_start ("ob_gzhandler");

	&nbsp;header("Content-type: text/css");

	&nbsp;header("Cache-Control: must-revalidate");

	&nbsp;$offset = 60 * 60 ;

	&nbsp;$ExpStr = "Expires: " . 

	&nbsp;gmdate("D, d M Y H:i:s",

	&nbsp;time() + $offset) . " GMT";

	&nbsp;header($ExpStr);

	?> 


.contentheading{
font-size:17px; font-weight:bold;
}

.clearfix:after {/*this will help the menu to push its container down and not overlapping it in firefox*/
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;

}
iframe{
	border:none;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
p {
padding:0;
margin:0;
font-size:13px;
}
div{
	font-size:13px;
}
a{
color:#3C200B;
font-size:13px;
}
h4{
line-height:18px;
font-size:15px;
margin:5px 0 0 0;
padding:0;

}
body {
margin: 0;
padding: 0 ;
font-size:13px;
font-family:Arial,Tahoma, Verdana, Georgia, sans-serif;
font-weight:normal;
color:#3C200B;
background:#D9C15D;
line-height:14pt;
min-height:700px;
}
#main_cont{
position:relative; top:0;
width:969px;
margin:0px auto;
margin-top:0;
padding:0 ;
background: url('../images/top_bg.jpg') no-repeat top center;
font-size:13px;
}
#second_cont{
float:left;
width:969px;
margin:40px 0 0 0;
padding:0;
background: url('../images/middle_bg.jpg') repeat-y top center;
}
#bottom{
float:left;
width:969px;
height:160px;
margin:0;
padding:0;
background: url('../images/bottom_bg.jpg') no-repeat top center;
}
#credit{
float:left;
width:920px;
height:25px;
margin:-15px 0 0 0;
padding:0 0 0 35px;
font-size:0.9em;
}
.left_credit{
	float:left;
width:350px;
}
.search_div{
	float:left;
width:200px;
}
.right_credit{
	float:right;
width:250px;
}
span.credit{margin:0 0px 0 30px; display:inline-table;}
span.credit a{ text-decoration:none; font-size:0.9em;}
span.credit a:hover{ text-decoration:underline;}
.inputbox-srch{
	background-color:#D9C15D;
color:#3C200B;}
#logo{
float:left;
width:160px;
height:70px;
margin: 20px 0 0px 0;
padding: 0 0 0 30px;
background: url('../images/logo.jpg') no-repeat bottom right;
}
#logo h1{display:none;}
#logo a{
display:block;
text-decoration:none;
width:150px;
height:70px;}


#buttons {
float: left;
margin: 0px;
margin-top:38px;
margin-left:15px;
padding: 0px;

height:40px;
width:730px;
}
/*
a.mainlevel:link, a.mainlevel:visited {
display:block;
text-decoration: none;
color:#000;
font-size:13px;
height:35px !important;
margin-top:4px;
margin-right:6px; margin-left:6px;
float:left;
min-width:40px;
text-align:center;
}
.menu_span{display:block;float:left;vertical-align:top;color:#867530;
font-size:22px;height:35px !important;margin:0 ;
}
a.mainlevel:hover {
background: url('../images/under_line2.jpg') no-repeat bottom center;
}

a.mainlevel#active_menu {
background: url('../images/under_line2.jpg') no-repeat bottom center;
}

a.mainlevel#active_menu:hover {
background: url('../images/under_line2.jpg') no-repeat bottom center;
}
a.sublevel{font-family:Arial,Tahoma, Verdana, Georgia, sans-serif;
font-weight:normal;
color:#3C200B;
font-size:12px; text-decoration:none;}
*/

.contentpaneopen{font-family:Arial,Tahoma, Verdana, Georgia, sans-serif;
font-weight:normal;
color:#3C200B;
width:100%;
}

.mbCategories{
	margin-top:10px;
}
.tag1 span{
	font-family:Arial,Tahoma, Verdana, Georgia, sans-serif;
font-weight:normal;
color:#3C200B; font-size:12px; text-decoration:none;
}
.moduletable-blog div{ height:100%;color:#8C4C33; margin-top:8px; width:100%;}
.moduletable-blog ul{ margin:0px; padding:0px;}
.moduletable-blog ul a{font-family:Arial,Tahoma, Verdana, Georgia, sans-serif;
font-weight:normal;
color:#3C200B; font-size:12px; text-decoration:none;}
.moduletable-blog li{ margin:0px; padding:0px;}
.moduletable-blog th{
text-align:left;
color:#8C4C33;}
.mod_comments ul{ margin:0px; padding:0px;list-style:none;}
.mod_comments li{ margin:0px; padding:0px; list-style:none;}

#sub_logo{
display:block;
float:left;
width:900px;
height:35px;
margin: 0px 20px 0 0 ;
background: url('../images/sub_logo.jpg') no-repeat bottom right;
}
#sub_logo h4{display:none;}
#header{
display:block;
width:250px;
height:30px;
margin: 0 20px 0 50px ;
padding:0;
clear:both;
}
#text{
float:left;
width:440px;
margin: 0px 20px 20px 0px ;
padding: 0 0 0 50px;
text-align:left;

}
#text_with_right_col{float:left;
width:650px;
margin: 0px 20px 20px 0px ;
padding: 0 0 0 50px;
text-align:left;}
#text_full_width{float:left;
width:862px;
margin: 0px 20px 20px 0px ;
padding: 0 0 0 50px;
text-align:left;}
#full_width_top_mod{
	float:left;
	width:650px;
	margin: 0px 20px 20px 0px ;
	padding: 0 0 0 50px;
}

#images{
float:left;
width:390px;

margin: 10px 10px 20px 0 ;
padding: 0 ;

}
#right_col{float:right;
width:212px;
margin: 10px 30px 20px 0 ;
padding: 0 ;}
#text p{
margin: 10px 0 0 0 ;
padding: 0 ;
text-align:left;
}
#text img{
border:none;
}
.privacy{
float:left;
width:840px;
margin: 0px 20px 20px 0px ;
padding: 0 0 0 50px;
text-align:left;
}
.privacy p{
margin: 0px 20px 20px 0px ;
padding: 0;
text-align:left;
}
.privacy ol li{
margin: 0px 0 10px 0px ;

}
.next{
position:absolute;
top:470px;
left:50px;

}
.next a{
margin:0 20px 0 0;
}
#text.gallery{
float:left;
width:270px;
height:270px;
margin: 0px 10px 20px 0 ;
padding: 0 0 0 10px;
text-align:left;

}
#text.gallery ul li{
list-style-type:none;
margin:0;
padding:0;
}
#imagess.thumbs{ float:left; width:400px; position:relative; top:-20px;/**/ } #imagess.africa{ float:left; width:400px; margin: 25px 0 0 0 ; padding: 0 ; } #contact_form{ display:block; float:left; width:270px; margin: 0 ; } #contact_form form label{ width: 80px; float: left; margin-bottom: 0px; font-size:0.9em; display: inline-block; vertical-align: top; } #contact_form form span{ font-size:0.9em; } #contact_form br { clear: left; } #contact_form input.contact{ width: 170px; font-size: 0.9em; margin-bottom: 5px; background:#fff; } #contact_form form textarea{ margin:5px 0 5px 0 ; width: 170px; height:60px; font-size: 0.9em; overflow:hidden; } div.error{ float:left; margin:-20px 0 0 0; display:block; width:150px; height:20px; color:#000; font-size:0.8em; font-weight:bold; } #button1{ margin:10px 0 0 150px; } span.stone{ color:#8C4C33; font-weight:bold; } /*-----------------stone stories-----------------*/ /*#sort{ font-size:0.8em; width:510px; margin:-10px 0 0 20px; } #sort form select{font-size:0.8em;width:100px;} #sort form input{font-size:0.8em;} #login_out{ display:block; width:180px; font-size:0.8em; position:absolute; top:222px; left:650px; } #login_out form input{font-size:0.8em;} #text2.stories{ float:left; width:650px; margin: 0px 10px 20px 30px ; padding: 0 0 0 20px; text-align:left; } span.details{font-size:0.8em;color:#8C4C33;} #text2.stories a { font-size:0.8em; color:#000;} #text2.stories textarea { height:50px; width:350px; overflow:hidden;} .comment{ margin:0 0 0 10px; padding:0; font-size:0.8em; color:#000; } .comment ul{ margin:0 0 0 10px; padding:0; } .comments h4{ margin:10px 0 0 10px; font-size:14px; color:#000; }*/ #order{ width:800px; margin: 0px 0px 20px 0 ; padding: 0 0 0 50px; text-align:left; } #order p{ margin: 0px 0px 20px 0 ; } #item{ margin: 10px 0 10px 0; padding: 0 ; z-index:1; } #item a{ text-decoration:underline; } #item fieldset{ margin: 0; padding: 10px; border: 1px solid #C0C0A4; width:800px; } legend{ font-size:1.2em; color:#0033FF; padding-left:4px; } .img{ display:block; width:200px; float:left; } .img img{ float:left; margin: 10px 0 0 0 ; } #item p{ display:block; margin: 5px 0 0 200px; } #item p span{ font-weight:bold; } /*----styles---*/ textarea.edit{ width:200px; height:100px; overflow:auto; } #item a.add{ text-decoration:none; background: url('../parts/add.gif') no-repeat top center; height:31px; width:115px; line-height:31px; padding:8px 20px; font-weight:bold; margin:0; } #item a:hover.add{ text-decoration:underline; } em.quote{ font-family:Georgia, "Times New Roman", Times, serif; font-size:1.1em; } .contenttoc{ display:none; } .pagenavcounter{ display:none; }
.sendform{
	width:485px;

}
.sectiontableheader{
font-weight:bold;
color:#3C200B;
font-size:14px;
}
.inputbox{
	border:#3C200B solid 1px;
}
.small{
	
color:#8C4C33;font-size:0.8em;font-weight:bold;}
#poweredby{
	display:none;
}
#contact_text{
	width:205px;
}
#contact_name{
	width:205px;
}
#contact_email{
	width:205px;
}
#contact_subject{
	width:205px;
}
.send_button{
	display:block;
margin-left:75px;

}


.contact_email label{
	
font-size:12px;}
.adminform td{
	padding-bottom:10px;
}
.moduletable{
	width:100%;height:40px;
}



/** IE bugs: a:link, a:visited, a:hover need to be styled as well; does not display separator... workaround? */
/** customize colors here */

a.mainlevel-son-of-suckerfish-horizontal,
a.mainlevel_active-son-of-suckerfish-horizontal,
a.mainlevel_current-son-of-suckerfish-horizontal,
a.mainlevel-son-of-suckerfish-horizontal:link, a.mainlevel_active-son-of-suckerfish-horizontal:link, a.mainlevel_current-son-of-suckerfish-horizontal:link,
a.mainlevel-son-of-suckerfish-horizontal:visited, a.mainlevel_active-son-of-suckerfish-horizontal:visited, a.mainlevel_current-son-of-suckerfish-horizontal:visited {
text-decoration: none;
color:#000;
font-size:13px;
margin-top:4px;
margin-right:6px; margin-left:6px;

text-align:center;
}
/*a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_active-son-of-suckerfish-horizontal:link {background: url('../images/under_line2.jpg') no-repeat bottom center;}

a.mainlevel-son-of-suckerfish-horizontal:hover {
background: url('../images/under_line2.jpg') no-repeat bottom center;
}*/
ul.mainlevel-son-of-suckerfish-horizontal li:hover{background: url('../images/under_line2.jpg') no-repeat bottom center;}

a.sublevel-son-of-suckerfish-horizontal,
a.sublevel_active-son-of-suckerfish-horizontal,
a.sublevel_current-son-of-suckerfish-horizontal,
a.sublevel-son-of-suckerfish-horizontal:link, a.sublevel_active-son-of-suckerfish-horizontal:link, a.sublevel_current-son-of-suckerfish-horizontal:link,
a.sublevel-son-of-suckerfish-horizontal:visited, a.sublevel_active-son-of-suckerfish-horizontal:visited, a.sublevel_current-son-of-suckerfish-horizontal:visited {
background-color: #D9C15D;
color: white;
}

a.sublevel-son-of-suckerfish-horizontal:hover, a.sublevel_active-son-of-suckerfish-horizontal:hover, a.sublevel_current-son-of-suckerfish-horizontal:hover {
background-color: #D9C15D;
color: #AB8C32;
}

ul.mainlevel-son-of-suckerfish-horizontal
ul ul a.sublevel-son-of-suckerfish-horizontal,
ul.mainlevel-son-of-suckerfish-horizontal ul ul
a.sublevel_active-son-of-suckerfish-horizontal,
ul.mainlevel-son-of-suckerfish-horizontal ul ul
a.sublevel_current-son-of-suckerfish-horizontal,
ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel-son-of-suckerfish-horizontal:link, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_active-son-of-suckerfish-horizontal:link, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_current-son-of-suckerfish-horizontal:link,
ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel-son-of-suckerfish-horizontal:visited, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_active-son-of-suckerfish-horizontal:visited, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_current-son-of-suckerfish-horizontal:visited {
background-color: D9C15D;
color: #000000;
}

ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel-son-of-suckerfish-horizontal:hover, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_active-son-of-suckerfish-horizontal:hover, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_current-son-of-suckerfish-horizontal:hover {
background-color: #E3D18A;
color: #000000;
}

ul.mainlevel-son-of-suckerfish-horizontal ul .expanded {
display: block;
background-image: url("../images/arrow_right.gif");
background-position: right center;
background-repeat: no-repeat;
padding-right: 10px;
}


/** customize style / layout here */

a.mainlevel-son-of-suckerfish-horizontal,
a.mainlevel_active-son-of-suckerfish-horizontal,
a.mainlevel_current-son-of-suckerfish-horizontal,
span.mainlevel-son-of-suckerfish-horizontal,
a.mainlevel-son-of-suckerfish-horizontal:link, a.mainlevel_active-son-of-suckerfish-horizontal:link, a.mainlevel_current-son-of-suckerfish-horizontal:link,
a.mainlevel-son-of-suckerfish-horizontal:visited, a.mainlevel_active-son-of-suckerfish-horizontal:visited, a.mainlevel_current-son-of-suckerfish-horizontal:visited,
a.mainlevel-son-of-suckerfish-horizontal:hover, a.mainlevel_active-son-of-suckerfish-horizontal:hover, a.mainlevel_current-son-of-suckerfish-horizontal:hover,
a.sublevel-son-of-suckerfish-horizontal,
a.sublevel_active-son-of-suckerfish-horizontal,
a.sublevel_current-son-of-suckerfish-horizontal,
span.sublevel-son-of-suckerfish-horizontal,
a.sublevel-son-of-suckerfish-horizontal:link, a.sublevel_active-son-of-suckerfish-horizontal:link, a.sublevel_current-son-of-suckerfish-horizontal:link,
a.sublevel-son-of-suckerfish-horizontal:visited, a.sublevel_active-son-of-suckerfish-horizontal:visited, a.sublevel_current-son-of-suckerfish-horizontal:visited,
a.sublevel-son-of-suckerfish-horizontal:hover, a.sublevel_active-son-of-suckerfish-horizontal:hover, a.sublevel_current-son-of-suckerfish-horizontal:hover {
font-weight: normal;
font-size: 100%;
text-align: left;
text-decoration: none;
display: block;
border: 0px solid silver;
padding: 0.3em 0.5em 0.3em 0.5em; /* top, right, bottom, left */
}

a.mainlevel-son-of-suckerfish-horizontal,
a.mainlevel_active-son-of-suckerfish-horizontal,
a.mainlevel_current-son-of-suckerfish-horizontal,
span.mainlevel-son-of-suckerfish-horizontal {
}

a.sublevel-son-of-suckerfish-horizontal,
a.sublevel_active-son-of-suckerfish-horizontal,
a.sublevel_current-son-of-suckerfish-horizontal,
span.sublevel-son-of-suckerfish-horizontal {
font-size: 90%;
border-top: none;
height: 1%; /* this is required for the IE to cause the "hasLayout" property and make the whole anchor clickable - "Holly Hack" */
}

#active_menu-son-of-suckerfish-horizontal,
a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_current-son-of-suckerfish-horizontal,
a.mainlevel_active-son-of-suckerfish-horizontal:link, a.mainlevel_current-son-of-suckerfish-horizontal:link,
a.mainlevel_active-son-of-suckerfish-horizontal:visited, a.mainlevel_current-son-of-suckerfish-horizontal:visited,
a.mainlevel_active-son-of-suckerfish-horizontal:hover, a.mainlevel_current-son-of-suckerfish-horizontal:hover,
a.sublevel_active-son-of-suckerfish-horizontal, a.sublevel_current-son-of-suckerfish-horizontal,
a.sublevel_active-son-of-suckerfish-horizontal:link, a.sublevel_current-son-of-suckerfish-horizontal:link,
a.sublevel_active-son-of-suckerfish-horizontal:visited, a.sublevel_current-son-of-suckerfish-horizontal:visited,
a.sublevel_active-son-of-suckerfish-horizontal:hover, a.sublevel_current-son-of-suckerfish-horizontal:hover {
font-weight: bold;
}

ul.mainlevel-son-of-suckerfish-horizontal, .mainlevel-son-of-suckerfish-horizontal ul {
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
z-index: 100;

}

ul.mainlevel-son-of-suckerfish-horizontal li {
padding: 0;
margin: 0;
background: none;
float: left;
height:35px;

}

ul.mainlevel-son-of-suckerfish-horizontal li li {
position: relative;
display: block;
width: 8.3em;
height:auto;
}


ul.mainlevel-son-of-suckerfish-horizontal ul {
display: block;
position: absolute;
left: -999em;
margin: 0.9em 0 0 0.9em;
width: auto;
height: auto;
z-index: 101;
}

ul.mainlevel-son-of-suckerfish-horizontal li li ul {
margin: -1.8em 0 0 10em;
z-index: 102;
}

ul.mainlevel-son-of-suckerfish-horizontal li:hover ul,
ul.mainlevel-son-of-suckerfish-horizontal li.hover ul {
left: auto;
}

ul.mainlevel-son-of-suckerfish-horizontal li:hover ul ul,
ul.mainlevel-son-of-suckerfish-horizontal li.hover ul ul {
left: -999em;
}

ul.mainlevel-son-of-suckerfish-horizontal li:hover ul li:hover ul,
ul.mainlevel-son-of-suckerfish-horizontal li.hover ul li.hover ul {
left: auto;
}


ul.mainlevel-son-of-suckerfish-horizontal, ul.mainlevel-son-of-suckerfish-horizontal li li {
clear: left;
}

/** separator */
span.mainlevel-son-of-suckerfish-horizontal, span.sublevel-son-of-suckerfish-horizontal {
display: block;
width: 1em;
border-width: 0px;
margin-left: 1em;
padding: 0;
padding-top: 1px;
}

/** IE5.0/win workaround: the ">" is handled like a "," */
ul.mainlevel-son-of-suckerfish-horizontal > ul.mainlevel-son-of-suckerfish-horizontal {
position: absolute;
top: 5em; /* change the absolute position for IE5.0 here */
}
ul.mainlevel-son-of-suckerfish-horizontal > ul.mainlevel-son-of-suckerfish-horizontal li.hover ul {
margin: 0.1em 0 0 0em; /* top, right, bottom, left */
}
ul.mainlevel-son-of-suckerfish-horizontal > ul.mainlevel-son-of-suckerfish-horizontal li.hover ul ul {
margin: -1.6em 0 0 10em; /* top, right, bottom, left */
}



        
          
                        
                         
                         &nbsp;
                         TXT viewer:&nbsp;/thefriendshipstone.com/dyn/mambots/content/plugin_jw_tabs_slides/tabs_slides.css
                         
                         
                         /*
// "Tabs & Slides In Content Items" Plugin for Joomla! 1.0.x - Version 2.2
// License: http://www.gnu.org/copyleft/gpl.html
// Authors: Fotis Evangelou - George Chouliaras
// Copyright (c) 2006-2007 JoomlaWorks.gr - http://www.joomlaworks.gr
// Project page at http://www.joomlaworks.gr - Demos at http://demo.joomlaworks.gr
// ***Last update: January 14th, 2007***
*/

/* --- Tabs --- */
.tabberlive .tabbertabhide {display:none;}
.tabber {}
.tabberlive {margin:8px 0px;}
ul.tabbernav {margin:0px;padding:3px 0px;border-bottom:1px solid #bbb;font-size:12px;font-weight:bold;}
ul.tabbernav li {list-style:none;margin:0;display:inline;}
ul.tabbernav li a {padding:3px 4px;margin-left:3px;border:1px solid #bbb;border-bottom:none;background:#eee url(tab_bg.png) repeat-x top;text-decoration:none;}
ul.tabbernav li a:link {color:#333}
ul.tabbernav li a:visited {}
ul.tabbernav li a:hover {color:#C64934;background:#f2f2f2;border-color:#aaa;}
ul.tabbernav li.tabberactive a {background:#fff;border-bottom:1px solid #fff;}
ul.tabbernav li.tabberactive a:hover {background:#fff;border-bottom:1px solid #fff;}
li.tabberactive {background-image:none;padding:0px;}
li.tabberinactive {background-image:none;padding:0px;}
.tabberlive .tabbertab {padding:5px;border:1px solid #bbb;border-top:0;
/* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */
/* height:100px; */
/* If you set a fix height set overflow to auto and you will get a scrollbar when necessary */
/* overflow:auto; */
}
.tabberlive .tabbertab h2 {display:none;}
.tabberlive .tabbertab h3 {display:none;}
.tabberlive#tab1 {}
.tabberlive#tab2 {}
.tabberlive#tab2 .tabbertab {overflow:auto;/*height:200px; */}


/* --- Slides --- */
.jw_slidetitle {cursor:pointer;margin:0px;overflow:hidden;background:url(slide_bg_r.png) no-repeat right top;}
.jw_st_left {background:url(slide_bg_l.png) no-repeat left top;margin-right:10px;}
.jw_st_cont {background:url(star.png) no-repeat;background-position:0px 3px;padding:5px 2px 5px 20px !important;padding:4px 2px 6px 20px;margin-left:8px;font-size:12px;font-weight:bold;color:#C64934;}
/* Parent box of slide down content */
.jw_slide {border:none;background-color:#fff;width:100%;visibility:hidden;height:0px;overflow:hidden;position:relative;}
/* Content that slides down */
.jw_slidecontent {padding:2px;margin:0px;position:relative;}
                         
                         
          
          
/* Table banner */
.artbannersplus {
border: 0px;
margin-left: auto;
margin-right: auto;
} 


.img-shadow,.image-shadow {
float:left;
background: url(images/shadowAlpha.png) no-repeat bottom right !important;
background: url(images/shadow.gif) no-repeat bottom right;
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;
}

.img-shadow img,.image-shadow img{
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 4px;
}
.highslide {
cursor: url(images/zoomin.cur), pointer;
outline: none;
}
.highslide img {
border: 2px solid gray;
}

.highslide:hover img {
border: 2px solid black;
}

.highslide-image {
border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
display: none;

border: 2px solid white;
border-top: none;
font-family: Verdana, Helvetica;
font-size: 10pt;
padding: 5px;
background-color: white;
}
.highslide-loading {
display: block;
color: white;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
padding: 3px;
border-top: 1px solid white;
border-bottom: 1px solid white;
background-color: black;
/*
padding-left: 22px;
background-image: url(images/loader.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 {
cursor: move;
}
.highslide-display-block {
display: block;
}
.highslide-display-none {
display: none;
}
.control {
float: right;
display: block;
position: relative;
margin: 0 5px;
font-size: 9pt;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
margin-top: 1px;
margin-bottom: 1px;
}
.control:hover {
border-top: 1px solid #333;
border-bottom: 1px solid #333;
margin-top: 0;
margin-bottom: 0;
}
.control, .control * {
color: #666;
}
.ctd {
/*width:450px;*/
height:200px;
overflow:auto;
}

.comment_box{
width:100%;
padding: 5px;float:left;
background-color: #ee8f01;
margin: 0;height:200px;overflow:auto;
-moz-border-radius: 10px;display:none;
}

.commentbox{
background-color: #ececec;text-align:left;
padding: 10px;
}

.commentfooter{
background: url(../images/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
text-align:right;
padding-top: 1px;
margin-bottom: 2em;
font-size: 10px;
color: #4A4A4A;
}