/*-------------------------------------------------------------------------------------------
|
| (c) 2009 PLAYER MAP, Inc. and Tapan Shah. All Rights Reserved.
|
\------------------------------------------------------------------------------------------*/

/* Global styles */

a { color: #03c; }
a:visited { color: #03c; }
a:hover { color: #fff; background-color:#03c; }

img {border: none;}

body {
    margin: 0px 20px;
    /*padding-right: 72px;*/
}

body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   12px;
}

.loginBackground {
    background-color: #F5F5F5;
}

#notice {
  border: 2px solid #cc9933;
  padding: 5px;
  margin: 10px 20px 10px 20px;
  background-color: #ffffcc;
  text-align: center;
}

#now {
  border: 2px green solid;
  color: green;
  font-weight: bold;
  padding: 5px;
  margin: 10px 20px 10px 20px;
  background-color: #ffffcc;
  text-align: center;

}

#error {
  border: 2px solid #CC0000;
  color: #990000;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  margin: 10px;
  background-color: #F0F0F0;
}
.error2 {
    border: 2px solid #CC0000;
    color: #990000;
    padding: 10px;
    margin: 10px;
    background-color: #F0F0F0;
}
.error2 .errorTitle {
    text-align: center;
    font-weight: bold;
}
.error2 ul {
    text-align: left;
    padding-left: 30px;
}

.fieldWithErrors {

}

#errorExplanation {
  border: 2px solid #990000;
  margin-bottom: 2em;
  background-color: #f0f0f0;
  text-align: left;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  margin: 0px;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  background-color: #990000;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: -5px;
  padding-left: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

/*.loggedInNotice {
    color: black;
    font-size: 8pt;
    padding-bottom: 5px;
    font-family: sans-serif;
    text-align: right;
}*/
.loggedInNotice {
    color: black;
    font-size: 8pt;
    /*padding-bottom: 5px;*/
    font-family: sans-serif;
    text-align: right;
}
.loggedInAs {
    padding-top:5px;
    color:#555555;
}

.nf5Logo {
    position: absolute;
    top: 3px;
    left: 980px;
}

.nf5Logo a:hover {background: none}

.logo:hover {background: none}

.bodyWrapper {
    width: 965px;
    min-height: 400px;
    text-align: left;
}
.noticeWrapper {
    width: 965px;
    margin: auto;
}
.header {
    width:100%;
    min-width:965px;
}

.header2 {
    width: 100%;

}

.bodyWrapper .rightColumn {
    width: 240px;
    margin-left: 12px;
    float: left;
}
.bodyWrapper .rightColumn .title {
    padding: 5px 0px 5px 0px;
    font: Bold 10pt Arial;
    text-align: left;
    color: #03c;
}
.bodyWrapper .rightColumn .newsItem {
    padding: 5px 0px 5px 5px;
    font: Normal 10pt Arial;
    text-align: left;
    color: #333333;

}
.bodyWrapper .rightColumn .newsItemNew {
    padding: 5px 0px 5px 5px;
    font: Normal 10pt Arial;
    text-align: left;
    color: #333333;
}
.bodyWrapper .rightColumn .newsItemNew a{
    background-color: #668cff;
    color: white;
    padding: 1px 4px 1px 4px;
}
.bodyWrapper .rightColumn .newsItemNew a:visited{
    color: white;
}
.bodyWrapper .rightColumn .newsItemNew a:hover{
    background-color: #03c;
    color: white;
}
.bodyWrapper .rightColumn .lastLogin {
    padding: 5px 0px 5px 0px;
    font-size: 8pt;
    text-align: left;
    color: #555555;
}
.bodyWrapper .rightColumn a { color: #555555; }
.bodyWrapper .rightColumn a:visited { color: #555555; }
.bodyWrapper .rightColumn a:hover { color: #555555; background-color: #fff; }

.pmTableTitle{
    margin: 10px 0px 5px 0px;
    font: bold 11pt Arial;
    
}
.pmTable {
    width: calc(100% - 255px);
    /*margin-left: 40px;*/
    float: left;
    border: #555 solid 1px;
    min-height: 75px;
    min-width: 700px;
}
.pmTableTeamMemberView {
    width: calc(100% - 300px);
    margin: 0px auto 0px auto;
    border: #555 solid 1px;
    min-height: 75px;
    min-width: 700px;
}
.pmFolderIcon {
    float: left;
    padding: 3px 0px 3px 4px;
    width: 16px;
    height: 16px;
    border: none;
}
.pmFileIcon {
    float: left;
    padding: 3px 2px 3px 25px;
    width: 14px;
    height: 16px;
    border: none;
}
.pmAttachmentIcon {
    margin: 2px 0px 0px 8px;
    width: 14px;
    height: 14px;
    border: none;
}
.pmItem img a:hover {
    background-color: #FFFFFF;
}
.pmFolderHeaderIcon {
    float: left;
    padding: 1px 0px 1px 2px;
    width: 16px;
    height: 16px;
}
.pmItem{
    float: left;
    width: calc(100% - 165px);
    font: 10pt Arial;
    padding: 2px 0px 2px 4px;
    overflow: hidden;
    height: 18px;
}
.pmItemShared{
    float: left;
    width: calc(100% - 225px);
    font: 10pt Arial;
    padding: 2px 0px 2px 4px;
    overflow: hidden;
    height: 18px;
}
.pmItemTeamMemberView{
    float: left;
    width: calc(100% - 145px);
    font: 9pt Arial;
    padding: 2px 0px 2px 4px;
    overflow: hidden;
    height: 18px;
}
.pmFolderItem{
    float: left;
    width: calc(100% - 145px);
    font: 10pt Arial;
    padding: 2px 0px 2px 4px;
    overflow: hidden;
    height: 18px;
    color: #03c;
    text-decoration: underline;
}
.pmActiveFolderItem{
    float: left;
    width: calc(100% - 145px);
    font: Bold 10pt Arial;
    padding: 3px 0px 0px 4px;
    overflow: hidden;
    height: 18px;
    color: #000;
}
.pmItemSharedWith{
    float: right;
    font: 8pt Arial;
    padding: 2px 6px 2px 0px;
    color: #222222;
}
.pmItemFollowingSlotClick {
    float: left;
    width: 60px;
    height: 100%;
}
.pmItemFollowing {
    float: left;
    width:50px;
    height: 14px;
    padding: 1px;
    vertical-align:middle;
    text-align: center;
    font: 8pt Arial;
    margin: 3px 2px 2px 1px;
    color: #FFFFFF;
    background-color: #55acee;
}
.pmItemFollowing:hover{
    background-color: #c43c35;
    color: #FFFFFF;
    cursor:pointer;
}
.pmItemNotFollowing{
    float: left;
    font: 8pt Arial;
    width: 50px;
    height: 14px;
    padding: 1px;
    vertical-align:middle;
    text-align: center;
    font: 8pt Arial;
    margin: 3px 2px 2px 1px;

    color: #000000;
    background-color: #EFEFEF;
}
.pmItemNotFollowing:hover{
    background-color: #2E7B48;
    color: #FFFFFF;
    cursor:pointer;
}

.pmItemFollowingStatic {
    float: left;
    width:50px;
    height: 14px;
    padding: 1px;
    vertical-align:middle;
    text-align: center;
    font: 8pt Arial;
    margin: 3px 2px 2px 1px;
    color: #FFFFFF;
    background-color: #55acee;
}

.pmDateOwner {
    margin: 2px 8px 0px 2px;
    font: 8pt Arial;
    color: #444444;
    float: right;
}
.pmItemTitle {
    color: #03c;
    float: left;
    font: 10pt Arial;
    text-decoration: underline;
}
.pmActions{
    float: right;
    width: 115px;
    padding: 4px 2px 0px 0px;
}
.pmActions select{
    font-size: 9pt;
}

.pmActions2 {
    font: 8pt Arial;
    padding: 3px 0px 0px 4px;
}
.pmRow{
    border-bottom: 1px solid #888;
    background-color: #fff;
    min-width: 700px;
    /*max-width: 1000px;*/
    height: 22px;
}
.oddRow{
    background-color:rgba(204, 204, 204, 0.15);
}
.pmRow:hover{
    background-color:rgba(204, 204, 204, 0.85);
    cursor: pointer;
}
.pmFolderRow{
    border-bottom: 1px solid #888;
    background-color: rgba(51, 102, 204, 0.15);
    min-width: 700px;
    /*max-width: 1000px;*/
    height: 22px;
}
.pmFolderRow:hover{
    background-color: rgba(51, 102, 204, 0.4);
    cursor: pointer;
}
.pmActiveRow{
    border-bottom: 1px solid #888;
    background-color: rgba(51, 102, 204, 0.4);
    /*width: 700px;*/
    height: 22px;
}
.pmRowHeader {
    padding: 4px 0px 2px 5px;
    border-bottom: 1px solid #444;
    background-color: #ccc;
    /*width: 695px;*/
    height: 18px;
    color: #111;
}
.pmRowHeaderText {
    font: bold 10pt Arial;
    float: left;
}
.pmEmptyMessage {
    font: 9pt Arial;
    border-bottom: 1px solid #888;
    padding: 8px 10px 8px 10px;
    text-align: center;
    color: #555;
}
.rowHeaderButton {
    float: right;
    padding-right: 3px;
    margin-top: -3px;
}
.rowHeaderButton img {
    margin-top: -1px;
    padding: 0px 3px 0px 0px;
    border: none;
    float: left;
}
.rowHeaderButton a:link {
  float: left;
  padding: 2px 6px 2px 6px;
  border: 1px solid black;
  background: #eeeeee;
  text-align: center;
  text-decoration: none;
  font: bold 9pt Arial;
  color: #444444;
  height: 15px;
}
.rowHeaderButton a:visited {
  float: left;
  padding: 2px 10px 2px 10px;
  border: 1px solid black;
  background: #eeeeee;
  text-align: center;
  text-decoration: none;
  font: bold 9pt Arial;
  color: #444444;
}
.rowHeaderButton a:hover {
  background: gray;
  color: white;
}

.rowHeaderButton a:active {
  border: 1px solid black;
}

.rowHeaderHelpButton{
    float: right;
    padding-right: 2px;
    margin-top: -3px;
}

.rowHeaderHelpButton a:link
{
  float: left;
  padding: 2px 10px 2px 10px;
  border: 1px solid black;
  background: #33CC00;
  text-align: center;
  text-decoration: none;
  font: bold 9pt Arial;
  color: #222222;
}
.rowHeaderHelpButton a:visited
{
  float: left;
  padding: 2px 10px 2px 10px;
  border: 1px solid black;
  background: #33CC00;
  text-align: center;
  text-decoration: none;
  font: bold 9pt Arial;
  color: #222222;
}
.rowHeaderHelpButton a:hover
{
  background: #339900;
  color: white;
}

.rowHeaderHelpButton a:active
{
  border: 1px solid black;
}

.newPlayerMap{
    margin-top: 10px;
    margin-left: 220px;
    float: left;
}
.helpPlayerMap{
    float: right;
    margin-top: 10px;
    margin-right: 220px;
}
.helpPlayerMap button{
    width: 75px;
}

.login-form {
    width: 320px;
    margin: 80px auto 0px auto;
    padding: 40px 0px 0px 0px;
    border: gray solid 1px;
    background-color: #FFFFFF;
}
.login-form .pmx-tagline {
    color: red;
    font: 12pt Arial;
    font-weight: bold;
}
.login-form .welcome {
    color: gray;
    margin: 20px 0px 0px 0px;
    font: 11pt Arial;
}
.login-form .login-logo {
    border: none;
    width: 240px;
    margin-bottom: 5px;
}
.login-form .icon {
    border: none;
}
.login-form .title {
    margin: 10px 0px 0px 0px;
    font: 12pt Arial;
    font-weight: bold;
    color: #4A4A4A;
}
.login-form .explain {
    color: gray;
    text-align: center;
    padding:  5px 0px 5px 0px;
    font: 10pt Arial;
}
.login-form .explainSmall {
    color: #4A4A4A;
    text-align: center;
    font: 8pt Arial;
}
.login-form .explain-left {
  text-align: left;
  padding:  0px 0px 5px 5px;
}
.login-form fieldset {
  padding: 10px 5px 10px 5px;
  border: none;
}
.login-form .field {
  margin: 0px auto 10px auto;
  width: 246px;
  text-align: left;
}
.login-form .login-input {
  width: 240px;
  height: 24px;
  padding-left: 4px;
  border: 1px solid silver;
}
.login-form .captcha-field {
    text-align: center;
    width: 246px;
}
.login-form .captcha-field input{
  width: 240px;
  height: 24px;
  padding-left: 4px;
  border: 1px solid silver;
}
.login-form .login-button {
  width: 246px;
  height: 30px;
  border: 1px solid gray;
  background-color: gray;
  font-size: 10pt;
  font-weight: bold;
  color: #FFFFFF;
}
.login-form .login-button:hover {
  background-color: silver;
  color:#333333;
  cursor:pointer;
}
.login-form label {
  width: 75px;
  float: left;
  text-align: right;
  margin: 4px 6px 0px 0px;
  display: block;
}
.login-form .buttons {
    margin-top: 15px;
    text-align: center;
}
.login-form .forgotLinks {
    margin-top: 16px;
    height: 26px;
    text-align: center;
    border-top: 1px solid gray;
    font-size: 10pt;
    background-color: #F5F5F5;
}
.login-form .forgotLinks .cell-left {
    width: 159px;
    padding-top: 4px;
    height: 22px;
    float: left;
    border-right: 1px solid gray;
}
.login-form .forgotLinks .cell-right {
    width: 160px;
    padding-top: 4px;
    height: 22px;
    float: left;
}
.login-form .forgotLinks .cell-full {
    padding-top: 4px;
    height: 22px;
    text-align: center;
}
.login-form .forgotLinks a { color: #4A4A4A; text-decoration: none;}
.login-form .forgotLinks a:visited { color: #4A4A4A; text-decoration: none;}
.login-form .forgotLinks a:hover { color: #4A4A4A; background-color:#F5F5F5; }
.login-form .button-to {
    float: left;
}

.reset-form {
    width: 400px;
    margin: 30px auto 0px auto;

}
.reset-form .title {
  padding:  0px 0px 5px 0px;
  text-align: left;
  font-size: 10pt;
  font-weight: bold;
}
.reset-form .explain {
  text-align: center;
  padding:  0px 0px 5px 0px;
}
.reset-form fieldset {
  background: #fff;
  padding: 10px 5px 10px 5px;
}
.reset-form .field {
  padding: 0px 0px 5px 0px;
  text-align: left;
}
.reset-form .login {
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  
}
.reset-form label {
  width: 150px;
  float: left;
  text-align: right;
  margin: 4px 6px 0px 0px;
  display: block;
}
.reset-form .help {
    font-size: 10px;
    margin-left: 100px;
    color: black;
}

.reset-form .required {
    font-weight: bold;
}
.reset-form .captcha-field {
    margin-left: 105px;
    margin-bottom: 15px;
}
.reset-form .buttons {
    margin-top: 15px;
    text-align: center;
}

.myAccountDetails {
    width: 425px;
    height: 400px;
    margin: 0px auto 0px auto;
}
.myAccountDetails .title {
    font: 11pt Arial;
    font-weight: bold;
    margin: 15px 0px 5px 0px;
    text-align: left;
}
.myAccountDetails .paymentsNote {
    font: 8pt Helvetica;
    margin: 5px 0px 0px 130px;
    color: #444;
}
.myAccountDetails fieldset {
  background: #fff;
  margin: 10px 0px 0px 0px;
  padding: 10px 5px 10px 15px;
  text-align: left;
}

.myAccountDetails label {
  width: 120px;
  float: left;
  margin-right: 10px;
  font-weight: bold;
}
.myAccountDetails .field {
  padding: 0px 0px 10px 0px;
  text-align: left;
}
.myAccountDetails table {
    border-collapse: collapse;
    border: 1px solid gray;
    background: white;
}
.myAccountDetails td {
    padding: 4px 8px 4px 8px;
    border: 1px solid gray;
}
.myAccountDetails li {
    margin-bottom: 10px;
}

.editPassword {
    width: 400px;
    height: 400px;
    margin: 0px auto 0px auto;
}
.editPassword .title {
    font: 11pt Arial;
    font-weight: bold;
    margin: 15px 0px 5px 0px;
    text-align: left;
}
.editPassword fieldset {
  background: #fff;
  text-align: left;
  margin: 10px 0px 0px 0px;
  padding: 15px 10px 0px 10px;
}
.editPassword label {
  width: 120px;
  float: left;
  text-align: right;
  margin-right: 10px;
}
.editPassword .help {
    font-size: 10px;
    margin-left: 185px;
    color: black;
}
.editPassword1 {
    width: 400px;
    height: 400px;
    margin: 0px auto 0px auto;
}
.editPassword1 .title {
    font: 11pt Arial;
    font-weight: bold;
    margin: 15px 0px 5px 0px;
    text-align: left;
}
.editPassword1 fieldset {
  background: #fff;
  text-align: left;
  margin: 10px 0px 0px 0px;
  padding: 10px 10px 10px 10px;
}
.editPassword1 label {
  width: 120px;
  float: left;
  text-align: right;
  margin-right: 10px;
}
.editPassword1 .help {
    font-size: 10px;
    margin-left: 90px;
    color: black;
}
.editPassword1 .fieldValue {
    height: 15px;
}

.footer
{
    font: 8pt Arial;
    color: #777777;
    text-align: center;
    margin-top: 20px;
    width: 965px;

}
.footerCenter
{
    font: 8pt Arial;
    color: #777777;
    text-align: center;
    clear: both;
    width: 965px;
    padding: 10px 0px 0px 0px;
    margin: auto;
}
.footerCenter2
{
    font: 8pt Arial;
    color: #777777;
    text-align: center;
    margin: 20px auto 0px auto;
}
.securitySeal
{
    text-align: center;
    margin: 0px auto 0px auto;
    
}
.securitySeal a:hover {background: none; }

#printPMImage {

}
.printLoader {
    position: absolute;
    top: 250px;
    left: 410px;
    text-align: center;
    color: #444444;
    font-weight: bold;
    font-size: 10px;
    z-index: -10;
}

.signupForm {
    width: 600px;
    padding-top: 20px;
    margin-left: auto;
    margin-right: auto;
}
.signupForm .title {
  padding:  10px 0px 10px 0px;
  font-size: 12pt;
  font-weight: bold;
}
.signupForm .explain {
  padding:  15px 0px 15px 0px;
  text-align: center;
}
.signupForm fieldset {
  margin-left: 1em;
  margin-right: 1em;
  background: #fff;
  padding: 0px 10px 10px 10px;
  border: black solid 1px;
}
.signupForm .field {
  padding: 0px 0px 5px 0px;
  text-align: left;
}
.signupForm .tosField {
  padding: 0px 0px 5px 0px;
  text-align: center;
}
.signupForm #user_accept_tos{
  width: 20px;
  text-align: left;
}
.signupForm #user_accept_cookies{
  width: 20px;
  text-align: left;
}
.signupForm input {
    width: 200px;
}
.signupForm label {
  width: 180px;
  float: left;
  text-align: right;
  margin: 4px 6px 0px 0px;
  display: block;
}
.signupForm .required {
    font-weight: bold;
}
.signupForm .help {
    font-size: 10px;
    margin-left: 185px;
    color: black;
}
.signupForm .captcha-field {
    margin-left: 185px;
}
.signupForm .subscriptionAgreement {
    width: 100%;
    height: 175px;
    border: Gray solid 1px;
    margin-bottom: 10px;
    padding: 2px;
}
.signupForm .buttons {
    text-align: center;
}
.signupForm .create-button {
  width: 246px;
  height: 30px;
  border: 1px solid gray;
  background-color: gray;
  font-size: 10pt;
  font-weight: bold;
  color: #FFFFFF;
}
.signupForm .create-button:hover {
  background-color: silver;
  color:#333333;
  cursor:pointer;
}
#simple_captcha {
  width: 246px;
}
#simple_captcha .simple_captcha_label{
    font-size: 10px;
    }

#simple_captcha input{
  color: blue;
}
.newAccountWrapper {
    width: 600px;
    height: 450px;
    font: 10pt Arial;
    margin-left: auto;
    margin-right: auto;

}
.newAccountWrapper .banner {
    border: 2px green solid;
    color: green;
    font-weight: bold;
    padding: 10px;
    margin: 20px 5px 20px 5px;
    text-align: center;
}
.newAccountWrapper .subscriptionTerms {
    text-align: center;
    margin: 15px;
    font-weight: bold;
}
.newAccountWrapper .description {
    margin-bottom: 10px;
    text-align: left;
}
.newAccountWrapper .description2 {
    margin: 10px 15px 0px 10px;
    text-align: left;
}
.newAccountWrapper .subscribe {
    text-align: center;
}
.newAccountWrapper .thankyou {
    margin: 10px 15px 0px 10px;
    text-align: left;
    font-weight: bold;
}
.accountWrapper {
    text-align: center;
    width: 965px;
    margin:auto;
    min-height: 580px;
}
.accountWrapper .footer{
    width: 400px;
    margin: 20px auto 0px auto;

}
.subscriptionWrapper {
    text-align: center;
}
.subscriptionWrapper .footer{
    width: 600px;
    margin: 20px auto 0px auto;
}
.loginWrapper {
    text-align: center;
}
.loginWrapper .footer{
    width: 400px;
    margin: 30px auto 0px auto;
}
.helpWrapper {
    width: 325px;
    height: 400px;
    padding: 5px 15px 15px 15px;
    border: #888 1px solid;
    background-color: #FFF;
    margin: 20px auto 0px auto;
    text-align: left;
}
.helpWrapper .helpTitle {
  padding-top: 10px;
  text-align: left;
  font-size: 10pt;
  font-weight: bold;
}
.helpWrapper li {
    margin-bottom: 10px;
    margin-top: -5px;
}

.generalForm {
    width: 425px;
    height: 400px;
    margin: 0px auto 0px auto;
}
.generalForm .title {
    font: 11pt Arial;
    font-weight: bold;
    margin: 15px 0px 5px 0px;
    text-align: left;
}
.generalForm fieldset {
  background: #fff;
  margin: 10px 0px 0px 0px;
  padding: 10px 5px 10px 15px;
  text-align: left;
}

.generalForm label {
  width: 85px;
  float: left;
  text-align: right;
  margin: 4px 6px 0px 0px;

}
.generalForm .required {
    font-weight: bold;
}
.generalForm .buttons {
    text-align: center;
    }
.generalForm .buttonsRight {
    text-align: right;
    margin: 5px;
    }
.generalForm .footerText {
    text-align: center;
    margin-top: 15px;
}
.generalForm .labelText{
    text-align: left;
    margin-bottom: 5px;
}
.generalForm .field {
  padding: 0px 0px 5px 0px;
  text-align: left;
}
.paymentsTable {
    margin-top: 20px;
    margin-bottom: 20px;
    border-collapse: collapse;
    border: 1px solid black;
    background: white;
    margin-left: auto;
    margin-right: auto;
}
.paymentsTable td {
    padding: 4px 10px 4px 10px;
    border: 1px solid gray;
    text-align: center;
    vertical-align: middle;
}
.paymentsTable .title {
    font-weight: bold;
}
#waitSpinner {
    position: absolute;
    background-color: white;
    top: 175px;
    left: 433px;
    width: 100px;
    padding: 10px 10px 5px 10px;
    border: 2px solid #444444;
    text-align: center;
    color: #444444;
    font-weight: bold;
    font-size: 10px;
    z-index: 10;
    visibility: hidden;
}

.pmNotesBody {
    width: 700px;
}
.pmNotesTitle {
    font-size: 11pt;
    font-weight: bold;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 10px;
}

.pmNotesTitle2 {
    font-weight: bold;
    margin-top: 10px;
}

.plan3DTitle {
    margin-top: 20px;
    margin-bottom: 0px;
}

.plan3DCommentor {
    margin-bottom: 5px;
    text-decoration: underline;
}

.plan3DEntry0 {
    margin: 15px 0px 0px 15px;
}
.plan3DEntry1 {
    margin: 10px 0px 0px 30px;
}
.pmNotesSectionTitle {
    font-weight: bold;
    text-decoration: underline;
    margin: 15px 0px -5px 10px;
}

.requiredBridgeArrow {
    font-size: 14pt;
    color: #CC0000;
}

.existingBridgeArrow {
    font-size: 14pt;
    color: #0033CC;
}
.pmNotesNone {
    margin-left: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
}

#infoSection {
    width: 320px;
    height: 36px;
    margin: 20px auto 30px auto;
    text-align: center;
}
#infoSection .leftColumn {
    width: 160px;
    float: left;
}
#infoSection .centerColumn {
    width: 200px;
    float: left;
}
#infoSection .rightColumn {
    width: 160px;
    float: left;
}

#infoSection .leftColumn .news {
    overflow: auto;
    height: 175px;
}
#infoSection .leftColumn .content_slot {
    padding: 6px 0px 0px 0px;
    text-align:left;
    height: 160px;
}
#infoSection .leftColumn .aboutUs {
    padding: 5px 0px 0px 0px;
}

#infoSection .leftColumn .title {
    padding: 8px 0px 5px 0px;
    font: Bold 10pt Arial;
    text-align: left;
    color: #555555;
}

#infoSection .leftColumn .newsItem {
    padding: 1px 0px 5px 5px;
    font: Normal 10pt Arial;
    text-align: left;
    color: #555555;

}

#infoSection .leftColumn .newsItemEmpty {
    padding: 5px 0px 5px 5px;
    font: Normal 10pt Arial;
    text-align: left;
    color: #555555;
}

#infoSection a:hover { background-color: #F5F5F5; }

#infoSection p {
    font: 13px Arial;
    font-weight: bold;
    color: #222222;
    text-align: justify;
}

#infoSection .centerColumn .green {
    font: 20px Arial;
    margin: 20px 0px 10px 0px;
}
#infoSection .centerColumn .red {
    font: 20px Arial;
    margin: 20px 0px 10px 0px;
}
#infoSection .centerColumn .red a {
    color: red;
    background-color: white;
}
#infoSection .centerColumn .green a {
    color: green;
    background-color: white;
}

.clear {
    clear: both;
}

.sfdcWrapper {
    width: 610px;
    margin: 20px auto 0px auto;
    padding: 10px;
    text-align: left;
    border: #555 solid 1px;
}

.sfdcWrapper .sfdcOppTitle {
    font-weight: bold;

}
.sfdcWrapper .sfdcMessage {
    padding-bottom: 5px;

}
.sfdcWrapper .sfdcFormLabel {
    font-weight: bold;
    float: left;
    color: #555;
    padding-bottom: 2px;
}
.sfdcWrapper .sfdcLabel {
    font-weight: bold;
    padding-bottom: 5px;
}
.sfdcWrapper .sfdcLabel2 {
    font-weight: bold;
    color: #555;
    padding-bottom: 5px;
}
.sfdcWrapper li {
    padding-bottom: 10px;
}
.sfdcWrapper .sfdcCheckbox {
    color: #555;
    margin-left: 140px;
}
.sfdcWrapper .sfdcOppList {
    min-width: 600px;
    max-width: 600px;
    width : 600px;
    margin-bottom: 10px;
}
.sfdcWrapper #find_search_string {
    width: 400px;
}
.sfdcWrapper .sfdcFormButtons {
    text-align: right;
    margin-top: 10px;
}
.sfdcFormButtons {
    text-align: center;
}
.sfdcFormTos {
    text-align: left;
    font-weight: bold;
    margin-bottom: 15px;
}
#activate_user_accept_tos{
    text-align: left;
    width: 20px;
    margin-left: 0px;
}
#activate_user_accept_cookies{
    text-align: left;
    width: 20px;
    margin-left: 0px;
}
.sfdcWrapper .noResultsMessage {
    color: #C35617;
    text-align: center;
    font-weight: bold;
}
.sfdcWrapper .resultsMessage {
    color: #254117;
    font-weight: bold;
}
.notAuthorizedMessage {
    color: #C35617;
    font-weight: bold;
    margin-top: 20px;
}
.infoField {
    padding-top: 4px;
    padding-bottom: 4px;
}
.fieldText {
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 90px
}
.sharedWithList {
    padding-bottom: 15px;
}
.folderForm {
    width: 550px;
    min-height: 400px;
    margin: 0px auto 0px auto;
}
.folderForm .title {
    font: 11pt Arial;
    font-weight: bold;
    margin: 15px 0px 5px 0px;
    text-align: left;
}
.folderForm fieldset {
  background: #fff;
  margin: 10px 0px 0px 0px;
  padding: 10px 5px 10px 15px;
  text-align: left;
}

.folderForm label {
  width: 90px;
  float: left;
  text-align: right;
  margin: 3px 6px 0px 0px;
  font-weight: bold;
}
.folderForm #share_with {
    width: 400px;
    height: 55px;
}
.folderForm #sharedFolderUsers {
    width: 400px;
}
.folderForm #folder_description {
    width: 400px;
    height: 55px;
}
.folderForm #folder_name {
    width: 400px;
}
.folderForm .buttons {
    text-align: center;
    }

.folderForm .field {
  padding: 0px 0px 5px 0px;
  text-align: left;
}
.folderForm .buttons {
  text-align: center;
}

#faqList {
    min-height: 500px;
    width: 950px;
    text-align: left;
    padding:15px 0px 0px 10px;
}

#faqList p {
    font: 11pt Arial;
    padding: 0px 0px 0px 0px;
}

#faqList .title {
    font: bold 12pt Arial;
}

#faqList .question {
    font: bold 11pt Arial;
    padding:5px 0px 0px 0px;
}

#faqList .answer {
    font: 10pt Arial;
    padding:0px 0px 0px 10px;
}

.contentWrapper {
    text-align: left;
    width: 965px;
    min-height: 580px;
    margin: auto;
}
.contentWrapper .title{
    font-weight: Bold;
    font-size: 11pt;
    margin: 15px 0px 10px 0px;
}
.contentWrapper .body{
    font-weight: Normal;
    font-size: 10pt;
    min-height: 250px;
    margin: 5px 0px 15px 0px;
}
.contentWrapper .actions{
    margin: 10px 0px 10px 0px;
    text-align: center;
}

.clientadminSearchBox {
    text-align: center;
    color: #111;
}
.clientadminSearchResults {
    padding: 0px 0px 15px 0px;
    color: #B20000;
}
.clientadminDownloadUserList {
    float: clear;
    width: 655px;
    text-align: right;
    margin: 10px auto 5px auto;
}

.clientadminTable {
    border: #555 solid 1px;
    border-collapse: collapse;
    margin: 10px auto 10px auto;
    width: 650px;
}
.clientadminTable th {
    border: #555 solid 1px;
    padding: 4px;
    background-color: #ccc;
    color: #111;
    text-align: center;
    font-weight: bold;
}
.clientadminTable td {
    border: #555 solid 1px;
    padding: 2px 4px 2px 4px;
    text-align: center;
}
.clientadminTable .suspended {
    color: #4a4a4a;
    font-style: italic;
}
.clientadminTable .locked {
    color: #cd6600;
}
.clientadminTable .org_admin {
    font-weight: bold;
    color: #4a4a4a;
}
.clientadminPaginate {
    text-align: right;
    width: 655px;
    margin: 0px auto 0px auto;
}

.teamMemberViewTitle {
    font-weight: bold;
    color: #B20000;
    padding: 10px 0px 5px 0px;
    margin: 0px auto 0px auto;
    text-align: left;
    width: calc(100% - 300px);
    min-width: 700px;
}
.teamMemberViewBack {
    float:right;
    font-weight: normal;
    text-align: right;
}
.teamMemberCenterBack {
    font-weight: normal;
    text-align: center;
}
.teamMemberTitle {
    font: 11pt Arial;
    font-weight: bold;
    margin: 15px 0px 20px 0px;
    text-align: center;
}

.teamMemberSearchBox {
    text-align: center;
    color: #111;
}
.teamMemberSearchResults {
    padding: 0px 0px 15px 0px;
    color: #B20000;
}

.teamMemberTable {
    border: #555 solid 1px;
    border-collapse: collapse;
    margin: 10px auto 10px auto;
    width: 700px;
}
.teamMemberTable th {
    border: #555 solid 1px;
    padding: 4px;
    background-color: #ccc;
    color: #111;
    text-align: center;
    font-weight: bold;
}
.teamMemberTable td {
    border: #555 solid 1px;
    padding: 4px;
    text-align: center;
}

.teamMemberPaginate {
    text-align: right;
    width: 700px;
    margin: 0px auto 0px auto;
}

.smallText {
    font-weight: normal;
    font-size: 8pt;
}
.helpLink a { font-weight: bold; color: #fff; background-color:#03c; }
.helpLink a:visited { font-weight: bold; color: #fff; background-color:#03c;}
.helpLink a:hover { font-weight: bold; color: #03c; background-color:#ccc; }

.orgAdminConsole {
    width: 300px;
    padding: 10px 0px 20px 0px;
    margin: 10px auto 0px auto;
    border: #ccc solid 1px;
}
.orgAdminConsole .title {
    font: 11pt Arial;
    font-weight: bold;
    margin: 15px 0px 20px 0px;
    text-align: center;
}
.orgAdminConsole a { color: #03c; background-color:#fff; }
.orgAdminConsole a:visited { color: #03c; background-color:#fff;}
.orgAdminConsole a:hover { color: #03c; background-color:#fff; }
.orgAdminConsole .menuItem {
    margin: 20px 0px 0px 30px;
    text-align: left;
    font: 16px Arial;
    color: #444444;
}
.orgAdminConsole ul {
    text-align: left;
    list-style-type: none;
    margin-left: 10px;
}
.orgAdminConsole li {
    
    margin: 0px 0px 10px 0px;
}
.pmNotesName {
    color: #555;
    font-weight: bold;
}
.required {
    color: #CC0000;
}
.existing {
    color: #0033CC;
}
.player {
    color: #03c;
}
.ourTeam {
    color: #333;
}
.flashConsentMessage {
    font-weight:normal;
    color:black;
    margin: 10px 20px 0px 20px;
}
.flashActionButton {
    margin: 10px auto 10px auto;
    width:700px;
    border:1px solid;
    padding:2px;
    color:black;
    background: white;
    font-weight: bold;
}
.flashActionButton:hover {
    background: silver;
    cursor:pointer;
}
