/* 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;}
 label {
	font-weight: bold;
padding-bottom: 17px;
	margin-top: 5px;
}
label.error { float: none; color: #FF0000; padding-left: .5em; vertical-align: top; font-weight: bold; line-height: 3.5em; }

textarea {
height:100px; 

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




/*other styles*/
a[href^="http:"]          { background-image: none; } 
a[href^="http:"], a[href^="http:"]:visited {
  padding:0px 0px 0px 0;
  margin: 0 0;
 
}
a[href^="http:"]:visited  { background-image: none; }

.intro { 
font-family:Georgia,"Times New Roman",Times,serif;
color:#BD7945;

font-size:1.3em;
font-style:oblique;
}

/* 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;

}

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.jpg);
background-position: center;
background-repeat: repeat-y;
}
#searchform, #cse-search-box{
margin-top: 10px;
text-align: right;
}
#searchbn, #subscribenewsletterbn{
position: relative;
top: 4px;
padding-left: 10px;
}
.copyright{
	margin-top: 25px;
	padding-top: 10px;
	background-repeat: repeat-x;
	background-image:url(../imgs/interface/copyright-bg.jpg);
	border: solid #E5E5E5 1px;
	margin-bottom: 10px;
}
.closetobottom{
margin-bottom: 3px;
}
.topcontainer{
	margin-top: 15px;
	background-image:url(../imgs/interface/container-bg.gif);
	background-position:right top;
	background-repeat:no-repeat;
}
h1 {font-size:1.5em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.2em;  color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight:bold;margin:1em 1em 1em 1em;}
 a:focus, a:hover {
 
 color:#3BAEE5;
 }
a {color:#00CCFF;;text-decoration:underline;}
.smalltext{
font-size: 0.9em;
}
 
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/border-line.gif);
background-position:right center;
background-repeat:no-repeat;
padding-right: 20px;

}

.bluebg{
background-color: #F9FDFF;
}
.greybg{
background-color: #F9F9F9;
}
.smallred{
	font-size: 0.9em;
	font-weight: bold;
	 
	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;
}
.highlight {padding: 5px;}

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

.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.3em Arial;
	margin: 15px 0;
}
 
.language{
background-color: #99CC00;
 
}
.thelanguage{
  background: transparent url(../imgs/interface/grad-bg.jpg) top   repeat-x;
padding: 15px;
 
}

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

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