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

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

.wrapper {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;

	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	text-align: center;

	max-width: 1200px;
	margin: 0 auto;
}

.wrapper > * {
	padding: 10px;

	-webkit-flex: 1 100%;
	-ms-flex:  1 100%;
	flex: 1 100%;
}

.wrapper:not(.home) > * {
	background-image:url("/imgs/gei-wrestling-blurred1.jpg");
}

.geiDesigner .wrapper > * {
	padding: 2px 4px;
}

.geiDesigner .ui-btn:not(.ui-btn-icon-left):not(.ui-slider-handle) {
    padding: 5px 10px;
}

.geiDesigner #btCustomControls .ui-checkbox label {
    padding-bottom: 4px;
    padding-top: 4px;
}

.geiDesigner #btnSpin {
	position: absolute;
	right: 12px;
	top: 12px;
}

h4 {
    text-shadow: none;
    color: #91e79a;
    font-size: 18px;
    font-weight: normal;
}
/* -----------------------------------------------
	header grid
----------------------------------------------- */

#geiHeader {
	background-color: black;
	/* display: inline-block; */
}

#geiHeaderGrid {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;

	color: white;
	padding: 4px 10px;

	background-color: black;
}

/*
.geiDesigner #geiHeaderGrid {
    padding: 0 10px;
}
*/

#geiHeaderLogo {
	display: block;
	cursor: pointer;
	width: 200px;
    height: 40px;	
}

#geiHeaderLbl {
	-webkit-flex: 1 0;
	-ms-flex: 1 0;
	flex: 1 0;

	display: block;
	margin: 0;
	padding: 0;
	align-self: center;
}

#geiHeaderMenu {
	display: block;
	text-align: right;
}

#geiHeaderMenu > a {
	border: none;
}

#geiUserLabel {
	color: #0f9B26;
}

#geiSignInLink, #geiSignInLink:visited {
	color: #0f9B26;
	text-decoration: none;
	padding-top: 9px;
	display: block;
}

#geiSignInLink:focus, #geiSignInLink:hover {
	color: white;
}

#geiSignUpLink, #geiSignUpLink:visited {
	color: #91e79a;
	text-decoration: none;
	padding-top: 9px;
}

#geiSignUpLink:focus, #geiSignUpLink:hover {
	color: white;
}

.geiDesigner #dcappFooterContent {
    padding: 4px 16px;
}

#sectHistBody p.geiHistWho {
	color: #0f9B26;
}

#sectHistBody p.geiHistGei {
	text-align: right;
}

/* -----------------------------------------------
	main content
----------------------------------------------- */

html head+body .ui-btn.ui-btn-a, html head+body .ui-btn.ui-btn-a:visited {
	background-color: black;
	border: 1px solid gray;
	color: white;
	font-size: 14px;

}

html head+body .ui-btn.ui-btn-a.gray, html head+body .ui-btn.ui-btn-a.gray:visited {
    background-color: rgba(211, 211, 211, 0.7);
    color: black;
}

html head+body .ui-btn.ui-btn-a.gray2, html head+body .ui-btn.ui-btn-a.gray2:visited {
    background-color: rgba(108, 108, 108, 0.7);
    border: 1px solid rgba(108, 108, 108, 0.7);
    padding-top: 4px;
    padding-bottom: 4px;
    font-weight: normal;
    font-size: 110%;
}

#main {
	text-align: left;

	-ms-flex-order: 0;
	-webkit-order: 0;
	order: 0;
}

@media all and (min-width: 755px) {
	#main {
		-webkit-flex: 1 0;
		-ms-flex: 1 0;
		flex: 1 0;

		-ms-flex-order: 1;
		-webkit-order: 1;
		order: 1;
	}
}
#main p {
	padding:5px 90px;
}
#main p.smallpad {
	padding:5px;
}
.ui-button{
	max-width:300px;

}
.ui-listview{
	max-width:600px;
	margin-left:auto;
	margin-right:auto;
    position: relative;
}

#dcuiDialog .ui-bar a.close {
    color: white;
}

/* Portal Page */

#geiSiteLink, #geiSiteLink:visited {
	text-shadow: none;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
}

#geiSiteLink:hover, #geiSiteLink:focus {
	color: #aaa;
}

body.general .ui-bar-a h4 {
	text-shadow: none;
	color: #0f9B26;
    font-size: 22px;
    font-weight: normal;
}

body.general div.ui-bar.dcFlexRow {
	align-items: flex-end;
}

body.general #main p {
    padding: 5px 90px;
    max-width: 600px;
    margin: auto;
    font-size: 14px;
}


div.home {
	color: white;
}

div.wrapper.home {
	text-align: left;
}

div.home #main img {
	max-width: 100%;
}

div.home #main p {
    padding: 5px 10px 5px 40px;
	line-height: 17px;
    font-size: 14px;
    font-weight: normal;
}

#areaExtra.home {
    padding: 5px 20px 5px 40px;
}

#areaExtra.home p {
    padding: 8px 10px;
    margin: 0;
}

@media all and (min-width: 755px) {
	div.home #main {
		-webkit-flex: 1 1 48%;
		-ms-flex: 1 1 48%;
		flex: 1 1 48%;

		-ms-flex-order: 0;
		-webkit-order: 0;
		order: 0;
	}
	
	div.home #areaProd {
		-webkit-flex: 1 1 40%;
		-ms-flex: 1 1 40%;
		flex: 1 1 40%;
	}
}


/*
.ui-page-theme-b .ui-btn, html .ui-bar-b .ui-btn, html .ui-body-b .ui-btn, html body .ui-group-theme-b .ui-btn, html head + body .ui-btn.ui-btn-b, .ui-page-theme-b .ui-btn:visited, html .ui-bar-b .ui-btn:visited, html .ui-body-b .ui-btn:visited, html body .ui-group-theme-b .ui-btn:visited, html head + body .ui-btn.ui-btn-b:visited{
	background-color:#1e2360 !important;
}
*/

.dcappWrapper{
	color:#5f5f5f !important;
	text-align:center;
}
div[itemprop]{
	float:left;
	padding-right:20px;
}

#areaProd img {
	float: left;
	padding-right: 12px;
	padding-bottom: 12px;
}

#btInst {
	padding: 10px;
	box-sizing: border-box;
	text-align: left;

	-webkit-flex: 0 0 300px;
	-ms-flex: 0 0 300px;
	flex: 0 0 300px;
	
	max-width: 300px;
}

#btInst .ui-body {
    padding: .2em 1em;
}

#btView {
	-webkit-flex: 1 0;
	-ms-flex: 1 0;
	flex: 1 0;

	padding: 0;

	background-color: #ebeced;
}

@media (min-width: 28em) {
	#btSubmit .ui-field-contain > label, .ui-field-contain .ui-controlgroup-label {
		width: 22%;
	}

	#btSubmit .ui-field-contain > label ~ [class*="ui-"], .ui-field-contain .ui-controlgroup-controls {
		width: 75%;
	}
}

.bt-wrapper {
	width: 1024px;
}

#btDesign {
	min-width: 724px;
	width: 100%;
}

.controlgroup-textinput {
    padding-top:.22em;
    padding-bottom:.22em;
}

.controlgroup-highlights {
    color: black;
    background: white;
    border: 1px solid gray;
    padding: 5px 0px 5px 10px;
    border-bottom-left-radius: .3125em;
    border-top-left-radius: .3125em;
    font-size: 14px;
    font-weight: bold;
}

.geiSearchText {
	height: 31px;
	padding: 4px 0;
	min-width: 400px;
}

.geiSearchButton {
	padding: 12px;
}

#txtEditPane .controlgroup-textinput {
    padding: 0 12px;
}

#txtEditPane .ui-input-text input {
    padding: 0;
	height: 24px;
	min-height: 24px;
}

#editText {
	width: 120px;
}

#editTextAngle, #editTextSize {
	width: 90px;
}

.bldCntrlPane > .ui-body > .ui-controlgroup > .ui-controlgroup-controls > a:first-of-type {
	color: black;
	background-color: white;
	min-width: 35px;
	text-align: right;
}

#clrList a, #clrRecentList a, #clrCustList a, #clrCustRecentList a {
	display: block;
	margin: 12px;
	padding: 32px 8px;
	width: 120px;
	text-align: center;
	text-decoration: none;
}

#clrList a.lesspad {
	padding: 23px 8px;
}

#clrList a.blocked, #clrRecentList a.blocked, #clrCustList a.blocked, #clrCustRecentList a.blocked {
	background-image: url(/imgs/blocked.png);
	cursor: default;
}

#clrRecentArea, #clrCustRecentArea, #bkgRecentArea {
	display: none;
}

#clrRecentArea h3, #clrCustRecentArea h3, #bkgRecentArea h3 {
	color: white;
}

#btView .thumb-list a {
	display: block;
	margin: 12px;
	color: red;
	font-size: 120%;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
}

#btView.large-thumb .thumb-list a {
	padding: 92px 8px;
	width: 120px;
	height: 230px;
}

#btView.medium-thumb .thumb-list a {
	width: 120px;
	height: 130px;
	padding: 27px;
}

#logoTemplatesList a {
	display: block;
	margin: 12px;
	padding: 126px 8px 8px 8px;
	background-repeat: no-repeat;
	width: 120px;
	color: red;
	font-size: 120%;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
}

.geiLogEntryCust {
	text-align: left;
	display: inline-block;
	float: left;
	margin: 0 64px 24px 64px;
}

.geiLogEntryGei {
	text-align: right;
	display: inline-block;
	float: right;
	margin: 0 64px 24px 64px;
}

.geiRedTag {
    height: 20px;
    width: 20px;
    background-color: red;
}

#lstLog .ui-popup > p, #lstLog .ui-popup > h1, #lstLog .ui-popup > h2, #lstLog .ui-popup > h3, #lstLog .ui-popup > h4, #lstLog .ui-popup > h5, #lstLog .ui-popup > h6 {
	margin: 1em 1em;
}

#sectMe a.edit, #sectMe a.edit:visited {
    color: lightgray;
	text-decoration: none;
}

#sectMe a.edit:hover, #sectMe a.edit:focus {
    color: white;
}

body.general #main .list-design {
	background-color: rgba(69, 151, 85, 0.4);
	margin-bottom: 12px;
    position: relative;
}

body.general #main .list-design .detail-box {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	position: relative;
	    
	border: 3px solid #459755;
	background-color: white;
}

body.general #main .list-design.draft .detail-box {
	border: 3px solid #9b4b56;
	background-color: #e1c7c8;
}

body.general #main .list-design .copy-box {
	/* trick to support text overflow issues */
	min-width: 0;
	-webkit-flex: 1 0;
	-ms-flex: 1 0;
	flex: 1 0;
}

body.general #main .list-design .copy-box .desc-box {
	color: black;
    font-size: 14px;
    margin: 9px 0;
}

body.general #main .list-design .copy-box .desc-box span {
	color: #459755;
}

body.general #main .list-design.draft .copy-box .desc-box span {
	color: #770f0f;
}

body.general #main .list-design .image-box img {
	width: 133px;
	height: 120px;
    margin: 9px;
    display: inline-block;
    box-sizing: border-box;
}

body.general #main .list-design .copy-box .edit-box {
	text-align: center;
}

body.general #main .list-design .note-box {
	color: black;
	text-align: center;
	line-height: 24px;
    font-size: 14px;
}

body.general #main .list-design .note-box span {
	color: #777;
}

body.general #main .list-design .trash-box {
	position: absolute;
	left: calc(100% - 20px);
    top: calc(100% - 24px);
    width: 16px;
    height: 20px;
	color: #777;
	font-size: 20px;
	cursor: pointer;
}

body.general #main .list-design .msg-box {
	padding: 4px;
}

body.general #main .list-design .msg-box i.fa {
	color: #a8da2d; 
}

body.general #main .list-design .msg-box a, body.general #main .list-design .msg-box a:visited {
	color: #a8da2d; 
	text-decoration: none;
	font-weight: normal;
}

html head+body .ui-btn.ui-btn-a.green, html head+body .ui-btn.ui-btn-a.green:visited {
    background-color: rgba(200, 213, 196, 0.7);
    color: black;
}

/*
#lstDesigns .ui-btn{
	background-color: #d5d5d5 !important;
}
*/

#lstDesigns .ui-body-a {
    background-image: none;
}

/* -----------------------------------------------------------
	rules for most pages with the paired-media sections
-------------------------------------------------------------- */

.dc-youtube-container iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 90%;
}

body.general #main .dc-section {
	padding: 40px 0;
}

body.general #main .dc-section:not(:last-child) {
	border-bottom: 2px solid #000;
}

body.general #main .dc-section.morelink p:last-child {
	text-align: right;
}

body.general #main .dc-section-paired-media {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

body.general #main .dc-section-paired-media .dc-copy-box {
	/* trick to support text overflow issues */
	min-width: 0;
	-webkit-flex: 1 0;
	-ms-flex: 1 0;
	flex: 1 0;
}

body.general #main .dc-section-paired-media .dc-media-box {
	text-align: center;
}

body.general #main .dc-section-paired-media .dc-media-image img:not(:last-child) {
	padding-bottom: 24px;
}

@media all and (min-width: 0px) and (max-width: 959px) {
	body.general #main .dc-section-paired-media {
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	body.general #main .dc-section-paired-media .dc-media-video {
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}
}

@media all and (min-width: 960px) {
	body.general #main .dc-section-paired-media .dc-media-box {
		margin-left: 48px;
		width: 328px;
		min-width: 328px;
		min-height: 204px;

		-webkit-align-self: center;
		-ms-flex-item-align: center;
		align-self: center;
	}

	body.general #main .dc-section-paired-media .dc-media-video {
		min-height: 204px;
	}
}

/* -----------------------------------------------
	footer content
----------------------------------------------- */

#footer-grid {
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;

	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;

	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	border-top: 1px solid rgb(239,235,226);
}

#footer-grid h3 {
	color: rgb(76,57,43);
	text-decoration: none;
	font-size: 18px;
	padding: 0;
}

#quickmenu1 ul, #quickmenu1 ol, #quickmenu2 ul, #quickmenu2 ol, #backmenu ul, #backmenu ol {
    list-style: none;
    list-style-image: none;
}

#quickmenu1 ul, #quickmenu2 ul, #backmenu ul {
    padding-left: 0;
}

#quickmenu1 ul li a, #quickmenu2 ul li a {
	color: rgb(76,57,43);
	text-decoration: none;
	font-size: 14px;
	padding: 1rem;
}

#quickmenu1 ul li a:hover, #quickmenu1 ul li a:focus,
#quickmenu2 ul li a:hover, #quickmenu2 ul li a:focus {
	color: rgb(188,221,221);
}

#quickmenu2 ul li:last-of-type a {
	font-size: 22px;
	color: rgb(12,12,12);
}

#quickmenu2 ul li:last-of-type a:hover, #quickmenu2 ul li:last-of-type a:focus {
	color: rgb(188,221,221);
}

.aside-note {
	padding-left: 18px;
}

#backmenu ul li a {
	color: rgb(12,12,12);
	text-decoration: none;
	font-size: 22px;
	padding: 1rem;
}

#backmenu ul li a:hover, #backmenu ul li a:focus {
	color: rgb(188,221,221);
}

#footer-final {
	background-color: rgb(239,235,226);
	padding: 16px;
	text-align: left;
	font-size: 12px;
	line-height: 24px;
}

#footer-final a {
	color: black;
	text-decoration: none;
}

#footer-final a:hover, #footer-final a:focus {
	color: rgb(142,142,142);
}

#footer-menus {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;

	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;

	align-items: center;
}

#quickmenu1 {
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1;
}

#quickmenu2 {
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
}

#backmenu {
	-ms-flex-order: 3;
	-webkit-order: 3;
	order: 3;
}

#footer-pad1 {
	display: none;
}

#footer-pad2 {
	display: none;
}

@media all and (min-width: 755px) {
	#footer-menus {
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;

		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}

	#quickmenu1 {
		-ms-flex-order: 3;
		-webkit-order: 3;
		order: 3;

		-webkit-flex: 1 0;
		-ms-flex: 1 0;
		flex: 1 0;
	}

	#quickmenu2 {
		-ms-flex-order: 4;
		-webkit-order: 4;
		order: 4;

		-webkit-flex: 1 0;
		-ms-flex: 1 0;
		flex: 1 0;
	}

	#backmenu {
		-ms-flex-order: 2;
		-webkit-order: 2;
		order: 2;

		-webkit-flex: 1 0;
		-ms-flex: 1 0;
		flex: 1 0;
	}
}

@media all and (min-width: 901px) {
	#footer-pad1 {
		display: block;

		-webkit-flex: 1 0;
		-ms-flex: 1 0;
		flex: 1 0;

		-ms-flex-order: 1;
		-webkit-order: 1;
		order: 1;
	}

	#footer-pad2 {
		display: block;

		-webkit-flex: 1 0;
		-ms-flex: 1 0;
		flex: 1 0;

		-ms-flex-order: 5;
		-webkit-order: 5;
		order: 5;
	}
}

/* -----------------------------------------------
	inputs
----------------------------------------------- */

/* -----------------------------------------------
	dcAPP STYLES
----------------------------------------------- */

.dcappWrapper {
	max-width: 1150px;
}

.geiDesigner .dcappWrapper {
	width: 1024px;
	max-width: 1150px;
}

/* -----------------------------------------------
	header grid
----------------------------------------------- */

#dcappHeaderGrid {
	background-image: url(/dcw/img/logo32.png);
}

#dcappLogo {
	min-height: 40px;
}

#dcappLogo a, #dcappLogo a:visited {
	color: rgb(255,255,255);
}

#dcappLogo a:hover, #dcappLogo a:focus {
	color: rgb(188,221,221);
}

/* top menu nav */

#dcappTopMenu ul li a, #dcappTopMenu ul li a:visited {
	color: rgb(255,255,255);
	font-family: 'Arial Bold', Arial, sans-serif;
	font-size: 11px;
}

#dcappTopMenu ul li a:hover, #dcappTopMenu ul li a:focus {
	color: rgb(188,221,221);
}

/* -----------------------------------------------
	footer content
----------------------------------------------- */