/*

#
#  GreatWebScripts    http://www.GreatWebScripts.com
#
#  Copyright (c)2006-2008, GreatWebScripts. All rights reserved.
#
#  No portion of this content may be copied, distributed or reproduced for any
#  reason without the express written consent of the owner. Federal copyright
#  law prohibits unauthorized reproduction by any means and imposes severe fines
#  for violation.
#

#
#  $RCSfile: photocap.css,v $ $Revision: 1.31 $   $Date: 2008-11-26 13:28:14-05 $
#
*/


/*  body: value for background-color is overridden in PHP */
/*    with Admin-selectable value!                        */


body
{
  color:#000000;
  font-family:'Comic Sans MS';
  font-size:10pt;
}

select
{
   font-size:0.8em;
   font-weight:bold;
}


/* Top of each page (photocap_header) */
.title
{
  width:100%;
  color: blue;
  font-weight:bold;
  font-size:1.2em;
  text-align:center;
}

.subtitle
{
  width:100%;
  color: black;
  font-size:95%;
  font-style: italic;
  font-weight:bold;
  text-align:center;
  padding-bottom:5px;
}


.pagetitle
{
  width:100%;
  font-size:1.1em;
  font-weight:bold;
  color: blue;
  text-align:center;
  padding-bottom:10px;
}

.successmsg
{
  margin: 10 10 10 10;
  font-size: 11pt;
  color: green;
  font-weight:bold;
  text-align:center;
  width: 100%;
  background-color:white;
}

.failuremsg
{
  margin: 10 10 10 10;
  font-size: 12pt;
  color: red;
  font-weight:bold;
  text-align:center;
  width: 100%;
}

.notloggedin
{
  font-family: Arial, Helvetica, sans-serif;

  margin-left:20%;
  margin-right:20%;
  margin-top:20px;
  width: 60%;
  background-color:#33ff00;
  padding: 20px 20px 20px 20px;

  font-size: 10pt;
  color: #000000;
  font-weight:bold;
  text-align:center;
}


/*CSS for link that shows hint onmouseover*/
.hintanchor
{
   font-weight: bold;
   color: navy;
   margin: 3px 8px;
}


/* $tag_div_conversion */
.quote
{
   margin-left:10%;
   margin-right:10%;
   width:80%;
   background-color:#f0f0f0;
}

.hilite
{
   margin-left:5%;
   margin-right:5%;
   width:90%;
   background-color:yellow;
}


.photodates
{
  font-size:7pt;
  color:blue;
}

.photo-submtor
{
  font-size:8pt;
}

.tablerow
{
  background-color:#EEFAF9;
  color:'#000000';
}

.tablerow-mouseover
{
  background-color:#ffff00;
  color:'#000000';
  cursor:hand;
}

.tablerow-transparent
{
  background-color:transparent;
}


.tablerow-popup
{
  background-color:#ffffff;
  color:'#000000';
}

/* Main Page */
#Maindiv  /* Div where Help, JS status displayed */
{
  width:100%;
  margin-top:0px;
  padding-top:0px;
}

#JSdiv /* Div containing JS Status */
{
  font-size: 0.9em;
  width:70%;
  float:left;
  text-align:left;
}

#JSdiv_jsstatus /* Span containing JS Status */
{
  font-weight:bold;
  margin-right: 5px;
}

#JSdiv_jsstatus_recheck /* Span containing Recheck Status */
{
  font-weight:bold;
  margin-right: 20px;
}

#JSdiv_ajstatus /* Span containing AJAX Status */
{
  font-weight:bold;
  margin-right: 20px;
}

#JSdiv_ckstatus /* Span containing Cookie Status */
{
  font-weight:bold;
  margin-right: 20px;
}


#Helpdiv /* Div containing Help Button */
{
  margin-top:0px;
  padding-top:0px;
  width:110px;
  float:right;
}

#noJSdiv
{
  margin-top: 20px;
  text-align:center;

  font-family: Arial, Helvetica, sans-serif;
  font-size:1.2em;
  font-weight: bold;
  font-style:none;
  color: black;
}


.archiverow-mouseover
{
  background-color:#ffffcc;
  cursor:hand;
}

.archive-scored {background-color:#eeeeee;}
.archive-notscored {background-color:#aaaaaa;}
.archive-scored-mouseover {background-color:#ffffcc; cursor:hand;}
.archive-notscored-mouseover {background-color:#ffffcc; cursor:hand;}


.archivetext
{
  color:black;
  font-size:1.1em;
}

.archiverow-1 {background-color:#ffff55;}
.archiverow-2 {background-color:#bbbbff;}
.archiverow-3 {background-color:#eeeeee;}
.archiverow-4 {background-color:#dddddd;}
.archiverow-5 {background-color:#cccccc;}
.archiverow-6 {background-color:#bbbbbb;}
.archiverow-7 {background-color:#aaaaaa;}
.archiverow-8 {background-color:#999999;}
.archiverow-9 {background-color:#888888;}
.archiverow-10 {background-color:#777777;}

.archiverow-runnerup {background-color:transparent;}


.ScoreHeading
{
  font-size:12pt;
  color:#0000ff;
}

.ScoreHeadingDim
{
  font-size:12pt;
  color:#cccccc;
}

.tablerow-Administrator
{
  background-color: #ffff44;
}


/* Voting Record:: Vote Table: Table */
.record_table
{
  width:86%;
  margin-left:7%;
  background-color:#f0f0f0;
  border: 1px solid black;
  border-style:collapse;
}

.record_table_heading_row
{
  background-color:white;
  border: 1px solid black;
  font-weight:bold;
}

.record_table_tr
{
  background-color:white;
  border:none;
}

/* Class for captions (textarea) */
.caption-original
{
  background-color:#ffffff;
  border: 2px solid transparent;
}

.caption-modified
{
  background-color:#ffff99;
  border: 2px solid transparent;
}

.caption-active
{
  background-color:#ffffff;
  border: 2px solid #ff00ff;
}

.caption-error
{
  border: 2px solid #ff0000;
}



/* Class for any frame where captions are displayed */
.caption_frame
{
  border-bottom: 3px solid blue;
  border-left: 3px solid blue;
  border-right: 3px solid blue;
  border-style:collapse;

  padding-bottom: 2px;
  padding-top:2px;

  overflow-x:auto;
  overflow-y:auto;

  width:100%;
}

.caption_frame_hr
{
  color:#aaeeaa;
  size:5px;
  width:95%;

  margin-top:5px;
  margin-bottom:5px;
}

.caption_frame_header
{
  width:100%;
  margin-top:10px;
  background-color:white;
  text-align:center;
  font-weight:bold;
  border: 1px solid black;
}


/* Voting::Caption Table: Rules Display */
#vote_captiontable_image_frame
{
  text-align:center;
  font-size:8pt;
  font-weight:bold;
  font-style:italic;
}

#vote_captiontable_rules_frame
{
  font-weight: normal;
  font-size: 1em;
  background-color:#f0f0f0;
  color: black;
  padding-bottom:10px;
  border: 1px solid black;
  text-align:center;
  width:96%;
  margin-left:2%;
}

.vote_captiontable_captions_frame
{
  width:96%;
  margin-left:2%;
}

#vote_captiontable_mine_frame
{
  /* Height overriden in php */
}

#vote_captiontable_panel
{
  background:#ddffdd;
  margin-top:6px;
  margin-bottom:6px;
}

#vote_captiontable_voted_frame
{
  /* Height overriden in php */
  border-top: 0px solid blue;
}

#vote_captiontable_unvoted_frame
{
  border-top: 0px solid blue;
  border-bottom: 3px solid blue;
  border-left: 3px solid blue;
  border-right: 3px solid blue;

  /* Height overriden in php */
  margin-bottom: 20px;
}


#vote_captiontable_mine_heading
{
  color:black;
  border-top: 3px solid blue;
  border-left: 3px solid blue;
  border-right: 3px solid blue;
  border-bottom: 1px solid blue;
}


#vote_captiontable_voted_heading
{
  color:black;
  border-top: 3px solid blue;
  border-left: 3px solid blue;
  border-right: 3px solid blue;
  border-bottom: 1px solid blue;
}

#vote_captiontable_unvoted_heading
{
  border-top: 3px solid blue;
  border-left: 3px solid blue;
  border-right: 3px solid blue;
  border-bottom: 1px solid blue;

  color:black;
  margin-bottom:0px;
  padding-bottom:0px;
}


/* Voting::Caption Table: My own captions */
.vote_captiontable_mine
{
  width:100%;
  background-color: #e0e0e0;
  border:1px solid black;
  margin-top:0px;
  margin-bottom:0px;
}


.vote_captiontable_tr_voted
{
  width:100%;
  border:1px solid black;
}



/* Voting::Caption Table: Unvoted captions */
.vote_captiontable_captions_table
{
  margin:0px;
  padding:0px;
  width:98%;
  border: 1px solid black;
}

#vote_captiontable_mine_table
{
  background-color: #eeeeee;
}

#vote_captiontable_unvoted_table
{
  background-color: #ddddff;
}

#vote_captiontable_voted_table
{
  background-color: #ccffcc;
}

/* Voting::Caption Table: Voted captions */
#vote_captiontable_voted
{
  background-color: #ddffdd;
}


.vote_captiontable_tr_unvoted
{
  width:100%;
}


/* Voting: Vote Pulldown */
.vote-table-td-index
{
  font-weight:bold;
}

.vote-table-td-pulldown
{
  border:1px solid black;
  text-align:center;
}

.vote-table-td-pulldown_null
{
  border:1px solid black;
  text-align:center;

  /* Force a minimum width */
  padding-left:35px;
  padding-right:35px;
}


.vote-table-td-caption
{
  padding-left:10px;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  border-right: 1px solid white;
  width:95%;
}

/* Indicator for no-vote */
.vote-table-td-caption-none
{
  color:red;
  font-weight:bold;
}


/* Caption::Caption Table: Rules Display */
#caption_captiontable_image_frame
{
  text-align:center;
  font-size:8pt;
  font-weight:bold;
  font-style:italic;
}





/*                */
/* Caption Peek   */
/*                */

/* Note: Height is overriden in PHP */
#caption_peek_frame
{
  margin-top: 0px;
  margin-bottom: 40px;
  padding-top: 0px;

  text-align:left;

  border-top: 0px solid blue;
  border-bottom: 3px solid blue;
  border-left: 3px solid blue;
  border-right: 3px solid blue;
}


#caption_peek_frame_title
{
  width:100%;

  border-top: 3px solid blue;
  border-left: 3px solid blue;
  border-right: 3px solid blue;
  border-bottom: 1px solid blue;
}


.caption_peek_page
{
  color:black;
  background-color:white;
  size:8pt;
  text-align:center;
}

#caption_peek_table
{
  width:96%;
}

.caption_peek_panel_row
{
  border:1px solid #cccccc;
}

.caption_peek_panel
{
  background:#ffffff;
  margin-top:6px;
  margin-bottom:6px;
}




.caption_peek_panel_me
{
  background:#eeeeee;
  margin-top:6px;
  margin-bottom:6px;
}



.caption_peek_panel_submittor
{
  font-size:8pt;
  font-weight:bold;
  font-style:italic;
  background-color:yellow;

  color:blue;
}

.caption_peek_panel_own
{
  font-size:8pt;
  font-weight:bold;
  font-style:italic;
  color:blue;
  border: 2px solid lightgreen;
  background-color:white;
}


.caption_peek_panel_date
{
  font-size:7pt;

  color:blue;
}

.caption_peek_panel_caption
{
  font-size:12pt;
  color:black;
}



/*                */
/* Caption Table  */
/*                */
#caption_entry_frame_title
{
  /* Height overriden in php */

  border-top: 3px solid blue;
  border-bottom: 1px solid blue;
  border-left: 3px solid blue;
  border-right: 3px solid blue;
}

/* Caption Table Frame  */
#caption_entry_frame
{
  border-top: 0px solid blue;
  border-bottom: 0px solid blue;
  border-left: 3px solid blue;
  border-right: 3px solid blue;
}


/* Caption Table Commands (at bottom)  */
#caption_entry_frame_commands
{
  border-top: 1px solid blue;
  border-bottom: 3px solid blue;
  border-left: 3px solid blue;
  border-right: 3px solid blue;

  margin-top: 0px;
  margin-bottom: 40px;

  text-align:center;
}



#caption_entry_table
{
  border: 0px solid blue;
}

.previewLink
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: Bold;
 color: #0000FF;
 background-color: transparent;
 text-decoration: none;
 border: none;
 cursor: pointer;
 padding-left:10px;
}


.captioninx
{
 border: 2px solid blue;

 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: Bold;
 color: #0000FF;
}

.caption_texticons_tr
{
  border: 2px solid blue;
  background-color:#ccffcc;
}

.caption_td
{
  /* border: 2px solid blue; */
  padding: 8;
}

.caption_texticons_image
{
  margin:0px 0px 0px 20px;
  cursor:hand;
}

#caption_texticons_preview
{
   padding-top:8px;
   padding-right:14px;
}

/* Upload Table */
.upload_outter_table
{
  width:90%;
  align:center;
  margin-left:5%;
  background-color:#eeeeee;
  margin-bottom:20px;
  border: 2px solid blue;
}


.upload_inner_table
{
  width:100%;
  background-color:#dddddd;
  margin-top:10px;
  margin-bottom:10px;
  padding: 10px 10px 10px 10px;
}

.upload_inner_table_tr
{
  margin-top:10px;
  padding-top:10px;
}

.upload_inner_table_tr_adminonly
{
  margin-top:10px;
  padding-top:10px;
  background-color:yellow;
}

.pagenumspan
{
  font-family:'Comic Sans MS';
  font-size:12 pt;
  font-weight:bold;
  text-align:left;
  padding: 1px 15px 1px 15px;
  background:##f0f0f0;
}

.pagelabel
{
  color:#339933;
}

.navimage
{
  vertical-align: middle;
  border:0;
  cursor:hand;
  margin-right:2;
  margin-left:2;
}

.footer
{
  font-size:8pt;
  color:black;
  text-align:center;
}


/*                */
/*  B u t t o n s */
/*                */


.tablerow-CommandButton
{
  background:#ccccff;
}


.submitButton { font-family: Arial, Helvetica; font-size: 10pt; font-weight: 800; color: #000000; background-color:#33ff33; }
.doItButton { font-family: Arial, Helvetica; font-size: 10pt; font-weight: 800; color: #000000; background-color:#ccffcc; }
.cancelButton { font-family: Arial, Helvetica; font-size: 10pt; font-weight: 800; color: #000000; background-color:#ffcccc; }


/*  buttonAction: Name 'buttonAction' referenced in PHP!               */
/*  Value for background-image is overridden with Admin-selectable value!  */
.buttonAction
{
    background-repeat:no-repeat;
    border-width:0;
    background-color:transparent;
    cursor:hand;
    font-weight:bold;
    font-size:22px;
    font-family:'Comic Sans MS';
    color: #000000;
    width:120px; height: 31px;
    /* Default background-image: overridden in PHP code */
    background-image:url('images/Buttons/BlueShadeOval.gif');
}

.buttonHelp
{
    width: 90px;
    height: 25px;
    padding-top:0px;
    margin-top:0px;

    background-repeat:no-repeat;
    border-width:0;
    background-color:transparent;
    cursor:hand;
    font-weight:bold;
    font-size:14px;
    font-family:Comic Sans MS;
    color:black;
    background-image:url('images/yellowdiamond.gif');
}


.button-optionOK
{
    width: 90px;
    height: 25px;
    background-repeat:no-repeat;
    border-width:0;
    background-color:transparent;
    cursor:hand;
    font-weight:bold;
    font-size:14px;
    font-family:Comic Sans MS;
    color:black;
    background-image:url('images/greenoval.gif');
}

.button-optionDisplay
{
    width: 90px;
    height: 25px;
    background-repeat:no-repeat;
    border-width:0;
    background-color:transparent;
    cursor:hand;
    font-weight:bold;
    font-size:14px;
    font-family:Comic Sans MS;
    color:black;
    background-image:url('images/greenoval.gif');
}

.button-optionWarn
{
    width: 90px;
    height: 25px;
    background-repeat:no-repeat;
    border-width:0;
    background-color:transparent;
    cursor:hand;
    font-weight:bold;
    font-size:14px;
    font-family:Comic Sans MS;
    color:black;
    background-image:url('images/yellowoval.gif');
}

.button-optionUnsafe
{
    width: 70px;
    height: 25px;
    background-repeat:no-repeat;
    border-width:0;
    background-color:transparent;
    cursor:hand;
    font-weight:bold;
    font-size:14px;
    font-family:Comic Sans MS;
    color:black;
    background-image:url('images/orangediamondS.gif');
}

.buttonSearch
{
   background-repeat:no-repeat;
   border-width:0px;
   background-color:transparent;
   cursor:hand;
   text-align:middle;
   width:65px;
   height:22px;
   background-image:url('/images/icon_search.gif')
}


.name
{
  font-size:10pt;
  font-weight:bold;
  color:#000000;
  text-align:right;
}




/* Submit button as image */
.submitImage
{
  width: 40px;
  margin:0px;
  display:inline;
}

/* Header and Footer Panels */
.header_panel
{
  width:80%
  margin-left:10%;
}

.footer_panel
{
  width:80%
  margin-left:10%;
}