@import url("tinymce-content.css");


/* Standard colours (ie toolbar header backgrounds & borders) */
.blue, .blue .bkgd  { background: #0049ee; }
.green, .green .bkgd  { background: #00a81c; }
.yellow, .yellow .bkgd { background: #f1ce00; }
.orange, .orange .bkgd { background: #ff7900; }
.red, .red .bkgd    { background: #b71818; }
.purple, .purple .bkgd { background: #8b00cc; }

.blue div, div.blue-border  { border: 0px solid #0049ee; }
.green div, div.green-border  { border: 0px solid #00a81c; }
.yellow div, div.yellow-border { border: 0px solid #f1ce00; }
.orange div, div.orange-border { border: 0px solid #ff7900; }
.red div, div.red-border    { border: 0px solid #b71818; }
.purple div, div.purple-border { border: 0px solid #8b00cc; }
div { border: 0px solid #000000; }

/* Light colours (ie for subnav, subheader background) */
.blue .bkgd-light   { background: #c2d1ff; }
.green .bkgd-light  { background: #bce2bc; }
.yellow .bkgd-light { background: #fcf2bd; }
.orange .bkgd-light, .orange.bkgd-light { background: #ffcf9f; }
.red .bkgd-light, .red.bkgd-light    { background: #efcaca; }
.purple .bkgd-light { background: #d9c1e5; }

/* Dark colours (ie for subnav text) */
.blue ul.subnav,   .blue ul.subnav   a { color: #002ba2; }
.green ul.subnav,  .green ul.subnav  a { color: #00590f; }
.yellow ul.subnav, .yellow ul.subnav a { color: #776000; }
.orange ul.subnav, .orange ul.subnav a { color: #964400; }
.red ul.subnav,    .red ul.subnav    a { color: #750c0c; }
.purple ul.subnav, .purple ul.subnav a { color: #530084; }


.lighter {
color: #777;
}

body, body#bodybackground {
    /* background: #eee url(images/page_bg_gradient.gif) repeat-x; */
    background: #C1C1C3;
    font-family: verdana, sans serif;
    min-width: 59.3em;
    font-size: 1em;
}


body div#maincontainer {
max-width: 1220px;
margin: 0 auto;
}

/* standard text blocks */
div.postcontent, div.message-body {
font-size:12px;
line-height: 18px;
}
/* also used in tinymce-content.css - be sure to copy changes there */


#maincolumn h1 {
margin:0 0 0.3em;

}

ul {
list-style-type: square;
}


div#footer {
    padding: 0;
}

ul.errorlist {
    display: inline-block;
}

h1.debug {
    color: white;
    background: red;
    padding: 0.3em;
    font-size: 1em;
    text-align: center;
    margin: 0;
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
}

a, a:visited {
	color: #002BA2;
}

div.clear {
    clear: both;
}

div.login {
    background: #DEDEDE;
    /* border: 1px solid black; */
    -webkit-border-radius: 0.7em;
    -moz-border-radius: 0.7em;
    font-size: 0.7em;
/*    width: 33em;	*/
    padding: 1em 3em 1em 3em;
    float: right;
    text-align: right;
}

div.login a {
    color: black;
}

div.login a.username {
    text-decoration: none;
}

div.login a.signout {
display:block;
margin-top:4px;
padding-left:2em;
}

div#body {
    background: white;
    margin: 0 2%;
    border-width: 1px;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    font-size: 0.7em;
}

div#content {
    padding: 1em;
    clear:both;
}

div#tabhead {
    background: #E8E8E8;
    border: 1px solid black;
    margin: 1.5% 3% 0 3%;
    -webkit-border-top-right-radius: 0.5em;
    -webkit-border-top-left-radius: 0.5em;
    -moz-border-radius-topright: 0.5em;
    -moz-border-radius-topleft: 0.5em;
    padding: 1em;
    padding-bottom: 0;
    border-bottom: 0;
}

ul.tabs {
    padding: 0 0 0 2px;
    margin: 0.5em auto 0 auto;
    width: 100%;
    text-align: center;
    clear: both;
}

ul.tabs li {
    list-style: none;
    display: inline-block;
    
    display:inline;
    text-align: center;

}



ul.tabs li a { 
    color: white;
    text-decoration: none;
    
    display: inline-block;
    text-align: center;
    
    padding: 0.2em 1em;
    margin: 0.1em 0.5em 0 0.5em;
    width: 8em;
    -webkit-border-top-right-radius: 0.5em;
    -webkit-border-top-left-radius: 0.5em;
    -moz-border-radius-topright: 0.5em;
    -moz-border-radius-topleft: 0.5em;
    font-weight: bold;
    font-size: 0.8em;
    height: 1.2em;
    border-bottom: 0;
    
    
}


ul.tabs .blue   { border: 1px solid #001595; border-bottom: 0; }
ul.tabs .green  { border: 1px solid #0A4800; border-bottom: 0; }
ul.tabs .yellow { border: 1px solid #634E00; border-bottom: 0; }
ul.tabs .orange { border: 1px solid #823300; border-bottom: 0; }
ul.tabs .red    { border: 1px solid #600608; border-bottom: 0; }
ul.tabs .purple { border: 1px solid #3F0074; border-bottom: 0; }

/* Make the current tab pop up */
ul.tabs li a.current, ul.tabs li a:hover,

.blue ul.tabs .blue,
.green ul.tabs .green,
.yellow ul.tabs .yellow,
.orange ul.tabs .orange,
.red ul.tabs .red,
.purple ul.tabs .purple
{
    -webkit-border-top-right-radius: 0.8em;
    -webkit-border-top-left-radius: 0.8em;
    -moz-border-radius-topright: 0.8em;
    -moz-border-radius-topleft: 0.8em;  
    
    /* padding: 0.6em 1.2em 0.2em; */
    margin-top: 0;
    
    padding-top: 0.35em;
    margin-top: 0em;
}

div#subnav {
    -webkit-border-top-right-radius: 0.3em;
    -webkit-border-top-left-radius: 0.3em;
    -moz-border-radius-topright: 0.3em;
    -moz-border-radius-topleft: 0.3em;
}

ul.subnav {
    margin: 0;
    -webkit-border-top-right-radius: 0.3em;
    -webkit-border-top-left-radius: 0.3em;
    -moz-border-radius-topright: 0.3em;
    -moz-border-radius-topleft: 0.3em;
    padding: 0.3em 1em;
    font-size: 1.5em;
}

ul.subnav li {
    font-size: 0.8em;
}

ul.subnav li.current {
    font-weight: bold;
}

ul.subnav li a {
    text-decoration: none;
}

ul.subnav li a:hover {
    text-decoration: underline;
}


div#subnavsearchbox {
float: right; 
width: 225px; 
padding: 0.2em 1em 0.2em 0pt;

height:23px;
}


ul.legal {
    background: #E8E8E8;
    padding: 0.5em 0;
    text-align: center;
    border: 1px solid black;
    border-top: 0;
    -webkit-border-bottom-right-radius: 0.5em;
    -webkit-border-bottom-left-radius: 0.5em;
    -moz-border-radius-bottomright: 0.5em;
    -moz-border-radius-bottomleft: 0.5em;
    width: 90%;
    margin: auto;
}

ul.subnav li,
ul.legal li {
    list-style: none;
    display: inline;
}

ul.legal li {
    font-size: 0.6em;
}

ul.subnav li + li:before,
ul.legal li + li:before {
    content: " | ";
}

ul.legal form {
    display: inline;
}

form.login {
    width: 53%;
}

/*
form.login .inlineLabels {
    width: 35%;
}
*/

form.login .inlineLabels label {
    width: 10em;
    text-align: right;
    font-weight: bold;
    margin-top: 0.6em;
}
form.login .inlineLabels input[type="text"], form.login .inlineLabels input[type="password"] {
width: 180px;
}


form.login label[for="id_remember"] {
    visibility: hidden;
}
form.login label[for="id_remember"].remember-me-label {
display:inline;
float:none;
font-weight:normal;
visibility:visible;
}

/* FIXME: this probably doesn't work in 50% of browsers... */
div.toolbarcontent form.toolbarlogin input[type="text"],
div.toolbarcontent form.toolbarlogin input[type="password"]
{
    width: 150px;
    display:block;
}

form.login fieldset.inlineLabels p {
clear:both;
}


form.filter {
  display: inline;
}

form.filter select {
  margin-top: 1em;
  background: #eee;
  border: 0.1em solid #ccc;
  font-family: verdana;
	color: rgb(0, 136, 204);
	height: 2.4em;
}

table {
border-collapse:collapse;  /* @@@ will this do crazy things? */
}


table.standard th {
    /*
background: black;
    color: white;
*/
    color:black;
    font-weight: bold;
    background: url('images/bg-highlight.png') repeat-x center center #E2E2E2;
    border-bottom:1px solid #999999;
    border-right:1px solid #999999;
    padding:9px 14px;
    text-align: left;
}

table.ui-datepicker-calendar  th {
 background: url('images/bg-highlight.png') repeat-x center center #E2E2E2;
}

table.standard td {
    padding:9px 14px;

}

table.standard tbody tr {
    border-bottom: 1px solid #ccc;
}

td.right, table.standard-right th  {
    text-align: right;
}

table.standard-right.shorter th, table.standard-right.shorter td {
 padding:6px 14px;
}
table.standard-right th {
padding-left: 22px;
}

table.search-form ul {
list-style:none outside none;
margin:0;
padding:0;
}
table.search-form ul li label {
display:block;
padding:2px 7px;
}
/*
tr:nth-child(odd) {
    background: #eee;
}
*/

div.right_panel {
	float: right;
	width: 300px;
	margin: 10px;
	border: 1px solid;
	background-color: #e0e0e0;
	padding: 25px;
}

div.left_panel {
	margin-right: 370px;
}

div.roundtop {
    border-top: 0;
    margin: 0 auto;
    padding: 1.8em 2px 2px 2px;
    width: 500px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
}

div#messages {
    background: green;
}

div.site_wide_announcements {
    background: blue;
    width: 80%;
    margin: 0 10%;
}

div.site_wide_announcements p {
	margin: 0;
}

div.message-header {
    position: relative;
    top: -1.6em;
    left: 15px;
    height: 0;
    color: #ffffff;
    font-weight: bold;
}

div.message-close {
height:0;
position:relative;
right:8px;
text-align:right;
top:-2em;
}

div.message-close a {
color:#FFFFFF;
display:block;
float:right;
font-weight:bold;
padding:4px 8px;
text-decoration:none;
}

div.message {
    background: #ffffff;
    padding:3px 10px;
    text-align: center;
}

input, select, option, textarea
{
        font-size: 13px;
        margin: 0px;
        padding: 0px;
}

/* FIXME: this probably doesn't work in 50% of browsers... */
input[type="submit"],
input[type="button"],
input[type="reset"]
{
        border: 1px solid black;
        color: black;
        background: #c2d1ff;
        font-size: 13px;
        padding: 0 3px;
        width: auto;
        overflow: visible;
}


.inlineLabels input[type="text"], .inlineLabels input[type="password"],
table.standard input[type="text"]

 {

padding:7px;
}
/*
Adding padding just for main content section forms
as opposed to say the search boxes
*/


ul.postlinklist {
list-style: square;
padding:0;
padding-left: 1.4em;
margin:0;

}



/*
Styles for the chapter list page
possibly also to be used by the mailinglist/communities page
*/
div.chapterlist h2 {
clear:both;
}
div.chapterlist dl {
border:1px solid #ddd;
float:left;
margin-right:10px;
padding:10px;
width:288px;
min-height:95px;
}
div.communitieslist dl {
min-height:130px;
}


div.chapterlist dt {
font-size: 1.3em;
font-weight: bold;
}
div.chapterlist dt a {
}

div.chapterlist dd {
margin:0;
}

div.chapterlist dd a {
}

div.chapterlist dd a.networks-chaptersite-link {
display:inline-block;
margin-top:7px;
}

div.provincelinklist a {
display: block;
}



.clear {
clear:both;
}


div.toolbarcontent input[type="text"] { 
width: 150px;
}

div.orderlistbox a {
display: block;
}



div.gmapsboxcontent h3 {
margin:0;
padding:0;
margin-bottom:0.5em;
}
div.gmapsboxcontent a {
display: block;
margin-bottom:0.2em;
}


a#collapse-posts, a#expand-posts {
background:url("images/collapse-icon.png") no-repeat 0 -21px transparent;
padding:1px 1px 1px 17px;
}
a#expand-posts {
background-position:0 3px;
}


div.frontpage-mygroups-div, div.frontpage-loading {
margin:0 -5px 0 -10px;
padding:5px 10px;

}

div.frontpage-loading {
margin-bottom:10px;
}

a#frontpage-loading-refreshlink {
float:right;
}


.frontpage-mygroups-actions {
margin-left: 10px;
display: none;
}


a.frontpage-reset {
background-color:#EEEEEE;
display:block;
margin:0 -5px 5px -10px;
padding:5px 10px;

}

div.frontpage-loading {
background:url("images/ajax-loader-eee.gif") no-repeat scroll 12px center #EEEEEE;
padding-left:38px;
}


.posts-title, .posts-parent-partof {
margin:0 0 0.2em;
}
.posts-parent-partof { 
font-size: 1.1em;
}


div.latest-activity-stats {

margin-left:10px;
}




div.site_wide_announcements, div#messages {
margin-bottom: 1em;
}

div.createaccount {
float:right;
margin-right:20%;
}

div#content div.createaccount input[type="button"] {
font-size: 1.2em;
padding:1.5em 2.5em;
}

div span.noaccountquestion {
display:block;
margin-bottom:0.5em;
text-align:center;
}

div#content input[type="button"], div#content input[type="submit"] {
padding:5px 7px;
}

div#content .toolbarcontent input[type="button"], div#content .toolbarcontent input[type="submit"] {
padding:0 3px;
/* back to the default on line 393 */
}


.form_block {
padding: 7px;
}
.toolbarcontent .form_block {
padding:0px;
}

.message-body {
padding:0 15px;
}

.toolbarcontent p {
margin-top: 0;
}


form.inline-form-button {
display: inline; margin-right: 10px;
}


ul.linker-list li {
padding-bottom:0.4em;
}

ul.linker-list li a {
padding:0.2em;
}

.chapter-executive-sidebox-img {
float: left; 
padding-bottom:6px;
padding-right:6px;
}
.chapter-executive-sidebox-item {
padding-bottom: 7px;
clear: both;
}

/* Messaging pages */
.msgtitle {
margin-top:0;

}
h2.msgheader {
margin-top:0;
/* do these need a set margin-bottom? :) */
}

ul.users-search-list {
padding: 0;
}

.uniForm .inlineLabels ul.users-search-list  {
width:100%;
}

ul.users-search-list li {
list-style: none;
float:left;
width:250px;
/* border:1px solid; */
}

.uniForm .inlineLabels div#errorMsg ul {
float:none;
}


ul.chapter-info-member-list li {
/* width:200px; */
}

ul.users-search-list li img {
border:0;
float: left; 
/* width: 30px; height: 30px; */
margin-right: 10px;
margin-bottom: 10px;

}


div.whiteboard-attachments {
border-top:1px solid #ccc;
padding-top:1em;
}

.whiteboard-attachments ul, .post-attachments ul {
list-style: none;
padding-left:1em;
}
.whiteboard-attachments ul li {

}

li.attachmentItem img {
width:16px;
max-height: 16px;
}

#feedback-dialog {
background: url(images/francisC.png) no-repeat bottom right white;
}

#feedback-dialog-contents {
font-size: 14px;

}
#feedback-dialog-contents label {
display:block;
margin-top:10px;
}

a#feedback-button-woot, a#feedback-button-woot:link {
background-position:2px 50% !important;
background-repeat:no-repeat !important;
display:block !important;
height:98px !important;
margin:-45px 0 0 !important;
padding:0 !important;
position:fixed !important;
text-indent:-9000px;
top:45% !important;
width:25px !important;
z-index:100001 !important;

background-color:#FF7900;
background-image:url("images/feedbacktab_w.png");
background-repeat:no-repeat;
border-color:#333 ;
border-style:outset outset outset none;
border-style: solid;
border-width:1px 0 1px 1px;
right:0;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-topleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;

}
a#feedback-button-woot:hover {
background-color:#823300;/* border-color:#823300 ; */

}
a#feedback-button-woot:active {
outline: none;
}


div#ie6alert {
background-color:#FBF9EA;

border-bottom:2px solid #888888;
left:0;

position:absolute;
/* text-align:center; */
top:0;
width:100%;
}
div#ie6alert div {
padding:6px;
font-size: 12px;
}
div#ie6alert span {
color:maroon;
font-weight: bold;
}