@charset "UTF-8";
/*
 ** user interface CSS: PiCRO 2012
*/

/*gNav*/

#aboutIndexMenu {
	padding: 10px 0 0 !important;
	width: 633px;
}

#aboutIndexMenu li {
	width: 158px;
	height: 33px;
	float: left;
}

#aboutIndexMenu li a {
	width: 158px;
	height: 33px;
	float: left;
	background: url(../../img/UIoutline/gNav.gif);
	text-indent: -9999em;
	display: block;
	text-align: left;
}

#aboutIndexMenu * {
	vertical-align: top;
}

#aboutIndexMenu li.gNavHome a {
	background-position: 0 0;
}

#aboutIndexMenu li.gNavAbout a, body#faq #aboutIndexMenu li.gNavAbout a {
	background-position: -158px 0;
}

#aboutIndexMenu li.gNavAsp a {
	background-position: -316px 0;
}

#aboutIndexMenu li.gNavFaq a {
	background-position: -475px 0;
}

#aboutIndexMenu li.gNavHome a:hover {
	background-position: 0 -33px;
}

#aboutIndexMenu li.gNavAbout a:hover, #aboutIndexMenu li.current a, body.index #aboutIndexMenu li.gNavAbout a, body.picro #aboutIndexMenu li.gNavAbout a, body.device #aboutIndexMenu li.gNavAbout a, body.smartphone_app #aboutIndexMenu li.gNavAbout a, body.kids #aboutIndexMenu li.gNavAbout a, body.sports #aboutIndexMenu li.gNavAbout a, body.kinder #aboutIndexMenu li.gNavAbout a, body#faq #aboutIndexMenu li.gNavAbout a:hover {
	background-position: -158px -33px;
}

#aboutIndexMenu li.gNavAsp a:hover, body#sales #aboutIndexMenu li.gNavAsp a, body.projects #aboutIndexMenu li.gNavAsp a, body.sports_asp #aboutIndexMenu li.gNavAsp a, body.kinder_asp #aboutIndexMenu li.gNavAsp a, body.ad #aboutIndexMenu li.gNavAsp a, body.showcase #aboutIndexMenu li.gNavAsp a {
	background-position: -316px -33px;
}

#aboutIndexMenu li.gNavFaq a:hover, body#faq #aboutIndexMenu li.gNavFaq a {
	background-position: -475px -33px;
}

.uiNum {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

#uiPts em.uiNum {
	color: #0985bf;
	text-shadow: 0 1px 0 #ddd;
	font-size: 14px;
}

.endDash {
	font: 8px 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
}

#topcontrol {
	z-index: 999;
}

#endNavFloat {
	background: url(../../img/UI/iconToTop.png) no-repeat scroll center center;
	font-size: 10px;
	height: 84px;
	width: 84px;
	padding: 3px;
	opacity: 0.8;
	text-indent: -9999px;
	overflow: hidden;
}

.uiDate {}

.noData {
	background: none repeat scroll 0 0 #F5F5F5;
	border-color: #F0F0F0 #F5F5F5 #FFFFFF;
	border-radius: 4px 4px 4px 4px;
	border-style: solid;
	border-width: 1px;
	color: #BBBBBB;
	opacity: 0.6;
	padding: 0.5em 1em;
	text-shadow: 0 1px 0 #FFFFFF;
}

#members .memDetail table, #children .memDetail table {
	box-shadow: 0 1px 3px #DDDDDD;
}

#pgTracker li {
	border-bottom: 1px solid #DDDDDD;
}

#pgTracker li.now {
	text-shadow: 0 -1px 0 #333333;
}

/*
 **Body
*/

body {
	/*background-image: url(../../img/UI/bgNoise-w.png);*/
}

#allWrap {
	background-image: url(../../img/UI/bgNoise-w.png);
}

#kartes #content {
	background: url(../../img/UI/bgContent.png) top center repeat-y;
	min-width: 980px;
	width: expression(document.body.clientWidth < 982? "980px": "auto");
}

#photos #content {
	/*background: url(../../img/UI/bgContent.png) top left repeat-y;*/
}

.wrapper {
	margin-left: auto;
	margin-right: auto;
	padding: 0 14px;
	width: 952px;
}

/*
 ** nav
*/

#navBox {
	width: 176px;
	padding: 0 0 0 4px;
	float: left;
}

/*
 ** child select
*/

#childNav #uiChildLabel {
	position: fixed;
	left: 0px;
	top: 40px;
	display: none;
	z-index: 10;
}

#childNav ul {
	position: fixed;
	top: 134px;
	left: 0px;
	/* IE5 later && javascript-on */
	position: expression('absolute');
	top: expression(documentElement.scrollTop + 124 + 'px');
	left: expression(documentElement.scrollLeft + 0 + 'px');
	padding: 3px 2px 1px 3px !important;
	background: #fff;
	border-radius: 0 3px 3px 0;
	box-shadow: 0 0 2px #aaa;
	display: inline-block;
	width: 31px;
	/* max-width: 152px; */
	z-index: 10;
}

#childNav li {
	position: relative;
	border: 1px solid #fff;
	border-width: 0 0px 2px 0;
	display: inline-block;
	float: left;
	width: 30px;
	height: 30px;
	overflow: hidden;
}

#childNav a, #childNav li span, #childNav li img {
	display: block;
	overflow: hidden;
	width: 30px;
	height: 30px;
	position: absolute;
}

#childNav a {
	top: 0;
	left: 0;
}

#childNav a:hover, #childNav a:active, #childNav a.sel, #childNav li span {
	top: 0;
	left: 0;
	width: 26px;
	height: 26px;
}

#childNav a:hover {
	border: 2px solid #0E8CB6;
	background: transparent;
}

#childNav a:active, #childNav li span, #childNav a.sel {
	border: 2px solid #d01027;
}

#childNav li a span, #childNav li span span {
	border: 0;
}

#childNav a.sel {
	cursor: default;
}

#childNav li img {
	position: absolute;
	top: 0;
	left: 0;
}

#childNav li {
	background-size: 30px 30px !important;
}

/*
 ** contentNav
*/

#contentNav {}

.accTtl {
	padding: 2px 0;
	margin: 0 10px 2px 0;
	position: relative;
	line-height: 1.3;
	cursor: pointer;
}

.accArrow {
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
	background: url(../../img/UI/accArrow.png) 0 0;
	opacity: .8;
}

.op .accArrow {
	background-position: 0 -25px;
}

.accTtl em {
	font-size: 12px;
	margin-left: 6px;
	color: #999;
	text-shadow: 0 -1px 0px #eee;
}

.accTtl em.op {
	display: none;
}

.op.accTtl em.op {
	display: inline;
}

.op.accTtl em.cls {
	display: none;
}

.CNbox {
	background: url(../../img/UI/bgDashboard.png);
	padding: 8px 0 8px 8px;
	width: 150px;
	margin: 0 0 10px;
}

.CNbox li, .CNbox li img, .CNbox a, .CNbox a span {
	width: 67px;
	height: 67px;
	display: block;
	overflow: hidden;
}

.CNbox li {
	float: left;
	position: relative;
	margin: 2px;
	box-shadow: 0 0px 2px #999;
	border-radius: 3px;
	overflow: hidden;
}

.CNbox li a {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: .2;
	-ms-filter: "alpha(opacity=20)";
	/* IE 8 */
	filter: alpha(opacity=20);
	/* IE lt 8 */
	background-position: center;
	background-repeat: no-repeat;
	z-index: 2;
}

.CNbox li.current {
	background: #e0e0e0;
	box-shadow: 0 1px 1px #777 inset, 0 0px 2px #fff;
}

.CNbox li.current img {
	opacity: .5;
	-ms-filter: "alpha(opacity=50)";
	/* IE 8 */
	filter: alpha(opacity=50);
	/* IE lt 8 */
}

.CNbox li.current span {
	background: #aaa;
}

.CNbox li.current a, .CNbox li.current a:hover {
	background: none !important;
	cursor: default;
}

/*
 ** timeline
*/

#timelineNav {
	font-size: 12px;
	line-height: 1.3;
	padding-left: 16px;
	clear: both;
}

#timelineNav li {
	border-top: 1px solid #eee;
	border-bottom: 0;
}

#timelineNav li a {
	background: none;
	display: block;
	text-decoration: none;
	padding: 6px;
}

#timelineNav li.current a {
	color: #231815;
	text-shadow: 0 1px 0 #eee;
	font-weight: bolder;
	background: 0;
	cursor: default;
}

#timelineNav .current {
	background: #fcfcfc url(../../img/UI/bgContentTri.png) 141px -12px no-repeat !important;
	cursor: default !important;
}

/* type date only */

#timelineNav #dates .record_months {
	background: url(../../img/UI/bgDashboard.png);
}

#timelineNav #dates .record_months p {
	padding: 0 !important;
	border-top: 1px solid #fff;
}

#timelineNav #dates .record_months p a {
	padding: 2px 6px 2px 16px;
}

#timelineNav #dates .record_day {
	display: block;
	padding: 2px 6px 2px 16px;
	cursor: pointer;
}