html {
 overflow-y: scroll;
}

body {
	margin: 20px;
	font-family: Arial, Helvetica, sans;
	background-color: #5d686f;
	color: #5d686f;
}

#mainTable {
	width: 45%;
	/*border: 1px solid #000;*/
	background-color: #FFF;
	height: 100%;
}

#mainTable th {
	text-align: left;
	height: 1%;
}

#mainTable th a.title{
	font-size: 36px;
	font-weight: bold;
	background-color: #5d686f;
	color: #FFF;
	padding: 0px 3px;
	text-decoration: none;
}

#mainTable th span.subtitle {
	font-size: 18px;
	font-weight: bold;
	color: #abb4ba;
	vertical-align: middle;
	padding-bottom: 15px;
}

#userInfo {
	height: 1%;
	vertical-align: top;
}

#mainTable #toolbox {
	vertical-align: top;
	border-collapse: collapse;
	width: 25%;
}

#toolbox a {
	text-decoration: none;
	color: #535c62;
}
#toolbox a:hover{
	border-bottom: 1px dotted #535c62;
}

#toolbox a.tools {
	font-size: 13px;
	font-weight: bold;
	color: #727c83;
	padding: 3px 5px;
	border: 1px solid #727c83;
}
#toolbox a.tools:hover {
	border: 1px solid #535c62;
	color: #535c62;
}

#toolbox a.friends {
	font-size: 12px;
	color: #19415a;
	font-weight: bold;
}

#toolbox ul {
	margin-top: 0px;
}

#toolbox li {
	margin-left: -30px;
	font-size: 12px;
	list-style: none;
	color: #19415a;
}

#toolboxHeader {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #5d686f;
	height: 15px;
	padding: 2px 5px;
	text-align: center;
}

#toolboxContent {
	font-size: 14px;
	color: #535c62;
	background-color: #b3c3cc;
	/*border: 1px solid #5d686f;*/
	padding: 10px 10px;
}

#toolboxContent span.value {
	font-size: 18px;
	font-weight: bold;
	color: #19415a;
}

#mainTable #movies {
	vertical-align: top;
	margin: 0px;
}

#footer {
	height: 1%;
	text-align: center;
	vertical-align: middle;
	font-size: 9px;
	font-weight: bold;
	color: #5d686f;
	text-transform: uppercase;
}

#footer a{
	font-size: 8px;
	color: #FFF;
	background-color: #abb4ba;
	padding: 1px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}
#footer a:hover{
	background-color: #5d686f;
}

#movies span.editComment {
	font-size: 9px;
	font-weight: bold;
	padding: 1px;
	text-transform: uppercase;
	background-color: #2d739f;
	color: #FFF;
	cursor: pointer;
	font-family: Arial, Helvetica, sans;
}

#movies img.showComment {
	margin-left: 10px;
	cursor: pointer;
}
#movies a.goComment:hover {
	border: none;
}

a.userTitle {
	font-size: 26px;
	font-weight: bold;
	color: #5d686f;
	text-decoration: none;
}
a.userTitle:hover {
	border-bottom: 1px dotted #5d686f;
}

a.friendLink {
	font-size: 8px;
	font-weight: bold;
	background-color: #abb4ba;
	color: #FFF;
	padding: 1px;
	text-decoration: none;
	margin-left: 10px;
}
a.friendLink:hover {
	background-color: #5d686f;
}

div.movieHeader1st {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #2d739f;
	height: 15px;
	padding: 2px 5px;
	text-align: center;
}

div.movieBody1st {
	font-size: 20px;
	font-family: Georgia, Arial, Helvetica, sans;
	color: #19415a;
	background-color: #afcee1;
	/*border: 1px solid #afcee1;*/
	padding: 10px 10px;
	margin-bottom: 20px;
}

div.movieHeader {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #5d686f;
	height: 15px;
	padding: 2px 5px;
	text-align: center;
}

div.movieBody {
	font-size: 15px;
	font-family: Georgia, Arial, Helvetica, sans;
	color: #3c4348;
	background-color: #b3c3cc;
	/*border: 1px solid #5d686f;*/
	padding: 5px 10px;
	margin-bottom: 10px;
}

table.movieInfoTable {
	border-collapse: collapse;
}

table.movieInfoTable a {
	text-decoration: none;
	color: #3c4348;
	font-size: 15px;
}
table.movieInfoTable a:hover {
	border-bottom: 1px dotted #3c4348;
}

table.movieInfoTable1st {
	border-collapse: collapse;
}

table.movieInfoTable1st a {
	text-decoration: none;
	color: #19415a;
	font-size: 20px;
}
table.movieInfoTable1st a:hover {
	border-bottom: 1px dotted #19415a;
}

table.movieInfoTable td.rate {
	font-size: 15px;
	font-weight: bold;
	vertical-align: bottom;
	width: 1%;
}

table.movieInfoTable1st td.rate {
	font-size: 20px;
	font-weight: bold;
	vertical-align: bottom;
	width: 1%;
}

table.movieInfoTable1st div.comment {
	font-size: 12px;
	border-top: 1px dotted #19415a;
	padding: 5px;
	padding-top: 10px;
	font-family: Arial;
	display: none;
	color: #19415a;
	text-align: justify;
	height: 110px;
	overflow: auto;
	/*display: block;*/
}

table.movieInfoTable div.commentSmall {
	font-size: 10px;
	border-top: 1px dotted #19415a;
	padding: 5px;
	padding-top: 10px;
	font-family: Arial;
	display: none;
	color: #3c4348;
	text-align: justify;
	height: 50px;
	overflow: auto;
	/*display: block;*/
}

textarea.insideComment {
	width: 100%;
	height: 100px;
	padding: 2px;
	border: 1px solid #abb4ba;
	color: #5d686f;
	font-family: Arial, Helvetica, sans;
	font-size: 10px;
}


span.overInput {
	font-size: 10px;
	color: #5d686f;
}

input.loginInput {
	border: 1px solid #abb4ba;
	width: 100px;
	height: 25px;
	color: #5d686f;
	padding: 3px;
	font-size: 12px;
}

input.loginSubmit {
	border: 1px solid #abb4ba;
	padding: 3px;
	background-color: #FFF;
	color: #abb4ba;
	font-weight: bold;
	float: left;
	font-size: 10px;
}

h1 {
	color: #5d686f;
	font-size: 25px;
}

#homepageIntro {
	font-size: 13px;
	color: #5d686f;
}

#homepageIntro a {
	text-decoration: none;
	border-bottom: 1px dotted #5d686f;
	color: #5d686f;
}

#homepageIntro a.signup {
	font-size: 20px;
	font-weight: bold;
	border: 1px solid #5d686f;
	padding: 5px;
	color: #5d686f;
	text-decoration: none;
}
#homepageIntro a.signup:hover {
	background-color: #5d686f;
	color: #FFF;
}

#signup {
	vertical-align: top;
	height: 100%;
}

#signup span.title {
	font-size: 16px;
	font-weight: bold;	
}

#signup span.subtitle {
	font-size: 11px;
	color: #92a1ab;
}

#signup span.subtitle a{
	color: #92a1ab;
}

#signup a.suggestion {
	color: #92a1ab;
	font-size: 12px;
	font-weight: bold;	
}

#signup input {
	width: 250px;
	height: 30px;
	padding: 5px;
	border: 1px solid #abb4ba;
	color: #5d686f;
}

#signup textarea {
	width: 250px;
	height: 150px;
	padding: 5px;
	border: 1px solid #abb4ba;
	color: #5d686f;
	font-family: Arial, Helvetica, sans;
	font-size: 13px;
}

#signup select {
	width: 70px;
	height: 30px;
	padding: 5px;
	border: 1px solid #abb4ba;
	color: #5d686f;
}

#signup input.submit {
	border: 1px solid #abb4ba;
	padding: 3px;
	background-color: #FFF;
	color: #abb4ba;
	font-weight: bold;
	float: left;
	width: 100px;
}
#signup input.submit:hover {
	background-color: #abb4ba;
	color: #FFF;
}

#signupConditions {
	vertical-align: top;
	font-size: 14px;
}

li.genresCloud {
	/*margin-left: 10px;*/
	font-weight: bold;
	color: #19415a;
	list-style: none;
}

span.cloudSmall {
	font-size: 12px;
}

span.cloudMedium {
	font-size: 16px;
}

span.cloudBig {
	font-size: 19px;
}