/******************************************************************************/
/**************************** COLOR DEFINITIONS *******************************/
/******************************************************************************/
/* I'm using this section just as an area to define the colors.               */
/* Use the description of the color to find within this file where the color  */
/* is used.                                                                   */
/*                                                                            */
/*  Page Background          - #FFFFFF                                        */
/*  Caption Bars             - #E860A2                                        */
/*  Text Color               - #A74575                                        */  
/*  Text Link Color          - #F8E2E9                                        */  
/*  Text Hover Color         - #858460                                        */  
/*  Box Border Color         - #A74575                                        */  
/*  Box Backgrounds          - #F8E2E9                                        */  
/*  Navigation Button Hover  - #F8E2E9                                        */  
/******************************************************************************/


/******************************************************************************/
/****************************** DEFAULT LAYOUT ********************************/
/******************************************************************************/
BODY {
  margin: 5px;
  padding: 0;
  font-size: 0.8em;
  font-family: Bitsream Vera Sans, Helvetica, Arial, sans-serif;
  text-align: center;
  
	color: #A74575;                        /* Text Color */
  background: #FFFFFF;                   /* Page Background */ 
}


A {  
  background: transparent;
  text-decoration: none;
  color: #F8E2E9;                        /* Text Link Color */              
  border-bottom: 1px dotted #F8E2E9;     /* Text Link Color */
}

A:hover { 
  color: #893860;                        /* Text Hover Color */
  border-bottom: 1px solid #893860;      /* Text Hover Color */
}

IMG {
  border: none;
}

/******************************************************************************/
/******************************** IMAGE VIEW PAGE *****************************/
/******************************************************************************/

#ID_ImagePage_Body {
  max-width: 1026px; 

  margin-right: auto;
  margin-left: auto; 
}

#ID_ImagePage_Body_Content {
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 5px;

  background: #F8E2E9;              /* Box Backgrounds */
  border: 1px solid #A74575;        /* Box Border Color */
}

#ID_ImagePage_HeaderSection {
  display: none; 
  
  margin-top: 10px;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 5px;
  padding: 7px;
  text-align: center;

  color: #A74575;                    /* Text Color */
}

#ID_ImagePage_PageTitle {
  font-size: 24;
  background: transparent;
  font-family: Times New Roman, Garamond, Arial, sans-serif;
  font-weight: bold;
  letter-spacing: 2px;
}

#ID_ImagePage_PageDescription {
  font-size: 14;
  font-weight: normal;
}

/******************************************************************************/
/***************************** IMAGE PAGE HEADER BAR **************************/
/******************************************************************************/

#ID_ImagePage_HeaderBar {                
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;

  padding-top: 7px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;

  height: 45px;

  font-weight: bold;

  color: #F8E2E9;                       /* Text Color */
  background: #E860A2;                  /* Caption Bars */
}

#ID_ImagePage_BrowsePath {
  float: left;  
}

#ID_ImagePage_ImageNumber { 
  float: right;  
} 

/******************************************************************************/
/****************************** IMAGE PAGE TOOL BAR ***************************/
/******************************************************************************/

#ID_ImagePage_ToolBar {
  float: right; 
  width: 144px;
  height: 28px;

  text-align: center;
    
  margin-top: -29px; 
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 20px;
  padding: 0;

  background: transparent;                    /* Caption Bars */
}

#ID_ImagePage_NavButtons { 
  display: block;
}

#ID_ImagePage_BtnNext {
  float: left;   
  width: 48px; 
}

#ID_ImagePage_BtnUp {
  float: left;   
  width: 48px; 
}

#ID_ImagePage_BtnPrev {
  float: left;   
  width: 48px; 
}

#ID_ImagePage_NavButtons A { 
  display: block;
  width: 48px; 
  margin: 0; padding: 0;
  border-bottom: none;
}

#ID_ImagePage_NavButtons A:hover {
  background: #F8E2E9;                    /* Navigation Button Hover */
  border-bottom: none;
}

#ID_ImagePage_NavButtons IMG { 
  border: none;
  margin: 2px auto;
}


/******************************************************************************/
/*************************** IMAGE PAGE MIDDLE SECTION ************************/
/******************************************************************************/

#ID_ImagePage_TextSection {
  display: block;
  padding-top: 10px;
  margin-bottom: 20px;
  font-weight: bold;
}

#ID_ImagePage_ImageTitle {
  text-align: center;
  padding: 0;
  clear: both;
  font-size: 120%;
}

#ID_ImagePage_Description {
  padding-bottom: 5px;
}

#ID_ImagePage_TheImage {
  display: block; 
  margin-bottom: 10px;
  clear: left;
}

#ID_ImagePage_TheImage IMG {
  border: 3px solid #A74575;            /* Box Border Color */
}

#ID_ImagePage_BottomBlock {
  display: block;

  width: 806px;   /* 800 for the width of image and 6 for the border */ 
  height: 110px;  

  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px;  

  padding-top: 10px;

  text-align: center;
}

/******************************************************************************/
/*********************** IMAGE PAGE NAVIGATION THUMBNAILS *********************/
/******************************************************************************/

#ID_ImagePage_ThumbPrev {
  display: none; 
  float: left;
}

#ID_ImagePage_ThumbPrev A {
  border-bottom: none;
}

#ID_ImagePage_ThumbPrev IMG {
  border: 1px solid #A74575;         /* Box Border Color */
}

#ID_ImagePage_ThumbNext {
  display: none; 
  float: right;
}

#ID_ImagePage_ThumbNext A {
  border-bottom: none;  
}

#ID_ImagePage_ThumbNext IMG {
  border: 1px solid #A74575;         /* Box Border Color */
}

/******************************************************************************/
/***************************** IMAGE PAGE INFO BLOCK **************************/
/******************************************************************************/

#ID_ImagePage_InfoBlock {
  display: block; 
  width: 480px;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;  
  
  padding-top: 10px;
}

#ID_ImagePage_Created, #ID_ImagePage_Dimensions, 
#ID_ImagePage_File, #ID_ImagePage_Filesize {
  display: block;
  height: 22px;
  text-align: left;
}

#ID_ImagePage_Created_Label, #ID_ImagePage_Dimensions_Label, 
#ID_ImagePage_File_Label, #ID_ImagePage_Filesize_Label {
  float: left;
  width: 233px;
  text-align: right;
}

#ID_ImagePage_Created_Text, #ID_ImagePage_Dimensions_Text, 
#ID_ImagePage_File_Text, #ID_ImagePage_Filesize_Text {
  float: right;
  width: 233px;
  text-align: left;
}

/******************************************************************************/
/************************** IMAGE PAGE VIDEO INFO BLOCK ***********************/
/******************************************************************************/

#ID_ImagePage_VideoInfoBlock {
  display: block; 
  width: 480px;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;  
  
  padding-top: 10px;
}

#ID_ImagePage_VideoCreated, #ID_ImagePage_VideoDimensions, 
#ID_ImagePage_VideoFile, #ID_ImagePage_VideoFilesize {
  display: block;
  height: 22px;
  text-align: left;
}

#ID_ImagePage_VideoFile {
  height: 27px; 
  padding-top: 10px;
  margin-bottom: 5px;  
  color: #FFFFFF;
  background-image: url("filmbackground.bmp");
}

#ID_ImagePage_VideoFile A {
  color: #FFFFFF;
  border-bottom: 1px dotted #FFFFFF;    
}

#ID_ImagePage_VideoFile A:Hover {
  font-weight: bold;
}

#ID_ImagePage_VideoCreated_Label, #ID_ImagePage_VideoDimensions_Label, 
#ID_ImagePage_VideoFile_Label, #ID_ImagePage_VideoFilesize_Label {
  float: left;
  width: 233px;
  text-align: right;
}

#ID_ImagePage_VideoCreated_Text, #ID_ImagePage_VideoDimensions_Text, 
#ID_ImagePage_VideoFile_Text, #ID_ImagePage_VideoFilesize_Text {
  float: right;
  width: 233px;
  text-align: left;
}


/******************************************************************************/
/************************** IMAGE PAGE BOTTOM SECTION *************************/
/******************************************************************************/

#ID_ImagePage_BottomSection {
  clear: both;
  padding-top: 1px;
}

#ID_ImagePage_BottomSeparator {
  display: none;
}

#ID_ImagePage_Copyright {
  margin-top: 10px;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 5px;
  padding: 7px;

  height: 15px;
  text-align: center;
  font-size: 83%;

  color: #F8E2E9;                   /* Text Color */
  background: #E860A2;              /* Caption Bars */
  border: 1px solid #A74575;        /* Box Border Color */
}