/*  
Version: 1.0
Author: TargetScope Inc.
Author URI: http://www.targetscope.com
*/

/*____________________________________________________________
Import other styles
____________________________________________________________*/

@import url(type.css);
@import url(lists.css);
@import url(tables.css);
@import url(forms.css);
@import url(sIFR-screen.css);

/*____________________________________________________________
Basic stuff
____________________________________________________________*/

body{
	margin:0 0 30px 0;
	padding:0;
	background-color:#FFFFFF;
}

#wrapper{
	width:840px;
	margin:0 auto 0 auto;
}

#Banner{

}

.ClearAll{
	clear:both;
	height:0px;
	line-height:0px;
}
.ClearLeft{
	clear:left;
}

/*____________________________________________________________
Header styles
____________________________________________________________*/
#header{

}
#PrimaryNav{
	text-align:right;
	width:580px;
	float:right;
	margin-top:40px;
	margin-bottom:8px;
}

.logo{
	float:left;
	margin-top:10px;	
}

.tabs{
	float:right;
}


/*____________________________________________________________
Footer styles
____________________________________________________________*/
#Footer{
	padding-top:10px;
	padding-right:10px;
}
#Footer .BreadCrumb{
	text-align:right;
	font-size:10px;
	margin:0 0 4px 0;
}

#Footer img{
	margin:0 5px 0 5px;
}

/*____________________________________________________________
Content section styles
____________________________________________________________*/

#MainContent{
	margin:0;
	padding:0;
}
#Content{
	float:left;
	width:590px;
	margin:0;
	padding:10px 0 20px 0;
}
#WideContent{
	float:left;
	width:800px;
	margin:0;
	padding:10px 0 20px 0;
}

/*____________________________________________________________
Sidebar styles
____________________________________________________________*/
#SideBar
{
	display:none;
	float:left;
	width:230px;
	margin:0;
	margin-left:19px;
	padding:0;
	border-width:0 0 0 0; 	
	
}
#SideBarNavigation{
	position:relative;
	float:right;
	width:200px;
	border-width: 1px 0 1px 1px;
	border-style:solid;
	border-color:#CCCCCC;
	margin:-1px 0 0 0;
	padding:0;
}

#SideBarNavigation table{
	width:100%;
	margin-top:-1px;
}
#SideBarNavigation table table{

}

#SideBarNavigation table tr {
	border-width: 1px 0 0 0;
	border-style:solid;
	border-color:#CCCCCC;
}

/*____________________________________________________________
Global side bar elements
____________________________________________________________*/
#GlobalSideBar{
	width:230px;
	background-image:url(../images/SideBar_BG.jpg);
	background-repeat:repeat-y;
	margin: 10px 0 30px 0;
	
}
/*____________________________________________________________
Page extras - bread crumb, print, email
____________________________________________________________*/
#PageExtras{
	margin:0 0 0 0;
	padding:0 0 10px 0;
	border-width:0 0 1px 0;
	border-style:solid;
	border-color:#CCCCCC;
}
#PageExtras_Actions{
	float:right;
	position:relative;
	top:0;
}

#Content .BreadCrumb, #WideContent .BreadCrumb{
	margin:0 0 20px 0;
	font-size:11px;
}
#TagLine{
	font-size:14px;
	letter-spacing:1px;
	margin-top:3px;
}
/*____________________________________________________________
some home page specific styles
____________________________________________________________*/

#HomeHighlights{
	width:100%;
}
.Bucket1, .Bucket2, .Bucket3, .Bucket4{
	float:left;
	padding-top:15px;
	margin-bottom:40px;
}
.Bucket1{
	width:180px;
	margin-left:10px;
}
.Bucket1 .ClientSpotlightLogo{
	margin-top:20px;
}
.Bucket2{
	width:180px;
	margin-left:12px;
}
.Bucket3{
	width:180px;
	margin-left:12px;
	padding-top:6px;
}
.Bucket3 img{
	margin-right:10px;
}
.Bucket3 p.copy{
	margin-top:25px;
}
.Bucket4{
	width:180px;
	margin-left:0px;
	padding-top:6px;
}
.Bucket4 img{
	margin-bottom:0px;
}
.Bucket4 p{
	margin-left:10px;
}

.BucketDivider{
	float:left;
	width:5px;
	height:187px;
	background-image:url(/images/HomeVerticleDivider.gif);
	background-repeat:no-repeat;
	margin-left:12px;
}
#QuickLinks{
	width:800px; /* IE 6 and under value*/
	overflow:hidden;
	clear:both;
	background-image:url(/images/QuickLinksBG.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding:100px 0px 30px 40px;
	border:0px solid #00FF00;
}
#Wrapper > #QuickLinks{
	width:840px; /* FF and IE7*/
}
.QL_Bucket{
	float:left;
	width:150px;
	margin-right:50px;
}
#HomeBucketsFooter{
	position:relative;
	top:-40px;
	width:840px;
}
.BucketFooter1, .BucketFooter2, .BucketFooter3, .BucketFooter4{
	float:left;
	border:0px solid #00FF00;
	padding-top:8px;
	text-align:center;
}
.BucketFooter1{
	width:180px;
	margin-left:10px;
	margin-right:17px;
}
.BucketFooter2{
	width:200px;
	margin-left:19px;
	margin-right:12px;
}
.BucketFooter3{
	width:180px;
	margin-left:12px;
}
.BucketFooter4{
	width:180px;
	margin-left:8px;
}
.BucketFooter1 img, .BucketFooter2 img, .BucketFooter3 img, .BucketFooter4 img{
	margin-bottom:10px;
}
/*____________________________________________________________
In line tabs powered by moo.fx
____________________________________________________________*/
#InLineTabs{
	width:560px;
	float:left;
	margin-top:20px;
}

/*____________________________________________________________
email form pop up
____________________________________________________________*/
#emailForm{
	padding:10px;
}
/*____________________________________________________________
System Requirements Table Style
____________________________________________________________*/
.reqTable tr td
{
	border-color: #333333;
	border-style: solid;
	border-width: 1px;

}

.reqTable { 	
	border-collapse:collapse; 
	margin-left: 1px;
}

/*____________________________________________________________
System Requirements Table Style
____________________________________________________________*/
#PlainContent{
	margin:10px 20px 10px 20px;
}


/*____________________________________________________________
Quote and Datasheet Box Styles
____________________________________________________________*/
.quote_corner_topLeft {
	background-image:  url(/images/quote_corner_topLeft.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #EEEEEE;
}

.quote_corner_topRight {
	background-image: url(/images/quote_corner_topRight.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

.quote_corner_bottomLeft {
	background-image: url(/images/quote_corner_bottomLeft.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

.quote_corner_bottomRight {
	background-image: url(/images/quote_corner_bottomRight.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.quote_content {
   	padding:20px 20px 5px 20px;

}

.quote_content h2 {
	color: #FF4D03;
   	font-size: 1.0em;
   	margin: 0;
	font-weight: bold;
   	border-bottom: 1px solid #FF4D03;
}

.quote_content p {
	padding: 25px 25px 20px 25px;
   	font-size: 0.9em;	
}

.quote_datalist{
	padding: 4px 0px 20px 0px;

}

.quote_datalist_item{
	background-image: url(/images/quote_datalist_bullet.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 10px;
	margin-top: 4px;
	font-size: 0.9em;	
	color: #000000;
}

.quote_footer {
  	font-style: italic;
	color: #FF4D03;
}

.quote_body {
  	color: #000000;
}

.DataSheets {
	width: 250px;
}


/*____________________________________________________________
Login Box Styles
____________________________________________________________*/

.login_container {
	width: 240px;
}

.login_headerBG {
	background-image: url(/images/login_orangeBG.gif);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #EEEEEE;
}

.login_topLeft {
	background-image:  url(/images/login_topLeft.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

.login_topRight {
	background-image: url(/images/login_topRight.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

.login_bottomLeft {
	background-image: url(/images/login_bottomLeft.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

.login_bottomRight {
	background-image: url(/images/login_bottomRight.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.login_content {
	margin: 8px 8px 8px 8px;
} 

.login_content p {
	color: #000000; 
	font-size: 0.9em;
}

.login_orange {
	font-size: 0.9em;
	padding-bottom: 5px;
} 
/*____________________________________________________________
apply white bg to stretcher for moo.fx to fix 
jagged text in IE
____________________________________________________________*/
.stretcher{
	background-color:#FFFFFF;
}

.todo {
	color: #FF0000;
}