/**
 * Main stylesheed for BodyMedia Keystone Membership Portal Application
 */

body {
 margin:0;
 background-color:#5690d8;
 font:12px/17px Tahoma,sans-serif;
}

body, input, select, textarea {
/*
 font-family: georgia;
 font-family: sans-serif;
 font-family: tahoma;

 font-family: verdana;
 font-size:8pt;
 */
}

#bodywrap {
 text-align:center;
/*
  width:980px;  

  height:800px;
  */
}
#contentwrap {
  /*padding-top:25px; */
  text-align:left;
}



/***********************************************************************
 * Main data table for index / list pages
 */
span.text-input-read-only {

}
.index-table-content {
 background-color:#fff;
}
.index-table-content table {
 font:12px/17px Tahoma,sans-serif;
}


.index-table-content .spacer {
 width:10px;
 height:470px;
}

.index-table-top {
  width:770px;
  height:13px;
}
.index-table-bottom {
  width:770px;
  height:13px;
  line-height:13px;
  font-size:2px;
}
.index-table-content .spacer {
 width:10px;
 height:520px;
}

tr.row-odd{
 background-color:#accdf6;
 border-top:11px solid #fff;
}
tr.row-odd td {
 border-top:1px solid #fff;
 border-bottom:1px solid #fff;
}
tr.expired {
 background-color:red;
}
td.expired {
 background-color:red;
 color:#fff;
}
th {
 text-align:left;
 border-bottom:1px solid #000;
}
tr.inactive, tr.inactive a {
 color:#999;
}
div.messages {
 text-align:left;
 font-size:14px;
 margin-left:10px;
}

td .tab a {
 text-decoration:none;
 line-height:25px;
 font-weight:bold;
 font-size:10pt;
 color:#000;
 display:block;
 margin-right:3px;
}
.menu-data-spacer {
 width:10px;
}
div.rowcount {
 font-size:10px;
 font-family:verdana;
 padding-top:10px;
 color:#5690d8;
}

form.orgs_create {
 text-align:left;
 margin-left:100px;
}

/***********************************************************************
 * Login Form
 */
.form-login {
 background-color:#fff;
}

/**************************/

span.required_field {
 font-family:verdana;
 font-size:11px;
 display:block;
 color:red;
}
.formTip {
 font-family:verdana;
 font-size:11px;
}
form.login label {
 font:9pt verdana;
}
form.login input {
 display:block;
}
form.login p, form.login a, form.login div.messages {
 font:9pt verdana;
} 
form.login div.messages {
 text-align: center;
 margin-bottom:10px;
}

#login-new-password-fields {
 display:none;
}
form .login-links a {
 text-align:center;
 font:9pt verdana;
 display:block;
 margin-top:5px;
}
h3 {
 border-bottom:1px solid;
}
div.login-top {
 background-image:url('bg-login-top.gif');
 height:10px;
 font-size:1px; /* ie 7 fix */
}
div.login-bottom {
 background-image:url('bg-login-bottom.gif');
 height:10px;
 font-size:1px; /* ie 7 fix */
}

.text-input-read-only {

}
.expired {
 background-color:red;
 color:#fff;
}
#main-nav-bar {
 background-color:#dedede; 
}

.main-menu-top {
 width:200px;
 height:26px;
}
div.main-menu-bottom {
 width:200px;
 height:61px;
}
.orgs-index-actions a {
 margin-right:10px;
}
/***********************************************************************
** Pagination
*/
div.pagination , div.pagination a {
 padding-top:10px;
 font:8pt verdana;
 color:#5690d8;
}
div.pagination a {
 margin-left:5px;
}
div.pagination a.selected {
 text-decoration:none;
}

a.data-filter-button {
 width:150px;
 border:1px solid #000;
 text-align:center;
 text-decoration:none;
 display:block;
 margin-right:5px;
}
a.data-filter-button:hover {
 background-color:#ddd;
}
a.filter_selected {
 background-color:#ddd;
}

a.filter_alpha_selected {
 text-decoration:none;
}

a.member-to-keystone {
 font:10pt verdana;
 color:#fff;
}
div.welcome-text a {
 font-size:9pt;
}
div#programOptions_hidden {
 display:none;
}
div.org-name-users-index {
 font-size:9pt;
 font-weight:bold;
 text-align:left;
}
div#nav_logoutandhelp a{font:10px/10px Tahoma,sans-serif;  text-decoration:none}

/***********************************************************************
** Side Menu Navigation
*/
.nav-username {
 color:#fff;
 text-align:center;
 font-size:9pt;
 padding-top:5px;
}
.main-menu-content .spacer {
 width:10px;
 height:429px;
}
.buttons {
 text-align:right;
 display:block;
}
.buttons a, .buttons button{
 width:190px;
 display:block; 
 margin:10px 0 0 0;
 font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
 font-size:8pt;
 text-decoration:none;
 color:#000;
 cursor:pointer;
 text-align:left;
 padding:5px 0px 6px 0; 
 background-color:#accdf6;
}
.buttons a:hover{
 background-color:#bfed98;
}

.buttons button img, .buttons a img{
 margin:0 3px -3px 10px !important; 
 padding:0;
 border:none;
}
.buttons a.selected {
 background-color:#fff;
}
.buttons a.selected {
 background-color:#fff;
}
.external {
 margin-top:25px;
}
.external a {
 background-color:#dedede;
 width:180px;
 margin-right:10px;
}

.main-menu-top {
 background-image:url('main-menu-top.gif');
}
.main-menu-bottom {
 background-image:url('main-menu-bottom.gif');
}
.main-menu-wrap {
 width:200px;
 height:400px;
 background-color:#dedede;
 text-align:center;
}
.main-menu-content {
 background-color:#dedede;
}
/***********************************************************************/

#scrolled-content-index {

	overflow: auto;
	width:750px;
	height:510px;
}