.bigImageBack {
    width: 836px;
     }

     .subjectPane {
position: absolute;
background:rgba(255,255,255,0.93);
left:0px;
top:0px;
/*curtain from width*/
width: 836px;
padding-top: 20px;
min-height:100%;
}

.unexpanded {
font-size:1.1em;
display:block;
}

.complete {
line-height:1.6em;
color:black;
}

.sortable {
  border-bottom:1px solid #8CB2D8;
  cursor: ns-resize;
  color:#777777;
}

.sortable-up {
  border-bottom:1px solid #8CB2D8;
  cursor: n-resize;
  color:#777777;
}

.sortable-down {
  border-bottom:1px solid #8CB2D8;
  cursor: s-resize;
  color:#777777;
}

.formField{
border: 1px solid #999;
color:black;
text-align: left;
margin-left: 6px;
height: 16px;
}

.formField:focus {
background-color: white;
color:black;
font-family: optima;
}

	.searchBox {
opacity:0.9;
	filter: alpha(opacity=90);
	color:white;
   background-color: white;
position:absolute;
padding:0px;
   top: 140px;
	}

.searchBoxContent {
color:black;
position:absolute;
padding:20px;
   top: 140px;
 border: 1px dotted black;
}

.foundBox {
	opacity:0.9;
	filter: alpha(opacity=90);
color:black;
   background-color: white;
   position:absolute ;
padding:10px;
	margin-left:12px;
	border: 1px solid black;
}

.foundBoxContent {
color:black;
   position:absolute ;
padding:10px;
 	margin-left:12px;
}

.featurePhoto{
max-width:205px;
min-height:170px;
}

.leftHolder{
z-index: 3;
width: 240px;
left:-115px;
position:relative;
top: 60px;
margin: 10px 0px 0px 10px;
}

.pod-play {
   _width:12em;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #fb6;
   color: black;
   }

.pod-play em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: #222;
   }

   .pod-play span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.pod-play:hover {
   background: #666;
   color: white;
   }

.pod-play:hover em {
   background: black;
   color: white
   }

.commandSeparator {
  color: #999999;
  font-size:x-small;
}

.subject-relationship-options{
text-transform:lowercase;
	width:99%;
	position:relative;
	top:-10px;
}

/***** Ratings styles *****/

.rTable td {
    text-align:left;
    vertical-align: top;
    font-size:0.8em;
}

table.rHeader {
    width:100%;
}

.rHeader th {
    vertical-align: baseline;
    text-align:right;
    overflow:hidden;
}

.rHeader th.peopleLink, .rHeader th.criterion, .rHeader th.roleFont {
    text-align:left;
}

.rHeader th:hover {
    cursor: pointer;
}

.rTable .hoverPic {
    position:absolute;
    z-index:10000;
}

.rTitle {
    overflow:hidden;	/* clears floats */
}

.rTitle span {
    float:left;
}

.rTitle span span {
    float:none;
}

.rTitle span.scrollButtons {
    float:right;
}

.scrollButtons img {
    margin-top:5px;
    border:none;
}

.scrollButtons div {
    height:10px;
}
.rToggle {

}

.rHeader .headerSortDown {
    background:url(/js/assets/sortAZ.gif) center right no-repeat;
}

.rHeader .sortH {
    padding-right: 7px;
}

.rHeader .headerSortUp {
    background:url(/js/assets/sortZA.gif) center right no-repeat;
}

.rHeader .sortH span {
    text-decoration:underline;
}

.criterion {
    font-style: italic;
}

.scrollInner {
    top:0;
}

.frHover {
    display:none;
}

.frHover img {
    border:none;
}

.forceWrap {
	white-space: pre-wrap;       /* css-3 */
 	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 	white-space: -pre-wrap;      /* Opera 4-6 */
 	white-space: -o-pre-wrap;    /* Opera 7 */
 	word-wrap: break-word;  /* ie 5.5+ and Safari */
}
.scroll-pane {
	float:left;
	width:240px;
	height:425px;
	overflow:auto;
}


/*.jScrollPaneContainer {
	float:left;
	overflow: hidden;
	z-index: 1;
}*/
.jScrollPaneTrackContainer {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width:6px;
}
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	left: 1px;
	top: 0;
	height: 100%;
	background: #ccc;
}
.jScrollPaneDrag {
	position: absolute;
	background: #444444;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #000;
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #000;
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
.left .jScrollPaneTrack {
	left: 0;
	right: auto;
}
.left a.jScrollArrowUp {
	left: 0;
	right: auto;
}
.left a.jScrollArrowDown {
	left: 0;
	right: auto;
}

/** Roles **/
#cntnrAddRole, #cntnrAddRoleDesc {
	display:none;
}
.cntnrRoleEditClose {
	width:100%;
	text-align:right;
	display:none;
}
.roleEditClose, #roleAddClose {
	margin-left:10px;
	text-align:right;
}
.roleEditClose a {
	text-decoration:none;
	cursor:pointer;
}

#roleList li {
	list-style:none;
}
/*.ranking .roleFont {
	valign: top;
	font-size:1.3em;
}*/
.lbRoleEditCntnr {
	display:none;
	font-size:12px;
}
.lbRoleEditFont {
	color:#274e13;
	font-family:Arial, Verdana, sans-serif;
	font-size: 11px;
}
.lbRoleDef {
	font-size:11px;
}
.lbRoleDesc {
	color:#3d85c6;
	font-size:11px;
}


.lbRoleDesc input, /*#tlbRoleAdd,*/ #lbAddSpecialty, #tlbRoleAddDesc {
	outline: none;
    border: 0px;
    background-color: transparent;
	/*
width:auto;
*/
	word-wrap:normal;
}
.roleAddCaption {
	font-size:14px;
	color:#3d85c6;
}
#tlbRoleDescEdit {
	font-size:10px;
	width:220px;
	/*
vertical-align:baseline;
	vertical-align: -webkit-baseline-middle;
	overflow:hidden;
*/
	outline: none;
    border: 0px;
    background-color: transparent;
	/*margin-top:-3px;

height:60px;
	width:100px;
	overflow:scroll;
*/
}
.exampleText {
	color:gray;
}
.roleEditable {
	display:inline;
}

/** expanded subject **/
.lbSubject {
	cursor:pointer;
}
.lbSubjectCntnr {
	float:left;
	width:250px;
}
.aniLoading {
	background:url(../images/ajax-loader.gif) no-repeat;
	background-position:right;
	float:left;
	width:90px;
	height:32px;
	font-size:16px;
	font-weight:normal;
	line-height:30px;
}

.commands {
	color:#749749;
	text-decoration:none;
	font-size:9px;
}
.commands:hover {
	cursor:pointer;
}
.comCntnr {
	display:none;
	vertical-align:baseline;
	font-size:9px;
	text-transform:none;
}

.video-image {
	float:left;
	margin-right:6px;
	padding:6px;
}

.video-image-link {
width:210px;
height:145px;
}

.video-description {
font-size:1.2em;

}

.videos-title {
  margin: 4px 0;
}

.videos {
	margin: 0;
  padding: 0;
}

.video-close {
	color: #00CCCC;
	float: right;
	font-size: 10px;
	font-weight: bold;
	cursor: pointer;
}

.videos li {
  list-style: none;
  height: auto;
  width: 274px;
}

.clear {
  clear: both;
  height: 1px;
  overflow: hidden;
  visibility: hidden;
}

.borderLine {
font-size:.7em;
margin-right:4px;
color:#999999;
}

/***** START IMAGE SUGGEST STYLING *****/
.jcarousel-suggest-image .jcarousel-prev-horizontal {
  left: -23px;
}

.jcarousel-suggest-image .jcarousel-next-horizontal {
  left: 561px;
}

.jcarousel-suggest-image .jcarousel-prev-horizontal, .jcarousel-suggest-image .jcarousel-next-horizontal {
  position: relative;
  float: left;
  color: #9fc5e8;
  font-size: 45px;
  vertical-align: middle;
  font-weight: bold;
  top:-99px;
  cursor: pointer;
}

.jcarousel-suggest-image .jcarousel-next-disabled-horizontal,
.jcarousel-suggest-image .jcarousel-next-disabled-horizontal:hover,
.jcarousel-suggest-image .jcarousel-next-disabled-horizontal:active,
.jcarousel-suggest-image .jcarousel-prev-disabled-horizontal,
.jcarousel-suggest-image .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-suggest-image .jcarousel-prev-disabled-horizontal:active {
  cursor: default;
  visibility:hidden;
}

.jcarousel-suggest-image .jcarousel-container {
  background: transparent;
  border: none;
}

.jcarousel-suggest-image .jcarousel-container-horizontal {
  width: 600px;
}

.jcarousel-suggest-image .jcarousel-clip-horizontal {
  width:  600px;
  height: 100px;
}

.jcarousel-suggest-image .jcarousel-item {
    width: 100px;
    margin-right:10px;
}
/***** END IMAGE SUGGEST STYLING *****/

/***** START SUBJECT LINKS STYLING *****/

.jcarousel-subject-links .jcarousel-container-vertical {
    width: 195px;
    height: 85px;
}

.jcarousel-subject-links .jcarousel-clip-vertical {
    width:  195px;
    height: 85px;
}

.jcarousel-subject-links .jcarousel-item {
    width: 195px;
}

/*
If you change the widths here, make sure the total width for the carousel is changed above as well. This should also be
consistent with the width of the page column if it has a set value, total below should add up to width above
*/
.subject-links-name {
    display: inline-block;
    width: 145px;
}

.subject-links-remove {
    display: inline-block;
    width: 30px;
}

.subject-links-nav {
    display: inline-block;
    text-align: center;
    width: 20px;
}
/***** END SUBJECT LINKS STYLING *****/

/***** START REGISTER/LOGIN WINDOW STYLING *****/
#registerLoginWindow * .resultRow.highlight {
  background-color: lightblue; !important;
}

#rlw_fbLoginFrame_pleaseWait {
  color:pink;
}
/***** END REGISTER/LOGIN WINDOW STYLING *****/

/***** START RATER STYLING *****/
.simple-rater-hover{
	font-size:1.3em;
	line-height:180%;
	text-align:left;
}

.simple-rater-hover input:focus{
	outline:none;
}

.simple-rater-hover span.bracket{
	font-size:1.4em;
}

.simple-rater-hover input{
	background-color:transparent;
	padding-top:3px;
}

.simple-rater-hover input.cr-rating,
.simple-rater-hover input#cr-rating{
	text-align:center;
}

.simple-rater-hover input{
	color:#596298;
	font-size:90%;
}

.simple-rater-hover input#rater-criterionInput {
	width:140px;
}

.simple-rater-hover input.first{
	color:#666666;
	font-style:italic;
}

.simple-rater-hover .roleFont{
	font-size:1.1em;
}

.simple-rater-hover p a:hover{
	text-decoration:none;
	color:#749749;
}

.simple-rater-hover p a{
	text-decoration:none;
	color:#777777;
}

/*
.simple-rater-hover .save,
.simple-rater-hover .cancel,
.simple-rater-hover .rating-add{
	color:#38761d;
}
*/

.simple-rater-hover input{
	border:none;
}
/***** END RATER STYLING *****/

/***** START OLD AUTOCOMPLETE STYLING *****/
div.roleAC {
	display: inline;
}

div.autocompleteContainer {
    display: inline;
}

input.autocomplete {
  background: rgb(207,226,243);
  border: 0 none;
  outline:medium none;
	padding: 0.2em;
	font-size: 1.1em;
	/*width: 5em;*/
}

div.autocomplete {
	font-size: 0.9em;
	margin: 0 1px;
  background: #fff; /* prevent transparency */
  z-index:50;
}
div.autocomplete div {
	margin: 0;
  padding: 0;
  background-color:#eee;
}

div.autocomplete a.first {
	padding-top: 0.25em;
}

div.autocomplete a {
	cursor: pointer;
	display: block;
	padding: 0.25em 0.5em 0.25em 0.5em;
}

.selected {
	background: #9BCD9B;
}

div.autocomplete h2 {
	margin: 0;
  padding: 0;
  font-size: 1.2em;
	font-weight: bold;
	color:#8CB2D8;
}

/* overrides for the search role name autocomplete */
#search-roleName-autocompleteResults h2 {
  font-size: 3.2em;
  text-transform:capitalize;
  color:#19334C;
}

#search-roleName-autocompleteResults h2 span.highlight {
  color:black;
}

/* overrides for the rater criterion name autocomplete */
#rater-criterionName-autocompleteResults h2 {

}

#rater-criterionName-autocompleteResults h2 span.highlight {

}

/***** END OLD AUTOCOMPLETE STYLING *****/

/***** START WORLD WRITE FEED STYLING *****/
.arrow {
 	font-size: xx-large;
 	float: left;
 	cursor: pointer;
 	margin-top: 20px;
 	color:#00A7D1;
}

.worldWriteFeedContentContainer {
 	width: 2000px;
 	float: left;
 	z-index: 1000;
}

.worldWriteFeedContentContainer div {
 	font-size:1em;
}

.worldWriteFeedContentContainer > div {
 	width: 200px;
 	height: 100px;
 	margin-left: 25px;
 	float: left;
}

.worldWriteFeedBackground {
 	width: 75px;
 	height: 75px;
 	margin-left: 5px;
 	padding-left: 5px;
}

.worldWriteFeedContent {
 	position: relative;
 	left:80px;
 	height: 90px;
 	width: 137px;
 	top: -75px;
 	margin-left: 5px;
 	padding-left: 5px;
 	line-height:1.5;
}

.worldWriteFeedSubject {
	font-size:1.2em;
}

.worldWriteFeedRole {
 	font-size:1.1em;
}

.worldWriteFeedCriterion {
 	font-style: italic;
}
/***** END WORLD WRITE FEED STYLING *****/


.expandableContent {
color:#333;
line-height:151%;
text-align:justify;
}


/***** QUESTIONS, ANSWERS, COMMENTS *****/
.question {
  color:#444;
  font-size:3.277em;
  line-height:124%;
}

.question.shout {
  color:#444;
  font-size:4.56em;
}

.question.locked {
  font-size:3.47em;
}

div.question:hover{
  color:red;
  cursor:help;
}

span.question:hover{
  color:silver;
  cursor:help;
}

.answer {
font-size:1.3em;
line-height:134%;
color:#333;
text-align:justify;
}

.comment {
  color:black;
}

.answer.shout {
  font-size:2.1em;
  color:#555;
}

.comment.shout {
  font-size:1.8em;
  margin-top:6px;
  line-height:169%;
   color:#555;
}

.answerEntry {
  height:54px;
  width:434px;
  border:1px solid;
  border-color:#732323;
  font-size:1.72em;
  font-family:inherit;
  background-color:transparent;
  color:#333333;
}

.commentEntry {
  height:59px;
  border:1px solid;
  border-color:black;
  width:408px;
  font-size:1.01em;
  font-family:inherit;
  background-color:transparent;
  color:black;
}

.questionEntry {
  height: 54px;
  width: 434px;
  border:1px solid;
  border-color:#732323;
  font-size:1.72em;
  font-family:inherit;
  background-color:transparent;
  color:#333333;
}

 .answerAuthorImage {
 max-height:53px;
 width:auto;
 }

/***** ATTACHMENT STYLING *****/
.attachmentUrlEntry {
  background-color: transparent;
  width: 169px;
   border:1px solid;
   border-color:silver;
}

.attachmentTitleEntry {
  background-color:transparent;
  border:1px solid;
  width:180px;
  border-color:silver;
}

.answer-attachment-image img{
  max-width: 560px;
}

.answer-comment-attachment-image img {
  max-width: 438px;
}

.attachmentBox {
margin-top:3px;
margin-bottom:-5px;
}

a.wwName:hover {
border:1px;
opacity:1.6;
}