/******************************************************************************
 * (c) 2005 eSchool(r) Online                                                 *
 *          a division of Classroom Connect, a Harcourt Education Company     *
 *          All Rights Reserved                                               *
 *          PROPRIETARY AND CONFIDENTIAL                                      *
 ******************************************************************************/

.PANE-BODY {
  font-family: arial, helvetica, sans-serif;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * std html elements (headers, paragraphs, etc) across panels
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.login H1 {
  margin: .3em 0 1em 0;
  font-size: 130%;
  color: #014073;
  /*color: #007FB2;*/
}

.login H2 {
  margin: 0 0 1em 0;
  font-size: 100%;
  border-bottom: 1px solid black;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * widget elements (field, buttons, etc.) across panels
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*
 * pair
 *
 * a div containing an item, its labeling, and its messages - name is legacy
 */
.login .pair {
  clear: both;
  margin-bottom: .5em;
  position: relative;
}
.login .pair .field-editor {
  position: relative;
  width: 220px; /* prefer 50%, but IE6 calculates wrong */
  /*float: left;*/
}

.login .pair .field-editor.right {
  position: absolute;
  left: 220px; /* prefer 50%, but IE6 calculates wrong */
  top: 0;
}

.login .pair .field-icons {
  position: absolute;
  width: 23px;
  height: 20px;
  right: 1px;
  top: 1.2em;
}
.login .pair .field-icons.inline {
  position: absolute;
  left: 210px;
  top: 1.3em;
}

.login .pair.compact {
  margin-bottom: 2px;
}

.login .pair .field-messages {
  clear: left;
  height: 0.8em;
  line-height: 70%;
}
.login .pair .field-messages.rightside {
  margin-left: 220px; /* prefer 50%, but IE6 calculates wrong */
}

.login .pair .field-messages.inline {
  position: absolute;
  left: 220px;
  top: 1.5em;
}
.login .pair .field-message {
  font-size: 69%;
  display: inline;
}
.login .pair .field-message.raw { color: black; }
.login .pair .field-message.pass { }
.login .pair .field-message.help { }
.login .pair .field-message.fail { color: red; }
.login .pair .field-message.unexpected { color: orange; }
.login .pair .field-message.malformed { color: red; }

.login .pair .drop-button {
  background-color: red;
  position: absolute;
  right: 28px;
  top: 1.55em;
}
.login .pair .drop-icon {
  position: absolute;
  right: 0;
  top: 0;
}


/*
 * field-status
 */
.login .pair .field-status {
  position: absolute;
  font-size: 70%;
  line-height: 16px;
  top: 0;
  left: 220px;
  padding-top: 2em;
}
.login .pair .field-status.raw { color: black; }
.login .pair .field-status.pass { height: 16px; width: 23px; }
.login .pair .field-status.pass img { margin-top: -2px; }
.login .pair .field-status.fail { color: red; }
.login .pair .field-status.unexpected { color: orange; }
.login .pair .field-status.malformed { color: red; }

.login .pair p {
  font-size: 80%;
  line-height: 140%;
  margin: .5em 0 .5em 0;
}

/*
 * link
 */
.login .link.hover { color: purple; }
.login .link.pushin { color: blue; }
.login .link.small {
  font-size: 69%;
  font-weight: bold;
}
.login .link { color: #33c; }
.login .hover { color: #66f; }
.login .pushin { color: #fff; }

/*
 * pane-message
 *
 * messaging area shared across pane
 */
.login .pane-message {
  font-size: 69%;
  padding-left: 2px;
}
.login .pane-message.fail { color: red; }
.login .pane-message.unexpected { color: orange; }

.login .pair.display {
  font-size: 75%;
}
.login .pair.display .hover {
  color: #465964;
  background-color: #e8e8e8;
}
.login .pair.display .pushin {
  color: #465964;
  background-color: #dfdfdf;
}
.login .pair.display .pushout {
  color: #465964;
}
.login .pair.display .label {
  float: left;
  width: 100px;
  font-size: 100%;
  text-align: right;
  padding-right: 15px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * login-page specific
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.$PID .login-left {
  float: left;
  width: 239px;
  padding: 0;
  margin: 0 0 0 0;
  border-right: 1px solid #aab;
  position: relative;
  /*background-color: yellow;*/
}

.$PID .login-left .login_login {
  margin-left: 132px;
  margin-bottom: 15px;
  height: 31px;
  width: 97px;
  overflow: hidden;
  display: block;
  clear: left;
}
.$PID .login-left .login_login.hover img { margin-top: -32px; }
.$PID .login-left .login_login.pushin img { margin-top: -64px; }
/*.$PID .login-left .forgot { color: #007FB2 !important; }*/
/*.$PID .login-left .forgot.hover { color: black !important; }*/

.$PID .login-right {
  float: right;
  width: 180px;
  padding: 0 0 0 20px;
  margin: 0;
  position: relative;
  /*background-color: antiquewhite;*/
}

.$PID .login-right .login_activate {
  position: absolute;
  top: 4em;
  height: 27px; /* 81 */
  width: 127px;
  overflow: hidden;
  display: block;
  clear: left;
}
.$PID .login-right .login_activate.hover img { margin-top: -27px; }
.$PID .login-right .login_activate.pushin img { margin-top: -54px; }
.$PID .login-right .login_logo {
  position: absolute;
  top: 7em;
}

.dlog {
  /*position: relative;*/
}

/*
 * button images
 */
.buttons {
  margin: 10px 0 0 0;
  padding: 0;
  clear: both;
  /*background-color: yellow;*/
  height: 31px;
  width: 100%;
}

.buttons .button {
  margin: 0 10px 0 0;
  height: 31px;
  width: 120px;
  overflow: hidden;
  float: right;
  display: inline;
}
.buttons .button.hover img { margin-top: -32px; }
.buttons .button.pushin img { margin-top: -64px; }

/*
 * specific button widths
 */
.buttons .cancel-button { width: 93px; }
.buttons .continue-button { width: 120px; }

/*
 * checkboxes
 */
.login .pair .checkbox {
  font-size: 65%;
  padding-bottom: .8em;
  position: relative;
}
.login .pair .checkbox .item { display: inline; text-decoration: underline; }
.login .pair .checkbox .item.hover { color: #666 !important; }
.login .pair .checkbox .item.pushin { color: #aaa !important; }
.login .pair .checkbox .check-label {
  padding: 5px 0 0 25px;
  display: block;
  line-height: 110%;
  width:80%
}
.login .pair .checkbox input {
  position: absolute;
  left: 0;
}

.login .pair input.readonly {
  border: 1px solid gray;
  background-color: #ddd;
}



.login .pair .select-label {
  font-style: italic;
  color: gray;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * fogot-panel specific
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.$PID .login-right .login_activate.hover img { margin-top: -27px; }
.$PID .login-right .login_activate.pushin img { margin-top: -54px; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * profile-panel specific
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.$PID .affil-cluster {
  position: relative;
  _height: 1px;
}
.$PID .affil-cluster .affil-list {
  position: absolute;
  display: block;
  left: 220px;
  top: 3.3em;
  width: 50%;
  height: 26em;
  z-index: 1;
  font-size: 75%;
  border: 1px solid gray;
  background-color: white;
  overflow-y: scroll;
}

.$PID .affil-cluster .affil-list .item {
  font-size: 80%;
}
.$PID .affil-cluster .affil-list .item.hover {
  background-color: #eee;
}


.products {
  /*background-color: white;*/
}

.products ul {
  /* IE uses margin, FF uses padding - unify the two: */
  padding-left: 20px;
  margin-left: 0;
}

.products li {
  /*padding: 5px;*/
  /*margin: 0;*/
  list-style-type: none;
  cursor: pointer;
  /*font-size: 1px;*/
  /*line-height: 1px;*/
  overflow: hidden;
  /*width: 450px;*/
  /*height: 120px;*/
  position: relative;
}

.products li.self {
  opacity:.40;
}

.products li img.banner {
  /*height: 50px;*/
  /*width: 500px;*/
}

.products li img.logo {
  position: absolute;
  top: 0;
  left: 0;
  /*height: 50px;*/
  /*width: 500px;*/
}

.explanation {
  font-size: 70%;
  font-style: normal;
  margin: .3em 0 1.5em 0;
}

.emphasis {
  font-style: italic;
}

/*
.$PID .admin-page .admin-form #login-left {
  float: left;
  margin-top: 16px;
  width: ${loginLeftWidth}px;
}

.$PID .admin-page .admin-form #login-right {
  height: 150px;
  float: right;
  margin-top: 6px;
  margin-bottom: 6px;
  */
/*margin-bottom: 16px;*/
/*
  border-left: 1px solid black;
  margin-left: -1px;
  width: ${loginRightWidth}px;
}

.$PID .admin-page .admin-form #login-left .pair {
  margin-left: 50px;
  margin-bottom: 9px;
  margin-right: 0px;
  display: block;
  clear: left;
}

.$PID .admin-page .admin-form #login-left .forgot {
  margin-bottom: 12px;
}

.$PID #login-left .login_login {
  margin-left: 170px;
  height: 31px;
  width: 97px;
  overflow: hidden;
  display: block;
  clear: left;
}
.$PID #login-left .login_login.hover img { margin-top: -32px; }
.$PID #login-left .login_login.pushin img { margin-top: -64px; }

.$PID #login-right .login_activate {
  margin-top: 99px;
  _margin-top: 102px;
  padding-left: 20px;
}
.$PID .admin-page .admin-form .link { color: #33c !important; }
.$PID .admin-page .admin-form .hover { color: #66f !important; }
.$PID .admin-page .admin-form .pushin { color: #fff !important; }

.$PID .admin-page .admin-form #login-right .extension {
  margin-left: 20px;
  margin-top: 0px;
  clear: left;
}

.$PID .admin-page .page-message {
  margin: 0 0 10px 50px;
  clear: both;
  color: red;
  font-size: 69%; */
/* 11px */
/*
}

.$PID .admin-page A:focus A:link A:visited A:active { margin-left: 20px; border: 0; }
.$PID .admin-page IMG { border: 0 !important; }

.label {
  font-size: 75%; */
/* 12px */
/*
  font-weight: bold;
  display: block;
}
.explanation {
  font-size: 75%; */
/* 12px */
/*
  margin: 5px 0 0 0;
}
.small {
  font-size: 69%; */
/* 11px */
/*
  font-weight: bold;
}

.$PID .admin-page .admin-form H1 {
  margin: 16px 0 10px 50px;
  font-size: 150%;
}

.$PID .admin-page .admin-form .editor {
  padding: 20px 40px 0 50px;
}

.$PID .admin-page .admin-form H2 {
  margin: 5px 0 10px 0;
  font-size: 100%;
  border-bottom: 1px solid black;
}

.$PID .admin-page .admin-form .pair {
  */
/*margin-bottom: 15px;*/
/*
  clear: left;
}
.$PID .admin-page .admin-form .pair .field-editor {
  float: left;
  width: 47%;
}

.$PID .admin-page .admin-form .pair .field-icons {
  float: right;
  width: 6%;
  padding-top: 15px;
}

.$PID .admin-page .admin-form .pair .field-messages {
  clear: left;
  height: 1.3em;
}

.admin-page .admin-form .textfield {
  font-size: 75%;
  width: 200px;
}
.admin-page .admin-form .textfield.readonly {
  background-color: #DDD;
  color: #444;
}

.admin-page .admin-form .field-message {
  font-size: 69%; */
/* 11px */
/*
  */
/*font-weight: bold;*/
/*
  display: inline;
}
.admin-page .pair .field-message.raw { color: black; }
.admin-page .pair .field-message.pass { }
.admin-page .pair .field-message.help { }
.admin-page .pair .field-message.fail { color: red; }
.admin-page .pair .field-message.malformed { color: red; }

.admin-page .admin-form .buttons {
  margin: 20px 50px 10px 0px;
  padding: 0px;
  clear: both;
}
.admin-page .admin-form .buttons .button {
  height: 31px;
  width: 120px;
  overflow: hidden;
  float: right;
  display: inline;
}

.admin-page .admin-form .buttons .button.activate_cancel {
  margin-right: 5px;
  width: 93px;
}
.admin-page .admin-form .buttons .button.hover img { margin-top: -32px; }
.admin-page .admin-form .buttons .button.pushin img { margin-top: -64px; }



.$PID .link { float:left; background-color: #eee; }
.$PID .link.right { float:right; margin-right: 20px; }
.$PID .link.hover { color: purple; }
.$PID .link.pushin { color: blue; }

.MCONTENT .admin-dlog {
  font-size: 125%;
  z-index: 0;
}
.MCONTENT .admin-dlog .body {
  */
/*padding-left: 20px;*/
/*
  */
/*padding-right: 20px;*/
/*
 width: 520px;
}


.MCONTENT .admin-dlog .page-message {
  margin-left: 30px;
  margin-top: 0px;
  margin-bottom: 10px;
  clear: both;
  color: red;
  font-size: 69%; */
/* 11px */
/*
}

.MCONTENT .admin-dlog H1 {
  margin: 16px 0px 10px 50px;
  font-size: 150%;
}

.MCONTENT .admin-dlog H2 {
  margin: 16px 20px 6px 30px;
  font-size: 100%;
  */
/*font-style: italic;*/
/*
  border-bottom: 1px solid black;
}

.MCONTENT .admin-dlog .pair {
  margin: 0px 20px 10px 30px;
  display: block;
  clear: left;
}

.MCONTENT .admin-dlog .textfield {
  font-size: 75%;
  width: 180px;
  position:relative; */
/* !required! for IE Alpha background hack */
/*
}

.MCONTENT .admin-dlog .field-status {
  font-size: 70%;
  line-height: 16px;
*/
/* 11px */
/*
  */
/*font-weight: bold;*/
/*
  display: inline;
}
.MCONTENT .admin-dlog .pair .field-status.raw { color: black; }
.MCONTENT .admin-dlog .pair .field-status.pass { }
.MCONTENT .admin-dlog .pair .field-status.fail { color: red; }
.MCONTENT .admin-dlog .pair .field-status.malformed { color: red; }


.MCONTENT .admin-dlog .buttons {
  margin: 20px 50px 10px 0px;
  padding: 0px;
  clear: both;
}
.MCONTENT .admin-dlog .buttons .button {
  height: 31px;
  width: 120px;
  overflow: hidden;
  float: right;
  display: inline;
  position:relative; */
/* !required! for IE Alpha background hack */
/*
}

.MCONTENT .admin-dlog .buttons .button.activate_cancel {
  margin-right: 5px;
  width: 93px;
}
.MCONTENT .admin-dlog .buttons .hover img { margin-top: -32px; }
.MCONTENT .admin-dlog .buttons .pushin img { margin-top: -64px; }



.admin-page .item.hover { color: #ccc; }
.admin-page .item.pushin { color: #bbb; }
*/
/*.admin-page .item.first { border-left: 0px; padding-left: 0px; }*/
/*
.admin-page .item.last { }
.admin-page .checkbox { font-size: 65%; padding-bottom: .8em; }
.$PID .admin-page .pair .checkbox .item { display: inline; text-decoration: underline; }
.$PID .admin-page .pair .checkbox .item.hover { color: #666 !important; }
.$PID .admin-page .pair .checkbox .item.pushin { color: #aaa !important; }
.$PID .admin-page .pair .checkbox .check-label { padding-top: 4px; display: inline-block; }

.admin-page .checkbox input {
  float: left;
  margin-top: 0;
  clear: left;
}
*/