/* CSS Document */



html * { border:0; }

body { font:13px Arial, Helvetica, sans-serif; margin:0; padding:0; color:#4a4a4a; line-height:19px;  }





#container {width:40em}

@media screen {

#container {margin:0 auto; position:relative}

}



@media print {

#container {width:40em; /*margin:0 auto; position:relative;*/}

#header #aux_nav {display:none}

#chart .row {width:515px;}

#chart .row b.pipeline {z-index:1000;}



}

#header {}

#page {}



h1 { color:#103B98; font:normal 35px Helvetica, Arial; font-weight:lighter}

h1 span { color:#0a9a85}

h2 { color:#103B98;  font:normal 23px Arial; padding:1em 0 0.05em 0 }

h3 { color:#103b98;  font:normal 18px Arial; line-height:24px }

form { display:inline; margin:0}

select, input {font:13px Arial, Helvetica, sans-serif; color:#4a4a4a; border:1px solid #CCC;}

input {height:19px; line-height:19px}



img { display:block }

img.fl { float:left; margin-right:15px; margin-bottom:35px }

img.fr { float:right }

a { color:#109e87; text-decoration:none}

a b { display:none }

a.more { font-weight:bold; font-size:12px }

a img { display:inline }

a.aux_link { display:block; clear:both; font-weight:bold; font-size:11px; line-height:21px; color:#999}

.content .aux_link { clear:none}



.col, .ins_col { }



#header a.logo { display:block; position:absolute; top:5px; left:0; border-right:8px solid #FFFFFF;}



/**** HEADER NAV  ****/

		#nav { display:none}

/* end of nav */



/*** Homepage  content structure ***/

#page #home_pic { height:196px; background:url(../images/bg_homepic.jpg) no-repeat; padding-right:40px; }

#page #home_pic * { float:right}

#page .blocks 	{ display:none; }

#page .content 	{}





#page .blocks .block	{ padding-bottom:20px }

#page .blocks .block select { width:115px;  display:inline; margin-top:2px}

#page .blocks .block input { width:135px; margin-top:5px; float:left}

#page .blocks .block form a { width:13px; height:13px; display:block; float:left; margin-top:7px; margin-left:5px;}





#footer { position:relative; padding:0 40px; font-size:11px; line-height:36px; color:#8d9aa4; height:36px;border-top:1px solid #a8b5c0;}



/*** Sec page  content structure ***/

#title {}

#title h1 {  padding-left:160px;border-bottom:1px solid #a8b5c0;}

#title table {width:100%; border:0}

#title td {vertical-align:bottom; height:100px}

#title img {display:none}



.sec #page .content 	{}



/*** Back Nav ***/	

		#header #aux_nav { font-size:11px; line-height:36px; color:#8d9aa4; height:36px; text-align:right;}

		.backNav { font-size:11px; color:#8d9aa4; text-align:right;}

		.backNav a, #header #aux_nav a { text-decoration:none; color:#8d9aa4;}

		.backNav span, #header #aux_nav span { padding:0 6px; }

		#header #aux_nav  a.print {  padding-left:18px; background:url(../images/icon_print.gif) 0 3px no-repeat; margin-left:20px }



/*** Sub Nav ***/	

#page #sub_nav { display:none}



/*** Sec Pipeline ***/

#chart { position:relative; clear:both; padding:6px 0; font-size:12px; margin-bottom:20px;  }

#chart b { display:block; position:absolute; left:0; width:10px; height:28px; overflow:hidden;  }

#chart b img {position:absolute; left:0; z-index:0; display:none}



#chart .row { position:relative; clear:both; width:517px; height:32px; overflow:hidden;}

#chart .col {	float:right; position:relative; width:70px; height:30px; line-height:30px; border-left:1px solid #ccc; }

#chart .head .col, #chart .bottom .col { float:left;}



#chart .left_title { width:162px; border-left:0}

#chart .head, #chart .bottom { text-align:center; width:520px; visibility:visible}

#chart .head .left_title span { display:block; text-align:left; height:28px; line-height:28px; padding-left:5px; background:white; font-weight:bold; margin:1px  }



#chart .row 			{ /*background:#d7dee4;*/}

#chart .alt .col 	{ background:#a8b5c0}

#chart .alt .left_title	{ background:#003399}



#chart .row b.pipeline 				{ width:249px; top:0; border:1px solid #039; background:#039; }

#chart .row b.pipeline	a,  #chart .row b.pipeline span 	{ display:block; font-weight:normal; color:white; padding-left:5px; /*z-index:100; position:absolute; left:20px;*/ line-height:28px;}



#chart .state0 b.pipeline 		{ width:232px}

#chart .state1 b.pipeline 		{ width:303px}

#chart .state2 b.pipeline 		{ width:374px}

#chart .state3 b.pipeline 		{ width:445px}

#chart .state4 b.pipeline 		{ width:515px}



#chart .bottom { height:10px;}

#chart .bottom .col { height:10px;  background:#d7dee4; }





/*** BLOCKS ***/

.news { display:none}

.news a { display:block; padding-top:10px; font-size:12px; font-weight:bold}



.presentations strong { display:block}



a.news_head { display:block; margin-top:20px; font-size:12px; font-weight:bold}



a.definited { position:relative; border-bottom:1px dashed #109e87  }

a.definited:hover {background:#fff}

a.definited span { display:none; }

a.definited:hover span {text-decoration:none;font:normal 13px Arial, Helvetica, sans-serif; display:block; width:220px; padding:2px 3px; color:#666; top:0; right:0; position:absolute; margin-top:15px; position:absolute; border:1px solid #aaa; background:#f8f8f8  }

/*** example ***/

.example { font:normal 80% Arial; border-top:1px solid #C3C3C3; display:block; padding-bottom:10px}

.example p {margin:0; padding:10px 0 4px 18px}

.example sup {/*position:absolute;*/ color:#666;padding-right:5px; margin:-6px 0 0 -14px}

.example a { display:none}

.example a.definited {display:inline}

/*** teammate ***/

.teammate img {float:left; padding:1.5em 1em 0.5em 0}