/* If you want to change the colors then just use replace all function in a program */
/* The only colors used on this page that would need changed are: #F6A71E, #6FBFD9, #9AD1E6, #FFFFBF */
/* Just replace all of the color you want to change with the new color code */
/* There are shades of black, white, gray, and red as well but those are all for certain things and i doubt we want to change them */
/* Also i dont think we want to change all the shades of blue the calendar uses, so i didnt include those codes */



/* Basic Site CSS */
td, p, body, div {font-family:verdana; font-size:9pt;}
a {color:#6FBFD9; text-decoration:none;}
a:hover, a:visited {color:#F6A71E; text-decoration:none;}
h1 {font-size:27pt;color:#6FBFD9;font-weight:normal;margin:0;}
h2 {font-size:12pt;color:#6FBFD9;font-weight:bold;margin:0;text-decoration:underline;}
h3 {font-size:12pt;font-weight:bold;color:#F6A71E;margin:0;}
hr {border: 1px solid #F6A71E; width: 90%;}
.bs {font-weight:bold;font-size:x-small;} /* for the small font size 1 bolded items */
.snote {font-style:italic;font-size:10px;} /* for the small italicized items */
div.tb_whiteblue, table.graphics th {color:white;font-weight:bold;font-size:12pt;border: #6FBFD9 1px solid;padding: 4px;margin: 0px 0px 4px;width: 98%;background-color: #9AD1E6}


/* Front Page News CSS */
div.main {text-align:left;border:none; background-color:#9AD1E6; width:582px; font-family:verdana; font-size:10pt; padding:3px;}
div.head {border-left:3px solid white; border-right:3px solid white; border-top:3px solid white;width:576px;vertical-align:middle;}
div.head img {width:50px;height:50px;}
div.head a{color:white;font-weight:bold;}
div.title {font-weight:bold;background-color:white;padding:7px;}
div.info {background-color:white;padding:7px;}
td.colouredbold b {color:#696765;}


/* Header */
div.hangingindent {text-indent: -15px;padding-left:15px;} /* not being used yet, here for future if we need links to be on 2 lines in navigation */
a.nav1, a.nav1:hover, a.nav1:visited, a.nav1:active {color:#6FBFD9; text-decoration:none; }
a.nav2, a.nav2:hover, a.nav2:visited, a.nav2:active {color:#F6A71E; text-decoration:none;}
table.nav {border: #D2E1F0 2px solid;width:168;background:#D2E1F0;}
table.main {border: #D2E1F0 2px solid;width:658;background:#D2E1F0;}
table.nav td {vertical-align:top; text-align:left; background-image:url('/images/sunnyneobg.gif'); background-color:white; color:#F6A71E; padding:7px;}


/* Admin Index */
div.adminpages {width:80%;margin-left:20px;text-align:left;}
div.adminhead {width:80%; border-bottom:2px solid #F6A71E;text-align:left;font-size:16pt;color:#6FBFD9;margin-top:20px;margin-bottom:5px}


/* Avatar Pages */
table.av {border:3px solid #9AD1E6; background-color:white; width:600px;}
table.av td.avimg {background-color:#9AD1E6; border-left:2px solid white; border-top:2px solid white; width:50px; height:50px;}
table.av td.head {background-color:#9AD1E6; font-weight:bold; font-size:12pt; padding-left:5; vertical-align:center; border-right:2px solid white; border-top:2px solid white;}
table.av td.how {text-align:center; padding-right:10; padding-top:5; padding-bottom:5;}
table.av td.font {padding-top:10; padding-bottom:5;}

/* Search Pages */
table.search {border:3px solid #9AD1E6; background-color:white; width:600px;}
table.search td.head {background-color:#9AD1E6; font-weight:bold; font-size:12pt; vertical-align:center; padding-left:5;  border-left:2px solid white; border-right:2px solid white; border-top:2px solid white;}
table.search td.desc {text-align:center; padding-right:10; padding-top:5; padding-bottom:5;}

/* Game Pages */
table.game {border:3px solid #9AD1E6; background-color:white;  width: 90%;}
table.game td.head {background-color:#9AD1E6; padding-left:5; vertical-align:center; border-right:2px solid white; border-top:2px solid white; border-left: 2px solid white;}
table.game td.main {text-align:center; padding:7px;}
table.ghead {width:100%;}
table.ghead td.gimg {text-align: left; width: 60px;}
table.ghead td.gname {text-align: left; font-size:14pt;}
table.ghead td.gtype {text-align: right; float:right;}
table.type img{width: 50px; height: 50px; text-align: right;}

/* Flash Preview Stuff */
div#fpbsetter {height:127px;font-size:7.5pt;}
form#fpform {margin-top:0px;}
input#fpsubmit {border: #6FBFD9 2px solid; color: black; font-family: verdana, sans-serif; font-weight: bold; font-size: 7pt; background: white; cursor: pointer;width:115px;}
div#fpbsetter a img {border: #6FBFD9 2px solid;}
div#fpbsetter a:hover img {border: #F6A71E 2px solid;}

/* Font Stuff */
td.neohtml {text-align: center; color:#6FBFD9; font-size: 7pt; font-weight: bold;}
td.siggy {text-align: center; color:#F6A71E; font-size: 7pt; font-weight: bold;}
td.fontc {text-align: center; padding-bottom:10;}
td.extra {text-align: center; font-size: 7pt; padding-top:10px;}
textarea.neo {border: #6FBFD9 2px solid; color: black; font-family: verdana, sans-serif; font-weight: bold; font-size: 10px; width: 120px; height: 35px; padding: 1px; scrollbar-base-color: #FFFFFF; scrollbar-arrow-color: #6FBFD9;  scrollbar-shadow-color: #6FBFD9; scrollbar-darkshadow-color: #FFFFFF; scrollbar-highlight-color: #6FBFD9; scrollbar-3dlight-color: #FFFFFF; scrollbar-track-color: #FFFFFF;}
textarea.sig {border: #F6A71E 2px solid; color: black; font-family: verdana, sans-serif; font-weight: bold; font-size: 10px; width: 120px; height: 35px; padding: 1px; scrollbar-base-color: #FFFFFF; scrollbar-arrow-color: #F6A71E;  scrollbar-shadow-color: #F6A71E; scrollbar-darkshadow-color: #FFFFFF; scrollbar-highlight-color: #F6A71E; scrollbar-3dlight-color: #FFFFFF; scrollbar-track-color: #FFFFFF;}



/* Basic Table Codes */
table.norm {border:3px solid #9AD1E6; background-color:white; width:90%;}
table.norm th {font-size: 14pt; color: white; background-color:#9AD1E6;}
table.norm td {border:1px solid #9AD1E6; background-color:white; padding: 5px;}
table.normbla {border:3px solid #9AD1E6; background-color:white; width:90%;}
table.normbla td {border:1px solid #9AD1E6;}
table.normtext {border:3px solid #9AD1E6; background-color:white;}
table.normtext td {border:1px solid #9AD1E6; padding:2px;}
table.blank {border:0px;}
table.blank td {border:0px;}

table.center {text-align: center; margin-left: auto; margin-right: auto;}
table.centersmall {text-align: center; width: 65%;}
table.small {width: 65%;}

table.med {width:80%;}
table.large {width:90%;}

.center {text-align: center;}

/* robs meerca chase 2 page? */
table.mc2 {border:3px solid #9AD1E6; background-color:white; width:80%;}
table.mc2 th {font-size:12px; color:white; background-color:#9AD1E6;}
table.mc2 td {border:1px solid #9AD1E6; background-color:white; padding: 5px; font-size:10px;}


/* cursor tutorial */
div.iecursor, div.iecursor a {cursor: url(http://sunnyneo.com/tutorial/cursortutorial/plushiequiggle.ani)}


/* items pages */
table.items img {height:80px;width:80px;}
table.items td.in {width:165px;}
table.items td.ip {width:80px;text-align:center;margin-left:auto;margin-right:auto;}


/* project page */
hr.project {border: 1px dashed #9AD1E6; width: 50%;}


/* Lunar Temple */
table.ltrewards {border:3px solid #9AD1E6; background-color:white; width:90%; text-align: center;}
table.ltrewards td {border:1px solid #9AD1E6; background-color:white; padding: 5;}


/* TOW Prizes */
table.tow {border:3px solid #9AD1E6; background-color:white; width:90%; text-align: center;}
table.tow td {border:1px solid #9AD1E6; background-color:white; padding: 5; vertical-align: top;}


/* Daily Dare */
table.dailydare {border:3px solid #9AD1E6; background-color:white; text-align: center;}
table.dailydare td {border:1px solid #9AD1E6; background-color:white; padding: 10;}
table.dailydare th {font-size: 14pt; color: white; background-color:#9AD1E6;}


/* Stamps */
table.stamps {border:3px solid #9AD1E6; background-color:white; text-align: center; width:90%;}
table.stamps tr.norm {background-color:white;}
table.stamps tr.silver {background-color:silver;}
table.stamps td.norm {border:1px solid #9AD1E6; padding: 5; width:20%; vertical-align: top;}
table.stamps td.silver {border:1px solid #9AD1E6; padding: 5; width:20%; vertical-align: top; background-color:silver;}
table.stamps th {font-size: 14pt; color: white; background-color:#9AD1E6;}
table.stamps img {width:80px;height:80px;}


/* Concert Page */
table.con{border:1px solid #9AD1E6; background-color:white; width:95%; text-align:center;}
table.con td{border:1px solid #9AD1E6; background-color:white;}
table.consouv {text-align: center;}
table.consouv img {width:50px;height:50px;}
table.consouv td.souvhead {background-color: #9AD1E6; width:230px; height:40px; text-align:center; font-weight: bold;}
table.consouv td.scatfb {background-color: #9AD1E6; height:40px; text-align:center; font-weight: bold;}


/* Random Events */
table.re{width: 400px; background-color: #FFFFFF;}
table.re td{font-family: "Verdana", "Arial", "Helvetica"; font-size: 10pt; text-decoration: none;}
table.re td.rimg{width: 80px;}
table.re td.txt{width: 320px;}
table.re td.shh{background-color: #ffffcc; width: 400px; text-align: center;}
table.re td.wi{background-color: #ccccff; width: 400px; text-align: center;}
table.re td.ty{background-color: #be793f; width: 400px; text-align: center;}
table.re td.sb{background-color: #FFC0CB; width: 400px; text-align: center;}
table.re img {width: 80px; height: 80px; border-style: solid; border-width: 1px}


/* Sidebar Themes */
table.sidebart {border:1px solid #9AD1E6; background-color: white;}
table.sidebart td {border:1px solid #9AD1E6; text-align: center; vertical-align: center; width: 85px;}
table.sidebart img {height:50px;}


/* Site themes */
table.sitet {border:1px solid #9AD1E6; background-color: white;}
table.sitet td {border:1px solid #9AD1E6; text-align: center; vertical-align: center; width: 85px;}
table.sitet img {height:25px;}

/* Altador Plot Stuffs */
table.stmapper {border:2px solid #6FBFD9; background-color: #d8f1fa; text-align: center; width:360px; font-weight:bold; height:30px;}
table.stmapper a, table.stmapper a:visited{color: #54707a; font-weight:bold;}
table.stmapper a:hover {color:#f6a71e;}

/* Adoptables */
textarea.taa {border: #6FBFD9 2px solid; color: black; font-family: verdana, sans-serif; font-weight: bold; font-size: 10px; width: 70px; height: 50px; padding: 1px; scrollbar-base-color: #FFFFFF; scrollbar-arrow-color: #6FBFD9;  scrollbar-shadow-color: #6FBFD9; scrollbar-darkshadow-color: #FFFFFF; scrollbar-highlight-color: #6FBFD9; scrollbar-3dlight-color: #FFFFFF; scrollbar-track-color: #FFFFFF;}


/* Backgrounds */
table.backg img{height:200px; width:200px; border:0px none;}
table.backg td{padding:10px;padding-bottom:50px;vertical-align:bottom;text-align:center;}


/* Graphics Pages */
table.graphics {width:95%;}
table.graphics td {padding:10px;padding-bottom:50px;text-align:center;}
table.graphics tr {vertical-align:bottom;}
table.goalcounters {width:80%;}
table.goalcounters td {padding:10px;padding-bottom:30px;vertical-align:bottom;width:33%;}


/* CSS Codes */
table.norm td.large2nd {font-size: 14pt; color: #F6A71E; border-bottom: 1px solid #9AD1E6; border-left: none; border-right: none; border-top: none; padding: 2px;}
table.norm td.large1st {font: 14pt; color: blue;}
table.norm td.no {border: none; padding: 10px; font-weight: bold;}
table.norm td.no1 {border: none; padding: 10px; background-color: #FFFFBF; font-weight: bold;}
div.note {font-size: 8pt; padding-left: 5px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; font-weight: normal}
table.norm td.cssinnertable {font-size: 12pt; color: #F6A71E; border-bottom: 1px dashed #9AD1E6; border-left: none; border-right: none; border-top: 1px dashed #9AD1E6; padding: 2px;}
table.norm td.values {border: none; padding: 10px;}


/* Neopian Times Editorial Search */
input.NTed {border: #6FBFD9 2px dashed; color: black; font-family: verdana, sans-serif; font-weight: bold; font-size: 10px;}
input.NTed2 {border: #6FBFD9 2px solid; color: black; font-family: verdana, sans-serif; font-weight: bold; font-size: 10px; background: white; cursor: pointer;}


/* ta1 and ta2 are used on other font pages, ta3 and ta4 are used on the secret default font boxes */
textarea.ta1 {border: #6FBFD9 2px solid; color: black; font-family: verdana, sans-serif; font-weight: bold; font-size: 10px; width: 100px; height: 50px; padding: 1px; scrollbar-base-color: #FFFFFF; scrollbar-arrow-color: #6FBFD9;  scrollbar-shadow-color: #6FBFD9; scrollbar-darkshadow-color: #FFFFFF; scrollbar-highlight-color: #6FBFD9; scrollbar-3dlight-color: #FFFFFF; scrollbar-track-color: #FFFFFF;}
textarea.ta2 {border: #F6A71E 2px solid; color: black; font-family: verdana, sans-serif; font-weight: bold; font-size: 10px; width: 100px; height: 50px; padding: 1px; scrollbar-base-color: #FFFFFF; scrollbar-arrow-color: #F6A71E;  scrollbar-shadow-color: #F6A71E; scrollbar-darkshadow-color: #FFFFFF; scrollbar-highlight-color: #F6A71E; scrollbar-3dlight-color: #FFFFFF; scrollbar-track-color: #FFFFFF;}
textarea.ta3 {border: #6FBFD9 2px solid; color: black; font-family: verdana, sans-serif; font-weight: bold; font-size: 10px; height: 18px; padding: 1px; scrollbar-base-color: #FFFFFF; scrollbar-arrow-color: #6FBFD9;  scrollbar-shadow-color: #6FBFD9; scrollbar-darkshadow-color: #FFFFFF; scrollbar-highlight-color: #6FBFD9; scrollbar-3dlight-color: #FFFFFF; scrollbar-track-color: #FFFFFF;}
textarea.ta4 {border: #F6A71E 2px solid; color: black; font-family: verdana, sans-serif; font-weight: bold; font-size: 10px; height: 18px; padding: 1px; scrollbar-base-color: #FFFFFF; scrollbar-arrow-color: #F6A71E;  scrollbar-shadow-color: #F6A71E; scrollbar-darkshadow-color: #FFFFFF; scrollbar-highlight-color: #F6A71E; scrollbar-3dlight-color: #FFFFFF; scrollbar-track-color: #FFFFFF;}


/* fonts that match the textareas without it being in a td */
span.ta1 {font-size:7pt; font-weight:bold; text-align:center; color:#6FBFD9;}
span.ta2 {font-size:7pt; font-weight:bold; text-align:center; color:#F6A71E;}


/* are being used on other font pages, like basic, borders, and ac fonts and lots of other places too*/
td.b {font-size:7pt; font-weight:bold; text-align:center; color:#6FBFD9;}
td.b2 {font-size:7pt; font-weight:bold; text-align:center; color:#F6A71E;}
td.c {text-align: center; font-weight: bold; color: black; font-size: 10pt; font-family: arial;}
td.cnb {text-align: center; color: black; font-size: 10pt; background:white;}
td.c3 {text-align: center; font-size: 8pt; font-family: arial;}


/* used on the siggy page for the red astericks */
td.h {font-size: 7pt; color: red; font-weight: bold; text-align: center;}


/* used to make a blank tr gap between sets of table rows on some pages like link to us */
.btr {padding-bottom:30px;}

/* used on about us and contact us and a few other misc places */
font.ul{font-size: 12pt; font-weight: bold; color:#F6A71E;}
font.au{font-size: 11pt; font-weight: bold; color:#6FBFD9;}



/* Things Edian Uses */
input.cmdButton, button.cmdButton {cursor:pointer;border:1px outset #ccc;color:#060606;font-weight:bold;background:url('/images/formbg.gif') repeat-x left top;; padding-left:2px; padding-right:2px; padding-top:1px; padding-bottom:1px}
div.hr {height: 15px;background: #fff url('/images/dotHR.gif') no-repeat center;}
div.hr hr {display: none;}
div.titlebar {border: #6FBFD9 1px solid;padding: 4px;margin: 0px 0px 4px;width: 98%;background-color: #9AD1E6}
div.titlebar2 {border: #FCFF0D 1px solid;padding: 4px;margin: 0px 0px 4px;width: 98%;background-color: #FFFFBF}

p.tb_instructions {padding: 4px;margin: 0px 0px 4px;width: 98%;}

input.idtext{BORDER-RIGHT: #6d6d6d 1px solid;PADDING-RIGHT: 3px;BORDER-TOP: #6d6d6d 1px solid;PADDING-LEFT: 3px;FONT-WEIGHT: normal;FONT-SIZE: 12px;PADDING-BOTTOM: 3px;BORDER-LEFT: #6d6d6d 1px solid;PADDING-TOP: 3px;BORDER-BOTTOM: #6d6d6d 1px solid;FONT-FAMILY: tahoma,arial,helvetica,sans-serif;HEIGHT: 24px;BACKGROUND-COLOR: #f0f0f0;}
textarea.idtext2{border: #6FBFD9 2px solid; color:black; font-family:verdana,sans-serif; font-weight:normal; font-size:12px; font-family:tahoma,arial,helvetica,sans-serif; width:90%;}

input.idtextSearch{border: #6FBFD9 2px solid; color:black; font-family:verdana,sans-serif; font-weight:normal; font-size:12px; font-family:tahoma,arial,helvetica,sans-serif; width: 90%}
select.search{border: #6FBFD9 2px solid; color:black; font-family:verdana,sans-serif; font-weight:normal; font-size:12px; font-family:tahoma,arial,helvetica,sans-serif; width: 90%;}
#searchForm, #searchText {padding: 0px; margin: 0px;}
textarea.idtext{border: #6d6d6d 1px solid; padding:3px; font-weight: normal;font-size: 12px;font-family: tahoma,arial,helvetica,sans-serif;background-color: #f0f0f0;}
textarea.idtext2{border: #6FBFD9 2px solid; color:black; font-family:verdana,sans-serif; font-weight:normal; font-size:12px; font-family:tahoma,arial,helvetica,sans-serif; width:90%;height:80px;}

b.header{font-weight: bold;font-size: 16px;font-family: tahoma, 'trebuchet ms', arial, helvetica, sans-serif}
div.header{font-weight: bold;font-size: 16px;font-family: tahoma, 'trebuchet ms', arial, helvetica, sans-serif}
.pointercursor     {cursor:hand;}
div.titlebarerror {border: #FF0000 1px solid;padding: 4px;margin: 0px 0px 4px;width: 40%;background-color: #AB2020}


/* used for darigan pteri av date showing */
span.avdate {font-size: 8pt; font-weight: normal}


/* Ryes Pages */
div.titlebar3 {border: #6FBFD9 1px solid;padding: 4px;margin: 0px;width: 90%;background-color: #9AD1E6;font-weight: bold;font-size: 14px;font-family: tahoma, 'trebuchet ms', arial, helvetica, sans-serif;}
hr.custom {border: 1px solid #F6A71E; width: 95%;}


/* USED FOR AVATARS ADD SECTION*/
a.pagenav:link
{
    color: #6FBFD9;
    letter-spacing: -1px;
    text-decoration: none
}
.pagenav:visited
{
    color: #F6A71E;
    letter-spacing: -1px;
    text-decoration: none
}
a.pagenav:active
{
    color: black
}
a.pagenav:hover
{
    color: #F6A71E
}

/* Used for EXTERNAL LINKS */
a[icon ^="out"] {
   padding-right: 20px;
   background: url('/images/external.gif') no-repeat center right;
}

.ed_divide
{
    border-left:0px none; border-right:0px none; border-top:1px dashed #80D7E4; border-bottom:1px dashed #6FBFD9; width: 80%;
    height: 2px;
    text-align: center;
    align: center
}


/*  FOR THE CALENDAR */
/* Default attributes of table container for entire calendar */
.table-style {
        font-family: arial;
        border-width: 1;
        border-style: solid;
        border-color: #a0a0a0;
        background-color: #ffffff;
        font-family: arial;
        font-size: 11px;
}

/* Default attributes of DIV containing table container for entire calendar.
 * You probably don't want to alter this style.
 */
.div-style {
        z-index: +999;
        position: absolute;
        visibility: hidden;
}

/* Default attributes used in calendar title (month and year columns).*/
.title-style {
        padding: 2px;
        font-family: arial;
        font-size: 11px;
        color: #3a6ea5;
}

/* Default attributes used in calendar title background.*/
.title-background-style {
        background-color: #cee3ef;
}

/* Normal appearance of controls in calendar title. */
/* Note: The right, left and down icons are images, which must be edited if you need to change them. */
.title-control-normal-style {
        border-style: solid;
        border-width: 1;
        border-color: #3a6ea5;
        cursor: pointer;
}

/* Moused-over (selected) appearance of controls in calendar title. */
.title-control-select-style {
        border-style: solid;
        border-width: 1;
        border-color: #3a6ea5;
        cursor: pointer;
}

/* Default attributes of drop down lists (month and year). */
.dropdown-style {
        font-family: arial;
        font-size: 11px;
        border-width: 1;
        border-style: solid;
        border-color: #a0a0a0;
        background-color: #cee3ef;
        cursor: pointer;
}

/* Default attributes selected (mouse-over) item in drop down lists (month and year). */
.dropdown-select-style {
        background-color: #3a6ea5;
}

/* Default attributes unselected (mouse-off) item in drop down lists (month and year). */
.dropdown-normal-style {
        background-color: #000;
}

/* Default attributes of calendar body (weekday titles and numbers). */
.body-style {
        padding: 5px;
        background-color: #cee3ef;
        font-family: verdana;
        font-size: 10px;
}

/* Attributes of current day in calendar body. */
.current-day-style {
        color: red;
        font-weight: bold;
        text-decoration: none;
}

/* Attributes of end-of-week days (Sundays) in calendar body. */
.end-of-weekday-style {
        color: #909090;
        text-decoration: none;
}

/* Attributes of all other days in calendar body. */
.normal-day-style {
        color: black;
        text-decoration: none;
}

/* Attributes of border around selected day in calendar body. */
.selected-day-style {
        border-style: solid;
        border-width: 1px;
        border-color: #a0a0a0;
}

/* Default attributes of designated holidays. */
.holiday-style {
        background-color: #FFDDDD;
}

/* Attributes of today display at bottom on calendar */
.today-style {
        padding: 0px;
        color: black;
        background-color: #cee3ef;
        text-align: center;
        text-decoration: none;
}

/* Attributes of week number division (divider.gif) */
.weeknumber-div-style {
        background-color: #d0d0d0;
        padding: 0px;
}