@charset "utf-8";
body,html {
    margin: 0 5px;
    font-family:"Trebuchet MS";
}

strong {
	font-weight:bold;
	font-size:110%;
}


/** ---- header 
 *
 */

div#hd {
	background-image:url(http://www.zezena.com/images/header-background.gif);
	background-repeat:repeat-x;
	height:104px;
}

div#hd span#leftbg {
	background-image:url(http://www.zezena.com/images/header-left-border.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
	position:relative;
	height:104px;
	width:10px;
	left:0px;
	top:0px;
}
div#hd  span#rightbg {
	background-image:url(http://www.zezena.com/images/header-right-border.gif);
	background-repeat:no-repeat;
	display:block;
	float:right;
	position:relative;
	height:104px;
	width:10px;
	right:0px;
	top:0px;
}
div#hd h1 {
	background-image:url(http://www.zezena.com/images/zezena-logo.gif);
	background-repeat:no-repeat;
	float:left;
	text-indent:-10000px;
	position:relative;
	height:49px;
	width:200px;
	left:24px;
	top:19px;
}



/** ---- navigation 
 *
 */

ul#navigation
{
	background:transparent url(http://www.zezena.com/images/menu-background.gif) repeat scroll 0 0;
	height:48px;
	margin-bottom:2px;
}

ul#navigation li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
	position:relative;
	top:0;
}

#navigation li, #navigation a {
	background:transparent url(http://www.zezena.com/images/menu.gif) no-repeat scroll;
	display:block;
	height:48px;
	color:#FFF;
	padding-top:7px;
	text-decoration:none;
	font-style:normal;
	font-size:110%;
	font-weight:bold;
	text-align:center;
	overflow:hidden;
}

ul#navigation li#home a {
	background-position:0px 0px;
	width:100px;
	padding-left:5px;
}

ul#navigation li#blogs a {
	background-position:-120px 0px;
	width:100px;
}

ul#navigation li#push a {
	background-position:-240px 0px;
	width:100px;
}

ul#navigation li#tasks a {
	background-position:-360px 0px;
	width:100px;
}

ul#navigation li#signout{
	background-position:-203px 0px;
	width:270px;
	float:right;
	line-height:33px;
	overflow:visible;
	text-align:right;
	text-size:110%;
	
}
ul#navigation li#signout a{
	background-image:none;
	color:#FFFFFF;
	display:inline;
	margin-right:15px;
}
 
 
ul#navigation li#home a:hover  {
	background-position:0px -96px;
}
ul#navigation li#blogs a:hover {
	background-position:-80px -96px;
}
ul#navigation li#push a:hover {
	background-position:-80px -96px;
}
ul#navigation li#tasks a:hover {
	background-position:-80px -96px;
}

ul#navigation li#home.active a {
	background-position:0px -96px;
}
ul#navigation li#blogs.active a {
	background-position:-80px -96px;
}
ul#navigation li#push.active a {
	background-position:-80px -96px;
}
ul#navigation li#tasks.active a {
	background-position:-80px -96px;
}


/** ---- sub navigation 
 *
 */
ul#subnavigation {
	margin-left:10px;
	margin-right:10px;
	background-color:#FFDAD9;
	height:22px;
	font-size:1.2em;
}

ul#subnavigation li{
	margin-right : 5px;
	display:inline;
	float:left;
	margin-right:15px;
	white-space:nowrap;
}
ul#subnavigation li#myaccount, ul#subnavigation li#languages {
	float:right;
}
ul.homesubnav {
	padding-left:35px; 
}
ul.adminsubnav {
	padding-left:130px; 
}
ul.pushsubnav {
	padding-left:230px; 
}
ul.tasksubnav {
	padding-left:330px; 
}

/** ---- navigation 
 *
 */
 
div#signup h3 a {
	margin-top:10px;
	margin-bottom:10px;
	display:block;
	height:63px;
	width:206px; 
}

div#signup.sgnpen h3 a {
	display:block;
	margin-top:50px;
	margin-bottom:50px;
	background:transparent url(http://www.zezena.com/images/signup-en.gif) no-repeat scroll  0px 0px;
}
div#signup.sgnpen h3 a:hover {
	background-position:0px -63px;
	/*background:transparent url(http://www.zezena.com/images/signup.gif) no-repeat scroll  0px 0px;*/
}

div#signup.sgnpfr h3 a {
	display:block;
	margin-top:50px;
	margin-bottom:50px;
	background:transparent url(http://www.zezena.com/images/signup-fr.gif) no-repeat scroll  0px 0px;
}

div#signup.sgnpfr h3 a:hover {

	background:transparent url(http://www.zezena.com/images/signup-fr.gif) no-repeat scroll  0px -63px;
}

/** ---- content 
 *
 */

div#content {
	padding:15px;
	min-height:400px;
}


h1 {
    font-size:1.6em;
}

h2 {
	margin-top:15px;
	margin-bottom:15px;
    font-size:1.6em;
    clear:both;
}
h3 {
    font-size:1.5em;
}
h4 {
    font-size:1.4em;
	font-weight:bold;
}

.homelist, p {
	border-left:solid;
	border-left-color:#FF0000;
	border-width:thin;
	padding-left:10px;
	margin-bottom:20px;
	margin-left:0;
	clear:both;
}
.large {
	width:500px;
}


div#content ul.errors {
	color:red;
	display:block;
	clear:both;
	width:250px;
	text-align:right;
	margin:0;
	padding:0;
	}
	div#content ul.errors li {
		list-style:none;
		margin:0;
		padding:0;
	}


div#content ul {
	margin-left:30px;
	margin-top:5px;
	margin-bottom:5px;
	}
	div#content ul.done li {
		list-style-image:url(/images/bullets/bullet-ok.png);
	}
	div#content ul.arrow li{
		list-style-image:url(/images/bullets/simple-arrow.png);
	}
	
div#content ul.homelist {
	margin-left:0px;
	margin-top:5px;
	margin-bottom:5px;
}

/* ---- login form
*/
fieldset legend {
	padding-top:15px;
	font-size:1.6em;

	padding-bottom:13px;
}


.adunit300 {
	text-align:right;
}
div#errormessage{
	color:#FF0000;
}


/** ---- footer 
 *
 */
div#ft {
	text-align:center;
	margin-top:30px;
}


/************ forms */

form { 
		width:400px;
	}
	form img {
		margin-left:5px;
		float:left;
	}
	form label {
		font-size:1.2em;
		width:200px;
		height:28px;
		display:block;
		float:left;
		clear:both;
		text-align:right;
		padding-right:5px;
		padding-top:4px;
	}
	form label:after  {
		content:" : ";
	}
	form input {
		padding-top:3px;
	}
	form label {
		padding-top:5px;
	}
	

	
	
form#loginform { 
		width:230px;
	}
	#loginform label {
		display:block;
		font-size:1.2em;
		margin-bottom:5px;
		float:left;
		clear:both;
		width:80px;
		height:28px;
		text-align:right;
		padding-top:7px;
	}
	#loginform input#username, #loginform input#password {
		font-size:1.5em;
		width:130px;
		height:30px;
		margin-bottom:5px;
		float:right;
		border:solid #000000 1px;
		padding-left:5px;
		padding-top:3px;
		
	}
	#loginform input#password {
		padding-top:3px;
	}
	#loginform input#login {
		width:80px;
		height:28px;
		padding:0px;
		float:right;
		margin-bottom:5px;
	}
	#loginform a {
		float:left;
		clear:both;
		width:120px;
		height:28px;
		padding-left:10px;
		padding-top:5px;
	}

	
form#videolist {
	width:710px;
	margin:auto;
	clear:both;
	border:solid #D5FFCC 1px;
	padding:5px;
	}	
	form#videolist label{
		float:none;
		clear:none;
		width:default;
		display:inline;
		padding-right:0px;
		padding-top:0px;
		font-size:1.2em;
	}

	form#videolist select{
		font-size:1.2em;
		margin-top : 5px;
	}

	

form#lostpassword {
		width:700px;	
	}
	form#lostpassword label {
		width:350px;	
	}
	form#lostpassword input{
		font-size:1.5em;
		width:180px;
		height:28px;
		margin-bottom:5px;
		float:left;
		border:solid #000000 1px;
		padding-left:5px;
	}
	
	form#lostpassword  span.button  {
		margin-left:350px;
		float:left;
		clear:both;
	}
	
	/****** user form */
	form#user {
		width:800px;
		}
		form#user input#username,
		form#user input#password,
		form#user input#password_confirm,
		form#user input#currentpassword,
		form#user input#email,
		form#user select#language,
		form#user input#code{
			
			font-size:1.5em;
			width:180px;
			height:28px;
			margin-bottom:5px;
			float:left;
			border:solid #000000 1px;
			padding-left:5px;
		}
		
		form#user input#submitbutton {
			width:default;
			height:28px;
			float:right;
			clear:both;
		}
	
		form#user span.button  {
			margin-left:200px;
			float:left;
			clear:both;
		}
		form#user input#submitbutton {
			margin-left:200px;
			float:right;
		}
		form#user div#recaptcha_widget_div {
			float:left;
			
		}
		form#user input#tasknotification
		{
			margin-left:10px;
			margin-top:3px;
			font-size:1.5em;
			width:20px;
			height:20px;
			margin-bottom:5px;
			float:left;
		}
		
	.errors {
		font-weight:bold;
		color:red;
	}
	/****** end user form */


	
	/****** blog form */
form#blogs {
	height:250px;
	display:block;
	clear:both;
	float:left;
	}
	form#blogs input#name,
	form#blogs input#host,
	form#blogs input#rpc_host,
	form#blogs input#login,
	form#blogs input#password
	{
		font-size:1.5em;
		width:180px;
		height:28px;
		margin-bottom:5px;
		float:left;
		border:solid #000000 1px;
		padding-left:5px;
	}
	
	form#blogs input#save_pwd
	{
		margin-left:10px;
		margin-top:3px;
		font-size:1.5em;
		width:20px;
		height:20px;
		margin-bottom:5px;
		float:left;
	}
	
	form#blogs span.button  {
		margin-left:200px;
		clear:both;
		float:left;
	}
	/******** end blog forms */

	/******** task form */
form#tasks {
	height:250px;
	display:block;
	clear:both;
	float:left;
	}
	form#tasks input#name,
	form#tasks select{
		font-size:1.5em;
		width:180px;
		height:28px;
		margin-bottom:5px;
		float:left;
		border:solid #000000 1px;
		padding-left:5px;
	}
	
	form#tasks input#active
	{
		margin-left:10px;
		margin-top:3px;
		font-size:1.5em;
		width:20px;
		height:20px;
		margin-bottom:5px;
		float:left;
	}
	form#tasks span.button  {
		margin-left:200px;
		float:left;
		clear:both;
	}
	form#tasks input#submitbutton {
		margin-left:200px;
		float:right;
	}
	
form#whitelabelsetting {
	width:700px;
	}
	form#whitelabelsetting input{
		font-size:1.5em;
		width:180px;
		height:28px;
		margin-bottom:5px;
		float:left;
		border:solid #000000 1px;
		padding-left:5px;
		margin-right:5px;
	}

	form#whitelabelsetting a{
		display:block;
		height:28px;
		padding-top:5px;
		margin-bottom:5px;
	}

	form#whitelabelsetting input.linkbox{
		width:400px;
		height:20px;
		font-size:1.1em;
	}
	
	form#whitelabelsetting .linkboxlabel{
		padding-top:0px;	
	}

	form#whitelabelsetting div#savesponsor {
		clear:both;
	}
	
	form#whitelabelsetting span.button  {
		margin-left:200px;
		float:left;
		clear:both;
	}
	form#whitelabelsetting input#submitbutton {
		margin-left:200px;
		float:right;
	}

form#linkconfig {
	width:700px;
	}
	form#linkconfig input{
		font-size:1.5em;
		width:180px;
		height:28px;
		margin-bottom:5px;
		float:left;
		border:solid #000000 1px;
		padding-left:5px;
		margin-right:5px;
	}

	form#linkconfig input.linkbox{
		width:400px;
		height:20px;
		font-size:1.1em;
	}
	
	form#linkconfig .linkboxlabel{
		padding-top:0px;	
	}

	form#linkconfig h3{
		clear:both;
		display:block;
		width:200px;
		text-align:right;
	}

	form#linkconfig div#savelinks {
		clear:both;
	}
	
	form#linkconfig span.button  {
		margin-left:200px;
		float:left;
		clear:both;
	}
	form#linkconfig input#submitbutton {
		margin-left:200px;
		float:right;
	}




form#pushprepare {
	width:700px;
	}
	
	form#pushprepare input{
		font-size:1.5em;
		width:180px;
		height:28px;
		margin-bottom:15px;
		border:solid #000000 1px;
		padding-left:5px;
		clear:both;
	}
	
	form#pushprepare input#title{
		font-size:1.5em;
		width:400px;
		height:28px;
		border:solid #000000 1px;
		padding-left:5px;
		clear:right;
		margin:0;
		margin-bottom:5px;
		padding-top:5px;
	}
	form#pushprepare label{
		width:130px;
		padding-top:5px;
	}
	form#pushprepare textarea#description{
		width:400px;		
		height:200px;
		border:solid #000000 1px;
		font-size:1.5em;
		padding-left:5px;
		font-family:"Trebuchet MS";
	}
	form#pushprepare a#preview {
		clear:both;
		display:block;
		margin-left:200px;
		margin-top:10px;
		margin-bottom:10px;
	}
	form#pushprepare div#buttoncontainer  {
		float:left;
		clear:both;
		margin-left:200px;
	}

form#contact {
	width:650px;
	}
	form#contact input{
		font-size:1.5em;
		width:200px;
		height:28px;
		border:solid #000000 1px;
		padding-left:5px;
		clear:right;
		margin:0;
	}
	form#contact textarea#messagebody{
		width:300px;
		height:200px;
		border:solid #000000 1px;
		font-size:1.5em;
		padding-left:5px;
		margin-top:5px;
		clear:right;
	}
	form#contact label {
		width:150px;	
	}
	form#contact div#buttoncontainer  {
		float:left;
		clear:both;
		margin-left:150px;
	}
	

form#invite {
	width:450px;
	clear:right;
	height:100px;
	display:block;
	margin-bottom:20px;
	}
	form#invite input{
		font-size:1.5em;
		width:180px;
		height:28px;
		margin-bottom:5px;
		float:left;
		border:solid #000000 1px;
		padding-left:5px;
	}
	form#invite span.button  {
		margin-left:200px;
		float:left;
		clear:both;
	}
	form#invite input#submitbutton {
		margin-left:200px;
		float:right;
	}

form#blogSelector {}
	form#blogSelector label {
		width:170px;
	}
	form#blogSelector select{
		font-size:1.5em;
		width:180px;
		height:28px;
		margin-bottom:5px;
		float:left;
		border:solid #000000 1px;
		padding-left:5px;
	}	
/************ help */

.help {
	background-color:#D5FFCC;
	width:95%;
	padding:10px;
	margin:10px;
	font-style: italic;
	clear:both;
}	
.box {
	width:270px;
	display:block;
	float:left;
	clear:none;
	margin-top:0px;
	margin-right:0px;
}

/************ publishing process */
div#processbar {
	width:710px;
	height:26px;
	margin:auto;
	padding-left:0px;
	margin-bottom:10px;
	border:solid #D5FFCC 1px;
	clear:both;
	display:block;
	font-weight:bold;
	}
	div#processbar ul{
		margin:0;
		padding:0;
		clear:both;
	}
	div#processbar li{
		list-style-image:none;
		list-style-type:none;
		/*margin:1px;*/
		padding-left:30px;
		padding-top:0px;
		padding-bottom:0px;
		width:140px;
		height:26px;
		float:left;
		/*display:block;*/
		line-height:2;
	}
	div#processbar li.todo {
		background:transparent url(http://www.zezena.com/images/todo.gif) no-repeat scroll;
		
	}
	div#processbar li.done {
		background:transparent url(http://www.zezena.com/images/done.gif) no-repeat scroll;
	}
	
/************* tables */
tr.header th{
	height:25px;
	background-color:#FFDAD9;
	font-weight:bold;
}

.blogname {
	width:300px;
	white-space:nowrap;
}
th.hostname {
	width:300px;
}

table.tasklist {
	width:720px;	
}

td, th {
	height:25px;
	padding-left:10px;
}

th.taskname,
td.taskname {
	width:200px; 
	overflow:hidden;
	white-space:nowrap;
}
th.taskwhitelabel,
td.taskwhitelabel {
	width:100px;
}
th.taskcategory,
td.taskcategory {
	width:100px;
}
th.tasksygy,
td.tasksygy {
	width:50px;
}
th.taskblog,
td.taskblog {
	width:150px;
	overflow:hidden;
	white-space:nowrap;
}
th.taskfreq,
td.taskfreq {
	width:50px;
}
th.managetask,
td.managetask{
	width:60px;
	text-align:right;
	padding-right:5px;
}
th.manage,
td.manage{
	text-align:right;
	padding-right:5px;
}

table#bloglist{
	width:100%;
}

table#tokenlist{
	width:100%;
	clear:both;

	}
	table#tokenlist .tokenexpires,
	table#tokenlist .tokenquantity
	{
		width:150px;
	}
	
div#addBlogAction,
div#addTaskAction{
	float:right;
	text-align:right;
	margin:10px;
	min-height:20px;
	display:block;
	clear:both;
}


/**** yahoo datalists style */
.yui-dt-data td {
	height:25px;
}

.yui-dt-data tr {
	height:25px;
}
.yui-dt-data tr.yui-dt-even,
tr.even{
	background-color:#FFF3F2;
	height:25px;
}
.yui-dt-data tr.yui-dt-odd,
tr.odd{
	background-color:white;
	height:25px;
}
tr.inactive td{
	color:gray;
}


thead th {
	background-color:#FFDAD9;
	font-weight:bold;
	height:25px;
	padding-left:10px;	
}

div.yui-pg-container{
	margin:10px;
}

th.yui-dt-col-title,
th.yui-dt-col-mb,
th.yui-dt-col-date,
th.yui-dt-col-id
{
	font-weight:bold;
}

.yui-dt-col-title {
	width:400px;
	overflow:hidden;
	white-space:nowrap;
}

.yui-dt-col-mb{
	width:150px;
}

.yui-dt-col-date{
	width:80px;
}

.yui-dt-col-id{
	width:90px;
	text-align:right;
	padding-right:5px;
}

.yui-dt-message {
		
	float:left;
	left:300px;
	position:relative;
	top:170px;
}
/******* end table */