﻿/** PCS OVERRIDES FOR BOOTSTRAP **/

/** These are mixin styles designed to ""bootstrap Bootstrap"" so PCS classes in common_min.css do not force their way through.  
	This happens most commonly when common_min.css has a style declaration and Bootstrap does not, instead relying on inheritance.
	Even though these styles are manually pasted in, they are copied directly from Bootstrap code and not altered in any way.  Instead,
	we are duplicating them here rather than modifying the original source Bootstrap files which would lead to problems as we upgrade
	through new Bootstrap versions since our changes would also be lost. **/
p,
ol,
ul,
li,
td,
th {
	font-size: 14px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}


/** These are overrides designed to coincide with Bootstrap styles, but PCS additions **/
body,
p,
ol,
ul,
li,
td,
th {
	font-size: 16px;
}



/** PCS LAYOUT **/
.pcs-container-narrow { max-width: 650px; }
.pcs-no-center {
	margin-left: 0;
	margin-right: 0;
}
.pcs-margin-sides {
	margin-left: 15px;
	margin-right: 15px;
}
.pcs-margin-left {
	margin-left: 15px;
}
.pcs-margin-right {
	margin-right: 15px;
}
.pcs-margin-topbottom {
	margin-top: 15px;
	margin-bottom: 15px;
}
.pcs-margin-top {
	margin-top: 15px;
}
.pcs-margin-bottom {
	margin-bottom: 15px;
}
.pcs-margin-none {
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
}
.pcs-margin-sides-none {
	margin-left: 0;
	margin-right: 0;
}
.pcs-margin-left-none {
	margin-left: 0;
}
.pcs-margin-right-none {
	margin-right: 0;
}
.pcs-margin-topbottom-none {
	margin-top: 0;
	margin-bottom: 0;
}
.pcs-margin-top-none {
	margin-top: 0;
}
.pcs-margin-bottom-none {
	margin-bottom: 0;
}
.pcs-width-auto { width: auto; }
.pcs-width-25 { width: 25%; }
.pcs-width-33 { width: 33%; }
.pcs-width-40 { width: 40%; }
.pcs-width-50 { width: 50%; }
.pcs-width-75 { width: 75%; }
.pcs-width-80 { width: 80%; }
.pcs-width-85 { width: 85%; }
.pcs-width-90 { width: 90%; }
.pcs-width-95 { width: 95%; }
.pcs-width-100 { width: 100%; }




/** PCS STYLES, ELEMENTS FOR THEME **/
.inner-sheet-content {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 0;
	margin-right: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #fff;
	border-style: solid;
	border-color: #bbb;
	border-width: 1px;
	border-radius: 4px 4px 4px 4px;
}
.box-shadow {
	-webkit-box-shadow: 2px 2px 10px #bbb;
	box-shadow: 2px 2px 10px #bbb;
}
.noclick { cursor: not-allowed;}





/** PCS COLORS, THEMES **/
.pcs-lightgray { color: #f5f5f5; }
.pcs-mediumgray { color: #bbb; }
.pcs-darkgray { color: #999; }
.pcs-white { color: white; }
.pcs-black { color: black; }
.pcs-charcoal { color: #444; }
.pcs-blue { color: #3461cb;}
.pcs-pink { color: #d62165; }
.pcs-red { color: #a00; }
.pcs-lightgreen { color: lightgreen;}
.pcs-darkgreen { color: green;}

.pcs-bg-lightgray { background-color: #f5f5f5; }
.pcs-bg-mediumgray { color: #bbb; }
.pcs-bg-darkgray { background-color: #999; }
.pcs-bg-white { background-color: white; }
.pcs-bg-black { background-color: black; }
.pcs-bg-charcoal { background-color: #444; }
.pcs-bg-blue { background-color: #3461cb;}
.pcs-bg-pink { background-color: #d62165; }
.pcs-bg-red { background-color: #a00; }
.pcs-bg-lightgreen { background-color: lightgreen;}
.pcs-bg-darkgreen { background-color: green;}

.pcs-main-container {
	/* pcs-lightgray */ background-color: #f5f5f5;
	/* pcs-darkgray */	border-top: 1px solid #999; 
	/* pcs-darkgray */	border-bottom: 1px solid #999;
	padding-top: 20px;
	padding-bottom: 20px;
}
.pcs-bg-white {
	background-color: #fff;
}
.pcs-bg-lightgray {
	background-color: #f5f5f5;
}
.pcs-bg-darkgray {
	background-color: #999;
}
.pcs-border-topbottom-darkgray {
	/* pcs-darkgray */	border-top: 1px solid #999;
	/* pcs-darkgray */	border-bottom: 1px solid #999;
}





/** PCS TYPOGRAPHY **/
h1 { /* pcs-blue */	color: #3461cb; }
h2 { /* pcs-blue */	color: #3461cb; }
h3 { /* pcs-blue */	color: #3461cb; }
h4 { /* pcs-blue */	color: #3461cb; }
h5 { /* pcs-blue */	color: #3461cb; }
h6 { /* pcs-blue */	color: #3461cb; }
p {}
blockquote {}

.pcs-font-size-xxs { font-size:xx-small;}
.pcs-font-size-xs { font-size: x-small;}
.pcs-font-size-s { font-size: small;}
.pcs-font-size-m { font-size: medium;}
.pcs-font-size-l { font-size: large;}
.pcs-font-size-xl { font-size: x-large;}
.pcs-font-size-xxl { font-size: xx-large;}
.pcs-font-size-smaller { font-size: smaller;}
.pcs-font-size-larger { font-size: larger;}

.pcs-italic { font-style: italic; }
.pcs-font-serif { font-family: Cambria, Georgia, "Times New Roman", Times, serif; }

.pcs-nowrap { white-space: nowrap; }
.pcs-wrap { white-space:normal; }

