/* 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:#EEEEEE;
	padding-bottom:25px;
	padding-top: 25px;
	font-family: Tahoma, Verdana, Arial;
	font-size: 13px;
	color:#333333;
}

a {
	color: #FFFFFF;
	text-decoration: none;
}

a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {
	color: #FFCC00;
	text-decoration: none;
}

a:active {
	color: #FFCC00;
	text-decoration: none;
}

img { 
	border:0px;
}

input, select, textarea { 
	color:#333333;
	font-size: 11px; 
	padding:3px;
}

/*select { 
	font-size: 11px;
}*/

/* FORM CLASSES */
.Btn { 
	font-size:xx-small;
	text-transform:uppercase;
	letter-spacing:.2em;
	font-weight:bold;
	color:#FFFFFF;
	background:#003479;
	border:double 3px #003479;
	height: 23px;
	line-height: 3px;
}

.AltBtn { 
	background:#333333;
}

/* buttons that aren't positive action request, such as cancel and reset etc... */
.txt { 
	width: 250px;
	border: solid 1px #333333;
	background: transparent url(../img/icons/txtInput.gif) no-repeat .2em 50%;
	padding-left: 20px;
}

.txtsm { 
	width: 151px;
	border: solid 1px #333333;
	/*background: transparent url(../img/icons/txtInput.gif) no-repeat .2em 50%;*/
	padding-left: 5px;
}

.multi {
	height: 70px;
	background-image: none;
	padding: 5px;
	border: solid 1px #333333;
}

.multilg {
	width: 650px;
	height: 70px;
	background-image: none;
	padding: 5px;
	border: solid 1px #333333;
}

.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 #333333;
	border-bottom:dotted 1px #CCCCCC;
}

label { 
	cursor:hand;
	text-transform:uppercase;
	color:#999999;
	font-size: 9px;
	font-weight:bold;
}

i { 
	/*text-transform:uppercase;
	font-size:xx-small;
	letter-spacing:0.05em;*/
	font-style:italic;
}

/* ID styles */
#Center_Website { 
	width:1000px; 
	margin:0 auto;
	background:#FFFFFF;
}

#Website_Shadow { 
	background:#FFFFFF;
	padding-top: 15px;
}

#Website_Border {
	width:1000px;
}

#Website_Padding { 
	width:1000px;
}

#Demo_Flags { 
	right:3px;
	font-size: 9px;
	text-transform:uppercase;
	color:#333333;
	letter-spacing:.05em;
}

/* DEMO_FLAGS sub styles */
#Demo_Flags a { 
	text-decoration:none; 
	color:#333333;
}
#Demo_Flags .Demo { 
	padding-bottom:5px; 
	margin-bottom:5px; 
	/*border:solid 1px #F9C300;*/
}

#Demo_Flags .Flag { 
	padding-left:2px;
}

#Navigation { 
	background:#003479; 
	list-style-type:none; 
	text-transform:uppercase; 
	font-size:12px;
	background: url(../img/BG-Nav.gif) repeat-x;
	height: 50px;
}

/* NAVIGATION sub styles */
#Navigation li { 
	float:left; 
	line-height:50px; 
	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:#FFFFFF;
	font-weight: bold;
}

#Navigation li a:visited { 
	color:#FFFFFF;
}

#Navigation li a:hover { 
	color:#FFCC00;
}

#Navigation li a:active { 
	color:#FFCC00;
}

#Navigation li a.Pnav { 
	color:#FFFFFF;
	margin-left:-1px; 
	display:block; 
	text-decoration:none; 
	padding:0 19px;
}

/* Coloured Navigation */

#Navigation li a.products {
	color: #348CEE;
	font-size: 100%
}

#Navigation li a.products:visited {
	color: #348CEE;
}

#Navigation li a.products:hover {
	color: #FFFFFF;
}

#Navigation li a.products:active {
	color: #FFFFFF;
}

#Navigation li a.partners {
	color: #0EAA6D;
	font-size: 100%
}

#Navigation li a.partners:visited {
	color: #0EAA6D;
}

#Navigation li a.partners:hover {
	color: #FFFFFF;
}

#Navigation li a.partners:active {
	color: #FFFFFF;
}

#Navigation li a.sectors {
	color: #58C80E;
	font-size: 100%
}

#Navigation li a.sectors:visited {
	color: #58C80E;
}

#Navigation li a.sectors:hover {
	color: #FFFFFF;
}

#Navigation li a.sectors:active {
	color: #FFFFFF;
}

#Navigation li a.services {
	color: #FFCC00;
	font-size: 100%
}

#Navigation li a.services:visited {
	color: #FFCC00;
}

#Navigation li a.services:hover {
	color: #FFFFFF;
}

#Navigation li a.services:active {
	color: #FFFFFF;
}

#Navigation li a.helpdesk {
	color: #F43A3B;
	font-size: 100%
}

#Navigation li a.helpdesk:visited {
	color: #F43A3B;
}

#Navigation li a.helpdesk:hover {
	color: #FFFFFF;
}

#Navigation li a.helpdesk:active {
	color: #FFFFFF;
}

#Navigation li a.forum {
	color: #EC8A0F;
	font-size: 100%
}

#Navigation li a.forum:visited {
	color: #EC8A0F;
}

#Navigation li a.forum:hover {
	color: #FFFFFF;
}

#Navigation li a.forum:active {
	color: #FFFFFF;
}

#Navigation li a.about {
	color: #9F13EE;
	font-size: 100%
}

#Navigation li a.about:visited {
	color: #9F13EE;
}

#Navigation li a.about:hover {
	color: #FFFFFF;
}

#Navigation li a.about:active {
	color: #FFFFFF;
}
	
#SecondaryNavigation { 
	background:#003479;
	color:#FFFFFF;
	margin-top:0px;
	list-style-type:none;
}

/* #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:#FFFFFF;
}

#SecondaryNavigation li a:hover { 
	color:#FFCC00;
}

#SecondaryNavigation li a.Snav { 
	display:inline-block;
	padding:4px 10px;
	text-decoration:none;
	color:#FFFFFF;
}
	
#Page_Header { 
	margin-top:10px; 
	padding-bottom:20px;
}	

#Page_Title {
	background:#FFCC00;
	width:340px;
	color:#FFFFFF;
	line-height:1.5em;
	font-size:12px;
	padding:13px 11px 4px 11px;
}

/* PAGE_TITLE sub styles */
#Page_Title h1 { 
	font-size:14px;
	padding-bottom:6px;
	color:#FFFFFF;
	font-weight:300;
}
#Page_Title p { 
	padding:5px 0;
	text-align:justify;
}

#Page_Img { 
	width:1000px;
	margin-top: -10px;
}

.hdrItem { 
	position:relative; 
	float:left; 
	margin-top:1px; 
	display:block; 
	width:157px; 
	height:59px; 
	font-size:12px;
	text-transform:uppercase;
}

/* #HDRITEMS .HDRITEM sub styles : HOMEPAGE RELATED */
.hdrItem a { 
	color:#003479;
	text-decoration:none;
}

.hdrItem a.txtLink { 
	margin-top:15px; 
	margin-left:5px;
}

.hdrItem a.Arrow { 
	right:6px; 
	bottom:5px; 
	z-index:1;
}

#HomeItem1 { 
	background:#FFCC00;
}

#HomeItem2 { 
	background:#FFCC00;
}

#HomeItem3 { 
	background:#FFCC00;
}

#Page_Content { 
	clear:left;
	float:left;
	font-size:13px;
	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: 11px;
	color:#333333;
	font-weight:300;
	text-transform:uppercase;
	letter-spacing:.05em;
	padding-right:18px;
}

#Page_Content a:hover.cta { 
	color:#003479;
	background:transparent url(../img/icons/YellowArrow-WhiteBg.gif) no-repeat right 30%;
}

#Page_Content a.cta_cs { 
	text-decoration:none; 
	background:transparent url(../img/icons/BlueArrow-WhiteBg.gif) no-repeat right 30%;
	font-size: 12px;
	color:#333333;
	font-weight:300;
	text-transform:uppercase;
	letter-spacing:.05em;
	padding-right:18px;
}

#Page_Content a:hover.cta_cs { 
	color:#003479;
	background:transparent url(../img/icons/YellowArrow-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: 10px;
	color:#333333;
	font-weight:300;
	text-transform:uppercase;
	letter-spacing:.05em;
	padding-right:18px;
	text-decoration:none;
}

#Page_Content a:hover.cta_grey { 
	color:#003479;
	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: 10px;
	color:#333333;
	font-weight:300;
	text-transform:uppercase;
	letter-spacing:.05em;
	padding-left:18px;
	text-decoration:none;
}

#Page_Content a:hover.cta_grey_back { 
	color:#003479;
	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;
	line-height: 20px;
}

#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;
}

ol.ordered {
	padding: .05em 1.3em;
	list-style: none;
}

li.solutions {
	font-weight: bold;
}

ul.papers {
	list-style-type:none;
	padding:8px 15px;
}

li.papers {
	padding: .05em 1.3em;
	background: transparent url(../img/icons/Bullet.gif) no-repeat left .5em;
	line-height: 20px;
}

a.papers {
	color: #003479;
}

a.papers:visited {
	color: #003479;
}

a.papers:hover {
	color: #333333;
}

a.papers:active {
	color: #333333;
}
	
/* PAGETEXT CLASS IS MAIN CONTENT ON PAGE*/
#Page_Content .pageText { 
	margin-left:20px;
	padding-top:20px;
	padding-right: 10px;
	/*width:461px;*/
	width: 690px;
	border-right: solid 1px #669900;
	clear: left;
}

#Page_Content .pageText p { 
	padding:8px 5px 8px 0;
}

#Page_Content .pageText h2 { 
	clear:left;
	line-height:1.1em;
	font-weight:300;
	font-size: 20px;
	color:#333333;
	padding-bottom:6px;
	border-bottom:solid 1px #669900;
}

#Page_Content .pageText h3 { 
	clear:left; 
	color:#333333;
	font-weight:300; 
	font-size: 14px; 
	padding:0.4em 0;
}

#Page_Content .pageText h4 {
	clear: left;
	color: #333333;
	font-weight: bold;
	font-size: 12px;
	padding: 0.2em 0;
}

#Page_Content .pageText a { 
	color:#003479;
}

#Page_Content .pageText a:hover { 
	text-decoration:none;
	color:#333333;
}

/* FILE EXENSION CLASSES */
#Page_Content .pageText ul.NoBullet { 
	list-style-type:none;
	padding:8px 0;
}

#Page_Content .pageText .PDF { 
	line-height:2em;
	background:#FFFFFF url(../img/icons/PDF.gif) no-repeat left top;
	padding-left:2.5em;
}

#Page_Content .pageText .DOC { 
	line-height:2em;
	background:#FFFFFF url(../img/icons/DOC.gif) no-repeat left top;
	padding-left:2.5em;
}

#Page_Content .pageText .XLS { 
	line-height:2em;
	background:#FFFFFF 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;
}

.Bites {
	font-size: 11px;
	float: left;
	width: 212px;
	height: 200px;
	border: 1px solid #000000;
	margin-right: 10px;
}

.BitesTitle {
	background-color: #003479;
	color: #FFFFFF;
	height: 20px;
	line-height: 16px;
	width: 212px;
}

.BitesText {
	padding: 10px;
}

.cstable {
	font-size: 11px;
	padding: 5px;
	color: #333333;
}
	
#Footer { 
	margin-top:20px;
	/*border-top:solid 1px #2B3087;*/
	text-transform:uppercase;
	color:#999999; 
	font-size: 10px; 
	line-height:20px;
	padding-bottom: 5px;
}

/* #FOOTER sub styles */
#Footer a { 
	color:#999999; 
	text-decoration:none;
}

#Footer a:hover { 
	color:#333333;
}

/* CLASS styles */
.Clear { 
	clear:left;
}

.Both {
	clear: both;
}

.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:#003479;
	font-size: 11px;
}

.txtLeft { 
	text-align:left;
}

.txtCenter { 
	text-align:center;
}

.txtRight { 
	text-align:right;
}

.txtJustify {
	text-align: justify;
}

.txtTop { 
	vertical-align:top;
}

.Promo { 
	border:solid 1px #CCCCCC;
}

.Promo:hover { 
	border:solid 1px #FFCC00;
}

.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 { 
	text-transform:uppercase;
	font-weight:bold;
}

.Captcha span input { 
	width:120px; 
	padding:5px;
}

.PartnerImg { 
	float:left;
	margin:0 25px;
}

.imgGalleryItem img { 
	margin:0 10px; 
	border:solid 1px #CCCCCC;
}

/* 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 */
.CS { 
	color:#003479;
	font-weight:300;
}

/* use when instance of the word CallScripter on blue bg */
#Page_Title .CS { 
	color:#FFFFFF; 
	font-weight:bold;
} 

/* CLASSES RELATED TO YELLOW AND GREY MODULE BOXES */
.Module h3 { 
	clear:left; 
	float:left; 
	font-size: 11px; 
	color:#003479; 
	text-transform:uppercase; 
	letter-spacing:.05em; 
	font-weight:normal;
	padding-left:10px; 
	margin-bottom:6px;
}

.All { 
	width:980px;
	margin-left: 20px;
}

.Medium {
	width:250px;
}

.Small { 
	width:250px;
}

.Single { 
	width:153px;
}

.mod {
	width: 250px;
	height: 137px;
	clear: both;
	margin-bottom: 25px;
	margin-right: 20px;
}

.modPadLeft { 
	padding-left:5px;
}

.modPadTop { 
	padding-top:10px;
}

.modPadBottom { 
	padding-bottom:10px;
}
	
.yellowBox { 
	background-position:right top;
	background-repeat:no-repeat;
	margin-top:-3px;
	position:relative;
	border:solid 1px #FFCC00;
	border-left:solid 0px;
	/*min-height:11.4em;*/
	min-height: 137px;
	font-size: 11px;
	color: #000000;
}

.yellowBox a { 
	color:#333333; 
	text-decoration:none;
}

.yellowBox a:hover { 
	text-decoration:underline;
}

.yellowBox p {
	padding: 8px 10px 10px 10px;
	margin-bottom: 10px;
}

.yellowBox .CTA { 
	position:absolute;
	bottom: 2px;
	left: 10px;
}
	
.greyBox { 
	font-size: 10px;
	line-height:1.4em;
	margin-top:-3px;
	position:relative;
	border:solid 1px #999999;
	border-left:solid 0px;
	min-height:13em;
}

.greyBox a { 
	color:#003479;
	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;
}

.purpleBox { 
	background-position:right top;
	background-repeat:no-repeat;
	margin-top:-3px;
	position:relative;
	border:solid 1px #9F13EE;
	border-left:solid 0px;
	/*min-height:11.4em;*/
	min-height: 137px;
	font-size: 11px;
	color: #000000;
}

.purpleBox a { 
	color:#333333; 
	text-decoration:none;
}

.purpleBox a:hover { 
	text-decoration:underline;
}

.purpleBox p {
	padding: 8px 10px 10px 10px;
	margin-bottom: 10px;
}

.purpleBox .CTA { 
	position:absolute;
	bottom: 2px;
	left: 10px;
}

.blueBox { 
	font-size: 10px;
	line-height:1.4em;
	margin-top:-3px;
	position:relative;
	border:solid 1px #67a2e4;
	border-left:solid 0px;
	min-height:13em;
}

.blueBox a { 
	color:#348CEE; 
	text-decoration:none;
}

.blueBox a:hover { 
	text-decoration:underline;
}

.blueBox p {
	padding:8px 10px;
}

.blueBox .CTA { 
	position:absolute;
	bottom:2px;
	right:10px;
}

.blueBox .DottedHR { 
	margin-top:-2px;
	padding-left:10px;
}

.blueBox .SmallItem { 
	margin-top:-5px;
}

/* USED FOR TABLE DATA */
.tblData { 
	clear:left; 
	float:left; 
	margin:8px 0; 
	width:100%; 
	font-size: 11px;
}

/* .Data sub styles */
.tblData th { 
	padding:2px 5px; 
	background: #FFCC00;
	color: #666666;
	text-transform:uppercase; 
	letter-spacing:.05em;
}

.tblData td { 
	padding:2px 5px; 
	border-bottom:dotted 1px #CCCCCC;
	line-height:20px;
}

tr.AltRowColor { 
	background:#EEEEEE;
}