#header {
	height: 55px;
	margin: -75px 0 0 0;
	background:url(../img/header.jpg) no-repeat top right;
}
#footer {
	background:url(../img/contextBar_top.gif) repeat-x;
	background-color:transparent;	
	text-align:right;
	padding-top: 22px;
	color:#ECE7ED;
}
#footer a{	
	color:#ECE7ED;
	
}
#footer img{
position:relative;
top:-20px;
left:0px;
}

.float-right {
	float:right;	
}

#bg_body{
}
#main{
	/*background-color: #fff;*/
}
#middle{
	background-color: #fff;
}
#content{
	/*padding:0 10px 0 10px;
	padding-left: 20px;
	padding-right: 20px;*/
	
	
}
#content, #right-column{
	/*background-color: #fff;*/	
}
h2{
	color:#FD9500;
	font-style: bold;
}
h3,h4,h5,h6{
margin:0;
line-height: 1.2em;
overflow: hidden;
}
a{
color:#533261;
text-decoration: none;
}
a:hover{
text-decoration: underline;	
}

.vspacer{
	/*border: 1px solid red;*/
	height: 2em;
	display:block;
	clear: both;
}
/*Movellaitem*/
.movellaitem img{
	float:right;
	margin: 0;
}
.movellaitem{
margin-bottom: 1.5em;
}
.movellaitem p{
margin:0;
}
/*Movella details toc*/
#movella-toc {height: 250px;overflow-y: auto;overflow-x:hidden;border: 1px solid black;margin-bottom:5px;}
#movella-toc ul{list-style: none; line-height: 1em; margin:0 0 5px 0; padding:5px;}
#movella-toc a{text-decoration: none;}

#readMobile{	
/*background-color: #E3CFEB;*/
/*margin-top: 20px;*/
text-align: center;
color:#FAF8FD;
font-size: 15px;
}


.floatWrapper{
width: 100%;
float: left;
}

#intro{
height: 340px;
/*background:url(../img/intro_EN.jpg) no-repeat top left;*/
}

#logInOut a{
font: bold 14px arial, helvetica, sans-serif;
text-decoration: none;
color:#F2F4EF;
}

/***topbanner***/
#topbanner h4{
	text-align: center;
	padding: 5px 0 15px 0;
	font-weight: bold;
	font-size: 20px;
}
#topbanner a,#topbanner a:HOVER{
	font-size: 12px;
	text-decoration: none;
	
}
/*** END topbanner***/

/********** START titlebar *************/
.titlebar-top{
	background: #783C89 url(../img/titleBar_bg.gif) repeat-x top left;
	color:#FFFCFB;
	padding:5px 0 5px 0;
}

.titlebar-top h1, .titlebar-top h2{
	line-height: 1em;
	margin-bottom: 0em;
	color:#FFFCFB;
	padding:0 0 0 10px;
}
.titlebar-top h1{
	font-size: 32px;	
}
.titlebar-top h2{
	font-size: 18px;
	font-weight: bold;
}

.titlebar-top a{
	color: #FAB82E;
}

.titlebar-top a:hover{
	color: yellow;
}

.contextmenu-content{
background: #4C2657 url(../img/contextBar_content.gif) repeat-x bottom left;
padding-bottom: 15px;
}
.contextmenu-content a {
	font: bold 14px arial, helvetica, sans-serif;
	color: #FAB82E;	
	text-decoration: none;	
}
.contextmenu-content a:hover {
	color: #4C2657;
	background: #FAB82E;
}
/********** END titlebar *************/

/**************** contextmenu***************/
#contextmenu-top{
/*background: url(../img/contextBar_top.gif) repeat-x;*/
background: #783C89 url(../img/titleBar_bg.gif) repeat-x top left;
color:#FFFCFB;
padding:5px 0 5px 0;
}

#contextmenu-top h1, #contextmenu-top h2{
	line-height: 1em;
	margin-bottom: 0em;
	color:#FFFCFB;
	padding:0 0 0 10px;
}
#contextmenu-top h1{
	font-size: 32px;	
}
#contextmenu-top h2{
	font-size: 18px;
	font-weight: bold;
}
#contextmenu a {
	font: bold 14px arial, helvetica, sans-serif;
	color: #FAB82E;	
	text-decoration: none;	
}
#contextmenu a:hover {
	color: #4C2657;
	background: #FAB82E;
}


#contextmenu-actions{
float:right;
text-align: right;
}
#contextmenu-content{
background: #4C2657 url(../img/contextBar_content.gif) repeat-x bottom left;
padding-bottom: 15px;
}
/*
#contextmenu-content-inner{
height:125px;
overflow: hidden;
}
*/
#contextmenu-content ul {
	list-style: none;
	margin: 0 0 5px 5px;
	padding: 0;	
	float: left;	
}
#contextmenu-content li {	
	float: left;
	padding-right: 10px;
}
#contextmenu-content a {
	font: bold 14px arial, helvetica, sans-serif;
	color: #FAB82E;	
	text-decoration: none;	
}
#contextmenu-content a:hover {
	color: #4C2657;
	background: #FAB82E;
}

.tagcloud{
float:left;
text-align:justify;
font-size: 10px;
/*
text-indent:0;
text-transform:none;
word-spacing:normal;
*/
}


/******** START topBar - by Luis ********/
.topBar_bgLeft, .topBar_bgRight{
float: left; 
width: 50%;
height: 80px;
}

.topBar_bgLeft{
background: url(../img/topBar_bgLeft.png) repeat-x;
}

.topBar_bgRight{
background: url(../img/topBar_bgRight.png) repeat-x;
}
/************** END topBar **************/

/*Signup button*/
#signupBtn a{
position:relative;
top:210px;
left:30px;
}
#readmoreBtn a{
	position:relative;
top:200px;
left:60px;
}

/****** START quickText - by Luis *******/

.quickText{
width:309px;
height: 203px;
position:relative;
top:117px;
left:40px;
text-align: right;
}

.quickText textarea, .quickText input{
margin: 0 0 6px 0;
padding: 0;
font-family: inherit;
font-size: 14px;
}

.quickText textarea{
width: 310px;
height:166px;
background:transparent;
border: none;
color: #FFF;
}

#emailField{
margin: 0 auto;
width: 50%;
font-size: 150%;
line-height: 2em;
border: none;
background: #f1dfff;
color: #20142c;
}

/************ END quickText *************/

#search input{
height: 23px;
background: none;
border: none;
margin: 0;
padding: 1px 0 0 0;
}
#search #textfield{	
position:relative;
top:-7px;
left:1px;
width:163px;
height: 20px;
color: #FFF;
/*margin: -50px 0 0 0;*/
}

/*link buttons*/
.buttons a, a.button {
    background: transparent url('../img/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}
.buttons a span,a.button span {
    background: transparent url('../img/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
.buttons a:active,a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
.buttons a:active span,a.button:active span{	
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

/*Dashboard*/
.dashboarditem{	
	/*
	height:180px;
	overflow: hidden;
	*/
}
.dashboarditem .nav{
	/*background-color: gray;*/
	background: #563665;
	padding:5px; 
}
.dashboarditem .nav a{
	/*background-color: gray;*/
	color: white; 
}
/*account Movellas list*/
tr.DRAFT, tr.DRAFT a{
	background: #EE4231; color: white; 
}
tr.PUBLISHED,tr.PUBLISHED a{
	background: #03A208; color: black; 
}
.t-data-grid th{
	background: #563665;
}

/*Chapter reader*/
#chapterReader {
	height: 250px;
	overflow-y: hidden;
	/*
	overflow-y: auto;
	overflow-x:hidden;
	*/
	border: 1px solid black;
	background-color: #F5F5F5;
}
#chapterReader #toc{
	/*border: 1px solid red;*/
	float:left;
	display:block;
	height:100%;
	overflow-y: auto;
	overflow-x:hidden;
	width:200px;
	/*background-color:#CFE5DD;*/
}
#chapterReader #toc ul{
	/*
	list-style: none;	
	line-height: 1em;
	margin:0 0 5px 0;
	padding:5px;
	*/
	list-style: none; line-height: 1em; margin:0 0 5px 0; padding:0 0 0 5px;	
}
#chapterReader #toc ul li a {
	list-style: none;	
	text-decoration: none;
	/*line-height: 1em;*/
}
#chapterReader #reader-content{
	/*border: 1px solid red;*/
	/*float:right;*/
	display:block;
	overflow-y: auto;
	overflow-x:hidden;
	height:100%;
	background-color: #F5F5F5;
}

#chapterReader .item {
	padding: 0 0 15px 0;
}

#chapterReader .current {
	background-color: #2A9C8E;
	color:#fff;
}
/*
#chapterReader .other {
	background-color: #F5F5F5;
}
*/
#chapterReader .subtitle {
	font-weight: bold;
}

.setting-box{
	margin: 10px 0 10px 0;
	border: 1px solid #2F1736;
}
.setting-box p{
	margin: 0;
}

.right{
	padding: 5px 5px 0 0;
	text-align: right;
	float:right;
}
.activityItem{
color:#482E5E;
padding: 10px;
border-top: 1px solid #CBAEDA;
border-bottom: 1px solid #6C4F7D;
}

.activityItem a{
color: #FAB82E;
}

.activityItem a:hover{
color: yellow;}

.activityItem img{
	float: left;
margin: -3px 10px 0 0;
}