/*
***************************************************************************
**  compare.css
**  
**  Copyright (C) 2007 Cognition Technologies, Inc.
**  Written by Pete Vander Giessen
**
***************************************************************************
**  Phil's Style Guide:
**  	Colors:
**		Borders, text1 (Cardinal):  	#790202
**		Default Background (Goldenrod): #fff8e1
n**	        Light Background Color:		#fffcf2
**		Borders/Text:			#790202
**		Blue:				#052da8
**	        Pale Text:			#efdac6
**	        Charcoal Text:			#ae9791
**	Fonts:
***************************************************************************
**  Contents:  
**	I.  Ground Rules
**	II.  Heading
**	III.  Body
**	IV.  Footer
**	V.   Print
*       VI.  Handheld
** 
**  See the following files for page-specific styles:
**
***************************************************************************
*/




/**************************************************************************
I.  Ground Rules
	Wherein we setup the basic style for the page, and for
	the hack-friendly "Container" div that wraps the rest
	of our code.  
**************************************************************************/

/* First, we hide these rules from printers and handhelds -- we'll take
 * care of them later */

@media screen { 

* { padding: 0; margin: 0; } /* Different browsers setup padding and margins 
	                      * differently, so we're just going to set them 
			      * to 0 for everything, and introduce padding 
			      * and margins manually when we need them.  This 
			      * helps cut down surprises when testing */

body { 
	font-family: Arial, Sans-serif; 
	background-color: white;
	color: black;
	padding-bottom: 100px; 
}

/* Links */
a { color: #790202; text-decoration: none; }
a:hover { text-decoration: underline; color: #a00; }

img { border: none; }
ul { list-style: none; }
button {
	display: block;
	border:  2px solid #790202;
	background-image: url('/images/button-bg.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-color: black;
	font-weight: bold;
	width: 70px;
	color: white;
	padding: 1px 8px 1px 5px;
}
fieldset { border: none; }

sup { font-size: 0.5em; }

.ajax-menu { 
	border-bottom: 1px dotted black;
	padding: 2px 13px 0 0;
	background-image: url('/images/red-triangle.png');
	background-repeat: no-repeat;
	background-position: right 6px;
}
.ajax-menu:hover { text-decoration: none; }

#Container { 
	position: relative; 
	width: 1008px;
	margin: 8px auto 0;
	padding-top: 244px; 
	color: #790202;
	background-color: #fff8e1;
	background-image: url('/compare/images/container-border-middle.png');
}

#Container { 
	background-image: url('/compare/images/container-border-middle.png');
	padding-top : 261px;
}
button { font-size: 12px; }
button.big {
	width: 250px;
}
button.med {
	width: 160px;
}
button.button_A{
	position : absolute;
	left : 217px;
	top : 18px;
}
button.button_B{
	position : absolute;
	left : 770px;
	top : 18px;
}




/*************************************************************************
II.  Heading
*************************************************************************/

#Heading { 
	position: absolute;
	width: 992px;
	height: 195px;
	left: 8px;
	top: 31px;
	font-size: 3em;
	font-family: serif;
	text-align: center;
	background-image: url('/images/logo-bg.png'); 
	background-repeat: no-repeat;
	background-position: 0 0;
} 
#Heading a { 
	display: block;
	position: absolute;
	width: 591px; 
	height: 71px;
	left: 200px;  
	top: 108px;
	background-image: url('/compare/images/logo.png'); 
	background-repeat: no-repeat;
	background-position: 0 0;
	cursor: hand;
	z-index: 5;
}
#Heading h1 { display: none; }
ul#Nav { 
	position: absolute; 
	top: 0;
	right: 0;
	height: 13px;
	padding: 10px 16px 8px 0;  
	list-style: none; 
	font-size: 0.8em;
	color: #790202;
	text-align: right;
	width: 996px;
	background-color: white;
	background-image: url('/compare/images/container-border-top.png'); 
	background-repeat: no-repeat;
	background-position: bottom right;   
}
#Nav li { 
	display: inline; 
	padding: 0 0.5em;
}

#Watermark {
	position: absolute;
	left: 5px;
	top: 10px;
	width: 200px;
	height: 180px;
	background-image: url('/compare/images/watermark.png');
	background-repeat: no-repeat;

}


#Heading { 
	top : 0px;
	height: 261px;
	text-align: left;
	background-image: url('/compare/images/results-logo-bg.png');
	background-repeat : no-repeat;
	font-size: 1em; 
	font-family: Arial, Sans-serif;
} 

#Heading a { 
	left : 197px;
	top : 55px;
	width : 636px;
	height : 76px;
}
#SubHeading {
	position : absolute;
	left : 22px;
	top : 173px;
	width : 340px;
	height : 61px;
	background-image : url('/compare/images/heading_sub.png');
	background-repeat : no-repeat;
	
}
#headingSearchBox {
	position : absolute;
	left : 426px;
	top : 171px;
	width : 540px;
}

#headingSearchBox p {
	margin-top : 3px;
	margin-bottom : 7px;
	height : 20px;
}

#headingSearchBox p.small {
	font-size : 11px;
}

#headingSearchBox button {
	position: absolute;
	right: 0px;
}

#query {
	position : absolute;
	width : 459px;
	height : 20px;
	padding: 1px 3px;
	background-image : url('/compare/images/search-bg-wide.png');
	background-repeat : no-repeat;
	border:  1px solid #790202;
}




#ContentBox {
	position : relative;
	margin-left : 8px;
	width: 992px;
	background-color : #FFFFFF;
	height : 320px;
	border-top : 1px solid #620D0D;
}

#flashBox {
	width : 635px;
	height : 320px;
	margin-top : 1px;
	background-color : #FFFFFF;
}

#SampleQueries { 
	position: relative;
	width : 575px;
	height : 320px;
	margin-top : 1px;
	margin-left: 60px;
	background-color : #FFFFFF;
}
#SampleQueries ul { margin: 1em 0 1em 4em; }
#SampleQueries li { padding-bottom: 0.1em; }
#SampleQueries a { text-decoration: underline; }

#SampleImage {
	position: relative;
	top : 15px;
	width : 250px;
	height : 54px;
	background-image : url('/compare/images/sample.png');

}

#ResultsForTop {
	position : relative;
	padding-left : 43px;
	padding-top : 15px;
	width: 949px;
	background-color : #FFFFFF;
}

#midButtonBox {
	position : relative;
	margin-left : 8px;
	width: 992px;
	height : 60px;
	background-color : #FFFFFF;
	border-bottom : 1px solid #620D0D;
}
/******************* End Content Area *********************/

/******************* Tool Box *********************/
#toolBox {
	position : absolute;
	left : 692px;
	top : 8px;
	width : 291px;
	height : 275px;
	border : 1px solid #620D0D;
        background-color : #FFFCF2;
	overflow : auto;
        overflow-x : hidden;
}

#toolBox p {
	margin-left : 10px;
	margin-top : 10px;
}

#toolBox p.small {
	font-size : 11px;
}

#toolBox label {
	display : block;
	font-size : 12px;
	font-weight : bold;
	width : 200px;
	height : 20px;
	padding-top : 3px;
}

#toolBox select {
	width : 262px;
}

#toolBox fieldset {
	font-size : 11px;
	margin-left : 5px;
	margin-bottom : 5px;
}

#toolBox div.right {
	margin-top : 0px;
	margin-left : 10px;
	display : block;
	width : 262px;
}

.meaning-placeholder {
     color: #b27068; 
     text-align: left; 
     width: 20em;
     padding: 67px 0 0 1em;
     font-size: 0.8em;
}

/******************* End Tool Box *********************/

/******************* Results Area *********************/
#ResultsFor {
	position : relative;
	margin-left : 8px;
	padding-left : 43px;
	padding-top : 15px;
	width: 949px;
	background-color : #fffcf2;
}

#ResultsBox {
	position : relative;
	margin-left : 8px;
	width: 992px;
/*	height : 500px; */
	height: 900px;
	border-top : 1px solid #620D0D;
	border-bottom : 1px solid #620D0D;
	background-color : #EFE7CB;
}

ul#Tabs { 
	position : relative;
	font-size: 0.8em;
	font-variant: small-caps;
	width: 940px;
	margin-left : 8px;
	margin-top : 0px;
	margin-bottom : 0px;
	height: 45px;
	text-align: left; 
	padding-right: 9px;
	padding-left: 43px;
	background-color: #fffcf2;
	z-index : 5;
}

a.purple { color : #6E00C3; }
a.blue { color : #5687FE; }
a.grey { color: #3d3d3d; }

li#CallAdvanced { position: static; }

#Tabs li { 
	display: block;
	position: relative;
	float: left;
	margin: 0 1px 0 2px;
	width: 100px;
	height: 26px;
	padding: 4px 0 4px 0;
	background-color: #fff8e1;
	text-align: center;
	background-image: url('/compare/images/tab-bg.png');
	background-repeat: no-repeat;
	background-position: center center;
	top: 11px;
}
#Tabs li.selected { 
	position: relative;
	top: 9px;
	padding: 3px 0 7px 0;
	background-image: url('/compare/images/tab-selected-bg.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 27px;
	background-color: white; 
	width: 102px;
	line-height : 13px;
}

#SearchResults {
	position : relative;
	width : 992px;
	height : 100%;
	background-color : #fff8e1;
}

/******************* End Results Area *********************/






/**************************************************************************
    Corp Nav Menu
**************************************************************************/

#footNav a {
     color: #fff;
}
#spacer {
     position : relative;
     width: 2px;
     height:22px;
     border-color: #fff9e1; 
     background: url('/home/images/spacer.png');
}
#menuBox {
     margin-left:8px;
     width: 992px;
     height:100px;
     border-color: #fff9e1; 
     background: url('/home/images/boxBg.png');
}
div#menu {
     background-color: #6d0b00;
     color: #fff;
     padding-left: 170px;
     margin: 0 7px;
     position: relative;
     height: 20px;
}
div#menu ul {
     list-style: none;
     margin: 0;
     padding: 0;
     width:127px;
     height: 20px;
     line-height: 20px;
     float: left;
     display: block;
     zoom: 1;
}
div#menu ul li { 
     position: relative; 
     height: 20px; 
     line-height: 20px; 
     display: block; 
     zoom: 1; 
     margin: 0; padding: 0; 
}
div#menu ul li ul { 
     display: none; 
     position: absolute; 
     zoom: 1; 
     width: 140px; 
}
div#menu ul li:hover ul { display: block; }
div#menu ul li ul li { zoom: 1; }
div#menu ul li strong {
     font: 12px/16px Tacoma, Sans-serif; 
     border-left: 1px solid #e0ca70;
     border-right: 1px solid #e0ca70;
     margin: 0;
     height: 20px;
     line-height: 20px;
     color: #fff;
     background: #6d0b00;
     text-align:center;
     zoom: 1;
     display: block;
}
div#menu ul li strong:hover {
     font: 12px/16px Tacoma, Sans-serif; 
     border-left: 1px solid #e0ca70;
     border-right: 1px solid #e0ca70;
     margin: 0;
     height: 20px;
     line-height: 20px;
     color: #fff;
     background: #a00;
     background-position: center;
     background-repeat: no-repeat;
}
div#menu a {
     font: 12px/16px Arial, Sans-serif; 
     margin: 0;
     padding: 2px 3px;
     color: #6d0b00;
     background: transparent;
     text-decoration: none;
     text-align:left;
     padding-left:32px;
}
div#menu a:hover {
     color: #a00;
}
/*extra border for far left and right*/
.about_us {border-left: 1px solid #e0ca70;}
.careers {border-right: 1px solid #e0ca70;}

/************************************************************************
IV.  Footer
************************************************************************/

#Footer { 
	width: 1008px; 
	text-align: center; 
	background: url('/images/container-border-bottom.png');
	padding-bottom: 20px;
	background-repeat: no-repeat;
	background-position: right bottom;
}
#Footer h2 { display: none; } /* This is only here to make the page
			       * flow cleanly when/if styles are turned
	                       * off. */
#Footer a { font-size: 0.75em; }

#greyBar {
	width: 992px; 
	margin: 0 auto;
	height:22px;
	background: #3d3d3d;
}

#greyBar a {
	color: #fff;
}

#Links ul { list-style: none; }
#Links li { 
	display: inline; 
	font-size: 0.8em;
	margin: 0 5px;
}
#IP { 
    width: 992px; 
    text-align: center; 
    margin: 10px auto; 
    font-size: 0.7em; 
}






/************************************************************************
	Overrides
************************************************************************/

.boondocks { position: absolute; left: -9999px; }
body .boondocks { position: absolute; left: -9999px; }
.hidden { display: none; }






} /* END rules for screen */

/************************************************************************
V.  Print
	Rules for Print
************************************************************************/

@media print { 

body { font-size: 12pt; font-family: serif; }
#Container { width: 100%; position: relative; }
#Heading { margin: 0 auto; }
#ItsBeta { position: absolute; right: 0; top: 0; }
#Nav, #Links, #Footer h2 { display: none; }
#version { position: absolute; bottom: 0; right: 0; }
}





/************************************************************************
V.  Handheld
	Rules for Handheld
************************************************************************/

@media handheld {

}