@charset "UTF-8";
/* CSS Document 
author: r.sweeten


*/
/* -------------------------- HTML --------------------  */
body {	background: url(../assets/images/wall3.jpg) repeat top center scroll;font-family: Arial, Helvetica, sans-serif;	font-size: medium;color: #777;margin: 0;padding: 0;}
a img { border: 0;}
a {text-decoration: none;}
input {font-family: Arial, Helvetica, sans-serif;font-size: medium;color: #798029;border: 1px solid #798029;}
ul, li {list-style: none;}


/* ------------------- simple classes ------------------- */
.loggedIn {display: none; font-size: 200%; font-weight: bold;}

/* --------------------- Basic Structure ------------------  */
#wrap {	width: 1000px;	margin: 0 auto;}
#rtBorder {background: url(../assets/images/borderRight.png) repeat-y 0 0;height: 100%;	position: absolute;right: 0;top: 0;width: 30px;}
#lftBorder {background: url(../assets/images/borderLeft.png) repeat-y 0 0;height: 100%;	position: absolute;left: 0;top: 0;width: 30px;}
#header, #topNav, #mainPane, #footer {	width: 100%;background: #fff;}
#header {background: #fff url(../assets/images/whatInspires.jpg) no-repeat top right;height: 200px;}
#mainPane, #footer {clear: both;}
#logo {	margin: 12px 0 0 18px;}
#elBin, #detailsBin {display: none;}

.note {color: #ff940b; font-style: italic;}
.hover {cursor: pointer;}


/* ----------------------- Login Top ------------------- */
#tabhome {float: left;}
#loginTop {float: left;	margin: 3px 0 0 24px;font-size: 60%;}
#loginTop input {border: 1px solid #999;color: #777;padding: 1px;float: left;margin: 4px 4px 0 0;width: 120px;font-size: 12px;}
#logout, #editStuff {color: #8B9146;cursor: pointer;font-size: 80%;}
#log {	background: url(../assets/images/loginFlate.gif) no-repeat 0 0;	width: 54px;height: 17px;display: block;}
#log {	float: left;margin: 5px 4px 0 0;}
#log:hover {/*background-position: 0 -15px;*/}
#loginTop a {color:#8B9146;text-decoration: underline;}
#loginTop a:hover {color:#6b7126;}
#logOpts {float: left;	width: 100px;font-size: 120%;}

/* ------------------------ Top Nav ------------------ */
#navi {	margin: 0 auto 6px;padding: 6px 0;height: 56px;	width: 972px;}
#navi li {float: left;	width: 162px;list-style: none;	text-align: right;background: url(../assets/images/navBG.gif) no-repeat 0 0;height: 56px;cursor: pointer;}
#navi li a {opacity: 0;	filter: alpha(opacity=0);}
#navi li h6 {font-size: 100%;color:#f4a762;margin: 0;padding: 3px 28px 0 0;}
#navi li div {	font-size: 70%;	color:#8b9146;	margin: 0;padding: 0 28px 0 10px;}
#navi li h6.last {margin: 0;padding: 0 28px 0 0;}
.activeNav {background-position: 0 -115px !important;}
.activeNav h6 {	color: #fff !important;}


/* ----------------------------- Main Pane --------------------- */
 
 #leftPane {float: left;width: 690px;overflow: hidden;	padding: 6px 0 12px;}
#rightPane {float: right;width: 300px;padding: 6px 0;}
#rightPane div {margin: 0 0 24px 0;}

/* ----------------------------- Footer ------------------------ */
#footPane {width: 972px;margin: 0 auto;border-top: 1px solid #f4d862;padding: 6px 0;color: #8b9146;text-align: center;font-size: 60%;}
#footPane div {	margin: 4px 0;}
#footer a { color: #8b9146; }
#footer a:hover { color: #81893d; }

/* ------- hidden ieHist iFrame ------ */
#ieHist {width: 100px;height: 100px;visibility: hidden;	z-index: -1;}


/* ------------------- Heroes ------------------- */
#herohome{background: url(../assets/images/indexHero.jpg) no-repeat 0 0;height: 227px;width: 690px;float: left;display: none;}
#herohome a {display: block;float: right;margin: 176px 0 0 0;}
#herohome a div {background: url(../assets/images/getShare.png) no-repeat 0 0;height: 36px;width: 116px;}
#herohome a:hover div {	background-position: 0 -36px;}
#tool {	float: left;margin: 0 0 12px 0;}
#tool h4 {margin: 0 0 8px 0;font-size: 120%;}
#herotoolbars {	float: left;margin: 0 0 12px 0;}
#herotoolbars .leftFeatured {height:112px !important;width: 200px !important;}
#herotoolbars .rightFeatured {	margin: 0 !important;}
.breadCrumbs {	margin: 0 0 12px 0;color: #f4a762;font-size: 80%;}
.breadCrumbs span { font-weight: bold;}
.breadCrumbs a {color: #f4a762;}
.breadCrumbs a:hover, .rFeatsuggest a:hover {color: #f78218;}
.rFeatsuggest a {display: block;color: #f4a762;}
.leftFeatured {	float: left;margin: 0 12px 0 0;	/*width:270px;	height: 268px;*/}
.rightFeatured {float: left;margin: -10px 0 0 0;}
.rightFeatured h4 {margin: 0 0 6px;font-size: 140%;color: #d1d1d1;}
.rFeatleft, .rightFeatured div {float: left;font-size: 90%;}
.rFeatleft div {margin: 0 0 12px 0;}
.rFeatleft {width: 244px;border-right: 2px solid #8b9146;padding: 0 12px 0 0;*padding: 0 6px 0 0;margin: 0 12px 0 0;olor: #555;}
.rFeatsuggest {	float: left;width: 90px;color: #d1d1d1;}
.rFeatsuggest div {margin: 0 0 12px 0;}
.gsOrange {width: 149px;height: 40px;display: block;background: url(../assets/images/getAndShare.gif) no-repeat 0 0;font-size: 0px;float: left;}
.gsOrange:hover {background-position: 0 -40px;}

/* -------------------- Capsules ------------------ */
.P, .G, .B {
	height: 164px;
	width: 690px;
	float: left;
	margin: 10px 0 0 0;
	display: none;
}
.P {background: url(../assets/images/tabPurp.gif) no-repeat 0 0;}
.G {background: url(../assets/images/tabGree.gif) no-repeat 0 0;}
.B {background: url(../assets/images/tabBrow.gif) no-repeat 0 0;}

.P h5, .G h5, .B h5, .whiteLink {color: #fff;font-size: 128%;float: right;margin: 0;}
.P h6, .G h6, .B h6 {font-size: 90%;clear: both;margin: 0 0 0 0;}

.P h6 { color: #837ebd;}
.B h6 { color: #977f17;}
.G h6 { color: #949c3a;}
.rightCap p {font-size: 75%;color: #444;margin: 0;}
.rightCap {float: right;margin: 0 56px 0 0;width: 428px;}
.buttonLink {float: right;font-size: 0;display: block;	margin: 6px 0 0 0;width: 125px;	height: 33px;}
.G a div, .P a div, .B a div {	width: 125px;height: 33px;}
.P img, .G img, .B img {float: left;}
.widgetsCapsule img {margin: 8px 0 0 12px; *margin-left: 8px 0 0 6px;}
.toolbarsCapsule img {margin: 25px 0 0 0;}
.homeCapsule img {margin: 6px 0 0 10px; *margin: 6px 0 0 5px;}
.G .buttonLink {background: url(../assets/images/getShareG.gif) no-repeat 0 0;}
.P .buttonLink {background: url(../assets/images/getShareP.gif) no-repeat 0 0;} 
.B .buttonLink {background: url(../assets/images/getShareB.gif) no-repeat 0 0;} 
.G .buttonLink:hover, .P .buttonLink:hover, .B .buttonLink:hover {background-position: 0 -34px;}

/* -------------------------- Comments Area ----------------------- */
#comments {float: left;width: 600px;margin: 18px 0 12px 34px;}
#commentsTitle h4, #comForm h4 {margin: 0;font-size: 180%;color: #c1c1c1;}
.author { color: #f4a762; font-size: 120%;}
.posted {font-size: 75%; font-style: italic; float: right; margin: 6px 0 0 0;}
.cTitle {margin: 0;font-size: 100%;color: #c1c1c1;}
.comment {margin: 20px 0;*margin: 20px 0;}
.left {float: left;}
.right {float: right;}
.comment .bodyText {padding:8px 12px;background: #e2e7b7;color: #444;font-size: 80%;overflow: hidden;}
.comment .bTextContain {padding: 0 0 4px 0;border-bottom: 1px solid #e2e7b7;clear: both;}
.bodyText.alt {	background: #ebf0cf;}
.bTextContain.alt {border-bottom: 1px solid #e2e7b7;}
#comForm {margin: 12px 0;}
#thankYou {display: none;color: #F4A762;margin: 24px 0;	font-size: 200%;}
#comForm input {width: 200px;border: 1px solid #e2e7b7;font-family: Arial, Helvetica, sans-serif;font-size: 100%;color: #888;padding: 4px;letter-spacing: .04em;clear: both;margin: 12px 0;}
#comment-text {	padding: 8px 12px;font-family: Arial, Helvetica, sans-serif;font-size: 100%;color: #999;border: 1px solid #e2e7b7;width: 576px;	height: 200px;	overflow: auto;}
#commentsTitle {float: left;clear: both;}
#comForm a {display: block;float: right;margin: 4px 0 0 0;font-size: 0px;width: 130px;	height: 37px;background: url(../assets/images/submit.gif) no-repeat 0 0;}
#comScroll {float: left;width: 97%;}
#comForm a:hover {background-position: 1px -38px;}

/* ------------------------- Countdowns & Digisigs ----------------- */
#countdownsBin, #digisigsBin {	display: none;}
#countdownsStep0 .option {font-size: 30px;margin: 12px 0;_float: left;_width: 95%;}
.tabContain {	float: left;width: 100%;margin: 6px 0;}
#digisigsCrumbs, #countdownsCrumbs {float: left;width: 90%}
#digisigsBin .crumbContain, #countdowns .crumbContain {width: 100%;float: left;}
#countdownsBin .iBan {	float: left;margin: 4px 12px 0 0;_margin:4px 4px 0 0;}
#digisigsBin .iBan {float: left;margin: 2px 12px 0 0;_margin:2px 0px 0 0;}
.banContain {display: none;float: left;	width: 100%;height: 154px;}
.bracket {float: left;	_position: absolute;_margin: -180px 0 0 445px;}
#countBrack {float: left;}
.optTab {background: #d1d889 url(../assets/images/roundy.gif) no-repeat right top;color: #fff;height: 37px;font-size: 130%;padding: 12px 24px 0;float: left;}
.roundClip {background: url(../assets/images/roundy.gif) no-repeat 0 0;	float: right;height: 30px;width: 20px;}
.step {	float: left;display: none;margin: 10px 0 0 18px;_margin: 5px 0 0 9px;width: 652px;}
.step textarea {width: 100%;overflow: hidden;height: 50px;font-family: arial, sans-serif;font-size: 65%;color: #777;_float: left;}
.step .textarea {width: 100%;overflow: hidden;height: 50px;font-family: arial, sans-serif;font-size: 65%;color: #777;_float: left;}
.imageScroll {float: left;}

#countdownsText {float: left;}
.margin12 {margin: 0 0 24px 0;	_float: left;_width: 100%;}
#indexAndSub #digisigsBin .hero, #indexAndSub #countdownsBin .hero{	/*text-align: center;*/}

#digisigsStep0 img {height: 100px;margin: 6px;}
#countdownsStep1 img {	cursor: pointer;margin: 6px 0;}
#bgBin, #tickBin{display: none;}
.fLeft {float: left;width: 100%;clear: both;}
.textOpt {margin: 0 0 24px 12px;float: left;width: 95%;}
.textOpt div, .lGrey {font-size: 120%;color: #999;font-weight: bold;_float: left;_width: 100%;}
.textOpt select {width: 400px;font-family: arial, sans-serif;border: 1px solid #999;color: #777;padding: 2px;}
.ctkOpt {float: left;width: 200px;height: 120px;text-align: center;}
.ctkOpt input{	float: left;margin: 24px 12px 0 0;}
.ctkOpt img {margin: auto;}
.option {cursor: pointer;}
.basicInput {width: 200px;border: 1px solid #999;font-family: Arial, Helvetica, sans-serif;font-size: 100%;color: #888;padding: 4px;letter-spacing: .04em;clear: both;	text-align: center;margin: 12px 0;}
.myUploadFile {	border: 1px solid #999;	font-size: 80%;}
.imgSubmit {border: 1px solid #999;}
.topStep .nextStep, .topStep .prevStep, .topStep .download {font-size: 100%;margin: 0 0 12px 0;	padding: 3px 12px 0;height: 22px;}
.nextStep, .prevStep, .download {color: #fff;height: 37px;font-size: 130%;padding: 12px 24px 0;cursor: pointer;margin: 12px 0 0 0;}
.topStep .nextStep, .topStep .download {background: #c7c4e9 url(../assets/images/roundySmall.gif) no-repeat right top;}
.nextStep, .download {background: #c7c4e9 url(../assets/images/roundy.gif) no-repeat right top;	float: right;}

.topStep .prevStep {background: #c7c4e9 url(../assets/images/roundy2Small.gif) no-repeat left top;}
.prevStep {background: #c7c4e9 url(../assets/images/roundy2.gif) no-repeat left top;float: left;}
#valDate {color:#CC0000;visibility: hidden;}
.logRegCall {_float: left;_width: 100%;}
#urCodez {display: none;_float: left;}

/* ------------------------ Popups --------------------- */
#overlay {position: absolute;z-index: 100;opacity: .7;filter: alpha(opacity=70);background: #333;}
#oWindow {position: absolute;z-index: 101;opacity: .7;filter: alpha(opacity=70);}
.popup {background: #fff;border: 3px solid #444;width: 400px;margin: 12px auto;text-align: right;padding: 0 0 24px 0;display: none;position: absolute;z-index:120;}
.popup input {border: 1px solid #999;padding: 2px 3px;font-family: Arial, Helvetica, sans-serif;margin: -3px auto;display: block;font-size: 110%;color: #666;letter-spacing: .04em;text-align: right;}
.inPane {width: 100%;margin: 0 auto 15px;text-align: left;color: #798029;}
.smBold {font-size: 12px;font-weight: bold;margin-bottom: 6px;}
.popTitle {font-size: 200%;font-weight: bold;margin: 24px 84px 0 0;color: #ff940b;}
.regTitle {font-size: 120%;margin: 0 0 0 318px;font-weight: bold;color: #ff940b;}
.popClose {float: right;font-size: 90%;cursor: pointer;}
.popup .alert {	color: #cc0000;	font-size: 80%;	margin: 6px 0 0 0;font-weight: bold;}
.submit {cursor: pointer;}

.closeHover {color: #222;}
#allow-contact {margin: 0 0 0 214px !important;}



/* -------------- Image Upload Styles  ----------------------- */
#myFrame {display: none;}
#cropPreview {	overflow: hidden;height: 75px;width: 90px;display: none;}
#uploadAlert {	margin: 12px 0 0 0;color:  #990000;font-weight: bold;}
.redEm {font-size: 70%;color:  #990000;	font-style: italic;}
input.file {opacity: 0;	-moz-opacity: 0;filter: alpha(opacity=0);margin: 8px 0 0 -22px;	z-index: 200;position: absolute;}
.step ul {margin: 12px;font-size: 80%;}
.step li {margin: 0 0 0 34px;font-size: 90%;list-style: disc;}
.stepPane {float:left;width: 100%;}
.fakefile {height: 38px;width: 117px;margin-top: -5px;z-index: 100;float: left;}

iframe { display: none; }
#listOfFiles {	float: left;margin: 12px 12px 0 0;}
#listOfInputs{width: 135px;height: 40px;background: url(../images/select_file.png) no-repeat;}

.select{background: url(../images/select_file.png) no-repeat;width: 117px;height: 38px;}
.uploadFrame {	position: absolute;margin: -5000px 0 0 -5000px;	display: none;}
.responseMsg {	float:left;margin: 12px 0 0 0;}
#response ul {	margin: 6px 0;padding: 0;}
#apply_thumb {	display: none;}
.nameOfFile{font-size: 1em;font-style: italic;	float: left;padding-bottom: 12px;}

.numFiles { font-weight: bold; }
.remove {margin: 4px 0;}
.remove:hover, .fakefile:hover, .fakefile img:hover, input.file:hover { cursor:hand; cursor:pointer; }
.remove span {	background-color: #c1c1c1;padding: 6px;	color: #333;font-weight: bold;}
#loading {display: none;}
#loader{height: 37px;width: 37px;margin: 12px auto;}


/* ------------------  Inline login / registration / forgot password 'forms' ------------------ */
#logInline, #forgetInline {display: none;margin: 12px;padding: 10px 0;}
#regInline {background: url(../assets/images/beInspired.jpg) 0 0 no-repeat;padding: 10px 0 0 0;	margin: 24px 0 0 0;}
#regInline .inPane, #logInline .inPane, #forgetInline .inPane {	width: 48%;font-size: 80%;margin: 6px 0 0 318px;text-align: left;}
#logInline .inPane, #forgetInline .inPane {width: 48%;	font-size: 80%;	margin: 6px 0;	text-align: left;}
#regInline .popClose, #logInline .popClose, #forgetInline .popClose {float: right;text-align: center;color: #ff940b;margin-right: 12px;}
#regInline .submit, #logInline .submit, #forgetInline .submit {	margin: 6px 0 0 318px;}
#logInline .submit, #forgetInline .submit {margin: 6px 0 0 0;}
#f-email {width: 300px;	color: #798029;	font-weight: bold;font-size: 90%;float: left;margin: 0 6px 6px 0;}
#regInline input {font-size: 90%;font-weight: bold;}
#reg-name, #reg-lastname {width: 150px;}
#reg-email {width: 306px;}
#reg-allow {margin: 6px 8px 0 0;float: left;}

.topMargin24 {	margin-top: 24px !important;}
.innerRegForm { height:355px;}


* html .visualIEFloatFix {

    height: 0.1%;

  }


/* ------------------ rounded box -------------------------*/
.bL {  background: url(../assets/images/bL.gif) no-repeat left bottom;  width: 660px;}
.bR {  background: url(../assets/images/bR.gif) no-repeat right bottom;}
.tL {  background: url(../assets/images/tL.gif) no-repeat left top;}
.tR {  background: url(../assets/images/tR.gif) no-repeat right top;}

#forget {padding: 10px;}

#clearWidget {	width: 304px;height: 257px;display: block;border: none;	margin: -6px 0 0 0;overflow: hidden;}

/* ------------------- Edit Page ------------------- */
.editLink {margin: 12px; display: block;}