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

/*******************/
/* 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 { width: 100%; overflow: hidden; padding-top: 27px; text-align: right; border-bottom: solid 1px #000; }
.layHeader .logo, .layHeader .printLogo { float: left; }
.layHeader .printLogo { display: none; }
.layHeader .printDesc { display: none; float: right; text-align: right; }
.layHeader .menu { padding-top: 66px; }
.layHeader .menu img { height: 24px; padding: 0px 10px; background: transparent url(/public/images/hdrMenuItems.gif) no-repeat scroll left top; }
.layHeader .menu a:hover img, .layHeader .menu .act img { background-color: #69bedd; }
.layHeader .menu .prmItem0 { width: 84px; background-position: 10px 0px; }
.layHeader .menu .act .prmItem0, .layHeader .menu a:hover .prmItem0 { background-position: 10px -24px; }
.layHeader .menu .prmItem1 { width: 50px; background-position: -96px 0px; }
.layHeader .menu .act .prmItem1, .layHeader .menu a:hover .prmItem1 { background-position: -96px -24px; }
.layHeader .menu .prmItem2 { width: 29px; background-position: -168px 0px; }
.layHeader .menu .act .prmItem2, .layHeader .menu a:hover .prmItem2 { background-position: -168px -24px; }
.layHeader .menu .prmItem3 { width: 115px; background-position: -219px 0px; }
.layHeader .menu .act .prmItem3, .layHeader .menu a:hover .prmItem3 { background-position: -219px -24px; }
.layHeader .menu .prmItem4 { width: 51px; background-position: -356px 0px; }
.layHeader .menu .act .prmItem4, .layHeader .menu a:hover .prmItem4 { background-position: -356px -24px; }

.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; }
.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; }