body                 {scrollbar-face-color: #BCC6E5; scrollbar-track-color: #BCC6E5; scrollbar-arrow-color: #41558E; scrollbar-shadow-color: #41558E; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: Black;buttonface: #41558E;}

FONT		     {FONT-FAMILY: Verdana, Helvetica, Arial; FONT-SIZE: 11px;}
TD		     {FONT-FAMILY: Verdana, Helvetica, Arial; FONT-SIZE: 11px;}
BODY		     {FONT-FAMILY: Verdana, Helvetica, Arial; FONT-SIZE: 11px;}
P		     {FONT-FAMILY: Verdana, Helvetica, Arial; FONT-SIZE: 11px;}
DIV		     {FONT-FAMILY: Verdana, Helvetica, Arial; FONT-SIZE: 11px;}
INPUT		     {FONT-FAMILY: Verdana, Helvetica, Arial; FONT-SIZE: 11px;}
TEXTAREA	     {FONT-FAMILY: Verdana, Helvetica, Arial; FONT-SIZE: 11px;}
FORM 		     {FONT-FAMILY: Verdana, Helvetica, Arial; FONT-SIZE: 11px;}
SELECT		     {FONT-FAMILY: Verdana, Helvetica, Arial; FONT-SIZE: 11px;}

A:link               {FONT-FAMILY: Verdana, Helvetica, Arial; COLOR: #000000; FONT-SIZE: 11px; TEXT-DECORATION: underline; BACKGROUND: none;}
A:active             {FONT-FAMILY: Verdana, Helvetica, Arial; COLOR: #000000; FONT-SIZE: 11px; TEXT-DECORATION: underline; BACKGROUND: none;}
A:visited            {FONT-FAMILY: Verdana, Helvetica, Arial; COLOR: #000000; FONT-SIZE: 11px; TEXT-DECORATION: underline; BACKGROUND: none;}
A:hover              {FONT-FAMILY: Verdana, Helvetica, Arial; COLOR: #000000; FONT-SIZE: 11px; TEXT-DECORATION: underline; BACKGROUND: none;}

.title 		     {FONT-FAMILY: Verdana, Helvetica, Arial; COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: bold; TEXT-DECORATION: none; BACKGROUND: none;}
.storytitle 	     {FONT-FAMILY: Verdana, Helvetica, Arial; COLOR: #363636; FONT-SIZE: 11px; FONT-WEIGHT: bold; TEXT-DECORATION: none; BACKGROUND: none;}
.boxtitle 	     {FONT-FAMILY: Verdana, Helvetica, Arial; COLOR: #363636; FONT-SIZE: 11px; FONT-WEIGHT: bold; TEXT-DECORATION: none; BACKGROUND: none;}
.option 	     {FONT-FAMILY: Verdana, Helvetica, Arial; COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: bold; TEXT-DECORATION: none; BACKGROUND: none;}
.storycat	     {FONT-FAMILY: Verdana, Helvetica, Arial; COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: bold; TEXT-DECORATION: underline; BACKGROUND: none;}
.tiny		     {FONT-FAMILY: Verdana, Helvetica, Arial; COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: normal; TEXT-DECORATION: none; BACKGROUND: none;} .content 	     {FONT-FAMILY: Verdana, Helvetica, Arial; COLOR: #000000; FONT-SIZE: 11px; BACKGROUND: none;}
.boxcontent 	     {FONT-FAMILY: Verdana, Helvetica, Arial; COLOR: #000000; FONT-SIZE: 11px; BACKGROUND: none;}
.sideboxtitle 	     {FONT-FAMILY: Verdana, Helvetica, Arial; COLOR: #336699; FONT-SIZE: 11px; BACKGROUND: none;}
.storyboxtitle 	     {FONT-FAMILY: Verdana, Helvetica, Arial; FONT-SIZE: 11px; BACKGROUND: none;}
.borderTable {
	font-family: Geneva, Arial, Helvetica, san-serif;
	font-size: 10px;
	color: #000000;
	border: 1px solid #000000;
}
.userbox {
	font-family: Geneva, Arial, Helvetica, san-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-attachment: fixed;
	background-color: #6699CC;
	background-image: url(/themes/dzpOcean/images/header/bl_user.jpg);
	background-repeat: no-repeat;
	height: 17px;
	width: 61px;
	border: 1px solid #000000;
	margin: 0px;
	padding: 0px;
	clear: none;
	float: none;
	position: absolute;
	vertical-align: bottom;
	text-indent: 3px;
}
.passbox {
	font-family: Geneva, Arial, Helvetica, san-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-attachment: fixed;
	background-color: #6699CC;
	background-image: url(/themes/dzpOcean/images/header/bl_pass.jpg);
	background-repeat: no-repeat;
	height: 17px;
	width: 59px;
	border: 1px solid #000000;
	position: absolute;
	margin: 0px;
	padding: 0px;
	clear: none;
	float: none;
	text-indent: 3px;
	vertical-align: bottom;
}


/*****************************************************************************
  Photoshare Cascading Stylesheets Setup
*****************************************************************************/

  /* Main 'Photoshare' title */
.photoshare-pagetitle
{
  font-size: 12px;
  font-weight: bold;
}

  /* Current page title */
.photoshare-title
{
  font-size: 11px;
}

  /* Sub-title (headings in 'publish album' page) */
.photoshare-heading
{
  font-size: 11px;
  margin-top: 20px;
  margin-bottom: 4px;
}

  /* Table surrounding slideshow window */
table.photoshare-show
{
  background-color: #F0F8FF;
  border: 1px solid #6699CC;
  border-collapse: collapse;
}

  /* Table surrounding slideshow buttons */
table.photoshare-show-buttons 
{
}

table.photoshare-show-buttons td
{
  margin: 0;
}

  /* Table surrounding slideshow button 'play' (adding distance between buttons) */
td.photoshare-show-play
{
  padding-right: 10px;
}

  /* Table surrounding slideshow button 'prev' (adding distance between buttons) */
td.photoshare-show-prev
{
  padding-left:  10px;
  padding-right: 4px;
}

  /* Table surrounding slideshow button 'next' (adding distance between buttons) */
td.photoshare-show-next
{
  padding-right: 30px;
}

  /* The table cell that contains the current image count in the slideshow */
td.photoshare-show-count
{
  font-size: 16;

  background-color: white;
  color:            black;

  border-top:    2px solid black;
  border-right:  2px solid gray;
  border-bottom: 2px solid gray;
  border-left:   2px solid black;
}

  /* The table cell that contains the image title in the slideshow */
td.photoshare-show-title
{
  font-size:   12;
  font-weight: bold;
  text-align:  center;

  background-color: white;
  color:            black;

  border-top:    1px solid black;
  border-right:  1px solid black;
  border-bottom: none;
  border-left:   1px solid black;
}

  /* The table cell that contains the image description in the slideshow */
td.photoshare-show-description
{
  font-size:  12;
  text-align: center;
  vertical-align: top;

  background-color: white;
  color:            black;

  height: 2em;

  border-top:    none;
  border-right:  1px solid black;
  border-bottom: 1px solid black;
  border-left:   1px solid black;
}


  /* Table cell surrounding the image itself in the slideshow */
td.photoshare-show-image
{
  background-color: white;
  
  padding: 10px;
}

  /* Elements where the cursor should be changed to a hand/pointer - such as the button images */
.photoshare-button {
  cursor: pointer;  /* Correct name */
  cursor: hand;     /* IE name */
}

  /* Table cell where the image title is placed on the thumbnail overview page. We add a width here to 
     avoid too wide titles (which would screw up the table layout) */
table.photoshare-image td.title {
  width: 100px;
}

  /* Selected image in the thumbnail overview page */
img.photoshare-selected {
  border: 1px solid black;
}

  /* Unselected image in the thumbnail overview page (we cannot remove border completely since this would
     make everything move by one pixel when the style is changed - so it is hidden by coloring) */
img.photoshare-unselected {
  border: 1px solid white;
}