body { 	margin:0px auto 0px auto; padding:0px; 	height:100%; 
	font-family:Arial,Verdana,Helvetica,sans-serif; font-size:16px; line-height:1.5;
	background:#99b8c7 url("/rc/img/bgd.gif") top center repeat-x; color:#3c1c0b; }

a { color:#551a8b; font-weight:bold; text-decoration:none; }

a:hover { color:#59473d; text-decoration:underline; }

label { font-weight:bold }

input[type='submit'], input[type='button'], a.fButton { 
	background:#d2e098; font-weight:bold; color:#3c1c0b; 
	padding:10px 20px; margin-bottom:10px; border:0px; 
	-webkit-appearance: none; -moz-appearance: none;}

input[type='submit']:hover, input[type='button']:hover, a.fButton:hover { background:#c4d874; text-decoration: none;}

input[type='text'],input[type='email'], input[type='password'], textarea { border:1px solid #d0d2af; padding:8px; }

/* remove default styling and use image for drop arrow */
select {  border:1px solid #d0d2af; padding:8px; padding-right:25px;
	background: url('/rc/img/drop_arrow.png') no-repeat right;
	background-size:contain;
	-webkit-appearance: none;-moz-appearance: none; }

/*remove default styling from IE*/
select::-ms-expand {
    display: none;
}

option { padding:4px 8px 4px 8px; }

ul { padding-right:2em }
.test {border:1px solid red;}
.full { width:100%; }

.contain { width:100%;max-width:800px;margin:auto;background:white;overflow:hidden;}

.header{ background:#d2d3a7 url("/rc/img/header.jpg") top left;	height:90px; max-width:800px; margin:auto;}

.icon { width:48px; height:48px; display:inline-block; margin: 5px 5px 0 0;}

.icon_main { background:url('/rc/img/icon_sprite.png') 0 0; }
.icon_main:hover, iconMenu:active { background:url('/rc/img/icon_sprite.png') -48px 0; }
.icon_mainSelected { background:url('/rc/img/icon_sprite.png') -96px 0;}

.icon_account { background: url('/rc/img/icon_sprite.png') -144px 0;}
.icon_account:hover, iconMenu:active { background: url('/rc/img/icon_sprite.png') -192px 0; }
.icon_accountSelected { background: url('/rc/img/icon_sprite.png') -240px 0;}

.heading { background:#faeaa7; height:35px; width:100%; line-height:35px; color:#5a452d;}
.heading a {display:inline-block; text-decoration:none; color:#5a452d;}
.heading b, .heading span, .heading div {display:inline-block}

.subheading { font-size:small; font-weight:bold; margin:1%; width:97%;}
.pageheading a {padding:0px 10px;}

.title { background:white; padding-left:1%; padding-top:2%; width:98%; }
.title select { display:inline-block;}

.article { margin:0% 5%; font-size:small; padding-bottom: 10px}
.article img {margin:auto; display:block;}

.footer { color:#9c7c6b; padding:8px; text-align:center; font-size: small; line-height:1em !important;	}

.menu	{ background:#faeaa7; height:35px; width:100%; line-height:35px; text-align:center; display:table-row !important}

.menu a {display:table-cell !important; width:16.66%; text-decoration:none; color:#5a452d;}
.menuFixed{width:140px;}

.adminMenu {background:#faeaa7; height:35px; width:100%; line-height:35px; text-align:center;}
.adminMenu a {display:inline-block;text-decoration:none; color:#5a452d;}

.menu a:hover, .heading a:hover { background:#ffe576;}/*4eb0fc*/
.selected { background:#f9f3da;}

a.signOut, li.signOut {background:#d2e098 !important}
a.signOut:hover {background:#c4d874 !important}
a.changeType{background: #cae3f0!important}
a.changeType:hover{background: #9dcfe8!important}

.oneLine {height:35px; line-height:35px;}
.formLabel { width:30%; text-align:right; padding-right:8px; font-size:small; display:inline-block;   }
.formLabel50 { width:50%; }
.formInput { width:60%; display:inline-block; }
.formInput50 { width:40% }
.boxed { border:1px solid #d0d2af; }
.boxed li { padding:5px 0;}
.selectBox { border:1px solid #faeaa7; padding:4px 0px 4px 0px}

/*--------SEARCH--------------*/
  input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
    border-color: #faeaa7;
  }
  input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
    border-color: #75C9FC;
    background-color: #75C9FC;
    background-image: none;
  }
  .searchBox{background:#aed6ea;padding:10px;margin:10px 10px 0px 10px;height:35px;}

/*-------- HELP  --------------*/
#help{ line-height:48px; padding:0 10px;}
.faqBox{ margin:6px; padding:6px; border:1px solid #90c2db; max-width: 95% }
.section{ background:#aed6ea;}
.section a {text-decoration:none; color:#5a452d; line-height:40px; 
border-bottom:1px solid white; display:block;padding-left:15px;}
.section a:hover {background:#90c2db;}

.subsection{ background:#cae3f0;}
.subsection > a {padding-left:30px;}
.answerHeading, .relatedHeading{ background:#aed6ea; padding-left:10px;line-height:35px}
.answerHeading a {text-decoration:none; color:#5a452d;}
.answerHeading a:hover {text-decoration:underline}
#codeTip .answerHeading, #codeTip .question{display:none}
#codeTip .article{width:95%;margin:auto; padding:12 px}
.noSelect{-webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */      }
.clickToSelect{-webkit-touch-callout: default}

.answer { background:#f1faff; display:none; margin:0px; padding:0 10px 0 35px;}
.answer a{font-weight:normal; font-size:small;line-height:1.6em; padding:8px;}
.answer a:hover{ text-decoration:underline; background:#f1faff;}


.error { background: #fbf6a1; padding:8px; border: 1px solid #5a452d;}

.fxLarge {font-size: x-large}
.fLarge { font-size: large; }
.fSmall {font-size: small;}
.fRight{ float:right;}
.fLeft{	float:left;}
.mid { margin:auto; text-align:center; }
.tLeft { text-align:left; }

.pad8 { padding:8px; }
.pad15 { padding:15px; }
.padTop { padding-top:8px; }
.padBottom {padding-bottom:8px; }
.padTop5 { padding-top:5px; }
.padTop20 { padding-top:20px; }
.padTop15 { padding-top:15px; }
.padSides {padding: 0 10px;}
.padTopBottom{padding:10px 0;}
.padRight {padding-right:5px;}
.padLeft {padding-left:5px;}
.vTop{vertical-align: top;}
.dInline{display:inline-block;}

.dTable{display:table; table-layout: fixed;}
.dTRow{display:table-row}
.dTCell{display:table-cell}

.imageColumns{width:25%; display:inline-block; text-align:center; padding-top:8px;}
.imageColumns img { height:auto;width:95%; }

.col3{ width:32%}
.col2{ width:45%}
.col7{ width:14%}
.col5 {width:20%}
.col4 {width:24%}
.width100{ width:100%}
.vCenter{position:relative; left:50%; top:50%;
		transform: translate(-50%,-50%);}

/* ---------------------- create steps ---------------------- */
.signIn { text-align:left;width:90%; max-width:758px; min-height: 258px;
margin:10% auto;
		background-image:url("/rc/img/icon_258.png");
		background-color: #fdf8e3;
		background-size: contain;
		background-repeat: no-repeat;
		border:solid 1px #faeaa7; 
		box-shadow: -3px 3px 5px #bbb; }
.signIn > div{margin-left:280px; }
.stepHeading{background:#f9f3da;height:40px;line-height: 40px}
.stepHeading a {background:#faeaa7;}
.stepHeading a.right, .stepHeading b.right {float:right;text-align:right;padding-right:2%}
.stepHeading a.left, .stepHeading b.left {float:left;text-align:left;padding-left:2%}
.stepCol3{ width:30%}
.stepCol2{ width:42%}
.createBox{width:95%; min-width: 500px; margin:auto; text-align:center;border:1px solid #d0d2af; }
.textBox{width:95%;min-width: 500px; margin:auto; text-align:left}
.selectImage{height:480px;overflow:hidden;}
#selectSize{padding-top:8px;}
.preview {height:150px;width:100%;padding-top:8px;}
.preview-fixed{ height:150px; position:fixed; top:0px; left:0px; width:100%;z-index: 10;background: white;border-bottom:5px solid #faeaa7;-webkit-transform: translateZ(0)}
.scrollable-solo {position:relative; padding-top:110px; –webkit-overflow-scrolling: touch;  }
.scrollable {position:relative;padding-top:10px;}
.horizontal_mirror{ -moz-transform: scale(-1, 1);-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);-ms-transform: scale(-1, 1);transform: scale(-1, 1);}

.howTo{font-size:small; background:#fdf8e3;text-align: center;border:0px}
.howTo span {display:inline-block;padding:5px;}
.howTo b {color: #5a452d; display:inline-block;padding-left:5px;vertical-align:top;padding-top:12px}
.howToText{width:82%;text-align:left}

.qBoxOver { background:#fdf8e3; cursor:pointer; }
.qBoxHead { font-size:1.2em; font-weight:bold; padding-bottom:4px; margin-bottom:2px; border-bottom:1px solid #40649b; }
.tickerLoad{ height:110px;}
.tickerSection{font-size:small;padding:5px;text-align:left;}
.tickerSection input, .tickerSection > div {display:inline-block;}
.tickerSectionRight{float:right;padding-right:2%}
#optional img {border:1px solid #d0d2af;}
.popBgd{background:#fdf8e3 }
.fakeLink { color:#40649B; font-weight:bold; cursor:pointer; }
.tickerTypeLink{cursor:pointer;vertical-align:top}
.codeSection {width: 100%;overflow: hidden; text-align:center}
.codeSection li{font-weight:bold; display:inline-block; float:left}
.codeSection a {width:100%}
.codeSection ul{list-style:none; margin:0; padding:0;}
#codeSections ul{list-style:square; margin:0; padding:8px}
#codeSections li{display:inline-block; padding:5px;}
/*----------------------home page ----------------------*/
.sisterTickerBox{ background:#fdf8e3; font-size:small;
	width:97%; margin:1%; padding:0.5%; margin-bottom:0%; }
.overlay{width:100%;height:100%;overflow:hidden;background:rgba(255,255,255,0.8);position:absolute;z-index:99}
.pageOverlay{ top:0px;left:0px;}
/*----------------------ads ----------------------*/
.adBanner{width:100%!important;}
/*----------------------social media ----------------------*/
.rightShare{float:right;}
.rightShare img {width:32px; padding-left:5px; border:0px}
.leftShare {float:left;}
.tWrapper{position:relative;}
.shareOverlay{
	width:100%!important; height:85px!important;
	position:absolute; opacity:0; width:100%;
	background:white; top:0px; 
}

.shareLinks{
	width:280px; padding:8px;
	display:none; position:absolute;
	top: 0; left:50%;  margin-left:-140px;
	background:white; border: solid 1px #faeaa7;
}
.shareLinks img { width:48px; padding-left:8px; border:0px }

.desktopOnly{display:inline-block;}
.desktopTableOnly{display:table; table-layout: fixed;}
.mobileHalve {width: 100%}
.mobileOnly { display:none}

@media all and (max-height:768px){
	.header { background:#c4d874 url("/rc/img/header_1024x60.jpg") top left; height:60px }
	.selectImage{height:410px!important;}
}

@media all and (max-width:768px){
	.tickerLoad{ height:130px;}
	.preview, #selectSize{padding-top:0}
	.imageColumns { width:48%; padding-bottom:10px;}
	.col2 { width:100% }
	.imageColumns img { width:90%; max-width:240px}
	.adBanner{width:100%; margin:0%;}
		.tickerSectionRight{width:98%;padding-bottom:2%;padding-left:2%}
	.tickerSection{font-size:medium;}
	#help{padding:0px;}
	#codeTip img{max-width:320px; height:auto;}
	.fSmall{font-size:medium;}
	.searchBox{margin-left:-5px;margin-right:-5px;}
	.article {font-size:medium; line-height:1.6em;}
	.section a{line-height:48px;}
	.answer a{font-weight:normal; font-size:medium; line-height:1.6em; padding:8px;}
	.padSides{padding:0;}
	.menu { text-align:right;float:right; width:200px; height:auto; 
		border-left:solid 1px #efda83; border-bottom:solid 1px #efda83;
		box-shadow: -3px 3px 5px #bbb; display:block!important;}
	.menu a {border-bottom: solid 1px white; display:block!important; 
		width:95%;  line-height:48px; height:48px; padding-right:5%!important;}
	.menuFixed{width:95%;}
	.marginLeft160, .marginLeft336 { margin-left:0px; }
	.adBoxLeft{ display: none!important;}
	.adSkyscraperLeft{ display: none!important;}
	.desktopOnly, .desktopTableOnly { display: none!important; }
	.header { background:#d2d3a7 url("/rc/img/header_768x60.jpg") top left; height:60px }
	.mobileHalve { width:50%; height:auto; max-width:320px }
	.rightShare {padding-right:10px}
	.rightShare img {width: 48px}
	.leftShare {padding-left:10px;}
	.mobileOnly { display:inline-block; }
	.heading { height:48px; line-height:48px; font-size:medium; }
	.subheading {  margin:0px; width:100%;} 
	.title {  background:#d9effd; width:100%; text-align:center; padding-top:0;}
	.title a { background:#faeaa7; display:block; text-decoration:none; color:#5a452d; padding:0 12px;}
	.title a:hover { background:#75c9fc;}/*4eb0fc*/
	.subheading select { background: url('/rc/img/drop_arrow_menu.png') no-repeat right; border:0px; width:90%}
	.footer { background:#e0eef7;}
	.formLabel { width:94%; text-align:left; font-size:medium }
	.formInput, formInput50, formLabel50 { width:94%; }
	input, select, textarea { font-size: medium; }
	input[type='submit'], input[type='button'], fButton { height:48px;}
	.createBox{ width: 100%; min-width: 200px; margin:0px; text-align:center;border:0px;}
	.textBox{ width: 100%; min-width: 200px; margin:0px; text-align:left;}
	.selectImage{height:auto!important;overflow:visible;}
	.signIn{max-width:500px; background:#fdf8e3;margin:0 auto;}
	.signIn > div {margin-left:10px;}
}
@media all and (min-width:768px){
	.signIn{margin:10% auto;}
}
@media all and (min-width:769px){
	.marginLeft336{	margin-left:250px;}
	.adBoxLeft{ width:250px; float:left;}
	.marginLeft160{	margin-left:160px;}
	.adSkyscraperLeft{ width:160px; float:left;}
}
@media all and (min-width:1024px){
	.marginLeft336{	margin-left:336px;}
	.adBoxLeft{ width:336px; float:left;}
	.contain {border: 5px solid #d1d59a;border-top:0px;max-width:950px}
	.header{max-width:960px; margin:auto;}
}

#appandroid { display:none;width:100%;height:80px;min-width:320px;background:#e5e5e5 }
#appandroid a { color:#8b8b8f; text-decoration:none }
#appandroid a:hover { color:#000 }
#appclose { width:21px;padding:8px 14px;float:left }
#applogo { height:64px;float:left;margin-top:8px }
#apptext { float:left;padding:8px;overflow:hidden;font-weight:bold }
#appbuttonwrap { float:right; }
#appbutton { margin:8px 16px; padding:6px 10px 6px 10px;font-size:14px;background:#b3c833 }
#appbutton a { color:#fff }
#appbutton a:hover { color:#fff;text-decoration:underline }
#appbutton:hover { box-shadow:0 0 2px #000 }
#appbannerwidth { width:100%;max-width:320px }
.debug { border:1px solid green; }