/*----------------------------------------------------YEARBOOK---------------------------------------------------------------------*/

/*......................................_Home Top Area_YEARBOOK................................................*/
#top-h {height:497px;width:100%;}
#top-h .inner {position:relative; width:980px;height:497px;margin:0 auto;z-index:100;}
#top-h .bg-top_d {position:relative;z-index:0;width:100%;margin-top:-12px;height:12px; background:url('i3/yb_top_bgd.png') repeat-x;}
#top-h .logo {padding:0px 0 20px 25px;}
/*
#top-h .home-top-img {position:absolute;width:634px;height:408px;top:90px;left:-31px;background: url('i3/yb_top_ch2.png') no-repeat;
     -background: none; cursor:pointer; cursor:hend;
     -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i3/yb_top_ch.png', sizingMethod='crop');}
*/
/*
#top-h .home-top-img {position:absolute;width:634px;height:450px;top:80px;left:-31px;background: url('i3/collage3_FINAL.png') no-repeat;
     -background: none; cursor:pointer; cursor:hend;
     -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i3/collage3_FINAL.png', sizingMethod='crop');}
*/
#top-h .home-top-img {position:absolute;width:634px;height:450px;top:80px;left:-31px;}
#top-h .home-read-more{float:right;width:370px;color:#FFF;margin-top:0px;}
#top-h .home-read-more p{margin:0 0 20px 0; font-size:14px;}
#top-h .home-read-more b{font-weight:normal;font-size:26px;}
#top-h .home-read-more p.ttl{font-size:18px;color:#5278af;}
#top-h .home-read-more .field{margin:0 0 17px 0;}
#top-h .home-read-more .field input{width:245px;padding:5px 0;border:1px solid #245cac;font-size:16px;background:#d7e1ed;color:#245cac;}
#top-h .home-read-more .newAccount{margin:-18px 0 0 160px;font-size:16px;}
#top-h .home-read-more .newAccount a{color:#FFF;}
#top-h .home-read-more .newAccount a:hover{color:#a9c0db;}



#topYB {height:110px;width:100%px; background:#5177ae;}
/* #topYB .inner {position:relative; width:980px; height:129px;margin:0 auto; background: url(i3/yb_top_bg.png) no-repeat;} */
#topYB .inner {position:relative; width:980px; height:129px;margin:0 auto; }
#topYB .inner {position:relative; width:980px; height:170px;margin:0 auto; }
#topYB .bg-top_d {position:relative; width:100%;margin-top:-12px;height:12px; background:url(i3/yb_top_bgd.png) repeat-x;}
#topYB .logo {padding:0px 0 0 52px;}

#topYB .rMenu {float:right; margin-top:69px;}
#topYB .rMenu ul {list-style:none; margin:0px; padding:0; font-size:1.1em; font-weight:bold; font-family:arial;}
#topYB .rMenu ul li {float:left; margin:0px;}
#topYB .rMenu ul li a {display:block; margin:0; padding:2px 0px 4px 10px; color:#fff; text-decoration:underline;}
#topYB .rMenu ul li span {display:block; margin:0; padding:2px 0px 4px 10px; color:#fff; text-decoration:underline;}
#topYB .rMenu ul li a:hover {color:#fff36a;}
#topYB .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');}
#topYB .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 #topYB .rMenu ul li .help {margin-right:0px;}

/*......................................_Year Book Home Page_................................................*/
#home-left {float:left;padding:10px 0 0 0;}
#home-left {float:left;padding:10px 0 0 0;}
#home-left .inner{margin-left:15px;}
#home-left .inner p strong{font-size:26px;font-weight:normal;color:#5278af;}
#home-left .inner p{font-size:14px;color:#3b3e41;margin:0 0 10px 0;}

#home-right{margin:0 0 0 598px;padding:32px 0 0 0;}

/*......................................_What to do_................................................*/
#HomeOuter      {position:relative;width:680px; margin:0 auto;}
#HomeOuterTab   {position:relative; width:720px; margin:0 auto;}
#Outer980       {position:relative;}

#HomeOuter  p.ttl,#HomeOuterTab p.ttl,#Outer980 p.ttl{font-size:30px; color:#5278af; text-align:left; margin:10px 0 0 0; font-family: helvetica, tahoma, arial, sans-serif;}

#HomeOuter img {margin:0px 0 0 15px;}

#ManUsers img, #ManSections img, #ManPhotos img, #EditSections img, #RewSections img, #ManPrinting img{}
#ManUsers, #ManSections, #ManPhotos, #EditSections, #RewSections, #ManPrinting{margin:0px 9px;}

#HomeOuter .txt {display: table; height:70px;  #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:15px; color:#0f5fb1; font-family:helvetica, tahoma, arial, sans-serif;}
#HomeOuter .txt b.over {font-size:15px; color:#5cbcdf; font-family:helvetica, tahoma, arial, sans-serif;}
#HomeOuter .txt b.red {color:#f11a23;}
#HomeOuter .txt b.green {color:#239d47;}
#HomeOuter .txt b.blue {color:#2d2f69;}
#HomeOuter .txt p {font-size:11px; margin:5px 0 0 0; font-weight:100; font-family:tahoma, arial, sans-serif;}

.subMenuContent .menuBar {height: 49px; width:1266px; margin-top: 3px;}
.subMenuContent .menuBar .rMenu {float:right; background-color: #ffffff; margin-right: 25px; }
.subMenuContent .menuBar  ul {list-style:none; margin:0px; padding:8px 0 8px 0; font-size:16px; color: #1d5f91; font-weight:500;}
.subMenuContent .menuBar  ul li {float:left; margin-right:30px; padding-left: 0px; padding-right: 0px; border-bottom: 2px solid #eceff8;}
.subMenuContent .menuBar  ul li a {display:block; padding:6px 0px 6px 0px; text-decoration:none; color: #1d5f91; font-weight:500; height: 27px;}
.subMenuContent .menuBar  ul li a:focus {outline:none;}
.subMenuContent .menuBar  ul li span {display:block; margin:0; padding:2px 0px 4px 10px; color:#fff; text-decoration:none;}
.subMenuContent .menuBar  ul li.over  a {color:#15a6df;}
.subMenuContent .menuBar ul li.active {color: #0097dc; border-bottom: 2px solid #0097dc;}
.subMenuContent .menuBar ul li.active a {color: #0097dc; }

.ybPage_fix .yui-button{background:url(i3/yb_buttons/btn_l.gif) no-repeat; cursor:pointer; cursor:hand;width:310px;}
.ybPage_fix .yui-button button { background:url(i3/yb_buttons/btn_r.gif) no-repeat 100% 0%;}
.ybPage_fix .yui-button button {font-size:11px; font-family: arial, tahoma, sans-serif; text-align:left;}

.ybPage_fix .yui-button button strong {display:block;margin:0;padding:16px 1px 13px 1px;/*16px 1px 13px 1px*/ width:300px;} /*366*/
*+html .ybPage_fix .yui-button button strong {display:block; padding:16px 10px 13px 10px;}/* IE7*/
*html .ybPage_fix .yui-button button strong {display:block; padding:16px 10px 13px 10px;}/* IE6*/

/*
.ybPage_fix .yui-button-hover, .ybPage_fix .yui-button-focus{background:url(i3/yb_buttons/btn_l_h.gif) no-repeat;}
.ybPage_fix .yui-button-hover button,.ybPage_fix .yui-button-focus button {background:url(i3/yb_buttons/btn_r_h.gif) no-repeat 100% 0%;}
*/
.ybPage_fix .yui-button-focus  .ybPage_fix.yui-push-button-focus {border: none;}

/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.ybPage_fix .yui-button button strong {width:290px;} /*366*/
}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
	.ybPage_fix .yui-button button strong {width:290px;} /*366*/
}
.btn-img{float:left;width:80px;height:70px;margin:0 22px 0 15px;}
#ManUsers .btn-img{background:url('i3/manage users.png');-background:none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i3/manage users.png', sizingMethod='crop');}
#ManSections .btn-img{background:url('i3/manage sections.png');-background:none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i3/manage sections.png', sizingMethod='crop');}
#ManPhotos .btn-img{background:url('i3/manage photos.png');-background:none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i3/manage photos.png', sizingMethod='crop');}
#EditSections .btn-img{background:url('i3/edit sections.png');-background:none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i3/edit sections.png', sizingMethod='crop');}
#RewSections .btn-img{background:url('i3/review sections.png');-background:none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i3/review sections.png', sizingMethod='crop');}
#ManPrinting .btn-img{background:url('i3/pict6.png');-background:none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i3/pict6.png', sizingMethod='crop');}

/*......................................_Button fix size 137x36_................................................*/
.ButtonFix .yui-button{background:url(i3/yb_buttons/fix_out.gif) no-repeat; cursor:pointer; cursor:hand;margin:0;width:137px;height:36px;}
.ButtonFix .yui-button button {margin:0;font-size:13px;color:#245cac;font-weight:bold; font-family: arial, tahoma, sans-serif;}

.ButtonFix .yui-button button strong {display:block; padding:9px 0 0 32px;}
*+html .ButtonFix .yui-button button strong {display:block; padding:8px 0 0 41px;}
*html body .ButtonFix .yui-button button strong {display:block; padding:8px 0 0 41px;}

.ButtonFix .yui-button-hover {background: url(i3/yb_buttons/fix_over.gif) no-repeat;}
.ButtonFix .yui-button-focus {background:url(i3/yb_buttons/fix_over.gif) no-repeat;}
.ButtonFix .yui-button-hover button,.ButtonFix .yui-button-focus button{color:#FFF;}
/*......................................_Button fix size 230x36_................................................*/
.ButtonFix2 .yui-button{background:url(i3/yb_buttons/fix_out2.gif) no-repeat; cursor:pointer; cursor:hand;margin-bottom:5px;width:230px;height:36px;}
.ButtonFix2 .yui-button button {margin:0;font-size:12px;color:#245cac;font-weight:bold;font-family: arial, tahoma, sans-serif;}

.ButtonFix2 .yui-button button strong {display:block; padding:9px 0 0 32px;}
*+html .ButtonFix2 .yui-button button strong {display:block; padding:8px 0 0 41px;}
*html body .ButtonFix2 .yui-button button strong {display:block; padding:8px 0 0 41px;}

.ButtonFix2 .yui-button-hover {background: url(i3/yb_buttons/fix_over2.gif) no-repeat;}
.ButtonFix2 .yui-button-focus {background:url(i3/yb_buttons/fix_over2.gif) no-repeat;}
.ButtonFix2 .yui-button-hover button,.ButtonFix .yui-button-focus button{color:#FFF;}
/*......................................_Button B1_................................................*/
.ButtonB1 .yui-button{background:url(i3/yb_buttons/b1_l.gif) no-repeat; cursor:pointer; cursor:hand;margin:0;}
.ButtonB1 .yui-button button {background:url(i3/yb_buttons/b1_r.gif) no-repeat 100% 0%;}
.ButtonB1 .yui-button button {margin:0;font-size:18px;color:#245cac;font-family: arial, tahoma, sans-serif;}

.ButtonB1 .yui-button button strong {display:block; padding:9px 26px 10px 36px;font-weight:normal;}
*+html .ButtonB1 .yui-button button strong {display:block; padding:9px 35px 10px 45px;}
*html body .ButtonB1 .yui-button button strong {display:block; padding:9px 35px 10px 45px;}

.ButtonB1 .yui-button-hover {background: url(i3/yb_buttons/b1act_l.gif) no-repeat;}
.ButtonB1 .yui-button-hover button{color:#FFF;background:url(i3/yb_buttons/b1act_r.gif) no-repeat 100% 0%;}
.ButtonB1 .yui-button-focus {background:url(i3/yb_buttons/b1act_l.gif) no-repeat;}
.ButtonB1 .yui-button-focus button{color:#FFF;background:url(i3/yb_buttons/b1act_r.gif) no-repeat100% 0%;}

/* --------Table Manage Users-------------------------------*/
.tab_users{color:#000;font-size:13px;height:30px;margin:0px 5px 10px 5px;}
.tab_users_grey {background:#f0f3f7;font-size:13px;margin:40px 5px 10px 5px;width:100%;padding:10px;}
.tab_users_grey td.cyan {color:#245cac;font-weight:bold;}
.tab_users_grey td.bold {color:#000;font-weight:bold;padding:10px 0 10px 0;}
.tab_users .ttl {text-align:center;font-size:12px;height:40px;}
.tab_users tr.grey {height:30px;background:#f0f3f7;}
.tab_users tr.white {height:30px;}
.tab_users td.cyan {color:#245cac;padding-left:10px;}
.tab_users td.ctr {margin:0 auto;}
.ButtonUser .dbclick p{float:right;margin:10px 0 0 0px;font-size:13px;color:#000;font-weight:bold;font-family: arial, tahoma, sans-serif;}

.BlueButton.yui-button{background:url(i3/yb_buttons/btn_sub_l.gif) no-repeat; cursor:pointer; cursor:hand;margin:0;}
.BlueButton.yui-button button {background:url(i3/yb_buttons/btn_sub_r.gif) no-repeat 100% 0%;}
.BlueButton.yui-button button {margin:0;font-size:14px;color:#fff;font-family: arial, tahoma, sans-serif; line-height: 14px;}
.BlueButton.yui-button button strong {display:block; padding:9px 26px 10px 36px;font-weight:bold;}
*+html .BlueButton.yui-button button strong {display:block; padding:9px 35px 10px 45px;}
*html body .BlueButton.yui-button button strong {display:block; padding:9px 35px 10px 45px;}
.BlueButton.yui-button-hover {background: url(i3/yb_buttons/btn_sub_l_h.gif) no-repeat;}
.BlueButton.yui-button-hover button{color:#FFF;background:url(i3/yb_buttons/btn_sub_r_h.gif) no-repeat 100% 0%;}
.BlueButton.yui-button-focus {background:url(i3/yb_buttons/btn_sub_l_h.gif) no-repeat;}
.BlueButton.yui-button-focus button{color:#FFF;background:url(i3/yb_buttons/btn_sub_r_h.gif) no-repeat100% 0%;}

.MainButton.yui-button{background:url(i3/yb_buttons/btn_usr_l.gif) no-repeat; cursor:pointer; cursor:hand;margin:0;}
.MainButton.yui-button button {background:url(i3/yb_buttons/btn_usr_r.gif) no-repeat 100% 0%;}
.MainButton.yui-button button {margin:0;font-size:14px;color:#245cac;font-family: arial, tahoma, sans-serif; line-height: 14px;}
.MainButton.yui-button button strong {display:block; padding:9px 26px 10px 36px;font-weight:bold;}
*+html .MainButton.yui-button button strong {display:block; padding:9px 35px 10px 45px;}
*html body .MainButton.yui-button button strong {display:block; padding:9px 35px 10px 45px;}
.MainButton.yui-button-hover {background: url(i3/yb_buttons/btn_usr_l_h.gif) no-repeat;}
.MainButton.yui-button-hover button{color:#245cac;background:url(i3/yb_buttons/btn_usr_r_h.gif) no-repeat 100% 0%;}
.MainButton.yui-button-focus {background:url(i3/yb_buttons/btn_usr_l_h.gif) no-repeat;}
.MainButton.yui-button-focus button{color:#245cac;background:url(i3/yb_buttons/btn_usr_r_h.gif) no-repeat100% 0%;}


/* --------Icons-------------------------------*/
.Icon .yui-button{cursor:pointer; cursor:hand;margin:0;}
*html .Icon .yui-button{width:60px;}
.Icon .yui-button button {margin:0;padding:0;font-size:11px;color:#000;font-weight:bold;font-family: arial, tahoma, sans-serif;width:100%;background:none;}
.Icon .yui-button-hover button{color:#245cac;}
.Icon .yui-button-focus button{color:#245cac;}

.Icon .yui-button button strong {display:block;padding:40px 0 1px 0px;min-width:60px;}
*+html .Icon .yui-button button strong {display:block; padding:40px 3px 0 3px;}
*html body .Icon .yui-button button strong {display:block; padding:40px 3px 0 3px;}

#iconDown.yui-button {background:url('i3/yb_icons/down.gif') no-repeat 50% 0%;}#iconDown.yui-button-hover {background:url('i3/yb_icons/down_h.gif') no-repeat 50% 0%;}#iconDown.yui-button-focus {background:url('i3/yb_icons/down_h.gif') no-repeat 50% 0%;}
#iconUp.yui-button {background:url('i3/yb_icons/up.gif') no-repeat 50% 0%;}#iconUp.yui-button-hover {background:url('i3/yb_icons/up_h.gif') no-repeat 50% 0%;}#iconUp.yui-button-focus {background:url('i3/yb_icons/up_h.gif') no-repeat 50% 0%;}
#iconPrev.yui-button {background:url('i3/yb_icons/previos.gif') no-repeat 50% 0%;}#iconPrev.yui-button-hover {background:url('i3/yb_icons/previos_h.gif') no-repeat 50% 0%;}#iconPrev.yui-button-focus {background:url('i3/yb_icons/previos_h.gif') no-repeat 50% 0%;}
#iconNext.yui-button{background:url('i3/yb_icons/next.gif') no-repeat 50% 0%;}#iconNext.yui-button-hover {background:url('i3/yb_icons/next_h.gif') no-repeat 50% 0%;}#iconNext.yui-button-focus {background:url('i3/yb_icons/next_h.gif') no-repeat 50% 0%;}
#iconEdit.yui-button{background:url('i3/yb_icons/edit.gif') no-repeat 50% 0%;}#iconEdit.yui-button-hover {background:url('i3/yb_icons/edit_h.gif') no-repeat 50% 0%;}#iconEdit.yui-button-focus {background:url('i3/yb_icons/edit_h.gif') no-repeat 50% 0%;}
#iconAddImage.yui-button{background:url('i3/yb_icons/add_image.gif') no-repeat 50% 0%;}#iconAddImage.yui-button-hover {background:url('i3/yb_icons/add_image_h.gif') no-repeat 50% 0%;}#iconAddImage.yui-button-focus {background:url('i3/yb_icons/add_image_h.gif') no-repeat 50% 0%;}
#iconAddText.yui-button{background:url('i3/yb_icons/add_text.gif') no-repeat 50% 0%;}#iconAddText.yui-button-hover {background:url('i3/yb_icons/add_text_h.gif') no-repeat 50% 0%;}#iconAddText.yui-button-focus {background:url('i3/yb_icons/add_text_h.gif') no-repeat 50% 0%;}
#iconDeleteCurrent.yui-button{background:url('i3/yb_icons/del_current.gif') no-repeat 50% 0%;}#iconDeleteCurrent.yui-button-hover {background:url('i3/yb_icons/del_current_h.gif') no-repeat 50% 0%;}#iconDeleteCurrent.yui-button-focus {background:url('i3/yb_icons/del_current_h.gif') no-repeat 50% 0%;}
#iconPreview.yui-button{background:url('i3/yb_icons/preview.gif') no-repeat 50% 0%;}#iconPreview.yui-button-hover {background:url('i3/yb_icons/preview_h.gif') no-repeat 50% 0%;}#iconPreview.yui-button-focus {background:url('i3/yb_icons/preview_h.gif') no-repeat 50% 0%;}
#iconCancel.yui-button{background:url('i3/yb_icons/cancel.gif') no-repeat 50% 0%;}#iconCancel.yui-button-hover {background:url('i3/yb_icons/cancel_h.gif') no-repeat 50% 0%;}#iconCancel.yui-button-focus {background:url('i3/yb_icons/cancel_h.gif') no-repeat 50% 0%;}
#iconDone.yui-button{background:url('i3/yb_icons/done.gif') no-repeat 50% 0%;}#iconDone.yui-button-hover {background:url('i3/yb_icons/done_h.gif') no-repeat 50% 0%;}#iconDone.yui-button-focus {background:url('i3/yb_icons/done_h.gif') no-repeat 50% 0%;}

/* -------- Manage Section ------------------------------- */
.yb-page-header  {font-weight: 600; font-size: 30px; color: #0097DC; }
#sections{float:left;width:950px;font-size: 12px; background-color: white; border-radius: 3px;}
#sections .new-section{background-color:#FFF;padding-top:10px;}

.section {width: 900px; height: 32px; margin-left: 13px;
	position: relative;
    background: #f3f3f7;
	padding-left: 12px;
	padding-top: 7px;
	margin-top: 10px;
}
.section.sel {background: #e3e3e7;}
.section:hover { background: #e3e3e7; }
.sectionDraggable {float: left; width: 257px; height: 35px; cursor: pointer;}
.sectionSwatch {float:left; width:25px; height:25px; clip-path: circle(12px at center);}
.sectionName      {float:left;width:230px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: 2px; margin-top: 3px;}
.sectionPages  {float: left; width: 90px; margin-left: 20px; margin-top: 6px; height: 24px;}
.sectionPageNums  {float: left; width: 60px; margin-left: 20px; margin-top: 6px; height: 24px;}
.sectionStatus  {float: left; width: 130px; margin-left: 25px; margin-top: 6px; height: 24px;}
.sectionActions  {float: left; width: 260px; margin-left: 25px;}
.sectionDrag { float: left; margin-left: -1px; margin-top: -1px; cursor: pointer; width: 16px; height: 22px; text-indent: 100%; white-space: nowrap; overflow: hidden;
    border: 1px solid #aaa;
    background: #ddd;
    background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);
    background:    -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
    background:         linear-gradient(top, #ddd 0%, #bbb 100%);
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.sectionDrag:before { content: '\2261'; display: block; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 16px; font-weight: normal; }
.sectionDrag:hover { background: #ddd; }
.section .btn {float: left; cursor: pointer; margin-left: 2px;}
.sectionDrag .btn {float: left; cursor: pointer; margin-left: 2px;}
.sectionName strong,.sectionPageNums strong,.sectionPages strong,
.sectionStatus strong,.sectionAction strong{display:block;margin:0 0 18px 0;font-weight:normal;padding:10px 0 0 0;}
.sectionName p,.sectionPageNums p,.sectionPages p,
.sectionStatus p,.sectionAction p{margin:0;padding:3px 0 4px 0;}
.sectionName p,.sectionName strong,.sectionStatus p{margin-left:7px;}
.sectionName p{cursor:pointer; cursor:hand;font-weight:bold;}
.sectionPages p{text-align:center;}
.sectionPageNums p{text-align:center;}
.sectionActions .icon {float:left; width:20px; height:20px; margin-top: -4px; margin-right: 12px; background:transparent url(../i3/v6/menu-bar.png) 0px 0px no-repeat; cursor:pointer; }
.sectionActions .info {width:23px; background-position: -75px -100px;}
.sectionActions .info:hover {width:23px; background-position: -225px -100px;}
.sectionActions .infoN {width:23px; background-position: -50px -100px;}
.sectionActions .infoN:hover {width:23px; background-position: -200px -100px;}
.sectionActions .preview {width:24px; background-position: -100px -100px; }
.sectionActions .preview:hover {width:24px; background-position: -250px -100px; }
.sectionActions .settings {background-position: -125px -100px; }
.sectionActions .settings:hover {background-position: -275px -100px; }
.sectionActions .edit {background-position: -150px -100px; }
.sectionActions .edit:hover {background-position: -300px -100px; }
.sectionActions .force {background-position: -175px -100px; }
.sectionActions .force:hover {background-position: -325px -100px; }
.sectionActions .complete {background-position: -50px -125px; }
.sectionActions .complete:hover {background-position: -200px -125px; }
.sectionActions .approve {background-position: -75px -125px; }
.sectionActions .approve:hover {background-position: -225px -125px; }
.sectionActions .reject {background-position: -100px -125px; }
.sectionActions .reject:hover {background-position: -250px -125px; }
.sectionActions .pdf {background-position: -125px -125px; }
.sectionActions .pdf:hover {background-position: -275px -125px; }
.sectionActions .userSettings {background-position: -75px -300px; }
.sectionActions .userSettings:hover {background-position: -250px -300px; }

#signatureWrapper{float:left;width:274px;margin-left:30px;font-size:11px;}
#signatures{font-size:11px;}
#signatureList{width:267px;overflow:auto;height:658px;border:1px solid #eceff8; border-radius: 4px; background-color: white;}
#signatureList .sigPageTitle{padding:10px 0 0 0;margin:0 0 18px 0;text-align:center;}

#signatureList .sigTitle{float:left;width:155px;}

#signatureList .sigTitle,#signatureList .sigSpread,
#signatureList .sigFirst,#signatureList .sigPad1,#signatureList .sigPad2,
#signatureList .sigLeft,#signatureList .sigRight{margin-top:6px;padding:0 0;text-align:center;font-weight:bold;cursor:pointer;}
#signatureList .sigLeft,#signatureList .sigPad1{padding-left: 0px; padding-right: 0px;}
#signatureList .sigRight,#signatureList .sigFirst{padding-right: 0px; padding-left: 0px;}

#signatureList .sigSpread{float:left;width:222px;height: 141px; }

#signatureList .sigPad1,#signatureList .sigPad2,#signatureList .sigFirst,
#signatureList .sigLeft,#signatureList .sigRight{float:left; display: inline-block; }
#signatureList .sigSpread,#signatureList .sigPad1,#signatureList .sigLeft{margin-left:0px;}
#signatureList .sigSpread,#signatureList .sigLeft,#signatureList .sigRight {border: 1px solid #ebebf0;}
*html #signatureList .sigSpread,*html #signatureList .sigPad1,*html #signatureList .sigLeft{margin-left:4px;}

#signatureList .sigImage{width: 102px; height: 131p;}
#signatureList .sigPad1,#signatureList .sigPad1 {width: 102px; height: 131p;}
#signatureList .sigRight {margin-left: 6px;}

.sigWrapper {width: 250px; font-size: 12px; font-weight: 500; display: inline-block; margin: 0px 0px 8px 0px; border-width: 0px;}
.sigWrapper .top {padding: 6px 6px 0px 6px; background-color: white; border-width: 1px 1px 0px 1px; border-radius: 4px 4px 0px 0px;  border-style: solid; border-color: #e4e4e9; width: 236px;}
.sigWrapper .bottom {padding: 0px 12px 6px 12px; background-color: #f3f3f7; border-width: 0px 1px 1px 1px; border-radius: 0px 0px 4px 4px; display: inline-block; width: 224px;  border-style: solid; border-color: #e4e4e9;}
.sigWrapper span {font-weight: 600; padding-right: 4px;}
.sigWrapper .sigSwatch {width: 248px; margin-left: -6px; height: 12px;}
.sigWrapper .btn-left { float: left; margin-top: 3px; margin-bottom: 3px;}
.sigWrapper .btn-right { float: right; margin-top: 3px; margin-bottom: 3px;}
.sigWrapper .top .icon {float:left; width:17px; height:15px; margin-top: -4px; margin-right: 12px; background:transparent url(../i3/v6/menu-bar.png) 0px -125px no-repeat; cursor:pointer; }
.sigWrapper .top .info {width: 18px; background-position: -75px -175px; }
.sigWrapper .top .info:hover {width: 18px; background-position: -225px -175px; }
.sigWrapper .top .infoN {background-position: -50px -175px; }
.sigWrapper .top .infoN:hover {background-position: -200px -175px; }
.sigWrapper .top .preview {width: 18px; background-position: -100px -175px; }
.sigWrapper .top .preview:hover {width: 18px; background-position: -250px -175px; }
.sigWrapper .top .edit {background-position: -125px -175px; }
.sigWrapper .top .edit:hover {background-position: -275px -175px; }

#preview{float:left;margin-left:17px;font-size:11px;}
#flashContainer{margin:0 auto;}

#sectionEditor {
	margin-left: 10px;
	position: relative;
	border: 1px solid #ccc;
    background: #fafafa;
	width: 350px;
	height: 350px;
    background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:         linear-gradient(top, #fafafa 0%, #eee 100%);
    -webkit-border-radius: 3px;
            border-radius: 3px;
    box-sizing: border-box; -moz-box-sizing: border-box;
}
#userEditor {
	margin-left: 10px;
	position: relative;
	border: 1px solid #ccc;
    background: #fafafa;
	width: 547px;
	height: 310px;
    background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:         linear-gradient(top, #fafafa 0%, #eee 100%);
    -webkit-border-radius: 3px;
            border-radius: 3px;
    box-sizing: border-box; -moz-box-sizing: border-box;
}

/* -------- + Edit Section -------------------------------*/
#sections.edit{width:850px !important;}
#sections.edit .section {clear: both;}
#sections.edit .sectionName,#sections.edit .sectionPages,#sections.edit .sectionStatus,#sections.edit .sectionAction{float:left;border-right:1px solid #FFF;margin-top: 0px; height: 20px;}
#sections.edit .sectionPages,#sections.edit .sectionStatus,#sections.edit .sectionAction{padding-top: 3px; height: 17px; padding-left: 2px;}

#sections.edit .sectionPages {width:58px;}
#sections.edit .sectionStatus   {width:80px;}
#sections.edit .sectionAction   {width: 411px;}

/* -------- + Manage Printing -------------------------------*/
.PrintingTable{border-collapse: collapse; font-size: 12px;border-left:1px solid #99cbfe;}
.PrintingTable .v1{background:#99cbfe;}
.PrintingTable .v2{background:#FFF;}

.PrintingTable th{padding:4px;}
.PrintingTable td{padding:2px 5px;}
.PrintingTable .v1 td, .PrintingTable .v1 th{border-right:1px solid #FFF;}
.PrintingTable .v2 td{border-right:1px solid #99cbfe;}

.colorSwatchO {float:left; width:31px; height:31px; clip-path: circle(15px at center); margin-right: 5px; cursor: pointer;}
.colorSwatchI {margin: 1px; width:29px; height:29px; clip-path: circle(14px at center);}
#topYB
{
  background-color: #1E90FF;
}

#topYB .rMenu ul li
{
  color: #ffffff;
}
#topYB .rMenu ul li a
{
  color: #ffffff;
}
#topYB .rMenu ul li span
{
  color: #ffffff;
}
#topYB .rSchoolName
{
  color: #ffffff;
}

#top-h
{
  background-color: #1E90FF;
}
#top-h .home-read-more
{
  color: #ffffff;
}
#top-h .home-read-more .newAccount a
{
  color: #ffffff;
}
#topYB5
{
  background-color: #1E90FF;
}
#topYB5 .rSchoolName
{
  color: #ffffff;
}
#top-h .rSchoolName
{
  color: #ffffff;
}