/* Required tags - to be implemented in all skins since these classes appear in the forms */

	/* right-side portlets */

<tal:block tal:define=" isArabic here/isArabicLanguage;
						noArabic not:isArabic">



	/* errors and messages box */
	.system-msg {
		border: 1px solid black;
		padding: 1em;
		margin-bottom: 1em;
	}

	/* Operations buttons */
	.floated-buttons {
<tal:block condition="noArabic">
		float: right;
		margin-right: 0.5em;
</tal:block>
<tal:block condition="isArabic">
		float: left;
		margin-left: 0.5em;
</tal:block>
	}

	.buttons a{
		font-weight: bold;
	}

	.buttons a:visited {
		color:white;
	}


	.buttons a {
		padding: 0.2em 0.4em;
		line-height:2em;;
		text-decoration: none;
		background-color: #638fbc;
		color: #ffffff;
		border-left:2px solid #EEEEEE;
		border-top:2px solid #EEEEEE;
		border-bottom:2px solid #2F6C91;
		border-right:2px solid #2F6C91;
		font-size: 90%;
		font-weight: bold;
		white-space: nowrap;
	}


	/* folder index styles */
	#admin_this_folder{
		padding: 0.5em;
		margin: 1em 0em;
		border: 1px solid #B7D2E6;
		background-color: #B7D2E6;
		text-align: left;
		text-indent: 0.3em;
	}
	
	#admin_this_folder #submission {
		font-weight: bold;
	}
	
	#admin_this_folder a,input.administrative-button,button.administrative-button {
		text-decoration: none;
		background-color: #638fbc;
		color: #ffffff;
		font-weight: normal;
		border-left:2px solid #EEEEEE;
		border-top:2px solid #EEEEEE;
		border-bottom:2px solid #2F6C91;
		border-right:2px solid #2F6C91;
	}

	#admin_this_folder a {
		line-height: 2em;
		padding:2px 0px; 
		font-size: 90%;
	}

	#admin_this_folder span {
		padding:0em 0.4em;
		margin: 0em 0.3em;
		white-space:nowrap;
	}

	#admin_this_folder img {
		vertical-align: middle;
		padding-right: 4px;
	}

	#admin_this_folder select {
		vertical-align: middle;
	}

	#toolbar{
		padding: 0.6em;
		padding-left: 0.6em;
		margin-top: 0.9em;
		background-color: #b7d2e7;
	}

	#toolbar a{
		text-decoration: none;
	}

	#toolbar input,#toolbar button,#toolbar span{
		white-space: nowrap;
		font-size: 0.85em;
		font-weight: bold;
		background-color: #e6e6e6;
		border-top: 1px solid #bebebe;
		border-left: 1px solid #bebebe;
		border-bottom: 1px solid #303030;
		border-right: 1px solid #303030;
		margin-right: 0.4em;
		padding:0.15em;
		padding-left: 0.3em;
		color: #333333;
	}
		#toolbar img{
			position: relative;
			top:1px;
		}

	table#folderfile_list{
		width: 98%;
	}

	#folderfile_list th{
		background-color: #eeeeee;
		padding: 0.1em;
		color: #303030;
		font-size: 0.9em;
		font-weight: normal;
		border-right: 1px solid #c7c7c7;
	}

	#folderfile_list td{
		color: #999999;
		padding: 0.4em 0.1em;
		border-bottom: 1px solid #eeeeee;
	}

	#folderfile_list .checkbox{
		vertical-align: top;
		text-align: left;
		padding-left: 0.3em;
		padding-right: 0.3em;
	}

	#folderfile_list th.checkbox{
		vertical-align: middle;
	}

	#folderfile_list .type{
		vertical-align: top;
		text-align: center;
		width: 0.5em;
	}

	#folderfile_list .type img{
		margin-top: 4px;
	}

	#folderfile_list th.type{
		vertical-align: middle;
		width: 0.5em;
	}

	#folderfile_list .title-column{
		vertical-align: middle;
		<tal:block condition="noArabic">
			text-align: left;
		</tal:block>
		<tal:block condition="isArabic">
			text-align: right;
		</tal:block>
	}

		td.title-column a{
			color: #0f75b3;
		}
		td.title-column a:hover{
			text-decoration: none;
		}

	#folderfile_list th.title-column{
		vertical-align: middle;
		padding-left: 0.3em;
	}

	#folderfile_list .checkin{
		vertical-align: top;
		text-align: center;
	}
	#folderfile_list th.checkin{
		vertical-align: middle;
	}

	#folderfile_list .checkout{
		vertical-align: top;
		text-align: center;
	}
	#folderfile_list th.checkout{
		vertical-align: middle;
	}

	#folderfile_list .edit{
		vertical-align: top;
		text-align: center;
	}
	#folderfile_list th.edit{
		vertical-align: middle;
	}

	/*______- sortables columns -_____ */


	/* -------ASC SORT--------- */
	.sort_asc_th {
		padding: 0em;
		background-color: #DEECF4;
		border-top: 2px solid white;
		border-right: 1px solid white;
		border-left: 1px solid white;
		border-bottom: 2px solid white;
		vertical-align: middle;
		color: #6d6d6d;
	<tal:block condition="noArabic">
		text-align: left;
	</tal:block>
	<tal:block condition="isArabic">
		text-align: right;
	</tal:block>
		text-indent: 1em;
	}

		.sort_asc_th img {
			display: none;
		}

	.sort_asc_th a {
		background-color: #DEECF4;
		display: block;
		width: 100%;
		padding: 0.6em 0em;
		vertical-align: middle;
		text-decoration: none;
		font-weight: bold;
		color: #1578B0;
	<tal:block condition="noArabic">
		background-position: right center;
	</tal:block>
	<tal:block condition="isArabic">
		background-position: left center;
	</tal:block>
		background-image: url('sort_asc.gif');
		background-repeat: no-repeat;
	}

	/* ----------DESC SORT---------- */
	.sort_desc_th {
		padding: 0em;
		background-color: #DEECF4;
		vertical-align: middle;
		color: #6d6d6d;
	<tal:block condition="noArabic">
		text-align: left;
	</tal:block>
	<tal:block condition="isArabic">
		text-align: right;
	</tal:block>
		text-indent: 1em;
		border-top: 2px solid white;
		border-right: 1px solid white;
		border-left: 1px solid white;
		border-bottom: 2px solid white;
		font-weight: normal;
	}

		.sort_desc_th img {
			display: none;
		}

	.sort_desc_th a {
		background-color: #DEECF4;
		display: block;
		width: 100%;
		padding: 0.6em 0em;
		vertical-align: middle;
		text-decoration: none;
		font-weight: bold;
		color: #1578B0;
	<tal:block condition="noArabic">
		background-position: right center;
	</tal:block>
	<tal:block condition="isArabic">
		background-position: left center;
	</tal:block>
		background-image: url('sort_desc.gif');
		background-repeat: no-repeat;
	}

	/* -----------SORTABLE------------- */
	.sort_th {
		padding: 0em;
		background-color: #DEECF4;
		vertical-align: middle;
		color: #6d6d6d;
	<tal:block condition="noArabic">
		text-align: left;
	</tal:block>
	<tal:block condition="isArabic">
		text-align: right;
	</tal:block>
		text-indent: 1em;
		border-top: 2px solid white;
		border-right: 1px solid white;
		border-left: 1px solid white;
		border-bottom: 2px solid white;
	}

	.sort_th a {
		background-color: #DEECF4;
		display: block;
		width: 100%;
		padding: 0.6em 0em;
		vertical-align: middle;
		text-decoration: none;
		font-weight: bold;
		color: #1578B0;
	}

	/* Tabbed menus  */

	#tabbedmenu {
		float: none;
		width:100%;
		border-bottom: thin solid #E3E2D3;
		font-size: 1.1em;
		line-height:normal;
		margin-bottom: 1em;
	}


	#tabbedmenu ul {
		overflow:hidden;
		margin:0;
		padding:10px 10px 0;
		list-style:none;
	}
	#tabbedmenu li {
	<tal:block condition="noArabic">
		float: left;
	</tal:block>
	<tal:block condition="isArabic">
		float: left;
	</tal:block>
		background:url("tableft.gif") no-repeat left top;
		margin:0;
		padding:0 0 0 9px;
		white-space: nowrap;
	}
	#tabbedmenu a {
		display:block;
		text-decoration: none;
		font-weight: bold;
		color: black;
		background:url("tabright.gif") no-repeat right top;
		padding:5px 15px 4px 6px;
	}
	#tabbedmenu #currenttab {
		background-image:url("tableft_on.gif");
	}
	#tabbedmenu #currenttab a {
		text-decoration: none;
		font-weight: bold;
		background-image:url("tabright_on.gif");
		padding-bottom: 5px;
	}
	#tabbedmenu #currenttab span {
		display:block;
		text-decoration: none;
		font-weight: bold;
		background:url("tabright_on.gif") no-repeat right top;
		padding:5px 15px 4px 6px;
	}

	/* warning box for active versions of items */
	.version_box {
		background-color: #f4fff4;
		color: red;
		padding: 1em;
		float: right;
		border: 1px solid black;
		width: 200px;
		text-align: center;
	}

	.edit_right_box {
		clear: both;
		background-color: #f4fff4;
		padding: 1em;
		float: left;
		border: 1px solid black;
		width: 200px;
		text-align: right;
		margin-bottom: 0.5em;
	}

	.edit_right_box p {
		font-size: 90%;
		text-align: justify;
		border-top: 1px dotted #000;
		padding-top: 0.5em;
	}

	.edit_right_box input {
		margin-top: 0px;
	}

	/* Content translation boxes */
	.translate {
		padding: 0.5em 0;
		margin: 0.5em 0;
		background-color: #def2ff;
		color: #333;
		font-size: 95%;
		font-weight: normal;
		line-height: 2.2em;
		font-family:Arial, Helvetica, sans-serif;
	}
	.translate span {
		padding: 0 0.5em 0 0.5em;
	}
	.translate a {
		color: #000;
		text-decoration: none;
		font-weight: bold;
		padding: 5px 5px;
		margin: 2px 0;
		border-right: 1px solid #accbdf;
	}
	.translate .current {
		padding: 5px 7px;
		display: inline;
		background: #fff;
		border: 1px solid #accbdf;
	}
	.translate .current span {
		color: #444444;
		font-weight: normal;
		padding: 0 3px 0 3px;
	}
	.translate a:hover {
		background: #fff;
		color: #666666;
	}
	
	.translate_bar_right {
		display: inline;
		float: left;
		width: 30em;
		text-align: left;
	}
	.translate_bar_right input {
		margin-top: 0px;
	}

	/* styles for forms */
	.field {
		margin-top: 1em;
	}

	.field-inline {
		margin-top: 1em;
	}

	.field label {
		display: block;
		font-weight: bold;
		margin-bottom: 0.3em;
	}

	.field-inline label {
		font-weight: bold;
		margin-bottom: 0.3em;
	}

	.field .invisible {
		display: none;
	}

	.field-inline .invisible {
		display: none;
	}

	/*	editor style	*/
	.mceEditor {
		width: 600px;
		height: 250px;
	}
	.mceEditor-small {
		width: 300px;
		height: 150px;
	}
	.mceEditor-big {
		width: 700px;
		height: 400px;
	}
	.mceStatusbarPathText { visibility: hidden; }

	/*  Comment box form */
	.comment_box {
		background-color:#FAFAFA; 
		border: 1px dashed #cccccc; 
		margin:1em;
		padding:1em;
		}

	.deletecomment {
		font-size: 90%;
		float:right;
		background-color:#EBEBEB;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-right: 3px;
		padding-left: 18px;
		border-top:1px solid #eeeeee;
		border-left:1px solid #eeeeee;
		border-bottom:1px solid #777777;
		border-right:1px solid #777777;
		color:#666666;
		text-decoration: none;
		background-image: url(trash.gif);
		background-repeat: no-repeat;
		background-position: left center;

		margin-bottom: 0.5em;
		/*text-indent: 17px;*/
	}

	.addcomment {
		font-size: 90%;
		background-color:#EBEBEB;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-right: 3px;
		padding-left: 18px;
		border-top:1px solid #eeeeee;
		border-left:1px solid #eeeeee;
		border-bottom:1px solid #777777;
		border-right:1px solid #777777;
		color:#666666;
		text-decoration: none;
		background-image: url(addcomment.gif);
		background-repeat: no-repeat;
		background-position: left center;
		margin-bottom: 0.5em;
	}

	.logincomment {
		font-size: 90%;
		background-color:#EBEBEB;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-right: 3px;
		padding-left: 18px;
		border-top:1px solid #eeeeee;
		border-left:1px solid #eeeeee;
		border-bottom:1px solid #777777;
		border-right:1px solid #777777;
		color:#666666;
		text-decoration: none;
		background-image: url(logintoadd.gif);
		background-repeat: no-repeat;
		background-position: left center;
		margin-bottom: 0.5em;
	}

	.commentbox_title {
		font-weight: bold;
		font-size: 110%;
		/*text-indent: 17px;*/
		padding-left: 17px;
		background-image: url(comment.gif);
		background-repeat: no-repeat;
		background-position: left center;
		
	}

	.commentbox_content {
		color:#666666; 
		font-size: 80%;
	}

	.commentbox_add {
		margin: 1em;
		/*padding-left:1em;*/
	}

	.hr_addcomment {
		border-top: 1px solid #eaeaea; 
		border-bottom:1px solid white;
	}

	.hr_inside_comment {
		border-top: 1px solid #eaeaea; 
		border-bottom:1px solid white; 
		margin-top:0.5em;
	}
	.idented_block {
<tal:block condition="noArabic">
		margin-left: 20px;
</tal:block>
<tal:block condition="isArabic">
		margin-right: 20px;
</tal:block>
	}

.pick_pop_up {
	<tal:block condition="isArabic">
		font-family:'Arabic Transparent',Verdana, arial, sans-serif;
	</tal:block>
	<tal:block condition="noArabic">
		font-family: Verdana, Arial, Helvetica, sans-serif;
	</tal:block>
	font-size: 80%;
}

.pick_pop_up h1 { 
	<tal:block condition="isArabic">
		font-family: 'Arabic Transparent', Arial, Helvetica, sans-serif;
	</tal:block>
	<tal:block condition="noArabic">
		font-family:  Arial, Helvetica, sans-serif;
	</tal:block>
	color: #557595; 
	font-weight: bold;
	font-size: 190%;
}

.pick_pop_up p { 
background-color: #f0f0f0;
padding: 10px;
color: #444444; 
font-size: 90%;
}

.pick_pop_up td {
	padding: 1px;
}

.pick_pop_up table a {
	color: #3C6691;
}

.expand_collapse_row td {
	background-color: #F9F9F9;
	border-bottom: 3px solid white;
}

.expand_collapse_letter div {
	<tal:block condition="isArabic">
		margin-right: 5px;
	</tal:block>
	<tal:block condition="noArabic">
		margin-left: 5px;
	</tal:block>

	color: #3C6691; 
	font-weight: bold;
	text-transform: capitalize;
	font-weight: 110%;
}

/* SORTABLE TABLES */
.sortable {
	font-size: 0.9em;
	line-height:normal;
}
.sortable th {
	background: #ccc;
	border: 1px outset #fff;
	margin:0;
	padding:0;
	white-space: nowrap;
	vertical-align: top;
}
.sortable th a:link, .sortable th a:visited, .sortable th span {
	display:block;
	text-decoration: none;
	font-weight: normal;
	color: black;
	padding:1px 0.5em;
}

.sortable th a:hover {
	color:white;
	background: #aaa;
}
.sortable tbody tr.zebraeven {
	background-color: white;
}

/*	TABLES WITH DUPLICATES	*/
tr.duplicate {
	color: #ff0000;
}
tr.duplicate a {
	color: #ff0000;
}
tr.not-duplicate {
}

/*	FORUM STYLE	*/
.forum_message_top a {
	margin-right: 0px;
	padding: 0px 2px 0px 3px;
	text-decoration: none;
	color: white;
	background-color: #638FBC;
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid #416B96;
	border-bottom: 1px solid #416B96;
	position: relative;
}

.forum_message_top a:visited {
	color: white;
}
.message_top_buttons {
	float: right;
	margin-top: 2px;
	position: relative;
}

.message_top_buttons2 {
	padding: 5px;
}

.message_top_buttons2 .buttons {
	padding: 1px 3px;
}

.forum_topic {
	margin-bottom: 15px;
	border: 1px solid #eeeeee;
	padding: 5px;
	color: #333333;
}

.forum_topic a {
	color: #416B96;
}

.forum_message a:visited {
	color: #416B96;
}
.forum_topic_top {
	background-color: #eeeeee;
	padding: 2px 5px 6px 2px;
	font-size: 90%;
}

.forum_topic_author {
	padding: 10px 0 5px 4px;
	border-bottom: 1px dashed #dddddd;
	font-size: 90%;
}

.forum_topic_content {
	margin-top: 10px;
}

.forum_topic_bottom {
	padding:5px;
	border-top: 1px dashed #dddddd;
	font-size: 90%;
}

.forum_messages_slot {
	margin-top: 15px;
}

.forum_message {
	margin-bottom:5px;
	background-color: #F7F7F7;
}

.forum_message a {
	color: #416B96;
}

.forum_message a:visited {
	color: #416B96;
}

.forum_message_top {
	background-color:#E9E9E9;
	border-bottom: 1px solid #E4E4E4;
	padding: 2px;
	font-size: 90%;
	color: #416B96;
	position: relative;
}

.forum_message_top a {
	color: white;
}
.forum_message_top a:visited {
	color: white;
}

.forum_message_top img {
	margin-right: 3px;
	border-left: 3px solid #E4E4E4;
}

.forum_message_author {
	padding:5px;
	border-bottom:1px dashed #E4E4E4;
	font-size: 90%;
	color: #444444;
	}

.forum_message_description {
	padding: 5px;
	color: #111111;
}

.forum_message_bottom {
	padding:5px;
	border-top: 1px dashed #E4E4E4;;
	color: #666666;
	font-size: 90%;
}
/*	END FORUM STYLE	*/
/* Object language availability */

.available_langs {
        font-size: x-small;
}

.available_langs a{
        border-right: 1px solid #0F75B3;
        padding-right: 0.3em;
        padding-left: 0.3em;
}

.available_langs a:first-child {
        border-left:1px solid #0F75B3;
}
/* Feeds */
div.xmlExportButtons {
  padding-top: 1em;
}

div.xmlExportButtons a {
  border: 1px outset #ff6600;
  background: #fff;
  color: #f60;
  font: bold 70% 'Lucida Grande', Arial, Helvetica, sans-serif;
  text-decoration: none;
  padding: 15px 0 0.2em 0;
  margin: 0 0.1em 0 0.1em;
}

div.xmlExportButtons a.pdf {
  background-image: url("images/pdf.gif");
  background-position: center top;
  background-repeat: no-repeat;
}

div.xmlExportButtons a.xml {
  background-image: url("misc_/NaayaCore/xml.png");
  background-position: center top;
  background-repeat: no-repeat;
}

/* CALENDARS & CLOCKS */
.calendarbox, .clockbox {
    margin:5px auto;
   font-size:11px;
   width:16em;
   text-align:center;
   background:white;
   position:relative;
   border: 1px solid #ccc;
}
.clockbox {
    width:9em;
}
.calendar {
    margin:0; padding: 0;
}
.calendar table {
    margin:0; padding:0;
   border-collapse:collapse;
   background:white;
   width:99%;
}
.calendar caption, .calendarbox h2 {
    margin: 0;
    font-size:11px;
    text-align:center;
    border-top:none;
}
.calendar th {
    font-size:10px;
    color:#666;
    padding:2px 3px;
    text-align:center;
    background:#e1e1e1 url(misc_/Naaya/nav-bg.gif) 0 50% repeat-x;
    border-bottom:1px solid #ddd;
}
.calendar td {
    font-size:11px;
    text-align: center;
    padding: 0;
    border-top:1px solid #eee;
    border-bottom:none;
}
.calendar td.selected a {
    background: #C9DBED;
}
.calendar td.nonday {
    background:#efefef;
}
.calendar td.today a {
    background:#ffc;
}
.calendar td a, .timelist a {
    display: block;
    font-weight:bold;
    padding:4px;
    text-decoration: none;
    color:#444;
}
.calendar td a:hover, .timelist a:hover {
    background: #5b80b2;
    color:white;
}
.calendar td a:active, .timelist a:active {
    background: #036;
    color:white;
}
.calendarnav {
    font-size:10px;
    text-align: center;
    color:#ccc; margin:0;
    padding:1px 3px;
}
.calendarnav a:link, #calendarnav a:visited, #calendarnav a:hover {
    color: #999;
   text-decoration: none;
   font-weight: bold;
   padding: 3px;
}
.calendar-shortcuts {
    background:white;
   font-size:10px;
   line-height:11px;
   border-top:1px solid #eee;
   padding:3px 0 4px;
   color:#ccc;
}
.calendarbox .calendarnav-previous, .calendarbox .calendarnav-next {
    display:block;
    position:absolute;
    font-weight:bold;
    font-size:12px;
    background:#C9DBED url(misc_/Naaya/default-bg.gif) bottom left repeat-x;
    padding:1px 4px 2px 4px;
    color:white;
    text-decoration: none;
}
.calendarnav-previous:hover, .calendarnav-next:hover {
    background:#036;
}
.calendarnav-previous {
    top:0; left:0;
}
.calendarnav-next {
    top:0; right:0;
}
.calendar-cancel {
    margin:0 !important;
    padding: 4px 0;
    color: #000 !important;
    font-size:10px;
    background:#e1e1e1;
    border-top:1px solid #ddd;
}
.calendar-cancel a {
    padding:2px; color:#999;
}
ul.timelist, .timelist li {
    list-style-type:none;
   margin:0; padding:0;
}
.timelist a {
    padding:2px;
}
.vDateField {
    margin-left:4px;
} 

/* END STYLE */
</tal:block>
