/* mixins, variables, etc. */

$grayMediumLight: #eaeaea;
$grayLighter: #f0f0f0;
$grayLight: #c0c0c0;
$blue: #a0a0ff;
@mixin box_sizing {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.row{
  width: 100%
}
.forum-admin-user-list{
  width:auto;
  max-height:60px;
  padding:7px;
  overflow-y:scroll;
}
.admin-edit-field{
  width:150px;
  font-size: 10px;
  padding:3px;
  margin-left:10px;
}
.forum-comment {
  margin-top: 3px;
  margin-bottom: 3px;
  word-wrap: normal;
}
.forum-comment-new{
  @extend .forum-comment;
  background:rgb(235,255,240);
}
.forum-comment-reject {
  @extend .forum-comment;
  background: rgb(255, 235, 235);
}
.forum-comment-translate {
  @extend .forum-comment;
  color: rgb(0, 0, 180);
}
.admin-edit-field{
  width:150px;
  font-size: 10px;
  padding:3px;
  margin-left:10px;
}

.big-forum-video{
  width:960px;
  position:relative;
  margin-left:75px;
  margin-top:10px;
}
input{
  border: 1px solid rgb(187, 187, 187);
  width: 95%;
  padding: 10px;
  margin-bottom: 15px;
}
.senate-row{
  padding:0;
}
.forum-email-subject{
  width:75%;
  margin-top:20px;
  margin-left:40px;
}
.forum-email-body{
  width:75%;
  margin-top:20px;
  margin-left:40px;
  min-height:250px;
}
.forum-select{
  width:auto;
  min-width:230px;
}
.forum-select-multiple{
  width:auto;
  max-height:35px;
  padding:7px;
}
.forum-translation-choice{
  cursor: arrow;
  margin-left: 15px;
}
.forum-senate{
  width:100%;
  height:570px;
  background:rgb(240, 240, 240);
  overflow-y: scroll;
  padding:20px;
}
.forum-closed{
  background:rgb(200,200,245);
  color: rgb(180, 0, 0)
}
.forum-add-photo,.forum-add-internet{
  width:40px;
  height:25px;
}
.forum-photo{
  max-width:150;
  max-height:100px;
  padding-right:20px;
  z-index: 1;
}
.forum-big-photo{
  max-width:600px;
  max-height:400;
  padding-right:20px;
  z-index: 2;
}
.forum-tab{
  width:20px;
  display:inline;
}
.xforum-simple-list{
  list-style-type: none;
  padding:0;
}
.biggest-forum-photo{
  max-width:1140px;
  height:600px;
}
.comment-new-span{
  position:aboslute;
  min-width:500px;
  max-width:850px;
  background-color:white;
  padding:5px;
  z-index: 4;
}
.gap{
}
.senate-new{
  max-width:710px;
  min-width: 500px;
  max-height:75px;
  margin: 5px 20px 20px;
  overflow-y: scroll;
  word-wrap: normal;
}
.forum-topic{
  font-size: 1.5em;
  font-weight:bold;
}
.comment-btn{
  width:auto;
  margin-top:5px;
  margin-left:5px;
  padding-left:15px;
  padding-right:15px;
  height:22px;
}
.pad-10L{
  padding-left:10px;
}
.pad-10R{
  margin-right:10px;
  margin-top:5px;
}
.button-image{
  max-width:40px;
  max-height:25px;
  padding:0;
}
.needy{
  background-color: rgb(220, 150, 150);
}
.vote-green{
  background:rgb(0,180,0);
}
.vote-red{
  background:rgb(180,0,0);
}
.forum-vote {
  min-width: 60px;
}
.forum-vote-down {
  @extend .forum-vote;
  color:rgb(200,0,0);
}
.forum-vote-up {
   @extend .forum-vote;
   color:rgb(0,200,0) ;
}
.cool-selector{
  background: Transparent no-repeat;
  border: none;
  width:automatic;
}
.silver-selector{
  border: none;
  width:automatic;
  min-width:150px;
  min-height:25px;
  background: Transparent url(xforum/silver_selector.png) no-repeat;
  padding-top:0px;
  padding-bottom:0px;
  vertical-align:text-top;
  margin:0;
}
.silver-ellipse {
  -moz-box-shadow:inset 0px 1px 0px 0px white;
  -webkit-box-shadow:inset 0px 1px 0px 0px white;
  box-shadow:inset 0px 1px 0px 0px white;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #c7c7c7) );
  background:-moz-linear-gradient( center top, #f9f9f9 5%, #c7c7c7 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#c7c7c7');
  background-color: rgb(249, 249, 249);
  -webkit-border-radius: 33px;
  -moz-border-radius: 33px;
  border-radius: 33px;
  text-indent:0;
  border:1px solid rgb(220, 220, 220);
  display:inline-block;
  color: rgb(102, 102, 102);
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  font-style:normal;
  height:2px;
  line-height:2px;
  width:auto;
  text-decoration:none;
  text-align:center;
  text-shadow:1px 1px 0px white;
}
.forum-translation-scroll{
  max-height:200px;
  overflow-y:scroll;
}
.drop-menus{
  position:absolute;
  width:200px;
  background-color:$grayMediumLight;
  list-style-type: none;
  z-index:0
}
.drop-menu {
  cursor: arrow;
  margin-left: 20px;
}
.drop-menu:hover{
  padding: 3px;
  border: 1px rgb(255, 255, 255) outset;
}
.drop-menu:active{
  color: rgb(0, 0, 249);
}
.silver-ellipse:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, rgb(199, 199, 199)), color-stop(1, rgb(249, 249, 249)) );
  background:-moz-linear-gradient( center top, rgb(199, 199, 199) 5%, rgb(249, 249, 249) 100% );
  background-color: rgb(199, 199, 199);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#c7c7c7');
}
.silver-ellipse:active {
  position:relative;
  top:1px;
}
.red-ellipse{
  @extend .silver-ellipse ;
  color: rgb(180, 0, 0);
}
.red-ellipse:hover{
  @extend .silver-ellipse:hover;
}
.hot{
  border: 3px crimson;
}
.red-elisps:active {
  @extend .silver-ellipse:active;
}
.green-ellipse {
  @extend .silver-ellipse;
  color: rgb(0, 180, 0);
}
.green-ellipse:hover {
  @extend .silver-ellipse:hover;
}

.green-ellipse:active {
  @extend .silver-ellipse:active;
}
.blue-ellipse {
  @extend .silver-ellipse;
  color: rgb(0, 0, 180);
}
.blue-ellipse:hover {
  @extend .silver-ellipse:hover;
}
.blue-ellipse:active {
  @extend .silver-ellipse:active;
}
.left{
  float:left;
}
.right{
  float:right;
}
/* users index */
/* miscellaneous */

.debug_dump {
  clear: both;
  float: left;
  width: 100%;
  margin-top: 45px;
  @include box_sizing;
}