@charset "UTF-8";
/* CSS Document */
* {margin: 0;padding:0}

body {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	background-color: #333333;
	font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
	font-size: 10px;
	line-height: 130%;
	overflow:visible;
	height:100%;
	}
html>body { 
	font-size: .8em;
	height:100%;
	} /* be nice to Opera */
/* Links ----------------------------------------------- */
a img { border-style: none; }
/* Paragraph Headings ----------------------------------------------- */

h1, h2, h3, h4, h5, h6 {font-weight: normal; line-height: 125%; }
h1 { font-size: 150%; text-align: left; color: #fff;  }
h2 { font-size: 130%; text-align: left; color: #fff;  }
h3 { font-size: 115%; text-align: left; color: #fff;  }

a:link {color: #FD2800; /*!important*/
		text-decoration: none;}
a:visited {color: #FD2800;/*!important*/
		text-decoration: none;}
a:hover {color: #999999;/*!important*/
		text-decoration: none;}
a:active {color: #FD2800;/*!important*/ }

p { margin:0.375em 0; }
/* Paragraph Headings ----------------------------------------------- */





.hidden {visibility:hidden;}
.visible {visibility:visible;
}
/*Accueil
-------------------------------------*/
img#bg {
position:fixed;
top:0;
left:0px;
width:100%;
}
img#bgpiccolo {
	position:absolute;
	top:0;
	left:0px;
	width:100%;
	z-index: 0;
}
img#bglogo {
	position:absolute;
	top:0;
	left:0px;
	width:100%;
	z-index: 0;
}
#alttext {
	left:52px;
	top:103px;
	width:450px;
	height:15px;
	z-index:35;
	position:absolute;
	color:#FFFFFF;
	font-size: 1em;	
}
#alttextstudio {
	left:52px;
	top:143px;
	width:450px;
	height:15px;
	z-index:35;
	position:absolute;
	color:#FFFFFF;
	font-size: 1em;	
}
#thumbContainer {
	left:52px;
	top:127px;
	width:100px;
	height:430px;
	z-index:10;
	position:absolute;

}
#textindexback {
	right:44px;
	top:112px;
	width:165px;
	height:530px;
	z-index:10;
	position:absolute;
	padding:10px 5px 5px 5px;
	background-color: #000000;
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
	color: #FFFFFF;

}
#textindex {
	right:44px;
	top:112px;
	width:150px;
	height:430px;
	z-index:15;
	position:absolute;
	padding:10px 5px 5px 5px;
}
#thumbContainerStudio {
	left:52px;
	top:167px;
	width:100px;
	height:430px;
	z-index:10;
	position:absolute;

}
#thumb {
	border-color: #FFFFFF;
	border-width: 2px;
	margin: 0 2px 4px 2px;
	border-style: solid;
	width: 84px;
	height: 56px;
	width: 40px;
	height: 40px;
}
.thumbhover {
	border-color: #FF0000;
	border-width: 4px;
	cursor: pointer;
}
.footer {
	right:50px;
	width:900px;
	height:15px;
	z-index:20;
	position:absolute;
	color: #999;
	font-size: 9px;
	font-weight: bold;
	bottom: 0;
	margin-bottom: 20px;
	text-align: right;

}

/*Menu général
-------------------------------------*/
#topnav {
	height: 75px;
	position:absolute;
	z-index:2;
	margin-left: 0;
	width: 100%;
	margin-top: 25px;
	background-color: #000000;
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
	color: #FFFFFF;
}
#topnavcontent {
	position:absolute;
	z-index:10;
	left: 50px;
	width: 163px;
	top: 35px;
	color: #FFFFFF;
	text-decoration: none;
}
#topnavcontent2 {
	position:absolute;
	z-index:10;
	left: 250px;
	width: 150px;
	top: 37px;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
}
#topnavcontent2 a:link { color:#ffffff; text-decoration: none; }
#topnavcontent2 a:visited { color:#ffffff; text-decoration: none;}
#topnavcontent2 a:hover {color: #999999; text-decoration: none;}
#topnavcontent2 a:active { color: #999999; text-decoration: none;}
#topnavcontentstudio1 {
	position:absolute;
	visibility:visible;
	left:411px;
	top:36px;
	width:125px;
	height:63px;
	z-index:11;
}
#topnavcontentstudio1 a:link { color:#ffffff; text-decoration: none; }
#topnavcontentstudio1 a:visited { color:#ffffff; text-decoration: none;}
#topnavcontentstudio1 a:hover {color: #999999; text-decoration: none;}
#topnavcontentstudio1 a:active { color: #999999; text-decoration: none;}
#topnavcontentstudio2 {
	position:absolute;
	visibility:visible;
	left:483px;
	top:36px;
	width:125px;
	height:67px;
	z-index:12;
}
#topnavcontentstudio2 a:link { color:#ffffff; text-decoration: none; }
#topnavcontentstudio2 a:visited { color:#ffffff; text-decoration: none;}
#topnavcontentstudio2 a:hover {color: #999999; text-decoration: none;}
#topnavcontentstudio2 a:active { color: #999999; text-decoration: none;}
#topnavcontentstudio3 {
	position:absolute;
	visibility:visible;
	left:555px;
	top:36px;
	width:200px;
	height:67px;
	z-index:12;
}
#topnavcontentstudio3 a:link { color:#ffffff; text-decoration: none; }
#topnavcontentstudio3 a:visited { color:#ffffff; text-decoration: none;}
#topnavcontentstudio3 a:hover {color: #999999; text-decoration: none;}
#topnavcontentstudio3 a:active { color: #999999; text-decoration: none;}
.nextimage {
	height: 20px;
	width: 50px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
	position: absolute;
	z-index: 100;
}
#login {
	position:absolute;
	z-index:3;
	width: 250px;
	margin-top: 35px;
	margin-bottom: 20px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: right;
	text-transform: uppercase;
	right: 50px;
	line-height:25px;
}
#login a:link { color:#ffffff; text-decoration: none; }
#login a:visited { color:#ffffff; text-decoration: none; }
#login a:hover {color: #999999; text-decoration: none;}
#login a:active { color: #999999; text-decoration: none; }


/*grandes pages studio-------------------------------------*/
#seegearback {
	left:0px;
	top:113px;
	width:305px;
	height:25px;
	z-index:35;
	position:absolute;
	background-color: #000000;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}
#seegear {
	left:0px;
	top:110px;
	width:220px;
	height:25px;
	z-index:40;
	position:absolute;
	color: #FFFFFF;
	padding: 5px 0 5px 50px;
}
#seegear a:link {color:#F00; text-decoration: underline; }
#seegear a:visited { color:#F00; text-decoration: underline; }
#seegear a:hover {color: #ffffff; text-decoration: underline;}
#seegear a:active { color: #ffffff; text-decoration: underline; }

/*panneau du centre-------------------------------------*/
.txadmin {
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
#contentback {
	background-color: #000000;
	height: 375px;
	width: 720px;
	top: 150px;
	left: 228px;
	z-index: 6;
	position: absolute;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
#contentcentre {
	position:absolute;
	z-index:40;
	margin-left: 238px;
	margin-top: 40px;
	color: #FFFFFF;
	width: 700px;
	float: left;
}
.menuabout {
	padding: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	width: 175px;
	float: left;
	z-index:60;
	position: absolute;
	margin-left: 238px;
	margin-top: 160px;
	height: 375px;
	}
.menuabout a:link { color: #FFFFFF; text-decoration: none; }
.menuabout a:visited { color: #FFFFFF; text-decoration: none; }
.menuabout a:hover {color: #999999; text-decoration: none;}
.menuabout a:active {color: #FD2800; text-decoration: none;}
.espacepub {
	padding: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	width: 100px;
	z-index:60;
	position: absolute;
	margin-left: 50px;
	margin-top: 160px;
	height: 375px;
	}
.spnoscript {
	position: absolute;
	top:110px;
	left: 50px;
	background-color: #333333;
	z-index:100;
}

#tablemenuabout {
	padding: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	width: 145px;
	float: left;
	
	z-index:60;
	position: absolute;
	margin-left: 238px;
	margin-top: 50px;
	
	height: 375px;
	}
.selectedmenu {
	color: #FD2800 /*!important*/ ; 		
	font-weight: bold;
	font-size: 110%;
	margin-top: 10px;
	margin-bottom: 10px;
	text-decoration: none;
}
.selectedmenu a:link { color: #FD2800; text-decoration: none; }
.selectedmenu a:visited { color: #FD2800; text-decoration: none; }
.selectedmenu a:hover {color: #FFFFFF; text-decoration: none;}
.selectedmenu a:active {color: #FFFFFF; text-decoration: none;}

#txcentreliste {
	padding: 0px 10px 0 0;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	width:500px;
	height: 340px;
	top: 101px;
	left: 430px;
	float: left;
	position: absolute;
	color:#FFFFFF;
	z-index:8;
	overflow:auto;
	
}
#txcentrelistemenus {
	padding: 0px 10px 0 0;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	width:500px;
	height: 340px;
	top: 101px;
	left: 630px;
	float: left;
	position: absolute;
	color:#FFFFFF;
	z-index:8;
	overflow:auto;
	
}
#txcentreliste a:link { color:#ffffff; text-decoration: none; }
#txcentreliste a:visited { color:#ffffff; text-decoration: none; }
#txcentreliste a:hover {color: #999999; text-decoration: none;}
#txcentreliste a:active { color: #FD2800; text-decoration: none; }
#featuredcomplet {
	position: relative;
	height: 535px;
	width: 320px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 155px;
	float: left;
}
#photofeatured {
	width:320px;
	height: 320px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}
.featuredtextplaceholder {
	position: relative;
	margin-top: -335px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 330px;
	overflow: hidden;
	height: 320px;
	width: 175px;
	float: left;
	background-color: #F00;
	z-index: 360;
}
#featuredtext {
	margin-top: -345px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 330px;
	overflow: hidden;
	height: 300px;
	width: 175px;
	float: left;
	z-index: 370;
}
#morefeatured {
	height: 13px;
	margin-top: -18px;
	margin-left: 405px;
	text-align: right;
	width: 105px;
	z-index: 600;
	
}
#morefeatured a:link {color:#F00; text-decoration: underline; }
#morefeatured a:visited { color:#F00; text-decoration: underline; }
#morefeatured a:hover {color: #999999; text-decoration: underline;}
#morefeatured a:active { color: #999999; text-decoration: underline; }

/*Galerie suggest-------------------------------------*/
#productMenu {
	border: 0px solid #999999;
	cursor: select;
	padding: 0px;
	position: absolute;
	top: 52px;
	left: 0px;
}
#productMenu table {
	margin: 0px;
}
#productSample {
	position: relative;
}
.hover {
	background-color: #CCCCCC;
}

/*scrolling div history-------------------------------------*/
#scrollbar_container {
	top: 101px;
	left: 430px;
	float: left;
	position: absolute;
	color:#FFFFFF;
	z-index:8;
	width:500px;
}

#scrollbar_track {
	position:absolute;
	top:0;
	right:0;
	height:100%;
	width:12px;
	background-color:transparent;
	cursor:pointer;
	border-style:solid;
	border-color: #999;
	border-width: 1px;
	border-left-style: none;
	border-top-style: none;
	border-bottom-style: none;
}

#scrollbar_handle {
	width:10px;
	background-color:#666;
	cursor:pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	opacity:0.9;
	-moz-opacity:0.9;
	z-index:100;
}

#scrollbar_content {
	overflow:hidden;
	width:485px;
	height:340px;
}

/*Pop-UP
-------------------------------------*/
#pagephotopersonnel {
	height: 150px;
	width: 150px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	float: left;
	text-align: center;
	z-index: 10;
	position:absolute;
}
#pagephotofeatured {
	width: 300px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	float: left;
	text-align: center;
	z-index: 10;
	position:absolute;
}
#pagetitpersonnel {
	float: left;
	height: 150px;
	width: 700px;
	margin: 30px 0 20px 200px;
	color: #FFFFFF;
	z-index: 20;
	position:absolute;
}
#pagetitfeatured {
	float: left;
	height: 150px;
	width: 650px;
	margin: 30px 0 20px 350px;
	color: #FFFFFF;
	z-index: 20;
	position:absolute;
}
#pagealphabetique {
	height: 100px;
	width: 180px;
	margin: 30px 0 20px 30px;
	color: #999999;
	z-index: 20;
	position:absolute;
}
#pagealphabetique2 {
	height: 100px;
	width: 180px;
	margin: 200px 0 20px 30px;
	color: #999999;
	z-index: 20;
	position:absolute;
}
#pagecontenttx {
	background-color: #333333;
	width: 700px;
	margin-top: 100px;
	margin-left: 200px;
	margin-bottom: 50px;
	z-index: 30;
	position: absolute;
	padding: 0px 10px 0px 0px;
}
#pagecontentfeatured {
	background-color: #333333;
	width: 650px;
	margin-top: 100px;
	margin-left: 350px;
	margin-bottom: 50px;
	z-index: 30;
	position: absolute;
	padding: 0px 10px 0px 0px;
}
#pagecontenttxspry {
	background-color: #333333;
	width: 425px;
	margin-top: 190px;
	margin-left: 10px;
	margin-bottom: 50px;
	z-index: 30;
	position: absolute;
	padding: 0px 10px 0px 10px;
}
#pagephotopersonnel2 {
	height: 150px;
	width: 150px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	z-index: 10;
	position:absolute;
}
#pagephotostudio {
	height: 150px;
	width: 190px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	z-index: 10;
	position:absolute;
}
#pagetitpersonnel2 {
	height: 100px;
	width: 215px;
	margin: 200px 0 20px 30px;
	color: #FFFFFF;
	z-index: 20;
	position:absolute;
}

#pagetitstudio {
	height: 20px;
	width: 215px;
	margin: 150px 0 0px 30px;
	color: #FFFFFF;
	z-index: 20;
	position:absolute;
}

#pagetitstudiopr {
	height: 20px;
	width: 215px;
	margin: 150px 0 0px 30px;
	color: #000000;
	z-index: 20;
	position:absolute;
}
#pagetitstudiopr h1 {
	color: #000000;
}
#pagecontenttxspry2 {
	background-color: #333333;
	width: 215px;
	margin-top: 280px;
	margin-left: 20px;
	z-index: 30;
	position: absolute;
	padding: 0px 10px 0px 10px;
}
#pagecontenttxstudio {
	background-color: #333333;
	width: 215px;
	margin-top: 200px;
	margin-left: 20px;
	z-index: 30;
	position: absolute;
	padding: 0px 10px 0px 10px;
}
#pagecontenttxstudiopr {
	width: 215px;
	margin-top: 200px;
	margin-left: 20px;
	z-index: 30;
	position: absolute;
	padding: 0px 10px 0px 10px;
	color: #000000;
}

#content2 {
	text-align: left;
	color: #999;
	z-index: 50;
	position:absolute;
	margin-top: 25px;
	margin-left: 470px;
	width: 1250px;
	padding-top: 5px;
	z-index: 30;
	position: absolute;
}
#content3 {
	text-align: left;
	color: #999;
	z-index: 50;
	margin-top: 25px;
	margin-left: 270px;
	width: 500px;
	padding-top: 5px;
	margin-right: 2px;
	position: absolute;
	float: left;
	height:25px;
	
}
#content3loading {
	text-align: left;
	color: #999;
	z-index: 49;
	margin-top: 25px;
	margin-left: 270px;
	width: 500px;
	padding-top: 5px;
	margin-right: 2px;
	position: absolute;
	float: left;
	height:25px;
	
}
#content3history {
	text-align: left;
	color: #999;
	z-index: 49;
	margin-top: 18px;
	margin-left: 270px;
	width: 750px;
	padding-top: 5px;
	margin-right: 2px;
	position: absolute;
	height: 600px;
	padding-bottom: 30px;
	overflow: hidden;
}
#navcontent3 {
	text-align: left;
	color: #999;
	z-index: 50;
	margin-top: 510px;
	margin-left: 275px;
	width: 510px;
	padding-top: 5px;
	margin-right: 2px;
	position: absolute;
	float: left;
	height:25px;
}
#detailstaff {
	text-align: left;
	color: #999;
	z-index: 50;
	margin-top: 25px;
	margin-left: 785px;
	width: 215px;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	position: absolute;
	float: left;
	border-left-color: #FFF;
	border-left-style: solid;
	border-left-width: 1px;
	height:40em;
	overflow:auto;
}
#detailequip {
	text-align: left;
	color: #999;
	z-index: 50;
	position: absolute;
	top: 25px;
	left: 785px;
	width: 215px;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	
	float: left;
	border-left-color: #FFF;
	border-left-style: solid;
	border-left-width: 1px;
}

.absdetailequip {
	z-index: 100;
	position: absolute;
	top: 25px;
	left: 785px;
	width: 250px;
}


#page
    {
      position: absolute;
      width: 350px;        /* selon la largeur voulue */
      margin-left: -6em;  /* moitie de width */
      left: 50%;          /* constant, toujours 50% */
      margin-top: -4em;   /* moitie de height */
      top: 25%;           /* constant, toujours 50% */
      border: 1px solid #333;
      background-color: #000000;
	  z-index: 1000;
    }
#detailstaff2 { margin: 0em 2em 2em 2em; }

.SpryHiddenRegion {
   visibility: hidden;
}
#content4 {
	text-align: left;
	color: #999;
	z-index: 50;
	top: 25px;
	left: 50px;
	width: 450px;
	padding-top: 5px;
	position: absolute;
	height:525px;
	overflow:auto;
}
#instruments {
	width: 250px;
	top: 30px;
	right: 0px;
	bottom: 0px;
	left: 20px;
	text-align: left;
	z-index: 10;
	position:absolute;
	float:left;
}
#content3alpha1 {
	text-align: center;
	color: #999;
	z-index: 50;
	margin-top: 150px;
	margin-left: 470px;
	width: 50px;
	padding-top: 5px;
	margin-right: 2px;
	position: absolute;
	float: left;
	height:525px;
	line-height:25px;
	
}

#content3alpha2 {
	text-align: center;
	color: #999;
	z-index: 50;
	margin-top: 150px;
	margin-left: 540px;
	width: 50px;
	padding-top: 5px;
	margin-right: 2px;
	position: absolute;
	float: left;
	height:525px;
	line-height:25px;

}
#content4alpha1 {
	text-align: center;
	color: #999;
	z-index: 100;
	margin-top: -7px;
	margin-left: 0px;
	width: 50px;
	padding-top: 5px;
	margin-right: 2px;
	position: absolute;
	float: left;
	height:300px;
	line-height:25px;
	
}

#content4alpha2 {
	text-align: center;
	color: #999;
	z-index: 100;
	margin-top: -7px;
	margin-left: 65px;
	width: 50px;
	padding-top: 5px;
	margin-right: 2px;
	position: absolute;
	float: left;
	height:300px;
	line-height:25px;

}
.dada {
	background-color: #FF0000;
}
#dummyspan {
	color: #0C0;
}
#dummyspan a:link {
	color: #FFFFFF;
}
#dummyspan a:visited{
	color: #FFFFFF;
}
#dummyspan a:hover{
	color: #FFFFFF;
}
#dummyspan a:active{
	color: #FFFFFF;
}
.loading {
	color: #FFFFFF;
	text-decoration: blink;
}
/* galerie ----------------------------------------------- */
#thumbnails {
	width: 200px;
	margin-top: 65px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	z-index: 10;
	position:absolute;
}
#thumbGalerie {
	border-color: #FFFFFF;
	border-width: 2px;
	margin: 0 2px 4px 2px;
	border-style: solid;
	width: 50px;
	height: 50px;
}
#centregalerie {
	text-align: left;
	color: #999;
	z-index: 50;
	margin-top: 25px;
	margin-left: 220px;
	width: 500px;
	padding-top: 5px;
	margin-right: 2px;
	position: absolute;
	float: left;
	height:25px;
	
}
#recherchephoto {
	text-align: left;
	color: #999;
	z-index: 50;
	margin-top: 25px;
	margin-left: 785px;
	width: 215px;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	position: absolute;
	float: left;
	border-left-color: #FFF;
	border-left-style: solid;
	border-left-width: 1px;
}
#thumbContainerGalerie {
	left:15px;
	top:65px;
	width:191px;
	height:430px;
	z-index:10;
	position:absolute;
	overflow:auto;

}
#recherchephotoPopup {
	text-align: left;
	color: #999;
	z-index: 50;
	margin-top: 55px;
	margin-left: 885px;
	width: 215px;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	position: absolute;
	float: left;
	border-left-color: #FFF;
	border-left-style: solid;
	border-left-width: 1px;
}
#recherchephotoAlphaPopup {
	text-align: left;
	color: #999;
	z-index: 50;
	margin-top: 55px;
	margin-left: 835px;
	width: 150px;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	position: absolute;
	float: left;
	border-left-color: #FFF;
	border-left-style: solid;
	border-left-width: 1px;
	height:370px;
}
#controls{
	position:absolute;
	top:500px;
	left:17px;
	width:200px;
	z-index:1000;
}
#transport{
	position:absolute;
	top:0px;
	left:0px;
	width:167px;
	z-index:1000;
}

#productMenuPopup {
	border: 0px solid #999999;
	cursor: select;
	padding: 0px;
	position: absolute;
	top: 72px;
	left: 0px;
}
#productMenuPopup table {
	margin: 0px;
}
#productSample {
	position: relative;
}
.hover {
	background-color: #CCCCCC;
}


/* de screen.css ----------------------------------------------- */
td.rank { }

#workinstrument { 
	border-collapse:collapse;
	empty-cells:show;
	width:100%;
	margin: 0;
	z-index: 50;
	background-color:#333;
	float:left;
}
#workinstrument caption {
	color: #fff;
	text-transform:uppercase;
	text-align: left;
	font-weight: bold;
	letter-spacing: 0.1em;
	background-color: #666;
	padding: 0.2em 0.2em 0.2em 0.375em;
	border-top: solid 1px #999;
	border-bottom: solid 1px #3a3a3a;
}
#workinstrument th {
	padding: 6px 0.25em;
	color: #ffffff;	
	font-weight: bold;
	margin: 0;
	cursor: pointer;
}
#workinstrument th.infocus { background-color: #E6E6E6; }
#workinstrument th.selected {	color: #EAEAEA; }
#workinstrument td, #work th { 
	margin: 0; 
	padding: 0.2em 0.375em 0.2em 0.375em;
	text-align: left;
	font-size: 80%;
}

#workinstrument tr {
	border-bottom: solid 1px #202020;
	-moz-user-select: none;
	-khtml-user-select: none;
}
#workinstrument tr.infocus {
	background-color:#dfdfdf;
	cursor: pointer;
}
#workinstrument tr.notinfocus { background-color:#fff; }
#workinstrument tr.selected { color:#fc0; }
#workinstrument tbody { margin-top: 0; }



#detailinst {
	position:absolute;
	visibility:visible;
	left:512px;
	top:35px;
	width:500px;
	height:500px;
	z-index:51;
	margin-top:-15px;
}
#work { 
	border-collapse:collapse;
	empty-cells:show;
	width:100%;
	margin: 0;
	z-index: 50;
	background-color:#333;
}

#work caption {
	color: #fff;
	text-transform:uppercase;
	text-align: left;
	font-weight: bold;
	letter-spacing: 0.1em;
	background-color: #666;
	padding: 0.2em 0.2em 0.2em 0.375em;
	border-top: solid 1px #999;
	border-bottom: solid 1px #3a3a3a;
}
#work th {
	padding: 6px 0.25em;
	color: #ffffff;	
	font-weight: bold;
	margin: 0;
	cursor: pointer;
}
#work th.infocus { background-color: #E6E6E6; }
#work th.selected {	color: #EAEAEA; }
#work td, #work th { 
	margin: 0; 
	padding: 2px 3px 2px 3px;
	text-align: left;
	font-size: 10px;
}
.sort a:link { color:#ffffff; text-decoration: underline; }
.sort a:visited { color:#ffffff; text-decoration: underline; }
.sort a:hover {color: #999999; text-decoration: underline;}
.sort a:active { color: #FD2800; text-decoration: underline; }
#work tr {
	border-bottom: solid 1px #202020;
	-moz-user-select: none;
	-khtml-user-select: none;
}
#work tr.infocus {
	background-color:#dfdfdf;
	cursor: pointer;
}
#work tr.notinfocus { background-color:#fff; }
#work tr.selected { color:#fc0; }
#work tbody { margin-top: 0; }
.even { background-color: #151515; }
.even a:link { color:#999999; text-decoration: none; }
.even a:visited { color:#999999; text-decoration: none; }
.even a:hover {color: #FFCC00; text-decoration: none;}
.even a:active { color: #FFCC00; text-decoration: none; }
.odd a:link { color:#999999; text-decoration: none; }
.odd a:visited { color:#999999; text-decoration: none; }
.odd a:hover {color: #FFCC00; text-decoration: none;}
.odd a:active { color: #FFCC00; text-decoration: none; }


.rowHover {
	color: #000;
	background-color: #777;
	cursor: pointer;
}
.rowSelected { color: #fc0; }
.rowSelectedBlink {
	color: #fc0;
}

#workpr { 
	border-collapse:collapse;
	empty-cells:show;
	width:100%;
	margin: 0;
	z-index: 50;
	background-color:#ffffff;
}

#workpr caption {
	color: #fff;
	text-transform:uppercase;
	text-align: left;
	font-weight: bold;
	letter-spacing: 0.1em;
	background-color: #666;
	padding: 0.2em 0.2em 0.2em 0.375em;
	border-top: solid 1px #999;
	border-bottom: solid 1px #3a3a3a;
}
#workpr th {
	padding: 6px 0.25em;
	color: #000000;	
	font-weight: bold;
	margin: 0;
	cursor: pointer;
}
#workpr th.infocus { background-color: #ffffff; }
#workpr th.selected {	color: #ffffff; }
#workpr td, #workpr th { 
	margin: 0; 
	padding: 2px 3px 2px 3px;
	text-align: left;
	font-size: 10px;
	color:#000000;
}
.sort a:link { color:#ffffff; text-decoration: underline; }
.sort a:visited { color:#ffffff; text-decoration: underline; }
.sort a:hover {color: #999999; text-decoration: underline;}
.sort a:active { color: #FD2800; text-decoration: underline; }
#workpr tr {
	border-bottom: solid 1px #202020;
	-moz-user-select: none;
	-khtml-user-select: none;
}
#workpr tr.infocus {
	background-color:#ffffff;
	cursor: pointer;
}
#workpr tr.notinfocus { background-color:#fff; }
#workpr tr.selected { color:#fc0; }
#workpr tbody { margin-top: 0; }
.even { background-color: #151515; }
.even a:link { color:#999999; text-decoration: none; }
.even a:visited { color:#999999; text-decoration: none; }
.even a:hover {color: #FFCC00; text-decoration: none;}
.even a:active { color: #FFCC00; text-decoration: none; }
.odd a:link { color:#999999; text-decoration: none; }
.odd a:visited { color:#999999; text-decoration: none; }
.odd a:hover {color: #FFCC00; text-decoration: none;}
.odd a:active { color: #FFCC00; text-decoration: none; }


.rowHover {
	color: #000;
	background-color: #777;
	cursor: pointer;
}
.rowSelected { color: #fc0; }
.rowSelectedBlink {
	color: #fc0;
}

#workalpha1 { 
	border-collapse:collapse;
	empty-cells:show;
	width:100%;
	margin: 0;
	z-index: 50;
	background-color:#000;
	float:left;
}
#workalpha2 { 
	border-collapse:collapse;
	empty-cells:show;
	width:100%;
	margin: 0;
	z-index: 50;
	background-color:#000;
	float:left;
}


/*Menuabout
-------------------------------------*/

.MenuHoverClass {
	color: #999;
}
.MenuSelectClass {
	color: #F00;
}
.MenuSelectedClass {
	color: #F00;
}

#ListStaff {
	color: #FFF;
	margin: -320px 0px 0px 195px;
	width:320px;
	height:320px;
	position: absolute;
	
}
/*Service
-------------------------------------*/
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.bottom {
	width: 400px;
	margin-top: 400px;
	position: absolute;
	z-index: 300;
}
/*Spry sliding panels
-------------------------------------*/
#slidingwidget {
	position: absolute;
	height: 320px;
	width: 290px;
	top: 60px;
	float: left;

}
.SlidingPanels {
	width: 535px;
	height: 350px;
	overflow: visible;
	position: relative;
	float: left;
	padding: 0px;
	margin-left: 185px;
	z-index:9;
	
}
.SlidingPanelsContainer {
	position: relative;
	height: 550px;
	width: 8000em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	z-index:9;
}
.SlidingPanelsContent {
	width: 550px;
	height: 350px;
	float: left;
	z-index:9;
}
.content {
	overflow: hidden;
	width: 520px;
	height: 320px;
	float: left;
	padding: 4px;
	border-right: solid 1px #999999;
}
.imageplaceholder {
	width:320px;
	height: 320px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	float: left;
	background-color: #000000;
	z-index:350;
}
.panelnav {
	z-index:200;
	position: relative;
	margin-top: 15px;
	
}
.left {
	text-align: left;
	margin-left: 10px;
	width:100px;
	height: 12px;
	float: left;
	
}
.right {
	text-align: right;
	margin-right: 10px;
	width:100px;
	height: 12px;
	float: right;
}	
	
.uploadimages {
	visibility:hidden;
}