html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	/*background-color:#D8DDE8;*/
	background-color: #FFF;
	-ms-touch-action: none;
}

p {
	font-size: 16px;
}

.vAlign {
	vertical-align: 100%;	
}

.smallText {
	font-size:small;
}

.smallerText {
	font-size: 0.750em;
}

.smallestText {
	font-size: 0.700em;
}

.text14 {
	font-size: 14px;
}

.smallCaps {
	font-variant:small-caps;
}

.txtAlignL {
	text-align: left;
}

.underline {
	text-decoration: underline;
}

.center {
	text-align: center;
}

.justify {
	text-align: justify;
}

.italic {
	font-style: italic;
}

.hiddenTxtIndent {
	text-indent: -9999px;
}

.hidden {
	visibility: hidden;
}

.posRelat {
	position:relative;
}

.wordWrap {
	
	word-wrap: break-word;
}

.clear {
	clear: both;	
}

.cursorPt {
	cursor:pointer;
}

.clearRight {
	clear: right;
}

.overflowHid {
	overflow: hidden;	
}

.overflowAut {
	overflow: auto;
}

.marginAuto {
	margin-left: auto;
	margin-right: auto;
}

.fbDiv {
	width: 340px;
	margin-bottom: .7em;
	display: none;
}

.dispNone {
	display: none;
}

.dispBlock {
	display: block;
}

.mainColor {
	/*color: #336699;*/
	color: #2f79d0;
}

.mainColorText {
	color: #6A6969;
	
}

.border2Black {
	border: 2px solid black;
	
}

.bckGrndWhite {
	background-color: #FFFFFF;
}

.col999 {
	color: #999;
}

.txtColBlk {
	color: #000;
}

.txtColWhite {
	color: #fff;
}

.FC {
	font-size: 0.750em;
	font-weight: bold;
	color: #336699;
}

.label {
	width: 100px;
	display: inline-block;
}

.label150 {
	width: 150px;
	display: inline-block;
}

.labSty {
	font-size: 0.750em;
	font-weight: bold;
	/*color: #336699;*/	
	color: #2f79d0;
	width: 100px;
	display: inline-block;
}

.labStyFleft {
    float: left;
	width: 150px;
	display: block;
	margin-left: 50px;
	font-size: 0.750em;
	font-weight: bold;
	/*color: #336699;*/
	color: #2f79d0;
}

.labSty65 {
	font-size: 0.750em;
	font-weight: bold;
	/*color: #336699;*/	
	color: #2f79d0;
	width: 65px;
	display: inline-block;
}

.labStyNoW {
	font-size: 0.750em;
	font-weight: bold;
	/*color: #336699;*/
	color: #2f79d0;
	display: inline-block;
}

.labStyNoWBlk {
	font-size: 0.750em;
	font-weight: bold;
	/*color: #336699;*/
	color: #2f79d0;
	display: block;
}

.error {
	border: solid 1px #E68D8D;
	background: #FDE7E7 url(../images/error.png) no-repeat 1em center;
	padding: .3em .3em .3em 4em;
}

.noScroll {
  overflow: scroll; /* Add the ability to scroll */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.noScroll::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.noScroll {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.errorFound {
	color: red;
}

.noError {
	background: url(../images/greencheck.png) no-repeat 1em center;
	/*background-repeat: no-repeat;
	background-position: 250px;
	width: 300px;
	height: 48px;
	line-height: 3;*/
	margin-left: auto;
	margin-right: auto;
	padding: .3em .3em .3em 4em;
}

.noErrorGreen {
	color: green;
}

.logoFont {
	font-family: mvboli;
}

/*input[type="checkbox"][readonly] {
  pointer-events: none;
}*/

#rangeSlider .ui-slider-range { background: #8ae234; }
#trimSlider .ui-slider-range { background: #8ae234; }

span#makeTextBold {
	background-image: url(../images/bold.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 35px 35px;
	display: inline-block;
	width: 35px;
	height: 35px;
	background-color: white;
	cursor: pointer;
	margin-right: 4px;
}

span#makeTextItalic {
	background-image: url(../images/italic.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 35px 35px;
	display: inline-block;
	width: 35px;
	height: 35px;
	background-color: white;
	cursor: pointer;

}

.uploadOptSelected {
	color:  white;
	display: inline-block;
	background-color: #2f79d0;
	cursor: pointer;
	margin-right: 8px;
	margin-bottom: 8px;
	padding: 5px;
	border: 1px solid #2f79d0;
}

.uploadOptNonSel {
	color:  #6A6969;
	display: inline-block;
	background-color: white0;
	cursor: pointer;
	margin-right: 8px;
	margin-bottom: 8px;
	padding: 5px;
	border: 1px solid #2f79d0;
}

span#undoCapImg {
	background-image: url(../images/undo.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 40px 40px;
	background-color: white;
	display: inline-block;
	width: 40px;
	height: 40px;
	cursor: pointer;
}

span#redoCapImg {
	background-image: url(../images/redo.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 40px 40px;
	background-color: white;
	display: inline-block;
	width: 40px;
	height: 40px;
	cursor: pointer;
}

span#startoverCapImg {
	background-image: url(../images/reset.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 40px 40px;
	background-color: white;
	display: inline-block;
	width: 40px;
	height: 40px;
	cursor: pointer;
}


.returnedResults {
	color: green;
	font-weight: bold;
}

.uploadNoticeDisp {
	color: green;
	font-weight: bold;	
}


.uploadNotice {
	color: green;
	font-weight: bold;	
	display: none;
}

.required {
	color: red;
	font-style: italic;
	font-size: small;
	padding: 1em;
}

.opt {
	font-style: italic;
	font-size: small;
	padding: 1em;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

.psize {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

.psize700 {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.width45per {
	width: 45%;
	margin-left: auto;
	margin-right: auto;
}

.width50per {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

.width2525 {
	width: 25px;
	height: 25px;
}

.width200 {
	width: 200px;	
}

.backgrndGreen {
	background: green;
}

.backgrndRed {
	background: red;
}

.backgrndWhite {
	background: white;
}

.backgrndBlack {
	background: black;
}

.backgrndYellow {
	background: yellow;
}


.hr40 {
	width: 40%;
	
}

.bold {
	font-weight: bold;
}

.addMarginAll {
	margin: 10px;
}

.addMarginAll5 {
	margin: 5px;
}

.addMarginFive {
	margin-right: 5px;
}

.addMarginBot {
	margin-bottom: 16px;
}

.addMarginBot8 {
	margin-bottom: 8px;
}

.addMarginLeft {
	margin-left: 1em;
}

.addMarginLeft5 {
	margin-left: 5px;
}

.addMarginTop {
	margin-top: 10px;
}

.addMarginRight {
	margin-right: 15px;
}

.addPad {
	padding: 8px;
}

.addPad5{
	padding: 5px;
}

.addPad10{
	padding: 10px;
	
}
.whiteSpacePreWrap {
	white-space:pre-wrap;	
}

.lineHeight1em {
	line-height:1em;
}

.lineHeightDefault {
	line-height:normal;
}

.lineHeightNone {
	line-height: none;
}

.lineHeight4 {
	line-height: 4;
}

.vertAlignMid {
	vertical-align: middle;
}

.addPadLeft {

	padding-left: 10px;

}
.noMargins{
	margin: 0;
}

.addPadBot10 {
	padding-bottom: 10px;
}

.noMargNoPad {
	margin: 0;
	padding: 0;
	
}

.noPad {
	padding: 0;
}

.noPadTop {
	padding-top: 0;
}

.inlineBlock {
	display: inline-block;
}

.inline {
	display: inline;
}

.img-response-inline {
	display: inline-block;
    height: auto;
    max-width: 100%;
}

.centerFormElem{
	text-align: center;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ytResponsive {
	height: 0;
	padding-bottom: 56.25%;
	padding-top: 25px;
	position: relative;
}
		
.ytResponsive iframe {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.postTitle {
	/*font-size: 30px;*/
    font-weight: normal;
}

.fntSize18 {
	font-size: 18px;
}

.noOpac  {
	opacity: 0.0; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=0); /* IE lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
	-khtml-opacity: 0.0; /* Safari 1.x */
	-moz-opacity: 0.0; /* FF lt 1.5, Netscape */
}

.fntWghtNorm {
	font-weight:normal;
}

.buttons {
   /* border-radius: 2px;
    font-size: 11px;
    font-weight:normal;
    margin-bottom: 8px;
    margin-right: 16px;
    min-width: 54px;
    outline: 0 none;
    line-height: 27px;
    text-align: center;
    white-space: nowrap;
	background-color: #336699;
	color: #fff;
    border: 1px solid #3079ed;
    box-shadow: none;
	height: auto;
    padding-left: 15px;
    padding-right: 15px; goog*/
	
	/*background-color: #EEEEEE;
    border: 1px solid #336699;
    border-radius: 2px;
    color: #336699;
    font-weight: normal;
    margin-right: 8px;
    padding: 5px; me*/
	
	
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #50a7e8, #2f79d0) repeat scroll 0 0;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#50a7e8), to(#2f79d0)) !important;
	background: rgba(0, 0, 0, 0) -o-linear-gradient(center top , #50a7e8, #2f79d0) repeat scroll 0 0;
	background: rgba(0, 0, 0, 0) linear-gradient(center top , #50a7e8, #2f79d0) repeat scroll 0 0;
	background-color: #49A5D5;
    border-color: #86c2ee #7bb2e7 #295d99;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 1px #9a9a9a, 1px 0 1px #a3bbd0, -1px 0 1px #a3bbd0;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: normal;
    padding: 4px 22px;
    text-shadow: 0 -1px #254f75;
	margin-right: 8px;
	margin-bottom: 8px !important;
	border-radius: 5px;
}

	.buttons:hover {
 	
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #2592e2, #0057c4) repeat scroll 0 0;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2592e2), to(#0057c4)) !important;
	background: rgba(0, 0, 0, 0) -o-linear-gradient(center top , #2592e2, #0057c4) repeat scroll 0 0;
	background: rgba(0, 0, 0, 0) linear-gradient(center top , #2592e2, #0057c4) repeat scroll 0 0;
    border-color: #67b3eb #579de0 #084591;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 1px #9a9a9a, 1px 0 1px #96b4ce, -1px 0 1px #96b4ce;
    text-decoration: none !important;
    text-shadow: 0 -1px #0a3559;
	 border-radius: 5px;
}

	.buttons:active {
    background: #1176d3 none repeat scroll 0 0;
    border: 1px solid #063883;
    box-shadow: 3px 3px 10px #063883 inset, -3px -3px 10px #063883 inset;
    text-shadow: 0 -1px #072e53;
	 border-radius: 5px;
}

	.buttonsAdd {
		
		/*background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #50a7e8, #2f79d0) repeat scroll 0 0;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#50a7e8), to(#2f79d0)) !important;
		background: rgba(0, 0, 0, 0) -o-linear-gradient(center top , #50a7e8, #2f79d0) repeat scroll 0 0;
		background: rgba(0, 0, 0, 0) linear-gradient(center top , #50a7e8, #2f79d0) repeat scroll 0 0;*/
		background-color: #04a206;
		border-color: #86c2ee #7bb2e7 #295d99;
		border-image: none;
		border-style: solid;
		border-width: 1px;
		box-shadow: 0 1px 1px #9a9a9a, 1px 0 1px #a3bbd0, -1px 0 1px #a3bbd0;
		color: #fff;
		cursor: pointer;
		font-size: 16px;
		font-weight: normal;
		padding: 4px 22px;
		text-shadow: 0 -1px #254f75;
		margin-right: 8px;
		margin-bottom: 8px !important;
		border-radius: 5px;
	
	}
	
	.buttonsRemove { 
		
		background-color: #fa5959;
		border-color: #86c2ee #7bb2e7 #295d99;
		border-image: none;
		border-style: solid;
		border-width: 1px;
		box-shadow: 0 1px 1px #9a9a9a, 1px 0 1px #a3bbd0, -1px 0 1px #a3bbd0;
		color: #fff;
		cursor: pointer;
		font-size: 16px;
		font-weight: normal;
		padding: 4px 22px;
		text-shadow: 0 -1px #254f75;
		margin-right: 8px;
		margin-bottom: 8px !important;
		border-radius: 5px;
	
	}
	
	.buttonsClear {
		
		background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #50a7e8, #2f79d0) repeat scroll 0 0;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#50a7e8), to(#2f79d0)) !important;
		background: rgba(0, 0, 0, 0) -o-linear-gradient(center top , #50a7e8, #2f79d0) repeat scroll 0 0;
		background: rgba(0, 0, 0, 0) linear-gradient(center top , #50a7e8, #2f79d0) repeat scroll 0 0;
		background-color: #49A5D5;
   	 	border-color: #86c2ee #7bb2e7 #295d99;
    	border-image: none;
    	border-style: solid;
    	border-width: 1px;
    	box-shadow: 0 1px 1px #9a9a9a, 1px 0 1px #a3bbd0, -1px 0 1px #a3bbd0;
    	color: #fff;
    	cursor: pointer;
    	font-size: 12px;
    	font-weight: normal;
    	padding: 4px 6px;
    	text-shadow: 0 -1px #254f75;
		margin-right: 8px;
		margin-bottom: 8px !important;
		border-radius: 5px;	

	}


.topMarq {
    background: url("../images/marqHoriz.gif") repeat-x scroll 0 0 transparent;
    height: 1px;
    position: absolute;
    width: 100%;
    z-index: 3;
    left: 0;
    top: 0;
}

.rightMarq {
    background: url("../images/marqVert.gif") repeat-y scroll 0 0 transparent;
    height: 100%;
    position: absolute;
    width: 1px;
    z-index: 3;
    right: 0;
    top: 0;
}

.botMarq {
    background: url("../images/marqHoriz.gif") repeat-x scroll 0 0 transparent;
    height: 1px;
    position: absolute;
    width: 100%;
    z-index: 3;
    bottom: 0;
    left: 0;
}

.leftMarq {
    background: url("../images/marqVert.gif") repeat-y scroll 0 0 transparent;
    height: 100%;
    position: absolute;
    width: 1px;
    z-index: 3;
    left: 0;
    top: 0;
}

/*.fb_edge_comment_widget {
	display: none !important;
}

.fbpf, .fbpfl, .fbpfb, .fbpfet, .fbpfsl, .pluginLikeFlyout, .pluginLikeFlyoutFull {
	display: none !important;
}
*/

/*.recaptchatable * {
	font-size: 8pt !important;
}*/

.fStyle {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 1em;
	-moz-border-radius-bottomleft:5px; /* Firefox 3.6 and earlier */
	-moz-border-radius-bottomright:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.03) inset, 0 0 0 1px rgba(0, 0, 0, 0.15);	
	animation: fde 2s;
	-moz-animation: fde 2s; /* Firefox */
	-webkit-animation: fde 2s; /* Safari and Chrome */
	-o-animation: fde 2s; /* Opera */
}

.fStyle300w {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 1em;
	-moz-border-radius-bottomleft:5px; /* Firefox 3.6 and earlier */
	-moz-border-radius-bottomright:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.03) inset, 0 0 0 1px rgba(0, 0, 0, 0.15);	
	animation: fde 2s;
	-moz-animation: fde 2s; /* Firefox */
	-webkit-animation: fde 2s; /* Safari and Chrome */
	-o-animation: fde 2s; /* Opera */
}

.fStyle50per {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 1em;
	-moz-border-radius-bottomleft:5px; /* Firefox 3.6 and earlier */
	-moz-border-radius-bottomright:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.03) inset, 0 0 0 1px rgba(0, 0, 0, 0.15);	
	animation: fde 2s;
	-moz-animation: fde 2s; /* Firefox */
	-webkit-animation: fde 2s; /* Safari and Chrome */
	-o-animation: fde 2s; /* Opera */
}

.fStyle75per {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 1em;
	-moz-border-radius-bottomleft:5px; /* Firefox 3.6 and earlier */
	-moz-border-radius-bottomright:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.03) inset, 0 0 0 1px rgba(0, 0, 0, 0.15);	
	animation: fde 2s;
	-moz-animation: fde 2s; /* Firefox */
	-webkit-animation: fde 2s; /* Safari and Chrome */
	-o-animation: fde 2s; /* Opera */
}

.fStyleNoW {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 1em;
	-moz-border-radius-bottomleft:5px; /* Firefox 3.6 and earlier */
	-moz-border-radius-bottomright:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.03) inset, 0 0 0 1px rgba(0, 0, 0, 0.15);	
	animation: fde 2s;
	-moz-animation: fde 2s; /* Firefox */
	-webkit-animation: fde 2s; /* Safari and Chrome */
	-o-animation: fde 2s; /* Opera */

	font-size: 14px;
}

.fStyleNoWNoMarg {
	padding: 1em;
	-moz-border-radius-bottomleft:5px; /* Firefox 3.6 and earlier */
	-moz-border-radius-bottomright:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.03) inset, 0 0 0 1px rgba(0, 0, 0, 0.15);	
	animation: fde 2s;
	-moz-animation: fde 2s; /* Firefox */
	-webkit-animation: fde 2s; /* Safari and Chrome */
	-o-animation: fde 2s; /* Opera */
}


.defBorderSty {
	-moz-border-radius-bottomleft:5px; /* Firefox 3.6 and earlier */
	-moz-border-radius-bottomright:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.03) inset, 0 0 0 1px rgba(0, 0, 0, 0.15);	
	
}

.uploadLabel {
	display: block;
	position: relative;
	/*background-color: #025bee;*/
	background-color: #1877F2;
	color: #ffffff;
	font-size: 1.1em;
	text-align: center;
	width: 16em;
	padding: 1em 0;
	border-radius: 0.3em;
	margin: 1em auto 1em auto;
	cursor: pointer;
	font-weight: normal;
}

.active {
  	border: 0.2em dashed #025bee;
}


#sortable div{ float: left; }

div#captHorizGuide {
	display: none; 
	width: 2px; 
	height: 100%; 
	background-color: #85FF00; 
	cursor: pointer; 
	position: absolute; 
	top: 0;
}

div#captVertGuide {
	display: none; 
	width: 100%; 
	height: 2px; 
	background-color: #85FF00; 
	cursor: pointer; 
	position: 
	absolute; 
	left: 0;
}
 

/* Fonts box styling */
div#fontsContainer1 ul li a, div#fontsContainer2 ul li a, div#fontsContainer3 ul li a {
	text-decoration: none;
	color: #333333;
}

div#fontsContainer1 ul li:hover, div#fontsContainer2 ul li:hover, div#fontsContainer3 ul li:hover {
	color: #333333;
	text-decoration: underline;
	background-color: #D8DDE8;
}

div#fontsContainer1, div#fontsContainer2, div#fontsContainer3 {
	background-color: white;
	display: none;
	margin-top: 25px;
	padding: .5em;
	position: absolute;
	z-index: 999;
	border: 1px solid #B4B4B4;
	border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

div.fontsWrapper {
	overflow: hidden;
	margin-bottom: 1em;
	text-align: center;
			
}
		
div#fontsContainer1 ul, div#fontsContainer2 ul, div#fontsContainer3 ul {
			
	list-style: none;
	margin: 0;
	padding: 0;
}


span.fontsBox {
    background-color: #FFFFFF;
    border-top: 1px solid #B4B4B4;
	border-left: 1px solid lightgray;
	border-right: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
    cursor: default;
    display: inline-block;
    height: 18px;
    overflow: hidden;
    padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
    float: left;
    width: 60px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
	margin: 0;

}

span.openBox {
    background-image: url("../images/sprites3.png");
    background-position: 5px -1002px;
    background-repeat: no-repeat;
    border-bottom: 1px solid #B4B4B4;
    border-top: 1px solid #B4B4B4;
    display: inline-block;
    height: 23px;
    width: 14px;
	border-bottom-right-radius: 3px;
    border-right: 1px solid #8F8F73;
    border-top-right-radius: 3px;
	margin: 0;
	cursor: pointer;
	float: left;
}
/* Fonts box styling end */

#recap {
	width: 304px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8px;
	
}

/* recaptcha to make responsive */

/*@media (max-width: 444px) 
{

	
	
	#recaptcha_image img#recaptcha_challenge_image 
	{
		margin: 0 auto !important;
		width: 200px !important;
		display: block !important;
	    float: left !important;
	
	}
	.recaptchatable .recaptcha_r1_c1, .recaptchatable .recaptcha_r3_c1, .recaptchatable .recaptcha_r3_c2, .recaptchatable .recaptcha_r7_c1, .recaptchatable .recaptcha_r8_c1, .recaptchatable .recaptcha_r3_c3, .recaptchatable .recaptcha_r2_c1, .recaptchatable .recaptcha_r4_c1, .recaptchatable .recaptcha_r4_c2, .recaptchatable .recaptcha_r4_c4, .recaptchatable .recaptcha_image_cell 
	{
	
		background: none !important;
	}
	
	.recaptchatable * {
		
		font-size: 16px !important;
	}

}*/

div.push {
	/*height: 64px;*/
	height: 29px;
	margin: 0;
}

div#myNavbar, div.navbar-header a { /*bootstrap*/
	font-size: 12px;
	
}

div#headerWrapper {
	position: fixed !important;
	width: 100%;
	z-index: 9999;
	min-width: 981px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}

div#header {
	/*height: 75px;*/
	/*background-color: #336699;*/
	margin: 0;
	box-shadow: 1px 4px 4px #AAAAAA;
	
}

div#header div#nav {
	background-color: #0B1618; /* #2D2D2D */
	height: 29px;
	/*font-variant: small-caps;*/
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

div#header div#logo {
	padding-top: 5px;
	float: right;
	margin-right: 21px;
	
}

div#header div#logo a {
	color: #BBBBBB;
	text-decoration: none;
	font-weight: 500;	
}

div#header div#logo a:hover {
	color: #FFF;
}


div#header div#nav ul{
	margin: 0;
	padding-left: 5px;
	padding-top: 5px;
	list-style-type: none;
	float: left;
}

div#header div#nav ul li {
	float: left;
	/*padding-right: 5px;*/
	padding-left: 16px;
	
}

div#header div#nav ul li a:link, div#header div#nav ul li a:visited {
	color: #BBBBBB;
	text-decoration: none;
	font-weight: 500;
}

div#header div#nav ul li a:hover, div#header div#nav ul li a:active {
	text-decoration: underline;
	color: #FFF;
}

div#header div#nav ul li.noBorder {
	border: none;
}

div#header div#nav ul li a.current {
	color: #FFF;
	text-decoration: none;
	/*font-weight:bold;*/
	/*font-weight: 600;*/
}

a.current {
	color: #FFF !important;
	text-decoration: none;
	/*font-weight:bold;*/
	/*font-weight: 600;*/
}

div.sectionWhite {
	height: 4px;
	/*background-color: #fff;
	border-bottom: solid 12px #999;*/
	margin-top: 0;
}

#wrapper {
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -29px; /* orig -64px */
		/*overflow: auto;  for static footer and editpage*/
		color: #333333;
		font-size: 14px;
}

#content {
		width: 100%; /*85*/
		margin: 0 auto;
		background-color: white;
		overflow: hidden;
		/*font-family: Arial, Helvetica, sans-serif;*/
		/*color: #6A6969;
		font-size: 14px;*/
		/*border: thin solid #CCC;*/
		/*-moz-border-radius-bottomleft:5px; /* Firefox 3.6 and earlier */
		/*-moz-border-radius-bottomright:5px;
		border-bottom-left-radius:5px;
		border-bottom-right-radius:5px;
		box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.03) inset, 0 0 0 1px rgba(0, 0, 0, 0.15);	*/
		/*line-height: 21px;*/
		padding-top: 50px; /*orig 160px*/
}

#contentCrop {
		width: 85%;
		background-color: white;
		/*color: #6A6969;
		font-size: 14px;*/
		overflow: auto;
		/*line-height: 21px;*/
		padding-top: 100px; /*orig 160px*/
		margin: 0 auto;
}

#contentHome {
		/*width: 85%;*/
		margin: 0 auto;
		background-color: white;
		/*font-family: Arial, Helvetica, sans-serif;*/
		/*color: #6A6969;
		font-size: 14px;*/
		/*border: thin solid #CCC;*/
		/*-moz-border-radius-bottomleft:5px; /* Firefox 3.6 and earlier */
		/*-moz-border-radius-bottomright:5px;
		border-bottom-left-radius:5px;
		border-bottom-right-radius:5px;
		box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.03) inset, 0 0 0 1px rgba(0, 0, 0, 0.15);	*/
		/*line-height: 21px;*/
		padding-top: 40px; /*200px*/ 
}


#contentHome div#updates{
	/*width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	overflow: hidden;*/

}

#contentHome div#updates div#innerContUdts {
	/*margin-left: auto; 
	margin-right: auto; 
	overflow: hidden;
	width: 700px;*/
}


#contentHome div#updates table td.leftColUpdates{
	text-align: right;
	width: 25%;
	padding-right: 5px;
}

/*#bcontent h1#h1Direct {
	color: #336699;
	background-image: url(../images/key_minus.png);
	background-repeat: no-repeat;
	background-position: 160px;
	line-height: normal;
	height: 48px;
	width: 70%;
	padding: 0;
	cursor: pointer;
	vertical-align: text-bottom;
	
	margin-left: auto;
	margin-right: auto;
	
}*/

#directions {
	width: 70%;
	background-color: #fff;
	margin: 0 auto;
}

#content h1.center, #content h2.center, #content h3.center, #contentCrop h1.center, #contentCrop h2.center  {
	/*color: #336699;*/
	color: #2f79d0;
	margin-top: .5em;
	line-height: normal;
	font-weight: normal;
}

#content table {
	/*width: 75%;*/
	/*margin: 0 auto;*/
	padding-left: 1em;
	padding-right: 1em;
}

#content table td.tDirect {
	text-align: left;
	vertical-align: text-top;
	width: 50%;
	
}

#content table td.tImage {
	padding-bottom: 1em;
	text-align: center;
}

#content table td.tImage hr {
	width: 60%;
	color: #C3C3C5;
}

#content hr {
	width: 70%;
}

#buttons hr {
	width: 100%;
}

/*#imageCrop {
		position: relative;
		float: left;
		padding: 0;
		margin: 0;
		border: 0;
		overflow: hidden;
}*/

#imageCrop {
	position: relative;
	background: #EDEDED url("../images/workcanvas.gif") repeat scroll 0 center;
	
}
#imageCropParent {
	position: relative;
	overflow: hidden;
	border: 1px solid black;
	background-color: #EDEDED;
	/*background-image: url("../images/workcanvas.gif");*/
}

#imageCropTouch {
	/*position: relative;
	overflow: hidden;*/
	opacity: 0.5;
	
}

#touchme {
	/*background-color: lightblue;*/
	width: 75px;
	height: 75px;
	min-width: 50px;
	min-height: 50px;
	position: absolute;
	padding: 0;
	margin: 0;
	/*opacity: 0.5;*/
	z-index: 1000;
	cursor: move;
}

#touchmeCircle {
	/*background-color: lightblue;*/
	width: 75px;
	height: 75px;
	min-width: 50px;
	min-height: 50px;
	position: absolute;
	padding: 0;
	margin: 0;
	/*opacity: 0.5;*/
	z-index: 1000;
	cursor: move;
}

#cpImg {
	/*display: block;
	opacity: 0.5;*/
}


#imageCrop div#imageContainer{
	overflow: auto;
}

#content div hr {
	width: 50%;
}

#infoContainer{	
	/*width: 500px;
	margin: 0 auto;*/
	margin-bottom: 10px;
}

#infoContainer fieldset legend{
	color: #336699;
	font-weight: bold;
}

#results {
		/*#Cropper
		width: 75px;
		height: 75px;
		background-color: lightblue;
		position: absolute;
		overflow: auto;
		padding: 0;
		margin: 0;
		opacity: 0.5;
		filter:Alpha(opacity=50);
		z-index: 99;*/
		/*visibility: hidden;*/ 
		margin: 0 auto;
		border: 1px solid black;
        height: 83px;
        width: 125px;
        position: relative;
        overflow: hidden;
}	
	
#results img {
        position: absolute;
        top: -20px;
        left: -20px;
}

/*#content #redEyeContainer {
	position: relative;
	background: #EDEDED url("../images/workcanvas.gif") repeat scroll 0 center;
	
}*/

#content #redEyeContainer #redEyeImg {
	padding: 0;
	margin-bottom: 10px;
	overflow: auto;
}

/*#content #redEyeContainer #redEyeImg img:hover {
	cursor: crosshair;
}*/

#content #redEyeContainer #redEyeImg #dimBkgd {
	display: none;
	background-color: #000;
	opacity:0.5;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}

/*edit page; #container located in the accordian styling*/ 

#loader {
	display: none;
	width: 160px;
	height: 24px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9999;
	margin: -80px 0 0 -80px;
	background-image: url("../images/76.gif");
	background-repeat: no-repeat;
}

#content #selectContainer{
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
}


#content #editImgContainer {
	overflow: auto;
	width: 100%;
	position: relative;
	/*background: #EDEDED url("../images/workcanvas.gif") repeat scroll 0 center;*/
}

#content #editImgContainer #dimBkgd {
	/*width: 100%;
	height: 100%;*/
	display: none;
	background-color: #000;
	opacity:0.5;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}

#content form table#borderTable td input {
	margin-right: 2px;
}

#content form table#borderATable td p.smallText, #content form table#randomPolTable td p.smallText {
	display: inline;
	padding-left: 10px;
}

#content #container form.fBasicSty div.yui3-skin-sam {
	cursor: pointer;
}

/*#container form table#contrastTable, #container form table#borderTable, #container form table#colTintTable, #container form table#flipFlopTable {*/
	/*-moz-border-radius-bottomleft:5px;*/ /* Firefox 3.6 and earlier */
	/*-moz-border-radius-bottomright:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;*/
	/*box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.03) inset, 0 0 0 1px rgba(0, 0, 0, 0.15);*/	
	/*-moz-animation: fde 2s;*/ /* Firefox */
	/*-webkit-animation: fde 2s;*/ /* Safari and Chrome */
	/*-o-animation: fde 2s;*/ /* Opera */
	
/*}*/

#content #container form table label, #content #container form label, #content #selectContainer label {
	color: #336699;
    font-size: 0.75em;
    font-weight: bold;
}

#content #container form table#borderTable, #content #container form table#colTintTable, #content #container form table#enhanceTable, #content #container form table#sketchTable, #content #container form table#stainedTable, #content #container form table#borderATable, #content #container form table#vintageTable, #container form table#randomPolTable {
	margin: 0 auto;
	padding: 0;
}

#content #container form table#sketchTable td.center div input, #content #container form table#stainedTable td.center div input{
	margin-right: 10px;
}

#content #container form div#vintageTable div#texturesContainer {
	/*width: 300px;*/
	overflow: auto;
}

#content #container form div#vintageTable div#texturesContainer table td {
	width: 200px;
	/*height: 200px;*/ /*bc of bs*/
}

#content #container form div#vintageTable div#texturesContainer table td div {
	text-align: center;
	width: 150px;
	height: 150px;
	/*transition: all 0.15s ease-out 0.1s;*/
	padding:13px;
	cursor: pointer;
}

#content #container form div#vintageTable div#texturesContainer table td div:hover {
	/*margin: -28px -12px;
	padding: 28px 12px;
	transition-delay: 0s;
	transition-duration: 0.1s; 
	background-color: #336699;*/
}




/*end edit page*/

#noImage {
	text-align: center;
}

form.center {
	/*margin-top: 4em;	*/
}

#buttons {
		width: 70%;
		margin: 0 auto;
		clear: left;
		padding: 1em;
}

#formReduce, #formEnlarge {
	width: 75%;
	margin: 0 auto;
}

#formReduce legend, #formEnlarge legend {
	text-align: left;
}

#formReduce fieldset, #formEnlarge fieldset, #directions fieldset, #buttons fieldset {
	border: 1px solid #999;
}

#content #contactForm {
	/*background-image: url(../images/write_e_mail.png);
	background-repeat: no-repeat;
	background-position: 400px 20px;*/
}

#content #resizeImgForm1, #content #resizeImgForm2, #content #resizeImgForm3, #content #contactForm, #content #waterMarkForm1, #content #waterMarkForm2, #content #waterMarkForm3, #content #editImgForm, #content #captImgForm {
	/*width: 500px;*/
	margin: 10px auto;
	/*background-color: #D8DDE8;*/
	padding: 1em;
	-moz-border-radius-bottomleft:5px; /* Firefox 3.6 and earlier */
	-moz-border-radius-bottomright:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.03) inset, 0 0 0 1px rgba(0, 0, 0, 0.15);	
	
	text-align: center;
}

#content #resizeImgForm1 label, #content #resizeImgForm2 label, #content #resizeImgForm3 label, #content #contactForm label, #content #editImgForm label, #captImgForm label {
	/*float: left;
	width: 150px;
	margin-left: 50px;
	display: block;*/
	
	font-size: 0.750em;
	font-weight: bold;
	color: #2f79d0;
	/*color: #336699;*/
}

#content #waterMarkForm1 label, #content #waterMarkForm2 label, #content #waterMarkForm3 label {
	/*float: left;
	width: 200px;
	display: block;
	margin-left: 50px;
	clear: left;*/
	font-size: 0.750em;
	font-weight: bold;
	color: #2f79d0
	/*color: #336699;*/
	
	
	
	
}

#content #waterMarkForm1 input, #content #waterMarkForm1 select, #content #waterMarkForm2 input, #content #waterMarkForm2 select, #content #waterMarkForm3 input, #content #waterMarkForm3 select, #content #waterMarkForm1 textarea, #content #waterMarkForm2 textarea, #content #waterMarkForm3 textarea, #content #waterMarkForm3 {
	margin-bottom: 1em;
}

#content #resizeImgForm1 input, #content #resizeImgForm2 input, #content #resizeImgForm3 input, #content #contactForm input, #content #editImgForm input, #content #resizeImgForm3, #content #captImgForm input, #content #collImgForm input, #content #layoutCollageForm input {
	margin-bottom: 1em;
}

#content #editImgForm #submitEdit {
	width: 135px;
	height: 60px;
	background: #336699 url(../images/editButton.gif) 0 0 no-repeat;
	border: none;
	cursor: pointer;
	font-size: 0;
}

#content #editImgForm #submitEdit:hover {
	width: 135px;
	height: 60px;
	background: #336699 url(../images/editButtonOver.gif) 0 0 no-repeat;
	border: none;
	cursor: pointer;
	font-size: 0;
}

#content #captImgForm #submitCaption {
	width: 135px;
	height: 60px;
	background: #336699 url(../images/captionButton.gif) 0 0 no-repeat;
	border: none;
	cursor: pointer;
	font-size: 0;
}

#content #captImgForm #submitCaption:hover {
	width: 135px;
	height: 60px;
	background: #336699 url(../images/captionButtonOver.gif) 0 0 no-repeat;
	border: none;
	cursor: pointer;
	font-size: 0;
}

#content #collImgForm #submitColl {
	width: 135px;
	height: 60px;
	background: #336699 url(../images/collageButton.gif) 0 0 no-repeat;
	border: none;
	cursor: pointer;
	font-size: 0;
}

#content #collImgForm #submitColl:hover {
	width: 135px;
	height: 60px;
	background: #336699 url(../images/collageButtonOver.gif) 0 0 no-repeat;
	border: none;
	cursor: pointer;
	font-size: 0;
}

/*watermarking color picker*/
#colorPicker1, #colorPicker2, #colorPicker3 {
	width: 100%;
	margin-bottom: 1em;
}

div#footer {
	/*height: 59px;*/
	/*height: 29px;*/  /*took out bc of bs*/
	/*background-color: #336699;*/
	background-color: #0B1618 /*#2D2D2D*/;
	margin: 0;
	border-top: solid 5px #999;
	font-variant: small-caps;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #BBB;
	overflow: hidden;
	/*position: fixed;*/
	width: 100%;
	/*z-index: 999;*/
	/*min-width: 981px;*/ /*took out bc of bs*/
	/*float: left;*/  /*took out bc of bs*/
	clear: both;
	line-height: 1;
	padding-bottom: 5px;
	
}

div#footer #copyRight {
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;	
	/*float:left;
	width: 80%;*/
}
div#footer #privacyPol {
	padding-left: 10px;
	padding-top: 5px;
	/*z-index: 1;*/

	/*float:left;
	width: 20%;*/
	
}

div#footer #privacyPol a {
	text-decoration: none;
	color: #BBBBBB;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-variant: small-caps;
	
}

div#footer #privacyPol a:hover {
	color: white;
	text-decoration: underline;
	
}

/*accord styling */

#container {
	/*width: 500px;
	margin: 0 auto;*/ /*removed bc of bs*/
}
	
/*#container button {
	display: block;
	width: 500px;
	height: 30px;
	text-align: left;
	position: relative;
	padding-left: 2.2em;
	line-height: 50%;
}*/

/*#container button span.arrIcon {
	background-image: url("../images/icons.png");
	background-position: -32px -16px;
	background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
	left: 6px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
	height: 16px;
    width: 16px;
	
}*/

/*#container button span.arrIconOpen {
	background-image: url("../images/icons.png");
	background-position: -64px -16px;
	background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
	left: 6px;
    margin-top: -8px;
    position: absolute;
    top: #contain
	height: 16px;
    width: 16px;
}

#container button span.margLeft{
	margin-left: 14px;
}*/

#content #container form.fBasicSty {
	/*background-color: white;
	visibility: hidden;*/
	display: none;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 1em;
	-moz-border-radius-bottomleft:5px; /* Firefox 3.6 and earlier */
	-moz-border-radius-bottomright:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.03) inset, 0 0 0 1px rgba(0, 0, 0, 0.15);	
	animation: fde 2s;
	-moz-animation: fde 2s; /* Firefox */
	-webkit-animation: fde 2s; /* Safari and Chrome */
	-o-animation: fde 2s; /* Opera */
}

#container form.closeFde {
	display: none;
}

/*#sec1, #sec2, #sec3,#sec4, #sec5, #sec6,#sec7, #sec8, #sec9,#sec10, #sec11, #sec12, #sec13, #sec14, #sec15 {
	display: none;
	height: 0px;
	width: 500px;
}*/

@keyframes fde {
	from {background:#B0E5FF;}
	to {background:white;}
}

@-moz-keyframes fde {  /* Firefox */
	from {background:#B0E5FF;}
	to {background:white;}
}

@-webkit-keyframes fde {/* Safari and Chrome */
	from {background:#B0E5FF;}
	to {background:white;}
}

@-o-keyframes fde { /* Opera */
	from {background:#B0E5FF;}
	to {background:white;}
}

.anim-flicker{
	animation: flickerAnim 0.8s infinite;
}


 @keyFrames flickerAnim{
		  		
	0% {opacity: 0.8;}
	50% {opacity: 0.2;}
	100% {opacity: 0.8;}
}

/*#container div#resizerContainer {
	position: absolute;
	width: 50px;
	height: 50px;
	right: 0;
	bottom: 0;
}

#container div#resizer {
	background-color: red;
	width: 50px;
	height: 50px;
	position: relative;
	cursor: se-resize;
	z-index: 2;
	
}*/

/* caption page styling */

	#captImgWrapper {
		border: solid 1px #000;
		
	}

	#captImgContainer {
		/*margin-top: 10px;*/
		margin-left: auto;
		margin-right: auto;
		position: relative; 
		padding: 0;
		overflow: auto;
		/*background-color: #efefef;*/
		/*border: solid 1px #000;*/
		background-image: url("../images/workcanvas.gif");
	}
		
	#captionImg {
		/*opacity: 0.3;*/
		display: block;
		border-right: solid 1px #fff;
	}

	#canvasDrawCont {
		overflow: hidden;
		border: 1px solid black;
		margin-bottom: 8px;
		background-image: url("../images/workcanvas.gif");
	}
		
	#captForm label {
		padding-left: 10px;
	}
		
	/*#captImgContainer #capt1 {
		padding: 5px;	
	}*/
	
	#captImgContainer #capt1 #segrip {
		bottom: 0px;
    	right: 0px;
		width: 25px;
    	height: 25px;
    	background-image: url("../images/resize-icon.png");
		background-size: 25px 25px;
	}

	#segrip {
		bottom: 0px;
    	right: 0px;
		width: 25px;
    	height: 25px;
    	background-image: url("../images/resize-icon.png");
		background-size: 25px 25px;
	}
	
	#captImgContainer p {
		/*padding: 10px;*/
		margin: 0px;
		font-family: "Arial";
		line-height: 1.2;
		/*line-height: normal;*/
		/*line-height: 1em;*/
		/*padding: 5px;*/
		white-space: pre-wrap;
		font-size: 25px;
		height: 100%;
		padding: 0px;
	}
		
	#captTextContain {
		/*width: 60%;*/
		margin-top: 10px;
		text-align: center;
		margin-bottom: 10px;
			
	}
		
	#captTextContain form textarea {
		font-size: 16px;
		font-family: "Arial";
		background-color:#F6F5F6;
	}
	
				
	.close {
		margin: 5px;
		width: 18px;
		height: 18px;
		position: absolute;
		right: 0;
		top: 0;
		background-image: url("../images/x.gif");
		background-repeat: no-repeat;
		cursor: pointer;
	}
		
	.closeIcon {
			
		margin-right: 8px;
		width: 18px;
		height: 18px;
		position: absolute;
		right: 0;
		top: 0;
		background-image: url("../images/x.gif");
		background-repeat: no-repeat;
		cursor: pointer;
		/*z-index: 9999;*/
		z-index: 1000;	
	}

	
	#iconsContainer {
		/*text-align: left;
		width: 500px;
		overflow: auto;*/
		margin: 0 auto;		
	}
	
	#iconsContainer img {
		cursor: pointer;
		
	}
	
	/*Coll page styling*/
	#collageContainer {
		margin: 0 auto;
		padding-top: 10px;
		padding-bottom: 10px;
		overflow: hidden;
		width: 100%;
		height: 100%;
		/*box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.03) inset, 0 0 0 1px rgba(0, 0, 0, 0.15);*/
	}
	
	#canvasHW input {
		margin-right: 10px;
		margin-left: 10px;
	}
	
	#collageContainer #collCanvas {
		background-color: white; 
		width: 200px; 
		height: 200px; 
		position: relative;
		border: solid thin black;
		cursor: move;
		z-index: 999;
		
	}
	
	#colResults, #cropTouchResults {
		display: none;
		overflow: auto;
		
	}
	
	#collFromContainer {
		width: 60%;
		margin: 0 auto;
		text-align: center;
		margin-bottom: 10px;
			
	}
	
	/*blog*/
	
	.blog-header {
		 padding-bottom: 20px;
	}
	
	.blog-title {
		/*font-size: 40px;*/
		font-weight: normal;
		margin-bottom: 0;
		margin-top: 30px;
		line-height: normal;
		/*color: #336699;*/
		color: #2f79d0;
	}
	
	.blog-description {
		color: #999;
    	font-size: 20px;
	}
	
	#blogContainer, #users {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1em;
		overflow: hidden;
		/* -moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		background-color: white;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		border-color: #CCCCCC;
		border-image: none;
		border-style: solid;
		border-width: thin thin 2px;
		box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.03) inset, 0 0 0 1px rgba(0, 0, 0, 0.15);
		padding: 1em 0.5em;*/
		background-color: #ffffff !important; /*#f1f1f1*/
	}
	#blogContainer a:link, #blogContainer a:visited {
		/*text-decoration: none;*/
		text-decoration: underline;
		/*color: #336699;*/
		color: #2f79d0;	
	}
	
	#blogContainer a:hover {
		text-decoration: underline;
	}
	
	 a.logOut{
		padding: 5px;
		text-decoration: none;
		font-size: small;	
	}
	
	a.logOut:link, a.logOut:visited {
		color: inherit;
	}
	
	#users table {
		width:100%;
		border-collapse:collapse;	
		
	}
	
	#users table td, #users table th {
		font-size:1em;
		border:1px solid #336699;
		padding:3px 7px 2px 7px;
		
	}
	
	#users table th {
		font-size:1.1em;
		text-align:left;
		padding-top:5px;
		padding-bottom:4px;
		background-color:#999999;
		color:#ffffff;
		
	}
	
	
	#blogContainer #blogleftCol {
		/*float: left;
		width: 573px;
		padding-left: 5px;*/

	}
	
	#blogContainer #blogRghtCol {
		
		width: 200px;
		/*float: left;*/
		/*background-color: #F7F7F7;*/
		 background-color: #FFFFFF !important;
		padding: 5px;
		/*border: thin solid #E8E8E8;*/
		border-radius: 5px 5px 5px 5px;
		overflow: hidden;
		margin-bottom: 10px;
		margin-top: 10px;
		position: fixed;
		
		/*margin-left: 10px;*/
    	margin-right: 10px;
		
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
		
		
	}
	
	#blogContainer #blogRghtShowPostCol {
		/*float: left;*/
		/*background-color: #F7F7F7;*/
		background-color: #FFFFFF;
		padding: 5px;
		border: thin solid #E8E8E8;
		border-radius: 5px 5px 5px 5px;
		overflow: hidden;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 10px;
    	margin-right: 10px;
		
	}
	
	#blogContainer #blogleftCol #postToBlog {
		/*margin-left: auto;
		margin-right: auto;*/
		margin-bottom: 50px;
		padding: 2px;
		border: thin solid #E8E8E8;
		border-radius: 5px 5px 5px 5px;
		width: 580px;
		
	}
	
	/*#blogContainer #blogleftCol #postToBlog form textarea {
		min-height: 60px;
		-moz-box-sizing: border-box;
		background-color: #ffffff;
		border: 0 none;
		outline: 0 none;
		width: 100%;
		line-height: 1.28;
		vertical-align: bottom;
		direction: ltr;
		resize: none;
		overflow: hidden;
	}*/
	
	#blogContainer #blogleftCol #postToBlog form iframe, #blogContainer #blogleftCol div.uploadImgBox form iframe{
		display: none;	
		
	}
	
	
	#blogContainer #blogleftCol #postToBlog form div.center {
		background-color: #F7F7F7;
		padding: 3px;
	}
	
	
	
	#blogContainer #blogleftCol div.postContainer {
		margin-top: 5px;
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 30px;
		position: relative; /*for arrow*/
		background-color: #FFFFFF !important;
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important
		
	}
	
	#blogContainer #blogleftCol div.postContainer h1.mainColor {
		padding: 5px;
		/*width: 580px;*/
		/*background-color: #F7F7F7;*/
		margin: 0;
		/*border: thin solid #E8E8E8;
		border-radius: 5px 5px 5px 5px;*/
		
		line-height: normal;
	}
	
	#blogContainer #blogleftCol div.postContainer div.topArrow {
		border-color: transparent transparent #F7F7F7;
		border-style: solid;
		border-width: 11px;
		height: 0;
		left: 51px;
		position: absolute;
		top: 73px;
		width: 0;
		
		display: none; /*bs*/
		
	}
	
	#blogContainer #blogleftCol div.postContainer div.postBox {
		
		/*background-color: #F7F7F7;*/
		background-color: #FFFFFF;
		/*border: thin solid #E8E8E8;*/
		border-radius: 5px 5px 5px 5px;
		height: auto;
		padding: 5px;
		margin-top: 1em;
		width: 100%;
		/*box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;*/
	}
	
	#blogContainer #blogleftCol div.postContainer div.postBox div.blogImages img:hover {
		border: 1px #336699 solid;
		opacity: 0.8;
		filter:Alpha(opacity=80); /* IE8 and earlier */
		
	}
	
	#blogContainer #blogleftCol div.postContainer div.postBox div.blogImages img {
		/*border: 0; ie */
		border: 1px solid #999999;
   		/*border-radius: 5px 5px 5px 5px;*/
    	padding: 5.4px;
		margin-right: 5px;
	}
	
	.postContainer .editPostBox, .postContainer .uploadImgBox {
		display: none;
		background-color: white;
		border: thin solid #E8E8E8;
		border-radius: 5px 5px 5px 5px;
		height: auto;
		padding-left: 5px;
		padding-top: 5px;
		width: 80%;
		
	}
	
	/*#blogContainer #blogleftCol div.postContainer div.postBox div.blogImages a {
		position: relative;
		display: inline-block;
	}*/
	
	.delImgInput {
		position:absolute;
		left: 0px; 
		top: 0px;
		z-index: 9999;
		width: 15px;
		height: 15px;
		display: none;
		
	}


	.makeImgPost {
		position:absolute;
		right: 0px; 
		top: 0px;
		z-index: 9999;
	}
	
	.delImgsButton {
		display: none;
		width: 80%;
		text-align:center;
	}
	
	.postContainer .editPostBox form label, #loginForm label, #regFormBlog label, #regFormEditPro label  {
		
		color: #336699;
		display: block;
		float: left;
		font-size: 0.75em;
		font-weight: bold;
		margin-left: 50px;
		width: 150px;
		
	}
	
	#users #userAdded.userSuccess {
		display: none;
		width: 500px;
		background-color: #B9FFB6;
		border: #0C0 thin solid;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		
	}
	
	#users #userAdded.userFail {
		display: none;
		width: 500px;
		background-color: #EEBAB5;
		border: #C03 thin solid;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		
	}
	
	.userSuccess {
		display: block;
		width: 580px;
		background-color: #B9FFB6;
		border: #0C0 thin solid;
		text-align: center;
		/*margin-left: auto;
		margin-right: auto;*/
		margin-bottom: 10px;
		
	}
	
	.userFail {
		display: block;
		width: 580px;
		background-color: #EEBAB5;
		border: #C03 thin solid;
		text-align: center;
		/*margin-left: auto;
		margin-right: auto;*/
		margin-bottom: 10px;
	}
	
	#content .userFail {
		display: block;
		width: 580px;
		background-color: #EEBAB5;
		border: #C03 thin solid;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
	}
	
	.labGenStyle {
		color: #336699;
		display: block;
		float: left;
		font-size: 0.75em;
		font-weight: bold;
		margin-left: 50px;
		width: 150px;
		
	}

	
	.postContainer .editPostBox form input, .postContainer .editPostBox form select, #loginForm input, #regForm input {
		margin-bottom: 5px;
		
	}
	
	#blogContainer #blogRghtCol #pageLinksContainRightCol, #blogContainer #blogleftCol #pageLinksContainLeftCol {
		text-align: center;
		margin-bottom: 10px;
		/*width: 580px;*/ /*bc of bs*/
		overflow: hidden;
		
		
	}
	
	#blogContainer #blogRghtCol #pageLinksContainRightCol ul, #blogContainer #blogleftCol #pageLinksContainLeftCol ul {
		list-style: none;
		margin: 0;
		padding: 0;

		display: inline-block;
		
	}
	
	#blogContainer #blogRghtCol #pageLinksContainRightCol ul li,  #blogContainer #blogleftCol #pageLinksContainLeftCol ul li{
		float: left;
		/*margin-left: 7px;*/
		margin-bottom: 7px;

		display: inline;
	}
	
	#blogContainer #blogRghtCol #pageLinksContainRightCol a,  #blogContainer  #blogleftCol #pageLinksContainLeftCol a{
		/*padding: 5px;
		border: thin solid #336699;*/
		text-decoration: none;
		/*background-color: #F7F7F7;
		display: inline-block;*/

		float: left;
		background-color: #fff;
		border: 1px solid #ddd;
		padding: 6px 12px;
		line-height: 1.42857143;

	}
	
	#blogContainer #blogRghtCol #pageLinksContainRightCol ul li span,  #blogContainer #blogleftCol #pageLinksContainLeftCol ul li span{
		padding: 5px;
		display: inline-block;
	}
	
	#blogContainer #blogRghtCol #pageLinksContainRightCol a:link, #blogContainer #blogRghtCol #pageLinksContainRightCol a:visited,  #blogContainer #blogleftCol #pageLinksContainLeftCol a:link, #blogContainer #blogleftCol #pageLinksContainLeftCol a:visited{
		color: #6A6969;
	}
	
	#blogContainer #blogRghtCol #pageLinksContainRightCol span.current,  #blogContainer #blogleftCol #pageLinksContainLeftCol span.current{
		color: #fff;
		/*background-color: #336699;*/
		background-color: #2f79d0;
		padding: 6px 12px;
		font-weight: bold;
		margin-left: 5px;
		margin-right: 5px;
	}
	
	#blogContainer #blogRghtCol form#searchBlog, #blogContainer #blogRghtShowPostCol form#searchBlog {
		background-color: #ffffff;
		border-radius: 3px 4px 4px 3px;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
		height: 26px;
		line-height: 25px;
		margin-bottom: 10px;
		position: relative;
	}
	
	#blogContainer #blogRghtCol form#searchBlog input, #blogContainer #blogRghtShowPostCol input {
    	border: 0 none;
    	font-size: 12px;
    	outline: 0 none;
    	padding: 0;
    	/*width: 130px;	*/
		width: 100%;
	}
	
	#blogContainer #blogRghtCol form#searchBlog #searchButton, #blogContainer #blogRghtShowPostCol form#searchBlog #searchButton{
		background: url("../images/search_icon.png") no-repeat scroll 50% center #336699;
		/*border: 1px solid #7BA60D;*/
		border-radius: 0 3px 3px 0;
		bottom: 0;
		/*box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;*/
		display: block;
		height: 26px;
		padding: 0;
		position: absolute;
		right: 0;
		text-indent: -3000em;
		top: 0;
		width: 26px;
		cursor: pointer;
	
	}

	textarea#paraTextarea {
		  position: absolute;
		  background: transparent;
		  resize: none;
		  border: 0 none;
		  width: 100%;
		  outline: none;
		  height: 100%;
		  padding: 0px;
		  /*padding: 5px;*/
		  /*padding: 1.5px;*/
		  border: 2px dashed red;
		  overflow-y: hidden;
		  
		}

	.animated {
            -webkit-animation-duration: 5s;
			animation-duration: 5s;
            -webkit-animation-fill-mode: both;
			animation-fill-mode: both;
         }
         
         @-webkit-keyframes fadeOut {
            0% {opacity: 1;}
            100% {opacity: 0;}
         }
         
         @keyframes fadeOut {
            0% {opacity: 1;}
            100% {opacity: 0;}
         }
         
         .fadeOut {
            -webkit-animation-name: fadeOut;
            animation-name: fadeOut;
         }

/*m maker */

	#imageContTradMeme{
		background-color: transparent;
		position: relative;
		/*border: 2px black solid;*/
		overflow: hidden;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 8px;
		box-sizing: content-box;
		
	}
	
	#imageContCaptMeme{
		background-color: transparent;
		position: relative;
		border: 1px black solid;
		overflow: hidden;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 8px;
		box-sizing: content-box;
		;
	}
	
	#tradBox{
		background-image: url("../images/resize.png");
		background-repeat: no-repeat;
		background-position: center;
  		background-size: 50px;
		background-color: transparent;
		width: 100%;
		height: 50px;
		position: absolute;
		top: 0;
		left: 0;
		cursor: move;
		overflow: hidden;
		box-sizing: content-box;
		padding: 0;
		
	}
	
	#captBox1{
		background-color: transparent;
		/*width: 800px;*/
		width: 100%;
		height: 75px;
		position: absolute;
		top: 0;
		left: 0;
		cursor: move;
		overflow: hidden;
		box-sizing: content-box;
		
	}
	
	#textAreaTrad {
		/*font-family: Impact, sans-serif;*/
		font-family: Impact, 'Anton', sans-serif;
		color: white;
		text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
		font-size: 23px;
		text-align: center;
		width: 100%;
		background-color: rgba(100,100,100,0.5);
		resize: none;
		line-height: normal;
		/*margin-top: 1px;
		margin-bottom: 1px;*/
		box-sizing: content-box;
		border: 0;
		padding: 0;
	}
	
	#textAreaCapt1 {
		font-family: Arial;
		font-size: 25px;
		text-align: center;
		width: 100%;
		background: white;	
		resize: none;
		line-height: normal;
		/*margin-top: 1px;
		margin-bottom: 1px;*/
		box-sizing: content-box;
		color: black;
		border: 0;
		padding: 0;

	}
	

	#handleTrad{
		background-image: url("../images/resize.png");
		background-repeat: no-repeat;
		background-position: center;
  		background-size: 25px;
		background-color: red;
		width: 100%;
		height: 25px;
		position: absolute;
		bottom: 0;
		left: 0;
		cursor: move;
		z-index: 1025;
		text-align: center;
	}
	
	#handleCapt1{
		background-image: url("../images/resize.png");
		background-repeat: no-repeat;
		background-position: center;
  		background-size: 25px;
		background-color: red;
		width: 100%;
		height: 25px;
		position: absolute;
		bottom: 0;
		left: 0;
		cursor: move;
		z-index: 1025;
	}
	
	
	#captBox2{
		background-color: transparent;
		width: 100%;
		height: 75px;
		position: absolute;
		left: 0;
		cursor: move;
		overflow: hidden;
		box-sizing: content-box;
		
	}
	
	
	#textAreaCapt2 {
		font-family: Arial;
		font-size: 25px;
		text-align: center;
		width: 100%;
		background: white;	
		resize: none;
		line-height: normal;
		/*margin-top: 1px;
		margin-bottom: 1px;*/
		box-sizing: content-box;
		color: black;
		border: 0;
		padding: 0;
	}
	
	#handleCapt2{
		background-image: url("../images/resize.png");
		background-repeat: no-repeat;
		background-position: center;
  		background-size: 25px;
		background-color: red;
		width: 100%;
		height: 25px;
		position: absolute;
		bottom: 0;
		left: 0;
		cursor: move;
		z-index: 1025;
	}
	
	#theImageCapt {
		position: absolute;
		left: 0;
		top: 75px;	
	}

	#contactForm #comments {
		width: 300px;
		height: 300px;
	}

	/*Fonts*/
	@font-face {
	  		font-family: bubble;
	  		src: url(../images/fonts/bubble.ttf);
	}

	@font-face {
	  		font-family: chalk;
	  		src: url(../images/fonts/Chalk.ttf);
	}

	@font-face {
	  		font-family: disney;
	  		src: url(../images/fonts/Disney.ttf);
	}

	@font-face {
	  		font-family: faded;
	  		src: url(../images/fonts/Faded.ttf);
	}

	@font-face {
	  		font-family: gothic;
	  		src: url(../images/fonts/Gothic.ttf);
	}

	@font-face {
	  		font-family: halloween1;
	  		src: url(../images/fonts/Halloween1.ttf);
	}

	@font-face {
	  		font-family: halloween2;
	  		src: url(../images/fonts/Halloween2.ttf);
	}

	@font-face {
	  		font-family: lego;
	  		src: url(../images/fonts/lego.ttf);
	}

	@font-face {
	  		font-family: Maddac;
	  		src: url(../images/fonts/Maddac.ttf);
	}

	@font-face {
	  		font-family: marker;
	  		src: url(../images/fonts/marker.ttf);
	}

	@font-face {
	  		font-family: mvboli;
	  		src: url(../images/fonts/MVBoli.ttf);
	}

	@font-face {
	  		font-family: nairobi;
	  		src: url(../images/fonts/Nairobi.ttf);
	}

	@font-face {
	  		font-family: neon;
	  		src: url(../images/fonts/anaconda.ttf);
	}

	@font-face {
	  		font-family: 'old english';
	  		src: url(../images/fonts/oldenglish.ttf);
	}

	@font-face {
	  		font-family: poniente;
	  		src: url(../images/fonts/Poniente.ttf);
	}

	@font-face {
	  		font-family: 'twentieth century';
	  		src: url(../images/fonts/tw-cen-mt-cond-med.ttf);
	}

	@font-face {
	  		font-family: typewriter;
	  		src: url(../images/fonts/typewriter.ttf);
	}

	@font-face {
	  		font-family: subtitle;
	  		src: url(../images/fonts/CorbelBoldItalic.ttf);
	}

	@font-face {
	  		font-family: western;
	  		src: url(../images/fonts/Western.ttf);
	}

	@font-face {
	  		font-family: metafora;
	  		src: url(../images/fonts/Metafora.otf);
	}

	@font-face {
	  		font-family: rift;
	  		src: url(../images/fonts/Rift.otf);
	}

	@font-face {
	  		font-family: 'rift soft';
	  		src: url(../images/fonts/RiftSoft.otf);
	}

	@font-face {
	  		font-family: impacto;
	  		src: url(../images/fonts/impact.ttf);
	}

	/*Fonts end*/

	/*file upload button*/
	/*[type="file"] {
	  height: 0;
	  overflow: hidden;
	  width: 0;
	}

	[type="file"] + label {
	  background: #2f79d0;
	  border: none;
	  border-radius: 5px;
	  color: #fff;
	  cursor: pointer;
	  display: inline-block;
	  font-family: 'Poppins', sans-serif;
	  font-size: inherit;
	  font-weight: 600;
	  margin-bottom: 1rem;
	  outline: none;
	  padding: 1rem 20px;
	  position: relative;
	  transition: all 0.3s;
	  vertical-align: middle;
	}*/
	/*file upload button end*/