/*
colours:
light green banner back:   #cbe4c6
dark green subbanner back: #577d54
title orange / a:hover     #fd8c02
link colour:               #577d54
heading colour:            #598059
nice dark gray green:      #c0e0bc
*/

body, td, input, textarea, select, pre {
	font-size:11pt;
	/* font-family:verdana,arial,sans-serif;*/
	/* cannot use Gill Sans, MT or Georgia because the sub-9 looks like a G */
	/* web safe fonts: http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html */
	font-family: 'Trebuchet MS', Arial, Tahoma, Verdana;
}
body 
{
    padding:3pt;
    margin:0px;
}
/* h1 only used for the visible title of the page */
h1 {
	font-size:14pt;
	font-weight:bold;
	color:#505050;
	border-bottom:1px solid #d0d0d0;
}
h1 img 
{
    float:right;
    border:none;
}
h1 input 
{
    float:right;
}
h1 .note {
	font-size:10pt;
	font-family:'Gill Sans', 'Gill Sans MT', Corbel, 'Nimbus Sans', Verdana, sans-serif;
	font-weight:normal;
}
h2
{
	font-size:12pt;
	margin-bottom:2px;
}
h2 .note {
	font-size:10pt;
	font-family:'Gill Sans', 'Gill Sans MT', Corbel, 'Nimbus Sans', Verdana, sans-serif;
	font-weight:normal;
}
h3 {
	font-size:10pt;
	font-weight:normal;
	font-style:italic;
}
li 
{
    list-style:none;
}
a 
{
    text-decoration:underline;
    color:#577d54;
}
body a:hover 
{
    color:#fd8c02;
}
a:visited 
{
    color:#577d54;
}
hr 
{
    clear:both;
    width:100%;
    display:block;
    height:1px;
    border-top:none;
    padding:0px;
    margin-bottom:4pt;
    margin-top:4pt;
}
pre {
    margin:0px;
    white-space:pre-wrap;
    word-wrap:break-word; /* IE non-standard */
    overflow:hidden;
}
span.highlight { /* highlight certain words in a body of text */
    color:#563208;
    font-weight:bold;
}

/* -------------------------------------- layout -------------------------------------- */
/* 800px plate centering, overriden in full screen screen pages like mapping */
#content {
    min-width:800px;
    text-align:center;
    z-index:1;
}
#center_plate 
{
    position:relative;
    padding-top:0px;
    margin-left:auto;
    margin-right:auto;
    width:800px;
    text-align:left;
    z-index:2;
}
#landscape {
    /* 
        the positioning of this element is controlled by Javascript: positionLandscape()
        Internet Explorer 6 does not support position:fixed
        default, non-JS default:
    */
    position:absolute; /* will be changed to fixed for JS browsers */
    bottom:0px;
    display:none;

    left:0px;
    width:100%;
    height:319px;

    background-image:url(/societycard/images/landscape-crop-fade.png);
    background-repeat:repeat-x;
    background-position:center bottom;
    z-index:-1;
}

/* -------------------------------------- forms -------------------------------------- */
input 
{
    font-weight:normal;
    margin-right:2px;
}
.form_title
{
    font-style:italic;
}
input.itext, input.ipassword
{
    padding-left:2px;
}
input.admin 
{
    color:#dd0000;
    font-weight:bold;
}
.close 
{
    width:18px;
    padding-left:3px;
    text-align:center;
}
.disabled, a.disabled, label.disabled
{
    color:#a0a0a0!important;
    font-weight:normal;
    cursor:default;
}
.validation_error 
{
    color:#ff0000;
}
.security_denied 
{
    padding:4px;
    padding-left:10px;
    padding-right:10px;
    color:#ff0000;
    background-color:#fcf7c2;
    border:1px solid #a0a0a0;
    margin:5px;
}
.error, .form_error {
    padding:4px;
    padding-left:10px;
    padding-right:10px;
    color:#ff0000;
    background-color:#fcf7c2;
    border:1px solid #a0a0a0;
    margin:5px;
}
.typeahead_getdata 
{
}
.typeahead ul
{
	border:1px solid #aaaadd;
	background-color:#cbe4c6; /* clear the background of all plates */
    text-align:left;
    cursor:pointer;
}
.typeahead ul ul
{
	border:none;
	background-color:inherit; /* clear the background of all plates */
}
.typeahead li:hover, .typeahead .selected
{
    color:#fd8c02;
}
body form .monitor_wait 
{
    background-image:url(/societycard/images/loading.gif);
    background-position:right center;
    background-repeat:no-repeat;
    border:1px solid #ff0000;
}
/*
.ajax_f_typeahead input
{
    background-image:url(/societycard/images/select.png);
    background-position:right center;
    background-repeat:no-repeat;
    border-top:1px solid #aaaaaa;
    border-left:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    border-right:1px solid #aaaaaa;
}
*/
#feedbacktab {
    position:fixed;
    right:0px;
    top:200px;
    z-index:100;
    width:26px;
    height:92px;

    background-image:url(/images/feedback.png);
    background-repeat:no-repeat;
    background-position:center center;
}

#subtle_login {
    float:right;
    font-size:12pt;
    padding-left:20px;
    margin-right:10px;
    margin-top:5px;

    /*
    background-image:url(/societycard/images/key_go.png);
    background-repeat:no-repeat;
    background-position:left center;
    */
}
#subtle_login a {
    text-decoration:none;
}
#username_conf {
    color:#666666;
}
#controller_username_conf {
    font-size:11px;
    color:#aa0000;
    margin-right:3px;
}
#footer img {
    position:relative;
    top:4px;
}
.help {
    color:#4444aa;
}
.group_desc {
    margin-bottom:5px;
    margin-top:0;
    font-style:italic;
}
.signup {
    height:50px;
}
.bigbutton {
    height:50px;
}


/* -------------------------------------- header: nav -------------------------------------- */
body #nav .item_contents .cmsempty { /* admin only CMS has no or default value */
    background-image:url(/societycard/images/error.png);
    background-position:right center;
    background-repeat:no-repeat;
    margin-right:4px;
}
#nav .menu-hash {
    color:#d4e8d3; /* #85bc80; */
}
#nav 
{
    float:left;
	cursor:pointer;
	margin-top:15px;
	white-space:nowrap;
}
#nav li 
{
    position:relative; /* establish each li as the parent coord system for its contents */
}
#nav a
{
    text-decoration:none;
}
#nav .contextual 
{
    font-style:italic;
}
#nav li .disabled 
{
    font-weight:normal;
    cursor:default;
}
#nav .item_contents ul
{
    display:none; /* initially hide the submenus as they are superfluos nav features replicated in the content */
}

/* ################ 1 top level menu in-line */
#nav ul 
{
    left:14pt;
  	padding:0px;
}
#nav li 
{
    display:inline;
    padding-left:12px;
    padding-right:12px;
    z-index:10;        /* incrementing z-index for IE */
    font-size:12pt;
}

/* ################ 2
li are all relative position to allow contents to absolute align
sub menu container div in-line and always visible, out-of flow
sub menu div > ul which is hidden / shown 
submenu items are block above each other
*/
#nav .item_contents
{
    position:absolute; /* take out of flow relative to parent li (relatively positioned) */
    top:12pt;          /* 2nd level needs to clear 1st level */
    left:0px;          /* align to parent li */
    z-index:11;        /* incrementing z-index for IE */
    min-width:160px;
}
#nav .item_contents ul /* hidden initially by the jQuery */
{
	border:1px solid #aaaaaa;
  	background-color:#ffffff;
    z-index:12;        /* incrementing z-index for IE */
}
#nav .item_contents li 
{
    display:block;     /* all submenus are block elements */
    white-space:nowrap;
    margin-top:3px;
    margin-bottom:3px;
    padding-right:20px; /* give the sub-menu arrows space to breath */
    font-size:12pt;
    z-index:13;        /* incrementing z-index for IE */
}
#nav .item_contents hr 
{
    border-bottom-color:#999999;
}
#nav .item_hover_exclusive_global .item_hover_exclusive_global 
{
    background-image:url(/societycard/images/menu_arrow.png);
    background-position:center right;
    background-repeat:no-repeat;
}

/* ################ 3
3rd level are same as 2nd level but appear right of their parents
*/
#nav .item_contents .item_contents
{
    position:absolute;
    left:100%;
    top:0px;
}
.indev 
{
    font-family:Arial;
    font-size:8px;
    color:#ffffff;
    background-color:#221111;
    padding-left:5px;
    padding-right:5px;
}
.notcompleted
{
    font-family:Arial;
    font-size:8px;
    color:#ffffff;
    background-color:#221111;
    padding-left:5px;
    padding-right:5px;
}
#nav .indev, #nav .notcompleted 
{
    margin-left:5px;
}

/* -------------------------------------- header: utility menu -------------------------------------- */
#util {
    float:right;
	cursor:pointer;
	clear:right;
}
#util li 
{
    display:inline;
    padding-left:12px;
    padding-right:12px;
    z-index:10;        /* incrementing z-index for IE */
    font-size:12pt;
}
#util a
{
    text-decoration:none;
}

/* -------------------------------------- footer -------------------------------------- */
#footer 
{
    clear:both;
    width:95%; /* was causing a scroll bar. note the body {overflow:hidden} */
    text-align:center;
    padding-top:20px;
    padding-left:20px;
}
#footer li 
{
    display:inline;
    padding-right:5px;
    padding-left:5px;
    border-right:1px solid #c0c0c0;
}
#footer li.last 
{
    border-right:none;
}
#more_help {
    text-align:center;
    font-weight:bold;
    margin-top:40px;
    margin-bottom:30px;
}

/* ----------------------------------- jQuery UI -------------------------------------- */
.ui-slider-1 
{
}
.candrag li
{
    cursor:move;
    padding-left:9px;
    background-image:url(/societycard/images/updown.png);
    background-position:center left;
    background-repeat:no-repeat;
}
.placeholder 
{
   	outline: 1px dotted black;
}
.sort-inactive 
{
    color:#909090;
}
.sort-active 
{
    color:#000000;
}

/* -------------------------------------- common span components -------------------------------------- */
.telephone {
    font-weight:bold;
    white-space:nowrap;
}
.number9 {
    font-family:Trebuchet MS;
}

.item_click 
{
    cursor:pointer;
}
.item_contents 
{
    display:inline;
}
.source {
    color:#555555;
    font-style:italic;
}
.date {
    font-size:10pt;
    color:#555555;
}
.message 
{
    padding:4px;
    padding-left:10px;
    padding-right:10px;
    color:#444444;
    background-color:#ffff99;
    border:1px solid #a0a0a0;
    margin:5px;
    z-index:100;
}
img.border
{
    border:1px solid #a0a0a0;
    padding:2px;
}
.quoted * 
{
    display:inline;
}
.ttd li
{
    background-image:url(/societycard/images/arrow.gif);
    background-position:left 4px;
    background-repeat:no-repeat;
    padding-left:14px;
}
#faqbox 
{
    float:right;
    padding:6pt;
    margin-left:12pt;
    border:1px solid #a0a0a0;
    background-color:#f9f6ca;
    background-image:url(/societycard/images/yellowback.png);
    background-position:center bottom;
    background-repeat:repeat-x;
}
#faqbox a 
{
    text-decoration:none;
    border:none;
}
#newpage 
{
    font-style:italic;
    color:#777777;
}
#cmskey, #cmspage 
{
    font-style:italic;
}
.photo 
{
    float:left;
    margin-right:6pt;
    border:1px solid #a0a0a0;
    padding:2px;
}
.subtle 
{
    color:#666666;
}
#content a.uri_invalid {color:#ff0000;} /* using a. because HTML editor retains classes when the link is removed */
body #content a.uri_isresource,
body #content a.uri_iswiki
{color:#577d54;}

/* external social links (template in header.xsl) */
#external_social li a {
    font-weight:bold;
    margin-bottom:4px;
    margin-right:5px;
    line-height:32px;
}
.facebook {
    padding-left:23px;
    padding-top:2px;
    padding-bottom:2px;
    background-image:url(/societycard/images/facebook.png);
    background-repeat:no-repeat;
    background-position:left center;
}
.twitter {
    padding-left:23px;
    padding-top:2px;
    padding-bottom:2px;
    background-image:url(/societycard/images/twitter.png);
    background-repeat:no-repeat;
    background-position:left center;
}

/* -------------------------------------- company text actions -------------------------------------- */
.actions a  
{
    margin-right:12px;
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:20px;
    padding-bottom:1px;
    white-space:nowrap;
    cursor:pointer;
}
.actions #addthis    {
    margin-right:16px;
    padding-left:0px;
}
.actions #addthis img {
    vertical-align:middle;
}
body #content .actions .last {margin-right:0px;}

.actions .ask        {background-image:url(/societycard/images/email.png);}
.actions .invite     {background-image:url(/societycard/images/email.png);}
.actions .view       {background-image:url(/societycard/images/view.png);}
.actions .directions {background-image:url(/societycard/images/directions.png);}
.actions .save       {background-image:url(/societycard/images/disk.png);}
.actions .video      {background-image:url(/societycard/images/film.png);}
.actions .website    {background-image:url(/societycard/images/website.png);}
.actions .more       {background-image:url(/societycard/images/information.png);}
.actions .contract   {background-image:url(/societycard/images/article.png);}
.actions .nocontract {background-image:url(/societycard/images/error.png);}
.actions .add        {background-image:url(/societycard/images/add.png);}
.actions .edit       {background-image:url(/societycard/images/edit.png);}
.actions .delete     {background-image:url(/societycard/images/delete.png);}
.actions .order      {background-image:url(/societycard/images/order.png);}
.actions .security   {background-image:url(/societycard/images/security.png);}
.actions .undelete   {background-image:url(/societycard/images/undelete.png);}
.actions .idea       {background-image:url(/societycard/images/idea.png);}
.actions .list       {background-image:url(/societycard/images/list.png);}
.actions .revisions  {background-image:url(/societycard/images/revisions.png);}
.actions .flag_inapproriate {background-image:url(/societycard/images/flag_red.png);}
.actions .flag_like  {background-image:url(/societycard/images/thumb_up.png);}
.actions .listener   {background-image:url(/societycard/images/listener.png);}
.actions .listener_off {background-image:url(/societycard/images/listener_off.png);}
.actions .leave      {background-image:url(/societycard/images/leave.png);}
.actions .join       {background-image:url(/societycard/images/join.png);}


/* -------------------------------------- standard conversations -------------------------------------- */
.conversation .cmsvalue {
    clear:left;
    margin-top:5px;
}
.conversation .title {
    font-weight:bold;
    display:inline; /* for dates and post-title information */
}
.conversation .flagged_inappropriate {
    color:#777777;
}
.conversation .date {
    display:inline;
    font-style:italic;
}
.conversation .description {
    display:none;
}
.conversation .body {
    margin-bottom:20px;
}
.addnewpost {
    font-weight:bold;
    font-style:italic;
}
.actions .order {
    background-image:expression('none'); /* IE only because it shows the image on teh span also */
}
.conversation_order input {
    vertical-align:middle;
    margin-left:0;
    text-decoration:none;
}
.conversation .widget_user_inline {
    float:right;
}

/* specific conversation types */
#comments #form_tr_description, #comments #form_tr_tags, #comments #form_tr_title_link {display:none;}
#discussion #form_tr_description, #discussion #form_tr_tags, #discussion #form_tr_title_link {display:none;}
#reviews #form_tr_description, #reviews #form_tr_tags, #reviews #form_tr_title_link {display:none;}

/* TinyMCE setup */
.class_list
{display:none;}

/* standard styles in the HTML editor (selected in javascript header.xsl) */
.c_heading {
    display:block;
    font-weight:bold;
}
.c_note {
    display:block;
    background-image:url(/societycard/images/note.png);
    background-position:top left;
    background-repeat:no-repeat;
    padding-left:36px;
    font-style:italic;
}
.c_toptip {
    display:block;
    background-image:url(/societycard/images/toptip.png);
    background-position:top left;
    background-repeat:no-repeat;
    padding-left:36px;
    font-style:italic;
}