@import url(borders.css);
@import url(jtips.css);

* {margin:0;padding:0}

/* Major Links on Page */
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
a:link {color:#B8121A} 
a:visited {color:#B8121A} 
a:hover,a:active {color:#B8121A} 

/* Form Definition */
form {margin: 0}
input {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0}
fieldset {border: none}
label {display:block;padding: 5px 0}
label br {clear:left}

	/* FORMS - general classes */
	input.f-submit {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%}
	
	
/* TYPOGRAPHY */
p, ul, ol {margin: 0 0 1.24em}
h1, h2, h3 {letter-spacing: -1px;font-family: arial, helvetica,verdana,sans-serif;margin: 1.2em 0 .3em;color:#000; padding-bottom: 0em}
h4, h5, h6 {font-family: arial, helvetica,verdana,sans-serif;margin: 1.2em 0 .3em;color:#000; padding-bottom: .1em}

h1 {font-size: 196%;margin-top:.6em}
h2 {font-size: 136%}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}

h2.color_blue { color: #003366; }

/* LISTS */
ul {margin: .3em 0 1.5em 0;list-style-type:none}
	ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; }
li {line-height: 1.4em;padding-left: 25px; }

/* Form Definition */
form {margin: 0}
input {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0}
fieldset {border: none}
label {display:block;padding: 5px 0}
label br {clear:left}

	/* FORMS - general classes */
	input.f-submit {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%}

 
/* GENERAL */
img {border:none} 
hr {margin: 10px 0; background:none; color:#fff;  height:1px;  border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 

 /*** start TABS style  **/
.shadetabs{    height: 27px; list-style: none; margin: 0; padding: 0; margin-top: 1px;   font: bold 12px Helvetica; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ }
.shadetabs li{ display: inline; margin: 0; padding:0; }
.shadetabs li a{ text-decoration: none; color: #2d2b2b; margin:0; margin-right:5px;  padding:0 0 0 11px;  display: block; float:left; background: #fff url("../images/content_tableft.jpg") no-repeat; color: #222;  }
.shadetabs li a:visited{ color: #222;  text-decoration: none;  }
.shadetabs li a:hover{ background: #fff url("../images/content_tableft.jpg") no-repeat; color: #fff; background-color: #3af; background-position: 0 -27px  ; text-decoration: none; }
.shadetabs li a:hover span{  background-color: #3af; color:#fff;background-position: 100% -27px; }
.shadetabs span {  background: url("../images/content_tabright.jpg") 100% 0; cursor: pointer; display: block; float: left; line-height: 27px; padding:0 20px 0 10px; }
.shadetabs li.selected{ position: relative; color: #fff;}
.shadetabs li.selected a { background-color: #48f; text-decoration:none ;  background-position: 0 -27px; color: #fff; font-weight: bold; }
.shadetabs li.selected a:link { color:#fff;  }
.shadetabs li.selected a:active { color:#fff  }
.shadetabs li.selected a:visited {color:#fff }
.shadetabs li.selected a:hover { color:#fff  }
.shadetabs li.selected span { background-position: 100% -27px;  }


/**/
	#demo-center ul {padding:0; margin:0}
  	#demo-center ul li {  display:block;  margin:2px 0; font-weight:bold; padding:0; }
    #demo-center a {  color:#4B6692; font:bold 12px arial,helvetica; display: block; background:url("../images/democenter_menu.jpg") no-repeat left top; padding:4px 0 0 38px; height: 22px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 20px;
		   text-decoration:none; }
    #demo-center a:hover {  color:#4B6692;  display: block; background-position:0% -24px; }


.content_tab_solutions table { width: 624px;border:1px solid #3F3F3F;  padding: 0; margin: 0; }
.content_tab_solutions th { font: bold 16px Arial, Helvetica, sans-serif; color: #fff; text-align: left; padding: 6px 6px 6px 12px; border-bottom:1px solid #3F3F3F; background: #CAE8EA url("../images/table_th_bg.png") repeat-x; }
.content_tab_solutions td {  background:url("../images/px.png") repeat-x top;  padding: 6px 12px 6px 12px; color: #333; width:293px; font:normal 12px arial, helvetica; }
.content_tab_solutions td.arrow { width:10px; }
.content_tab_solutions tr { background: #FFF3F3; border-left:1px solid #3F3F3F; border-right:1px solid #3F3F3F; }
.content_tab_solutions tr.odd { background: #EFF7FF;	border-left:1px solid #3F3F3F; border-right:1px solid #3F3F3F;}

.help_tab_solutions table { width: 624px;border:1px solid #3F3F3F;  padding: 0; margin: 0; }
.help_tab_solutions th { font: bold 16px Arial, Helvetica, sans-serif; color: #fff; text-align: left; padding: 6px 6px 6px 12px; border-bottom:1px solid #3F3F3F; background: #CAE8EA url("../images/table_th_bg.png") repeat-x; }
.help_tab_solutions td {  background:url("../images/px.png") repeat-x top;  padding: 6px 12px 6px 12px; color: #333; font:normal 12px arial, helvetica; }
.help_tab_solutions td.arrow { width:10px; }
.help_tab_solutions tr { background: #FFF3F3; border-left:1px solid #3F3F3F; border-right:1px solid #3F3F3F; }
.help_tab_solutions tr.odd { background: #EFF7FF;	border-left:1px solid #3F3F3F; border-right:1px solid #3F3F3F;}



#comm_opensource_cust {
	width:300px; display:block; float:left; border:1px solid #565656;
}

#student_faculty_from {
	margin-left:10px;
	width:300px; display:block; float:left; border:1px solid #565656;
}

#comm_opensource_cust ul, #student_faculty_from ul { display:block; margin:0; padding:0;}
#comm_opensource_cust ul li , #student_faculty_from ul li { display:block;   margin:0;  background:url("../images/px.png") repeat-x top; background-color: #FFF3F3; padding:5px 5px 5px 15px;  }
#comm_opensource_cust ul li.odd , #student_faculty_from ul li.odd { display:block;   margin:0;   background-color: #EFF7FF;  padding:3px 5px 3px 15px; }
#comm_opensource_cust ul li.title , #student_faculty_from ul li.title { font: bold 16px Arial, Helvetica, sans-serif; color: #fff;display:block;   margin:0; padding:7px 5px 5px 15px; background: #CAE8EA url("../images/table_th_bg.png") repeat-x;}
#comm_opensource_cust ul li a, #student_faculty_from ul li a { font:bold 13px arial,helvetica; color:#27639E; text-decoration:none; display:block; width:100%;}
#comm_opensource_cust ul li.odd a, #student_faculty_from ul li.odd a {  display:block; width:100%;  }
#comm_opensource_cust ul li a:hover, #student_faculty_from ul li a:hover {text-decoration:underline}


.content_tab_metrics table { width: 624px;border:1px solid #3F3F3F;  padding: 0; margin: 0; }
.content_tab_metrics th { font: bold 16px Arial, Helvetica, sans-serif; color: #fff; text-align: left; padding: 6px 6px 6px 12px; border-bottom:1px solid #3F3F3F; background: #CAE8EA url("../images/table_th_bg.png") repeat-x; }
.content_tab_metrics td { padding: 6px 12px 6px 12px; background:url("../images/px.png") repeat-x top; color: #333;  font:normal 12px arial, helvetica; }
.content_tab_metrics td.arrow { width:10px; }
.content_tab_metrics tr { background: #FFF3F3; border-left:1px solid #3F3F3F; border-right:1px solid #3F3F3F; }
.content_tab_metrics tr.odd { background: #EFF7FF;	border-left:1px solid #3F3F3F; border-right:1px solid #3F3F3F;}
.content_tab_metrics .metric {width:140px; }
.content_tab_metrics td.metric { font:bold 13px helvetica, arial; color: #333; border-right:1px solid #3F3F3F}