/* For ContentForm.vm */

/* for display the real content */
/* overwrite style.css*/
div#content {
	position:relative;
	float: left;
	/*width:100%;*/
}
/* easy clearing */
div#content:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
div#content
	{
	display: inline-block;
	}
/*\*/
div#content
	{
	display: block;
	}
/* end easy clearing */


div.LeftColumn {
}
div.RiteColumn {
}
div.CenterColumn {
}

div.CenterColumn .ContentTitle {
 font-weight: bold;
 font-size: 1.2em;
 text-align: center;
}

div.CenterColumn .ContentDate {
 font-weight: bold;
 font-size: 0.75em;
 font-style: italic;
}

div.CenterColumn .ContentPathway {
	float: right;
}

/* for usage when design the content */
.adminform h2 {
 padding:0;
 margin:0;
 text-align:center;
}

div#ContentFormLeft {
margin-left: 660px;
min-height: 400px;
/*float: left;*/
}

div#ContentFormRite {
float: left;
/*margin-left:;*/
width: 650px;
border: 1px solid #ccc;
display:inline;
text-align:center;
}

div#ContentFormRite table td {
text-align:left;
}

div #contenttab, #layouttab, #imagetab, #configtab, #styletab {
  padding: 10px 1px;
  display: none;
  width:800px;
}

div#configtab
{
	/*
	padding: 10px 1px 40px 10px;
	*/
}

div#LeftSelectView, #RiteSelectView {
	width:180px;
	height:160px;
	overflow:auto;
	margin: 2px;
	border: 1px solid #ccc;
}

div#tabcontainer p {
	font-size: .8em;
	font-style: italic;
	text-align: left;
}

div#tabcontainer .button {
	margin: 2px 4px;
}

/* The ajax content return div style */
.iWinPreview{
	width:180px;
	z-index:10;
	border:1px solid;
	border-color:#000;
	background:#fff;
}

div#fake {
   clear: both;
}


/* For ImageForm.vm */
div#imgpanel {
/*	position:relative;*/
	float: left;
}

div.imgbox {
 	float: left;
 	margin: 6px;
 	padding: 0;
 	border: 1px solid #000;
 	width: 120px;
 	height:160px;
}

div.imgbox img {
	width: 120px;
	height: 120px;
	border: 0;
}
div.imgbox p {
	font-size: 0.85em;
	font-style: italic;
	text-align: center;
	margin:2px;
}

div.imgbox span {
	background-color: #dedede;
}

div.imgbox p span {
	position:relative;
	top:-3px;
}

div.imgbox input {
	text-align: center;
}

/* for editable select */
select.editable, input.editable {
    width: 15em;
}
option.activateEdit {
    font-style : italic; 
}

div.nani {
position: absolute;
left: 10px;
top: 200px;
background-color: #f1f1f1;
width: 280px;
padding: 10px;
color: black;
border: #0000cc 2px dashed;
display: none;
}