.roundedbutton {
	padding:10px 20px 2px 20px;
	float:left;
	text-decoration:none;
	font-size:22px;
	font-weight:bold;
	margin-right:20px;
	text-shadow: 0 1px 1px rgba(0,0,0,.4);
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	
	
	font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif;
	
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.6);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,.6);
	box-shadow: 0 2px 4px rgba(0,0,0,.6);
	cursor:pointer}
.roundedbutton:hover {}
.roundedbutton:active {position:relative; top:1px;}
.roundedbutton .img {margin-bottom:-5px; margin-left:8px;display:inline-block;background-image:url("/static/img/sprite.png");background-repeat:no-repeat;}
.roundedbutton span {font-weight:normal; color:#c4b8fe;}

.tallerbutton {
	padding-top:10px;
	padding-bottom:10px;
}

.colorone {
	color:#fff;
	background:#4ea61b;
	background: -webkit-gradient(linear, left top, left bottom, from(#70ce31), to(#2b6a0a));
	background: -moz-linear-gradient(top, #70ce31, #296d07);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#70ce31", endColorstr="#2b6a0a");}
.colorone:hover {
	background: #296d07;
	background: -webkit-gradient(linear, left top, left bottom, from(#5ca62a), to(#225b06));
	background: -moz-linear-gradient(top, #5ca62a, #225b06);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5ca62a", endColorstr="#225b06");}
.colorone.hover {
	background: #296d07;
	background: -webkit-gradient(linear, left top, left bottom, from(#5ca62a), to(#225b06));
	background: -moz-linear-gradient(top, #5ca62a, #225b06);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5ca62a", endColorstr="#225b06");}
.colorone:active {
	background: #1c4e03;
	background: -webkit-gradient(linear, left top, left bottom, from(#2a6909), to(#3e8116));
	background: -moz-linear-gradient(top, #2a6909, #3e8116);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2a6909", endColorstr="#3e8116");}

.colortwo {
	color:#fff;
	background:#826de5;
	background: -webkit-gradient(linear, left top, left bottom, from(#9986f9), to(#5644ac));
	background: -moz-linear-gradient(top, #9986f9, #5644ac);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9986f9", endColorstr="#5644ac");}
.colortwo:hover {
	background: #4c3c98;
	background: -webkit-gradient(linear, left top, left bottom, from(#8474ce), to(#4c3c98));
	background: -moz-linear-gradient(top, #8474ce, #4c3c98);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8474ce", endColorstr="#4c3c98");}
.colortwo:active {
	background: #6a5bb0;
	background: -webkit-gradient(linear, left top, left bottom, from(#51419e), to(#6a5bb0));
	background: -moz-linear-gradient(top, #51419e, #6a5bb0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#51419e", endColorstr="#6a5bb0");}

.colorthree {
    color:#fff;
    background:#e60d00;
    background: -webkit-gradient(linear, left top, left bottom, from(#fd1900), to(#a90100));
    background: -moz-linear-gradient(top,  #fd1900,  #a90100);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fd1900", endColorstr="#a90100");}
.colorthree:hover {
    background: #cd0b00;
    background: -webkit-gradient(linear, left top, left bottom, from(#e21b05), to(#8b0000));
    background: -moz-linear-gradient(top, #e21b05, #8b0000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e21b05", endColorstr="#8b0000");}
.colorthree:active {
    background: #8B0600;
    background: -webkit-gradient(linear, left top, left bottom, from(#8b0000), to(#e21b05));
    background: -moz-linear-gradient(top, #8b0000, #e21b05);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8b0000", endColorstr="#e21b05");}

.colorfour {
    color:#fff;
    background:#404354;
    background: -webkit-gradient(linear, left top, left bottom, from(#585B6F), to(#222633));
    background: -moz-linear-gradient(top,  #fd1900,  #a90100);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fd1900", endColorstr="#a90100");}
.colorfour:hover {
    background: #cd0b00;
    background: -webkit-gradient(linear, left top, left bottom, from(#484C62), to(#191D2A));
    background: -moz-linear-gradient(top, #e21b05, #8b0000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e21b05", endColorstr="#8b0000");}
.colorfour:active {
    background: #8B0600;
    background: -webkit-gradient(linear, left top, left bottom, from(#222633), to(#585B6F));
    background: -moz-linear-gradient(top, #8b0000, #e21b05);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8b0000", endColorstr="#e21b05");}


/*
	MAIN BUTTONS
*/

span.niftytitle { 
	text-shadow: 1px 3px 5px;
	font-size: 16px;
	text-align:center;
}
span.niftyinfo {
	color:#063;
	font-size:9px;
	display:block;
	text-align:center;
}


div.nifty a, div.nifty a:visited {
	text-decoration: none;
	cursor: pointer;
	padding: 6px 6px 8px 6px;
	display:block;
	clear:both;
	color:black;
}
div.nifty a:hover {
}

div.nifty img {
	float:left;
	margin:0 8px 0 0;
}

div.nifty p.interbuttontext {
	position:relative;
}







/* SIGNUP BUTTON */


div.signup {
	margin:0 1px;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
}

div.signup div {
	width: 100%;
}

div.emailbox {
	padding:0px;
	width:200px !important;
}	


.signupinfo { text-align:left; font-size:12px; line-height:13px; }
.miniprivacy { color:#8a8; font-size:9px; line-height:11px; margin-top:5px; }













/*
	EDITING FOCUS
*/
input.disabledInput { color:#777; }
input.enabledInput  { color:#000; }

/*
	POPUP DISPLAYS
*/

div.hiddenpop {position:fixed; display:none;}

div.pop h1 {color:#000;}
div.pop p { font-size:13px; line-height:1.4em;}
div.pop a {color:#7080FF; line-height:1.3em; font-size:10px;}	
div.pop p.popinfo { font-size:11px; }
div.popbackdrop { background:black; width:100%; height:100%; margin: 0 0; position:fixed; z-index:199; opacity:0.6;  left:0; top:0; }

div.pop {
	position:fixed;
	z-index:200;
    width:320px;
    padding:16px;

	top:45%; left:50%;  margin:-100px 0 0 -170px;

    font:13px 'Lucida Grande',sans-serif bold;
    text-align:center;
    -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px;
    background: #FFF url(http://www.karelia.com/scripts/pop.png) bottom left repeat-x;
    -webkit-background-origin: border; -moz-background-origin: border;
    -webkit-background-clip: border; -moz-background-clip: border;
    -webkit-box-shadow: 1px 8px 8px rgba(0, 0, 0, 0.5);
    cursor: default;
}

div.popbutton {
    margin: 16px auto 16px auto;
    text-align:center;
    font-weight:normal;
    width:130px;
    padding:8px;
    height:16px;
    border:1px solid #666666; 
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
    background: url(http://www.karelia.com/scripts/popbutton.png) repeat-x;

    -webkit-background-origin: border; -moz-background-origin: border;
    -webkit-background-clip: border; -moz-background-clip: border;
    -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
    cursor:default;
}

div.pop:hover div.popbutton {background-position:0 -33px;}
div.pop:hover div.popbutton:active {background-position:0 -64px;}

p.loadingMsg { color:#777; }
p.successMsg { color:#000; }
p.errorMsg { color:#F00; }

div.widepop {
	position:fixed;
	z-index:200;
    width:640px;
    padding:12px;
	top:45%; left:50%;  margin:-240px 0 0 -330px;
    -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius:16px;
    background: #000;
    -webkit-box-shadow: 0px 0px 16px #FFF; box-shadow: 0px 0px 16px #FFF;
}
div.widerpop {
	position:fixed;
	z-index:200;
    width:1024px;
    height:496px;
    padding:12px;
	top:45%; left:50%;  margin:-240px 0 0 -330px;
    -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px;
    background: #000;
    -webkit-box-shadow: 0px 0px 16px #FFF; box-shadow: 0px 0px 16px #FFF;
}

p.chapterlist
{
	color:white; text-align:center; margin:0; font:12px Trebuchet, 'Trebuchet MS', Verdana, sans-serif;
}
p.chapterlist a
{
	color:gray; text-decoration:none;
}
p.chapterlist a:hover
{
	color:white; text-decoration:underline;
}
a#clickclose
{
	color:white !important;
	float:right;
	width:20px;
	text-align:right;
}	font-size:150%;