/* modifications to default bootstrap style */
body { padding-top: 50px; }
a:hover { color: #08C; cursor: pointer;}
.dropdown .caret { margin-left: 4px;}
input, textarea, select, .uneditable-input { margin-bottom: 0px; }
.popover-inner { width: 500px; } /* FIXME: set width of popover individually */
html, body { height: 100%; }
.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -63px; }
.foot, .push { height: 63px; clear: both; }
.label { text-shadow: none; }
.label-info { background-color: #08C; opacity:0.7; margin-left: 5px;}

/* paperrater style */
#hero { border-bottom: 2px solid #888; width:auto !important; background: black url('images/hero-bg.jpg') no-repeat; background-size:100% 231px; padding: 30px; color:white; margin:-10px 0px 10px 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
#hero .close {position: relative; top:-25px; right:-17px; color:white; font-weight: normal; text-shadow: none; opacity: 1;}
#all-in-one-searchfield {width:200px; margin-left:10px;}
#searchhelp { font-weight:bold; font-size:16px; margin-top:-1px; }
#logo { padding-bottom: 0px; width: 120px; height: 25px; background: transparent url(images/paperrater_logo.png) no-repeat 20px 9px;}
#feed { width:32px; height:32px; float:right; border: 0; }
h1 small { padding-left: 20px;}
.bold {font-weight: bold; }
.hidden { display: none; }
.taglabel { font-weight: normal; font-size: 13px; line-height:15px; text-transform:none; padding-left:5px; padding-right: 5px; margin-left:2px;}
.taglabel:hover { background-color:#08C;}
.taglabel a {color: white;}
.taglabel a:hover {color: white; cursor:pointer; text-decoration: none;}
.searchgridcell { position:relative;}
.searchgridcell h1 { font-size: 16px; width: 570px !important; line-height:22px; margin:-4px 0px 4px 0px; }
.searchgridcell .authors { width:500px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 2px;}
.searchgridcell .journal { font-style:italic; width:500px !important;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.searchgridcell .add { position: absolute; right: -16px; top: -20px; z-index:10001; width:32px; height:34px; padding: 0px; font-size: 28px; font-weight: bold; color: white; text-align: right; vertical-align: top;}
.searchgridcell .addbox { content: ''; z-index:10000; position: absolute; width: 0; height: 0; right: -9px; top: -5px; border: 18px solid; border-image: initial; border-color: #BFBFBF #BFBFBF transparent transparent; }
.searchgridcell .addbox:hover {border-color: #08C #08C transparent transparent; cursor: pointer;}
.rightpos { position:absolute; right:0px; }
.bottompos {bottom: 0px;}
.searchgridcell .toppos { top: 4px;}
.searchgridcell .rating { bottom: 20px; }
.alert-in-table { background-color: #D9EDF7; color: #3A87AD; }
.slim-table td { padding: 3px 10px; border: none; border-left: 1px solid #DDD; }
.slim-table tbody tr:first-child td { padding-top: 8px; }
.slim-table tbody tr:last-child td { padding-bottom: 9px; }
.slim-table th { border-bottom: 1px solid #DDD; }
.comment h1 { font-size: 100%; line-height: 100%; color:#404040; text-transform:uppercase; margin-bottom: 4px;}
.comment h2 { font-size: 100%; line-height: 16px; color:#404040; margin-bottom: 5px;}
.comment .commenttime { color:#666; }
.comment .commenttext { font-style: italic; }
.comment .commenttext.short-comment { width: 282px; overflow: hidden; }
#paperdetails { margin-bottom: 20px; border-bottom: 1px solid #EEE; }
#paperdetails h1 { font-size: 16px; color: #08C; padding: 0px; line-height: 22px; margin-bottom: 4px; }
#paperdetails .authors { margin-bottom: 4px; }
#paperdetails .journal { font-style: italic; }
#paperdetails .abstract { padding: 20px 60px 20px 89px;}
span.speech {
  position: relative;
  line-height: 100%;
  text-align: center;
  background-color: #62CFFC;
  border: 2px solid #62CFFC;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  border-image: initial;
  color: white;
  padding: 0px 5px;
}	
span.speech:before {  
  content: ' ';  
  position: absolute;  
  width: 0;  
  height: 0;  
  left: 0px;  
  top: 14px;  
  border: 4px solid;  
  border-color: #62CFFC transparent transparent #62CFFC;
  -webkit-transform: rotate(25deg);
  -moz-transform:rotate(25deg);
  -o-transform:rotate(25deg);
  -ms-transform:rotate(25deg);
}
span.speech:hover {
  background-color:#08C;
  border-color: #08C;
  cursor: pointer;
}
span.speech:hover:before {
  border-color: #08C transparent transparent #08C;
}
#footer {
  margin: 30px 0 0 0;
  border-bottom: none;
}

.starRating { width:112px !important; height:16px !important; position: relative; top: 0px;}
.starRating span { width:16px; height:16px; background-image: url(images/star.gif); display:inline-block; cursor: pointer; background-position: 0px 0; }
.starRating span.chosen { background-position: 0 -16px; }
.starRating:hover span { background-position: 0 0; }
.starRating:hover span.hoverchosen { background-position: 0 -32px; }
#ratingDist { height: 81px; width: 112px; border-top: 1px solid #BBB;}
#ratingDist p { position: absolute; bottom: -10px; right: 2px; font-size:10px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
.ratingBar { position: relative; float: left; width:10px !important; border: 1px solid #BBB; border-top: 0px; background-color: yellow; margin: 0px 2px;}
.ratingBar:after { clear: both;}
.ratingDistLabel { width:16px !important; text-align:center; display: inline-block; font-size:10px;}
.tagBox span { margin-bottom: 8px; margin-right: 4px;}
.tagDoubleSpan {display: inline-block;}
.taglabel.left-side {
border-top-right-radius:0x;
-moz-border-radius-topright:0px;
-webkit-border-top-right-radius:0px;
border-bottom-right-radius:0x;
-moz-border-radius-bottomright:0px;
-webkit-border-bottom-right-radius:0px;
margin-right: 0px;
}
.taglabel.mytag {
background-color: #49AFCD;
}
.taglabel.mytag:hover {
background-color: #24748c;
}
.taglabel.right-side {
border-top-left-radius:0x;
-moz-border-radius-topleft:0px;
-webkit-border-top-left-radius:0px;
border-bottom-left-radius:0x;
-moz-border-radius-bottomleft:0px;
-webkit-border-bottom-left-radius:0px;
margin-left: 1px;
padding-left: 4px;
width:7px !important;
}
.taglabel.right-side:hover { background-color: #444; cursor: pointer;}
#newtag { width: 190px; margin-right: 5px;}


.comment .commentimg {
padding: 0px;
float: left;
text-align: center;
}
.comment .commentimg .uservisible:hover {
cursor: pointer;
}
.comment .comment-padded {
padding: 0px 50px 0px 79px;
}
.comment .commenthead {
position: relative;
margin-left: 79px;
margin-bottom: 12px;
}

.comment .commentauthor {
font-weight: bold;
text-transform: uppercase;
line-height: 16px;
}

.comment .commentaction {
position:absolute;
right: 0px;
top: 0px;
font-size: 11px;
line-height:20px;
text-align: right;
}
.comment .commentaction button {
width:80px;
overflow: hidden;
margin-left:5px;
}
.comment .actionstats {
padding: 5px 0 0 79px;
font-size:12px;
color: #666;
}
.comment .commentbody .alert {
margin: 0 0 0 79px;
}

#leave-comment {
  margin: 20px 0px;
}
#comment-text {
  width:610px;
  height:120px;
  margin: 10px 0px;
}
#comment-preview-text {
  background-color: #EEE;
  padding: 5px 58px 5px 87px;
  width:473px;
}
#profile #profile-leftcol {
  float:left;
  padding-bottom: 15px;
}
#profile #profile-rightcol {
  padding-left: 115px;
}
#profile #stats {
  margin-top: 10px;
  color: #888;
}
.avatar {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#profile-image-upload-preview { float: left; }
#profile-image-upload-preview.loading { background: url(images/loading.gif) no-repeat 43px 43px; }
#profile-image-upload-preview.loading img { opacity: 0.3 }
#profile-avator-upload {padding-left: 115px;}

.hasPlaceholder { color: #777;}

.needsLogin { visibility: hidden; display: none;}