@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css);

html { font-family:Arial; }

.hide { display:none; }

.cms4563Page { background:#fff; clear:both; margin:0 auto; width:960px; padding:10px; }

@media only screen and (max-width: 980px) {
	.cms4563Page { clear:both; margin:0 auto; width:97.96% !important; padding: 10px 1.02%;}
}


.button a { background: #000; color: #fff; margin: 10px 0 ; display: inline-block; }
.button a:hover { background: #111111; color: #fff; }


.clearBoth					{ clear:both; font-size:0; line-height:0; }

.floatRight	 { float:right; }
.floatLeft	 { float:left; }

#cms4563Bar						{ clear:both; font-size:22px; height:55px; position:fixed; left:0; width:100%; top:0; z-index:2000; font-family:Arial, sans-serif !important; }
#cms4563Bar	ul ul { font-size:16px; }

.cmsSwitch						{ font-weight:bold; font-size:18px; }

#cms4563Spacer					{ clear:both; height:54px; }
* html #cms4563Spacer 			{ display:none; }

#cms4563Logo					{ border-right:#000 solid 2px; color:#eee; font-weight:bold; font-size:22px; height:35px; padding:9px 10px 0 10px; position:absolute; left:36px; top:0; }

#cms4563Logo span				{ font-size:12px; }

/*.saveButton						{ background:#333; clear:both; color:#fff; font-size:19px; height:30px; }
.saveButton a:visited,
.saveButton a:active,
.saveButton a					{  border:0; color:#fff; display:block; height:24px; padding:6px 0 0px 0; text-align:center; text-decoration:none; width:100%; }
.saveButton a:visited:hover,
.saveButton a:hover				{ text-decoration:none; }*/

.skipButton { text-align:center; margin:10px 0; }
.skipButton a:visited,
.skipButton a:active,
.skipButton a { background:#EC008C; border-radius:5px; font-size:24px; color:#fff; display:inline-block; padding:6px 10px; text-decoration:none; }
.skipButton a:visited:hover,
.skipButton a:hover {  }

.cmsPageMenu4563				{ background:#0484B5; clear:both; color:#fff; font-size:19px; height:30px; }
.cmsPageMenu4563 a:visited,
.cmsPageMenu4563 a:active,
.cmsPageMenu4563 a				{ border:0; color:#fff; height:24px; padding:6px 0 0px 0; }
.cmsPageMenu4563 a:visited:hover,
.cmsPageMenu4563 a:hover		{ text-decoration:none; }


#cms4563Bar a:visited,
#cms4563Bar a:active,
#cms4563Bar a					{ color:#eee; text-decoration:none; }
#cms4563Bar a:visited:hover,
#cms4563Bar a:hover				{ color:#eee; text-decoration:none; }


#cms4563Bar ul a:visited,
#cms4563Bar ul a:active,
#cms4563Bar ul a				{  clear:none; display:block; float:left; text-decoration:none; }
#cms4563Bar ul a:visited:hover,
#cms4563Bar ul a:hover			{ text-decoration:none; }

#cms4563Bar ul .positionLeft a { border-right:#fff solid 1px; text-align:center; }
#cms4563Bar ul .positionLeft.cms4563menu4column a { border-right:#fff solid 0px; border-left:#fff solid 1px; text-align:center; }

#cms4563Bar ul .positionRight a { border-left:#fff solid 1px; }

#cms4563Bar ul .positionLeft ul a { border-right:#fff solid 0px; }
#cms4563Bar ul .positionLeft.cms4563menu4column ul a { border-left:#fff solid 0px !important; }

#cms4563Bar ul a span 			{ height:44px; }
#cms4563Bar ul ul a span 		{ height:40px; }

#cms4563ArrowIn					{ /*position:absolute; border-right:1px solid #fff; left:0; top:0; width:36px; z-index:950; */ }
#cms4563ArrowIn	a:visited,
#cms4563ArrowIn a:active,
#cms4563ArrowIn a				{ background:url(../images/arrowin.png) no-repeat 0px 0px; clear:none; float:left; height:54px; overflow:hidden; padding:0; text-indent:-1000px; width:57px; }
#cms4563ArrowIn a:visited:hover,
#cms4563ArrowIn a:hover			{ background: #0082B4 url(../images/arrowin.png) no-repeat 0px 0 !important; }

#cms4563BarOff					{ background:#eee url(../images/background.jpg) repeat-x 0px 0px; font-size:18px; height:54px; position:fixed; left:0; width:57px; top:0; z-index:2000; }
* html #cms4563BarOff 			{ position:absolute !important; }

#cms4563ArrowOut a:visited,
#cms4563ArrowOut a:active,
#cms4563ArrowOut a				{ background:url(../images/arrowout.png) no-repeat 0px 0px; display:block; height:54px; overflow:hidden; padding:0; text-indent:-1000px; width:57px; }
#cms4563ArrowOut a:visited:hover,
#cms4563ArrowOut a:hover		{ background:url(../images/arrowout.png) no-repeat 0px 0px; }

.fixed							{ position:fixed !important; }
.absolute						{ position:absolute !important; }

/*-------------*/
#popupcms4563login				{ z-index:982; left: 200px; position:absolute; top:100px; visibility:hidden;  }
#popupBackcms4563login			{ z-index:880; position:absolute; left:0; top:0px; background:#666666; width:100%; height:100%; visibility:hidden; }
#popupContentcms4563login		{ background:#fff; border:5px solid #333; clear:both; }
#popupClosecms4563login a:visited,
#popupClosecms4563login a:active,
#popupClosecms4563login a		{ background:transparent url(../images/popup_close.png) no-repeat 0px 0px; display:block; height:41px; overflow:hidden; text-indent:-1000px; width:41px; }
#popupClosecms4563login a:visited:hover,
#popupClosecms4563login a:hover	{  }

/*-------------*/
#popupcms4563popup				{ z-index:982; left: 200px; position:absolute; top:100px; visibility:hidden;  }
#popupBackcms4563popup			{ z-index:880; position:absolute; left:0; top:44px; background:#fff; width:100%; height:100%; visibility:hidden; }
#popupContentcms4563popup		{ background:#fff; border:5px solid #333; clear:both; overflow:hidden; }
#popupClosecms4563popup a:visited,
#popupClosecms4563popup a:active,
#popupClosecms4563popup a		{ background:transparent url(../images/popup_close.png) no-repeat 0px 0px; display:block; height:41px; overflow:hidden; text-indent:-1000px; width:41px; }
#popupClosecms4563popup a:visited:hover,
#popupClosecms4563popup a:hover	{  }

#popupContentcms4563popup,#popupContentcms4563login {
  border: 5px solid #0484B5;
  -moz-box-shadow: 5px 5px 5px #888;
  -moz-border-radius: 5px;
  -webkit-box-shadow: 5px 5px 5px #888;
  -webkit-border-radius: 5px;
}

/*DROP DOWN MENU*/

.positionRight { float:right !important; }

.menu4563 { width:100%; margin:0; padding:0; position:relative; z-index:900; border-top:1px solid #535353; border-bottom:1px solid #535353; top:0; }
.menu4563 ul { clear:both; padding:0; margin:0; padding:0; list-style-type:none; text-align:center; }
* html .menu4563 { display:inline; } /* ie6 fix */
*:first-child+html .menu4563 { display:inline; } /* ie 7 fix */


/*--------first level----------*/
.menu4563 a, .menu4563 a:visited { float:left; clear:none; text-decoration:none; color:#333;   } /*width:100%;*/
.menu4563 a.last, .menu4563 a:visited .last { display:block; border:0; }
* html .menu4563 a, * html .menu4563 a:visited {  } /*width:100%; w\idth:100%;*/
.menu4563 li { float:left; clear:none; /*position:relative;*/  }
.menu4563 .positionRight{ float:right; clear:none; position:relative;  }


.menu4563 a span { display:inline-block; height:35px; padding: 10px 10px 0 10px; }
.menu4563 ul a span {  line-height:33px; }
.menu4563 ul ul a span {  line-height:34px; }
.menu4563 ul ul .doubleLine a span {  line-height:19px; }

.menu4563Title { clear:both; padding:28px 12px 4px 4px; color:#fff; font-weight:bold; font-size:18px; border-bottom: 2px solid #fff; margin: 0 10px 6px 10px; }
.menu4563Media { clear:both; padding:4px 12px 4px 4px; color:#fff; font-weight:normal; font-size:14px;  margin: 0 10px 6px 10px; text-align:center; }

/*--------second level---------*/
.menu4563 li li { clear:both;  /*position:relative;*/  }
.menu4563 ul ul { text-align:left; width:100%; }
.menu4563 ul ul a.drop, .menu4563 ul ul a.drop:visited {  }
.menu4563 ul ul a.drop:hover{ background:white; }
.menu4563 ul ul :hover > a.drop {  }
.menu4563 ul ul ul a, .menu4563 ul ul ul a:visited {  }
.menu4563 ul ul ul a:hover { background:#707070; }
.menu4563 .positionLeft ul ul li { border-right:0; padding:10px 0; }

.menu4563Item { clear:none; float:left; width:195px; }
.cmsBarComms .menu4563Item { clear:both; width:390px; }


.menu4563 .positionLeft ul { background:#0082B4; visibility:hidden; position:absolute; top:53px; left:1px; padding:0; width:812px; z-index:890; }
.menu4563 .positionLeft ul { background:#0082B4; visibility:hidden; position:absolute; top:53px; left:1px; padding:0; width:812px; z-index:9999; }
* html .menu4563 ul ul { top:53px; left:-78px; }

.menu4563 .positionLeft.cms4563menu2column ul { width:330px; }
.menu4563 .positionLeft.cms4563menu3column ul { width:608px; }

.menu4563 .positionLeft.cms4563menu4column { float:right; }
.menu4563 .positionLeft.cms4563menu4column ul { left:auto; right:1px !important; }


.menu4563 .positionLeft ul li { background:#0082B4; }
.menu4563 .positionLeft ul li { *width:1000px; }

.menu4563 .positionRight ul { visibility:hidden; position:absolute; height:0; top:53px; right:1px; padding:0; width:149px; z-index:890; }
* html .menu4563 ul ul { top:53px; right:-78px; }




.menu4563 ul ul ul{ left:149px; top:-1px; width:149px; }
.menu4563 ul ul ul.left { left:-149px; }

.menu4563 table { position:absolute; top:0; left:0; border-collapse:collapse; width:100%; }

.menu4563 ul ul a, .menu4563 ul ul a:visited { color:#FFF;  padding:5px 10px 2px 10px;  /*width:187px;*/ border-width:0 1px 1px 1px; font-weight:normal; }


* html .menu4563 ul ul a, * html .menu4563 ul ul a:visited { width:187px; w\idth:187px; }

/*MOUSEOVER*/
.menu4563 a:hover, .menu4563 ul ul a:hover{ color:#FFF; }
.menu4563 :hover > a, .menu4563 ul ul :hover > a { color:#FFF; }
.menu4563 :hover > a.last, .menu4563 ul ul :hover > a { color:#FFF; border:0; }

.menu4563 ul li:hover ul, .menu4563 ul a:hover ul { visibility:visible !important; }
.menu4563 ul :hover ul ul { visibility:hidden; }
.menu4563 ul :hover ul :hover ul { visibility:visible; }

.menu4563 .active a {  }
.menu4563 .active a.last { border:0; }
.menu4563 ul li.active ul li a { background:#707070;  }
.active { background:#1D88CE; }

/*.menu4563 :hover > a, */
.menu4563 :hover > a,.menu4563 ul ul :hover > a { background:#0082B4 !important; }

.menu4563 .positionLeft li { padding:6px 1.82%; }

.closeButton		{ background:url(../images/closeButton.jpg) no-repeat 0px 0px; clear:none; float:right; height:27px; overflow:hidden; text-indent:-1000px; width:28px; }
.minButton			{ background:url(../images/minButton.jpg) no-repeat 0px 0px; clear:none; float:right; height:27px; overflow:hidden; text-indent:-1000px; width:28px; display:none; }
.maxButton			{ background:url(../images/maxButton.jpg) no-repeat 0px 0px; clear:none; float:right; height:27px; overflow:hidden; text-indent:-1000px; width:28px; display:none; }


#cms4563Preview		{ background:#FFBC2F; border-bottom:3px solid #FFA349; color:#333; #clear:both; padding:10px 0; text-align:center; }

.cms4563MenuHeading { clear:none; float:left; font-size:28px; font-weight:bold; padding:11px 10px 9px 14px; }
.cms4563MenuHeadingInfo { clear:none; float:left; font-size:14px; padding:22px 10px 0 14px; }
.cms4563MenuHeadingInfoSub { clear:both; float:left; font-size:14px; padding:5px 14px; }

.cmsBarComms { clear:both; padding:10px 0 2px 0; border-top:3px solid #fff; }

@media only screen and (max-width: 700px) {
	.cms4563MenuHeading { padding:2px 10px 0 14px; }
	.cms4563MenuHeadingInfo { clear:both; padding:0px 10px 0 14px; }
}

/*=======================*/

.cms4563Article					{ /*border:2px solid #111;*/ background:#C02D61; color:#fff; clear:both; font-family:arial; margin:10px 0 0 0; width:100%; }
.cms4563Article a:visited,
.cms4563Article a:active,
.cms4563Article a				{ clear:none; color:#fff; display:block; float:left; font-size:18px; padding:6px 8px 9px 8px; text-decoration:none; }
.cms4563Article a:visited:hover,
.cms4563Article a:hover 		{ color:#fff; text-decoration:underline; }

.cms4563ArticleClosed { background: #aaa !important; }

.cmsIconEditBefore a:visited,
.cmsIconEditBefore a:active,
.cmsIconEditBefore a { padding:12px 8px 12px 8px; }
.cmsIconEditBefore a:visited:hover,
.cmsIconEditBefore a:hover {  }

.cms4563ArticleLeft				{ clear:none; float:left; } /*  width:85%; */
.cms4563ArticleLeft a			{ border-right:1px solid #fff; }
.cms4563ArticleRight			{ clear:none; float:right; }
.cms4563ArticleRight a			{ border-left:1px solid #fff; }

.cms4563Article .icon			{ clear:none; float:left; padding:0 8px 0 8px !important; }

.cms4563Article .articleDetails             {background: #eb4a83;}
.cms4563Article.oldItems   { background: #6e6e6e; }
.cms4563Article.oldItems .articleDetails             {background: #959595;}

.cms4563ArticleContent			{ border:0px solid #111; clear:both; width:100%; }

/*---- button ----*/
.cms4563ButtonHolder			{ clear:both; padding:0 0 10px 0; }
.cms4563Button					{ /*border:2px solid #111;*/  box-shadow: 2px 2px 2px 0px rgba(100, 100, 100, 0.75); background:#444; font-size:24px; border-radius:8px !important; color:#fff; clear:both; display:inline-block; font-family:arial; margin:10px 0 10px 0; }
.cms4563Button.small 			{ font-size:16px; }
.cms4563Button.min 				{ font-size:12px; width:100%; border-radius:0 !important; margin:0; }

.cms4563Button a:visited,
.cms4563Button a:active,
.cms4563Button a				{ clear:none; color:#fff; display:block; float:left; font-weight:bold; padding:12px 13px 9px 13px; text-decoration:none;}
.cms4563Button a:visited:hover,
.cms4563Button a:hover 			{ color:#fff; text-decoration:underline; }

.cms4563Button a.add_facebook {
    background-image: url(../../../../../cmsfiles/images/buttons/facebook-button.png);
    background-repeat: no-repeat;
    width: 283px;
    height: 51px;
    display: block;
    padding: 0;
    background-color: #4067b1;
    border-radius: 5px;
}

.cms4563Button a.add_twitter {
    background-image: url(../../../../../cmsfiles/images/buttons/twitter-button.png);
    background-repeat: no-repeat;
    width: 253px;
    height: 50px;
    display: block;
    padding: 0;
    background-color: #3b9cd6;
    border-radius: 5px;
}

.cms4563Button a.add_instagram {
  background-image: url(../../../../../cmsfiles/images/buttons/instagram-button.png), linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
  background-repeat: no-repeat;
  width: 253px;
  height: 50px;
  display: block;
  padding: 16px 5px 5px 50px;
  color: #fff;
  border-radius: 5px;
  font-size: 70%;
  box-sizing: border-box;
  text-decoration: none;
}

.cms4563Button.min a { padding:3px 4px;  }

.cms4563Button.small a 			{ /*padding:10px 11px 7px 11px;*/ }

.cmsBorderRight a { border-right: 1px solid #666; }

.cmsIconAdd a:visited,
.cmsIconAdd a:active,
.cmsIconAdd a:visited:hover,
.cmsIconAdd a:hover,
.cmsIconAdd a		 			{ background:url(../images/icon_add.png) no-repeat left center; padding-left:55px; }

.cmsIconDownload a:visited,
.cmsIconDownload a:active,
.cmsIconDownload a:visited:hover,
.cmsIconDownload a:hover,
.cmsIconDownload a		 			{ background:url(../images/icon_download.png) no-repeat 5px center; padding-left:45px; }

.cmsIconEdit a:visited,
.cmsIconEdit a:active,
.cmsIconEdit a:visited:hover,
.cmsIconEdit a:hover,
.cmsIconEdit a		 			{ background:url(../images/icon_edit.png) no-repeat right center; width:13px; height:20px; overflow:hidden; text-indent:-1000px; }

.cmsIconDelete a:visited,
.cmsIconDelete a:active,
.cmsIconDelete a:visited:hover,
.cmsIconDelete a:hover,
.cmsIconDelete a		 			{ background:url(../images/icon_delete.png) no-repeat right center; width:24px; height:20px; overflow:hidden; text-indent:-1000px; }

.cmsIconDeleteBefore a:visited,
.cmsIconDeleteBefore a:active,
.cmsIconDeleteBefore a:visited:hover,
.cmsIconDeleteBefore a:hover,
.cmsIconDeleteBefore a 				{ background:url(../images/icon_delete.png) no-repeat left center; height:20px; overflow:hidden; padding-left: 50px; }

.cmsIconShowBefore a:visited,
.cmsIconShowBefore a:active,
.cmsIconShowBefore a:visited:hover,
.cmsIconShowBefore a:hover,
.cmsIconShowBefore a 				{ background:url(../images/icon_turnon.png) no-repeat 5px center; width:65px; height:20px; overflow:hidden; padding-left: 40px; padding-right: 15px; }

.cmsIconOn a:visited,
.cmsIconOn a:active,
.cmsIconOn a:visited:hover,
.cmsIconOn a:hover,
.cmsIconOn a		 			{ background:url(../images/icon_turnon.png) no-repeat center center; width:13px; height:20px; overflow:hidden; text-indent:-1000px; }

.cmsIconOff a:visited,
.cmsIconOff a:active,
.cmsIconOff a:visited:hover,
.cmsIconOff a:hover,
.cmsIconOff a		 			{ background:url(../images/icon_turnoff.png) no-repeat center center; width:13px; height:20px; overflow:hidden; text-indent:-1000px; }

.cmsIconSend a:visited,
.cmsIconSend a:active,
.cmsIconSend a:visited:hover,
.cmsIconSend a:hover,
.cmsIconSend a		 			{ background:url(../images/icon_send.png) no-repeat center center; width:16px; height:20px; overflow:hidden; text-indent:-1000px; }

.cmsIconStats a:visited,
.cmsIconStats a:active,
.cmsIconStats a:visited:hover,
.cmsIconStats a:hover,
.cmsIconStats a		 			{ background:url(../images/icon_stats.png) no-repeat center center; width:24px; height:20px; overflow:hidden; text-indent:-1000px; }

.cmsIconCrop a:visited,
.cmsIconCrop a:active,
.cmsIconCrop a:visited:hover,
.cmsIconCrop a:hover,
.cmsIconCrop a		 			{ background:url(../images/icon_crop.png) no-repeat center center; width:24px; height:20px; overflow:hidden; text-indent:-1000px; }

.cmsIconCloud a:visited,
.cmsIconCloud a:active,
.cmsIconCloud a:visited:hover,
.cmsIconCloud a:hover,
.cmsIconCloud a          { background:url(../images/icon_cloud.png) no-repeat center center; width:24px; height:20px; overflow:hidden; text-indent:-1000px; }

.cmsIconReorder a:visited,
.cmsIconReorder a:active,
.cmsIconReorder a:visited:hover,
.cmsIconReorder a:hover,
.cmsIconReorder a		 			{ background:url(../images/icon_reorder.png) no-repeat center center; width:24px; height:20px; overflow:hidden; text-indent:-1000px; }

.cmsIconReorderBefore a:visited,
.cmsIconReorderBefore a:active,
.cmsIconReorderBefore a:visited:hover,
.cmsIconReorderBefore a:hover,
.cmsIconReorderBefore a         { background:url(../images/icon_reorder.png) no-repeat 3px center; padding-left:43px; }


.small.cmsIconAdd a,
.small .cmsIconAdd a		 	{ background:url(../images/icon_add_small.png) no-repeat left center; padding-left:45px; }

.cmsIconSendPink a:visited,
.cmsIconSendPink a:active,
.cmsIconSendPink a:visited:hover,
.cmsIconSendPink a:hover,
.cmsIconSendPink a		 			{ padding: 20px 15px 20px 80px !important; font-size: 130% !important; border-radius: 8px; text-indent: 0; margin: 0 !important; width: auto; background-image:url(../images/send.png) !important; background-repeat: no-repeat !important; background-position: 15px center !important; }

.cmsIconBigPink a:visited,
.cmsIconBigPink a:active,
.cmsIconBigPink a:visited:hover,
.cmsIconBigPink a:hover,
.cmsIconBigPink a          { padding: 20px 15px !important; font-size: 130% !important; border-radius: 8px; text-indent: 0; margin: 0 !important; width: auto; }

.cmsIconEditBefore a:visited,
.cmsIconEditBefore a:active,
.cmsIconEditBefore a:visited:hover,
.cmsIconEditBefore a:hover,
.cmsIconEditBefore a 			{ background:url(../images/icon_edit.png) no-repeat 3px center; padding-left:33px;  }

.cmsIconRearrangeBefore a:visited,
.cmsIconRearrangeBefore a:active,
.cmsIconRearrangeBefore a:visited:hover,
.cmsIconRearrangeBefore a:hover,
.cmsIconRearrangeBefore a 			{ background:url(../images/icon_rearrange.png) no-repeat 3px center; padding-left:33px;  }

.cmsIconCopy       {  }
.cmsIconCopy a:visited,
.cmsIconCopy a:active,
.cmsIconCopy a       { background:url(../images/icon_copy.png) no-repeat center center; overflow:hidden; text-indent:-1000px; width:25px; }
.cmsIconCopy a:visited:hover,
.cmsIconCopy a:hover   {  }

.noNotices	{ padding: 20px 12px; font-size: 150%;}

.cms4563Button.borderRight a	{ border-right: 1px solid #fff; }

.cmsArticleWidgets				{  }
.cmsArticleWidgets a:visited,
.cmsArticleWidgets a:active,
.cmsArticleWidgets a				{ background:url(../images/icon_widgets.png) no-repeat center center; height:36px; overflow:hidden; text-indent:-1000px; width:155px; }
.cmsArticleWidgets a:visited:hover,
.cmsArticleWidgets a:hover		{  }

.cmsArticleAdd				{  }
.cmsArticleAdd a:visited,
.cmsArticleAdd a:active,
.cmsArticleAdd a				{ background:url(../images/icon_add.png) no-repeat right center; font-weight:bold; font-size:26px !important; height:36px; padding-right:63px !important; }
.cmsArticleAdd a:visited:hover,
.cmsArticleAdd a:hover		{  }

.cmsArticleAddwidget				{  }
.cmsArticleAddwidget a:visited,
.cmsArticleAddwidget a:active,
.cmsArticleAddwidget a				{ background:url(../images/icon_addwidget.png) no-repeat center center; height:36px; overflow:hidden; text-indent:-1000px; width:178px; }
.cmsArticleAddwidget a:visited:hover,
.cmsArticleAddwidget a:hover		{  }

.cmsArticleButton				{  }
.cmsArticleButton a:visited,
.cmsArticleButton a:active,
.cmsArticleButton a				{  height:37px; padding:15px 12px 0 12px; font-size:24px; }
.cmsArticleButton a:visited:hover,
.cmsArticleButton a:hover		{  }

.cmsArticleEdit				{  }
.cmsArticleEdit a:visited,
.cmsArticleEdit a:active,
.cmsArticleEdit a				{ background:url(../images/icon_edit.png) no-repeat center center; height:37px; overflow:hidden; text-indent:-1000px; width:28px; }
.cmsArticleEdit a:visited:hover,
.cmsArticleEdit a:hover		{  }

.cmsArticleContacts       {  }
.cmsArticleContacts a:visited,
.cmsArticleContacts a:active,
.cmsArticleContacts a       { background:url(../images/icon_contacts.png) no-repeat center center; height:37px; overflow:hidden; text-indent:-1000px; width:28px; }
.cmsArticleContacts a:visited:hover,
.cmsArticleContacts a:hover   {  }

.cmsUserApproved			{  }
.cmsUserApproved a:visited,
.cmsUserApproved a:active,
.cmsUserApproved a				{ background:url(../images/icon_approved.png) no-repeat center center; height:37px; overflow:hidden; text-indent:-1000px; width:28px; }
.cmsUserApproved a:visited:hover,
.cmsUserApproved a:hover		{  }

.cmsUserReset			{  }
.cmsUserReset a:visited,
.cmsUserReset a:active,
.cmsUserReset a				{ background:url(../images/icon_reset.png) no-repeat center center; height:37px; overflow:hidden; text-indent:-1000px; width:28px; }
.cmsUserReset a:visited:hover,
.cmsUserReset a:hover		{  }

.cmsUserDisable			{  }
.cmsUserDisable a:visited,
.cmsUserDisable a:active,
.cmsUserDisable a				{ background:url(../images/icon_disable.png) no-repeat center center; height:37px; overflow:hidden; text-indent:-1000px; width:28px; }
.cmsUserDisable a:visited:hover,
.cmsUserDisable a:hover		{  }

.cmsUserEnable			{  }
.cmsUserEnable a:visited,
.cmsUserEnable a:active,
.cmsUserEnable a				{ background:url(../images/icon_enable.png) no-repeat center center; height:37px; overflow:hidden; text-indent:-1000px; width:28px; }
.cmsUserEnable a:visited:hover,
.cmsUserEnable a:hover		{  }

.cmsArticleContributors				{  }
.cmsArticleContributors a:visited,
.cmsArticleContributors a:active,
.cmsArticleContributors a				{ background:url(../images/icon_contributors.png) no-repeat center center; height:37px; overflow:hidden; text-indent:-1000px; width:35px; }
.cmsArticleContributors a:visited:hover,
.cmsArticleContributors a:hover		{  }

.cmsArticleEditTitle				{  }
.cmsArticleEditTitle a:visited,
.cmsArticleEditTitle a:active,
.cmsArticleEditTitle a				{ background:url(../images/icon_edit.png) no-repeat 4px center; height:37px;  padding:15px 8px 0 38px; font-size:24px; }
.cmsArticleEditTitle a:visited:hover,
.cmsArticleEditTitle a:hover		{  }

.cmsArticleStaff				{  }
.cmsArticleStaff a:visited,
.cmsArticleStaff a:active,
.cmsArticleStaff a				{ background:url(../images/icon_users.png) no-repeat center center; height:37px; overflow:hidden; text-indent:-1000px; width:28px; }
.cmsArticleStaff a:visited:hover,
.cmsArticleStaff a:hover		{  }

.cmsArticleMockup				{  }
.cmsArticleMockup a:visited,
.cmsArticleMockup a:active,
.cmsArticleMockup a				{ background:url(../images/icon_mockup.png) no-repeat center center; height:37px; overflow:hidden; text-indent:-1000px; width:28px; }
.cmsArticleMockup a:visited:hover,
.cmsArticleMockup a:hover		{  }

.cmsArticleManageTitle				{  }
.cmsArticleManageTitle a:visited,
.cmsArticleManageTitle a:active,
.cmsArticleManageTitle a				{ background:url(../images/icon_manage.png) no-repeat 4px center; height:37px;  padding:15px 15px 0 57px; font-size:24px; }
.cmsArticleManageTitle a:visited:hover,
.cmsArticleManageTitle a:hover		{  }

.cmsArticleMenu				{  }
.cmsArticleMenu a:visited,
.cmsArticleMenu a:active,
.cmsArticleMenu a				{ background:url(../images/icon_menu.png) no-repeat center center; height:37px; overflow:hidden; text-indent:-1000px; width:36px; }
.cmsArticleMenu a:visited:hover,
.cmsArticleMenu a:hover		{  }

.cmsArticleStats				{  }
.cmsArticleStats a:visited,
.cmsArticleStats a:active,
.cmsArticleStats a				{ background:url(../images/icon_stats.png) no-repeat center center; height:37px; overflow:hidden; text-indent:-1000px; width:25px; }
.cmsArticleStats a:visited:hover,
.cmsArticleStats a:hover		{  }

.cmsArticleCopy				{  }
.cmsArticleCopy a:visited,
.cmsArticleCopy a:active,
.cmsArticleCopy a				{ background:url(../images/icon_copy.png) no-repeat center center; height:37px; overflow:hidden; text-indent:-1000px; width:25px; }
.cmsArticleCopy a:visited:hover,
.cmsArticleCopy a:hover		{  }

.cmsArticleLayout				{  }
.cmsArticleLayout a:visited,
.cmsArticleLayout a:active,
.cmsArticleLayout a				{ background:url(../images/icon_layout.png) no-repeat center center; height:37px; overflow:hidden; text-indent:-1000px; width:36px; }
.cmsArticleLayout a:visited:hover,
.cmsArticleLayout a:hover		{  }

.cms4563Approve { clear:both; text-align:center; }
.cms4563Approve a:visited,
.cms4563Approve a:active,
.cms4563Approve a { background:#F26899 url(../images/icon_approve.png) no-repeat 6px 6px; font-size: 28px; color:#fff; font-weight:bold; display:inline-block; padding:9px 18px 10px 78px; text-decoration:none; border-radius:5px; box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.75); margin: 10px 0; }
.cms4563Approve a:visited:hover,
.cms4563Approve a:hover { background-color: #E94982; }
.cms4563Approve span { display: block; font-size: 16px; font-weight: normal;}

.cms4563DontApprove { clear:both; text-align:center; }
.cms4563DontApprove a:visited,
.cms4563DontApprove a:active,
.cms4563DontApprove a { background:#D80505 url(../images/icon_delete.png) no-repeat 6px 6px; font-size: 25px; color:#fff; font-weight:bold; display:inline-block; padding:9px 18px 10px 78px; text-decoration:none; border-radius:5px; box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.75); margin: 10px 0; }
.cms4563DontApprove a:visited:hover,
.cms4563DontApprove a:hover { background-color: #B91616; }

.cms4563Draft { clear:both; text-align:center; }
.cms4563Draft a:visited,
.cms4563Draft a:active,
.cms4563Draft a { background:#000  url(../../../../images/icons/drafts.png) no-repeat 18px 6px; font-size: 28px; color:#fff; font-weight:bold; display:inline-block; padding:9px 18px 10px 70px; text-decoration:none; border-radius:5px; box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.75); margin: 10px 0; }
.cms4563Draft a:visited:hover,
.cms4563Draft a:hover { background-color: #2e2828; }
.cms4563Draft span { display: block; font-size: 16px; font-weight: normal;}

.cms4563Fade		{ opacity: 0.5; zoom: 1; filter: alpha(opacity = 50); }
.cms4563Hide		{ display:none; }

.cms4563ArchiveBtn				{  }
.cms4563ArchiveBtn a:visited,
.cms4563ArchiveBtn a:active,
.cms4563ArchiveBtn a			{ background:url(../images/icon_archive.png) no-repeat center center; height:37px; overflow:hidden; text-indent:-1000px; width:30px; }
.cms4563ArchiveBtn a:visited:hover,
.cms4563ArchiveBtn a:hover		{  }

.cms4563UnarchiveBtn				{  }
.cms4563UnarchiveBtn a:visited,
.cms4563UnarchiveBtn a:active,
.cms4563UnarchiveBtn a			{ background:url(../images/icon_unarchive.png) no-repeat center center; height:37px; overflow:hidden; text-indent:-1000px; width:30px; }
.cms4563UnarchiveBtn a:visited:hover,
.cms4563UnarchiveBtn a:hover		{  }

.cms4563ArticleUp				{  }
.cms4563ArticleUp a:visited,
.cms4563ArticleUp a:active,
.cms4563ArticleUp a				{ background:url(../images/icon_up.png) no-repeat center center; height:37px; overflow:hidden; text-indent:-1000px; width:28px; }
.cms4563ArticleUp a:visited:hover,
.cms4563ArticleUp a:hover		{  }

.cms4563ArticleDown				{  }
.cms4563ArticleDown a:visited,
.cms4563ArticleDown a:active,
.cms4563ArticleDown a			{ background:url(../images/icon_down.png) no-repeat center center; height:37px; overflow:hidden; text-indent:-1000px; width:28px; }
.cms4563ArticleDown a:visited:hover,
.cms4563ArticleDown a:hover		{  }

.cms4563ArticleTurnoff				{  }
.cms4563ArticleTurnoff a:visited,
.cms4563ArticleTurnoff a:active,
.cms4563ArticleTurnoff a			{ background:url(../images/icon_turnoff.png) no-repeat center center; height:37px; overflow:hidden; text-indent:-1000px; width:30px; }
.cms4563ArticleTurnoff a:visited:hover,
.cms4563ArticleTurnoff a:hover		{  }

.cms4563ArticleTurnon				{  }
.cms4563ArticleTurnon a:visited,
.cms4563ArticleTurnon a:active,
.cms4563ArticleTurnon a			{ background:url(../images/icon_turnon.png) no-repeat center center; height:37px; overflow:hidden; text-indent:-1000px; width:30px; }
.cms4563ArticleTurnon a:visited:hover,
.cms4563ArticleTurnon a:hover		{  }

.cms4563ArticleRotate				{  }
.cms4563ArticleRotate a:visited,
.cms4563ArticleRotate a:active,
.cms4563ArticleRotate a			{ background:url(../images/icon_rotate.png) no-repeat center center; height:37px; overflow:hidden; text-indent:-1000px; width:42px; }
.cms4563ArticleRotate a:visited:hover,
.cms4563ArticleRotate a:hover		{  }

.cms4563ArticleLink				{  }
.cms4563ArticleLink a:visited,
.cms4563ArticleLink a:active,
.cms4563ArticleLink a			{ background:url(../images/icon_link.png) no-repeat center center; height:37px; overflow:hidden; text-indent:-1000px; width:26px; }
.cms4563ArticleLink a:visited:hover,
.cms4563ArticleLink a:hover		{  }


.cmsArticleDelete				{  }
.cmsArticleDelete a:visited,
.cmsArticleDelete a:active,
.cmsArticleDelete a				{ background:url(../images/icon_delete.png) no-repeat center center; height:37px; overflow:hidden; text-indent:-1000px; width:40px; }
.cmsArticleDelete a:visited:hover,
.cmsArticleDelete a:hover		{  }


.cmsArticleReport				{  }
.cmsArticleReport a:visited,
.cmsArticleReport a:active,
.cmsArticleReport a				{ background:url(../images/icon_report.png) no-repeat center center; height:37px; overflow:hidden; text-indent:-1000px; width:40px; }
.cmsArticleReport a:visited:hover,
.cmsArticleReport a:hover		{  }

.cmsArticleBounce				{  }
.cmsArticleBounce a:visited,
.cmsArticleBounce a:active,
.cmsArticleBounce a				{ background:url(../images/icon_bounce.png) no-repeat center center; height:37px; overflow:hidden; text-indent:-1000px; width:40px; }
.cmsArticleBounce a:visited:hover,
.cmsArticleBounce a:hover		{  }

.cmsArticleMove				{  }
.cmsArticleMove a:visited,
.cmsArticleMove a:active,
.cmsArticleMove a				{ background:url(../images/icon_move.png) no-repeat center center; height:37px; overflow:hidden; text-indent:-1000px; width:32px; }
.cmsArticleMove a:visited:hover,
.cmsArticleMove a:hover		{  }

.cmsArticleView       {  }
.cmsArticleView a:visited,
.cmsArticleView a:active,
.cmsArticleView a       { background:url(../images/icon_view.png) no-repeat center center; height:37px; overflow:hidden; text-indent:-1000px; width:28px; }
.cmsArticleView a:visited:hover,
.cmsArticleView a:hover   {  }

.cms4563List { clear:both; text-align:center; }
.cms4563List a:visited,
.cms4563List a:active,
.cms4563List a { background:#F26899 url(../images/icon_list.png) no-repeat 13px 10px; font-size: 28px; color:#fff; font-weight:bold; display:inline-block; padding:9px 18px 10px 52px; text-decoration:none; border-radius:5px; box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.75); margin: 10px 0; }
.cms4563List a:visited:hover,
.cms4563List a:hover { background-color: #E94982; }
.cms4563List span { display: block; font-size: 16px; font-weight: normal;}

.cms4563ArticleAdd				{ border:2px solid #111; background:#111; clear:both; width:100%; }
.cms4563ArticleAdd a:visited,
.cms4563ArticleAdd a:active,
.cms4563ArticleAdd a			{ color:#fff; display:block; font-size:20px; padding:10px 12px 10px 12px; text-decoration:none; }
.cms4563ArticleAdd a:visited:hover,
.cms4563ArticleAdd a:hover		{  }

.cms4563ArticleStatus			{ border:0px solid #FF6600; }
.cms4563ArticleStatusBg			{ background:#E75F04; }
.cms4563ArticleStatusBg .cms4563ArticleLeft a { border-right:1px solid #fff; }
.cms4563ArticleStatusBg .cms4563ArticleRight a { border-left:1px solid #fff; }
.cms4563ArticleStatusButton		{ background:#FFCC00; clear:both; font-size:15px; padding:6px 0 6px 0; text-align:center; width:100%; }
.cms4563ArticleStatusButton a	{ color:#6A2A00; }

.cmsArticleRead       {  }
.cmsArticleRead a:visited,
.cmsArticleRead a:active,
.cmsArticleRead a,
.cmsArticleRead a:visited:hover,
.cmsArticleRead a:hover   { font-size: 150%; width:75px; padding: 4px 8px; font-size: 95%; }

.cms4563ArticleWidgetMove {  }
.cms4563ArticleWidgetMove a { border: 3px dotted #f4510b; background: #fff; display: block; font-size: 16px; font-weight: bold; padding:4px 6px; margin:5px 0; text-align: center; }

.cmsPink 					{ background-color: #F26899 !important; }

/*---- cms site ----*/
.cms4563Site { width:980px; margin:0 auto; }

.cms4563Quick {}
.cms4563Quick a:visited,
.cms4563Quick a:active,
.cms4563Quick a { background:#222; padding:5px 7px; color: #fff; text-decoration: none; }
.cms4563Quick a:visited:hover,
.cms4563Quick a:hover {  }

.cms4563table table						{ border-left: 1px solid #222; border-collapse: collapse; margin:0 0 12px 0;}

.cms4563table td{
  color: #222;
  border-right: 1px solid #222;
  border-bottom: 1px solid #222;
  border-top: 1px solid #222;
  padding: 6px 12px 6px 12px;
}

.cms4563table th{
  background-color:#222;
  color:#fff;
  border-right: 1px solid #222;
  border-bottom: 1px solid #222;
  border-top: 1px solid #222;
  padding: 6px 6px 6px 12px;
	text-align:left;
}

.cms4563form { background:#fff; clear:both; padding:20px; }
.cms4563formInside { clear:both; width:980px; margin:0 auto; }
.cms4563formPageTitle { clear:both; color:#0484B5; font-size:32px; font-weight:bold; padding:0 0 10px 10px; }
.cms4563formTitle { clear:both; color:#0484B5; font-size:18px; font-weight:bold; padding:0 0 0 10px; }
.cms4563formLine { clear:both; border-top:4px solid #ddd; }
.cms4563formTemplateSelect { clear:none; float:left; margin:20px; width:155px; text-align:center; }
.cms4563formTemplateSelect a:visited,
.cms4563formTemplateSelect a:active,
.cms4563formTemplateSelect a,
.cms4563formTemplateSelect a:visited:hover,
.cms4563formTemplateSelect a:hover { color:#0484B5; font-weight:bold; text-decoration:none; }

.cms4563formButtons { clear:both; text-align:center; padding:30px 0 0 0; }

.cms4563formButtonPink { text-align:center; }
.cms4563formButtonPink a:visited,
.cms4563formButtonPink a:active,
.cms4563formButtonPink a { background:#EC008C; color:#fff; font-weight:bold; font-size:24px; padding:8px 12px; text-decoration:none; }
.cms4563formButtonPink a:visited:hover,
.cms4563formButtonPink a:hover {  }

.cms4563formButtonBlue { text-align:center; }
.cms4563formButtonBlue a:visited,
.cms4563formButtonBlue a:active,
.cms4563formButtonBlue a { background:#06AFF0; color:#fff; font-weight:bold; font-size:18px; padding:6px 10px; text-decoration:none; }
.cms4563formButtonBlue a:visited:hover,
.cms4563formButtonBlue a:hover {  }

/*---- website bar ----*/
.cms4563website { background:#00AEEF; }

#cms4563ArrowOut 			{ background:#00AEEF; }

.menu4563 ul a:visited,
.menu4563 ul a:active,
.menu4563 ul a				{ background:#00AEEF; }
.menu4563 ul a:visited:hover,
.menu4563 ul a:hover			{ background:#0082B4; }

.menu4563 a:hover{ background:#0082B4 !important; }
.menu4563 ul ul a:hover { background:#0093CA !important; }

.menu4563 ul ul a,
.menu4563 ul ul a.drop, 
.menu4563 ul ul a.drop:visited { background:#0082B4; }
.menu4563 ul ul a.drop:hover{ background:white; }
.menu4563 ul ul :hover > a.drop {   }

.menu4563 ul .cms4563LargeIcon_add span { background-image:url(../../../../images/icons/add.png); background-position:7px 8px; background-repeat:no-repeat; padding-left:54px; }
.menu4563 ul .cms4563LargeIcon_archive span { background-image:url(../../../../images/icons/archivev2.png); background-position:7px 8px; background-repeat:no-repeat; padding-left:41px; }
.menu4563 ul .cms4563LargeIcon_account span { background-image:url(../../../../images/icons/account.png); background-position:7px 8px; background-repeat:no-repeat; padding-left:41px !important; }
.menu4563 ul .cms4563LargeIcon_help span { background-image:url(../../../../images/icons/support.png); background-position:7px 8px; background-repeat:no-repeat; padding-left:41px !important; }
.menu4563 ul .cms4563LargeIcon_website span { background-image:url(../images/largeicon_website.png); background-repeat:no-repeat; padding-left:70px !important; font-weight:bold; }
.menu4563 ul .cms4563LargeIcon_approve span { background-image:url(../../../../images/icons/notifications.png); background-position:7px 8px; background-repeat:no-repeat; padding-left:48px; font-weight:bold; }
.menu4563 ul .cms4563LargeIcon_drafts span { background-image:url(../../../../images/icons/drafts.png); background-position:7px 8px; background-repeat:no-repeat; padding-left:48px; font-weight:bold; }
.menu4563 ul .cms4563LargeIcon_support span { background-image:url(../../../../images/icons/help.png); background-position:7px 8px; background-repeat:no-repeat; padding-left:48px; font-weight:bold; }

.menu4563 ul .cms4563LargeIcon_logout span { background-image:url(../../../../images/icons/logout.png); background-position:7px 8px; background-repeat:no-repeat; padding-left:48px; font-weight:bold; }

.menu4563 ul .cms4563LargeIcon_lockopen span { background-image:url(../../../../images/icons/lock_open.png); background-position:7px 8px; background-repeat:no-repeat; padding-left:40px; font-weight:bold; }
.menu4563 ul .cms4563LargeIcon_lockclosed span { background-image:url(../../../../images/icons/lock_closed.png); background-position:7px 8px; background-repeat:no-repeat; padding-left:40px; font-weight:bold; }

.menu4563 ul .cmsPreview a { background:#F26899; border:0 !important; border-radius:5px; padding:3px 5px; margin:12px 0 0 22px; font-size:19px; }
.menu4563 ul .cmsPreview a strong { font-weight:normal; }

.menu4563 ul .cms4563LargeIcon_approve span em,
.menu4563 ul .cms4563LargeIcon_drafts span em { background:#F26899; padding:4px 6px; font-size:16px; border-radius:4px; }

.menu4563 ul ul span {     background-position: 10px 15px; border-top:2px solid #5EC3E9; display:block; height:45px; font-weight:bold; padding:7px 0 0 10px !important; text-align:left; width:118px; }


.menu4563 ul .cms4563LargeIcon_page span { background-image:url(../../../../images/icons/pages.png) !important; background-repeat:no-repeat; padding-left:58px !important; }
.menu4563 ul .cms4563LargeIcon_news span { background-image:url(../../../../images/icons/news.png) !important; background-repeat:no-repeat; padding-left:58px !important; }
.menu4563 ul .cms4563LargeIcon_slideshow span { background-image:url(../../../../images/icons/slideshow.png) !important; background-repeat:no-repeat; padding-left:58px !important; }
.menu4563 ul .cms4563LargeIcon_toslideshow span { background-image:url(../../../../images/icons/slideshow.png) !important; background-repeat:no-repeat; padding-left:58px !important; }
.menu4563 ul .cms4563LargeIcon_calendar span { background-image:url(../../../../images/icons/calendar.png) !important; background-repeat:no-repeat; padding-left:58px !important; }
.menu4563 ul .cms4563LargeIcon_notices span { background-image:url(../../../../images/icons/notice.png) !important; background-repeat:no-repeat; padding-left:58px !important; }
.menu4563 ul .cms4563LargeIcon_link span { background-image:url(../../../../images/icons/link.png) !important; background-repeat:no-repeat; padding-left:58px !important; }
.menu4563 ul .cms4563LargeIcon_schoolletter span { background-image:url(../../../../images/icons/letter.png) !important; background-repeat:no-repeat; padding-left:58px !important; }
.menu4563 ul .cms4563LargeIcon_document span { background-image:url(../../../../images/icons/document.png) !important; background-repeat:no-repeat; padding-left:58px !important; }
.menu4563 ul .cms4563LargeIcon_video span { background-image:url(../../../../images/icons/video.png) !important; background-repeat:no-repeat; padding-left:58px !important; }
.menu4563 ul .cms4563LargeIcon_audio span { background-image:url(../../../../images/icons/audio.png) !important; background-repeat:no-repeat; padding-left:58px !important; }
.menu4563 ul .cms4563LargeIcon_staff span { background-image:url(../../../../images/icons/people.png) !important; background-repeat:no-repeat; padding-left:58px !important; }
.menu4563 ul .cms4563LargeIcon_gallery span { background-image:url(../../../../images/icons/image.png) !important; background-repeat:no-repeat; padding-left:58px !important; }
.menu4563 ul .cms4563LargeIcon_togallery span { background-image:url(../../../../images/icons/image.png) !important; background-repeat:no-repeat; padding-left:58px !important; }
.menu4563 ul .cms4563LargeIcon_message span { background-image:url(../../../../images/icons/publicmessage.png) !important; background-repeat:no-repeat; padding-left:58px !important; border-top: 0; }
.menu4563 ul .cms4563LargeIcon_privatemessage span { background-image:url(../../../../images/icons/privatemessage.png) !important; background-repeat:no-repeat; padding-left:58px !important; }
.menu4563 ul .cms4563LargeIcon_newsletter span { background-image:url(../../../../images/icons/newsletter.png) !important; background-repeat:no-repeat; padding-left:58px !important; }
.menu4563 ul .cms4563LargeIcon_stats span { background-image:url(../../../../images/icons/stats.png) !important; background-repeat:no-repeat; padding-left:58px !important; }
.menu4563 ul .cms4563LargeIcon_award span { background-image:url(../../../../images/icons/award.png) !important; background-repeat:no-repeat; padding-left:58px !important; }
.menu4563 ul .cms4563LargeIcon_report span { background-image:url(../../../../images/icons/report.png) !important; background-repeat:no-repeat; padding-left:58px !important; }
.menu4563 ul .cms4563LargeIcon_profile span { background-image:url(../../../../images/icons/profile.png) !important; background-repeat:no-repeat; padding-left:58px !important; }
.menu4563 ul .cms4563LargeIcon_list span { background-image:url(../../../../images/icons/list.png) !important; background-repeat:no-repeat; padding-left:58px !important; }
.menu4563 ul .cms4563LargeIcon_survey span { background-image:url(../../../../images/icons/survey.png) !important; background-repeat:no-repeat; padding-left:58px !important; }
.menu4563 ul .cms4563LargeIcon_userlogin span { background-image:url(../../../../images/icons/userlogin.png) !important; background-repeat:no-repeat; padding-left:58px !important; }
.menu4563 ul .cms4563LargeIcon_share span { background-image:url(../../../../images/icons/share.png) !important; background-repeat:no-repeat; padding-left:58px !important; }
.menu4563 ul .cms4563LargeIcon_contacts span { background-image:url(../../../../images/icons/contacts.png) !important; background-repeat:no-repeat; padding-left:58px !important; }
.menu4563 ul .cms4563LargeIcon_social span { background-image:url(../../../../images/icons/social.png) !important; background-repeat:no-repeat; padding-left:58px !important; }
.menu4563 ul .cms4563LargeIcon_homework span { background-image:url(../../../../images/icons/homework.png) !important; background-repeat:no-repeat; padding-left:58px !important; }
.menu4563 ul .cms4563LargeIcon_pngtojpg span { background-image:url(../../../../images/icons/convert.png) !important; background-repeat:no-repeat; padding-left:58px !important; }
.menu4563 ul .cms4563LargeIcon_job span { background-image:url(../../../../images/icons/briefcase.png) !important; background-repeat:no-repeat; padding-left:58px !important; }
.menu4563 ul .cms4563LargeIcon_settings span { background-image: url('data:image/svg+xml,<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M12 8.666c-1.838 0-3.333 1.496-3.333 3.334s1.495 3.333 3.333 3.333 3.333-1.495 3.333-3.333-1.495-3.334-3.333-3.334m0 7.667c-2.39 0-4.333-1.943-4.333-4.333s1.943-4.334 4.333-4.334 4.333 1.944 4.333 4.334c0 2.39-1.943 4.333-4.333 4.333m-1.193 6.667h2.386c.379-1.104.668-2.451 2.107-3.05 1.496-.617 2.666.196 3.635.672l1.686-1.688c-.508-1.047-1.266-2.199-.669-3.641.567-1.369 1.739-1.663 3.048-2.099v-2.388c-1.235-.421-2.471-.708-3.047-2.098-.572-1.38.057-2.395.669-3.643l-1.687-1.686c-1.117.547-2.221 1.257-3.642.668-1.374-.571-1.656-1.734-2.1-3.047h-2.386c-.424 1.231-.704 2.468-2.099 3.046-.365.153-.718.226-1.077.226-.843 0-1.539-.392-2.566-.893l-1.687 1.686c.574 1.175 1.251 2.237.669 3.643-.571 1.375-1.734 1.654-3.047 2.098v2.388c1.226.418 2.468.705 3.047 2.098.581 1.403-.075 2.432-.669 3.643l1.687 1.687c1.45-.725 2.355-1.204 3.642-.669 1.378.572 1.655 1.738 2.1 3.047m3.094 1h-3.803c-.681-1.918-.785-2.713-1.773-3.123-1.005-.419-1.731.132-3.466.952l-2.689-2.689c.873-1.837 1.367-2.465.953-3.465-.412-.991-1.192-1.087-3.123-1.773v-3.804c1.906-.678 2.712-.782 3.123-1.773.411-.991-.071-1.613-.953-3.466l2.689-2.688c1.741.828 2.466 1.365 3.465.953.992-.412 1.082-1.185 1.775-3.124h3.802c.682 1.918.788 2.714 1.774 3.123 1.001.416 1.709-.119 3.467-.952l2.687 2.688c-.878 1.847-1.361 2.477-.952 3.465.411.992 1.192 1.087 3.123 1.774v3.805c-1.906.677-2.713.782-3.124 1.773-.403.975.044 1.561.954 3.464l-2.688 2.689c-1.728-.82-2.467-1.37-3.456-.955-.988.41-1.08 1.146-1.785 3.126"/></svg>') !important; background-repeat:no-repeat; padding-left:58px !important; }

.menu4563 ul .cms4563LargeIcon_message { margin-bottom: 5px; }
.menu4563 ul .cms4563LargeIcon_message a, .menu4563 ul .cms4563LargeIcon_message a:visited, .menu4563 ul .cms4563LargeIcon_message a:active { background-color: #6cb94a !important; border-radius: 10px; }
.menu4563 ul .cms4563LargeIcon_message a:hover, .menu4563 ul .cms4563LargeIcon_message a:visited:hover { background-color: #53a230 !important; }

/*---- website bar ----*/
.cms4563portal { background:#00AEEF url(../images/portal_cmsbar.jpg) repeat-x 0 0; }

.cms4563portal .menu4563 ul a:visited,
.cms4563portal .menu4563 ul a:active,
.cms4563portal .menu4563 ul a				{ background:#00AEEF url(../images/portal_cmsbar.jpg) repeat-x 0px 0px; }
.cms4563portal .menu4563 ul a:visited:hover,
.cms4563portal .menu4563 ul a:hover			{ background:#00AEEF url(../images/portal_cmsbar.jpg) repeat-x 0px -64px; }


a.cms4563tooltipF{
    position:relative; /*this is the key*/
    z-index:24; 
	/*background-color:#ccc;
    color:#000;*/
    text-decoration:none}

a.cms4563tooltipF:hover{z-index:25; /*background-color:#ff0*/}

a.cms4563tooltipF span{display: none}

a.cms4563tooltipF:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-230px;
	*top:-30px; 
	left:170px;
    /*border:3px solid #333;
    background-color:#cff; color:#000;*/
    text-align: center;
	
	}
	
a.cms4563tooltipF:hover span img { border:0px solid #999 !important; }



a.cms4563tooltipFRight{
    position:relative; /*this is the key*/
    z-index:24; 
	/*background-color:#ccc;
    color:#000;*/
    text-decoration:none}

a.cms4563tooltipFRight:hover{z-index:25; /*background-color:#ff0*/}

a.cms4563tooltipFRight span{display: none}

a.cms4563tooltipFRight:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-220px; left:-370px;
    /*border:3px solid #333;
    background-color:#cff; color:#000;*/
    text-align: center}
	
a.cms4563tooltipFRight:hover span img { border:0px solid #999 !important; }

/*---- pink button ----*/
.pinkButton a:visited,
.pinkButton a:active,
.pinkButton a {
	background: #EC008C;
	color: #fff;
	padding: 6px 8px 6px 8px;
	font-weight: bold;
	font-size: 24px;
	text-decoration:none;
	margin:2px 0;
  display: inline-block;
}
.pinkButton a:visited:hover,
.pinkButton a:hover {
	background: #F729A3;
}

/*---- red button ----*/
.redButton a:visited,
.redButton a:active,
.redButton a {
  background: #ff0000;
  color: #fff;
  padding: 6px 8px 6px 8px;
  font-weight: bold;
  font-size: 24px;
  text-decoration:none;
  margin:2px 0;
  display: inline-block;
}
.redButton a:visited:hover,
.redButton a:hover {
  background: #f51818;
}

.cmsBarComms .pinkButton { display: inline-block; width: 49%;  }
.cmsBarComms .pinkButton.pinkFull { width: 100%;  }

.cmsBarComms .pinkButton a:visited,
.cmsBarComms .pinkButton a:active,
.cmsBarComms .pinkButton a {
	background: #EC008C !important;
	color: #fff !important;
	font-size: 110% !important;
}

.cmsBarComms .pinkButton a:visited:hover,
.cmsBarComms .pinkButton a:hover {
	background: #F729A3 !important;
}

/*---- pink button ----*/
.blueButton { display: inline-block;}
.blueButton a:visited,
.blueButton a:active,
.blueButton a {
	background: #0484B5;
	color: #fff;
	padding: 6px 8px 6px 8px;
	font-weight: bold;
	font-size: 100%;
	text-decoration:none;
	margin:2px 0;
}
.blueButton a:visited:hover,
.blueButton a:hover {
	background: #219dcc;
}

#linkText{ font-size: 170%; display: inline-block; }

.cms4563NotLive { background: #FF6600 !important; }


.cms4563Page h1 { color:#0585B6; padding:0; margin:0 0 10px 0; }

.cms4563Table table						{ border-left: 1px solid #0585B6; border-collapse: collapse; margin:0 0 12px 0;}

.cms4563Table td{
  color: #333;
  border-right: 1px solid #0585B6;
  border-bottom: 1px solid #0585B6;
  border-top: 1px solid #0585B6;
  padding: 6px 12px 6px 12px;
}

.cms4563Table th{
  background-color:#0585B6;
  color:#fff;
  border-right: 1px solid #0585B6;
  border-bottom: 1px solid #0585B6;
  border-top: 1px solid #0585B6;
  padding: 6px 6px 6px 12px;
}

.cms4563approveMessage { background:#FF6600; clear:both; color:#fff; font-size:24px; font-weight:bold; padding:7px 13px; margin:0 0 10px 0; }

.cms4563Stats { background:#fff; border-left:2px solid #eee; border-right:2px solid #eee; border-bottom:2px solid #eee; clear:both; padding:10px; margin:0 0 10px 0; }


.cms4563ImageControl { position:relative; }
.cms4563ImageControlButton { position:absolute; top:0; right:0; }
.cms4563ImageControlButton a { background:#000 url(../images/icon_rotate.png) no-repeat 2px 5px; width:48px; height:46px; overflow:hidden; text-indent:-1000px; display:block; }


.cmsWarningBox { background:#F4C22E; color:#111; text-align:center; padding:10px 10px; }

/*------- short cut buttons --------*/
.cms4563Short { clear:both; background:#FC88B1; }
.cms4563ShortItem { clear:none;float:left; text-align:center; min-width:95px; width:10%; }
.cms4563ShortItem img, .cms4563ShortItem svg { padding:10px 0; }
.cms4563ShortItem.right { float:right; }
.cms4563ShortItem a:visited,
.cms4563ShortItem a:active,
.cms4563ShortItem a { background:#F26899; color:#fff; font-size:16px; font-weight:bold; padding:5px 0 10px 0; border-right:1px solid #C54371; display:block; text-decoration:none; }
.cms4563ShortItem a:visited:hover,
.cms4563ShortItem a:hover { background:#D33B71; }
.cms4563ShortItem a span { display:block; clear:both; }

.cms4563ShortItem.large { min-width:120px; }

.pinkMenuRight { float: right; }

.surveyButton { width: 12% !important;}

.cms4563Off.cms4563Short { background:#F9B07F; }
.cms4563Off .cms4563ShortItem a:visited,
.cms4563Off .cms4563ShortItem a:active,
.cms4563Off .cms4563ShortItem a { background:#FF9A56; border-right:1px solid #D97C3C; }
.cms4563Off .cms4563ShortItem a:visited:hover,
.cms4563Off .cms4563ShortItem a:hover { background:#FF6600; }

a[name='dierror'] {
    color: #FFF;
    text-decoration: none;
}
a[name='dierror']:hover{
    text-decoration: none;
}
.generatePageUserMessage{
    margin-top: 65px;
    margin-right: auto;
    margin-left: auto;
    padding: 1em;
}

.generatePageUserMessage.success{
    background-color: #8cc258;
    color: #fff;
}

.generatePageUserMessage.alert{
    background-color: #C54371;
    color: #fff;
}

.cmsThumbRotate { 
	clear:none; float:left;
	background: #000 url(../images/icon_rotate.png) no-repeat 2px 5px !important;
    width: 48px !important;
    height: 46px  !important;
    overflow: hidden;
    text-indent: -1000px;
}

.cmsThumbRotateLeft { 
  clear:none; float:left;
  background: #000 url(../images/icon_rotate_left.png) no-repeat 2px 5px !important;
    width: 48px !important;
    height: 46px  !important;
    overflow: hidden;
    text-indent: -1000px;
    margin-right:2px;
}

.cmsThumbRotateSm { 
	clear:none; float:left;
	background: #000 url(../images/icon_rotate.png) no-repeat center !important;
    width: 40px !important;
    height: 46px  !important;
    overflow: hidden;
    text-indent: -1000px;
}

.cmsThumbDelete { clear:none; float:left;
	background: #000 url(../images/icon_delete.png) no-repeat 2px 5px !important;
    width: 48px !important;
    height: 46px  !important;
    overflow: hidden;
    text-indent: -1000px;
	margin-left:2px;
}

.cmsThumbConvert { clear:none; float:left;
	background: #000 url(../images/icon_convert.png) no-repeat 0 0 !important;
    width: 48px !important;
    height: 46px  !important;
    overflow: hidden;
    text-indent: -1000px;
	margin-left:2px;
}

.cmsThumbEdit { clear:none; float:left;
	background: #000 url(../images/icon_edit.png) no-repeat 9px 5px !important;
    width: 48px !important;
    height: 46px  !important;
    overflow: hidden;
    text-indent: -1000px;
	margin-right:2px;
}

.cmsThumbCrop { clear:none; float:left;
	background: #000 url(../images/icon_crop.png) no-repeat 9px 5px !important;
    width: 48px !important;
    height: 46px  !important;
    overflow: hidden;
    text-indent: -1000px;
	margin-left:2px;
}

.cmsThumbBlur { clear:none; float:left;
  background: #000 url(../images/icon_blur.png) no-repeat 0 0 !important;
  width: 48px !important;
  height: 46px  !important;
  overflow: hidden;
  text-indent: -1000px;
  margin-left:2px;
}

.cmsThumbShow { clear:none; float:left;
	background: #000 url(../images/icon_turnon.png) no-repeat 9px 5px !important;
    width: 48px !important;
    height: 46px  !important;
    overflow: hidden;
    text-indent: -1000px;
	margin-right:2px;
}
.cmsThumbHide { clear:none; float:left;
	background: #000 url(../images/icon_turnoff.png) no-repeat 9px 5px !important;
    width: 48px !important;
    height: 46px  !important;
    overflow: hidden;
    text-indent: -1000px;
	margin-right:2px;
}

.cmsThumbDownload { clear:none; float:left;
	background: #000 url(../images/icon_downloadsm.png) no-repeat 2px 4px !important;
    width: 53px !important;
    height: 46px  !important;
    overflow: hidden;
    text-indent: -1000px;
	margin-left:2px;
}

.cmsThumbCloud { clear:none; float:left;
  background: #000 url(../images/icon_cloud.png) no-repeat center !important;
  width: 48px !important;
  height: 46px  !important;
  overflow: hidden;
  text-indent: -1000px;
  margin-left:2px;
}

.cmsEmbed { clear:none; float:left;
  background: #000 url(../images/icon_embed.png) no-repeat center !important;
  width: 48px !important;
  height: 46px  !important;
  overflow: hidden;
  text-indent: -1000px;
  margin-left:2px;
}

.cmsThumbOrange { background-color:#E75F04 !important; }


.tickerEditButton { position:absolute; top:0; right:0; }
.tickerEditButton a:visited,
.tickerEditButton a:active,
.tickerEditButton a { background:#444; display:inline-block; font-weight:bold; color:#fff; padding:11px 11px 12px; font-size:15px; text-decoration:none; }
.tickerEditButton a:visited:hover,
.tickerEditButton a:hover { background:#565555; color:#fff;  }

.tickerDivButton .tickerEditButton { position: static; float: right; }


@media only screen and (max-width: 700px) {
	.cms4563ShortItem { width:20%; }
	.cms4563ShortItem a { border-bottom:1px solid #C54371; }
	
	.cmsPreview strong { display:none !important; }
	.pinkMenuRight{ float: none;}
}

/*--- edit preview button ---*/

.editPrev { z-index: 9999; position:absolute; top:0px; left:20px; font-size:17px; color:#fff; font-weight:bold; background:#F26899; padding:6px 9px; border-radius: 0 0 5px 5px;}
.editPrev a { color:#fff; text-decoration:none; }

/*--- ticker tape ---*/

.tickerDate { font-size: 14px;}

/*--- survey ---*/

.surveyResTitle { font-size: 20px; color: #868686; margin: 60px 0 25px;}

.showLinkedOption { clear: both; padding: 10px 0 10px 20px; }
.showLinked, .editShowLinked { display: none;  padding: 10px 0 10px 20px; clear: both; }
.editShowLinkButton, .showLinkButton { display: inline-block; }
.editShowLinkButton svg, .showLinkButton svg { cursor: pointer; fill: #f1f1f1; background: #0082b4; border-radius: 5px; padding: 7px; box-shadow: 2px 2px 2px 0px rgba(100, 100, 100, 0.75); margin: 10px 5px;}
.questionOpt { margin-bottom: 8px !important;}

.displayNone { display: none;}

/*--- video manage ---*/

.videoManageTitle { text-align: center; font-size: 18px; padding: 10px 15px;}
.videoManageDate { font-size: 15px; text-align: center; font-style: italic; margin-bottom: 10px;}

/*--- stats ---*/

.statsBack { margin: 20px 0;}

/*--- manage search ---*/

#searchManage {clear:none; float:right; width:60%; text-align:right; font-size:28px; padding:12px 0 0 0;}
#searchManage fieldset, #usersearch fieldset {border: none; padding-bottom: 15px; display:inline-block;}
#searchManage button, #usersearch button {font-size:26px; background:#333 !important; color:#fff !important;}
#searchManage input[type="text"], #searchManage select {font-size:30px; width: 200px;} 

/*--- news and gallery order button ---*/

#orderButton { text-align: center;}

/*--- sweet alert button ---*/

.sweet-alert button { background-image: none;}
.sweet-alert.newsclipart .sa-icon {width: 200px !important; height: 200px !important;}

/*--- manage ---*/

.manageCount a{ width: 160px; text-align: center;}
#buttonHolder { text-align: center; width: 100%;}

/*--- approval text difference ---*/
.showDifference { border:2px solid #999; margin:10px; padding:4px 8px; }
.showDifference p { font-weight:bold; }
.showDifference ins { background:#01FF26; text-decoration:none; }
.showDifference del { background:#F30303; text-decoration:none; }

.cms4563Changes { text-align:center; }

/*.cmsBarComms { font-size:110%; }
.cmsBarComms .menu4563Item a,.cmsBarComms .menu4563Item  a:visited { width:305px !important; }
.cmsBarComms .menu4563Item span { width:312px !important; }*/

/*--- Schools User Search ---*/
#usersearch { display: none;}
#usersearch input[type="email"] {font-size:30px; width: 400px;}

/*--- Sales filter ---*/

#searchSales {clear:none; float:left; width:96.53%; text-align:left; padding:12px 15px; border: 1px solid #000;}
#searchSales fieldset{border: none; padding-bottom: 15px;}
#searchSales button {font-size:26px; background:#333 !important; color:#fff !important;}
#searchSales input[type="text"]{font-size:22px; width: 99.60%;} 
#searchSales label{ font-size: 18px; }
.salesTitle { font-size: 22px; }

#homeworkResult h1{ margin: 15px 0;}
#homeworkResult table { font-size: 20px;}
#homeworkResult table tr:nth-child(even) { background: #fcfcfc; }
.homeworkResAmount { text-align: center;}



.UI_addControl{
    background: url(../images/icon_add.png) no-repeat left center #444;
    font-weight: bold;
    padding: 12px 13px 9px 55px;
    text-decoration: none;

    box-shadow: 2px 2px 2px 0px rgba(100, 100, 100, 0.75);
    font-size: 24px;
    border-radius: 8px !important;
    color: #fff;
    clear: both;
    display: block;
    font-family: arial;
    margin: 10px auto 10px auto;

    cursor: pointer;

}

.UI_selectControl{

    width: 90%;
    clear: both;
    display: block;
    padding: 12px 13px 12px 13px;
    font-size: 14px;
    margin: 10px auto 10px auto;
}

.UI_saveControl{
    background: #EC008C;
    font-weight: bold;
    padding: 12px 13px 9px 13px;
    text-decoration: none;
    border: none;

    font-size: 24px;
    border-radius: 0 !important;
    color: #fff;
    clear: both;
    display: block;
    font-family: arial;
    text-align: center;
    margin: 10px auto 10px auto;

    cursor: pointer;

}

.UI_checkControl{

    text-decoration: none;
    border: none;
    clear: both;
    display: block;
    margin: 13px;

    cursor: pointer;

    height: 25px;
    width: 25px;

}

.UI_labelControl{

    cursor: pointer;
    /*width: 100%;*/
    line-height: 50px;
    display: block;
    font-size: 24px;
}

#textCenter{ text-align: center}

/*--- video manage popup ---*/
.videoImage{ display: block; cursor: pointer; }
#overlay{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; z-index: 10000;}
#videoContainer{ position: fixed; z-index: 999999; top: 50%; left: 50%; text-align: center; padding: 17px; background: #fff; border-radius: 5px;}
#closeOverlay button, .popupButton button { color: #fff; font-size: 120%; cursor: pointer; padding: 10px 32px; margin-top: 26px; border-radius: 5px; }

#fullWidthPopup{ position: fixed; z-index: 999999; top: 0; text-align: center; padding: 17px; background: #fff; border-radius: 5px; box-sizing: border-box; width: 80%; margin: 10px 10%;}
#fullWidthPopup img { max-width: 100%; }
#popImg { overflow-x: auto; max-height: 500px; clear:both;}

.videoImageHolder {clear:none; float:left; padding:0 0.5%; width:49%;}

@media screen and (max-width: 650px){
	#videoContainer { left: 15px; right: 15px; margin-left: 0 !important; width: auto; }
	#videoContainer iframe, #videoContainer video { width: 100%;} 
}

@media screen and (max-width: 600px){
	.videoImageHolder { width: 99%; }
}

.quickMenuOverlay{ background: #fff !important; cursor: pointer; }
#quickMenu { position: fixed; background: #50cfff; border:2px solid #0da4dd; color: #fff; padding: 20px 25px; width: 600px; border-radius: 5px; left: 50%; /*top: 50%; margin-top: -262.5px;*/ margin-left: -325px; z-index: 99999;}
#quickMenu h2, #quickMenuSkip { text-align: center;}
#quickMenuSkip button{ margin-top: 15px; font-size: 200%; background:#ef3577 !important; cursor: pointer; color: #fff !important;}
#checkListHolder{ max-height: 440px; overflow-x: auto; }
.checkListItems { padding: 5px 10px; /*height: 50px; */background: #089fd7; border:2px solid #066e95 !important; border-radius:5px; cursor: pointer; margin:5px 0; }
/*.checkListItems:last-child { border-bottom: none; }*/
.checklistImg { float: left; }
.checkListText {padding: 2px 0 0 10px; float: left; font-size: 135%; font-weight: bold;}
.checkListText.single { padding-top:4px; }

#checkStatQuick .checkListText { padding-left: 0 !important; }

#checkStatText { float: left; margin-left: 10px; margin-top: 15px; }
.checkListText span { font-size: 65% !important; font-style: italic; display: block; font-weight: normal;}
.checkStatCounter { float: left; border: 2px solid #4a4848; border-radius: 5px; padding: 5px 10px; text-align: center; font-size: 60%; font-weight: normal; }
.checkStatCounter span { font-size: 175% !important; font-weight: bold; font-style: normal; }


.checkListText  .generatePageUserMessage.success {
    background-color: transparent;
    margin-top: 0;
    padding: 0;
}


/*.checkListText a, .checkListText a:hover, .checkListText a:visited, .checkListText a:active, .checkListText a:visited:hover { display: block; color: #fff; font-size: 135%; font-weight: bold; text-decoration: none; }*/

.checkListItemsPink { background: #f26899; border-color:#d0537f !important; }
.checkListItemsPink .checkListText { padding-top: 5px;}
.checkListItemsRed { background: #e61610; border-color: #8b0d0a !important; }
.checkListItemsWhite { background: #fff; border-color: #4a4848 !important;  color: #4a4848; }
.checkListItemsGreen { background: #78bb5b; border-color:#000 !important; }
.checkListItemsGreen .checkListText { margin-top: 8px;}
.checkListItemsGreen .checklistImg { margin-top: 15px;}
.checkListItemsGreen .checkStatCounter { background: #679c4b; float: right; min-width: 120px; font-size: 80%; margin-left: 10px; }
.checkListItemsGreen .checkStatCounter span { display: block; font-size: 220% !important; }

.checkListItemsTour { background: #777; border-color:#4a4848 !important; margin-top:0; }
.checkListItemsTour .checkListText { padding-top: 5px;}

#quickMenuTour { text-align: center; margin-top: 15px; padding-top: 15px; border-top: 2px solid #79daff; }
#quickMenuTour a, #quickMenuTour a:active , #quickMenuTour a:visited , #quickMenuTour a:hover ,#quickMenuTour a:visited:hover { color: #152941;}

@media screen and (max-width: 650px){
	.checkListItemsGreen .checkStatCounter { display: none; }
}

@media screen and (max-width: 700px){
	#quickMenu{ width: auto; left: 5%; right: 5%; margin-left: 0;}
	.checklistImg { display: none;}
}

@media screen and (max-width: 480px){
	.cms4563LargeIcon_drafts{
		display: none;
	}
}

#addSectionCmsBar, #archiveSectionCmsBar { width: 96.36%; }
#addSectionCmsBar .menu4563Item { width: 100%; }
#addSectionCmsBar a, #addSectionCmsBar a:visited { width: 95%; padding: 0px 2.5% 2px; }
#addSectionCmsBar span { width: 80.50% !important;}
#addSectionCmsBar .menu4563Item a:visited, #addSectionCmsBar .menu4563Item a, #addSectionCmsBar .menu4563Item a:active { background: #0082b4; }
.addHelp a, .addHelp a:visited { padding: 5px 2.5% 2px !important; }
.addHelp a:active, .addHelp a:visited { font-weight: normal !important; }
.moreAddCmsBar { display: none; }
.moreAddBtn { clear: both;}
.moreAddBtn a { background: #086386 !important; padding: 5px 2.5% !important; }
#moreArchive a { width: 95%; }
#addHelp a { background: #0082b4; }
#addHelp a:hover { background: #0093ca; }

@media screen and (max-width: 600px){
	#addSectionCmsBar .menu4563Item { width: 96% !important;}
}

/*--- messaging preview (S.A) ---*/
#messaging .sweet-alert h2 { display: none; }
#messagingContainer { max-height: 400px; overflow-y: auto; }
#messagingHolder { border: 1px solid #797979; padding: 10px 15px; font-size: 130%; }
#messagingLinkHolder { background: #797979; color: #fff; text-align: left;  margin-bottom: 1px;}
#messagingLinkHolder span { padding: 10px 15px; border-right: 1px solid #fff; display: inline-block; margin-right: 15px;}
#messagingErrorVery {color:#f44336; font-size: 120%; margin-bottom: 10px;}
#messagingErrorShort {color:#FF9800; font-size: 120%; margin-bottom: 10px;}
#socialText { height: 100px;}
.sendDetailsPop { margin-bottom: 10px; font-size: 110%; text-align: left; }

@media screen and (max-width: 520px){
	#messagingLinkHolder { text-align: center; padding: 10px 15px; }
	#messagingLinkHolder span { padding: 0 0 10px; border-right: 0; border-bottom: 1px solid #fff; display: block; margin: 0 0 10px;}
}

/*--- Manage Link ---*/
.linkHolder { clear:none; float:left; padding:0 0.5%; width:24%; }

@media screen and (max-width: 750px){
	.linkHolder { width:49%; }
}

@media screen and (max-width: 400px){
	.linkHolder { width:99%; }
}

/*--- page request ---*/
#requestPage { text-align: right; padding: 10px 15px;}

.contentSwitch{
    padding: 5px;
    color: #333333;
    background-color: #dddddd;
    border-radius: 5px;
    margin-bottom: 1em;
    display: inline-block;
}
.contentSwitch.active{
    background-color: #00aeef;
    color: #ffffff;
}

/*--- up/down button ---*/

.upDownButtons { float: right;}

.cmsIconUpArrow a:visited,
.cmsIconUpArrow a:active,
.cmsIconUpArrow a:visited:hover,
.cmsIconUpArrow a:hover,
.cmsIconUpArrow a 			{ background:url(../images/uparrow.png) no-repeat center; width:24px; height:28px; overflow:hidden; text-indent:-1000px; }

.cmsIconDownArrow a:visited,
.cmsIconDownArrow a:active,
.cmsIconDownArrow a:visited:hover,
.cmsIconDownArrow a:hover,
.cmsIconDownArrow a 			{ background:url(../images/downarrow.png) no-repeat center; width:24px; height:28px; overflow:hidden; text-indent:-1000px; }

/*--- document/letter ---*/
#batchUpload{ float: right; margin:10px 0 }
#docletterTitle { width:55%; float:left;}

@media screen and (max-width: 380px){
	#batchUpload{ float: left;}
	#docletterTitle { width:100%; }
}

/*--- class prompt ---*/
.classFieldbox { position: relative; border-color: #333; margin-left: 50px; padding-left: 5px; }
.newClassesForm h1 { background: #ccc; padding: 10px 15px; margin-top: 10px; }
.newClassesForm h1:not(:first-child){ margin-top: 35px; }
.newUsers, .listUsers { width: 50%; float: left; }
.listUsers { margin-top: 10px; }
.classNewUser { display: inline-block; }
.classNewUser a { display: inline-block; }
.removeClassUpdate { display: inline-block; }
.removeClassUpdate a { display: inline-block; background: #333; color: #fff !important; padding: 6px 8px; font-weight: bold; font-size: 150%; clear: both; margin-left: 50px; }
.newclassUsers { display: none;}
.userListHolder { padding: 10px 20px; margin: 10px 0;}
.newUsers .fieldContent { width: 87.14% !important;}
.classNew { clear: both; position: absolute; left: 0px; bottom: -25px; }
.classNew a { text-decoration: none; display: inline-block; background: #4fb725; color: #fff; padding: 5px 15px; font-weight: bold; font-size: 220%; clear: both; border-radius: 50%;  }
.newClassesForm .saveButtonDiv { margin-top: 35px;}
/*style for the private contact preview*/
div.contactPreview{
    text-align: left;
}
.contactPreview .contactDetails{
    border-bottom: 2px solid #9E9E9E;
    padding-top: 10px;
    padding-bottom: 10px;
}
div.contactPreview h2{
    margin-bottom: 10px;
    text-align: left;
    margin-top: 12px;
}
div.contactPreview .popupBtn a{
    display: inline-block;
    padding: 5px;
    background-color: #EC008C;
    color: #fff;
    border-radius: 5px;
    margin-top: 10px;
    margin-right: 5px;
}

/*-- Move vid to GCS --*/
#gcscontainer { margin-top: 25px;}
#gcscontainer .fieldBox { padding: 25px 0 !important;}

/*--- tour ---*/

@keyframes mymove {
    0%   {transform: translateY(0px);}
    50%  {transform: translateY(20px);}
    100% {transform: translateY(0px);}
}

@-webkit-keyframes mymove {
    0%   {transform: translateY(0px);}
    50%  {transform: translateY(20px);}
    100% {transform: translateY(0px);}
}

@-moz-keyframes mymove {
    0%   {transform: translateY(0px);}
    50%  {transform: translateY(20px);}
    100% {transform: translateY(0px);}
}

@keyframes arrowside {
    0%   {transform: rotate(-90deg) translateY(0px);}
    50%  {transform: rotate(-90deg) translateY(20px);}
    100% {transform: rotate(-90deg) translateY(0px);}
}

@-webkit-keyframes arrowside {
    0%   {transform: rotate(-90deg) translateY(0px);}
    50%  {transform: rotate(-90deg) translateY(20px);}
    100% {transform: rotate(-90deg) translateY(0px);}
}

@-moz-keyframes arrowside {
    0%   {transform: rotate(-90deg) translateY(0px);}
    50%  {transform: rotate(-90deg) translateY(20px);}
    100% {transform: rotate(-90deg) translateY(0px);}
}

.tourArrow img { position: fixed; z-index: 999; top: 60px; animation: mymove 1s infinite ease-in-out; -webkit-animation: mymove 1s infinite ease-in-out; -moz-animation: mymove 1s infinite ease-in-out;}
.tour { display: none; background: #fff; position: fixed; top: 205px; left: 20px; color: #000; width: 360px; z-index:101; border: 1px solid #000; }
.activeTour { display: block; }
.tourContainer { width: 96%; margin: 0 auto; padding: 10px 2%; position: relative;}
.tourInfo { width: 100%; float: left;}
.tourTitle { font-size: 25px; }
.tourText { font-size: 18px;}
.tourText a:visited,
.tourText a:active,
.tourText a { color:#000; }
.tourText a:visited:hover,
.tourText a:hover { color:#000; }
.tourNext { float: left; margin-top: 20px; }
.tourClose { position: absolute; top: 10px; right: 10px; font-size: 25px; color: #000; }
.tourClose a, .tourClose a:hover, .tourClose a:active, .tourClose a:active:hover { text-decoration: none; color: #000; }
.infoTour { display: none; }

/*--- Quick Menu Button ---*/
#quickMenuBtn { position: fixed; bottom: 3.8em; left: 2em; z-index: 9 }

@media screen and (max-width: 900px){
	#quickMenuBtn{ display: none; }
}

.center { text-align: center; }
.everyTwo { background: #fbfbfb;}

/*--- Update Classes ---*/
#addedbyTitle { font-size: 130%; margin-bottom: 10px;}
.classUpdate { border-bottom: 2px solid #f7f7f7; padding: 10px 20px; color: #444; }
.classUpdate:last-child { border-bottom: none;}
.classUpdateTitle { font-size: 180%; }
.classUpdate ul { padding-left:  20px; }
.classUpdate li { margin-top:  10px; }
.classOdd { background: #fbfbfb;}
.classUpdateMarker { background: #ffff00; padding: 4px; border: 2px solid #ccc; }
.userRemovedMarker { background: red; padding: 4px; border: 2px solid #ccc; }
.classTabs { list-style: none; padding-left: 0 !important;  }
.classTabs li { display: inline-block; display: inline-block; padding: 8px 10px; margin: 10px 5px; border-radius: 5px; background: #ccc; }

/*--- User Report ---*/
#userReportHolder { font-size: 140%; }
#total { text-align: center; }

/*--- Parent Messaging Tab Menu ---*/
#parentMenu { border-bottom: #444 4px solid; margin-bottom: 20px; }
#parentMenu ul { list-style: none; display: inline-block;  }
#parentMenu li { display: inline-block; }
#parentMenu a { display: inline-block; text-decoration: none; padding: 10px 14px; border:2px solid #ddd; border-bottom:0; }
#parentMenu a:visited,
#parentMenu a:active,
#parentMenu a				{ color:#152941; }
#parentMenu a:visited:hover,
#parentMenu a:hover			{ text-decoration:underline; }
#parentMenu #activeTab a { background: #444; color:#fff !important; padding: 10px 20px }

.parentName { border-right: none !important; }

.xdsoft_datepicker.active,.xdsoft_timepicker.active{
    background-color: white;
}

/*--- calendar repeat popup ---*/
.calDeleteType { padding: 10px 5px; text-align: left; margin-bottom: 20px }
.calDeleteType .pinkButton { margin-right: 10px; float: left; }
.calDeleteType .pinkButton a { font-size: 120%; }

/*--- calendar schedule popup ---*/
.calScheduleType { text-align: center; margin-bottom: 10px }
.calScheduleType .pinkButton a { font-size: 120%; display: block; }

.userNotice{
    clear: both;
    padding: 6px;
    background-color: #f370a3;
    color: #fff;
    border-radius: 5px;
    margin-top: 10px;
}

.icon_push,.icon_email,.icon_social,.icon_automation{
    display: inline-block;
    font-family: FontAwesome;
    color: #fff;
    font-size: 24px;
    height: 50px;
    width: 24px;
    line-height: 48px;
    margin-right: 10px;
}

.icon_push:before,.icon_email:before,.icon_social:before,.icon_automation:before{
    display: block;
    font-family: FontAwesome;
    color: #fff;
    line-height: inherit;
}

.icon_social:before{
    content: "\f14d";
}
.icon_email:before{
    content: "\f003";
}
.icon_push:before{
    content: "\f0f3";
}
.icon_automation:before{
    content: "\f02b";
}

/*--- admin report ---*/
.reportHolder { margin-bottom: 50px; }
.reportTitle { border: 1px solid #0585B6; padding: 6px 6px 6px 12px; background: #0585B6; color: #fff; }
.mainTitle { font-weight: bold; font-size: 140%; }
.reportMain { border-left: 1px solid #0585B6; border-right: 1px solid #0585B6; border-bottom: 1px solid #0585B6; padding: 0px 10px; }
.reportViews { font-size:212%; width: 19%;  float: left; text-align: center; padding: 30px 0 0 0; }
.reportTitle span, .reportViews span { display: block; font-weight: normal; font-size: 56% }
.reportMainContent { width: 78%; min-height: 95px; float: left; border-left: 1px solid #0585B6; padding: 15px 1%; }
.reportImage { float: left; max-width: 88px; }
.reportImage img { max-width: 100%; }
.reportText { float: left; margin-left: 10px; }
.reportEmpty { border-left: 1px solid #0585B6; border-right: 1px solid #0585B6; border-bottom: 1px solid #0585B6; padding: 6px 12px; }

/*--------*/
.message-form { background:#fbfbfb; border:1px solid #f6f6f6; margin:12px 0 0 43px; padding:10px; }

/*--- archive manage ---*/
#archiveManage, #archiveManage .cms4563Page { background: #0082b4; }
#archiveHolder { background: #0082b4; border: none !important; }

@media screen and (max-width: 600px){
	.cms4563LargeIcon_support{ display: none; }
	.checkListItemsTour { display:none; }
}

/*--- doc/let tag page setup ---*/

.tagToggle a { margin-left: 26.97%; margin-top: 12px; text-decoration: underline; display: inline-block; }

/*--- blue bar user details ---*/
#blueBarUser { background: #086386; color: #fff; padding: 10px 4.55%; width: 90.90%; }
.blueBarUserDetails { margin-bottom: 5px; font-size: 90%; }

#rightClick { text-align: right; }
#rightClick a  { color: #fff; }

/*--- crop preview ---*/
.cropPreview { text-align: center; }
.cropPreview .pinkButton, .cropPreview .button { display: inline-block; margin-top: 20px; font-family: Arial !important; }
.cropPreview .button a { background: #222 !important; }
.button.notActive a { background: #5a5a5a !important; }
.cr-slider { background-color: #848484 !important; padding: 15px 10px !important; border-radius: 5px }
#cropText { text-align: center; font-size: 120%; }
/*.cr-slider::-webkit-slider-thumb { background: #00AEEF !important;} 
.cr-slider::-moz-slider-thumb { background: #00AEEF !important; }*/

/*--- first login ---*/
.firstloginOverlay { opacity: 0.85 !important; -khtml-opacity: 0.85 !important; -moz-opacity: 0.85 !important; filter: alpha(opacity=85) !important;}
.firstLogin { text-align: center; }
.firstLogin #mainText { margin-bottom: 15px; }
.firstLogin #skipBtn { padding: 15px; }
.firstLogin .pinkButton a { display: inline-block; }

/*--- web stats blue bar ---*/
#monthStatsInfo { line-height: normal; font-size: 60%; position: relative; top: -4px; }
#monthStatsNum { font-size: 160%; font-weight: bold; }

@media screen and (max-width: 820px ){
	#monthStatsInfo { display: none; }
}

/*--- doc share button ---*/
.docShareBtn { background: #679c4a url(../../../../images/icons/publicmessage.png) 5px center no-repeat; padding: 15px 10px 15px 45px; color: #fff; font-weight: bold; margin-bottom: 10px; }
.docShareBtn .pinkButton { display: inline-block; margin-left: 5px;}
.docShareBtn .pinkButton a, .docShareBtn .pinkButton a:hover, .docShareBtn .pinkButton a:active, .docShareBtn .pinkButton a:visited, .docShareBtn .pinkButton a:visited:hover   { display: inline-block; font-size: 120%; border-radius: 5px; border: 1px solid #790148; }

.editButtonsHolder { margin: 10px 0; clear:both; }
.editButtonsHolder::after { content: ''; display: table; clear:both; }
.editButtonsHolder ul { list-style: none; padding: 0 !important; }
.editButtonsHolder li { float:left; }
.editButtonsHolder li a { display: inline-block; padding: 8px; border-top: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; }
.editButtonsHolder ul li:first-child a { border-radius: 5px 0px 0px 5px; border: 1px solid #000; }
.editButtonsHolder ul li:last-child a { border-radius: 0px 5px 5px 0px; }
.editButtonsHolder ul ul{ list-style: none; padding: 0 !important; display:none; }
.editButtonsDropdown li { display:block; float: none; width: 125px; text-align: center; }
.editButtonsDropdown li:first-child a { border: 1px solid #000;  }
.editButtonsDropdown li a {  text-decoration:none; display: block; padding: 8px; border-top: 0; border-left: 1px solid #000 !important; border-right: 1px solid #000 !important; border-bottom: 1px solid #000 !important; border-radius: 0 !important; }

.pinkBtn a, .pinkBtn a:hover, .pinkBtn a:active { background: #f26899; display: inline-block; padding: 8px; border-radius: 5px; color: #fff; text-decoration: none; }
.pinkBtn svg { vertical-align: middle; fill: #fff; }
.pinkBtn span { vertical-align: middle; font-size: 130%; }
.editReorder a, .editReorder a:hover, .editReorder a:active { margin-left: 5px; display: inline-block; padding: 8px; border-radius: 5px; text-decoration: none; border: 1px solid #000; }
.editReorder svg, .editReorder span { vertical-align: middle; font-size: 130%; }
.settingsBtn { display: inline-block; padding: 8px; border-radius: 5px; text-decoration: none; border: 1px solid #000; }

/*--- private mesaging ---*/
#contactLists label { padding: 3px 0; }
.groupSplit { width: 48%; padding-right: 2%; float: left; }
#messageType { text-align: center; }
.messageTypeButton { display: inline-block; margin-right: 10px; border: 2px solid #ccc; }
.messageTypeButton a { padding: 10px 15px; display: inline-block; }
.messageInput { margin-top: 15px; display:none; }
.privateContactList { display: none; }

.emailHolder .title { margin-top: 10px; }

#paymentStatus { color: #fff; padding: 10px 15px; text-align: center; font-size: 160%; margin-bottom: 20px; }

/*--- embed video ---*/
.embedVidCode { font-size: 15px; text-align: center; font-style: italic; margin-bottom: 10px; width: 500px; }
.embedVidCode textarea { font-size: 120%; resize: none; width: 100%; height: 100px; }

@media screen and (max-width: 650px ){
  .embedVidCode { width: 100%; }
}

#overallInvoice { margin-top: 20px; }
#overallInvoice table { width: 100%; }

@media print {
  .button, #parentMenu { display: none; }
}

.checkboxAlignHolder { margin-left: 27%; }
.alignCheckbox { vertical-align: middle; position: relative; bottom: 3px; margin-top: 5px;}

@media screen and (max-width: 700px ){
 .checkboxAlignHolder { margin-left: 0; }
}

/*--- Parent Meeting ---*/
.slotDateTable { padding: 10px; box-sizing: border-box; background: #000; color: #fff; }
.timeSlotHolder { float:left; border: 1px solid #ccc; width: 25%; box-sizing: border-box; }
/*#slotHolder, #notBookedSlot { border-left: 1px solid #ccc; }*/
.slotTimeFrame {padding: 5px 10px; min-height: 50px; box-sizing: border-box;}
#notBookedSlot { float: right; }

/*survey Template*/
.surveyTempList { padding: 10px 15px; border-bottom: 2px solid #ccc; font-size: 120%; }
.surveyTempList::after { content: ''; clear: both; display: table; }
.surveyTempList:last-child { border-bottom: none;}

.surveyPreBtn { display: inline-block; }
.surveyPreBtn a:visited,
.surveyPreBtn a:active,
.surveyPreBtn a { padding: 5px 10px; background: #7b7b7b; color: #fff; display: inline-block; }
.surveyPreBtn a:visited:hover,
.surveyPreBtn a:hover { background:#969696; }

.surveyUseBtn { display: inline-block; }
.surveyUseBtn a:visited,
.surveyUseBtn a:active,
.surveyUseBtn a {  padding: 5px 10px; background: #F26899; color: #fff; display: inline-block; }
.surveyUseBtn a:visited:hover,
.surveyUseBtn a:hover { background:#D33B71; }

.surveyBigBtn { text-align: center; padding: 10px 15px; }
.surveyBigBtn a:visited,
.surveyBigBtn a:active,
.surveyBigBtn a { padding: 10px 15px; background: #F26899; color: #fff; font-size: 160%; border-radius: 5px; }
.surveyBigBtn a:visited:hover,
.surveyBigBtn a:hover { background:#D33B71; }

#orText { text-align: center; font-size: 200%; padding: 25px; font-weight: bold; }
#orText span { font-size: 80%; font-weight: normal; padding-top: 25px; display: inline-block; }

.pinkBtnBg { background: #ec008c !important; }

.slideshowManage { clear:none; float:left; padding:0 0.5%; width:49%; }
.slideshowManage img { width:100%; }
@media screen and (max-width: 900px){
  .slideshowManage {padding:0 1%; width:98%; }
}

.dupVideo { text-align: center; width: 100%; }
.dupVideo video { width: 100%; max-width: 400px; }

.disclaimer {text-align: center; background: #e7d962; padding: 10px; margin-bottom: 10px; clear: both; }

#filterContainer {display:none; clear: both; width:100%; font-size:20px; padding:20px 30px; background: #f3f3f3; box-sizing:border-box; border-radius: 5px 0 5px 5px; margin-bottom: 10px;}
#filterContainer fieldset {border:none; margin-bottom: 15px;}
#filterContainer label {width: 12%; display:inline-block; float: left;}
#filterContainer select { width: 88%; font-size: 20px; box-sizing: border-box;}

.blackFormButton { font-size:26px; background:#333 !important; color:#fff !important; cursor: pointer; }

.reportTitleHolder { width: 50%; float: left;}
.filterDropdown fieldset { padding-bottom: 0 !important; }
.filterDropdown button { position: relative !important; top: -10px !important; }

@media screen and (max-width: 700px){
  .reportTitleHolder { width: 100% !important;}
  .filterDropdown { width: 100% !important; text-align: left !important; }
}

.removeItem, .removeItem:visited, .removeItem:active, .removeItem:visited:hover, .removeItem:hover { background: red; border-radius: 50%; width: 20px; height: 18px; display: inline-block; text-align: center; padding-top: 2px; color: #fff; text-decoration: none; margin-left: 5px; }
.addItem, .addItem:visited, .addItem:active, .addItem:visited:hover, .addItem:hover { background: #4caf50; border-radius: 50%; width: 20px; height: 18px; display: inline-block; text-align: center; padding-top: 2px; color: #fff; text-decoration: none; margin-left: 5px; }

.notBookedSelect select { width: 100%; border: 1px solid #6e6e6e; border-radius: 5px; font-size: 110%; margin: 10px 0; }

#cogDrop { position: relative; width: 200px; float: right; text-align: right; margin: 0 10px 10px 0; }
#cogBtn  { width:  30px; display: inline-block; cursor: pointer; padding-bottom: 5px; position: relative; }
#cogBtn img  { max-width:  100%; }
#coglist  { display: none; position: absolute; width: 200px; }
#coglist a { display: block; background: #3e3e3e; color: #fff; padding : 5px; }
#cogDrop:hover #coglist { display: block; }

#addWidgetBar { position: fixed; box-sizing: border-box; max-width: 550px; width: 95%; padding: 10px 15px; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; color: #fff; z-index: 999999; border-radius: 5px; }
#addWidgetBar p { display: inline-block; font-size: 120%; color: #000; padding: 35px 0 10px; }
.addWidgetBtn { padding: 5px 0px; }
.addWidgetBtn a { display: block; padding: 10px 15px !important;  text-decoration: none !important; margin: 0; }
#closeAddWidget { display: inline-block; cursor: pointer; border: #ff0000 2px solid; border-radius: 50%; color:#fff; background: #ff0000; height: 23px; width: 23px; font-size: 20px; position: absolute; top: 10px; right: 10px; }
.addQuickWidget { height: 50px; width: 50px; border-radius: 50%; background: #f26899; color: #fff; text-align: center; margin: 10px auto; clear:both; }
.addQuickWidget a { color: #fff; text-decoration: none; }
.addQuickWidget span { font-size: 300%; display: inline-block; position: relative; top: 50%; transform: translateY(-50%); }

#seasonHolder a { color: #fff; text-decoration: none; }
#seasonXmasPopup { background: url(../../../../images/season-xmas-popup.png) no-repeat; padding: 47px 20px 47px 130px; font-size: 150%; }
#seasonHalloweenPopup { background: url(../../../../images/season-halloween-popup.png) no-repeat; padding: 47px 20px 47px 130px; font-size: 150%; }
#seasonValentinePopup { background: url(../../../../images/season-valentines-popup.png) no-repeat; padding: 47px 20px 47px 130px; font-size: 150%; }
#seasonStpatricksPopup { background: url(../../../../images/season-stpatricks-popup.png) no-repeat; padding: 47px 20px 47px 130px; font-size: 150%; }
#seasonEasterPopup { background: url(../../../../images/season-easter-popup.png) no-repeat; padding: 47px 20px 47px 130px; font-size: 150%; }

#userSchool a:visited, #userSchool a:active,  #userSchool a:hover,  #userSchool a { color: #000; }

/*--- pill button ---*/
.pillBtn { cursor: pointer; color: #fff; display: inline-block; }
.pillBtn span { background: #1eaee5; float: left; padding: 10px 15px; font-size: 150%; }
.pillBtn span.active { background: #0484b5; }

#schoolsSWDLink a { padding: 14px 10px; }

#formInfo { border: 2px solid #000; padding: 10px 15px 0 15px; margin: 20px 0; }
#formInfo ul { list-style: none; padding: 0; font-size: 120%; }
#formInfo li { margin-bottom: 10px; }

.switch {
  position: relative;
  display: inline-block !important;
  width: 60px;
  height: 34px;
  margin: 0 !important;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.requiredSwitchHolder { margin: 10px 20px; }
.requiredSwitchText { display: inline-block; position: relative; top: -10px; }

.blurImgHolder { overflow: auto; }
.blurImgHolder #my-image { position: relative; display: inline-block; }
.blurImgHolder img { max-width: unset; }

#new-cms4563Bar { background: #00aeef; color: #fff; width: 100%; font-size: 20px; position: fixed; z-index: 99999; top: 0; left: 0; border-bottom: 2px solid #0983b1; }
#new-cms4563BarContainer { max-width: 980px; margin: 0 auto; }
#new-cms4563BarContainer ul { list-style:none; }
#leftBarItem { float: left; text-align:center; width: 100px; background: #299cc7; }
#rightBarItem { float: right; font-size: 17px; }
#new-cms4563Bar li { display: inline-block; text-align:center; width: 100px; position: relative;  }
#new-cms4563Bar li svg { margin-bottom: 10px; }
#new-cms4563Bar li a { padding: 10px 15px; color: #fff; display: block; text-decoration: none; }
#leftBarItem a:hover  { background: #2d809f; }
#rightBarItem li a { padding: 11.5px 15px; }
#rightBarItem li a:hover { background: #2b9ec9; }
#alertCount { background: red; color: #fff; position: absolute; width: 16px; height: 16px; border-radius: 50%; top: 5px; right: 25px; font-size: 14px; padding: 3px; }

#cmsBarAddPopup { display:none; max-height: 90%; overflow-y: auto; padding: 20px 30px; box-sizing: border-box; background: #fff; max-width: 980px; width: 100%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999999; border-radius: 5px; }
#cmsBarAddPopup .menu4563Item { width: 19%; max-width: 326.66px; box-sizing: border-box; text-align: center; clear: none; margin: 10px 1% 10px 0; border: 1px solid #ccc; border-radius: 5px; }
#cmsBarAddPopup .menu4563Item:hover { background-color: #f5f5f5; }
#cmsBarAddPopup .menu4563Item a { min-height: 125px; box-sizing: border-box; color: #979797; text-decoration: none; padding: 65px 5px 10px; display: block; position: relative; }
#cmsBarAddPopup legend { display: block;  clear: both; color: #656565; font-size: 150%; font-weight: bold; }
#cmsBarAddPopup button { position: absolute; top: 10px; right: 10px; border-radius: 50%; font-size: 110%; cursor: pointer; }
#cmsBarAddPopup .pinkButton a, 
#cmsBarAddPopup .pinkButton a:visited,
#cmsBarAddPopup .pinkButton a:active { padding: 10px !important; border-radius: 5px; display: inline-block; font-size: 110%; font-weight: normal; }

#cmsBarAddPopup .cms4563LargeIcon_news { background: url(../../../../images/icons/news-grey.png) no-repeat center 10px; }
#cmsBarAddPopup .cms4563LargeIcon_calendar { background: url(../../../../images/icons/calendar-grey.png) no-repeat center 10px; }
#cmsBarAddPopup .cms4563LargeIcon_notices { background: url(../../../../images/icons/notice-grey.png) no-repeat center 10px; }
#cmsBarAddPopup .cms4563LargeIcon_document { background: url(../../../../images/icons/document-grey.png) no-repeat center 10px; }
#cmsBarAddPopup .cms4563LargeIcon_homework { background: url(../../../../images/icons/homework-grey.png) no-repeat center 10px; }
#cmsBarAddPopup .cms4563LargeIcon_message { background: url(../../../../images/icons/publicmessage-grey.png) no-repeat center 10px; }
#cmsBarAddPopup .cms4563LargeIcon_gallery { background: url(../../../../images/icons/image-grey.png) no-repeat center 10px; }
#cmsBarAddPopup .cms4563LargeIcon_privatemessage { background: url(../../../../images/icons/privatemessage-grey.png) no-repeat center 10px; }
#cmsBarAddPopup .cms4563LargeIcon_newsletter { background: url(../../../../images/icons/newsletter-grey.png) no-repeat center 10px; }
#cmsBarAddPopup .cms4563LargeIcon_survey { background: url(../../../../images/icons/survey-grey.png) no-repeat center 10px; }
#cmsBarAddPopup .cms4563LargeIcon_profile { background: url(../../../../images/icons/profile-grey.png) no-repeat center 10px; }
#cmsBarAddPopup .cms4563LargeIcon_shopOrder { background: url(../../../../images/icons/shopping-grey.png) no-repeat center 10px; }
#cmsBarAddPopup .cms4563LargeIcon_addpage { background: url(../../../../images/icons/browser-grey.png) no-repeat center 10px; }
#cmsBarAddPopup .cms4563LargeIcon_seasoneffects { background: url(../../../../images/icons/seasoneffects-grey.png) no-repeat center 10px; }
#cmsBarAddPopup .cms4563LargeIcon_settings { background: url(../../../../images/icons/cog-grey.png) no-repeat center 10px; }
#cmsBarAddPopup .cms4563LargeIcon_school { background: url(../../../../images/icons/school.png) no-repeat center 10px; }

#new-cms4563Spacer          { clear:both; height:83px; }

@media screen and (max-width: 980px){
  #cmsBarAddPopup { width: 95%; }
}

@media screen and (max-width: 950px){
  #cmsBarAddPopup .menu4563Item { width: 24%; }
}

@media screen and (max-width: 760px){
  #cmsBarAddPopup .menu4563Item { width: 32.33%; }
}

@media screen and (max-width: 610px){
  #cmsBarAddPopup .menu4563Item { width: 49%; }
}

@media screen and (max-width: 540px){
  #new-cms4563Bar { font-size: 17px; }
  #rightBarItem { font-size: 15px; }
  #new-cms4563Bar li { width: 90px; }
  #new-cms4563Bar li a { padding: 10px; }
  #rightBarItem li a { padding: 11.5px 10px; }
  #new-cms4563Spacer { height: 80px; }
}

@media screen and (max-width: 480px){
  #new-cms4563Bar { font-size: 15px; }
  #rightBarItem { font-size: 14px; }
  #new-cms4563Bar li { width: 74px; }
  #new-cms4563Bar li a { padding: 10px 7px; }
  #rightBarItem li a { padding: 10.5px 7px; }
  #new-cms4563Spacer { height: 77px; }
}

@media screen and (max-width: 420px){
  #cmsBarAddPopup .menu4563Item a { min-height: 141px; }
}

@media screen and (max-width: 400px){
  #new-cms4563Bar { font-size: 15px; }
  #rightBarItem { font-size: 14px; }
  #new-cms4563Bar li { width: 68px; }
  #new-cms4563Bar li a { padding: 10px 5px; }
}

@media screen and (max-width: 370px){
  #new-cms4563Bar li { width: 62px; }
  #new-cms4563Bar li a { padding: 10px 2px; }
}

@media screen and (max-width: 350px){
  #cmsBarAddPopup .menu4563Item { width: 99%; }
}

.cms4563ArticleList a:visited, .cms4563ArticleList a:active, .cms4563ArticleList a { padding: 0; }
.approveListItems { line-height: 25px;}

#privateExportMessage { clear:both; border: 2px solid #ccc; font-size: 150%; padding: 20px 30px; border-radius: 5px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#privateExportMessageTitle { margin-bottom: 30px; font-size:130%; }
.privateExportMessageContent { margin-bottom: 20px; font-size:80%; }
.privateExportMessageRed { color:red; }
#privateExportMessageRedirect { font-size:70%; }

.clubOverviewName { margin-top:5px; width:100%; padding:8px 12px; font-size:21px; font-weight:bold; box-sizing: border-box; }

.alertText { color: red !important; font-style: unset !important; font-size: 70% !important; display: inline-block; padding-top: 5px; }
.miniAddSection { text-align: center; width: 100%; margin-bottom: 15px; }
.miniAddSection::after { content: ''; display: table; clear: both; }
.miniAddHolder { display: inline-block; border: 5px solid #C54371; border-radius: 5px; }
@media only screen and (max-width: 700px) {
  .miniAddHolder .cms4563ShortItem { width: 50%; }
}

#sentMessageHolder { clear: both; }

.messagingPreview { margin-top: 0 !important; transform: translateY(-50%) !important; box-sizing:border-box; }
.messagingPreview h2 { display: none !important; }
.messagingPreview button { margin-top: 5px!important; }
@media screen and (max-height: 500px), (max-width: 540px) {
  .messagingPreview { max-height: 500px; height: 100%; overflow-y: auto !important; }
}

.searchBarToggle fieldset { display: block; border: 0; display: inline-block; }
.searchBarToggle select { font-size: 30px; width: 200px; display: inline-block; }
.searchBarToggle button { font-size: 28px; }

.greenPill { background: #d4edda; border-radius: 5px; color: #155724; font-size: 70%; padding: 5px 10px; display: inline-block; border-color: #c3e6cb; }

.pinkHelpAdd { border-color: #f26899 !important; }
.pinkHelpAdd a { color: #f26899 !important; padding: 17px 5px 10px 5px !important; }

#socialDisclaimer { background: #ececec; padding: 10px 15px; border-radius: 5px; }
#socialDisclaimer p { font-size: 110%; line-height: 25px; color: #4b4b4b; }
#disclaimerTitle { font-size: 125%; margin-bottom: 10px;  color: #4b4b4b; }
#socialDisclaimer a { text-decoration: underline; text-decoration-color: #000; }