/*------------------------------------------------------------------
HTML Tag Styles
------------------------------------------------------------------*/
BODY {
    font-family: Arial, Verdana, Tahoma;
      /*taking this out to let bootstrap control unless I find problems. 20NOV13. line-height:normal; */
    
    /*iPhone/mobile fix for enlarged text*/
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: none;
}

BODY.popup {
	margin:10px;
	background-color:#ffffff;
	background-image:none;
	font-size:12px;
}


DIV.popupCopyrightFooter {
	font-size:9px;
	color:#888888;
	text-align:left;
	margin-top:5px;
}

BODY.intranet {
	background-color:#E5E5E5;
	background-image: none;
	
}


A { text-decoration: none; outline:0;}
A:hover { text-decoration: underline; }
A:focus { outline:0; }
	A.help-link {
		cursor: help;
		border-bottom: 1px dotted #999999;
	}


.closedUp { padding:0 !important;margin:0 !important; }
.closed-top { padding-top:0 !important;margin-top:0 !important;}
.closed-bottom { padding-bottom:0 !important;margin-bottom:0 !important;}

/*since this stylesheet will generally come before any others, and we don't qualify all the tags and other classes this could be used with, the !important flag is necessary*/
.no-radius { border-radius:0 !important; }
.no-radius-top { border-top-right-radius:0 !important;border-top-left-radius:0 !important;}
.no-radius-bottom {border-bottom-right-radius:0 !important;border-bottom-left-radius:0 !important;}
.no-radius-left {
	border-bottom-left-radius: 0 !important;
	border-top-left-radius: 0 !important;
}
.no-radius-right {
	border-bottom-right-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

.no-border { border:0 !important;}
.no-border-right {
	border-right: 0;
}
.no-border-left {
	border-left: 0;
}
.no-border-top {
	border-top: 0;
}
.no-border-bottom {
	border-bottom: 0;
}

.fade-25 { filter: alpha(opacity=75); opacity: .75;}
.fade-50 { filter: alpha(opacity=50); opacity: .50;}
.fade-75 { filter: alpha(opacity=25); opacity: .25;}

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

/*-----------------------------------------------------
Added 9.14.2014. Easy way to put a circle or square around FontAwesome, number or anything else. Ugly colors to remind site-specific override
*/

.bordered-icon {
	color: #0000ff;
	border: 2px solid #CCCCCC;
	border-radius: 3px;
	text-align: center;
	font-weight:300;
	margin-bottom:20px;
}

	.bordered-icon.border-thin {
		border-width: 1px;
	}
	.bordered-icon.border-thick {
		border-width: 6px;
	}
	.bordered-icon.border-xl {
		width: 150px;
		height: 150px;
		font-size: 80px;
		line-height: 150px;
	}
	.bordered-icon.border-lg {
		width: 105px;
		height: 105px;
		font-size: 60px;
		line-height: 105px;
	}
	.bordered-icon.border-md {
		width: 75px;
		height: 75px;;
		font-size: 40px;
		line-height: 75px;
	}
	.bordered-icon.border-sm {
		width: 55px;
		height: 55px;;
		font-size: 24px;
		line-height: 55px;
	}
	.bordered-icon.border-xs {
		width: 25px;
		height: 25px;
		font-size: 17px;
		line-height: 26px; /*one px more, otherwise a teeny bit too high*/
	}
		
	.bordered-icon.border-inverse {
		background:#666666;
		color:#FFFFFF;
		border:0;
	}
	.bordered-icon.border-cta { /*call to action*/
		background-color:#FFeeee;
		border-color:#FF0000;
		color:#ffffff;
	}

	.bordered-icon.border-ring { /*works with border-inverse to put a ring around the icon*/
		border-color:#FFFFFF;
		border:5px solid #FFFFFF; /*in custom css, should be background color of page*/
		box-shadow: 0 0 0 3px #999999; /*the color of this is what color the ring is*/
	}
		.bordered-icon.border-ring.border-thin {
		
			box-shadow:0 0 0 1px #999999;
		}
		.bordered-icon.border-ring.border-thick {
			box-shadow:0 0 0 6px #999999;
		}

.bordered-icon.border-circle {
	border-radius: 50%;
}
/*-------------------------------------------------------------------*/
/*Added 9.18.2014 */

.arrow-up {
	border-color: white transparent;
	border-style: inset solid; /*inset gets rid of micr-border on some browsers*/
	border-bottom-style: solid;
	border-width: 0px 20px 20px 20px;
	height: 0px;
	width: 0px;
}
	.arrow-up.arrow-large {
		border-width: 0px 40px 40px 40px;
	}

.arrow-down {
	border-color: white transparent;
	border-style:  inset solid;
	border-top-style: solid;
	border-width: 20px 20px 0px 20px;
	height: 0px;
	width: 0px;
}
	.arrow-down.arrow-large {
		border-width: 40px 40px 0px 40px;
	}

.arrow-right {
	border-color: transparent white;
	border-style: inset solid;
	border-left-style:solid;
	border-width: 20px 0px 20px 20px;
	height: 0px;
	width: 0px;
}

.arrow-left {
	border-color: transparent white;
	border-style: inset solid;
	border-right-style:solid;
	border-width: 20px 20px 20px 0px;
	height: 0px;
	width: 0px; 
}

/*----- Common Contact -------------------------------------------------------------*/
#commonContact.thankYouContainer {
	font-size:14px;
	font-weight:bold;
	color:#333333;
	padding:15px;
	text-align:center;
}

/*----- backgrounds ------------------------------------------------------------------*/
.ck-bg-notebook {
	background:url("../images/backgrounds/notebook.png") repeat-y;
}

/*----- actionBar ------------------------------------------------------------------*/
DIV.actionBar {
	background-color:#E0E0E0;
	padding:15px;
	border:1px solid #D0D0D0;
	color:#404040;
	border-radius:3px;
	margin:5px 0 10px 0;
}
DIV.actionBar TD {
	color:#000000;
}
DIV.actionBar TD.title,
DIV.actionBar SPAN.title,
DIV.actionBar DIV.title {
	padding:0px;
	margin:0px;
	font-size:13px;
	color:#555555;
}
DIV.actionBar.actionBar-fw {
	margin-top:20px;
	border:0;
	border-top:1px solid #e4e4e4;
	background:none;
	text-align:center;
}



.backgroundColor {
	background-color: #2d3851;
}

.imageLink
{
    CURSOR: pointer;
}
.loginText {
    font-size: 10px;
    color: #333333;
    font-family:inherit;
}
.scrollLayer {
    overflow: auto;
    width: 100%
}

TD.popupHeader {
	font-size:13px;
	background:url("http://yachtnext.com/images/popupHeaderFill.jpg") repeat-x top left;
	font-weight:bold;
	margin-bottom:5px;
	padding:0px;
	margin:0px;

}

UL.arrows {
	list-style-image:url("../images/dottedArrow_blackRight.gif");
}
UL.arrows LI {
	padding-bottom:4px;
}
ul.spaced li {
	padding-bottom: 15px;
}

.ellipsis {
	width: 230px;/*default. should be controlled with inline style*/
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*---------------------------------------------------------------
Standard Buttons
----------------------------------------------------------------*/

.button,
.button:focus {
	font-family: Arial, Verdana,helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
	
	margin:0px;
	padding-left:6px;
	padding-right:6px;
	padding-top:0px;
	padding-bottom:2px;
	
	outline:0;
	
	height:22px;
	
	background:#CCCCCC;
	border:1px solid #BBBBBB;
	background-image:url("../images/buttons/backgrounds/white.jpg");
	cursor:pointer;
}
.button.secondary,
.button.secondary:focus {
	background-image:url("../images/buttons/backgrounds/white.jpg");
	color:#666666;
}
.button.large,
.button.large:focus {
	font-size:18px;
	height:45px;
	padding:0 20px 0 20px;
	border-radius:5px;
}

.button,
.button TD,
.button DIV {	
	/* The TD within the button is declared separately so global font size settings will not affect the button font size*/
	color:#333333;
	font-size:11px;
	line-height:12px;
}
.buttonWide {
	padding-left:10px;
	padding-right:10px;
}

.button:hover{
	background-image:url("../images/buttons/backgrounds/gray.jpg");
	border:1px solid #999999;
}


INPUT.button.disabled,
INPUT.button.disabled:hover  {
	background:#CCCCCC;
	background-image:url("../images/buttons/backgrounds/disabled.jpg");
	border:1px solid #999999;
	color:#888888;
	cursor:auto;
}

/*---------------------------------------------------------------
A Block
----------------------------------------------------------------*/
A.blockButton {
	color:#333333;
	cursor:pointer;
	text-align:left;
	padding:3px;
	display:block;
	font-weight:normal;
	text-decoration:none;
	border-bottom:1px solid #DDDDDD;
	height:18px;
	line-height:normal;
	font-family:inherit;
}
A.blockButton:hover,
A.blockButton.rightArrow:hover {
	background-color:#666666;
	color:#FFFFFF;
	text-decoration:none;
	font-family:inherit;
}
A.blockButton.rightArrow {
	background-image:url("../images/dottedArrow_blackRight.gif");
	background-repeat:no-repeat;
	background-position:5px 25%;
	padding-left:19px;
}

/*---------------------------------------------------------------
Text
----------------------------------------------------------------*/
.textSm		 { font-size: 9px; }
.textMed	 { font-size: 11px; }
.textLg		 { font-size: 12px; }
.textHigh    { color: #6f2222; }
.textBlend   { color: #b2b0a6; }
.textError   { color: #ff0000; }
.textWarning { color: #FF0000; }
.text-strike {
	text-decoration: line-through;
}

/*---------------------------------------------------------------
Table Lists
----------------------------------------------------------------*/
TR.tablerow1, .tablerow1 { background-color: #ffffff; color: #000000; }
TR.tablerow2, .tablerow2 { background-color: #EFEFEF; color: #000000; }


/*---------------------------------------------------------------
Forms
----------------------------------------------------------------*/
.formLabel {
	text-align:right;
	font-weight:bold;
	padding-right:2px;
	color:#333333;
	font-size:inherit; /*11px;*/
}

.formIndent
{
    BORDER-TOP: #cccccc 1px solid;
    BORDER-LEFT: #cccccc 1px solid;
    BORDER-RIGHT: #eeeeee 1px solid;
    BORDER-BOTTOM: #eeeeee 1px solid;
    PADDING: 9px;
    background-color: #F9F9F9;
}
.formMandatory {
    COLOR: #9D0000;
}




/*----------------------------------------------------------------------------
Standard Containers Common
----------------------------------------------------------------------------*/
.infoDisplay,
.warningDisplay,
.errorDisplay,
.successDisplay {
	border:1px solid #CCCCCC;
	padding:5px;
	text-align:left;
}

.infoDisplay, .infoDisplay *,
.warningDisplay, .warningDisplay *,
.errorDisplay, .errorDisplay *,
.successDisplay, .successDisplay *  {
	/*font-family:Arial,Verdana;
	font-size:12px !important; 
	line-height:13px !important;*/
	background-repeat:no-repeat !important; 
	
}


.warningDisplay.withIcon,
.successDisplay.withIcon,
.errorDisplay.withIcon,
.successDisplay.withIcon {
	background-repeat:no-repeat !important;
	background-position:10px 10px;
	padding:20px 10px 25px 65px;
	/*font-family:Arial,Verdana; 
	font-size:11px !important; */
	margin-bottom:5px;
}
/* so we can use standard background color, but don't need the small text*/
.infoDisplay.size-inherited,.infoDisplay.size-inherited *,
.warningDisplay.size-inherited,.warningDisplay.size-inherited *,
.errorDisplay.size-inherited,.errorDisplay.size-inherited *,
.successDisplay.size-inherited, .successDisplay.size-inherited * {
	font-size:inherit !important; 
	line-height:inherit !important;
}

.error-debug-container {
	margin: 25px 10px 10px;
	border: 1px dotted rgba(0,0,0,0.3);
	padding: 15px;
	font-size:11px; /*so we can see more at once*/
	line-height:1.2;
	font-family:Arial, Arial, Helvetica, sans-serif;
}
	.error-debug-container .debug-title {
		padding: 5px;
		background: rgba(255, 255, 255, 0.5);
		font-weight: bold;
		font-size: 12px;
		margin-bottom: 10px;
	}
/*----------------------------------------------------------------------------
Standard Containers Unique
----------------------------------------------------------------------------*/

.infoDisplay { border:1px solid #C0C9DC; }
.infoDisplay, .infoDisplay * {
	background-color:#DDE2EC;
	color:#556484;
}

.warningDisplay { border:1px solid #DEBE00; }
.warningDisplay, .warningDisplay * {
	background-color:#FEF8CB;
	color:#665700;
}
.warningDisplay.withIcon {
	background-image:url("../images/backgrounds/standardContainers/warning.gif");
}


.successDisplay { border:1px solid #C4D1C7; }
.successDisplay, .successDisplay * {
	background-color:#E4F1E7;
	color:#006600;
}
.successDisplay.withIcon {
	background-image:url("../images/backgrounds/standardContainers/success.gif");
}


.errorDisplay { border:1px solid #CFA9A9; }
.errorDisplay, .errorDisplay * {
	background-color:#f5e3e3;
	color:#F44D27;
}
.errorDisplay.standardcontainer LI { color:#d8393E; }
.errorDisplay.withIcon {
	background-image:url("../images/backgrounds/standardContainers/error.gif");
}


.inputError{
	background-color:#EFE3E2;
	background-color:#f5e3e3;
}
.inputErrorLabel {
	color:#CC0000 !important; /*overriding formLabel in site specific stylesheet cancels out this color unless important*/
}

.clearDisplay {
	color:#000000;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:5px;
	font-size:10px;
}

/*----------------------------------------------------------------------------
sectionedTable
----------------------------------------------------------------------------*/
TABLE.sectionedTableTitle {
	
}

TABLE.sectionedTable {
	border-left:1px solid #eeeeee;
	border-right:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
	margin-bottom:5px;
	padding:3px;
	padding-bottom:5px;
	width:100%;
	background-color:#FCFCFC;
}
TABLE.sectionedTable .indent {
	BORDER-LEFT: #dedede 1px solid;
	BORDER-TOP: #dedede 1px solid;
	background-color:#EFEFEF;
}

TABLE.sectionedTableTitle {
	background-color:#FAFAF6;
}
TABLE.sectionedTable TH {
	border-top:1px solid #F3F3F3;
	border-left:1px solid #F3F3F3;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background-color:#F2F2F2;
	padding:2px;
}
TABLE.sectionedTable .instructions, 
SPAN.instructions,
DIV.instructions,
.instructions, 
.instructions TD, 
.instructions P, 
.instructions A, 
.instructions LI {
	
	font-size:10px;
	color:#888888;
	margin-top:0px;
}
.instructions A {
	color:#444444;
}

/*----------------------------------------------------------------------------
Images
----------------------------------------------------------------------------*/
DIV.noImage {
	border:1px solid #CCCCCC;
	text-align:center;
	font-size:10px;
	color:#999999;
	vertical-align:middle;
	background-color:#DDDDDD;
	padding-top:5px;
	
}

/*----- TAB ---------------------------------*/
DIV.ck-tabContent {
	display:none;
	
	min-height:300px; /*so small tabs stay at least a little consistent*/
	clear:left; /*required for FF so content stays within tab DIV*/
	width:100%; /*using width:100% and padding left or right causes IE to make it slightly too short, and FF too long but eliminating it makes the tab too wide*/
	padding-top:10px;padding-bottom:10px;
	padding-right:0px;padding-left:0px;
	/*
	9/13/16: removed overflow settings to allow BS3 dropdown menus in short tabs still display. This was prob in here from before BS3 layout and likely not needed anyway now
	overflow-y:auto;
	overflow-x:hidden;
	*/
	
}


/*----- ckQuickview ---------------------------------*/
DIV.ckQuickview-defaultWrapper {
	padding:6px;
	position:absolute;
	border:1px solid #999999;
	background-color:#FFFFCC;
	color:#666666;
	display:none;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	
	box-shadow:1px 1px 8px #525252;
	-moz-box-shadow: 1px 1px 8px #525252;
	-webkit-box-shadow: 1px 1px 8px #525252;
	-khtml-box-shadow: 1px 1px 8px #525252;

}
DIV.ckQuickview-icon {
	background-image:url("../images/icons/moreInfo.gif");
	background-repeat:no-repeat;
	float:left;
	width:23px;
	height:13px;
	cursor:help;
	margin-right:4px;
	
}
/*----- Paging ----------------------------------------*/
DIV.pagination {
	color:#000000;
	font-size:11px;
	font-family:Arial;
	font-weight:bold;
}
DIV.pagination .disabled {
	font-weight:normal;
	color:#999999;
	float:left;
}
DIV.pagination .separator,
DIV.pagination .currentPage {
	float:left;
	margin:0 6px 0 6px;
}
DIV.pagination .currentPage { 
	font-weight:bold;
}
DIV.pagination A {
	font-weight:normal;
	display:block;
	float:left;
	padding:0 3px 0 3px;
	margin:0 5px 0 5px;
}
DIV.pagination A:hover { }


/*----- Social Media Follow (outside megamenu) -------------------------------------------------*/

A.social-follow {
	background:url("../images/icons/social/sprite_follow.png") no-repeat;
	width:30px;
	height:30px;
	display:block;
	float:left;
	margin:5px;
}
A.social-follow.facebook { background-position: 0 0;}
A.social-follow.twitter { background-position: 0 -33px;}
A.social-follow.linkedin { background-position: 0 -66px;}
A.social-follow.pinterest { background-position: 0 -99px;}
A.social-follow.gplus { background-position: 0 -132px;}
						
A.social-follow.facebook:hover { background-position: -40px 0;}
A.social-follow.twitter:hover { background-position: -40px -33px;}
A.social-follow.linkedin:hover { background-position: -40px -66px;}
A.social-follow.pinterest:hover { background-position: -40px -99px;}
A.social-follow.gplus:hover { background-position: -40px -132px;}
						
/*-------------------- 
HTML5
----------------------*/
::-webkit-input-placeholder {
    color:    #AAA;
    font-style:italic;
}
:-moz-placeholder {
    color:    #AAA;
    font-style:italic;
}

/*--------------------------------------------
certain ckcommon pages (conversations, contacts...) need to use these layout ids so they're at least defined here. Individual
sites can set the sizes.  The ckcommon qualifier is so individual sites don't have to set a padding for all left containers
but can control anything there for ckcommon pages.  E.g. NASP has image that needs to be all the way top, but needs padding for ckcommon
pages like contacts and conversations.
*/

#leftContainer {
	/*left container div may be present even if only one column needs to show (blog when no widgets assigned) so do not set anything here by default (including float)*/
	/*width:620px;
	float:left;*/
}
#rightContainer {
	width:330px;
	float:left;
	margin-left:40px;
}
#leftContainer.ckcommon,
.ckcommon {
	padding-top:20px;
	padding-bottom:20px;
	min-height:720px;
}



A.gradient-button {
	font-family:'helvetica neue',helvetica,arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#353535;
	line-height:22px;
	text-align:center;
							
	background-color:#DDDDDD;
	background-image:-moz-linear-gradient(50% 0%, #eeeeee 10%, #dddddd 67%, #cccccc 100%);
	background-repeat:repeat;
							
	width:89px;
	height:22px;
	padding:5px 10px 5px 10px;
							
	box-shadow:transparent 0 -1px 0 0 inset, rgba(0, 0, 0, 0.12) 0 0 0 1px inset, rgba(255, 255, 255, 0.2) 0 2px 0 0 inset;
	border-radius:3px 3px 3px 3px;
	display:inline-block;
}
A.gradient-button:hover {
	text-decoration:none;
	color:#000000;
}


/*-----------------------------------------------------------------------------
Common Layout Classes
-----------------------------------------------------------------------------*/


.grey-bg {
	background: none repeat scroll 0% 0% #F7F8F8 !important;
	border-bottom:1px solid #dadfe1;
}
	.grey-bg.border {
		padding: 15px;

	}
	.grey-bg .inner-border {
		border: 1px solid rgba(176, 186, 191, 0.25);
		
	}



DIV.divider { /*DIV qualifier important to avoid conflict with LI dividers*/
	width: 50px;
	height: 1px;
	margin-top: 15px;
	margin-bottom:15px; /*do not specify left-right so we can use center-block class to center*/
	background-color:rgba(105,121,129,0.5);
}
	DIV.divider.divider-sm {
		width: 50px;
	}
	DIV.divider.divider-md {
		width: 100px;
	}
	DIV.divider.divider-lg {
		width: 150px;
	}


.overlay-x-black {
	background: url("http://yachtnext.com/ckcommon/images/backgrounds/overlay_x_black.png") repeat;
}
.overlay-x-white {
	background: url("../images/backgrounds/overlay_x_white.png") repeat;
}

.overlay-horiz-white {
	background: url("../images/backgrounds/overlay_horiz_white.png") repeat;
}

.overlay-diag {
	background: url("../images/backgrounds/overlay_diag.png") repeat;
}
.overlay-diag-white {
	background: url("../images/backgrounds/overlay_diag_white.png") repeat;
}
.pattern-diag-white {
	background: url('../images/backgrounds/pattern_diag_white.png') repeat;
}
.pattern-dots-white {
	background: url('../images/backgrounds/pattern_dots_white.png') repeat;
}
/*-------------------------------------------------------*/
.block-title {
	position: relative;
	margin-bottom: .25em;
	font-weight:600;
	text-transform: uppercase;
	padding:30px 35px;
	line-height: 1;
	text-align: center;
	float:left;
	clear:both;
			
}
.block-title {
	width: 96%;
	width: -moz-calc(100% - .5em);
	width: -webkit-calc(100% - .5em);
	width: calc(100% - .5em);
	margin: -.5675em auto .5em auto;
	width:auto;

	background: #CCCCCC;
	color: #FFFFFF;
	font-size:55px;
}
	.block-title.top { /*if appears at the top of the page, we don't want a negative margin*/
		margin: 0.5675em auto .5em auto;
	}
	.block-title:before {
		content: ' ';
		display: block;
		position: absolute;
		left: 0;
		top: 100%;
		height: 0;
		width: 0;
		border-left: .5em solid transparent;
		border-top: .375em solid #C0C0C0;
		z-index: 10;
	}
	.block-title.light {
		color: white;
		text-shadow: 1px 0 0 #1c3635, 2px 1px 0 #f4eb64, 2px 0 0 #f4eb64;
	}

/*------ standardized sizing for padding and margins */
 /*do not specify a left/right padding with cushions so this can be used in conjunction with border-left/right. Used on any container, including col */
.cushion-xs {
	padding-top: 15px;
	padding-bottom: 15px;
}
.cushion-sm {
	padding-top: 30px;
	padding-bottom: 30px;
}
.cushion-md {
	padding-top: 60px;
	padding-bottom: 60px;
}
.cushion-lg {
	padding-top: 80px;
	padding-bottom: 80px;
}
.cushion-xl {
	padding-top: 150px;
	padding-bottom: 150px;
}

.cushion-bottom-xs {
	padding-bottom: 15px;
}
.cushion-bottom-sm {
	padding-bottom: 30px;
}
.cushion-bottom-md {
	padding-bottom: 60px;
}
.cushion-bottom-lg {
	padding-bottom: 80px;
}
.cushion-bottom-xl {
	padding-bottom: 150px;
}
.cushion-top-xs {
	padding-top: 15px;
}
.cushion-top-sm {
	padding-top: 30px;
}
.cushion-top-md {
	padding-top: 60px;
}
.cushion-top-lg {
	padding-top: 80px;
}
.cushion-top-xl {
	padding-top: 150px;
}

.cushion-right-xs {
	padding-right: 15px;
}
.cushion-right-sm {
	padding-right: 20px;
}
.cushion-right-md {
	padding-right: 25px;
}
.cushion-right-lg {
	padding-right: 30px;
}
.cushion-left-xs {
	padding-left: 15px;
}
.cushion-left-sm {
	padding-left: 20px;
}
.cushion-left-md {
	padding-left: 25px;
}
.cushion-left-lg {
	padding-left: 30px;
}

/* table cushions..include option with .table prefix to override default BS formatting */
.table.table-cushion-xs td, .table-cushion-xs td {
	padding-top: 15px;
	padding-bottom: 15px;
}
.table.table-cushion-sm td, table-cushion-sm td {
	padding-top: 30px;
	padding-bottom: 30px;
}
.table.table-cushion-md  td, .table-cushion-md td {
	padding-top: 60px;
	padding-bottom:60px;
}
.table.table-cushion-lg td, .table-cushion-lg td {
	padding-top: 80px;
	padding-bottom:80px;
}

@media(min-width:768px) {
	/*mobile first, so normal bootstrap padding for xs is not destroyed. */
	/*for xs displays, no reason to show border and padding since always collapsed (and it messes up centered elements if not)*/
	.border-left { /*border-left and border-right go directly on col containers*/
	  border-left: 1px solid #dadfe1;
	  padding-left: 40px;
	}

	.border-right {
	  border-right: 1px solid #dadfe1;
	  padding-right: 40px;
	}
	.padding-right { /*placed in the column to the left of a border-left class*/
		padding-right: 40px;
	}
	.padding-left { /*placed in the column to the right of a border-right class*/
		padding-left: 40px;
	}

}

.margin-sm {
	margin-top:10px;
	margin-bottom:10px;
}
.margin-md {
	margin-top:20px;
	margin-bottom:20px;
}
.margin-lg {
	margin-top:30px;
	margin-bottom:30px;
}
.margin-top-sm {
	margin-top:10px;
}
.margin-top-md {
	margin-top:20px;
}
.margin-top-lg {
	margin-top:30px;
}

.margin-bottom-sm {
	margin-bottom:10px;
}
.margin-bottom-md {
	margin-bottom:20px;
}
.margin-bottom-lg {
	margin-bottom:30px;
}

.nowrap {
	white-space: nowrap !important;
}