/*
	IMPORTANT:
	When adding new css references to guestbook elemtes,
	always use the "#mjguest " prefix to prevent conflicts
	with other elements of your web page.
	
	If you are new to CSS, you can simply change the colors
	without editing the minimal preset layout.
*/

/* MJGUEST container */
#mjguest {
	width: 450px;
	margin: 10px auto;
	padding-bottom: 1px;
	font: 95% Tahoma, sans-serif;
	color: #3d3d3d;
	border: 1px solid #e4e2d9;
}

/* Basic markup definitions */

#mjguest strong {
	font-size: 100%;
	font-weight: bold;
	color: #43536E;
}

#mjguest small,
#mjguest .e_date {
	font-size: 9px;
}

#mjguest cite {
	font-style: normal;
}

/* Links style */

#mjguest a,
#mjguest a:active,
#mjguest a:visited {
	color: #3d3d3d;
	text-decoration: none;
}

#mjguest a:hover {
	text-decoration: underline;
}

/*** Main Menu ***/

#menu {
	margin-bottom: 1px;
	background: #e4e2d9;
}

#mjguest #menu ul {
	height: 25px;
	margin: 0px;
}

#mjguest #menu li {
	float: left;
	width: 33%;
	margin: 0px;
	padding: 0px;
}

#mjguest #menu #m_setup a {
	font-size: 90%;
	color: #666666;
}

/*** Main Form ***/

#mjguest form {
	text-align: center;
}

#mjguest fieldset {
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	border-width: 0px;
}

#mjguest div.buttons {
	margin: 0px 1px 0px 1px;
	border: 0px solid #fff;
	background-color: #ebeae3;
}

#mjguest form div.buttons {
	margin: 0px 1px 0px 1px;
	border: 0px solid #fff;
	background-color: #ebeae3;
}

#mjguest table {
	background-color: #ffffff;
}

#mjguest th {
	color: #43536E;
	height: 20px;
}

#mjguest th, #mjguest td {
	background-color: #ebeae3;
}

#mjguest td.paramname {
	width: 75%;
	padding: 6px 0px 6px 6px;
}

#mjguest td.paramvalue {
	width: 25%;
	padding: 0px;
}

#mjguest td.fieldname {
	width: 25%;
	padding: 5px;
}

#mjguest td.fieldvalue {
	width: 75%;
	padding: 5px;
}

#mjguest input,
#mjguest button,
#mjguest select,
#mjguest textarea {
	font-family: Tahoma, sans-serif;
	font-size: 100%;
	color: #000000;
}

#mjguest div.alertbox_out {
	margin: 150px auto;
}

#mjguest div.alertbox_in {
	background: #e4e2d9;
}

#progressbar_out {
	background: #fff;
	border: 1px solid #b5b4ac;
}

#progressbar_in {
	background: #ebeadb;
}

#mjguest img.redirect {
	width: 15px;
	height: 15px;
}

/*** Form elements ***/

#mjguest select.panel {
	width: 110px;
}

#mjguest input.panel_text {
	width: 106px !important;
	width: 104px;
}

#mjguest .paramvalue label {
	margin:0px 8px;
}

#mjguest input#loginpass {
	width: 120px;
}

#mjguest input.text {
	width: 185px;
}

#mjguest input#avatar {
	width: auto;
}

#mjguest input#uin {
	width: 120px;
	margin-left: 5px;
}

#mjguest select#chat {
	width: 60px;
}

#mjguest select#country {
	width: 189px !important;
	width: 191px;
}

#mjguest textarea#message {
	width: 230px;
	height: 100px;
	overflow: auto;
}

#mjguest textarea#reply {
	width: 290px;
	height: 90px;
	overflow:auto;
}

#mjguest input#captcha {
}

#mjguest #captcha_image {
	vertical-align: bottom;
	margin-bottom: 10px !important;
	margin-bottom: 11px;
}

/*** Entries appeareance ***/

#mjguest .entry {
	height: auto;
	overflow: auto;
	width: 448px !important;
	width: 448px;
	margin: 0px auto 0px auto;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ffffff;
	background-color: #e4e2d9;
}

#mjguest .e_header {
	float: left;
	width: 150px;
	text-align: left;
}

.e_avatar {
	padding: 5px;
	font-size: 1px;
	border-bottom: 1px dashed #ffffff;
}

#mjguest .e_name,
#mjguest .e_date,
#mjguest .e_icons {
	padding: 4px 0px 4px 4px;
	border-bottom: 1px dashed #ffffff;
}

#mjguest .e_name {
	padding-top: 4px;
	padding-bottom: 3px;
}

#mjguest .e_name img {
	width: 18px;
	height: 12px;
}

#mjguest .e_icons {
	font-size: 1px;
	border-width: 0px;
}

#mjguest .e_icons img {
	margin-right: 3px;
}

#mjguest .e_body {
	float: right;
	min-height: 132px;
	height: auto !important;
	height: 132px;
	width: 275px !important;
	width: 275px;
	border-left: 1px solid #ffffff;
	background-color: #ebeae3;
}

#mjguest .e_body textarea {
	color: #5d5d5d;
	font-style:italic;
}

#mjguest .e_reply {
	margin-top:15px;
	padding:4px;
	border-top:1px dashed #fff;
	color: #5d5d5d;
	font-style:italic;
}