/* ------------------------------------------------------- */
/*   eXtensia Technologies - http://www.eXtensiaTech.com/  */
/* ------------------------------------------------------- */


/* -------- Global Elements -------- */

html {
	color: #000000;
/*	background: #C0C0C0; */
	background: Silver;
	}

body {
	color: #000000;
/*	background: #C0C0C0; */
/*	background: #708090; */
	background: Silver;
/*	background: #9999CC; i like this background color*/
	margin: 0;
	padding: 5px 0 0 0;  /* was 10px */
   font-family: verdana, arial, helvetica, sans-serif;
	font-size: x-small; /*feed to IE 5.5*/
	f\ont-size: small; /*feed to compliant browsers*/
	text-align: center; /*center in IE 5.5*/
	/*voice-family: "\"}\""; /*Tantek IE 5.5 hack - http://www.tantek.com/CSS/Examples/boxmodelhack.html*/
	/*voice-family: inherit;
	font-size: small; /*feed to compliant browsers*/
	}

img {
	border: 0;
	}

p {
	padding: 0px 0px 0px 0px;
	}

a {
	color: #3300FF;
	background: transparent;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

h1, h2, h3, h4, h5, h6 {
	color: #0000CC;
	background: transparent;
	letter-spacing: 1px;
	}

h1 {
	font-size: large;
	}

h2 {
	font-size: medium;
	}

h3 {
	font-size: small;
	}

abbr, acronym {
	cursor: help;
	}

pre {
	width: 492px;
	color: #5E3E0C;
	background: transparent;
	font-size: 105%; /* Fix for IE */
	border: 1px solid #867663;
	padding: 3px;
	overflow: auto;
	}

html>body  pre {
	font-size: 100%;
	border: 1px dotted #867663;
	}

code {
	font-size: 105%; /* Fix for IE */
	}

.quote {
	color: #666666;
	background: url(/img/quotes.gif) no-repeat left center;
	font-size: 90%;
	margin-left: 20px;
	margin-right: 20px;
	padding: 10px 5px 5px 30px;
	}

html>body code {
	font-size: 100%;
	}

ul {
	list-style-type: none;
	}

ul li {
	list-style: disc;
	}



/* -------- Classes -------- */

.underline {
	text-decoration: underline;
	}

.hr {
	width: 90%;
	height: 3px;
	background: #FFFFFF url(/img/hr_bckgrnd.gif) repeat-x;
	margin: auto;
	}

#printheader {
	display: none;
	}

#top {
	width: 752px;
	height: 10px;
	background: #B5C0C3 url(/img/container_top.gif) no-repeat;
	margin: 0 auto;
	font-size: 0;
	}

#container {
	color: #000000; /* was grey and #333333 before that*/
	background: #C0C0C0 url(/img/container_background.gif) repeat-y;
	width: 752px; /*feed to IE 5.5*/
	margin: auto;
	padding: 0 11px;
	voice-family: "\"}\""; /*Tantek IE 5.5 hack - http://www.tantek.com/CSS/Examples/boxmodelhack.html*/
	voice-family: inherit;
	width: 730px; /*feed to compliant browsers*/
	}

/*be nice to Opera 5*/
html>body #container {
	width: 730px;
	}

#login {
	height: 15px;
	background: #4B0082;
	margin: 0;
	border-bottom: 2px;
	border-color: red;
	}
	
#header {
/*	height: 263px;  /* Must Match Header Image Height 113 150 */ 
/*	height: 215px; */
	height: 167px;
	background: #000000;
/*   border-top: 12px solid #9400D3; */
   border-top: 10px solid #0000CD;	
	margin: 0;
	}

/* commented backslash mac hiding hack  \*/ 
* html #header {margin-bottom: -3px;}
/* end hack */ 

#spacer {
	height: 3px; /* 3px; */
	line-height: 3px;
	font-size: 0px;
	color: #000000;
	background: #9400D3;
/*	background: #696969; */
/*	background: #0000CD; */
	}

.validatepage {
	color: #867663;
	font-size: xx-small;
	f\ont-size: x-small;
	}

.validatepage a {
	color: #867663;
	background: transparent;
	text-decoration: none;
	}

.validatepage a:hover {
	color: #9dabaf;
	background: transparent;
	}



/* -------- Navigation -------- */

#nav {
	width: 700px;
	height: 2em;
	margin: auto;
	}

#nav ul {
	margin: 0;
	padding: 0;
	display: inline;
	text-align: center;
	list-style-type: none;
	clear: left;
	}

#nav ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	border-bottom: 10px solid #FFFFFF;  /* Org 20px */
	background: #C3CACC url(/img/faded_bg_hover.gif) top repeat-x; /* preload the hover background */
	}

#nav ul li a {
	color: #000000;
	background: #D8DBDD url(/img/faded_bg.gif) top repeat-x;
	width: 98px;
	height: 1.9em;
	line-height: 1.9em;
	font-size: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	border-left: 1px solid #999999; /* Black or #819ebb */
	border-bottom: 1px solid #999999; /* Black or #819ebb */
	text-decoration: none;
	text-align: center;
	display: block;
	}

#nav ul li a:hover {
	color: #000000;
	background: #C3CACC url(/img/faded_bg_hover.gif) top repeat-x;
	}

#nav ul li #n_contact {
	width: 104px;
	border-right: 1px solid #C0C0C0;  /* #819ebb */
	}



/* -------- Content - Main Column -------- */

/* Main Column content template STANDARD */
#content {
	float: left;
	width: 560px;
	w\idth: 500px;
	text-align: left;
	padding: 10px 30px 15px 30px;
	}

/* Main Column content template without subnav bar */
/*		Used for tabs: index, and contact     */
#contentmain {
	float: left;
	width: 725px;
	w\idth: 665px;
	text-align: left;
	padding: 10px 30px 15px 30px;
	}
	
#contentmain address {
	padding-left: 225px;
	}

#content p {
	padding: 0px;
/*	border-style: solid;
	border-color: red;
	border-width: 2px; */
	}
	
.contactform {
	margin-top: 0px;
	padding-top: 20px;
	margin-left: 150px;
	padding-left: 40px;
	border: solid 2px silver;
	background-color: #F5F5F5;
	width: 450px;
	}
	
.tablewrapper {
	text-align: left;
	margin: 0px;
	padding: 0px;
	}

.floatimage {
	float: left;
	margin: 0px;
	padding-right: 10px;
	}

.killpadding {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	}

	
/* Value Proposition Block - Index Tab */
.valueprop dt {
	text-decoration: underline;
}


/* Solutions Table - Solutions Tab */
.solutionstable {
	margin-left: 10px;
	}

.solutionstable h3 ul li {
	padding: 1px;
	margin: 0px;
	}


/* Partner Table - Technology Tab */
.partnertable {
	margin-left: 20px;
	}

.partnertable a {
	padding: 1px;
	margin: 0px;
	}

	
/* Resume Section - About Tab */
#resume {
	padding-left: 25px;
	padding-bottom: 15px;
	}
	
	
	
/* Off-Stie Links Highlighting */	

/*
#content a[href^="http://"] {
	background: url(/img/offsite.gif) no-repeat center right;
	padding-right: 8px;
	}
*/

/*
#content a[href^="http://www.extensiatech.com"], a[href^="http://extensiatech.com"] {
	background: transparent;
	padding-right: 0;
	}
*/

/*
.offsite {
	background: url(/img/offsite.gif) no-repeat center right;     !!!!will be used by IE, which does not support the CSS 3 selectors above !!!!
	padding-right: 8px;
	}
*/



/* -------- Sidebar - Right Column -------- */

#subnav {
	color: #999;
	background: White;
	font-size: xx-small;
	f\ont-size: x-small;
	float: right;
	width: 169px;
	text-align: left;
	border-bottom: 2px solid Silver;
	border-left: 1px solid #A9A9A9;
	margin-top: 55px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	}

#subnav h3 {
	color: White;
	background: #D3D3D3;
	font-size: 10px;
	border-top: 1px solid #A9A9A9;
	border-bottom: 1px solid #A9A9A9;
	padding: 5px 0 4px 10px;
	margin: 0;
	}

#subnav ul {
	margin-left: 25px;
	padding-left: 0;
	list-style-type: none;
	}

#subnav ul.access li {
	list-style-image: url(/img/bullet.gif);
	/*font-size: x-small;*/
	padding-right: 3px;
	}

#subnav ul.development li {
	list-style-image: url(/img/bullet.gif);
	padding-right: 3px;
	}

#subnav a {
	color: #867663;
	background: transparent;
	text-decoration: none;
	}

#subnav a:hover {
	color: #9dabaf;
	background: transparent;
	}

#subnav p {
	margin-left: 10px;
	}



/* -------- Commitment Box - Approach Tab -------- */

#commitmentbox {
	background: #E6E6FA;
	border-top: 2px solid #e0e6ec;
	border-right: 2px solid #f0f3f6;	
	border-bottom: 2px solid #e0e6ec;
	border-left: 2px solid #f0f3f6;
	padding: 5px;
	margin-bottom: 15px;
	}
	
#commitmentbox h2 {
	background: #E6E6FA;
	color: Gray;
	font: bold 1.2em arial, verdana, helvetica, sans-serif;
	padding-bottom: 5px;
	margin: 0;
	}
	
#commitmentbox h2 span {
	font-size: x-small;
	letter-spacing: 0;
	}



/* -------- Footer -------- */

#footer {
	height: 2.5em;
	line-height: 2.5em;
	color: #404040;
	background: #A9A9A9;
	/*font-size: 10px;*/
	font-size: xx-small;
	f\ont-size: x-small;
	font-family: verdana, arial, helvetica, sans-serif;
	border-top: 2px solid #879599;
	border-bottom: 1px solid #879599;
	text-align: center;  /* right; */
	padding-right: 10px;
	clear: both; /*force footer to clear both columns*/
	}



/* -------- Miscellaneous -------- */

.hide {
	display: none;
	}



/* -------- Contact Form - form highlighting -------- */

.frminfo {
	color: #666666;
	background: transparent;
	font-size: smaller;
	}

.formtitle {
	color: #666666;
	background: transparent;
	font-size: larger; 
	font-weight: bold;
	}

.contact_form {
	width: 160px;
/*	background: url(/img/img/left.gif) repeat-y left;      for highlighting purposes */
	}

.contact_form input {
	border: 1px solid #B2B2B2;
	width: 146px; /* IE */
	}

html>body .contact_form input {
	width: 148px; /* Other */
	}

.contact_form_box {
	width: 360px;
	}

.contact_form_box textarea {
	border: 1px solid #B2B2B2;
	width: 346px; /* IE */
	height: 150px;
	}

html>body .contact_form_box textarea {
	width: 348px; /* Others */
	}

.boxhead {
	height: 5px;
	font-size: 0px;
/*	background: url(/img/img/top_left.gif) no-repeat top left;      for highlighting purposes */
	}

.boxhead div {
	height: 5px;
/*	background: url(/img/img/top_right.gif) no-repeat top right;      for highlighting purposes */
	}

.boxbody {
	margin-left: 5px;
/*	background: url(/img/img/right.gif) repeat-y right;      for highlighting purposes */
	}

.boxfoot {
	height: 5px;
	font-size: 0px;
/*	background: url(/img/img/bottom_left.gif) no-repeat bottom left;      for highlighting purposes */
	}

.boxfoot div {
	height: 5px;
/*	background: url(/img/img/bottom_right.gif) no-repeat bottom right;      for highlighting purposes */
	}



/* -------- Dialog Box for error pages etc. -------- */

.box {
	padding:0 12px 0 0;
	margin: 0 150px 0 150px;;;
	background:#fff url(/img/dlg_borders.gif) 100% 0 repeat-y;
	}
	
.bi {
	padding:0 0 0 12px;
	background:#fff url(/img/dlg_borders.gif) 0 0 repeat-y;
	}
	
.bt {
	height:17px;
	margin:0 -12px;
	background:url(/img/dlg_box.gif) 100% 0 no-repeat;
	}
	
.bt div {
	width:18px;
	height:17px;
	background:url(/img/dlg_box.gif) 0 0 no-repeat;
	}
	
.bb {
	height:17px;
	margin:0 -12px;
	background:url(/img/dlg_box.gif) 100% 100% no-repeat;
	}
	
.bb div {
	width:18px;
	height:17px;
	background:url(/img/dlg_box.gif) 0 100% no-repeat;
	}
	
.box h1 {
	margin:0;
	padding: 0.3em 10px;
	color: Black;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
	}
	
.box p, .box ul {
	margin: 0px;
	padding: 4px 10px;
	background:#fff;
	}
	
.box li {
	margin:0 0 0 2em;
	padding:0;
	}









/* --------  Message Box Formating  -------- */

.msg_info, .msg_success, .msg_warning, .msg_error, .msg_validation {
  border-top: 2px solid;
  border-bottom: 2px solid;
  padding: 10px 10px 10px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
  }

.msg_info, .msg_success, .msg_warning, .msg_error {
  margin: 10px 0px 10px 0px;
  }

.msg_validation {
  margin: 10px 0px 10px 150px;
  }

.msg_info {
  color: #00529B;
  background-color: #BDE5F8;
  background-image: url('../img/messages/info.png');
  }

.msg_success {
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image: url('../img/messages/success.png');
  }

.msg_warning {
  color: #9F6000;
  background-color: #FEEFB3;
  background-image: url('../img/messages/warning.png');
  }

.msg_error {
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url('../img/messages/error.png');
  }

.msg_validation {
  color: #D63301;
  background-color: #FFCCBA;
  background-image: url('../img/messages/validation.png');
  }

.msg_info strong { color: #00529B; }
.msg_success strong { color: #4F8A10; }
.msg_warning strong { color: #9F6000; }
.msg_error strong { color: #D8000C; }
.msg_validation strong { color: #D63301; }

.msg_info ul, .msg_success ul, .msg_warning ul, .msg_error ul, .msg_validation ul {
  padding-left: 30px;
  margin-top: 5px;
  }