.typography h1,h1,
.typography h2,h2,
.typography h3,h3 { font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif; }
.typography h1,h1 { font-size: 1.4em; color: #6693c0; }
.typography h2,h2 { font-size: 1.2em; text-transform: uppercase; }
.typography h3,h3 { font-size: 1.2em; }

.typography h2 a { color: #6693c0; }
.typography h2 a:visited { color: #6693c0; }
.typography h2 a:active { color: #6693c0; }
.typography h2 a:hover { color: #555; text-decoration: underline; }

.typography
{
  margin: 0px 5px;  
  text-align: left;
  display: block;  
  font-size: 12px;
  font-family: "trebuchet ms", helvetica, sans-serif;
  line-height: 18px;
  color:#555;
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
}

/* images */

.typography img.float-right,img.float-right {
  margin: 5px 5px 5px 15px; 
  border:1px solid #f0f0f0; 
}
.typography img.float-left,img.float-left {
  margin: 5px 15px 5px 0px;
}

.typography .col1 {
	background: #FFF url(../images/gradient.gif) repeat-x; 
	min-height:200px;
	/*-moz-border-radius: 10px;*/
	border:1px solid #c0c0c0;
	margin: 0px 0px 15px 10px;
	float:left;
	width: 47%;
	padding: 0;	
}

.typography .col1:hover,
.typography .col2:hover {
	border:1px solid #6693c0;	
}

.typography .col2 {
	background: #FFF url(../images/gradient.gif) repeat-x; 
	min-height:200px;
	/*-moz-border-radius: 10px;*/
	border:1px solid #c0c0c0;
	margin: 0px 10px 15px 0px;
	float:right;
	width: 47%;
	padding: 0;	
}

.typography .col1 h2,
.typography .col2 h2 {
	text-transform: none;
	color:#6693c0;
}

.typography .col1 span,
.typography .col2 span {
	text-transform: none;	
	color:#333;
	font-size:0.9em;
	font-style: italic;
}



.typography code,code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
  border-left: 3px solid #72A545;
}
.typography acronym,acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
.typography blockquote,blockquote {
	margin: 15px; 	padding: 0 0 0 20px;  	
  	background-color: #FAFAFA; 
	background-position: 8px 10px;
	border: 1px solid #f2f2f2; 
	border-left: 3px solid #72A545;  
	font: bold 1.2em/1.5em "Trebuchet MS", Tahoma, sans-serif; 
	color: #666666;	
}
.typography ul li {
	list-style-image: url(../images/bullet.gif);
}

div.news {
	font: normal 90%/2.0em 'Trebuchet MS', Tahoma, sans-serif;
	color: #555;	
}

.iesucks{
	display:block;height:10px;line-height:10px;overflow:hidden;
}

div.news h2 {margin:0px;padding:0px;}
div.news p {margin:0px;padding:0 0 10px 0;font-weight:bold;color:#6693c0;}

div.news a {text-decoration:none;color:#555;}
div.news a:active {text-decoration:none;color:#555;}
div.news a:visited {text-decoration:none;color:#555;}
div.news a:hover {text-decoration:underline;color:#000;}

div.news ul  {
	list-style:none;
	margin: 0 0 0px 0;
	padding: 0px 0px 0px 0px;
	font-weight:normal;	
}	

div.news li{
	margin: 0;
	padding:0;		
}

div.news ul a{
	display:block;
	font-weight:normal;
	color: #333;
	text-decoration:none;	
	
}

div.news ul li {
	padding: .3em 0 .3em 10px;
	border-left: 5px solid #f8f8f8 !important;	
	border-left: 0px;	
}

div.news ul li:hover{	
	display:block;		
	border-left: 5px solid #ffb262 !important;
	border-left: 0px;
	border-right: 5px solid #222222 !important;
	border-right: 0px;	
	background: #f0f0f0;
	color: #6693c0;		
}


img.progress{
	vertical-align: middle;
	padding: 0 10px;
}

.tabbed-pane * {
	margin: 0;
	padding: 0;	
	
}
.tabbed-pane {
	width: auto;	
}
.tabbed-pane .tabs {
	list-style: none;
	clear: both;
	float: left;
	margin-bottom: -1px;
}
.tabbed-pane .tabs li a.active {
	background: white;
	border-bottom: 1px solid white;
}
.tabbed-pane .tabs li {
	float: left;
	margin: 0 3px 0 0;
}

.tabbed-pane .tabs li a {
	color: #336699;
	display: block;
	padding: 5px;
	background: #e8e8e8;
	text-decoration:none;	
}
.tabbed-pane .pane {
	border: 0px solid transparent;
	padding: 5px;	
	clear: both;
	height: 100%;
	background-color:#fff;
}
.tabbed-container {	
	position: relative;
	clear: both;
	min-height: 10em;
}
.tabbed-container .overlay {
	position: absolute;
	clear: both;
	border: 0px solid transparent;
	padding: 5px;
	width: 190px;
	top: 0;
	left: 0;
	background: white url(../images/spinner.gif) center center no-repeat;
	text-align: center;
	z-index: 100;
	height: 90%;
}