/* Body Styling */

/*html			{ background:#fff url(../images/cms_bg.jpg) repeat-y center 0px; color: #007FC6; padding:0; margin:0; }*/
* { margin:0; padding:0; }




h2				{ font-size:16px; padding:8px 0 10px 0; font-weight:bold; }
p				{ padding:0 0 8px 0; margin:0; font-size:12px; }


body,td,th 		{font-family:Arial, Helvetica, sans-serif;}
.clearBoth		{ clear:both; line-height:0; font-size:0; }
strong			{ font-weight:bold; }

#colSplitter	{ background:url(../images/cmsspliter.jpg) no-repeat 0px 30px; clear:none; float:left; height:665px; width:13px; }

.fieldsetTitleHolder { clear:both; padding:15px 0 0 0; }
.fieldsetTitle { background:#0484B5; color:#fff; display:inline-block; font-size:18px; font-weight:bold; padding:6px 12px 4px 12px; }
fieldset { border:0; border-top:3px solid #0484B5;  margin:0; padding:10px 8px; }
fieldset .email-tags{
    margin: 1em;
    clear:both;
}

.column{
    width: 33%;
    float: left;

}
.column.half{
    width: 50%;
    float: left;

}
.column.small{
    width: 26%;
}
@media screen and (max-width: 700px){
    .column{
        width: 100%;
        float: left;

    }
}
legend { font-weight:bold; color:#666; font-size:20px; margin:0 0 0 20px; padding:0 4px; }

.row { clear:both; padding:5px 0; }


.radioImage { clear:none; float:left; width:157px; padding:0 2px 15px 2px; }
.radioImageDiv { border:4px solid #CCC; clear:both; width:147px; }

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

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

a.cms4563tooltip span{display: none}

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



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

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

a.cms4563tooltipRight span{display: none}

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

/*------- global ------------*/
.w220			{width:220px;}
.w200			{width:200px;}

a,a:active,a:visited	{color:#000000;text-decoration:none;}
a:hover,a:visited:hover	{color:#000000;text-decoration:underline;}

.ftleft			{float:left;}
.ftright		{float:right;}

.pt11			{padding-top:11px;}
.pt13			{padding-top:13px;}
.pt15			{padding-top:15px;}
.pt25			{padding-top:25px;}

.pb11			{padding-bottom: 11px;}

.ml4			{margin-left: 4px;}

.mt15			{margin-top: 15px;}

.mb15			{margin-bottom: 15px;}

.hidden			{ display:none;}

table				{ width:100%; }
table .calendar 	{ width:250px; }

.formtop			{ background-color:#333333; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; color:#FFFFFF;background-image:url(../images/formtop.jpg);}
.formtable			{ padding-bottom: 15px; background-color:#FFFFFF; width:100%; }

.fieldTitle			{ color:#0484B5; text-align:right; font-size:17px; font-weight:bold; padding-right: 15px; padding-top: 6px; width:25%; }
.fieldContent		{ width:500px; }
.fieldContent.Multiselect	{ width:670px; }
.fieldHelp			{ width:53px; }


.fieldContent label input[type="checkbox"]		{ vertical-align: bottom; }
.fieldContent label { line-height: 20px;   display: block; }
.image_preview { padding-left:27%; }

.fieldTitleFull			{ clear:both; color:#0484B5; text-align:left; font-size:17px; font-weight:bold; padding-right: 15px; padding-top: 6px; }
.fieldTitleFull span	{ color:#888; font-weight: normal; font-size:13px; font-style: italic;  }
.fieldHelpFull		{ clear:both; }

.fieldErrorTd		{ text-align:left; font-size:16px; font-weight:normal; padding: 0 15px 4px 15px; padding-top: 4px;}
.fieldError			{ background:transparent url(../images/validateerror.jpg) no-repeat 7px 11px; border:2px solid #FF0000; color:#FF0000; padding:21px 15px 14px 50px; }

.formfield			{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-width:2px; border-style:solid; border-color:#bbb;background-color: #F7F7F7; font-size:16px; color:#444; padding:7px 1.72%; /*padding:7px 5px*/}
.formfield_error	{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-width: 2px; border-color:#FF0000; border-style:solid;background-color: #ffcccc; font-size:16px; color:#444; padding:7px 5px;}

.formInfo				{ color:#555; font-size:12px; padding:12px 0 3px 0; }
.formInfo_error			{ color:#ff0000; font-size:14px; padding:0; }

.calendarTable { width:260px; }

.displayfield			{ border:1px solid #CCCCCC; background:#EDEDED; padding:4px; margin:0 10px 0 0; width:420px;  }

.cartdisplayItem		{ border:1px solid #CCCCCC; background:#EDEDED; margin: 0 10px 0 0; font-size:11px; }
.cartdisplayTitle		{ clear:none; float:left; width:190px; padding:4px; }
.cartdisplayQuantity	{ clear:none; float:right; width:40px; padding:4px; text-align:center; }
.cartdisplayPrice		{ clear:none; float:right; width:60px; padding:4px; text-align:right }

.displayList			{ border:1px solid #CCCCCC; background:#EDEDED; padding:4px; margin:0 10px 0 0; width:420px;  }

.hover						{ background-color: #F2F2F2;}
.formoption					{ margin-left: 12px;}
.fieldwidth					{ width: 420px;}
.fieldlistwidth				{ width: 429px;}
.listwidth					{ width: 358px;}

.paginationdiv				{ clear:both; height: 30px; padding: 5px 0px 2px 0px;}

.fieldBottom				{ border-bottom:2px solid #F7F7F7; height:0; }

.largeButton { background:#EC008C; color:#fff !important; font-weight:bold; font-size:20px; padding:9px 21px; margin:0 10px; }

/*-------------------------*/

#savingPopup				{ background:#eee url(../images/saving.gif) no-repeat center 200px; height:100%; left:0; position:absolute; text-align:center; top:0; width:100%; }

.bannerlanguage				{ float:right;height:21px; clear:none;padding-left:5px; background-image:url(../images/langbox_middle.gif);background-repeat:repeat-x; display:none;}
.bannerlanguage	img			{ margin:5px 5px 5px 0px;}

.bannermenu					{ clear:both;padding-top:16px;text-align:right;padding-right: 5px;color:#FFFFFF;font-size:14px;}

.bannermenu a:visited,
.bannermenu a:active,
.bannermenu a				{ text-decoration:none; color:#FFFFFF;}
.bannermenu a:hover,
.bannermenu a:visited:hover { color:#FFFFFF; text-decoration:underline}
			



.banner						{ width: 100%; }
.bottom						{ width: 100%;}
.bottomdiv					{ background:#fff; margin-left: auto; margin-right: auto; width: 660px;}


#bannerBottom				{ clear:both; }
#bannerMenu					{ clear:both; margin:0 auto; width:960px; }

#bannerMenu ul				{ font-size:16px; }
#bannerMenu li				{ list-style:none; display:inline; }
#bannerMenu a:visited,
#bannerMenu a:active,
#bannerMenu a				{ color:#FFF; clear:none; float:left; display:block; padding:10px 14px; text-decoration:none; }
#bannerMenu a:visited:hover,
#bannerMenu a:hover			{ text-decoration:none; }

/*-------------------------*/

.errorhead 					{ clear:both;font-size: 18px; background-color:#FFFFFF;font-weight: bold;color: #FF0000; border-width: 2px; border-color:#C8C8C8; border-style:solid;margin-bottom: 15px; margin-left: 15px; margin-top: 10px;}
.errorhead legend			{ color:#C4112D; padding: 5px;}
.errortxt 					{ text-align:left;font-size: 14px; font-weight:normal;color: #C4112D;padding: 4px 0px 0px 15px;}

.hide						{ display:none;}

.field 						{ border-width: 1px; border-color:#333333; border-style:solid;}
.field_error 				{ border-width: 1px; border-color:#FF0000; border-style:solid;}

.maincol					{ clear:both; padding:15px 10px 10px 10px; max-width:960px; margin:0 auto; }

.fullmaincol					{ clear:both; padding:15px 10px 10px 10px; max-width:100%; margin:0 auto; }

.breadcrumb					{ font-size: 13px; color:#666666; display: none;}
.breadcrumb a				{ color:#666666;text-decoration:underline;}
.breadcrumb a:hover			{ color:#666666;text-decoration:none;}

.formtitle					{ font-size: 26px; color:#0484B5; font-weight:bold;padding:10px 0px 10px 0px;}

.formtitle .otherTitleText    { float:right; font-size:70%; display:inline-block; }
.formtitle .otherTitleText a:visited,
.formtitle .otherTitleText a:active,
.formtitle .otherTitleText a { color:#333; text-decoration:none; }
.formtitle .otherTitleText a:visited:hover,
.formtitle .otherTitleText a:hover { color:#333; text-decoration:underline; }

.listdelete					{ display:block; padding:2px 0 0 0; }

/*------ sorting --------------*/
#addTask {
	width: 490px;
	margin: 10px;
	background: #efefef;
	border: 1px solid #a7a7a7;
	text-align: center;
	padding: 5px;
}

#todo li		{border-color:#ebebeb;border-width:0px 1px 1px 1px;border-style:solid; font-size:13px;}
#todo li div		{border-color:#ebebeb;border-width:0px 1px 0px 0px;border-style:solid; padding-top:7px; }


#todo li .drag-handle {
	cursor: pointer;
	width: 20px;
	height: 21px;
	background: url('../images/icons/move.gif') no-repeat center;
	float: left;
	margin-right: 5px;
}

#todo li .nodrag-handle {
	cursor: pointer;
	width: 20px;
	height: 21px;
	float: left;
	margin-right: 5px;
}

#todo li .otherdiv {
	
	height: 22px;
	float: left;
	clear:none;
	margin-right: 5px;
}

.listitem		{clear:both; height: 28px; }

.listitem p		{padding-top:2px;}
.listtitlediv		{background-color:#333333;clear:both;border-color:#ebebeb; font-size:13px;height:24px; color:#FFFFFF;}
.listcoltitle		{float:left;clear:none;border-color:#ebebeb;border-width:0px 1px 0px 0px;border-style:solid;margin-right:5px;font-size:13px;height:20px;padding-top:4px;color:#FFFFFF;}
.listcoltitleend	{float:left;clear:none;border-color:#ebebeb;border-width:0px 0px 0px 0px;border-style:solid;margin-right:5px;font-size:13px;height:20px;padding-top:4px;color:#FFFFFF;}


#todo 			{list-style: none;}
#listArea 		{}

/*------ navigation -------*/
.navcol						{ float:left; width:187px; clear:none; padding-bottom: 20px; }
.nav						{ background:#FFF; display:block; float:right; padding:10px 0 60px 0; width:100%; }

.navsplit					{ border-bottom: 1px solid #ccc; width:140px; margin:0 0 20px 0; }

.navimage					{float:left; width:26px;clear:none;display:block;}
.navtext					{float:left; width:135px;clear:none;display:block; padding:0 0 0 1px; }

.navitem					{ border-bottom:1px dotted #EEE; float:left; width:176px; clear:both; display:block; font-size:12px; padding:9px 0 4px 10px; color: #333333;}
.navitem a					{ font-size:14px; color: #333333; text-decoration:none; display:block; }
.navitem a:hover			{ color: #333333; text-decoration:none; }

.navitem img				{ padding:0 2px 0 0; }

.navitem ul					{ clear:both; padding:0 0 4px 0; }

.navitem li:last-child		{ background:url(../images/subnavend.gif) no-repeat 0px 0px; }

.navitemsub					{ background:url(../images/subnav.gif) no-repeat 0px 0px; float:left; clear:both; display:block; color: #333333; padding:6px 0 0 32px; width:143px; }
.navitemsub a				{ font-size:12px;color: #333333;text-decoration:none;}
.navitemsub a:hover			{ color: #333333; text-decoration:none; }

#navTop						{ background:transparent url(../images/nav_top.png) no-repeat 0px 0px; clear:both; color:#FFF; height:24px; padding:5px 0 0 10px; width:177px; }
#navBottom					{ background:transparent url(../images/nav_bottom.png) no-repeat 0px 0px; clear:both; color:#FFF; height:24px; padding:5px 0 0 10px; width:177px; }

#pageTop					{ background:transparent url(../images/page_top.png) no-repeat 0px 0px; clear:both; color:#FFF; height:24px; padding:5px 0 0 10px; width:650px; }
#pageBottom					{ background:transparent url(../images/page_bottom.png) no-repeat 0px 0px; clear:both; color:#FFF; height:24px; padding:5px 0 0 10px; width:650px; }

/*-----login [school] ----------------*/
#loginPageSchool { background:#00b0eb; clear:both; }
#loginPageSchool #formLogin { clear:both; padding-top: 20px; padding-bottom: 180px; }
#loginPageSchool .loginBanner { background: url(../images/login-screen-logo.jpg) no-repeat center 0; height:180px; }

#loginPageSchool .loginfieldtitle	{float: left; color: #fff; width: 100%; clear: none; padding:16px 0 0 0; text-align:left; font-size:25px; font-weight:normal;}
#loginPageSchool .loginfielddiv		{float: left; width: 100%; clear:none;}
#loginPageSchool .logincontainer		{margin-left:auto; margin-right:auto; max-width:350px; border:#00ADEF solid 5px; border-radius:12px; }
#loginPageSchool .loginheader		{width:394px; height:47px; background-image:url(../images/loginbannerback.jpg); background-repeat:repeat-x; background-position:0px 0px;}
#loginPageSchool .loginerrormessage	{width:100%; height:20px; text-align:center; clear:both; font-size:12px; color:#FF0000;}
#loginPageSchool .passwordreminder	{width:364px; height:20px; text-align:right; clear:both; font-size:12px; color:#CCCCCC;}
#loginPageSchool .passwordreminder a{ font-size:12px; color:#CCCCCC;}
#loginPageSchool .passwordreminder a:hover,.passwordreminder a:visited:hover
			{font-size:12px; color:#CCCCCC;}
			
#loginPageSchool .loginfielddiv input { background:#B2E7FA; border-color: #00AEEF; font-size: 16px; }

.loginButtons { margin-top: 10px;}
.loginButtons button {border: none; color: #fff; font-size: 25px !important; padding: 5px 10px !important; width: 141px; border-radius: 0 !important;}
.loginButtons .buttonPink button, .loginButtons .buttonPink button:hover {background: #f76798;}
.loginButtons .buttonBlack button, .loginButtons .buttonBlack button:hover {background: #7f7f7f;}

/*-----login [business] ----------------*/
#loginPageBusiness { background:#fff url(../images/business_bg.png) repeat 0 0; clear:both; }
#loginPageBusiness #formLogin { clear:both; padding-top: 20px; padding-bottom: 180px; }
#loginPageBusiness .loginBanner { background: url(../images/business_logo.png) no-repeat center 0; height:260px; }

#loginPageBusiness .loginfieldtitle	{float: left; color: #fff; width: 144px; clear: none; padding:16px 0 0 0; text-align:right; font-size:22px; font-weight:normal;}
#loginPageBusiness .loginfielddiv		{float: left; width: 230px; padding-left: 10px; clear:none;}
#loginPageBusiness .logincontainer		{margin-left:auto; margin-right:auto; width:394px; background: #3B3B3D; border:#3B3B3D solid 5px; border-radius:12px; }
#loginPageBusiness .loginheader		{width:394px; height:47px; background-image:url(../images/loginbannerback.jpg); background-repeat:repeat-x; background-position:0px 0px;}
#loginPageBusiness .loginerrormessage	{width:364px; height:20px; text-align:center; clear:both; font-size:12px; color:#FF0000;}
#loginPageBusiness .passwordreminder	{width:364px; height:20px; text-align:right; clear:both; font-size:12px; color:#CCCCCC;}
#loginPageBusiness .passwordreminder a{ font-size:12px; color:#CCCCCC;}
#loginPageBusiness .passwordreminder a:hover,.passwordreminder a:visited:hover
			{font-size:12px; color:#CCCCCC;}
			
#loginPageSchool .loginfielddiv input { background:#e5e5e5; width: 95.18%; font-size: 16px; }

#loginPageBusiness .formfield { border-color:#F1B12B; background:#fff; }
#loginPageBusiness .buttonPink {  }
#loginPageBusiness .buttonPink button { 
	background: #F25CB0;
	background: -webkit-linear-gradient(top, #F5C86B, #F0B02A);
	background: -moz-linear-gradient(top, #F5C86B, #F0B02A);
	background: -o-linear-gradient(top, #F5C86B, #F0B02A);
	border-radius:12px;
	color:#fff; 
	font-size: 18px;
	font-weight: bold;
	padding:8px 10px; 
}
#loginPageBusiness .buttonPink button:hover { 
	background: #EC098D;
	background: -webkit-linear-gradient(top, #F0B02A, #D7960F);
	background: -moz-linear-gradient(top, #F0B02A, #D7960F);
	background: -o-linear-gradient(top, #F0B02A, #D7960F);
}

			
/*---- buttons -----*/
.buttonBlack {  }
.buttonBlack button { 
	background: #838383;
	background: -webkit-linear-gradient(top, #C9C9C9, #838383);
	background: -moz-linear-gradient(top, #C9C9C9, #838383);
	background: -o-linear-gradient(top, #C9C9C9, #838383);
	border-radius:12px;
	color:#fff; 
	font-size: 18px;
	font-weight: bold;
	padding:8px 10px; 
	border-width:0;
}
.buttonBlack button:hover { 
	background: #4E4E4E;
	background: -webkit-linear-gradient(top, #B2B2B2, #4D4D4D);
	background: -moz-linear-gradient(top, #B2B2B2, #4D4D4D);
	background: -o-linear-gradient(top, #B2B2B2, #4D4D4D);
}

.buttonBlack a:visited,
.buttonBlack a:active,
.buttonBlack a { 
	background: #222;
    color: #fff;
    padding: 6px 8px 6px 8px;
    font-weight: bold;
    font-size: 24px;
    text-decoration: none;
    margin: 2px 0;
}
.buttonBlack a:visited:hover,
.buttonBlack a:hover { 
	background: #444;
}


/*=== RED ===*/
.buttonRed {  }
.buttonRed button { 
	background: #838383;
	background: -webkit-linear-gradient(top, #C9C9C9, #838383);
	background: -moz-linear-gradient(top, #C9C9C9, #838383);
	background: -o-linear-gradient(top, #C9C9C9, #838383);
	border-radius:12px;
	color:#fff; 
	font-size: 18px;
	font-weight: bold;
	padding:8px 10px; 
	border-width:0;
}
.buttonRed button:hover { 
	background: #E90105;
	background: -webkit-linear-gradient(top, #B2B2B2, #4D4D4D);
	background: -moz-linear-gradient(top, #B2B2B2, #4D4D4D);
	background: -o-linear-gradient(top, #B2B2B2, #4D4D4D);
}

.buttonRed a:visited,
.buttonRed a:active,
.buttonRed a { 
	background: #E90105;
    color: #fff;
    padding: 6px 8px 6px 8px;
    font-weight: bold;
    font-size: 24px;
    text-decoration: none;
    margin: 2px 0;
}
.buttonRed a:visited:hover,
.buttonRed a:hover { 
	background: #F04649;
}

/*=== */

.buttonPink {  }
.buttonPink button { 
	background: #EC008C;
    color: #fff;
    padding: 6px 8px 6px 8px;
    font-weight: bold;
    font-size: 24px;
    text-decoration: none;
    margin: 2px 0;
}
.buttonPink button:hover { 
	background: #EC098D;
	background: -webkit-linear-gradient(top, #F172AC, #EC008C);
	background: -moz-linear-gradient(top, #F172AC, #EC008C);
	background: -o-linear-gradient(top, #F172AC, #EC008C);
}

.buttonPink a:visited,
.buttonPink a:active,
.buttonPink a { 
	background: #EC008C;
    color: #fff;
    padding: 6px 8px 6px 8px;
    font-weight: bold;
    font-size: 24px;
    text-decoration: none;
    margin: 2px 0;
}
.buttonPink a:visited:hover,
.buttonPink a:hover { 
	background: #EC098D;
	background: -webkit-linear-gradient(top, #F172AC, #EC008C);
	background: -moz-linear-gradient(top, #F172AC, #EC008C);
	background: -o-linear-gradient(top, #F172AC, #EC008C);
}

.buttonPink.large a { font-size:30px; padding: 8px 14px 8px 14px; }
			
/*-----tool tip--------------*/

.custom{
	background-color:#222;
	padding:2px 4px 2px 4px;
	border-width: 1px;
	border-color:#222;
	border-style:solid;
	font-size:12px;
	color:#FFFFFF;
}

.custom .tip-text	{display:none;}

/*----- pop up-------*/
#cmspopup		{ z-index:982; position: absolute; width:450px; height:250px; left: 200px; top:100px; background:#FFFFFF; padding:5px; visibility:hidden;  }
#popupback		{ z-index:980; position:absolute; left:0; top:0; background:#000000; width:100%; height:100%; visibility:hidden; }
#cmspopupcontent	{ clear:both; padding:10px; }
/*-----buttons --------------*/

	
.langselect		{border-color:#ff0000; border-width:1px; border-style:solid;}
.langnoselect		{border-color:#ffffff; border-width:1px; border-style:solid;}

button {cursor:pointer;border:1px solid #EBEBEB;color: #333333;background:url(../images/btn_background.png) bottom repeat-x #FFFFFF;width: auto;overflow: visible;}



.paginationdiv button 		{cursor:pointer;border:1px solid #EBEBEB;color: #ffffff;width: auto;overflow: visible;}
.paginationdiv .notactive 	{background:#999;}
.paginationdiv .active 		{background:#333; }

.paginationdiv button:hover 	{border:1px solid #CCCCCC;color:#ffffff;background:url(../images/paginationback_hover.png) bottom repeat-x #FFFFFF;}

.pagemenu button		{cursor:pointer;border:1px solid #EBEBEB;color: #ffffff;width: auto;overflow: visible;background:url(../images/paginationback_active.png) bottom repeat-x #FFFFFF;}
.pagemenu button:hover 		{border:1px solid #CCCCCC;color:#ffffff;background:url(../images/paginationback_active.png) bottom repeat-x #FFFFFF;}


.paglink					{ width:auto;padding:6px 6px 5px 6px;color:#FFF; font-size:13px; }

.paginationdiv a:visited,
.paginationdiv a:active,
.paginationdiv a				{ color:#FFF; text-decoration:none; }
.paginationdiv a:visited:hover,
.paginationdiv a:hover		{ color:#FFF; text-decoration:underline; }
		

.addbtn, .mailbtn, .statbtn, .searchbtn {
	height:31px;
	width:auto;
	padding-bottom:6px;
	}
	
.smlbtn, .toolbtn {
	font-size:10px;
	height:20px;
	}
	
.addbtn img {
	padding-right:3px;
	padding-left: 3px;
	position:relative;
	top:3px;
	}

.mailbtn img {
	padding-left:5px;
	position:relative;
	top:3px;
	}
	
.statbtn img {
	padding-left:5px;
	position:relative;
	top:3px;
	}
	
.searchbtn img {
	padding-left:5px;
	position:relative;
	top:3px;
	}
	
/*---- cms fields -------*/
#displayFieldTable		{ border:1px solid #CCC; margin:0 10px 0 0; }
#displayFieldTableTitle	{ background:#EDEDED; border-bottom:1px solid #CCC; clear:both; font-size:10px; }
.displayFieldTableRecord{ background:#EDEDED; clear:both; border-top:1px solid #CCC; font-size:10px; }
	
/*------------------------*/
.multipleCol			{ float:left; clear:none; width:150px; }	
.multipleColButton		{ float:left; clear:none; width:80px; padding:50px 20px 0 20px; }
.multipleButton			{ clear:both; padding: 6px 0; text-align:center; }
.multipleList			{ width:150px; height:200px; }
.multipleList option	{ padding: 4px; }
	
/**/
.searchbuttondiv		{float:right;clear:none;width:90px;}
.searchfielddiv			{float:right;clear:none;margin-top:1px;width:150px;padding-right:5px;}
.pagemenu			{float:right;clear:none;}

/*-------------*/
#popupPreview					{ z-index:982; position: absolute; left: 200px; top:100px; visibility:hidden;  }
#popupBackPreview				{ z-index:980; position:absolute; left:0; top:0; background:#000000; width:100%; height:100%; visibility:hidden; }
#popupContentPreview			{ background:#fff; clear:both; padding:8px; }
#popupClosePreview				{ position:absolute; right:-16px; top:-10px; }
#popupClosePreview a:visited,
#popupClosePreview a:active,
#popupClosePreview a			{ background:transparent url(../images/popup_close.png) no-repeat 0px 0px; display:block; height:60px; overflow:hidden; text-indent:-1000px; width:60px; }
#popupClosePreview a:visited:hover,
#popupClosePreview a:hover		{  }


#accordion {
	margin:20px 0px;
}

h3.toggler {
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	font-family: 'Andale Mono', sans-serif;
	font-size: 12px;
	background: #D2E0E6;
	color: #528CE0;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
}

div.element p, div.element h4 {
	margin:0px;
	padding:4px;
}

blockquote {
	padding:5px 20px;
}

.checkallButtons				{ clear:both; padding:0 0 5px 0; }
.checkallButtons input			{ background:#0484B5; border:1px solid #0484B5; color:#fff; padding:2px 4px; }

.bottomCms						{  }


.noImage { border:3px solid #888; background:#eee; width:400px; text-align:center; font-size:34px; color:#666; font-weight:bold; padding:120px 0; margin:0 auto; }

/*---- linkField ----*/

.linkField						{ padding:6px 0 0 0; }
.linkField a:visited,
.linkField a:active,
.linkField a					{  background:#EC008C; color:#fff; font-size:20px; display:inline; padding:4px 6px; text-decoration:none; }
.linkField a:visited:hover,
.linkField a:hover				{ background:#EC008C; color:#fff; text-decoration:none; }

.changeWidget { clear:both; padding:10px 0 10px 0; }
.changeWidget a:visited,
.changeWidget a:active,
.changeWidget a { background:#EC008C url(../images/changewidgeticon.jpg) no-repeat 10px 8px; color:#fff; text-decoration:none; font-size:32px; font-weight:bold; padding:9px 10px 9px 60px; }
.changeWidget a:visited,
.changeWidget a:visited:hover {  }
/*---- tooltip ----*/

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

.extraInfo:hover{z-index:1001; background-color:#ff0}

.extraInfo span{display: none}

.extraInfo:hover span{ /*the span will display just on :hover state      .extraInfo:hover span{ */   
    display:block;
    position:absolute;
    top:17px; left:20px;
 	padding:4px;
	width:200px;
    border:2px solid #FFE06A;
    background-color:#FFFFCC; color:#000;
    text-align: center;
	box-shadow: 5px 5px 5px #eee;
	border-radius: 5px;
}


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

a.tooltip:hover{z-index:25; background-color:#ff0}

a.tooltip span{display: none}

a.tooltip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em;
    border:3px solid #333;
    background-color:#cff; color:#000;
    text-align: center}
    

.buttonOff { opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */}



/*------*/

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

#cms4563Spacer					{ clear:both; height:37px; }
* 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; }

.saveButtonDiv					{ border-top:2px solid #999; margin-top:20px; padding:20px 0; clear:both; }

.saveButton						{ background:#EC008C; clear:both; color:#fff; border:0;  display:block; font-size: 32px; padding:8px 27px; margin:0 auto;  }
.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; }

.btnSticky 						{ background: #999; position: fixed; bottom: 0; left: 0; width: 100%; padding: 20px 0 0 !important; }

.multiBtn { text-align: center; }
.multiBtn .saveButton { display: inline-block !important; }

.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; }
.maxButton			{ background:url(../images/maxButton.jpg) no-repeat 0px 0px; clear:none; float:right; height:27px; overflow:hidden; text-indent:-1000px; width:28px; }


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

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

.cms4563Article					{ border:2px solid #333; background:#333; 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 6px 8px; text-decoration:none; }
.cms4563Article a:visited:hover,
.cms4563Article a:hover 		{ color:#fff; text-decoration:underline; }

.cms4563ArticleLeft				{ clear:none; float:left; }
.cms4563ArticleLeft a			{ border-right:1px solid #666; }
.cms4563ArticleRight			{ clear:none; float:right; }
.cms4563ArticleRight a			{ border-left:1px solid #666; }

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

.cms4563ArticleContent			{ border:2px solid #333; clear:both; width:100%; }

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

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

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

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

/*----- selected item ----*/

.selectedItem { clear:both; padding:6px 10px; }
.selectedItemDark { background:#E6F3F9; }
.selectedItemLight { background:#F1F9FB; }
.selectedItemImage { clear:none; float:left; width:100px; }
.selectedItemImage img { border:4px solid #82C2DD; }
.selectedItemTitle { clear:none; float:left; padding:20px 0 0 0; width:315px; }

.selectedItemButtonAdd { clear:none; float:right; padding:20px 0 0 0; width:34px; }
.selectedItemButtonAdd a:visited,
.selectedItemButtonAdd a:active,
.selectedItemButtonAdd a,
.selectedItemButtonAdd a:visited:hover,
.selectedItemButtonAdd a:hover { background:url(../images/selecteditems_add.png); display:block; width:34px; overflow:hidden; text-indent:-1000px; height:34px; }

.selectedItemButtonRemove { clear:none; float:right; padding:20px 0 0 0; width:34px; }
.selectedItemButtonRemove a:visited,
.selectedItemButtonRemove a:active,
.selectedItemButtonRemove a,
.selectedItemButtonRemove a:visited:hover,
.selectedItemButtonRemove a:hover { background:url(../images/selecteditems_remove.png); display:block; width:34px; overflow:hidden; text-indent:-1000px; height:34px; }

.toggleStartButton {  }
.toggleStartButton.middle { text-align:center; }
.toggleStartButton.right { float:right; }
.toggleStartButton a { color:#fff; padding:6px 12px 6px 12px; font-weight:bold; font-size:24px; }
.toggleDiv {  background:#FFF4FB; border:3px solid #EC008C; padding:10px; /*border:3px dashed #82C2DA;*/ }



.toggleSwdStartButton { padding:0 0 0 25%; }
.toggleSwdStartButton a { background:#555 ; color:#fff; padding:6px 8px 6px 8px; font-weight:bold; font-size:24px; } /* url(../images/extraoptionicon.jpg) no-repeat 6px 4px */
.toggleSwdDiv {  background:#FFF4FB; border:3px solid #555; margin:2px 0 0 0; padding:10px; /*border:3px dashed #82C2DA;*/ }

.helpButton { position:fixed; right:10px; }
.helpButton.middle { text-align:center; }
.helpButton.right { float:right; }
.helpButton a { color:#fff; padding:6px 12px 6px 12px; font-weight:bold; font-size:24px; }

.helpButton { }
.helpButton a { background:#555 ; color:#fff; padding:6px 8px 6px 8px; font-weight:bold; font-size:24px; } /* url(../images/extraoptionicon.jpg) no-repeat 6px 4px */



img { border:0; }

.clipArtItem { clear:none; float:left; width:150px; height:150px; margin:14px; text-align:center; border:1px solid #999; }

/*---- 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;
}
.pinkButton a:visited:hover,
.pinkButton a:hover {
	background: #F729A3;
}

/*--- uploader ----*/
.plupload_header_content { display:none; }
.plupload_buttons { font-size:18px;} 

.ui-button { background:#EC008C !important; color:#fff !important; border:0; border-radius:0; }
.ui-button.ui-button-disabled { background:#EC008C !important; opacity: 0.4; }

.ui-widget-header { border-top: 1px solid #999; background: #eee; }

.plupload_content { top:32px; }

/*--- dates table ---*/
table.dateList					{ border-left: 1px solid #8DCDF5; border-collapse: collapse; margin:0 0 12px 0;}

.dateList td{
  color: #202545;
  border-right: 1px solid #8DCDF5;
  border-bottom: 1px solid #8DCDF5;
  border-top: 1px solid #8DCDF5;
  padding: 6px 12px 6px 12px;
}

.dateList th{
  background-color:#8DCDF5;
  color:#202545;
  border-right: 1px solid #8DCDF5;
  border-bottom: 1px solid #8DCDF5;
  border-top: 1px solid #8DCDF5;
  padding: 6px 6px 6px 12px;
	text-align:left;
}

.faded { opacity: 0.4; filter: alpha(opacity=40); }


/*-----New css updates-----*/

/* field.php updates */

.fieldBox { border-bottom: 2px solid #f7f7f7; padding-bottom: 8px; padding-top:5px; }
.fieldBox.error { background:#f9e7e7; padding:10px; }
.fieldBox.error .formInfo_error { padding-top:5px; }
.fieldContent { width: 43.57%; }
.fieldwidth, .displayfield { width: 100%;}
.fieldwidth:disabled  { color: #bababa; background-color: #eee;}
.fieldTitle, .fieldContent { float: left;}
.formInfo, .formInfo_error {  /* padding-left: 26.97%; 260px*/ }
.formInfo.full, .formInfo_error.full { padding-left:0; /* 260px*/ }
.fieldHelp { float: right;}

/* list.php updates */

.fieldlistwidth { width: 100%; }

/* image.php */

.toggleStartButton a:visited,
.toggleStartButton a:active,
.toggleStartButton a,
.toggleStartButton a:visited:hover,
.toggleStartButton a:hover { background-color: #666; color:#fff; border-radius: 8px 8px 0 0;}
.toggleStartButton.pink a { background-color:#EC56AF; }
.toggleDiv { border-color: #666; background: #E8F9FF; clear:both; }
.toggleDiv.pink { border-color: #EC56AF; }
.toggleStartButton { clear:both; padding-top: 10px; padding-bottom: 5px;}
.largeButton { margin: 0;}

.sortable { list-style:none; }

.sortable li {
    margin: 0 3px 3px 3px;
    padding: 3px;
    padding-left: 24px;
    font-size: 22px;
    height: 34px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

}
.sortable li.thumb { height: 96px; }

.sortable li span {
    position: absolute;
    margin-left: -20px;
    margin-top: 8px;
}

.sortable li strong {
	    display: block;
    padding: 3px 0 0 0;	
}

.sortable li.active {
	background:#ccc;	
}

input[type=checkbox] {
    zoom:1.75;
}
input[type=radio] {
    zoom:1.5;
}

.cms4563ImageControl {
    position: relative;
	text-align:center;
}


.extrasMenu { clear:both; text-align:center; }

.extrasMenu a:visited,
.extrasMenu a:active,
.extrasMenu a { display:inline-block; text-align:center; color:#fff; font-size:16px; font-weight:bold; padding:15px; background:#F26899; border-radius:13px; line-height:33px; }


@media screen and (max-width: 700px){
	.bottomdiv { width: 95%; }
	.fieldTitle { text-align: left;}
	.fieldContent,.fieldContent.Multiselect  { width: 80%; }
	.formInfo, .formInfo_error { padding-left: 0; }
	.toggleStartButton { padding-left: 0;}
	.fieldTitle  { width: 100%; }
	
	.image_preview { padding-left:0; }
}

@media screen and (max-width: 400px){
	.fieldContent,.fieldContent.Multiselect { width: 95% !important; }
}


/*--- surevey answers ---*/
.surveyAnsBox { display: none;}
.surveyAnsVal { background: #F3F3F3; padding: 5px 10px;}
.showAnswersButton { margin: 10px 0;}
.showAnswersButton a { background: #ccc; color: #000; padding: 8px 12px; border-radius: 5px; display: inline-block;}

/*--- survey other ---*/
.otherVal { margin-top: 25px}


/*--- automation form ---*/
.tagSelect{ display: none; }

.tinyMceToggle { text-align:right; font-size:14px; cursor:pointer; }

/*--- move/reorder ---*/
.moveNotLive { display: inline; font-size: 80%; }

/*--- video rename ---*/

.videoEditImage{ width: 180px; float: left; margin-right: 2.55%; }
.videoEditImage img { max-width: 100%; }
.videoEditContent{ width: 57.14%; float: left; }
.videoEditContent .fieldContent { width: 100%;}
.videoEditContent fieldset { border: none;}
.imageconvertholder{ border: 2px solid #bbb; padding: 60px 15px; text-align: center; }
#videoRenameContainer{ margin-top: 25px; }
.videoRenameHolder { margin-top: 25px; padding-bottom:  25px; border-bottom: 2px solid #f7f7f7;}
.videoRenameHolder .fieldBox { border-bottom: none !important; }
.dupVideo { text-align: center; width: 100%; }
.dupVideo video { width: 100%; max-width: 400px; }

@media screen and (max-width: 485px){
	.videoEditContent { margin-top: 20px; width: 90%; }
}

/*--- Blue bar checkbox ---*/
.blueBarButton { background: #1464f6; padding: 20px 25px; color: #fff; margin-top: 12px; }
.blueBarButton input[type="checkbox"] { display: inline-block;}
.blueBarButton span { display: inline-block; font-size: 160%; }
.blueBarHolder { padding: 20px 2%; border-right: 2px solid #0844a4; border-left: 2px solid #0844a4; border-bottom: 2px solid #0844a4; display: none; }

/*--- 12 month calendar ---*/

#yearcalendar, #repeatCalendar{ display: none;}
.yearCal { float: left; width: 30%; margin: 15px 1.66% 0 1.66%; }
.yearCalHolder {border: 1px solid #00acea; min-height: 240px; border-radius: 5px; margin-bottom: 15px;}
.yearCalHolder td a { padding: 4px; display: block; }
.yearCalHolder td a:hover { text-decoration: none; background: #ddd; border-radius: 5px; }
.yearCalHolder td, .yearCalHolder th { text-align: center !important; }
.calNav th{ font-size: 130%; text-decoration:underline; padding-bottom:2px; }
.markDate{  background: #04c !important; color: #fff !important; border-radius: 5px; text-decoration: none;}
.markDate:hover{ color: #fff; text-decoration: none; }
.yearCal:nth-child(n+5) { display: none;} 
#showMoreDates { text-align: right; clear: both; margin-right: 1.66%; }
#showMoreDates span { cursor: pointer; background: #ccc; padding: 15px 20px; display: inline-block; font-weight: bold; }
.days{ border: 1px solid #ccc; border-radius: 5px;}
#yearCalInfo { text-align: center; font-size: 140%; margin-top: 20px; color: #000; width: 43.57%; margin: 10px auto; display: none; }
#yearCalInfo select { background: #fff; }
#reminderType { width: 70%; padding: 15px 20px; font-size: 150%; border-radius: 10px; margin-right: 2%; }
#reminderTime { width: 20%; padding: 15px 20px; font-size: 150%; border-radius: 10px; }
#messageInputHolder { margin-bottom: 20px;}
#messageInputTitle { color: #0484B5; font-size: 120%; font-weight: bold; }
#messageInputPreview { font-size: 140%; font-weight: bold;}
#additionalMessage { display: none; }
.reminderTitleHolder  { background: #0484b5; padding: 0; }
#reminderCheckboxes { margin-bottom: 20px;}
#reminderCheckboxes fieldset { border: 1px solid #0484B5;}
#calOpition { text-align: center; padding: 10px; }
#calOpitionTitle { display: inline-block;}
#calOpition #icon { width: 30px; position: relative; display: inline-block; height:17px; cursor: pointer; top: 3px; }
#calOpition #icon span { width: 100%; height: 3px; background: #000; position: absolute;  display: block; }
#icon span:nth-child(2) { top: 7px; }
#icon span:last-child { top: 14px; }
.eventRemindHolder#remAllDates { border-bottom:  1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px; }
.eventRemindHolder#remAllDates label { width: 100%; font-size: 120%; }
.eventRemindHolder#remAllDates  input[type="checkbox"] { position: relative; top: 2px; }

@media screen and (max-width: 700px){
	.yearCal { width: 45%; margin: 15px 2.5%;}
}

@media screen and (max-width: 500px){
	.yearCal { width: 95%;}
}

.ui-state-highlight{ border: 1px solid #c5c5c5 !important; background: #f6f6f6 !important; color: #454545 !important; }
.ui-state-active{ border: 1px solid #003eff !important; background: #007fff !important; color: #fff !important;}

/*--- Select Video ---*/

.selectVidContainer { max-width: 675px; padding: 15px 10px 10px; margin: 0 auto;}
.selectVidHolder { margin-top: 25px; padding: 10px 15px;}

.selectVidContent { width: 50%; float: left; }
.selectVidTitle{ font-size: 120%; margin-bottom: 10px; }
.selectVideButton { float: right; margin: 60px 20px 0 0;}
.selectVideButton a { background: #000; padding: 5px 10px; color: #fff; font-size: 160%;}

#selectedVideo { border:1px solid #ccc; }
#selectedVideo .selectVidTitle { font-size: 160%;}
/*--- Doc/Letter rename ---*/

#docletRenameContainer .formInfo_error { padding-left: 0 !important;}
#docletRenameContainer .docletTitle { font-size: 180%; }
#docletRenameContainer fieldset { padding: 1px; border: none; }
#docletRenameContainer input[type="checkbox"] { float: left;}
#docletRenameContainer label { float: left; padding: 3px 6px;}
#docletRenameContainer .videoEditContent { width: 100%; }
#docletRenameContainer .videoEditContent .fieldContent { float: none; }
#docletRenameContainer .videoEditContent .docletTitle { width: 96%; }
#docletRenameContainer .vidOrigTitle { padding: 10px 5px; margin: 15px 0; background: #ececec; clear: both; }
.docLetNewsTagsHolder { clear:both; margin-bottom: 10px; }
.docLetNewsTagsTitle { background: #ececec; padding: 10px 15px; }
.docLetNewsTags { border: 2px solid #ececec; padding: 10px 15px; }
#docLetNewsTags { display: none;}
.redRemove { background: red; position: absolute; padding: 5px; height: 25px; width: 25px; font-size: 25px; text-align: center; font-weight: bold; top: 13px; left: -60px; border-radius: 50%; }
.redRemove a { text-decoration: none; color: #fff;}

/*--- ---*/
.selectAudioButton { float: right; margin: 35px 20px 0 0 }
.selectAudioButton a { background: #000; padding: 5px 10px; color: #fff; font-size: 160%;}

/*--- new classes ---*/
#newClassesForm .formInfo_error { padding-left: 0 !important;}
.newclassTitle { font-size: 180%; }
.newclassUsers {clear: both;}
.newclassUsers fieldset { border: none; padding: 1px;}
.newclassUsers input[type="checkbox"] { float: left;}
.newclassUsers label { float: left; padding: 3px 6px;}


.clearListItem{
    clear:both; padding:10px 0 8px 0;
    border-top: 1px solid #ddd;
    display: table;
    width: 100%;
}
.clearListItem.clearListHeader{
    background-color: #eeeeee;
}
.clearListItem div{
    display: table-cell;
    clear:both; padding:0px 8px 0 8px ;
}

.clearListItem div:nth-last-child(-n+2){
    width: 10%;
    text-align: center;
    border-left: 1px solid #ddd;
}

/*--- Tags archive ---*/

.archiveBtn { background: #666; margin-left: 4px;  display: inline-block; }
.archiveBtn a { color: #fff; padding: 2px 4px 3px 4px; display: inline-block; font-size: 94%; }
.archiveHide { display: none; }
.archiveShow { display: block; }
.archiveLabel { font-style: italic; font-weight: bold; }

/*--- Date button ---*/

#dateBtn { font-size: 18px !important; }

/*--- Resource Booker Output ---*/

.resourceOutputHolder { margin-bottom: 50px; }
.resourceOutputTitle { font-size: 150%; font-weight: bold; text-align: center; margin-bottom: 10px;  }
.resourceOutputDate { font-size: 120%; text-align: center;  margin-bottom: 10px;  }

/*--- Notice ---*/

.noticeCheck { float: left; margin: 0 10px; }
.noticeTitle { float: left; }
#noticeWhere .fieldBox { margin-top: 12px; }
#noticeWhere select { margin-left: 15px; padding: 5px 10px; border-radius: 5px; }
.noticeDate { width: 50%; float: left;}
.noticeDateTitle { font-size: 155%; margin: 20px auto; width: 60%; font-weight: bold; }
.noticeCalHolder { width: 60%; margin: 0 auto;}
.noticeCalHolder select[name="noticeFromTime"], .noticeCalHolder select[name="noticeToTime"], .dateTimeHolder select { width: 99%; font-size: 150%; padding: 5px 10px; border-radius: 5px; margin-top: 15px; }
#noticeForm .formInfo_error { padding-left: 0 !important; }
#dateMessHolder { text-align: center; }
#dateMessenger { display: inline-block; }
#dateMessenger select { margin-left: 0; border-radius: 0; padding: 0; }
#dateMessHolder #reminderTime { margin: 10px auto; display: block; width: 30%; }

@media screen and (max-width: 800px){
	.noticeDate,.noticeDateTitle,.noticeCalHolder { width: 100%; }
	.noticeCalHolder select[name="noticeFromTime"], .noticeCalHolder select[name="noticeToTime"], .dateTimeHolder select { width: 49%; }
}

#overallStats { width: 100%; display: none; }

/*--- user edit ---*/
#userPageAccess { padding-left: 20px;}
#userPageAccess li { padding-top: 6px; }

.repeaterItem{
    margin-bottom: 8px;
}

a.repeaterAdd{
    padding: 5px;
    right: -48px;
    position: absolute;
    background-color: #0484B5;
    color: #fff;
    border-radius: 4px;
}

.repeaterRow{
    position: relative;
}

.extraTextMove { display: inline-block; position: static !important; margin-left: 0 !important;}
.extraTextMove p { display: inline-block; font-size: 14px;}

/*-- shop shipping --*/

.shippingOptionHolder { margin-top: 10px; }
.shippingOptionTitle { width: 30%; float: left; padding: 9px 0; }
.shippingOptionPrice { width: 50%; float: left; }

/*--- cal remind multi ---*/
.eventRemindHolder { margin-top: 10px; }
.eventRemindHolder label{ display: inline-block; width: 30%; font-size: 150%; margin-right: 2%; }

/*--- parent meet ---*/
.slotHolder { width: 300px; float: left; text-align: center; border-right: 1px solid #ccc;}
.slotHolder:first-child { border-left: 1px solid #ccc;}
.slotHolder:last-child { border-right: none;}

/*--- parent payment ---*/
.contactPrice { display: none; font-size: 100%; }
#parentPamentBtnHolder { text-align: center; margin-bottom: 20px;}
.parentPaymentsBtn label { cursor: pointer; }
.parentPaymentsBtn { display: inline-block; padding: 20px 30px; border-radius: 5px; color: #fff; background: #006bef; margin-right: 20px; }
#paymentBtn button { display: inline-block; padding: 4px 8px; font-size: 140%; background: #333; color: #fff; }

.formBtn button, .formBtn a, .formBtn a:hover, .formBtn a:active, .formBtn a:visited { background: #333; padding: 5px 10px; margin-top: 10px; font-size: 130%; color: #fff; }

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

/*--- pill button ---*/
.pillBtn { cursor: pointer; color: #fff; display: inline-block; }
.pillBtn span { background: #ef4fae; float: left; padding: 10px 15px; }
.pillBtn span.active { background: #ec008c; }

.labelBorder { background: #fff !important; border: 2px solid #383838 !important; }

#passwordRestForm .fieldBox { padding: 20px 0; }
#passwordRestForm p { font-size: 120%; padding: 10px 0; }
#passwordRestForm #newpassword {text-align: center; display: inline-block; background: #28892c; color: #fff; padding: 10px 15px; font-weight: bold; font-size: 160%;}
#passwordRestForm .formInfo_error { margin-bottom: 5px; }
#newpasswordholder { border-bottom: 0; padding: 20px 0 0 !important;}
#viewpassword { cursor: pointer; position: relative; top: -7px; left: 25px; float: left; }

/* pluploader responsive css*/
.plupload_wrapper { min-width: 100% !important;}
.plupload_file_name { white-space: unset !important;}
#uploaderTwo_buttons .plupload_button { margin-bottom: 5px !important; } 
.plupload_view_list .plupload_file { height: auto !important; }

.newsUploader .plupload_content { top: 30px !important; bottom: 58px !important; }

.calendarCenter { display: inline-block; float: none; }

#googleDriveMessage { display: none; }

.radioToggle input { display: none; }
.radioToggle label { cursor: pointer; display: block; background: #0899d3; color: #fff; padding: 10px 8px; }
.radioToggle fieldset { border: none;  display: inline-block; padding: 0; }
.radioToggle input[type="radio"]:checked+label{ background: #0484B5; } 

.messagingLang { padding: 3px 0; }
#messagingLangHolder { margin-top: 20px; width: 100%; }
#messagingLangHolder .groupSplit { padding-right: 1%; }
@media screen and (max-width: 815px) {
	#messagingLangHolder .groupSplit { width: 49% !important; }
}
@media screen and (max-width: 415px) {
	#messagingLangHolder .groupSplit { width: 99% !important; }
}