/* This css stylesheet includes all other stylesheets */

/* sabretooth: server-side import: reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,blockquote,th,td { 
	margin:0 auto;
	padding:0;
}

body {
	font-family:Arial, sans-serif;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym,button {
	border:0;
}

a, input, button {
	outline: none;
}
/* end of import: reset */
/* sabretooth: server-side import: base */

/* basic */

form select {
	font-size: inherit;
	margin-right:10px;
}

/* box sizes */

.formbox .fmInput, .formbox .fmTextarea, .formbox .fmCaptcha {
	border: 1px solid #ccc;
	padding: 5px;
	font-size: 12px;
	height: 15px;
	max-width: 330px;
	min-width: 180px;
}

.icon, #lightbox_close, .gallery a .link .video .icon {
    background-image: url(/static/widgets/gallery/images/buttons.png);
	background-repeat: no-repeat;
}

/* simple page styles */

.noresults {
	width:220px;
	margin:0px auto;
}

.noresults a {
	display: inline !important;
	float:none !important;
}

.resultslist {
	margin-left:5px;
}

.lostconfirm{
	padding-bottom: 15px;
}

/* tall */

.tall a {
	text-decoration:none;
	color:#333;
	float:left;
	width:194px !important;
}

.tall .link {
	margin:4px;
	padding:4px;
	border: 1px solid #ddd;
	cursor: pointer;
}

.tall a .info {
    clear: both;
	display:block;
	padding-top: 5px;
	height: 47px;
}

.tall a .info span {
	overflow:hidden;
}

.tall a .info .title {
	font-size:12px;
	font-weight:bold;
	overflow:hidden;
	display:block;
	max-height: 14px;
}

.tall a .info .name {
	font-size:12px;
	padding-top: 2px;
	padding-bottom: 3px;
	font-weight:normal;
	display:block;
	max-height: 14px;
	text-transform: capitalize;
}

.tall a .info .sort {
	font-size:11px;
	font-weight:normal;
	display:block;
	color:#666;
	height:1.3em;
}

.tall a .link .video {
	float:none;
}

/* image only */

.image a {
	display:block;
	float:left;
	position:relative;
}

.image .link {
	margin: 4px;
	padding: 4px;
	border: 1px solid #ddd;
	line-height: 0px;
}

.image a img {
	width:100%;
}

.image a .info {
	float:none;
	display:none;
}

.image a .link .video {
	float:none;
}

/* default link styles */

a {
	color:#1e597e;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

input.searchgrey {
	color:#888;
}

/* pager */

.pagercontainer {
	margin:18px 5px 0px 1px;
	padding:0px 4px 8px 4px;
}

.pager .separator {
	display: block;
	height: 24px;
	float: left;
	padding: 0px 0px 0px 5px;
	text-decoration: none;
	color: #666;
	width: auto;
}

.pager a, .pager strong {
	display: block;
	float:left;
	height: 28px;
	padding-left: 10px;
	text-decoration: none;
	color: #666;
	width: auto !important;
}

.pager a:hover {
	cursor: pointer;
}

html>body .pager a, html>body .pager strong {
	margin: 0px 2px;
}

.pager a span, .pager strong span {
	color: #333333;
	display: block;
	height: 28px;
	line-height: 27px;
	padding: 0px 11px 0px 0px;
}

.pager span.separator {
	margin-right:3px;
	line-height: 30px;
	background-image: none;
}

.pager a:hover, .pager strong {
	color: #000;
	background-color: transparent;
	text-decoration: none;
}

/* forms */

.formbox {
	margin: 0 15px;
	position: relative;
}

.formbox td, .formbox th {
	padding: 10px;
	font-size: 12px;
}

.formbox th {
	vertical-align: top;
	padding-top: 15px;
}

.formbox ul{
	padding-left: 0px;
}

/* Anonymous comment form */
.formbox #submitComment ul{
	max-width: 275px;
	min-width: 220px;
}

.formbox li.label {
	margin: 5px 0px 3px;
}

.formbox li.label:last-child {
	margin-bottom: 0px;
	padding-bottom: 10px;
}

.formbox label {
	color: #000;
}

.formbox .label span {
	color: #777;
}

.formbox label.error, .formbox label.error span {
	margin: 0px;
	padding: 0px;
	color:#cc0000;
	overflow-y: visible;
}

.formbox label.error a {
	color:#cc0000;
	text-decoration: underline;
}

.formbox .fmTextarea {
	height: 5.6em;
}

.fmSelect {
	border: 1px solid #ccc;
	padding: 4px;
	font-size: 12px;
	width: 140px;
	height: auto !important;
	background: transparent url(/static/fbcontest/v3/images/form.gif) top left repeat-x;
}

.formbox .fmSelect {
	max-width: 262px;
	min-width: 220px;
}

.formbox .fmInput:focus, .formbox .fmCaptcha:focus, .formbox .fmSelect:focus, .formbox .fmTextarea:focus {
	-moz-box-shadow: 0px 0px 5px rgba(130,185,210,100);
	-webkit-box-shadow: 0px 0px 5px rgba(130,185,210,100);
	border: 1px solid #9ebbca;
}

.formbox textarea {
	height: 5em;
}

.formbox span img {
	border: 1px solid #ccc;
	padding: 3px;
	display: block;
	margin-bottom:5px;
}

.formbox .fmCaptcha {
	width: 136px;
}

#errorMsg {
    display: none;
    text-align: center !important;
}

#errorMsg .inside {
    background-color: #ffdddd;
}

#errorMsg p {
    font-weight: bold;
}

#errorMsg p a:hover {
    text-decoration: none;
}

.dismissCross {
    color: #000;
}

.dismissErrorMsg {
    padding-top: 5px;
}

.dismissErrorMsg a {
    padding-top: 5px;
}

.error {
	color:#cc0000;
	font-weight: bold;
	height: 14px;
	padding: 4px 5px;
	margin:0px 0px 0px 2px;
}

.errorField {
	border: 1px solid #cc0000 !important;
}


li.label a.fmButtonSm.left {
	margin-right:10px;
}

li input+label {
	margin-left:5px;
}

.fmTextarea.large {
	width:95%;
}

.formbox li.label.checkbox label {
	padding:0px 0px 0px 8px;
	width:240px;
	float:left;
}

.searchbox {
	padding:0px 0px 5px 0px;
	margin-left:0px;
}

.searchInput {
    width: 80% !important;
}

.formbox .fmInput, .formbox .fmTextarea, .formbox .fmCaptcha {
    background: #e5e5e5; /* Old browsers */
    background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e5e5e5 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#fmErrorBackground {
	background: transparent url(/static/fbcontest/v3/images/white.png) center center repeat;
	height:100%;
	position:absolute;
	width:100%;
	z-index: 150;
}

#fmErrorOverlay {
	background: transparent url(/static/fbcontest/v3/images/loading.gif) center center no-repeat;
	height:100%;
	width:100%;
	text-align: center;
	position: absolute;
}

#fmErrorOverlay.fmNoBackground {
	background-image:none !important;
}

#fmErrorOverlay .fmButton {
	width: 60px;
	margin:0px auto;
	text-align: center;
	float: none;
}

#fmErrorOverlay span {
	padding: 5px 8px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	display: inline-block;
	margin:15% 20px 20px 20px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.fmError {
	border:1px solid #660000;
	background-color: #993333;	
}

.fmWarning {
	color: #993333 !important;
	font-weight: bold;
}

.fmSuccess {
	border:1px solid #003300;
	background-color: #336600;	
}

#uploadFormWrapper {
	position: relative;
	overflow: hidden;
}

#uploadboxes {
	width:640px;
	float: right;
}

#uploadboxes .form {
	float:left;
	width: 452px;
}

.remove {
	height: 16px;
	position: relative;
	left: 5px;
	font-size: 11px;
	color: #666;
	top: 4px;
	overflow: hidden;
	cursor: pointer;
	float: left;
}

.remove:hover {
	text-decoration: underline;
}

.mmct {
	height: 0px;
	width: 0px;
	display: none;
	visibility: hidden;
}


/* -- Text Styles ------------------------------- */
code {
	display: block;
	background:#edffb8 none repeat scroll 0%;
	border-color:#b2da3a;
	border-style:solid;
	border-width:1px 0;
	font-size: 1em;
	margin: 1em 0pt;
	overflow:auto;
	padding: 0.3em 0.4em;
	white-space:pre;
}

/* -- Form Styles -- */

button,
input,
select,
textarea { 
	border-width: 1px; 
	margin-bottom: 10px;
	padding: 2px 3px;
}

input[disabled]{ border: 1px solid #ccc } /* FF 2 Fix */

#btnSubmit { margin: 0 0 0 155px ; }

/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}
.tabBox {
	margin-bottom: 15px;
	margin-top: 3px;
}

.tabBox .tabSelect {
	border-bottom: 1px solid #d8d8d8;
	height:32px;
	padding:0px 0px 0px 0px;
}

.tabBox ul {
	z-index:100;
	position: relative;
}

.tabBox ul li {
	display:block;
	float:left;
	margin:0 5px 0 0;
	position: relative;
	bottom: 0px;
	height: 31px;
	z-index: 101;
}

.tabBox ul.tabSelect li a {
	padding: 0px 0px 0px 20px;
	font-size:12px;
	/* font-weight: bold; */
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #d8d8d8;
	cursor: pointer;
	display: block;
	height: 100%;
}

.tabBox ul.tabSelect li a span {
	padding: 0px 20px 0px 0px;
	display: block;
	height: 100%;
	line-height: 32px;
}

.tabBox ul.tabSelect li.active a {
	color: #333333;
	border-bottom: none !important;
	font-weight: bold;
}

.tabBox ul li {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
    border: 1px solid #d8d8d8;
}

.tabBox .active, .tabBox ul li:hover {
    font-weight: bold;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 1%, #F8F8F8 25%, #FFFFFF 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(25%,#F8F8F8), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 1%,#F8F8F8 25%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 1%,#F8F8F8 25%,#FFFFFF 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 1%,#F8F8F8 25%,#FFFFFF 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 1%,#F8F8F8 25%,#FFFFFF 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-8 */
}

/* Entry page */

h1 {
	font-size:18px;
	font-weight: normal;
	margin:5px 0px 0px 0px;
	color: #222;
	max-width: 79%;
}

h1+.report {
	margin-right: 7px;
}

h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 0px 15px 10px 15px;
}

h4 {
	font-size: 14px;
	color:#666;
	margin: 0px 0px 10px 0px;
}

.boxlarge .inside h4{
	padding:10px;
	margin-bottom:0px;
}

.mediaview {
	text-align: center;
	padding:20px 0 10px 0 !important;
	position: relative;
}

.usermeta {
	padding: 5px 0px 0px 0px !important;
	font-size: 1.1em;
	color: #555;
}

.instagramUser {
    color: #111 !important;
}

.insidemeta {
	border-top: 1px solid #CCC;
	padding-top:10px;
}

.description p {
	font-size:1em !important;
	text-align: left;
	color: #222;
	overflow:auto;
	max-height:120px;
	margin-right:0px
}

.votebtn {
	width: 120px;
	height: 50px;
	border: none;
	outline: none !important;
	color: #000;
	text-align: center;
	line-height: 47px;
	font-size: 16px;
	font-weight: bold;
}

a.votebtn {
	cursor: pointer;
}


#voteLoginBtn {
	margin-left: 10px;
}

.voteLoginBtn .loginWithFacebook{
	color: #333333;
}

.voteinfo {
	line-height:1.3em;
	margin-left:10px;
	margin-top:2px;
	width:140px;
}

.icon {
	border: none;
	display: block;
	float: left;
	height: 0px;
	margin:0 8px 0 0;
	width: 20px;
	overflow: hidden;
	padding: 22px 0px 0px 0px;
}

.icon:hover {
	cursor:pointer;
}

form input.icon {
	float:none;
}

.icon.email {
	background-position: -168px 0px;
}

.icon.stumbleupon {
    background-position: 0px 0px;
}

.icon.facebook {
    background-position: -208px 0px;
}

.icon.delicious {
	background-position: -84px 0px;
}

/* Digg button customization - If you want the share count to show, simple comment out .db-count and .db-anchor classes here */
.db-count {
	display: none !important;
}

.db-anchor {
	width: 50px !important;
}

.googlePlus,
.twitter,
.IN-widget,
.fb-like,
.digg {
	margin:0 8px 0 0;
	float: left;
}

.pinterest {
    width:50px;
	float: left;
}

.smallviews, #small-prevlink, #small-nextlink {
    display: none;
}

.views {
	padding: 0 !important;
	margin-top: -20px !important;
	font-size: 1.3em;
	clear: both;
}

.mediaview .video {
	background-color:#000;
	width:610px;
	margin:0px auto;
	margin-top: -25px;
}

/* email to a friend */
#emailtoafriend {
	max-width: 374px;
	min-width: 220px;
	padding: 5px 0px 0px 0px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#emailtoafriend h5 {
	margin-top: 10px;
}

#emailtoafriend .thanksforemail {
	text-align: center;
	padding-top: 150px;
	width: 100%;
}

.formerror {
	color:#cc0000;
}

/* lightbox */

#lightbox_background {
	background: transparent url(/static/fbcontest/v3/images/black.png) top left repeat;
	width:100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 100000;
}

#lightbox_inside {
	width:200px;
	height: 300px;
	position: fixed;
	top: 450px;
	left: 50%;
	margin: -150px auto 0px;
	background-image: none;
	background-color: #f8f8f8;
	-moz-box-shadow: 0px 3px 25px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0px 3px 25px rgba(0,0,0,0.75);
	z-index: 100001;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#lightbox_close {
	width: 30px;
	position: absolute;
	top: -11px;
	right: -12px;
	height: 30px;
	background-position: -242px  0px;
	cursor: pointer;
	z-index: 100002;
}

#lightbox_placeholder {
	height: 0px;
	width: 0px;
}

/* Recaptcha */
#recaptcha_image_container {
    position: relative;
    overflow: hidden;
    height: 57px;
    width: 190px;
    margin-bottom: 10px;
    margin-left: 0px;
    padding:2px;
	border:1px solid #CCCCCC;
}

/*
#recaptcha_image{
	height: 57px;
    width: 190px;
}
*/

#recaptcha_image > img {
    width: 180px !important;
}

ul#recaptchaOptions li {
    display: inline;
    float: left;
}

#recaptcha_widget .error{
	padding:0;
	margin:0;
}

#showtherecaptcha {
    margin-left: 0px !important;
}

#showtherecaptcha .formbox li.label{
	margin-top:5px;
}
/* Webkit - There are no fixes needed. Keep being awesome Webkit! */
/* IE6 - IE6 fixes are in another stylesheet.*/
/* IE7 */
*:first-child+html .image .link { padding:10px; }
*:first-child+html .gallery { padding: 0px 8px !important; }
*:first-child+html .two a { width:49.5%; }
*:first-child+html .gallery a .link .video .icon { background-color: #000; }


/* MESSAGE BOX */

.errorMessage {
 	background-color: pink;
    border: 1px solid red;
    border-radius: 5px 5px 5px 5px;
    padding: 0 10px;
    margin: 10px 0px;
    max-width: 400px;
}

.errorMessage p {
 	margin-top: 10px;
 	margin-bottom: 10px;
 	max-width: 400px !important;
}

/* Gallery Specific styles */

body {
	overflow-x:hidden;
	width:100%;
	margin:auto !important;
}

.content {
	margin: 0px;
}

#powered {
    clear: both;
    margin-top: -5px;
    color: #333;
}

.wrapper {
	width: 100% !important;
	margin: auto;
	text-align: center;
	overflow-x: hidden !important;
}

#fb-root { 
    position:fixed;
    top:-20% !important;
    z-index: 9999 !important;
}

.left {
	float:left;
}

.right {
	float:right;
}

.clear {
	clear: both;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}

.clearfix {
	display: inline-block;
}

.hidden {
    visibility: hidden;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

hr {
	margin:20px 0px;
	border:none;
	border-bottom: 1px solid #d8d8d8;
	height: 1px;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

.boxlarge {
	width:100% !important;
	max-width: 1240px !important;
	min-width: 200px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.last {
	margin-right: 0px !important;
}

/* box spacing */

.b {
	margin-bottom: 12px !important;
}

.nb {
	margin-bottom: 0px !important;
}

.r {
	margin-right: 15px;
}

.l {
	margin-left: 15px;
}

.nl {
	margin-left: 0px !important;
}

.pb {
    padding-bottom: 15px !important;
}

.noBackground {
    background: none !important;
    background-color: transparent !important;
}

.boxlarge .inside, .boxmedium .inside, .boxsmall .inside {
    text-align: left !important;
	background-image: none !important;
	padding: 0px 10px !important;
    border: none !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.page_fangate {
	height: 780px !important;
	overflow: hidden;
}

/* Gallery - Tall Thumbnails */

.tabBox ul li {
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.tabBox .active {
    height: 32px !important;
	border-bottom: none !important;
}

.gallery {
	margin-left: auto;
	margin-right: auto;
}

.gallery a:hover {
	text-decoration: none;
}

.gallery a .link img {
	position: relative;
}

.gallery a .link .video {
	position: relative;
	height: 100%;
	overflow: hidden;
	line-height: 0px;
}

.gallery a .link .video img {
	float:none;
	margin:0px;
}

.gallery a .link .video .icon {
	height: 16px;
	padding: 0px;
	background-color: #000;
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	bottom: 0px;
	margin: 0px;
	color:#fff;
	line-height: 15px;
	font-size: 10px;
	display: block;
	width: 100%;
	text-align: right;
	left: 0px;
	background-position: -38px -29px;
}

.gallery a .link .video .icon span {
	padding: 0px 4px;
}

.tall .one {
	width:100% !important;
}

.tall .two {
	width:50% !important;
}

.tall .three {
	width:33.33% !important;
}

.tall .four {
	width:25% !important;
}

.tall .five {
	width:20% !important;
}

.tall .six {
	width:16.66% !important;
}

.tall .seven {
	width:14.28% !important;
}

.tall a img {
	width: 100%;
	overflow: hidden;
	float:left;
}

.imageThumb {
    overflow: hidden;
}

.pager strong {
    height: 25px !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.pager a {
    height: 25px !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.pager a.next span {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.pager a.prev span {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

/* Entry page */

.searchBtn {
    margin-left: 5px;
    float: left;
}

.searchBtn input{
    height:27px;
	padding:3px 10px 3px 10px;
	margin: 0px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	display: block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
}

.uploadHomeBtn {
    position: absolute;
    right: 15px;
    margin-top: -32px;
    z-index: 999999;
}

.uploadHomeBtn input{
    height:27px;
	padding:3px 10px 3px 10px;
	margin: 0px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

.uploadHomeBtn input{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
    border: 1px solid #aaaaaa;
}

.uploadHomeBtn input:hover {
    background: #e5e5e5; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 1%, #e5e5e5 7%, #f9f9f9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(7%,#e5e5e5), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 1%,#e5e5e5 7%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 1%,#e5e5e5 7%,#f9f9f9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 1%,#e5e5e5 7%,#f9f9f9 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 1%,#e5e5e5 7%,#f9f9f9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-8 */
}

.votebtn {
    height: 35px !important;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width:80px;
	height: 50px;
	text-align: center;
	font-size:16px;
	font-weight: bold;
}

a.votebtn {
	cursor: pointer;
}

.votebtn.largetext {
	height: 50px;
	padding: 0px;
	line-height: 34px;
	font-size:16px;	
}

.votethanks {
    /*
font-size: 14px !important;
    line-height: 16px !important;
*/
    color: #555 !important;
}

.uploadbtn {
    height: 35px !important;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width:80px;
	height: 50px;
	text-align: center;
	line-height: 47px;
	font-size:16px;
	font-weight: bold;
}

a.uploadbtn {
	cursor: pointer;
	text-decoration: none;
}

.uploadbtn.largetext {
	height: 50px;
	padding: 0px;
	line-height: 34px;
	font-size:16px;	
}

.btnbox {
    margin-left: 12px;
}

.loginWithFacebook {
    margin-bottom: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 5px;
    background-color: #3B5998;
}

.loginWithFacebook:hover {
    text-decoration: none !important;
}

.loginWithFacebook strong {
    color: #fff !important;
}

.fbc {
    position: relative;
    top: 3px;
}

#mediaimg {
    overflow: hidden !important;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.imageview {
    display: inline-block;
    position: relative;
	min-height: 120px;
	text-align:center;
	width: 79.5%;
	vertical-align: middle;
}

.imageview_tall {
    height: 100% !important;
}

.imageview_wide {
    width:100% !important;
    height:auto !important;
    max-height:100% !important;
}

.imageview img {
    z-index:100;
    padding:0 !important;
    margin: auto;    
    max-width: 100%;
    vertical-align: middle;
}

.imageviewleft {
	width: 10%;
	height: 100%;
	float:left;
	-webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.imageviewright {
	width: 10%;
	height: 100%;
	float: right;
	-webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.capitalize {
    text-transform: capitalize !important;
}

.mediadetails {
	padding-top: 5px;
}

.userAvatar {
    float: left;
    margin: 2px 10px 2px 0px;
}

.arrow {
    background-image: url(/static/widgets/gallery/images/buttons.png);
	background-repeat: no-repeat;
	width: 32px;
	height: 71px;
	margin-top: 250%;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
}

#prevarrow {
	background-position: -357px 0px;
}

#prevarrow:hover {
	background-position: -393px 0px;
}

.prevArrowHover {
    background-position: -393px 0px !important;
}

#nextarrow {
	background-position: -464px 0px;
}

#nextarrow:hover {
	background-position: -430px 0px;
}

.nextArrowHover {
    background-position: -430px 0px !important;
}

/* Upload iFrame Styling */
.uploadFrame {
    min-width:220px;
    max-width: 1140px;
    overflow: auto; 
    border: none;
}

/*Making this more responsive*/

@media only screen and (max-width: 368px) {
    .tabBox ul.tabSelect li a {
        padding: 0 0 0 15px;
    }
    .tabBox ul.tabSelect li a span {
        padding: 0 15px 0 0;
    }
}

@media only screen and (max-width: 320px) {
    
    .tall .three, .tall .four, .tall .four, .tall .five, .tall .six, .tall .seven {
	    width:50% !important;
    }
    
    .voteUploadBtn {
        float: none !important;
    }    
    
    .holder > a:nth-of-type(2n+1) {
        clear: both;
    }
    .holder > a {
        list-style: none outside none;
        width: 50% !important;
    }
    
    h1 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 5px 0px !important;
    }
    
    #prevlink, #nextlink, .prevnext {
        display: none;
    }
    
    .views {
        display: none;
    }
    
    .smallviews {
        display: block;
        position: absolute;
        top: 15px;
        right: 5px;
        color: #FFFFFF;
        text-shadow: 1px 1px 0 #000000;
        z-index: 2001;
        line-height: 1;
    }
    
    #small-prevlink {
        left: -30px;
    }
    
    #small-nextlink {
        right: -30px;
    }
    
    #small-prevlink, #small-nextlink {
        display: block;
        color: #FFFFFF;
        height: 100%;
        line-height: 125px;
        margin-top: 0px;
        position: absolute;
        text-indent: -9999px !important;
        top: 0;
        width: 36px;
        z-index: 1001;
    }
    
    #small-prevlink:hover, #small-nextlink:hover {
        /* background-color: rgba(0,0,0, 0); */
    }
    
    .small-prevnext {
        border: 10px inset;
        display: block;
        height: 0;
        margin-top: -10px;
        position: absolute;
        top: 50%;
        width: 0;
    }
    
    #small-prevlink > .small-prevnext {
        border-color: rgba(0, 0, 0, 0) #b0b0b0 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        border-right-style: solid;
    }
    
    #small-prevlink:hover > .small-prevnext {
        border-right-color: #666666;
    }
    
    #small-nextlink > .small-prevnext {
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #b0b0b0;
        border-left-style: solid;
        left: 50%;
        margin-left: -4px;
    }
    
    #small-nextlink:hover > .small-prevnext {
        border-left-color: #666666;
    }
    
    .userAvatar > img {
        width: 30px !important;
    }
    
    .tabBox {
        display: inline-block;
    }
    
    .tabBox ul li {
        width: 100% !important;
        text-align: center;
    }
    
    .searchbox {
        width: 100% !important;
    }
    
}

/* end of import: base */