#content {word-wrap: break-word;}

#content #people { margin-bottom: 75px;}

#content .addFavorite {background-color: #ffffcc; border: 1px solid #7f7f7f; display: none; height: 100px; left: 130px; margin-top: 25px; padding: 15px; position: absolute; width: 450px; z-index: 5;}
#content .addFavorite table {width: 100%;}
#content .addFavorite table td.left img {border: 1px solid #000000; float: left; margin: 0 15px 15px 0;}
#content .addFavorite table td.right {width: 100%;}
#content .addFavorite table tr {vertical-align: top;}
#content .addFavorite .btn {margin-top: 15px;}
#content .addFavorite .btn input[type=submit] {width: 160px;}
#content .addFavorite .check {font-size: 0.85em; margin: 5px 0 5px 0;}
#content .addFavorite .check label {margin-left: 5px;}
#content .addFavorite .close {float: right; font-size: 0.85em;}
#content .addFavorite .title {font-size: 1.2em; font-weight: bold; margin: 0 0 15px 0;}
#content .addFavorite .when {font-size: 0.85em; font-weight: bold; margin: 15px 0 5px 0;}

#content .addFriend {background-color: #ffffcc; border: 1px solid #7f7f7f; display: none; left: 130px; margin-top: -125px; padding: 15px; position: absolute; width: 450px;}
#content .addFriend table {width: 100%;}
#content .addFriend table td.left img {border: 1px solid #000000; float: left; margin: 0 15px 15px 0;}
#content .addFriend table td.right {width: 100%;}
#content .addFriend table tr {vertical-align: top;}
#content .addFriend textarea {height: 75px; width: 300px;}
#content .addFriend #charAddFriendMsg {color: #ff6600; font-size: 0.75em; margin-top: 5px;}
#content .addFriend .btn {margin-top: 15px;}
#content .addFriend .close {float: right; font-size: 0.85em;}
#content .addFriend .confirm {margin: 10px 0 10px 0;}
#content .addFriend .label {font-size: 0.85em; font-weight: bold; margin: 15px 0 5px 0;}
#content .addFriend .label span {font-weight: normal; margin-left: 10px;}
#content .addFriend .title {font-size: 1.2em; font-weight: bold; margin: 0 0 10px 0;}

#content .conf {background-color: #ededed; border: 1px solid #dddddd; margin: 10px; padding: 0 10px 0 10px;}
#content .conf h2 {font-size: 1.2em;}
#content .conf li {margin: 10px 0 10px 0;}
#content .conf ol {margin: 0 0 0 25px; padding: 0;}
#content .conf span {color: #800000; font-family: 'courier new'; font-weight: bold;}
 
#content .debatesLong h3 {margin: 10px 0 5px 0;}
#content .debatesLong p {margin: 5px 0 10px 0; color: #333333;}
#content .debatesLong .photo {background-color: #ffffff; border: 1px solid #c1c1c1; float: left; margin: 5px 5px 0 0; padding: 3px; text-align: center; width: 50px;}
#content .debatesLong .stats {clear: both; color: #008000; font-size: 0.85em; height: 16px; margin: 10px 0 10px 0;}
#content .debatesLong .stats .comments {background: url('/images/comments.png') no-repeat 0 0; float: left; height: 16px; padding-left: 19px;}
#content .debatesLong .stats .status0 {background: url('/images/status-0.png') no-repeat 0 0; float: right; height: 16px; padding-left: 19px;}
#content .debatesLong .stats .status1 {background: url('/images/status-1.png') no-repeat 0 0; float: right; height: 16px; padding-left: 19px;}
#content .debatesLong .stats .status2 {background: url('/images/status-2.png') no-repeat 0 0; float: right; height: 16px; padding-left: 19px;}
#content .debatesLong .stats .status3 {background: url('/images/status-3.png') no-repeat 0 0; float: right; height: 16px; padding-left: 19px;}
#content .debatesLong .stats .updated {text-align: center;}
#content .debatesLong .stats .updated span {background: url('/images/updated.png') no-repeat 0 0; padding-left: 19px; padding-bottom: 3px; white-space: nowrap;}

#content .debateSettings{background-color: #ffffcc; border: 1px solid #7f7f7f; display: none; left: 175px;top: 120px;padding:10px; position: absolute; width: 300px;}
.eligibleMessage{background-color: #ffffcc; border: 1px solid #7f7f7f; display: none; left: 175px;top: 120px;padding:10px; position: absolute; width: 400px;}

#content .err {background-color: #faf3ed; border: 1px solid #db6101; margin: 10px; padding: 0 10px 0 10px;}
#content .err h2 {font-size: 1.2em;}
#content .err li {margin: 10px 0 10px 0;}
#content .err ol {margin: 0 0 0 25px; padding: 0;}
#content .err span {color: #800000; font-family: 'courier new'; font-weight: bold;}

#content .hr {border-bottom: 1px solid #b7b7b7; clear: both; height: 1px; margin: 15px 0 15px 0;}

#content .prevNext {margin: 20px 0 20px 0; text-align: center;font-size: 15px;}
#content .prevNext a {background-color: #eeeeee;margin: 0 3px;border-radius: 5px;padding: 8px 0;text-decoration: none;width: 40px;display: inline-block;*display: inline;*zoom: 1;}
#content .prevNext a:hover {color: #ffffff; background-color: #3764d2;}
#content .prevNext a.next, #content .prevNext a.prev { width: 60px;}
#content .prevNext span {display: inline-block;*display: inline;*zoom: 1;width: 40px;height: 22px;box-shadow: none;margin: 10px 3px;border-radius: 5px;padding-left: 0;padding-right: 0;}
#content .prevNext strong {font-family: verdana; font-weight: bold;}

#content .reportObj {background-color: #ffffcc; border: 1px solid #7f7f7f; display: none; height: 100px; left: 130px; line-height: 1em; margin-top: 25px; padding: 15px; position: absolute; width: 450px; z-index: 5;}
#content .reportObj a {text-decoration: underline;}
#content .reportObj .btn {margin-top: 15px;}
#content .reportObj .btn input[type=submit] {width: 160px;}
#content .reportObj .cmtInput input[type=text] {margin-top: 5px; width: 400px;}
#content .reportObj .cmtLabel {font-weight: bold; margin-top: 15px;}
#content .reportObj .notice {font-size: 0.85em; margin-top: 10px;}
#content .reportObj .check {font-size: 0.85em;}
#content .reportObj .check label {margin-left: 5px;}
#content .reportObj .close {float: right; font-size: 0.85em;}
#content .reportObj .title {font-size: 1.2em; font-weight: bold; margin: 0 0 10px 0;}

#content .secCode .row {margin-top: 10px;}
#content .secCode .row span {font-size: 0.85em; margin-left: 5px;}
#content .secCode img {height: 41px; width: 101px;}
#content .secCode input[type=text] {width: 100px;}

#content .sendMsg {background-color: #ffffcc; border: 1px solid #7f7f7f; display: none; height: 100px; left: 130px; margin-top: 25px; padding: 15px; position: absolute; width: 450px;}

#content .sortAsc {background: url('/images/arrow-asc.png') no-repeat right 0; padding-right: 16px;}
#content .sortAsc a {text-decoration: none;}
#content .sortDesc {background: url('/images/arrow-desc.png') no-repeat right 0; padding-right: 16px;}
#content .sortDesc a {text-decoration: none;}
#content .sortOff a {text-decoration: none;}

#content .spellCheck {background: #ffffff url('/images/spellcheck.png') no-repeat 0 0; height: 16px; margin: 0 0 0 20px; padding: 0 0 0 19px;}

#content .submenu .hr { border: none;}
#content .submenu .leftOff { float: left; padding: 5px 20px 5px 20px;}
#content .submenu .leftOff a {color: #0075a3; text-decoration: none;}
#content .submenu .leftOff a:hover {text-decoration: underline;}
#content .submenu .leftOn {background-color: #dd6101;   color: #ffffff; float: left; padding: 5px 20px 5px 20px;}
#content .submenu .leftOn a {color: #ffffff; text-decoration: none;}
#content .submenu .leftOn a:hover {color: #ffffff; text-decoration: underline;}
#content .submenu .menus {background-color: #ffffcc; margin-bottom: 5px; padding-left: 15px;}
#content .submenu .off { float: left;margin-left: 18px;padding: 5px 18px 5px 18px;}
#content .submenu .off a {color: #0075a3; text-decoration: none;}
#content .submenu .off a:hover {text-decoration: underline;}
#content .submenu .on {background-color: #dd6101; float: left;margin-left: 20px; padding: 5px 20px 5px 20px;b}
#content .submenu .on a {color: #ffffff; text-decoration: none;}
#content .submenu .on a:hover {text-decoration: underline;}
#content .submenu {clear: both; color: #7f7f7f; font-weight: bold; margin: 15px;font-weight: 400;}

#content .username {display: block;}
#content .username .card {float: left;}
#content .username .card .rollover {border: 0;}
#content .username .card .rollover a:hover span {margin: 0 0 0 5px; width: 250px;}
#content .username .card .rollover .icon {border: 0; float: left; height: 16px; margin-right: 3px; width: 16px;}
#content .username .card .rollover .left .photo {border: 1px solid #000000;}
#content .username .card .rollover .left {float: left; margin: 5px 10px 0 0; text-align: center; width: 60px;}
#content .username .card .rollover .right .line {border-bottom: 1px solid #edd376; margin: 5px 0 5px 0;}
#content .username .card .rollover .right {float: left; width: 175px;}
#content .username .link {float: left;}
#content .username .link a {text-decoration: none;}
#content .username .link a:hover {text-decoration: underline;}
#content .username .star0 {background-image: url('/images/star-0.png'); background-position: 0 0; background-repeat: no-repeat; float: left; height: 16px; width: 19px;}
#content .username .star1 {background-image: url('/images/star-10.png'); background-position: 0 0; background-repeat: no-repeat; float: left; height: 16px; width: 19px;}
#content .username .star2 {background-image: url('/images/star-20.png'); background-position: 0 0; background-repeat: no-repeat; float: left; height: 16px; width: 19px;}
#content .username .star3 {background-image: url('/images/star-30.png'); background-position: 0 0; background-repeat: no-repeat; float: left; height: 16px; width: 19px;}
#content .username .star4 {background-image: url('/images/star-40.png'); background-position: 0 0; background-repeat: no-repeat; float: left; height: 16px; width: 19px;}
#content .username .star5 {background-image: url('/images/star-50.png'); background-position: 0 0; background-repeat: no-repeat; float: left; height: 16px; width: 19px;}
#content .username .star6 {background-image: url('/images/star-60.png'); background-position: 0 0; background-repeat: no-repeat; float: left; height: 16px; width: 19px;}
#content .username .star7 {background-image: url('/images/star-70.png'); background-position: 0 0; background-repeat: no-repeat; float: left; height: 16px; width: 19px;}
#content .username .star8 {background-image: url('/images/star-80.png'); background-position: 0 0; background-repeat: no-repeat; float: left; height: 16px; width: 19px;}
#content .username .star9 {background-image: url('/images/star-90.png'); background-position: 0 0; background-repeat: no-repeat; float: left; height: 16px; width: 19px;}
#content .username .userF0 {background-image: url('/images/female-0.png'); background-position: 0 0; background-repeat: no-repeat; float: left; height: 16px; width: 13px;}
#content .username .userF1 {background-image: url('/images/female-1.png'); background-position: 0 0; background-repeat: no-repeat; float: left; height: 16px; width: 13px;}
#content .username .userF2 {background-image: url('/images/female-2.png'); background-position: 0 0; background-repeat: no-repeat; float: left; height: 16px; width: 19px;}
#content .username .userF3 {background-image: url('/images/female-3.png'); background-position: 0 0; background-repeat: no-repeat; float: left; height: 16px; width: 19px;}
#content .username .userM0 {background-image: url('/images/male-0.png'); background-position: 0 0; background-repeat: no-repeat; float: left; height: 16px; width: 17px;}
#content .username .userM1 {background-image: url('/images/male-1.png'); background-position: 0 0; background-repeat: no-repeat; float: left; height: 16px; width: 17px;}
#content .username .userM2 {background-image: url('/images/male-2.png'); background-position: 0 0; background-repeat: no-repeat; float: left; height: 16px; width: 19px;}
#content .username .userM3 {background-image: url('/images/male-3.png'); background-position: 0 0; background-repeat: no-repeat; float: left; height: 16px; width: 19px;}
