/* By PaulZi [2010-05-29] */
@import url("reset.css");
@import url("public.css");


@font-face {
	font-family: 'Rodeo';
	src: url('/lj/fonts/rodeo.eot');
	src: url('/lj/fonts/rodeo.eot?#iefix') format('embedded-opentype'),
		 url('/lj/fonts/rodeo.woff') format('woff'),
		 url('/lj/fonts/rodeo.ttf') format('truetype'),
		 url('/lj/fonts/rodeo.svg#RodeoRegular') format('svg');
}

@font-face {
	font-family: 'RodeoLight';
	src: url('/lj/fonts/rodeolight.eot');
	src: url('/lj/fonts/rodeolight.eot?#iefix') format('embedded-opentype'),
		 url('/lj/fonts/rodeolight.woff') format('woff'),
		 url('/lj/fonts/rodeolight.ttf') format('truetype'),
		 url('/lj/fonts/rodeolight.svg#RodeoLightNormal') format('svg');
}

/*******************/
/* Global elements */
html { height: 100%; width: 100%; display: table; }
body { font-family: Tahoma, sans-serif; display: table-cell; vertical-align: middle; background-color: #69bedd; }
a { color: #66ccff; }


/*******************/
/* Global classes  */
.clLink { color: #66ccff; }


/*******************/
/*     Layouts     */
.layRoot { width: 905px; height: 641px; padding: 0px 47px 0px 48px; margin: 0px auto; background-color: #fff; }

.layHeader { position: relative; width: 100%; overflow: hidden; padding-top: 27px; text-align: right; border-bottom: solid 1px #000; }
.layHeader .mdlSharePanel { position: absolute; right: 0px; top: 10px; }
.layHeader .logo, .layHeader .printLogo { float: left; }
.layHeader .printLogo { display: none; }
.layHeader .printDesc { display: none; float: right; text-align: right; }
.layHeader .menu { padding-top: 66px; font-size: 15px; font-family: 'RodeoLight', Tahoma, sans-serif; }
.layHeader .menu a { text-decoration: none; }
.layHeader .menu a span { display: inline-block; height: 16px; padding: 4px 10px; color: #000; }
.layHeader .menu a:hover span, .layHeader .menu .act span { background-color: #69bedd; color: #fff; }

.layMain { width: 100%; height: 488px; }

.laySimple { padding-top: 16px; }

.layVideo table { width: 100%; height: 450px; }
.layVideo table .col1 { text-align: center; vertical-align: middle; }
.layVideo table .col2 { width: 80px; text-align: right; vertical-align: bottom; padding-bottom: 80px; }
.layVideo table .col2 a { text-decoration: none; }
.layVideo table .col2 a:hover { text-decoration: underline; }

.layText { padding: 27px 0px 0px 370px; line-height: 19px; background: transparent none no-repeat scroll left top; }
.layText .content { width: 100%; height: 350px; margin: 18px 0px; overflow: hidden; }
.layText .arw { width: 41px; height: 20px; cursor: pointer; background: transparent url(/public/images/txtArrows.gif) no-repeat scroll top left; }
.layText .arwT { background-position: left top; }
.layText .arwT:hover { background-position: right top; }
.layText .arwB { background-position: left bottom; }
.layText .arwB:hover { background-position: right bottom; }

.laySendForm { font-size: 92%; margin-right: -100px; }
.laySendForm .col1 { width: 750px; }
.laySendForm .col1 .clLink { margin: 5px 0px 5px 0px; }
.laySendForm .col2 { width: 185px; vertical-align: bottom; }
.laySendForm .col2 .sb { width: 184px; height: 66px; cursor: pointer; border: none; color: #fff; background-color: #69bedd; }
.laySendForm .tblPad { width: 730px; }
.laySendForm .tblPad td { border: solid 1px #b1b2b4; padding: 0px; height: 17px; line-height: 17px; }
.laySendForm .tblPad .fst { width: 310px; text-align: right; padding-right: 10px; }
.laySendForm .tblPad input { padding: 0px 10px; width: 398px; height: 17px; border: none 0px; }
.laySendForm .tblPad input:focus { outline: solid 1px #000; }
.laySendForm .col2 input[type='file'] { width: 184px; font-size: 10px; }

.layCatalog { position: relative; }
.layCatalog .arw { position: absolute; top: 185px; width: 20px; height: 41px; cursor: pointer; background: transparent url(/public/images/ctlgArrows.gif) no-repeat scroll top left; }
.layCatalog .arwL { left: -26px; background-position: left top; }
.layCatalog .arwL:hover { background-position: left bottom; }
.layCatalog .arwR { right: -26px; background-position: right top; }
.layCatalog .arwR:hover { background-position: right bottom; }

.layCatalogItem .belt { width: 100%; overflow: hidden; white-space: nowrap; }
.layCatalogItem .belt img { margin-right: 3px; }
.layCatalogItem .scroll { margin: 10px 0px 20px 0px; }
.layCatalogItem .scroll .arw { width: 7px; height: 13px; cursor: pointer; background: transparent url(/public/images/ctlgScroll.gif) no-repeat scroll top left; }
.layCatalogItem .scroll .arwL { float: left; background-position: left top; }
.layCatalogItem .scroll .arwR { float: right; background-position: right top; }
.layCatalogItem .scroll .cont { position: relative; width: 885px; height: 6px; margin: 0px auto; border-bottom: solid 1px #000; }
.layCatalogItem .scroll .cont .drag { position: absolute; left: 0px; top: 2px; width: 50px; height: 9px; cursor: E-resize; background: transparent url(/public/images/ctlgScrollDragBg.gif) repeat scroll left top; }

.layFooter { color: #999; font-size: 92%; padding-top: 12px; }

/*******************/
/*     Modules     */
.mdlMenu { font-weight: bold; }
.mdlMenu a { color: #000; }
.mdlMenu .act a { color: #66ccff; }

.mdlMLine { width: 100%; overflow: hidden; }
.mdlMLine .mdlMenu { float: right; }
.mdlMLine .mdlMenu span { margin-left: 15px; }
.mdlMLine .back { display:-moz-inline-stack; display: inline-block; padding: 6px 20px 7px 20px; font-weight: bold; font-size: 92%; text-transform: uppercase; background: #ababab url(/public/images/vidBackBg.gif) no-repeat scroll left top; }
.mdlMLine .back a { color: #fff; text-decoration: none; }
.mdlMLine .back a:hover { color: #fff; text-decoration: underline; }
.mdlMLine .line span, .mdlMLine .line b { margin-right: 10px; }

.mdlCatalog { margin-right: -9px; }
.mdlCatalog .item { display:-moz-inline-stack; display: inline-block; margin: 0px 9px 9px 0px; line-height: 1; vertical-align: top; width: 143px; height: 200px; }
.mdlCatalog .item p { visibility: hidden; position: relative; top: -29px; margin: 0px 0px -29px 0px; padding: 8px 0px 8px 8px; white-space: nowrap; color: #fff; background-color: rgba(128, 128, 128, 0.5); }
.mdlCatalog .item:hover p { visibility: visible; }

.mdlPages { text-align: center; }
.mdlPages span { margin: 0px 5px; }
.mdlPages a { color: #000; text-decoration: none; }
.mdlPages a:hover { text-decoration: underline; }
.mdlPages .act a { color: #66ccff; }

.mdlPhoto a { margin: 0px 9px 9px 0px; }
.mdlPhoto a img { vertical-align: top; width: 143px; height: 200px; }




/* darkbox */
.darkbox-frame { position:fixed; top:0; left:0; display:none; overflow:hidden; width:100%; height:100%; z-index:999; }
.darkbox-frame-on { display:block; }
.darkbox-shadow { position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0; }
.darkbox-canvas { position:absolute; top:50%; left:50%; overflow:hidden; margin:-40px 0 0 -40px; width:80px; height:80px; background:#000 url(/public/images/graphics/spinner.gif) 50% 50% no-repeat; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; opacity:.5; }
.darkbox-canvas IMG { display:block; visibility:hidden; }
.darkbox-canvas-load { background-image:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }
.darkbox-canvas-done { overflow:visible; opacity:1; }
.darkbox-canvas-done IMG { visibility:visible; opacity:0; }
.darkbox-button { position:absolute; top:-13px; display:none; width:30px; height:30px; background:url(/public/images/graphics/button.png) no-repeat; cursor:pointer; z-index:1; }
.darkbox-button-on { display:block; }
.darkbox-button-left { left:-16px; }
.darkbox-button-right { right:-16px; }


/* colorbox */
#colorbox, #modalBackgroundOverlay, #modalWrap{position:absolute; top:0; left:0; z-index:9999;}
#modalBackgroundOverlay{position:fixed; width:100%; height:100%;}
#colorbox{overflow:hidden; padding:1px; margin-top:-1px; margin-left:-1px;}/*padding fixes a ghosting issue in IE7, the negative margin compensates */
	#modalWrap{width:9000px; height:9000px;}
		#modalContent, #borderTopLeft, #borderTopCenter, #borderTopRight, #borderBottomLeft, #borderBottomCenter, #borderBottomRight, #borderMiddleLeft, #borderMiddleRight {float:left; height:0; width:0; overflow:hidden;}
		#borderMiddleLeft, #borderBottomLeft{clear:left;}
		#modalContent{position:relative; overflow:visible;}
			#contentTitle{margin:0;}
			#modalClose, #contentPrevious, #contentNext{outline:none; cursor:pointer; border:0; margin:0;}
			#modalLoadedContent{overflow:auto; width:0; height:0;}
			#modalLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
			#modalLoadedContent embed{display:block; border:0;}/* Display:block removes the line-height gap embedded content */
			#modalLoadingOverlay{position:absolute; width:100%; height:100%; top:0; left:0;}

#modalBackgroundOverlay{background:#000;}
#colorbox{}
	#modalContent{background:transparent; margin-top:20px;}
		#modalLoadedContent{background:transparent; padding: 10px; border:0px solid #000;}
			#contentTitle{position:absolute; top:-20px; left:0; color:#fff;}
			#contentCurrent{display:none;}
			#contentPrevious{position:absolute; top:50%; left:10px; margin-top:-41px; background:url(/public/images/colorbox/controls.png) top left no-repeat; width:38px; height:81px; text-indent:-9999px;}
			#contentPrevious:hover, #contentPrevious.hover{background-position:bottom left;}
			#contentNext{position:absolute; top:50%; right:10px; margin-top:-41px; background:url(/public/images/colorbox/controls.png) top right no-repeat; width:38px; height:81px; text-indent:-9999px;}
			#contentNext:hover, #contentNext.hover{background-position:bottom right;}
		#modalLoadingOverlay{background:url(/public/images/colorbox/loading.gif) center center no-repeat #000;}
		#modalClose{position:absolute; top:10px; right:10px; display:block; background:url(/public/images/colorbox/controls.png) top center no-repeat; width:47px; height:24px; text-indent:-9999px;}
		#modalClose:hover, #modalClose.hover{background-position:bottom center;}