@charset "utf-8";
/* CSS Document */

/****************************************************************
 Default styles for mobile view as well as all other views
 ****************************************************************/

html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -6em;
}
.container-fluid {
	margin: 0;
	padding: 0;
}
#admin_footer, .push {
	/*clear:both;*/
}

/* custom social links font */
@font-face {
	font-family: 'ml-social';
	src: url('fonts/ml-social.eot');
	src: url('fonts/ml-social.eot?#iefix') format('embedded-opentype'), url('fonts/ml-social.ttf') format('truetype'), url('fonts/ml-social.woff') format('woff'), url('fonts/ml-social.svg#ml-social') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class*="icon-"] {
	font-family: 'ml-social';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-google-plus:before {
	content: "\e600";
}
.icon-facebook:before {
	content: "\e601";
}
.icon-twitter:before {
	content: "\e602";
}
.icon-pinterest:before {
	content: "\e603";
}

/* Font Awesome styles */
@font-face {
	font-family: "FontAwesome";
	src: url('fonts/fontawesome-webfont.eot');
	src: url('fonts/fontawesome-webfont.eot?#iefix') format('eot'), url('fonts/fontawesome-webfont.woff') format('woff'), url('fonts/fontawesome-webfont.ttf') format('truetype'), url('fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Google Font List - For Reference Only */
.fonts {
	font-family: 'Noticia Text', serif;
	font-family: 'Buenard', serif;
	font-family: 'Magra', sans-serif;
}

.span9, .span6, .span5, .span3 {
	padding: 0 1em;
}
body {
	margin: 0;
	font-family: 'Noticia Text', serif;
	font-size: 100%;
	line-height: 1.5em;
	background-color: #CDDBDE;
}
#admin_header {
	margin: 0;
	padding: 3.5em 0 0 0;
	border-bottom: 1px solid #666;
	background-image: url(/images/logo_hdr_movielogr_v003.png);
	background-repeat: no-repeat;
	background-position: 1em 1em;
	background-color: #3B5768;
}
h1, h2, h3, h4, h5, h6, caption, legend, .relative-time, .commenter, .movie-title {
	font-family: 'Magra', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #3B5768;
}
h1 {
	font-size: 2.5em;
	visibility: hidden;
}
h2, caption {
	font-size: 2em;
	line-height: 1.2em;
}
h3 {
	font-size: 1.5em;
}
h4 {
	font-size: 1.2em;
}
h5, th {
	font-size: 1em;
}
h6, p, ul.viewing_list, ul.events_list, ul.nobulletlist, blockquote, div.alert {
	font-size: .85em;
}
p {
	margin-top: .5em;
	margin-bottom: 1.5em;
}
td {
	font-size: .75em;
}
.form_table td {
	font-size: 100%;
}
.navbar {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
}
.dropdown-menu {
	font-size: .75em;
	font-weight: bold;
}
#nav_menu {
	float: left;
	width: 100%;
	margin: 0 0 1em 0;
	padding: 0;
	border-top: 1px solid #000;
	background: #333;
}
#admin_nav {
	list-style: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
	margin: 0 0 0 6em;
	padding: 0;
	border-left: 1px solid #666;
	/* Clear floats */
	float: left;
	/* Bring the nav above everything else--uncomment if needed.
	 position:relative;
	 z-index:5;
	 */
}
#admin_nav li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	width: 9em;
}
#admin_nav li.first_item {
	border-right: 1px solid #666;
}
#admin_nav li.last_item {

}
#admin_nav a {
	display: block;
	padding: 4px 15px 5px 20px;
	color: #fff;
	background: #333;
	text-decoration: none;
}
#admin_nav a:hover {
	color: #fff;
	background: #3B5768;
	text-decoration: none;
}

/*--- DROPDOWN ---*/
#admin_nav ul {
	background: #CDDBDE; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background: rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: -9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	font-size: .75em;
}
#admin_nav ul li:hover:target {
	left: 0;
}
#admin_nav ul li {
	/* padding-top:1px; */ /* Introducing a padding between the li and the a give the illusion spaced items */
	margin: 0;
	padding: 0;
	float: none;
	width: 12em;
}

#admin_nav ul a {
	white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#admin_nav li:hover ul {/* Display the dropdown on hover */
	left: 0; /* Bring back on-screen when needed */
}
#admin_nav li:hover a {/* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background: #3B5768;
	text-decoration: none;
}
#admin_nav li:hover ul a {/* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration: none;
	padding: 5px 15px 5px 20px;
}
#admin_nav li:hover ul li a:hover {/* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background: #333;
}
.notice {
	padding: 10px 15px;
	color: #3B5768;
	background-color: #D8E3E6;
	border: 1px solid #848484;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 4px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 4px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 4px;
}

#admin_content {
	margin: 0;
	padding: 4em 0 2em 0;
	/* background-color:#E7E7DE; */
}
#admin_content p, #admin_content h2, #admin_content h3 {
	margin-bottom: .5em;
}
.login_block {
	float: left;
	margin: auto 1em;
	width: 45%;
}
.login_divider {
	float: left;
	width: 45%;
	margin: 0;
	padding: 0;
}
.edit_form_block {
	float: left;
	/*margin:auto 1em;*/
}
#admin_footer {
	margin: 0;
	padding: 0;
	border-top: 1px solid #666;
	background-color: #8CB8C1;
	color: #3B5768;
	font-size: small;
	font-family: 'Magra', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: normal;
	clear: both;
}
#admin_footer p {
	margin-left: 1em;
	margin-right: 1em;
}

/* Admin form styles */

fieldset {
	padding: .5em 1em 1em 1em;
	margin: .5em 0 1em;
	width: 80%;
	border: 1px solid #848484;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	border-radius: .5em;
}
.login_block fieldset {
	width: 80%;
	margin: 0 0 1em;
}
fieldset legend {
	width: auto;
	padding: 4px 1em;
	margin: 0;
	margin-bottom: 44px;
	border: 1px solid #848484;
	background-color: #E5E5E5;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	border-radius: .5em;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#CDDBDE));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #CDDBDE 25px);
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 4px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 4px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 4px;
}
input, textarea {
	vertical-align: middle;
	padding: 12px;
	margin-right: .5em;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	background: #FFFFFF;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 4px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 4px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 4px;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	border-radius: .5em;
}

input[type="checkbox"], input[type="radio"] {
	width: 30px;
	height: 13px;
	padding: 0;
	margin: 0;
	vertical-align: baseline;
	position: relative;
	/*top: -5px;*/
	*overflow: hidden;
}
/* Viewing options box for user settings page*/
.viewoptionsbox {
	width: 200px;
}
textarea {
	height: 150px;
	line-height: 150%;
}

input:hover, textarea:hover, input:focus, textarea:focus {
	border-color: #C9C9C9;
	-moz-box-shadow: rgba(0,0,0, 0.15) 0px 0px 4px;
	-webkit-box-shadow: rgba(0,0,0, 0.15) 0px 0px 4px;
	box-shadow: rgba(0,0,0, 0.15) 0px 0px 4px;
}

.submit input {
	width: auto;
	padding: 12px 15px;
	margin-top: .5em;
	margin-bottom: .5em;
	margin-left: 1em;
	background: #3B5768;
	border: 0;
	font-size: 14px;
	color: #CDDBDE;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.submit input:hover {
	background: #3B5768;
	color: #FFF;
}
span.error {
	color: #900;
	font-weight: bold;
	margin-left: .5em;
	font-size: 10px;
}

/* Search results styles */
h3.search-results-heading {
	margin: 4em .5em 1em 1.3em;
	font-size: 1.2em;
}
ol.search_results_list {
	list-style-type: none;
}
ul.search_results_list {
	list-style-type: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
ul.search_results_list > li {
}
.search_results_list > li > a {
	padding: 1.5em 1em 1.5em 2em;
	font-size: 1.2em;
	/*background-color: #d8e3e6;*/
	background: linear-gradient(to right, #FFFFFF, #CDDBDE);
	border: none !important;
	border-top: 1px dashed #848484 !important;
	border-bottom: 1px dashed #848484 !important;
}
.search_results_list > li.disabled > a {
	color: #555555;
}
.search_results_list > li > a:hover {
	background: none !important;
}
.search_results_list > li.active > a:hover,
.search_results_list > li.disabled > a:hover
{
	background: linear-gradient(to right, #FFFFFF, #CDDBDE) !important;
	cursor: default;
	color: #555555;
}
span.dropdown-display {
	font-size: .75em;
	text-decoration: none;
}
span.dropdown-display a:hover {
	text-decoration: none;
}

table.display-full {
	width: 100%;
}

table.display {
	width: 100%;
}

/* Member stats page styles*/
table.display, table.display-full {
	float: left;
	border-collapse: collapse;
	margin: 0 1em 1em .5em;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	/* border:1px solid  #848484; */
	background-color: #E5E5E5;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	border-radius: .5em;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#CDDBDE));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #CDDBDE 25px);
	-moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 4px;
	-webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 4px;
	box-shadow: rgba(0,0,0, 0.2) 0px 0px 4px;
}
table.display caption, table.display-full caption {
	text-align: left;
	padding: .5em .5em .5em 0;
	font-size: 1.5em;
	font-weight: bold;
}
table.display tr.headers, table.display-full tr.headers {
	font-size: .85em;
	font-weight: bold;
	/* background-color:#3B5768; */
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #3B5768;
}
table.display th, table.display-full th {
	padding: .5em .5em .5em 1em;
	margin: 0;
	border-bottom: 1px solid #3B5768;
}
th i {
	margin-left: 5px;
}
div.panel-default {
		width: 100%;
		float: left;
		margin: 1em 0 0 0;
	}
[class^="icon-"], [class*=" icon-"] {
	display: inline-block;
	width: 14px;
	height: 14px;
	*margin-right: .3em;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url("../images/glyphicons-halflings.png");
	background-position: 14px 14px;
	background-repeat: no-repeat;
}

[class^="icon-"]:after, [class*=" icon-"]:after {
	*margin-left: 0;
}

.icon-chevron-up {
	padding-left: 3px;
	background-position: -288px -120px;
}

.icon-chevron-down {
	background-position: -313px -119px;
}
table.display th.left, table.display td.left, table.display-full th.left, table.display-full td.left {
	text-align: left;
}
table.display td, table.display-full td {
	padding: .5em .5em .5em 1em;
	border-top: 1px dashed #3B5768;
	text-align: center;
	font-size: .85em;
}
td.position {
	/*border-right: 1px solid #3B5768;*/
	/*border-bottom: 1px solid #3B5768;*/
}
tr.odd, li.odd {
	background-color: #D8E3E6;
}
tr.even, li.even {
	background-color: none;
}
li.even {
	/* need background for drag n drop functionality*/
	background-color: #CDDBDE;
}
tr.unwatched, li.unwatched {
	opacity: 0.3;
	/*background-color:#FFF;*/
	/*font-weight:bold;*/
}
tr.unwatched:hover, li.unwatched:hover {
	opacity: .85;
}
tr.footer {
	background-color: #FFF;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	border-radius: .5em;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#CDDBDE));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #CDDBDE 25px);
}
tr.footer td {
	border-top: 1px solid #3B5768;
}
.notices {
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	border-radius: .5em;
	border: solid 1px #000;
	background-color: #FFF;
	padding: .5em;
	margin: 1em 0 2em 0;
}
.notices li {
	margin-bottom: .5em;
	font-size: .85em;
}

/* Highlight text */
.username {
	color: #B7510E;
	/* text-transform:capitalize; */
}
.generic_username {
	/* text-transform:capitalize; */
}
.avatar {
	border: solid 2px #E5E5E5;
	outline: 0;
	-moz-box-shadow: rgba(0,0,0, 0.5) 0px 0px 4px;
	-webkit-box-shadow: rgba(0,0,0, 0.5) 0px 0px 4px;
	box-shadow: rgba(0,0,0, 0.5) 0px 0px 4px;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	border-radius: .5em;
	float: left;
	margin-right: 1em;
	margin-bottom: .5em;
}
.avatar-small {
	border: solid 1px #E5E5E5;
	outline: 0;
	-moz-box-shadow: rgba(0,0,0, 0.5) 0px 0px 2px;
	-webkit-box-shadow: rgba(0,0,0, 0.5) 0px 0px 2px;
	box-shadow: rgba(0,0,0, 0.5) 0px 0px 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	float: left;
	margin-right: 1em;
	margin-bottom: .5em;
}
.avatar_box {
	width: 250px;
	float: left;
}
.twitter-share, .fb-like {
	float: left;
	margin: .5em 1em .5em 0;
}
.twitter-share {
	padding-top: 4px;
}
.genre-list {
	clear: left;
}
.poster {
	border: solid 2px #E5E5E5;
	outline: 0;
	-moz-box-shadow: rgba(0,0,0, 0.5) 0px 0px 4px;
	-webkit-box-shadow: rgba(0,0,0, 0.5) 0px 0px 4px;
	box-shadow: rgba(0,0,0, 0.5) 0px 0px 4px;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	border-radius: .5em;
	float: left;
	margin-bottom: 1em;
}
.bio_header {
	margin: 3em 0 .5em 0;
	clear: left;
}
img.screenshot {
	float: right;
	margin: 1em 1em 1em 2em;
	border: solid 4px #E5E5E5;
	-moz-box-shadow: rgba(0,0,0, 0.5) 0px 0px 4px;
	-webkit-box-shadow: rgba(0,0,0, 0.5) 0px 0px 4px;
	box-shadow: rgba(0,0,0, 0.5) 0px 0px 4px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#stats_summary {
	width: auto;
}
.default_stats {
	width: 100%;
}

/* Movie Detail page styles */
.centering-div {
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
.last-five {
	overflow: auto;
	display: inline-block;
}
ul.stats_box_list {
	margin: 0 -1em;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	display: inline-block;
}
ul.stats_box_list li {
	display: inline;
}
.stats_box {
	display: inline-block;
	vertical-align: top;
	font-family: 'Magra', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	width: 7em;
	height: 7em;
	padding: 5px;
	padding-top: 10px;
	margin: 5px 5px 15px 5px;
	background-color: #3B5768;
	color: #CDDBDE;
	-moz-box-shadow: rgba(0,0,0, 0.5) 0px 0px 4px;
	-webkit-box-shadow: rgba(0,0,0, 0.5) 0px 0px 4px;
	box-shadow: rgba(0,0,0, 0.5) 0px 0px 4px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
span.movie_num {
	font-size: 2.5em;
	line-height: 1.5em;
}
span.avg_num {

}
.center-img {
	display: block;
	margin: 0 auto;
}
.btn-space {
	margin: .5em;
}
#movie_detail_info {
	float: left;
	width: 95%;
}
#movie_detail_col_one {
	/*float:left;
	 width:200px;
	 margin-right:20px;*/
	margin-bottom: 2em;
}
#movie_detail_col_two {
	/*float:left;
	 width:50%;*/
	margin-bottom: 2em;
}
.tag {
	display: inline-block;
	padding: .5em 1em;
	margin: .5em 1px 1px 1px;
	/*font-family: 'Magra', "Lucida Sans Unicode", "Lucida Grande", sans-serif;*/
	font-size: smaller;
	white-space: nowrap;
	background-color: #3B5768;
	color: #E5E5E5;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	border-radius: .5em;
}
.edit_btn {
	display: inline-block;
	padding: .5em 1em;
	margin: .5em 1px 1px 1px;
	font-size: smaller;
	white-space: nowrap;
	background-color: #B7510E;
	color: #E5E5E5;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	border-radius: .5em;
}
.tagset {
	margin-top: .5em;
}
ul.nobulletlist {
	margin: 0 0 .5em 0;
	padding: 0;
	list-style-type: none
}
ul.nobulletlist li {
	margin: 0;
	padding: 0 0 0 .5em;
	list-style-type: none;
}
ul.viewing_list {
	margin: 0 0 2em 0;
	padding: 0;
	list-style-type: none;
}
ul.events_list {
	margin: .5em 0 2em 0;
	padding: 0;
	list-style-type: none;
}
ul.viewing_list li, ul.events_list li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/* Body Link styles */
a:link {
	color: #369;
}/* unvisited link */
a:visited {
	color: #369;
}/* visited link */
a:hover {
	color: #39C;
}/* mouse over link */
a:active {
	color: #36C;
}/* selected link */

/* Tag link styles */
a.tag:link {
	color: #E5E5E5;
	text-decoration: none;
}
a.tag:visited {
	color: #E5E5E5;
	text-decoration: none;
}
a.tag:hover {
	color: #FFF;
	background-color: #8CB8C1;
}
a.tag:active {
	color: #39C;
}

/* edit button styles */
a.edit_btn:link {
	color: #E5E5E5;
	text-decoration: none;
}
a.edit_btn:visited {
	color: #E5E5E5;
	text-decoration: none;
}
a.edit_btn:hover {
	color: #FFF;
	background-color: #FF9F4D;
}
a.edit_btn:active {
	color: #39C;
}

/* Stats box link styles */
a.stats_box:link {
	color: #E5E5E5;
	text-decoration: none;
}
a.stats_box:visited {
	color: #E5E5E5;
	text-decoration: none;
}
a.stats_box:hover {
	color: #FFF;
	background-color: #8CB8C1;
}
a.stats_box:active {
	color: #39C;
}

/* Footer link styles */
#footer a:link {
	color: #369;
}/* unvisited link */
#footer a:visited {
	color: #C8DFE1;
}/* visited link */
#footer a:hover {
	color: #FF00FF;
}/* mouse over link */
#footer a:active {
	color: #0000FF;
}/* selected link */

/* Pagination styles - borrowed from Bootstrap temporarily until I implement it */
div.pagination {
	height: 36px;
	margin: 18px 0;
	clear: left;
}

.pagination ul {
	display: inline-block;
	*display: inline;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	*zoom: 1;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination li {
	display: inline;
}

.pagination a {
	float: left;
	padding: 0 14px;
	line-height: 34px;
	text-decoration: none;
	border: 1px solid #3B5768;
	border-left-width: 0;
}

.pagination a:hover, .pagination .active a {
	background-color: #f5f5f5;
}

.pagination .active a {
	color: #999999;
	cursor: default;
}

.pagination .disabled span, .pagination .disabled a, .pagination .disabled a:hover {
	color: #999999;
	cursor: default;
	background-color: transparent;
}

.pagination li:first-child a {
	border-left-width: 1px;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}

.pagination li:last-child a {
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}

.pagination-centered, .centered {
	text-align: center;
}

.pagination-right {
	text-align: right;
}

/* Overrides for jQuery UI styles */
span.text-icon {
	display: none !important;
}
ul.tagit li.tagit-choice-read-only {
	padding: .1em .5em .1em .5em;
}

ul.tagit li.tagit-choice-editable {
	padding: .1em 18px .1em .5em;
}

span.tagit-label {

}
li.tagit-choice {

}
li.ui-widget-content {
	background-color: #3B5768 !important;
	/*color:#E5E5E5 !important;*/
}
li.ui-state-default {

}
li.tagit-choice-editable {

}

/* Comments styles */
div.comment-row {
	margin: 1em 0 1em 0;
}

div.comment-box {
	padding: 3px .75em;
	background-color: #D8E3E6;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
div.comment-box p {
	margin-bottom: .5em;
}
div.comment-box blockquote {
	margin: 0 1em .5em 3em;
	padding: 0;
	font-style: italic;
	background-color: none;
	border: none;
}
div.comment-meta {
}

.social-btn {
	display: inline-block;
	font-size: .882352941em;
	padding: .6em .666666667em .3em .666666667em;
	line-height: 1.333333333;
	font-weight: normal;
	background-color: #808080;
	border: .071428571em solid #808080;
	border-radius: .235294118em;
	margin-left: .3em;
	margin-top: .3em;
	margin-bottom: .3em;
}

.social-btn, .social-btn:hover, a .social-btn:hover {
	color: #ffffff !important;
}

.social-btn:hover, a .social-btn:hover, .social-btn.active {
	background-color: #595959;
	border-color: #595959;
	text-decoration: none;
}

/* List styles */

ul#list-items {
	background-color: #E5E5E5;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	border-radius: .5em;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#CDDBDE));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #CDDBDE 25px);
	-moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 4px;
	-webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 4px;
	box-shadow: rgba(0,0,0, 0.2) 0px 0px 4px;
	list-style-type: none;
	padding: 0;
}
#list-items li.list-item {
	margin: 0;
	height: 64px;
	line-height: 64px;
	color: #fff;
	outline: 0;
	padding: .5em;
	margin: 0;
	background: rgb(216 227 230);
	border-top: 1px dashed #3B5768;
	position: relative;
	cursor: move;
	text-align: center;
	font-size: .85em;
}
#list-items li.list-item:first-child {
	border-top: none;
	-webkit-border-top-left-radius: .5em;
	-webkit-border-top-right-radius: .5em;
	-moz-border-radius-topleft: .5em;
	-moz-border-radius-topright: .5em;
	border-top-left-radius: .5em;
	border-top-right-radius: .5em;
	background-color: #E5E5E5;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#CDDBDE));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #CDDBDE 25px);
}
#list-items li.list-item:last-child {
	border-bottom: none;
	-webkit-border-bottom-left-radius: .5em;
	-webkit-border-bottom-right-radius: .5em;
	-moz-border-radius-bottomleft: .5em;
	-moz-border-radius-bottomright: .5em;
	border-bottom-left-radius: .5em;
	border-bottom-right-radius: .5em;
	background-color: #FFF;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#CDDBDE));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #CDDBDE 25px);
}

#list-items li.list-item span.list-rank {
	background-color: #3B5768;
	font-size: 1.8em;
	margin: 0;
	width: 80px;
	margin-right: .5em;
	text-align: center;
	text-shadow: -1px -1px 0px rgba(0,0,0,.8);
	border-top-left-radius: .25em;
	border-bottom-right-radius: .25em;
	color: #FFFFFF;
	float: left;
}

.list-poster {
	border: 1px solid #3B5768;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float: left;
	margin: 0;
	padding: 0;
}
.list-meta {
	float: left;
	padding-left: 25px;
	padding-right: 25px;
	text-align: center;
}
.list-item .fa {
	color: #3B5768;
	float: right;
	margin-right: 1em;
	padding-top: 18px;
	text-align: center;
}
.list-item .fa-times:hover {
	color: red;
}

#list-items li.list-item:after {
	content: "\f0c9";
	display: inline-block;
	font-family: "FontAwesome";
	position: absolute;
	right: 18px;
	top: 9px;
	text-align: center;
	line-height: 35px;
	color: rgba(255,255,255,.2);
	text-shadow: 0px 0px 0px rgba(0,0,0,0);
	cursor: move;
}
.ui-sortable-placeholder {
	height: 64px;
	line-height: 64px;
	outline: 0;
	padding: .5em .5em .5em 0;
	margin: 0;
	-webkit-background-size: 25px 25px;
	-moz-background-size: 25px 25px;
	background-size: 25px 25px; /* Controls the size of the stripes */
	background-color: #3B5768;
	background-image: -webkit-gradient(linear, 0 100%, 100% 0,
	color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent),
	color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)),
	color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent),
	to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
	transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
	transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
	transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
	transparent 75%, transparent);
	background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
	transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
	transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
	transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
	transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
	transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
	transparent 75%, transparent);	
}

/* =============================================================

 Social Sharing v1.2
 Social sharing links and buttons without the bloat by Chris Ferdinandi.
 http://gomakethings.com

 Free to use under the MIT License.
 http://gomakethings.com/mit/

 * ============================================================= */

/*  Twitter button color */
.btn-tweet {
	background-color: #41b7d8;
	border-color: #41b7d8;
	color: #41b7d8;
}

/*  Twitter button color on hover */
.btn-tweet:hover, a .btn-tweet:hover {
	background-color: #3697b2;
	border-color: #3697b2;
}

/*  Facebook button color */
.btn-facebook {
	background-color: #3b5997;
	border-color: #3b5997;
}

/*  Facebook button color on hover */
.btn-facebook:hover, a .btn-facebook:hover {
	background-color: #2c4370;
	border-color: #2c4370;
}

/*  Google button color */
.btn-google {
	background-color: #d64937;
	border-color: #d64937;
}

/*  Facebook button color on hover */
.btn-google:hover, a .btn-google:hover {
	background-color: #b03d2e;
	border-color: #b03d2e;
}

.screen-reader {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

p.date_options {
	margin-top: 2em;
}

ul.nav-tabs,
ul.nav-pills {
	color: #333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 18px;
    font-weight: bold;
}

/*******************************************
 This media query is where page goes from mobile view to tablet/desktop view.
 ********************************************/

/***40.5em = 648px***/
@media screen and (min-width: 40.5em) {
	.span9, .span6, .span5, .span3 {
		padding: 0;
	}

	/* Admin form styles */

	fieldset {
		width: 50%;
		margin: .5em 1em 1em 0;
	}
	.login_block fieldset {
		width: 50%;
		margin: .5em 1em 1em 0;
	}
	fieldset legend {
		border: 1px solid #848484;
		border-bottom: none;
		-moz-border-radius: .5em .5em 0 0;
		-webkit-border-radius: .5em .5em 0 0;
		border-radius: .5em .5em 0 0;
	}
	#admin_header {
		padding: 3.5em 1em 0 16em;
	}
	#admin_nav {
		list-style: none;
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-weight: bold;
		margin: 0 0 0 6em;
		padding: 0;
		border-left: 1px solid #666;
		/* Clear floats */
		float: left;
		/* Bring the nav above everything else--uncomment if needed.
		 position:relative;
		 z-index:5;
		 */
	}
	input, textarea {
		padding: 9px;
		width: 200px;
	}
	.submit input {
		padding: 9px 15px;
		margin-top: .5em;
		margin-bottom: .5em;
		margin-left: 0;
	}
	#admin_footer, .push {
		height: 6em;
	}
	#admin_footer {
		margin: 0;
		padding: 2em 0;
		border-top: 1px solid #666;
		background-color: #8CB8C1;
		color: #3B5768;
		font-size: small;
		font-family: 'Magra', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-weight: normal;
		clear: both;
	}
	#admin_footer p {
		margin-left: 0;
		margin-right: 0;
	}
	textarea {
		width: 400px;
		max-width: 400px;
		height: 150px;
		line-height: 150%;
	}
	.edit_form_block textarea {
		width: 430px;
		max-width: 430px;
	}
	/* Movie Detail page styles */
	ul.stats_box_list {
		margin: 0 auto;
		width: 95%;
	}
	table.display-full {
		width: 90%;
	}

	table.display {
		width: 48%;
	}

	/* Member stats page styles*/
	table.display, table.display-full {
		float: left;
		border-collapse: collapse;
		margin: 0 1% 1em 1%;
		padding: 0;
		font-family: Arial, Helvetica, sans-serif;
		/*border:1px solid  #848484;*/
		background-color: #E5E5E5;
		-moz-border-radius: .5em;
		-webkit-border-radius: .5em;
		border-radius: .5em;
		background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#CDDBDE));
		background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #CDDBDE 25px);
		-moz-box-shadow: rgba(0,0,0, 0.4) 0px 0px 2px;
		-webkit-box-shadow: rgba(0,0,0, 0.4) 0px 0px 2px;
		box-shadow: rgba(0,0,0, 0.4) 0px 0px 2px;
	}
	table.display caption, table.display-full caption {
		text-align: left;
		padding: .5em .5em .5em 0;
		font-size: 1.5em;
		font-weight: bold;
	}
	table.display tr.headers, table.display-full tr.headers {
		font-size: .85em;
		font-weight: bold;
		/* background-color:#3B5768; */
		padding: 0;
		margin: 0;
		border-bottom: 1px solid #3B5768;
	}
	table.display th, table.display-full th {
		padding: .5em .5em .5em 1em;
		margin: 0;
		border-bottom: 1px solid #3B5768;
	}
	th i {
		margin-left: 5px;
	}
	div.panel-default {
		width: 50%;
		float: left;
		margin: 1em 0 0 0;
	}
	div.tab-pane table.display,
	div.tab-pane p {
		width: 96%;
		margin: 2px 2% 1em 2%;
	}
	div.tab-pane p {
		margin-top: 1em;
		text-align: center;
		font-size: 1em;
		font-weight: bold;
	}
	div.panel-heading h3 {
		margin: 0 2% .5em 2%;
	}
	div.panel-body div.tab-panel-container {
		float: left;
		width: 100%;
	}
	div.tab-panel-container ul.nav-tabs,
	div.tab-panel-container ul.nav-pills {
		width: 96%;
		margin: 0 2% 1em 2%;
	}
	[class^="icon-"], [class*=" icon-"] {
		display: inline-block;
		width: 14px;
		height: 14px;
		*margin-right: .3em;
		line-height: 14px;
		vertical-align: text-top;
		background-image: url("../images/glyphicons-halflings.png");
		background-position: 14px 14px;
		background-repeat: no-repeat;
	}

	[class^="icon-"]:after, [class*=" icon-"]:after {
		*margin-left: 0;
	}

	.icon-chevron-up {
		padding-left: 3px;
		background-position: -288px -120px;
	}

	.icon-chevron-down {
		background-position: -313px -119px;
	}
	table.display th.left, table.display td.left, table.display-full th.left, table.display-full td.left {
		text-align: left;
	}
	table.display td, table.display-full td {
		padding: .5em .5em .5em 1em;
		border-top: 1px dashed #3B5768;
		text-align: center;
		font-size: .85em;
	}
}
/*end of min-width 648px media query*/

/*** 56.25em = 900px***/
@media only screen and (min-width: 56.25em) {
}
/**end of 900px min width media query*/

/*** 62.875em = 1006px***/
@media only screen and (min-width: 62.875em) {
}
/**end of 1006px min width media query*/

/***for  100em = 1600px***/
@media only screen and (min-width: 100em) {
}
/**end of 1600px min width media query*/