@import url(common.css);
/* Styles which is needed for admin-panel */

#dhtmltooltip2 {
	position: absolute;
	border: 1px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}


@charset "utf-8";
/* CSS Document */

* { margin: 0px; padding: 0; list-style-type: none; }

html, body { height: 100%; width: 100%; }

body { background: #888888 url(images/BG.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; color: #333333; }

p { margin: 0 0 10px 0; }

a { color: #CC0033; text-decoration: underline; }
a:hover { text-decoration: none; }


h1 {cursor:pointer; position: absolute; background: url(images/LOGOmicrotis.jpg) no-repeat; display: block; width: 129px; height: 69px; margin: 55px 0 0 39px; }
h1 span { display: none; }

h2 { background: url(images/BGh2.gif) no-repeat 0 2px; font-size: 16px; color: #CC0033; padding: 0 0 4px 16px; margin: 0 0 10px 0; }

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

#container {
	background: url(images/BGcontent.png) center repeat-y;
	position: absolute;
	left: 50%;
	width: 834px;
	margin: 0 0 0 -417px;
}

#header {
	background: url(images/BGheader.gif) no-repeat center;
	height: 146px;

	border-color: #404040;

}
#VISU-header { position: absolute; right: 0; margin: 45px 26px 0 0; z-index: 23; }

#content { background:  url(images/BGcontent.gif) repeat-y; width: 790px; margin: 0 0 43px 18px; }

#left-col {
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
	width: 169px;
	float: left;
}

#right-col {
	width: 610px;
	float: right;
	padding: 20px 0 0 0;

	font-size: 11px;
}

#footer {
	position: absolute; bottom: -1px; clear: both;
	background: url(images/BGfooter.gif) repeat-y center;
	font-size: 10px;
	width: 834px;
	color: #FFFFFF;
	height: 43px;
}
#footer a {	color: #FFFFFF; }
#footer .footer-copyright { position: absolute; width: 149px; height: 27px; text-align: right; margin: 8px 0 0 26px; }
#footer .footer-links { position: absolute; margin: 15px 0 0 197px; width: 609px; text-align: center; }

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

#top-module {
	position: absolute;
	background: #CC0033 url(images/BGtop-module.gif) no-repeat;
	right: 0;
	top:-1px;
	margin: 12px 18px 0 0;
	padding: 7px 61px 6px 14px;
	font-size: 10px;
	color: #FFFFFF;
}
#top-module .input-text { font-size: 10px; }

.input-button { display: none; }

#FR,#EN { display: block; position: absolute; top: 9px; width: 20px; height: 14px; }
#FR span,#EN span { display: none; }
#FR { background: url(images/flag-FR.gif) no-repeat; right: 34px; }
#EN { background: url(images/flag-UK.gif) no-repeat; right: 8px; }

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

#left-menu {
	background: #EBEBEB;
	text-transform: uppercase;
	font-size: 11px;
	padding: 0 0 10px 0;
	list-style-type:none;
}
#left-menu li {
}
#left-menu li a {
	display: block;
	background: #EBEBEB;
	text-decoration: none;
	color: #000000;
	padding: 5px 0 0px 30px;
	height: 19px;
}
ul {list-style-type:none; }
#left-menu ul {	list-style-type:none; background: #DADADA; padding: 5px 0 5px 0; margin: 0 0 5px; }
#left-menu li ul li a {
	background: none;
	text-transform: lowercase;
	font-size: 10px;
	color: #818181;
	padding: 2px 0 2px 30px;
	height: 13px;
}
#left-menu li ul li a:hover { background: #A0A0A0 url(images/arrow-white.gif) no-repeat 20px 7px; color: #FFFFFF; }
#left-menu li ul li a.ON { background: #A0A0A0 url(images/arrow-white.gif) no-repeat 20px 7px; color: #FFFFFF; }
#left-menu li ul li a.ON:hover { background: #A0A0A0 url(images/arrow-white.gif) no-repeat 20px 7px; color: #FFFFFF; }
#left-menu a:hover { background: #DBDBDB url(images/BGleftmenu-on.gif) no-repeat 10px 6px; font-weight: bold; }

#left-menu a.ON { background: #CC0033 url(images/BGleftmenu-on.gif) no-repeat 10px 6px; font-weight: bold; color: #FFFFFF; }
#left-menu a.ON:hover { background: #CC0033 url(images/BGleftmenu-on.gif) no-repeat 10px 6px; color: #FFFFFF; }

.left-module {
	background: #CCCCCC;
	border-top: 1px solid #F3F3F3;
	border-bottom: 1px solid #B9B9B9;
	font-size: 11px;
	padding: 8px 11px 8px 10px;
}

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

.BOX1x {
	background: url(images/BOXbottom1x.gif) no-repeat bottom;
	margin: 0 0 10px 0;
}
.BOX1x h2 {
	background: url(images/BOXtop1x.gif) no-repeat;
	font-size: 12px;
	color: #FFFFFF;
	margin: 0;
	padding: 5px 10px 4px 10px;
}
.BOX1x div {
	font-size: 11px;
	padding: 8px 10px 1px 10px;
}

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

.BOX2x { background: url(images/BOXbottom2x.gif) no-repeat bottom; padding: 0 0 10px 0; margin: 0 0 10px 0; }
.BOX2x .left, .BOX2x .right { background: url(images/BOXcenter2x.gif) repeat-y bottom; width: 300px; font-size: 11px; }
.BOX2x .left div, .BOX2x .right div { padding: 8px 10px 0 10px; }

.BOX2x .left { float: left; }
.BOX2x .right { float: right; }

.BOX2x h2 {
	background: url(images/BOXtop2x.gif) no-repeat;
	font-size: 12px;
	color: #FFFFFF;
	margin: 0;
	padding: 5px 10px 4px 10px;
}

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

.BOXgrey { background: #E8E8E8 url(images/BOXgrey-bottom.gif) no-repeat bottom; margin: 0 0 10px 0; }
.BOXgrey h2 { background: url(images/BOXgrey-top.gif) no-repeat top; font-size: 16px; color: #666666; padding: 10px; margin: 0; }
.BOXgrey div { padding: 0 10px 1px 10px; font-size: 11px; }

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

.hr { clear: both; height: 1px; font-size: 1px; }

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

.small-font { font-size: 10px; }

.input-text {
	background: #F0F0F0;
	border-top: 1px solid #B0B0B0;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #B0B0B0;
	width: 100%;

	font-size: 11px;
	padding: 1px;
}

#right-col ul { margin: 0 0 10px 0; line-height: 16px; }
#right-col ul li { background: url(images/bullet-arrow.gif) no-repeat 0 6px; padding: 0 0 0 8px; }
#right-col ul li ul { margin: 0; }

.img-left { float: left; border: 2px solid #D0CFCE; padding: 2px; margin: 3px 10px 10px 0; }
.hr-dotted { clear: both; background: url(images/BGhr-dotted.gif) repeat-x; height: 1px; font-size: 1px; margin: 10px 0 10px 0; }

.grey_box_title_style { font-size: 14px; font-weight: bold; color: #666666; }
.shared_files_view
{
	float:left;
	width:80px;
	text-align:center;
	margin-left:5px;
	margin-bottom:5px;
	margin-top:5px;




}

#shared_files_box .shared_files_view
{
	margin-left:5px;
	margin-bottom:5px;
	margin-top:5px;
	width:167px;

}

#shared_files_list
{
	margin-bottom:15px;
	border:1px solid grey;
}

#empty_block
{
	clear:both;
}

#shared_file_form, #uploaded
{
	margin-left:52px;
	margin-top:35px;
}

.shared_files_form
{
	border:1px solid #333333;
	border-collapse:collapse;
}
.form_header th
{
	border:1px solid #333333;
}

#uploaded
{
	margin-left:170px;
}

.lable
{
	font-size: 11px; font-weight: bold; color: #666666;
}

.value
{
	font-size: 11px; color: #666666;
}
.shared_files_form tbody tr {
	background-color: #DDDDDD;
}
.shared_files_form tbody td,.shared_files_form th
{
	border-right: 1px solid black;
}
.login
{
	background: #CC0033;
	width: 100px;
	border: 1px solid #CCCCCC;
	padding: 2px; font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0 0 0 24px;
}