/*
 * Story Page
 * Copyright(c) 2006, Jack Slocum.
 * 
 * This code is licensed under BSD license. Use it as you wish, 
 * but keep this copyright intact.
 */

.standardbutton {
    cursor: pointer;
}
.standardbutton .leftcapoff {
    float: left; 
    height: 18px; 
    width: 8px; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://i.mktw.net/mw3/community/images/btns/btn_standard_left2.png');
}
.standardbutton .leftcapoff[class]{
    background: url(images/btns/btn_standard_left2.png) transparent no-repeat top left;
}

.orangebutton .standardbutton .leftcapoff {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://i.mktw.net/mw3/community/images/btns/btn_standard_left-orange.png');
}
.orangebutton .standardbutton .leftcapoff[class] {
    background: url(images/btns/btn_standard_left-orange.png) transparent no-repeat top left;
}

.standardbutton .buttonoff {
    float: left; 
    height: 18px; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://i.mktw.net/mw3/community/images/btns/btn_standard_bkg2.png');
}
.standardbutton .buttonoff[class]{
    background: url(images/btns/btn_standard_bkg2.png) no-repeat top left;
}
.orangebutton .standardbutton .buttonoff {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://i.mktw.net/mw3/community/images/btns/btn_standard_bkg-orange.png');
}
.orangebutton .standardbutton .buttonoff[class] {
    background: url(images/btns/btn_standard_bkg-orange.png) no-repeat top left;
}

.standardbutton .rightcapoff {
    float: left; 
    height: 18px; 
    width: 8px; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://i.mktw.net/mw3/community/images/btns/btn_standard_right2.png');
}
.standardbutton .rightcapoff[class]{
    background: url(images/btns/btn_standard_right2.png) transparent no-repeat top left;
}
.orangebutton .standardbutton .rightcapoff {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://i.mktw.net/mw3/community/images/btns/btn_standard_right-orange.png');
}
.orangebutton .standardbutton .rightcapoff[class] {
    background: url(images/btns/btn_standard_right-orange.png) transparent no-repeat top left;
}

.standardbutton .buttonoff p {
    margin: 0; padding: 1px 0 0; font-size: 90%;
}
.standardbutton .buttonoff p a:link, .standardbutton .buttonoff p a:visited, .largebutton .buttonoff p a:link, .largebutton .buttonoff p a:visited, .button3 .buttonoff p a:link, .button3 .buttonoff p a:visited {
    color: #333; font-weight: bold; white-space: nowrap; text-decoration: none;
}
.standardbutton .buttonoff p a:hover, .standardbutton .buttonoff p a:active, .largebutton .buttonoff p a:hover, .largebutton .buttonoff p a:active, .button3 .buttonoff p a:hover, .button3 .buttonoff p a:active {
    color: #0077c6; font-weight: bold; white-space: nowrap; text-decoration: none;
}


.bigbutton {
    cursor: pointer;
}
.bigbutton .leftcapoff {
    float: left; 
    height: 37px; 
    width: 13px; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://i.mktw.net/mw3/community/images/btns/btn_large_left.png');
}
.bigbutton .leftcapoff[class]
{
    background: url(images/btns/btn_large_left.png) transparent no-repeat top left;
}

.bigbutton .buttonoff {
    float: left; 
    height: 37px; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://i.mktw.net/mw3/community/images/btns/btn_large_bkg.png');
}
.bigbutton .buttonoff[class]
{
    background: url(images/btns/btn_large_bkg.png) no-repeat top left;
}
.bigbutton .rightcapoff {
    float: left; 
    height: 37px; 
    width: 13px; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://i.mktw.net/mw3/community/images/btns/btn_large_right.png');
}
.bigbutton .rightcapoff[class]
{
    background: url(images/btns/btn_large_right.png) transparent no-repeat top left;
}
.bigbutton .buttonoff p {
    margin: 0; padding: 1px 0 0; font-size: 120%;
}

.button3 {
    cursor: pointer;
}
.button3 .leftcapoff {
    float: left; 
    height: 24px; 
    width: 8px; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://i.mktw.net/mw3/community/images/btns/btn_3_left.png');
}
.button3 .leftcapoff[class]
{
    background: url(images/btns/btn_3_left.png) transparent no-repeat top left;
}

.button3 .buttonoff {
    float: left; 
    height: 24px; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://i.mktw.net/mw3/community/images/btns/btn_3_bkg.png');
}
.button3 .buttonoff[class]
{
    background: url(images/btns/btn_3_bkg.png) no-repeat left top;
}
.button3 .rightcapoff {
    float: left; 
    height: 24px; 
    width: 8px; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://i.mktw.net/mw3/community/images/btns/btn_3_right.png');
}
.button3 .rightcapoff[class]
{
    background: url(images/btns/btn_3_right.png) transparent no-repeat top left;
}
.button3 .buttonoff p {
    margin: 0; padding: 1px 0 0; font-size: 120%;line-height:1.3em;
}

.button4 {
    cursor: pointer;
}
.button4 .leftcapoff {
    float: left; 
    height: 29px; 
    width: 7px; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://i.mktw.net/mw3/community/images/btns/btn_4_left.png');
}
.button4 .leftcapoff[class]
{
    background: url(images/btns/btn_4_left.png) transparent no-repeat top left;
}

.button4 .buttonoff {
    float: left; 
    height: 29px; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://i.mktw.net/mw3/community/images/btns/btn_4_bkg.png');
}
.button4 .buttonoff[class]
{
    background: url(images/btns/btn_4_bkg.png) no-repeat top left;
}
.button4 .rightcapoff {
    float: left; 
    height: 29px; 
    width: 7px; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://i.mktw.net/mw3/community/images/btns/btn_4_right.png');
}
.button4 .rightcapoff[class]
{
    background: url(images/btns/btn_4_right.png) transparent no-repeat top left;
}
.button4 .buttonoff p {
    margin: 0; padding: 1px 0 0; font-size: 90%;
}
.button4 .buttonoff p a:link, .button4 .buttonoff p a:visited, .largebutton .buttonoff p a:link, .largebutton .buttonoff p a:visited, .button3 .buttonoff p a:link, .button3 .buttonoff p a:visited {
    font-weight: bold; font-size:80%; white-space: nowrap; text-decoration: none;
}
.button4 .buttonoff p a:hover, .button4 .buttonoff p a:active, .largebutton .buttonoff p a:hover, .largebutton .buttonoff p a:active, .button3 .buttonoff p a:hover, .button3 .buttonoff p a:active {
    font-weight: bold; white-space: nowrap; text-decoration: none;
}



#tagsratingswidget {
width: 182px;
font-size: 95%; 
}
#tagsratingswidget .widgetcontent {
    padding: 0 3px 3px;
}
#tagsratingswidget .widgetsection, #tagsratingswidget .widgetheader {
	padding: 5px 1px 8px; background: url(images/bkg/strywgtbrk.png) repeat-x bottom left;
}
#commentsinfo .latestcomment {
    background: url(images/btns/icons/site/blockquote.png) no-repeat top left; padding: 19px 0 0; margin: 10px 0 0;
}
#commentsinfo .latestauthor {
    margin: 0 0 10px;
}
#tagsratingswidget p {
	line-height: normal; margin: 0;
}
#tagsratingswidget img {
	vertical-align: middle;	
}
#tagsratingswidget .widgethead {
	font-weight: bold;
}
#tagsratingswidget .linktosync {
	font-style: italic; margin-left: 40px;
}
#tagswidget {
    margin-bottom: 3px;
}
#tagswidget img, #ratingswidget img {
    border: 0;
}
#tagswidget .addbutton, #tagswidget .editbutton {
    cursor: pointer;
}
#tagswidget .collapsable, #tagswidget .expandable {
    white-space: nowrap;
}
.syncwidget .expandable {
    display:none;
}
.syncwidget .expandable.expanded{
    display:inline;
}
.syncwidget a.yourtag{
    color:#F29100;
}
#tagentry {
    border: solid 1px #ccc;
}
#tagentry, #tagentryhelper {
    width: 132px; font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 20px; overflow: hidden; padding: 2px;
}
#tagentryhelper {
    white-space: normal; visibility: hidden; position: absolute;
}

div.mtagautocomplete {
  position:absolute;
  border-bottom: 1px solid #666666;
  background-color:white;
  margin:0px;
  padding:0px;
}
div.mtagautocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.mtagautocomplete ul li.selected { background-color: #e6e6e6;}
div.mtagautocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
  border-left: 1px solid #666666;
  border-right: 1px solid #666666;
}

h2 {
    font-size: 200%; line-height: 100%; font-weight: normal; color: #333; margin-right: 15px;
}
.textdeemphasized, em.textdeemphasized {
    color: #999; font-weight: normal; font-style: normal;
}
.syncwidget {
    overflow: hidden;
}
.syncwidget a:link, .syncwidget a:visited {
    color: #0077c6; text-decoration: none;
}
.syncwidget a:hover, .syncwidget a:visited:hover {
    color: #0077c6; text-decoration: underline;
}
.syncwidget img, .vibecommentslist img {
    border-width: 0;
}
.membercomment{
    border-bottom: dotted 1px #CCCCCC;    
    padding: 10px;
}
.membercomment.editor {
    background-color:#ECFAF1;
}
.membercomment.journalist {
    background-color:#ECFAF1;
}
.membercomment.your {
    background-color:#FDEFD9;
}
.membercomment .commentwasuseful {
    font-size: 85%;
    margin: 0 0 10px 0;
    padding:0;
}
.commentbody {
    padding:0;
    margin:0;
    min-height:60px;
    _height: 60px;
}
.commentbody .editoravatar{
    border: 2px solid #14843A;
    margin-left:-2px;
    margin-top:-2px;
}
.commentbody .youravatar{
    border: 2px solid #F29100;
    margin-left:-2px;
    margin-top:-2px;
    _margin-left:0px;
    _margin-top:0px;
}
.memberavatar .action{
    background-color: #e1e1e1;
    border: 1px solid #cccccc;
    cursor: pointer;
    line-height:0;
}

.memberavatar .sendrqst
{
    width:23px; 
    border-left:0; 
    padding: 2px 0 2px 5px;
}

.memberavatar .sentrqst{
    width:23px; 
    border-left:0; 
    padding: 2px 0 2px 5px;
    background-color:#b7b7b7; 
    cursor:default
}

.memberavatar .rqstsentmsg{
    margin-top:-1px;
    font-size:80%;
    width:58px; 
    background-color:#b7b7b7; 
    color:#ffffff; 
    text-align:center
}

.commentcontent {
    margin-left:70px;
    min-height:41px;height: auto !important;height:41px;
}
.commentcontent .header{
    text-transform:uppercase;
    font-size: 85%;
}
.membercomment .header .your .membername, .membercomment .header .your .membername a{
    color: #F29100;
}
.membercomment .header .editor .membername, .membercomment .header .editor .membername a{
    color: #14843A;
}
.membercomment .header .your .membername a, .membercomment .header .editor .membername a{
    font-weight:bold;
}

.membercomment .header .ishelpful, .membercomment .isunhelpful{
    width:20px;
    height:14px;
	padding-right:5px;
	padding-top: 1px;
}
.membercomment .header .ishelpful div, .membercomment .isunhelpful div{
    width:20px;
    background-repeat:no-repeat;
	cursor:pointer;
}
.membercomment .header .ishelpful div{
	background-image: url(images/bkg/thumb-up.png);
	width:22px;height:14px;
}
.membercomment .header .ishelpful div.helpful{
	background-image: url(images/bkg/thumb-up-voted.png);
	cursor:default;
}
.membercomment .header .ishelpful div.unhelpful, 
.membercomment .header .ishelpful div.your, 
.membercomment .header.unhelpful .ishelpful div{
	background-image: url(images/bkg/thumb-up-grey.png);
	cursor:default;
}
.membercomment .header .isunhelpful div{
	background-image: url(images/bkg/thumb-down.png);
	width:22px;height:14px;
}
.membercomment .header .isunhelpful div.unhelpful{
	background-image: url(images/bkg/thumb-down-voted.png);
	cursor:default;
}
.membercomment .header .isunhelpful div.helpful, 
.membercomment .header .isunhelpful div.your, 
.membercomment .header.unhelpful .isunhelpful div{
	background-image: url(images/bkg/thumb-down-grey.png);
	cursor:default;
}
.membercomment .header .netHelpful{
    color:#00A651;
}
.membercomment .header .netUnhelpful{
    color:#EE1C24;
}
.membercomment .header p{
    margin-bottom:0;
    margin-top:0;
    padding:0;
    line-height:1em;
}

.membercomment .header .reportcomment{
	background: no-repeat url(images/bkg/report2.png);
	padding-left:9px;
	line-height:1.4em;
}
.membercomment .header.unhelpful .reportcomment{
	background: no-repeat url(images/bkg/report2-grey.png);
}

.membercomment .header .showcomment{
    font-size:85%;
    line-height:1.4em;
    margin-right:15px;    
}
.commentcontent p {
    margin-top:0;
    margin-bottom:12px;
}
.editcomment, .reportcomment {
    font-size:85%;
    margin:0;
}
#communityranktt{
    background-color:#FFFAC3;
    padding:5px 5px 5px 5px; 
    border: #636363 thin solid; 
}
.clearall {
    clear: both;
}
.floatleft {
    float: left;
}
.floatright {
    float: right;
}
.syncwidget .pagination a.selected, .syncwidget .pagination a.selected:hover{
    font-weight:bolder;
    color: #000000;
    cursor:default;
    text-decoration:none;
}
.syncwidget .pagination .disabled, .syncwidget .pagination a:hover.disabled{
    color: #999;
    text-decoration:none;
    cursor:default;
}
.syncwidget .fakenewcomment
{
    background: url(images/bkg/fake-comment-level0.png) top center no-repeat;
    font-weight:bold;
    padding:80px 0 100px 264px;
}
.widemaincolumn .syncwidget .fakenewcomment
{
    background: url(images/bkg/fake-comment-groups-level0.png) top center no-repeat;
}
.syncwidget .level0 .fakenewcomment
{
    background: url(images/bkg/fake-comment-level1.png) top center no-repeat;
    padding-left:252px;
}
.widemaincolumn .syncwidget .level0 .fakenewcomment
{
    background: url(images/bkg/fake-comment-groups-level1.png) top center no-repeat;
}
.syncwidget .level1 .fakenewcomment
{
    background: url(images/bkg/fake-comment-level2.png) top center no-repeat;
    padding-left:240px;    
}
.widemaincolumn .syncwidget .level1 .fakenewcomment
{
    background: url(images/bkg/fake-comment-groups-level2.png) top center no-repeat;
}
.syncwidget .pagination p 
{
    margin:0; 
    padding:0; 
    line-height:1.2em
}

#synccomments{
    zoom:1;
}
.commentblock
{
    margin: 0 0 10px;
    padding: 10px 0 30px 10px;
    border:solid 1px #c2c2c2;
    background-color:White;
}
.membercomment{
    margin: 10px 0px 10px 0;
    padding-bottom:5px;
    padding-right:10px;
    border:solid 1px #c2c2c2;
    background-color: #FFFFFF;
}
.membercomment .header{
    border-bottom:1px dotted #CCCCCC;
    padding:2px 0 2px 0;
    margin-bottom:8px;
}
.membercomment .header.unhelpful{
    border-bottom:none;
    margin-bottom:0;
}
.membercomment .commentbody.unhelpful, .membercomment .replybutton.unhelpful{
    display:none;   
}

.membercomment .header{
    display:block;
}
.membercomment.level0{
    border:1px solid #918F8F;
    background: #f7f7f7 url(images/bkg/group-bkglong.png) repeat-x;
}
.membercomment.level1{
    border:1px solid #B7B7B7;
    background-color: #FFFFFF; 
}
.membercomment.level2{
    border:1px solid #d7d7d7;
    background: #f7f7f7 url(images/bkg/group-bkgshort.png) repeat-x;
}
.membercomment.editor{
    background: #ffffff url(images/bkg/group-bkgeditor.png) repeat-x;
}
.membercomment.your {
    background-color:#FDEFD9;
    background-image: none;
}
.membercomment .yourcommentlabel {
    font-size:85%;margin:20px 0 0 0;color:#EF2464;text-align:center;padding:0;font-weight:bolder;
}

.membercomment .cannotreplylabel {
    font-size:85%;
    color:#5A5A5A;
    text-align:right;
    padding:0;
    font-weight:bold;
}
.commentbody .avatar, .commentbody .youravatar {
    line-height:0;
}

.standardbutton .buttonoff p{
    line-height:1.2em;
}
.replybutton{
    padding: 0;
    text-align: right;
    margin:0;
}
.replydiv {
    margin:12px 0 24px 0;
}
.newcomment
{
    height: auto;
    margin: 0;
    padding: 0 0 25px 11px;
    background: #FFD28E url(images/bkg/group_newcomment_bkg.png) repeat-x left top;
    border:solid 1px #c2c2c2;
}
.newcomment .title{
    font-size:120%;
}
.membercomment .commentwasuseful {
    font-size: 95%;
    font-weight:bold;
    color:#575757;
    margin: 0 0 10px 0;
    padding:0;
}
.membercomment.other .header a{
    color: #0077C6
}
.membercomment .header .showcomment a{
    color:#999;
}
.membercomment .header.unhelpful .reportcomment a{
    color:#999;
    cursor:default;
}
.membercomment.unhelpful .header .reportcomment a:hover, .membercomment.unhelpful .header .reportcomment a:visited:hover {
    text-decoration:none;
}

.membercomment .trackreplies{
    background: url(images/bkg/track.png) center left no-repeat;
    padding-left: 16px;
}

.membercomment .permalink{
    background: url(images/bkg/permalink.png) center left no-repeat;
    padding-left: 16px;
}

.membercomment .replyto{
    background: url(images/bkg/commentbubble_small.png) center left no-repeat;
    padding-left: 16px;
}