/**
 * common.css
 *
 * Copyright (c) 2003-2011 John Willinsky
 * Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.
 *
 * Site-wide shared stylesheet.
 *
 * $Id$
 */

/*
 * Notifications
 * FIXME: (Re)move once OJS styles are consolidated with new styles and themes
 */
@import url("../lib/pkp/styles/themes/default/pnotify.css");

.ui-pnotify-title {
}

.ui-pnotify-text {
}

.ui-pnotify-history-container .ui-pnotify-history-header {
	
}


#footer {
	background-color: #ABA;
}

#main {
	margin: 0 auto;
}


/**
 * Access icons and key
 */
#accessKey {
	margin-bottom: 2em;
}

#accessKey img {
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

#content img.accessLogo {
	vertical-align: middle;
	margin: 0;
	padding: 0;
}


/**
 * Navigation bar
 */

#navbar a {
}


/**
 * Announcements
 */

#announcementsHome {
	width: 100%;
	margin: 2em 0 2em 0;
}

#announcementsHome h3 {
	text-align: center;
}

#announcements {
}

#announcements h3 {
	text-align: center;
}

table.announcements {
	width: 100%;
}

table.announcements td {
	padding: 0.25em 0.5em 0.25em 0.5em;
}

table.announcements td.nodata {
	text-align: center;
	font-style: italic;
}

table.announcements td.headseparator {
	border-top: 1px dotted #000;
	line-height: 1%;
}

table.announcements td.endseparator {
	border-top: 1px dotted #000;
	line-height: 10%;
}

table.announcements td.separator {
	border-top: 1px dotted #DDDDD0;
	line-height: 1%;
}

table.announcements tr.intro {
}

table.announcements td.intro {
}

table.announcements tr.title {
	vertical-align: top;
}

table.announcements td.title {
	width: 85%;
}

table.announcements td.title h4 {
}

table.announcements tr.description {
	vertical-align: top;
}

table.announcements td.description {
	width: 85%;
}

table.announcements tr.details {
	vertical-align: bottom;
}

table.announcements td.posted {
	padding-top: 1em;
	font-style: italic;
}

table.announcements td.more {
	width: 15%;
	text-align: right;
}

table.announcementsMore {
	width: 100%;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

table.announcementsMore td {
	padding-top: 1.5em;
	text-align: right;
}

table.announcementsMore td a:hover{
  text-decoration:underline;
  }

/**
 * Table of contents
 */

h4.tocSectionTitle {
}



/**
 * Homepage image
 */

#homepageImage img {
	display: block;
	margin: 0 auto;
	border: 0;
	text-align: center;
}

.homepageImage img {
	margin: 0 auto;
	border: 0;
	float: left;
	width: 100px;
	margin: 1em 1em 1em 0;
	text-align: center;
}


/**
 * Issue cover image
 */

#issueCoverImage img {
	display: block;
	border: 0;
}

.issueCoverImage img {
	border: 0;
	float: left;
	width: 100px;
	margin: 1em 1em 1em 0;
}

#issueCoverImage a:link, .issueCoverImage a:link {
}

#issueCoverImage a:active, .issueCoverImage a:active {
}

#issueCoverImage a:visited, .issueCoverImage a:visited {
}

#issueCoverImage a:hover, .issueCoverImage a:hover {
}


/**
 * Editorial Team Lists
 */

ol.editorialTeam {
margin-bottom:20px;
}

ol.editorialTeam li {
	display:list-item;
	list-style:disc;
	margin-left:30px;
}

ol.editorialTeam, ol.editorialTeam li {
	padding-left: 0;
}


/**
 * Additional text styles
 */

pre {
	background-color: #F0F0E8;
	color: #000;
}

/**
 * Table styles
 */

table.listing tr.highlight {
	background: yellow;
}

table.listing tr.fastTracked {
	background-color: #ABA;
}

table.listing tr.data td {
	border-top: 1px dotted #DDDDD0;
	border-bottom: 1px dotted #DDDDD0;
}

table.listing tr.data td.drag {
	cursor: move;
}


/**
 * Other organizational elements
 */

div.progressbar {
	background-image: url(../templates/images/progbg.gif);
	background-repeat: no-repeat;
	height: 27px;
	width: 505px;
	z-index:1;
}

td.notificationContent {
	padding-left: 5px;
	padding-right: 5px;
}

td.notificationFunction {
	padding-left: 5px;
	padding-right: 5px;
	text-align: right;
}

.throbber {
	display: none;
	background: url(../lib/pkp/templates/images/throbber.gif) no-repeat;
	width: 25px;
	height: 25px;
	margin-left: 50%;
	margin-top: 5%;
}

/* Font Sizer */

.smallFont {
	outline: none; /*for making it look nice in FF */
	background: url(images/size-small.png);
	text-indent: -9999px;
	display: block;
	float: left;
	width: 20px;
	height: 23px;
	margin-right: 4px;
	margin-left: 8px;
	background-repeat:no-repeat;
}

a.smallFont:hover {
	color: none;
}

.defaultFont {
	/*if you want to hide the default font button, use display:none */
	background: url(images/size-default.png);
	text-indent: -9999px;
	outline: none;
	display: block;
	float: left;
	width: 20px;
	height: 23px;
	margin-right: 4px;
	background-repeat:no-repeat;

}

a.defaultFont:hover {
	color: none;
}

.largeFont {
	background: url(images/size-big.png);
	background-repeat:no-repeat;
	outline: none;
	text-indent: -9999px;
	display: block;
	float: left;
	width: 20px;
	height: 23px;
}

a.largeFont:hover {
	color: none;
}



/* @group Tag-it */

ul.tagit {
	padding:1px 5px;
	border-style:solid;
	border-width:1px;
	border-color:#C6C6C6;
	overflow:auto !important;
}
ul.tagit li {
	-moz-border-radius:5px 5px 5px 5px;
	display: block;
	float: left !important;
	margin:2px 5px 2px 0;
	clear: none;
}
ul.tagit li.tagit-choice {
	background-color:#DEE7F8;
	border:1px solid #CAD8F3;
	padding:2px 4px 3px;
}
ul.tagit li.tagit-choice:hover {
	background-color:#bbcef1;
	border-color:#6d95e0;
}
ul.tagit li.tagit-new {
	padding:2px 4px 3px;
	padding:2px 4px 1px;
	padding:2px 4px 1px 0;
}

ul.tagit li.tagit-choice input {
	display:block !important;
	float:left;
	margin:2px 5px 2px 0;
}
ul.tagit li.tagit-choice a.close {
	color:#777777;
	cursor:pointer;
	font-weight:bold;
	outline:medium none;
	padding:2px 0 2px 3px;
	text-decoration:none;
}

ul.tagit li:after, ul.tagit li div:after {
	content:" ";
	display:block;
	clear:none;
}

/* @end */


.footer {
background-color:#F0F0F0;
border-top:1px solid #E6E6E6;
padding:20px 20px 5px;
text-shadow:0 1px 0 #FFFFFF;
}

.footer .footer-bottom{
  color:#888;
  padding-bottom: 20px;
  }

.footer-bottom a{
  display:block;
  color:#888;
  line-height: 12px;
  }

.footer-bottom .footer-bottom-kiri{
  float:left;
  }

.footer-bottom .footer-bottom-kanan{
  float:right;
  }

.footer-bottom-kanan .footer-bottom-kanan-logo{
  float:right;
  background:url(images/flogo.gif) scroll center center no-repeat #F0F0F0;
  height:30px;
  width:30px;
  }

.footer-bottom-kanan .footer-bottom-kanan-text{
  float:right;
  text-align:right;
  padding: 3px 6px;
  }

/************************
	Baru
************************/
input.textField,
.selectMenu,
.textArea,
.mceContentBody,
.tagit,
.uploadField{
  background:url(images/bg-input.gif) scroll top left repeat-x #fff;
  border:solid 1px #aaa !important;
  }

#tinymce{
	display:block;
	}

td.mceIframeContainer{
	display:block;
	width:400px;
	}


#description_ifr{
	display:block;
	}

table#description_tbl{
	border-collapse:separate;
	}

td.mceIframeContainer{
	display:block!important;
	}

input.textField:focus,
.selectMenu:focus,
.textArea:focus,
.mceContentBody:focus,
.tagit:focus,
.uploadField:focus{
  border: solid 1px #779ea8;
  background:#fff;
  background-image:none;
  -webkit-box-shadow: 0px 0px 4px #bbb;
  -moz-box-shadow: 0px 0px 4px #bbb;
  box-shadow: 0px 0px 4px #bbb;
  }

#issues h3{
  color:#ff9900;
  }

#issues h4{
  font-weight:normal;
  padding-left: 20px;
  text-transform:uppercase;
  }

#main .title{
  }