
@font-face { font-family:Biolinum; src:url(../fonts/LinBiolinum_R.woff); }
@font-face { font-family:Biolinum; src:url(../fonts/LinBiolinum_RB.woff); font-weight:bold; }
@font-face { font-family:Biolinum; src:url(../fonts/LinBiolinum_RI.woff); font-style:italic; }
@font-face { font-family:Libertine; src:url(../fonts/LinLibertine_R.woff); }
@font-face { font-family:Libertine; src:url(../fonts/LinLibertine_RB.woff); font-weight:bold; }
@font-face { font-family:Libertine; src:url(../fonts/LinLibertine_RI.woff); font-style:italic; }
@font-face { font-family:Libertine; src:url(../fonts/LinLibertine_RBI.woff); font-weight:bold; font-style:italic; }

/* generalities */
.right { float:right; }
.left { float:left; }
.clear { clear:both; }
.absol { position:absolute; }

body { background-image:url(../img/bg_body.png); background-repeat:repeat-x; font-family:Libertine, serif; overflow:auto; }
.content { margin:0 auto; width:1000px; overflow:auto; background-color:#FFFFFF; border:2px #AAAAAA solid; }

h1 { margin:0px 0px 8px 0px; font-family:Biolinum, serif; font-size:108%; font-weight:bold; }
h2 { margin:20px 0px 6px 0px; font-family:Biolinum, serif; font-size:100%; font-weight:bold; }
h2:before { content:"• "; }
li h2:first-child, .first_h2 { margin-top:4px; }
h3 { margin:6px 0px 6px 12px; padding:0; font-family:Biolinum, serif; font-size:98%; font-weight:normal; cursor:pointer; color:#445577; }
h3:before { content:'» '; }

p { text-align:justify; }
.intro { }
.specific, .note { margin:0px 0px 4px 12px; }
.note { font-size:80%; margin-left:20px; }
p.note:before { content:'* '; display:inline-block; width:8px; margin-left:-8px; }
div.note { clear:both; margin-left:0px; }
span.note { margin-left:0px; }

a { text-decoration:none; color:#445577; cursor:pointer; }
.mailer, .oid_ref, .popupper, .js_link { cursor:pointer; color:#445577; }

textarea { padding:0px; }
input { font-family:Biolinum, sans-serif; padding:0px; }
input[type="text"]:disabled { color:#000000; background-color:transparent; border:0; padding:4px; }
.inp_tiny { width:36px; margin-right:4px; margin-left:1px; }
.inp_small { width:65px; }
.inp_normal { width:90px; }
#sterms select.inp_normal { width:116px; }
.inp_big { width:140px; }
.inp_bigger { width:192px; }
.inp_large { width:300px; }
.inp_huge { width:360px; }
.cload { vertical-align:sub; display:none; }
label { width:75px; cursor:pointer; }


/* Main elements */
/* Header */
.head { width:970px; height:60px; border-bottom:1px #DDDDDD solid; padding:10px 5px 0px 10px; }
#DRCS_Label { font-size:48px; width:170px; }
#DRCS_Title {font-size: 18px; padding-top:8px; }
.quicknav { color:#667799; font-family:Biolinum, sans-serif; width:102px; height:20px; cursor:pointer; clear:right; float:right; padding-left:8px;
	margin-top:2px; border:1px solid #DDDDDD; border-right-color:#AAAAAA; border-bottom-color:#AAAAAA;
	-webkit-border-top-left-radius:10px; -khtml-border-top-left-radius:10px; border-top-left-radius:10px;
	-webkit-border-bottom-left-radius:10px; -khtml-border-bottom-left-radius:10px; border-bottom-left-radius:10px; }
.quicknav .button { float:right; padding:2px 2px 1px 4px; height:17px; border-left:1px #AAAAAA solid;
	background-color:#667799; background-image:url(../img/bg_men_22.png); background-repeat:repeat-x; }
.button > img { width:14px; height:14px; }
.quicknav > input { color:#667799; width:78px; border:0; margin:0; outline:0; }
.quicknav input[type="submit"] { display:none; }
.quicknav + .quicknav { margin-top:4px; background-color:#BBCCEE; background-image:url(../img/bg_men_22.png); background-repeat:repeat-x; }
#mymenu:hover { -webkit-border-bottom-left-radius:0px; -khtml-border-bottom-left-radius:0px; border-bottom-left-radius:0px; }
#mymenu:hover .subnav { display:block; z-index:1; }
.subnav { display:none; position:absolute; margin-left:-9px; margin-top:1px; padding:2px 0px 4px 8px; width:102px; background-color:#FFFFFF;
	border:1px solid #DDDDDD; border-right-color:#AAAAAA; border-bottom-color:#AAAAAA; }
.subnav ul { margin:0px; padding:0px; }
.subnav li { list-style:none outside none; padding-top:2px; }

/* Menu */
.menu { float:left; width:150px; padding:5px; font-family:Biolinum, sans-serif; font-size:108%; }
.menu ul { margin:0px; padding:0px; }
.menu li { list-style:none outside none; }
.men1 { margin-top:10px; padding:5px 6px 5px 3px; cursor:pointer;
	background-color:#BBCCEE; background-image:url(../img/bg_men_32.png); background-repeat:repeat-x;
	border:1px solid #DDDDDD; border-right-color:#AAAAAA; border-bottom-color:#AAAAAA;
	-webkit-border-top-right-radius:10px; -khtml-border-top-right-radius:10px; border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px; -khtml-border-bottom-right-radius:10px; border-bottom-right-radius:10px; }
.men1:hover { background-color:#FFFFFF; }
.men_cn:hover { -webkit-border-bottom-right-radius:0; -khtml-border-bottom-right-radius:0; border-bottom-right-radius:0; }
.men2 { position:absolute; z-index:5; display:none; margin-top:5px!important; background-color:#F7F7F7;
	font-size:96%; margin-left:-4px!important; padding:4px!important; width:140px;
	border:1px solid #DDDDDD; border-right-color:#AAAAAA; border-bottom-color:#AAAAAA; }
.men1:hover .men2 { display:block; }
.men2 li:hover { background-color:#E0EBFF; }

/* Content */
#maincontent { position:relative; z-index:0; float:right; width:648px; padding:20px; padding-right:170px; border-left:1px #DDDDDD solid;
		min-height:300px; overflow-x:hidden; overflow-y:auto; }
#help { position:absolute; width:150px; right:0; min-height:300px; border-left:1px #DDDDDD dashed; margin-left:10px; }
.manager { margin:-4px 0px 16px 24px; display:none; font-family:Biolinum, sans-serif; font-size:90%; }
.emphasis { background-color:orange; padding:10px; }
.toggle_content { display:none; }

/* Footer */
.foot { clear:both; height:30px; padding:5px; font-size:80%; width:990px; border-top:1px #DDDDDD solid; }
.stat_bar { float:left; }
#sb0 { color:#667799; }
#sb1 { color:yellow; }
#sb2 { color:red; }
.impress { margin-top:7px; }
.ftsep { margin:0 5px; }

/* Popups */
#odiv, #mdiv { display:none; }
#odiv, .odiv { position:absolute; top:0px; left:0px; filter: alpha(opacity=70); opacity: 0.7; 
	background-color:#CCCCCC; width:100%; height:100%; z-index:10; }
#mdiv, .mdiv { position:absolute; top:20%; min-width:200px; left:50%; margin-left:-100px; z-index:20;
	background-color:#667799; background-image:url(../img/bg_men_22.png); background-repeat:repeat-x;
	border:1px solid #DDDDDD; border-right-color:#AAAAAA; border-bottom-color:#AAAAAA;
	-webkit-border-top-right-radius:8px; -khtml-border-top-right-radius:8px; border-top-right-radius:8px;
	-webkit-border-top-left-radius:8px; -khtml-border-top-left-radius:8px; border-top-left-radius:8px;
		   -moz-box-shadow: 4px 4px 8px 0 #667799;
		-webkit-box-shadow: 4px 4px 8px 0 #667799;
			  box-shadow: 4px 4px 8px 0 #667799; }
#popup_title, .popup_title { float:left; margin-left:20px; font-weight:bold; font-family:Biolinum, sans-serif; color:#667799;
	text-shadow: 1px 1px 0px #EEEEEE; }
#ediv, .ediv { background-color:#FFFFFF; margin-top:20px; padding:20px; overflow:auto; }
.mbutton { float:right; width:16px; height:16px; margin-top:2px; margin-right:4px; cursor:pointer; }
.drag_div { position:absolute; z-index:35; background-color:#FFFFFF; }
.drag_menubar { width:100%; height:14pt; cursor:pointer; }
#stgddiv { display:none; }
#stgddiv .ediv { margin-top:0pt; width:600px; height:400px; resize:both; }

/* Suggests */
.SeSu { position: absolute; width:240px!important; visibility:hidden; z-index:5; }
.sugl { background-color: #BBCCEE; padding: 2px 6px; }
.suglo { background-color: #667799; padding: 2px 6px; }


