﻿.bottomCallout 
{
	background: url(Images/BottomCalloutBackground.gif) repeat-y;
	width:960px;
	overflow: hidden;
	clear: both;
}
.bottomCallout .callout { float: left; padding: 0 20px; }
.bottomCallout .callout1 { width: 226px; }
.bottomCallout .callout2 { width: 370px; }
.bottomCallout .callout3 { width: 242px; }
.bottomCallout .callout2 p { font-size: .9em; line-height: 1.4em; }
.bottomCallout h2 { margin: 0 0 5px 0; }

/******** Magic 8 ball layout ****************************************/
#magic8Ball 
{
    background: url(Magic8Ball/BgSync.gif) top repeat-x;
    width: 668px;
    margin: 0 0 30px 1px;
    position: relative;
    float: left;
}
#magic8Ball .wrapper 
{
    background: url(Magic8Ball/EightBall.jpg) 13px 20px no-repeat;
    height: 280px;
    max-height: 220px;
    padding: 80px 0 0 280px;
    margin: 0;
    border: 0px solid #000;
}
#magic8Ball fieldset
{
	background: url(Images/LargeInputBox.jpg) top left no-repeat;
	position: relative;
	height: 31px;
	width: 313px;
	padding: 0;
	margin: 0;
}
#magic8Ball label, #magic8Ball input.text 
{
	font-size: 1.3em;
	padding: 6px 0 0 5px;
}
#magic8Ball label 
{
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1.2em;
	color: #999;
	display: inline-block;
	cursor: text;
}
#magic8Ball input.text 
{
	border: 0; background: transparent;
	width: 300px;
}
#magic8Ball input.button 
{
	position: absolute;
	top: -3px;
	right: -58px;
}
#magic8Ball h3, #magic8Ball h2
{
    font-family: Arial, Verdana,Sans-Serif;
    color: #525252;
    font-weight: normal;
    font-size: 1.4em;
    margin: 0 0 .5em 0;
    padding: 0;
}
#magic8Ball h2 { font-size: 1.6em; line-height:1.1em; width:360px; text-align:center; margin: 10px 0 30px 0;}
#magic8Ball h3#answerLine { font-weight: bold;}
#magicAnswer 
{
    width: 103px;
    height: 68px;
    padding: 40px 0 0 0;
    background: url(Magic8Ball/AnswerBg.jpg) top left no-repeat;
    position: absolute;
    top: 70px; left: 80px;
    color: #96a6f2;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

/**** Right Toolbar *********************************************/

div#rightToolbar {
	background: url(images/RightToolbarTop.png) top right no-repeat;
	padding-top: 6px;
}

ul#serviceList {
    float: right;
	margin: 0;
	padding: 0;
}

ul#serviceList li {
	background: url(images/RightToolbarSeperator.png) bottom center no-repeat;
	list-style-type: none;
	overflow: hidden;
	padding: 15px 10px 20px 20px;
	vertical-align: middle;
	width: 260px;
}

ul#serviceList li a {
	display: block;
}

/**** Scroller **************************************************/
#clientScroller { width: 242px; height: 80px; }
#clientScroller div.section { width:242px; padding: 1em 0; height: 80px; text-align: center; }
