﻿/********************************************************
	RESETS
*/
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-family: inherit; text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }
a { outline: none; }
/********************************************************
	GLOBAL
*/
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-family: Arial; font-size: 11px; }
body { color: #545454; overflow: visible !important; }
em { font-style: italic; text-decoration: underline; }
H2, H3, H4, H5 { color: #336699; }
h1 { color: #336699; font-size: 18px; line-height: 29px; font-weight: bold; display: inline; }
h2 { font-size: 16px; font-weight: bold; display: inline; }

H3 { font-size: 14px; font-weight: bold; margin-bottom: 0px; }

hr { color: orange; background-color: orange; border: 0; height: 1px; }

strong { font-weight: bold; }

tfoot, thead { word-spacing: normal; letter-spacing: normal; text-transform: none; font-family: Arial, Helvetica, sans-serif; }


a:link { text-decoration: none; color: #369; }
a:visited { text-decoration: none; color: #369; }
a:active { text-decoration: none; color: #369; }
a:hover { text-decoration: underline; color: #369; }
a { outline:none;}

fieldset { }
/********************************************************
	TREEVIEWS

.adminMenu, .adminMenu td { font-size: 95%; }
.leafNode { color: #000000 !important; }
.parentNode, .rootNode { font-weight: bold; color: #336699; }*/
/********************************************************
	LEFT PANE
*/
#docmenu { background-color: #fff; overflow: scroll; }

#leftpane { /*padding-left: 10px; 	padding-top: 30px;*/ padding: 0px; }

/********************************************************
	LIST STYLES
*/
ol { margin: 15px; }
li { margin-left: 10px; margin-bottom: 5px; }
UL LI { list-style-type: square; }

UL LI LI { list-style-type: disc; }
OL UL LI { list-style-type: none; margin-top: 10px; }
UL LI LI LI { list-style-type: circle; }

OL LI { list-style-type: decimal; }

OL OL LI { list-style-type: decimal; }

OL OL OL LI { list-style-type: lower-roman; }
label { display: inline-block; font-weight: bold; }
/*input,select, textarea { border: solid 1px #336699; }*/
a img { border-style: none; }

/********************************************************
	HELPER STYLES
*/
.center { text-align: center; }
.bold, .bold td { font-weight: bold; }
.blur { color: #8F8F8F; }
.italic { font-style: italic; }
input.keyname { width: 300px; }
.required { color: Red; }
.white { color: #fff; }
.float-right { float: right; }
.float-left { float: left; margin-right: 5px; }
.text-left { text-align: left; }
.text-right, .text-rt { text-align: right; }
.text-center, .text-center td, .text-ct { text-align: center; }
.pgdescription { font-family: georgia; font-size: 14px; line-height: 22px; margin-bottom: 15px; }

div.error { background: #FFE5E5 url(images/error_icon.png) 15px 5px no-repeat; border: solid 1px #FF8080; font-weight: bold; }
div.msg { font-size: 14px; margin-bottom: 15px; padding: 15px 15px 10px 80px; }
div.msg ul { font-weight: normal; margin: 10px 0 10px 10px; }
div.msg ul li { font-weight: normal; list-style-type: disc; }

div.notification { background: #E5FFE5 url(../../images/icons/success.png) 15px 5px no-repeat; border-style: solid none; border-width: 1px medium; font-size: 12px; padding: 5px 5px 5px 40px; }
/********************************************************
	BUTTONS
*/
a.savebtn { font-weight: bold; text-decoration: underline; }
a.otherbtn { }
input.otherbtn, input.savebtn, input.smbtn { }
input.otherbtn, input.savebtn { overflow: visible; width: 90px; }
input.savebtn { font-weight: bold; background-color: #6495ed; color: #fff; }
input.smbtn { }

a.linkbtn { display: -moz-inline-box; display: inline-block; padding: 1px; }
a.linkbtn:hover { border: solid 1px #ccc; padding: 0px; }
/********************************************************
	FAQS
*/
.faq { }
.faq h3 a { font-size: .95em; display: block; margin-bottom: 5px; }
.faq div { margin-bottom: 15px; margin-left: 15px; }
.faq ul, .faq ol, .faq li { display: inherit !important; }
/********************************************************
	TABLE STYLES
*/


table.dataTable { border: dotted 1px #FFD9B3; }
table.dataTable thead tr, table.dataTable .head, table.dataTable thead tr:hover, table.dataTable .head:hover, table.dataTable tr th { background-color: #ff9933; /*cursor: default !important;*/ }
table.dataTable thead th, table.dataTable .head td, table.dataTable tr.head th, table.dataTable tr th { color: #fff; padding: 5px; font-family: Arial, Helvetica, sans-serif; }
table.dataTable thead th, table.dataTable .head td, table.dataTable tr.head th, table.dataTable tr th, table.dataTable thead th span { vertical-align: baseline; font-weight: bold !important; word-spacing: normal; letter-spacing: normal; text-transform: none; }
table.dataTable tfoot tr, table.dataTable .foot, table.dataTable tfoot tr:hover, table.dataTable .foot:hover { background-color: #FFE6CC; }
table.dataTable tfoot tr td, table.dataTable .foot td { padding: 5px; }
table.dataTable tbody tr:hover, table.dataTable tbody tr .edit:hover { background-color: #ffffcc; cursor: pointer; }
table.dataTable tbody td { border-bottom: dotted 1px #FFD9B3; border-right: dotted 1px #FFD9B3; padding: 5px; }
table.dataTable tbody td.key, table.dataTable tbody td.key:hover { background-color: #FFCC99; }
table.dataTable td.failure-msg { font-weight: bold; color: Red; }
table.dataTable td.success-msg { font-weight: bold; color: Green; }

.pager a { background-color: #75A3D1; color: #fff; display: -moz-inline-box; display: inline-block; margin: 0px 2px; padding: 0px 5px; }
.pager td { border-top: solid 2px #ccc; line-height: 25px; text-align: right; padding: 10px 10px; }
.pager td td { border-top: none 0px; padding: 0px; }

div.pager { color: black; background-color: #FFE6CC; border: 1px dotted #FFD9B3 ; border-top: 0 none; padding: 2px 10px; text-align: right; }
div.pager span span { }
div.pager .navbutton { background-color: transparent; display: inline; margin: 0; padding:0; }

.nodata { text-align:center; color: #8F8F8F; }

table.docTable { border: dotted 1px #fff; }
table.docTable * { font-size: 10px; }
table.docTable input { border-style: none; }
table.docTable thead tr, table.docTable .head { display: none; }
table.docTable tfoot tr /*, table.docTable tfoot tr:hover*/ { background-color: #FFE6CC; }
table.docTable tbody td, table.docTable .row td { border-bottom: dotted 1px #e7e7e7; padding: 2px; }
table.docTable .selected td /*, table.docTable tbody tr:hover,table.docTable tbody tr.hover*/ { background-color: #ffffcc; }
table.docTable tr.foot /*, table.docTable tr.foot:hover*/ { background-color: #F2F2F2; color: #8F8F8F; line-height: 25px; }

table.docTable tbody td.picker { padding: 0px; line-height: 29px; }
table.docTable tbody .picker a, table.docTable tbody a.picker { display: block; font-size: 110%; margin-bottom: 0px; }
table.docTable .foot a { background-color: #336699; color: #fff; display: -moz-inline-box; display: inline-block; padding: 0px 5px; }
table.docTable .foot td { text-align: right; }
table.docTable .haschildren a.picker { display: block; font-weight: bold; padding: 5px 0px; }
table.docTable tr.haschildren, table.docTable tr.haschildren:hover { background-color: #fff !important; }




/********************************************************
	FORM STYLES
*/
fieldset { padding: 15px; }
fieldset .instructions { display: block; font-size: 95%; margin-top: 0px; margin-bottom: 15px; color: #414141; }
fieldset p { clear: both; margin-bottom: 0px; margin-top: 0px; }
fieldset legend { color: #336699; font-size: 110%; font-weight: bold; padding: 15px 5px; }
fieldset label { display: -moz-inline-box; display: inline-block; line-height: 24px; margin-right: 10px; }

.modalConfirmation { display: none; }
#TB_ajaxContent { padding: 10px; }
.iconfirmation, .iconfirmation * { font-size: 14px; font-weight: bold; line-height: 23px; text-align: center; }
.toolbar { color: #fff; line-height: 25px; height:25px; vertical-align: middle; }
/********************************************************
	RECORD PICKER
*/
.recordPicker { background-color: #faf0e6; border: solid 1px #F2D6BA; padding: 15px; }
.recordPicker label { display: -moz-inline-box; display: inline-block; font-weight: bold; line-height: 24px; padding: 0px 5px 0px 0px; }
.recordPicker select { width: 350px; }

/*************************************************************
	MISC
*/
.actionBar, .actionBar td { line-height: 20px; padding: 0px 5px; vertical-align: middle; }

input.btn { background-repeat: no-repeat; background-position: 1px center; border: solid 1px #ccc; width: 95px; }
input.approve { background-image: url(../../images/icons/success.png); padding-left: 15px !important; }
input.cancel, input.decline { background-image: url(../../images/icons/cancel.png); padding-left: 15px !important; }
input.delete { background-image: url(../../images/icons/delete.png); padding-left: 15px !important; }
input.refresh { background-image: url(../../images/icons/refresh.png); padding-left: 15px !important; height: 25px;  }
input.save { background-color: #6495ed; background-image: url(../../images/icons/save.png); color: #fff; font-weight: bold; padding-left: 15px !important; }
input.search { background-image: url(../../images/icons/search.png); padding-left: 15px !important; }
input.upload { background-image: url(../../images/icons/upload.png); background-repeat: no-repeat; padding-left: 15px !important; height: 25px;  }
input.add { background-image: url(../../images/icons/add.gif); padding-left: 15px !important; }
input.up, input.down { background-image: url(../../images/icons/arrow-square.gif); background-repeat: no-repeat; background-position: 0 0 !important; height: 18px; width: 18px !important; cursor: pointer; }
input.down { background-position: 0 -56px !important; }

input.other { padding-left: 0; }

input.minbtn { background-position: center center; padding-left: 0; width: 25px; }

/*Modal Popup*/
#loadingIndicator, #ctl00_loadingIndicator { display: none; position: fixed; top: 45%; left: 30%; z-index: 5000; background: transparent url(../../images/loading-overlay.gif) no-repeat; font-size: 150%; color: #fff; padding: 11px 5px; text-align: center; width: 100px; }
#ctl00_loadingIndicator { display:block; }
.modalBackground { background-color: #000; filter: alpha(opacity=50); opacity: 0.50; z-index: 998; }
.progress-panel { background-color: #fff; border: solid 1px #8F8F8F; font-weight: bold; position: fixed; margin: auto auto; padding: 15px 15px; text-align: center; font-size: 125%; z-index: 999; }
/*************************************************************
	OLD STUFF - UNCHANGED
*/
#body-content { padding: 15px 10px; }


#docviewer { background: #aaa8a4 url(../../images/blank-bg.jpg) repeat-y scroll 0 0; }
#docviewer h1, #docviewer h1 a { color: #336699; font-size: 18px; font-weight: bold; display: inline; }
#docviewer #info { border: solid 1px #000; padding: 10px 10px; background-color: #fff; }
#docviewer #info, #docviewer #info * { text-align: center; }

#top .header { background: url(../../images/DiVA_header.gif) #64a4d2 no-repeat; height: 60px; }
#top #userinfo { color: #ffffff; background-color: transparent; text-align: right; padding: 15px 15px; }
#top #userinfo a { color: #fff; text-decoration: underline; }

#top .navbar { height: 25px; background: #fd9a34 url(images/headerbar.gif) repeat-x; }
#top .navbar ul { position: relative; height: 20px; padding: 2px 0px; width: 550px; overflow: hidden; }
#top .navbar ul li { float: left; list-style: none; margin: 0; text-align: center; height: 20px; width: 90px; }
#top .navbar ul li.back { background: transparent url(images/menuon.gif) no-repeat; width: 9px; height: 20px; z-index: 8; position: absolute; }
#top .navbar ul li a { font: bold 12px arial; text-decoration: none; color: #fff; outline: none; text-align: center; text-transform: uppercase; letter-spacing: 0; z-index: 10; display: block; float: left; line-height: 20px; position: relative; overflow: visible; text-align: center; width: 90px; }
#top .navbar ul li a:hover, #top .navbar ul li a:active, #top .navbar ul li a:visited { border: none 0; }

/***************************************************************
	CUSTOM TOOLTIP
*/
TD.indexField { font-size: 90%; font-weight: bold; color: #336699; white-space: nowrap; vertical-align: top; }
TD.indexValue { font-size: 90%; color: #336699; }
dl.idx-summary { }
dl.idx-summary dt { clear: left; float: left; font-weight: bold; font-size: 90%; }
dl.idx-summary dd { font-size: 90%; margin-left: 75px; }
/***************************************************************
	EULA
*/
/* EULA */
H2.eula { font-size: small; }
H1.eula { font-size: 14px; }


/* collasible panel */
.cpanel h3, h3.grphdr { background: #e9e7e7 url(../../images/icons/arrow-square.gif) no-repeat right -46px; padding: 7px 15px; margin: 0; border: solid 1px #c4c4c4; border-bottom: none; border-right: none; cursor: pointer; }
.cpanel h3, .cpanel h3 *, h3.grphdr { color: #000; font: bold 14px/23px Arial, Helvetica, sans-serif; }
.cpanel h3:hover, h3.grphdr:hover { background-color: #e3e2e2; }
.cpanel h3.active, h3.grphdr.active { background-position: right 10px; }
.cpanel h3 span, h3.grphdr span { font-weight: normal; font-size: 75%; }

#menu-toggler { cursor: pointer; }

/* lines */
.line, .lastUnit { overflow: hidden; _overflow: visible; _zoom: 1; }
.unit { float: left; _zoom: 1; }
.size1of1 { float: none; }
.size1of2 { width: 50%; }
.size1of3 { width: 33.33333%; }
.size2of3 { width: 66.66666%; }
.size1of4 { width: 25%; }
.size2of4 { width: 50%; }
.size3of4 { width: 75%; }
.size1of5 { width: 20%; }
.size2of5 { width: 40%; }
.size3of5 { width: 60%; }
.size4of5 { width: 80%; }
.lastUnit { float: none; _position: relative; _left: -3px; _margin-right: -3px; width: auto; }


        .scrollable { background-color: #fff; overflow: scroll; }

.headLine .unit { background-color: #ff9933; color: #fff; font-weight: bold; line-height: 25px; }

.adminGrid { border-bottom: 1px solid #F2D6BA; }
.adminGridHeader { border-bottom: 0 none; }
.adminGrid .unit {  line-height: 22px; padding: 1px 2px; }
.adminGrid .unit input { margin-top: 2px; }
.adminGridHeader .unit { background-color: #ff9933; color: #fff; font-weight: bold; line-height: 25px; } 

.keyUnit { background-color: #FFCC99; font-weight: bold; }
.dRow, dRow * { line-height: 20px; }
.dRow { border-bottom: 1px dotted #FFD9B3; }

/* accordioon */
#accordion h3 a { font-weight: bold; }
#accordion li { list-style-type: decimal; padding: 2px 0; }
#accordion li a { font-size: 12px; }
