/* @override http://mc2b.instantations.net/assets/css/main.css */

@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}

a {
	text-decoration: none;
	color: #eb00cf;
	padding-right: 1px;
	padding-left: 1px;
}

a:hover {
	background-color: #eb00cf;
	color: white;
	text-decoration: none;
}

body {
	background-color: #ebebeb;
}

body, form {
	margin: 0px;
	padding: 0px;
}

body, td {
	font: 10px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;
}

.dimmedText {
	color: gray;
}

.dim {
	opacity: 0.5;
}

/* @group HEADER */

#header ul {
	padding: 0;
	margin: 0;
}

#header ul li {
	background-color: #5e5e5e;
	display: inline-block;
	margin-left: 0;
	font-size: 13px;
	margin-right: 3px;
}

#header ul li a {
	line-height: 25px;
	height: 25px;
	display: inline-block;
	padding-right: 10px;
	padding-left: 10px;
}

#header #breadcrumbs {
	background-color: #5e5e5e;
	height: 25px;
	line-height: 25px;
	color: #fff;
}

/* @end */

/* @group Main Template */

#pageContainer {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

#pageContainer #footer {
	clear: both;
}

#betaHeader {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	color: #FFFF33;
	background-color: #000;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
}

#header
{
	/* background: url(../images/bg_header.png) repeat-x; */
}

#header h1 {
	margin-left: 21px;
	margin-top: 0px;
	margin-bottom:  0px;
	background-position: 0 top;
	background-repeat: no-repeat;
	/* background-image: url(../images/main_title.png);*/
	text-indent: -9999px;
	height: 90px;
}

#pageContainer {
	margin-top: 23px;
}
/* @end */

/* @group Inline admin */

.adminToolbar
{
	background-color: #ff8000;
	color: #fff;
	padding-right: 6px;
	padding-left: 6px;
	line-height: 16px;
	height: 16px;
	border: 1px solid rgba(255,255,255,0.33);
	font-size: 10px;
	color: rgba(255,255,255,0.80);
}

.adminToolbar a, .adminLinks a
{
	color: rgba(255,255,255,0.80);
}

.adminToolbar a:hover, .adminLinks a:hover
{
	color: #fff; 
	background-color: #ff8000;
}

.adminLinks {
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 1px;
	padding-top: 1px;
	border: 1px solid rgba(255,255,255,0.33);
	background-color: #ff8000;
	color: rgba(255,255,255,0.80);
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
}

#lockWarning {
	font-weight: bold;
	color: white;
	background-color: red;
	text-align: center;
	line-height: 20px;
}

/* @end */

/* @group Comments */

#wannaHelp {
	display: none;
	
	background-color: #fbeed9;
	color: #ff8000;
	width: 150px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
	border-color: #ff8000;
	border-width: 1px;
	border-style: solid;
	padding-bottom: 15px;
	padding-top: 15px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	margin-top: 50px;
}

#wannaHelp a {
	color: #ff8000;
}

#wannaHelp a:hover {
	color: white;
	background-color: #ff8000;	
}


#comments {
	margin-bottom: 20px;
}

#comments .comment {
	border-bottom: 1px dotted maroon;
	margin-bottom: 14px;
	padding-bottom: 5px;
	color: #5e5e5e;
}

#comments .poster {
	color: maroon;
	font-weight: bold;
	font-size: 11px;
}

#comments .poster a {
	color: maroon;
	text-decoration: none;
}

#comments .date {
	color: gray;
	font-size: 9px;
}

#comments .text {
	padding-left: 20px;
	margin-top: .8em;
	margin-bottom: .8em;
	font-size: 11px;
}

#comments .text p {
	margin-top: .8em;
	margin-bottom: .8em;
}

#newComment textarea {
	border-color: maroon;
}

#newComment .header {
	color: maroon;
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 8px;
}

#commentSubmit {
	margin-top: 3px;
}

#newComment .smallprint {
	float: right;
}

#newCommentText {
	width: 100%;
	font: 10px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}

#comments .inlineMessage {
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
}


/* @end */

/* @group Common */

.anchorMenu {
	/* background-color: #efefef; */
	padding-top: 20px;
	                                
	margin-bottom: 10px;
	                                
	padding-left: 10px;
	                                
	padding-right: 10px;
	                                
	text-transform: uppercase;
	font-size: 10px;
	margin-top: 0px;
	margin-left: -10px;
	margin-right: -10px;
}

.anchor {
	visibility: collapse;
}

.anchorMenu .top {
	float: right;
	font-size: 9px;
}

.inlineMessage {
	font-size: 12px;
	font-style: italic;
}

.smallprint {
	font: 9px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;
	color: gray;
	margin-top: 8px;
	margin-bottom: 8px;
}



/* @end */

/* @group User Toolbar */

#userToolbarContainer {
	position:fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 23px;
	z-index: 99;
	/* border-bottom: 1px solid #000; */
	background-color: #000;
}

#userToolbar	{
	line-height: 22px;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	padding: 0px;
	/* color: #7e7e7e; */
	color: #fff;
}

/* #userToolbar a {
	text-decoration: none;
	color: yellow;
	padding-right: 1px;
	padding-left: 1px;
}

#userToolbar a:hover {
	background-color: #ffff66;
	color: black;
	text-decoration: none;
} */

#userToolbar .field	{
	font-size: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 7px;
	margin-left: 5px;
	background-color: #fff;
	color: #000;
	border-color: #333333;
	border-width: 1px;
	border-style: solid;
	width: 100px;
	height: 13px;
}

#userToolbar #remember {
	vertical-align: middle;
	line-height: 23px;
}

#userToolbar #login {
	margin-left: 7px;
}


#userToolbar .error {
	font-weight: bold;
	color: red;
}


/* @end */

#contributionInfo	{
	margin-right: -20px;
	margin-left: -20px;
	font-size: 10px;
	color: rgba(255,255,255,0.6);
	background-color: #666666;
	padding: 8px 20px 8px 10px;
}

#contributionInfo a	{
	color: #cccccc;
}

.star:hover	{
	cursor: pointer;
}

#editMyRatingBlock {
	display: none;
}

.formLineBlock {
	clear: both;
	border-bottom: 1px dotted silver;
	padding-top: 8px;
	padding-bottom: 8px;
}

.formLineBlock table {
	padding: 0px;
	margin: 0px;
}

.formLineBlock table td {
	vertical-align: top;
}

.formLineBlock table td.col1{
	width: 90px;
	padding-top: 5px;
}

.formLineBlock table td.col2 {
	width: 280px;
}

.formLineBlock table td.col3 {
	width: 20px;
}

.formLineBlock table td.col4 {
	padding-left: 10px;
	width: 190px;
}

form .tip {
	color: gray;
	font-size: 10px;
	font-style: italic;
}

#navContainer {
	background-color: #000;
	height: 23px;
	font-size: 12px;
}

/* @group TITLE BANNER */

#titleBanner {
	background-color: #5e5e5e;	
}

#titleBanner a {
	color: #fff;
	display: block;
	border-bottom: 1px dotted rgba(255,255,255,0.73);
	line-height: 25px;
	padding-left: 40px;
	font-size: 11px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-position: 8px 0;
}

#titleBanner h2 {
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	padding-left: 40px;
	line-height: 40px;
	margin: 0;
	font-size: 13px;
	background-repeat: no-repeat;
}

#titleBanner em {
	text-transform: none;
	border-left: 1px dotted rgba(255,255,255,0.73);
	padding-right: 13px;
	padding-left: 13px;
	height: 40px;
	display: inline-block;
	font-size: 10px;
	opacity: 0.6;
	font-weight: bold;
	font-style: normal;
}

#titleBanner em:first-of-type {
	margin-left: 15px;
}

#titleBanner em:last-of-type {
	border-right: 1px dotted rgba(255,255,255,0.5);
}

#titleBanner.edit {
	background-color: #ff8800 !important;  
}

#titleBanner.edit h2 {
	background-image: url(../images/icon_edit_40.png);	
}

/* @end */

.details {
	clear: both;
	padding-left: 20px;
	padding-bottom: 0;
	padding-right: 20px;
	padding-top: 0px;
	border-right: 1px solid #666666;
	border-bottom: 1px none #666666;
	border-left: 1px solid #666666;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;
}

.details h2 {
	letter-spacing: .1em;
	font-weight: bold;
	color: #004080;
	border-top-style: dotted;
	border-color: #4c4c4c;
	border-width: 1px;
	font-size: 13px;
	text-transform: uppercase;
	margin: 10px -20px 12px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

.details h4 {
	clear: both;
	font-size: 12px;
	margin: 10px 0 7px;
}



.details.edit {
	border-color: #ff8000;
}
