*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin:0;
	padding:0px;
}

body{
	-webkit-font-smoothing: antialiased;
	/* font-family: 'Raleway', sans-serif !important; */
    /* font-weight: 100; */
	color:#032b5a;
    line-height: 1em;
	font-size: 16px;
	margin:0;
	padding:0 0 40px 0;
	background: #ffffff;
}

#pagearea{
	display:block;
	margin:40px auto;
	width: 100%;
	position:relative;
	padding-top:5px;
}

#pagearea.container{
	width: 65%;
}

.myfloatfix {
	overflow: hidden;
	text-align:left;
	zoom: 1;
	margin-left:0;
}

html>body .myfloatfix{
	_height: 1%;
}

.space20{
	display:block;
	height:20px;	
}

.space40{
	display:block;
	height:40px;	
}

.flrt{
	float: right;
}

.checkbox label > *{
	vertical-align: text-bottom;
}

.colorbox-cont {
    z-index: 1000;
    background-color: #fff;
    padding: 0px;
}

.selectorbx{
	vertical-align:text-top;
}

.catlabel{
	vertical-align:text-top;
	padding-left:2%;
	font-size:16px;
	color:#032b5a;
	font-weight: bold;
	width: 74%;
	height: 50px;
	line-height:50px;
	cursor: pointer;
	display:inline-block;
	border: 1px solid #DBDBDB;
}

.box-item{
	font-size:14px;
	text-align:center;
}

.viewblock{
	
	margin: 0 auto;
}

.topmarg100{
	margin-top: 100px;
	height: 200px;
}

.lghead{
	text-align:center;
	font-size: 2rem;
	line-height: 2.5rem;
	border: 1px solid #DBDBDB;
	border-radius: 4px;
	height: 16rem;
	padding: 5rem 2rem;
	
}

.fghelper{
	margin-bottom: 26px;
}

.advbox{ 
	margin:0 auto;
	padding: 0 20px;
	position:relative;
}

#pagelistbox{
	padding: 8px 17px 0 17px;
	margin-top: 30px;
	width: 200px;  
	border:#b4b7ba 12px solid !important;
	margin-left:20px;
	float:left;
	text-align:left;	
	background: #e9eaeb;
	z-index:252;
}


#pagelistbox .level1{
	margin-left:20px;
}

#pagelistbox .level1, #pagelistbox .level2, #pagelistbox .level3{
	padding:4px 0;
}

#pagelistbox .level1 li{ padding:1px 0; }

#pagelistbox .level2 li, #pagelistbox .level3 li{
	padding:1px 0 1px 22px;	
}

#pagelistbox .level2, #pagelistbox .level3{
	background: url(/images/cms/rule_gif.gif) repeat-y;
	background-position: 0 0;
	margin:0;
}

#pagelistbox .level2 li, #pagelistbox .level3 li{
	background: url(/images/cms/root_rule.gif) no-repeat;
	background-position: 0 50%;	
}

#pagelistbox a{
	display:block;
	color:#5a5a5a;
	font-weight:bold;
}

#pagelistbox a:hover{
	background:#d5d5d5;
	color:#000000;
}

.editlistTitle{
	font-weight:bold;
	font-size:12px;
}

.formbtn{
	position: relative;
    margin-bottom: 0px;
    margin-left: 4px;
	display: inline-block;
}

.btnbar{
	margin-bottom: 4px;
    display: block;
    text-align: right;
}

#bootstrap-overrides .forceheight{
	height: 38.2px;
}

.usrformbtns{
	margin-top: -8px;
}

#userselectform{
	display: block;
}

/* ########## Edit List ########  */

.editlist ul, .editlist ul li, .tutorial_list ul, .tutorial_list li{
	margin:0;
	padding:0;	
}

.editlist{ 
	margin-top:10px;
}

.editlist ul, #pagelistbox ul{
	list-style-type:none;
}

.editlist ul li, .editlist ul li.title{
    font-size: 16px;
    height: auto;
	min-height:26px;
	padding-top:5px;
	padding-bottom:8px;
	padding-left:20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}

.editlist ul li{
	/* background: url("/images/cms/box.png") repeat-x scroll 0 0 transparent; */
	background-color: #f7f8f8;
    border-right: 1px solid #DBDBDB;
	border-left: 1px solid #DBDBDB;
	border-bottom: 1px solid #DBDBDB;
    color:#032b5a;
}
.editlist ul li:first-child{
	border-top: 1px solid #DBDBDB;
}

.editlist ul li.title{
	background: url("/images/cms/box_blue.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #DBDBDB;
    color:#032b5a;
}

.editlist ul li a{ 
	/* font-weight:bold; */
	font-size:12px;
	text-decoration:none;
}

.editlist ul li.off{
	background:#fff;
}

.view .editlist ul li{
	background: #f7f8f8;
}

.editlist ul li.breakdown{
	background:#d2dcf2;
	border-bottom: 1px solid #eff2f8;
}

.editlist ul li .block .edit{
	background-image:none !important;
	padding-top:1px;
	padding-left:0; !important;
	letter-spacing: 0.5px;
}


.editlist ul li .block .edit:hover{
	color:#003A88 !important;	
}

.sml ul li{
	font-size:12px !important;
}

.listhead{ 
	background-color: #f7f8f8;
    border-top: 1px solid #DBDBDB;
	border-left: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
    border-radius: 7px 7px 0 0;
    font-size: 16px;
    height: 38px;
    padding: 0 20px;
    width: 90%;
    margin: 0px auto 0 auto;
}

.listhead h1{
	font-family: Frutiger55, sans-serif;
	letter-spacing:-0.5px;
	font-weight:400;
    float: left;
    font-size: 18px;
    margin: 0;
    padding: 10px 0 0 20px;
}

.printblock{
	width:100px;
	display:block;
	float:right;
	margin: 0;
    padding: 11px 0 0 20px;
}

.editdesc{
	font-size:11px;
	margin-top:10px;
	margin-bottom:20px;
}
/*
.edit{
	font-size:11px;
	font-family: Frutiger65Bold, sans-serif;
}
*/
.msgcloser{
	display:block;
	position:absolute;
	top:5pX;
	right:5px;
	font-weight:bold;
	font-size:11px;
	cursor:pointer;
}

.edittitle, .edittitlesub, .edittitlesubsub{
	font-family: Frutiger55, sans-serif;
	color:#032b5a;
	padding-top:1px;
	font-size:13px;
	display:block;
	float:left;
	text-align:center;
	/* background: url("/images/cms/editlist_BG_sub3.png") no-repeat scroll right center transparent; */
	letter-spacing:-0.5px;
}

.edittitle:not(:first-child), .edittitlesub:not(:first-child), .edittitlesubsub:not(:first-child){
	border-left: 1px solid #DBDBDB;
}

.editx{
    color:#032b5a;
    font-size: 11px;
    font-weight: bold;
    display:block;
}
    
.edittitle{ width:420px; }
.edittitlesub,.edittitlesubsub{ width:380px; }

.hotlink{
	color:#ed8d03;	
}

.edittitlesub{
	padding-left:30px;
	width:380px;	
}

.edittitlesubsub{
	padding-left:70px;
	width:380px;	
}

.arrws{
	float:right;
	margin-right:10px;
	display:block;	
}

a.uparrow,a.dnarrow,a.uparrowtop,a.dnarrowtop{
	float:left;
	margin:0;
	padding:0;
	display:block;
	color:transparent !important;
	background-position: 0 2px !important;	
}
a.uparrow,{ background: url(/images/cms/up_arrow_h.ico) no-repeat; }
a.dnarrow,{ background: url(/images/cms/dn_arrow_h.ico) no-repeat; }
a.uparrowtop{ background: url(/images/cms/up_arrow.png) no-repeat; }
a.dnarrowtop{ background: url(/images/cms/down_arrow.png) no-repeat; }

.bounce, .editx{ background: url(/images/cms/arrows.gif) no-repeat; }

.editx{ background-position:90% 0px; cursor: pointer; }
.bounce{ background-position:90% -14px !important; }

.output{
	color:#000;
	font-size:11px;	
	position:absolute;
	background-color:#fff;
	display:block !important;
	z-index:996;
	padding:10px;
	width: 500px;
	border: 1px solid #666;
	white-space: normal !important;
}

/*  ########## forms ############ */
/*
#adminform, #loginform, #contentform, #medialist, #switchform, #userform, #resetform{
	margin: 10px auto;
	text-align: left;
	width:40%;
	padding:0;
}

fieldset{
	border: 1px solid #ccc;
	overflow: hidden;
	_height: 1%;
	padding:10px;
	padding-right:0px;
	width:600px;
	display:block;
	float:left;
}

#adminform dl dd, 
#userform dl dd, 
#loginform dl dd, 
#contentform dl dd,
#medialist dl dd, 
#masterform dl dd,
#switchform dl dd, 
#resetform dl dd{padding-left:20px}

#adminform dl dt, 
#adminform dl dd, 
#userform dl dt, 
#userform dl dd,
#masterform dl dt, 
#masterform dl dd, 
#loginform dl dt, 
#loginform dl dd, 
#contentform dl dd, 
#contentform dl dt, 
#medialist dl dd, 
#medialist dl dt, 
#switchform dl dd, 
#switchform dl dt{
	width: 350px;
	border-top:1px solid #E5E5E5;

}

#adminform dl dt, 
#loginform dl dt, 
#resetform dl dt, 
#contentform dl dt, 
#medialist dl dt, 
#switchform dl dt, 
#userform dl dt,
#masterform dl dt{
	padding-top: 7px;
	padding-bottom: 2px;
	padding-right: 10px;
	font-size: 12px;
	text-align: left;
	overflow:hidden;

	vertical-align:text-top;
}

#contentform dl dt, 
#medialist dl dt, 
#switchform dl dt{
	display: block;
	width: 25%;
}


#resetform dl dt{
	display: block;
	width: 100%;
}

#masterform dl dt{
	display: inline-block;
	width: 15%;
}

#masterform dl{
	margin: 6px 0 2px;
}
*/
#loginform dl dt, #adminform dl dt{
	display: block;
	width: auto;
}

#loginbx{
	margin: 30px auto;
}
/*
#loginform dl dt, #resetform dl dt{ height:25px; }
#loginform dl dd, #resetform dl dd{ height:28px; }

#adminform dl dd,
#loginform dl dd,
#contentform dl dd,
#medialist dl dd,
#switchform dl dd,
#userform dl dd,
#masterform dl dd,
#resetform dl dd{
	padding-top:14px;
	padding-bottom:4px;
	margin-left: 0;
	margin-bottom: 10px !important;
	font-size: 12px;
	text-align: left;
	vertical-align:text-top;
}

#contentform dl dd,
#medialist dl dd,
#switchform dl dd,
#userform dl ddd{
	display: inline-block;
	width: 65%;
}

#resetform dl dd{
	display: block;
	width: 100%;
}

#masterform dl dd{
	display: inline-block;
	width: 75%;
}

#loginform dl dd, #adminform dl dd{
	display: block;
	width: auto%;	
}

#adminform dl dd ul.errors, #userform dl dd ul.errors{
	padding-top:4px;
	color:red;
	font-weight:bold;
	margin-bottom:8px;
	list-style-type:none;
}

#adminform dl dd ul.errors li, #userform dl dd ul.errors li{
	margin:0;
	padding:0;
}
*/
#medialist dl dd, #medialist dl dt{
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}

#medialist .title, .title{
	font-size: 12px;
	font-weight: normal !important;
	text-align:left !important;
}

input {
	font-size: 11px;
}


.tarea #mceu_13{
	padding-right:1px;
}

.note{
	color:#333;	
	font-size: 10px;
}

form #submitbutton {
	margin-left: 0px;
}

#medialist, .switchedit {
	overflow: hidden;
	_height: 1%;
	margin-top: 0px;
	width: 99%;
	position:relative;
}

#medialist{
	border:1px solid #d2d0d0 !important;
	padding: 20px;
	background-color: #F5F5F5;
	border-radius: 7px 7px 7px 7px;
	margin:0;
}
/*
#loginform .zend_form, #adminform .zend_form, #resetform .zend_form, #userform .zend_form, #resetform dl dd .zend_form{
	margin:0;
	padding:26px 24px 26px;
	font-weight:normal;
	background:#fff;
	border:1px solid #d2d0d0;
	-moz-box-shadow:rgba(200,200,200,1) 0 4px 10px -1px;
	-webkit-box-shadow:rgba(200,200,200,1) 0 4px 10px -1px;
	box-shadow:rgba(200,200,200,1) 0 4px 10px -1px;

}

#loginform .zend_form input[type="text"],
#loginform .zend_form select,
#loginform .zend_form input[type="password"],
#loginform .zend_form textarea,
#adminform .zend_form input[type="text"],
#adminform .zend_form select,
#adminform .zend_form textarea,
#masterform input[type="text"],
#masterform select,
#masterform textarea,
#userform .zend_form select,
#resetform .zend_form input[type="text"],
#resetform .zend_form input[type="password"]  {
	color:#032b5a;
}

#adminform .zend_form input#calcat_color[type="text"] {
    width: 50% !important;
}

#loginform .zend_form dt, 
#loginform .zend_form dd, 
#adminform .zend_form dt, 
#adminform .zend_form dd, 
#userform .zend_form dt, 
#userform .zend_form dd, 
#resetform .zend_form dd, 
#resetform .zend_form dt
#masterform .zend_form dt, 
#masterform .zend_form dd{
	float:none;
	clear:both;
	border:none;
	padding:0;
	height:auto;
	width: auto;
    font-size: 14px;
    margin-bottom: 6px;
}
*/
ul.errors{
	margin-left: 20px;
}

ul.errors li{
	font-weight: bold;
	color:red;
	padding-top:6px;
}
/*
#adminform .zend_form input[type="checkbox"]{
	margin-right: 6px;
}
*/
.genericbutton {
    margin: 6px 10px;
}
/*
#loginform .zend_form input[type="submit"], #adminform .zend_form input[type="submit"], #userform .zend_form input[type="submit"], #simplePrint, #htmlbutton, .genericbutton, #resetform .zend_form input[type="submit"]{
	font-family: Frutiger55, sans-serif;
	border-color:#298cba;
	font-weight:bold;
	    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
*/
.togglebox{
	/* margin:-10px auto 0 auto; */
	width:176px;
	position:absolute;
	left:42%;
	top:-40px;
	display:block;
}

.slidebutton, #fwdbutton, #bwdbutton{
	border-color:#298cba;
	font-weight:bold;
	color:#003A88;
	background-color: #f7f8f8;
    background-repeat: repeat-x;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    transition: none 0s ease 0s;
    vertical-align: middle;
  	-moz-box-sizing: content-box;
    border: 1px solid #d2d0d0;
    /* box-shadow: 0 4px 10px -1px #C8C8C8; */
    cursor: pointer;
    font-size: 14px !important;
    line-height: 13px;
    padding: 3px 8px;
    text-decoration: none;
    height:30px;
}

.filterbtn {
	background-color: #f7f8f8;
    border-bottom: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    border-radius: 0 0 7px 7px;
    border-right: 1px solid #dbdbdb;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 24px;
    margin: 0 auto;
    padding: 4px 20px 0;
    position: relative;
    text-align: center;
    width: 180px;
	margin-top:-45px;
}

.open{
	margin-top:0px;
}
.droplabel{
	align-items: center;
	display: flex;
	padding-right: 12px;
}

.calcategoryswitch{
	display: flex;
	flex-direction: row;
	justify-content: end;
}

#usecategories{
	width: auto;
}

#bootstrap-overrides .srchbx{
	border: 1px solid #ddd;
	margin: 0;
	max-width: 100%;
	padding-bottom: 20px;
}

.slidebutton{
	border-radius: 0 0 22px 22px;
	width:160px;
}

#bwdbutton, #fwdbutton{ width:140px; }

#bwdbutton{
	border-radius: 0 0 22px 0;
	float:right;
}

#fwdbutton{
	border-radius: 0 0 0 22px;
	float:left;
}

#simplePrint, #htmlbutton{
	float:right;
	margin:6px 10px;
}


.logform{
	margin-left:auto !important;
	margin-right:auto !important;
	display:block;
	width:900px;
}

#medialist{
	margin-top: 32px !important;
	margin-bottom:20px;
}

.switchedit{
	padding: 0 0 0 0;
	margin-bottom:20px;
	width:840px !important;
}

.switchedit a{
	margin:0;
	padding:0;
	font-size:12px;
	/* text-decoration: underline !important; */
	font-weight:bold;
	background: url(/images/cms/rh-arrow.gif) no-repeat;
	background-position: 0 3px;
	padding-left:12px;
	/* color:#000 !important;*/
}
	
.formMsg { /*border:1px solid red;*/
	padding: 20px;
	width: 450px
}

.message{
	overflow: hidden;
	_height: 1%; /*this line for clearing contained floats*/
	border:4px solid red;
	display:block;
	padding:20px;
	text-align:center;
	width:40%;
	margin: 20px auto;
	font-size: 16px;
	font-weight:bold;
	background-color: #ffcd92;
    background-image: linear-gradient(to bottom, #fcd4a4, #ffcd92);
    background-repeat: repeat-x;
    transition: none 0s ease 0s;
    vertical-align: middle;
  	-moz-box-sizing: content-box;
    border-radius: 11px 11px 11px 11px;
    border: 1px solid #e5b882;
    box-shadow: 0 4px 10px -1px #C8C8C8;
	position:absolute;
	left:30%;
	top:30%;
	z-index:1999;	
	
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	
    animation-delay:1s;
    -webkit-animation-delay:1s; /* Safari and Chrome */
    -webkit-animation-fill-mode: forwards;
}

.message a{
	text-decoration:underline !important;
}

 @-webkit-keyframes fadeOut {
    0% {opacity: 1; left: 30%;}
	99% {opacity: 0; left: 30%;}
    100% {opacity: 0; left: -100%;}
 }
 
 @keyframes fadeOut {
    0% {opacity: 1; left: 30%;}
	99% {opacity: 0; left: 30%;}
    100% {opacity: 0; left: -100%;}
 }
 
 .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
 }

#contentslide{
	margin:0;
	padding:0;
}

.contentslideinner{
	margin:0;
	padding:0;
	height:30px;	
}

.framebox{
	margin:0;
	padding:0;
	height:32px;
	width:600px;
	font: 12px Arial, Helvetica, sans-serif, Bitstream Vera Sans;
	color: #1c1c1c;
}

#adminfoot{
	margin-right:auto;
	margin-left:auto;
	background: #84afd3;
	height:24px;
	width: 100%; /* width: 1180px; */
	border:0px solid #000;
}

#adminform .description{
	/* border:1px solid #fff; */
	font-weight:bold;
	padding-top:3px;
	color: red;
}

#formblock{
	/* border:1px red solid; */
	display:none;
}

.adminbutt{
	position:absolute;
	top:10px;
	left:20px;	
}

div.subheaddkblue{
	font-size:13px;
	margin-bottom:3px;
	font-weight:bold;
	/* letter-spacing:-1px; */
}

div.subheaddkblue14px{
	font-size:14px;
	margin-bottom:12px;
	font-weight:bold;

}

.tutorial_list{
	font-size:14px;
}

.tutorial_list li{
	line-height:150%;
}

.tutorial_list li a{
	font-size:12px;
	color:#032b5a !important;
}
.tutorial_list li a:hover{
	color:#666666 !important;
}

#switchform{
	margin-top:30px;
	margin-bottom:120px;
}

.modbar {
    /* background: url("/images/cms/box.png") repeat-x scroll 0 0 transparent; */
	background-color: #f7f8f8;
    border: 1px solid #DBDBDB;
    font-size: 16px;
    height: 42px;
    padding:0;
    width: 100%;
	position:relative;
}


.modbar h1 {
	font-family: Frutiger55, sans-serif;
	letter-spacing:-0.5px;
	font-weight:400;
    float: left;
    font-size: 18px;
    margin: 0;
    padding: 10px 0 0 40px;
}

.modbar .exbts, .listhead .exbts{
	/* border:1px red solid; */
	width:20%;
	float:right;
	margin-top:12px;
	padding-right:33px;
}

.modbar .exbts .searchlnk, .listhead .exbts .searchlnk{
	float:right;
	margin-left:20px;
}

.modbar .exbts .searchlnk a, .listhead .exbts .searchlnk a{
	font-size: 14px;
	color:#032b5a !important;
	padding-right:20px;
	background: url("/images/cms/editlist_BG_sub3.png") no-repeat scroll right center transparent;
}

.modbar .exbts .searchlnk a:hover, .listhead .exbts .searchlnk a:hover{
	color:red !important;

}

.description{
	width:90%;
	margin: 0 auto;
	font-size:13px;
	line-height:150%;
	color:#5b5b5b;
	
}

.desc_title{
	font-size:16px;
	font-weight:bold;
}

.examplebox, .examplebox td{
	border: 1px solid #BAB9B9;
	border-collapse:collapse;

}

.examplebox td{
	padding: 2px 7px;
	font-size:11px;
	text-align:center;
	white-space:nowrap;
}

.examplebox tr.tr_title{
	font-weight:bold;
}

#adminform dd.radio label{
	line-height:1.5em;
}

#adminform dd.radio label input{
	margin-right:3px;
}

table td{
	position:relative;
}

.edtbtt{
	position:relative;
}

.fancybox-custom .fancybox-skin {
	box-shadow: 0 0 50px #222;
}

/* login form */

.popupmessage{
	overflow: hidden;
	_height: 1%; /*this line for clearing contained floats*/
	border:4px solid red;
	display:none;
	padding:20px;
	text-align:center;
	margin-bottom:20px;
	margin-top:20px;
	float:left;
	width:100%;
	border: solid 3px #FCB9D8;
	background: #fff !important;
	background-position: 0 0;
	/* visibility:hidden; */
}
.off{
	/* display:none; */
}

.tempmsg{
	display: table;
	font-size:16px;
	font-weight:bold;
	position:fixed;
	width:20%;
	left:40%;
	top:40%;
	padding:40px;
	z-index:9000;
}

.tempmsg span{
	display: table-cell;
	vertical-align:middle;
}

label.error {
    background: url("/images/unchecked.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin-left: 0.3em;
    padding-left: 16px;
	color:red !important;
	width:auto;
	margin-top: 6px;
}