/**
 * sort.css
 *
 * Copyright (c) 2013-2014 Simon Fraser University Library
 * Copyright (c) 2000-2014 John Willinsky
 * Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.
 *
 * PKP-wide shared stylesheet.
 * DEPRECATED. Do not modify.
 */

/**
 * Common HTML elements
 */
html {
       height:100%;
	width:100%;
background: url(son2.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	text-align: center;
}
body {
        font-size: 12px;
        font-family: Arial Narrow, Helvetica Nueue, Helvetica, sans-serif;

        margin-left: auto;
        margin-right: auto;
        width: 1010px;
        
}


tr {
    max-width: 500px;
}

/*
table{
    border: 1px solid #65A765;
}*/

.listing {
    /*width: 350px !important;*/
    float: left;
    /*border: 1px solid red;*/
    width: 100% !important;
}

table.listing{
    /*border: 1px solid blue;*/
    width: 500px;
    margin-top: 15px;
/*    margin-left: -11px; */
}

table.listing td{
    font-size: 11px;
    letter-spacing: -1.37px;
}

table.listing td {
    padding: 0px 2px 0px 0px !important;
}

table.listing tr.heading td{
    font-size: 9px;
    letter-spacing: -1px;
}

table.listing a{
    font-size: 10px !important;
    letter-spacing: -1px;
}

a.action{
    font-size: 9px !important;
    letter-spacing: -1px;
}

input.button{
    font-size: 13px;
}

.selectMenu{
    max-width: 500px;
}

.heading{
    font-size: 12px;
}

tr.heading{
    width: 600px;
}


table.listing tr{
    width:2000px;
}

.listing tbody{
    border: 1px solid green;
}


#content img {
     max-width: 400px;
    max-height: 566px;
}
#anonsement Descripton {max-width: 600px;
max-height: 450px;}

a:link {
        color: #375;
        font-size: 12px;
        line-height:120%;
}
a:active {
        color: #253;
        font-size: 12px;
        line-height:120%;
}
a:visited {
        color: #375;
        font-size: 12px;
        line-height:120%;
}
a:hover {
        color: #65A765;
        background: none;
        font-size: 12px;
        text-decoration:none;
        line-height:120%;
}
ul.menu a {
        font-size: 12px;
        line-height:120%;

}
li {
        font-size:12px;
        line-height: 16px;
}
/**
 * Main layout elements
 */



#header {
 height: 210px;
width: 1010px;
position: relative;
    background:#4DA74D;
background-image: -moz-linear-gradient(#4DA74D, #164E16);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4DA74D), to(#164E16));
	background-image: -webkit-linear-gradient(#4DA74D, #164E16);
	background-image: -o-linear-gradient(#4DA74D, #164E16);
	background-image: -ms-linear-gradient(#4DA74D, #164E16);
	background-image: linear-gradient(#4DA74D, #164E16);

    font-family: 'Antiqua Bold', arial;
    text-align:center;
    color:#fbe730; 
 font-weight: 700;
 margin: 0;

   
}
#header h1 {
width: 700px;
  float:left;  
 font-weight: 700;
    text-align:left;
     color:#fbe730; 
position: relative;
font-size: 40px;
        line-height: 50px;
 margin: 0px 0px 0px -80px;


}

/* Размер картинки лого */
#header h1 img {

    width: 750px;
    height: 130px;
margin: 0px 0px 0px -20px;
}


#footer {
        background-color: #ABA;
}
#body {
        position:relative;
    margin-top: 28px !important; /* Отступ между логотипом и
меню */
}
#main {
        margin: 0 auto;
         background:#f7f4eb;
        padding-top: 0px;
        height:100%;
        min-height:2200px;
        float:left;
        width: 73%;
        display:block;
        overflow:inherit !important;
        position:inherit !important;

}
#main h2 {
        color: #980f15;
        font-family: Arial Narrow, Helvetica Nueue, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: bold;
        padding-left:10px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-right: 0px !important;
    border-left: 1px solid gray !important;
    border-right: 1px solid gray !important;
}

#content{
    font-size:12px;
}

#content h3 {
        font-family: Arial Narrow, Helvetica Nueue, Helvetica, sans-serif;
        line-height: 140%;
        height: 140%;
        padding: 0;
        text-indent: 0;
        margin: 0;
        margin-bottom: 10px;
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        color: #AB290F;
        border-bottom: 1px solid #dbe9a1;
    margin-top: 15px;
}
#content h4 {
        font-family: Arial Narrow, Helvetica Nueue, Helvetica, sans-serif;
        color: #AB290F;
        font-weight: bold;
        text-decoration: none;
        font-size:14px;
text-align:center !important;
}
#content h4 a {
font-family: Arial Narrow, Helvetica Nueue, Helvetica, sans-serif;
        color: #AB290F;
        font-weight: bold;
        text-decoration: none;
        font-size:18px;
text-align:center !important;
}
/**
 * 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 {
  display: table; /* не поддерживается IE6 и IE7 */
 text-align: center;
        position:absolute;
        top:-40px;
/*        left:-188px; */
        z-index:99999;
        width:1010px;
    border: 1px solid #65A765 !important;
}
#navbar a {

        font-size: 9px;
        letter-spacing: 0.1em;
        float: left;
        margin: 2px 0;
        padding: 0;
    color: #d2ecd4;
        display: block;
        float: left;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        height: 40px;
        line-height: 40px;
        padding: 0 13px;
        text-decoration: none;
        text-transform: uppercase;
}
#navbar a:hover {
        color: #fff;
    text-decoration: none !important;
/*        background: url("images/omt_buttonbar.png") repeat-x scroll 0 0 transparent; */
}


/**
 * Sidebar
 */

#developedBy {
        text-transform: uppercase;
        font-size: 0.95em;
}
#sidebar div.block {
        background:#f7f4eb;
   border-radius:5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 3px #000000;
    float: left;
    font-size: 12px;
    margin: 0 0 10px 2%;
    padding-bottom: 1.5em;
    width: 96%;
}
#leftSidebar #sidebar div.block {
        border-left: thin solid #9ecb54;
}


#sidebar div.block span.blockTitle {
        display: block;
        font-size: 11px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
         background:#4DA74D;
background-image: -moz-linear-gradient(#4DA74D, #164E16);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4DA74D), to(#164E16));
	background-image: -webkit-linear-gradient(#4DA74D, #164E16);
	background-image: -o-linear-gradient(#4DA74D, #164E16);
	background-image: -ms-linear-gradient(#4DA74D, #164E16);
	background-image: linear-gradient(#4DA74D, #164E16);
        color: #fff;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        height: 18px;
        line-height: 24px;
        text-indent: 8px;
        text-transform: uppercase;
        border-bottom: 1px solid #9ecb54;
    border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
    margin-bottom: 8px;
    text-align: center;
}
#sidebar div.block span.blockSubtitle {
        display: block;
        padding: 0 0 0 10px;
    width: 500px;
}
#sidebar input.textField, #sidebar select.selectMenu, #sidebar input.button {
        font-size: 9px;

}





 #sidebar input.button {    
margin: -3px 0 0 5px;
    font-size: 12px;
height: 30px;
    line-height: 30px;  
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 1px #777;
  color: #fff;
  outline: none;
  border: 2px solid #F64C2B;
  border-radius: 5px;
  box-shadow: 0 0 0 60px rgba(0,0,0,0) inset, .1em .1em .2em #800; 
background: linear-gradient(#FB9575, #F45A38 48%, #c92316 52%, #F02F17);
 background-image: -o-linear-gradient(#FB9575, #F45A38 48%, #EA1502 52%, #F02F17);
    background-image: -moz-linear-gradient(#FB9575, #F45A38 48%, #EA1502 52%, #F02F17);
    background-image: -webkit-linear-gradient(#FB9575, #F45A38 48%, #EA1502 52%, #F02F17);
    background-image: -ms-linear-gradient(#FB9575, #F45A38 48%, #EA1502 52%, #F02F17);    

    background-image: linear-gradient(#FB9575, #F45A38 48%, #EA1502 52%, #F02F17); 

}

#sidebar input.button:hover {
   background: #c92316;
    border-left-color: #96342d;
    color: #fff;
    text-shadow: 0 1px 0 #000;
    -webkit-box-shadow: inset 0 0 10px #701b1b;
    -moz-box-shadow: inset 0 0 10px #701b1b;
    box-shadow: inset 0 0 10px #701b1b;

}
#sidebar div#sidebarFlagToggle {
	text-align:center;
	padding-bottom:0;
}
form {
        padding-left: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}
#simpleSearchForm td {
	line-height:200%;
}
#simpleSearchForm td.inputButton {
        height:20px;
	font-size:14px;
}

/* @end */



div, p, table, td, th {
        font-family: Lucida Grande, Verdana, Helvetica, Arial, sans-serif;
        line-height: 140%;
        color: #666;
        font-size: 12px;
}
a:link, a:visited {
        color: #83c144
        text-decoration: none;
        font-weight: normal;
    font-size: 13px;
}
a:hover {
        color: #65A765;
        text-decoration: underline !important;
        font-weight: normal;
}
p {
        margin-top: 0;
        margin-bottom: 7px;
        text-align: left;
        font-size: 12px;
    text-align: justify;
}
h1 {
        padding: 0;
        padding-bottom: 5px;
        font-family:Helvetica, Arial, sans-serif;
        font-size: 25px;
        font-weight: bold;
        vertical-align: bottom;
        color: #3f7928;
        text-align: left;
        width: 100%;
}
h2, .contentheading {
        font-family: Arial Narrow, Helvetica Nueue, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 16px;
        color: #216307;
}
h3 {
        margin: 0;
}
input.textField, select.selectMenu, textarea.textArea, input.uploadField {
    font-size: 14px !important;
    padding: 2px;
    color: #4e8c36;
    border: 1px solid #8ba67a;
    outline: none;
    display: inline-block;
    position: relative;
    z-index: 2;
    box-shadow: 0 0 0 5px #f2f7f9;
    -moz-box-shadow: 0 0 0 5px #f2f7f9;
    -webkit-box-shadow: 0 0 0 5px #f2f7f9;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
margin-bottom: 10px;
    margin-top: 10px;
}






input.defaultButton {
    height: 30px;
    line-height: 30px;  
 font-family: Arial, Helvetica, sans-serif;

	color: #ffffff;
	padding: 5px 20px;
	background: -moz-linear-gradient(
		top,
		#75c718 0%,
		#258511 50%,
		#0e3601 50%,
		#1f5c00);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#75c718),
		color-stop(0.50, #258511),
		color-stop(0.50, #0e3601),
		to(#1f5c00));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #071200;
	-moz-box-shadow:
		0px 1px 3px rgba(35,61,0,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	-webkit-box-shadow:
		0px 1px 3px rgba(35,61,0,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	box-shadow:
		0px 1px 3px rgba(35,61,0,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	text-shadow:
		0px -1px 0px rgba(000,000,000,1),
		0px 1px 0px rgba(255,255,255,0.2);
}

    font-size: 12px;
    text-align: center;
    
}
input.defaultButton:active {
-moz-box-shadow: 0 2px 6px black; 
		-webkit-box-shadow: 0 2px 6px black; 
}
input.defaultButton:hover  {
    background: #0F450F;
    border-left-color: #222;
    color: #fff;
    text-shadow: 0 1px 0 #000;
    -webkit-box-shadow: inset 0 0 10px #111;
    -moz-box-shadow: inset 0 0 10px #111;
    box-shadow: inset 0 0 10px #111;
}





#container {
         background:#f7f4eb;
        /* max-height: 100%;
    min-height: 735px;*/
    text-align: left;
        border:solid #65A765 2px;
     
        margin-bottom: 30px;
/*    margin-top: 30px; */
        float:left;
        box-shadow: 0 0 17px #000000;
        -moz-box-shadow: 0 0 17px #000000;
        border-top: none;
}
#headerTitle {
        color: #ffffff;
}
















#navbar {
 text-align: center !important;
    position:relative;
  display: table; /* не поддерживается IE6 и IE7 */
        width:1010px;
  height: 40px;
    line-height: 40px;  
 list-style: none;
    margin: 0;
    padding: 0;    
background: #056805;
    background-image: -o-linear-gradient(bottom, #164E16 0%, #056805
100%);
    background-image: -moz-linear-gradient(bottom, #164E16 0%, #056805
100%);
    background-image: -webkit-linear-gradient(bottom, #164E16 0%, #056805
100%);
    background-image: -ms-linear-gradient(bottom, #164E16 0%, #056805
100%);    
    background-image: -webkit-gradient(linear,left bottom,left
top,color-stop(0, #164E16),color-stop(1, #056805));    
    background-image: linear-gradient(bottom, #164E16 0%, #056805 100%); 
    -webkit-box-shadow: inset 0 0 10px transparent;
    -moz-box-shadow: inset 0 0 10px transparent;
}
.menu {
        width:1010px;
 margin:0 auto;
  display:block;}

ul.menu li {
  display: table-cell;
 background: #056805;
    background-image: -o-linear-gradient(bottom, #164E16 0%, #056805
100%);
    background-image: -moz-linear-gradient(bottom, #164E16 0%, #056805
100%);
    background-image: -webkit-linear-gradient(bottom, #164E16 0%, #056805
100%);
    background-image: -ms-linear-gradient(bottom, #164E16 0%, #056805
100%);    
    background-image: -webkit-gradient(linear,left bottom,left
top,color-stop(0, #164E16),color-stop(1, #056805));    
    background-image: linear-gradient(bottom, #164E16 0%, #056805 100%); 
float: left;
    position: relative;


}
ul.menu li a {
   border-right: 1px solid #222;
    border-left: 1px solid #555;
    color: #d2ecd4;
    display: block;
    font-size: 14px;
    height: 40px;
    overflow: hidden;
    text-align: center;
    text-shadow: 0 -1px 0 #000;    
    -webkit-box-shadow: inset 0 0 10px transparent;
    -moz-box-shadow: inset 0 0 10px transparent;
}
ul.menu li a:after {
background: rgba(255,255,255,.07);
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}
ul.menu li:hover > a {
    background: #0F450F;
    border-left-color: #222;
    color: #fff;
    text-shadow: 0 1px 0 #000;
    -webkit-box-shadow: inset 0 0 10px #111;
    -moz-box-shadow: inset 0 0 10px #111;
    box-shadow: inset 0 0 10px #111;
}

ul.menu li span {
    position: relative;  
 margin:0 auto;  
}

ul.menu li a:active span {
    color: #ffd;
    position: relative;
    top: 1px;
}

ul.menu li:first-child {
    border-left: none;    
}

ul.menu li:last-child  {
    border-right: none;    
}





#breadcrumb {
        padding-bottom: 4px;
        background: #adedad;
        border-bottom: 1px solid #9ecb54;
        color: #83c144;
        padding-left: 14px;
    margin-top: -20px;
    border-radius:0 9px 0 0;
-moz-border-radius: 0 9px 0px 0px;
	-khtml-border-radius: 0 9px 0px 0px;
	-webkit-border-radius: 0 9px 0px 0px;
    height: 48px;
}
#content {
        border-top: 0px dotted #000;
        padding:10px;
    border-left: 1px solid gray !important;
    border-right: 1px solid gray !important;
}
/**
#content img {
max-width: 100%;
}

*/

#content p img {
        max-width: 100%;
}
/**
 * Common HTML elements
 */


#leftSidebar {
        float: left;
 background:#f7f4eb;
        width: 18%;
        font-size: 0.25em;
        /*max-height: 100%;*/
        margin-left: 2px;
        display: inline;
        overflow: hidden;
        margin-right: 3px;
        padding-top: 2;
    margin-top: 26px;
        min-height:900px;
        float:left;
}
 // Set main on non-IE browsers to have a 10% margin *html #main {
 margin-right: 5%;
}
#leftSidebar, #rightSidebar {
        background: #f7f4eb;
    border: none;
}
#rightSidebar {
        float: right;
 background:#f7f4eb;
        width: 250px;
        font-size: 0.25em;
        /*height: 100%;*/
        margin-right: 2px;
        margin-left: 0;
        padding-top: 2;
    margin-top: 10px;
        min-height:900px;
        float:right;
        position:absolute;
        height:auto;
        right:0;
        top:0;
        z-index:888;
}
#rightSidebar div.block:first-child {
	position:absolute;
	top:-230px;
	left:-20px;
	background:none;
	border:0;
	box-shadow:none;
}
#rightSidebar div.block:first-child img {
	border: 4px ridge #ffbc2c;
}



* html #rightSidebar {
        margin-right: 5%;
}
/**
 * Announcements
 */

#announcementsHome {
        width: 100%;
        margin: 2em 0 2em 0;
}
#announcementsHome h3 {
        text-align: center;
}
#announcements {
        width: auto;
}
#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;
        font-size: 0.1em;
        line-height: 1%;
}
table.announcements td.endseparator {
        border-top: 1px dotted #000;
        font-size: 0.25em;
        line-height: 10%;
}
table.announcements td.separator {
        border-top: 1px dotted #DDDDD0;
        font-size: 0.1em;
        line-height: 1%;
}
table.announcements tr.intro {
}
table.announcements td.intro {
}
table.announcements tr.title {
        vertical-align: top;
}
table.announcements td.title {
        width: 100% !important;
}
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%;
}
table.announcementsMore td {
        padding-top: 1.5em;
        text-align: right;
}
/**
 * Table of contents
 */

h4.tocSectionTitle {
}
table.tocArticle {
        width: 100%;
}

table.tocArticle td.tocTitle {
        width: 70%;
        height: 100%;
}
table.tocArticle td.tocGalleys {
        width: 30%;
        text-align: right;
}
table.tocArticle td.tocAuthors {
        padding-left: 30px;
        font-style: italic;
        vertical-align: top;
}
table.tocArticle td.tocPages {
        text-align: right;
        vertical-align: top;
}
.tocArticleCoverImage img {
        border: 0;
        float: left;
        width: 100px;
        margin: 0 1em 1em 0;
}
/**
 * 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;
}
/**
 * Additional text styles
 */

pre {
        background-color: #F0F0E8;
        color: #000;
        font-size: 1.25em;
}
/**
 * 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%;
}

/* @group Tag-it */

ul.tagit {
        padding:1px 5px;
        border-style:solid;
        border-width:1px;
        border-color:#C6C6C6;
        overflow:auto !important;
        width:350px;
        margin-bottom: 0px;
}
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:#cde397;
        border:1px solid #9ecb54;
        padding:2px 4px 3px;
}
ul.tagit li.tagit-choice:hover {
        background-color:#83c144;
        border-color:#3f7928;
}
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-size:12px;
        font-weight:bold;
        outline:medium none;
        padding:2px 0 2px 3px;
        text-decoration:none;
}
ul.tagit input[type="text"] {
        -moz-box-sizing:border-box;
        border:none;
        margin:0;
        padding:0;
        width:inherit;
        border-color:#C6C6C6;
        background-color:#FFFFFF;
        color:#333333;
}
ul.tagit li:after, ul.tagit li div:after {
        content:" ";
        display:block;
        clear:none;
}
img.zoom {
    cursor: pointer;
    max-width: 300px;
  }
img.zoom:hover {
    max-width: 800px;
  }

/* Added BY SJ Starts for Footer */
#vr_footer {background: none repeat scroll 0 0 #D8DCDF; clear: both; float: left;
margin: 0; width: 100%;}
.footer-logo {float: left; margin: 1px 0 20px;}
.footer-logo img { width: 205px;}
.footer_logo_right{ float: right; margin: 0 20px 20px;}
/* Added BY SJ Upto for Footer */