/*
SiteApex 10

This stylesheet contains styles used for content. Buttons, UI widgets, tables, repeatable/re-usable content.

sa_interface.css - is for admin interface structure and navigation side panel

font-family: 'Source Sans Pro', sans-serif;
font-family: 'Roboto', sans-serif;

_c is short for _container


*/

body {
	margin: 0px;
	/*font-family: 'Roboto', sans-serif;*/ /*CP Change*/
    /*font-size: 14px;*/ /*CP Change*/
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
	
}

.primary_bg {
	background-color: #003E72;
}

.secondary_bg {
	
}

.primary_color {
	color: #003E72
}

a, a:active, .linkStyles {
	color: #146AFF;
    text-decoration: none;
    cursor: pointer;
}
a:hover, .linkStyles:hover {
	color: #003E72;
    text-decoration: none;
    cursor: pointer;
}	




::-webkit-scrollbar  { width: 13px; cursor: pointer; }
::-webkit-scrollbar-button  { display: none; }
::-webkit-scrollbar-thumb  { background-color: #C1C1C1; }
::-webkit-scrollbar-thumb:hover  { background-color: #afafaf }
::-webkit-scrollbar-track  { background-color: #f1f1f1; }
::-webkit-scrollbar-track-piece  { ;  }
::-webkit-scrollbar-corner  { }
::-webkit-resizer  { }
	
	



/***********

Components

***********/

.sa_icon {
	font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
  vertical-align: middle;
}
.sa_icon.size_18 { font-size: 18px; }
.sa_icon.size_20 { font-size: 20px; }
.sa_icon.size_22 { font-size: 22px; }
.sa_icon.size_24 { font-size: 24px; }
.sa_icon.size_28 { font-size: 28px; }
.sa_icon.size_30 { font-size: 30px; }
.sa_icon.size_36 { font-size: 36px; }
.sa_icon.size_48 { font-size: 48px; }

h1 > .sa_icon.size_48 { font-size: 28px; margin-right: 8px; }/* CP Change */

.no_sel {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; 
}

/*************  Headings  ************/
h1 {
    font-family: 'Source Sans Pro', sans-serif;
    /*font-weight: 100;
    font-size: 66px;*/
    font-weight: bold;
    font-size: 2.35em; /* CP Change */
    letter-spacing: -0.5px;	
    margin-top: 0px;
    margin-bottom: 20px;
}



/* XXXXXXXX button styles XXXXXXXX */	
.sa_btnHigh, .sa_btnMedium, .sa_btnLow, input[type="submit"], button[type="submit"], input[type="button"][value="Submit"], input[type="button"] {
	border: none;
	border-radius: 4px;
	display: inline-flex;
	align-items: center;
	height: 36px;
	line-height: 36px;
	padding: 0px 16px;
	text-transform: uppercase;
	vertical-align: middle;
	-webkit-tap-highlight-color: transparent;
	font-size: 14px;
	outline: 0;
	text-align: center;
	letter-spacing: .5px;
	-webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
    font-weight: normal;
    text-decoration: none;
    /*float: left;
    margin-right: 20px;*/
    margin-right: 16px; /*CP Change*/
    cursor: pointer;
}

input[type="submit"], button[type="submit"], input[type="button"][value="Submit"] {
	padding-left: 40px;
	padding-right: 40px;
	
}

.sa_btnHigh, input[type="submit"], button[type="submit"], input[type="button"][value="Submit"] {
	color: white;
	background-color: #146AFF;
}

.sa_btnHigh:disabled, input[type="submit"]:disabled, button[type="submit"]:disabled, input[type="button"][value="Submit"]:disabled {
	background-color: #ccc;
}


.sa_btnHigh:hover, input[type="submit"]:hover, button[type="submit"]:hover, input[type="button"][value="Submit"]:hover {
	background-color: rgba(0, 140, 255, 0.7);
	color: white;
}
.sa_btnMedium, input[type="button"]:not([value="Submit"]) {
	color: #146AFF;
	background-color: #ffffff;
	border: 1px solid #ccc; /* d8d8d8*/
}

.sa_btnMedium:disabled, input[type="button"]:not([value="Submit"]):disabled {
	color: #ccc;
}

.sa_btnMedium:hover, input[type="button"]:not([value="Submit"]):hover {
	border: 1px solid #146AFF;
	background-color: #f7f7f7;
}

.sa_btnMedium:disabled:hover, input[type="button"]:not([value="Submit"]):disabled:hover {
	border: 1px solid #ccc;
}

.sa_btnLow {
	background-color: #ffffff;
	color: #146AFF;
}


input[type=text], input[type=password], select, textarea {
	padding: 5px 10px 5px 10px;
	border-radius: 4px;
	border: 1px solid #ccc;
	font-size: 14px;
	background-color: white;
	font-family: 'Roboto', sans-serif;
}

/* safari adds some kinda inset box shadow */
input[type=text], input[type=password], textarea {
	appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}



















.sa_boxshadow {
	box-shadow: 5px 5px 12px -8px rgb(100 100 100 / 70%);
	-webkit-box-shadow: 5px 5px 12px -8px rgb(100 100 100 / 70%);
	-moz-box-shadow: 5px 5px 12px -8px rgba(100,100,100,0.70);
}



/********  ad/edit interface row styles   ***********/

.scpBKEdit1left {
	padding: 7px;
	padding-bottom: 20px;
	background-color: white;
	/*
	background-color: #EFEFEF;
	border-top: 1px solid #CFCFCF;
	border-left: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	*/
}
.scpBKEdit1right {
	padding: 7px;
	padding-bottom: 20px;
	background-color: white;
	/*
	background-color: #EFEFEF;
	border-top: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	*/
}
.scpBKEdit1full {
	/*border: 1px solid #CFCFCF;*/
	padding: 7px;
	padding-bottom: 20px;
	background-color: white;
}
.scpBKEdit2left {
	padding: 7px;
	padding-bottom: 20px;
	background-color: white;
	/*border-top: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	border-left: 1px solid #CFCFCF;*/
}
.scpBKEdit2right {
	padding: 7px;
	padding-bottom: 20px;
	background-color: white;
	/*border-top: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;*/
}
.scpBKEdit2full {
	/*border: 1px solid #CFCFCF;*/
	padding: 7px;
	padding-bottom: 20px;
	background-color: white;
}






.standardModuleEdit1borderless {
	/*background-color: #EFEFEF;*/
	padding: 7px;
	padding-bottom: 20px;
	/*background-color: white;*/
}



.standardModuleEdit1borderless2 {
	/*background-color: #EFEFEF;*/
	padding: 2px;
	/*background-color: white;*/
}


.standardModuleEdit1left {
	padding: 7px;
	padding-bottom: 20px;
	/*background-color: white;*/
	/*
	background-color: #EFEFEF;
	border-top: 1px solid #CFCFCF;
	border-left: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	*/
}

.standardModuleEdit1right {
	padding: 7px;
	padding-bottom: 20px;
	/*background-color: white;*/
	/*
	background-color: #EFEFEF;
	border-top: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	*/
}

.standardModuleEdit1full {
	
	padding: 7px;
	padding-bottom: 20px;
	/*background-color: white;*/
	
	/*
	background-color: #EFEFEF;
	border-top: 1px solid #CFCFCF;
	border-left: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
	*/
}

.standardModuleEdit2borderless {
	/*background-color: #FFFFFF;*/
	padding: 7px;
	padding-bottom: 20px;
	/*background-color: white;*/
}

.standardModuleEdit2borderless2 {
	padding: 2px;
	/*background-color: white;*/
}

.standardModuleEdit2left {	
	padding: 7px;
	padding-bottom: 20px;
	/*background-color: white;*/
	/*
	border-top: 1px solid #CFCFCF;
	border-left: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	*/
}

.standardModuleEdit2right {
	padding: 7px;
	padding-bottom: 20px;
	/*background-color: white;*/
	/*
	border-top: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	*/
}


.standardModuleEdit2full {
	padding: 7px;
	padding-bottom: 20px;
	/*background-color: white;*/
	/*
	border-top: 1px solid #CFCFCF;
	border-left: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
	*/
}

.standardModuleEdit3left {
	font-weight: bold;
	background-color: #d7e8ee;
	padding: 7px;
	padding-bottom: 20px;
	/*
	border-top: 1px solid #CFCFCF;
	border-left: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	*/
}

.standardModuleEdit3right {
	background-color: #d7e8ee;
	padding: 7px;
	padding-bottom: 20px;
	/*
	border-top: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	*/
}

.standardModuleDelete {
	/*text-align: center;*/
	display: inline-block;
	/*background-color: white;*/
	/*border: 1px solid #CFCFCF;*/
	padding: 7px;
	padding-bottom: 20px;
	/*background-color: #EFEFEF;*/
}

.standardModuleEdit1ManageLeft {
	padding: 7px;
	padding-bottom: 20px;
	/*
	background-color: #EFEFEF;
	border-left: 1px solid #CFCFCF;
	border-top: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	*/
}
.standardModuleEdit1ManageRight {
	padding: 7px;
	padding-bottom: 20px;
	/*background-color: #EFEFEF;
	border-top: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	*/
}


.standardModuleEdit1ManageCenter {
	padding: 7px;
	padding-bottom: 20px;
	/*border-top: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;*/
}

.standardModuleEdit2ManageLeft {
	padding: 7px;
	padding-bottom: 20px;
	background-color: white;
	/*border-left: 1px solid #CFCFCF;
	border-top: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;*/
}
.standardModuleEdit2ManageRight {
	padding: 7px;
	padding-bottom: 20px;
	background-color: white;
	/*border-top: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;*/
}
.standardModuleEdit2ManageCenter {
	padding: 7px;
	padding-bottom: 20px;
	background-color: white;
	/*border-top: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;*/
}
.standardModuleHeader {
	font-weight: bold;
}

.standardModuleError {
	font-weight: bold;
	display: block;
	margin-bottom: 20px;
}


/*********************************** BUILD LIST STYLES ***********************************/

.buildListRow:hover td {
	background-color: #DDEFFD;
}

.buildListBK1left, .buildListBK1right, .buildListBK2left, .buildListBK2right {
	/*padding: 16px;*/
	padding: 12px;
	border-bottom: 1px solid #efefef;
	background-color: white;
}

.buildListHeaderleft, .buildListHeaderright {
	font-weight: bold;
	/*padding: 16px;*/
	padding: 12px;
	background-color: #efefef;
}

.buildListBK1left, .buildListBK2left {
	border-left: 1px solid #efefef;
}
.buildListBK1right:last-child, .buildListBK2right:last-child {
border-right: 1px solid #efefef;
}



.buildListError {
	font-weight: bold;
	color: #990000;
}


/*********************************** SiteApex TABS ***********************************/

/* container around tabs */
.s_tabs {
	/*background-color: #F8F8F8;
	box-shadow: inset 0px -1px 0px 0px #ccc;
	padding: 0px 15px 0px 15px;
	/*border-radius: 4px;
	display: inline-block;*/
    display: grid;/*CP Change*/
    grid-template-columns: repeat(6, 1fr);/*CP Change*/
	/*margin-bottom: 20px;
	min-width: 800px;
	max-width: 1270px;*/
    width: 100%; /*CP Change*/
	user-select: none;
}

/* individual tab - manually set first to display:block, rest to display:none; in HTML */
.s_tab {
	/*border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;*/
	color: #146AFF;
	cursor: pointer;
	/*display: inline-block;*//*CP Change*/
	/*padding: 10px 15px 10px 15px;/*CP Change*/
    padding: 10px 15px;/*CP Change*/
	/*margin-right: 3px;*/
    margin-right: 0px; /*CP change*/
	background-color: #efefef;
	/*box-shadow: inset 0px -1px 0px 0px #ccc;*/
    text-align: center; /*CP Change*/
	border-right: 1px solid #fff; /*CP Change*/
    display: flex;/*CP Change*/
    align-items: center;/*CP Change*/
    justify-content: center;/*CP Change*/
}
.s_tab:last-child {
    border-right: 0px; /*CP Change*/
}

.s_tab:hover {
	/*background-color: rgba(255,255,255,0.5);*/
	background-color: #f8f8f8;
	/*border-left: 1px solid #146AFF;
	border-top: 1px solid #146AFF;
	border-right: 1px solid #146AFF;*/
}

/* applied to current active tab */
.s_tab_active {
	/*background-color: white !important;
	color: black;*/
    box-shadow: none;
    background-color: #146AFF !important;
    color: #fff;
}

/* div container of each block tied to a tab, manually set first to display:block, rest to display:none; in HTML */
.s_tab_section {
	background: #fff;/*CP Change*/
    padding: 40px; /*CP Change*/
}



/***************************************************************/
.tabrow1left {
	padding: 10px 0px 8px 0px;
}
						
.tabrow1right {
	padding: 8px 0px 8px 10px;
}

.tabrow2left {
	padding: 10px 0px 8px 0px;
}

.tabrow2right {
	padding: 8px 0px 8px 10px;
}

.tabrowborderlessleft {
	padding: 8px 0px 8px 0px;
}
.tabrowborderlessright {
	padding: 8px 0px 8px 0px;
}





.sp_summary {
	display: flex;
	align-items: center;
    background: white;/*CP Change*/;
    margin-bottom: 30px;/*CP Change*/;
}
.sp_summary_item {
	/*margin-right: 40px;*/ /*CP Change*/
    padding: 10px 20px;/*CP Change*/
    background: white;/*CP Change*/
    border-right: 1px solid #efefef;/*CP Change*/;
}

.s_buttons {
	display: flex;
	justify-content: flex-start; /* was end */
	max-width: 1300px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.s_buttons > .sa_btnLow > .sa_icon, .s_buttons > .sa_btnMedium > .sa_icon, .s_buttons > .sa_btnHigh > .sa_icon { /*CP Change*/
    font-size: 20px;
    margin-right: 6px;
}




/****************************/

.p_grid {
		display: grid;
		grid-auto-rows: minmax(60px,auto);
		/*grid-template-columns: 15px 24px 1fr 200px 140px 170px;*/
		grid-template-columns: 34px 1fr 160px 170px 115px 146px;
		align-items: center;
		/*border-bottom: 1px solid #efefef;*//*CP change*/
		transition: background-color .2s;
		background-color: white;
	}
.p_section {/*CP change*/
    border-bottom: 1px solid #efefef;
}

	.p_grid_head {
		display: grid;
		grid-auto-rows: minmax(40px,auto);
		/*grid-template-columns: 15px 24px 1fr 200px 140px 170px;*/
		grid-template-columns: 34px 1fr 160px 170px 115px 146px;
		align-items: center;
		/*border-bottom: 1px solid #eee;*/ /*CP change*/
		font-weight: bold;
		/*background-color: #efefef;*/
	}
	
	.p_grid:hover .p_pageurl_inner i {
		display: inline-block;
	}
	
	.p_grid:hover {
		background-color: #f2f9ff;
	}
	
	.p_highlight {
		border-left: 8px solid #146AFF !important;
		background-color: #f2f9ff;
	}
	
	.p_expando {
		cursor: pointer;
		/*margin-left: -3px;*/
		color: #146AFF;
		text-align: right;
	}
	
	.p_expando i {
		transition: transform .1s;
		margin-left: -1px;
	}
	
	.p_expando:hover  i {
		color: #146AFF;
	}
	
	.p_expanded i {
		transform: rotate(90deg);
		
	}
	
	.p_namebox {
		padding: 10px 10px 10px 0px;
		/*font-weight: bold;*/
		/*line-height: 14px;*/
	}
	
	.p_namebox a {
		color: #000;
		/*font-weight: bold;*/
	}
	.p_namebox a:hover {
		text-decoration: underline;
	}
	
	 .p_inactivebox {
	 	
		}
	
	.p_box {
		padding: 10px;
		position: relative;
		line-height: 14px;
	}
	
	.p_home_icon {
		float: right;
		vertical-align: middle;
		padding-left: 5px;
		color: #adabab;
	}
	
	.p_secure_icon {
		vertical-align: middle;
		color: #adabab;
		padding-left: 5px;
		float: right;
	}
	
	.p_ref_icon {
		vertical-align: middle;
		color: #adabab;
		padding-left: 5px;
		float: right;
	}
	
	.p_ref_icon img {
		width: 18px;
		height: auto;
	}
	
	.p_pageurl {
		padding-left: 10px;
		color: #bababa;
		font-weight: normal;
		display: inline-block;
	}
	.p_pageurl_inner {
		padding-left: 1px;
		vertical-align: middle;
	}
	
	.p_pageurl_inner i {
		/*position: absolute;*/
		vertical-align: middle;
		font-size: 16px;
		color: #bababa;
		
		margin-left: 10px;
		/*padding-bottom: 2px;*/
		/*display: none;*/
		display: inline-block;
	}
	
	.p_pageurl_inner i:hover {
		vertical-align: middle;
		font-size: 16px;
		color: #146AFF;
		
	}
	
	.p_options {
			
	}
	
	.p_opt {
		display: inline-block;
		width: 40px;
		text-align: center;
		vertical-align: middle;
		box-sizing: border-box;
	}
	
	.p_opt a, .p_opt span {
		display: block;
		/*padding-top: 10px;
		padding-bottom: 10px;*/
	}
	
	.p_status_outer {
		background-color: green;
		border-radius: 50%;
		width: 18px;
		height: 18px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		vertical-align: middle;
	}
	
	.p_status_inner {
		background-color: white;
		border-radius: 50%;
		width: 8px;
		height: 8px;
		display: inline-block;
	}
	
	.p_cat_container, .p_pag_container {
		transition: opacity .3s;
		border-top: 1px solid #eee;
		/*border-bottom: 1px solid #eee;*/
		/*background-color: #e4e4e4;*/
		/*background-color: red;*/
		position: relative;
		box-shadow: -2px 7px 9px -7px rgba(100,100,100,0.30) inset;
		-webkit-box-shadow: -2px 7px 9px -7px rgba(100,100,100,0.30) inset;
		-moz-box-shadow: -2px 7px 9px -7px rgba(100,100,100,0.30) inset;
		
	}
	
	
.p_category:last-child {/*CP change*/
    border-bottom: 0px solid #efefef;
}

	
	/*
	.p_cat_container {
		box-shadow: 0px 9px 13px -9px rgba(0,0,0,0.75) inset;
	}
	
	.p_cat_container:after, .p_pag_container:after {
		position: absolute;
		content:'';
		left:0px;
		top:0px;
		height: 6px;
		right: 0px;
		box-shadow: 0px 9px 13px -9px rgba(0,0,0,0.75) inset;
	}
	*/	
		
	.p_category, .p_page {
		margin-left: 50px;
		border-bottom: 1px solid #efefef;
	}
	
	.p_category .p_grid, .p_page .p_grid {
		border-left: 1px solid #efefef;
	}
	
	.p_more_opt_pop {
		position: absolute;
		border: 1px solid #ccc;
		border-radius:4px;
		right: 25px;
		top: 45px;
		width: 200px;
		transition: opacity .2s;
		background-color: white;
		z-index: 2;
        padding: 10px; /*CP Chnage*/
	}
	
	.p_more_opt_pop i {
		vertical-align: middle;
		padding-right: 3px;
		margin-top: -2px;
	}
	
	.p_more_opt_pop a {
		display: block;
		vertical-align: middle;
		padding: 8px;
	}
	
	.p_more_opt_pop a:hover {
		background-color: #ddedfd;
	}
	
	.p_status {
		display: flex;
		align-items: center;
	}
	
	.p_stat_icon {
		padding-right: 5px;
	}
	
	.p_stat_text {
		color: black;
	}
	
	
	.p_stat_live {
		color: #1bb510;
	}
	
	.p_stat_pubreq {
		color: orange;
	}
	
	.p_stat_draft {
		color: #9ddd99;
	}
	
	.p_stat_deactivated {
		color: gray;
	}
	
	.p_stat_locked {
		color: red;
	}
	
	
.p_statbox {
	display: inline-block;
	border-radius: 2px;
	height: 25px;
	width: 8px;
	margin-right: 5px;
	margin-top: 3px;
}

.p_statbox.p_stat_live 				{ background-color: #1bb510; }
.p_statbox.p_stat_pubreq 			{ background-color: orange; }
.p_statbox.p_stat_draft 			{ background-color: lightgreen; }
.p_statbox.p_stat_deactivated { background-color: #CCCCCC; }
.p_statbox.p_stat_locked 			{ background-color: red; }
	
	

.p_scpMessage {
	font-size: 1.1em;
	margin-top: 10px;
	margin-bottom: 10px;
}

.p_scpAction {
	margin-bottom: 10px;
}

.p_pageMSGName {
	font-weight: bold;
}

.p_pageform #security .tabrow1left, .p_pageform #security .tabrow2left {
	max-width: 200px;
}


.p_mod_manage {
	padding-left: 3px;
}

.p_mod_manage i {
	font-size: 20px;
	color: #bababa;
}
.p_mod_manage i:hover {
	color: #146AFF;
}
/*

.p_mod_manage a {
	color: #bababa;
}

.p_mod_manage a:hover {
	color: #46AFF;
}
*/
/************************************/

.saToggleOuter {
	display: inline-block;
}

.saToggle {
	display: inline-block;
 
}
.saToggleSecrets {
	display: none;
}

.saToggle input.saToggleCheck {
  
  display:none;
}
.saToggle input.saToggleCheck + label {
  position: relative;
  display: inline-block;
  user-select: none;
  -moz-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  -webkit-tap-highlight-color: transparent;
  height: 15px;
  width: 50px;
  border: 1px solid #ddd;
  border-radius: 60px;
  /*background-color: #f6f6f6;*/
  background-color: #e0e0e0;;
  cursor: pointer;
  top: 4px;
}
.saToggle input.saToggleCheck + label:before {
  content: "";
  position: absolute;
  display: block;
  -moz-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
  -o-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
  -webkit-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
  transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
  height: 15px;
  width: 51px;
  top: 0;
  left: 0;
  border-radius: 30px;
}
.saToggle input.saToggleCheck + label:after {
  content: "";
  position: absolute;
  display: block;
  box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 0px 0 hsla(0, 0%, 0%, 0.04), 0 4px 9px hsla(0, 0%, 0%, 0.13), 0 3px 3px hsla(0, 0%, 0%, 0.05);
  -moz-transition: 0.2s cubic-bezier(0.54, 1.6, 0.5, 1);
  -o-transition: 0.2s cubic-bezier(0.54, 1.6, 0.5, 1);
  -webkit-transition: 0.2s cubic-bezier(0.54, 1.6, 0.5, 1);
  transition: 0.2s cubic-bezier(0.54, 1.6, 0.5, 1);
  /*background: #ededed;*/
  background: white;
  height: 25px;
  width: 25px;
  top: -5px;
  left: -1px;
  border-radius: 60px;
}
.saToggle input.saToggleCheck:checked + label:before {
  background: #2ecc71;
  -moz-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
  -o-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
  -webkit-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
  transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
}
.saToggle input.saToggleCheck:checked + label:after {
  left: 26px;
}





/*************************************************************/


.secureItemDiv {
	width: 600px;
	height: 300px;
	overflow-y: scroll;
	border: 1px solid #ccc;
}



.secureItem {
	/*font-family: Arial;*/
	/*font-size: 12px;
	color: #000000;*/
	padding: 5px;
	padding-left: 10px;
}

.secureItemRow {
	background-color: #FFFFFF;
}

.secureItemRow:hover {
	background-color: #d9e8ff;
	cursor: pointer;
}

.secureItemLowDivOuter {
	width:100%;
	height: 400px;
	display: none;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	background-color: #FFFFFF;
}

.moduleItemLowDivOuter {
	width: 500px;
	height: 350px;
	display: none;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	background-color: #FFFFFF;
}

.redirectItemLowDivOuter {
	width: 500px;
	height: 280px;
	display: none;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	background-color: #FFFFFF;
}

.secureItemLowDivInner {
	width:100%;
	
	height: 315px;
	overflow-y: scroll;
}

.redirectItemLowDivInner {
	width:100%;
	
	height: 255px;
	overflow-y: scroll;
}


.secureItemLow {
	/*font-family: Arial;
	font-size: 12px;*/
	padding: 3px;
	border-bottom: 1px solid #ccc;
}

.secureItemLowRow {
	background-color: #FFFFFF;
}

.secureItemLowRow:hover {
	background-color: #d9e8ff;
}

#userMsg img {
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
}


.NewPassword{
	font-size:10px;
}

.neutral{
	width:170px;
	padding:5px;
	margin-top: 3px;
	font-size:14px;
	text-align:center;
	border:1px solid #CCC;
	background-color:#FFFFFF;
	border-radius: 4px;
}

.veryweak{
	background-color:#B40404;
	color: white;
}

.weak{
	background-color:#DF7401;
}

.medium{
	background-color:#FFFF00;
}


.strong{
	background-color:#9AFE2E;
}

.verystrong{
	background-color:#0B610B;
	color:#FFFFFF;
}









.libAdminContentCheckBox { text-align: center; background-color: white; }
.libAdminContent { background-color: white;  }
.libAdminHeader { font-weight: bold; text-align: center; }
.libAdminContent1 {  }
.libAdminContent2 {  }




/******************************************************************************************
*********************************************************************************************
input, select, textarea, button {
	font-family: Arial;
	font-size: 12px;
}

input[type=text], textarea, select {
		border: 1px solid #BCBCBC;
		border-radius: 4px;
		padding: 3px;
		padding-left: 5px;
}
	
input[type=text]:focus, textarea:focus {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 115, 182, 0.5);
	-moz-box-shadow:    0px 0px 5px 0px rgba(0, 115, 182, 0.5);
	box-shadow:         0px 0px 5px 0px rgba(0, 115, 182, 0.5);
}
/*********************************** DONE SETTING THE INPUT TYPES ***********************************


/* for use on items that are not <a href> *
.linkStyles {
	color: #0063A6;
	text-decoration: none;
}

.linkStyles:hover {
	color: #0063A6;
	text-decoration: underline;
}


.buildListRow:hover td {
	background-color: #DDEFFD;
}


/*********************************** SETTINGS AREAS ***********************************
.sectionHeader
{
	font-weight: bold;
	font-size: 14px;
	border-bottom: 1px #C4C4C4 solid;
	width: 600px;
	margin-bottom: 10px;
	padding-bottom: 4px;
}

.sectionContent {
	margin-left: 20px;
}

.settingLeft {
	font-size: 12px;
	padding: 14px 5px 5px 0px; /* top right bottom left *
	vertical-align: top;
}
.settingRight {
	font-size: 12px;
	padding: 10px 0px 5px 5px; /* top right bottom left *
	vertical-align: top;
}


/************* PUBLISHING STYLES (Taken from the compile.php file) *****************

.publishContainer {
	font-size: 12px;
}

.MessageName {
	padding-top: 5px;  
}
.SuccessType { 
	padding: 5px;
	border-left: 1px solid #CCCCCC; 
	border-bottom: 1px solid #CCCCCC; 

}
.SuccessName {  
	padding: 5px;
	border-left: 1px solid #CCCCCC; 
	border-bottom: 1px solid #CCCCCC; 
}

.SuccessFileName { 
	padding: 5px;
	/*text-align: center; *
	border-left: 1px solid #CCCCCC; 
	border-bottom: 1px solid #CCCCCC; 

}

.SuccessFileName a, .SuccessFileName a:link,.SuccessFileName a:visited, .SuccessFileName a:active  {
	color: #0063A6;
	text-decoration: none;
}

.SuccessFileName a:hover {
	color: #0063A6;
	text-decoration: underline;
}


.SuccessIcon { 
	padding: 5px;
	text-align: center; 
	border-left: 1px solid #CCCCCC; 
	border-bottom: 1px solid #CCCCCC; 
	border-right: 1px solid #CCCCCC; 
}
.FailType { 
	padding: 5px;
	color: #FF0000; 
	border-left: 1px solid #CCCCCC; 
	border-bottom: 1px solid #CCCCCC; 
}
.FailName { 
padding: 5px;
	color: #FF0000; 
	border-left: 1px solid #CCCCCC; 
	border-bottom: 1px solid #CCCCCC; 
}
.FailFileName { 
	padding: 5px;
	color: #FF0000; 
	border-left: 1px solid #CCCCCC; 
	border-bottom: 1px solid #CCCCCC; 
}

.FailIcon { 
	text-align: center; 
	padding: 5px;
	color: #FF0000; 
	border-left: 1px solid #CCCCCC; 
	border-bottom: 1px solid #CCCCCC; 
	border-right: 1px solid #CCCCCC; 
}

.Header { 
	font-weight: bold;
	padding: 5px;
	border-left: 1px solid #CCCCCC; 
	border-bottom: 1px solid #CCCCCC; 
	border-top: 1px solid #CCCCCC; 
	border-left: 1px solid #CCCCCC; 

}
.HeaderRight { 
	font-weight: bold;
	padding: 5px;
	
	border-left: 1px solid #CCCCCC; 
	border-bottom: 1px solid #CCCCCC; 
	border-top: 1px solid #CCCCCC; 
	border-left: 1px solid #CCCCCC; 
	border-right: 1px solid #CCCCCC; 
}

.odd { 

}
.even { 
	background-color: #F9F8F8; 
}






/*********************************** RECYCLE BIN ***********************************
.recycleBinLine1 { font-family: Arial; font-size: 12px; background-color: #F7F6F6; text-decoration: none; }
.recycleBinLine1 a, .recycleBinLine1 a:link, .recycleBinLine1 a:visited, .recycleBinLine1 a:hover {
	font-family: Arial;
	font-size: 12px;
	background-color: #F7F6F6;
	text-decoration: none;
}
.recycleBinLine2, .recycleBinLine2 a, .recycleBinLine2 a:link, .recycleBinLine2 a:visited, .recycleBinLine2 a:hover { font-family: Arial; font-size: 12px; background-color: #FFFFFF; text-decoration: none; }
.recycleNoneNotice { font-family: Arial; font-size: 12px; color: #990000; }
.recycleBinMessage {
	font-family: Arial; font-size: 12px; color: #990000; font-weight: bold;
}
.recycleBinMessage a:link, .recycleBinMessage a:visited {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
}
.recycleBinMessage a:hover {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #990000;
	text-decoration: underline;
}
.recycleDelete {
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	text-align: center;
	border: 1px solid #CFCFCF;
	padding: 7px;
	background-color: #EFEFEF;
}
.recycleDelete a, .recycleDelete a:link, .recycleDelete a:visited {
	color: #990000;
	font-weight: bold;
	text-decoration: none;
}
recycleDelete a:hover {
	color: #990000;
	font-weight: bold;
	text-decoration: underline;
}
.recycleContainer { background-color: #FFFFFF; }

.recycleBinHeader {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	padding: 7px;
	background-color: #E8E7E7;
	border: 1px solid #CFCFCF;
}

.recycleBinLine1left {
	font-family: Arial;
	font-size: 12px;
	padding: 7px;
	background-color: #FFFFFF;
	border-left: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
}
.recycleBinLine1right {
	font-family: Arial;
	font-size: 12px;
	padding: 7px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
}
.recycleBinLine1right a:link, .recycleBinLine1right a:visited, .recycleBinLine2right a:link, .recycleBinLine2right a:visited {
	font-family: Arial;
	font-size: 12px;
	color: #0063A6;
	text-decoration: none;
}
.recycleBinLine1right a:hover, .recycleBinLine2right a:hover {
	font-family: Arial;
	font-size: 12px;
	color: #0063A6;
	text-decoration: underline;
}
.recycleBinLine2left {
	font-family: Arial;
	font-size: 12px;
	padding: 7px;
	background-color: #EFEFEF;
	border-left: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
}
.recycleBinLine2right {
	font-family: Arial;
	font-size: 12px;
	padding: 7px;
	background-color: #EFEFEF;
	border-bottom: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
}
/*********************************** DONE RECYCLE BIN ***********************************

/*********************************** Styles for the library admin module ***********************************
.libAdminContentCheckBox { font-family: Arial; font-size: 12px; text-align: center; }
.libAdminContent { font-family: Arial; font-size: 12px; }
.libAdminHeader { font-family: Arial; font-size: 12px; font-weight: bold; text-align: center; }
.libAdminContent1 { font-family: Arial; font-size: 12px; background-color: #FFFFFF; }
.libAdminContent2 { font-family: Arial; font-size: 12px; background-color: #CCCCCC; }

.editBarTitle {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding-left: 20px;
}





.userLetterSelected {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.userLetterDisable {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #C7C7C7;
}

.userBuildListHeaderleft {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding: 7px;
	background-color: #E8E7E7;
	border-top: 1px solid #CFCFCF;
	border-left: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
	text-decoration: none;
}
.userBuildListHeaderleft a:link, .userBuildListHeaderleft a:visited {
	color: #006083;
	text-decoration: underline;
}
.userBuildListHeaderleft a:hover {
	color: #006083;
	text-decoration: underline;
}


/***************





/***************************************

.leftNavContainer {
	padding-left: 14px;
	padding-right: 7px;
	padding-top: 15px;
}
.FORMBUTTONS input {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	width: 120px;
}
.SAMultiSelectBox {
	width: 200px;
	height: 100px;
	font-family: Arial;
	font-size: 12px;
}

.SAMultiSelectBoxwide {
	width: 460px;
	height: 100px;
	font-family: Arial;
	font-size: 12px;
}


.FORMADDITIONALDATA {
	font-family: Arial;
	font-size: 12px;
}
.FORMLISTS select {
	width: 200px;
	height: 100px;
	font-family: Arial;
	font-size: 10px;
}

.FORMLISTSwide select {
	width: 460px;
	height: 100px;
	font-family: Arial;
	font-size: 10px;
}

.innerBlock {
	border: 1px solid #999999;
	padding: 5px;
	background-color: #CCCCCC;
}

.tabContainer {
				border: 1px solid #b2b1b1;
			}
			.tabOptionCurrent {
				background-image: url(../images/sa_tab_selected_bg.jpg);
				background-repeat: repeat-x;
				text-align: center;
				vertical-align: middle;
				cursor: pointer;
				height: 30px;
				font-family: Arial;
				font-size: 12px;
			}
			
			.tabOption {
				background-image: url(../images/sa_tab_bg.jpg);
				background-repeat: repeat-x;
				text-align: center;
				vertical-align: middle;
				cursor: pointer;
				height: 30px;
				font-family: Arial;
				font-size: 12px;
			}
			.tabOptionBorder {
				background-image: url(../images/sa_tab_bg.jpg);
				background-repeat: repeat-x;
				text-align: center;
				vertical-align: middle;
				cursor: pointer;
				height: 30px;
				font-family: Arial;
				font-size: 12px;
				border-left: 1px solid #a8a5a5;
			}
			
			.tabOptionCurrentBorder {
				background-image: url(../images/sa_tab_selected_bg.jpg);
				background-repeat: repeat-x;
				text-align: center;
				vertical-align: middle;
				cursor: pointer;
				height: 30px;
				font-family: Arial;
				font-size: 12px;
				border-left: 1px solid #a8a5a5;
			}
			
			
			.tabOptionCurrentOver {
				background-image: url(../images/sa_tab_selected_over_bg.jpg);
				background-repeat: repeat-x;
				text-align: center;
				vertical-align: middle;
				cursor: pointer;
				height: 30px;
				font-family: Arial;
				font-size: 12px;
			}
			
			.tabOptionOver {
				background-image: url(../images/sa_tab_over_bg.jpg);
				background-repeat: repeat-x;
				text-align: center;
				vertical-align: middle;
				cursor: pointer;
				height: 30px;
				font-family: Arial;
				font-size: 12px;
			}
			
			.tabOptionCurrentBorderOver {
				background-image: url(../images/sa_tab_selected_over_bg.jpg);
				background-repeat: repeat-x;
				text-align: center;
				vertical-align: middle;
				cursor: pointer;
				height: 30px;
				font-family: Arial;
				font-size: 12px;
				border-left: 1px solid #a8a5a5;
			}
			
			.tabOptionBorderOver {
				background-image: url(../images/sa_tab_over_bg.jpg);
				background-repeat: repeat-x;
				text-align: center;
				vertical-align: middle;
				cursor: pointer;
				height: 30px;
				font-family: Arial;
				font-size: 12px;
				border-left: 1px solid #a8a5a5;
			}
			
			.tabEmpty {
				background-image: url(../images/sa_tab_bg.jpg);
				background-repeat: repeat-x;
				text-align: center;
				vertical-align: middle;
				border-left: 1px solid #a8a5a5;
			}
			
			.tabinnerBlockContainer {
				padding: 8px;
				background-color: #dcdcdb;
			}
			
			.tabContentVisible {
				display: block;
				background-color: #FFFFFF;
				border-top: 1px solid #b2b1b1;
				border-right: 1px solid #b2b1b1;
			}
			.tabContentHidden {
				display: none;
			}
			
			.tabrow1left {
				padding: 8px 0px 8px 15px;
				border-bottom: 1px solid #E0E0E0;
			}
			.tabrow1left a:link, .tabrow1left a:visited {
				color: #0063A6;
				text-decoration: none;
			}
			.tabrow1left a:hover {
				color: #0063A6;
				text-decoration: underline;
			}
						
			.tabrow1right {
				padding: 8px 15px 8px 4px;
				border-bottom: 1px solid #E0E0E0;
				
			}
			.tabrow1right a:link, .tabrow1right a:visited {
				color: #0063A6;
				text-decoration: none;
			}
			.tabrow1right a:hover {
				color: #0063A6;
				text-decoration: underline;
			}
			
			.tabrow2left {
				padding: 8px 0px 8px 15px;
				border-bottom: 1px solid #E0E0E0;
				background-color: #f9f8f8;
			}
			.tabrow2left a:link, .tabrow2left a:visited {
				color: #0063A6;
				text-decoration: none;
			}
			.tabrow2left a:hover {
				color: #0063A6;
				text-decoration: underline;
			}
			
			.tabrow2right {
				padding: 8px 15px 8px 4px;
				border-bottom: 1px solid #E0E0E0;
				background-color: #f9f8f8;
			}
			.tabrow2right a:link, .tabrow2right a:visited {
				color: #0063A6;
				text-decoration: none;
			}
			.tabrow2right a:hover {
				color: #0063A6;
				text-decoration: underline;
			}
			.tabrowborderlessleft {
				font-family: Arial;
				font-size: 12px;
			}
			.tabrowborderlessright {
				font-family: Arial;
				font-size: 12px;
			}
			
			.tabSlimPaddingSides {
				padding-left: 8px;
				padding-right: 8px;
			}
			
			.tabSubmitTable {
				
				border-top: 0px !important;
			}
			
			.tabSubmitCell {
				padding: 12px;
			}

/************ Photo Album **********************

.paContainer {
	font-family: Arial;
	font-size: 12px;
}

.paName
{
	font-size: 16px;
	height: 20px
}

.paNumPhotos
{
	height: 25px;
}

.paSaveButtonActive
{
	background-color: #FFCC00;
}


/******************** Indexed Articles Stat/Report Styles *********************
.noIndentRow { font-size:1.3em; font-weight:bold; }
.oneIndentRow { padding-left:40px; }
.twoIndentRow { padding-left:90px; }
.indexedArticleCSVLink { display:block; margin-left:650px; padding-bottom:10px; }



/******************** Security *************************

.secureItemDiv {
	width: 420px;
	height: 200px;
	overflow-y: scroll;
	border: 1px solid #828790;
}



.secureItem {
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	padding: 5px;
	padding-left: 10px;
}

.secureItemRow {
	background-color: #FFFFFF;
}

.secureItemRow:hover {
	background-color: #d9e8ff;
	cursor: pointer;
}

.secureItemLowDivOuter {
	width:100%;
	height: 400px;
	display: none;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px solid #828790;
	background-color: #FFFFFF;
}

.moduleItemLowDivOuter {
	width: 500px;
	height: 350px;
	display: none;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px solid #828790;
	background-color: #FFFFFF;
}

.redirectItemLowDivOuter {
	width: 500px;
	height: 280px;
	display: none;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px solid #828790;
	background-color: #FFFFFF;
}

.secureItemLowDivInner {
	width:100%;
	
	height: 315px;
	overflow-y: scroll;
}

.redirectItemLowDivInner {
	width:100%;
	
	height: 255px;
	overflow-y: scroll;
}


.secureItemLow {
	font-family: Arial;
	font-size: 12px;
	padding: 3px;
	border-bottom: 1px solid #CFCFCF;
}

.secureItemLowRow {
	background-color: #FFFFFF;
}

.secureItemLowRow:hover {
	background-color: #d9e8ff;
}

#userMsg img {
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
}


.NewPassword{
	font-size:10px;
}

.neutral{
	width:127px;
	padding:3px;
	margin-top: 3px;
	font-size:11px;
	text-align:center;
	border:1px solid #000000;
	background-color:#FFFFFF;
}

.veryweak{
	background-color:#B40404;
}

.weak{
	background-color:#DF7401;
}

.medium{
	background-color:#FFFF00;
}


.strong{
	background-color:#9AFE2E;
}

.verystrong{
	background-color:#0B610B;
	color:#FFFFFF;
}

/***********  Feedback  ***************

#feedbackContainer {
	position: absolute;
	left: 600px;
	top: 40px;
	width: 280px;
	height: 125px;
	background-image: url(../images/fb_ad_bg.png);
	background-repeat: no-repeat;
	
}

#feedbackText {
	position: absolute;
	left: 70px;
	top: 10px;
	width: 195px;
	height: 50px;
	text-align: center;
}

#feedbackButton {
	position: absolute;
	right: 23px;
	bottom: 19px;
	
}

/* Add Page to Mobile From Existing Styles *
.addMobileExisting ul { list-style: none; margin: 0px; padding: 0px; }
.addMobileExisting li { list-style: none; padding: 0px 5px 0px 5px; cursor: default;  }
.addMobileExisting ul li ul { display: none; }
.addMobileExisting ul li ul li ul{ display: none; }
.addMobileExisting .expand { padding-right: 5px; cursor: pointer;  }
.addMobileExisting .sectionLI {  }
.addMobileExisting .categoryLI { padding-left: 15px;  }
.addMobileExisting .pageLI { padding-left: 20px;  }
.addMobileExisting .optionDiv { min-height: 30px; font-size: 12px; line-height: 25px; padding-top:2px;}
.addMobileExisting .activeLI { 
	/* IE9 SVG, needs conditional override of 'filter' to 'none' *
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iI2RmZGZkZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(234,234,234,1) 0%, rgba(223,223,223,0) 54%, rgba(214,214,214,0) 100%); /* FF3.6+ *
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(234,234,234,1)), color-stop(54%,rgba(223,223,223,0)), color-stop(100%,rgba(214,214,214,0))); /* Chrome,Safari4+ *
	background: -webkit-linear-gradient(left,  rgba(234,234,234,1) 0%,rgba(223,223,223,0) 54%,rgba(214,214,214,0) 100%); /* Chrome10+,Safari5.1+ *
	background: -o-linear-gradient(left,  rgba(234,234,234,1) 0%,rgba(223,223,223,0) 54%,rgba(214,214,214,0) 100%); /* Opera 11.10+ *
	background: -ms-linear-gradient(left,  rgba(234,234,234,1) 0%,rgba(223,223,223,0) 54%,rgba(214,214,214,0) 100%); /* IE10+ *
	background: linear-gradient(to right,  rgba(234,234,234,1) 0%,rgba(223,223,223,0) 54%,rgba(214,214,214,0) 100%); /* W3C *
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#00d6d6d6',GradientType=1 ); /* IE6-8 *
}
.addMobileExisting .addMobileButton { display: inline; margin: 0px; padding: 0px; height: 22px; font-size: 12px; margin-left: 10px;  cursor: pointer; }



input[type=radio] {
	cursor: pointer;
}


/* The switch - the box around the slider *
.switch {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 14px;
  
}

/* Hide default HTML checkbox *
.switch input {display:none;}

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

.slider:before {
  position: absolute;
  content: "";
  height: 19px;
  width: 19px;
  left: -1px;
  
  
  bottom: -3px;
  background-color: white;
  
-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.31);
-moz-box-shadow:    0px 1px 5px 0px rgba(50, 50, 50, 0.31);
box-shadow:         0px 1px 5px 0px rgba(50, 50, 50, 0.31);
  border: 1px #CCCCCC solid;
  -webkit-transition: .1s;
  transition: .1s;
}

input:checked + .slider {
  background-color: #4ea2e3;
}

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

input:checked + .slider:before {
  -webkit-transform: translateX(19px);
  -ms-transform: translateX(19px);
  transform: translateX(19px);
  background-color: #0c7bc7;
  border: 1px solid #0c7bc7;
}

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

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

*/