.tinygreen {
font-family: arial,verdana;
font-size:8pt;
color:#00FF00;
}
.tinyblack {
font-family: arial,verdana;
font-size:8pt;
color:black;
}
.tinywhite {
font-family: arial,verdana;
font-size:8pt;
color:white;
}
.tinyred {
font-family: arial,verdana;
font-size:8pt;
color:red;
}
.tinydkred {
font-family: arial,verdana;
font-size:8pt;
color:#C00000;
}
.tinygray {
font-family: arial,verdana;
font-size:8pt;
color:#888888;
}
.tinyblue {
font-family: arial,verdana;
font-size:8pt;
color:#0000FF;
}
.tiny {
font-family: arial,verdana;
font-size:8pt;
color:black;
}
.tinybold {
font-family: arial,verdana;
font-size:8pt;
font-weight:bold;
color:black;
}
.plain {
font-family: arial,verdana;
font-size:10pt;
color:black;
}
.plainbold {
font-family: arial,verdana;
font-size:10pt;
font-weight:bold;
color:black;
}
.plainred {
font-family: arial,verdana;
font-size:10pt;
font-weight:bold;
color:#FF0000;
}
.plaindkred {
font-family: arial,verdana;
font-size:10pt;
color:#C00000;
}
.plainblue {
font-family: arial,verdana;
font-size:10pt;
font-weight:bold;
color:#0000FF;
}
.plaingreen {
font-family: arial,verdana;
font-size:10pt;
font-weight:bold;
color:#00FF00;
}
.plainwhite {
font-family: arial,verdana;
font-size:10pt;
font-weight:bold;
color:#FFFFFF;
}
.plainblack {
font-family: arial,verdana;
font-size:10pt;
font-weight:bold;
color:#000000;
}
.plain12 {
font-family: arial,verdana;
font-size:12pt;
color:black;
}
.plainbold12 {
font-family: arial,verdana;
font-size:12pt;
color:black;
}
.plainred12 {
font-family: arial,verdana;
font-size:12pt;
color:#FF0000;
}
.plainblue12 {
font-family: arial,verdana;
font-size:12pt;
color:#0000FF;
}
.plainwhite12 {
font-family: arial,verdana;
font-size:12pt;
color:#FFFFFF;
}
.plainblack12 {
font-family: arial,verdana;
font-size:12pt;
color:#000000;
}
.heading {
font-family: arial,verdana;
font-size:14pt;
color:black;
}
.headingred {
font-family: arial,verdana;
font-size:14pt;
color:#CC0000;
}
.required {
font-family: arial,verdana;
font-size:10pt;
color:black;
}
.redrequired {
font-family: arial,verdana;
font-size:10pt;
color:#FF0000;
}
.errheading {
font-family: arial,verdana;
font-size:14pt;
color:#FF0000;
}
.err {
font-family: arial,verdana;
font-size:12pt;
color:#FF0000;
}
.subheading {
font-family: arial,verdana;
font-size:12pt;
color:black;
}
.blueheading {
font-family: arial,verdana;
font-size:14pt;
color:#0000FF;
}
.testimonial {
font-family: arial,verdana;
font-size:10pt;
color:black;
font-style:italic;
}

body
{
    color: #000000;
    background-color: #D9D9C3;
    /* background-color: #EBEBCC; */
    /* background-color: #C0C0C0; */
    /* background-color: #A8ACB7; */
    /* background-color:#978576; */
    /* background-color:#E9E9D6;#978576; */
    font-size: 8pt;
    font-family: arial,verdana,tahoma,times;
    padding: 0;
    margin: 0;
}

body#admin
{
    color: #00FF00;
    background-color: #000000;
    /* background-color: #A8ACB7; */
    /* background-color:#978576; */
    /* background-color:#E9E9D6;#978576; */
    font-size: 8pt;
    font-family: arial,verdana,tahoma,times;
    padding: 0;
    margin: 0;
}



body#outerpage
{
    padding: 0;
    margin: 10;
}

body#messages
{
    color: #000000;
    background-color:#FFFFFF;
    background-image:url("");
    font-size: 10pt;
    font-family: arial,verdana,tahoma,times;
    padding: 0;
    margin: 0;
}

table
{
color: #000000;
font-size: 10pt;
font-family: arial,verdana,tahoma,times;
}

table.white
{
color: #000000;
font-size: 10pt;
font-family: arial,verdana,tahoma,times;
background-color:white;
}

input
{
color: #000000;
font-size: 8pt;
font-family: arial,verdana,tahoma,times;
}

textarea
{
color: #000000;
font-size: 8pt;
font-family: arial,verdana,tahoma,times;
}

select
{
color: #000000;
font-size: 8pt;
font-family: arial,verdana,tahoma,times;
}

.iblock span
{
font-size:10pt;
margin:0px;
padding:0px;
font-weight:bold;
}

.iblock #rsvpheader
{
color:#C00000;
}

div.tab
{
    border-style: solid;
    border-width: 2px;
    border-right-color: #000000;
    border-top-color: #EEEEEE;
    border-left-color: #EEEEEE;
    color: #555555;
    background-color:#888888;
    font-weight: bold;
    position:relative;
    top:5px;
    z-index:10;
    width:90%;
    padding-top:2px;
    padding-bottom:7px;
    text-align:center;
    margin-right:0;
    margin-left:0;
    cursor:pointer;
}

div.tabselected
{
    border-style: solid;
    border-width: 2px;
    border-color: #000000;
    border-bottom-color: #DDDDDD;
    border-left-color: #EEEEEE;
    border-top-color: #EEEEEE;
    color: black;
    background-color:#DDDDDD;
    font-weight: bold;
    position:relative;
    top:2px;
    z-index:100;
    width:90%;
    padding-top:5px;
    padding-bottom:5px;
    text-align:center;
    margin-right:0;
    margin-left:0;
    cursor:pointer;
}

DIV.card1
{
    border-style: solid;
    border-width: 2px;
    border-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #EEEEEE;
    border-top-color: #EEEEEE;
    color: black;
    padding:10px;
    position:relative;
    display: block;
    top:0px;
    left:0px;
    background-color:#DDDDDD;
    z-index:25;
}

.button4a {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

.button4 {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  width: 9em;
  font-family: helvetica,arial,sans-serif;
  font-size: 70%;
  font-weight: bold;
}

.button4 a {
  padding: 0 0 0 0;
  display: block;
  width: 100%;
}
.button4 a:link,
.button4 a:visited,
.button4 a:hover {
  padding: 0 0 0 0;
  background-color: #CCCCCC;
  color: #000;
  text-decoration: none;
}
.button4 a:link,
.button4 a:visited {
  border-top: 1px solid #dedede;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #dedede;
  border-right: 2px solid #4a4a4a;
}
.button4 a:hover {
  border-bottom: 1px solid #dedede;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #dedede;
  border-left: 2px solid #4a4a4a;
}

table.toolbar {
    border-color: #BBBBBB;
    border-width: 1px;
    border-style: outset;
}

INPUT.checkbox
{
    width:12px;
    position:relative;
    top:0px;
}

INPUT#maincheck
{
    /* width:12px; */
    position:relative;
    /* top:-3px; */
}

INPUT#memberid
{
    width:12px;
    position:relative;
    top:-3px;
}

INPUT#messageid
{
    width:12px;
    position:relative;
    top:-3px;
}

img.reload
{
margin-left:10px;
cursor:pointer;
border:0px solid #000000;
}

DIV.tabxcontainer
{
    position:relative;
    width:100%;
}

DIV.tabx
{
    border-style: solid;
    border-width: 1px;
    border-top-color: white;
    border-right-color: black;
    border-bottom-color: black;
    border-left-color: white;
    color: #000000;
    background-color:#E0E0E0;
    cursor:pointer;
    position:relative;
    float:left;
    font-family:arial,verdana,tohoma,times;
    font-size:10pt;
    padding:5 10 5 10;
    top: 3;
    left: 0;
}

div.tabxup
{
    border-style: solid;
    border-width: 1px;
    border-top-color: white;
    border-right-color: black;
    border-bottom-color: #E0E0E0;
    border-left-color: white;
    color: #000000;
    background-color:#E0E0E0;
    cursor:pointer;
    position:relative;
    float:left;
    font-family:arial,verdana,tohoma,times;
    font-size:10pt;
    padding:5 10 5 10;
    top: -1;
    left: 0;
    z-index:101;
}

DIV.tabxbody
{
    border-style: solid;
    border-width: 1px;
    border-top-color: white;
    border-right-color: black;
    border-bottom-color: black;
    border-left-color: white;
    background-color:#E0E0E0;
    cursor:default;
    position:relative;
    font-family:arial,verdana,tohoma,times;
    padding:10px;
    top: -3;
    left: 0;
    height:700px;
    overflow: auto;
}

DIV.tabzbody
{
    border-style: solid;
    border-width: 1px;
    border-top-color: white;
    border-right-color: black;
    border-bottom-color: black;
    border-left-color: white;
    background-color:#E0E0E0;
    cursor:default;
    position:relative;
    font-family:arial,verdana,tohoma,times;
    padding:10px;
    top: -3;
    left: 0;
}

div#container
{
    position:relative;
    /* border: 1px solid black; */
    padding: 5px;
}

div.container
{
    position:relative;
    /* border: 1px solid black; */
    padding: 5px;
}

.containerx
{
    padding:10px;
    border:1px solid black;
}

#admin DIV.tabx
{
    background-color:#AAAAAA;
}

#admin div.tabxup
{
    border-bottom-color: #AAAAAA;
    background-color:#AAAAAA;
}

#admin DIV.tabxbody
{
    background-color:#AAAAAA;
}

DIV.scroller1
{
    border-style: solid;
    border-width: 1px;
    border-color: black;
    padding:5px;
    position:relative;
    overflow:scroll;
    background-color:white;
}

a:link,
a:visited,
a:hover,
a:active
{
    color:#0000FF;
}

#sidemenu
{
font-size:8pt;
font-weight:bold;
font-family:arial,verdana,tohoma,times;
}

#sidemenu a
{
    color:#666666;
    text-decoration: none;
    position:relative;
}

#sidemenu a:hover
{
    color:#0000C0;
    text-decoration: underline;
    position:relative;
}

.comm_menu {  }
.comm_menu:link,
.comm_menu:visited
{
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  background-color: #FFFFFF;
  color: #000000;
  text-decoration: none;
}

.comm_menu:hover
{
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  background-color: #FFFFFF;
  color: #0000FF;
  text-decoration: none;
}

.comm_menu:active
{
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  background-color: #006699;
  color: #FFFFFF;
  text-decoration: none;
}

.comm_heading
{
  padding: 0 0 0 0;
  color: #000000;
  font-size:10pt;
  font-family: arial,verdana,tahoma,times;
}

#headerbtn {
  font-family:arial,verdana,tahoma,times;
  font-size:10pt;
  font-weight:bold;
  /* background-image:url("http://www.sendaninvite.com/images/btnEmpty.jpg"); */
  background-image:url("http://www.sendaninvite.com/images/graybutton.jpg");
  background-repeat: no-repeat;
  width:125px;
  height:33px;
  cursor:pointer;
}

#SAICONTENTPAGE
{
    font-size:10pt;
    font-family:arial,verdana,times;
}

.dialog
{
    background-color:#FFFFFF;
}

.smallfont
{
    font-size:8pt;
    font-family:arial,verdana,times;
}

#loadingimage
{
    position:absolute;
    left:-500px;
    top: -500px;
    display:none;
}

.listrow1
{
    color:#000000;
    height:24px;
    background-color: #E2EEFF;
    /* background-color: #A8ACB7; */
    /* background-color: #669966; */
}

.listheader
{
    color:#FFFFFF;
    height:24px;
    background-color: #006699;
    /* background-color: #A8ACB7; */
    /* background-color: #669966; */
}

.listheader2
{
    color:#DDDDDD;
    height:24px;
    background-color: #006699;
    filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#000066', startColorstr='#0000DD', gradientType='0');
    font-weight:bold;
    font-size:10pt;
    /* background-color: #A8ACB7; */
    /* background-color: #669966; */
}

.listheader3
{
    color:#DDDDDD;
    height:24px;
    background-color: #A00000;
    filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#300000', startColorstr='#A00000', gradientType='0');
    font-weight:bold;
    /* background-color: #A8ACB7; */
    /* background-color: #669966; */
}

.imagelistheader
{
    color:#000000;
    height:24px;
    background-color: #FFFFFF;
    /* background-color: #A8ACB7; */
    /* background-color: #669966; */
}

.wizardsuggesttop
{
    height:16px;
    font-size:10pt;
    background-color: #C00000;
    /* background-color: #669966; */
}

.wizardsuggestbottom
{
    height:16px;
    font-size:10pt;
    background-color: #C00000;
    /* background-color: #669966; */
}

.announcementbar
{
    height:16px;
    font-size:10pt;
    background-color: #A8ACB7;
    /* background-color: #669966; */
}

.announcementbarbottom
{
    height:16px;
    font-size:10pt;
    background-color: #A8ACB7;
    /* background-color: #669966; */
}

.headerbar
{
    height:24px;
    font-size:10pt;
    background-color: #006699;
    /* background-color: #B7A8B3; */
    /* background-color: #669966; */
}

div#headerbar
{
    height:24px;
    font-size:10pt;
    background-color: #006699;
    /* background-color: #B7A8B3; */
    /* background-color: #669966; */
}

.headerbar2
{
    height:16px;
    font-size:10pt;
    background-color: #006699;
    /* background-color: #B7A8B3; */
    /* background-color: #669966; */
}

div#headerbar2
{
    height:16px;
    font-size:10pt;
    background-color: #006699;
    /* background-color: #B7A8B3; */
    /* background-color: #669966; */
}

#standardlink
{
    color:#0000ff;
}

.grayborder
{
border: 1px solid #666666;
}

.controlheading
{
font-size:10pt;
color:#008000;
}

.pageheading
{
font-size:12pt;
color:#000000;
}

.announcementheading
{
font-size:8pt;
color:#A00000;
}

#sysmessageslistcontent
{
font-size:8pt;
}

.smallsquare
{
border:1px solid black;
width:8px;
height:8px;
background-color:#FFFFFF;
font-size:1pt;
margin-right:8px;
margin-bottom:0px;
}

#loginbox
{
text-align:center;
display:none;
width:450px;
float:right;
margin-right:0px;
border:1px solid #666666;
padding:10px;
color:#333333;
background-color:#D9D9C3;
}

#loginbox a:link,
#loginbox a:visited,
#loginbox a:active
{
color:#0000FF;
}

#loginbox a:hover
{
color:#C00000;
}

#outercontent a:link,
#outercontent a:visited,
#outercontent a:active
{
color:#0000FF;
}

#outercontent a:hover
{
color:#C00000;
}

.outermenu a:link,
.outermenu a:visited,
.outermenu a:active
{
padding:2px;
padding-left:20px;
padding-right:20px;
border:1px solid #D9D9C3;
/* background-color:#FFFFFF; */
color:black;
font-size:8pt;
font-weight: bold;
font-family:verdana,arial,tahoma,times;
text-decoration:underline;
}

.outermenu a:hover
{
padding:2px;
padding-left:20px;
padding-right:20px;
border:1px solid #000000;
background-color:#FFFFFF;
color:#C00000;
font-size:8pt;
font-weight: bold;
font-family:verdana,arial,tahoma,times;
text-decoration:underline;
}

#sample
{
background-color:#D9D9C3;
}

#sample2 a:link,
#sample2 a:visited,
#sample2 a:active
{
color:#D9D9C3;
}

#sample2 a:hover
{
color:#C00000;
}

#sample3 a:link,
#sample3 a:visited,
#sample3 a:active
{
color:#8B7355;
font-weight:bold;
}

#sample3 a:hover
{
color:#C00000;
}

#sample4 a:link,
#sample4 a:visited,
#sample4 a:active
{
color:#008000;
font-weight:bold;
}

#sample4 a:hover
{
color:#C00000;
}

#sample5 a:link,
#sample5 a:visited,
#sample5 a:active
{
color:#900000;
font-weight:bold;
}

#sample5 a:hover
{
color:#C00000;
}


.saibutton
{
padding:5px;
/* background-color:#3087C3; */
background-color:#006699;
color:#FFFFFF;
border-left-width:1px;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-style:solid;
border-color:#DDDDDD #333333 #333333 #DDDDDD;
text-align:center;
cursor:pointer;
font-size:10pt;
font-weight:bold;
font-family:verdana,arial,tahoma,times;
text-decoration:none;
}

a.saibutton:link,
a.saibutton:visited,
a.saibutton:hover,
a.saibutton:active
{
color:#FFFFFF;
text-decoration:none;
}

.saibutton2
{
padding-top:2px;
padding-bottom:2px;
padding-left:8px;
padding-right:8px;
background-color:#006699;
color:#FFFFFF;
border-left-width:1px;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-style:solid;
border-color:#DDDDDD #333333 #333333 #DDDDDD;
text-align:center;
cursor:pointer;
font-size:8pt;
font-family:verdana,arial,tahoma,times;
text-decoration:none;
}

.saibutton3
{
padding-top:2px;
padding-bottom:2px;
padding-left:8px;
padding-right:8px;
background-color:#F88017;
color:#FFFFFF;
border-left-width:1px;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-style:solid;
border-color:#DDDDDD #333333 #333333 #DDDDDD;
text-align:center;
cursor:pointer;
font-size:8pt;
font-family:verdana,arial,tahoma,times;
text-decoration:none;
}

.opendir
{
color:#666666;
}

.opendir img
{
border-color:#666666;
}

.opendir a:link,
.opendir a:visited,
.opendir a:hover,
.opendir a:active
{
color:#666666;
}

a.opendir:link,
a.opendir:visited,
a.opendir:hover,
a.opendir:active
{
    text-decoration:none;
}

.pageheading
{
color:#006699;
font-size:12pt;
}


#resourcelinks
{
color:#000000;
}

#resourcelinks ul li
{
margin-top:10px;
font-size:8pt;
}

#resourcelinks ul li a:link,
#resourcelinks ul li a:visited,
#resourcelinks ul li a:active
{
color:#006699;
}

#resourcelinks ul li a:hover
{
color:#C00000;
}

#rsvplistbox
{
color:#000000;
font-size:8pt;
}

.rsvpinvitelink:link,
.rsvpinvitelink:visited,
.rsvpinvitelink:active
{
color:#000000;
text-decoration:none;
}

.rsvpinvitelink:hover
{
color:#A00000;
text-decoration:underline;
}


.drop-shadow
{
  float:left;
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.drop-shadow img
{
  display: block;
  position: relative;
  background-color: #fff;
  border: 2px solid #000000;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}

.drop-shadow #samplebox
{
  display: block;
  position: relative;
  /* background-color: #fff; */
  /* border: 1px solid #a9a9a9; */
  margin: -6px 6px 6px -6px;
  padding: 4px;
}