/* General */

body, html, img, td, textarea, input, select, form {
 margin: 0;
 padding: 0;
 border: 0;
 font: 10px Verdana,Arial,Helvetica,sans-serif;
 vertical-align: top;
}

table { border-collapse: collapse; }

a, a:visited { color: #005aa0; }

.imgReplace {
 text-decoration: none;
 font-size: 1px;
 display: block;
 text-indent: -3000px;
}

.wwClass {
 padding: 10px 15px;
 background: #f2effa url(/images/main/boxgradient.gif) repeat-x bottom left !important;
 width: 150px;
 position: absolute;
 top: 100px !important;
 left: 100px !important;
 border-style: solid;
 border-color: #908792;
 border-width: 2px;
 font-size: 10px;
 color: #587e9b;
 font: 10px Verdana,Arial,Helvetica,sans-serif;
}
.wwClass select {
 font: 10px Verdana,Arial,Helvetica,sans-serif;
 margin: 5px 0;
}
.wwClass input {
 font: 10px Verdana,Arial,Helvetica,sans-serif;
 border-style: solid;
 border-color: #83b7ca;
 border-width: 1px;
}
.wwClassButton {
 margin-top: 10px;
}
#wwButton1, #wwButton2, .ackInner input {
 font: 10px Verdana,Arial,Helvetica,sans-serif;
 border-style: solid;
 border-color: #83b7ca;
 border-width: 1px;
 font-size: 10px;
 background-color: #fff;
 color: #587e9b;
 margin-right: 10px;
 padding: 2px 5px;
}

.ackInner img {
 float: left;
 padding: 0 5px 5px 0;
 margin-left: -5px;
}

.ackInner p {
 padding: 0;
 margin: 0;
}

/* Outline Box Styles (Class) */
.outlineBox {
 border-collapse: collapse;
 background-color: #fff;
}
.outlineBox td { padding: 0; }
.obBorderElement {  font-size: 1px; }

.obUpperLeft, .obUpperRight, .obLowerLeft, .obLowerRight {
 height: 3px;
 width: 3px;
}
.obUpper, .obLower { height: 3px; }
.obLeft, .obRight { width: 3px; }

.obUpperLeft  { background: url(/themes/default/frame-corner-topleft.gif) no-repeat 0 0; }
.obUpperRight { background: url(/themes/default/frame-corner-topright.gif) no-repeat 0 0; }
.obLowerLeft  { background: url(/themes/default/frame-corner-bottomleft.gif) no-repeat 0 0; }
.obLowerRight { background: url(/themes/default/frame-corner-bottomright.gif) no-repeat 0 0; }

.obUpper { background: url(/themes/default/frame-topside.gif) repeat-x 0 0; }
.obLower { background: url(/themes/default/frame-bottomside.gif) repeat-x 0 0; }
.obLeft  { background: url(/themes/default/frame-leftside.gif) repeat-y 0 0; }
.obRight { background: url(/themes/default/frame-rightside.gif) repeat-y 0 0; }
.obCenterIcon {
 border-style: solid;
 border-color: #83b7ca;
 border-width: 0 1px 0 0;
}
.obCenterIcon img { padding: 5px; }
.obCenterHeader span {
 background-color: #fff;
 padding: 5px;
 color: #664181;
 font-size: 15px;
 font-weight: bold;
 display: block;
}
        
#whuddletar {
 z-index: 10000;
 color: #704D82;
 display: none;
 position: absolute;
 top: 80px;
 left: 200px;
 width:342px;
 height:218px;
 background: url(/images/tools/bgs/rg_wt_bg.png) no-repeat 0 0
}
#wtReg {
 position: absolute;
 left: 40px;
 bottom: 10px;
}
#wtFrameRight {
 position: absolute;
 left: 95px;
 top: 20px;
}
#wtFrameLeft {
 position: absolute;
 right: 10px;
 top: 20px;
}
#whuddletar p {
 text-align: center;
 position: absolute;
 top: 20px;
 right: 20px;
 padding: 5px;
 margin: 0;
 width: 201px;
 height: 60px;
 background-color: #fff;
 border-style: solid;
 border-color: #0094c5;
 border-width: 1px 0;
}
.wwSys {
 padding: 10px 15px;
 background: #57a9d4 !important;
 width: 350px !important;
 position: absolute;
 top: 160px !important;
 left: 202px !important;
 border-style: solid;
 border-color: #005aa0;
 border-width: 2px;
 font-weight: bold;
 color: #fff;
}

/* Contact Form */
#contactForm, #legalForm { 
 background: #fff url(/images/main/starBG.gif) repeat-x 0 0; 
 width: 100%;
 text-align: center;
}
#contactForm h2, #legalForm h2 {
 padding: 0 0 5px;
 margin: 0;
 color: #4c145f;
 font-size: 20px;
}
.errmsg { color:#F00; }
.contactFormEntry td, .contactFormEntry th { vertical-align: top; padding-bottom: 5px; }
.contactFormEntry th { padding-right: 10px; }
.contactFormEntry textarea, .contactFormEntry input, .contactFormEntry select, input.submitButton {
 border-style: solid;
 border-color: #83b7ca;
 border-width: 1px;
 font-size: 10px;
 background-color: #fff;
}
.contactFormEntry input.submitButton, input.submitButton {
 color: #83b7ca;
 font-size: 11px;
 text-align: center;
 padding: 1px 3px;
}
.contactFormEntry th { width: 130px; }

#confirmcontact {
 border-style: solid;
 border-color: #83b7ca;
 border-width: 1px;
 font-size: 10px;
 background-color: #fff;
 padding: 5px;
 position: absolute;
 top: 400px;
 left: 50px;
 width: 400px;
 display: none;
}
/* Legal Pages */
#legalForm td {
 color: #676767;
}

#legalForm h3, #legalForm h4 {
 margin: 0;
 padding: 5px 0;
 color: #4c145f;
}
#legalForm h3 { font-size: 13px; }
#legalForm h4 { font-size: 11px; }
#legalForm hr {
 border-color: #83b7ca;
 height: 1px;
 border-width: 1px 0 0;
 border-style: dotted;
}
#legalForm p {
 margin: 0;
 padding: 0 0 5px;
}

#legalForm ol {
 margin: 0 0 0 25px;
 padding: 0 0 5px;
}
#legalForm li {
 margin: 0;
 padding: 3px 0 5px;
}
.legalChanges {
  color: #c60;
}

.letlist {
 list-style-type: upper-alpha;
}

/* Main Page */
#wwMain { background: #fff url(/images/main/starBG.gif) repeat-x 0 0; }
#wwMainHeader {
 width: 1022px;
 margin: 0 auto;
}
#wwMainHolder {
 position: relative;
 width: 1022px;
 border-style: solid;
 border-color: #83b7ca;
 border-width: 0 1px 1px;
 margin: 0 auto;
 margin-top: -8px;
}
#wwMainHeader { margin-top: 30px; }
#wwMainBody { margin: 10px 15px; }
#wwBodyBoardCol {
 width: 182px;
/* padding-left: 18px; */
}
#wwMainLogin, #wwMainLogout {
 border-style: solid;
 border-color: #bfe2ef;
 border-width: 1px 0 1px;
 position: relative;
 padding: 10px 5px 5px 5px;
 color: #4c145f;
 font-size: 10px;
}
#wwMainLogout span { margin-right: 15px; }
.wwShiftUp { margin-top: -2px; }
#wwMainLogin input.mainForm {
 border-style: solid;
 border-color: #bfe2ef;
 border-width: 1px;
 padding: 0px 2px;
 color: #4c145f;
 margin-right: 10px;
}
.wwLoginBut1, .wwLoginBut2, .wwLoginBut3, .wwLoginBut4 {
 position: absolute;
 top: 8px;
}
.wwLoginBut1 { right: 5px; }
.wwLoginBut2 { right: 53px; }
.wwLoginBut3 { right: 125px; top: 9px; }
.wwLoginBut4 { right: 230px; top: 9px; }
#wwloginwindow {
 padding: 5px;
 background: #e7eef9;
 position: absolute;
 left: 100px;
 top: 50px;
 display: none;
 border-style: solid;
 border-color: #528FBF;
 border-width: 2px;
}
#LoginFrame {
 padding: 0;
 margin: 0;
 width: 216px;
 height: 45px;
}
#wwMainBBHolder, #wwMainPollHolder {
 text-align: center;
 margin-bottom: 15px;
 position: relative;
}
#wwUserInfo {
 width: 558px;
 background-color: #e7eef9;
 position: relative;
 padding: 5px 10px;
 color: #777;
 line-height: 15px;
}
#wwUserInfo a img { padding: 5px 10px 0 0; } 
#wwUserInfo span  { padding: 0 10px 0 0; }
.wwMainWHead {
 border-style: solid;
 border-color: #777;
 border-width: 1px;
 background-color: #fff;
 float: left;
 margin-right: 15px;
}
.wwWhiteCornerBL, .wwWhiteCornerBR, .wwWhiteCornerTL, .wwWhiteCornerTR { position: absolute; }
.wwWhiteCornerBL { bottom: -1px; left: 0; }
.wwWhiteCornerBR { bottom: -1px; right: 0; }
.wwWhiteCornerTL { top: 0; left: 0; }
.wwWhiteCornerTR { top: 0; right: 0; }
.wwMainSection {
 clear: both;
 padding: 10px;
}
.wwMainSection p {
 padding: 0 0 8px;
 margin: 0;
 color: #777;
}
.wwMainSection h2 {
 padding: 0 0 5px;
 margin: 0;
 color: #4c145f;
 font-size: 120%;
}
.wwMainLinkList {
 margin: 0;
 padding: 0;
 color: #777;
 list-style-type: none;
}
.wwMainLinkList li {
 padding: 0 0 15px;
 letter-spacing: 1px;
}

.wwMLLOdd a, .wwMLLOdd span { background: #fff url(/images/main/mainblt-default.gif) no-repeat 0 0; padding-left: 15px; }
.wwMLLEven a, .wwMLLEven span { background: #fff url(/images/main/mainblt-default.gif) no-repeat 0 0;  padding-left: 15px; }

ul.wwMLLNoSpace { margin-left: 10px !important; }
ul.wwMLLNoSpace li { padding-bottom: 10px !important; }
.wwMainLinkList a, .wwMainLinkList a:visited {
 text-decoration: none;
 color: #4c145f;
 font-weight: bold;
}
.borderAround {
 border-style: solid;
 border-color: #a5d4e5;
 border-width: 1px;
}
.borderBottom {
 border-style: solid;
 border-color: #a5d4e5;
 border-width: 0 0 1px;
 padding-bottom: 1em;
}
.wwMainSectionLeft {
 position: relative;
 width: 280px;
}
.wwMainSectionRight {
 position: relative;
 float: right;
 width: 250px;
}
.wwMainPurpleBox {
 text-align: center;
 width: 97%;
 position: relative;
 background-color: #ffecce;
 padding: 6px;
 margin-top: 5px;
}
.wwMainGreenBox {
 text-align: center;
 width: 97%;
 position: relative;
 background-color: #e2f7c5;
 padding: 6px;
 margin-top: 5px;
 float: left;
}
.wwMainBoxImg {
 padding-left: 4px;
}
#wwMainInfo {
 color: #777;
 position: absolute;
 bottom: 5px;
 left: 0px;
 width: 800px;
 height: 10px;
 text-align: center;
}
#wwMainBBHolder iframe, #wwMainPollHolder iframe {
 width: 160px;
 height: 180px;
 border-style: solid;
 border-color: #e3a351;
 border-width: 0 1px;
 margin: 0px;
}
#wwMainBBHolder div, #wwMainPollHolder div {
 width: 180px;
 border-style: solid;
 border-color: #c67a37;
 border-width: 0 1px;
 background-color: #ffd38c;
}
#wwMainFooter {
 color: #83b7ca;
 width: 800px;
 margin: 10px auto;
 text-align: center;
}
#wwMainFooter a, #wwMainFooter a:visited { color: #83b7ca; }
#wwMainFooter div { margin-bottom: 5px; }
#wwddShow {
 background: url(/images/main/hdr-newinshops.gif) top center no-repeat;
 padding-top: 24px;
 border-style: solid;
 border-color: #a5d4e5;
 border-width: 1px;
 width: 134px;
}
#wwddLink {
 clear: both;
 background-color: #e7eef9;
 text-align: center;
 padding: 1px 0 2px;
 margin-top: 5px;
}
#wwddLink a, #wwddLink a:visited {
 padding-left: 15px;
 background: url(/images/dazzle/DDcounter.gif) left center no-repeat;
 color: #5f458f;
 text-decoration: none;
 letter-spacing: 1px;
}

/* Farm Phone */
#phoneHolderDone {
 background: #fff url(/images/pm/finishedcall.gif) no-repeat 0 0;
 position: relative;
 width: 410px;
 height: 475px;
}
#phoneHolder {
 background: #fff url(/images/pm/phoneBG.gif) no-repeat 0 0;
 position: relative;
 width: 410px;
 height: 475px;
}
#phoneHolder #phoneText1 {
 background: #fff;
 width: 254px;
 height: 47px;
 position: absolute;
 top: 17px;
 left: 80px;
 overflow: auto;
 color: #636363;
 padding: 5px;
}
#phoneHolder #phoneText2 {
 background: #fff;
 text-align: center;
 width: 156px;
 height: 170px;
 position: absolute;
 top: 255px;
 left: 127px;
 border-style: solid;
 border-color: #636363;
 border-width: 1px;
}
#phoneText2 textarea {
 width: 156px;
 height: 155px;
 padding: 3px;
 color: #636363;
}
#closeButton {
 text-align: center;
 width: 410px;
}
#pmCharRem {
 width: 410px;
 height: 20px;
 position: absolute;
 bottom: 22px;
 left: 0;
 text-align: center;
}
#pmCharRem input { padding: 1px; }

/* Farm Phone Chat */
#pmChatHolder {
 width: 410px;
 height: 475px;
 position: relative;
 background: url(/images/pm/starBG.gif) repeat-x 0 0 #fff;
}
#pmChatImgTo, #pmChatImgFrom {
 text-align: center;
 position: absolute;
 top: 30px;
 width: 64px;
 background: #fff;
 border-style: solid;
 border-color: #83b7ca;
 border-width: 1px;
}
#pmChatImgTo { right: 5px; }
#pmChatImgFrom { left: 5px; }
#pmChatDispHolder {
 position: absolute;
 top: 10px;
 left: 77px;
}
#pmChatDisp {
 width: 250px;
 height: 300px;
 position: relative;
 overflow: auto;
}
#pmChat {
 position: absolute;
 left: 77px;
 top: 330px;
}
#pmChatInput {
 border-style: solid;
 border-color: #83b7ca;
 border-width: 1px;
 width: 220px;
}
#pmChatButton {
 background-color: #83b7ca;
 color: #fff;
}
#pmChatEmote {
 position: absolute;
 left: 77px;
 top: 355px;
}
#pmChatEmote a {
 padding: 0 14px 0 0;
}

/* Answering Machine */
#pmamHolder { 
 position: relative;
 width: 465px;
 height: 510px;
 background: #fff url(/images/pm/answeringmachine.gif) no-repeat 0 0;
 color: #636363 !important;
}
#pmamTextArea {
 position: absolute;
 width: 340px;
 height: 135px;
 top: 90px;
 left: 60px;
 overflow: auto;
}
#pmamForm { 
 position: absolute;
 bottom: 0px;
 width: 465px;
 height: 120px;
 background-color: #e4f7fb;
 border-style: solid;
 border-color: #9bd6e5;
 border-width: 1px 0 0;
 text-align: left;
 padding: 5px 25px 25px 10px;
}
#pmamSubmit { padding: 5px 5px 0; }
#pmamMessageDiv2 {
 width: 450px;
}
#pmamMessageDiv p {
 margin: 0;
 padding: 0 0 5px;
}
#pmamMessageDiv {
 height: 60px;
 width: 400px;
 overflow: auto;
 text-align: left;
 border-style: solid;
 border-color: #9bd6e5;
 border-width: 1px;
 color: #636363;
 margin: 5px;
}
#pmamCloseButton {
 position: absolute;
 bottom: 10px;
 left: 0;
 width: 465px;
 text-align: center;
}
#pmamStatusArea {
 position: absolute;
 top: 60px;
 left: 0;
 text-align: center;
 width: 465px;
 font-size: 12px;
 font-family: monospace;
}
#pmamStatusArea2 {
 position: absolute;
 top: 210px;
 left: 70px;
 width: 220px;
 font-size: 12px;
 font-family: monospace;
}
#pmamPrevButton, #pmamNextButton, #pmamPlayButton, #pmamDelButton, #pmamHelpButton {
 position: absolute;
 top: 285px;
 width: 60px;
}
#pmamForm p {
 margin: 0;
 padding: 5px 0;
}
#pmamPrevButton { height: 45px; left: 109px; }
#pmamNextButton { height: 45px; left: 289px;}
#pmamDelButton  { height: 50px; left: 229px;}
#pmamPlayButton { height: 50px; left: 169px; }
#pmamHelpButton {
 width: 27px;
 height: 27px;
 left: 386px;
}

/* Help System */
#helpHolder {
 width: 290px;
 padding: 10px 5px;
}
#helpHolder h2 {
 color: #664181;
 font-size: 12px;
 margin: 0;
 padding: 10px 0 5px;
}
#helpHolder p {
 margin: 0;
 padding: 0 0 15px;
}
.helpQA { padding: 10px 0 0; }
.helpQ {
 display: block;
 color: #664181;
}
.helpA { color: #664181; }
#helpHolder ol {
 margin: 0 0 0 25px;
 padding: 5px;
}
#helpFoot {
 width: 300px;
 text-align: center;
}
#helpAreas { padding: 15px 5px 5px; }
#helpAreas input {
 border-style: outset;
 border-color: #664181;
 border-width: 1px;
 background-color: #664181;
 color: #fff;
}
#helpAreas select {
 font-size: 9px;
}
.helpMod {
 font-size: 8px;
 color: #664181;
 text-align: right;
 font-style: italic;
 padding: 3px 4px;
}

/* Whoodle */
/* 465px; */
#whoodlePage {
 width: 415px;
 padding: 5px 10px 25px;
 color: #676767;
}
#whoodlePage p {
 margin: 0;
 padding: 0 0 5px;
}
/* 410px; */
#whoodlePage table {
 margin: 5px auto;
 border-style: solid;
 border-color: #9c9c9c;
 border-width: 1px 0 0;
 width: 400px;
}
#whoodlePage th, #whoodlePage th a {
 color: #a16541;
 text-decoration: none;
 text-align: left;
}
#whoodlePage h1 {
 color: #a16541;
 margin: 0;
 padding: 0 0 5px;
 font-size: 12px;
}
#whoodlePage h2 {
 color: #a16541;
 margin: 0;
 padding: 5px 0 3px;
 font-size: 10px;
}
#whoodleCatImg {
 float: left;
 padding: 0 10px 10px 0;
}
#whoodleObjDesc {
 color: #a16541;
}
#whoodlePagination {
 padding: 3px 19px;
}

/* Snowball Hit Styles */
.sbClass {
 padding: 10px 15px;
 background: #f2effa url(boxgradient.gif) repeat-x bottom left !important;
 width: 240px;
 height: 19em;
 position: absolute;
 top: 100px !important;
 left: 100px !important;
 border-style: solid;
 border-color: #908792;
 border-width: 2px;
 font-size: 10px;
 color: #587e9b;
 font: 10px Verdana,Arial,Helvetica,sans-serif;
} 

.sbCol1 { 
  position: absolute;
  top: 34px;
  left: 8px;
  display: block;
  text-align: left;
  font-size: 8px;
}

.sbCol1 table {
  width: 115px;
}

.sbCol2 {
  position: absolute;
  top: 34px;
  right: 8px;
  display: block;
} 

.sbCol2 table {
  width: 115px;
}

.sbHdrCol1 {
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
}

.sbHdrCol2 {
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
}

.sbHdr {
  font-size: 14px;
  font-weight: bold;  
  width: 220px;
  text-align: center;
}

.sbClass input {
 position: absolute;
 bottom: 5px;
 left: 120px;
 font: 10px Verdana,Arial,Helvetica,sans-serif;
 border-style: solid;
 border-color: #83b7ca;
 border-width: 1px;
 margin-top: 10px;
 background-color: #fff;
 padding: 3px 5px;
}

.subtable {
 width: 100%;
 border-collapse: collapse;
}
.subtable th {
 text-align: left;
 border-style: solid;
 border-color: #000;
 border-width: 0 0 1px;
 padding: 0 2px 1px;
}
.subtable td {
 padding: 2px;
}

/* Orientation */
#orientBody {
 width: 686px;
 height: 500px;
 background: #fff url(/images/orient/slideshowBG.gif) repeat-x 0 0;
 position: relative;
}
#orientHead {
 padding: 9px 0 0 97px;
}
#orientText {
 width: 140px;
 height: 225px;
 position: absolute;
 right: 10px;
 top: 75px;
 overflow: auto;
 color: #696969;
}
#orientText strong { color: #000; }
#orientBack, #orientNext, #orientClose {
 position: absolute;
 bottom: 5px;
 width: 48px;
 height: 20px;
 text-decoration: none;
 display: block;
}
#orientBack span, #orientNext span, #orientClose span {
 text-indent: -3000px;
 width: 48px;
 height: 15px;
 display: block;
 cursor: pointer;
}
#orientBack { left: 55px; }
#orientBack span { background: url(/images/orient/btn-prev.gif) no-repeat 0 0; }
#orientNext { right: 55px; }
#orientNext span { background: url(/images/orient/btn-next.gif) no-repeat 0 0; }
#orientClose { left: 300px; }
#orientClose span { background: url(/images/orient/btn-close.gif) no-repeat 0 0; }
#orientSlide {
 position: absolute;
 left: 15px;
 top: 50px;
}
#faqMButton {
 position: absolute;
 top: 15px;
 right: 22px;
}
.dropDown
{
	background-color: #efdef9;
	padding: 0px 2px;
	color: #000000;
	margin-right: 10px;
	border:	solid 1px;
}
.siteModeDesc
{
	position: 	absolute;
	font-color:	black;
	top: 		10%;
	left:		50%;
	width:		500px;
	height:		200px;
	display:	none;
	margin-right:	auto;
	margin-left:	-250px;
	border:		solid 1px;
	background: url("http://www.whuddleworld.com/images/main/starBG.gif") repeat-x scroll;
	z-index:	1000;
}

.sitePopup
{
	position: 	absolute;
	font-color:	black;
	top: 		10%;
	left:		50%;
	width:		700px;
	height:		500px;
	display:	none;
	margin-right:	auto;
	margin-left:	-350px;
	border:		solid 1px;
	z-index:	7000;
	background-color:	white;
}