/* @group Core Elements */

html {
	height: 100%;
	margin-bottom: 1px;
}

/* Font family information */
body#ff-optima, #ff-optima td {
	line-height: 135%;
	font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;
}

body#ff-geneva, #ff-geneva td {
	line-height: 135%;
	font-family:  Geneva, Tahoma, "Nimbus Sans L", sans-serif;
}

body#ff-helvetica, #ff-helvetica td {
	line-height: 135%;
	font-family: Helvetica, Arial, FreeSans, sans-serif;
}

body#ff-lucida, #ff-lucida td {
	line-height: 135%;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, sans-serif;
}

body#ff-georgia, #ff-georgia td {
	line-height: 135%;
	font-family: Georgia, sans-serif;
}

body#ff-trebuchet, #ff-trebuchet td {
	line-height: 135%;
	font-family: "Trebuchet MS", sans-serif;
}

body#ff-palatino, #ff-palatino td {
	line-height: 135%;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
}

/* end font family information */

body {
	margin: 0;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

body.f-smaller,
body#ff-optima.f-smaller,
body#ff-georgia.f-smaller {
	font-size: 11px;
}

body,
body.f-default {
	font-size: 12px;
}

body#ff-optima,
body#ff-optima.f-default {
	font-size: 13px;
}

body#ff-georgia,
body#ff-georgia.f-default {
	font-size: 13px;
}

body.f-larger,
body#ff-optima.f-larger,
body#ff-georgia.f-larger {
	font-size: 15px;
}

p {
  /* setup some more readable paragraph spacing */
  margin-top: 10px;
  margin-bottom: 15px;
  margin-right:35px;
}

h1, h2, h3, h4 {
	/* setup some more readable header spacing */
	padding-bottom: 5px;
	margin: 10px 0;
	font-weight: normal;
	line-height: 100%;
}
/*
h1 { 
	font-size: 200%;
	line-height: 100%;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#00709e;
}
*/
h2 {
	font-size: 175%;
	line-height: 100%;
}

h3 { font-size: 150%; font-weight:bold; }

h4 {
	font-size: 120%;
}
.moduleTitle{
 	padding-bottom: 5px;
	margin: 10px 0;
	font-weight: normal;
	line-height: 100%;
	font-size: 150%; font-weight:bold;
}

a {
	text-decoration: none;
	font-weight:bold;
}

a:hover {
	text-decoration: underline;
}

.underlink {
text-decoration: underline;
font-weight:bold;
}

#more-info-title { border-top:3px solid #EBECEE; margin-top:10px; padding-top:10px; }
/* @end */

/* @group Joomla Elements */

.small,
.modifydate,
.createdate,
div.mosimage_caption {
	font-size: 95%;
}

.componentheading {
	font-size: 110%;
	line-height: 100%;
	padding: 0;
	margin: 25px 0 20px 0;
	color:#6e7d6e;
	font-weight:bold;
}
/*
.contentheading {
	font-size: 190%;
	font-weight: normal;
	line-height: 110%;
	padding-bottom: 8px;
	margin: 15px 0 0 0;
}
*/
 .contentheading.h1 {
	font-size: 16px;
	font-weight: normal;
	line-height: 110%;
	padding-bottom: 8px;
	margin: 15px 0 0 0;
}

h1.contentheading {
	font-size: 18pt;
}


.swoosh	{
	font-size:110%;
	color:#00709e;
	font-weight:bold;
}

.tealtwo	{
	font-size:110%;
	color:#006666;
	font-weight:bold;
}

.tealheader	{
	font-size:130%;
	color:#006666;
	font-weight:bold;
}

td.buttonheading,
.contentpaneopen td.buttonheading {
	padding: 0px 3px 0;
}

td.column_separator {
	padding-left: 15px;
}

td.componentheading {
	padding-bottom: 15px;
}

.sectiontableheader {
  	font-weight: bold;
  	padding: 4px;
  	line-height: 20px;
}

tr.sectiontableentry1 td,
tr.sectiontableentry2 td,
td.sectiontableentry1,
td.sectiontableentry2 {
  	text-align: left;
  	padding: 5px 0 5px 5px;
}

.contentpane,
.contentpaneopen {
	width: 100%;
}

/* @end */

/* @group Structure */

.wrapper {
	position: relative;
        margin:0px
        padding:0px;
}

#top {
	/*edited by JB 4/24/09*/
        height: 10px;
        padding:0px;
        margin:0px;
}

#mod-search {
	height: 22px;
	width: 177px;
	float: right;
	margin-top: 17px;
	margin-right: 10px;
}

#mod-search input {
	padding: 2px 0 0 24px;
	overflow: hidden;
	width: 150px;
	font-size: 100%;
	border: 0;
	background:transparent url(../images/light/search-bg.png) no-repeat scroll 0 0;
	/*background: none; commented out 4/20/09 JB*/
	font-weight: normal;
}

#header {
	height: 85px;
}

#header {
	position: relative;
	z-index: 2;
}

#pathway {
	position: relative;
	z-index: 1;
}

img#logo {




	width: 328px;
	height: 75px;
	position: absolute;
	left: 10px;
	float: left;
}

#mainbody-top3 {
	height: 16px;
        padding:0px;
        margin:0px;
}

#body-padding {
	padding-bottom: 5px;
}

#mainbody-padding {
	padding: 0;
}

#maincol-container {
	padding: 0 20px;
}

#sidecol-padding {
	padding: 0 20px 10px 20px;
}

#showcase {
	margin-bottom: 10px;
}

#bottom {
	padding: 5px;
	overflow: hidden;
}

#mainbody-bottom3 {
	height: 10px;
	margin-bottom: 0px;
}

img#rocket {
	margin-top: 17px;
	width: 158px;
	height: 25px;
	float: left;
}

#footer {
	margin-bottom: 10px;
}

.spacer .block {
	float: left;
}

.spacer.w99 .block {
	width: 100%;
}

.spacer.w49 .block {
	width: 50%;
}

.spacer.w33 .block {
	width: 33.3%;
}

.spacer.w24 .block {
	width: 25%;
}

#pathway {
	height: 27px;
	margin-bottom: 15px;
}

#horiz-menu2 {
	float: left;
}

/* @end */

/* @group Modules */

.module,
.module-color1,
.module-color2,
.module-color3,
.module-color4,
.module-style1,
.module-style2,
.module-style1-color1,
.module-style1-color2,
.module-style1-color3,
.module-style1-color4,
.module-style2-color1,
.module-style2-color2,
.module-style2-color3,
.module-style2-color4 {
	margin-bottom: 15px;
}

#bottommodules .module, #bottommodules .module-color1, #bottommodules .module-color2, #bottommodules .module-color3, #bottommodules .module-color4, #bottommodules .module-style1, #bottommodules .module-style2, #bottommodules .module-style1-color1, #bottommodules .module-style1-color2, #bottommodules .module-style1-color3, #bottommodules .module-style1-color4, #bottommodules .module-style2-color1, #bottommodules .module-style2-color2, #bottommodules .module-style2-color3, #bottommodules .module-style2-color4 {
	margin-bottom: 20px;
}

.module-style1 h3,
.module-style1-color1 h3,
.module-style1-color2 h3,
.module-style1-color3 h3,
.module-style1-color4 h3 {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 10px;
}

.module-style2 h3,
.module-style2-color1 h3,
.module-style2-color2 h3,
.module-style2-color3 h3,
.module-style2-color4 h3 {
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
}

.module-style1 div div div,
.module-style1-color1 div div div,
.module-style1-color2 div div div,
.module-style1-color3 div div div,
.module-style1-color4 div div div {
	position: relative;
	padding: 50px 15px 15px 15px;
	overflow: hidden;
}

.module-style2 div div div,
.module-style2-color1 div div div,
.module-style2-color2 div div div,
.module-style2-color3 div div div,
.module-style2-color4 div div div {
	padding: 15px;
	overflow: hidden;
}

.module-style1 div div div div,
.module-style2 div div div div,
.module-style1-color1 div div div div,
.module-style1-color2 div div div div,
.module-style1-color3 div div div div,
.module-style1-color4 div div div div,
.module-style2-color1 div div div div,
.module-style2-color2 div div div div,
.module-style2-color3 div div div div,
.module-style2-color4 div div div div {
	background: none;
	padding: 0;
	margin: 0;
}

#mainmodules .module, #mainmodules .module-color1, #mainmodules .module-color2, #mainmodules .module-color3, #mainmodules .module-color4, #mainmodules .module-style1, #mainmodules .module-style2, #mainmodules .module-style1-color1, #mainmodules .module-style1-color2, #mainmodules .module-style1-color3, #mainmodules .module-style1-color4, #mainmodules .module-style2-color1, #mainmodules .module-style2-color2, #mainmodules .module-style2-color3, #mainmodules .module-style2-color4, #bottommodules .module, #bottommodules .module-color1, #bottommodules .module-color2, #bottommodules .module-color3, #bottommodules .module-color4, #bottommodules .module-style1, #bottommodules .module-style2, #bottommodules .module-style1-color1, #bottommodules .module-style1-color2, #bottommodules .module-style1-color3, #bottommodules .module-style1-color4, #bottommodules .module-style2-color1, #bottommodules .module-style2-color2, #bottommodules .module-style2-color3, #bottommodules .module-style2-color4 {
	margin-right: 15px;
}

/* @end */

/* @group Content Styles */

/* @group Readon */

a.readon,
a.readon2 {
	margin-top: 20px;
	font-weight: normal;
	font-size: 100%;
	display: block;
	text-indent: 10px;
	width: 114px;
	height: 24px;
	line-height: 24px;
}

/* @end */

/* @group Click Here */

a.click_here {
	background: url(../images/light/readon.png) 0 0 no-repeat;
	padding:4px 32px 4px 30px;
	margin-top: 20px;
	font-weight: normal;
	font-size: 100%;
	display: inline;
	text-indent: 10px;
	width: 114px;
	height: 24px;
	line-height: 24px;
}

/* @end */

/* @group Pathway */

span.pathway {
	display: block;
	line-height: 220%;
	font-weight: normal;
	height: 27px;
	line-height: 29px;
	padding: 0 20px 0 60px;
	float: left;
	overflow: hidden;
}

span.pathway img {
	float: none;
	vertical-align: top;
	width: 5px;
	height: 27px;
	padding-right: 15px;
}

span.pathway a {
	float: none;
	padding: 0 20px 0 0;
        color:#66ffff;
}

/* @end */

/* @group Typography */

ul.number,
ul.bullet-1,
ul.bullet-2,
ul.bullet-3,
ul.bullet-4,
ul.bullet-5,
ul.bullet-6,
ul.bullet-7,
ul.bullet-8,
ul.bullet-9,
ul.bullet-10,
ul.bullet-11,
ul.bullet-12,
ul.bullet-13,
ul.bullet-14,
ul.bullet-15,
ul.bullet-16,
ul.bullet-17,
ul.bullet-18,
ul.icon-1,
ul.icon-2,
ul.icon-3,
ul.icon-4,
ul.icon-5,
ul.icon-6 {
	padding-left: 15px;
	margin-left: 0;
}

ul.number li,
ul.bullet-1 li, 
ul.bullet-2 li,
ul.bullet-3 li,
ul.bullet-4 li,
ul.bullet-5 li,
ul.bullet-6 li, 
ul.bullet-7 li,
ul.bullet-8 li,
ul.bullet-9 li,
ul.bullet-10 li,
ul.bullet-11 li, 
ul.bullet-12 li,
ul.bullet-13 li,
ul.bullet-14 li,
ul.bullet-15 li,
ul.bullet-16 li,
ul.bullet-17 li,
ul.bullet-18 li {
	list-style: none;
	margin-left: 0;
	padding-bottom: 3px;
	margin-bottom: 5px;
	padding-left: 24px;
}

ul.icon-1 li,
ul.icon-2 li,
ul.icon-3 li,
ul.icon-4 li,
ul.icon-5 li,
ul.icon-6 li {
	list-style: none;
	margin-left: 0;
	padding-bottom: 3px;
	margin-bottom: 5px;
	padding-left: 30px;
}

pre {
	padding: 10px;
}

blockquote {
	font-style: italic;
	font-size: 120%;
	line-height: 150%;
	width: auto;
	padding: 0px 0px 5px 30px;
	margin: 15px 0;
}

blockquote p {
	padding: 0 30px 0 0;
	margin-top: 0;
}

blockquote.b {
	color: #666;
	font-style: italic;
	font-size: 110%;
	line-height: 135%;
	width: auto;
	padding: 0px 0px 5px 15px;
	margin: 15px 0 15px 15px;
	background: none;
}

/* @end */

/* @group Notice Styles */

span.alert,
span.info,
span.download,
span.note {
	display: block;
	padding: 10px 10px 10px 45px;
	margin: 15px 0;	
}

/* @end */

/* @group RokSlide */

#moduleslider-size {
	height: 655px;
	overflow: hidden;
}

#rokslide-toolbar span {
	white-space: nowrap;
}

#frame {
	text-align: left;
}

#frame .module, #frame .module-color1, #frame .module-color2, #frame .module-color3, #frame .module-color4 {
	float: left;
}

#frame .module div, #frame .module-color1 div, #frame .module-color2 div, #frame .module-color3 div, #frame .module-color4 div {
	padding: 0 5px;
}

#frame .module div div, #frame .module-color1 div div, #frame .module-color2 div div, #frame .module-color3 div div, #frame .module-color4 div div {
	padding: 0;
}

#frame .mmpr-1 .module, #frame .mmpr-1 .module-color1, #frame .mmpr-1 .module-color2, #frame .mmpr-1 .module-color3, #frame .mmpr-1 .module-color4 {
	width: 100%;
}

#frame .mmpr-2 .module, #frame .mmpr-2 .module-color1, #frame .mmpr-2 .module-color2, #frame .mmpr-2 .module-color3, #frame .mmpr-2 .module-color4 {
	width: 50%;
}

#frame .mmpr-3 .module, #frame .mmpr-3 .module-color1, #frame .mmpr-3 .module-color2, #frame .mmpr-3 .module-color3, #frame .mmpr-3 .module-color4 {
	width: 33%;
}

#frame .mmpr-4 .module, #frame .mmpr-4 .module-color1, #frame .mmpr-4 .module-color2, #frame .mmpr-4 .module-color3, #frame .mmpr-4 .module-color4 {
	width: 25%;
}

#frame .mmpr-5 .module, #frame .mmpr-5 .module-color1, #frame .mmpr-5 .module-color2, #frame .mmpr-5 .module-color3, #frame .mmpr-5 .module-color4 {
	width: 20%;
}

#tabmodules {
	overflow: hidden;
}

#tabmodules li span {
	margin-left: -1px;
}

#tabmodules li.first span {
	margin-left: 0;
}

#tabmodules div div div {
	padding-top: 5px;
	padding-bottom: 5px;
}

#tabmodules div div div div {
	background: none;
	padding: 0;
}

/* @end */

#accessibility {
	width: 150px;
	height: 20px;
	margin-top: 0px;
	margin-top: 5px;
        margin-left:40px;
	float: left;
}

#accessibility span {
	background-repeat: no-repeat;
}

#accessibility a {
	text-decoration: none;
	cursor: pointer;
}

#accessibility #buttons {
	float: left;
	padding-right: 10px;
}

#accessibility .button {
	display: block;
	float: left;
	width: 13px;
	height: 14px;
	margin-right: 20px;
}

a.nounder {
	text-decoration: none;
	border: 0;
	cursor: pointer;
}

a.nounder:hover {
	text-decoration: none;
}

a img.album {
	border-width: 2px;
	border-style: solid;
}

.clr {
	clear:both;
}

fieldset {
	border-left: 0;
	border-right: 0;
}

fieldset.input {
	border: 0;
}

a img {
	border: 0;
}

img.content-left {
	float: left;
	margin-right: 10px;
	padding: 5px;
}

img.content-right {
	float: right;
	margin-left: 10px;
	padding: 5px;
}

#referencewidth {
	width: 100%;
	overflow:hidden;
}

body .pollstableborder {
	border: 0px;
}

.back_button {
	margin-top: 20px;
}

/* @end */

/* start sifr stuff */

.sIFR-hasFlash .module-menu h3,
.sIFR-hasFlash .module h3,
.sIFR-hasFlash .module-color1 h3,
.sIFR-hasFlash .module-color2 h3,
.sIFR-hasFlash .module-color3 h3,
.sIFR-hasFlash .module-color4 h3,
.sIFR-hasFlash .module-style1 h3,
.sIFR-hasFlash .module-style1-color1 h3,
.sIFR-hasFlash .module-style1-color2 h3,
.sIFR-hasFlash .module-style1-color3 h3,
.sIFR-hasFlash .module-style1-color4 h3,
.sIFR-hasFlash .module-style2 h3,
.sIFR-hasFlash .module-style2-color1 h3,
.sIFR-hasFlash .module-style2-color2 h3,
.sIFR-hasFlash .module-style2-color3 h3,
.sIFR-hasFlash .module-style2-color4 h3 {
	height: 20px;  			/***** IMPORANT: Change this to adjust the size of the SIFR headers *******/
	font-size: 20px;		/***** IMPORANT: Change this to adjust the size of the SIFR headers *******/
	padding: 0;
	visibility: hidden;
}

.sIFR-hasFlash .module h3 {
	margin-left: -3px;
}

.sIFR-hasFlash .module-style1 h3 {
	margin-top: -2px;
}

/* end sifr stuff */

/* rokheadrotator stuff */

#rokheadrotator {
	height: 235px;
	position: relative;
	background: none;
}

#rokheadrotator .controls {
	top: 14px;
	position: absolute;
	right: 13px;
	z-index: 1;
}

#rokheadrotator .controls img {
	background-image: url(../images/scroller-controls.png);
	cursor: pointer;
	height: 15px;
	margin-right: 11px;
	width: 15px;
}

#rokheadrotator .control-prev {
	background-position: 0pt 0pt;
}

#rokheadrotator .control-next {
	background-position: 0pt -17px;
}

#rokheadrotator .control-pause {
	background-position: 0pt -34px;
}

#rokheadrotator .control-play {
	background-position: 0pt -51px;
}
/* RokHeadRotator _EOF_ */

.search input {template.css (line 201)
background:transparent none repeat scroll 0 0;
border:0 none;
font-size:100%;
font-weight:normal;
overflow:hidden;
padding:2px 0 0 24px;
width:150px;
}

.search{
height:22px;
}

/** read more links **/
#read-more {margin-top:10px; padding-left:80px;}
#read-more .read-more {text-decoration:none;}
#read-more .read-more2 { color:#006666; font-size:150%; font-weight:bold; vertical-align:top;}
dl.business-trans { }
dl.business-trans dd { font-family:"Trebuchet MS",sans-serif; line-height:135%;;}
.module {}
.block {}

ul.business-trans {}
ul.business-trans li { font-family:"Trebuchet MS",sans-serif; line-height:135%; list-style-image:url(/images/dot.jpg);}

/*** style for extermnal formspring form***/
.fsForm .fsTable .fsCell { padding:0; vertical-align:top; font-family:"Trebuchet MS",sans-serif; line-height:135%; }
.fsForm .fsTable .fsField { width:150px; height:12px; background:#EFF2F3; font-size:11px;}
.fsForm .fsTable input[type=text].fsField:focus { border-color:#7C7C7C #C3C3C3 #DDDDDD;}
.fsForm .fsTable .fsLabel { font-size:11px; font-weight:normal; margin-top:5px; clear:left;}
.fsForm .fsTable .fsFieldHorizontal { clear:left; width:250px;}
.fsForm .fsTable .fsLabel span { font-size:13px;}

.fsForm .fsTable .fsFieldFocused {background-image:none; } 
/* 
.fsForm .fsTable .fsFieldFocused div.fsSupporting,.fsFieldFocused label.fsRequiredLabel span { color:none; }
*/

.fsForm .fsSubmit { width:150px;}
.fsForm .fsSubmit , fsForm .fsPagination input.fsSubmitButton {padding:0; margin:0;}
.fsForm .fsSubmit input.fsSubmitButton,
.fsForm .fsPagination input.fsSubmitButton { font-size:12px; font-weight:bold; height:25px; padding:0; vertical-align:top; width:80px; }
.fsForm .fsTable .fsRowTop {border:none; border-bottom-style:none; border-collapse:collapse; border-top-style:none;  margin: 0px; border-spacing: 0px; padding: 0px; display:none;}
.fsForm .fsTable .fsSpacerRow { display:none;}
.fsForm .fsTable .fsRowBottom {}


/*****************awards images***********************/
#awards_images .ibm-tivoli-image {margin-left:30px; margin-top:20px; }
#awards_images .ibm-soa-image { margin-left:60px;}
#awards_images .hp-openview-image { margin-left:100px;}




span.separator, span.daddy, span.daddy:hover {
float: none;
line-height: 28px; 
padding-left:15px;
padding-right:10px;
cursor:pointer;
color: #00709e;
display:block;
font: "Trebuchet MS","sans-serif";
font-size:12px;
background: url(../images/light/menus/menustyle3/dot-swoosh.png) 95% 50% no-repeat;
}

div.cb_login {
left:420px;
position:absolute;
top:20px;
z-index:100;
width:340px;
}

div#cb_login_middle {
position: relative;
/*left:600px;

top:20px;
z-index:100;
width:130px;*/
}

div#cblogin { }
div#cblogout #mod_login_greetingcblogin { float:left;}
div#cblogin #mod_login_greeting { float:left;}
div#cblogout #mod_login_greeting { float:left;}


div#cblogin .simplemodal-data {}

#simplemodal-overlay {background-color:; overlay:80;}
#simplemodal-container {background-color:#EFF2F3; border:5px solid #CED8E1; padding:12px; top:80px; position:absolute;}

.simplemodal-wrap label { font-size:14px; margin-left:10px; margin-top:20px; font-weight:bold;}
.simplemodal-wrap input { margin-left:20px; margin-top:10px; margin-bottom:10px;} 
.simplemodal-wrap .mod_logincblogin { padding-left:10px;}

#simplemodal-container a.modalClose {
	/*background:url(/img/x.png) no-repeat; /* adjust url as required */
	/*background-color:#CED8E1;*/
	color:#000;
	width:60px;
	height:35px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:190px;
	right:40px;
	cursor:pointer;
	font-size:16px; font-weight:bold;
}



#simplemodal-container a.modalCloseImg {
	/*background:url(/img/x.png) no-repeat; /* adjust url as required */
	/*background-color:#CED8E1;*/
	color:red;
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}

#container .whitepaper_row { margin-top:10px;}
#container input.whitepapers { }
#container div.whitepapers { 
margin-left:30px;
margin-top:-18px;}

#cblogin_middle { position:absolute; top:220px; left:-280px;}


/****** form fields***********/
div#container {}
div.top_text {float:left; position:relative; width:200px;}
div.top_text h2{color:#336699; float:left; font-size:26px; margin:0; padding:0; position:relative; width:200px; display:inline;}
div.cloud_storm {float:left; margin-left:60px; position:relative;}
div.cloud_storm img{height:156px; width:265px;}

div.form_info{clear:both; color:#336699;  margin:20px 0; width:500px;}
div.form{}
div.form label{}
div.form input { margin-top:5px; border:1px solid #336699; height:18px;}
div.form select { margin-top:5px; border:1px solid #336699; height:22px;}
div.form input#firstname { width:150px;} 
div.form input#lastname { width:150px;}
/*div.form label.last_name { margin-left:90px;}*/
div.form input#email { width:150px;}
div.form input#zip { width:150px; }
div.form input#postalcode { width:150px; }
/*div.form label.zip { margin-left:100px; *margin-left:100px;}*/
/*div.form label.postalcode { margin-left:90px; *margin-left:100px; }*/

div.form select#state { width:150px;}

div.form select#country {width:150px}
/*div.form label.country {margin-left:90px}*/

div.form input#company {width:150px;}
/*div.form label.company { margin-left:90px; }*/
div.form input#phone{ width:150px;}
div.form input#phonenumber  { width:150px;}
/*div.form label.phone { margin-top:20px; margin-left:120px; }
div.form label.phonenumber { margin-top:20px; margin-left:120px; }
*/
div.form #submit_btn {
height:20px;
margin-bottom:30px;
margin-left:350px;
margin-top:10px;
width:70px;}
 
div.form #submit_btn a.submit_btn {
background:transparent url(../images/SubmitButtonInBlue.png) no-repeat scroll 0 0;
padding-bottom:10px;
border:none;
padding-left:70px;
}
div.form #submit_btn input#submit_btn {
/*background:transparent url(../images/SubmitButtonInBlue.png) no-repeat scroll 0 0;*/
width:1px; height:1px; border:none;
/*border:medium none;
display:inline;
height:20px;
margin-bottom:40px;
margin-left:370px;
margin-top:20px;
width:70px;*/
margin:0px;
}


div.contactus_form #submit_btn {
height:20px;
margin-bottom:30px;
margin-left:20px;
margin-top:30px;
width:70px;}
 
div.contactus_form #submit_btn a.submit_btn {
background:transparent url(../images/SubmitButtonInBlue.png) no-repeat scroll 0 0;
padding-bottom:10px;
padding-left:80px;
border:none;
height:20px;
}
div.contactus_form #submit_btn input#submit_btn {
/*background:transparent url(../images/SubmitButtonInBlue.png) no-repeat scroll 0 0;*/
width:1px; height:1px; border:none;

margin:0px;
}

div.form #download_form input.whitepapers { border:none;}
div.form #download_form .web_seminar { float:left; width:320px;}
div.form #download_form .web_seminar h2{font-size:150%; margin:0; padding:0;}
div.form #download_form .white_paper { float:left; width:320px; margin-left:10px; margin-bottom:15px;}
div.form #download_form .white_paper h2{font-size:150%; margin:0; padding:0;}

.form_row { clear:both; height:40px; margin-top:5px;}
.form_row .form_field { float:left; width:160px;}
.form_row .form_field_email { float:left; width:220px;}
.form_row .form_field_phonenumber { float:left; margin-left:23px; width:220px;}
.form_row .form_field label { margin:0px;}
.form_row .form_field input { border:1px solid #336699; margin-top:0px;}
.form_row .form_field input#email {float:left; width:150px;}
.form_row .form_field input#phonenumber {float:left; width:150px;}
.form_row .form_field select#state { width:150px;border:1px solid #336699; height:22px; *height:25px; margin-top:0px; *margin-top:2px;}
.form_row .form_field select#country { width:155px;border:1px solid #336699; height:22px; *height:25px;margin-top:0px; *margin-top:2px;}


div.contactus_form input#phonenumber {width:150px;}
div.contactus_form input#email {width:150px;}
div.contactus_form select#country { width:150px;}
div.contactus_form input#submit {
background:transparent url(../images/SubmitButtonInBlue.png) no-repeat scroll 0 0;
width:70px;
}

div.shortcut2WhitePaper {
float:right;
margin-left:40px;
margin-right:25px;
margin-top:20px;
width:220px;}



div.shortcut2WhitePaper #read-more a.read_more {
float:right;
text-decoration:none;
}

div.shortcut2WhitePaper img { width:85px; height:22px;}

div.eco_bike{ width:500px; margin-top:20px; }
div.eco_bike .text { width:300px; float:left;}
div.eco_bike .text1{ color:#336699; float:left; font-size:18px; width:70px; margin-left:200px; margin-top:10px; margin-bottom:10px;}
div.eco_bike .text2{ float:left;}
div.eco_bike img{ float:right;}





div.shortcut2WhitePaper .content, div.shortcut2WhitePaper .shadow {
  position: relative;
  bottom: 3px;
  right: 4px;
}

div.shortcut2WhitePaper .shadow { background-color: #ccc; }

div.shortcut2WhitePaper .content {
  background-color: #fff;
  color: #000;
  border: 1px solid #00709E;
  padding: 0.5em;
  //font-style:italic;
}
	
div.shortcut2WhitePaper .content p{ margin:0px; padding:0px; }

div.shortcut2WhitePaper .content p#button{ width:80px; margin:10px auto 0; }


.box {position:absolute; right:10px; top:200px; width:200px; }
.box, .box b.tc, .box b.bc{ background-color:transparent; }
.box b.tc, .box b.bc,.box b.tc b.L1, .box b.tc b.L2, .box b.tc b.L3,.box b.bc b.L1, .box b.bc b.L2, .box b.bc b.L3{ font-size:0px;padding:0;display:block; }
.box b.tc b.L1,.box b.tc b.L2,.box b.bc b.L1,.box b.bc b.L2 { height:1px; line-height:1px; overflow:hidden; }
.box b.tc b.L1,.box b.bc b.L1 { margin: 0 4px; }
.box b.tc b.L2,.box b.bc b.L2 { margin: 0 2px; border-width:0 2px; border-style:solid; }
.box b.tc b.L3,.box b.bc b.L3 {margin: 0 1px; border-width:0 1px;    border-style:solid; height:2px; overflow:hidden; }
.box .content { border-left-style:solid; border-left-width:1px;    border-right-style: solid;border-right-width:1px;    margin:0; overflow:hidden; }
/* Left-side border color */.box .content { border-left-color:#aaa; border-right-color:#aaa; }
/* Top border color */.box b.tc b.L1 { background-color:#aaa; }.box b.tc b.L2,.box b.tc b.L3 { border-color:#aaa;}
/* bottom border color */.box b.bc b.L1 { background-color:#aaa; }.box b.bc b.L2,.box b.bc b.L3 { border-color:#aaa;}
/* -- Default params for where content is ---- */.box .content { background:#fff; }.box b b.L2, .box b b.L3 {background-color:#fff;}
.box { margin:5px; width:300px; }.box .content { padding:5px; }


.red_arrow_btn {background:transparent url(../images/red_arrow_btn.png) no-repeat scroll 0 0;
	padding:4px 32px 4px 23px;
	margin-top: 20px;
	font-weight: normal;
	font-size: 100%;
	display: inline;
	text-indent: 10px;
	width: 114px;
	height: 28px;
	line-height: 28px;
}

.link2WhitePaper { margin-top:15px;}
.link2WhitePaper .btn { float:left; width:85px; height:28px;}
.link2WhitePaper .btn a img { width:85px; height:22px;}
.link2WhitePaper .text{ width:535px; float:left; margin-left:5px;}


.shadedFormColumn {
width: 260px; 
margin-top: 10px; 
padding-left: 10px; 
padding-right: 10px; 
padding-top: 5px; 
background-image:url(/images/form_rt_background.gif); 
background-repeat: no-repeat; 
display: inline; 
float: right;
}

.midColumn{
float: left; 
width: 370px;
}

/* Form Button Classes for Sliding Doors */
/* REQUIRED BUTTON STYLES: */		
button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}


/*  HOMEPAGE GRAPHIC BOXES */
.hpAwardsBox { 
background-image: url('/images/backgrounds/nastel_awards2.jpg');
background-repeat:no-repeat;
width:185px;
height:175px;
padding:10px;
text-align: center;
float:right;
cursor: pointer;
}

.hpMillionBox {
background-image: url('../../../../images/backgrounds/hp_15mpromo.jpg');
background-repeat:no-repeat;
padding:3px;
 width:205px;
 height:139px;
 float:left;
 text-align: center;
 cursor: pointer;
}

.hpGreyBox { 
background-image: url('/images/backgrounds/hp_gradient-grey.gif');
background-repeat:no-repeat;
width:185px;
height:175px;
padding:10px;
text-align: center;
float:right;
cursor: pointer;
}
.hpYellowBox { 
background-image: url('/images/backgrounds/hp_gradient-yellow.gif');
background-repeat:no-repeat;
width:185px;
height:175px;
padding:10px;
text-align: center;
float:right;
cursor: pointer;
}
.hpTealBox { 
background-image: url('/images/backgrounds/hp_gradient-teal.gif');
background-repeat:no-repeat;
width:185px;

height:175px;
padding:10px;
text-align: center;
float:right;
cursor: pointer;
}



/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.GrnsubmitBtn { 
	padding: 0 15px 0 0; 
	margin-right:5px; 
	font-size:16px;
	font-weight:bold;
	text-align: center; 
	background: transparent url(/images/btn_green_sprite.gif) no-repeat right -140px; 
}
	
button.GrnsubmitBtn span {
	padding: 8px 0 15px 15px; 
	height:37px; 
	background: transparent url(/images/btn_green_sprite.gif) no-repeat left top; 
	color:#fff; 
}
	
button.GrnsubmitBtn:hover, button.GrnsubmitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -210px; 
}
	
button.GrnsubmitBtn:hover span, button.GrnsubmitBtnHover span {
	background-position: 0 -70px;
}



/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.submitBtn { 
	padding: 0 15px 0 0; 
	margin-right:5px; 
	font-size:16px;
	font-weight:bold;
	text-align: center; 
	background: transparent url(/images/btn_blue_sprite.gif) no-repeat right -140px; 
}
	
button.submitBtn span {
	padding: 8px 0 15px 15px; 
	height:37px; 
	background: transparent url(/images/btn_blue_sprite.gif) no-repeat left top; 
	color:#fff; 
}
	
button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -210px; 
}
	
button.submitBtn:hover span, button.submitBtnHover span {
	background-position: 0 -70px;
}


/*  SINGLE LINE SUBMIT BUTTON (SILVER) */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.Dynamicbutton {
    background: transparent url('../../../images/bg_button_a1.gif') no-repeat scroll top right;
    color: #blue;
    display: block;
     float: left; 
    font: bold 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 22px; /* sliding doors padding */
    text-decoration: underline;
	position:relative;
	text-align:center;
    /*left:20px;*/
}

a.Dynamicbutton span {
    background: transparent url('../../../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.Dynamicbutton:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.Dynamicbutton:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 






a.Dynamicbutton2 {
    background: transparent url('../../../images/bg_button_a1.gif') no-repeat scroll top right;
    color: #blue;
    display: block;
    float: left; 
    font: bold 12px arial, sans-serif;
    height: 24px;
	border:1px solid black;
	background-color:white;
    margin-right: 6px;
    padding-right: 22px; /* sliding doors padding */
    text-decoration: underline;
	position:relative;
	text-align:center;
    /*left:20px;*/
}

a.Dynamicbutton2 span3 {
    background: transparent url('../../../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

#dynabutton a.dynabutton {
float:right;
text-decoration:none;
}

/* END SINGLE LINE BUTTON */

/* Color Palette boxes */
.GoldBox {
background:#FFC82D; 
}

.roundedcornr_box {
   background: #ffeaad url(/images/corners/roundedcornr_357407_grad.gif) repeat-x top left;
}
.roundedcornr_top div {
   background: url(/images/corners/roundedcornr_357407_tl.gif) no-repeat top left;
}
.roundedcornr_top {
   background: transparent url(/images/corners/roundedcornr_357407_tr.gif) no-repeat top right;
}
.roundedcornr_bottom div {
   background: url(/images/corners/roundedcornr_357407_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom {
   background: transparent url(/images/corners/roundedcornr_357407_br.gif) no-repeat bottom right;
}

.roundedcornr_top div, .roundedcornr_top,
.roundedcornr_bottom div, .roundedcornr_bottom {
   width: 100%;
   height: 10px;
   font-size: 1px;
}
.roundedcornr_content { margin: 0 10px; }


/*  RIGHT HAND LANDING PAGE FORMS */

#CPT {
background:#cccccc; 
margin-top:10px; 
padding-top:5px; 
padding-bottom:15px; 
width:260px; 
height:50px; 
display:none;
}

#LPForm {
width: 270px; 
margin-top: 10px; 
background-image:url(/images/form_rt_background_260.gif); 
background-repeat:no-repeat; 
display: inline;
float: right; 
padding-left:5px;
}

#Transcript{
visibility:hidden;
height:30px;
width:100px;
overflow:hidden;
}



#LPForm {
width: 270px; 
height:500px;
margin-top: 10px; 
background-image:url(/images/form_rt_background_260.gif); 
background-repeat: no-repeat; 
display: inline;
float: right; 
padding-left:5px;
}