/* --------------- basic styles ---------------- */
/* Note: These should go first so that specific overrides
 * take precedence.
*/

a:link {
   color: blue;
   text-decoration: none;
}
a:hover {
   color: blue;
   background-color: yellow
}
a:visited {
   color: green;
   text-decoration: none;
}
body {
   font-size: 10pt;
   font-family: verdana, geneva, helvetica;
}
b {
   font-size: 10pt;
   font-family: verdana, geneva, helvetica;
}
table {
   font-size: 10pt;
   font-family: verdana, geneva, helvetica;
}
tblhead {
        background-color: #777777;
        font-size: 20pt;
}
form {
   font-size: 10pt;
   font-family: verdana, geneva, helvetica;
}
p {
   font-size: 10pt;
   font-family: verdana, geneva, helvetica;
   text-align: justify;
}


/* --------------- Specific Frame styles ---------------- */

body { margin: 0px; padding: 0px;
       font-size: 10pt;
       font-family: verdana, geneva, helvetica;
     }

table.cshFrame    { margin: 0px; }
td.cshPanTop      { background-color: #84aece; border-top:0px; border-bottom:5px solid #84aece;
                  }
td.cshPanLeft     { background-color: #84aece; border-top:2px solid #84aece;
                    color: blue;
                  }
td.cshPanRight    { background-color: #84aece; border-bottom:0px; }
td.cshBorLeft     { background-color: #84aece;  }
td.cshBorBodyLeft { background-color: #eeeeee; border-left:2px solid #000000;border-top:2px solid #000000;}
td.cshBorRight    { background-color: #84aece; border-right:0px;}
td.cshPanBody     { background-color: #eeeeee; border-top:2px solid #000000;}
td.cshPanLogo     { background-color: #84aece; border-top:0px; border-bottom:2px solid #84aece; }
td.cshPanBottom   { background-color: #84aece; border-top:2px solid #000000;}

td.sideRow        { text-align: right;}
td.sideSect       { text-align: center; font-size: 65%; color:gray;}
span.gemsRef      { font-size: 80%;}

span.cshCustTitle { color: #F7F3EF; font-size: 150%; font-weight: bold;}
span.cshPageTitle { color: #F7F3EF; font-size: 100%; font-weight: bold;}
span.ssCenterHead {background-color: #84aece; font-weight:bold; text-align:center; width:100%;}

.font80           { font-size: 80%;}

a.horzLink        { color: #000090; font-size:90%;}
a.sideLink        { color: #000090; font-size:90%;}

/* --------------- Specific App styles ---------------- */
span.ssText       { font-size: 8pt;}
b.ssText          { font-size: 8.5pt; font-weight:bold}

/* --------------- ACT Styles ---------------- */
td.ssActHead      {background-color: #84aece; font-weight:bold; text-align:center;}
td.ssActSide      {background-color: #84aece; text-align:right; font-size:90%;}
td.ssActBody      {}
table.ssMsgTable  {background-color: #84aece;}

/* --------------- TEL Styles ---------------- */
td.ssTelHead      {background-color: #84aece; font-weight:bold; text-align:center;}
td.ssTelSide      {background-color: #84aece; text-align:right; font-size:90%;}
td.ssTelBody      {}
tr.ssTelNormRow   {}
tr.ssTelSelRow    {background-color: yellow;}
tr.ssTelBusyRow   {background-color: red;}


/* --------------- Left Side Styles ---------------- */
div.ssLeftNorm   {}
div.ssLeftTiny   {font-size: 80%; margin-top:0px;margin-bottom:5px;}

/* --------------- Application Styles ---------------- */
td.ssTblHead    {background-color: #84aece; font-weight:bold;}
td.ssTblLabel   {background-color: #84aece; }

select.ssJoinEditLst {width:110px;}

/* --- Wide Format --- */
table.ssWideMenu{ background-color: #84aece; /*border-top:2px solid #000000; */}
td.ssWideBody   { background-color: #eeeeee;}
div.ssWideFoot  { background-color: #84aece; border-top:1px solid #000000;}
td.ssWideLogo   { background-color: #84aece; border-top:0px; border-bottom:0px solid green; }
td.ssWideTop    { background-color: #84aece; border-top:0px; border-bottom:2px solid #84aece; }

/* --- Home Page Layout --- */
td.ssHomeBar {width:20px; border-left: 1px solid #84aece; border-right: 1px solid #84aece; text-align:center;}
img.ssSmallImg {border: 1px solid #84aece; margin-right:10px; margin-bottom:3px;}
img.ssLargeImg {border: 1px solid #84aece;}
img.ssLaterImg {border: 1px solid #84aece; margin-right:10px; margin-left:10px;}

/* --- Mini Login --- */
#GemsMiniLogin table {
  border: 1px solid #84aece;
  font-size: 8pt;
}

#GemsMiniLogin input {
  width:85px; height: 20px;
}

#GemsMiniLogin input.butSubmit {
  background-color: #84aece;
  margin:5px;
}

#GemsMiniLogin td.ssLogHdr {
  background-color: #84aece;
  font-size: 6pt; color:black;
  padding-bottom:2px;
}
#GemsMiniLogin td.ssLogDet {
  padding:3px;
}

/* --- Register Panel --- */
#Register table {
  border: 1px solid #84aece;
  font-size: 8pt;
}

#Register input.butSubmit {
  background-color: #84aece;
  margin:5px;
}

#Register td.ssRegHdr {
  background-color: #84aece;
  font-size: 6pt; color:black;
  padding-bottom:2px;
}

#Register td.ssRegDet {
  padding:3px;
}

/* --- Status message --- */
#GemsStatusMsg {
  border: 2px solid red;
  margin:5px; padding:3px;
}
#GemsStatusMsg span {
  font-size: 10pt; color:red;
}

/* --- Announcement Panel --- */
#Announcement table {
  border: 1px solid #84aece;
  font-size: 8pt;
}

#Announcement td.ssHead {
  background-color: #84aece;
  font-size: 6pt; color:black;
  padding-bottom:2px;
}

#Announcement div.ssFirst {
  padding-left:3px;
  text-align: center;
  padding-right:3px;
  background-color:#e0e0e0;
  border-top: 1px solid #84aece;
  margin-top:0px;
}

#Announcement div.ssSummary {
  padding-left:3px;
  padding-right:3px;
}
#Announcement div.ssMessage {
  border-top: 1px solid #e0e0e0;
  padding-left:3px;
  padding-right:3px;
}

/* --- Prayer Burden Form --- */
#PrayerForm td.ssTblBody {
  width:600px;
}

/* --- Prayer Burden Home Page --- */
#Prayer table {
  border: 1px solid #84aece;
  font-size: 8pt;
}

#Prayer td.ssHead {
  background-color: #84aece;
  font-size: 6pt; color:black;
  padding-bottom:2px;
}

#Prayer div.ssSummary {
  padding:3px;
}

#Prayer div.ssDate {
  font-weight: bold;
}

#Prayer ol.ssIE {
  margin-top:5px;
  margin-left:25px;
  margin-right:3px;
}

/*#Prayer li {
  list-style-type:decimal;
} */

#Prayer ol.ssFireFox{
  list-style-type:decimal;
  margin-top:5px;
  margin-left:-15px;
  margin-right:3px;
}

#IE img.ssSmallImg {margin-right:5px;}