﻿/* ALL styles */
* { padding:0px; margin:0px;}


/* HTML TAG styles */
html { overflow-y:scroll; } /* FF shows vertical scrollbar when needed, looks crap when navigating pages and things shift - force scroll. */
body { background:#FFF; padding-bottom:20px; font-family:Arial, Sans-Serif, Tahoma, Verdana, Times New Roman; font-size:medium; color:#666; }
img { border:0px;}
input, select, textarea { color:#333; font-family:Arial, Sans-Serif, Tahoma, Verdana, Times New Roman; font-size:1em; padding:3px; }
select { font-size:1.1em; }
	/* FORM CLASSES */
	.Btn { font-size:xx-small; text-transform:uppercase; letter-spacing:.2em; font-weight:bold; color:#FFF; background:#2B3087; border:double 3px #2B3087; }
	.AltBtn { background:#999; } /* buttons that aren't positive action request, such as cancel and reset etc... */
	.txt { width:250px; border:solid 1px #999; background:transparent url(../img/icons/txtInput.gif) no-repeat .2em 50%; padding-left:20px; }
	.multi { height:55px; background-image:none; padding:5px; }
	.padLock { background:transparent url(../img/icons/padLock.gif) no-repeat .2em 50%; padding-left:20px; }
	.HalfWidth .txt { width:90%;}
	.HalfWidth .multi { width:96%;}
	
hr { clear:both; float:left; margin-top:5px; width:100%; line-height:2px; height:2px; border-top:dotted 1px #999; border-bottom:dotted 1px #CCC; }
label { cursor:hand; text-transform:uppercase; color:#666; font-size:.8em; font-weight:bold;}
i { text-transform:uppercase; font-size:xx-small; letter-spacing:0.05em; font-style:normal;}

/* ID styles */
#Center_Website { width:909px; margin:0 auto; }
#Website_Shadow { background:#FFF url(../img/BG-Shadow.gif) repeat-y left top; }
#Website_Border { margin:0 23px 0 20px; width:865px; border:solid 1px #E9E8E8; }
#Website_Padding { width:840px; padding:11px 19px 0 12px; }

#Demo_Flags { right:3px; font-size:.6em; text-transform:uppercase; color:#666; letter-spacing:.05em; }
	/* DEMO_FLAGS sub styles */
	#Demo_Flags a { text-decoration:none; color:#666;}
	#Demo_Flags .Demo { padding-bottom:5px; margin-bottom:12px; border-bottom:solid 1px #9191FF; }
	#Demo_Flags .Flag { padding-left:2px; }

#Navigation { background:#C8C8FF; list-style-type:none; text-transform:uppercase; font-size:60%;  }
	/* NAVIGATION sub styles */
	#Navigation li { float:left; line-height:2.2em; font-weight:300; background:transparent url(../img/BG-NavLi.gif) no-repeat right 50%; }
	#Navigation li.NoBG { background-image:none; }
	/*  #Navigation li.NoBG a { padding-right:20px; } fudge to extend link to 100% end of navbar when needed */
	#Navigation li a { float:left; margin-left:-1px; text-decoration:none; padding:0 19px; color:#333; }
	#Navigation li a:hover { background:#9191FF; color:#FFF; }
	#Navigation li a.Pnav { background:#9191FF; color:#FFF; margin-left:-1px; display:block; text-decoration:none; padding:0 19px; }
	
#SecondaryNavigation { background:#2B3087; margin-top:4px; list-style-type:none; font-size:.7em; }	
	/* #SECONDARYNAVIGATION sub styles */	
	#SecondaryNavigation li { float:left; background:transparent url(../img/BG-SnavLi.gif) no-repeat left 50%; }
	#SecondaryNavigation li.NoBG { background-image:none; }
	#SecondaryNavigation li a { float:left; padding:4px 10px; text-decoration:none; color:#FFF; }
	#SecondaryNavigation li a:hover { color:#C8C8FF; }
	#SecondaryNavigation li a.Snav { display:inline-block; padding:4px 10px; text-decoration:none; color:#C8C8FF; }
	
#Page_Header { margin-top:10px; padding-bottom:13px; }	
#Page_Title { background:#9191FF; width:342px; color:#FFF; font-size:.75em; line-height:1.5em; padding:13px 11px 4px 11px; }
	/* PAGE_TITLE sub styles */
	#Page_Title h1 { font-family:Gill Sans MT,Arial, Sans-Serif, Tahoma, Verdana, Times New Roman;  color:#FFF; font-size:x-large; font-weight:300; padding-bottom:6px; }
	#Page_Title p { padding:5px 0; text-align:justify; }

#Page_Img { margin-left:5px; width:471px;}		
	.hdrItem { position:relative; float:left; margin-top:1px; display:block; width:157px; height:59px; font-size:.65em; text-transform:uppercase;}
		/* #HDRITEMS .HDRITEM sub styles : HOMEPAGE RELATED */
		.hdrItem a { color:#2B3087; text-decoration:none; }
		.hdrItem a.txtLink { margin-top:15px; margin-left:5px; }
		.hdrItem a.Arrow { right:6px; bottom:5px; z-index:1; }
		#HomeItem1 { background:#F9C300;}
		#HomeItem2 { background:#F9D03B;}
		#HomeItem3 { background:#FFDB56;}

#Page_Content { clear:left; float:left; font-size:75%; line-height:1.4em; }
	/* #PAGE_CONTENT sub styles */
	#Page_Content a.cta { text-decoration:none; background:transparent url(../img/icons/BlueArrow-WhiteBg.gif) no-repeat right 30%; font-size:xx-small; color:#333; font-weight:300; text-transform:uppercase; letter-spacing:.05em; padding-right:18px; text-decoration:none; }
	#Page_Content a:hover.cta { color:#2B3087; background:transparent url(../img/icons/PurpleArrow-WhiteBg.gif) no-repeat right 30%;}
	
	#Page_Content a.cta_grey { background:transparent url(../img/icons/GreyArrow-WhiteBg.gif) no-repeat right 30%; font-size:xx-small; color:#333; font-weight:300; text-transform:uppercase; letter-spacing:.05em; padding-right:18px; text-decoration:none; }
	#Page_Content a:hover.cta_grey { color:#2B3087; background:transparent url(../img/icons/BlueArrow-WhiteBg.gif) no-repeat right 30%; }
	#Page_Content a.cta_grey_back { background:transparent url(../img/icons/backGreyArrow-WhiteBg.gif) no-repeat left 30%; font-size:xx-small; color:#333; font-weight:300; text-transform:uppercase; letter-spacing:.05em; padding-left:18px; text-decoration:none; }
	#Page_Content a:hover.cta_grey_back { color:#2B3087; background:transparent url(../img/icons/backBlueArrow-WhiteBg.gif) no-repeat left 30%; }
	
	
	#Page_Content ul { list-style-type:none; padding:8px 15px;  }
	#Page_Content ul li { padding:.05em 1.3em; background:transparent url(../img/icons/Bullet.gif) no-repeat left .5em; }
	#Page_Content ul li ul { list-style-type:none; padding:.5em 25px; list-style-type:square; }
	#Page_Content ul li li { padding:.1em 0; background-image:none; }
	
	/* PAGETEXT CLASS IS MAIN CONTENT ON PAGE*/
	#Page_Content .pageText { margin-left:10px; padding-top:20px; width:461px;}
	#Page_Content .pageText p { padding:8px 5px 8px 0; }
	#Page_Content .pageText h2 { font-family:Gill Sans MT,Arial, Sans-Serif, Tahoma, Verdana, Times New Roman; clear:left; line-height:1.1em; font-weight:300; font-size:x-large; color:#2B3087; padding-bottom:6px; border-bottom:solid 1px #9191FF; }
	#Page_Content .pageText h3 { clear:left; color:#696969; font-weight:300; font-size:1.6em; padding:0.4em 0; }
	#Page_Content .pageText h4 { clear:left; color:#969696; font-weight:300; font-size:1.4em; padding:0.2em 0; }
	#Page_Content .pageText a { color:#333; }
	#Page_Content .pageText a:hover { text-decoration:none; color:#2B3087; }


	/* FILE EXENSION CLASSES */
	#Page_Content .pageText ul.NoBullet { list-style-type:none;  padding:8px 0;}
	#Page_Content .pageText .PDF { line-height:2em; background:#FFF url(../img/icons/PDF.gif) no-repeat left top; padding-left:2.5em;}
	#Page_Content .pageText .DOC { line-height:2em; background:#FFF url(../img/icons/DOC.gif) no-repeat left top; padding-left:2.5em;}
	#Page_Content .pageText .XLS { line-height:2em; background:#FFF url(../img/icons/XLS.gif) no-repeat left top; padding-left:2.5em;}
	#Page_Content .pageText .PPT { line-height:2em; background:#FFF url(../img/icons/PPT.gif) no-repeat left top; padding-left:2.5em;}	
	
	
#Footer { margin-top:20px; border-top:solid 1px #2B3087; text-transform:uppercase; color:#999; font-size:.65em; line-height:2.6em; }
	/* #FOOTER sub styles */
	#Footer a { color:#999; text-decoration:none; }
	#Footer a:hover { color:#666;}

/* CLASS styles */
.Clear { clear:left; }
.Left { float:left; }
.Right { float:right; }
.Relative { position:relative;}
.Absolute { position:absolute;}
.FullWidth { width:100%; }
.HalfWidth { width:47%;}
.AutoWidth { width:auto; }
.ErrorMsg { color:#FF0000; text-transform:uppercase;}
.Blue { color:#2B3087; }
.txtLeft { text-align:left; }
.txtCenter { text-align:center; }
.txtRight { text-align:right; }
.PrintOnly { display:none;} /* class used for info to show on print out only */
.hidden { visibility:hidden; display:none;}
.visible { visibility:visible; display:block;}

/* CAPTCHA STYLES */
.Captcha span { font-size:.8em; text-transform:uppercase; font-weight:bold; }
.Captcha span input { font-size:1.2em; width:120px; padding:5px;}

.PartnerImg { float:left; margin:0 25px; }
.imgGalleryItem img { margin:0 10px; border:solid 1px #CCC; }

/* horizontal scroll related */
.ScrollContainer { overflow:hidden; width:100%; position:relative; }
.ScrollArea { margin-left:15px; margin-right:15px; height:11.4em; }
/* use when instance of the word CallScripter */
.CV { color:#2B3087; font-weight:300; }
#Page_Title .CV { color:#FFF; font-weight:bold; } /* use when instance of the word CallScripter on blue bg */

/* CLASSES RELATED TO YELLOW AND GREY MODULE BOXES */
.Module h3 { clear:left; float:left; font-size:.85em; color:#545496; text-transform:uppercase; letter-spacing:.05em; font-weight:normal; padding-left:10px; margin-bottom:6px; }
	.All { width:839px; }
	.Medium { width:363px; }
	.Small { width:313px; }
	.Single { width:153px; }
	.modPadLeft { padding-left:5px; }
	.modPadTop { padding-top:10px; }
	.modPadBottom { padding-bottom:10px; }
	
.purpleBox { background-position:right top; background-repeat:no-repeat; margin-top:-3px; position:relative; border:solid 1px #9191FF; border-left:solid 0px; min-height:11.4em; }
	.purpleBox a { color:#333; text-decoration:none; }
	.purpleBox a:hover { text-decoration:underline; }
	.purpleBox p { padding:8px 10px;}
	.purpleBox .CTA { position:absolute; bottom:2px; left:10px; }
	
.greyBox { font-size:.88em; line-height:1.4em; margin-top:-3px; position:relative; border:solid 1px #B2B2B2; border-left:solid 0px; min-height:13em; }
	.greyBox a { color:#2B3087; text-decoration:none; }
	.greyBox a:hover { text-decoration:underline; }
	.greyBox p { padding:8px 10px;}
	.greyBox .CTA { position:absolute; bottom:2px; right:10px; }	
	.greyBox .DottedHR { margin-top:-2px; padding-left:10px; }
	.greyBox .SmallItem { margin-top:-5px;}

/* USED FOR TABLE DATA */
.tblData { clear:left; float:left; margin:8px 0; width:100%; font-size:90%;} 
    /* .Data sub styles */
    .tblData th { padding:2px 5px; background:#C8C8FF; color:#666; text-transform:uppercase; letter-spacing:.05em;}
    .tblData td { padding:2px 5px; border-bottom:dotted 1px #CCC; line-height:20px;}
    tr.AltRowColor { background:#ECECEC;}



