/*
File		:	/tpl/2k7/css/page_home.css
Desc.		:	global style sheet for screen media
Author		:	Olivier Le Brenn, about@webriding.net
C.D.		:	Fri, May 19, 2006 | 11:07:05 AM
U.D.		:	Fri, May 19, 2006 | 11:07:05 AM
COM			:	http://stopdesign.com/examples/ie5mac-bpf/
				http://tantek.com/CSS/Examples/midpass.html
*/

/*-------------------{ imported common links }---------------------*/


@import url("/tpl/myriad/css/global_links.css");
@import url("/tpl/myriad/css/global_typo.css");

/*------------{ imported styles according to browsers }------------*/

@import url("/tpl/myriad/css/global.css");

/* IE5/Mac Only Styles  */
/*\*//*/
  @import "/tpl/myriad/global_iemac.css";
/**/

/* IE5/Win Only Styles */
@media tty {
 i{content:"\";/*" "*/}} @import '/tpl/myriad/css/global_iewin.css'; /*";}
}/* */

/*-----------------------{ page style }----------------------------*/

#references div.contentinner {
	border-right: 0;
}

#references div.sidebar {
	padding-left:5px;
}

#references #browser {
	width:359px;
	height:123px;
	padding:0 4px;
	background:#f3f3f3;
}
#references #browser #wrapper{
	overflow:hidden;
	width:312px;
	height:92px;
	float:left;
	margin:16px 2px;
	position: relative;
}

#references #browser ul {
	list-style:none;
	width:50000px;
	position: relative;
	letter-spacing:0em;
}

#references #browser li{
	float:left;
	list-style:none;
	margin: 0 3px 0 8px;
}

#references #browser #wrapper a {
	display:block;
	border:1px solid #333;
	margin:3px;
	position:relative;
}

#references #browser #wrapper a.current, #references #browser #wrapper a:hover  {
	border:4px solid #666;
	margin:0px;
}

#references #browser img {
	display:block;
}

#references #previous, #next{
	height:123px;
	width: 20px;
	text-indent: -2000em;
	text-decoration: none;
	z-index: 1000; 
	display:block;
	cursor: pointer;
	float:left;
	background-repeat: no-repeat;
}
#references #previous{
	background: url('/tpl/myriad/img/project_previous.png');
}
#references #next{
	background: url('/tpl/myriad/img/project_next.png');
}
#references #previous:hover, #next:hover{ 
	background-position:right;
}

#references #browsecat {
	width:65px;
	height:16px;
	margin-left:252px;
	padding:5px 10px;
	background: #f3f3f3 url('/tpl/myriad/img/browsecat_bkg.png') no-repeat top right;
	text-align:center;
	display:block;
	white-space: nowrap;
}
#references #browsecat a {
	display:block;
	width:65px;
	height:16px;
}


/* project stuff */
#references dl#info {
	width:100%;
	margin:82px 0 15px 0% ;
	padding-bottom:5px;
	text-align:right;
	color:#666;
	border-bottom:2px #999 dotted;
}
#references dl#info dt {
	padding-top:12px;
	height:35px;
	text-align:right;
	font-weight:bold;
	font-size:1.3em;
}

#references dl#info dd {
	height:35px;
	/**/
	min-width:42%;
	text-align:left;
	/**/
	float:right;
	font-size:1.1em;
	border-left:2px #999 dotted;
	margin-left:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:14px;
}

/* project numbers to access viewer */
#references #thumbs{
	position:relative;
	left:-10px;
	width:35px;
	margin-top:105px;
	float:left;
}
#references #thumbs li{
	margin:5px;
	padding: 3px 0 0 7px;
	width:15px;
	height:19px;
	font-size:1.2em;
	font-weight:bold;
	color:#000;
	display:block;
	position:relative;
	background-image: url('/tpl/myriad/img/thumbs_bkg.png');
	background-position:right top;
	list-style:none;
}
#references #thumbs li a{
	text-decoration:none;
}

#references #thumbs li.current {
	background-position: left top;
}
#references #thumbs li.current a {
	color:#fff;
}

#references #thumbs li:hover {
	color:#fff;
	background-position: left top;
}
#references #thumbs li:hover a {
	color:#fff;
}

/* viewer handling the slideshow */
#references #viewer {
	height:283px;
	width: 283px;
	overflow:hidden;
	margin:15px 0 25px;
	border:1px #333 solid;
}

#references .sidebar #loading { 
	border:1px #333 solid;
	display: block; 
	position: absolute;
	margin:15px 0 25px;
	height:283px;
	width: 283px;
	text-indent: -5000px;
	background: #fff url('/tpl/myriad/img/viewer-loading.gif') no-repeat center center;
}

#references #viewer a  {
	cursor: url("/tpl/myriad/img/magnify.cur"), pointer;
}

#references #viewer a img {
	display: block; 
	cursor: url("/tpl/myriad/img/magnify.cur"), pointer;
	position: absolute;
}