/* 
styles for the left navigation links
*/
 
.cbSide {
 
margin: 0px 0 0 0px;
padding: 0px 0 5px 0;

}
.printonly{
display: none;
}
.cbSide ul{
	list-style-type: none;
	margin-top: -20px;
	margin-left: 0px;
	margin-bottom: 10px;
	padding: 10px;
	font-size: 1.1em;
	
}

.cbSide li a:link, .cbSide li a:visited{
color: #FF3399;
padding-left:10px;
line-height: 250%;
text-decoration: none;
display:block;
width: 210px;
border-bottom: 1px solid #EDEAEB;
font-weight: bold;
BACKGROUND: url(../imgs/interface/sidetick.gif) no-repeat right 50%; 
/* 
background: #FFF url(../images/interface/cbside.gif);
*/
line-height: 1.4em;
padding-top: 8px;
padding-bottom: 8px;
font-size: 0.9em;
}

.cbSide li a:active{
color: #000;
line-height:250%;
text-decoration:none;
display:block;
width: 210px;
border-bottom: 1px solid #EDEAEB;
BACKGROUND: url(../imgs/interface/sidetick.gif) no-repeat right 50%; 
/* 
background: #FFF url(../images/interface/cbside.gif);
*/
line-height: 1.4em;
padding-top: 8px;
padding-bottom: 8px;
}
.cbSide li a:hover{

color: #999;
line-height: 250%;
text-decoration: none;
display:block;
width: 210px;
border-bottom: 1px solid #EDEAEB;
background: #FFF url(../imgs/interface/navbar-tween.gif);
BACKGROUND: url(../imgs/interface/sidetick.gif) no-repeat right 50%; 
/* 
background: #FFF url(../images/interface/cbside.gif) 0px -20px;
*/
line-height: 1.4em;
padding-top: 8px;
padding-bottom: 8px;
}
.intro{
color: #333;
font-size: 1.25em;
font-weight: bold;
 }
 
.stripeMe{
border: 0px solid #CCCCCC;
 
}

tr.over td {
	background:  #F3FCFE;
 
}
tr.stripealt td {
	background:  #F2FBFF;
}
 
tr.over td {
	background: #bcd4ec;
}


 /* slide out contact form */
.slide-out-div {
    padding: 20px;
    width: 550px;
    background:  #FDFFFD;
    border: #722679 1px solid;
}
.slideouttable td{
	padding: 0px;
 }
  .flashanimations{
	 margin-bottom: 20px; margin-left: 30px; float: right;  
 }
.cbSidexxx li a:visited{
color: #FF3399;
line-height: 250%;
text-decoration: none;
display:block;
width: 210px;
border-bottom: 1px solid #EDEAEB;
/*
background: #FFF url(../images/interface/cbside.gif);
background-position: 0 -40px;
*/
BACKGROUND: url(../imgs/interface/sidetick.gif) no-repeat right 50%; 
  

COLOR:#999999;
/*TEXT-DECORATION: line-through;*/
line-height: 1.4em;
padding-top: 8px;
padding-bottom: 8px;
}


/* Form styles */


label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {
margin:0.5em 0;
border:1px solid #bbb;

	width: 250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding: 2px;
	color:#999999;

}

input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.submit_input { background: /*#E0691A*/ url(../imgs/interface/submit-bn-bg.png) no-repeat; border: 0; height: 26px; padding: 0; width: 118px; margin: 0 0 0 0px; color: #FFF; font: bold 0.8em arial, sans-serif; float: left; }

input.text, input.title  {
width: 250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding: 2px;
	color:#999999;
}
input.title {font-size:1.5em;}

textarea {
height:100px; 

	width: 250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding: 2px;
	color:#999999;
}




/*other styles*/

.small {font-size:.9em; }
 img.preload { display: none; }

a[href^="http:"]          { background-image: none; } 
a[href^="http:"], a[href^="http:"]:visited {
  padding:0px 0px 0px 0;
  margin: 0 0;
 
}
  a.sitelogo { display: block; width: 400px; height:150px; background: url(imgs/interface/sitelogo.png) no-repeat; }

a[href^="http:"]:visited  { background-image: none; }



/* Make sure the icons are not cut */
.videoicon{
  padding:2px 30px 2px 0;
  margin:-2px 0;
  background-repeat: no-repeat;
  background-position: right center;
}


.videoicon  { background-image: url(../imgs/interface/videoicon.png); }  




.aligntoright{
	
	float: right;
	padding: 5px 5px 5px 15px;
}


p{
font-size: 1.2em;	
}

ul, ol {margin-left: 60px;

}
 li{
	 font-size: 1.2em;
	 margin-top: 5px;
	
}
ul.stylelist, ul.tick{
	list-style-type: none;
	margin-top: 5px;
	margin-left: 20px;
	margin-bottom: 5px;
	padding: 10px;
 
	padding-left: 0px;
	
}


ul.tick{
	margin-left: 40px;
}

.stylelist li, .tick li{
	
padding-left:19px;


 margin-bottom: 5px;
line-height: 1.4em;
padding-top: 5px;
padding-bottom: 5px;
}

 .stylelist li{
	background:  url(../imgs/interface/bullet-doubleorange.gif); 
	background-position:left top;
background-repeat: no-repeat;
color: #000;
 font-size: 120%;

 }
.tick li{
padding-left: 35px;
background:  url(../imgs/interface/tick.gif);	
background-position:left top;
background-repeat: no-repeat;
color: #000;
 font-size: 120%;
 
}

ul.accordianbullet{
	margin-left: 20px;
}
.accordianbullet li{
	display: block!important;
 
	
	background:  url(../imgs/interface/bullet-doubleorange.gif); 
	background-position:left top;
background-repeat: no-repeat;
padding-left:19px;
list-style: none;
margin-top: 10px;
 margin-bottom: 5px;

padding-top: 5px;
padding-bottom: 5px;
}
 

body{
	font-family:"Lucida Sans", Lucida, "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-image:url(../imgs/interface/tab-bg.gif);
	background-position: center top;
	background-repeat: no-repeat;
 
}
#searchform, #cse-search-box{
margin-top: 10px;
text-align: right;
}
#searchbn, #subscribenewsletterbn{
position: relative;
top: 4px;
padding-left: 10px;
}
.referfriend{
text-align: left;
margin-top: 10px;
}
#footer{
	margin-top: 25px;
	padding-top: 10px;
	background-image:url(../imgs/interface/copyright-bg.jpg);
	border: solid #E5E5E5 0px;
	margin-bottom: 10px;
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 5px;
	padding-bottom: 0px;
}
#footer p{
color: #999999;
font-size: 0.9em;
}

#footer ul {
 margin: 0.25em 0;
 padding: 0 1em;
 list-style: none;
 margin-bottom: 25px;
}
#footer li {
 display: inline;
 margin: 0;
 font-size: 0.9em;
 font-family:"Helvetica Neue", Helvetica, Arial,  sans-serif;
 padding: 0 0.2em 0 0.5em;
 background:  url(../imgs/interface/utilities-divider.gif)  left center no-repeat;
}
#footer a,  #footer a:link, #footer a:hover, #footer a:visited{
 margin-left: 3px; /* Width of the graphic */
 color: #999999;
 text-decoration:underline;
}
 #footer a:hover{
 color: #333;
 text-decoration:underline;
}
#footer .first {
 padding-left: 0;
 background: none;
}
#footer .first a {
 margin-left: 0;
}
#footer img{
	 
	margin-top: 9px;
}
.closetobottom{
margin-bottom: 3px;
}
.topcontainer{
	margin-top: 15px;
	background-image:url(../imgs/interface/containers-bg.gif);
	background-position:right top;
	background-repeat:no-repeat;
}
h1 {
	font-size:1.7em;
	line-height:1;
	margin-bottom:1.5em;
	margin-left: 0.8em;
	margin-top: 1em;
	color: #732679;
}
h2 {
	font-size:1.2em;
	color: #FF3399;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:2em 1em 1em 1em;
}
 a:focus, a:hover {
 
 color:#3BAEE5;
 }
a {color: #03F; 
text-decoration:underline;}
.smalltext{
font-size: 0.9em;
}
.narrowgap{
margin-bottom: 0px;	
}
 .logoimage{
	margin-top: 20px;
	 
 }
h1#box{
color: #FFFFFF;
width: 520px;
padding: 6px  10px;
 margin-top: 22px;
 margin-left: 15px;
 margin-bottom: 20px;
    text-align:left;
	background: #9CC0FF url(../imgs/interface/header-bg.jpg) repeat-x 0 -5px}
	
	.aligntoleft{
	float: left;
	margin-right: 20px;
	}
.navtitlebox{
color: #44A4DC;
 
 
 margin-top: 22px;
 margin-left: 20px;
 margin-bottom: 20px;
    text-align:left;

}
.homeintro{
	background-image: url(../imgs/interface/homeintro.jpg);
background-image:url(../imgs/interface/homeintro.jpg);
background-position:left top;
background-repeat:no-repeat;
 padding-bottom: 15px;

}
.flashintro{
	margin-top:  0px;
}
.homeintrotext{
	margin-top: 5px;
 
}
.pullquote {
	padding: 10px;
	float: right;
	width: 170px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color:  #CCC;
	font-size: 1.2em;
	text-align: center;
	line-height: 1.8em;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: normal;
	color: #666;
}

.homeintrotext h1{
margin-bottom: 0.8em;	
}

.bluebg{
background-color: #F9FDFF;
}
.greybg{
background-color: #F9F9F9;
}
.smallred{
	font-size: 0.9em;
	font-weight: bold;
	margin-left: 15px;
	margin-top: -15px;
	margin-bottom: 0px;
	color: #990000;
}
.smallhome {
font-size: 0.9em;
margin-left: 15px;
margin-top: 5px;
margin-bottom: 10px;


}
.centred{
text-align: center;	
}
.alignedrightnofloat{
	text-align: right;
}
.homecolumn{
height: 360px;
}
hr {background:blue;color:blue;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:none;color:none;}
hr {

background-image:url(../imgs/interface/horizontalrule.gif);
background-position:center center;
background-repeat:no-repeat;
background: #9CC0FF url(../imgs/interface/horizontalrule.gif) no-repeat 0 -5px;
}
.paddedcell{
padding: 20px;
}

/* bottom navigation box
-------------------------- */
#localnav {
	border:1px solid #E2E8EC;
	background:#fff;
	padding:10px;
	margin:20px 0 10px 0px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	display: block;

	height: 27
];
	height: 27px;
}
#localnav a:link,
#localnav a:visited { font-size:14px; text-decoration:none; }
#localnav a.left { float:left; }
#localnav a.left:link,
#localnav a.left:visited { padding-left:12px; background:url('../imgs/interface/arrow-left.gif') no-repeat 0 70%; }
#localnav a.left:hover,
#localnav a.left:active { background:url('../imgs/interface/arrow-left-hover.gif') no-repeat 0 70%; }
#localnav a.right { float:right; }
#localnav a.right:link,
#localnav a.right:visited { padding-right:12px; background:url('../imgs/interface/arrow-right.gif') no-repeat 100% 70%; }
#localnav a.right:hover,
#localnav a.right:active { background:url('../imgs/interface/arrow-right-hover.gif') no-repeat 100% 70%; }



blockquote{
float:right;
border-left: 1px dashed #CCCCCC;
border-top: 1px dashed #CCCCCC;
border-right: 1px dashed #CCCCCC;
border-bottom: 1px dashed #CCCCCC;
width:186px;
text-align:left;
margin: 0;
color:#666666;
color: #999999;
padding: 10px 8px 2px 8px;
font-family: Georgia, "Times New Roman", Times, serif;

font-size: 0.9em;
 margin-left: 15px;
margin-right: 5px;
 
display: block;

}
blockquote ul{
margin-left: 12px;
}

.authorclear{
	margin-top: -30px;
	padding-right: 60px;
	clear: right;
	color: #CFA100;
	color: #FF6AFF;
	text-align: right;
}
.clear{
clear: both;

}

.paragraphquotequote {
	background: transparent url(../imgs/interface/bluestart.gif) left top no-repeat;
	padding-top: 15px;
	width: 87%;
	border: 0;
	padding: 5px 5px 0px 5px;

  /* 
background-color: #FFFDFB;
*/

}
.paragraphquotequote div {
padding: 5px 5px;
  background: transparent url(../imgs/interface/blueend.gif) right bottom no-repeat;

}
.paragraphquotequote p {
color: #000000;
color: #999999;
line-height: 2em;
}

/***************************************accordion*/

.technology{ /*header of 2nd demo*/
	/*
cursor: hand;
*/
cursor: pointer;
	font: bold 1.1em Arial;
	margin: 15px 0;
	margin-left: 40px;
}

.language{
background-color: #99CC00;
 
}
.teamsmall{
	font-size: 0.8em;
	color: #333;
	font-weight: normal;
	font-style:italic;
}
.thelanguage{
  background: transparent url(../imgs/interface/grad-bg.jpg) top   repeat-x;

 
}

.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: #BEDF15;
color:#B209DC;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: #E30989;
color: #004D4B;
}