@import url('messages.css');
@import url('boxy.css');

a {
    color: navy;
    text-decoration: none;
}

a:visited, body#login div#menu a:visited {
    color: navy;
}

a:hover {
    background-color: transparent;
    color: green !important;
    text-decoration: underline;
}

a img { border: 0 }

/* 0 means zero regardless of measurement */
html, body {
	height: 100%;
}
body {
    background: #FFFFFF;
    color: #000000;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

div#bodyContent {
    /*margin: 0px 210px 50px 10px;
    padding: 10px;
    text-align: left;*/
	padding: 5px;
	direction: rtl;
	height_: 100%;
}

div#header {
    margin-bottom: 0px;
}
div#content div#errorTitleContent{
	cursor: pointer;
}

div#content {
	padding-left: 10px;
	padding-right: 10px;
}
div#content>p {/*margin:10px 0px*/}

div#footer {
    background: transparent;
    border-top: 1px solid #C0C0C0;
    color: #000000;
    font-size: 0.9em;
    padding: 1px;
    padding-top: 0px;
    text-align: right;
}

div#footer div#comment{
    z-index1: 1;
    margin-top: 10px;
    position1: absolute;
    right: 3px;
}

div#footer SPAN{
    margin-top: 5px;
    right: 5px;
    position: absolute;
}

div#footer div#shadow{
    BACKGROUND: url("../images/shadow.gif") no-repeat right top;
    width: auto;
    height: 20px;
    margin: 0px;
}

div#footer a, div#footer a:visited {
    background: transparent;
    color: #666666;
}

div#footer a:hover {
    background: transparent;
    border-bottom: 1px dashed #FFA500;
    color: #000000;
    text-decoration: none;
}

div#flags {
    position: absolute;
    left: 20px;
    top: 10px;
}

div#userStatus {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: .9em;
    height: 40px;
    line-height: 1.2;
    text-align: right;
}


div#validators {
    float: left;
}

div.separator {
    border-bottom: 1px solid orange;
    margin: 10px 0px;
    width: 300px;
}

div.standardsNote {
    display: none;
}

form, table {
	border: 0;
    margin: 0;
    padding: 0;
}

/* for cool looking "sunken" input boxes, from www.theserverside.com */
form input, form textarea, form select, form button {
    margin:2px;
    padding-right: 2px;
    padding-left: 2px;
    color: #666;
}

form input[type=text]/*, form select */{
    height: 18px;
}

form input[type=text]#callNumber/*, form select */{
    direction: ltr;
}

form.filter input[type=text].fieldHasValue, 
form.filter input[type=checkbox].fieldHasValue, 
form.filter input[type=radio].fieldHasValue,   
form.filter textarea.fieldHasValue, 
form.filter select.fieldHasValue {
    outline: 2px solid blue;
}


form select{
    height: 22px;
}

input.button, button.button {
    color: #000;
    /*height: 20px;*/
    width: 70px;
    font-family: tahoma, arial, sans-serif;
}

button, input[type=button], input[type=submit], input[type=reset] {
    color: #000;
}

form input.focus, form textarea.focus{
    border-color: orange;
    color: #000;
}

form select {
    padding-left: 0px;
}
/*
form input {
	background-image: url("../images/input_white.gif");
    MARGIN: 0px;
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BORDER-LEFT: black 1px solid;
    COLOR: #fff;
    BORDER-BOTTOM: black 1px solid
}
*/

form input[type=text], form textarea, form select {
	BORDER: black 1px solid;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  	font-size_: 12px;
}

span.requiredStar {
	margin-left: 2px;
	margin-right: 2px;
	color: red;
}

span.semiRequiredStar {
	margin-left: 2px;
	margin-right: 2px;
	color: orange;
}

h1 {
    color: #ccc;
    font-size: 28px;
    font-weight: 900;
    line-height: 28px;
    margin: 0px 0px 15px 0px;
    padding: 0px;
}

img.badge {
    border: 0px;
    height: 31px;
    margin-right: 5px;
    width: 88px;
}

p {
    font: 14px/20px;
    margin: 0px 0px 16px 0px;
    padding: 0px;
}

SPAN.dlibhighlight {
	/*background-color: yellow;*/
	font-weight: bold;
	padding-left: 1px;
	padding-right: 1px;
}

span.attention {
    background: transparent;
    color: #0000ff;
}

/* Labels for validation and label tag */
label {
    font-weight: normal;
    cursor: pointer;
    cursor: hand;
}

label.required {
    font-weight: bold;
}

label.error {
    font-weight: bold;
    background: transparent;
    color: red;
}

/* These are the styles for detail screen tables */
table.detail {
    margin-left: 10px;
    padding: 5px;
    font-weight: normal;
}

table.detail th {
	text-align: right;
  	padding: 0px 3px 0px 0px;
}

table.detail th.tallCell {
    vertical-align: top;
}

table.detail td {
    text-align: left;
    padding: 0px;
}

table.detail td.moveOptions {
    text-align: center;
    width: 50px;
    padding: 5px;
}

table.detail td.moveOptions button {
    margin-bottom: 3px;
    width: 45px;
    white-space: nowrap;
}

table.detail td.buttonBar {
    padding-top: 10px;
}

table.detail td.updateStatus {
    font-size: 11px;
    color: #c0c0c0;
}

fieldset.pickList {
    margin-top: 5px;
    padding: 5px;
    background: transparent;
    border-color: #eee;
}

fieldset.pickList legend {
    font-weight: bold;
}

table.pickList {
    padding: 0;
    border-spacing: 0;
}

table.pickList th.pickLabel {
    text-align: center;
    background: transparent;
    color: #666;
}

table.pickList td {
    text-align: center;
}

table.pickList td select {
    width: 150px;
}

th, td, pre, code {
    font-size_: 12px;
}

ul.glassList {
    list-style: url('../images/aquadot.jpg') disc outside;
    vertical-align: top;
    line-height: 1.5;
}

pre {
    background: #ffffdd;
    border: 1px solid #999999;
    color: #000000;
    padding: 5px 5px 5px 7px;
}

/* custom design by ali */
#pageHeader H1 SPAN {
	DISPLAY: none;
}
#pageHeader H2 {
	FONT: bold 1.7em tahoma,verdana; WIDTH: 300px; POSITION: relative; TOP: 5px; HEIGHT: 20px; padding-right: 5px; padding-left: 5px;
}
#pageHeader H3 {
	FONT: 1.3em tahoma,verdana; WIDTH: 300px; POSITION: relative; TOP: 5px; HEIGHT: 20px; padding-right: 5px; padding-left: 5px;
}

#pageLink UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#pageLink LI {
	DISPLAY: block; MARGIN: 1px 1px; LIST-STYLE-TYPE: none; float: right;
}
#pageLink {
	POSITION: relative; TOP: 0px; HEIGHT: 20px; padding-right: 5px; padding-left: 5px; padding-bottom: 5px;
}

table.vlhpaging  {
	background-color: white;
	/*border: 1px dotted #999;*/
	padding: 2px 4px 2px 4px;
	width: 100%;
	margin-top: 2px;
	margin-bottom: 2px;
	display:block;
}

table.vlhpaging a:hover {
    background-color: transparent;
    color: green !important;
    text-decoration: none;
}

table.vlhpaging TD,table.vlhpaging TH {
    white-space: nowrap;
}

div#searchResult {
	display:block;
	white-space: nowrap;
	float:right;
	width:48%;
	height:80px;
	margin: 3px;
	padding: 5px;
	border: 1px solid #999;
}

#topHeader {
	WIDTH: 100%;
	HEIGHT: auto;
	/*background-color: #74a7db;*/
	font-size_: 14px;
	font-weight: bold;
	direction: rtl;
	padding-top: 15px !important;
	padding-bottom: 5px !important;
	clear: both;
	/*
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 5px;*/
}

#linkBar {
	WIDTH: 100%;
	HEIGHT: auto;
	/*background-color: #74a7db;*/
	font-size_: 12px;
	padding: 5px;
	direction: rtl;
}

th{
	padding: 2px 4px 2px 4px;
	text-align: right;
}

div.preloader{
	position:absolute;
	font-family:tahoma, arial;
	font-size_:12px;
	color: white;
	left:2px;
	top:2px;
	background-color:maroon;
	layer-background-color:maroon;
	height:16px;
	width:98px;
	direction: rtl;
	padding: 3px;
}

div#confirm {
	width: 100%;
	display: none;
	visibility: hidden;
}


tr.selected  {
    background-color: #eee;
}

tr.notSelected  {
    background-color: #fff;
}

span.help {
	color : #999999;
	font-size:12px;
}

div.helpHome {
	color : #999999;
	font-size_:12px;
	width: 340px;
	text-align: justify;
	padding-top: 7px;
	BACKGROUND: url('../images/dots.gif') repeat-x left top;
}

TABLE#basecontent{
	width: 100%;
	height: 100%;
	vertical-align: top;
}

TABLE#basecontent TD{
	vertical-align: top;
}

DIV#top {
	WIDTH: 100%;
	direction: rtl;
}

DIV#headerTitle {
	height: auto;
	direction: rtl;
	font-size: 28px;
  	font-family: "B Nazanin", "Nazanin", "Zar" , "B Lotus", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  	padding: 5px !important;
}

DIV#resourceHeader {
	WIDTH: 100%;
	height: auto;
	direction: rtl;
	font-size_: 12px;
  	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  	padding: 2px;
}

#collectionBoxHeaderBg, 
	#boxHeaderBGCForR, 
	#boxHeaderBGCForRG, 
	#fhBoxHeaderBGC, 
	#shBoxHeaderBGC, 
	#boxHeaderBGCForIO, #plboxHeaderBGC, #poboxHeaderBGC, #boxHeaderBGCForM {
	background-color: #74A7DB;
}

#boxBorderForC, #boxBorderForR, #boxBorderForRG, #fhBoxBorder, #shBoxBorder, 
	#boxBorderForIO, #plBoxBorder, #poBoxBorder, #boxBorderForB {
	border: 1px solid #3C78B5;
	background-color: #f2f7fb;
}

/* =============================== digital content =========================================== */
#DCListBorder{
	border: 1px solid #BFD6A7;
}

#boxBorderForDC{
	border: 1px solid #BFD6A7;
}

#boxHeaderBGCForDC{
	background-color: #BFD6A7;
}

#headerBGC-DC{
	background-color: #BFD6A7;
}

#borderDetailForDigital{
	border: 1px solid #CECECE;
}

#headerDetailForDigital{
	background-color: #EFEFEF;
}
/* ===================================================================== */

#navigateBGC{
	background-color: #cce5ee;
}

#title-meduim{
	background-color: white;
	font-size: 20px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

select {
	text-indent: 3px;
}

#boxHeaderBGCForB{
	background-color: #ECE9D8;
}


/* =======================================================================================*/

#errorBox {
    background: #ffffdd;
    border: 1px solid #999999;
    color: #000000;
    padding: 5px 5px 5px 7px;
    width: 98%;
    height: 800px;
    direction: ltr;
    line-height: 17px;
}

#errorBodyContent {
	display: none;
	visibility: false;
	padding-right: 10px;
}
/* =======================================================================================*/

/*table.PagingTag {border-collapse: collapse; border-spacing: 0;}
table.PagingTag tr {vertical-align: top; white-space: nowrap;}
table.PagingTag tr td.Summary {text-align: left; padding-left: 15px; padding-right: 15px; padding-top: 0; padding-bottom: 0;}
table.PagingTag tr td.ItemsPerPage {text-align: left; padding: 0;}
table.PagingTag tr td.Paging {text-align: right; padding: 0;}

table.Paging {border-collapse: collapse; border-spacing: 0;}
table.Paging tr {vertical-align: top; text-align: center; white-space: nowrap;}
table.Paging tr th {padding-left: 2px; padding-right: 2px; font-weight: bold;}
table.Paging tr td {padding-left: 2px; padding-right: 2px;}*/


div#content div#errorTitleContent{
	cursor: pointer;
	padding: 5px;
	direction: ltr;
	text-align: left;
}

div#content div#errorBodyContent{
	display: none;
	visibility: false;
	direction: ltr;
}


div#pagingHeader {
	background-color: #3c78b5;
	color: #ffffff;
	height: 30px;
	direction: rtl;
}

div#pagingContent{
	clear: both;
}

div#pagingContent table{
	width: 100%;
	margin: 0px !important;
}

table.list th {
	font-size_: 11px !important;
	padding: 4px 4px 4px 4px;
  	background-color: #cccccc;
}

table.fullWidth {
	width: 100%;
}

.defaultRow0  {color: #222222; background-color: #e4e4e4; }
.defaultRow1  {color: #222222; background-color: #FFFFFF; }
.defaultRowFocusedRow   {color: #222222; background-color: #E0E0E0; }


div#top, div#linkbar, div#body-content{
	margin-right: 10px;
	margin-left: 10px;
}

.pagebanner {
    display: inline;
    /*margin: 10px 0 10px 0;*/
    padding: 5px 4px 2px 0;
	direction: rtl;
	float: right;
}

div#pagingHeader .pagelinks {
    /*margin-bottom: 5px;
    margin-top: -10px;*/
    /*padding: 2px 0 2px 0;*/
    direction: rtl;
	float: left;
	min-width: 465px;
}

div#pagingHeader .pagelinks a{
    color: white !important;
}

.pagelinks table, .pagelinks form{
	display: inline;
}
.pagelinks {
    font-size_: 12px;
    display: inline;
}
.pagelinks a{
	display: inline;

    font-weight: normal;
    text-decoration: underline !important;

    color: black !important;
}

.pagelinks TABLE{
	color: #cccccc;
	white-space: nowrap;
}

div#pagingHeader .pagelinks STRONG{
	color: white;
}

.pagelinks STRONG{
	color: black ;
}

.pagelinks a,
.pagelinks a:visited{
	color: white;
}

.pagelinks table{
	direction: rtl;
	float: left;
}

th.sorted a, th.sortable a {
    background-position: left;
    display: block;
}

.list th.order1 a {
    background-image: url('../images/arrow_down.png') !important;
}

.list th.order2 a {
    background-image: url('../images/arrow_up.png') !important;
}

.list th.sortable a {
    background-image: url('../images/arrow_off.png');
}

.list th.sorted {
    background-color: #cce5ff;
    color: #000000;
}

.list th.sorted a, .list th.sortable a {
    background-position: left;
    background-repeat: no-repeat;
    display: block;
}

/* highlight table row onmouseover */
table.list tr.over {
	background: #cce5ff;
	border-bottom: 1px solid #C0C0C0;
	border-top: 1px solid #C0C0C0;
	color: #000000;
	/*cursor: pointer;
	cursor: hand; *//* IE 5.5 non-compliant workaround */
}

table#rows table,table#rows table tr,table#rows table td {
	background-color: transparent;
}
/* highlight table row onmouseover */
div.over {
	background: #cce5ff;
	border-bottom: 1px solid #C0C0C0;
	border-top: 1px solid #C0C0C0;
	color: #000000;
	/*cursor: pointer;
	cursor: hand; *//* IE 5.5 non-compliant workaround */
}

/*ppco:calendar*/
div#content IFRAME{
	margin-top: -100px;
}

div#quickSearch{
	position: absolute;
	left: 0px;
	top: 3px;
	text-align: right;
	float: left !important;
	white-space: nowrap;
}

div#quickSearch label{
	color: #999999 !important;
    font-size_: .98em;
    font-weight: bold;
}

li#quickSearchSubmenu{
	float: left !important;
}

div#quickSearch input#query{
	width: 150px;
	height: 17px !important;
}

div#header {
	height: 45px;
    padding-top: 5px;
    padding-right: 5px;
    color: white;
    background-color: #003366;

    text-align: right;
}

div#header div#right {
	display: block;
	/*float: right;*/
}

div#header div#left {
	display: block;
    position: absolute;
	left: 5px;
	top: 30px;
	float: left;
}

div#header div#left a {
  	background:none ;
  	display:inline ;
  	width:auto ;
  	padding: 0px ;
  	color: #ffffff ;
	text-decoration:none;
}

div#header a:HOVER {
  	color: #ffea00 !important;
}

td#topBodyContent div{
	display: block;
	padding: 0px;
	margin: 0px;
}

td#topBodyContent {
	padding-left: 5px;
	padding-right: 5px;
	margin: 0px;
}

td#bodyContent {
	height: 100%;
	direction: rtl;
}


.hint {
   	display: none;
    position: absolute;
    /*right: 320px;
    width: 200px;*/
    max-width: 700px;
    margin-top: -4px;
    margin-right: 10px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url('../images/pointer.gif') no-repeat -10px 5px;
    text-align: left;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    right: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url('../images/pointer.gif') left top no-repeat;
}

/* btn */
.btn { display: block; position: relative; background: #ccc; margin-left: 3px; margin-right: 3px; padding:  5px; float: right; color: #fff; text-decoration: none !important; cursor: pointer; }
.btn * { font-style: normal; background-image: url('../images/btn2.png'); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: right; width: auto; background-image: none; cursor: pointer; }

.btn.gold { background: #c1bc74; color: #ffffff}
.btn.blue { background: #2ae; color: #fff }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover { color: #fff !important; background-color: #a00; }
.btn.disabled:hover { color: #fff !important; background-color: #ccc; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url('../images/shade.png'); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.gold { background: #c1bc74; color: #ffffff }
* html .btn.blue { border-color: #2ae; color: #fff }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }

p.btn { clear: both; padding-bottom: 2em; }
form p .btn { margin-right: 1em; }

/* ===================================================================== */
table.filter {
	border: 1px solid #a8b8c8;
	width: 100%;
	padding: 0px !important;
	margin: 0px !important;
}

table.filter td.filterHeader{
	height: 21px; 
	background-color: #a8b8c8;
}

table.filter td.filterHeader table td + td{
	width: 100%;
}

table.filter td.filterContent{
	background-color: #fbf5d8;
	padding: 2px;
}
/* ===================================================================== */

li.ui-state-default span.streamIndex {
	float: right;width: 40px;
}

ul.compactColumnValues {
	margin: 0px;
	padding-right: 12px;
}

.deskEventRow0  {color: #222222; background-color: #e5e5e5; }
.deskEventRow1  {color: #222222; background-color: #FFFFFF; }

.defaultRowSavedFromRegistration  {color: #222222; background-color: #eeeeee !important;}
.defaultRowSavedFromDesk  {color: #222222; background-color: #DEB887 !important;}
.defaultRowSavedFromCatalog  {color: #222222; background-color: #D1EEEE !important;}
.defaultRowSavedFromImport  {color: #222222; background-color: #CDC673 !important;}

.defaultRowTasviehTrue  {color: #222222; background-color: #D1EEEE !important;}

.colorInfo {
	display: inline !important;
	padding: 2px 7px !important;
	font-size: 9px !important;
	cursor: default !important;
	border-radius: 5px;
} 

span.subTitle {
	font-family: Tahoma, arial;
	font-size: x-small;
	color: #555;
}

span.label {
    background-color: #80C8E5;
    border-radius: 5px 5px 5px 5px;
    color: #000000 !important;
    display: inline;
    font-size: 10px;
    font-weight: normal;
    line-height: 18px;
    padding: 2px;
    text-decoration: none;
    white-space: nowrap;
}

fieldset { 
	-moz-border-radius: 6px; 
	border-radius: 6px; 
}



div#flexiForm fieldset {	
	padding: 5px;
	margin: 0px;
	margin-top: 5px;
}

div#flexiForm ul, 
div#flexiForm ul li,
div#flexiForm ul li ul, 
div#flexiForm ul li ul li{
	margin:0px; 
	padding: 0 2px 5px;
	list-style:none;	
}

div#flexiForm ul{
}

div#flexiForm ul li ul{
	clear: both;
}

div#flexiForm ul li ul li{
	display: inline;
	height: 18px;
	width: 250px;
}

div#flexiForm fieldset label{
	text-align: right;
	padding-left: 5px;
	display: block;
}

div#flexiForm fieldset li.item-checkbox label{
	display: inline;
}

div#flexiForm fieldset label.w180px{
	width:180px ;
}

div#flexiForm fieldset label.w150px{
	width:150px ;
}

div#flexiForm fieldset label.w100px{
	width:100px ;
}

div#flexiForm fieldset label.w50px{
	width:50px ;
}

div#flexiForm fieldset label.w50px{
	width:50px ;
}

#flexiSeparator {
	background-color: #EEE;
	border: 1px solid #CCC;
	outline: none;
	width: 10px;
	margin-left: 10px;
	cursor: pointer;
}
.flexi-use-sidebar #flexiSeparator {
	background-color: #8fbc8f;
	border-color: #FFF;
}
#flexiSeparator:hover {
	border-color: #ABC;
	background: #DEF;
}

ul.resource-criteria{
	margin: 0;
	padding: 0;
}

ul.resource-criteria li{
	list-style-type: none;
	display: inline;
	border-left: 1px solid #C9C9C9;
	padding: 0 10px;
}

ul.resource-criteria li:last-child{
	border-left: none;
}

ul.resource-criteria li label{
	color: #999;
    cursor: default;
}


DIV#metadataViewFull ol span {
    font-size_: 12px;
    display: table-cell;
}

DIV#metadataViewFull ol span.label {
	background-color: transparent;
    width: 150px;
    padding: 0 2px 0 2px;
    padding-left: 5px;
    margin-left: 5px;
    font-size_: 12px;
    font-weight: bold;
    text-align: left;
    line-height: 14px;
}

DIV#metadataViewFull ol span.resource-label {
	background-color: transparent;
    width: 150px;
    padding: 0 2px 0 2px;
    padding-left: 5px;
    margin-left: 5px;
    font-size_: 12px;
    font-weight: bold;
    text-align: left;
    line-height: 14px;
}

DIV#metadataViewFull.latin {
	direction: ltr;	
}

DIV#metadataViewFull.latin ol span.label {
    padding-right: 5px;
    margin-right: 5px;
    float: left;
    text-align: right;
}

DIV#metadataViewFull.latin ol span.resource-label {
    padding-right: 5px;
    margin-right: 5px;
    float: left;
    text-align: right;
}

DIV#metadataViewFull ol {
  	margin: 0;
  	padding: 0;
}

DIV#metadataViewFull ul {
	margin: 0 10px 0 10px;
  	padding: 0;
}

DIV#metadataViewFull li {
  	list-style: none;
  	padding: 0px;
  	margin: 0;
  	clear: right;
}

DIV#metadataViewFull li.bullet {
  	list-style: disc;
  	padding: 0px;
  	margin: 0;
  	clear: right;
}

DIV#metadataViewFull.latin li {
  	clear: left;
}