div, div {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
}

.ajax {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-image: url(icons/ajax.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

body, html, document, window {
	overflow-x: hidden !important;
	overflow-y: hidden !important;
	font-family: Ubuntu, Neue Helvetica, Verdana, verdana;
	width: 100%;
	height: 100%;
}

#slider {
	height: 100%;
	position: absolute;
	left: -258px;
	top: 0px;
    -webkit-transform: translateZ(0);
    transition: left 0.2s;
    -moz-transition: left 0.2s;
    -webkit-transition: left 0.2s;
}

#global {
	display: inline-block;
	position: relative;
	height: 100%;
}

#playground {
	position: absolute;
	left: 0px;
	top: 50px;
	bottom: 0px;
	right: 0px;
	overflow-x: hidden;
}

.leftPaneOpen #slider {
	left: 0px;
}

/*
  ______   ______   .__   __. .___________. _______ .__   __. .___________.
 /      | /  __  \  |  \ |  | |           ||   ____||  \ |  | |           |
|  ,----'|  |  |  | |   \|  | `---|  |----`|  |__   |   \|  | `---|  |----`
|  |     |  |  |  | |  . `  |     |  |     |   __|  |  . `  |     |  |     
|  `----.|  `--'  | |  |\   |     |  |     |  |____ |  |\   |     |  |     
 \______| \______/  |__| \__|     |__|     |_______||__| \__|     |__|     
                                                                           
.______     ______   .______    __    __  .______   
|   _  \   /  __  \  |   _  \  |  |  |  | |   _  \  
|  |_)  | |  |  |  | |  |_)  | |  |  |  | |  |_)  | 
|   ___/  |  |  |  | |   ___/  |  |  |  | |   ___/  
|  |      |  `--'  | |  |      |  `--'  | |  |      
| _|       \______/  | _|       \______/  | _| 

*/

.popupOverlay {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: white;
	z-index: 999;
	overflow: scroll;
	padding-bottom: 58px;
}

.popupOverlay.loading {
	background-image: url(icons/ajax.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.popupOverlay .options {
	background-color: #EFEFEF;
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 58px;
	border-top: 1px solid #c4c4c4;
	line-height: 55px;
	padding-left: 9px;
	padding-right: 9px;
	text-align: center;
}

.popupOverlay .options .left {
	float: left;
}

.popupOverlay .options .right {
	float: right;
}


.popupOverlay .infoDescription {
	padding: 10px;
	font-family: Georgia, Palatino, 'Times New Roman', serif;
	padding-bottom: 40px;
}

.popupOverlay .infoDescription .title {
	font-weight: bold;
}

/* like .frame in gallery.css */
#contentPreview {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  bottom: 50px;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  -moz-user-select: none;
}

#contentPreview.show { display: block; }

#contentPreview > img {
  top: 0px;  /* javascript modifies this position with a transform */
  left: 0px;
  position: absolute;
  border-width: 0px;
  padding: 0px;
  margin: 0px;
  transform-origin: 0px 0px;
  pointer-events: none;
  -moz-user-select: none;
}

#imgurAlbum {
	text-align: center;
	padding-top: 1px;
}

#imgurAlbum.hidden {
	display: none;
}

#imgurAlbum .thumbnail {
	display: inline-block;
	margin: 1px;
}

#imgurAlbum .thumbnail img {
	display: inline-block;
}

#votingControls {
	display: inline-block;
	margin-top: 7px;
}

#votingControls .votes {
	margin-left: 10px;
	margin-right: 10px;
}

#votingControls .voting .upvoteContainer, #votingControls .voting .downvoteContainer, #votingControls .voting .votes { display: inline-block; }

#votingControls .voting .upvoteContainer .upvote {
	background-image: url(icons/voting.png);
	width: 23px;
	height: 23px;
	background-position: -46px 0px;
}

#votingControls .voting.upvote .upvoteContainer .upvote {
	background-position: -69px 0px;
}

#votingControls .voting .downvoteContainer .downvote {
	background-image: url(icons/voting.png);
	width: 23px;
	height: 23px;
}

#votingControls .voting.downvote .downvoteContainer .downvote {
	background-position: -23px 0px
}

.button.hidden { display: none; }
.button.show { display: block; }

/*
  ______   ______   .___  ___. .______    __       __________   ___        ___       __       _______ .______     .___________.
 /      | /  __  \  |   \/   | |   _  \  |  |     |   ____\  \ /  /       /   \     |  |     |   ____||   _  \    |           |
|  ,----'|  |  |  | |  \  /  | |  |_)  | |  |     |  |__   \  V  /       /  ^  \    |  |     |  |__   |  |_)  |   `---|  |----`
|  |     |  |  |  | |  |\/|  | |   ___/  |  |     |   __|   >   <       /  /_\  \   |  |     |   __|  |      /        |  |     
|  `----.|  `--'  | |  |  |  | |  |      |  `----.|  |____ /  .  \     /  _____  \  |  `----.|  |____ |  |\  \----.   |  |     
 \______| \______/  |__|  |__| | _|      |_______||_______/__/ \__\   /__/     \__\ |_______||_______|| _| `._____|   |__|   

*/

.complexAlert {
	background: -moz-radial-gradient(center, ellipse cover, #898989 2%, #898989 28%, #4C4C4C 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(2%,#898989), color-stop(28%,#898989), color-stop(100%,#4C4C4C));
	background: -webkit-radial-gradient(center, ellipse cover, #898989 2%,#898989 28%,#4C4C4C 100%);
	background: -o-radial-gradient(center, ellipse cover, #898989 2%,#898989 28%,#4C4C4C 100%);
	background: -ms-radial-gradient(center, ellipse cover, #898989 2%,#898989 28%,#4C4C4C 100%);
	background: radial-gradient(center, ellipse cover, #898989 2%,#898989 28%,#4C4C4C 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#898989', endColorstr='#4c4c4c',GradientType=1 );
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 10;
}

.complexAlert .tableContainer {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 40px;
	bottom: 0px;
}

.complexAlert .tableContainer table {
	width: 100%;
	height: 100%;
}

.complexAlert .title {
	color: white;
	font-size: 24px;
	font-weight: lighter;
	position: absolute;
	top: 0px;
	left: 5px;
	right: 5px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-bottom: 1px solid #4C4C4C;
	box-shadow: rgba(255, 255, 255, 0.3) 0px 1px 0px 0px;
}

.complexAlert .incontainer {
	margin-left: 10px;
	margin-right: 10px;
	padding-right: 17px;
}

.complexAlert .incontainer.joined {
	background: white;
	border-radius: 5px;
	box-shadow: rgba(255, 255, 255, 0.3) 0px 1px 0px 0px;
	border: 1px solid #5f5f5f;
}

.complexAlert input, .complexAlert textarea {
	padding: 8px;
	font-size: 14px;
	display: block;
	border: none;
	width: 100%;
	outline: none !important;
}

.complexAlert .successMessage {
	text-align: center;
	font-size: 20px;
	color: white;
	text-shadow: 0px 2px 0px black;
}

.complexAlert textarea {
	height: 100px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.complexAlert .incontainer.spaceBottom {
	margin-bottom: 10px;
}

.complexAlert input:focus {
	outline: none;
}

.complexAlert .incontainer.joined input.spacerTop {
	border-top: 1px solid #e5e5e5;
}

.complexAlert .buttoncontainer {
	margin-left: 10px;
	margin-right: 10px;
	padding-right: 13px;
}

.complexAlert .buttoncontainer a.button {
	width: 100%;
}

a.button {
	display: inline-block;
	height: 26px;
	text-align: center;
	line-height: 27px;
	padding: 6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	position: relative;
	-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1),inset 0 1px rgba(255, 255, 255, 0.3),inset 0 0 1px rgba(255, 255, 255, 0.15),0 1px 3px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.1),inset 0 1px rgba(255,255,255,0.3),inset 0 0 1px rgba(255,255,255,0.15),0 1px 3px rgba(0,0,0,0.35);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1),inset 0 1px rgba(255, 255, 255, 0.3),inset 0 0 1px rgba(255, 255, 255, 0.15),0 1px 3px rgba(0, 0, 0, 0.35);
	background-color: #B0B0B0;
	background-image: -moz-linear-gradient(top,#D9D9D9,#B0B0B0);
	background-image: -o-linear-gradient(top,#D9D9D9,#B0B0B0);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#D9D9D9),color-stop(1,#B0B0B0));
	background-image: -webkit-linear-gradient(top,#D9D9D9,#B0B0B0);
	background-image: -ms-linear-gradient(top,#D9D9D9,#B0B0B0);
	background-image: linear-gradient(top,#D9D9D9,#B0B0B0);
	-pie-background: linear-gradient(top,#d9d9d9,#b0b0b0);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	color: #383838;
	cursor: pointer;
	text-shadow: white 1px 1px 1px;
	font-weight: 600;
	font-size: 14px;
	background-color: #D0D0D0;	
	background-image: -moz-linear-gradient(top,#EDEDED,#D0D0D0);
	background-image: -o-linear-gradient(top,#EDEDED,#D0D0D0);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#EDEDED),color-stop(1,#D0D0D0));
	background-image: -webkit-linear-gradient(top,#EDEDED,#D0D0D0);
	background-image: -ms-linear-gradient(top,#EDEDED,#D0D0D0);
	background-image: linear-gradient(top,#EDEDED,#D0D0D0);
	-pie-background: linear-gradient(top,#ededed,#d0d0d0);
	margin-top: 10px;
	margin-bottom: 0px;
	text-decoration: none;
}

a.button:active {
	background-image: -moz-linear-gradient(top,#d1d1d1,#ebebeb);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#d1d1d1),to(#ebebeb));
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#d1d1d1,endColorStr=#ebebeb);
	text-shadow: white -1px -1px 1px;
}

/* 
     _______. __   _______   _______ .______        ___      .______      
    /       ||  | |       \ |   ____||   _  \      /   \     |   _  \     
   |   (----`|  | |  .--.  ||  |__   |  |_)  |    /  ^  \    |  |_)  |    
    \   \    |  | |  |  |  ||   __|  |   _  <    /  /_\  \   |      /     
.----)   |   |  | |  '--'  ||  |____ |  |_)  |  /  _____  \  |  |\  \----.
|_______/    |__| |_______/ |_______||______/  /__/     \__\ | _| `._____|
                                                                          
 */

#leftPane {
	float: left;
	width: 257px;
	background-color: #303944;
	overflow-y: scroll;
	height: 100%;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-right: 1px solid #262626;
	position: relative;
}

.leftPaneOpen #leftPane > div {
	position: relative;
}

.leftPaneOpen #leftPane > div:before {
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	width: 10px;
	Content: "";
	z-index: 2;
	box-shadow: inset -10px 0 5px -5px hsla(0,0%,0%,.25);
}

#leftPane .node {
	padding: 10px;
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #262626;
	color: #c5c5c5;
	font-weight: lighter;
	position: relative;
	text-shadow: black 0px 2px 0px;
	box-shadow: #3d4651 0px 1px 0px 0px;
	position: relative;
}

#leftPane .node .close, #leftPane .node .options {
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	width: 42px;
	background-image: url(icons/close.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	opacity: 0.4;
}

#leftPane .node .options {
	background-image: url(icons/cog.png);
}

#leftPane .node .close:active, #leftPane .node .options:active {
	background-color: #1c2228;
}

#leftPane .node.pressed {
	font-weight: bold;
	font-style: italic;
}

#leftPane .node:before {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 1px;
	background-color: #3d4651;
	Content: "";
}

#leftPane .node:active {
	background-color: #29323e;
	box-shadow: none;
}

#leftPane .node:active:before {
	display: none;
}

#leftPane .node.title {
	background: -moz-linear-gradient(top, #313a45 0%, #212832 100%);
	background: -webkit-linear-gradient(top, #313a45 0%,#212832 100%);
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 11px;
	font-weight: bold;
	color: #989898;
	text-shadow: none;
	text-transform: uppercase;
}

#leftPane #sortOptions .hot #hot, #leftPane #sortOptions .top #top, #leftPane #sortOptions .new #new, #leftPane #sortOptions .controversial #controversial {
	font-weight: bold;
	font-style: italic;
}

/* 
.___________.  ______   .______     .______      ___      .__   __.  _______ 
|           | /  __  \  |   _  \    |   _  \    /   \     |  \ |  | |   ____|
`---|  |----`|  |  |  | |  |_)  |   |  |_)  |  /  ^  \    |   \|  | |  |__   
    |  |     |  |  |  | |   ___/    |   ___/  /  /_\  \   |  . `  | |   __|  
    |  |     |  `--'  | |  |        |  |     /  _____  \  |  |\   | |  |____ 
    |__|      \______/  | _|        | _|    /__/     \__\ |__| \__| |_______|
                                                                             
*/

#topControls {
	height: 38px;
	background: -moz-linear-gradient(top, #39abe1 0%, #1984c2 100%);
	background: -webkit-linear-gradient(top, #39abe1 0%, #1984c2 100%);
	border-bottom: 1px solid #1b96ca;
	box-shadow: #004268 0px 1px 0px 0px;
	padding: 5px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 5;
}

/* subreddit title on top pane */

#topControls #subredditTitle {
	display: inline-block;
	color: #ffffff;
	text-shadow: #116596 0px 2px 0px;
	float: left;
	height: 37px;
	line-height: 38px;
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 20px;
}

/* button on top pane */

#topControls .button {
	background: -moz-linear-gradient(top, #248eca 0%, #166fb0 100%);
	background: -webkit-linear-gradient(top, #248eca 0%,#166fb0 100%);
	border: 1px solid #004a75;
	float: left;
	padding: 7px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	color: #e8e8e8;
	font-weight: lighter;
	font-size: 13px;
	height: 22px;
	line-height: 20px;	
	position: relative;
	text-shadow: black 0px 2px 0px;
	min-width: 30px;
	box-shadow: #34b6dd 0px 1px 0px 0px;
	z-index: 2;
	margin-right: 5px;
}

#topControls .button:before {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	border-top: 1px solid #1c7ec6;
	Content: "";
}

#topControls .button:active {
	background: -moz-linear-gradient(top, #217aad 0%, #135d92 100%);
	background: -webkit-linear-gradient(top, #217aad 0%,#135d92 100%);
}

#topControls .button .icon {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

#topControls #subredditSelector .icon {
	background-image: url(icons/options.png);
}

#topControls .button:active .icon {
	opacity: 0.6;
}

#topControls #backButton {
	width: 50px;
	display: none;
}

#topControls #backButton .icon {
	background-image: url(icons/back-arrow.png);
}

#topControls #newPost {
	float: right;
	margin-right: 0px;
}

#topControls #newPost .icon {
	background-image: url(icons/newPost.png);
}

#topControls #contentPreviewButton .icon {
	background-image: url(icons/eye.png);
}

#topControls #contentPreviewButton {
	float: right; 
	display: none; 
	margin-right: 5px; 
}

/* 
  ______   ______    __       __    __  .___  ___. .__   __. 
 /      | /  __  \  |  |     |  |  |  | |   \/   | |  \ |  | 
|  ,----'|  |  |  | |  |     |  |  |  | |  \  /  | |   \|  | 
|  |     |  |  |  | |  |     |  |  |  | |  |\/|  | |  . `  | 
|  `----.|  `--'  | |  `----.|  `--'  | |  |  |  | |  |\   | 
 \______| \______/  |_______| \______/  |__|  |__| |__| \__| 
                                                             
*/

/* options which display when post is tapped */

#playground .postContainerContainer {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	overflow-x: hidden;
	overflow-y: scroll;
}

#playground .postContainer {
	position: absolute;
	width: 100%;
    -webkit-transform: translateZ(0);
    transition: left 0.4s;
    -moz-transition: left 0.4s;
    -webkit-transition: left 0.4s;
}

#playground .post .postOptionsContainer {
	position: absolute;
	left: -4px;
	right: -4px;
	height: 55px;
	bottom: -55px;
}

#playground .post .postOptions {
	display: table;
	width: 100%;
	background: #545d6d;
	border: 1px solid #242d3a;
	box-shadow: 0px 0px 10px 0px #2b3442 inset;
	border-left: none;
	border-right: none;
}

#playground .post .postOptions > div {
	display: table-cell;
	color: white;
	font-weight: bold;
	height: 55px;
	text-align: center;
}

#playground .post .postOptions > div {
	background-image: url(icons/sprite.png);
	background-repeat: no-repeat;
	background-position: 50% 0;
}

#playground .post .postOptions > .openComments {
	background-position: 50% -134px;
}

#playground .post .postOptions > .openSite {
	background-position: 50% -88px;
}

#playground .post .postOptions > .copySite {
	background-position: 50% -42px;
}

#playground .post .postOptions > .quickReply {
	background-position: 50% -180px;
}

#playground .post .postOptions > div:active {
	background-color: #4e5663;
	box-shadow: 0px 0px 10px 0px #1d232c inset;
}

#playground .post.pressed, #playground .post.pressed .moredetails {
	z-index: 2;
	background-color: #ececec;
}

#playground .post.pressed ~ .post {
	margin-top: 56px;
}

#playground .post {
	background-color: #fcfcfc;
	position: absolute;
	left: 0px;
	right: 0px;
	padding: 7px;
	border-bottom: 1px solid #e0e0e0;
	font-size: 12px;
	color: #3f3f3f;
	height: 79px;
}

#playground .post .voting {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	width: 60px;
}

#playground .post .voting .votes {
	position: absolute;
	top: 50%;
	left: 0px;
	right: 0px;
	text-align: center;
	margin-top: -9px;
}

#playground .post .voting .upvoteContainer {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 50%;
}

#playground .post .voting .downvoteContainer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	top: 50%;
}

#playground .post .voting .upvoteContainer .upvote {
	background-image: url(icons/voting.png);
	width: 23px;
	height: 23px;
	background-position: -46px 0px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -12px;
	margin-left: -12px;
}

#playground .post .voting.upvote .upvoteContainer .upvote {
	background-position: -69px 0px;
}

#playground .post .voting .downvoteContainer .downvote {
	background-image: url(icons/voting.png);
	width: 23px;
	height: 23px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -12px;
	margin-left: -12px;
}

#playground .post .voting.downvote .downvoteContainer .downvote {
	background-position: -23px 0px;
}

#playground .post .title {
	margin-left: 55px;
	margin-bottom: 15px;
}

#playground .post .title img {
	float: right;
}

#playground .post .moredetails {
	position: absolute;
	bottom: 0px;
	right: 0px;
	left: 62px;
	padding: 3px;
	font-size: 11px;
	background: white;
	text-align: right;
}

/*

.______     ______   .___________.___________.  ______   .___  ___. 
|   _  \   /  __  \  |           |           | /  __  \  |   \/   | 
|  |_)  | |  |  |  | `---|  |----`---|  |----`|  |  |  | |  \  /  | 
|   _  <  |  |  |  |     |  |        |  |     |  |  |  | |  |\/|  | 
|  |_)  | |  `--'  |     |  |        |  |     |  `--'  | |  |  |  | 
|______/   \______/      |__|        |__|      \______/  |__|  |__| 
                                                                    

*/

.loadingOverlay, .cancelSync {
	position: fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	background-color: rgba(0, 0, 0, 0.95);
	background-image: url(icons/ajax.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	z-index: 999;
}

.cancelSync:before {
	Content: "Cancel Sync";
	font-size: 24px;
	color: white;
	text-align: center;
	position: absolute;
	left: 0px;
	right: 0px;
	height: 25px;
	top: 25%;
}

.cancelSync.cancelLogin:before{
	Content: "Cancel Login";
}


/* 

  ______   ______   .___  ___. .___  ___.  _______ .__   __. .___________.    _______.
 /      | /  __  \  |   \/   | |   \/   | |   ____||  \ |  | |           |   /       |
|  ,----'|  |  |  | |  \  /  | |  \  /  | |  |__   |   \|  | `---|  |----`  |   (----`
|  |     |  |  |  | |  |\/|  | |  |\/|  | |   __|  |  . `  |     |  |        \   \    
|  `----.|  `--'  | |  |  |  | |  |  |  | |  |____ |  |\   |     |  |    .----)   |   
 \______| \______/  |__|  |__| |__|  |__| |_______||__| \__|     |__|    |_______/    
                                                                                      

 */

.commentContainer {
	margin-left: 5px;
	margin-right: 5px;
}

.commentContainer .Comment.c {
    background: #e3f2fc;
    border: 1px solid #cedfea;
    border-right: none;
}

.commentContainer .Comment.cc {
    background: white;
    border: 1px solid #cedfea;
    border-right: none;
}

.commentContainer > .Comment.c, .commentContainer > .Comment.cc {
    border: 1px solid #cedfea;
}

.commentContainer .Comment {
	padding: 5px;
	margin-top: 5px;
	position: relative;
	font-size: 14px;
    padding-right: 0px;
    word-wrap: break-word;
}

.commentContainer .Comment .Score {
	position: absolute;
	top: 5px;
	right: 5px;
}

.commentContainer .Comment .Score.green:before {
	Content: "+";
}

.commentContainer .Comment .Score.green {
	font-weight: bold;
	color: green;
}

.commentContainer .Comment .Score.red {
	font-weight: bold;
	color: red;
}

.commentContainer .AuthorContainer .Author {
	font-weight: bold;
}

.commentContainer .Comment .commentPostedTime {
	font-style: italic;
}

.commentContainer .Comment .postbutton {
	padding: 5px;
	margin-top: 5px;
	background-color: #bbd9ed;
	text-align: center;
	text-shadow: #e5f1f8 0 1px 0;
	border-radius: 4px;
	color: #395f79;
	height: 40px;
	line-height: 40px;
	margin-right: 5px;
}

.commentContainer .Comment .postbutton:active {
	background-color: #8fb2c9;
}

.commentContainer .Comment .AuthorContainer {
	display: inline-block;
}

.commentContainer .Comment .flair {
	font-style: italic;
}

.commentContainer .Comment .AuthorContainer .uTag {
	background-color: #FF0000;
	color: #FFFFFF;
	display: inline-block;
	padding: 3px;
	padding-right: 5px;
	padding-left: 5px;
	margin-left: 3px;
	border-radius: 4px;
	font-size: 12px;
}

.commentContainer .Comment blockquote {
	border-left: 3px solid #a2b6c4;
	padding-left: 5px;
}

#contentInline {
	  display: none;
	  height: 50%;
	  padding: 0px;
	  margin: 0px;
	  overflow: hidden;
	  overflow-y: scroll;
	  -moz-user-select: none;
}
#playground.contentOn #contentInline {
	display: block;
}








.bottomOptions {
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: linear-gradient(to bottom, #3a3d42 0%,#2e3034 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3d42), color-stop(100%,#2e3034));
	border-top: 1px solid #25272b;
	padding-left: 9px;
	padding-bottom: 9px;
	z-index: 999999999;
}

.bottomOptions.animate {
    -webkit-transform: translateZ(0);
    transition: bottom 0.2s;
    -moz-transition: bottom 0.2s;
    -webkit-transition: bottom 0.2s;
    bottom: 0px !important;
}

.bottomOptions:before {
	Content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 1px;
	background-color: #52565d;
}

.bottomOptions .buttonContainer {
	padding-right: 21px;
}

.bottomOptions a.button {
	width: 100%;
	text-align: center;
}










.buttongroup.toggleSwitch button {
	padding: 10px;
	font-size: 16px;
	margin: 10px;
	border-radius: 5px;
	border: 1px solid #5f5f5f;
	box-shadow: rgba(255, 255, 255, 0.3) 0px 1px 0px 0px;
	position: relative;
	background-color: C0C0C0;
}

.buttongroup.toggleSwitch button:active {
	background-color: #a5a5a5;
}

.buttongroup.toggleSwitch button.btn_selected {
	background: linear-gradient(to bottom, #73b0e2 0%,#4081b7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3d42), color-stop(73b0e2%,#4081b7));
	color: white;
}

.buttongroup.toggleSwitch button:first-child {
	margin-right: 0px;
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
	border-right: 0px;
}

.buttongroup.toggleSwitch button:last-child {
	margin-left: 0px;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
	border-left: 0px;
}

#captcha.active {
	background-color: #474747;
	padding: 10px;
	margin-top: 30px;
	margin-left: 10px;
	border-radius: 10px;
	width: 200px;
	text-align: center;
	border: 1px solid #2b2b2b;
	margin-left: auto;
	margin-right: auto;
}