html{ font-size:100%; } /* for IE */
body {
padding:0;
margin:0;
color:#353945;
font: 0.625em Inter, tahoma, helvetica, arial, sans-serif;
background:#FFF;
font-weight: 500;
}
/*......................................_ Global _................................................*/
form {margin:0;}
.clear {display:block; height:0; clear:both; visibility:hidden;}
.wrapper {display:block; height:1px; visibility:hidden;}
*html body .clear {margin:-8px 0;}
*html body .wrapper {display:none;}
.go {cursor:pointer; cursor:hand;}
.yui-button .Minus strong {background: url(../i3/buttons/delete.gif) no-repeat 2px 5px;}
*+html .yui-button .Minus strong {background: url(../i3/buttons/delete.gif) no-repeat 11px 5px;}
*html body .yui-button .Minus strong {background: url(../i3/buttons/delete.gif) no-repeat 11px 5px;}
.Thumb1 {float:left; position:relative; width:111px; margin:2px; font-size:11px;}
.Thumb1space {margin:10px 15px}
.Thumb1 div {border:2px solid #FFF; width:111px; height:82px; text-align:center;}
.Thumb1 .checkbox {float:right; width:13px; height:13px;}
/*......................................_Top Area_................................................*/
#top {width:100%; height:116px;}
#top .inner {position:relative; width:960px; height:116px; margin:0 auto;}
#top .logo {padding-top:2px;}
/*......................................_Top Right Menu & HELP Block_................................................*/
#top .rMenu {float:right; margin-top:13px;}
#top .rMenu ul {list-style:none; margin:0px; padding:0; font-size:1.1em; font-weight:bold; font-family:arial;}
#top .rMenu ul li {float:left; margin:0px;position:relative;}
#top .rMenu ul li a {display:block; margin:0; padding:2px 0px 4px 10px; color:#fff; text-decoration:underline;}
#top .rMenu ul li span {display:block; margin:0; padding:2px 0px 4px 10px; color:#fff; text-decoration:underline;}
#top .rMenu ul li a:hover {color:#fff36a;}
#top .rMenu ul li .help {float:left; width:17px; height:17px; margin-right:3px; background:transparent url(../i3/_help.png) no-repeat center left;
-background: none; cursor:pointer; cursor:hend;
-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/_help.png', sizingMethod='crop');}
#top .rMenu ul li .video-help {float:left; width:17px; height:17px; margin-right:3px; background:transparent url(../i3/_video_help.png) no-repeat center left;
-background: none; cursor:pointer; cursor:hend;
-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/_video_help.png', sizingMethod='crop');}
*html body #top .rMenu ul li .help {margin-right:0px;}
#topYB5 {height:170px;width:100%px; background:#5177ae;}
#topYB5 .inner {position:relative; width:980px; height:170px;margin:0 auto; }
#topYB5 .bg-top_d {position:relative; width:100%;margin-top:-12px;height:12px; background:url(i3/yb_top_bgd.png) repeat-x;}
#topYB5 .logo {padding:5px 0 5px 5px;}
#topYB5 .rMenu {float:right; margin-top:148px; background-color: #6c6c6c; border-radius: 8px 8px 0px 0px; height: 35px;}
#topYB5 .rMenu ul {list-style:none; margin:0px; padding:8px 0 8px 0; font-size:11px; font-weight:bold; font-family:arial;}
#topYB5 .rMenu ul li {float:left; margin:0px; padding-left: 4px; padding-right: 4px;}
#topYB5 .rMenu ul li .sep{float:left; margin:0px; height: 16px; width: 1px; background-color: white; padding: 2px 0px 2px 0px;}
#topYB5 .rMenu ul li .pad{float:left; margin:0px; height: 16px; width: 1px; background-color: #6c6c6c; padding: 2px 0px 2px 0px;}
#topYB5 .rMenu ul li a {display:block; margin:0; padding:6px 0px 6px 0px; color:#fff; text-decoration:none;}
#topYB5 .rMenu ul li span {display:block; margin:0; padding:2px 0px 4px 10px; color:#fff; text-decoration:none;}
#topYB5 .rMenu ul li a:hover {color:#fff36a;}
#topYB5 .rMenu ul li .help {float:left; width:18px; height:16px; padding: -8px 0 0 0; background:transparent url(../i3/help5.png) no-repeat center left;
-background: none; cursor:pointer;
-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i3/_help.png', sizingMethod='crop');}
#topYB5 .rMenu ul li a .video-help {float:left; width:18px; height:16px; padding: -8px 0 0 0; background:transparent url(../i3/video_help5.png) no-repeat center left;
-background: none; cursor:pointer;
-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/video_help5.png', sizingMethod='crop');}
#topYB5 .rMenu ul li a .account {float:left; width:18px; height:16px; padding: -8px 0 0 0; background:transparent url(../i3/account5.png) no-repeat center left;
-background: none; cursor:pointer;
-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/video_help5.png', sizingMethod='crop');}
#topYB5 .rMenu ul li a .cart {float:left; width:18px; height:16px; padding: -8px 0 0 0; background:transparent url(../i3/cart5.png) no-repeat center left;
-background: none; cursor:pointer;
-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/video_help5.png', sizingMethod='crop');}
#topYB6 {height:98px;width:100%;}
#topYB6 .inner {position:relative; width:1366px; height:98px;margin:0 auto; }
#topYB6 .header {position:relative; width:1366px; height:46px; background:#0097dc;}
#topYB6 .bg-top_d {position:relative; width:100%;margin-top:-12px;height:12px; background:url(i3/yb_top_bgd.png) repeat-x;}
#topYB6 .logo {left: 0px; position: absolute; padding:5px 0 5px 5px;}
#topYB6 .menuBar {height: 49px; width:1366px; margin-top: 3px;}
#topYB6 .menuBar .rMenu {float:right; background-color: #ffffff; margin-right: 25px; }
#topYB6 .menuBar .rMenu ul {list-style:none; margin:0px; padding:8px 0 8px 0; font-size:16px; color: #1d5f91; font-weight:500;}
#topYB6 .menuBar .rMenu ul li {float:left; margin-left:30px; padding-left: 0px; padding-right: 0px; border-bottom: 2px solid white;}
#topYB6 .menuBar .rMenu ul li a {display:block; padding:6px 0px 6px 0px; text-decoration:none; color: #1d5f91; font-weight:500; height: 27px;}
#topYB6 .menuBar .rMenu ul li a:focus {outline:none;}
#topYB6 .menuBar .rMenu ul li span {display:block; margin:0; padding:2px 0px 4px 10px; color:#fff; text-decoration:none;}
#topYB6 .menuBar .rMenu ul li.over a {color:#15a6df;}
#topYB6 .menuBar .rMenu ul li .video-help2 {float:left; width:25px; height:25px; margin-top: -4px; margin-right: 12px; background:transparent url(../i3/v6/menu-bar.png) -75px -75px no-repeat; cursor:pointer; }
#topYB6 .menuBar .rMenu ul li .chat {float:left; width:25px; height:25px; margin-top: -4px; margin-right: 12px; background:transparent url(../i3/v6/menu-bar.png) -50px -75px no-repeat; cursor:pointer; }
#topYB6 .menuBar .rMenu ul li .chat-active {float:left; width:25px; height:25px; margin-top: -4px; margin-right: 12px; background:transparent url(../i3/v6/menu-bar.png) -125px -75px no-repeat; cursor:pointer; }
#topYB6 .menuBar .rMenu ul li .logout {float:left; width:25px; height:25px; margin-top: -4px; margin-right: 12px; background:transparent url(../i3/v6/menu-bar.png) -100px -75px no-repeat; cursor:pointer; }
#topYB6 .menuBar .rMenu ul li .home {float:left; width:25px; height:25px; margin-top: -4px; margin-right: 12px; background:transparent url(../i3/v6/menu-bar.png) -150px -75px no-repeat; cursor:pointer; }
#topYB6 .menuBar .rMenu ul li .cart {float:left; width:25px; height:25px; margin-top: -4px; margin-right: 12px; background:transparent url(../i3/v6/menu-bar.png) -175px -75px no-repeat; cursor:pointer; }
#topYB6 .menuBar .rMenu ul li .account {float:left; width:25px; height:25px; margin-top: -4px; margin-right: 12px; background:transparent url(../i3/v6/menu-bar.png) -25px -75px no-repeat; cursor:pointer; }
#topYB6 .menuBar .rMenu ul li.over .video-help2 {background-position: -250px -75px; }
#topYB6 .menuBar .rMenu ul li.over .chat {background-position: -225px -75px; }
#topYB6 .menuBar .rMenu ul li.over .chat-active {background-position: -300px -75px; }
#topYB6 .menuBar .rMenu ul li.over .logout {background-position: -275px -75px; }
#topYB6 .menuBar .rMenu ul li.over .home {background-position: -325px -75px; }
#topYB6 .menuBar .rMenu ul li.over .cart {background-position: -350px -75px; }
#topYB6 .menuBar .rMenu ul li.over .account {background-position: -200px -75px; }
#topYB6 .menuBar .lMenu {float:left; background-color: #ffffff; margin-left: 25px;}
#topYB6 .menuBar .lMenu ul {list-style:none; margin:0px; padding:8px 0 8px 0; font-size:16px; color: #1d5f91; font-weight:500;}
#topYB6 .menuBar .lMenu ul li {float:left; margin-right:30px; padding-left: 0px; padding-right: 0px;}
#topYB6 .menuBar .lMenu ul li a {display:block; padding:6px 0px 6px 0px; text-decoration:none; color: #1d5f91; font-weight:500; height: 27px;}
#topYB6 .menuBar .lMenu ul li a:focus {outline:none;}
#topYB6 .menuBar .lMenu ul li.active {color: #0097dc; border-bottom: 2px solid #0097dc;}
#topYB6 .menuBar .lMenu ul li.active a {color: #0097dc; }
#topYB6 .menuBar .lMenu ul li span {display:block; margin:0; padding:2px 0px 4px 10px; color:#fff; text-decoration:none;}
#topYB6 .menuBar .lMenu ul li.over a {color:#15a6df;}
#topYB6 .menuBar .lMenu ul li .activity {float:left; width:25px; height:25px; margin-top: -4px; margin-right: 8px; background:transparent url(../i3/v6/menu-bar.png) -50px -50px no-repeat; cursor:pointer; }
#topYB6 .menuBar .lMenu ul li .yearbook {float:left; width:25px; height:25px; margin-top: -4px; margin-right: 8px; background:transparent url(../i3/v6/menu-bar.png) -75px -50px no-repeat; cursor:pointer; }
#topYB6 .menuBar .lMenu ul li .photos {float:left; width:31px; height:25px; margin-top: -4px; margin-right: 8px; background:transparent url(../i3/v6/menu-bar.png) -100px -50px no-repeat; cursor:pointer; }
#topYB6 .menuBar .lMenu ul li .users {float:left; width:25px; height:25px; margin-top: -4px; margin-right: 8px; background:transparent url(../i3/v6/menu-bar.png) -150px -50px no-repeat; cursor:pointer; }
#topYB6 .menuBar .lMenu ul li .sales {float:left; width:25px; height:25px; margin-top: -4px; margin-right: 8px; background:transparent url(../i3/v6/menu-bar.png) -175px -50px no-repeat; cursor:pointer; }
#topYB6 .menuBar .lMenu ul li .composite {float:left; width:25px; height:25px; margin-top: -4px; margin-right: 8px; background:transparent url(../i3/v6/menu-bar.png) -25px -50px no-repeat; cursor:pointer; }
#topYB6 .menuBar .lMenu ul li .content {float:left; width:29px; height:25px; margin-top: -4px; margin-right: 8px; background:transparent url(../i3/v6/menu-bar.png) -100px -25px no-repeat; cursor:pointer; }
#topYB6 .menuBar .lMenu ul li.over .activity {background-position: -225px -50px; }
#topYB6 .menuBar .lMenu ul li.over .yearbook {background-position: -250px -50px; }
#topYB6 .menuBar .lMenu ul li.over .photos {background-position:-275px -50px; }
#topYB6 .menuBar .lMenu ul li.over .users {background-position: -325px -50px; }
#topYB6 .menuBar .lMenu ul li.over .sales {background-position: -350px -50px; }
#topYB6 .menuBar .lMenu ul li.over .composite {background-position: -200px -50px; }
#topYB6 .menuBar .lMenu ul li.over .content {background-position: -275px -25px; }
#topYB6 .menuBar .lMenu ul li.active .activity {background-position: -225px -50px; }
#topYB6 .menuBar .lMenu ul li.active .yearbook {background-position: -250px -50px; }
#topYB6 .menuBar .lMenu ul li.active .photos {background-position:-275px -50px; }
#topYB6 .menuBar .lMenu ul li.active .users {background-position: -325px -50px; }
#topYB6 .menuBar .lMenu ul li.active .sales {background-position: -350px -50px; }
#topYB6 .menuBar .lMenu ul li.active .composite {background-position: -200px -50px; }
#topYB6 .menuBar .lMenu ul li.active .content {background-position: -275px -25px; }
#topYB6 .rSchoolName { color: white; font-size: 24px; position: absolute; top: 11px; right: 50px;}
.helpMessage {float: left; font-size: 12px; color: #353945; margin-bottom: 8px; width: 460px; overflow-wrap: break-word;}
.helpWarning {float: left; width: 28px; height: 26px; background:transparent url("../i3/v7/Pixami-Yearbookpro-svg2.png") -154px -326px no-repeat; padding-right: 12px;}
.helpInstruction {float: left; width: 28px; height: 26px; background:transparent url("../i3/v7/Pixami-Yearbookpro-svg2.png") -42px -328px no-repeat; padding-right: 12px;}
.helpNormal {float: left; width: 28px; height: 26px; background:transparent url("../i3/v7/Pixami-Yearbookpro-svg2.png") -98px -326px no-repeat; padding-right: 12px;}
.helpSmallMessage {float: left; font-size: 11px; color: #353945; margin-bottom: 4px; width: 243px; overflow-wrap: break-word;}
.helpSmallWarning {float: left; width: 15px; height: 15px; background:transparent url(../i3/HelpWarningSmall.png) no-repeat; padding-right: 6px;}
.helpSmallNormal {float: left; width: 15px; height: 15px; background:transparent url(../i3/HelpInfoSmall.png) no-repeat; padding-right: 6px;}
.helpSmallNone {float: left; width: 15px; height: 15px; background:white; padding-right: 6px;}
#loginYB6 {height:100vh; width:100%; margin: 0; padding: 0; background:#0097dc; position: relative;}
#loginYB6 .inner {position:absolute; left: 0; top: 0; right: 0; bottom: 0; max-width: 100%; max-height: 100%; overflow: auto; width:1092px; height:614px; margin:auto; background: transparent url("../i3/v6/PixamiUI-LoginPage-Final.jpg");}
#loginYB6 .right {margin-left: 640px; color: #58585a;}
#loginYB6 .right-box {padding: 0px 20px; width: 412px; }
#loginYB6 .logo { margin: 0 auto;}
#loginYB6 .school-name { width: 100%; text-align: center; font-size: 28px; font-weight: 600;}
#loginYB6 .help { width: 350px; text-align: left; font-size: 12px; font-weight: 500; margin: 0 auto;}
#loginYB6 .form { width: 350px; text-align: left; font-size: 12px; font-weight: 500; margin: 0 auto;}
#loginYB6 .field { width: 100%; margin-bottom: 20px; height: 22px; color: #58585a;}
#loginYB6 a {display:block; margin-top: 10px; color:#8fd2f0; text-decoration:none;}
#loginYB6 a:hover {color:#0097dc;}
#loginDir6 {height:100vh; width:100%; margin: 0; padding: 0; background:#0097dc; position: relative;}
#loginDir6 .inner {position:absolute; left: 0; top: 0; right: 0; bottom: 0; max-width: 100%; max-height: 100%; overflow: auto; width:1092px; height:614px; margin:auto; background: transparent url("../i3/v6/Directory-Pro-Login-Graphic-f.jpg");}
#loginDir6 .right {margin-left: 640px; color: #58585a;}
#loginDir6 .right-box {padding: 0px 20px; width: 412px; }
#loginDir6 .logo { margin: 0 auto;}
#loginDir6 .school-name { width: 100%; text-align: center; font-size: 28px; font-weight: 600;}
#loginDir6 .help { width: 350px; text-align: left; font-size: 12px; font-weight: 500; margin: 0 auto;}
#loginDir6 .form { width: 350px; text-align: left; font-size: 12px; font-weight: 500; margin: 0 auto;}
#loginDir6 .field { width: 100%; margin-bottom: 20px; height: 22px; color: #58585a;}
#loginDir6 a {display:block; margin-top: 10px; color:#8fd2f0; text-decoration:none;}
#loginDir6 a:hover {color:#0097dc;}
.linkMenu {height: 32px;}
.linkMenu ul {list-style:none; margin:0px; padding:4px 0 4px 0; font-size:11px; font-weight:bold;}
.linkMenu ul li {float:left; margin:0px; padding-left: 4px; padding-right: 4px;}
.linkMenu ul li .sep{float:left; margin:0px; height: 16px; width: 1px; background-color: white; padding: 2px 0px 2px 0px;}
.linkMenu ul li .pad{float:left; margin:0px; height: 16px; width: 1px; background-color: #f7fafc; padding: 2px 4px 2px 4px;}
.linkMenu ul li a {display:block; margin:0; padding:6px 0px 6px 0px; color:#6c6c6c; text-decoration:none;}
.linkMenu ul li span {display:block; margin:0; padding:2px 0px 4px 10px; color:#6c6c6c; text-decoration:none;}
.linkMenu ul li a:hover {color:#1e82cb;}
#HelpBlock {position:absolute; right:0; top:5px; display:none;z-index:100;}
#HelpBlock .marr {float:left; height:64px; padding:0px; background:transparent url(../i3/help_balloon.png) no-repeat;
-background: none;
-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/popupHelpL.png', sizingMethod='crop');}
.rMenu .darr {display:none; position:absolute; top:-16px; left:0px; margin-left:6px; width:20px; height:9px; background:transparent url(../i3/help_arrow.png) no-repeat;
-background: none;
-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/help_arrow.png', sizingMethod='crop');}
/*
#HelpBlock .marr {float:left; height:64px; padding:0px; background:transparent url(../i3/h_marr.png) no-repeat;
-background: none;
-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/h_marr.png', sizingMethod='crop');}
.rMenu .darr {display:none; position:absolute; top:-16px; left:0px; margin-left:0px; width:20px; height:17px; background:transparent url(../i3/h_darr.png) no-repeat;
-background: none;
-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/h_darr.png', sizingMethod='crop');}
#HelpBlock .rarr {float:left; width:8px; height:64px; background:transparent url(../i3/h_rarr.png) no-repeat;
-background: none; z-index:100;
-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/h_rarr.png', sizingMethod='crop');}
*/
#HelpBlock div.marr div {margin:4px 20px 10px 15px; width: 550px; font-size: 11px;}
#HelpBlock .close {position:absolute; width:15px; height:15px; right:8px; top:5px; background:transparent url(../i3/h_close.gif) no-repeat; cursor:pointer; cursor:hand;}
#PopupHelpBlockR {position:absolute; right:0; top:5px; display:none;z-index:100; width: 308px; z-index: 1000;}
#PopupHelpBlockR .marr {float:left; height:96px; width: 308px; padding:0px; background:transparent url(../i3/popupHelpR.png) no-repeat;
-background: none;
-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/popupHelpR.png', sizingMethod='crop');}
#PopupHelpBlockR div.marr div {margin:8px 10px 10px 17px; width: 265px; font-size: 11px;}
#PopupHelpBlockR .close {position:absolute; width:15px; height:15px; right:8px; top:7px; background:transparent url(../i3/h_close.gif) no-repeat; cursor:pointer; cursor:hand;}
#PopupHelpBlockL {position:absolute; right:0; top:5px; display:none;z-index:100; width: 308px; z-index: 1000;}
#PopupHelpBlockL .marr {float:left; height:96px; width: 308px; padding:0px; background:transparent url(../i3/popupHelpL.png) no-repeat;
-background: none;
-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/popupHelpL.png', sizingMethod='crop');}
#PopupHelpBlockL div.marr div {margin:8px 10px 10px 17px; width: 265px; font-size: 11px;}
#PopupHelpBlockL .close {position:absolute; width:15px; height:15px; right:8px; top:7px; background:transparent url(../i3/h_close.gif) no-repeat; cursor:pointer; cursor:hand;}
/*......................................_Top Main Menu_................................................*/
#TopMenuLine {position:relative; left:0; top:0px; font-size:11px; font-weight:bold; font-family:arial; color:#ca000a; cursor:pointer; cursor:hend;}
#TopMenuLine div {float:left; height:40px; padding:6px 4px 0 10px; background:transparent url('../i3/arr_m.png') no-repeat;
-background: none;
-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/arr_m.png', sizingMethod='crop');}
#TopMenuLine .darr {position:absolute; top:25px; left:50%; margin-left:-16px; width:20px; height:15px; background:transparent url('../i3/arr_d.png') no-repeat;
-background: none;
-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/arr_d.png', sizingMethod='crop');}
*html body #TopMenuLine .darr {left:-50%;}
#TopMenuLine .rarr {float:left; width:6px; height:40px; background:transparent url('../i3/arr_r.png') no-repeat;
-background: none; z-index:100;
-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/arr_r.png', sizingMethod='crop');}
#topMenu ul {list-style:none; margin:12px 0 0 0; padding:0; font-size:11px; font-weight:bold; font-family:arial;}
#topMenu ul li {float:left; margin:0px;}
#topMenu ul li span.unactive {display:block; margin:0; padding:6px 25px 0 0; text-decoration:none;}
/*......................................Slide out help................................................*/
.slideHelp {}
.slideHelp h1 {margin-top:8.0pt; margin-right:0in; margin-bottom:6.0pt; margin-left:0in; font-size:11.0pt; font-family:"Arial","sans-serif"; color:#0070C0; font-weight:bold;}
.slideHelp h2 {margin-top:4.0pt; margin-right:0in; margin-bottom:6.0pt; margin-left:0in; font-size:9.0pt; font-family:"Arial","sans-serif"; color:#0070C0; font-weight:bold; font-style:italic;}
.slideHelp p.MsoNormal {margin-top:0in; margin-right:0in; margin-bottom:8.0pt; margin-left:0in; font-size:9.0pt; font-family:"Arial","serif";}
/*......................................_Body_................................................*/
#outer {position:relative; width:960px; margin:0 auto; top:30px; clear:left; -height:0px;}
#outer5 {position:relative; width:960px; margin:0 auto; top:0px; clear:left; -height:0px;}
#outer6 {position:relative; width:1266px; margin:0 auto; top:0px; clear:left; -height:0px; background-color: #eceff8; padding-left: 50px; padding-right: 50px;}
#outer6a {position:relative; width: 1266px; margin:0 auto; background-color: #eceff8; padding-left: 50px; padding-right: 50px; display: inline-block;}
#outer7, .outer7 {position:relative; width:1296px; margin:0 auto; top:0px; clear:left; -height:0px; background-color: #f7fafc; padding-left: 20px; padding-right: 20px;}
.helpIcon {position: absolute; z-index: 999; font-size: 12px;}
.helpIcon a:link {text-decoration: underline; color: #0f5fb1;}
.helpIcon a:visited {text-decoration: underline; color: #0f5fb1;}
.helpIcon a:active {text-decoration: underline; color: #0f5fb1;}
.helpIcon a:hover {text-decoration: underline; color: #0f5fb1;}
#tabHdr {padding-top: 6px;}
#tabHdr ul li a {display:block; padding:3px 10px 3px 0; text-decoration:underline; color:#2a3c26;}
#tabHdr ul li a:hover {text-decoration:underline;}
/*......................................_Home page_................................................*/
#HomeOuter {position:relative; width:746px; margin:0 auto;}
.variant {width:960px !important;}
#HomeOuter p.ttl {font-size:28px; color:#28313e; text-align:center; margin:5px 0; font-family: helvetica, tahoma, arial, sans-serif;}
#HomeOuter img {border:0px;}
#Manage img, #Work img, #Create img, #Browse img {margin-right:22px;}
#Manage1 img, #Work1 img, #Create1 img{margin-right:12px;}
.HomeButton2cols img {margin-right: 22px;}
.HomeButton3cols img {margin-right: 12px;}
#Create, #Browse {margin-left:11px;}
#Manage1x {margin:0 6px;}
#HomeOuter .txt {display: table; height: 118px; #position: relative; overflow: hidden;}
#HomeOuter .txt div {#position: absolute; #top: 50%;display: table-cell; vertical-align: middle;}
#HomeOuter .txt div div {#position: relative; #top: -50%}
#HomeOuter .txt b {font-size:16px;font-family:helvetica, tahoma, arial, sans-serif;}
#HomeOuter .txt p {font-size:11px; margin:10px 0; font-weight:100; font-family:tahoma, arial, sans-serif;}
/*......... Zoom home box ...........*/
.gr_br {background: url(../i3/gr_b_r.gif) 100% 100% no-repeat}
.gr_t {background: url(../i3/gr_t.gif) 100% 0 no-repeat}
.gr_l {background: url(../i3/gr_l.gif) 0 100% no-repeat}
.gr_tl {background: url(../i3/gr_t_l.gif) 0 0 no-repeat}
/**/
/*............................................._ Books _..........................................*/
#bbLeft {float:left; width:669px;}
#bbRight {float:right; width:276px; margin-top:25px;}
#bbPre {float:left;}
#bbNxt {float:right;}
.bbprenxt {width:18px; height:22px; cursor:pointer; cursor:hand;}
#PagesAll {position:relative; left:7px; width:627px; height:24px; margin-bottom:25px; overflow:hidden;}
*html body #PagesAll {left:0px;}
#bbPages {position:absolute; top:0; left:0; }
.bbPages ul{list-style:none; margin:0px; padding:0; font-size:10px; font-weight:bold; font-family:arial;}
.bbPages ul li {float:left; margin:0px 5px;}
.bbPages ul li {width:38px; height:22px;padding:0px 0; color:#2a3c26; text-decoration:none;}
.bbPages ul li div {width: 100%; height: 22px; display:table-row; vertical-align: middle;}
.bbPages ul li div div {width: 100%; height: 22px; display:table-cell; text-align:center; vertical-align: middle; cursor:pointer;}
.bbPages .fcSel {width: 18px; background: url(../i3/bb/book_cover_front_on.gif) 0 0 no-repeat }
.bbPages .bcSel {width: 18px; background: url(../i3/bb/book_cover_back_on.gif) 0 0 no-repeat }
.bbPages .pgRSel {width: 18px; background: url(../i3/bb/book_page_right_on.gif) 0 0 no-repeat; }
.bbPages .pgLSel {width: 18px; background: url(../i3/bb/book_page_left_on.gif) 0 0 no-repeat; }
.bbPages .pg2Sel {width: 38px; background: url(../i3/bb/pages_on.gif) 0 0 no-repeat; }
.bbPages .month {width: 40px;}
.bbPages .monthSel {width: 40px; background: url(../i3/bb/month_on.gif) 0 0 no-repeat; }
/* .bbPages .card {width: 18px; background: url(../i3/bb/card_off.gif) 0 0 no-repeat; }
.bbPages .cardSel {width: 18px; background: url(../i3/bb/card_on.gif) 0 0 no-repeat; } */
/* New lines added by Tom on August 19 */
.bbPages .month {width: 40px; background: url(../i3/bb/month.gif) 0 0 no-repeat; }
.bbPages .monthSel {width: 40px; background: url(../i3/bb/month_on.gif) 0 0 no-repeat; }
.bbPages .card1 {width: 22px;}
.bbPages .card1Sel {width: 22px; background: url(../i3/bb/card_cover_on.gif) 0 0 no-repeat; }
.bbPages .card2 {margin: 0px 1px 0px 5px; width: 22px;}
.bbPages .card2Sel {margin: 0px 1px 0px 5px; width: 22px; background:url(../i3/bb/card_inside_first_on.gif) 0 0 no-repeat; } .bbPages .card3 {margin: 0px 5px 0px 1px; width: 22px; background:url(../i3/bb/card_inside_second_off_green.gif) 0 0 no-repeat; } .bbPages .card3Sel {margin: 0px 5px 0px 1px; width: 22px; background:url(../i3/bb/card_inside_second_on.gif) 0 0 no-repeat; } .bbPages .card4 {width: 22px;}
.bbPages .card4Sel {width: 22px; background: url(../i3/bb/card_back_on.gif) 0 0 no-repeat; }
/* New lines added by Tom on August 19 */
.bbPages ul li span {padding:0 4px}
.bbPagesMonth .active, .bbPages .active {color:#C00;}
/*.bbPagesMonth .active, .bbPages .active {font-size:1.05em;} */
#PagesAllM {position:relative; left:46px; width:577px; height:22px; margin-bottom:25px; overflow:hidden;}
.bbPagesMonth {width:576px;}
.bbPagesMonth ul {list-style:none;margin:0px;padding:0;font-size:10px;font-weight:bold;font-family:arial;}
.bbPagesMonth ul li {float:left; margin:0px 4px;}
*html body .bbPagesMonth ul li {float:left; margin:0px 3px;}
.bbPagesMonth ul li span {display:block;width:40px;height:15px;padding-top:7px;background:url(../i3/bb/month.gif) no-repeat;color:#161616; text-align:center;}
.bbPagesYB ul{list-style:none; margin:0px; padding:0; font-size:10px; font-weight:bold; font-family:arial;}
.bbPagesYB ul li {display: inline-block; margin:0px 5px; white-space: nowrap;}
.bbPagesYB ul li {width:31px; height:30px;padding:0px 0; color:#2a3c26; text-decoration:none;}
.bbPagesYB ul li div {width: 100%; height: 26px; display:table-row; vertical-align: middle;}
.bbPagesYB ul li div div {width: 100%; height: 26px; display:table-cell; text-align:center; vertical-align: middle; cursor:pointer;}
.bbPagesYB .pgL {width: 14px; background: url(../i3/bb/page-spread.png) -44px 0px no-repeat; }
.bbPagesYB .pgR {width: 14px; background: url(../i3/bb/page-spread.png) -60px 0px no-repeat; }
.bbPagesYB .fc {width: 14px; background: url(../i3/bb/page-spread.png) -44px 0px no-repeat }
.bbPagesYB .bc {width: 14px; background: url(../i3/bb/page-spread.png) -60px 0px no-repeat }
.bbPagesYB .pg2 {width: 31px; background: url(../i3/bb/page-spread.png) -44px 0px no-repeat; }
.bbPagesYB .fcSel {width: 14px; background: url(../i3/bb/page-spread-sel.png) -44px 0px no-repeat }
.bbPagesYB .bcSel {width: 14px; background: url(../i3/bb/page-spread-sel.png) -60px 0px no-repeat }
.bbPagesYB .pgRSel {width: 14px; background: url(../i3/bb/page-spread-sel.png) -60px 0px no-repeat; }
.bbPagesYB .pgLSel {width: 14px; background: url(../i3/bb/page-spread-sel.png) -44px 0px no-repeat; }
.bbPagesYB .pg2Sel {width: 31px; background: url(../i3/bb/page-spread-sel.png) -44px 0px no-repeat; }
.bbPagesYBL ul{list-style:none; margin:0px; padding:0; font-size:10px; font-weight:bold; font-family:arial;}
.bbPagesYBL ul li {display: inline-block; margin:0px 5px; white-space: nowrap;}
.bbPagesYBL ul li {height:96px;padding:0px 0; color:#2a3c26; text-decoration:none;}
.bbPagesYBL ul li div {width: 100%; height: 96px;}
.bbPagesYBL .pg1 {width: 75px; border: 1px solid #cccccc;}
.bbPagesYBL .pg2 {width: 148px; border: 1px solid #cccccc;}
.bbPagesYBL .pg1Sel {border: 1px solid yellow;}
.bbPagesYBL .pg2Sel {border: 1px solid yellow;}
.bbPagesYBL2 ul{list-style:none; margin:0px; padding:0; font-size:10px; font-weight:bold; font-family:arial;}
.bbPagesYBL2 ul li {display: inline-block; margin:0px 5px; white-space: nowrap;}
.bbPagesYBL2 ul li {height:64px;padding:0px 0; color:#2a3c26; text-decoration:none;}
.bbPagesYBL2 ul li div {width: 100%; height: 64px;}
.bbPagesYBL2 .pg1 {width: 50px; border: 1px solid #cccccc; margin-left: 0px; margin-right: 0px;}
.bbPagesYBL2 .pg2 {width: 50px; border: 1px solid #cccccc; margin-left: 0px; margin-right: 6px;}
.bbPagesYBL2 .pg1Sel {border: 1px solid yellow; margin-left: 0px; margin-right: 0px;}
.bbPagesYBL2 .pg2Sel {border: 1px solid yellow; margin-left: 0px; margin-right: 6px;}
#bbPreYB {float:left; background: url(../i3/bb/page-spread.png) -3px 0px no-repeat;}
#bbNxtYB {float:right; background: url(../i3/bb/page-spread.png) -100px 0px no-repeat;}
#bbPreYB2 {float:left; background: url(../i3/bb/page-spread.png) -3px 0px no-repeat;}
#bbNxtYB2 {float:right; background: url(../i3/bb/page-spread.png) -100px 0px no-repeat;}
.bbprenxtYB {width:12px; height:12px; cursor:pointer; cursor:hand; background-origin: content-box; border: 1px solid #E6E8EC; border-radius: 24px; padding: 6px; }
#bbPreYB6 {float: left; background: transparent url(../i3/v7/Pixami-Yearbookpro-svg2.png) -44px -2587px no-repeat; background-origin: content-box; background-color: white; }
#bbNxtYB6 {float: right; background: transparent url(../i3/v7/Pixami-Yearbookpro-svg2.png) -66px -2587px no-repeat; background-origin: content-box; background-color: white; }
#bbPreYB6.disable {background-position: -88px -2587px;}
#bbNxtYB6.disable {background-position: -110px -2587px;}
.bbprenxtYB6 {width:12px; height:12px; cursor:pointer; margin-top: 14px; border: 1px solid #E6E8EC; border-radius: 24px; padding: 6px; }
#PagesAll6 {height:36px; margin: 0px 7px 0px 7px; float: left;}
#bbPages6 {white-space: nowrap; height: 80px; overflow:hidden; }
#bbPages6 div {display: inline-block; border: 0px solid #a7abb5; }
#bbPages6 div.inactive {opacity: 0.3;}
#bbPages6 div.sel {border-color: #baff2f;}
#bbPages6 div.pageL {margin-left: 8px; border-width: 3px 0px 3px 3px; height: 45px;}
#bbPages6 div.pageR {margin-left: 0px; border-width: 3px 3px 3px 0px; height: 45px;}
#bbPages6 div.pageS {margin-left: 8px; border-width: 3px 3px 3px 3px; height: 45px;}
/*.._Left Border_.._ Books _..*/
.bb_c {}
.bb_t {background: url(../i3/boxes/bb/bb_dot_t.gif) 0 0 repeat-x;}
.bb_b {background: url(../i3/boxes/bb/bb_dot_b.gif) 0 100% repeat-x}
.bb_l {background: url(../i3/boxes/bb/bb_dot_l.gif) 0 0 repeat-y}
.bb_r {background: url(../i3/boxes/bb/bb_dot_r.gif) 100% 0 repeat-y}
.bb_bl {background: url(../i3/boxes/bb/bb_bl.gif) 0 100% no-repeat}
.bb_br {background: url(../i3/boxes/bb/bb_br.gif) 100% 100% no-repeat}
.bb_tl {background: url(../i3/boxes/bb/bb_tl.gif) 0 0 no-repeat}
.bb_tr {background: url(../i3/boxes/bb/bb_tr.gif) 100% 0 no-repeat;}
#bbLeft .bbL_inner img.r {float:right;}
#bbLeft .bbL_inner img {}
#bbLeftBottomLine {position: relative;}
.skinVar2 {float:right;}
.skinVar2 #bbPreview strong {background: url(../i3/buttons/preview.gif) no-repeat 10px 7px;}
*+html .skinVar2 #bbPreview strong {background: url(../i3/buttons/preview.gif) no-repeat 19px 7px;}
*html body .skinVar2 #bbPreview strong {background: url(../i3/buttons/preview.gif) no-repeat 19px 7px;}
.skinVar2 #bbOrder strong {background: url(../i3/buttons/order.gif) no-repeat 10px 5px;}
*+html .skinVar2 #bbOrder strong {background: url(../i3/buttons/order.gif) no-repeat 19px 5px;}
*html body .skinVar2 #bbOrder strong {background: url(../i3/buttons/order.gif) no-repeat 19px 5px;}
.skinVar2 #bbPublish strong {background: url(../i3/buttons/preview.gif) no-repeat 10px 7px;}
*+html .skinVar2 #bbPublish strong {background: url(../i3/buttons/preview.gif) no-repeat 19px 7px;}
*html body .skinVar2 #bbPublish strong {background: url(../i3/buttons/preview.gif) no-repeat 19px 7px;}
.skinVar1 {float:left; padding: 0px 2px;}
/* New june 2010*/
#bbLeftBottomLine div.skinVar1 div{margin:0px 3px;float:left;width:40px;height:25px;padding:28px 0 0 0;color:#304056;text-align:center;}
#bbLeftBottomLine div.skinVar1 div.f{margin-left:0;}
#bbLeftBottomLine div.skinVar1 div.vertical_separator{width:20px !important;background: url(../i3/buttons/icons_vertical_separator.gif) no-repeat top center;}
#bbLeftBottomLine div.skinVar1 div{background-position:top center;}
#bbLeftBottomLine div.skinVar1 div.over{background-position:top center;}
#bbLeftBottomLine div.skinVar1 div.disabled{background-position:top center;}
#PubArea div.skinVar1 div{margin:0px 5px;float:left;width:40px;height:25px;padding:28px 0 0 0;color:#304056;text-align:center; font-size: 11px; }
#PubArea div.skinVar1 div.f{margin-left:0;}
#PubArea div.skinVar1 div.vertical_separator{width:20px !important;background: url(../i3/buttons/icons_vertical_separator.gif) no-repeat top center;}
#PubArea div.skinVar1 div{background-position:top center;}
#PubArea div.skinVar1 div.over{background-position:top center;}
#PubArea div.skinVar1 div.disabled{background-position:top center;}
#bbPreviewToolbar div.skinVar1 .btn {margin:0px 3px;float:left;padding:0px 0 0 0;color:#304056;text-align:center;}
#bbPreviewToolbar div.skinVar1 div.f{margin-left:0;}
#bbPreviewToolbar div.skinVar1 div.vertical_separator{width:20px !important;background: url(../i3/buttons/icons_vertical_separator.gif) no-repeat top center;}
/*
#bbPreviewToolbar div.skinVar1 div{background-position:top center;}
#bbPreviewToolbar div.skinVar1 div.over{background-position:top center;}
#bbPreviewToolbar div.skinVar1 div.disabled{background-position:top center;}
*/
#bbPreviewVertToolbar div.skinVar1 .btn {margin:0px 3px;float:left;padding:0px 0 0 0;color:#304056;text-align:center;}
#bbPreviewVertToolbar div.skinVar1 div.f{margin-left:0;}
#bbPreviewVertToolbar div.skinVar1 div.vertical_separator{width:20px !important;background: url(../i3/buttons/icons_vertical_separator.gif) no-repeat top center;}
#bbPreviewVertToolbar div.skinVar1 div{background-position:top center;}
#bbPreviewVertToolbar div.skinVar1 div.over{background-position:top center;}
#bbPreviewVertToolbar div.skinVar1 div.disabled{background-position:top center;}
.skinVar1 #bbStartOver {background: url(../i3/buttons/start_over_off.gif) no-repeat;}
.skinVar1 #bbStartOver.over {background: url(../i3/buttons/start_over_on.gif) no-repeat;}
.skinVar1 #bbAddPage {background: url(../i3/buttons/add_new_page_off.gif) no-repeat;}
.skinVar1 #bbAddPage.over {background: url(../i3/buttons/add_new_page_on.gif) no-repeat;}
.skinVar1 #bbDeletePage {background: url(../i3/buttons/delete_page_off.gif) no-repeat;}
.skinVar1 #bbDeletePage.over {background: url(../i3/buttons/delete_page_on.gif) no-repeat;}
.skinVar1 #bbPricingCalc {background: url(../i3/buttons/pricing_off.gif) no-repeat;}
.skinVar1 #bbPricingCalc.over {background: url(../i3/buttons/pricing_on.gif) no-repeat;}
.skinVar1 #bbOptions {background: url(../i3/buttons/options_off.gif) no-repeat;}
.skinVar1 #bbOptions.over {background: url(../i3/buttons/options_on.gif) no-repeat;}
.skinVar1 #bbArrange {background: url(../i3/buttons/manage_off.gif) no-repeat;}
.skinVar1 #bbArrange.over {background: url(../i3/buttons/manage_on.gif) no-repeat;}
.skinVar1 #bbSnapGrid {background: url(../i3/buttons/snap_grid_off.gif) no-repeat;}
.skinVar1 #bbSnapGrid.over {background: url(../i3/buttons/snap_grid_on.gif) no-repeat;}
.skinVar1 #bbRotatePage {background: url(../i3/buttons/rotate_page_off.gif) no-repeat;}
.skinVar1 #bbRotatePage.over {background: url(../i3/buttons/rotate_page_on.gif) no-repeat;}
/* see style like style_Blue.css
.skinVar1 #bbPrevPage {background: url(../i3/buttons/book_arrow_prev_off.gif) no-repeat;}
.skinVar1 #bbPrevPage.over {background: url(../i3/buttons/book_arrow_prev_on.gif) no-repeat;}
.skinVar1 #bbNextPage {background: url(../i3/buttons/book_arrow_next_off.gif) no-repeat;}
.skinVar1 #bbNextPage.over {background: url(../i3/buttons/book_arrow_next_on.gif) no-repeat;}
*/
.skinVar1 #bbPublishPage{background: url(../i3/buttons/publish_page_off.gif) no-repeat;}
.skinVar1 #bbPublishPage.over {background: url(../i3/buttons/publish_page_on.gif) no-repeat;}
.skinVar1 #bbSharePage{background: url(../i3/buttons/share_page_off.gif) no-repeat;}
.skinVar1 #bbSharePage.over {background: url(../i3/buttons/share_page_on.gif) no-repeat;}
.skinVar1 #bbPreviewPage{background: url(../i3/buttons/preview_page_off.gif) no-repeat;}
.skinVar1 #bbPreviewPage.over {background: url(../i3/buttons/preview_page_on.gif) no-repeat;}
.skinVar1 #bbPreviewPage2{background: url(../i3/buttons/preview_page_off2.gif) no-repeat;}
.skinVar1 #bbPreviewPage2.over {background: url(../i3/buttons/preview_page_on.gif) no-repeat;}
.skinVar1 #bbOrderPage{background: url(../i3/buttons/order_page_off.gif) no-repeat;}
.skinVar1 #bbOrderPage.over {background: url(../i3/buttons/order_page_on.gif) no-repeat;}
.skinVar1 #bbEditPage{background: url(../i3/buttons/edit_off.gif) no-repeat;}
.skinVar1 #bbEditPage.over {background: url(../i3/buttons/edit_on.gif) no-repeat;}
.skinVar1 #bbEditPage2{background: url(../i3/buttons/edit_off2.gif) no-repeat;}
.skinVar1 #bbEditPage2.over {background: url(../i3/buttons/edit_on.gif) no-repeat;}
.skinVar1 #bbDeleteAlbum{background: url(../i3/buttons/delete_album_off.gif) no-repeat;}
.skinVar1 #bbDeleteAlbum.over {background: url(../i3/buttons/delete_album_on.gif) no-repeat;}
.skinVar1 #bbDeleteAlbum2{background: url(../i3/buttons/delete_album_off2.gif) no-repeat;}
.skinVar1 #bbDeleteAlbum2.over {background: url(../i3/buttons/delete_album_on.gif) no-repeat;}
/*
.skinVar1 #bbLeftZoom2,#bbCoverZoom2{background: url(../i3/buttons/zoom_off.gif) no-repeat;}
.skinVar1 #bbLeftZoom2.over, #bbCoverZoom2.over {background: url(../i3/buttons/zoom_on.gif) no-repeat;}
.skinVar1 #bbRightZoom2{background: url(../i3/buttons/zoom_off.gif) no-repeat;}
.skinVar1 #bbRightZoom2.over {background: url(../i3/buttons/zoom_on.gif) no-repeat;}
.skinVar1 #bbPrintZoom2{background: url(../i3/buttons/zoom_off.gif) no-repeat;}
.skinVar1 #bbPrintZoom2.over {background: url(../i3/buttons/zoom_on.gif) no-repeat;}
.skinVar1 #bbTopZoom2{background: url(../i3/buttons/zoom_off.gif) no-repeat;}
.skinVar1 #bbTopZoom2.over {background: url(../i3/buttons/zoom_on.gif) no-repeat;}
.skinVar1 #bbBottomZoom2{background: url(../i3/buttons/zoom_off.gif) no-repeat;}
.skinVar1 #bbBottomZoom2.over {background: url(../i3/buttons/zoom_on.gif) no-repeat;}
.skinVar1 #bbPrevPage2 {background: url(../i3/buttons/book_arrow_prev_off.gif) no-repeat;}
.skinVar1 #bbPrevPage2.over {background: url(../i3/buttons/book_arrow_prev_on.gif) no-repeat;}
.skinVar1 #bbNextPage2 {background: url(../i3/buttons/book_arrow_next_off.gif) no-repeat;}
.skinVar1 #bbNextPage2.over {background: url(../i3/buttons/book_arrow_next_on.gif) no-repeat;}
*/
.skinVar1 .icon {width: 25px; height: 25px; margin-left: 12px; background: transparent url(../i3/v7/Pixami-Yearbookpro-svg2.png) -75px -425px no-repeat;}
.skinVar1 .text {width: 50px; color:#304056; text-align:center;}
.skinVar1 #bbLeftZoom2 .icon{background-position: -279px -2812px;}
.skinVar1 #bbLeftZoom2.over .icon {background-position: -279px -2852px;}
.skinVar1 #bbCoverZoom2 .icon{background-position: -125px -400px;}
.skinVar1 #bbCoverZoom2.over .icon {background-position: -300px -400px;}
.skinVar1 #bbRightZoom2 .icon{background-position: -279px -2812px;}
.skinVar1 #bbRightZoom2.over .icon {background-position: -279px -2852px;}
.skinVar1 #bbPrintZoom2 .icon{background-position: -279px -2812px;}
.skinVar1 #bbPrintZoom2.over .icon {background-position: -300px -2852px;}
.skinVar1 #bbTopZoom2 .icon{background-position: -125px -400px;}
.skinVar1 #bbTopZoom2.over .icon {background-position: -300px -400px;}
.skinVar1 #bbBottomZoom2 .icon{background-position: -125px -400px;}
.skinVar1 #bbBottomZoom2.over .icon {background-position: -300px -400px;}
.skinVar1 #bbPrevPage2 .icon{background-position: -280px -2731px;}
.skinVar1 #bbPrevPage2.over .icon {background-position: -280px -2771px;}
.skinVar1 #bbNextPage2 .icon {background-position: -39px -2812px;}
.skinVar1 #bbNextPage2.over .icon {background-position: -39px -2852px;}
.skinVar1 #bbPageSelect2 { width: 100px; z-index: 11001;}
.skinVar1 #bbPrevImage2 .icon{background-position: -280px -2731px;}
.skinVar1 #bbPrevImage2.over .icon {background-position: -280px -2771px;}
.skinVar1 #bbNextImage2 .icon {background-position: -39px -2812px;}
.skinVar1 #bbNextImage2.over .icon {background-position: -39px -2852px;}
/* New june 2010*/
#PubArea div.skinVar1 div.bookstoreLink {text-align: center; float: left; width: 70px; margin: 0px; padding: 0px;}
#PubArea div.skinVar1 div.bookstoreLink a {display:block; text-decoration:none; color:#4046f6;}
#PubArea div.skinVar1 div.bookstoreLink a:hover {display:block; color:#f4dda9;}
.skinVar3 {position: absolute; left: 309px; top: 0px; width: 50px; height: 25px;}
*html .skinVar3 {left: 155px;}
.skinVar1 #bbPrevPage {background: url(../i3/buttons/book_arrow_prev_off.gif) no-repeat;}
.skinVar1 #bbPrevPage.over {background: url(../i3/buttons/book_arrow_prev_on.gif) no-repeat;}
.skinVar1 #bbNextPage {background: url(../i3/buttons/book_arrow_next_off.gif) no-repeat;}
.skinVar1 #bbNextPage.over {background: url(../i3/buttons/book_arrow_next_on.gif) no-repeat;}
.skinVar1 #bbUndo {background: url(../i3/buttons/undo_off.gif) no-repeat;}
.skinVar1 #bbUndo.over {background: url(../i3/buttons/undo_on.gif) no-repeat;}
.skinVar1 #bbUndo.disabled {background: url(../i3/buttons/undo_dis.gif) no-repeat;}
.skinVar1 #bbRedo {background: url(../i3/buttons/redo_off.gif) no-repeat;}
.skinVar1 #bbRedo.over {background: url(../i3/buttons/redo_on.gif) no-repeat;}
.skinVar1 #bbRedo.disabled {background: url(../i3/buttons/redo_dis.gif) no-repeat;}
.skinVar1 #bbAddImage {background: url(../i3/buttons/addimage_off.gif) no-repeat;}
.skinVar1 #bbAddImage.over {background: url(../i3/buttons/addimage_on.gif) no-repeat;}
.skinVar1 #bbAddText {background: url(../i3/buttons/addtext_off.gif) no-repeat;}
.skinVar1 #bbAddText.over {background: url(../i3/buttons/addtext_on.gif) no-repeat;}
@keyframes ants { to { background-position: 100% 100% } }
.NoResizeFrame { position:absolute; background: url(../images2/shim.gif); visibility:hidden; z-index: 999; left:0px; top:0px; width:400px; height:400px; border: 2px solid #808080; z-index: 1003;}
.ResizeFrame { position:absolute; background: url(../images2/shim.gif); visibility:hidden; z-index: 990; left:0px; top:0px; width:400px; height:400px; border: 2px solid #808080; padding: 0px; margin: 0px; z-index: 1003;}
.ResizeFrameHLine { position:absolute; background: url(../images2/shim.gif); visibility:hidden; z-index: 990; left:0px; top:0px; width:400px; height:400px; border-top: 2px solid #808080; padding: 0px; margin: 0px; z-index: 1003;}
.ResizeFrameVLine { position:absolute; background: url(../images2/shim.gif); visibility:hidden; z-index: 990; left:0px; top:0px; width:400px; height:400px; border-left: 2px solid #808080; padding: 0px; margin: 0px; z-index: 1003;}
.HighlightFrame { position:absolute; background: url(../images2/shim.gif); visibility:hidden; z-index: 999; left:0px; top:0px; width:400px; height:400px; border: 2px solid #baff2f; z-index: 1004;}
.HighlightFrame2 { position:absolute; background: url(../images2/shim.gif); visibility:hidden; z-index: 999; left:0px; top:0px; width:400px; height:400px; border: 2px solid #baff2f; }
.MultiSelFrame { position:absolute; background: url(../images2/shim.gif); visibility:hidden; z-index: 1000; left:0px; top:0px; width:400px; height:400px; z-index: 1004;
border: 1px solid #ffffff;
border-image: url('../i3/ants2.gif') 8 repeat repeat;
-moz-border-image: url('../i3/ants2.gif') 1 repeat repeat;
-webkit-border-image: url('../i3/ants2.gif') 1 repeat repeat;
}
.ShadowFrame { position:absolute; background: url(../images2/shim.gif); visibility:hidden; z-index: 1000; left:0px; top:0px; width:400px; height:400px; border: 2px solid #c000c0; z-index: 1003;}
.FrameHotSpot { position: absolute; right: -1px; width: 12px; height: 12px; z-index: 999; font-size: 1px; background-image: url(../images2/frameHotSpot.gif); cursor: pointer; padding: 0px; margin: 0px; }
.FrameHotSpot1 { position: absolute; right: -1px; width: 16px; height: 16px; z-index: 999; font-size: 1px; background-image: url("../images2/edit button_blue_16x16.jpg"); cursor: pointer; padding: 0px; margin: 0px; }
.FrameHotSpot2 { position: absolute; right: -1px; width: 16px; height: 16px; z-index: 999; font-size: 1px; background-image: url("../images2/edit button_orange_16x16.jpg"); cursor: pointer; padding: 0px; margin: 0px; }
.FrameHotSpot3 { width: 16px; height: 16px; z-index: 999; font-size: 1px; background-image: url("../images2/edit button_orange_16x16.jpg"); cursor: pointer; padding: 0px; margin: 0px; }
.FrameResize { position: absolute; right: -1px; bottom: -1px; font-size: 1px; width: 9px; height: 9px; z-index: 1000; background-color: #808080; cursor: nw-resize; padding: 0px; margin: 0px; }
.HighlightFrame .edit {cursor: pointer; float: left; width: 24px; height: 22px; background: transparent url(../i3/buttons/nn_magic_wand.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/buttons/nn_magic_wand.png', sizingMethod='crop');}
.HighlightFrame .edit_text {cursor: pointer; float: left; width: 24px; height: 22px; background: transparent url(../i3/buttons/nn_type_tool.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/buttons/nn_type_tool.png', sizingMethod='crop');}
.HighlightFrame .delete {cursor: pointer; float: left; width: 24px; height: 22px; background: transparent url(../i3/buttons/nn_delete.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/buttons/nn_delete.png', sizingMethod='crop');}
.HighlightFrame2 .edit2 {cursor: pointer; float: left; width: 15px; height: 15px; background: transparent url(../i3/buttonsCtrl/edit_photo_small.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/buttonsCtrl/edit_photo_small.png', sizingMethod='crop');}
.HighlightFrame2 .edit_text2 {cursor: pointer; float: left; width: 15px; height: 15px; background: transparent url(../i3/buttonsCtrl/edit_text_small.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/buttonsCtrl/edit_text_small.png', sizingMethod='crop');}
.HighlightFrame2 .delete2 {cursor: pointer; float: left; width: 15px; height: 15px; background: transparent url(../i3/buttonsCtrl/delete_photo_small.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/buttonsCtrl/delete_photo_small.png', sizingMethod='crop');}
.NoResizeFrame .edit {cursor: pointer; float: left; width: 24px; height: 22px; background: transparent url(../i3/buttons/nn_magic_wand.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/buttons/nn_magic_wand.png', sizingMethod='crop');}
.NoResizeFrame .edit_text {cursor: pointer; float: left; width: 24px; height: 22px; background: transparent url(../i3/buttons/nn_type_tool.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/buttons/nn_type_tool.png', sizingMethod='crop');}
.NoResizeFrame .delete {cursor: pointer; float: left; width: 24px; height: 22px; background: transparent url(../i3/buttons/nn_delete.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/buttons/nn_delete.png', sizingMethod='crop');}
.NoResizeFrame .lock {cursor: pointer; float: left; width: 24px; height: 22px; background: transparent url(../i3/buttons/nn_lock.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/buttons/nn_lock.png', sizingMethod='crop');}
.NoResizeFrame .unlock {cursor: pointer; float: left; width: 24px; height: 22px; background: transparent url(../i3/buttons/nn_unlock.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/buttons/nn_unlock.png', sizingMethod='crop');}
.NoResizeFrame .edit2 {cursor: pointer; float: left; width: 15px; height: 15px; background: transparent url(../i3/buttonsCtrl/edit_photo_small.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/buttonsCtrl/edit_photo_small.png', sizingMethod='crop');}
.NoResizeFrame .edit_text2 {cursor: pointer; float: left; width: 15px; height: 15px; background: transparent url(../i3/buttonsCtrl/edit_text_small.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/buttonsCtrl/edit_text_small.png', sizingMethod='crop');}
.NoResizeFrame .delete2 {cursor: pointer; float: left; width: 15px; height: 15px; background: transparent url(../i3/buttonsCtrl/delete_photo_small.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/buttonsCtrl/delete_photo_small.png', sizingMethod='crop');}
.NoResizeFrame .lock2 {cursor: pointer; float: left; width: 15px; height: 15px; background: transparent url(../i3/buttonsCtrl/lock_small.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/buttons/nn_lock_small.png', sizingMethod='crop');}
.NoResizeFrame .unlock2 {cursor: pointer; float: left; width: 15px; height: 15px; background: transparent url(../i3/buttonsCtrl/unlock_small.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/buttons/nn_unlock_small.png', sizingMethod='crop');}
.ResizeFrame .edit {cursor: pointer; float: left; width: 24px; height: 22px; background: transparent url(../i3/buttons/nn_magic_wand.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/buttons/nn_magic_wand.png', sizingMethod='crop');}
.ResizeFrame .edit_text {cursor: pointer; float: left; width: 24px; height: 22px; background: transparent url(../i3/buttons/nn_type_tool.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/buttons/nn_type_tool.png', sizingMethod='crop');}
.ResizeFrame .delete {cursor: pointer; float: left; width: 24px; height: 22px; background: transparent url(../i3/buttons/nn_delete.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/buttons/nn_delete.png', sizingMethod='crop');}
.ResizeFrame .lock {cursor: pointer; float: left; width: 24px; height: 22px; background: transparent url(../i3/buttons/nn_lock.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/buttons/nn_lock.png', sizingMethod='crop');}
.ResizeFrame .unlock {cursor: pointer; float: left; width: 24px; height: 22px; background: transparent url(../i3/buttons/nn_unlock.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/buttons/nn_unlock.png', sizingMethod='crop');}
.ResizeFrame .edit2 {cursor: pointer; float: left; width: 15px; height: 15px; background: transparent url(../i3/buttonsCtrl/edit_photo_small.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/buttonsCtrl/edit_photo_small.png', sizingMethod='crop');}
.ResizeFrame .edit_text2 {cursor: pointer; float: left; width: 15px; height: 15px; background: transparent url(../i3/buttonsCtrl/edit_text_small.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/buttonsCtrl/edit_text_small.png', sizingMethod='crop');}
.ResizeFrame .delete2 {cursor: pointer; float: left; width: 15px; height: 15px; background: transparent url(../i3/buttonsCtrl/delete_photo_small.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/buttonsCtrl/delete_photo_small.png', sizingMethod='crop');}
.ResizeFrame .lock2 {cursor: pointer; float: left; width: 15px; height: 15px; background: transparent url(../i3/buttonsCtrl/lock_small.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/buttons/nn_lock_small.png', sizingMethod='crop');}
.ResizeFrame .unlock2 {cursor: pointer; float: left; width: 15px; height: 15px; background: transparent url(../i3/buttonsCtrl/unlock_small.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/buttons/nn_unlock_small.png', sizingMethod='crop');}
#FrameMenu {font-size: 14px; cursor: pointer; }
#FrameMenu .FrameMenuItem {padding: 2px;}
.FrameMenuItem:hover {background-color: #c0c0ff;}
#FrameMenu2 {font-size: 14px; cursor: pointer; }
#FrameMenu2 .FrameMenuItem {padding: 2px;}
#FrameMenuBacking {background-color: transparent;}
#FrameMenuBacking .menu {font-size: 12px; cursor: pointer; border: 1px solid black; position: absolute; }
#FrameMenuBacking .menu .item {color: black; background-color: white; padding: 2px;}
#FrameMenuBacking .menu .item.over {color: white; background-color: black;}
#FontSizeMenu2 .menu .item {color: black; background-color: white; padding: 2px;}
#FontSizeMenu2 .menu .item.over {color: white; background-color: black;}
.trimMask {background-color: #808080; opacity: 0.5; position: absolute; filter:alpha(opacity=50);}
.trimGrid40 {background: url(../yb/i3/grid_40dpi_50.png) no-repeat; opacity: 0.5; position: absolute; filter:alpha(opacity=50);}
.trimGrid48 {background: url(../yb/i3/grid_48dpi_50.png) no-repeat; opacity: 0.5; position: absolute; filter:alpha(opacity=50);}
.trimGrid56 {background: url(../yb/i3/grid_56dpi_50.png) no-repeat; opacity: 0.5; position: absolute; filter:alpha(opacity=50);}
*html body .trimMask { filter: alpha(opacity=50); zoom: 1;}
.resWarning {width: 41px; height: 41px; background: transparent url(../i3/warning.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/warning.png', sizingMethod='crop');}
.resWarningSmall {width: 25px; height: 25px; background: transparent url(../i3/warningsmall.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/warningsmall.png', sizingMethod='crop');}
.arrangePage {float: left; border: 1px solid black; margin: 4px; position: relative; width: 100px; height: 128px;}
.arrangePage .delete {position: absolute; top: 2px; right: 2px; width: 17px; height: 17px; background: transparent url(../i3/v6/menu-bar.png) no-repeat;-background: none; cursor: pointer; background-position: -175px -675px;}
.arrangePage .pageNum {position: absolute; bottom: 2px; right: 2px; height: 12px; background-color: white; }
/*.............Right.........Books............ */
#bbRight {margin-top: 0px;}
#bbRight #tabcontainer {position:relative; font-size:12px; position: relative; width: 449px; border: 1px solid #e4e4e9; height: 100%; background-color: white; }
#bbRight #tabicons { width: 96px; height: 100%; position: relative; background-color: #1e82cb; border-right: 1px solid #422c88; }
#bbRight .tabcs { width: 320px; height: 100%; left: 130px; top: 0; position: absolute; visibility: hidden;}
#bbRight #tabicons .icon { padding: 8px 8px; margin: 4px 0px; width: 80px; height: 48px; display: inline-block;}
#bbRight #tabicons {padding: 16px; border-right: 1px solid #E6E8EC; }
#bbRight #tabicons .icon:hover { background-color: #4f83ff; border-radius: 6px; border-color: white; }
#bbRight #tabicons .icon.sel { background-color: #4f83ff; border-radius: 6px; border-color: white; }
#bbRight #tabicons .icon .img { width: 28px; height: 28px; margin: 0px 26px 2px 26px; background:transparent url(../i3/v7/Pixami-Yearbookpro-svg2.png) 0px 0px no-repeat; }
#bbRight #tabicons .icon .txt { width: 80px; text-align: center; font-size: 11px; color: white;}
#bbRight #tabicons .icon .img.layouts {background-position: -84px -2116px; }
#bbRight #tabicons .icon .img.backgrounds {background-position: -128px -2116px; }
#bbRight #tabicons .icon .img.photos {background-position: -172px -2116px; }
#bbRight #tabicons .icon .img.portraits {background-position: -216px -2116px; }
#bbRight #tabicons .icon .img.clipart {background-position: -40px -2160px; }
#bbRight #tabicons .icon .img.elements {background-position: -84px -2160px; }
#bbRight #tabicons .icon .img.custom {background-position: -128px -2160px; }
#bbRight #tabicons .icon .img.themes {background-position: -39px -2116px; }
#bbRight #tabicons .icon.sel .img.layouts {background-position: -84px -2261px; }
/*
#bbRight #tabicons .icon.sel .img.backgrounds {background-position: -128px -2261px; }
#bbRight #tabicons .icon.sel .img.photos {background-position: -172px -2261px; }
#bbRight #tabicons .icon.sel .img.portraits {background-position: -216px -2261px; }
#bbRight #tabicons .icon.sel .img.clipart {background-position: -40px -2305px; }
#bbRight #tabicons .icon.sel .img.elements {background-position: -84px -2305px; }
#bbRight #tabicons .icon.sel .img.custom {background-position: -128px -2305px; }
#bbRight #tabicons .icon.sel .img.themes {background-position: -39px -2261px; }
*/
#EditSectionHdrTxt span {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 180px;}
#EditSectionMenu {height: 49px; width:1366px; margin-top: 0px;}
#EditSectionMenu .rMenu {float:left; background-color: #ffffff; margin-right: 0px; margin-top: 4px;}
#EditSectionMenu .rMenu ul {list-style:none; margin:0px; padding:0px 0 8px 0; font-size:16px; color: #1d5f91; font-weight:500;}
#EditSectionMenu .rMenu ul li {float:left; margin-right:30px; padding-left: 0px; padding-right: 0px;}
#EditSectionMenu .rMenu ul li a {display:block; margin-top: 3px; text-decoration:none; color: #1d5f91; font-weight:500; height: 19px;}
#EditSectionMenu .rMenu ul li span {display:block; margin:0; padding:3px 0px 3px 0px; color:#fff; text-decoration:none;}
#EditSectionMenu .rMenu ul li.over a {color:#15a6df;}
#EditSectionMenu .rMenu ul li a:focus {outline:none;}
#EditSectionMenu .rMenu ul li .video-help2 {float:left; width:25px; height:25px; margin-top: -3px; margin-right: 12px; background:transparent url(../i3/v6/menu-bar.png) -75px -75px no-repeat; cursor:pointer; }
#EditSectionMenu .rMenu ul li .chat {float:left; width:25px; height:25px; margin-top: -3px; margin-right: 12px; background:transparent url(../i3/v6/menu-bar.png) -50px -75px no-repeat; cursor:pointer; }
#EditSectionMenu .rMenu ul li .chat-active {float:left; width:25px; height:25px; margin-top: -4px; margin-right: 12px; background:transparent url(../i3/v6/menu-bar.png) -125px -75px no-repeat; cursor:pointer; }
#EditSectionMenu .rMenu ul li .logout {float:left; width:25px; height:25px; margin-top: -3px; margin-right: 12px; background:transparent url(../i3/v6/menu-bar.png) -100px -75px no-repeat; cursor:pointer; }
#EditSectionMenu .rMenu ul li.over .video-help2 {background-position: -250px -75px; }
#EditSectionMenu .rMenu ul li.over .chat {background-position: -225px -75px; }
#EditSectionMenu .rMenu ul li.over .chat-active {background-position: -300px -75px; }
#EditSectionMenu .rMenu ul li.over .logout {background-position: -275px -75px; }
.yui-skin-sam .yui-navset .yui-content #tabHdr { margin:4px 0px 0px 0px; padding:6px 6px; background:none; font-size:11px; font-weight:bold;}
.tabHdr .src {margin:-2px 6px;}
.tabHdr ul {list-style:none; height:20px; margin:0px; padding:0;}
.tabHdr ul li {float:left; margin:5px 0 0 0;}
.tabHdr ul li a {display:block; padding:3px 10px 3px 0; text-decoration:underline; color:#2a3c26;}
.tabHdr ul li a:hover {text-decoration:underline;}
.tabHdr .icons .pencil {float: left; margin-left: 6px; width: 16px; height: 16px; background:transparent url(../i3/v6/menu-bar.png) -75px -250px no-repeat; cursor: pointer;}
.tabHdr .icons .pencil:hover {background-position: -225px -250px;}
.editTabIcons {width: 100%; float: none; margin: 2px 5px 2px 5px; padding-bottom: 0px; display: inline-block;}
.editTabIcons .inner3 {display: inline-block;}
.editTabIcons .inner3 div div.txt span {color: #1d5f91;}
.editTabIcons .inner3 div.over div.txt span {color: #1e82cb;}
.editTabIcons .inner3 div {margin:0px 3px;float:left;padding:0px 0 0px 0;color:#1d5f91; font-size: 11px; font-weight: 500; text-align:left; cursor: pointer;}
.editTabIcons .inner3 div div.txt{color: #1d5f91; margin-top: 1px;}
.editTabIcons .inner3 div div.img {float: left; width: 16px; height: 16px; background:transparent url(../i3/v7/Pixami-Yearbookpro-svg2.png) 0px -75px no-repeat; cursor:pointer; }
.editTabIcons .inner3 div div.img.index {background-position: -102px -1443px;}
.editTabIcons .inner3 div div.img.candid-autofill {background-position: -80px -678px;}
.editTabIcons .inner3 div div.img.candid-upload {background-position: -116px -1276px;}
.editTabIcons .inner3 div div.img.portrait-autofill {background-position: -80px -678px;}
.editTabIcons .inner3 div div.img.portrait-wizard {background-position: -160px -678px;}
.editTabIcons .inner3 div div.img.saved-delete {background-position: -166px -1428px;}
.editTabIcons .inner3 div div.img.saved-move {background-position: -134px -1428px;}
.editTabIcons .inner3 div div.img.saved-copy {background-position: -134px -1428px;}
.editTabIcons .inner3 div div.img.saved-publish {background-position: -134px -1428px;}
.editTabIcons .inner3 div div.img.saved-save {background-position: -230px -1428px;}
.editTabIcons .inner3 div.over div.txt{color: #0d4f81; margin-top: 1px;}
.editTabIcons .inner3 div.over div.img.index {background-position: -102px -1443px;}
.editTabIcons .inner3 div.over div.img.candid-autofill {background-position: -80px -678px;}
.editTabIcons .inner3 div.over div.img.candid-upload {background-position: -116px -1276px;}
.editTabIcons .inner3 div.over div.img.portrait-autofill {background-position: -80px -678px;}
.editTabIcons .inner3 div.over div.img.portrait-wizard {background-position: -160px -678px;}
.editTabIcons .inner3 div.over div.img.saved-delete {background-position: -166px -1428px;}
.editTabIcons .inner3 div.over div.img.saved-move {background-position: -230px -1428px;}
.editTabIcons .inner3 div.over div.img.saved-copy {background-position: -134px -1428px;}
.editTabIcons .inner3 div.over div.img.saved-save {background-position: -230px -1428px;}
.editTabIcons .inner3 div div.img.newfolder {background-position: -76px -1276px;}
.editTabIcons .inner3 div.over div.img.newfolder {background-position: -40px -1340px;}
.editTabThumbSizes {width: 100%; float: none; margin: 2px 2px 2px 5px; padding-bottom: 0px; display: inline-block;}
.editTabThumbSizes .inner {display: inline-block;}
.editTabThumbSizes .inner div {margin:0px 3px;float:left;padding:0px 0 0px 0;color:#1d5f91; font-size: 11px; font-weight: 500; text-align:left; cursor: pointer;}
.editTabThumbSizes .inner div div.img {float: left; width: 10px; height: 10px; background:transparent url(../i3/v6/menu-bar.png) 0px -75px no-repeat; cursor:pointer; }
.editTabThumbSizes .inner div div.img.thumbs-small {background-position: -50px -650px;}
.editTabThumbSizes .inner div div.img.thumbs-medium {background-position: -75px -650px;}
.editTabThumbSizes .inner div div.img.thumbs-large {background-position: -100px -650px;}
.editTabThumbSizes .inner div.over div.img.thumbs-small {background-position: -200px -650px;}
.editTabThumbSizes .inner div.over div.img.thumbs-medium {background-position: -225px -650px;}
.editTabThumbSizes .inner div.over div.img.thumbs-large {background-position: -250px -650px;}
.showThemeInfo {width: 16px; height: 16px; background:transparent url(../i3/v7/Pixami-Yearbookpro-svg2.png) -40px -945px no-repeat; cursor:pointer; }
.tab-menu-overflow {max-height: 600px;}
.dlg-menu-overflow {max-height: 250px;}
.yui-skin-sam .yui-navset .yui-content #tab1 div.inner,.yui-skin-sam .yui-navset .yui-content #tab2 div.inner,
.yui-skin-sam .yui-navset .yui-content #tab3 div.inner,.yui-skin-sam .yui-navset .yui-content #tab4 div.inner,
.yui-skin-sam .yui-navset .yui-content #tab5 div.inner,.yui-skin-sam .yui-navset .yui-content #tab6 div.inner
{position:absolute; width:263px; height:348px;overflow-x:none; overflow-y:auto;}
.yui-skin-sam .yui-navset {height:438px;}
/* Old, not used, now Thumb1 see section ______ For All ______
.inner .bbPre_l {float:left; margin:0 0 4px 0;}
.inner .bbPre_r {float:right; margin:0 4px 4px 0;}
.inner .bbPre_l, .inner .bbPre_r {width:115px; height:85px; text-align:center; border:2px solid #FFF;}
*/
/*
.imageUsed
{
vertical-align: top;
text-align: right;
background: transparent url('../images2/used.png');
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 15px;
-background: none;
-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images2/used.png', sizingMethod='crop');}
}
*/
.imageUsed
{
background: transparent url('../images2/used.png');
vertical-align: top; text-align: right; background-repeat: no-repeat; background-position: left; width: 100%; height: 15px;
-background: none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images2/used.png', sizingMethod='crop');
}
.imageUsed2
{
background: transparent url('../images2/used2.png');
vertical-align: top; text-align: right; background-repeat: no-repeat; background-position: left; width: 100%; height: 15px;
-background: none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images2/used2.png', sizingMethod='crop');
}
.imageUsed3
{
background: transparent url('../images2/used3.png');
vertical-align: top; text-align: right; background-repeat: no-repeat; background-position: left; width: 100%; height: 15px;
-background: none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images2/used3.png', sizingMethod='crop');
}
.imageUsed4
{
background: transparent url('../images2/used4.png');
vertical-align: top; text-align: right; background-repeat: no-repeat; background-position: left; width: 100%; height: 15px;
-background: none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images2/used4.png', sizingMethod='crop');
}
.imageUsed5
{
background: transparent url('../images2/used5.png');
vertical-align: top; text-align: right; background-repeat: no-repeat; background-position: left; width: 100%; height: 15px;
-background: none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images2/used5.png', sizingMethod='crop');
}
.imageUsedX
{
background: transparent url('../images2/usedX.png');
vertical-align: top; text-align: right; background-repeat: no-repeat; background-position: left; width: 100%; height: 15px;
-background: none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images2/usedX.png', sizingMethod='crop');
}
.imageUsedY
{
background: transparent url('../images2/usedY.png');
vertical-align: top; text-align: right; background-repeat: no-repeat; background-position: left; width: 100%; height: 15px;
-background: none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images2/usedY.png', sizingMethod='crop');
}
.imageUnused
{
vertical-align: top;
text-align: right;
background: transparent url('../images2/shim.gif');
background-repeat: no-repeat;
background-position: center;
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 15px;
}
.portraitSort0 { background: transparent url('../i3/v6/portraitSort1.png') 0 0 no-repeat; width: 100%; height: 15px; }
.portraitSort1 { background: transparent url('../i3/v6/portraitSort2.png') 0 0 no-repeat; width: 100%; height: 15px; }
.portraitSort2 { background: transparent url('../i3/v6/portraitSort3.png') 0 0 no-repeat; width: 100%; height: 15px; }
.portraitSort3 { background: transparent url('../i3/v6/portraitSort4.png') 0 0 no-repeat; width: 100%; height: 15px; }
.portraitSort4 { background: transparent url('../i3/v6/portraitSort5.png') 0 0 no-repeat; width: 100%; height: 15px; }
.portraitSort5 { background: transparent url('../i3/v6/portraitSort6.png') 0 0 no-repeat; width: 100%; height: 15px; }
.portraitSort6 { background: transparent url('../i3/v6/portraitSort7.png') 0 0 no-repeat; width: 100%; height: 15px; }
.portraitSort7 { background: transparent url('../i3/v6/portraitSort8.png') 0 0 no-repeat; width: 100%; height: 15px; }
.portraitSort8 { background: transparent url('../i3/v6/portraitSort9.png') 0 0 no-repeat; width: 100%; height: 15px; }
.portraitSortN { background: #00a7e1; height: 12px; color: white; font-size: 9px; border-radius: 7px; height: 12px; padding: 2px 4px;}
.imageInfo { width: 16px; height: 16px; float: right; margin-top: -2px; background-color: transparent; background-image: url(../i3/v7/Pixami-Yearbookpro-svg2.png); background-position: -80px -945px; background-repeat: no-repeat; z-index: 2000; cursor: pointer; }
.faceMatch { width: 14px; height: 14px; background-color: transparent; background-image: url(../i3/v7/Pixami-Yearbookpro-svg2.png); background-position: -161px -700px; background-repeat: no-repeat; border: 2px solid yellow; border-radius: 2px; }
.faceMatchWarn { background-color: #FFD166; border-radius: 2px; }
.faceMatchOk { background-color: #33d945; border-radius: 2px; }
.faceMatchWarn div { width: 14px; height: 14px; background-color: transparent; background-image: url(../i3/v7/Pixami-Yearbookpro-svg2.png); background-position: -161px -700px; background-repeat: no-repeat; }
.faceMatchOk div { width: 14px; height: 14px; background-color: transparent; background-image: url(../i3/v7/Pixami-Yearbookpro-svg2.png); background-position: -161px -700px; background-repeat: no-repeat; }
.imageInfo:hover { background-position: -80px -945px; }
/*.._Right Border_.._ Books _..*/
/*............................................./_ Books _..........................................*/
/*............................................._Next Previous Menu_..........................................*/
#Left {float:left; width:164px; margin-left:136px;}
#Right {margin-left:300px;}
#NxtPreNav {float:right;}
/* Begin: create_new_product.html */
.single {float:left;position:relative; width:365px; margin:2px 8px 29px 21px; border-color: #e6eaec; border-radius: 8px; border: 1px solid #e6eaec; padding: 10px 0px 10px 0px;}
*html .single {width:365px;margin:0 12px 27px 10px;}
.single .new-book-txt, .single img{position:relative;cursor:pointer; cursor:hand; border: none;}
.single .new-book-txt {width:220px;margin:10px 0 0 27px;}
.single .ttl {font-size:16px; color:#202326;}
.single .body {font-size:12px; color:#7b7f84;}
.single .price{font-size:14px; color:#202326;}
.single .make{font-size:11px;}
.single.over {border-color: #fff36a;}
.single .tr {padding:10px 0 10px 0;}
*html .single .tr {padding:10px 0 0 0;}
.single3 {float:left;position:relative; width:190px; margin:2px 60px 29px 10px; border-color: #e6eaec; border-radius: 8px; border: 1px solid #e6eaec; padding: 10px 0px 10px 0px;}
*html .single3 {width:365px;margin:0 12px 27px 10px;}
.single3 .new-book-txt, .single img{position:relative;cursor:pointer; cursor:hand; border: none;}
.single3 .new-book-txt {width:220px;margin:10px 0 0 27px;}
.single3 .ttl {font-size:16px; color:#202326;}
.single3 .product {font-size:12px; color:#202326; font-weight: bold;}
.single3 .price{font-size:12px; color:#202326;}
.single3 .make{font-size:11px;}
.single3.over {border-color: #fff36a;}
.single3 .activitySub2 {float: none; margin: 0px 0px 0px 0px; display: inline-block; padding: 3px 8px 3px 10px;color:#1d5f91; font-size: 11px; font-weight: 500; text-align:left; cursor: pointer; border: 1px solid #E6E8EC; border-radius: 8px; }
.single3 .activitySub2.over {color: #0d4f81; border: 1px solid #1e82cb; }
.single3 .activitySub2 div.txt {display: block; white-space: nowrap; border-style: none; }
.single3 .activitySub2 div.icon {display: block; white-space: nowrap; border-style: none; background:transparent url(../i3/v6/menu-bar.png) -75px -250px no-repeat; }
.single3 .activitySub2.over div.txt {color: #1e82cb;}
.single3 .yui-button button {position:absolute; margin:16px; bottom:0; right:0; width:49px; height:47px;
background:url('../i3/buttons/zoom.gif') no-repeat;}
.single3 .yui-button-hover button {background:url('../i3/buttons/zoom_active.gif') no-repeat 100% 0%;}
.single3 .yui-button-focus button {background:url('../i3/buttons/zoom_active.gif') no-repeat 100% 0%;}
.single3 .zoom-button {position:absolute; margin:16px; bottom:0; right:0; width:49px; height:47px;
background:url('../i3/buttons/zoom.gif') no-repeat;}
.single3 .zoom-button.hover {background:url('../i3/buttons/zoom_active.gif') no-repeat 100% 0%;}
/*Button Zoom*/
.single .yui-button button {position:absolute; margin:16px; bottom:0; right:0; width:49px; height:47px;
background:url('../i3/buttons/zoom.gif') no-repeat;}
.single .yui-button-hover button {background:url('../i3/buttons/zoom_active.gif') no-repeat 100% 0%;}
.single .yui-button-focus button {background:url('../i3/buttons/zoom_active.gif') no-repeat 100% 0%;}
.single .zoom-button {position:absolute; margin:16px; bottom:0; right:0; width:49px; height:47px;
background:url('../i3/buttons/zoom.gif') no-repeat;}
.single .zoom-button.hover {background:url('../i3/buttons/zoom_active.gif') no-repeat 100% 0%;}
.yellow2 {border-color: #fffd8c; border-width: 3px; margin:0px 7px 27px 19px; }
.yellow1 .t {background: url(../i3/boxes/wc-yellow/dot.gif) 0 0 repeat-x;}
.yellow1 .b {background: url(../i3/boxes/wc-yellow/dot.gif) 0 100% repeat-x}
.yellow1 .l {background: url(../i3/boxes/wc-yellow/dot.gif) 0 0 repeat-y}
.yellow1 .r {background: url(../i3/boxes/wc-yellow/dot.gif) 100% 0 repeat-y}
.yellow1 .bl {background: url(../i3/boxes/wc-yellow/bl.gif) 0 100% no-repeat}
.yellow1 .br {background: url(../i3/boxes/wc-yellow/br.gif) 100% 100% no-repeat}
.yellow1 .tl {background: url(../i3/boxes/wc-yellow/tl.gif) 0 0 no-repeat}
.yellow1 .tr {background: url(../i3/boxes/wc-yellow/tr.gif) 100% 0 no-repeat;}
.zoom {font-size: 11px;}
.zoom .price {font-size: 14px; font-weight: bold;}
/* End: create_new_product.html */
/*............................................._Work on existing project (work.html) ..........................................*/
#PubArea {position:relative; margin-top:60px; font-size:15px; color:#333; overflow:hidden; width:791px;}
.center {background:transparent url(../i3/boxes/wc/center.gif) 50% 0 repeat-y}
.t {background: url(../i3/boxes/wc/dot.gif) 0 0 repeat-x;}
.b {background: url(../i3/boxes/wc/dot.gif) 0 100% repeat-x}
.l {background: url(../i3/boxes/wc/dot.gif) 0 0 repeat-y}
.r {background: url(../i3/boxes/wc/dot.gif) 100% 0 repeat-y}
.bl {background: url(../i3/boxes/wc/dot.gif) 0 100% no-repeat}
.br {background: url(../i3/boxes/wc/dot.gif) 100% 100% no-repeat}
.tl {background: url(../i3/boxes/wc/dot.gif) 0 0 no-repeat}
.tr {background: url(../i3/boxes/wc/dot.gif) 100% 0 no-repeat; padding:1px 0}
/*
.bl {background: url(../i3/boxes/wc/bl.gif) 0 100% no-repeat}
.br {background: url(../i3/boxes/wc/br.gif) 100% 100% no-repeat}
.tl {background: url(../i3/boxes/wc/tl.gif) 0 0 no-repeat}
.tr {background: url(../i3/boxes/wc/tr.gif) 100% 0 no-repeat; padding:10px 0}
*/
#PhotosArea {width:800px; position:relative; overflow:hidden;}
#PhotosArea .Lphoto, #PhotosArea .Rphoto {height:100px; padding:10px 0; position: relative; border-radius: 4px; border: 1px solid #e6eaec;margin:3px 3px;}
#PhotosArea .Lphoto {float:left; width:390px; }
#PhotosArea .Rphoto {margin-left:398px; width:390px;}
#PhotosArea .Lphoto .delete, #PhotosArea .Rphoto .delete{position: absolute; left: 370px; top: 90px; width: 15px; height: 15px; background: transparent url(../i3/buttonsCtrl/delete_photo_small.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/buttonsCtrl/delete_photo_small.png', sizingMethod='crop');}
#PhotosArea .Lphoto .link, #PhotosArea .Rphoto .link{position: absolute; left: 158px; top: 90px; font-size: 11px;}
*html body #PhotosArea .Lphoto {float:left; width:392px; margin:0 0 0 1px}
*html body #PhotosArea .Rphoto {margin-left:392px; width:391px;}
#PhotosArea .f {background:#FFF; cursor:pointer; cursor:hand;}
#PhotosArea .s{background:#f5f5f5;}
#PhotosArea .yellow{background:#fffd8c;}
#PhotosArea img {border:0px solid #a7b0bc; margin:0 10px 0 20px; }
#PhotosArea .title { font-size: 14px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#PhotosArea .product { font-size: 10px; font-style: italic; }
#PhotosArea .description { font-size: 12px; }
#PhotosArea .productTitle { font-size: 15px; overflow: hidden; white-space: nowrap;}
/*............................................._ Choose Book&Calendar Theme _..........................................*/
#PubArea .ChooseBook {font-size:12px; -height:1px;}
.ChooseBook div {float:left; position:relative; height:190px; text-align:center; margin:0 6px 15px 5px;}
*html body .ChooseBook div {margin:0 6px 15px 3px;}
.ChooseBook .thumb {display:block; border:5px solid #FFF; margin-bottom:6px;}
.ChooseBook .name {margin-left: 15px; white-space: normal; width: 136px;}
.ChooseBook .yellow {border:5px solid #fef165;}
.ChooseBook .view {position:absolute; display:block; width:16px; height:16px; bottom:0; right:15px; background: url('../i3/icons/view.png') no-repeat;
-background: none; cursor:pointer; cursor:hend;
-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/icons/view.png', sizingMethod='crop');}
/*
#bBaby {position: relative; top:0; left:0px;}
#bContemporary, #bFun, #bSeasonal, #bTravel, #bAnimals{position:absolute; top:0; left:-790px; width:791px;}
*/
/*............................................._ Calendar _..........................................*/
.cCalendar {position:relative; margin-top:65px; font-size:14px;}
.cb_top {background: url(../i3/boxes/cal/top.gif) no-repeat 0 100%; height:12px; width:960px;}
.cb_bottom {background: url(../i3/boxes/cal/bottom.gif) no-repeat; height:12px; width:960px;}
.cb_mid {background: url(../i3/boxes/cal/mid.gif) repeat-x 50%}
.cb_l {background: url(../i3/boxes/cal/l.gif) 0 50% no-repeat}
.cb_r {background: url(../i3/boxes/cal/r.gif) 100% 50% no-repeat}
.cb_r .inner {width:960px; height:205px;}
.cCalendar .cFieldset {padding:10px 0;}
.cCalendar .cLabel {float:left; width:385px; color:#536987; text-align:right;}
.cCalendar .cField {margin-left:415px;}
.cField select {padding:2px;}
.cField .sDate input {float:left; height:20px; width: 260px; color: #ccc;}
.cField .cDataPiker {float:left; background: url(../i3/icons/calendar_icon.gif) no-repeat; width:14px; height:16px; margin:5px 17px;}
.cField .skinVar1_fix {float:left;}
.cField .radio_inline {padding:0 5px;}
.cField .checkbox_inline {padding-right:8px;}
.sUserDate{position:absolute; width:650px; top:145px;left:50px;}/*new*/
.sUserDate .ttl{float:left;color:#536987;}/*new*/
.sUserDate .dts{margin-left:110px; height: 110px; overflow: auto;}/*new*/ .sUserDate .normal {background: white; color: black; float: none; padding-right:8px;}/*new*/
.sUserDate .sel {background: #536987; color: black; float: none; padding-right:8px;}/*new*/
/*............................................._ Photo Manager _..........................................*/
/*............................................._ Photo Manager _..........................................*/
.pManeger .yui-navset .yui-nav {margin:0 0 0 210px;}
.yui-navset .yui-nav .Facebook {padding-left:18px; background:transparent url(../i3/logos/facebook.gif) no-repeat 11px 9px;}
.yui-navset .yui-nav .Flickr {padding-left:18px; background:transparent url(../i3/logos/flickr.gif) no-repeat 11px 9px;}
.yui-navset .yui-nav .Yahoo {padding-left:18px; background:transparent url(../i3/logos/yahoo.gif) no-repeat 11px 9px;}
.yui-navset .yui-nav .PhotoBucket {padding-left:18px; background:transparent url(../i3/logos/photobucket.gif) no-repeat 11px 9px;}
.yui-navset .yui-nav .Picasa {padding-left:18px; background:transparent url(../i3/logos/picasa.gif) no-repeat 11px 9px;}
.yui-navset .yui-nav .PhotoPost {padding-left:18px; background:transparent url(../i3/logos/PhotoPost_Icon_16x16.png) no-repeat 11px 9px;}
.yui-content {clear:left; //height:1px;}
.yui-content .lft {float:left;}
.boxFolders {
background: #fafafa;
-webkit-border-radius: 3px;
border-radius: 3px;
box-sizing: border-box; -moz-box-sizing: border-box;
}
.LeftPmanager {float:left; width:200px; margin-top:-6px; margin-right:-210px;}
.RightPmanager {margin-left:210px; float: left;}
*html .RightPmanager {margin-left: 105px;}
.grad_box {background-color: white; border: 1px solid #e4e4e9; border-radius: 6px; overflow: hidden;}
.grad_box .top {height:10px; }
.grad_box .bottom {min-height:340px; color: #769cb9; }
.grad_box .bottom input {color: #769cb9; font-size: 11px;}
.grad_box .bottom .info {color: #769cb9; font-size: 11px; margin-top: 6px; margin-right: 0px; height: 24px; padding-left: 35px; background: transparent url(../i3/HelpInfo.png) no-repeat 2px 3px; border-top: 1px solid #bbc1c9; padding-top: 8px;}
.grad_box .bottom .info2 {color: #769cb9; font-size: 11px; margin-top: 6px; margin-right: 0px; height: 24px; padding-left: 35px; background: transparent url(../i3/HelpInfo.png) no-repeat 2px 10px; border-top: 1px solid #bbc1c9; padding-top: 2px;}
.grad_box .bottom .info-face {color: #769cb9; text-align: right; font-size: 11px; margin-top: 6px; margin-right: 4px; height: 24px; padding-left: 35px; border-top: 1px solid #bbc1c9; padding-top: 8px;}
.f1_c {background:#FFF;}
.f1_t {background: url(../i3/boxes/g1/g1_dot_t.gif) 0 0 repeat-x;}
.f1_b {background: url(../i3/boxes/g1/g1_dot_b.gif) 0 100% repeat-x}
.f1_l {background: url(../i3/boxes/g1/g1_dot_t.gif) 0 0 repeat-y}
.f1_r {background: url(../i3/boxes/g1/g1_dot_r.gif) 100% 0 repeat-y}
.f1_bl {background: url(../i3/boxes/g1/g1_bl.gif) 0 100% no-repeat}
.f1_br {background: url(../i3/boxes/g1/g1_br.gif) 100% 100% no-repeat}
.f1_tl {background: url(../i3/boxes/g1/g1_tl.gif) 0 0 no-repeat}
.f1_tr {background: url(../i3/boxes/g1/g1_tr.gif) 100% 0 no-repeat;}
.photoCSToolbar {width: 100%; float: none; margin: 2px 5px 2px 5px; padding-bottom: 4px; border-bottom: 1px solid #bbc1c9; display: inline-block;}
.photoCSToolbar .innerx {display: inline-block;}
.photoCSToolbar .innerx div {margin:0px 3px;margin-bottom: 2px;float:left;padding:0px 0 0px 0;color:#1d5f91; font-size: 11px; font-weight: 500; text-align:left; cursor: pointer;}
.photoCSToolbar .innerx div.vertical_separator{float: left; width:10px; height: 5px;}
.photoCSToolbar .innerx div.over{color: #0d4f81;}
.photoCSToolbar .innerx div div.img {float: left; width: 16px; height: 16px; background:transparent url(../i3/v7/Pixami-Yearbookpro-svg2.png) 0px -75px no-repeat; cursor:pointer; }
.photoCSToolbar .innerx div div.img.button {border-radius: 6px; border: 1px solid #E6E8EC; background-color: #FFF; box-shadow: 0px 1px 2px 0px rgba(20, 20, 22, 0.05); padding: 4px 4px; background-origin: content-box; }
.photoCSToolbar .innerx div.over div.img.button {background-color: #1e82cb; }
.photoCSToolbar .innerx div div.img.newfolder {background-position: -76px -1276px;}
.photoCSToolbar .innerx div div.img.upload {background-position: -116px -1276px;}
.photoCSToolbar .innerx div div.img.import {background-position: -160px -678px;}
.photoCSToolbar .innerx div div.img.print {background-position: -68px -1783px;}
.photoCSToolbar .innerx div div.img.all {background-position: -38px -1428px;}
.photoCSToolbar .innerx div div.img.used {background-position: -38px -1443px;}
.photoCSToolbar .innerx div div.img.unused {background-position: -70px -1443px;}
.photoCSToolbar .innerx div div.img.deselect {background-position: -70px -1428px;}
.photoCSToolbar .innerx div div.img.copy {background-position: -102px -1428px;}
.photoCSToolbar .innerx div div.img.move {background-position: -134px -1428px;}
.photoCSToolbar .innerx div div.img.delete {background-position: -166px -1428px;}
.photoCSToolbar .innerx div div.img.edit {background-position: -198px -1428px;}
.photoCSToolbar .innerx div div.img.export {background-position: -230px -1428px;}
.photoCSToolbar .innerx div div.img.search {background-position: -38px -1274px;}
.photoCSToolbar .innerx div div.img.invite {background-position: -262px -1443px;}
.photoCSToolbar .innerx div div.img.editMeta {background-position: -102px -1443px;}
.photoCSToolbar .innerx div div.img.preview {background-position: -175px -1428px;}
.photoCSToolbar .innerx div div.img.copy-link {background-position: -230px -1443px;}
.photoCSToolbar .innerx div div.img.removebg {background-position: -262px -1428px;}
.photoCSToolbar .innerx div.over div.img.newfolder {background-position: -40px -1340px;}
.photoCSToolbar .innerx div.over div.img.upload {background-position: -80px -1340px;}
.photoCSToolbar .innerx div.over div.img.import {background-position: -160px -700px;}
.photoCSToolbar .innerx div.over div.img.print {background-position: -68px -1799px;}
.photoCSToolbar .innerx div.over div.img.all {background-position: -38px -1428px;}
.photoCSToolbar .innerx div.over div.img.used {background-position: -38px -1443px;}
.photoCSToolbar .innerx div.over div.img.unused {background-position: -70px -1443px;}
.photoCSToolbar .innerx div.over div.img.deselect {background-position: -70px -1428px;}
.photoCSToolbar .innerx div.over div.img.copy {background-position: -102px -1428px;}
.photoCSToolbar .innerx div.over div.img.move {background-position: -134px -1428px;}
.photoCSToolbar .innerx div.over div.img.delete {background-position: -166px -1428px;}
.photoCSToolbar .innerx div.over div.img.edit {background-position: -198px -1428px;}
.photoCSToolbar .innerx div.over div.img.export {background-position: -230px -1428px;}
.photoCSToolbar .innerx div.over div.img.search {background-position: -117px -1341px;}
.photoCSToolbar .innerx div.over div.img.invite {background-position: -262px -1443px;}
.photoCSToolbar .innerx div.over div.img.editMeta {background-position: -102px -1443px;}
.photoCSToolbar .innerx div.over div.img.preview {background-position: -325px -1428px;}
.photoCSToolbar .innerx div.over div.img.copy-link {background-position: -230px -1443px;}
.photoCSToolbar .innerx div.over div.img.removebg {background-position: -262px -1428px;}
.photoCSToolbar .innerx div div.txt {margin: 0px 6px 0px 4px; display: block; white-space: nowrap; }
.photoCSToolbar .innerx div.over div.txt {margin: 0px 6px 0px 4px; display: block; white-space: nowrap; color: #1e82cb;}
.photoCSToolbar .innerx div div.txt span {}
.photoCSToolbar .innerx div div.txt.button {margin-top: 6px;}
#AddFoder ul, #EditPhotos ul {list-style:none; margin:0; padding:0; font-size:11px; overflow: auto; height: 250px;}
#AddFoder ul li a, #EditPhotos ul li a {display:block; margin:0; color:#2a3c26; text-decoration:underline;}
#AddFoder ul li a:hover, #EditPhotos ul li a:hover {text-decoration:none; cursor: pointer;}
#AddFoder ul li span, #EditPhotos ul li span {display:block; font-weight:bold;}
#AddFoder ul li a, #AddFoder ul li span {padding:5px 0 5px 20px; background:transparent url(../i3/icons/li_mark.gif) no-repeat 0 55%;}
#EditPhotos ul li a, #EditPhotos ul li span {padding:5px 0 5px 20px; background:transparent url(../i3/icons/li_mark1.gif) no-repeat 0 55%;}
#EditPhotos ul li a.del, #EditPhotos ul li span.del {color:#b50000; padding:5px 0 5px 20px; background:transparent url(../i3/icons/li_del.gif) no-repeat 0 55%;}
.LeftPmanager .g2Box_c, .LeftPmanager .f1_c {position:relative;}
.LeftPmanager .g2Box_hdr, .LeftPmanager .f1_hdr {position:absolute; top:-25px; font-size:13px;}
.LeftPmanager .inner{padding:17px;}
.LeftPmanager .g2Box_hdr span {display:block;}
.LeftPmanager .g2Box_hdr em{display:block;font-style:normal; padding:9px 48px 1px 14px;}
.LeftPmanager .f1_hdr span {display:block;background: url(../i3/tabs/g1_l.gif) no-repeat 0% 0%;}
.LeftPmanager .f1_hdr em{display:block;font-style:normal; padding:9px 48px 1px 14px;background: url(../i3/tabs/g1_r.gif) no-repeat 100% 0%;}
.grad_box .bottom {padding:0 0 6px 6px;}
/*Thumb1*/
#SearchResults {overflow: auto; border: 1px solid #eeeeee;}
#SearchResults .thumb { margin: 10px; width: 128px; height: 150px; text-align: center; float: left;}
#SearchResults .thumb .img {width: 128px; height: 128px;}
#SearchResults .thumb .txt {width: 128px; overflow: hidden; text-overflow: ellipsis; font-size: 11px;}
#SearchResults .thumb .lnk a {width: 128px; overflow: hidden; text-overflow: ellipsis; text-decoration: none;}
/*............................................._ Edit Photo Popup _..........................................*/
#boxEditPP {min-height:320px;}
.EditPPsize {position:relative; margin:0px auto; font-size:11px;}
.EditPP .yui-nav {margin-top:-42px;}
.EditPP .yui-content {clear:left; height:auto;}
.EditPP input, .EditPP select {font-size:11px;}
.popupEditPP {position:relative; top:60px;}
.img1Height {height:380px;}
.EditPP .t {background: url(../i3/boxes/editPP/dot.gif) 0 0 repeat-x;}
.EditPP .b {background: url(../i3/boxes/editPP/dot.gif) 0 100% repeat-x}
.EditPP .l {background: url(../i3/boxes/editPP/dot.gif) 0 0 repeat-y}
.EditPP .r {background: url(../i3/boxes/editPP/dot.gif) 100% 0 repeat-y}
.EditPP .bl {background: url(../i3/boxes/editPP/bl.gif) 0 100% no-repeat}
.EditPP .br {background: url(../i3/boxes/editPP/br.gif) 100% 100% no-repeat}
.EditPP .tl {background: url(../i3/boxes/editPP/tl.gif) 0 0 no-repeat}
.EditPP .tr {background: url(../i3/boxes/editPP/tr.gif) 100% 0 no-repeat;}
.EditPP .tab{position:relative;}
.EditPP .img {float:left;border:1px solid #c4cbd5;}
.EditPP .img2 {float:left;border:none;}
.EditPP .CtrlArea{margin-left:0px;}
.EditPP .Top {}
.EditPP .Top .inner {padding:11px 17px;}
.EditPP #tab1 .Middle {height:125px; overflow:hidden;}
.EditPP #tab1 .Middle .inner {}
.EditPP .Middle {height:165px; background:#fff; overflow:hidden;}
.EditPP .Middle .inner {background:#fff;}
.EditPP .Middle2 {position:absolute;left:0;bottom:53px; b\ackground:#DD9;}
.EditPP .Middle2 .inner {padding:0 17px 20px 17px;}
.EditPP .Bottom {position:absolute;left:0;bottom:0; width: 394px;}
.EditPP .Bottom .inner {padding:11px 17px;}
.EditPP .Bottom .eppCancel {float:right;}
.EditPP .grey-bg {width:360px; height:53px;}
.EditPP .seltool {margin:25px 0 0 21px;}
.EditPP .toolbox {margin:15px 0 0 21px;}
.EditPP .sliderTTL {float:left; padding-top:13px; margin:0 10px 0 0;}
.EditPP .yui-h-slider {float:left; margin:0 15px 0 0;}
.EditPP .brd {float:left; margin:3px 4px;}
/*_________________________________________________Tabs for Edit Photo Popup______________________________________________________*/
.EditPP .yui-navset .yui-nav li,.EditPP .yui-navset .yui-navset-top .yui-nav li{margin:0 2px 0 0; padding:0;zoom:1; font-size:16px;}
.EditPP .yui-navset .yui-nav .selected,.EditPP .yui-navset .yui-navset-top .yui-nav .selected{margin:0 2px -1px 0;}
.EditPP .yui-navset .yui-nav a,.EditPP .yui-navset .yui-navset-top .yui-nav a
{background:#d8d8d8 url(../i3/tabs/editPP/l.gif) no-repeat 0% 0%; color:#324662;position:relative;text-decoration:none;}
.EditPP .yui-navset .yui-nav a em,.EditPP .yui-navset .yui-navset-top .yui-nav a em
{background:transparent url(../i3/tabs/editPP/r.gif) no-repeat 100% 0%; cursor:hand;padding:12px 40px 10px 18px; left:0;right:0;bottom:0;top:0;position:relative;}
.EditPP .yui-navset .yui-nav .selected a,.EditPP .yui-navset .yui-nav .selected a:focus,.EditPP .yui-navset .yui-nav .selected a:hover
{background:#cfdae9 url(../i3/tabs/editPP/l1.gif) no-repeat 0% 0%; color:#324662;}
.EditPP .yui-navset .yui-nav .selected a em,.EditPP .yui-navset .yui-nav .selected a:focus em,.EditPP .yui-navset .yui-nav .selected a:hover em
{background:transparent url(../i3/tabs/editPP/r1.gif) no-repeat 100% 0%; padding:12px 40px 11px 18px;}
.EditPP .yui-navset .yui-nav a:hover,.EditPP .yui-navset .yui-nav a:focus
{background:#cfdae9 url(../i3/tabs/editPP/l1.gif) no-repeat 0% 0%; color:#324662;}
.EditPP .yui-navset .yui-nav a:hover em,.EditPP .yui-navset .yui-nav a:focus em
{background:transparent url(../i3/tabs/editPP/r1.gif) no-repeat 100% 0%;}
.EditPP .yui-navset .yui-content,.EditPP .yui-navset .yui-navset-top .yui-content {padding:18px 18px 12px 18px;}
/*-----------------------------------------------------/Tabs---------------------------------------------------------------------*/
/*_________________________________________________Ctrl Buttons for Edit Photo Popup______________________________________________________*/
.EditPP .Top .yui-button button {margin:0 2px; padding:0;}
@-moz-document url-prefix() {.EditPP .Top .yui-button button {margin:0 -1px;}}
.EditPP .Top .yui-button button strong {display:block; width:32px; height:29px;}
/*
.EditPP #ppRotate90 strong {background:url(../i3/buttonsCtrl/editPP/rotate90.gif) no-repeat;}.EditPP #ppRotate90.yui-button-hover strong{background:url(../i3/buttonsCtrl/editPP/rotate90i.gif) no-repeat;}.EditPP #ppRotate90.yui-button-focus strong{background:url(../i3/buttonsCtrl/editPP/rotate90i.gif) no-repeat;}
.EditPP #ppRotate-90 strong {background:url(../i3/buttonsCtrl/editPP/rotate-90.gif) no-repeat;}.EditPP #ppRotate-90.yui-button-hover strong{background:url(../i3/buttonsCtrl/editPP/rotate-90i.gif) no-repeat;}.EditPP #ppRotate-90.yui-button-focus strong{background:url(../i3/buttonsCtrl/editPP/rotate-90i.gif) no-repeat;}
.EditPP #ppMoveL strong {background:url(../i3/buttonsCtrl/editPP/move_l.gif) no-repeat;}.EditPP #ppMoveL.yui-button-hover strong{background:url(../i3/buttonsCtrl/editPP/move_li.gif) no-repeat;}.EditPP #ppMoveL.yui-button-focus strong{background:url(../i3/buttonsCtrl/editPP/move_li.gif) no-repeat;}
.EditPP #ppMoveT strong {background:url(../i3/buttonsCtrl/editPP/move_t.gif) no-repeat;}.EditPP #ppMoveT.yui-button-hover strong{background:url(../i3/buttonsCtrl/editPP/move_ti.gif) no-repeat;}.skinVar4 #ppMoveT.yui-button-focus strong{background:url(../i3/buttonsCtrl/editPP/move_ti.gif) no-repeat;}
*/
/*
.EditPP .tool {width: 32px; height: 29px; float: left; margin-right: 8px;}
.EditPP #ppRotate90 {background:url(../i3/buttonsCtrl/editPP/rotate90.gif) no-repeat;}
.EditPP #ppRotate-90 {background:url(../i3/buttonsCtrl/editPP/rotate-90.gif) no-repeat;}
.EditPP #ppMoveL {background:url(../i3/buttonsCtrl/editPP/move_l.gif) no-repeat;}
.EditPP #ppMoveT {background:url(../i3/buttonsCtrl/editPP/move_t.gif) no-repeat;}
.EditPP #ppRotate90:hover {background:url(../i3/buttonsCtrl/editPP/rotate90i.gif) no-repeat;}
.EditPP #ppRotate-90:hover {background:url(../i3/buttonsCtrl/editPP/rotate-90i.gif) no-repeat;}
.EditPP #ppMoveL:hover {background:url(../i3/buttonsCtrl/editPP/move_li.gif) no-repeat;}
.EditPP #ppMoveT:hover {background:url(../i3/buttonsCtrl/editPP/move_ti.gif) no-repeat;}
*/
.EditPP .Middle2 .yui-button button {margin:0px 2px 2px 0; padding:0; text-align:right;}
@-moz-document url-prefix() {.EditPP .Middle2 .yui-button button {margin:0px -2px;}}
.EditPP .Middle2 .yui-button button strong {display:block; font-weight:normal; font-size:11px; padding:7px 32px 10px 0px;}
.EditPP .Middle2 .yui-button button strong{width:40px;}
.EditPP .Middle2 .ppRevert .yui-button button strong, .EditPP .Middle2 .ppApply .yui-button button strong{width:50px;}
.EditPP .ppUndo strong {background:url(../i3/buttonsCtrl/editPP/undo.gif) no-repeat;}.EditPP .ppUndo .yui-button-hover strong{background:url(../i3/buttonsCtrl/editPP/undoi.gif) no-repeat;}.EditPP #ppRotate180.yui-button-focus strong{background:url(../i3/buttonsCtrl/editPP/rotate180i.gif) no-repeat;}
.EditPP .ppRedo strong {background:url(../i3/buttonsCtrl/editPP/redo.gif) no-repeat;}.EditPP .ppRedo .yui-button-hover strong{background:url(../i3/buttonsCtrl/editPP/redoi.gif) no-repeat;}.EditPP #ppRotate-180.yui-button-focus strong{background:url(../i3/buttonsCtrl/editPP/rotate-180i.gif) no-repeat;}
.EditPP .ppRevert strong {background:url(../i3/buttonsCtrl/editPP/revert.gif) no-repeat;}.EditPP .ppRevert .yui-button-hover strong{background:url(../i3/buttonsCtrl/editPP/reverti.gif) no-repeat;}
.EditPP #ppTop.yui-button-focus strong{background:url(../i3/buttonsCtrl/editPP/topi.gif) no-repeat;}
.EditPP .ppApply strong {background:url(../i3/buttonsCtrl/editPP/apply.gif) no-repeat;}.EditPP .ppApply .yui-button-hover strong{background:url(../i3/buttonsCtrl/editPP/applyi.gif) no-repeat;}.EditPP #ppApplay.yui-button-focus strong{background:url(../i3/buttonsCtrl/editPP/applyi.gif) no-repeat;}
/*-----------------------------------------------------/ Ctrl Buttons---------------------------------------------------------------------*/
/*_________________________________________________Buttons for Edit Photo Popup______________________________________________________*/
.EditPP .Bottom .yui-button{background:url(../i3/buttons/editPP/epp_l.gif) no-repeat; cursor:pointer; cursor:hand;}
.EditPP .Bottom .yui-button button { background:url(../i3/buttons/editPP/epp_r.gif) no-repeat 100% 0%;}
.EditPP .Bottom .eppSave .yui-button button {font-size:16px; color:#e4340e; font-weight:bold; font-family: arial, tahoma, sans-serif;}
.EditPP .Bottom .eppSave .yui-button button strong {display:block; padding:5px 38px 7px 36px;}
*+html .EditPP .Bottom .eppSave .yui-button button strong {display:block; padding:5px 47px 6px 45px;}
*html body .EditPP .Bottom .eppSave .yui-button button strong {display:block; padding:5px 47px 6px 45px;}
.EditPP .Bottom .eppCancel .yui-button button {font-size:11px; color:#0f5fb1; font-weight:bold; font-family: arial, tahoma, sans-serif;}
.EditPP .Bottom .eppCancel .yui-button button strong {display:block; padding:8px 10px 10px 8px;}
*+html .EditPP .Bottom .eppCancel .yui-button button strong {display:block; padding:8px 19px 10px 17px;}
*html body .EditPP .Bottom .eppCancel .yui-button button strong {display:block; padding:8px 19px 10px 17px;}
.EditPP .Bottom .yui-button-hover{background:url(../i3/buttons/editPP/eppact_l.gif) no-repeat;}
.EditPP .Bottom .yui-button-hover button {background:url(../i3/buttons/editPP/eppact_r.gif) no-repeat 100% 0%;}
.EditPP .Bottom .yui-button-focus {background:url(../i3/buttons/editPP/eppact_l.gif) no-repeat;}
.EditPP .Bottom .yui-button-focus button {background:url(../i3/buttons/editPP/eppact_r.gif) no-repeat 100% 0%;}
/*-----------------------------------------------------/Buttons---------------------------------------------------------------------*/
/*----------------------------------------------------- Slider ---------------------------------------------------------------------*/
.EditPP .yui-h-slider{background:url(../i3/slider/editPP/bg-h.gif) no-repeat center top; height:18px; width:120px; margin-top:20px;}
*+html .EditPP .yui-h-slider img {}
*html body .EditPP .yui-h-slider img {}
.EditPP .yui-slider-thumb {margin-top:-15px;}
/*-----------------------------------------------------/Slider---------------------------------------------------------------------*//*............................................._ Pop Up _..........................................*/
#popupEditImg {position:absolute; width:616px;left:20px; top:-20px;}
#popupEditImg .border_img_l {float:left; height:505px; background:transparent url(../i3/boxes/pp/img_l.png) no-repeat;
-background: none;
-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/boxes/pp/img_l.png', sizingMethod='crop');}
#popupEditImg .border_img_r {float:left; height:505px; width:16px; background:transparent url(../i3/boxes/pp/img_r.png) no-repeat;
-background: none;
-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/boxes/pp/img_r.png', sizingMethod='crop');}
#popupEditImg .ppClose {position:absolute; width:15px; height:15px; top:18px; right:30px; background:transparent url(../i3/icons/pp_close1.gif) no-repeat; z-index:100;}
.yui-skin-ppImg .img img {border:1px solid #c4cbd5;}
#ppCropButton, #ppEffectsButton {position:absolute; width:560px; height:30px; top:448px; left:7px;}
#popupEditImg #ppCropCtrl, #popupEditImg #ppEffectsCtrl {float:right; width:100px;}
#popupEditImg .img {text-align:center; }
.EffectsVal1 {background:#ebedf1; margin:7px -11px 0 -7px; height:32px; font-size:13px; padding:10px 0 0 5px;}
*html body .EffectsVal1 {margin:7px 0 0 0;}
.EffectsVal2 {margin:0 -11px 0 -7px; height:40px; font-size:13px; padding:10px 0 0 5px;}
*html body .EffectsVal2 {margin:0; padding:15px 0 0 5px;}
.EffectsVal1 div, .EffectsVal2 div {float:left; margin-right:15px;}
.color_picker {width:22px; height:22px; background-color: red; position: relative;}
.color_picker div {position: absolute; left: 0px; top: 0px; width:22px; height:22px; background: url('../i3/buttonsCtrl/color_picker_t.gif') no-repeat; cursor: pointer;}
.pickerColor { width:10px; height:10px; float:left; border:1px solid #000000; margin-right:1px; margin-bottom:1px; cursor:pointer; }
.pickerColorSel { width:10px; height:10px; float:left; border:1px solid #ffff00; margin-right:1px; margin-bottom:1px; cursor:pointer; }
.pickerCustom { margin-right:1px; margin-bottom:1px; margin-top: 4px; height: 17px; cursor:pointer; font-size: 10px;}
.helpIcon2 {float:left; width:17px; height:17px; margin-right:3px; background:transparent url(../i3/_help.png) no-repeat center left;
-background: none; cursor:pointer; cursor:hend;
-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/_help.png', sizingMethod='crop');}
.helpPane2 {border: 1px solid black; background-color: #ffff80; font-size: 10px; padding: 1px; width: 150px; position: absolute;}
#popupEditText {position:absolute; left:60px; top:40px;}
#popupEditText .botBox {position:relative; padding:9px 0 0 15px;}
#popupEditText .topBox {width:496px; height:210px; background:transparent url('../i3/boxes/pp/top_box.png') no-repeat;
-background: none;
-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/boxes/pp/top_box.png', sizingMethod='crop');}
#popupEditText .bottomBox {width:496px; height:59px; background:transparent url('../i3/boxes/pp/bottom_box.png') no-repeat;
-background: none;
-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/boxes/pp/bottom_box.png', sizingMethod='crop');}
.topBox .ppTxtBoxClose {float:right; width:15px; height:15px; background: url('../i3/icons/pp_close2.gif') no-repeat}
.topBox .ppTxtBoxTitle {padding-top:14px; margin:0 18px 8px 14px; height:23px; border-bottom:1px solid #ebedf1; font-size:14px; color:#324662;}
.TxtEditor {position:relative; margin:0 18px 0 14px;}
.TxtEditor textarea {width:460px; height:68px;}
.EditTxtTab1 {position:relative; margin:7px 8px 8px 8px; height:42px; background:#ebedf1; padding:0 3px; width: 580px;}
.spacer {margin:0 0 0 12px;}
.EditTxtTab1 select {padding:1px;}
.EditTxtTab1 select.font {width:100px;}
.EditTxtTab1 div {float:left; margin-right:15px;}
.EditTxtTab2 {position:relative; margin:0 12px 0 8px; height:30px; font-size:13px; padding:10px 0 0 5px;}
.EditTxtTab2 select {padding:1px;}
.EditTxtTab2 select.font {width:100px;}
.EditTxtTab2 div {float:left; margin-right:15px;}
/*............................................._ Shopping Cart _..........................................*/
.InCart {position:relative; width:100%; margin:0 auto; font-size:14px; 1background:#DDD; min-height: 600px;}
.InCart .lft {position:relative; float:left; font-size:12px;}
.scPageTtl {font-size:26px; color: #1d5f91; font-weight: bold; padding-top: 20px;}
.scLine {margin-top:25px;padding:0 0 23px 0;border-bottom:1px solid #BBB;}
.scLine .scTtl {color:#536987; margin:0;}
.scLine .title {font-size: 14px; font-weight: bold;}
.scLine .products {width:400px; 1background:#FFC;}
.scLine .products img{border:1px solid #BBB;margin-right:12px;}
.scLine .price {width:100px; 1background:#CFF;}
.scLine .quantity {width:100px; 1background:#CFC;}
.scLine .total {width:100px; 1background:#FCC;}
.scLine .info {width:120px; 1background:#FCC; }
.scLine .info-prompt {width:120px; padding-bottom: 0px; font-size: 11px; font-weight: 600;}
.scLine .info-field {width:120px; 1background:#FCC; padding-bottom: 2px;}
.scLine .info-field input {color:#1d5f91; font-size: 11px; padding: 1px;}
.scLine .products2 {width:280px; 1background:#FFC;}
.scLine .status {width:200px; 1background:#FFC;}
.InCart .ctrlButton {padding-top:25px;1background:#FCF;}
.scLine .student-info {width:300px; font-size: 12px;}
.scLine .student-info .hdr {float: left; color:#769cb9; width: 150px; padding: 2px 0px;}
.scLine .student-info .text {float: left; color:#1d5f91; width: 150px; padding: 2px 0px;}
.scLine .student-info .link {color:#0097dc; width: 150px; padding: 2px 0px;}
.scLine .student-info .link a:link {color:#0097dc;}
.scLine .student-info .link a:visited {color:#0097dc;}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #9F9D9E;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #9F9D9E;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #9F9D9E;
}
.scLine .sub {float:right;margin:0 15px 10px 0;width:200px;text-align:right;}
.scLine .sub p{font-size:28px !important;font-weight:bold;margin:0; color:#f5f5f5;}
.scLine .txt {display: table; height: 42px; #position: relative; overflow: hidden;}
*+html body .scLine .txt {height: 102px;}
.scLine .txt div {#position: absolute; #top: 50%; display: table-cell; vertical-align: top;}
.scLine .txt div div {#position: relative; #top: -50%;}
.scLine .txt p,.scLine.stxt p {font-size:19px; margin:0; color:#1d5f91; }
.scLine .txt p.name {margin-bottom:5px;}
.scLine .txt span {color:#769cb9;}
.scLine .txt input {font-size:19px; width:60px;}
.scLine .txt select{font-size:19px; padding: 2px 4px;}
.scLine input.lng {font-size:19px; width:220px;}
.scSummaryLine {margin-top:25px;padding:0 0 23px 0; font-size: 16px;}
.scSummaryLineSep {margin-top:25px; border-bottom:1px solid #BBB;}
.scSummaryLine .scTtl {color:#536987; margin:0;}
.scSummaryLine .title {font-size: 16px; font-weight: bold;}
.scSummaryLine .item {width: 140px; font-size: 16px; }
.scSummaryLine .item2 {width: 180px; font-size: 16px; }
.scSummaryLine .price {width:100px;}
.scSummaryLine .total {width:100px;}
.scSummaryLine .txt {display: table; height: 20px; #position: relative; overflow: hidden; font-size: 16px; text-align: right; }
*+html body .scSummaryLine .txt {height: 22px;}
.scSummaryLine .txt div {#position: absolute; #top: 50%; display: table-cell; vertical-align: middle;}
.scSummaryLine .txt div div {#position: relative; #top: -50%; width: 100px;}
.scSummaryLine .txt p {margin-block-start:2px; margin-block-end: 2px;}
.scSummaryLine p.name {margin-bottom:5px; font-size: 11px;}
.scBilling,.scShipping{margin-top:10px; font-size: 12px; margin-left: 50px;}
.scBilling{width:100%;/*background:#CFC;*/}
.scShipping{width:100%;/*background:#CCF;*/}
.scSectionTtl{font-size:24px;font-weight:bold;}
.scInputRow{margin:5px 0 0px 0;font-size:12px;}
.scInputRow .rgt{float:right;margin-right:130px;padding-top:5px;}
.scInputRow .label{width:100px;padding-top:5px; font-size: 12px; font-weight: 600; padding-bottom: 5px;}
.scInputRow .field{}
.scInputRow .field input{width:350px; padding:2px 3px; font-size: 12px;}
.scInputRow .field select{width:350px; padding:2px 2px; font-size: 12px;}
.scInputRow textarea{width:390px;height:149px; padding: 20px;}
.scInputRow .zip input{width:90px;}
.scInputRow .country input{width:40px;}
.scInputRow a {text-decoration: none; color: #0097dc; font-weight: bold;}
.scBilShip{margin:15px 0 0 0;font-size:12px;padding:0 0 23px 87px;border-bottom:1px solid #BBB;}
.scOrderInf,.scOrderLink{margin:0px 0;color:#1d5f91;}
.scOrderInf{float:left;width:430px; margin-right: 30px;}
.scOrderLink{float:right;width:40%;font-size:12px;}
.scOrderName{font-size:16px; font-weight: 600; padding-top: 25px; padding-bottom: 15px;}
.scOrderText{font-size:14px; font-weight: 600; color: #769cb9; float: left; }
.scSectionTxt{font-size:12px;}
.scOrderTtl {font-size:18px; color: #1d5f91; font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid #BBB; height: 22px;}
.scLine .scTax{float:right;}
.scOrder{width:650px;}
.scOrder .txt span.tax{color:#769cb9; font-size: 14px; padding-right:14px;}
.scOrder .txt span.tax strong{color:#333538;}
.scOrder .txt select {padding:5px 10px; font-size: 14px; color:#1d5f91;}
.scOrder .handling {font-size: 14px; background-color: #b9f9db; border-radius: 2px; border: 1px solid #cccccc; width: 480px; margin: 10px 0px; padding: 5px 20px 5px 50px; }
.scOrderTotal{float:right;margin:26px 15px 10px 0;font-size:14px;font-weight:bold;color:#333538;}
.scOrderTotal .ttl{float:left;padding:6px 5px 0 0;}
.scOrderTotal span{font-size:24px;font-weight:bold;}
.cclogo {width: 64px; height: 46px; float: left; margin: 5px;}
/* New june 2010*/
/*Begin new pages oh - Order History */
.oh-header,.oh-even,.oh-odd{padding:14px 0 0 0;height:29px;}
.oh-even,.oh-odd{border-top:1px solid #d1cfb4;}
.oh-header{color:#afb0b1;}
.oh-header div.lft{font-size:.8em;}
.oh-odd{background:#eeeeee;}
.oh-main .order {width:50px;margin-left:25px;}
.oh-main .title {width:400px;font-weight:bold;}
.oh-main .date {width:120px;}
.oh-main .status{width:140px;}
.oh-pages{font-size:12px;margin:30px 0 0 25px;}
.oh-pages ul{list-style:none;padding:0;margin:0;}
.oh-pages ul li{float:left;}
.oh-pages ul li.pre-next{margin:0 15px;}
.oh-pages ul li a{display:block;margin:0 6px;}
.oh-pages ul li span{display:block;margin:0 6px;}
/*End new pages*/
/*Begin new pages Edit Billing, Edit Account */
.InCart .note{padding:18px 16px;background:#fffbb7;}
.InCart .note p{font-weight:bold;margin:0;}
/*End new pages Edit Billing, Edit Account*/
/*Begin new pages Account Info */
.accountLeft{float:left;width:447px;}
.accountRight{float:right;width:377px;}
.accountInfo .sub-left{float:left;width:49%;line-height:14pt;}
.accountInfo{font-size:12px;}
.accountInfo p{margin:30px 0 15px 0;}
.accountInfo ul{margin:33px 0 0 0;padding:0;list-style:none;}
.accountInfo ul li {padding: 4px 0;}
.accountInfo ul a{text-decoration: none; color: #0097dc; font-weight: bold;}
/*
#edit-account {background:url(../i3/a-icon/edit-account.gif) no-repeat center left;}
#edit-billing {background:url(../i3/a-icon/edit-billing.gif) no-repeat center left;}
#edit-shipping{background:url(../i3/a-icon/edit-shipping.gif) no-repeat center left;}
#view-orders {background:url(../i3/a-icon/view-orders.gif) no-repeat center left;}
*/
/*End new pages Account Info */
/* New june 2010*/
/*............................................._/ Shopping Cart _..........................................*/
/*-----------------------------------------------------Main css to buttons---------------------------------------------------------------------*/
.yui-button{display:-moz-inline-box;display:inline-block;}
.yui-button .first-child{display:block;*display:inline-block;}
.yui-button button{display:block;*display:inline-block;border:none;margin:0;}
.yui-button button{background-color:transparent;*overflow:visible; cursor:pointer; cursor:hand;}
.yui-button {border: none;}
.yui-skin-sam .yui-button {border: none;}
/*-----------------------------------------------------Home page---------------------------------------------------------------------*/
.hPage_fix .yui-button{background:url(../i3/buttons/h_l.gif) no-repeat; cursor:pointer; cursor:hand;}
.hPage_fix .yui-button button { background:url(../i3/buttons/h_r.gif) no-repeat 100% 0%;}
.hPage_fix .yui-button button {font-size:11px; font-family: arial, tahoma, sans-serif; text-align:left;}
.hPage_fix .yui-button button strong {display:block; height:118px; padding:16px 1px 13px 1px; width:346px;} /*366*/
*+html .hPage_fix .yui-button button strong {display:block; padding:16px 10px 13px 10px; width:346px;}/* IE7*/
*html .hPage_fix .yui-button button strong {display:block; padding:16px 10px 13px 10px; width:346px;}/* IE6*/
.hPage_fix .yui-button-hover, .hPage_fix .yui-button-focus{background:url(../i3/buttons/hact_l.gif) no-repeat;}
.hPage_fix .yui-button-hover button,.hPage_fix .yui-button-focus button {background:url(../i3/buttons/hact_r.gif) no-repeat 100% 0%;}
.variant .hPage_fix .yui-button button strong {display:block; height:118px; padding:16px 1px 13px 1px; width:294px;} /*366*/
*+html .variant .hPage_fix .yui-button button strong {display:block; padding:16px 10px 13px 10px;}/* IE7*/
*html .variant .hPage_fix .yui-button button strong {display:block; padding:16px 10px 13px 10px;}/* IE6*/
/*-----------------------------------------------------Home page---------------------------------------------------------------------*/
.skinVar2 .yui-button{background:url(../i3/buttons/allact_l.gif) no-repeat; cursor:pointer; cursor:hand;}
.skinVar2 .yui-button button { background:url(../i3/buttons/allact_r.gif) no-repeat 100% 0%;}
.skinVar2 .yui-button button {font-size:11px; color:#304056; font-weight:bold; font-family: arial, tahoma, sans-serif;}
.skinVar2 .yui-button button strong {display:block; padding:6px 20px 8px 35px;}
*+html .skinVar2 .yui-button button strong {display:block; padding:6px 29px 8px 44px;}
*html body .skinVar2 .yui-button button strong {display:block; padding:6px 29px 8px 44px;}
.skinVar2 .yui-button-hover{background:url(../i3/buttons/allw_l.gif) no-repeat;}
.skinVar2 .yui-button-hover button {background:url(../i3/buttons/allw_r.gif) no-repeat 100% 0%;}
.skinVar2 .yui-button-focus {background:url(../i3/buttons/allw_l.gif) no-repeat;}
.skinVar2 .yui-button-focus button {background:url(../i3/buttons/allw_r.gif) no-repeat 100% 0%;}
.skinVar1 .yui-button{background:url(../i3/buttons/all_l.gif) no-repeat; cursor:pointer; cursor:hand;}
.skinVar1 .yui-button button { background:url(../i3/buttons/all_r.gif) no-repeat 100% 0%;}
.skinVar1 .yui-button button {font-size:11px; font-weight:bold; font-family: arial, tahoma, sans-serif;}
.skinVar1 .yui-button button strong {display:block; padding:6px 20px 8px 35px;}
*+html .skinVar1 .yui-button button strong {display:block; padding:6px 29px 8px 44px;}
*html body .skinVar1 .yui-button button strong {display:block; padding:6px 29px 8px 44px;}
.skinVar1 .yui-button-hover{background:url(../i3/buttons/allact_l.gif) no-repeat;}
.skinVar1 .yui-button-hover button {background:url(../i3/buttons/allact_r.gif) no-repeat 100% 0%;}
.skinVar1 .yui-button-focus {background:url(../i3/buttons/allact_l.gif) no-repeat;}
.skinVar1 .yui-button-focus button {background:url(../i3/buttons/allact_r.gif) no-repeat 100% 0%;}
/*-----------------------------------------------------Button Left menu---------------------------------------------------------------------*/
/*
.skinLeft .yui-button{margin:4px 0; background:url(../i3/buttons/button.gif) no-repeat; cursor:pointer; cursor:hand;}
.skinLeft .yui-button button {font-size:14px; color:#304056; font-weight:bold; font-family: helvetica, tahoma, arial, sans-serif;}
.skinLeft .yui-button .first-child {height:36px; width:146px; padding:15px 0 0 15px;}
.skinLeft .yui-button-hover {background:url(../i3/buttons/button_i.gif) no-repeat;}
.skinLeft .yui-radio-button-checked { background:url(../i3/buttons/button_i.gif) no-repeat;}
*/
.skinLeft .yui-button{margin:3px 0; cursor:pointer; cursor:hand; background:#f5f5f5;}
.skinLeft .yui-button button {font-size:14px; font-weight:bold; font-family: helvetica, tahoma, arial, sans-serif; text-align: left;}
.skinLeft .yui-button .first-child {width:140px; padding:3px 6px;}
.skinLeft .yui-button-hover {background:#f4dda9;}
.skinLeft .yui-radio-button-checked { background:#f4dda9;} /* fffd8c */
.skinLeft .cat-button {margin:6px 0; cursor:pointer; cursor:hand; background:#f5f5f5; font-size:14px; font-weight:bold; font-family: helvetica, tahoma, arial, sans-serif; text-align: left; width:140px; padding:3px 6px;}
.skinLeft .cat-button.checked {background:#f4dda9;};
.skinLeft .cat-button.hover {background:#f4dda9;};
/*-----------------------------------------------------Next Previous---------------------------------------------------------------------*/
.NxtPreNav .yui-button{background:url(../i3/buttons/big_l.gif) no-repeat; cursor:pointer; cursor:hand; margin:0 5px;}
.NxtPreNav .yui-button button {background:url(../i3/buttons/big_r.gif) no-repeat 100% 0%;}
.NxtPreNav .yui-button button {margin:0; font-size:16px; font-weight:bold; font-family: arial, tahoma, sans-serif;}
.NxtPreNav .yui-button button strong {display:block; padding:5px 10px 8px 35px;}
*+html .NxtPreNav .yui-button button strong {display:block; padding:5px 19px 8px 44px;}
*html body .NxtPreNav .yui-button button strong {display:block; padding:5px 19px 8px 44px;}
.NxtPreNav .yui-buttonN button strong {display:block; padding:5px 35px 8px 10px;}
*+html .NxtPreNav .yui-buttonN button strong {display:block; padding:5px 35px 8px 19px;}
*html body .NxtPreNav .yui-buttonN button strong {display:block; padding:5px 35px 8px 19px;}
.NxtPreNav .yui-buttonO button strong {display:block; padding:5px 40px 8px 20px; background:url(../i3/buttons/order.gif) no-repeat 70px 9px;}
*+html .NxtPreNav .yui-buttonO button strong {display:block; padding:5px 54px 8px 34px; background:url(../i3/buttons/order.gif) no-repeat 70px 9px;}
*html body .NxtPreNav .yui-buttonO button strong {display:block; padding:5px 54px 8px 34px; background:url(../i3/buttons/order.gif) no-repeat 79px 8px;}
.NxtPreNav .yui-button-hover{background:url(../i3/buttons/bigact_l.gif) no-repeat;}
.NxtPreNav .yui-button-hover button {background:url(../i3/buttons/bigact_r.gif) no-repeat 100% 0%;}
.NxtPreNav .yui-button-focus {background:url(../i3/buttons/bigact_l.gif) no-repeat;}
.NxtPreNav .yui-button-focus button {background:url(../i3/buttons/bigact_r.gif) no-repeat 100% 0%;}
/*----------------------------------------------------- Calendar &... ---------------------------------------------------------------------*/
.skinVar1_fix .yui-button{background:url(../i3/buttons/all_l.gif) no-repeat; cursor:pointer; cursor:hand;}
.skinVar1_fix .yui-button button { background:url(../i3/buttons/all_r.gif) no-repeat 100% 0%;}
.skinVar1_fix .yui-button button {font-size:11px; color:#0f5fb1; font-weight:bold; font-family: arial, tahoma, sans-serif; text-align:left;}
.skinVar1_fix .yui-button button strong {display:block; padding:6px 0 8px 25px; width:127px;}
*+html .skinVar1_fix .yui-button button strong {display:block; padding:6px 0 8px 34px; width:136px;}
*html body .skinVar1_fix .yui-button button strong {display:block; padding:6px 0 8px 34px; width:136px;}
.skinVar1_fix .yui-button-hover{background:url(../i3/buttons/allact_l.gif) no-repeat;}
.skinVar1_fix .yui-button-hover button {background:url(../i3/buttons/allact_r.gif) no-repeat 100% 0%;}
.skinVar1_fix .yui-button-focus {background:url(../i3/buttons/allact_l.gif) no-repeat;}
.skinVar1_fix .yui-button-focus button {background:url(../i3/buttons/allact_r.gif) no-repeat 100% 0%;}
/*----------------------------------------------------- Photo Manager ---------------------------------------------------------------------*/
.grey2_fix .yui-button{background:url(../i3/buttons/g2_l.gif) no-repeat; cursor:pointer; cursor:hand;}
.grey2_fix .yui-button button { background:url(../i3/buttons/g2_r.gif) no-repeat 100% 0%;}
.grey2_fix .yui-button button {font-size:11px; color:#0f5fb1; font-weight:bold; font-family: arial, tahoma, sans-serif; text-align:left;}
.grey2_fix .yui-button button strong {display:block; padding:6px 0 8px 25px; width:127px;}
*+html .grey2_fix .yui-button button strong {display:block; padding:6px 0 8px 34px; width:136px;}
*html body .grey2_fix .yui-button button strong {display:block; padding:6px 0 8px 34px; width:136px;}
/*
.grey2_fix .yui-button-hover{background:url(../i3/buttons/g2act_l.gif) no-repeat;}
.grey2_fix .yui-button-hover button {background:url(../i3/buttons/g2act_r.gif) no-repeat 100% 0%;}
.grey2_fix .yui-button-focus {background:url(../i3/buttons/g2act_l.gif) no-repeat;}
.grey2_fix .yui-button-focus button {background:url(../i3/buttons/g2act_r.gif) no-repeat 100% 0%;}
*/
/*----------------------------------------------------- POPUP---------------------------------------------------------------------*/
.skinVar3g .yui-button{background:url(../i3/buttons/all_l_grey.gif) no-repeat; cursor:pointer; cursor:hand;}
.skinVar3g .yui-button button { background:url(../i3/buttons/all_r_grey.gif) no-repeat 100% 0%;}
.skinVar3g .yui-button button {font-size:11px; color:#304056; font-weight:bold; font-family: arial, tahoma, sans-serif;}
.skinVar3g .yui-button button strong {display:block; padding:6px 15px 8px 15px;}
*+html .skinVar3g .yui-button button strong {display:block; padding:6px 24px 8px 24px;}
*html body .skinVar3g .yui-button button strong {display:block; padding:6px 24px 8px 24px;}
.skinVar3g .yui-button-hover{background:url(../i3/buttons/allact_l_grey.gif) no-repeat;}
.skinVar3g .yui-button-hover button {background:url(../i3/buttons/allact_r_grey.gif) no-repeat 100% 0%;}
.skinVar3g .yui-button-focus {background:url(../i3/buttons/allact_l_grey.gif) no-repeat;}
.skinVar3g .yui-button-focus button {background:url(../i3/buttons/allact_r_grey.gif) no-repeat 100% 0%;}
/*----------------------------------------------------- POPUP_IMG ---------------------------------------------------------------------*/
.skinVar4 {text-align:center;}
.skinVar4 .yui-button button {font-size:0px; display:none;}
.skinVar4 .yui-button {margin:7px 0px; height:30px;width:32px;cursor:pointer; cursor:hand;}
.skinVar4 #ImageRotate90 {background:url(../i3/buttonsCtrl/rotate90.gif) no-repeat;}.skinVar4 #ImageRotate90.yui-button-hover {background:url(../i3/buttonsCtrl/rotate90i.gif) no-repeat;}
.skinVar4 #ImageRotate-90 {background:url(../i3/buttonsCtrl/rotate-90.gif) no-repeat;}.skinVar4 #ImageRotate-90.yui-button-hover {background:url(../i3/buttonsCtrl/rotate-90i.gif) no-repeat;}
.skinVar4 #ImageRotate5 {background:url(../i3/buttonsCtrl/rotate5.gif) no-repeat;}.skinVar4 #ImageRotate5.yui-button-hover {background:url(../i3/buttonsCtrl/rotate5i.gif) no-repeat;}
.skinVar4 #ImageRotate-5 {background:url(../i3/buttonsCtrl/rotate-5.gif) no-repeat;}.skinVar4 #ImageRotate-5.yui-button-hover {background:url(../i3/buttonsCtrl/rotate-5i.gif) no-repeat;}
.skinVar4 #ImageRotate180 {background:url(../i3/buttonsCtrl/rotate180.gif) no-repeat;}.skinVar4 #ImageRotate180.yui-button-hover {background:url(../i3/buttonsCtrl/rotate180i.gif) no-repeat;}
.skinVar4 #ppRotate-180 {background:url(../i3/buttonsCtrl/rotate-180.gif) no-repeat;}.skinVar4 #ppRotate-180.yui-button-hover {background:url(../i3/buttonsCtrl/rotate-180i.gif) no-repeat;}
.skinVar4 #ppTop {background:url(../i3/buttonsCtrl/top.gif) no-repeat;}.skinVar4 #ppTop.yui-button-hover {background:url(../i3/buttonsCtrl/topi.gif) no-repeat;}
.skinVar4 #ppBottom {background:url(../i3/buttonsCtrl/bottom.gif) no-repeat;}.skinVar4 #ppBottom.yui-button-hover {background:url(../i3/buttonsCtrl/bottomi.gif) no-repeat;}
.skinVar4 #ppMoveUp {background:url(../i3/buttonsCtrl/up.gif) no-repeat;}.skinVar4 #ppMoveUp.yui-button-hover {background:url(../i3/buttonsCtrl/upi.gif) no-repeat;}
.skinVar4 #ppMoveDown {background:url(../i3/buttonsCtrl/down.gif) no-repeat;}.skinVar4 #ppMoveDown.yui-button-hover {background:url(../i3/buttonsCtrl/downi.gif) no-repeat;}
.skinVar4 #ImageMirror {background:url(../i3/buttonsCtrl/move_l.gif) no-repeat;}.skinVar4 #ImageMirror.yui-button-hover {background:url(../i3/buttonsCtrl/move_li.gif) no-repeat;}
.skinVar4 #ImageFlip {background:url(../i3/buttonsCtrl/move_t.gif) no-repeat;}.skinVar4 #ImageFlip.yui-button-hover {background:url(../i3/buttonsCtrl/move_ti.gif) no-repeat;}
.skinVar4 #ppTxtTop {background:url(../i3/buttonsCtrl/top.gif) no-repeat;}.skinVar4 #ppTxtTop.yui-button-hover {background:url(../i3/buttonsCtrl/topi.gif) no-repeat;}
.skinVar4 #ppTxtBottom {background:url(../i3/buttonsCtrl/bottom.gif) no-repeat;}.skinVar4 #ppTxtBottom.yui-button-hover {background:url(../i3/buttonsCtrl/bottomi.gif) no-repeat;}
.skinVar4 #ppBringFront {background:url(../i3/buttonsCtrl/top.gif) no-repeat;}.skinVar4 #ppBringFront.yui-button-hover {background:url(../i3/buttonsCtrl/topi.gif) no-repeat;}
.skinVar4 #ppSendBack {background:url(../i3/buttonsCtrl/bottom.gif) no-repeat;}.skinVar4 #ppSendBack.yui-button-hover {background:url(../i3/buttonsCtrl/bottomi.gif) no-repeat;}
/*----------------------------------------------------- POPUP_TXT ---------------------------------------------------------------------*/
.skinR .yui-buttongroup {float:left;}
.skinR .yui-button button {font-size:0px; display:none;}
.skinR .yui-button {margin:7px 2px; height:30px;width:32px;cursor:pointer; cursor:hand;}
.skinR #TextLeft.yui-button{background:url(../i3/buttonsCtrl/ppTextLeft.gif) no-repeat;}.skinR #TextLeft.yui-button-hover {background:url(../i3/buttonsCtrl/ppTextLefti.gif) no-repeat;}.skinR #TextLeft.yui-button-checked {background:url(../i3/buttonsCtrl/ppTextLefti.gif) no-repeat;}
.skinR #TextCenter.yui-button{background:url(../i3/buttonsCtrl/ppTextCenter.gif) no-repeat;}.skinR #TextCenter.yui-button-hover {background:url(../i3/buttonsCtrl/ppTextCenteri.gif) no-repeat;}.skinR #TextCenter.yui-button-checked {background:url(../i3/buttonsCtrl/ppTextCenteri.gif) no-repeat;}
.skinR #TextRight.yui-button{background:url(../i3/buttonsCtrl/ppTextRight.gif) no-repeat;}.skinR #TextRight.yui-button-hover {background:url(../i3/buttonsCtrl/ppTextRighti.gif) no-repeat;}.skinR #TextRight.yui-button-checked {background:url(../i3/buttonsCtrl/ppTextRighti.gif) no-repeat;}
.skinR #TextTop.yui-button{background:url(../i3/buttonsCtrl/ppTextTop.gif) no-repeat;}.skinR #TextTop.yui-button-hover {background:url(../i3/buttonsCtrl/ppTextTopi.gif) no-repeat;}.skinR #TextTop.yui-button-checked {background:url(../i3/buttonsCtrl/ppTextTopi.gif) no-repeat;}
.skinR #TextMiddle.yui-button{background:url(../i3/buttonsCtrl/ppTextMiddle.gif) no-repeat;}.skinR #TextMiddle.yui-button-hover {background:url(../i3/buttonsCtrl/ppTextMiddlei.gif) no-repeat;}.skinR #TextMiddle.yui-button-checked {background:url(../i3/buttonsCtrl/ppTextMiddlei.gif) no-repeat;}
.skinR #TextBottom.yui-button{background:url(../i3/buttonsCtrl/ppTextBottom.gif) no-repeat;}.skinR #TextBottom.yui-button-hover {background:url(../i3/buttonsCtrl/ppTextBottomi.gif) no-repeat;}.skinR #TextBottom.yui-button-checked {background:url(../i3/buttonsCtrl/ppTextBottomi.gif) no-repeat;}
.skinR #TextBold.yui-button{background:url(../i3/buttonsCtrl/ppB.gif) no-repeat;}.skinR #TextBold.yui-button-hover {background:url(../i3/buttonsCtrl/ppBi.gif) no-repeat;}.skinR #TextBold.yui-button-checked {background:url(../i3/buttonsCtrl/ppBi.gif) no-repeat;}
.skinR #TextItalic.yui-button{background:url(../i3/buttonsCtrl/ppI.gif) no-repeat;}.skinR #TextItalic.yui-button-hover {background:url(../i3/buttonsCtrl/ppIi.gif) no-repeat;}.skinR #TextItalic.yui-button-checked {background:url(../i3/buttonsCtrl/ppIi.gif) no-repeat;}
.skinR #TextRotate180 { width: 53px; }
.skinR #TextRotate180.yui-button{background:url(../i3/buttonsCtrl/rotate180.gif) no-repeat;}.skinVar4 #TextRotate180.yui-button-hover{background:url(../i3/buttonsCtrl/rotate180i.gif) no-repeat;}
.skinR #TextRotate90.yui-button{background:url(../i3/buttonsCtrl/rotate90.gif) no-repeat;}.skinR #TextRotate90.yui-button-hover {background:url(../i3/buttonsCtrl/rotate90i.gif) no-repeat;}
.skinR #TextRotate-90.yui-button{background:url(../i3/buttonsCtrl/rotate-90.gif) no-repeat;}.skinR #TextRotate-90.yui-button-hover {background:url(../i3/buttonsCtrl/rotate-90i.gif) no-repeat;}
.skinR #TextRotate5.yui-button{background:url(../i3/buttonsCtrl/rotate5.gif) no-repeat;}.skinR #TextRotate5.yui-button-hover {background:url(../i3/buttonsCtrl/rotate5i.gif) no-repeat;}
.skinR #TextRotate-5.yui-button{background:url(../i3/buttonsCtrl/rotate-5.gif) no-repeat;}.skinR #TextRotate-5.yui-button-hover {background:url(../i3/buttonsCtrl/rotate-5i.gif) no-repeat;}
.skinR #TextSpell.yui-button{background:url(../i3/buttonsCtrl/ppSpell.gif) no-repeat;}.skinR #TextSpell.yui-button-hover {background:url(../i3/buttonsCtrl/ppSpelli.gif) no-repeat;}.skinR #TextSpell.yui-button-checked {background:url(../i3/buttonsCtrl/ppSpelli.gif) no-repeat;}
.yui-menu-buttonx em.yui-button-label {
font-style: normal;
display: block;
text-align: left;
white-space: nowrap;
/* Restrict the width of the label to 5em. */
width: 10em;
/* Hide the overflow if the text label exceeds 5em in width. */
overflow: hidden;
/*
IE, Safari and Opera support the ability to add ellipsis when the text
label exceeds 10em in width.
*/
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
li.yui-button-selectedmenuitemx {
background: url(../button/assets/checkbox.png) left center no-repeat;
}
.yui-menu-button-menux {z-index: 9999;}
div.yuimenu .bd {
zoom: normal;
padding-right: 30px; /*FOR IE*/
}
.yui-skin-sam .yuimenux .topscrollbar,
.yui-skin-sam .yuimenux .bottomscrollbar {
height: 0px;
}
/*get the vertical scrollbar working*/
.yui-skin-sam .yuimenux .yui-menu-body-scrolled {
overflow: auto;
padding-right: 10px; /*to prevent horizontal scroll*/
}
#TextFontButton-button {
width: 135px;
}
#TextFontSelect-container .yuimenu {
width: 135px;
z-index: 10001;
}
#TextFontSelect-container .yuimenu .bd {
min-width: 150px;
z-index: 10002;
}
#TextFontSelect-container .yuimenu .yuimenuitem {
width: 135px;
}
/*----------------------------------------------------- POPUP_CLIP ---------------------------------------------------------------------*/
.skinR #ClipRotate180 { width: 53px; }
.skinR #ClipRotate180.yui-button{background:url(../i3/buttonsCtrl/rotate180.gif) no-repeat;}.skinVar4 #ClipRotate180.yui-button-hover{background:url(../i3/buttonsCtrl/rotate180i.gif) no-repeat;}
.skinR #ClipRotate90.yui-button{background:url(../i3/buttonsCtrl/rotate90.gif) no-repeat;}.skinR #ClipRotate90.yui-button-hover {background:url(../i3/buttonsCtrl/rotate90i.gif) no-repeat;}
.skinR #ClipRotate-90.yui-button{background:url(../i3/buttonsCtrl/rotate-90.gif) no-repeat;}.skinR #ClipRotate-90.yui-button-hover {background:url(../i3/buttonsCtrl/rotate-90i.gif) no-repeat;}
.skinR #ClipRotate5.yui-button{background:url(../i3/buttonsCtrl/rotate5.gif) no-repeat;}.skinR #ClipRotate5.yui-button-hover {background:url(../i3/buttonsCtrl/rotate5i.gif) no-repeat;}
.skinR #ClipRotate-5.yui-button{background:url(../i3/buttonsCtrl/rotate-5.gif) no-repeat;}.skinR #ClipRotate-5.yui-button-hover {background:url(../i3/buttonsCtrl/rotate-5i.gif) no-repeat;}
.skinVar4 #ClipMirror {background:url(../i3/buttonsCtrl/move_l.gif) no-repeat;}.skinVar4 #ClipMirror.yui-button-hover {background:url(../i3/buttonsCtrl/move_li.gif) no-repeat;}
.skinVar4 #ClipFlip {background:url(../i3/buttonsCtrl/move_t.gif) no-repeat;}.skinVar4 #ClipFlip.yui-button-hover {background:url(../i3/buttonsCtrl/move_ti.gif) no-repeat;}
.skinVar4 #ppClipTop {background:url(../i3/buttonsCtrl/top.gif) no-repeat;}.skinVar4 #ppClipTop.yui-button-hover {background:url(../i3/buttonsCtrl/topi.gif) no-repeat;}
.skinVar4 #ppClipBottom {background:url(../i3/buttonsCtrl/bottom.gif) no-repeat;}.skinVar4 #ppClipBottom.yui-button-hover {background:url(../i3/buttonsCtrl/bottomi.gif) no-repeat;}
/*-----------------------------------------------------/Buttons---------------------------------------------------------------------*/
/*----------------------------------------------------- Slider ---------------------------------------------------------------------*/
.yui-h-slider,.yui-v-slider{position:relative;}
.yui-h-slider .yui-slider-thumb,.yui-v-slider .yui-slider-thumb{position:absolute;cursor:default;}
.yui-v-slider .yui-slider-thumb { margin: 0px;}
.yui-skin-sam .yui-h-slider{background:url(bg-h.gif) no-repeat 5px 0;height:28px;width:228px;}
.yui-skin-sam .yui-h-slider .yui-slider-thumb{top:4px;}
.yui-skin-sam .yui-v-slider{background:url(bg-v.gif) no-repeat 12px 0;height:131px;width:32px;}
.skinVar4 .yui-v-slider{background:url(../i3/slider/bg-v.gif) no-repeat 14px 0; height:71px; width:32px; margin:5px auto;}
*+html .skinVar4 .yui-v-slider img {margin-left:-16px;}
*html body .skinVar4 .yui-v-slider img {margin-left:-16px;}
.skinVar4 .zoom{ width:16px; margin:5px auto;}
.skinVar4 p {margin:15px 0 5px 0; font-weight:bold; text-align:center;}
.skinVar4 .yui-h-slider{background:url(../i3/slider/bg-h.gif) no-repeat 0px 10px; height:20px; width:71px; margin:10px auto;}
.skinVar4 .yui-h-slider .yui-slider-thumb{top:10px;}
*+html .skinVar4 .yui-h-slider img {margin-top:16px;}
*html body .skinVar4 .yui-h-slider img {margin-top:px;}
.yui3-slider-y { width: 26px; padding-left: 0px; margin-left: 4px;}
.yui3-slider-y .yui3-slider-rail { margin-left: 4px;}
.yui3-slider-y .yui3-slider-rail-cap-top { margin-left: -13px; top: -4px;}
.yui3-slider-y .yui3-slider-rail-cap-bottom { margin-left: -13px;}
.yui3-skin-sam .yui3-slider-y .yui3-slider-thumb-image { left: 0px; }
.yui3-slider-x { height: 32px; padding-left: 0px;}
#zoom-slider-bg3 .yui3-slider-y .yui3-slider-thumb { width: 32px; height: 20px; margin-left: -6px;}
#trans-slider-bg3 .yui3-slider-y .yui3-slider-thumb { width: 32px; height: 20px; margin-left: -6px;}
#border-slider-bg3 .yui3-slider-x .yui3-slider-thumb { height: 32px; width: 20px; margin-top: -6px;}
.yui3-skin-sam .yui3-slider-x .yui3-slider-thumb-image { top: 0px; }
.yui3-resize-handle {z-index: 991;}
.yui3-resize-knob .yui3-resize-handle-tr,
.yui3-resize-knob .yui3-resize-handle-br,
.yui3-resize-knob .yui3-resize-handle-tl,
.yui3-resize-knob .yui3-resize-handle-bl,
.yui3-resize-knob .yui3-resize-handle-b,
.yui3-resize-knob .yui3-resize-handle-t,
.yui3-resize-knob .yui3-resize-handle-l,
.yui3-resize-knob .yui3-resize-handle-r {
border: 1px solid #808080;
background-color: #F2F2F2;
height: 6px;
width: 6px;
position: absolute;
z-index: 1004;
}
.yui3-resize-knob .yui3-resize-handle-b,
.yui3-resize-knob .yui3-resize-handle-t {
left: 50%;
margin-left: -4px;
}
.yui3-resize-knob .yui3-resize-handle-l,
.yui3-resize-knob .yui3-resize-handle-r {
top: 50%;
margin-top: -4px;
}
.yui3-resize-knob .yui3-resize-handle-t,
.yui3-resize-knob .yui3-resize-handle-tr,
.yui3-resize-knob .yui3-resize-handle-tl {
top: -4px;
}
.yui3-resize-knob .yui3-resize-handle-b,
.yui3-resize-knob .yui3-resize-handle-br,
.yui3-resize-knob .yui3-resize-handle-bl {
bottom: -4px;
}
.yui3-resize-knob .yui3-resize-handle-l,
.yui3-resize-knob .yui3-resize-handle-bl,
.yui3-resize-knob .yui3-resize-handle-tl {
left: -4px;
}
.yui3-resize-knob .yui3-resize-handle-r,
.yui3-resize-knob .yui3-resize-handle-br,
.yui3-resize-knob .yui3-resize-handle-tr {
right: -4px;
}
.yui3-resize-knob .yui3-resize-handle-inner {
background: none;
height: 6px;
width: 6px;
}
.yui3-resize-knob .yui3-resize-r { }
.yui3-resize-knob .yui3-resize-l { }
.yui3-resize-knob .yui3-resize-t { }
.yui3-resize-knob .yui3-resize-b { }
.yui3-resize-handle-t {
cursor: n-resize;
}
.yui3-resize-handle-b {
cursor: s-resize;
}
.yui3-resize-handle-l {
cursor: w-resize;
}
.yui3-resize-handle-r {
cursor: e-resize;
}
.yui3-resize-handle-tr {
cursor: ne-resize;
}
.yui3-resize-handle-tl {
cursor: nw-resize;
}
.yui3-resize-handle-br {
cursor: se-resize;
}
.yui3-resize-handle-bl {
cursor: sw-resize;
}
.dragproxy {border: 2px solid #cccccc; z-index: 1002;}
/*-----------------------------------------------------/Slider---------------------------------------------------------------------*/
/*-----------------------------------------------------Tabs---------------------------------------------------------------------*/
.yui-navset .yui-nav li,.yui-navset .yui-navset-top .yui-nav li,.yui-navset .yui-navset-bottom .yui-nav li{margin:0 .5em 0 0; display:-moz-inline-stack;*display:inline;}
.yui-navset-left .yui-nav li,.yui-navset-right .yui-nav li{margin:0 0 .5em;}
.yui-navset .yui-content .yui-hidden{position:absolute;left:-999999px;visibility:hidden;}
.yui-navset .yui-navset-left .yui-nav,.yui-navset .yui-navset-right .yui-nav,.yui-navset-left .yui-nav,.yui-navset-right .yui-nav{width:6em;}
.yui-navset-top .yui-nav,.yui-navset-bottom .yui-nav{width:auto;}.yui-navset .yui-navset-left,.yui-navset-left{padding:0 0 0 6em;}
.yui-navset-right{padding:0 6em 0 0;}
.yui-navset-top,.yui-navset-bottom{padding:auto;}
.yui-nav,.yui-nav li{margin:0;padding:0;list-style:none;}
.yui-navset li em{font-style:normal;}
.yui-navset{position:relative;zoom:1;}
.yui-navset .yui-content,.yui-navset .yui-content div{zoom:1; border-width: 0;}
.yui-navset .yui-content:after{content:'';display:block;clear:both;}
.yui-skin-sam .yui-navset .yui-content {background-color: transparent; border: none;}
.yui-navset .yui-nav li,.yui-navset .yui-navset-top .yui-nav li,.yui-navset .yui-navset-bottom .yui-nav li{display:inline-block;*display:inline;vertical-align:bottom;cursor:pointer;zoom:1;border: none;}
.yui-navset-left .yui-nav li,.yui-navset-right .yui-nav li{display:block;}
.yui-navset .yui-nav a{position:relative;}
.yui-navset .yui-nav li a,.yui-navset-top .yui-nav li a,.yui-navset-bottom .yui-nav li a{display:block;display:inline-block;vertical-align:bottom;zoom:1;}
.yui-navset-left .yui-nav li a,.yui-navset-right .yui-nav li a{display:block;}
.yui-navset-bottom .yui-nav li a{vertical-align:text-top;}
.yui-navset .yui-nav li a em,.yui-navset-top .yui-nav li a em,.yui-navset-bottom .yui-nav li a em{display:block; border: none;}
.yui-navset .yui-navset-left .yui-nav,.yui-navset .yui-navset-right .yui-nav,.yui-navset-left .yui-nav,.yui-navset-right .yui-nav{position:absolute;z-index:100;}
.yui-skin-sam .yui-navset .yui-nav li a {border-width: 0;}
.yui-skin-sam .yui-navset .yui-nav li a em {border-width: 0;}
.yui-skin-sam .yui-navset .yui-nav {border: none;}
/*_________________________________________________ ______________________________________________________*/
.yui-skin-sam .yui-navset .yui-nav li,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav li{margin:0 3px 0 0; padding:0;zoom:1; font-size:13px;}
.yui-skin-sam .yui-navset .yui-nav .selected,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav .selected{margin:0 3px -1px 0;}
.yui-skin-sam .yui-navset .yui-nav a,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a
{color:#000;position:relative;text-decoration:none;}
.yui-skin-sam .yui-navset .yui-nav a em,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a em
{cursor:hand;padding:6px 15px 3px 10px; left:0;right:0;bottom:0;top:0;position:relative;}
.yui-skin-sam .yui-navset .yui-nav .selected a,.yui-skin-sam .yui-navset .yui-nav .selected a:focus,.yui-skin-sam .yui-navset .yui-nav .selected a:hover
{color:#ca000a;}
.yui-skin-sam .yui-navset .yui-nav a:hover,.yui-skin-sam .yui-navset .yui-nav a:focus
{color:#ca000a;}
.yui-skin-sam .yui-navset .yui-content,.yui-skin-sam .yui-navset .yui-navset-top .yui-content {padding:3px 7px;}
/*_________________________________________________ ______________________________________________________*/
.yui-skin-ppImg .yui-navset {margin:7px 0 0 8px; width:590px;}
.yui-skin-ppImg .yui-navset .yui-nav li{margin:0 3px 0 0; padding:0;zoom:1; font-size:14px; }
.yui-skin-ppImg .yui-navset .yui-nav .selected {margin:0 3px 0 0;}
.yui-skin-ppImg .yui-navset .yui-nav a,.yui-skin-ppImg .yui-navset .yui-navset-top .yui-nav a
{background:url(../i3/tabs/pp_l.gif) no-repeat 0% 0%; color:#324662;position:relative;text-decoration:none;}
.yui-skin-ppImg .yui-navset .yui-nav a em,.yui-skin-ppImg .yui-navset .yui-navset-top .yui-nav a em
{background:transparent url(../i3/tabs/pp_r.gif) no-repeat 100% 0%; cursor:hand;padding:10px 33px; left:0;right:0;bottom:0;top:0;position:relative;}
.yui-skin-ppImg .yui-navset .yui-nav .selected a,.yui-skin-ppImg .yui-navset .yui-nav .selected a:focus,.yui-skin-ppImg .yui-navset .yui-nav .selected a:hover
{background: url(../i3/tabs/pp_l_i.gif) no-repeat 0% 0%; color:#ca000a;}
.yui-skin-ppImg .yui-navset .yui-nav .selected a em,.yui-skin-ppImg .yui-navset .yui-nav .selected a:focus em,.yui-skin-ppImg .yui-navset .yui-nav .selected a:hover em
{background:transparent url(../i3/tabs/pp_r_i.gif) no-repeat 100% 0%;}
.yui-skin-ppImg .yui-navset .yui-nav a:hover,.yui-skin-ppImg .yui-navset .yui-nav a:focus
{background: url(../i3/tabs/pp_l_i.gif) no-repeat 0% 0%; color:#ca000a;}
.yui-skin-ppImg .yui-navset .yui-nav a:hover em,.yui-skin-ppImg .yui-navset .yui-nav a:focus em
{background:transparent url(../i3/tabs/pp_r_i.gif) no-repeat 100% 0%;}
.yui-skin-ppImg .yui-navset .yui-content {padding:7px;}
/*_________________________________________________Tab for Grey box with gradient (photo_manage)______________________________________________________*/
.pManeger .yui-navset .yui-nav li,.pManeger .yui-navset .yui-navset-top .yui-nav li{margin:0 3px 0 0; padding:0;zoom:1; font-size:13px;}
.pManeger .yui-navset .yui-nav .selected,.pManeger .yui-navset .yui-navset-top .yui-nav .selected{margin:0 3px -2px 0;}
.pManeger .yui-navset .yui-nav a,.pManeger .yui-navset .yui-navset-top .yui-nav a
{background:#d8d8d8 url(../i3/tabs/tab_l.gif) no-repeat 0% 0%; color:#000;position:relative;text-decoration:none;}
.pManeger .yui-navset .yui-nav a em,.pManeger .yui-navset .yui-navset-top .yui-nav a em
{background:transparent url(../i3/tabs/tab_r.gif) no-repeat 100% 0%; cursor:hand;padding:9px 18px 6px 15px; left:0;right:0;bottom:0;top:0;position:relative;}
.pManeger .yui-navset .yui-nav .selected a,.pManeger .yui-navset .yui-nav .selected a:focus,.pManeger .yui-navset .yui-nav .selected a:hover
{background:#cfdae9 url(../i3/tabs/tab1_l.gif) no-repeat 0% 0%; color:#ca000a;}
.pManeger .yui-navset .yui-nav .selected a em,.pManeger .yui-navset .yui-nav .selected a:focus em,.pManeger .yui-navset .yui-nav .selected a:hover em
{background:transparent url(../i3/tabs/tab1_r.gif) no-repeat 100% 0%; padding:9px 18px 8px 15px;}
.pManeger .yui-navset .yui-nav a:hover,.pManeger .yui-navset .yui-nav a:focus
{background:#cfdae9 url(../i3/tabs/tab1_l.gif) no-repeat 0% 0%; color:#ca000a;}
.pManeger .yui-navset .yui-nav a:hover em,.pManeger .yui-navset .yui-nav a:focus em
{background:transparent url(../i3/tabs/tab1_r.gif) no-repeat 100% 0%;}
.pManeger .yui-navset .yui-content,.pManeger .yui-navset .yui-navset-top .yui-content {padding:0;}
/*-----------------------------------------------------/Tabs---------------------------------------------------------------------*/
/*-----------------------------------------------------/Panels---------------------------------------------------------------------*/
/* Provide skin for default Panel elements, ontop of container-core.css */
/*
.yui-panel-container.shadow {z-index: 9998;}
.yui-panel-container.shadow .underlay { position:absolute; left:3px; right:-3px; top:3px; bottom:-3px; background-color:#000; opacity:0.12; filter:alpha(opacity=12);}
.yui-panel { border:none; overflow:visible; background:transparent url(../i3/boxes/pp/box_r.png) no-repeat top right; font: 11px tahoma, helvetica, arial, sans-serif; z-index: 9999; }
.yui-panel .container-close {position:absolute; top:7px; right:10px; height:18px; width:17px; background:url(../i3/icons/pp_close2.gif) no-repeat; }
.yui-panel .container-close:hover {background:url(../i3/icons/pp_close2.gif) no-repeat; }
.yui-panel .hd { padding:0; border:none; color:#000; height:32px; margin-left:10px; margin-right:10px; text-align:left; vertical-align:middle; overflow:visible; background:url(../i3/boxes/pp/box_t.png) repeat-x; -background: none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/boxes/pp/box_t.png', sizingMethod='crop'); }
.yui-panel .bd { padding: 10px; overflow:hidden; background-color:#0FF; background: #fff url(../i3/boxes/pp/box_l.png) repeat-y; margin:0 4px 0 0; font-size: 13px; }
.yui-panel .ft { background:url(../i3/boxes/pp/box_b.png) repeat-x; font-size:11px; height:49px; padding:0px 10px; border:none; position: relative; }
.yui-panel .hd span { line-height:32px; vertical-align:middle; font-size: 14px; color: #324662; }
.yui-panel .hd .tl { width:10px; height:32px; top:0; left:0px; background:transparent url(../i3/boxes/pp/box_tl.png) no-repeat; -background: none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/boxes/pp/box_tl.png', sizingMethod='crop'); position:absolute; }
.yui-panel .hd .tr { width:10px; height:32px; top:0; right:0px; background:transparent url(../i3/boxes/pp/box_tr.png) no-repeat; -background: none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/boxes/pp/box_tr.png', sizingMethod='crop'); position:absolute; border: none; }
.yui-panel .ft .bl { width:10px; height:49px; bottom:0; left:0px; background:transparent url(../i3/boxes/pp/box_bl.png) no-repeat; -background: none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/boxes/pp/box_bl.png', sizingMethod='crop'); position:absolute; }
.yui-panel .ft .br { width:10px; height:49px; bottom:0; right:0px; background:transparent url(../i3/boxes/pp/box_br2.png) no-repeat; -background: none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/boxes/pp/box_br.png', sizingMethod='crop'); position:absolute; border: none; }
.yui-panel .ft span { line-height:49px; vertical-align:middle; }
*/
.yui-panel { border:none; overflow:visible; font: 11px tahoma, helvetica, arial, sans-serif; z-index: 9999; }
.yui-panel-container.shadow {z-index: 9998;}
.yui-panel-container.shadow .underlay { position:absolute; left:3px; right:-3px; top:3px; bottom:-3px; background-color:#000; opacity:0.0; filter:alpha(opacity=0);}
.yui-panel .container-close {position:absolute; top:14px; right:32px; height:18px; width:17px; background:url(../i3/icons/pp_close2.gif) no-repeat; }
.yui-panel .container-close:hover {background:url(../i3/icons/pp_close2.gif) no-repeat; }
.yui-panel .bd { padding: 10px; overflow:hidden; background-color:#0FF; background: #fff; margin:4px 8px; font-size: 13px; width: 95%; min-width: 250px;}
.yui-panel .poptl {}
.yui-panel .poptl .Hspacer1 {height:5px;width:180px;}
.yui-panel .poptr {width:19px;}
.yui-panel .popbl {height:59px;}
.yui-panel .popbr {width:19px; height:59px;}
.yui-panel .popbl .btn-row { position: absolute; left: 16px; top: -4px; }
.yui-panel .poptl {background:transparent url('../i3/popup/tl.png');
-background: none;
-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/popup/tl.png', sizingMethod='crop');}
.yui-panel .poptr {background:transparent url('../i3/popup/tr.png');
-background: none;
-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/popup/tr.png', sizingMethod='crop');}
.yui-panel .popbl {background:transparent url('../i3/popup/bl.png');
-background: none;
-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/popup/bl.png', sizingMethod='crop');}
.yui-panel .popbr{background:transparent url('../i3/popup/br.png');
-background: none;
-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/popup/br.png', sizingMethod='crop');}
.popupTTL {margin-left:15px;}
.popupTTL {height:38px; border-bottom:1px solid #ebedf1;}
.popupTTL p {font-size:14px; color:#324662; margin:0; padding:15px 0 0 0;}
.yui-panel .ppClose {position:absolute; width:15px; height:15px; top:18px; right:30px; background:transparent url(../i3/icons/pp_close2.gif) no-repeat; z-index:100;}
.mask { z-index: 1; display:none; position:absolute; top:0; left:0; -moz-opacity: 0.5; opacity:.50; filter: alpha(opacity=50); background-color:#CCC; }
.yui-skin-sam .yui-toolbar-container .yui-toolbar-subcont {
display: none;
}
.yui-skin-sam .yui-toolbar-container .yui-toolbar-titlebar {
display: none;
}
#wait.yui-panel { background-color: white; border: 1px solid #cccccc; }
#wait.yui-panel .hd { margin-left: 2px; }
#wait.yui-panel .bd { background-color: white; margin: 2px; padding: 0px;}
.mask { z-index: 1; display:none; position:absolute; top:0; left:0; -moz-opacity: 0.5; opacity:.50; filter: alpha(opacity=50); background-color:#CCC; }
/*--------- HTML Uploader --------*/
.uploadProgress {
width:300px;
padding-top: 4px;
padding-bottom: 4px;
height: 14px;
clear: both;
font-family: tahoma, helvetica, arial, sans-serif;
float: left;
}
.uploadProgressBar {
width:290px;
background-color:white;
border:1px solid black;
height:6px;
}
.uploadProgressIndicator {
width:0px;
background-color: #0000ff;
height:6px;
margin:0;
}
.uploadProgressPercent {
float: left;
width: 80px;
}
.uploadFiles {
width: 430px;
height: 300px;
overflow: auto;
border: 1px solid black;
font-size: 11px;
background-color: white;
margin: 5px;
}
.uploadFile {
width: 390px;
height: 30px;
border: 1px solid black;
background-color: #cccccc;
margin: 5px;
padding: 5px;
}
.uploadFileName {
float: left;
width: 300px;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
.uploadFileSize {
float: left;
width: 80px;
}
/*--------- HTML 5 Uploader --------*/
.upload5DropArea {
width:540px;
height: 365px;
clear: both;
font-family: tahoma, helvetica, arial, sans-serif;
float: left;
border:1px solid #ABABAB;
overflow: auto;
margin: 2px;
}
.upload5DropArea.hover {
border-color: #eae293;
border-style: solid;
}
.upload5DropAreaPortrait {
width:736px;
height: 365px;
clear: both;
font-family: tahoma, helvetica, arial, sans-serif;
float: left;
border:1px solid #ABABAB;
background: url(../i3/target-gray.png) no-repeat 100px 0px;
overflow: auto;
margin: 2px;
}
.upload5DropAreaPortrait.hover {
border-color: #eae293;
border-style: solid;
background: url(../i3/target-yellow.png) no-repeat 100px 0px;
}
.upload5Progress {
width:420px;
border:none;
height:8px;
margin: 2px;
display:block;
clear:both;
float: left;
}
.upload5ProgressBar {
width:350px;
background-color:white;
border:1px solid #ABABAB;
height:6px;
float: left;
margin-top: 2px;
}
.upload5ProgressIndicator {
width:0px;
background-color: #32b0ff;
height:6px;
margin:0;
}
.upload5ProgressPercent {
float: left;
width: 110px;
margin-left: 4px;
margin-top: 0px;
}
.upload5Message {
width:400px;
border:none;
height:13px;
margin: 2px;
display:block;
clear:both;
float: left;
margin-top: 5px;
margin-left: 0px;
}
.upload5File {
width: 498px;
height: 44px;
border: 1px solid #ABABAB;
background-color: #dddddd;
margin: 5px;
padding: 5px;
font-size: 11px;
}
.upload5Image {
width:40px;
border:none;
height:40px;
margin: 2px;
display:block;
clear:both;
float: left;
}
.upload5FileName {
float: left;
width: 356px;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
.upload5FileSize {
float: left;
width: 80px;
}
.upload5Step {
font-size: 14px;
font-weight: bold;
color:#5278af;
}
// New floating toolbars on frames
.FrameToolbarContainer {height: 20px; top: -28px; position: absolute;}
.FrameToolbar {cursor: pointer; height: 22px; position: absolute;}
.FrameToolbar .FrameTool2 {cursor: pointer; float: left; width: 24px; height: 22px; }
.FrameToolbarContainer .imageToolbar {height: 20px; position: absolute; cursor: pointer; background-color: white; border: 1px solid #422c88; border-radius: 6px; padding: 6px 20px;}
.FrameToolbarContainer .textToolbar {height: 20px; position: absolute; cursor: pointer; background-color: white; border: 1px solid #422c88; border-radius: 6px; padding: 6px 20px;}
.FrameToolbarContainer .multiToolbar {height: 20px; position: absolute; cursor: pointer; background-color: white; border: 1px solid #422c88; border-radius: 6px; padding: 6px 20px;}
.FrameToolbarContainer .icon { height: 20px; width: 20px; margin: 0px 6px; float: left; background: transparent url(../i3/v7/Pixami-Yearbookpro-svg2.png) -75px -425px no-repeat; }
.FrameToolbarContainer .iconT { height: 20px; width: 20px; margin: 0px 6px; float: left; background: transparent url(../i3/v7/Pixami-Yearbookpro-svg2.png) -75px -425px no-repeat; }
.FrameToolbarContainer .iconM { height: 20px; width: 20px; margin: 0px 6px; float: left; background: transparent url(../i3/v7/Pixami-Yearbookpro-svg2.png) -75px -425px no-repeat; }
.FrameToolbarContainer .left {background-position: 0px 0px; width: 6px; }
.FrameToolbarContainer .right {background-position: -178px -2px; width: 2px; }
.FrameToolbarContainer .crop {background-position: -10px -2658px; }
.FrameToolbarContainer .borders {background-position: -40px -2658px; }
.FrameToolbarContainer .rotate {background-position: -70px -2658px; }
.FrameToolbarContainer .advanced {background-position: -130px -2658px; }
.FrameToolbarContainer .delete {background-position: -160px -2658px; }
.FrameToolbarContainer .more {background-position: -190px -2658px; }
.FrameToolbarContainer .info {background-position: -220px -2658px; }
.FrameToolbarContainer .edit {background-position: -10px -2894px; }
.FrameToolbarContainer .lock {background-position: -250px -2658px; }
.FrameToolbarContainer .unlock {background-position: -280px -2658px; }
.FrameToolbarContainer .front {background-position: -310px -2658px; }
.FrameToolbarContainer .bordersT {background-position: -40px -2894px; }
.FrameToolbarContainer .alignCtr {background-position: -160px -2894px; }
.FrameToolbarContainer .opacity {background-position: -190px -2894px; }
.FrameToolbarContainer .imageFill {background-position: -220px -2894px; }
.FrameToolbarContainer .shadow {background-position: -250px -2894px; }
.FrameToolbarContainer .deleteT {background-position: -160px -2658px; }
.FrameToolbarContainer .moreT {background-position: -190px -2658px; }
.FrameToolbarContainer .duplicateM {background-position: -40px -2966px; }
.FrameToolbarContainer .expandT {background-position: -10px -2966px; }
.FrameToolbarContainer .alignM {background-position: -79px -2966px; }
.FrameToolbarContainer .deleteM {background-position: -160px -2658px; }
.FrameToolbarContainer .editInfo {background-position: -150px -450px; }
.FrameToolbarContainer .colorize {background-position: -100px -2658px; }
.FrameToolbarContainer .crop:hover {background-position: -10px -2698px; }
.FrameToolbarContainer .borders:hover {background-position: -40px -2698px; }
.FrameToolbarContainer .rotate:hover {background-position: -70px -2698px; }
.FrameToolbarContainer .advanced:hover {background-position: -130px -2698px; }
.FrameToolbarContainer .delete:hover {background-position: -160px -2698px; }
.FrameToolbarContainer .more:hover {background-position: -190px -2698px; }
.FrameToolbarContainer .info:hover {background-position: -220px -2698px; }
.FrameToolbarContainer .edit:hover {background-position: -10px -2934px; }
.FrameToolbarContainer .lock:hover {background-position: -250px -2698px; }
.FrameToolbarContainer .unlock:hover {background-position: -280px -2698px; }
.FrameToolbarContainer .front:hover {background-position: -310px -2698px; }
.FrameToolbarContainer .bordersT:hover {background-position: -40px -2934px; }
.FrameToolbarContainer .alignCtr:hover {background-position: -160px -2934px; }
.FrameToolbarContainer .opacity:hover {background-position: -190px -2934px; }
.FrameToolbarContainer .imageFill:hover {background-position: -220px -2934px; }
.FrameToolbarContainer .shadow:hover {background-position: -250px -2934px; }
.FrameToolbarContainer .deleteT:hover {background-position: -160px -2698px; }
.FrameToolbarContainer .moreT:hover {background-position: -190px -2698px; }
.FrameToolbarContainer .duplicateM:hover {background-position: -40px -3000px; }
.FrameToolbarContainer .expandT:hover {background-position: -10px -3000px; }
.FrameToolbarContainer .alignM:hover {background-position: -79px -3000px; }
.FrameToolbarContainer .deleteM:hover {background-position: -160px -2698px; }
.FrameToolbarContainer .editInfo:hover {background-position: -325px -450px; }
.FrameToolbarContainer .colorize:hover {background-position: -100px -2698px; }
.FrameToolbarContainer .textBold {background-position: -10px -3090px; }
.FrameToolbarContainer .textItalic {background-position: -40px -3090px; }
.FrameToolbarContainer .textUnderline {background-position: -70px -3090px; }
.FrameToolbarContainer .textOutline {background-position: -100px -3090px; }
.FrameToolbarContainer .textAlignL {background-position: -10px -3030px; }
.FrameToolbarContainer .textAlignC {background-position: -40px -3030px; }
.FrameToolbarContainer .textAlignR {background-position: -70px -3030px; }
.FrameToolbarContainer .textAlignT {background-position: -100px -3030px; }
.FrameToolbarContainer .textAlignM {background-position: -130px -3030px; }
.FrameToolbarContainer .textAlignB {background-position: -160px -3030px; }
.FrameToolbarContainer .lineHeight {background-position: -220px -3030px; }
.FrameToolbarContainer .spellCheck {background-position: -190px -3030px; }
.FrameToolbarContainer .textBold:hover {background-position: -10px -3120px; }
.FrameToolbarContainer .textItalic:hover {background-position: -40px -3120px; }
.FrameToolbarContainer .textUnderline:hover {background-position: -70px -3120px; }
.FrameToolbarContainer .textOutline:hover {background-position: -100px -3120px; }
.FrameToolbarContainer .textAlignL:hover {background-position: -10px -3060px; }
.FrameToolbarContainer .textAlignC:hover {background-position: -40px -3060px; }
.FrameToolbarContainer .textAlignR:hover {background-position: -70px -3060px; }
.FrameToolbarContainer .textAlignT:hover {background-position: -100px -3060px; }
.FrameToolbarContainer .textAlignM:hover {background-position: -130px -3060px; }
.FrameToolbarContainer .textAlignB:hover {background-position: -160px -3060px; }
.FrameToolbarContainer .lineHeight:hover {background-position: -220px -3060px; }
.FrameToolbarContainer .spellCheck:hover {background-position: -190px -3060px; }
.FrameToolbarContainer .textBold.over {background-position: -10px -3120px; }
.FrameToolbarContainer .textItalic.over {background-position: -40px -3120px; }
.FrameToolbarContainer .textUnderline.over {background-position: -70px -3120px; }
.FrameToolbarContainer .textOutline.over {background-position: -100px -3120px; }
.FrameToolbarContainer .textAlignL.over {background-position: -10px -3060px; }
.FrameToolbarContainer .textAlignC.over {background-position: -40px -3060px; }
.FrameToolbarContainer .textAlignR.over {background-position: -70px -3060px; }
.FrameToolbarContainer .textAlignT.over {background-position: -100px -3060px; }
.FrameToolbarContainer .textAlignM.over {background-position: -130px -3060px; }
.FrameToolbarContainer .textAlignB.over {background-position: -160px -3060px; }
.FrameToolbarContainer .textBold.disabled {background-position: -10px -3150px; }
.FrameToolbarContainer .textItalic.disabled {background-position: -40px -3150px; }
.FrameToolbarContainer .textUnderline.disabled {background-position: -70px -3150px; }
.FrameToolbarContainer .textOutline.disabled {background-position: -100px -3150px; }
/* JQuery UI overrides */
.ui-widget {
font-family: Inter, tahoma, helvetica, arial, sans-serif;
}
.ui-widget .ui-widget {
font-size: 1.1em;
}
.ui-dialog { z-index: 11001; overflow: visible;}
.ui-front { z-index: 11000; }
.ui-pixbutton .ui-button {
display: inline-block;
position: relative;
padding: 0;
line-height: normal;
margin-right: 12px;
cursor: pointer;
vertical-align: middle;
text-align: center;
font-size: 14px;
color: #353945;
font-style: normal;
font-weight: 600;
line-height: 20px;
letter-spacing: -0.05px;
overflow: visible; /* removes extra width in IE */
white-space: nowrap;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: 8px 14px 8px 30px;
left: 10px;
}
.ui-button-text-icon-secondary .ui-button-text {
padding: 8px 38px 8px 12px;
left: 10px;
}
.ui-pixbutton .ui-button.ui-corner-all {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
white-space: nowrap;
}
.ui-pixbutton .ui-button.ui-corner-none {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
white-space: nowrap;
}
.ui-pixbutton .ui-state-default {
border: 1px solid #e6e8ec;
background: #ffffff;
font-weight: 600;
color: #353945;
}
.ui-pixbutton .ui-state-hover {
background-color: #f8f8f8;
}
.ui-pixbutton:focus {
outline: none;
}
/* button icon element(s) */
.ui-pixbutton .ui-button-text-icon-primary .ui-icon {
top: 9px;
margin-top: 0px;
margin-right: 8px;
}
.ui-pixbutton .ui-button-text-icon-primary .ui-button-icon-primary,
{
left: 13px;
}
.ui-pixbutton .ui-button-text-icon-secondary .ui-icon {
top: 8px;
margin-top: 0px;
margin-left: 13px;
}
.ui-pixbutton .ui-button-text-icon-secondary .ui-button-icon-secondary,
{
right: 13px;
}
/* states and images */
.ui-pixbutton .ui-icon {
width: 18px;
height: 18px;
}
/*
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
background-image: url("images/ui-icons_222222_256x240.png");
}
*/
.ui-pixbutton .ui-state-default .ui-icon {
background-image: url("../i3/v7/Pixami-Yearbookpro-svg2.png");
}
.ui-icon-button-new-section { background-position: -42px -2025px; }
.ui-icon-button-new-section.over { background-position: -42px -2025px; }
.ui-icon-button-submit-proof { background-position: -78px -2025px; }
.ui-icon-button-submit-proof.over { background-position: -78px -2025px; }
.ui-icon-button-accept-proof { background-position: -296px -2025px; }
.ui-icon-button-accept-proof.over { background-position: -296px -2025px; }
.ui-icon-button-reject-proof { background-position: -231px -2025px; }
.ui-icon-button-reject-proof.over { background-position: -231px -2025px; }
.ui-icon-button-new-user { width: 19px; background-position: -118px -2025px; color: #1e82cb; }
.ui-icon-button-new-user.over { width: 19px; background-position: -118px -2025px; }
.ui-icon-button-sales-refresh { background-position: -269px -1605px; }
.ui-icon-button-sales-refresh.over { background-position: -269px -1605px; }
.ui-icon-button-sales-report { background-position: -193px -2023px; }
.ui-icon-button-sales-report.over { background-position: -193px -2023px; }
.ui-icon-button-sales-offline { background-position: -41px -2024px; }
.ui-icon-button-sales-offline.over { background-position: -41px -2024px; }
.ui-icon-button-edit-cancel { background-position: -231px -2024px; }
.ui-icon-button-edit-cancel.over { background-position: -231px -2024px; }
.ui-icon-button-edit-done { background-position: -269px -2025px; }
.ui-icon-button-edit-done.over { background-position: -269px -2025px; }
.ui-icon-button-login { background-position: -175px -275px; }
.ui-icon-button-login.over { background-position: -350px -275px; }
.ui-icon-button-prev { background-position: -50px -350px; }
.ui-icon-button-prev.over { background-position: -225px -350px; }
.ui-icon-button-next { background-position: -75px -350px; }
.ui-icon-button-next.over { background-position: -250px -350px; }
.ui-icon-button-check-all { width: 20px; background-position: -40px -1604px; }
.ui-icon-button-check-all.over { width: 20px; background-position: -40px -1604px; }
.ui-icon-button-high-school { width: 20px; background-position: -78px -1604px; }
.ui-icon-button-high-school.over { width: 20px; background-position: -78px -1604px; }
.ui-icon-button-middle-school { width: 20px; background-position: -116px -1604px; }
.ui-icon-button-middle-school.over { width: 20px; background-position: -116px -1604px; }
.ui-icon-button-elem-school { width: 20px; background-position: -154px -1603px; }
.ui-icon-button-elem-school.over { width: 20px; background-position: -154px -1603px; }
.ui-icon-button-expand-all { background-position: -193px -1604px; }
.ui-icon-button-expand-all.over { background-position: -193px -1604px; }
.ui-icon-button-collapse-all { background-position: -231px -1604px; }
.ui-icon-button-collapse-all.over { background-position: -231px -1604px; }
.ui-icon-button-reset { background-position: -269px -1604px; }
.ui-icon-button-reset.over { background-position: -269px -1604px; }
/*
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-active .ui-icon {
background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-highlight .ui-icon {
background-image: url("images/ui-icons_2e83ff_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url("images/ui-icons_cd0a0a_256x240.png");
}
*/
.ui-pixaccordian .ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em;
min-height: 0; /* support: IE7 */
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 18px; /* 150% */
letter-spacing: -0.32px;
}
.ui-pixaccordian .ui-accordion .ui-accordion-icons {
padding-left: 8px;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
padding-left: 8px;
}
.ui-pixaccordian .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
position: absolute;
left: 290px;
top: 50%;
margin-top: -8px;
}
.ui-pixaccordian .ui-widget-content {
border: 0px solid #aaaaaa;
background: white;
color: #141416;
}
.ui-pixaccordian .ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.ui-pixaccordian .ui-state-default {
border: 0px solid #aaaaaa;
background: white;
font-weight: 500;
color: #141416;
}
.ui-pixaccordian .ui-state-active {
border: 0px solid #aaaaaa;
background: white;
font-weight: 500;
color: #141416;
}
.ui-pixaccordian .ui-icon-triangle-1-s { background:transparent url(../i3/v7/Pixami-Yearbookpro-svg2.png) -150px -1276px no-repeat;}
.ui-pixaccordian .ui-icon-triangle-1-e { background:transparent url(../i3/v7/Pixami-Yearbookpro-svg2.png) -177px -1276px no-repeat;}
.ui-pixdialog { color: #141416; border-radius: 10px; }
.ui-pixdialog .ui-widget-header { background: white; padding-left: 11px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #141416; font-size: 14px; font-weight: 600; line-height: 24px; letter-spacing: -0.26px; color: #141416; border-radius: 0px;}
.ui-pixdialog .ui-widget-content { color: #141416; font-size: 12px;}
/*
.ui-pixdialog .ui-button {
display: inline-block;
position: relative;
padding: 0;
line-height: normal;
margin-right: 12px;
cursor: pointer;
vertical-align: middle;
text-align: center;
font-size: 12px;
overflow: visible; /* removes extra width in IE * /
white-space: nowrap;
}
*/
.ui-pixdialog .ui-button {
font-size: 12px;
}
.ui-pixdialog .ui-button.ui-corner-all {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
font-size: 12px;
white-space: nowrap;
}
.ui-pixdialog .ui-state-default {
border: 1px solid #d3d3d3;
background: #ffffff;
font-weight: 600;
color: #555555;
}
.ui-pixdialog .ui-state-focus {
outline: none;
}
/* button icon element(s) */
.ui-pixdialog .ui-button-text-icon-primary .ui-icon {
top: 8px;
margin-top: 0px;
margin-right: 13px;
}
.ui-pixdialog .ui-button-text-icon-primary .ui-button-icon-primary
{
left: 13px;
}
/* button icon element(s) */
.ui-pixdialog .ui-button-text-icon-secondary .ui-icon {
top: 8px;
margin-top: 0px;
margin-left: 13px;
}
.ui-pixdialog .ui-button-text-icon-secondary .ui-button-icon-secondary
{
right: 13px;
}
.ui-pixdialog input[type=text] {border: 1px solid #d3d3d3; padding: 0.4em 2.1em 0.4em 1em; border-radius: 4px; }
.ui-pixdialog input[type=password] {border: 1px solid #d3d3d3; padding: 0.4em 2.1em 0.4em 1em; border-radius: 4px; }
.ui-pixdialog textarea {border: 1px solid #d3d3d3; padding: 0.4em 2.1em 0.4em 1em; border-radius: 4px; }
.ui-pixdialog .dialogOk {background-color: #1e82cb; color: white;}
.ui-tooltip-content {color: #1d5f91;}
.ui-tooltip-dlg {z-index: 9999;}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {background-color: #f9f9fa}
table.dataTable.stripe tbody tr.odd table tr {background-color: #f9f9fa}
.newscroll .dataTables_wrapper.no-footer .dataTables_scrollBody {
border-bottom: 0px solid #111;
}
.activityBorder { float: left; width: 440px; border: 1px solid #e4e4e9; margin: 10px 10px 0px 0px; border-radius: 8px; padding: 0px 20px 20px 20px; background-color: white; color: #1d5f91; font-size: 12px;}
.activityBorder .editM {float:left; width:22px; height:22px; margin-top: 0px; margin-left: 12px; background:transparent url(../i3/v7/Pixami-Yearbookpro-svg2.png) -109px -1095px no-repeat; cursor:pointer; }
.activityBorder .editM:hover {background-position: -158px -1006px;}
.activityBorder .ui-progressbar {
height: 19px;
text-align: left;
overflow: hidden;
}
.activityBorder .ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.activityBorder .ui-progressbar .ui-progressbar-overlay {
background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
height: 100%;
filter: alpha(opacity=25); /* support: IE8 */
opacity: 0.25;
}
.activityBorder .ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.activityBorder .ui-progressbar.ui-corner-all {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.progressTitle { font-size: 12px; font-weight: 400; line-height: 20px; width: 85px; float: left; height: 20px; color: #6F7687;}
.progressBar { margin-left: 5px; width: 180px; float: left; position: relative; height: 20px;}
.progressLabel { margin-left: 8px; float: left; width: 100px; font-size: 12px; font-weight: 500; line-height: 20px; padding-top: 1px; color: #1e82cb; text-align: right; }
.progressTitle2 { margin-left: 8px; width: 100px; font-size: 15px; font-weight: 600; line-height: 24px; padding-top: 1px; color: #141416; text-align: left; margin-bottom: 12px;}
.progressText { font-size: 12px; float: left; padding-top: 4px; color: #1d5f91; }
.progressBlock { font-size: 12px; float: left; padding-top: 4px; width: 209px;}
.progressSpacer { width: 50px; height: 100px; float: left; }
.progressHeader { font-size: 18px; font-weight: 500; color: #1d5f91; margin-bottom: 12px;}
.progressHeader2 { font-size: 15px; color: #1e82cb; font-weight: 600; line-height: 24px; letter-spacing: -0.26px; padding: 16px 0px; border-bottom: 1px solid #E6E8EC; margin-bottom: 16px; }
.progressHeader2 .img { background:transparent url(../i3/v7/Pixami-Yearbookpro-svg2.png); width: 24px; height: 24px; position: absolute; left: 0px; top: 16px; }
.progressHeader2 .img.coverage { background-position: -184px -225px;}
.progressHeader2 .img.calendar { background-position: -232px -225px;}
.progressHeader2 .txt { height: 24px; position: absolute; left: 32px; top: 16px; }
.progressDivider { height: 1px; margin-left: 0px; width: 405px; border-bottom: 1px solid #E6E8EC; margin-bottom: 20px; }
.progressTable { width: 100%; font-size: 12px; color: #353945; font-style: normal; font-weight: 400; line-height: 20px; letter-spacing: -0.05px; }
.progressTable tr { height: 48px; padding: 0px 20px; text-align: left; }
.progressTable th { font-weight: 600; }
.progressTable .even { background-color: #F8FAFB; }
.progressTable .icon { width: 14px; height: 14px; background: url("../i3/v7/Pixami-Yearbookpro-svg2.png") -42px -591px no-repeat; position: absolute; left: 0px; top: 17px; }
.progressTable .icon.port { background-position: -161px -679px }
.progressTable .icon.cand { background-position: -81px -679px }
.progressTable .text { font-size: 12px; font-weight: 500; line-height: 18px; position: absolute; left: 24px; top: 16px; }
.imageLabel { font-size: 16px; }
.imageInfo { font-size: 16px; }
.yearbookInfo { background-color: #1e82cb; }
.yearbookMessages { background-color: #FFD166; color: 141416;}
#NewSectionBtn {color: #1e82cb; border-color: #1e82cb; }
#AddUser {color: #1e82cb; border-color: #1e82cb; }
#PrintBtn1 {color: #353945; border-color: #353945;}
#PrintBtn2 {color: #353945; border-color: #353945;}
#PrintBtn4 {color: #353945; border-color: #353945;}
#PrintBtn3 {color: #353945; border-color: #353945;}
#PrintBtnCover {color: #353945; border-color: #353945;}
#PrintBtnAccept {color: #27b67a;}
#PrintBtnReject {color: #f26c61;}
#RefreshReport {color: #353945;}
#ShowReportDetails {color: #353945}
#AddOfflineOrders {color: #1e82cb;}
#EditSectionCancel {color: #EF466F;}
#EditSectionExit {color: #18a6df;}
#EditSectionSave {color: white;}
#CheckAllThemes,#UncheckAllThemes,#HighThemes,#MiddleThemes,#ElemThemes,#CheckAllBackgrounds,
#UncheckAllBackgrounds,#ExpandAllBackgrounds,#CollapseAllBackgrounds {border-color: #E6E8EC; color: #353945;}
#SubmitThemes,#SubmitBackgrounds,#SubmitFonts,#SubmitClipArt,#SubmitElements,#ResetPageNums,#EditSectionSave,.admin-save-btn {border-color: #1e82cb; color: white; background-color: #1e82cb;}
#SubmitThemes.ui-state-hover,#SubmitBackgrounds.ui-state-hover,#SubmitFonts.ui-state-hover,#SubmitClipArt.ui-state-hover,#SubmitElements.ui-state-hover,#ResetPageNums.ui-state-hover,#EditSectionSave.ui-state-hover,.admin-save-btn.ui-state-hover {border-color: #1e82cb; color: white; background-color: #353945;}
@font-face {
font-family: 'Rockwell';
src: url("../home3/ufonts.com_rockwell.ttf");
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: 'Rockwell Extra Bold';
src: url("../home3/ufonts.com_rockwell-extra-bold.ttf");
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: 'Futura';
src: url("../home3/ufonts.com_futura-book.ttf");
font-style: normal;
font-weight: normal;
}
/*
@font-face {
font-family: 'Futura';
src: url("../home3/ufonts.com_futura-book-bold.ttf");
font-style: normal;
font-weight: bold;
}
*/
.BookstoreHTML {word-wrap:break-word;}
.BookstoreHTML h1, .BookstoreHTML h1 *{color: #535353; font-weight: 900; font-family: Inter; font-size: 36px; display: block; margin: 0 0 1px;}
.BookstoreHTML h2, .BookstoreHTML h2 * {color: #535353; font-size: 24px; display: block; margin: -4px 0 6px; font-family: Inter; font-weight: bold;}
.BookstoreHTML h3, .BookstoreHTML h3 * {color: #black; font-size: 11px; display: block; font-family: Inter; font-weight: bold; font-stretch: normal; margin: 0 0 1px;}
.BookstoreHTML * {color: black; font-family: Inter; font-size: 14px;}
.BookstoreHTML div, .BookstoreHTML p {
margin:0 0 7px
}
.grabbable {
cursor: move; /* fallback if grab cursor is unsupported */
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
}
/* (Optional) Apply a "closed-hand" cursor during drag operation. */
.grab_active{
cursor: grabbing;
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}
.spellcheck-suggestbox {
z-index: 12000;
}
#folderAccordian .ui-accordion-content { padding: 4px; background-color:white;}
#folderAccordion-resizer {
padding: 10px;
width: 320px;
height: 660px;
border-radius: 5px;
}
#folderAccordian ul {list-style:none; margin:0; padding:0; font-size:12px; overflow: hidden;}
#folderAccordian ul li {padding-left: 20px; cursor: pointer; height: 22px; padding-top: 6px;}
#folderAccordian ul li {display:block; font-weight:normal; background-color: white;}
#folderAccordian ul li.over {background-color: #F4F5F6; border-radius: 4px; }
#folderAccordian ul li .name {float: left; width: 290px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#folderAccordian ul li.sel {display:block; padding-left: 20px; font-weight:600; background-color: #F4F5F6; border-radius: 4px; }
#folderAccordian ul li.sel .name {float: left; width: 210px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#folderAccordian ul li.sel .icons {float: right; margin-right: 6px;}
#folderAccordian ul li.sel .pencil {float: left; margin-left: 6px; width: 16px; height: 16px; background:transparent url(../i3/v7/Pixami-Yearbookpro-svg2.png) -198px -1443px no-repeat;}
#folderAccordian ul li.sel .trash {float: left; margin-left: 6px; width: 16px; height: 16px; background: transparent url('../i3/v7/Pixami-Yearbookpro-svg2.png') -166px -1443px no-repeat;}
#folderAccordian ul li.sel .publish {float: left; margin-left: 6px; width: 16px; height: 16px; background: transparent url('../i3/v7/Pixami-Yearbookpro-svg2.png') -198px -1443px no-repeat;}
#folderAccordian ul li.sel .pencil:hover {background-position: -198px -1443px;}
#folderAccordian ul li.sel .trash:hover {background-position: -166px -1443px;}
#folderAccordian ul li.sel .publish:hover {background-position: -198px -1443px;}
#folderAccordian .tree ul li {padding-left: 0px; height: auto;}
#folderAccordian .tree ul li.sel {padding-left: 0px;}
#folderAccordian .tree ul li.sel .name {width: 240px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
/*#folderAccordian ul li div {padding-top: 6px; padding-left: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#folderAccordian ul li span {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}*/
.newAccordian .ui-accordion-content { padding: 4px; background-color: #f3f3f7;}
.newAccordian ul {list-style:none; margin:0; padding:0; font-size:12px; overflow: auto;}
.newAccordian ul li {padding-left: 20px; cursor: pointer; height: 22px; padding-top: 6px;}
.newAccordian ul li {display:block; font-weight:normal; background-color: #f3f3f7;}
.newAccordian ul li.over {background-color: #F4F5F6; border-radius: 4px; }
.newAccordian ul li .name {float: left; width: 290px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.newAccordian ul li .check {float: left; margin-top: -1px; }
.newAccordian ul li.sel {display:block; padding-left: 20px; font-weight:600; background-color: #F4F5F6; border-radius: 4px; }
.newAccordian ul li.sel .name {float: left; width: 210px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.newAccordian ul li.sel .icons {float: right; margin-right: 6px;}
.newAccordian ul li.sel .pencil {float: left; margin-left: 6px; width: 16px; height: 16px; background:transparent url(../i3/v7/Pixami-Yearbookpro-svg2.png) -166px -1443px no-repeat;}
.newAccordian ul li.sel .trash {float: left; margin-left: 6px; width: 16px; height: 16px; background: transparent url('../i3/v7/Pixami-Yearbookpro-svg2.png') -198px -1443px no-repeat;}
.newAccordian ul li.sel .pencil:hover {background-position: -166px -1443px;}
.newAccordian ul li.sel .trash:hover {background-position: -198px -1443px;}
.newAccordian .tree ul li {padding-left: 0px; height: auto;}
.newAccordian .tree ul li.sel {padding-left: 0px;}
.newAccordian .tree ul li.sel .name {width: 240px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.treeAccordian ul {list-style:none; margin:0; padding:0; font-size:12px; overflow: auto;}
.treeAccordian ul li {padding-left: 20px; cursor: pointer; height: 22px; padding-top: 6px;}
.treeAccordian ul li {display:block; font-weight:normal; background-color: white;}
.treeAccordian ul li.over {background-color: #F4F5F6; border-radius: 4px; }
.treeAccordian ul li .name {float: left; width: 290px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.treeAccordian ul li .check {float: left; margin-top: -1px; }
.treeAccordian ul li.sel {display:block; padding-left: 20px; font-weight:600; background-color: #F4F5F6; border-radius: 4px; }
.treeAccordian ul li.sel .name {float: left; width: 210px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.treeAccordian ul li.sel .icons {float: right; margin-right: 6px;}
.treeAccordian ul li.sel .pencil {float: left; margin-left: 6px; width: 16px; height: 16px; background:transparent url(../i3/v7/Pixami-Yearbookpro-svg2.png) -166px -1443px no-repeat;}
.treeAccordian ul li.sel .trash {float: left; margin-left: 6px; width: 16px; height: 16px; background: transparent url('../i3/v7/Pixami-Yearbookpro-svg2.png') -198px -1443px no-repeat;}
.treeAccordian ul li.sel .pencil:hover {background-position: -166px -1443px;}
.treeAccordian ul li.sel .trash:hover {background-position: -198px -1443px;}
.treeAccordian.tree ul li {padding-left: 0px; height: auto;}
.treeAccordian.tree ul li.sel {padding-left: 0px;}
.treeAccordian.tree ul li.sel .name {width: 240px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.gutter {
background-color: #eee;
background-repeat: no-repeat;
background-position: 50%;
}
.gutter.gutter-vertical {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=');
cursor: row-resize;
}
#photoCSTree ul li.sel {background-color: #F4F5F6; }
#photoCSTree .tree ul li {padding-left: 0px; height: auto;}
#elementsCSTree ul li.sel {background-color: #F4F5F6; }
#elementsCSTree .tree ul li {padding-left: 0px; height: auto;}
#bookAccordion-resizer {
padding: 10px;
width: 240px;
height: 660px;
border-radius: 5px;
}
#bookAccordian .ui-accordion-content { padding: 4px; background-color:white;}
#bookAccordian ul {list-style:none; margin:0; padding:0; font-size:12px; overflow: hidden;}
#bookAccordian ul li {padding-left: 20px; cursor: pointer; height: 22px; padding-top: 6px;}
#bookAccordian ul li {display:block; font-weight:normal; background-color: white;}
#bookAccordian ul li.header {width: 100%; height: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background-color: #eeeeee; font-weight: bold;}
#bookAccordian ul li .item {width: 100%; height: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#bookAccordian ul li.over {background-color: #F4F5F6; border-radius: 4px; }
#bookAccordian ul li .name {width: 145px; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#bookAccordian ul li .swatch {float: left; width: 14px; height: 14px; border-radius: 7px; background-color: white; margin-right: 3px;}
#bookAccordian ul li .icons {float: right; margin-right: 6px;}
#bookAccordian ul li .pencil {float: left; margin-left: 6px; width: 16px; height: 16px; background:transparent url(../i3/v7/Pixami-Yearbookpro-svg2.png) -198px -1443px no-repeat;}
#bookAccordian ul li .trash {float: left; margin-left: 6px; width: 16px; height: 16px; background: transparent url('../i3/v7/Pixami-Yearbookpro-svg2.png') -166px -1443px no-repeat;}
#bookAccordian ul li .pencil:hover {background-position: -198px -1443px;}
#bookAccordian ul li .trash:hover {background-position: -166px -1443px;}
#bookAccordianWrapper .ui-pixaccordian .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
position: absolute;
left: 230px;
top: 50%;
margin-top: -8px;
}
/*#folderAccordian ul li div {padding-top: 6px; padding-left: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#folderAccordian ul li span {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}*/
#EditSectionHdrTxt .title-sep {float: left; margin: 3px 6px 0px 6px; width: 9px; height: 16px; background-image: url('../i3/v7/Pixami-Yearbookpro-svg2.png'); background-repeat: no-repeat; background-position: -25px -325px;}
.editToolbar {margin: 1px 0px;}
.editToolbar .ToolButton {margin: 0px 6px; float: left; width: 20px; height: 20px; background-image: url('../i3/v7/Pixami-Yearbookpro-svg2.png'); background-repeat: no-repeat;}
.editToolbar .over {}
.editToolbar .off {}
.editToolbar .bbDivider {margin: 0px 6px; float: left; width: 18px; height: 24px; background-image: url('../i3/v7/Pixami-Yearbookpro-svg2.png'); background-repeat: no-repeat; background-position: -189px -4px; width: 18px;}
.editToolbar #bbUndo2 {background-position: -39px -2731px;}
.editToolbar #bbRedo2 {background-position: -79px -2731px;}
.editToolbar #bbZoom {background-position: -120px -2731px;}
.editToolbar #bbAddImage2 {background-position: -160px -2731px;}
.editToolbar #bbAddShape2 {background-position: -239px -2731px;}
.editToolbar #bbAddText2 {background-position: -200px -2731px;}
.editToolbar #bbAddLink {background-position: -175px -325px;}
.editToolbar #bbPrevPage3 {background-position: -280px -2731px;}
.editToolbar #bbNextPage3 {background-position: -39px -2812px;}
.editToolbar #bbGrid {background-position: -79px -2812px;}
.editToolbar #bbFlipLayout {background-position: -120px -2812px;}
.editToolbar #bbPublish {background-position: -159px -2812px;}
.editToolbar #bbPublishPage {background-position: -50px -375px;}
.editToolbar #bbBack {background-position: -199px -2812px ;}
.editToolbar #bbPreview {background-position: -239px -2812px; }
.editToolbar #bbZoomIn {background-position: -280px -2812px; }
.editToolbar #bbZoomOut {background-position: -305px -2812px; }
.editToolbar #bbPDFProof {background-position: -175px -400px;}
.editToolbar #bbUndo2.over {background-position: -39px -2771px;}
.editToolbar #bbRedo2.over {background-position: -79px -2771px;}
.editToolbar #bbZoom.over {background-position: -120px -2771px;}
.editToolbar #bbAddPage2 {background-position: -200px -325px;}
.editToolbar #bbDeletePage2 {background-position: -200px -350px;}
.editToolbar #bbArrange2 {background-position: -200px -375px;}
.editToolbar #bbAddImage2.over {background-position: -160px -2771px;}
.editToolbar #bbAddShape2.over {background-position: -239px -2771px;}
.editToolbar #bbAddText2.over {background-position: -200px -2771px;}
.editToolbar #bbAddLink.over {background-position: -350px -325px;}
.editToolbar #bbPrevPage3.over {background-position: -280px -2771px;}
.editToolbar #bbNextPage3.over {background-position: -39px -2852px;}
.editToolbar #bbGrid.over {background-position: -79px -2852px;}
.editToolbar #bbFlipLayout.over {background-position: -120px -2852px;}
.editToolbar #bbPublish.over {background-position: -159px -2852px;}
.editToolbar #bbBack.over {background-position: -199px -2852px;}
.editToolbar #bbPreview.over {background-position: -239px -2852px;}
.editToolbar #bbZoomIn.over {background-position: -280px -2852px; }
.editToolbar #bbZoomOut.over {background-position: -305px -2852px; }
.editToolbar #bbPDFProof.over {background-position: -350px -400px;}
.editToolbar #bbUndo2.off {background-position: -9px -2731px;}
.editToolbar #bbRedo2.off {background-position: -9px -2771px;}
.editToolbar #bbPricingCalc {background-position: -150px -350px;}
.editToolbar #bbPricingCalc.over {background-position: -325px -350px;}
.editToolbar #bbOptions {background-position: -175px -350px;}
.editToolbar #bbOptions.over {background-position: -350px -350px;}
.editToolbar #bbSharePage{background-position: -150px -375px; width: 28px;}
.editToolbar #bbSharePage.over {background-position: -325px -375px;}
.editToolbar #bbAddPage2.over {background-position: -375px -325px;}
.editToolbar #bbDeletePage2.over {background-position: -375px -350px;}
.editToolbar #bbArrange2.over {background-position: -375px -375px;}
.editToolbar #bbCancel {background-position: -405px -420px;}
.editToolbar #bbDone {background-position: -444px -420px;}
.editToolbar #bbLayoutMode {background-position: -550px -4px;}
.editToolbar #bbLayoutMode {background-position: -81px -325px;}
/* Image editor */
.editToolbar .bbUndo2 {background-position: -50px -700px;}
.editToolbar .bbRedo2 {background-position: -75px -700px;}
.editToolbar .bbRevert {background-position: -100px -700px;}
.editToolbar .bbRotateL {background-position: -125px -700px;}
.editToolbar .bbRotateR {background-position: -150px -700px;}
.editToolbar .bbMirror {background-position: -175px -700px;}
.editToolbar .bbFlip {background-position: -200px -700px;}
.editToolbar .bbUndo2.over {background-position: -225px -700px;}
.editToolbar .bbRedo2.over {background-position: -250px -700px;}
.editToolbar .bbRevert.over {background-position: -275px -700px;}
.editToolbar .bbRotateL.over {background-position: -300px -700px;}
.editToolbar .bbRotateR.over {background-position: -325px -700px;}
.editToolbar .bbMirror.over {background-position: -350px -700px;}
.editToolbar .bbFlip.over {background-position: -375px -700px;}
.pixscrollbar::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #FFFFFF;
}
.pixscrollbar::-webkit-scrollbar
{
width: 12px;
background-color: #F5F5F5;
}
.pixscrollbar::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #e4e5e6;
}
.pixscrollbar::-webkit-scrollbar-button
{
width: 12px;
background-color: #c2c4c6;
}
.textEditTool {margin-left: 2px;}
.textEditTool .icon{width: 27px; height: 26px; background-image: url('../i3/v6/Text-Icons.png'); background-repeat: no-repeat;}
.textEditTool .bbBold {background-position: 0px 0px;}
.textEditTool .bbItalic {background-position: -27px 0px;}
.textEditTool .bbUnderline {background-position: -54px 0px;}
.textEditTool .bbOutline {background-position: -81px 0px;}
.textEditTool .bbLeft {background-position: -108px 0px;}
.textEditTool .bbCenter {background-position: -135px 0px;}
.textEditTool .bbRight {background-position: -162px 0px;}
.textEditTool .bbTop {background-position: -189px 0px;}
.textEditTool .bbMiddle {background-position: -216px 0px;}
.textEditTool .bbBottom {background-position: -243px 0px;}
.textEditTool .bbLineHeight {background-position: -270px 0px;}
.textEditTool .bbSpell {background-position: -297px 0px;}
.textEditTool .bbBold.over {background-position: 0px -26px;}
.textEditTool .bbItalic.over {background-position: -27px -26px;}
.textEditTool .bbUnderline.over {background-position: -54px -26px;}
.textEditTool .bbOutline.over {background-position: -81px -26px;}
.textEditTool .bbLeft.over {background-position: -108px -26px;}
.textEditTool .bbCenter.over {background-position: -135px -26px;}
.textEditTool .bbRight.over {background-position: -162px -26px;}
.textEditTool .bbTop.over {background-position: -189px -26px;}
.textEditTool .bbMiddle.over {background-position: -216px -26px;}
.textEditTool .bbBottom.over {background-position: -243px -26px;}
.textEditTool .bbLineHeight.over {background-position: -270px -26px;}
.textEditTool .bbSpell.over {background-position: -297px -26px;}
.textEditTool .bbBold.disabled {background-position: 0px -52px;}
.textEditTool .bbItalic.disabled {background-position: -27px -52px;}
.textEditTool .bbOutline.disabled {background-position: -81px -52px;}
button.dt-button, .datatables_filter {margin: 2px 4px; font-size: 11px;}
.horzRuler {
visibility: hidden; position: absolute; left: -17px; top: -17px; height: 16px; width: 800px; background: #ffffff;
border-left: 1px solid black;
border-top: 1px solid black;
border-bottom: 1px solid black;
border-right: 1px solid black;
}
.horzRulerDash {
position: absolute;
width: 1px; height: 16px; left: 100px; top: 0px;
border-left: 1px dashed #888888;
}
.vertRuler {
visibility: hidden; position: absolute; left: -17px; top: 0px; height: 600px; width: 16px; background: #ffffff;
border-left: 1px solid black;
border-top: 0px solid black;
border-bottom: 1px solid black;
border-right: 1px solid black;
}
.vertRulerDash {
position: absolute;
height: 1px; width: 16px; top: 100px; left: 0px;
border-top: 1px dashed #888888;
}
.borderThumb {width: 32px; height: 32px; background-repeat: no-repeat; margin-left: 2px;}
@media only screen and (max-width: 600px) {
#topYB6 .inner {width: 100%;}
#topYB6 .header {width: 100%;}
#topYB6 .menuBar {width: 100%;}
#outer {width: 100%;}
#outer6 {width: 100%; height: 100%; padding-left: 0px; padding-right: 0px;}
body {width: 100%;}
@-ms-viewport{ width: device-width; }
.scInputRow{margin:0px 0 0px 0;font-size:14px;}
.scInputRow .label{width:90%;padding-top:5px; font-size: 12px; font-weight: 600; padding-bottom: 5px;}
.scInputRow .field{}
.scInputRow .field input{width:90%; padding:2px 3px; font-size: 14px; color:#1d5f91;}
.scInputRow .field select{width:90%; padding:2px 2px; font-size: 14px; color:#1d5f91;}
.scInputRow textarea{width:90;height:149px; padding: 20px;}
.scInputRow .zip input{width:90px;}
.scInputRow .country input{width:40px;}
.scLine {margin-bottom: 5%; margin-top: 0px; padding:0 0 23px 0; width: 100%; border-bottom:1px solid #BBB;}
.scLine .txt input {font-size:19px; width:60px;}
.scLine .txt select{font-size:19px; padding: 2px 4px;}
.scLine input.lng {font-size:19px; width:220px;}
.scLine .info-prompt { font-size: 14px; width: 100%; }
.scLine .info-field input { font-size: 14px; width: 100%; }
.scLine .products { width: 100%; }
.scSummaryLine {margin-top:25px; width: 90%; margin-left: 5%; padding:0 font-size: 16px;}
.scSummaryLineSep {width: 90%; width: 90%; margin-left: 5%; margin-top:25px; border-bottom:1px solid #BBB;}
.scBilling, .scShipping { width: 90%; margin-left: 5%;}
#scBilShip { width: 90%; margin-left: 5%;}
.activityBorder {width: 80%; margin: 5%; padding: 5%;}
.scOrder {width: 100%;}
.scOrderInf{float:left;width: 100%; margin-right: 10px;}
.scOrderLink{float:right;width:40%;font-size:12px;}
.scOrderName{font-size:16px; font-weight: 600; padding-top: 25px; padding-bottom: 15px;}
.scOrderText{font-size:14px; font-weight: 600; color: #769cb9; float: left; }
.scSectionTxt{font-size:12px;}
.accountLeft {width: 100%;}
.accountRight {float: left; width: 100%;}
}
.jstree-default .jstree-disabled.jstree-clicked {
background: #ffffff;
}
.jstree-default .jstree-node, .jstree-default .jstree-icon {
background-image: url(../i3/jstree-32px.png);
}
.menuAlignLeft {background-image: url('../i3/v6/menu-bar.png'); background-repeat: no-repeat; background-position: -225px -475px; width: 13px; height: 14px;}
.menuAlignCenter {background-image: url('../i3/v6/menu-bar.png'); background-repeat: no-repeat; background-position: -250px -475px; width: 13px; height: 14px;}
.menuAlignRight {background-image: url('../i3/v6/menu-bar.png'); background-repeat: no-repeat; background-position: -275px -475px; width: 13px; height: 14px;}
.menuAlignTop {background-image: url('../i3/v6/menu-bar.png'); background-repeat: no-repeat; background-position: -300px -475px; width: 13px; height: 14px;}
.menuAlignMiddle {background-image: url('../i3/v6/menu-bar.png'); background-repeat: no-repeat; background-position: -325px -475px; width: 13px; height: 14px;}
.menuAlignBottom {background-image: url('../i3/v6/menu-bar.png'); background-repeat: no-repeat; background-position: -350px -475px; width: 13px; height: 14px;}
.faceDialog {background-color: white; border: 1px solid black; border-radius: 8px; z-index: 100002; position: absolute; padding: 2px; text-align: center; }
.faceDialog .faceName {font-size: 12px; font-weight: 600;}
.faceDialog .faceId {font-size: 10px;}
.faceDialog .faceConf {font-size: 10px;}
.chooseFace div {float: left; border: 2px solid white;}
.chooseFace div.sel {border: 2px solid yellow;}
.activityBlock { font-size: 12px; float: left; padding: 0px 0px; }
.activitySub1 {width: 100%; float: none; margin: 2px 5px 2px 0px; padding-bottom: 4px; display: inline-block;}
.activitySub1 div {margin:0px; margin-bottom: 2px; padding:0px 0 0px 0;color:#141416; font-size: 11px; font-weight: 500; text-align:left; cursor: pointer;}
.activitySub1 div.over{color: #0d4f81;}
.activitySub1 div div.img {float: left; width: 24px; height: 24px; background:transparent url(../i3/v7/Pixami-Yearbookpro-svg2.png) 0px -75px no-repeat; cursor:pointer; }
.activitySub1 div div.img.workBook { background-position: -40px -225px;}
.activitySub1 div div.img.workPhotos { background-position: -136px -225px;}
.activitySub1 div div.img.manage { background-position: -88px -225px;}
.activitySub1 div div.img.terms { background-position: -264px -225px;}
.activitySub1 div div.img.video { background-position: -299px -225px;}
.activitySub1 div.over div.img.workBook {width: 20px; background-position: -300px -200px;}
.activitySub1 div.over div.img.workPhotos {width: 20px; background-position: -300px -200px;}
.activitySub1 div.over div.img.manage {width: 20px; background-position: -300px -200px;}
.activitySub1 div div.txt {float: left; margin: -1px 6px 0px 8px; letter-spacing: -0.18px; font-size: 14px; font-weight: 600; display: block; white-space: nowrap; }
.activitySub1 div.over div.img.terms {width: 20px; background-position: -300px -200px;}
.activitySub1 div.over div.img.video {width: 20px; background-position: -300px -200px;}
.activitySub1 div div.txt {float: left; margin: 3px 6px 0px 8px; letter-spacing: -0.18px; font-size: 14px; font-weight: 600; display: block; white-space: nowrap; }
.activitySub1 div.over div.txt {margin: 2px 6px 0px 4px; display: block; white-space: nowrap; color: #141416;}
.activitySub1 div div.txt span {}
.activitySub2 {float: none; margin: 0px 0px 8px 32px; display: inline-block; padding: 3px 8px 3px 10px;color:#1d5f91; font-size: 11px; font-weight: 500; text-align:left; cursor: pointer; border: 1px solid #E6E8EC; border-radius: 8px; }
.activitySub2.over {color: #0d4f81; border: 1px solid #1e82cb; }
.activitySub2 div.txt {display: block; white-space: nowrap; border-style: none; }
.activitySub2 div.icon {display: block; white-space: nowrap; border-style: none; background:transparent url(../i3/v6/menu-bar.png) -75px -250px no-repeat; }
.activitySub2.over div.txt {color: #1e82cb;}
#topYB7 { height: 98px; width: 100%; }
#topYB7 .inner {position:relative; width:1440px; height:64px; margin:0 auto; }
#topYB7 .vertToolbar {float: left; width:52px; height: 1179px; position: relative; background-color: #1e82cb;}
#topYB7 .container {float: left; width:1336px; height:100%; background:white;}
#topYB7 .header {width:1334px; height:70px; background:white; border-left: 1px solid #edf2f7; border-right: 1px solid #edf2f7; border-bottom: 1px solid #edf2f7; }
#topYB7 .rSchoolName2 { font-family: Inter; color: #141416; font-size: 20px; font-weight: 600; line-height: 28px; letter-spacing: -0.4px; float: left; padding: 22px 40px; width: 650px;}
#topYB7 .rSchoolName2b { font-family: Inter; color: #141416; font-size: 20px; font-weight: 600; line-height: 28px; letter-spacing: -0.4px; float: left; padding: 22px 40px; width: 650px;}
#topYB7 .menuBar2 {height: 46px; float: right; padding-top: 12px; padding-right: 40px; width: 560px;}
#topYB7 .menuBar2 .rMenu {float:right; background-color: #ffffff; margin-right: 8px; }
#topYB7 .menuBar2 .rMenu ul {list-style:none; margin:0px; padding:8px 0 8px 0; font-size:14px; color: #23262F; font-weight:500; line-height: 20px;}
#topYB7 .menuBar2 .rMenu ul li {float:left; margin-left:30px; padding-left: 0px; padding-right: 0px; border-bottom: 2px solid white;}
#topYB7 .menuBar2 .rMenu ul li a {display:block; padding:6px 0px 6px 0px; text-decoration:none; color: #1d5f91; font-weight:500; height: 27px;}
#topYB7 .menuBar2 .rMenu ul li a:focus {outline:none;}
#topYB7 .menuBar2 .rMenu ul li span {display:block; margin:0; padding:2px 0px 4px 10px; color:#fff; text-decoration:none;}
#topYB7 .menuBar2 .rMenu ul li.over a {color:#23262f;}
#topYB7 .menuBar2 .rMenu ul li .video-help2 {float:left; width:20px; height:20px; margin-top: 1px; margin-right: 8px; background:transparent url(../i3/v7/Pixami-Yearbookpro-svg2.png) -127px -429px no-repeat; cursor:pointer; }
#topYB7 .menuBar2 .rMenu ul li .chat {float:left; width:20px; height:20px; margin-top: 1px; margin-right: 8px; background:transparent url(../i3/v7/Pixami-Yearbookpro-svg2.png) -85px -429px no-repeat; cursor:pointer; }
#topYB7 .menuBar2 .rMenu ul li .chat-active {float:left; width:20px; height:20px; margin-top: 1px; margin-right: 8px; background:transparent url(../i3/v7/Pixami-Yearbookpro-svg2.png) -85px -429px no-repeat; cursor:pointer; }
#topYB7 .menuBar2 .rMenu ul li .logout {float:left; width:20px; height:20px; margin-top: 1px; margin-right: 8px; background:transparent url(../i3/v7/Pixami-Yearbookpro-svg2.png) -40px -429px no-repeat; cursor:pointer; }
#topYB7 .menuBar2 .rMenu ul li .home {float:left; width:20px; height:20px; margin-top: 1px; margin-right: 8px; background:transparent url(../i3/v7/Pixami-Yearbookpro-svg2.png) -168px -429px no-repeat; cursor:pointer; }
#topYB7 .menuBar2 .rMenu ul li .cart {float:left; width:20px; height:20px; margin-top: 1px; margin-right: 8px; background:transparent url(../i3/v7/Pixami-Yearbookpro-svg2.png) -202px -429px no-repeat; cursor:pointer; }
#topYB7 .menuBar2 .rMenu ul li .account {float:left; width:20px; height:20px; margin-top: 1px; margin-right: 8px; background:transparent url(../i3/v7/Pixami-Yearbookpro-svg2.png) -231px -429px no-repeat; cursor:pointer; }
#topYB7 .menuBar2 .rMenu ul li.over .video-help2 {background-position: -127px -497px; }
#topYB7 .menuBar2 .rMenu ul li.over .chat {background-position: -85px -497px; }
#topYB7 .menuBar2 .rMenu ul li.over .chat-active {background-position: -85px -497px; }
#topYB7 .menuBar2 .rMenu ul li.over .logout {background-position: -40px -497px; }
#topYB7 .menuBar2 .rMenu ul li.over .home {background-position: -168px -497px; }
#topYB7 .menuBar2 .rMenu ul li.over .cart {background-position: -202px -497px; }
#topYB7 .menuBar2 .rMenu ul li.over .account {background-position: -231px -497px; }
#topYB7 .outer2 {width:1336px; height:46px; background:#c4dff6;}
#topYB7 .vertToolbar .tool {margin-left: 2px; margin-bottom: 8px; width: 46px; height: 40px; cursor: pointer; border: 1px solid transparent; border-radius: 6px; }
#topYB7 .vertToolbar .tool.over {border: 1px solid white; background-color: #4f83ff;}
#topYB7 .vertToolbar .icon {margin-left: 13px; margin-top: 10px; width: 20px; height: 20px; cursor: pointer; background: transparent url('../i3/v7/Pixami-Yearbookpro-svg2.png') no-repeat; }
#topYB7 .vertToolbar .pixami {margin-top: 23px; margin-left: 2px; margin-bottom: 23px; width: 48px; height: 40px; cursor: pointer; }
#topYB7 .vertToolbar .activity {background-position: -296px -130px;}
#topYB7 .vertToolbar .book {background-position: -40px -64px;}
#topYB7 .vertToolbar .images {background-position: -260px -64px;}
#topYB7 .vertToolbar .users {background-position: -216px -64px;}
#topYB7 .vertToolbar .reports {background-position: -84px -64px;}
#topYB7 .vertToolbar .config {background-position: -128px -64px;}
#topYB7 .vertToolbar .composites {background-position: -296px -64px;}
#calendarEventList {
width: 90px;
padding: 0 10px;
border: 1px solid #ccc;
background: white;
text-align: left;
}
#calendarEventList h4 {
font-size: 14px;
margin-top: 0;
padding-top: 1em;
}
#calendarEventList .fc-event {
margin: 3px 0;
cursor: move;
}
#calendarEventList p {
margin: 1.5em 0;
font-size: 11px;
color: #666;
}
#calendarEventList p input {
margin: 0;
vertical-align: middle;
}
#calendarList { width: 340px; height: 129px; overflow: auto; padding: 16px 20px 20px 20px; font-size: 12px; line-height: 20px; letter-spacing: -0.05px; font-weight: 400; color: #353945; }
#calendarList .event { }
#calendarList th { font-weight: 400; color: #353945; vertical-align: top; text-align: left; }
#calendarList .colorInd { float: left; width: 8px; height: 8px; border: 0px solid white; border-radius: 4px; background-color: blue; margin-top: 6px; margin-right: 6px; }
#calendarList .date { float: left; margin-right: 6px; font-weight: 400; color: #1e82cb; }
#calendarList .title { float: left; font-weight: 600; color: #1e82cb; }
.fc .fc-toolbar-title {
font-size: 14px;
}
.ui-pixbutton2 .ui-button {
display: inline-block;
position: relative;
padding: 0;
line-height: normal;
margin-right: 12px;
cursor: pointer;
vertical-align: middle;
text-align: center;
font-size: 12px;
overflow: visible; /* removes extra width in IE */
white-space: nowrap;
height: 26px;
}
.ui-pixbutton2 .ui-button-text-icon-primary .ui-button-text,
.ui-pixbutton2 .ui-button-text-icons .ui-button-text {
padding: 4px 12px 4px 24px;
left: 10px;
}
.ui-pixbutton2 .ui-button-text-icon-secondary .ui-button-text {
padding: 4px 38px 4px 12px;
left: 10px;
}
.ui-pixbutton2 .ui-button.ui-corner-all {
border-radius: 6px;
font-size: 12px;
white-space: nowrap;
}
.ui-pixbutton2 .ui-button.ui-corner-none {
border-radius: 0px;
font-size: 12px;
white-space: nowrap;
}
.ui-pixbutton2 .ui-state-default {
border: 1px solid #e6e8ec;
background: #ffffff;
font-weight: 600;
color: #353945;
}
.ui-pixbutton2 .ui-state-hover {
background-color: #ffffff;
border: 1px solid #1e82cb;
}
.ui-button-text.over { color: #0d4f81; }
.ui-pixbutton2:focus {
outline: none;
}
/* button icon element(s) */
.ui-pixbutton2 .ui-button-text-icon-primary .ui-icon {
top: 5px;
margin-top: 0px;
margin-right: 13px;
}
.ui-pixbutton2 .ui-button-text-icon-primary .ui-button-icon-primary,
{
left: 13px;
}
.ui-pixbutton2 .ui-button-text-icon-secondary .ui-icon {
top: 5px;
margin-top: 0px;
margin-left: 13px;
}
.ui-pixbutton2 .ui-button-text-icon-secondary .ui-button-icon-secondary,
{
right: 13px;
}
/* states and images */
.ui-pixbutton2 .ui-icon {
width: 12px;
height: 12px;
}
.ui-pixdialog .ui-pixbutton2 .ui-button-text-icon-primary .ui-button-icon-primary
{
left: 0.5em;
}
/*
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
background-image: url("images/ui-icons_222222_256x240.png");
}
*/
.ui-pixbutton2 .ui-state-default .ui-icon {
background-image: url("../i3/v7/Pixami-Yearbookpro-svg2.png");
}
.ui-icon-button2-cover-report { background-position: -40px -1098px; }
.ui-icon-button2-cover-report.over { background-position: -40px -1098px; }
.ui-icon-button2-cal-edit { background-position: -76px -1098px; }
.ui-icon-button2-cal-edit.over { background-position: -76px -1098px; }
.ui-icon-button2-delete2 { background-position: -167px -1428px; }
.ui-icon-button2-delete2.over { background-position: -167px -1428px; }
.ui-icon-button2-undo { background-position: -160px -1098px; }
.ui-icon-button2-undo.over { background-position: -160px -1098px; }
.ui-icon-button2-redo { background-position: -200px -1098px; }
.ui-icon-button2-redo.over { background-position: -200px -1098px; }
.supportItem { position: relative; background-color: #FFFFFF; margin-top: 8px; height: 20px; margin-bottom: 4px;}
.supportItem .icon { width: 16px; height: 16px; background: transparent url("../i3/v7/Pixami-Yearbookpro-svg2.png") -41px -767px no-repeat; float: left; margin-left: 0px; margin-top: 2px; }
.supportItem .icon.email { background-position: -40px -766px; }
.supportItem .icon.phone { background-position: -80px -767px; }
.supportItem .text { font-size: 12px; font-weight: 500; line-height: 16px; float: left; margin-left: 8px; margin-top: 2px; width: 232px; word-break: break-word; }
.supportItem .title { font-size: 12px; font-weight: 400; line-height: 16px; float: left; margin-left: 8px; margin-top: 2px; width: 40px; }
.sectionInfo .icon { width: 16px; height: 16px; background: transparent url("../i3/v7/Pixami-Yearbookpro-svg2.png") -40px -856px no-repeat; background-origin: content-box; }
.sectionInfo .icon.name { background-position: -40px -856px; }
.sectionInfo .icon.number { background-position: -80px -856px; }
.sectionInfo .icon.status { background-position: -120px -856px; }
.sectionInfo .icon.duedate { background-position: -120px -678px; }
#userListTable {border-collapse: collapse; width: 100%; background-color: white; border-radius: 3px; border: 1px solid #eceff8; padding-bottom: 7px;}
#userListTable .row {margin-top: 7px; margin-left: 0px; height: 27px; position: relative; background: white; padding-left: 30px; padding-top: 10px; margin-top: 0px;}
/*
#userListTable .name {float: left; text-align: left; width: 250px;}
#userListTable .login {float: left; text-align: left; width: 250px;}
#userListTable .lastLogin {float: left; text-align: left; width: 190px;}
#userListTable .status {float: left; text-align: left; width: 150px;}
#userListTable .roles {float: left; text-align: left; width: 120px;}
#userListTable .settings {float: left; text-align: left; width: 160px; margin-left: 0px; margin-top: 0px;}
*/
#userListTable .head {font-weight: 600;}
#userListTable .iconx { width: 14px; height: 14px; background: transparent url("../i3/v7/Pixami-Yearbookpro-svg2.png") -121px -679px no-repeat; position: absolute; left: 0px; top: 1px; }
#userListTable .text { font-size: 12px; font-weight: 250; line-height: 18px; position: absolute; left: 24px; top: 0px; }
#userListTable .name { float: left; padding-right: 20px; width: 250px; height: 26px; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; letter-spacing: -0.32px; color: #353945; }
#userListTable .login { float: left; padding-right: 12px; width: 250px; height: 26px; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; letter-spacing: -0.32px; color: #353945; }
#userListTable .lastLogin { float: left; padding-right: 12px; width: 190px; height: 26px; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; letter-spacing: -0.32px; color: #353945; }
#userListTable .status { float: left; padding-right: 12px; width: 150px; height: 26px; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; letter-spacing: -0.32px; color: #353945; }
#userListTable .roles { float: left; padding-right: 12px; width: 120px; height: 26px; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; letter-spacing: -0.32px; color: #353945; }
#userListTable .settings { float: left; padding-right: 12px; width: 160px; height: 26px; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; letter-spacing: -0.32px; color: #353945; }
#userListTable .name-img { background-position: -41px -1515px; }
#userListTable .login-img { background-position: -81px -1515px; }
#userListTable .lastLogin-img { background-position: -201px -1515px; }
#userListTable .status-img { background-position: -161px -1515px; }
#userListTable .roles-img { background-position: -121px -1515px; }
#userListTable .settings-img { background-position: -241px -1515px; }
.userInfo {border: 1px solid #F4F5F6; padding: 0.4em 2.1em 0.4em 1em; border-radius: 4px; background-color: #F4F5F6; }
.roleInfo {background-color: #F4F5F6; border-radius: 8px; padding: 8px; margin0-top: 4px;}
.contextMenu {background-color: white; font-size: 12px; border: 1px solid #6c6c6c;};
.contextMenu div {padding: 3px;}
.contextMenu div a {display:block; margin:0; color:black; text-decoration:none;}
.contextMenu div a:hover {text-decoration:underline;}
button.dt-button, .dataTables_wrapper .dataTables_filter {margin: 2px 4px; font-size: 11px;}
button.buttons-columnVisibility { margin: 2px 0px; }
dt-button-collection { padding-bottom: 4px; }
td.details-control {
background: url('../i3/details_open3.png') no-repeat center center;
cursor: pointer;
}
tr.shown td.details-control {
background: url('../i3/details_close3.png') no-repeat center center;
}
td.report-number { text-align: right;}
button.dt-button, div.dt-button, a.dt-button, input.dt-button { padding: 4px 12px; border-radius: 6px; background: white; border-color: #e6e8ec; }
.dt-button.buttons-print { background: url("../i3/button-print.png") no-repeat; background-origin: content-box; background-position: left center; }
.dt-button.buttons-print:hover:not(.disabled) { background: url("../i3/button-print.png") no-repeat; background-origin: content-box; background-position: left center; background-color: white !important; border-color: #1e82cb; }
.dt-button.buttons-print:active:not(.disabled):hover:not(.disabled) { background: url("../i3/button-print.png") no-repeat; background-origin: content-box; background-position: left center; border: 1px solid #1e82cb;; background-color: white !important; box-shadow: none;}
.dt-button.buttons-print:active:not(.disabled) { background: url("../i3/button-print.png") no-repeat; background-origin: content-box; background-position: left center; border: 1px solid #e6e8ec; background-color: white !important; box-shadow: none;}
.dt-button.buttons-print:focus:not(.disabled) { background: url("../i3/button-print.png") no-repeat; background-origin: content-box; background-position: left center; border: 1px solid #e6e8ec; background-color: white !important; }
.dt-button.buttons-print span { margin-left: 17px; }
.dt-button.buttons-excel { background: url("../i3/button-excel.png") no-repeat; background-origin: content-box; background-position: left center; }
.dt-button.buttons-excel:hover:not(.disabled) { background: url("../i3/button-excel.png") no-repeat; background-origin: content-box; background-position: left center; background-color: white !important; border-color: #1e82cb; }
.dt-button.buttons-excel:active:not(.disabled):hover:not(.disabled) { background: url("../i3/button-excel.png") no-repeat; background-origin: content-box; background-position: left center; background-color: white !important; border-color: #1e82cb; box-shadow: none; }
.dt-button.buttons-excel:active:not(.disabled) { background: url("../i3/button-excel.png") no-repeat; background-origin: content-box; background-position: left center; background-color: white !important; border-color: #e6e8ec; box-shadow: none; }
.dt-button.buttons-excel:focus:not(.disabled) { background: url("../i3/button-excel.png") no-repeat; background-origin: content-box; background-position: left center; background-color: white !important; border-color: #e6e8ec; }
.dt-button.buttons-excel span { margin-left: 16px; }
.dt-button.buttons-colvis { background: url("../i3/button-columns.png") no-repeat; background-origin: content-box; background-position: left center; }
.dt-button.buttons-colvis:hover:not(.disabled) { background: url("../i3/button-columns.png") no-repeat; background-origin: content-box; background-position: left center; background-color: white !important; border-color: #1e82cb; }
.dt-button.buttons-colvis:active:not(.disabled):hover:not(.disabled) { background: url("../i3/button-columns.png") no-repeat; background-origin: content-box; background-position: left center; background-color: white !important; border-color: #1e82cb; box-shadow: none; }
.dt-button.buttons-colvis:active:not(.disabled) { background: url("../i3/button-columns.png") no-repeat; background-origin: content-box; background-position: left center; background-color: white !important; border-color: #e6e8ec; box-shadow: none; }
.dt-button.buttons-colvis:focus:not(.disabled) { background: url("../i3/button-columns.png") no-repeat; background-origin: content-box; background-position: left center; background-color: white !important; border-color: #e6e8ec; }
.dt-button.buttons-colvis span { margin-left: 16px; }
.dt-button.buttons-pdf { background: url("../i3/button-pdf.png") no-repeat; background-origin: content-box; background-position: left center; }
.dt-button.buttons-pdf:hover:not(.disabled) { background: url("../i3/button-pdf.png") no-repeat; background-origin: content-box; background-position: left center; background-color: white !important; border-color: #1e82cb; }
.dt-button.buttons-pdf:active:not(.disabled):hover:not(.disabled) { background: url("../i3/button-pdf.png") no-repeat; background-origin: content-box; background-position: left center; background-color: white !important; border-color: #1e82cb; box-shadow: none; }
.dt-button.buttons-pdf:active:not(.disabled) { background: url("../i3/button-pdf.png") no-repeat; background-origin: content-box; background-position: left center; background-color: white !important; border-color: #e6e8ec; box-shadow: none; }
.dt-button.buttons-pdf:focus:not(.disabled) { background: url("../i3/button-pdf.png") no-repeat; background-origin: content-box; background-position: left center; background-color: white !important; border-color: #e6e8ec; }
.dt-button.buttons-pdf span { margin-left: 16px; }
#SubmitThemes,#SubmitBackgrounds,#SubmitFonts,#SubmitClipArt,#SubmitElements,#ResetPageNums,#EditSectionSave,#AdminSaveBtn,#AdminSaveBtn2,#AdminSaveBtn3,#AdminSaveBtn4,#AdminSaveBtn5,#AdminSaveBtn6,#AdminSaveBtn7 {border-color: #1e82cb; color: white; background-color: #1e82cb;}
#SubmitThemes.ui-state-hover,#SubmitBackgrounds.ui-state-hover,#SubmitFonts.ui-state-hover,#SubmitClipArt.ui-state-hover,#SubmitElements.ui-state-hover,#ResetPageNums.ui-state-hover,#EditSectionSave.ui-state-hover,
#AdminSaveBtn2.ui-state-hover,#AdminSaveBtn3.ui-state-hover,#AdminSaveBtn4.ui-state-hover,#AdminSaveBtn5.ui-state-hover,#AdminSaveBtn6.ui-state-hover,#AdminSaveBtn7.ui-state-hover {border-color: #1e82cb; color: white; background-color: #353945;}