body {
background: /*#6B6B6B*/#595959 url(blackbg.jpg) repeat-x;
/*background: #FFF url(bodybg.png) repeat-x;*/
color: #E0E0E0;
font-family: verdana;
}

div#page {
background: #F4F4F4 url(doublegrad2.png) repeat-x;
/*background: #FFF;*/
width: 1000px;
color: #000;
font-size: 80%;
margin: 10px auto 20px auto;
padding-bottom: 30px;
border: 1px #000 solid;
}

div#content {
padding: 10px;
}

.tinyGamepic {
width: 20px;
height: 20px;
padding: 0 8px 0 0;
float: left;
}

#leftHeader {
float: left;
}

#rightHeader {
float: right;
}

.poweredby {
margin: 4px 10px 0 0;
}

h1 {
margin: 10px;
color: #648E2E;
font-family: arial;
font-size: 220%;
height: 47px;
width: 372px;
padding: 0;
}

#userlinks {
margin: 5px 0 30px 0;
background: url(userlinks.gif) repeat-x;
padding: 0;
height: 20px;
border-top: 1px #848484 solid;
border-bottom: 1px #000 solid;
border-right: 1px #000 solid;
position: relative;
text-align: center;
}

#userlinks a {
    color: #E9E9E9;
    /*background: #F6F6F6;*/
    /*border: 1px #A9AE9E solid;
    border-bottom: 1px #5B5C58 solid;
    border-right: 1px #5B5C58 solid;*/
    font-weight: bold;
    font-family: arial,verdana;
    font-size: 90%;
    padding: 0 15px 0 15px;
    position: relative;
    top: 10%;
}

#userlinks a:hover,
#userlinks a:active {
    /*background: #FFF;*/
    text-decoration: none;
    color: #9AE200;
}

.clear {
clear: both;
}

h2 {
/*color: #4A4A4A;*/
color: #464F31;
margin: 10px 1% 10px 1%;
font-family: "Ludica Sans",Arial,Times,"Times New Roman";
font-size: 120%;
width: auto;
}

h2 a,
h2 a:link,
h2 a:active,
h2 a:visited {
    font-weight: bold;
    font-style: italic;
    color: #464F31;
}

h2 a:hover {
text-decoration: none;
border-bottom: 1px #232323 dotted;
}

h3 {
color: #464F31;
margin: 10px 10px 10px 0;
font-family: "Ludica Sans",Arial,Times,"Times New Roman";
font-size: 160%;
/* It's bigger but less important, just go with me on this. */
width: auto;
}

.statusMessage {
/* Class for the div that holds thank you and error messages*/
border: 1px #696969 solid;
padding: 10px;
background: #F8F8F8;
}

.statusMessage p {
/* Helps keep those h2's inline because of the fieldsets margins */
margin: 10px 1% 10px 1%;
}

div.or {
font-style: italic;
text-align: center;
font-family: georgia;
color: #6C6C6C;
font-size: 280%;
margin: 25px 0 25px 0;
}

fieldset {
padding: 0 15px 15px 15px;
position: relative;
display: block;
border: 1px #4C4C4C solid;
margin: 25px 1% 10px 1%;
background: #F8F8F8/* url(somebg.png) repeat-x*/;
}

fieldset h2 {
margin: 10px 10px 10px 0;
}

legend {
position: relative;
top: -12px;
background: #FCFCFC;
padding: 1px 4px 1px 4px;
margin: 0 0 10px 0;
border: 1px #C1C1C1 solid;
/*border-left: 1px #939393 solid;*/
/*color: #7DA218;*/
color: #575757;
font-weight: bold;
font-family: verdana;
font-size: 100%;
}

fieldset.login label {
    display: block;
    margin: 10px 0 0 0;
}

fieldset.register label {
    display: block;
    margin: 10px 0 0 0;
}

.newLine {
display: block;
}

input.submit {
    background: #F1F1F1 url(buttonbg.png) repeat-x;
    padding: 3px 5px 3px 5px;
    border: 1px #000 solid;
    margin: 3px 2px 1px 0;
    font-size: 90%;
    font-family: verdana;
}

button.button {
    background: #F1F1F1 url(buttonbg.png) repeat-x;
    padding: 3px 5px 3px 5px;
    border: 1px #000 solid;
    margin: 3px 2px 1px 0;
    font-size: 90%;
    font-family: verdana;
}

button.textReplace {
    background: #F1F1F1 url(brightbuttonbg.png) repeat-x;
    padding: 0;
    border: 1px #000 solid;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-right: 2px;
    font-size: 80%;
    font-family: verdana;
}

a.button:link, a.button:visited, a.button:active {
    background: #F1F1F1 url(buttonbg.png) repeat-x;
    padding: 3px 5px 3px 5px;
    border: 1px #000 solid;
    margin: 0 auto 0 auto;
    color: #343434;
    margin-top: 3px;
    font-size: 100%;
    width: auto;
    font-family: verdana;
}

div.center {
text-align: center;
}

form.long input.bigSexy {
width: 300px;
}

input.longer {
    width: 300px;
}

input.kindaBig {
font-size: 110%;
padding: 3px;
border: #3F3F3F 1px solid;
font-family: verdana;
width: 210px;
}

input.bigSexy {
font-size: 140%;
border: 1px #707070 solid;
padding: 1px;
font-family: verdana,Trebuchet,"Century Schoolbook",Georgia;
}

#scrollable {
width: 100%;
overflow: auto;
height: 300px;
}

#scrollable ul {
margin: 0;
padding: 0;
}

#scrollable ul li {
list-style-type: none;
margin: 10px;
padding: 0;
display: block;
}

#scrollable ul li label {
display: block;
}

a:link, a:visited, a:active {
color: #549007;
text-decoration: none;
}

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

p.bold { 
font-weight: bold;
}

p.bottomDivider {
padding-bottom: 10px;
border-bottom: 1px #606060 dashed;
}

div#gamercardWorkspace {
background: url(checkers.png) repeat;
margin: 20px;
padding: 0;
position: relative;
/*vertical-align: middle;*/
}

img#gamercardBg {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
display: block;
}

#gamercardBgLoading {
    width: 16px;
    height: 16px;
    margin: -16px 0 0 -16px;
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
}

div#gamercardWorkspace img.movable {
cursor: move;
top: 0;
left: 0;
position: absolute;
}

img.gsicon {
padding: 4px 0 0 0;
}

div#rightForms {

}

div#leftForms {
float: left;
}

fieldset#editor input {
margin-bottom: 10px;
}

.left {
float: left;
}

.clear {
clear: both;
}

#layers {
/*border-bottom: 1px #505050 solid;*/
border-right: 1px #505050 solid;
margin: 8px;
padding: 0;
}

#layersLoading {
    width: 16px;
    height: 16px;
    margin: -16px 0 0 -16px;
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
}




input {
margin: 2px;
}

input.mini {
width: 28px;
padding: 1px;
font-size: 90%;
border: #3F3F3F 1px solid;
}

label {
font-family: verdana,"Ludica Grande";
font-size: 90%;
margin: 0 4px 0 4px;
}

table.colorPicker {
border: 1px #000 solid;
}

.addHeader {
font-size: 90%;
font-family: verdana;
}

#templatesContainer div{
margin-top: 15px;
display: none;
}

img.notThere {
display: none;
}

.left {
float: left;
display: block;
}

a.fontsDisplay {
position: relative;
display: inline;
}


span.fontPicker {
position: absolute;
bottom: 100px;
left: 0;
display: block;
border: #7D7D7D 1px solid;
background: #FFF;
z-index: 100;
width: 290px;
overflow: scroll;
height: 90px;
}

span.fontPicker img {
display: block;
}


select {
font-size: 90%;
}

label.delete {
color: #9B0B0B;
font-weight: bold;
}

#layers div.aLayer {
background: #FCFCFC;
padding: 6px;
border-top: 1px #505050 solid;
border-left: 1px #505050 solid;
}

#layers div.alt {
background: #E8FFD7;
}

#layers div.deleted {
background: url(deletedbg.png) repeat;
}

.coords {
background: #F0F0F0;
border: 1px #000 solid;
padding: 5px;
width: auto;
}

.saved {
font-weight: bold;
}

span.small {
font-size: 90%;
}

p.small {
    font-size: 80%;
    margin: 0;
}

.code {
    height: 70px;
    width: auto;
    border: 1px #000 solid;
    padding: 5px;
    background: #FFF;
    display: block;
    overflow: auto;
    width: 550px;
}

div.cardPreview {
background: #F8F8F8;
border: 1px #696969 solid;
padding: 10px;
width: auto;
margin: 10px 0 20px 0;
}

div.cardPreview input {
display: block;
width: 60%;
padding: 1px;
font-size: 110%;
font-family: verdana;
border: 1px #0F0F0F solid;
}

.unfinishedStatus {
color: #A60707;
font-weight: bold;
}

.collectDetails {
font-size: 120%;
}

.collectDetails legend {
font-size: 80%;
}

.collectDetails label {
display: block;
margin: 5px 0 10px 0;
}

.collectDetails textarea {
    border: #454545 1px solid;
    padding: 2px;
    width: 300px;
    height: 60px;
    font-family: verdana;
    font-size: 80%;
}

.checkboxes label {
    display: inline;
}


.collectDetails .checkboxes label {
margin: 0 5px 0 5px;
}

.contentBox {
border: 1px #696969 solid;
padding: 10px;
background: #F8F8F8;
margin: 0 0 10px 0;
}

.sampleOfYours {
overflow: scroll;
width: 475px;
}

p.folder {
    padding: 0 0 0 26px;
    background: url(folderclipartmini.png) no-repeat;
}

p.folder a,
p.folder a:link,
p.folder a:active,
p.folder a:visited {
    color: #242424;
}

p.folder a:hover {
    text-decoration: underline;
    color: #000;
}

.leftCol {
float: left;
width: 49%;
padding: 0;
margin: 0;
}

.rightCol {
float: right;
width: 49%;
padding: 0;
margin: 0;
}

.myLabel {
font-weight: bold;
}

a.allBusiness:link,
a.allBusiness,
a.allBusiness:visited,
a.allBusiness:active {
    color: #131313;
    /*font-weight: bold;*/
    font-family: "verdana";
    font-size: 110%;
}

a.allBusiness:hover {
    text-decoration: none;
    color: #434343;
}

ul.linkList li {
margin: 8px 0 8px 0;
}

.pageLinksHolder {
margin-top: 50px;
}

.pagesTitle {
font-weight: bold;
margin: 0;
}

.pageLinks {
padding: 3px;
border: 1px #BBBBBB solid;
margin-top: 40px;
}


.pageLinks a,
.pageLinks a:link,
.pageLinks a:active,
.pageLinks a:visited {
color: #000;
text-decoration: underline;
}

.pageLinks a:hover {
color: #565754;
}

.pageLinks a.current,
.pageLinks a.current:link,
.pageLinks a.current:active,
.pageLinks a.current:visited,
.pageLinks a.current:hover {
color: #62890D;
}

.hexColorPicker {
width: 50px;
font-size: 90%;
border: 1px #000 solid;
padding: 1px;
}

.colorBox {
width: 13px;
height: 13px;
background: #000;
border:1px #000 solid;
cursor: pointer;
}

span.topleft {
background: url(topleft.gif);
height: 50px;
width: 50px;
left: 0;
top: 0;
position: relative;
display: block;
}

span.topright {
background: url(topright.gif);
height: 50px;
width: 50px;
right: 0;
top: 0;
position: relative;
display: block;
}

span.bottomleft {
background: url(bottomleft.gif);
height: 50px;
width: 50px;
bottom: 0;
left: 0;
position: relative;
display: block;
}

span.bottomright {
background: url(bottomright.gif);
height: 50px;
width: 50px;
bottom: 0;
right: 0;
position: relative;
display: block;
}

.faq p {
    margin: 0 10px 0 10px;
    text-indent: 20px;
}

#introDescription {
	float: left;
	padding: 5px;
	background: #FFF;
	border: 3px #A0A0A0 solid;
	margin-left: 5%;
	width: 28%;
	color: #282828;
}

#introDescription p {
	margin: 0;
	text-indent: 3em;
}

#indexMainContent {
	width: 64%;
	float: right;
	padding: 10px 0 10px 0;
}

.spacer {
clear: both;
}