@charset "utf-8";

* {
	padding: 0px;
}
body {
}

/* 
	Std 
*/
table, td, th { 
	border-collapse: collapse; 
	padding: 0px;
	vertical-align: top;
	font-weight: normal;
}
a {
	color: black;
	text-decoration: underline;
}
a:hover {
	color: black;
	text-decoration: underline;
	cursor: pointer;
}
img {
	border: 0px;
}
p {
	margin: 0px;
}
.border {
	border: 1px dotted; 
}
.i_left { 
	float: left; 
	margin: 4px 10px 0px 0px; 
}
.i_right { 
	float: right; 
	margin: 4px 0px 0px 5px; 
}
.none {
	display: none;
}
.none_i {
	display: none !important;
}
.display {
	display: block;
}
.hint {
	font-size: 12px;
	color: #888; 
	margin: 2px 0px 0px 2px;
}
/* pseudo link */
.plink {
	text-decoration: none;
	border-bottom: 1px dashed;
}
.plink:hover {
	border-bottom: 1px dashed;
	cursor:pointer;
}
.clear {
	clear: both;
}

/* 
	Main menu 
*/
.page_body .page_menu {
	width: 300px;
	padding: 10px 15px 10px 25px;
	border-right: 1px solid black;
}
.page_body {
    min-height: 500px;
}
.page_menu a,
.page_menu a:hover {
	text-decoration: none;
	color: black;
}
.page_menu ul li {
	list-style: none;
}
.page_menu ul li p:hover, 
.page_menu .active {
	background-color: #000;
	cursor: pointer;
	color: #fff;
}
.page_menu .section li p {
	border: 1px dotted;
	padding: 10px 15px;
	font-weight: bold;
	margin-bottom: 10px;
}
.page_menu .section_sub {
	margin-left: 15px;
	display: none;
}
.page_menu .section_sub li p {
	border: 1px dotted;
	padding: 5px 7px;
	font-weight: normal;
}
/* hint */
.page_menu .hint_menu {
	border: 1px solid #ddd;
	background-color: #ddd;
	margin: 0px 0px 10px 0px;
	padding: 5px 7px;
	color: black;
	cursor: default;
}

/* 
	Content 
*/
.page_body .page_content {
	padding: 10px 15px 10px 25px;
}
.page_title {
	border-bottom: 1px solid black;
	margin: 0px 0px 20px 0px;
	padding: 0px 15px 20px 0px;
	font-weight: bold;
}
.panel_bot {
	border-top: 1px solid black;
	margin: 20px 0px 0px 0px;
	padding: 20px 15px 20px 0px;
	clear: both;
}
/* button */
.panel_bot button,
.panel_bot a {
	background-color: #fff;
	border: 1px dotted;
	margin: 0px 15px 0px 0px;
	text-decoration: none;
	color: black;
    font-weight: bold;
    font-family: tahoma, sans-serif;
}
.panel_bot button {
    padding: 6px 35px;
    font-size: 13px;
}
.panel_bot a {
    padding: 7px 35px;
    font-size: 13px;
}

.panel_bot button:hover,
.panel_bot a:hover {
	background-color: #000;
	cursor: pointer;
	color: #fff;
}
/* href */
.panel_bot ul {
	list-style: none;
	#margin-top: 25px;
}
.panel_bot ul li {
	list-style: none;
	margin-bottom: 10px;
}
.panel_bot ul li a {
	background-color: transparent;
	border: 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	text-decoration: underline;
	color: black;
}
.panel_bot ul li a:hover {
	background-color: transparent;
	color: #000;
	text-decoration: underline;
}

/* content list v2 */
.content_list {
}
.content_list table {
    width: 100%;
}
.content_list td {
    padding: 2px 5px;
    border: 1px dotted;
    text-align: center;
}

/* content view v2 */
.content_view {
}
.content_view table {
    width: 100%;
}
.content_view td {
    padding: 5px 7px;
    border-bottom: 1px solid #ccc;
    vertical-align: middle;
}
.content_view td.name {
    font-weight: bold;
    width: 250px;
}

/* 
	Form 
*/
/* form std */
input, textarea {
	padding: 3px 3px;
}
select {
	padding: 2px;
}
button {
	background: white;
	border: 1px dotted;
	padding: 4px 10px 3px 10px;
	text-decoration: none;
	color: black;
}
button:hover {
	background: black;
	color: white;
	cursor: pointer;
	text-decoration: none;
}
.button {
	background: white;
	border: 1px dotted;
	padding: 5px 10px 3px 10px;
	text-decoration: none;
	color: black;
}
.button:hover {
	background: black;
	color: white;
	cursor: pointer;
	text-decoration: none;
}
.error_status {
	color: red;
	font-size: 13px;
	font-weight: bold;
}
.error_field {
	border: 1px solid red !important;
	background: #ffe1e1;
}
.error_back {
	background: #ffe1e1 !important; 
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 0px;
}
.ok_status {
	color: green;
	font-size: 13px;
	font-weight: bold;
}
.ok_field {
	border: 1px solid green;
	background: #e1ffe1;
}
.ok_back {
	background: #e1ffe1;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 0px;
}

.submit {
	margin: 15px 0px 0px 0px;
	text-align: left;
}
.required {
	color: red;
}

/* form fields */
.form {
}
.form .input_table {
	width: 800px;
}
.form .item_row {
	border-bottom: 1px dotted;
}

.form .input_table td {
	#padding: 10px 0px;
	#border-bottom: 1px dotted;
	#vertical-align: middle;
}
.form .general_status {
	color: red;
	font-weight: bold;
}
.form .status {
	#margin-left: 10px;
	margin-top: 5px;
}
.form .input {
	width: 665px;
}
.form .input_short {
	width: 100px;	/* TODO: ??  !important */	
}
.form .field_name {
	width: 200px;
	padding: 10px 10px 10px 0px;
}
.form .field_data {
	padding: 10px 0px 10px 0px;
}
.form .field_name_hint {
	font-size: 12px;
	color: #888; 
	margin-top: 2px;
}
.form .field_select {
	margin-top: 5px;
}
.form .disabled {
	color: #999;
}
.form .val_hint {
	font-size: 12px;
	color: #888;
}
/* source url */
.form .source_url {
	font-size: 12px;
	line-height: 150%;
	margin-top: 5px;
	background: #f5f5f5;
	width: 675px;
}
.form .manufacturer_source {
	font-size: 12px;
	line-height: 150%;
	margin: -10px 0px 10px 0px;
}
/* compatibility */
.form .compat {
	#background: #f5f5f5;
}
.compat .c_item{
	padding: 4px 6px;
	background: #f5f5f5;
	margin: 0px 0px 6px 0px;
}
.compat .hint {
	margin: 3px 0px 5px 0px;
}
.form .main_compat {
	width: 320px;
	padding-right: 6px;
}
.form .additional_compat {
	width: 550px; 
}

/* quick menu */
.quick_menu {
	width: 125px;
	#border: 1px dotted;
}
.quick_menu .container {
	border: 1px dotted;
	width: 100px;
	#height: 400px;
	font-size: 12px;
	color: black;
	margin-right: 10px;
	padding: 3px 5px;
	background: #f5f5f5;
	#margin-top: -190px;
}
.quick_menu .container a {
	#color: black;
	text-decoration: none;
}
.quick_menu .container a:hover {
	#color: black;
	text-decoration: underline;
}
.quick_menu .container a .error {
	color: red;
}

/* form edit v2 */
.content_edit table {
    width: 100%;
}
.content_edit td {
    padding: 5px 7px;
    border-bottom: 1px solid #ccc;
    vertical-align: middle;
}
.content_edit td.name {
    font-weight: bold;
    width: 250px;
}
.content_edit input {
    width: 400px;
}
.content_edit select {
    width: 120px;
    padding: 2px;
    border: 1px solid #aaa;
    background: white;
    font-size: 13px;
}
.content_edit textarea {
    width: 800px;
    height: 300px;
}
.content_edit .status_success,
.content_edit .status_error {
    margin: 5px 0px 10px 0px;
    font-weight: bold;
}
.content_edit .status_error {
    color: red;
}
.content_edit .input_error {
    margin: 2px 0px 0px 0px;
    color: red;
}

/*
	Editor
	See css at: /js/tinymce/themes/advanced/skins/default/content.css
*/

.editor {
	width: 100%;
}
.editor textarea,
.editor input {
	border: 1px solid #ccc;
	font-size: 13px;
}
.editor input {
}
.editor textarea {
	width: 100%;
	font-size: 13px;
	padding: 0px;
}
.editor .form {
	margin-bottom: 5px;
}
.editor .slide_panel {
	border: 1px solid #ccc;
	background: #f0f0ee;
	width: 98%;
	padding: 10px 9px;
	margin: 0px 0px 5px 0px;
	display: none;
}
.editor .slide_panel .hint {
	font-size: 12px;
	margin: 5px 0px 0px 5px;
}
.editor .slide_panel iframe {
	display: none;
}
.editor .slide_panel .hide_panel {
	font-size: 13px;
	text-align: right;
	margin-top: -10px;
}
.editor .slide_panel button {
	border: 1px solid #ccc;
	font-size: 13px;
}
.editor .slide_panel button.upload {
	margin-left: 5px;
}
.editor .slide_panel .error {
	font-size: 12px;
	font-weight: bold;
	color: red;
	padding-left: 10px;
}

.editor .slide_panel.panel_image {
}
.editor .slide_panel.panel_image .img_width_select {
    margin: 0 0 0 2px;
}
.editor .slide_panel.panel_image .img_width_select input {
    margin-left: 10px;
}
.editor .slide_panel.panel_image .img_browse {
    margin-top: 13px;
}

.editor .slide_panel.panel_href button {
	margin-left: 10px;
}

.editor .slide_panel.panel_video {
}
.editor .slide_panel.panel_video .video_url {
    width: 300px;
}
.editor .slide_panel.panel_video .video_width_select {
    margin: 0 15px 0 15px;
}
.editor .slide_panel.panel_video .video_width_select input {
    margin-left: 5px;
}
.editor .slide_panel.panel_video button {
    margin-left: 5px;
}

.editor .slide_panel.panel_html {
	text-align: center;
}
.editor .slide_panel.panel_html textarea {
	width: 99%;
}
.editor .slide_panel.panel_html button {
	margin: 10px 0px 0px 0px;
}

/*  
	Paginator 
*/
.paginator {
	margin: 20px 0px 10px 0px;
	height: 28px;
	clear: both;
	display: inline-block;
}
	.paginator .amount {
		display: inline-block;
		margin-right: 10px;
	}
		.paginator .amount select {
			width: 47px;
			border: 1px #000 dotted;
			padding: 2px;
			background: white;
		}
	.paginator ul { 
		list-style: none;
		display: inline-block;
	}	
		.paginator li {
			display: inline-block;
		}
			.paginator li a {
				border: 1px #000 dotted;
				display: block;
				padding: 6px 12px;
				margin: 0px 2px 0px 0px;
				text-decoration: none;
				color: black;
			}
			.paginator li.current {
				background: #000;
				color: #fff;
				border: 1px #000 solid;
				padding: 6px 12px;
				margin: 0px 2px 0px 0px;
			}
			.paginator li.nav_left a {
			}
			.paginator li a:hover,
			.paginator li.nav_left a:hover, 
			.paginator li.nav_right a:hover {
				border: 1px #000 solid;
			}

/* 
	Structure 
*/
.page_header {
	background-color: #ddd;
	height: 100px;
	padding: 10px 15px 8px 15px;
	width: auto;
	border: 1px solid #ddd;
}
.page_body {
	#padding: 10px 15px 50px 15px;
	width: auto;
}
.inner_body {

}
.page_footer {
	width: auto;
	background-color: #ddd;
	height: 100px;
	padding: 10px 15px;
	margin-bottom: -16px;
}

/* 
	Header 
*/
.top_menu {
	margin: 70px 0px 10px 10px;
}
.top_menu a {
	background: white;
	border: 1px dotted;
	padding: 4px 20px 3px 20px;
	text-decoration: none;
	color: black;
}
.top_menu a:hover {
	background: black;
	color: white;
	cursor: pointer;
	text-decoration: none;
}
.top_login {
}

/* 
	App 
*/
.content_container {

}
.preview_frame {

}

/* 
	Phone
*/
.phone_list .item {
	border: 1px dotted; 
	width: 202px; 
	height: 350px;
	padding: 3px 20px 10px 20px;
	margin: 10px 10px 0px 0px;
	float: left;
	text-align: center;
}
.phone_list .img {
	width: 200px; 
	height: 200px;
	border: 1px dotted;
	background: #ececec;
}
.phone_list .img a {
	color: black;
	text-decoration: none;
}
.phone_list .price {
	font-weight: bold;
}
.phone_list .info {
	margin-top: 5px;
}

/* 
	Phone crawled
*/
/* List */
.phone_crawled_list { }

	.phone_crawled_list .item {
		border: 1px dotted; 
		width: 202px; 
		height: 250px;
		padding: 18px 20px 10px 20px;
		margin: 10px 10px 0px 0px;
		float: left;
		text-align: center;
	}
	.phone_crawled_list .img {
		width: 200px; 
		height: 200px;
		border: 1px dotted;
		background: #ececec;
	}
		.phone_crawled_list .img a {
			color: black;
			text-decoration: none;
		}
	.phone_crawled_list .fullname {
		margin-top: 5px;
	}
	.phone_crawled_list .info {
		margin-top: 5px;
	}
	
	.phone_crawled_list .search .field {
		width: 300px;
	}
	
/* View */
.phone_crawled_view {
	border: 1px dotted;
	width: 904px;
	padding: 10px;
	margin-top: 15px;
}
	.phone_crawled_view .t_name {
		width: 210px;
	}
	.phone_crawled_view .empty {
		background: #eee;
	}
	.phone_crawled_view td {
		border-bottom: 1px dotted;
	}
	.phone_crawled_view .image_cell {
		padding: 0px 5px 5px 10px;
	}
		.phone_crawled_view .image_cell .img {
			text-align: center;
			border: 1px dotted;
			margin-bottom: 5px;
			width: 200px;
			height: 200px;
			background: #ececec;
		}

/*
    Shops
*/

.shop_list .content_list {
}

.shop_view .content_view {
    width: 40%;
}
.shop_view .chart_view {
    padding-left: 40px;
}
.shop_view .summary {
}
.shop_view .graph {
    height: 300px;
    margin: 20px 0px 120px 0px;
}

.shop_stats a:hover {
    text-decoration: none;
}
.shop_stats .summary {
}
.shop_stats .graph {
    height: 300px;
    margin: 20px 0px 120px 0px;
}

/*
    Articles
*/

.article .form .row {
    margin-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.article .form .row_name {
    display: inline-block;
    width: 150px;
    vertical-align: top;
}
.article .form .row_input {
    display: inline-block;
    width: 725px;
    vertical-align: top;
}
.article .form .hint {
    font-size: 13px;
    margin-top: 5px;
}
.article .form .error_status {
    margin-top: 5px;
}

.article .form .title input {
    width: 100%;
}
.article .form .editor_textarea {
    width: 885px; /* 850 + 10 + 10 (paddings) + 15 (editor scroll-y) */
}
.article .form .preview_img .uploaded_img_view {
    border: 1px solid #ccc;
    width: 100px;
    height: 100px;
    margin: 10px 0 0 0;
}
.article .form .preview_img .uploaded_img_view img {
    width: 100%;
    height: 100%;
}
.article .form .preview_text textarea {
    width: 100%;
    height: 105px;
}
.article .form .section select {
    width: 250px;
}
.article .form .hashtags input {
    width: 100%;
}
.article .form .related_phones .select_row select {
    width: 200px;
}
.article .form .related_phones .select_row {
    margin-top: 5px;
}
.article .form .related_phones .select_row .delete_select_row {
    display: inline-block;
    margin-left: 10px;
}
.article .form .related_phones .add_select_row {
    margin-top: 10px;
}

.article .form .generic_error {
    margin: 0 0 10px 0;
    color: red;
    font-weight: bold;
}

/* List */

.articles_list {
}
.articles_list .content {
    margin-top: -10px;
}
.articles_list .content .row {
    border-bottom: 1px solid #ccc;
    padding: 20px 0 20px 0;
}
.articles_list .content .row .preview_img {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    height: 200px;
    border: 1px solid #ccc;
    padding: 5px;
}
.articles_list .content .row .preview_img img {
    width: 100%;
}
.articles_list .content .row .right_col {
    display: inline-block;
    vertical-align: top;
    width: 800px;
    margin-left: 20px;
}
.articles_list .content .row .title {
    font-weight: bold;
    font-size: 16px;
}
.articles_list .content .row .preview_text {
    margin-top: 12px;
}
.articles_list .content .row .info {
    margin-top: 10px;
    line-height: 180%;
}
.articles_list .content .row .info span {
    font-weight: bold;
}
.articles_list .content .row .control {
    margin-top: 8px;
}

/* View */

.article_view {
}
.article_view .content {
}
.article_view .content .title {
    font-size: 28px;
}

.article_view .content .preview_content {
    margin-top: 20px;
    padding: 20px 0 30px 0;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    max-width: 1200px;
}
.article_view .content .preview_content .row .left {
    vertical-align: top;
    width: 150px;
    padding-right: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #ddd;
}
.article_view .content .preview_content .row + .row .left {
    padding-top: 25px;
}
.article_view .content .preview_content .row .left .preview_img {
    width: 140px;
    height: 140px;
    border: 1px solid #ddd;
    padding: 5px;
}
.article_view .content .preview_content .row .left .preview_img img {
    width: 100%;
}
.article_view .content .preview_content .row .right {
    vertical-align: top;
    padding-bottom: 25px;
    border-bottom: 1px solid #ddd;
}
.article_view .content .preview_content .row + .row .right {
    padding-top: 25px;
}
.article_view .content .preview_content .row .right .title {
    font-size: 16px;
    font-weight: bold;
    line-height: 150%;
}
.article_view .content .preview_content .row .right .preview_text {
    margin-top: 15px;
    line-height: 150%;
}
.article_view .content .preview_content .row .right .preview_text a {
    text-decoration: none;
}

/* Content text style */
.article_view .content .view_content {
    padding: 20px 0 25px 0;
    border-bottom: 1px solid black;
}
.article_view .content .content_text {
    line-height: 150%;
    width: 850px;
    margin-top: 15px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.article_view .content .content_text h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 13px 0 13px 0;
    padding: 0;
}
.article_view .content .content_text p {
    margin-bottom: 13px;
}
.article_view .content .content_text p + p {
    margin-top: 13px;
    margin-bottom: 13px;
}
.article_view .content .content_text a {
    color: #1a77d8;
}
.article_view .content .content_text a:hover {
    color: #1a77d8;
}
.article_view .content .content_text ul {
    padding: 0;
    margin-bottom: 13px;
    list-style: none;
}
.article_view .content .content_text ul + ul {
    margin-top: 13px;
    margin-bottom: 13px;
}
.article_view .content .content_text img {
    margin: 0 5px 0 0;
    max-width: 100%;
    border: 0;
}
.article_view .content .content_text .video_66,
.article_view .content .content_text .video_100 {
    position: relative;
    margin-bottom: 13px;
    margin-left: auto;
    margin-right: auto;
}
.article_view .content .content_text .video_66 iframe,
.article_view .content .content_text .video_100 iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.article_view .content .content_text .video_100 {
    width: 100%;
    padding-bottom: 56%; /* Aspect ratio of 25:14 */
}
.article_view .content .content_text .video_66 {
    width: 66%;
    padding-bottom: 37%;
}
.article_view .content .content_text .video_100 + h2,
.article_view .content .content_text .video_66 + h2 {
    margin-top: 15px;
}
/* END Content text style */

.article_view .content .info {
    margin-top: 20px;
}
.article_view .content .info .row {
    border-bottom: 1px solid #ccc;
    padding: 5px 0 5px 0;
}
.article_view .content .info .row .name {
    display: inline-block;
    vertical-align: top;
    width: 150px;
    font-weight: bold;
}
.article_view .content .info .row .value {
    display: inline-block;
    vertical-align: top;
    width: 600px;
}

.article_view .panel_bot .publish_status {
    font-weight: bold;
    margin-left: 35px;
}
.article_view .panel_bot .publish_status.error {
    color: red;
}

/* Add */

.article_add {
}

/* Edit */

.article_edit {
}