#dnn_ctr376_view_PictureGalleryPanel table { width:100%; margin-top:12px; }

.GridViewTH {
font:11px arial, verdana, sans-serif; 
color: white; }

/* Tabber Styles */
	/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

	/*--------------------------------------------------
	  REQUIRED to hide the non-active tab content.
	  But do not hide them in the print stylesheet!
	  --------------------------------------------------*/
	.tabberlive .tabbertabhide {
	 display:none;
	}

	/*--------------------------------------------------
	  .tabber = before the tabber interface is set up
	  .tabberlive = after the tabber interface is set up
	  --------------------------------------------------*/
	.tabber {
	}
	.tabberlive {
	 margin-top:1em;
	}

	/*--------------------------------------------------
	  ul.tabbernav = the tab navigation list
	  li.tabberactive = the active tab
	  --------------------------------------------------*/
	ul.tabbernav
	{
	 margin:0;
	 padding: 3px 0;
	 border-bottom: 1px solid #778;
	 font: bold 12px Verdana, sans-serif;
	}

	ul.tabbernav li
	{
	 list-style: none;
	 margin: 0;
	 display: inline;
	}

	ul.tabbernav li a
	{
	 padding: 3px 0.5em;
	 margin-left: 3px;
	 border: 1px solid #778;
	 border-bottom: none;
	 background: #DDE;
	 text-decoration: none;
	}

	ul.tabbernav li a:link { color: #448; }
	ul.tabbernav li a:visited { color: #667; }

	ul.tabbernav li a:hover
	{
	 color: #000;
	 background: #AAE;
	 border-color: #227;
	}

	ul.tabbernav li.tabberactive a
	{
	 background-color: #fff;
	 border-bottom: 1px solid #fff;
	}

	ul.tabbernav li.tabberactive a:hover
	{
	 color: #000;
	 background: white;
	 border-bottom: 1px solid white;
	}

	/*--------------------------------------------------
	  .tabbertab = the tab content
	  Add style only after the tabber interface is set up (.tabberlive)
	  --------------------------------------------------*/
	.tabberlive .tabbertab {
	 padding:5px;
	 
	 border-top:0;

	 /* If you don't want the tab size changing whenever a tab is changed
		you can set a fixed height */

	 /* height:200px; */

	 /* If you set a fix height set overflow to auto and you will get a
		scrollbar when necessary */

	 /* overflow:auto; */
	}

	/* If desired, hide the heading since a heading is provided by the tab */
	.tabberlive .tabbertab h2 {
	 display:none;
	}
	.tabberlive .tabbertab h3 {
	 display:none;
	}

	/* Example of using an ID to set different styles for the tabs on the page */
	.tabberlive#tab1 {
	}
	.tabberlive#tab2 {
	}
	.tabberlive#tab2 .tabbertab {
	 height:200px;
	 overflow:auto;
	}
/* End Tabber Styles */

/* Listing Styles */
.HiddenColumn{display:none;} 
/* End Listing Styles */

/* Admin Styles */
.ModuleTitle { font:bold 19px arial, verdana, sans-serif; }
.ModuleBounds {
width:890px; 
padding:10px; }

.HeaderArea {
padding:10px;
border:solid 1px #999999;
background-color:#CCCCCC; }

.HeaderArea td {
font:bold 14px verdana, arial, sans-serif;
color:Black; }

.DataLabel { font:Bold 11px verdana, arial, sans-serif; }
.DataData { font:11px verdana, arial, sans-serif; }

td.datalabel {
padding: 0 3 0 3;  }

td.DataData { 
padding: 0 8 0 3; }


.DataArea {
padding:5px;

font:11px verdana, arial, sans-serif; }

.Droshadow_Right {
width:2px;

font:11px verdana, arial, sans-serif; }

.Droshadow_Bottom {
width:2px;

font:11px verdana, arial, sans-serif; }

.PhotoRow tr {
border-bottom:solid 1px #cccccc;
margin-bottom:8px; }

.PhotoRow tr {
padding:6;
font: 7pt arial, verdana, sans-serif; }

.DefaultImage  { 
background-color:#008DB0;
color:White; }


.SingleLineForm { width:400px; }
.SingleLineForm_Smaller { width:385px; }
.DataAddField  { width:190px; }
/* End Admin Styles */


/* Thumbnail Gallery Styles - Used for the Javascript image slider */
#motiongallery {
	/*width:400px;
	border: 1px solid navy; */
	
}
#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 458px; /* Set to gallery width, in px or percentage */
height: 70px; /* Set to gallery height */
border: 1px solid navy;
}

#motioncontainer a img {
border: 1px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
border: 1px solid navy; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: #c80042; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */


.ItemArea { 
padding:4px;
background-color:#F7F7F7;
border-bottom:solid 1px #cccccc; }

.DoneButton, .CreateButton  {
background-repeat:no-repeat; 
border:0px; 
cursor: pointer;
text-decoration:none;
color:transparent; }

.CreateButton  { 
margin-left: 4px;
padding:0 94 6 0;
width:94px; 
height:19px; 
background-image:url(graphics/Button_CreateListing.gif);
overflow: visible; }

.DoneButton { 
margin-left: 10px;
padding:0 161 11 0;
width:161px; 
height:28px; 
background-image:url(graphics/Button_EditingComplete.gif);
overflow: visible; }


.GridviewTD {
text-align:center;
font: 11px arial;  }

.GridViewTH {
background-color:#2C97D1; }

.GridviewTD a {
color:White;
font:bold 11px arial }

.h1 {
font:bold 25px Arial, Helvetica, sans-serif;
color:#0096c8;
border-bottom:1px solid #000000;
}
.detailsHead {
font: bold 16px Arial, Helvetica, sans-serif;
color:#cccccc; }

.details {
font-family: Arial, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
font-size:12px;
}
.detailsValue, .detailsValuePrice {
font: 16px Arial, Helvetica, sans-serif;
color:#cccccc; }

.listingBack {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#c80042;
}
.listingBack a:link {color:#c80042;}