/* -------------------------------------------------------------------------------------

        AEEE - ./css/layout.css
        Last update:  25.07.2011
        
        
        01. Reset
        02. Defaults
            02.1 H* tags
            02.2 Spans
        03. Layout

------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------
   01. Reset
------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* -------------------------------------------------------------------------------------
   02. Defaults
------------------------------------------------------------------------------------- */
html, body {background: #f1f4f5 url('../templates/images/bg.jpg') top repeat-x; font-family: "Trebuchet", Arial, sans-serif; font-size: 12px; color: #24282c; margin: 0; padding: 0; height: 100%; line-height: 1.5em;}
.clearfix   {clear: both;}
hr          {display: none;}
a           {color: #f4282b; text-decoration: underline;}
a img       {cursor: pointer;}
a:hover     {text-decoration: none;}
.hidden     {display: none;}
input[type="button"],input[type="submit"] {background: url('../templates/images/input_button.jpg') repeat-x; height: 24px; padding: 0 10px; text-transform: uppercase; border: none; font-size: 11px; font-weight: bold; color: #ffffff; cursor: pointer; float: right;}
ul {list-style: none;}
    ul li {background: url('../templates/images/list.png') 0px 6px no-repeat; padding-left: 16px}

ol {
    counter-reset:li;
    margin-left:0;
    padding-left:0;
}
ol > li {
    position:relative;
    margin:0 0 6px 2em;
    list-style:none;
}
ol > li:before {
    content:counter(li) ". ";
    counter-increment:li;
    position:absolute;
    top:0px;
    left:-2em;
    width:2em;
    margin-right:8px;
    color:#000;
    text-align:center;
}
li ol,
li ul {margin-top:6px;}
ol ol li:last-child {margin-bottom:0;}

.center {text-align: center;}
.f_left {float: left;}
.f_right {float: right;}
.focused {-moz-box-shadow:inset 0px 0px 5px #5c97c9; -webkit-box-shadow:inset 0px 0px 5px #5c97c9; box-shadow:inset 0px 0px 5px #5c97c9;}
.m_info {background: #bae2f3; height: 40px; line-height: 40px; padding: 0 10px; margin: 10px 0; color: #206b8c; -moz-box-shadow: 0px 0px 5px #206b8c; -webkit-box-shadow: 0px 0px 5px #206b8c; box-shadow: 0px 0px 5px #206b8c;}
.m_warning {background: #fbeeb9; height: 40px; line-height: 40px; padding: 0 10px; margin: 10px 0; color: #8f6f0d; -moz-box-shadow: 0px 0px 5px #8f6f0d; -webkit-box-shadow: 0px 0px 5px #8f6f0d; box-shadow: 0px 0px 5px #8f6f0d;}
.m_succ {background: #dbf3a3; height: 40px; line-height: 40px; padding: 0 10px; margin: 10px 0; color: #479f38; -moz-box-shadow: 0px 0px 5px #479f38; -webkit-box-shadow: 0px 0px 5px #479f38; box-shadow: 0px 0px 5px #479f38;}
.m_error {background: #fac4c4; height: 40px; line-height: 40px; padding: 0 10px; margin: 10px 0; color: #b30000; -moz-box-shadow: 0px 0px 5px #b30000; -webkit-box-shadow: 0px 0px 5px #b30000; box-shadow: 0px 0px 5px #b30000;}
.line {background: url('../templates/images/bg_subnav.gif') center left repeat-x; height: 1px; margin: 10px 0;}
.abstract {padding-left: 20px; border-left: 2px solid #b4c1c8; font-style: italic; text-align:justify; }

/*  02.1 H* tags
---------------------*/
h1, h2, h3, h4, h5, h6, strong, b {font-weight:bold;}
h1 {margin: 30px 30px 0 30px; float: left;}
h2 {font-size: 13px; margin-bottom: 30px;}
#left h2,#right h2 {background: url('../templates/images/col_head.jpg') top left no-repeat; height: 35px; line-height: 35px; color: #fff; padding: 0 10px; font-size: 13px; text-transform: uppercase; margin-bottom: 0px; clear: both;}
#right h2 {text-align: right;}
h3 {background: url('../templates/images/h3_arrow.png') left center no-repeat; font-size: 13px; padding-left: 24px; margin: 20px 0}
h4 {font-size: 12px;}
.articles h4 {background: url('../templates/images/h4_articles.png') right no-repeat; height: 30px; line-height: 32px; padding: 0 22px 0 12px; border-bottom: 2px solid #e5edef; float: left;}
.articles h4 span {background: url('../templates/images/h4_span.png') left center no-repeat; float: left; padding-left: 22px;}
div.h4_wrap {clear: both;}

/*  02.2 Spans
---------------------*/
.left_uni {font-size: 10px; color: #738797;}
.gray {color: #738797;}


/* -------------------------------------------------------------------------------------
   03. Layout
------------------------------------------------------------------------------------- */
#wrapper {display: block; width: 100%; height: 100%; position: absolute; padding: 0; margin: 0; text-align: center;}
#helpdesk {background-repeat: no-repeat; display: block; position: fixed; overflow-y: hidden; right: 1px; clear: right; top: 130px; float: right}
#web {background: white; width: 960px; margin: auto; -moz-box-shadow: 0px 0px 5px #4b5b69; -webkit-box-shadow: 0px 0px 5px #4b5b69; box-shadow: 0px 0px 5px #4b5b69; padding: 0 10px 10px 10px; text-align: left;}
#header {height: 96px; background: url('../templates/images/bg_header.jpg') top left no-repeat; position: relative;}
    #header h2 {width: 508px; height: 23px; position: absolute; top: 18px; right: 80px;}
#navigation {background: url('../templates/images/bg_navigation.png') top left no-repeat; position: absolute; right: 0px; bottom: 0px; padding-left: 10px;}
#navigation ul{background: url('../templates/images/bg_navigation_end.jpg') top right no-repeat; list-style: none; font-size: 12px; height: 44px;}
    #navigation ul li {background: url('../templates/images/bg_navigation_li.png') bottom right no-repeat; float: left; height: 42px; line-height: 42px; margin-top: 2px; padding: 0 2px 0 0;}
        #navigation ul li:last-child {background: none; padding: 0;}
    #navigation ul li a {display: block; padding: 0 10px; color: #586570; text-decoration: none; text-transform: lowercase;}
    #navigation ul li a:hover {color: #206db8; background: url('../templates/images/bg_navigation_hover.gif') bottom left repeat-x;}
#top_img    {height: 110px; clear: both;}
    #top_img img {float: left;}

#left {width: 190px; float: left; border-top: 5px solid #5c97c9;}
.col_in {background: url('../templates/images/col_in.jpg') top no-repeat; padding: 10px;}
    .col_in p {margin-bottom: 10px; line-height: 1em;}
    .col_in a {text-decoration: none;}
        .col_in a:hover {text-decoration: underline;}
    .col_in label {display: none;}
    .col_in input:focus {outline: none;}
    .col_in input[type="text"], .col_in input[type="password"] {width: 158px; border: 1px solid #cdd6dc; height: 24px; padding: 0 5px;}
    .col_in select {width: 158px; border: 1px solid #cdd6dc; height: 24px; padding: 0 0 0 5px; margin: 0;}
    .col_in input#login {background: url('../templates/images/input_login.jpg') no-repeat; width: 140px; height: 26px; padding-left: 25px; border: none; margin-bottom: 5px;}
    .col_in input#pasw {background: url('../templates/images/input_pasw.jpg') no-repeat; width: 140px; height: 26px; padding-left: 25px; border: none; margin-bottom: 5px;}
.col_in_np {background: url('../templates/images/col_in.jpg') top no-repeat; padding: 0px; border-top: 5px solid #cdd6dc; border-bottom: 5px solid #cdd6dc;}
    .col_in_np img {display: block; margin: auto;}
.cover {-moz-box-shadow: 0px 0px 5px #5c97c9; -webkit-box-shadow: 0px 0px 5px #5c97c9; box-shadow: 0px 0px 5px #5c97c9;}
#right {width: 190px; float: right; border-top: 5px solid #5c97c9;}

#main {background: url('../templates/images/bg_main.jpg') repeat-y;}
#content {background: url('../templates/images/bg_content.gif') top left repeat-x; width: 540px; padding: 0 20px 10px 20px; float: left; position: relative;}
    #content p {margin: 20px 0;}
    #content ul {margin: 20px;}
    #content ol {margin: 20px; list-style-position: inside;}
        #content ol li {min-height: 24px; line-height: 24px;}
        
    #content table.table, table.data, table.listing, table.info {border: 1px solid #b5c1c8; margin: 20px 0;}
    #content table.table p, table.data p, table.listing p, table.info p {margin: 0;}
    #content table.table td, table.data td, table.listing td, table.info td {padding: 5px;}
    #content table.table th, table.data th, table.listing th, table.info th {background: url('../templates/images/bg_th.png') top left repeat-x; height: 30px; line-height: 30px; padding: 0 5px;}
    #content table.table tr, table.data tr, table.listing tr, table.info tr {background: #ffffff;}
    #content table.table tr:nth-child(odd), table.data tr:nth-child(odd), table.listing tr:nth-child(odd), table.info tr:nth-child(odd) {background:#e3e9ec;}

    #content fieldset {border: 1px solid #b5c1c8; padding: 10px; margin: 10px 0;}
        #content fieldset legend {background: #ffffff; padding: 0 10px;}
    #content input[type="text"],
    #content input[type="password"],
    #content textarea {background: url('../templates/images/bg_input.png') top left repeat-x; border: 1px solid #b5c1c8; padding: 5px; outline: none; max-width:420px; }
    #content label {font-weight: bold;}
#subnav {background: url('../templates/images/bg_subnav.gif') bottom left repeat-x; width: 430px; height: 35px; line-height: 35px; margin: 5px 0 20px 0; color: #738797; font-size: 11px;}
#subnav p {margin: 0;}
#subnav a {background: url('../templates/images/subnav_a.gif') left center no-repeat; padding-left: 10px; margin-left: 7px;}
#content_panel {background: url('../templates/images/content_panel.jpg') left no-repeat; width: 152px; height: 35px; position: absolute; top: 5px; right: 0;}
    #content_panel p {margin: 10px; float: right;}
    #content_panel a {margin: 0 5px; float: left;}

.articles {margin-bottom: 30px;}
    .articles:last-child {margin-bottom: 0;}
table.article {width: 540px;background: #d8e2e4 url('../templates/images/bg_article.png') top left repeat-x; padding: 10px !important; margin: 0 !important; border: none !important; font-size: 12px;}
table.article tr {background: none !important;}
table.article td {padding: 5px;}
    .article_title {width: 455px; line-height: 1.2em;}
    .article_author {width: 455px; color: #738797; font-style: italic; line-height: 1em; font-size: 12px;}
    .article_doctype {width: 60px; text-align: right;}
    .article_pages {text-align: right; font-size: 12px; color: #738797; line-height: 1em; font-style: italic; white-space:nowrap}

#bottom {background: url('../templates/images/bg_bottom.jpg') repeat-x; height: 40px; line-height: 40px; margin-top: 10px; padding: 0 10px;}
    #bottom ul {float: right; font-size: 11px;}
    #bottom ul li {background: url('../templates/images/bottom_list.gif') left center no-repeat; float: left; padding-left: 6px; margin-left: 5px;}
        #bottom ul li:first-child {background: none;}
    #bottom ul li a {color: #586570; text-decoration: none; text-transform: lowercase;}
    #bottom ul li a:hover {color: #206db8; text-decoration: underline;}
        #bottom img {float: left; margin-top: 10px;}

#footer {width: 960px; text-align: left; margin: 10px auto; padding-bottom: 30px; font-size: 11px;}
    #footer ul {width: 700px; float: left;}
    #footer a {text-decoration: none;}
    #footer a:hover {text-decoration: underline;}

/* Font Sizer */

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

a.smallFont:hover {
	background: url(../lib/pkp/templates/images/icons/font-down.png);
	color: none;
}

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

}

a.defaultFont:hover {
	background: url(../lib/pkp/templates/images/icons/font-default.png);
	color: none;
}

.largeFont {
	background: url(../lib/pkp/templates/images/icons/font-up.png);
	outline: none;
	text-indent: -9999px;
	display: block;
	float: left;
	width: 20px;
	height: 23px;
}

a.largeFont:hover {
	background: url(../lib/pkp/templates/images/icons/font-up.png);
	color: none;
}