body {
background: url('/img/bg_top.png') left top repeat-x;
font: normal 16px/100% Tahoma, Geneva, 'DejaVu Sans', Sans, sans-serif;
color: #738699;
max-width: 1050px;
min-width: 990px;
margin: 0 auto;
/*overflow-x: hidden;*/
}
header {
padding: 23px 0 0 25px;
}
/*
head box
*/
#head_box {
margin-right: 255px;
}
#head_box > a {
float: left;
margin-right: 52px;
}
#head_box > nav {
padding-top: 7px;
}
#head_box > nav > ul > li {
font-size: 0.75em; /* 12/16 */
display: inline-block;
}
#head_box > nav > ul > li + li {
margin-left: 0.833em; /* 10/12 */
}
#head_box > nav > ul > li.active > a {
background: #2583bd url('/img/bg_nav_item_active.png') center top repeat-x;
-webkit-border-radius: 11px;
-moz-border-radius: 11px;
border-radius: 11px;
color: #fff;
}
#head_box > nav > ul > li > a {
font-weight: bold;
display: inline-block;
padding: 0.25em 0.75em 0.333em; /* 3/12 9/12 4/12 */
color: #3399cc;
}
#head_box > h1 {
font-size: 0.687em; /* 11/16 */
font-weight: normal;
clear: left;
padding: 8px 0 14px;
}
.messages {
background-position: left top no-repeat;
background-repeat: repeat-x;
font-size: 0.75em; /* 12/16 */
color: #0b0b0b;
margin: 0 -100%;
padding: 0.416em 0 0.416em 100%; /* 5/12 */
}
.messages + .messages {
margin-top: 2px;
}
.messages.code-warning {
background-image: url('/img/bg_messages_warning.png');
background-color: #ff9900;
}
.messages.code-error {
background-image: url('/img/bg_messages_error.png');
background-color: #ff3600;
}
.messages.code-success {
background-image: url('/img/bg_messages_success.png');
background-color: #7fd000;
}
.messages > a {
color: #0b0b0b;
text-decoration: underline;
}
.messages > a:hover {
text-decoration: none;
}
/*
user box
*/
#user_box {
float: right;
height: 58px;
padding-right: 20px;
}
#user_box > p {
font-size: 0.75em; /* 12/16 */
color: #333;
}
#user_box > p > a {
color: #3399cc;
}
#user_box > ul {
margin: 2px 0 0 -7px;
}
#user_box > ul > li {
font-size: 0.687em; /* 11/16 */
display: inline-block;
vertical-align: middle;
}
#user_box > ul > li + li {
margin-left: 1px;
}
#user_box > ul > li.active > a {
background-color: #3399cc;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
color: #fff;
}
#user_box > ul > li.active > a > span {
	background-color: #3399cc;
	display: inline-block;
	padding: 1px 0 2px;
}
#user_box > ul > li > a {
line-height: 12px;
color: #3399cc;
display: inline-block;
padding: 0 0.636em; /* 7/11 */
}
/*
login loading
*/
#login_loading {
font-size: 0.687em; /* 11/16 */
text-align: center;
float: right;
width: 255px;
height: 38px;
margin-top: 20px;
}
/*
auth form
*/
#auth_form {
font-size: 0.687em; /* 11/16 */
float: right;
width: 255px;
height: 58px;
}
#auth_form > fieldset > div {
display: inline-block;
margin-left: 10px;
vertical-align: bottom;
}
#auth_form > fieldset > div > label {
color: #4a5d70;
display: block;
margin-bottom: 3px;
}
#auth_form > fieldset > div > input {
background: url('/img/bg_input_mini.png') left top no-repeat;
border: none;
color: #000;
width: 80px;
height: 14px;
padding: 2px 5px 3px;
}
#auth_form > fieldset > button {
background: url('/img/button_login.png') left top no-repeat;
display: inline-block;
width: 20px;
height: 17px;
margin: 0 0 0.12em 10px;
vertical-align: bottom;
}
#auth_form > fieldset > button:active {
background-position: left -17px;
}
#auth_form > fieldset > a {
color: #3399cc;
float: left;
display: inline-block;
margin: 4px 0 0 10px;
}
/*
login form
*/
#login_form_error {
font-size: 0.75em; /* 12/16 */
color: #ff9900;
width: 22.5em; /* 270/12 */
height: 20px;
margin: 50px auto -70px;
}
.form_#login_form {
float: none;
margin: 80px auto 0;
width: 15.75em; /* 250/16 */
}
.form_#login_form > fieldset > a {
font-size: 0.687em; /* 11/16 */
color: #3399cc;
display: inline-block;
margin: 20px 0 0 7.454em; /* 82/11 */
}
#login_form #login_submit, .widget_getcode {
display: block;
}
/*
wrapper
*/
#wrapper {
margin: 30px 0 50px 25px;
}
#wrapper.no_margin {
margin-bottom: 0;
}
.content {
margin-right: 264px;
}
/*
send_message
*/
#send_message {

}
/*
page info
*/
#page_info {
width: 202px;
float: left;
}
#page_info > h3 {
font-size: 1.312em; /* 21/16 */
font-weight: normal;
color: #000;
line-height: 1.3em;
}
#page_info > h3 > a {
font-weight: bold;
color: #000;
}

#page_info > .want_link_this {
background-color: #f6f6f6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 0.8em;
display: inline-block;
padding: 7px 10px;
margin: 40px 0 0 -10px;
}
#page_info > .want_link_this > p > a {
color: #93A6B9;
text-decoration: underline;
}
#send_message_captcha {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid lightgray;
margin-bottom: 15px;
margin-left: 5.125em; /* 82/16 */
padding: 3px 0;
width: 180px;
height: 85px;
}
.user, .message > dl > dt > input {
	margin-right: 4px;
}

.user, .message > dl > dt > span:first-child {
font-size: 1.09em; /* 12/11 */
color: #000;
width: 90px;
overflow: hidden;
white-space: nowrap;
-webkit-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
text-overflow: ellipsis;
margin-bottom: 2px;
}
.user {
background: url('/img/icon_user.png') left center no-repeat;
width: 75px;
padding-left: 16px;
overflow: hidden;
white-space: nowrap;
-webkit-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
text-overflow: ellipsis;
}


div.spacer {
	width:100%;
	clear:both;
	margin-bottom:2ex;
}
				#page_info > span.want_link_this {
					font-size: 0.8em;
					display: block;
					padding-top: 40px;
				}
				#page_info > span.want_link_this > a {
					color: #93A6B9;
					text-decoration: underline;
				}
				#page_info > blockquote.warning {
					font-size: 0.875em; /* 14/16 */
					margin-top: 20px;
				}
					#page_info > blockquote.warning > p:before {
						background: url('/img/quote_1.png') left top no-repeat;
						content: '';
						width: 12px;
						height: 8px;
						display: inline-block;
						margin-right: 4px;
/*						content: url('/img/quote_1.png');
						position: relative;
						top: -0.285em;
						left: -16px;
						margin-right: -13px;*/
					}
					#page_info > blockquote.warning > p:after {
						background: url('/img/quote_2.png') right top no-repeat;
						content: '';
						width: 12px;
						height: 8px;
						display: inline-block;
						margin-left: 4px;
/*						content: url('/img/quote_2.png');
						position: relative;
						top: -0.285em;
						margin-left: 3px;*/
					}
				#page_info > blockquote.hint {
					font-size: 0.675em; /* 14/16 */
					margin-top: 20px;
				}
			/*
				send result
			*/
			#send_result, #something_not_allowed {
				border: 1px solid #ebeef1;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				width: 29.625em; /* 474/16 */
				margin-left: 231px;
				padding: 18px 20px 22px;
			}
				#send_result > h4, #something_not_allowed > h4 {
					font-size: 1.125em; /* 18/16 */
					font-weight: normal;
					line-height: 1.333em; /* 24/16 */
					color: #000;
					margin-bottom: 20px;
				}
				#something_not_allowed > h4 {
					margin-bottom: 0;
				}
				#send_result > button {
					background: url('/img/button_push_another_one.png') left top no-repeat;
					text-align: left;
					width: 172px;
					height: 36px;
				}
				#send_result > button:active {
					background-position: left -36px;
				}
					#send_result > button > span {
						font-size: 1.125em; /* 18/16 */
						color: #fff;
						text-shadow: 0 -1px 0 #377e9d;
						text-align: center;
						display: inline-block;
						padding: 6px 0 7px 9px;
					}
			/*
				send message form
			*/
			.form {
				border: 1px solid #ebeef1;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				width: 29.875em; /* 474/16 */
				margin-left: 231px;
				padding: 0.875em 0.562em 1.25em;
			}
				.form > fieldset > div + div {
					margin-top: 19px;
				}
					.form textarea, .form input[type="text"], .form input[type="password"] {
						font-size: 1.125em; /* 18/16 */
						color: #000;
						border-width: 0.444em 0.333em 0.277em 0.333em; /* 8/18 6/18 5/18 6/18 */
						-moz-border-image: url('/img/input_borders.png') 10 6 5 6;
						-webkit-border-image: url('/img/input_borders.png') 10 6 5 6;
						border-image: url('/img/input_borders.png') 10 6 5 6;
						vertical-align: middle;
						padding: 0 0.222em 3px; /* 4/18 */
					}
					.form textarea[readonly], .form input[type=text][readonly] {
						-moz-border-image: url('/img/input_borders_disabled.png') 10 6 5 6;
						-webkit-border-image: url('/img/input_borders_disabled.png') 10 6 5 6;
						border-image: url('/img/input_borders_disabled.png') 10 6 5 6;
						color: #738699;
					}
					.form > fieldset > div > label {
						font-size: 0.875em; /* 14/16 */
						color: #4a5d70;
						display: inline-block;
						width: 5.5em; /* 77/14 */
						vertical-align: middle;
					}
					.form > fieldset > div > small {
						font-size: 0.75em; /* 12/16 */
						color: #ff9900;
						display: block;
						margin-top: 4px;
						margin-left: 6.833em; /* 82/12 */
					}
					.form > fieldset > div.hint {
						color: #738699;
						font-size: 0.75em; /* 12/16 */
						display: block;
						margin-top: 4px;
						margin-top: 8px;
						margin-left: 6.833em; /* 82/12 */
					}
					.form textarea {
						font-size: 18px;
						width: 20.666em; /* 372/18 */
						height: 56px;
						overflow: hidden;
					}
				#send_message_characters {
					font-size: 0.875em; /* 14/16 */
					color: #4a5d70;
					margin: 22px 0.357em 5px 5.857em; /* 82/14 */
				}
					#send_message_characters > strong {
						font-size: 1.285em; /* 18/14 */
						font-weight: normal;
					}
					#send_message_characters > span {
						-webkit-border-radius: 5px;
						-moz-border-radius: 5px;
						border-radius: 5px;
						float: right;
						display: inline-block;
						width: 3.571em; /* 50/14 */
						height: 1.142em; /* 16/14 */  
						vertical-align: middle;
					}
						#send_message_characters > span > span {
							-webkit-border-top-left-radius: 5px;
							-webkit-border-bottom-left-radius: 5px;
							-moz-border-radius-topleft: 4px;
							-moz-border-radius-bottomleft: 4px;
							border-top-left-radius: 4px;
							border-bottom-left-radius: 4px;
							display: inline-block;
							width: 25%; /* test */
							height: 1.142em; /* 16/14 */
						}
						#send_message_characters > span#gray {
							border: 1px solid #a6b6c6;
						}
							#send_message_characters > span#gray > span {
								background-color: #cbd2d8;
							}
						#send_message_characters > span#orange {
							border: 1px solid #c87a05;
						}
							#send_message_characters > span#orange > span {
								background-color: #ff9900;
								width: 75%;
							}
						#send_message_characters > span#red {
							border: 1px solid #c20202;
						}
							#send_message_characters > span#red > span {
								background-color: #ff3535;
								-webkit-border-radius: 4px;
								-moz-border-radius: 4px;
								border-radius: 4px;
								width: 100%;
							}
					#send_message_captcha > img {
						margin: 0 auto;
					}

					.send_message_image_container {
						border: solid #eaeaea 1px;
						-webkit-border-radius: 8px;
						-moz-border-radius: 8px;
						border-radius: 8px;
						width: 110px;
						height: 110px;
						display: inline-block;
						margin-top: 2px;
						margin-right: 4px;
					}
					.send_message_image_container img.push_form_uploading_indicator {
						margin-top: 43px;
						margin-left: 43px;
					}
					div.thumbnail {
						width: 100px;
						height: 100px;
						background-position: top left;
						background-repeat: no-repeat;
						margin-left: 5px;
						margin-top: 5px;
						display: inline-block;
						float:left;
					}
					.send_message_image_container div.thumbnail img {
						cursor: pointer;
						position: relative;
						top: -10px;
						left: -10px;
					}
				.form > fieldset > div > #captcha + label {
					width: 166px;
					margin-left: 9px;
				}
				#send_message_submit, #login_submit, .widget_getcode {
					background: url('/img/button_push.png') left top no-repeat;
					text-align: left;
					display: inline-block;
					width: 87px;
					height: 36px;
					margin-top: 5px;
					margin-left: 5.125em; /* 82/16 */
				}
					#send_message_submit > span, #login_submit > span, .widget_getcode > span {
						color: #fff;
						text-shadow: 0 -1px 0 #377e9d;
						text-align: center;
						display: inline-block;
						width: 80px;
						padding: 8px 0;
					}
				#send_message_submit:active, #login_submit:active, .widget_getcode:active {
					background-position: left -36px;
				}
				#send_message_submit:disabled, #login_submit:disabled {
					background-position: left -72px;
					cursor: default;
				}
					#send_message_submit:disabled > span, #login_submit:disabled > span {
						text-shadow: 0 -1px 0 #8e979b;
					}
				#send_message_error_result {
					font-size: 0.875em; /* 14/16 */
					color: #ff9900;
					margin: 1.142em 0 0 5.857em; /* 16/14 0 0 82/14 */
				}
				#push_in_progress, #old_messages_loading_in_progress {
					display: inline-block;
					vertical-align: middle;
				}
				#push_in_progress {
					margin: 19px 0 0 15px;
				}
				.checkbox {
					background-color: #ebeef1;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
					margin-left: 5.125em; /* 82/16 */
					padding: 7px 12px 10px;
					width: 167px;
				}
					.form > fieldset > .checkbox > label {
						font-size: 0.875em; /* 14/16 */
						color: #333;
						cursor: pointer;
						width: auto;
						margin-left: 7px;
					}
					#profile_settings_submit {
						background: url('/img/bg_button_save.png') left top repeat-x;
						-webkit-border-radius: 6px;
						-moz-border-radius: 6px;
						border-radius: 6px;
						height: 36px;
						margin: 15px 0 0 5.125em; /* 82/16 */
					}
					#profile_settings_submit:active {
						background-position: left -36px;
					}
					#profile_settings_submit > span {
						color: #fff;
						text-shadow: 0 -1px 0 #3c89ab;
						text-align: center;
						display: inline-block;
						padding: 7px 22px 9px;
					}
			/*
				warning
			*/
			#warning {
				font-size: 0.562em; /* 9/16 */
				color: #738699;
				clear: left;
				display: block;
				margin: 8px 0 0 234px;
			}
			/*
				text page
			*/
			#text_content {
				font-size: 0.812em; /* 13/16 */
				color: #666666;
				margin: 0 0 50px 231px;
			}
				#text_content > h4 {
					font-size: 1.538em; /* 20/13 */
					font-weight: normal;
					color: #000;
				}
				#text_content > h5 {
					font-size: 1.076em; /* 14/13 */
					font-weight: normal;
					color: #000;
					margin-top: 1.428em; /* 20/14 */
				}
				#text_content > p {
					margin-top: 1.538em; /* 20/13 */
				}
				#text_content > blockquote {
					background-color: #ebeef1;
					-webkit-border-top-left-radius: 5px;
					-webkit-border-bottom-left-radius: 5px;
					-moz-border-radius-topleft: 5px;
					-moz-border-radius-bottomleft: 5px;
					border-radius: 5px;
					color: #738699;
					margin: 1.846em -100% 0 -9px; /* 24/13 */
					padding: 7px 100% 9px 90px;
				}
				#text_content > img {
					margin-top: 1.846em; /* 24/13 */
				}
				#text_content > cite {
					color: #738699;
					font-style: italic;
					display: block;
					margin: 0.923em 0 2.461em; /* 12/13 0 32/13 */
					padding-left: 6.153em; /* 80/13 */
				}
				#text_content > dl {
					margin-top: 2.307em; /* 30/13 */
				}
					#text_content > dl > dt  {
						font-weight: bold;
					}
					#text_content > dl > dt > a {
						border-bottom: 1px dashed #333;
						color: #333;
						text-decoration: none;
					}
					#text_content > dl > dd {
						margin: 2px 0 0 17px;
					}
					#text_content > dl > dd + dt {
						margin-top: 1.538em; /* 20/13 */
					}
					#text_content > dl > dd > ul {
						margin: 1.538em 0 1.538em 1.153em; /* 20/13 0 20/13 15/13 */
					}
				#text_content ul {
					list-style: square;
					margin: 1.538em 0 0 1.153em; /* 20/13 0 0 15/13 */
				}
		/*
			last messages
		*/
		#last_messages {
			min-height: 86px;
		}
		a.thumbnail {
			display: inline-block;
			margin: 4px;
		}
		a.thumbnail img {
			border: solid #eaeaea 1px;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			border-radius: 8px;
			padding: 5px;
		}
			#last_messages #bottom_links {
				border-top: 1px solid #cbd2d8;
				padding-top: 10px;
				margin-top: 10px;
			}
			#last_messages #bottom_links > span {
				color: lightgray;
				font-size: 10px;
				cursor: text;
			}
			#last_messages #bottom_links > span.active {
				color: #3399cc;
				cursor: pointer;
			}
			#last_messages > p {
				text-align: center;
				padding-top: 30px;
			}
			.message {
				overflow: hidden;
			}
			.message + .message {
				border-top: 1px solid #cbd2d8;
				margin-top: 8px;
				padding-top: 10px;
			}
				.message > dl > dt {
					font-size: 0.687em; /* 11/16 */
					color: #a6b6c6;
					float: left;
				}
					.message > dl > dt > span {
						vertical-align: middle;
					}
					.from {
						background-color: #a6b6c6;
						-webkit-border-radius: 2px;
						-moz-border-radius: 2px;
						border-radius: 2px;
						line-height: 11px;
						color: #fff;
						display: inline-block;
						width: 8.827em; /* 52/11 (+ 0.100 added by EE) */
						padding: 0.181em 7px 0.363em; /* 1/11 7 4/11 */
						overflow: hidden;
						white-space: nowrap;
						text-overflow: ellipsis;
						vertical-align: middle;
					}
				.message > dl > dd {
					margin-left: 10.125em; /* 114/16 */
				}
					.message > dl > dd > a {
						background: url('/img/icon_reply.png') left top no-repeat;
						display: block;
						float: left;
						width: 18px;
						height: 18px;
					}
					.message > dl > dd > a:active {
						background-position: left -18px;
					}
					.message > dl > dd > p {
						font-size: 0.875em; /* 14/16 */
						line-height: 1.214em; /* 17/14 */
						color: #000;
						margin: 0 0 2px 26px;
					}
					.message > dl > dd > time {
						font-size: 0.687em; /* 11/16 */
						color: #738699;
						display: block;
						margin-left: 26px;
					}
						.message > dl > dd > time > span {
							color: #5dc7f2;
							display: inline-block;
							width: 8.363em; /* 92/11 */
						}
		/*
			home
		*/
		#home {

		}
			/*
				pushme info
			*/
			#pushme_info {
				float: left;
			}
				#pushme_info > a {
					padding: 10px 0px 10px 0px;
				}
				#pushme_info > h4 {
					font-size: 1em; /* 16/16 */
					font-weight: normal;
					color: #000;
					margin: 25px 0 14px 10px;
				}
				#pushme_info > ul {
					margin-left: -4px;
				}
				#pushme_info > h6 {
					font-size: 0.75em; /* 12/16 */
					font-weight: normal;
					color: #333;
					text-align: center;
					display: block;
					margin-top: 20px;
				}
			/*
				iphone preview
			*/
			#iphone {
				background: url('/img/bg_iphone.jpg') left top no-repeat;
				float: left;
				width: 289px;
				height: 441px;
				margin: 14px 0 0 66px;
				padding: 62px 0 0 82px;
				position: relative;
			}
				#iphone > span {
					background: url('/img/bg_highlight.png') left top no-repeat;
					display: block;
					width: 176px;
					height: 265px;
					position: absolute;
					left: 82px;
					top: 62px;
					z-index: 2;
				}
		/*
			sidebar
		*/
		#sidebar {
			float: right;
			width: 255px;
		}
			/*
				push your friend
			*/
			#push_your_friend {
				background-color: #eaedf1;
				-webkit-border-top-left-radius: 5px;
				-webkit-border-bottom-left-radius: 5px;
				-moz-border-radius-topleft: 5px;
				-moz-border-radius-bottomleft: 5px;
				border-top-left-radius: 5px;
				border-bottom-left-radius: 5px;
				padding: 8px 25px 20px 10px;
				position: relative;
			}
				#push_your_friend > fieldset > label {
					font-size: 0.75em; /* 12/16 */
					color: #738699;
					display: block;
					margin-bottom: 7px;
				}
				#push_your_friend_nick {
					background: url('/img/bg_push_your_friend_nick.png') left center no-repeat;
					border: none;
					font-size: 1.125em; /* 18/16 */
					color: #000;
					width: 195px;
					padding: 6px 14px 6px 11px;
				}
				#autocomplete {
					background-color: #fff;
					border: 1px solid #cbd2d8;
					width: 214px;
					padding: 2px;
					position: absolute;
					left: 10px;
					bottom: -83px;
				}
					#autocomplete > li > a {
						font-size: 0.75em; /* 12/16 */
						color: #738699;
						display: block;
						padding: 1px 9px 2px;
					}
					#autocomplete > li > a:hover {
						background-color: #ebeef1;
						text-decoration: none;
					}
			/*
				last news
			*/
			#last_news {
				margin: 22px 16px 0 10px;
			}
			#last_news > h4 {
				font-size: 1em; /* 16/16 */
				font-weight: normal;
				color: #000;
			}
			#last_news > ul {
				margin-top: 22px;
			}
				#last_news > ul > li {
					font-size: 0.75em; /* 12/16 */
					margin-bottom: 18px;
				}
					#last_news > ul > li > div > a {
						color: #3399cc;
					}
					#last_news > ul > li > span {
						font-weight: bold;
					}
					#last_news > ul > li > time {
						color: #a6b6c6;
						display: block;
					}
			#last_news > a.more_news {
				background-color: #58c3f1;
				-webkit-border-radius: 7px;
				-moz-border-radius: 7px;
				border-radius: 7px;
				font-size: 0.625em; /* 10/16 */
				font-weight: bold;
				line-height: 1em; /* 10/10 */
				color: #fff;
				display: inline-block;
				text-transform: uppercase;
				padding: 3px 7px;
			}
	/*
		footer
	*/
	footer {
		border-top: 1px solid #cbd2d8;
		font-size: 0.687em; /* 11/16 */
		margin: -1px 15px 0;
		padding: 12px 10px;
	}
	footer > nav {
		float: left;
	}
		footer > nav > ul > li {
			display: inline-block;
		}
		footer > nav > ul > li + li {
			margin-left: 13px;
		}
			footer > nav > ul > li > a {
				color: #3399cc;
			}
	footer > p {
		color: #a6b6c6;
		width: 225px;
		float: right;
	}
		footer > p > a {
			color: #a6b6c6;
		}


#pushmeWidgetPreviewIframe {
	border: dashed #3399CC 1px;
	float: left;
	height: 25em;
	margin-right: 10px;
	padding: 0;
}

#pushmeWidgetCodeIframe {
	font: normal 16px/100% Tahoma, Geneva, 'DejaVu Sans', Sans, sans-serif;
	border: dashed #3399CC 1px;
}
.widget_code_explanation {
	line-height: 120%;
	font-size: 80%;
}

.widget_code_explanation a {
	color: #3399cc;
}

.widget_menu > .explanation {
	line-height: 120%;
	font-size: 80%;
}
.widget_menu > .styles > span {
	text-decoration: underline;
	color: #3399CC;
	cursor: pointer;
}
.widget_menu > .styles > span > img {
	border: solid white 3px;
	padding: 5px;
}
.widget_menu > .styles > span.active {
	cursor: default;
	text-decoration: none;
	color: #738699;
}
.widget_menu > .styles > span.active > img {
	border: solid #3399CC 3px;
	padding: 5px;
}

.widget_menu >  ul > li > span {
	text-decoration: underline;
	color: #3399CC;
	cursor: pointer;
}
.widget_menu > ul > li > span:hover {
	text-decoration: none;
}

.widget_menu >  ul > li > span.active > img {
	border: solid blue 3px;
}

.widget_menu >  ul > li > span.active {
	cursor: default;
	text-decoration: none;
	color: #738699;
}


.form_ {
	border: 1px solid #ebeef1;
	position: relative;
	float: left;
	margin-left: 29px;
	padding: 0.562em 0.562em 1.25em;
	width: 28.125em;
}
	.form_ > fieldset > span {
		background: url('/img/bg_form_.png') left top no-repeat;
		display: block;
		width: 5px;
		height: 5px;
		position: absolute;
		z-index: 3;
	}
	.form_ > fieldset > span.form_lt {
		background-position: 0 0;
		left: -1px;
		top: -1px;
	}
	.form_ > fieldset > span.form_rt {
		background-position: -5px 0;
		right: -1px;
		top: -1px;
	}
	.form_ > fieldset > span.form_rb {
		background-position: -5px -5px;
		right: -1px;
		bottom: -1px;
	}
	.form_ > fieldset > span.form_lb {
		background-position: 0 -5px;
		left: -1px;
		bottom: -1px;
	}
	.form_ > fieldset > div + div {
		margin-top:19px;
	}
		.form_ > fieldset > div > label {
			font-size: 0.875em; /* 14/16 */
			color: #4a5d70;
			display: inline-block;
			width: 6em; 
			vertical-align: middle;
		}
		.form_ > fieldset > div > small {
			font-size: 0.75em; /* 12/16 */
			color: #ff9900;
			display: block;
			margin-top: 4px;
			margin-left: 6.833em; /* 82/12 */
		}
	.thumbnails {
		display: block;
		padding: 7px 0;
		margin: 0 0 0px 5.157em;
	}
	.attach_image_placeholder {
		display: inline-block;
		vertical-align: middle;
		position: relative;
		padding: 7px 0;
	}
	.input_ {
		background: #fafafa url('/img/bg_input_t_.png') left top repeat-x;
		border-left: 1px solid #dadada;
		border-right: 1px solid #dadada;
		border-bottom: 1px solid #efefef;
		display: inline-block;
		vertical-align: middle;
		position: relative;
		padding: 7px 0;
	}
	.input_.readonly {
		background-image: url('/img/bg_input_d_t_.png');
	}
		.input_ > span {
			background: url('/img/bg_input_.png') left top no-repeat;
			display: block;
			width: 7px;
			height: 7px;
			position: absolute;
			z-index: 2;
		}
		.input_.readonly > span {
			background-image: url('../images/bg_input_d_.png');
		}
		.input_ > span.input_lt {
			background-position: 0 0;
			left: -1px;
			top: 0;
		}
		.input_ > span.input_rt {
			background-position: -7px 0;
			right: -1px;
			top: 0;
		}
		.input_ > span.input_rb {
			background-position: -7px -7px;
			right: -1px;
			bottom: -1px;
		}
		.input_ > span.input_lb {
			background-position: 0 -7px;
			left: -1px;
			bottom: -1px;
		}
		.input_ > input, .input_ > textarea {
			background-color: transparent;
			border: 1px solid #efefef;
			border-width: 0 1px;
			font-family: inherit;
			font-size: 18px;
			color: #000;
			padding: 0 7px;
			width: 19.333em; /* 348/18 */
			vertical-align: middle;
			overflow: hidden;
		}
		.form_ > fieldset > div > .short + label {
			width: 166px;
			margin-left: 9px;
		}
		.form_ > fieldset > div.hint {
			font-size: 0.75em; /* 12/16 */
			color: #738699;
			display: block;
			margin: 8px 0 0 6.833em; /* 82/12 */
		}
		.form_ > fieldset > .checkbox > label {
			font-size: 0.875em; /* 14/16 */
			color: #333;
			cursor: pointer;
			width: auto;
			margin-left: 7px;
		}
		.short {
			font-size: 18px;
			width: 9.222em; /* 166/18 */
		}
		.short.captcha {
			margin-left: 4.555em;
		}
			.short > input {
				width: 8.333em; /* 166/18 */
			}

/*
	widget page
*/
.widget_wrapper h2 {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 18px;
}
.widget_menu {
	color: #738699;
	float: left;
	width: 280px;
	margin-right: 20px;
}
	.widget_menu > ul {
		text-align: center;
		margin: 20px 0;
	}
	.widget_menu > ul + ul {
		margin-top: 10px;
	}
		.widget_menu > ul > li {
			display: inline-block;
			vertical-align: middle;
		}
		.widget_menu > ul > li + li {
			border-left: 1px solid #cbd2d8;
			margin-left: 8px;
			padding-left: 8px;
		}
.widget_preview {
	float: left;
	margin-right: 20px;
}
.widget_code {
	float: left;
	width: 370px;
}
	.widget_code_explanation > p {
		margin-top: 18px;
	}
.widget_getcode {
	margin: 20px 0 0;
}

.widget_choose {
	font-size: 14px;
	text-align: center;
}
.styles_iframe {
	
}
	.widget_menu > #styles_iframe > li {
		vertical-align: top;
		border: solid #f0f0f0 3px;
		padding: 5px;
		cursor: pointer;
	}
	.widget_menu > #styles_iframe > li.active {
		vertical-align: top;
		border: solid #3399CC 3px;
		padding: 5px;
		cursor: default;
	}
	.widget_menu > #styles_iframe > li + li {
		border: solid #f0f0f0 3px;
		margin-left: 20px;
		padding: 5px;
		cursor: pointer;
	}
		.widget_menu > #styles_iframe > li > img {
			margin-bottom: 5px;
		}

		#show_older_messages span.show_older_messages {
			color: #5DC7F2;
			font-size: 110%;
			cursor: pointer;
		}
		#show_older_messages span.show_older_messages:hover {
			text-decoration: underline;
		}

.settings_avatar_image_container {
	border: solid #eaeaea 1px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width: 210px;
	height: 210px;
	display: inline-block;
	margin-top: 2px;
	margin-right: 4px;
}

div.avatar {
	width: 200px;
	height: 200px;
	background-position: top left;
	background-repeat: no-repeat;
	margin-left: 5px;
	margin-top: 5px;
	display: inline-block;
	float:left;
}

.settings_avatar_image_container div.avatar img {
	cursor: pointer;
	position: relative;
	top: -10px;
	left: -10px;
}