html, body {border:0;padding:0;margin:0;width:100%;min-height:100%;_height:100%;background:#FFFFFF;position:relative;font: 0.9em Verdana,Tahoma,sans-serif;}
img,div {margin:0;padding:0;border:0;}
sup,sub {font-size:.6em}
body {min-width:1000px;$width:1000px;}
#footer {height:30px;text-align:center;color:#4B72B6}
#footer  p {margin:5px;}
#content {padding-bottom:30px;min-width:1000px;$width:1000px;}
#header {padding-left:30px;}
#header h1{color:#C1D9F0;margin-top:0;}
#header h1 sup {color:#333;font-size:0.5em}
#header .menu {position:absolute;top:20px;right:20px;}
#header .menu a{color:#9B9B9B;text-decoration:none;font-weight:bold;}
#header .menu a:hover {text-decoration:underline;}

.error {color:red;}
/* Редактор */
.Editor {min-height:500px;height:100%;}
.controlBar {width:97%;margin:0 auto;}

.controlBar .Panel {
	clear:left;
	height:64px;
	background:#ECF3FD url('/images/blogeditor/tab_panel.png') 0 0 repeat-x;
}
.controlBar .Panel-left {
	height:64px;
	background:url('/images/blogeditor/tab_panel_left.png') 0 0 no-repeat;
}
.controlBar .Panel-right {
	height:64px;
	padding-left:5px;
	background:url('/images/blogeditor/tab_panel_right.png') right 0 no-repeat;
}

.controlBar .Buttons {
	list-style:none;
	margin:0;
	padding:0;
	margin-left:10px;
}
.controlBar .Buttons li {
	position:relative;
	top:3px;
	float:left;
	margin-right:3px;
	background:url('/images/blogeditor/tab_button.png') 0 0 repeat-x;
}
.controlBar .Buttons li div {
	background:url('/images/blogeditor/tab_button_left.png') 0 0 no-repeat;
}
.controlBar .Buttons li a {
	text-decoration:none;
	display:block;
	height:20px;
	color:#11449E;
	padding:0px 10px 1px 10px;
	background:url('/images/blogeditor/tab_button_right.png') right 0 no-repeat;
}
.controlBar .Buttons li.selected {
	background:url('/images/blogeditor/tab_button_select.png') 0 0 repeat-x;
	top:4px;
}
.controlBar .Buttons li.selected div {
	background:url('/images/blogeditor/tab_button_select_left.png') 0 0 no-repeat;
}
.controlBar .Buttons li.selected a{
	height:21px;
	color:#4B72B6;
	background:url('/images/blogeditor/tab_button_select_right.png') right 0 no-repeat;
}

.controlBar .Group {
	background:url('/images/blogeditor/tab_group.png') 0 0 repeat-x;
	height:55px;
	display:inline-block;
	margin:5px 0 0 0px;
	$margin-right:3px;
	white-space:nowrap;
}
.controlBar .Group {$display:inline;}
.controlBar .Group.GroupMin {top:-2px;$top:0;}

.controlBar .Group-left {
	height:100%;
	background:url('/images/blogeditor/tab_group_left.png') 0 0 no-repeat;
}
.controlBar .Group-right {
	height:100%;
	padding:5px;
	background:url('/images/blogeditor/tab_group_right.png') right 0 no-repeat;
}

.controlBar .GroupButton {
	margin:3px 2px 0 2px;
	display:inline-block;
	
	background:url('/images/blogeditor/tab_group_button.png') 0 0 repeat-x;
}
.controlBar .GroupButton {
	$display:inline;
}
.controlBar .GroupButton-left {
	background:url('/images/blogeditor/tab_group_button_left.png') 0 0 no-repeat;
}
.controlBar .GroupButton-right {
	background:url('/images/blogeditor/tab_group_button_right.png') right 0 no-repeat;
	height:27px;
	padding:0 5px;
}

.controlBar .Panel .title {
	text-align:center;
	font-size:0.8em;
	color:#4C73B7;
	margin-top:5px;
}
.controlBar .Panel .Button {
	text-decoration:none;
	white-space:nowrap;
	padding-top:2px;
	color:#333;
	margin:0;
}

.controlBar .Panel .ButtonList {
	
	display:inline-block;
	position:relative;
}
.controlBar .Panel .ButtonList .Button 
{
	display:inline-block;
}

.controlBar .Panel .ButtonList .toggleList img,.controlBar .Panel  .showPicker img {
	width:7px;
	height:24px;
	background:url('/images/blogeditor/down.png') right center no-repeat;
	vertical-align:bottom;
}

.controlBar .Panel .ButtonList ul{
	background:#FAFAFA;
	border:1px solid #868686;
	padding:5px;
	padding-left:30px;
	list-style:none;
	margin:0;
	top:100%;
	left:0;
	z-index:300;
	position:absolute;
	display:none;
}

.controlBar .Panel .textCode ul{
	height:300px;
	width:275px;
	overflow:auto;
}

.controlBar .Panel .ButtonList.show {
	z-index:300;
}
.controlBar .Panel .ButtonList.show ul {
	display:block;
	z-index:400;
}
.controlBar .Panel .ButtonList ul li {
	margin:0;
	padding:0;
}
.controlBar .Panel .ButtonList ul .Button{
	display:block;
	height:17px;
	padding:0 5px;
}
.controlBar .Panel .ButtonList ul .Button:hover{
	background:url('/images/blogeditor/hoverlist.jpg') 0 center repeat-x;
}
.controlBar .Panel .ButtonList .Button span{
	border:0;
}

.controlBar .Panel .ColorPicker {
	position:relative;
}
.controlBar .Panel .ColorPicker .listColor {
	background:#FFF;
	padding:3px;
	position:absolute;
	left:0;
	top:100%;
	border:1px solid #C5C5C5;
	
	display:none;
}
.controlBar .Panel .ColorPicker .text-color {
	font-weight:bold;
	position:relative;
}
.controlBar .Panel .ColorPicker .text-color  i {
	height:3px;
	width:15px;
	background:red;
	display:block;
	position:absolute;
	top:17px;
	left:3px;
	font-size:0;
}
.Palette {
	background:url('/images/blogeditor/palette.jpg') 0 0 no-repeat;
	width:192px;
	height:126px;
}
.contPeviewPalette {
	width:192px;
}
.peviewPalette,.selectPalette{
	height:10px;
	width:50%;
	font-size:0;
	display:inline-block;
}
.peviewPalette,.selectPalette {$display:inline} 
.controlBar .Panel .ColorPicker.show {
	z-index:300;
}
.controlBar .Panel .ColorPicker.show .listColor {
	display:block;
	width:160px;
}

.controlBar .Panel .ColorPicker .listColor h6 {
	margin:0;padding:2px;
	background:#DDE7EE;
}
.controlBar .Panel .ColorPicker .listColor .color{
	border:1px solid #C5C5C5;
	width:12px;
	height:12px;
	_width:14px;
	_height:14px;
	display:inline-block;
	margin:1px;
	font-size:0;
}
.controlBar .Panel .ColorPicker .listColor .color {
	$display:inline;
}
.controlBar .Panel .ColorPicker .listColor .color.selected {
	border:1px solid #F29436;
}
.controlBar .Panel .ColorPicker .listColor .groupColor {
	float:left;
	margin:1px;
	margin-top:5px;
	border:1px solid #C5C5C5;
}
.controlBar .Panel .ColorPicker .listColor .groupColor .color
{
	width:12px;
	height:12px;
	display:block;
	margin:0;
	border:0;
	
}
.controlBar .Panel .ColorPicker .listColor .color:hover {
	border:1px solid #F29436;
}
.controlBar .Panel .ColorPicker .listColor .groupColor>.color:hover
{
	width:10px;
	height:10px;
}

.controlBar .Panel input.Button {
	margin:7px 3px 0 5px;
	$margin: 3px  3px 0 5px;
}

.controlBar .Panel .Button span{
	border-right:1px solid #BACFED;
	display:inline-block;
	height:17px;
	padding:4px 5px;
	margin:0;
}

.controlBar .Panel .Button:hover span {
background:url('/images/blogeditor/hover_button.png') 0 center repeat-x;
}

.controlBar .Panel .Button span.bold{
font-weight:bolder;
}
.controlBar .Panel .Button span.italic{
font-style:italic;
}
.controlBar .Panel .Button span.underline{
text-decoration:underline;
}
.controlBar .Panel .Button span.strikethrough{
text-decoration:line-through;
}
.controlBar .Panel .Button span.case{
	border:0;
}
.controlBar .Panel .Button img.quote{
	width:30px;
	height:26px;
	vertical-align:top;
	border-right:1px solid #BACFED;
	background:url('/images/blogeditor/quote.gif') center center no-repeat;
}

.controlBar .Panel .Button:hover {
	background:url('/images/blogeditor/hover_button.png') 0 center repeat-x;
}

.controlBar .Panel .Button span.sup, .controlBar .Panel .Button span.sub {
	font-size:0.9em
}
.controlBar .Panel .last span {
	border-right:0;
}

#header-h1 {
	font-size:150%;
}

#header-h2 {
	font-size:140%;
}

#header-h3 {
	font-size: 130%;
}

#header-h4 {
	font-size: 120%;
}

#header-h5 {
	font-size: 110%;
}

#header-h6 {
	font-size: 100%;
}

.Editor .content {
	width:97%;
	margin:0 auto;
	margin-top:10px;
}

.Editor .content  iframe {
	width:99%;
	border:0;
	height:500px;
}
.Editor .content  textarea {
	width:100%;
	$width:99%;
	height:500px;
	border:0;
}
.content .panel {
	border:1px solid #8DB2E3;
	background:#FFF;
}
.content .TabsBottom {
	list-style:none;
	padding:0;
	margin:0;
}
.content .TabsBottom li {
	float:left;
	margin-right:5px;
	position:relative;
	background:url('/images/blogeditor/tab_panel_bottom.png') 0 0 repeat-x;
}
.content .TabsBottom li.selected {
	top:-1px;
	background:url('/images/blogeditor/sel_tab_panel_bottom.png') 0 0 repeat-x;
}
.content .TabsBottom div {
	background:url('/images/blogeditor/tab_panel_bottom_left.png') 0 0 no-repeat;
}
.content .TabsBottom .selected div {
	background:url('/images/blogeditor/sel_tab_panel_bottom_left.png') 0 0 no-repeat;
}
.content .TabsBottom .Tab{
	background:url('/images/blogeditor/tab_panel_bottom_right.png') right 0 no-repeat;
	text-decoration:none;
	vertical-align:middle;
	padding:2px 5px 0;
	display:block;
	height:22px;
	color:#1E4FA4;
}
.content .TabsBottom .selected .Tab{
	background:url('/images/blogeditor/sel_tab_panel_bottom_right.png') right 0 no-repeat;
}


.Win {
	position:absolute;
	background:#ECF3FD;
	border:1px solid #9CB9DC;
	top:100px;
	left:40%;
	z-index:600;
	padding:10px;
	-moz-border-radius:5px;
}
.Win form {
	margin:0;
	padding:0;
}
.Win textarea {
	width:400px;
	height:200px;
}
.Win .files {
	width:400px;
	height:200px;
	background:#FFF;
	overflow:auto;
	padding:5px;
	margin-bottom:10px;
	list-style:none;
}
.Win .files .date{
	white-space:nowrap;
}
.odd {background:#efefef}

.Win .files .file {
	cursor:pointer;
	border:1px solid #FFF;
}
.Win .files .file.selected {
	
	border:1px dashed #C1D9F0;
}

.Win .files .name {
	display:inline-block;
	width:190px;
}

.AjaxLoader {
	position:fixed;
	top:30px;
	right:30px;
	z-index:1000;
}
.AjaxLoader img {
	width:32px;
	height:32px;
	background:url('/images/blogeditor/ajax-loader.gif') 0 0 no-repeat;
}