/*
 * This file is part of DebGen Biobank Software developed by ASTRID Research.
 * All rights reserved. Reproduction, modification, use or disclosure
 * to third parties without express authority is forbidden.
 *
 * Copyright ASTRID Research Inc., Hungary, 2009-2011.
 *
 * ASTRID Research
 * Headquaters: Csapo utca 42. Debrecen H-4029 HUNGARY
 * Phone: +36-52-533-173        Fax: +36-52-533-174
 * Web: http://www.astrid.hu    E-mail: info@astrid.hu
 *
 * Project name: DebGen Biobank Software project.
 * URLS:
 * Developers: Istvan Zoltan Nagy (istvan.nagy@astrid.hu)
 */

/*
    Document   : debgen
    Created on : Nov 23, 2009, 2:11:21 PM
    Author     : inagy
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


root { 
    display: block;
}

body {
    background-color: #eeeeee;
    font-family: arial, sans-serif;
    color: #000000;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
}

h1, h2, h3, h4, h5, h6, td {
    font-family: Arial,Helvetica,sans-serif;
    color: #777777;
}

input, textarea, select, option {
    font-family: Arial,Helvetica,sans-serif;
    color: #333333;
}

.showembeded {
    font-family: Arial,Helvetica,sans-serif;
    color: #333333;
    font-size: 10px;
    text-align: justify;
}

.required {
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-color: #3fa1cb;
    border-left-color: #3fa1cb;
    border-bottom-color: #3fa1cb;
    border-top-color: #3fa1cb;
    background-image: url(../pics/requiredbgr.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: white;
    width: 100%;
}


select.transparent {
    background-color: transparent;
    width: 100%;
}

.subset {
    margin-left: 50px;
    color: #777777;
}

.selectbg {
    padding: 0;
    margin: 0;
    font-size: 10px;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-color: #3fa1cb;
    border-left-color: #3fa1cb;
    border-bottom-color: #3fa1cb;
    border-top-color: #3fa1cb;
    background-image: url(../pics/inputbgr.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: white;
    width: 100%;
}

input.input {
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-color: #3fa1cb;
    border-left-color: #3fa1cb;
    border-bottom-color: #3fa1cb;
    border-top-color: #3fa1cb;
    background-image: url(../pics/inputbgr.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: white;
    width: 100%;
}

input.shortinput {
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-color: #3fa1cb;
    border-left-color: #3fa1cb;
    border-bottom-color: #3fa1cb;
    border-top-color: #3fa1cb;
    background-image: url(../pics/inputbgr.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: white;
}

input.shortinputrequired {
    height: 19px;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-color: #3fa1cb;
    border-left-color: #3fa1cb;
    border-bottom-color: #3fa1cb;
    border-top-color: #3fa1cb;
    background-image: url(../pics/requiredbgr.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: white;
}

select.input {
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-color: #3fa1cb;
    border-left-color: #3fa1cb;
    border-bottom-color: #3fa1cb;
    border-top-color: #3fa1cb;
    background-image: url(../pics/inputbgr.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: white;
    width: 100%;
}

div.input {
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-color: #3fa1cb;
    border-left-color: #3fa1cb;
    border-bottom-color: #3fa1cb;
    border-top-color: #3fa1cb;
    background-image: url(../pics/inputbgr.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: white;
    width: 100%;
    height: 100px;
}

textarea.input {
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-color: #3fa1cb;
    border-left-color: #3fa1cb;
    border-bottom-color: #3fa1cb;
    border-top-color: #3fa1cb;
    background-image: url(../pics/inputbgr.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    width: 100%;
    height: 100px;
    font-size: 12px;
}

.button {
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-color: #777777;
    border-left-color: #777777;
    border-bottom-color: #777777;
    border-top-color: #777777;
    height: 23px;
    width: 100px;
    color: #3fa1cb;
    background-image: url(../pics/buttonbgr.png);
    background-repeat: repeat-x;
    background-position: left bottom;
}

.pageselector, .pageselector p {
    font-size: 12px;
    color: black;
}

.pageselector a {
    text-decoration: none;
    color: #555555;
}

.pageselector a:hover {
    text-decoration: underline;
    color: #333333;
}

.currentpage {
    color: #ff6600;
    font-weight: bold;
}

p {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    color: #777777;
    line-height: normal;
}

a {
    font-family: Arial,Helvetica,sans-serif;
    color: #777777;
    text-decoration: underline;
}

a:hover {
    font-family: Arial,Helvetica,sans-serif;
    color: #333333;
    text-decoration: underline;
}

.copyright {
    text-align: center;
    border: 0;
    padding: 0;
    width: 100%;
    top: 99%;
    left: 0px;
    position: absolute;
    margin-top: 40px;
    color: #689a9a;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    z-index: -10;
}

.rounded {
    border: 0;
    padding: 0;
    width: 388px;
    margin-left: 80px;
    top: 50%;
    left: 50%;
    position: absolute;
    margin-top: -150px;
}

.top {
    background-image: url(../pics/top.png);
    background-repeat: repeat-x;
    background-position: left top;
    height: 14px;
}

.bottom {
    background-image: url(../pics/bottom.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    height: 14px;
}

.left {
    background-image: url(../pics/left.png);
    background-repeat: repeat-y;
    background-position: left bottom;
    width: 14px;
}

.right {
    background-image: url(../pics/right.png);
    background-repeat: repeat-y;
    background-position: right bottom;
    width: 14px;
}

.main {
    width: 360px;
    vertical-align: top;
    background-image: url(../pics/bgr.png);
    background-repeat: repeat;
    height: 272px;
    text-align: justify;
}

.main h5 {
    color: #ff6600;
    font-size: 12px;
    text-align: center;
}

.tl {
    background-image: url(../pics/tl.png);
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
}

.tr {
    background-image: url(../pics/tr.png);
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
}

.bl {
    background-image: url(../pics/bl.png);
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
}

.br {
    background-image: url(../pics/br.png);
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
}

.userline {
    font-weight: bold;
    border-bottom: solid 1px #0066ff;
    color: black;
}

.otherline {
    font-weight: bold;
    border-bottom: solid 1px #ff6600;
    color: black;
}

.otherheader {
    width: 1px;
    background-color: #ff6600;
}

.userheader {
    width: 1px;
    background-color: #0066ff;
}

.patientheader {
    width: 1px;
    background-color: #00aa00;
}

.patientline {
    font-weight: bold;
    border-bottom: solid 1px #00aa00;
    color: black;
}

.labheader {
    width: 1px;
    background-color: #cc0000;
}

.labline {
    font-weight: bold;
    border-bottom: solid 1px #cc0000;
    color: black;
}

.subpatientline {
    font-weight: bold;
    border-bottom: solid 1px #cccccc;
    color: black;
}

.logininfo {
    color: #606060;
}

a.menulink {
    width: 92px;
    padding-top: 8px;
    height: 18px;
    display: block;
    text-decoration: none;
    color: #3fa1cb;
}

div {
    font-size: 12px;
}

div.window500 {
    width: 500px;
    position: absolute;
    left: 50%;
    margin-left: -250px;
    top: 100px;
    border: solid 1px #3fa0cb;
    background-color: #ffffff;
}

div.window {
    position: absolute;
    left: 50%;
    top: 100px;
    border: solid 1px #3FA0CB;
    background-color: #ffffff;
}

div.window div.title {
    padding-left: 7px;
    padding-top: 7px;
    height: 25px;
    background-image: url('../pics/window_title.png');
    background-position: top left;
    background-repeat: no-repeat;
    color: white;
    font-size: 12px;
    font-weight: bold;
}

div.window500 div.title {
    padding-left: 7px;
    padding-top: 7px;
    height: 25px;
    background-image: url('../pics/window_title500.png');
    background-position: top left;
    background-repeat: no-repeat;
    color: white;
    font-size: 12px;
    font-weight: bold;
}

div.windows500 div.content, div.window div.content {
    font-size: 12px;
}

div.windows500 div.content div.submit, div.window div.content div.submit {
    padding-top: 15px;
    text-align: center;
}

table {
    font-size: 12px;
}

table.formtable {
    font-size: 12px;
}

table.formtable td.lined {
    border-bottom: solid 1px #cccccc;
}

a.topmenulink {
    width: 92px;
    padding-top: 8px;
    height: 40px;
    display: block;
    text-decoration: none;
    color: #666666;
}

.inactivetopmenu {
    width: 92px;
    height:50px;
    border: solid 1px #eeeeee;
    background: #eeeeee;
}

.activetopmenu {
    width: 92px;
    height:50px;
    border: solid 1px #3fa0cb;
    background: #BDE2F9;
}



/*style.css*/

div.debugdiv {
    position: absolute;
    width: 200px;
    height: 200px;
    left: 200px;
    top: 200px;
}


div.applicationtitle {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height:51px;
    background-image: url('../pics/application_header.jpg');
}

.inactivemenu {
    background-image: url('../pics/application_header.jpg');
    padding-left: 5px;
    padding-right: 5px;
}

.activemenu {
    background-image: url('../pics/application_header_active.jpg');
    padding-left: 5px;
    padding-right: 5px;
}


.inactivesmallmenu {
    border: solid 1px white;
    background: #F3F9FC;
    font-size: 12px;
    cursor: pointer;
}

.activesmallmenu {
    border: solid 1px #3FA0CB;
    background: #BDE2F9;
    font-size: 12px;
    cursor: pointer;
}

.inactivetypemenu {
    /*border: none;*/
    width: 85px;
    height: 65px;
    border: solid 1px white;
    background: #F3F9FC;
    padding-top: 5px;
    /*background: url('../pics/title_menu_bg.png');
    background-repeat: no-repeat;
    background-position: bottom center;*/
    font-size: 12px;
    cursor: pointer;
    color: #000000;
    font-weight: normal;
    cursor: pointer;
}

.activetypemenu {
    /*border: none;*/
    padding-top: 5px;
    border: solid 1px #3FA0CB;
    background: #BDE2F9;
    width: 85px;
    height: 65px;
    /*background: url('../pics/title_menu_bg_hover.png');
    background-repeat: no-repeat;
    background-position: bottom center;*/
    font-size: 12px;
    cursor: pointer;
    color: gray;
    font-weight: bold;
    cursor: pointer;
}

.activetypemenu img {
    width: 32px;
    height: 32px;
    vertical-align: top;
    border: none;
}

.inactivetypemenu img {
    width: 32px;
    height: 32px;
    vertical-align: top;
    border: none;
}

.activetypemenu a,
.inactivetypemenu a {
    /*    color: #000000;*/
    text-decoration: none;
    display:block;
    width: 100%;
    height: 100%;
}

.activetypemenu a,
.inactivetypemenu a:hover {
    /*    color: #FFFFFF;*/
}

.inactivecolor {
    color: #c0c0c0;
}

.separator {
    width: 1px;
    background-image: url('../pics/application_header_separator.jpg');
}

.error {
    color: red;
}

div.welcomediv {
    width: 500px;
    position: absolute;
    left: 50%;
    margin-left: -200px;
    top: 60px;
    border: none;
    background-image: url('../pics/transparentbg.png');
}

div.oligostyle {
    border: solid 1px #3FA0CB;
    width: 100%;
    height: 200px;
    background: url('../pics/input_field_200.png');
    font-size: 12px;
}

span.select {
    position: absolute;
    width: 325px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
    height: 18px;
    padding: 0 25px 0 2px;
    color: #333333;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-color: #3fa1cb;
    border-left-color: #3fa1cb;
    border-bottom-color: #3fa1cb;
    border-top-color: #3fa1cb;
    font: 12px/21px arial,sans-serif;
    background-image: url('../pics/selectbg_large.png');
    background-position: right center;
    background-repeat: no-repeat;
    overflow: hidden;
}

input.select {
    width: 100%; /* With the padding included, the width is 190 pixels: the actual width of the image. */
    color: #333333;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-color: #3fa1cb;
    border-left-color: #3fa1cb;
    border-bottom-color: #3fa1cb;
    border-top-color: #3fa1cb;
    background-image: url('../pics/selectbg_large.png');
    background-position: right center;
    background-repeat: no-repeat;
    overflow: hidden;
}

option {
    font: 12px/21px arial,sans-serif;
}

input.styled {
    display: none;
}

select.styled {
    position: relative;
    width: 353px;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 5;
}

/*login.css*/

.debgen_h1 {
    color: #ff6600;
    text-indent: 250px;
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
}

div.loginwindowbg {
    width: 100%;
    height: 420px;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-left: 0px;
    margin-top: -190px;
    background-image: url('../pics/opening_bgr.png');
    font-family: Arial;
    font-size: 12px;
    color: #3FA0CB;
    background-repeat: no-repeat;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #689a9a;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #689a9a;
    background-color: white;
}

div.messagediv {
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -200px;
    height: 160px;
    width: 50%;
    font-family: Arial;
    font-size: 12px;
    color: #3FA0CB;
}

div.loginwindow {
    position: absolute;
    width: 300px;
    height: 398px;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -149px;
    font-family: Arial;
    font-size: 12px;
    color: #3FA0CB;
    border: none;
    vertical-align: middle;
}



div.loginwindow div.innerdiv {
    width: 300px;
    background-image: url('../pics/transparentbg.png');
    vertical-align: middle;
    color: #3FA0CB;
}

div.loginwindow div.innerdiv p.title {
    font-size: 20px;
    padding-bottom: 5px;
}

div.loginwindow div.innerdiv p.text {
    padding-top: 0px;
}

div.loginwindow table {
    font-size: 12px;
}

div.loginwindow input.input {
    border: solid 1px #3FA0CB;
    width: 200px;
    background-color:#ffffff;
}

div.loginwindow textarea {
    width: 100%;
    height: 100%;
}

a.forgottenpassword {
    font-family: Arial;
    font-size: 12px;
    color: #3FA0CB;
}

a.forgottenpassword:hover {
    color: #3FA0CB;
}

div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}
 
