/* Stylesheet skin 3 */

/* Start static CSS. */

/*
 * Basics
 */

body {
  font-size: 10pt;
  text-align: center;
  font-family: arial;
  margin: auto;
}

body * {
  font-size: 10pt;
}

div#site-down {
  background: #eee;
  margin: 5px;
  border: 2px solid red;
}

div#site-down p {
  font-size: 16px;
  color: red;
  margin: 5px;
}

p {
  margin: 0px 0px 15px 0px;
}

.emph {
  font-size: 130%;
  font-weight: bold;
  color: green;
}

.de-emph,
.de-emph * {
  font-size: 8pt;
  color: gray;
}

fieldset {
  border: 0px solid #79807F;
}

legend {
  background: white;
  border: 0px solid #79807F;
  padding: 1px 10px;
}

a {
  text-decoration: none;
  font-size: 10pt;
}

a.user-links {
  color: #66a;
  font-family: arial;
}

a:hover {
  text-decoration: underline;
  color: #000000;
}

a.logged-in-menu,
a.logged-in-menu-selected,
a.sub-menu,
a.sub-menu-selected
{
  text-decoration: none;
  font-weight: bold;
}

a.logged-in-menu-selected,
a.sub-menu-selected,
a.sub-menu-selected:hover
{
}

span.link {
  padding-right: 8px;
}

span.link-inner {
  padding-left: 3px;
  padding-right: 3px;
}

span.link-inner,
a.plain-link {
  background: #eed;
}

a.plain-link {
  padding-left: 2px;
  padding-right: 2px;
}

a.plain-link,
span.plain-link a {
  text-decoration: underline;
}

a.plain-link:hover,
span.plain-link a:hover {
  text-decoration: none;
}

span.link-deco-l,
span.link-deco-r {
  position: relative;
  top: -1px;
}

span.link-deco-l {
  padding-right: 2px;
}

span.link-deco-r {
  padding-left: 2px;
}

h2 {
  font-size: 16pt;
  margin: 0px 0px 10px 0px;
  text-align: center;
  color: #353;
}

h3 {
  font-size: 11pt;
  color: green;
}

input.submit-button {
  font-weight: bold;
}


/*
 * Invites
 */
table.invite td {
  vertical-align: top;
}

td.invite-response {
  width: 50%;
}

div.invite-response,
div.meeting-actions {
  padding: 5px 10px 8px 8px ! important;
  margin: 3px 0px 10px 0px;
}

div.invite-response span.link,
div.meeting-actions span.link {
  padding-right: 10px;
}

div.meeting-actions {
  border: 1px solid #444;
}

div.invite-response {
  border: 1px solid #444;
  background: #fcc ! important;
  text-align: center;
}

td.invite-info {
  padding: 3px 3px 3px 10px ! important;
}

td.invite-title {
  text-align: center ! important;
  padding: 2px 0px 0px 0px ! important;
}

td.invite-title span.summary {
  font-size: 12pt ! important;
  font-weight: bold;
  color: #373;
  display: block;
  background: #ccc;
}

td.invite-title span.datetime {
  font-size: 10pt ! important;
  font-weight: bold;
  color: #444;
  display: block;
  background: #ddd;
}

tr.invite-to-from td {
  border-bottom: 1px dashed #aaa;
}

td.invite-to,
td.invite-from {
  font-size: 11pt ! important;
  font-weight: bold;
  color: #aaa;
  padding: 5px ! important;
}

td.invite-from {
  text-align: right ! important;
  padding-right: 15px ! important;
}

td.invite-to span,
td.invite-to span *,
td.invite-from span,
td.invite-from span * {
  font-size: 12pt;
  color: #444;
}

td.invite-response,
td.invite-info {
  padding-top: 8px ! important;
}

div.invite-info {
  margin: 0px 0px 8px 0px;
}

div.guest-list {
  margin: 0px 0px 12px 0px;
}

table.invite h4 {
  font-size: 10pt;
  font-weight: bold;
  color: #444;
  border-bottom: 1px solid #444;
  margin: 0px 0px 3px 0px;
}


/*
 * Tasks
 */
 
div.tasks {
  margin: 10px;
  float: left;
  width: 320px;
  height: 110px;
  text-align: center;
}

div#home-page-benefits div.tasks {
  margin-top: 20px;
  height: 90px;
}

div.tasks h4 {
  font-size: 14pt;
  margin: 0px 0px 10px 0px;
  color: #aaa;
  font-family: tahoma;
}

div.tasks h4 a {
  font-size: 14pt;
}

div.tasks ul {
  margin: 0px;
  padding: 0px;
}

div.tasks ul li {
  list-style: none;
  margin: 0px;
  padding: 0px;
  font-size: 11pt;
  
}

div.tasks ul li a {
  font-size: 12pt;
  font-weight: bold;
}

span.bullet {
  font-family: verdana;
  font-size: 13pt;
}


/*
 * Auto log in
 */
div#auto-log-in {
  background: #dcc;
  padding: 5px;
  margin-bottom: 10px;
}

div#auto-log-in p {
  margin: 0px 0px 3px 0px;
}


/*
 * Invite box at top
 */
div#invite-topinfo {
  background: #dcc;
  padding: 5px;
  margin-bottom: 5px;
}

div#invite-topinfo p {
  margin: 0px 0px 3px 0px;
}


/*
 * Tables
 */

table.normal-table,
table.normal-table-plain {
  text-align: center;
  padding: 0px;
  width: 98%;
  margin: 0px 0px 15px 0px;
}

table.normal-table td,
table.normal-table-plain td {
  font-size: 10pt;
  text-align: left;
}

table.normal-table td {
  padding: 0px 1px 0px 4px;
}

table.normal-table-plain td {
  padding: 0px;
}

table.normal-table td {
  background: #eeeeee;
}

table.normal-table td.heading {
  background: #ddd;
  color: #333;
  font-size: 9pt;
  padding: 1px 4px 1px 4px ! important;
}

table.normal-table td.heading a img {
  text-decoration: none;
  border: 0px;
  position: relative;
  top: 2px;
}

/* Sortable tables */
table.sortable a.sortheader {
  text-decoration: none;
/*  display: block;*/
}

table.sortable span.sortarrow {
  color: black;
  text-decoration: none;
}

td.guestselect {
  text-align: center ! important;
}

p.date
{
  font-size: 12pt;
  font-weight: bold;
}

table.center
{
  margin-left: auto;
  margin-right: auto;
}

ul.logged-in-menu
{
  font-size: 11pt;
  padding: 3px;
  padding-bottom: 0px;
  margin: 0px;
  margin-bottom: 3px;
}

ul.sub-menu, ul.sub-menu-selected
{
  padding: 5px;
  margin: 0px;
}

ul.main-menu
{
  padding: 0px;
  margin: 0px;
}

ul.footer-menu
{
  padding: 0px;
  margin: 0px;
}

li.logged-in-menu, li.logged-in-menu-selected, li.sub-menu, li.sub-menu-selected
{
  display:inline;
  margin: 0px;
  margin-left: 4px;
  margin-right: 4px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 20px;
  padding-right: 20px;
  border: 0px solid black;
}

li.logged-in-menu, li.logged-in-menu-selected
{
  font-size: 11pt;
  border-bottom: 2px solid gray;
}

li.sub-menu, li.sub-menu-selected
{
  font-size: 10pt;
  padding-bottom: 2px;
  border-bottom: 2px solid gray;
  /*background: #aaaaaa;*/
}

li.footer-menu, li.main-menu
{
  display:inline;
  margin: 0px;
  border: 0px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

li.main-menu
{
  font-size: 10pt; 
}

li.footer-menu
{
  font-size: 9pt; 
}

li.site-map-main, li.site-map-footer, li.site-map-logged-in,
li.site-map-sub, li.form-error,
li.list,
ul.list li
{
  list-style-image: url('images/list_bullet.gif');
}

ul.list li {
  padding-left: 5px;
  margin: 0px 5px 5px 5px;
}

table.comment-list td {
  vertical-align: top;
}

table.comment-list td.par-name,
table.comment-list td.par-name *,
table.comment-list td.par-comment,
table.comment-list td.par-comment * {
  font-size: 9pt ! important;
}

.par-comment-datetime {
  color: #aaa;
  font-size: 8pt ! important;
}

.par-comment {
  color: #338;
}

table.guest-list td.par-comment {
  padding-left: 10px ! important;
}

table.guest-list td.par-comment,
table.guest-list td.par-comment * {
  font-size: 8pt ! important;
}

div.par-comment {
  padding: 0px 4px 3px 5px ! important;
}

div.par-comment,
div.par-comment * {
  font-size: 9pt ! important;
}

td.contact-us
{
  background: #eeeeee;
  text-align: left;
  padding: 2px;
  padding-left: 10px;
}

table.footer
{
  font-size: 10pt;
  margin: auto;
  border: 0px;
  padding: 5px;
}

td.footer
{
  border: 0px;
  padding: 15px;
  padding-top: 0px;
  padding-bottom: 0px;
}

div.left
{
  width: 70%;
  float: left;
  text-align: left;
}

div.right
{
  width: 29%;
  float: right;
  text-align: right;
}


/*
 * HTML elements with ids
 */

div#page-id,
div#admin-page-id {
  margin: auto;
  text-align: center;
}

div#page-id {
  width: 728px;/*645px;*/
}

div#admin-page-id {
  width: 95%;
}

div#main-id,
div#main-content-id,
div#header-id {
  font-size: 10pt;
  padding-top: 5px;
  text-align: left;
}

div#main-content-id {
  width: 100%;
  padding-top: 10px;
  /*height: 250px;*/
}

div#home-page-text {
  margin: 10px;
}

div#home-page-text p {
  font-size: 13pt;
  text-align: center;
  margin: 0px 0px 1px 0px;
  color: #aa0000;
}

div#new-user-id {
  position: relative;
  left: 0px;
  text-align: center;
}

div#main-menu-id {
  border-bottom: 3px solid #79807F;
  padding-top: 2px;
  padding-bottom: 2px;
}

div#logged-in-menu-container-id,
div#logged-in-menu-id,
div#sub-menu-id {
  width: 100%;
  text-align: center;
}

div#logged-in-menu-container-id {
/*  height: 65px;*/
}

div#logged-in-menu-id {
/*  height: 25px;*/
}

div#sub-menu-id {
  height: 30px;
}

div#login-id {
  text-align: center;
  margin: 15px 0px 0px 0px;
  padding: 0px;
}

div#login-id img {
  margin: 0px 0px 10px 0px;
}

form#login-form td {
  padding: 0px;
}

form#login-form td.form-label {
  padding-top: 8px;
  padding-right: 10px;
}

div#new-contact-id, div#edit-contact-id, div#smart-add-contacts-id, div#account-summary-id,
div#delete-contact-id, div#new-meeting-id,
div#meeting-status-id, div#contact-us-id, div#forgot-password-id, div#banner-id, div#edit-account-id,
div#edit-pw-id, div#email-meeting-id, div#users-id, div#hits-id, div#participants-id,
div#new-group-id
{
  text-align: center;
  margin: auto;
}

div#banner-id
{
  margin: 0px;
  border: 0px;
  padding: 0px;
}

/*div#create-account-id a,
div#forgot-password-link-id a
{
  font-size: 14pt ! important;
}

div#create-account-id,
div#forgot-password-link-id
{
  text-align: right;
}*/

div#footer-container-id, div#main-menu-id
{
  width: 100%;
  text-align: center;
}

div#footer-id
{
  margin: auto;
  margin-top: 15px;
  border: 0px;
  padding: 2px;
  padding-bottom: 2px;
  text-align: center;
  font-size: 9pt;
  color: #444444;
}

div#footer-id
{
  border-top: 3px solid #79807F;
}

div#trace-id, div#trace
{
  padding-top: 20px;
  font-size: 10pt;
  text-align: left;
}


/*
 * User defined classes
 */

.centerit
{
  text-align: center;
  margin: auto;
}

.form-fieldset
{
}

.form-form
{
}

.form-label
{
  text-align: right;
  padding: 3px;
}

td.form-input
{
  text-align: left;
}

input.form-input,
textarea.form-input
{
  border: 1px solid #79807F;
  padding: 1px 3px 3px 3px;
}

input.checkbox,
input.radio
{
  border: 0px;
}

.form-table
{
  font-size: 10pt;
  margin: auto;
}

.form-wrapper
{
  text-align: center;
}

.error
{
  color: red;
}

.spacer
{
  clear: both;
} 

.no-response
{
  color: #CC9933;
}

.small {
  font-size: 8pt ! important;
}

.mandatory,
.mandatory * {
  font-weight: bold;
}

.mandatory-but-not-coming,
.not-quorate,
.mandatory-but-not-coming *,
.not-quorate *
{
  font-weight: bold;
  color: #aa0000;
}

.quorate
{
  font-weight: bold;
}

.not-coming,
.not-coming *
{
  color: #a00;
}

.coming,
.coming *,
.quorate
{
  color: #008800;
}

.form-submit-message {
  margin-top: 3px;
  color: green;
  font-weight: bold;
}

/*
 * ids
 */

#splashimg1, #splashimg2, #splashimg3, #splashimg4, #splashimg5
{
  position: absolute;
}
 
#splashimg1
{
  left: 40px;
  top: 150px;
}

#splashimg2
{
  left: 0px;
  top: 330px;
}

#splashimg3
{
  left: 210px;
  top: 380px;
}

#splashimg4
{
  right: 0px;
  top: 370px;
}

#splashimg5
{
  right: 20px;
  top: 150px;
}

div#top-links
{
  margin-bottom: 20px;
  text-align: center;
}

/* Calendar stuff */

div#calendar
{
  text-align: center;
  margin-top: 20px;
}

table#calendar-table
{
  width: 100%;
  margin: 0px auto 0px auto;
}

td.calendar-month
{
  text-align: center;
  vertical-align: top;
}

table.month
{
  margin: 0px auto 10px auto;
  border: 1px solid gray;
}

table.month td
{
  font-size: 10pt;
  text-align: center;
}

table.month td.today
{
  background: #dddddd;
  border: 1px solid gray;
  font-size: 11pt ! important;
}

table.month tr.month-name td
{
  background: #dddddd;
  color: #222222;
  font-weight: bold;
}

table.month tr.dow-row td
{
  background: #dddddd;
}

table.month tr.week-row td,
table.month tr.dow-row td
{
  width: 20px;
}

table.month a
{
  font-size: 11pt;
  font-weight: bold;
  color: #008800;
}

.cal-owned
{
  color: #442222;
}

.cal-invite
{
  color: #224422;
}

.cal-owned,
.cal-invite
{
  font-size: 8pt;
}


/* End static CSS */

/* Start dynamic CSS */

a
{
  color: #440000;
  font-family: times;
}

a.logged-in-menu, a.sub-menu
{
  color: #880000;
}

a.logged-in-menu-selected, a.sub-menu-selected, a.sub-menu-selected:hover
{
  color: #cc0000;
}


/* End dynamic CSS */