/* CSS Document */

* a:active, * a:hover, * a {outline:none;}

body {margin:0px; padding:0px; background-color:#FFFFFF; font-family: Verdana, sans-serif;}

h1 {font-size:24px; font-weight:normal;}
h2, h3 {font-size:18px; font-weight:normal;}

a, a:visited {color: #0033CC; text-decoration:none; outline:none;}
a:hover {color:#0033FF; outline:none;}
a:active { outline: none; }
body a:active { outline: none; }

#subpagebody {background: #333333 url(750offwhite.gif) repeat-y 50% 0;}

small {font-size:.7em; color:#999999;}
small a {color:#999999;}

/* HOMEPAGE ROLLOVERS */

#blobs {
 width: 314px;
 height: 320px;
 background: url(squarecandy-menu.gif);
 margin: 0px; padding: 0;
 position: absolute;
 left:5px; top:20px;
}
#blobs li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#blobs a {display: block; outline:none;}

#blob1 {left: 87px; top: 0px; width: 123px; height: 287px;}
#blob2 {left: 53px; top: 77px; width: 140px; height: 208px;}
#blob3 {left: 127px; top: 90px; width: 123px; height: 197px;}
#blob4 {left: 23px; top: 173px; width: 177px; height: 123px;}
#blob5 {left: 127px; top: 227px; width: 200px; height: 60px;}
#blob6 {left: 100px; top: 207px; width: 127px; height: 100px;}
#blob1 a {height: 287px;}
#blob2 a {height: 208px;}
#blob3 a {height: 197px;}
#blob4 a {height: 123px;}
#blob5 a {height: 60px;}
#blob6 a {height: 100px;}

#blob1 a:hover {background: url(squarecandy-menu.gif) -87px -320px no-repeat; outline : none;}
#blob2 a:hover {background: url(squarecandy-menu.gif) -53px -619px no-repeat; outline:none;}
#blob3 a:hover {background: url(squarecandy-menu.gif) -127px -835px no-repeat; outline:none;}
#blob4 a:hover {background: url(squarecandy-menu.gif) -23px -1040px no-repeat; outline:none;}
#blob5 a:hover {background: url(squarecandy-menu.gif) -127px -1177px no-repeat; outline:none;}

#blob1 a:active { outline : none ; }

.homepage-container {
margin:0px;
padding: 30px 0px 0px 0px;
background-position:top;
border:none;
}

#bluebg {
position:absolute; 
height: 144px; 
width: 100%; 
background-color:#ebf8ff; 
border-bottom: 2px solid #AAAAAA;
}

.subpageheader {
margin:0px auto;
padding:0px 5px 5px 5px;
border-bottom: 4px solid #aaaaaa;
background-color: #ebf8ff;
/*  #edeaff;  */
}

.floatr {float:right; margin:0px 0px 5px 15px; padding: 0px; border:1px solid #dddddd;}

#left-sidebar {float:left; width:180px;}
#content #left-sidebar p {font-size:14px;}

#content {
position: absolute;
top:145px;
left:350px;
margin:0px;
width: 602px;
text-align:left;
color: #666666;
}

#content h1, h2 {
font-family: Helvetica, "xpaider pixel explosion 01", xpaider,  "Courier New", Courier,  monospace;
text-transform:uppercase;
}


#content p, #content ul, #content ul li {
font-family: Verdana, sans-serif;
margin: 0px 0px 10px 0px;
border: 1px black;
font-size:12px;
}

#content h1 {
font-size:24px;
border-bottom: 1px solid #999999;
padding: 5px 5px 5px 0px;
text-transform:uppercase;
font-weight:normal;
margin: 15px 0px 15px 0px;
}

#content h2 {
font-size: 18px;
margin: 25px 5px 0px 0px;
}

#content h1, #content h1 a, #content h2, #content h2 a, #content h3, #content h3 a {color: #fd6d0d; text-decoration:none;}




#content ul {list-style:none; padding:0px; margin-bottom:15px;}
#content ul li {margin:0px; padding:0px; text-indent:0px;}

#content ul li ul {list-style:square; padding: 0px 0px 10px 20px;}

.site-link a, .site-link a:visited {font-family:"Courier New", Courier, monospace; font-size:1em; color: #0099FF; text-decoration:none; border-bottom:1px dotted;}
.site-link a:hover { border-bottom:1px dashed;}

#masthead-box {
	position:absolute;
	background-color: #ebf8ff;
	background-image:url(/squarecandy-masthead3.gif);
	background-repeat:no-repeat;
	text-indent:-100000px;
	top: 60px;
	left: 340px;
	padding:0px; margin:0px;
	width:341px; height:54px;}





.toggler  { cursor:pointer; font-weight:bold; color:#000; margin: 0px; padding:2px; font-size:10px; font-family:Arial, sans-serif; background: #ebf8ff; text-align:right; border-bottom:1px solid #bbb; }
.toggler:hover	 { background:#eee; }

.toggler2  { cursor:pointer; font-weight:bold; color:#000; margin: 0px; padding:6px; font-size:14px; font-family:Helvetica, Verdana, sans-serif; background: #ebf8ff; text-align:left; border-bottom:1px solid #bbb; }
.toggler2:hover	 { background:#eee; }

.element	 { padding:0px; }
.element a, .element a img { border:0px; outline: 0px;}


.print-acc h3.toggler {padding:4px; font-size:11px;}

#content ul.print-list li {font-weight:bold; padding-right:5px; padding-bottom:10px;}

/* SUBPAGE ROLLOVERS */

#xblobs {
 width: 700px;
 height: 77px;
 background: url(squarecandy-topnav2.gif);
 margin: 0; padding: 0;
 position: relative;
}
#xblobs li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#xblobs a {display: block;}

#xblob1 {left: 0px; top: 0px; width: 308px; height: 77px;}
#xblob2 {left: 322px; top: 9px; width: 117px; height: 41px;}
#xblob3 {left: 375px; top: 37px; width: 115px; height: 34px;}
#xblob4 {left: 477px; top: 19px; width: 122px; height: 47px;}
#xblob5 {left: 592px; top: 35px; width: 55px; height: 20px;}
#xblob6 {left: 632px; top: 48px; width: 54px; height: 20px;}
#xblob1 a {height: 77px;}
#xblob2 a {height: 40px;}
#xblob3 a {height: 36px;}
#xblob4 a {height: 47px;}
#xblob5 a {height: 20px;}
#xblob6 a {height: 20px;}

#xblob1 a:hover {background: url(squarecandy-topnav2.gif) 0px -77px no-repeat;}
#xblob2 a:hover {background: url(squarecandy-topnav2.gif) -322px -86px no-repeat;}
#xblob3 a:hover {background: url(squarecandy-topnav2.gif) -375px -158px no-repeat;}
#xblob4 a:hover {background: url(squarecandy-topnav2.gif) -477px -96px no-repeat;}
#xblob5 a:hover {background: url(squarecandy-topnav2.gif) -592px -157px no-repeat;}
#xblob6 a:hover {background: url(squarecandy-topnav2.gif) -632px -125px no-repeat;}

/* LIGHTBOX */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	font-family:Arial, Helvetica, sans-serif;
	
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ display:none; float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;}
#lightboxImage {margin-top: 23px;}

#overlay img{ border: none; }

#overlay{ background-image: url(/overlay.png); }

div.print-acc div.element {background:url(enlarge.gif) bottom right no-repeat;}
div.print-acc div.element img {margin-bottom: 22px;}

/*
* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
*/	
	
/* Candy Mail Pages */

#amazingemails {
	text-indent:-100000px;
	background:url(images/candymail-amazingemails.gif) 0px 0px no-repeat;
	display:block;
	height:50px;
	width: 600px;
	}

#content h2#amazingemails {margin:0px 0px 10px -10px; padding:0px;}

#freeaccount {
	text-indent:-100000px;
	background:url(images/freeaccount2.gif) 0px 0px no-repeat;
	display:block;
	height:35px;
	width: 350px;
	margin:10px 0px 10px 125px;
	}

#freeaccount:hover {background:url(images/freeaccount2.gif) 0px -35px no-repeat;}
	
#content #candy-mail {
	text-indent:-100000px;
	background:url(images/candy-mail-logo.gif) 0px 0px no-repeat;
	height:22px;
	border-bottom:none;
	}
	
/* TABS */

#tabBox {border:1px solid #666666; padding:10px;}

#theTabs {display:block; margin:0px; padding:0px;}

#myTabs ul {margin:8px;}
#myTabs ul li {
	display: inline;
	cursor: pointer;
	padding:8px;
	margin:0px 0px 0px 10px;
	font-size:18px;
	font-family:Helvetica, Verdana, sans-serif;
	}

#theTab0 {
	border: 1px solid #FF3300;
	background:url(/images/candymail-tab-bg.gif) 0px 0px no-repeat;
	color:#FFFFFF;
	}

#theTab1, #theTab2, #theTab3, #theTab4 {
	background:url(/images/candymail-tab-bg2.gif) 0px 0px no-repeat;
	color: #666666;
	}
	

.hidden {
	display:none;
	}
.first {display:block;
	}