/* CSS Document */
html, body, ul, ol, li {  /* set everything to zero for a good cross-browser starting point */
margin: 0; /* zeroes the margins on the body */
padding: 0; /* zeroes the padding on the body ~ Opera carries a default padding and requires this zeroing */
border: 0; /* zeroes off any existing border */	  
}
body          {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100.01%; color: #FFF; margin-bottom:0;
margin-left:0; margin-right:0; margin-top:0; background-color:#FFFFFF; background-image:url(../../images/body_bg10.jpg); background-repeat:repeat-x; min-width: 780px}
pre, tt       {font-size: 12px}
th            {font-family: arial, helvetica, geneva, sans-serif; font-size: 12px; font-weight: bold;}
td            {font-family: arial, helvetica, geneva, sans-serif; font-size: 12px}
form          {font-family: arial, helvetica, geneva, sans-serif; font-size: 10px; display:inline}
h1            {font-family: arial, helvetica, geneva, sans-serif; font-size: large; font-weight: bold}
A:link        {font-family: arial, helvetica, geneva, sans-serif; font-size: 12px; text-decoration: none; color: #0066FF; background-color: inherit;}
A:visited     {font-family: arial, helvetica, geneva, sans-serif; font-size: 12px; text-decoration: none; color: #0066FF; background-color: inherit;}
A:hover       {font-family: arial, helvetica, geneva, sans-serif; font-size: 12px; text-decoration: underline; color: #FF0066; background-color: inherit;}
A:link.nav    {font-family: arial, helvetica, geneva, sans-serif; color: #5F5F5F; background-color: inherit;}
A:visited.nav {font-family: arial, helvetica, geneva, sans-serif; color: #5F5F5F; background-color: inherit;}
A:hover.nav   {font-family: arial, helvetica, geneva, sans-serif; color: #FF0066; background-color: inherit;}
.nav          {font-family: arial, helvetica, geneva, sans-serif; color: #5F5F5F; background-color: inherit;}


.text_search	      {
	BORDER-RIGHT: #999999 1px solid; 
	BORDER-TOP: #999999 1px solid; 
	FONT-SIZE: 9pt; 
	BORDER-LEFT: #999999 1px solid; 
	BORDER-BOTTOM: #999999 1px solid; 
	FONT-FAMILY: Arial, Helvetica, sans-serif, sans-serif;
	background: #EEEEEE;
	color : #000000;
}

.text	      {
	BORDER-RIGHT: #999999 1px solid; 
	BORDER-TOP: #999999 1px solid; 
	FONT-SIZE: 9pt; 
	BORDER-LEFT: #999999 1px solid; 
	BORDER-BOTTOM: #999999 1px solid; 
	FONT-FAMILY: Arial, Helvetica, sans-serif, sans-serif;
	background: #000000;
	color : #0066FF;
}

.text_style	      {
	BORDER-RIGHT: #999999 1px solid; 
	BORDER-TOP: #999999 1px solid; 
	FONT-SIZE: 9pt; 
	BORDER-LEFT: #999999 1px solid; 
	BORDER-BOTTOM: #999999 1px solid; 
	FONT-FAMILY: Arial, Helvetica, sans-serif, sans-serif;
	background: #000000;
	color : #0066FF;
}

.text_input_style {
	BORDER-RIGHT: #999999 1px solid; 
	BORDER-TOP: #999999 1px solid; 
	FONT-SIZE: 9pt; 
	BORDER-LEFT: #999999 1px solid; 
	BORDER-BOTTOM: #999999 1px solid; 
	FONT-FAMILY: Arial, Helvetica, sans-serif, sans-serif;
	background: #000000;
	color : #0066FF;
}	

.textarea	      {
	BORDER-RIGHT: #999999 1px solid; 
	BORDER-TOP: #999999 1px solid; 
	FONT-SIZE: 10pt; 
	BORDER-LEFT: #999999 1px solid; 
	BORDER-BOTTOM: #999999 1px solid; 
	FONT-FAMILY: Arial, Helvetica, sans-serif, sans-serif;
	background: #000000;
	color : #0066FF;
	overflow:auto;
}

.textarea_input_style{
	BORDER-RIGHT: #999999 1px solid; 
	BORDER-TOP: #999999 1px solid; 
	FONT-SIZE: 10pt; 
	BORDER-LEFT: #999999 1px solid; 
	BORDER-BOTTOM: #999999 1px solid; 
	FONT-FAMILY: Arial, Helvetica, sans-serif, sans-serif;
	background: #000000;
	color : #0066FF;
	overflow:auto;
}

.comment_input_style {
	BORDER-RIGHT: #fafafa 1px solid; 
	BORDER-TOP: #fafafa 1px solid; 
	FONT-SIZE: 10pt; 
	BORDER-LEFT: #fafafa 1px solid; 
	BORDER-BOTTOM: #fafafa 1px solid; 
	FONT-FAMILY: Arial, Helvetica, sans-serif, sans-serif;
	background: #000000;
	color : #0066FF;
	overflow:auto;
}

.text_bgcolor {
	background: #333333;
	color:#0066FF;
}

.select_style {
	BORDER-RIGHT: #999999 1px solid; 
	BORDER-TOP: #999999 1px solid; 
	FONT-SIZE: 10pt; 
	BORDER-LEFT: #999999 1px solid;
	BORDER-BOTTOM: #999999 1px solid; 
	FONT-FAMILY: Arial, Helvetica, sans-serif, sans-serif;
	background: #000000;
	color:#0066FF;		
}

.select_input_style {
	BORDER-RIGHT: #999999 1px solid; 
	BORDER-TOP: #999999 1px solid; 
	FONT-SIZE: 10pt; 
	BORDER-LEFT: #999999 1px solid;
	BORDER-BOTTOM: #999999 1px solid; 
	FONT-FAMILY: Arial, Helvetica, sans-serif, sans-serif;
	background: #CCC;
	color:#000;		
}

.select_license_style {
	BORDER-RIGHT: #999999 1px solid; 
	BORDER-TOP: #999999 1px solid; 
	FONT-SIZE: 10pt; 
	BORDER-LEFT: #999999 1px solid;
	BORDER-BOTTOM: #999999 1px solid; 
	FONT-FAMILY: Arial, Helvetica, sans-serif, sans-serif;
	background: #000000;
	width:250px;
	text-align:left;
	color:#0066FF;
}

.cat_select_input_style{
	BORDER-RIGHT: #999999 1px solid; 
	BORDER-TOP: #999999 1px solid; 
	FONT-SIZE: 9pt; 
	BORDER-LEFT: #999999 1px solid; 
	BORDER-BOTTOM: #999999 1px solid; 
	FONT-FAMILY: Arial, Helvetica, sans-serif, sans-serif;
	background: #000000;
	color : #0066FF;
	width:400px;
}

.license_table_style {
	text-align:left;
}

.button	      {
	BORDER-RIGHT: #999999 1px solid; 
	BORDER-TOP: #999999 1px solid; 
	FONT-SIZE: 9px; 
	BORDER-LEFT: #999999 1px solid; 
	BORDER-BOTTOM: #999999 1px solid; 
	FONT-FAMILY: Arial, Helvetica, sans-serif, sans-serif;
	background: #f0f0f0;
	color : #0066FF;
}

.button_input_style{
	BORDER-RIGHT: #999999 1px solid; 
	BORDER-TOP: #999999 1px solid; 
	FONT-SIZE: 9px; 
	BORDER-LEFT: #999999 1px solid; 
	BORDER-BOTTOM: #999999 1px solid; 
	FONT-FAMILY: Arial, Helvetica, sans-serif, sans-serif;
	background: #f0f0f0;
	color:#0066FF;
}

.gallery_table_style {
	background-color:#333333;
	color:#0066FF;
}

.gallery_stats_style {
	font-size:10px;
	background-color: #333333;
	text-align:right;
	font-weight:bold;
	color:#0066FF;
	line-height:20px;
}

.adSearch_table_style {
	text-align:left;
}

.gallery_category_link_style {
	background-color:#333333;
	color:#0066FF;
}

.gallery_style {
	background-color:#333333;
	color:#0066FF;
}

.category_table_style {
	background-color:#333333;
	width:93%;
	color:#0066FF;
}

.category_style {
	BORDER-TOP: #dddddd 1px solid;
	BORDER-BOTTOM: #dddddd 1px solid;
	BORDER-LEFT: #dddddd 1px solid;
	BORDER-RIGHT: #dddddd 1px solid;
	background-color:#000000;
	color:#0066FF;
}

.media_table_style {
	background-color: #333333;
	width:95%;
	text-align:left;
	color:#0066FF;
}

.error_style {
	color:#FF0000;
	background-color: inherit;
}

.slide_table_style {
	background-color: #333333;
	height:400px;
	width:600px;
	color:#0066FF;
}

.lightbox_manager_table_style {
	background-color: #333333;
	color:#0066FF;
}

.basket_table_style {
	background-color: #333333;
	width:98%;	
	border-spacing:1px;
	color:#0066FF;
}

.basket_cell_header_style {
	background-color: #000000;
	color:#0066FF;
}

.basket_product_table_style {
	width:100%;
	border-spacing:1px;
	padding:0px;
}

.checkout_table_style {
	background-color: #333333;
	width:98%;	
	border-spacing:1px;
	color:#0066FF;
}

.checkout_order_table_style {
	background-color: #333333;
	width:100%;	
	border-spacing:1px;
	color:#0066FF;
}

.checkout_table_style {
	background-color: #333333;
	width:95%;
	border-spacing:1px;
	padding:0px;
	color:#0066FF;
}

.user_account_table_style {
	background-color: #333333;
	width:95%;
	border-spacing:1px;
	padding:0px;
	color:#0066FF;
}

.process_payment_table_style {
	background-color: #333333;
	width:98%;
	border-spacing:1px;
	padding:0px;
	text-align:left;
	border:1px;
	color:#0066FF;
}

.detail_table_style {
	width:90%;
	border-spacing:0px;
	text-align:left;
}

.category_link_style {
	background-color: #333333;
	width:100%;
	border-spacing:0px;
	color:#0066FF;
}



.header_table_style {
	background-color:#ff8000;
	text-align:center;
	color:#000000;
	font-size:11px;
	FONT-WEIGHT: bold;
}


.outside_table_style {
	border-top:1px solid #666666;
	border-left:1px solid #666666;
	border-bottom:1px solid #666666;
	border-right:1px solid #666666;
}

.featured_text {
	font-size:10px;
	background-color: #000000;
	text-align:left;
	font-weight:bold;
	color:#FFF;
	line-height:20px;
}

.user_acount_table_style {
	background-color: #333333;
	width:95%;	
	text-align:left;
	color:#0066FF;
}

.user_account_cell_style {
	background-color: #000000;
	color:#0066FF;
}

.login_table_style {
	background-color: #333333;
	/*width:90%;*/
	border-spacing:0px;
	padding:1px;
	text-align:left;
	color:#0066FF;
}

.lost_password_table_style{
	background-color: #333333;
	color:#0066FF;
}

.registration_table_style {
	background-color: #333333;
	width:70%;
	text-align:left;
	color:#0066FF;
}

.login_page {
	width:60%;
}


.media_cell_style {
	background-color:#333333;
  border-spacing:5px;
	color:#0066FF;
}

.basket_cell_style {
	background-color:#000000;
	color:#0066FF;
}

.checkbox {
	background-color:#333333;
	color:#0066FF;
}

.category_cell_style {
	background-color:#333333;
	color:#0066FF;
}

.next_page_table_style{
	background-color: #333333;
	width:100%;
	border-spacing:0px;
	color:#0066FF;
}

.invoice_table_style {
	background-color: #333333;
	width:100%;
	border-spacing:1px;
	padding:0px;
	text-align:left;
	BORDER-RIGHT: #eeeeee 1px solid; 
	BORDER-TOP: #eeeeee 1px solid; 
	BORDER-LEFT: #eeeeee 1px solid; 
	BORDER-BOTTOM: #eeeeee 1px solid; 
	FONT-FAMILY: Arial, Helvetica, sans-serif, sans-serif;
	font-size: 10px;
	color:#0066FF;
}

.license_detail_table_style {
	text-align:left;
}

.horizontal_line_style {
	width:90%;
	border:1px;
}

.upper_line {
	BORDER-TOP: #cccccc 1px solid;
}

.bottom_line {
	BORDER-BOTTOM: #cccccc 1px solid;
}

.left_line {
	BORDER-LEFT: #cccccc 1px solid;
}

.right_line {
	BORDER-RIGHT: #cccccc 1px solid;
}

.dot_left_line {
	background-image:url(../../images/line.gif);
	background-repeat:repeat-y;
}

.media_thumb_style {
	BORDER-TOP: #dddddd 1px solid;
	BORDER-BOTTOM: #dddddd 1px solid;
	BORDER-LEFT: #dddddd 1px solid;
	BORDER-RIGHT: #dddddd 1px solid;
	background-color:#000000;
	color:#0066FF;
}

.feature_table_style {
	BORDER-TOP: #dddddd 1px solid;
	BORDER-BOTTOM: #dddddd 1px solid;
	BORDER-LEFT: #dddddd 1px solid;
	BORDER-RIGHT: #dddddd 1px solid;
	background-color:#000000;
	width:97%;
	color:#0066FF;
}

.category_listing_table_style {
	width:98%;
	text-align:left;
}

.private_login_form_style {
	background-color: #333333;
	width:300px;
	border-spacing:1px;
	padding:0px;
	border:1px;
	text-align:left;
	color:#0066FF;
}

.private_login_header_cell_style {
	background-color: #333333;
	text-align:left;
	color:#0066ff;
}

.menu_table_style {
	background-color: #000000;
	border:0px solid;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	color:#0066FF;
}


.new_lightbox_confirm {
	width:500px;
	border-spacing:1px;
	padding:0px;
	text-align:left;
}

.photographer_media_detail_table_style {
	background-color: #333333;
	width:750px;
	border-spacing:1px;
	padding:0px;
	BORDER-TOP: #eeeeee 1px solid;
	BORDER-BOTTOM: #eeeeee 1px solid;
	BORDER-LEFT: #eeeeee 1px solid;
	BORDER-RIGHT: #eeeeee 1px solid;
	text-align:left;
	color:#0066FF;
}


.last_12_month_report_table_style {
	background-color: #333333;
	width:750px;
	border-spacing:1px;
	padding:0px;
	BORDER-TOP: #eeeeee 1px solid;
	BORDER-BOTTOM: #eeeeee 1px solid;
	BORDER-LEFT: #eeeeee 1px solid;
	BORDER-RIGHT: #eeeeee 1px solid;
	color:#0066FF;
}

.license_basket_table_style {
	background-color: #333333;
	border-spacing:1px;
	padding:1px;
	width:100%;
	BORDER-TOP: #eeeeee 1px solid;
	BORDER-BOTTOM: #eeeeee 1px solid;
	BORDER-LEFT: #eeeeee 1px solid;
	BORDER-RIGHT: #eeeeee 1px solid;
	color:#0066FF;
}

.other_lightbox_table_style {
	width:95%;
	text-align:left;
}


.paypal_error_table_style {
	width:700px;
}

.img-shadow {
	background: url(../../images/english/shadow2.gif) no-repeat bottom right; 
	/* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */

}

 

.img-shadow img {
	display: block; /* IE won't do well without this */

	position: relative; /* Make the shadow's position relative to its image */

	padding: 5px; /* This creates a border around the image */

	background-color: #333333; /* Background color of the border created by the padding */

	border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */

	margin: -6px 6px 6px 3px; 
	color: #0066FF;
	/* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
}

.even_style {
	background:#e0e0e0;
	color:#0066FF;
}

.odd_style {	
	background:#000000;
	color:#0066FF;
}

.column_title_style {
	background:#CCCCCC;
	font-weight:bold;
	color:#0066FF;
}

.bg_top{
background-color:#FF8000;
color:#0066FF;
}
.bg_function{
background-color:#000000;
height:26px;
color:#0066FF;
}
.line_bottom{
border-top:2px solid #FF8000;
}

.bg_bottom_btn{
background-image:url(../../images/english/bg_btn.gif);
height:10px;
}

a.text_private_gallery:link{
font-family: arial, helvetica, geneva, sans-serif; 
font-size: 10px;
text-decoration: none;
color:#0066FF;
background:inherit;
}
a.text_private_gallery:visited{
font-family: arial, helvetica, geneva, sans-serif; 
font-size: 10px; 
text-decoration: none;
color:#ff0000;
background:inherit;
}
a.text_private_gallery:hover{
font-family: arial, helvetica, geneva, sans-serif; 
font-size: 10px; 
text-decoration: underline;
color:#ff0066;
background:inherit;
}
/*--- CSS preview template  */
.border_preview {
	BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; Z-INDEX: 100; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid; POSITION: absolute; background-color:#c2c2c2; color:#0066FF;
}

.title_h2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; TEXT-ALIGN: left;
}

.preview_temp_load {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: middle; PADDING-TOP: 10px; TEXT-ALIGN: center
}

H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-TOP: 0px
}
H1 {
	FONT-SIZE: 10px
}
.checkout_info_contents_style{
background-color:#000000;
color:#0066FF;
}
.bg_gallery_style{
background-color:#333333;
color:#0066FF;
}
.user_card_info_pop_border{
border-color:#0066FF;
}
.bg_basket{
background-color:#000000;
color:#0066FF;
}
.bg_header_basket{
background-color:#000000;
color:#0066FF;
}
.b-search {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; LINE-HEIGHT: 0em; PADDING-TOP: 0px; TEXT-ALIGN: right
}
.b-this {
	DISPLAY: block! important
}
.class_form {
  margin: 0;
  padding: 0;
	width:100%;  
}
.class_div{
  clear: left;
  display: block;
  width: 100%;  
  margin: 0px 0px 0px 0px;
  padding: 0px 0px;
}
#b-query {
	WIDTH:80px; 
	MARGIN-RIGHT: 0.25em;
	BORDER-RIGHT: #999999 1px solid; 
	BORDER-TOP: #999999 1px solid; 
	FONT-SIZE: 9pt; 
	BORDER-LEFT: #999999 1px solid; 
	BORDER-BOTTOM: #999999 1px solid; 
	FONT-FAMILY: Arial, Helvetica, sans-serif, sans-serif;
	background: #eeeeee;
	color : #0066FF;	
}
#b-searchbtn {
	VERTICAL-ALIGN: middle; MARGIN-RIGHT: 0em; POSITION: relative; TOP: -1px
}	



/* Slideshow Section */
#myGallery
{
	width: 460px;
	height: 345px;
	z-index:5;
	display: none;
	border: 1px solid #000;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

/* Slideshow Background */
.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
	color:#333333;
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../../images/english/loading_icon.gif');
	color:#333333;
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background: #333;
	color: #333;
	text-indent: 0;
	overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
	padding: 0;
	font-size: 80%;	
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
	background-color: inherit;
}

.jdGallery .slideInfoZone p
{
	padding: 0;
	font-size: 60%;
	margin: 2px 5px;
	color: #333;
	background-color:#000;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
	/*width: 100px; */
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #333333;
	cursor: pointer;
}

.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #333;
	color: #333333;
	text-indent: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail
{
	cursor: pointer;
	background-color: #000;
	background-position: center center;
	float: left;
	border: solid 1px #333333;
	color:#eeeeee;
}

.jdGallery .carousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .label .number
{
	color: #b5b5b5;
	background-color:#333333;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
	background-color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:10;
/*	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;*/
}

* html .jdGallery a.right, * html .jdGallery a.left
{
/*	filter:alpha(opacity=50);*/
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	/*filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;*/
}

.jdGallery a.left
{
	left: 0;
	top: 0;
	
}

* html .jdGallery a.left { }

.jdGallery a.right
{
	right: 0;
	top: 0;
}

* html .jdGallery a.right {  }

.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.withArrows a.open
{
	position: absolute;
	top: 0;
	left: 25%;
	height: 99%;
	width: 50%;
	cursor: pointer;
	z-index: 10;
	background: none;
	/*-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;*/
}

.withArrows a.open:hover {  }

* html .withArrows a.open:hover { background: url('images/open.gif') no-repeat center center;
	/*filter:alpha(opacity=80);*/ }
.left_virtual_cd_name {
	font-size:10px;
	background-color: #eeeeee;
	text-align:left;
	font-weight:bold;
	color:#000000;
}



/*########################################################*/
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
	width:320px;
}

.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 7px 10px;
	margin: 0px 5px 0px 0px;
	font: bold 12px sans-serif;
	/*background-color: #533939;*/
	list-style: none;
	/*border: solid 1px #dddddd;*/
	/*BORDER-TOP: #dddddd 1px solid;
	BORDER-BOTTOM: #dddddd 1px dashed;
	BORDER-LEFT: #dddddd 1px solid;
	BORDER-RIGHT: #dddddd 1px solid;*/
	/*-moz-user-select: none;
	-khtml-user-select: none;*/
	cursor: pointer;
	/*color:#FFFFFF;*/
}

.TabbedPanelsTabHover {
	/*background-color: #654d4d;*/
	color:#0066FF;
}

TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	clear: both;
	BORDER-TOP: #dddddd 1px solid;
	BORDER-BOTTOM: #dddddd 1px solid;
	BORDER-LEFT: #dddddd 1px solid;
	BORDER-RIGHT: #dddddd 1px solid;
	background-color:#000;
	width:99.7%;
	
	/*border: solid 1px #533939;
	background-color: #f0efea;*/
}
._TabbedPanelsContentGroup {
	clear: both;
	/*BORDER-TOP: #dddddd 1px solid;
	BORDER-BOTTOM: #dddddd 1px solid;
	BORDER-LEFT: #dddddd 1px solid;
	BORDER-RIGHT: #dddddd 1px solid;*/
	background-color:#fafafa;
	width:100%;
	/*border: solid 1px #533939;
	background-color: #f0efea;*/
}
.TabbedPanelsContent {
	padding: 5px;
}

.TabbedPanelsContentVisible {
}

.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #f0efea;
	position: relative;
	/*border: solid 1px #533939;*/
}

.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #f0efea;
	border-bottom: solid 1px #999;
}

.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}

.TabbedPanelsTabSelected {
	/*background-image:url(../../images/table_header_bg.gif);*/
	background-position:bottom left;
	background-repeat:repeat-x;
	color:#ddd;
	
	/*background-color: #f0efea;*/
	background-color: #111;
	/*border-bottom: 1px solid #f0efea;
	BORDER-TOP: #dddddd 1px dashed;*/
	BORDER-BOTTOM: #ddd 1px solid;
	/*BORDER-LEFT: #dddddd 1px dashed;
	BORDER-RIGHT: #dddddd 1px dashed;*/
}
/*########################################################*/
/******************treeview-category***************************/
.treeview, treeview ul{
  padding:0;
  margin:0px 0 0 0px;
  list-style:none;
}
.treeview ul{
  background:#fff;  
  list-style:none;
  display:block;
  padding:0;
  margin:0
}
.treeview .cat_extend{
	background:url(../../images/cat_extend.gif) 0 1px no-repeat;
	height: 17px;
	width: 17px;
	margin-left:-16px;
	float: left;
	cursor: pointer;
}
* html .cat_extend, .cat_last, .collapse_cat{display:inline;float:none}
.treeview .cat_last{
  background:url(../../images/cat_last.gif) 0 1px no-repeat;
  height: 17px;
  width: 17px;
  margin-left:-16px;
  float: left;
}
.treeview .collapse_cat{
  background:url(../../images/collapse_cat.gif) 0 1px no-repeat;
  height: 17px;
  width: 17px;
  margin-left:-16px;
  float: left;
}
.treeview li{
  margin:0;
  padding:0px 0 0px 15px;  
}
.treeview li{background:url(../../images/treeview-default-line.gif) 0 0 no-repeat;}
.treeview li.collapsable, .treeview li.expandable { background-position: 0 0px; }
.treeview li.last { background-position: 0 -1766px; }

.send_email_class{margin-top:5px}
.user_send_name{padding:2px 0;width:100px;font-size:12px}
.user_send_email{padding:2px 0;width:100px;font-size:12px;text-align:center}

/********************************/
.bg_grey{background-color:#000000; color:#0066FF}

#table_outer {
/* sets the width of the wrapper, and therefore our design with adjustments for IE5.x's broken box model hence the two extra pixels on the width */
/* sets the correct width of the wrapperfor compliant browsers*/
/* centers the wrapper for compliant browsers. First value - 5px is applied to the top and bottom margins, auto sets the excess space on the view port evenly to the left and right*/
margin-top: 20px;
margin-bottom:0px;
/* important to position it relatively */
/*background-image: url(../images/wrapper_bg.gif);   sets the path to the wrappers bg image*/
/*background-repeat: repeat-y;   prevents the image from tiling in our page, we do not want this image to repeat */

/*background-image:url(../images/logo_motif.gif);
background-repeat:no-repeat;
background-position:50px 250px;*/


background-color: #333333;  /* sets the wrapper's background color */
border: 1px solid #000;  /* sets a border to all 4 sides */
text-align: left;  /* Realigns the text to the left after the IE hack in the body rule */
}
/*begin laying out the header*/
#header {
	height: 60px;
	/*position: relative;*/
	background-color:#333333;
	/*padding-bottom: 5px; adds some space underneath the title */
	background-image:url(../../images/header2.gif);
	background-repeat:no-repeat;
}

/*begin laying out the banner*/
#banner {
/*background-image: url(../images/winter4.jpg);   sets the background image for the banner div*/
/*background-repeat: no-repeat;  prevents the bg image from repeating */
/*margin-top: 1px;sets margin of 20px to the top of the banner*/
height: 152px;/* set a height for the banner to allow all the bg image to be seen, no text resizing in this element to worry about 
width: 780px;*/
/*position: relative;  */
 /***PLEASE READ** ~ This position property and its relative value is not needed for your page to be rendered corectly in the browser - However, without it Dreamweaver allows the position of the leftcol div to ride up over the banner in design view. If that does not bother you you can safely delete this property and value pair. Alternatively you could implement a design time style sheet to position the div correctly for working in design view */
	}

#search  {
	height: 60px;
	position:relative;
	text-align:Right;
	background-color: #000;
	border-top:solid 1px #000;
	border-bottom:solid 1px #000;	
	}

/* Clearing element for a float: this fix uses a break in the markup as a clearing element, but it ensures that the break does not disturb the layout by reducing its values to 0. Add this class to breaks as needed to clear a float. Please note that the container of the break needs a dimension on it. */
.brclear { 
     clear:both; 
     height:0; 
     margin:0;
     font-size: 1px;
     line-height: 0;
}
/*begins laying out the main content area*/

#content {
/*float: left;  newly floated */
position: relative;
margin: 0 0 0 0; /*new left margin value */
margin-right: -3px;  /*prevents IE float drop */
/*margin-left:auto;*/
/*margin-right:auto;*/
width: 98%;/*570px;*/
text-align:left;
}

#content h1 {
font-size: 125%;  /*increases the font size*/
color: #625757;  /*sets the colour of the h1 text*/
font-family: Arial, Verdana, Helvetica, sans-serif;  /*changes the default font*/
padding: 0 0 0 3px;  /*sets a margin of 3px to the left to move the h1 in from the background colour's edge*/
margin: 0;  /*zeroes off the default margins*/
background-color: #F4F4F4;  /*sets the background colour*/
}

#content h2 {
font-size: 115%;  /*increases the font size*/
color: #625757;  /*sets the colour of the h1 text*/
font-family: Arial, Verdana, Helvetica, sans-serif;
padding: 0 0 0 3px;  /*adds a 3px left padding*/
margin: 20px 0 0 0;  /*sets a margin of 20px to the top of the h2, and zeroes other default margins*/
background-color: #F4F4F4;  /*sets the background colour*/
}

#content p {
font-size: 80%;  /*reduces the default font size*/
margin: 12px 0 0 0;  /*sets a margin of 12px to the top of the p, and zeroes other default margins*/
}

/*generic float rules for our images in the content area*/

#content .left{
float: left;  /*float the image to the left*/
border: 1px solid #000;  /*add a black border 1 pixel wide to all 4 sides*/
margin: 5px 12px 1px 0;  /*set the margins to give some "air" around the text*/
}

#content .right {
float: right;  /*float the image to the right*/
border: 1px solid #000;  /*add a black border 1 pixel wide to all 4 sides*/
margin: 5px 0 1px 10px;  /*set the margins to give some "air" around the text*/
}

/*create the second column to hold the navigation*/
/*#leftcol {
 display: inline; /* fix for IE doubled margin */
 /*float: left;float to the left to create our column*/
 /*width: 775px;/*provides a width for IE5x pc*/
/* width: 772px;/*corrects the width for modern browsers*/
/* margin-left: auto; /*4px;move the column away from the margin*/
 /*margin-right:auto;
 margin-bottom: 2px;/*add some clearance below the column*/
/* padding-top: 1px;
}*/

#navbox {
margin-top: 8px;/*35px;*/
margin-bottom: ; 8px; /*20pxset a margin on the bottom*/
margin-left: 3px; /*move away from margin */
border: 1px solid #000;  /*add a black border 1 pixel wide to all 4 sides*/
background-color:#F4F4F4;
width:775px;
width:772px;
/*text-align:center;
display:block;*/
}

/*Begin styling the navigation*/
#navbox ul {
list-style-type: square;  /*set the appearance of the bullet*/
list-style-position: inside;  /*set the list position to inside*/
padding: 5px 0 5px 5px;  /*set the padding on the ul*/
color: #B4A298;  /*set the text colour - this provides the title to each of the link sub divisions, for instance: About Us, Getting Involved, Contact Us*/
font-weight: bold;  /*sets the font weight to bold*/
background-color: #0000FF;  /*sets the background colour*/
}

/*sets the styling of li element*/
#navbox ul li {
line-height: 120%;  /*set the line-height*/
font-size: 70%;  /*scales the font size to 70% of the default on the body selector*/
}

/*styles the nested ul element that contains our navigation links*/
#navbox ul li ul {
padding: 0 0 0 12px;  /*adds 12px left padding*/
border: none;  /*declare "none" to prevent inheriting a border*/
}

/*styling the li in the nested ul*/
#navbox ul li ul li {
line-height: 120%;  /*set the line height*/
font-size: 100%;  /*increase the font size in relation to the parent ul*/
}

/*start laying out the links styles on the nested list*/
#navbox ul li a {
color: #333333;  /*set the link colour*/
text-decoration: none;  /*remove the underline*/
}

#navbox ul li a:hover,
#navbox ul li a:focus {
color: #DAD5D5;  /*set the hover and focus text colour*/
text-decoration: underline;  /*set an underline to show on hover and focus*/
}


#category  {
	height: 30px;
	position:relative;
	text-align:left;
	background-color:#fff600;
	border-top:solid 1px #0066FF;
}


#footer {  /* Begin laying out and styling the footer div */
background-color: #333333;  /*sets a background colour for the footer*/
width: 780px;  /*Sets the footers width*/
border: 1px solid #000;  /*sets the top border to define the beginning of the footer*/
font-size: 10px;  /* sets the footer text size */
font-family: Arial, Helvetica, sans-serif;
text-align: right;  /* aligns the text to the right*/
margin-top: 3px;  /* Adds a margin to the top of the footer*/
margin-left:auto; /* centres the div */
margin-right:auto;/* centres the div */
margin-bottom: 5px;
clear: both;  /*clears any floats */
}

#footer p {
background-color: #000;  /*sets the background colour for the p element when it is in the footer div*/
padding: 4px 4px 4px 10px;  /* sets the padding values*/
margin: 0;  /*zeroes off the margins */
}

#footer ul{
background-color: #000;/*sets the background colour for the validation links*/
margin: 0;/*zeroes off the margin defaults*/
padding: 4px;/*set a padding around the links*/
}

#footer li{
display: inline;/*sets the list to display inline*/
}

#footer a {  /* Styles the links within the footer */
color: #FFF;  /*sets the text to white*/
text-decoration: underline;  /*keeps the underline*/
}

#footer a:hover,
#footer a:focus {
text-decoration: none;  /*removes the underline*/
}
-->

/*  New text menu style  */
/* HOW IT WAS.....USING #navigation
#navigation {
	font: .8em/110% Arial, Helvetica, sans-serif;
	text-align:center;*/

#navigation {
	font: .8em/110% Arial, Helvetica, sans-serif;
	text-align:center;
}

#navigation ul {
    list-style: none; /* removes the list marker */
	padding: 0; /* usual zeroing of padding and margin */
	margin: 0;
	
}

#navigation li {
    display:inline;
	
}

/* the below styles the button area next to the icon */
#navigation a:link, #navigation a:visited {
	/*display: block; this makes the A element clickable all the way across (not just on the words) */
	background: #000; /* the overall background color of the button area */
	color: #CCC; /* this is the text color */
	font-weight: bold; /* makes the links appear bolded */
	text-decoration: none; /* this gets rid of the underlines */
	margin: 2px 1px 2px 1px; /* this creates the space OUTSIDE each button */
	padding: 2px 6px 2px 5px; /* the padding creates the area WITHIN the button and keeps the text away from the borders */
	border: 1px solid #CCC;
}
/* hide holly hack from IE Mac */
* html #navigation a { 
	height: 1%;
	vertical-align: bottom;
} /* Holly Hack to get around a lovely IE issue with list items and a elements set to block */

#navigation a:hover, #navigation a:active, #navigation a:focus {
	background: #FFF; /* the button background changes on hover and focus to the page background color */
	color: #333333; /*for contrast, the text color changes to white */
	/*border-top: 1px solid #BAC8C8;  Since the light is coming from the top left, when the button is depressed, the light would hit the right and bottom borders. They've been changed to the light color. The top border has been darkened as if shadowed */
	/*border-right: 1px solid #BAC8C8;*/
	/*border-bottom: 1px solid #BAC8C8;*/
	border: 1px solid #000282;
}