/*** CSS v.2 ***/

body {
	background-color: #000000;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}

hr {
	border: 0;
	width: 90%;
	color: #333333;
	background-color: #333333;
	height: 1px;
}


td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;

}


#page {
	background-color: #FFFFFF;
	display: block;
	width: 802px;
	margin:0px;
	padding:0px;
	border-right-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ffffff;
	border-left-color: #ffffff;
	text-align: left;
}
a:link {
	color: #003366;
}
a:visited {
	color: #003366;
}
a:hover {
	color: #F44307;
}

#header {
	text-align: left;
	height:84px;
	padding: 0px;
	margin:0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
}

#header .logo {

	width:250px;
	height:84px;
	padding:0px;
	margin:0px;
}

#header .widgets {
	height:66px;
	padding:0px;
	margin:0px;
	border:0px;
	background-image: url(/gfx/header-bg.gif);
	/*background-repeat: repeat-y;*/

}

#header .widgets .statsology .image {
display:block;
height:15px;

}

#header .widgets ul {
	list-style-type: none;
	background: #ffffff;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #000000;
	padding: 0px;
	margin: 0px 7px 2px 0px;
	font-size: 10px;
	width: 333px;
	text-align: left;
}

#header .widgets ul li {
	padding: 1px 2px 1px 14px;
	background: #ffffff;
	border-bottom: 1px solid #dddddd;
	
	background-image: url(../gfx/bullet-small.gif);
	background-repeat: no-repeat;
	background-position: 0.5em;
}

#header .widgets a {
		text-decoration:none;
}

#header .title {
	/*
	padding:15px 0 0 0;
		height:100%;
		*/
		padding:0px;
	margin:0px;
	text-align:center;
	font-size:24px;
	color:#FFFFFF;
	vertical-align:middle;
	font-weight:bold;
	/*background-repeat: repeat-y;*/

}



form.client-log-in
	{
	width:250px;
	padding-top:5px;
	padding-right:5px;
	margin:0px;
	padding-bottom:0px;

	}
	
form.client-log-in .boxes
{
	text-align:left;
	padding-left:8px;
	padding-right:8px;
}	

.boxes .input

{
	width:90px;
	height:20px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:0px;	

}

/**** NAVIGATION PROPERTIES ****/
#main-menu {
	width: 100%;
	display: block;
}



div.menu {
	position:relative;
	display:block;
	width:100%;
	height:18px;
	background:#333333;
	padding:0px;
	margin:0px;
	border:0px;
	font-size:9pt;
	z-index:5;

}
.button {
	float: left;
	font-size:8pt;
	text-align:center;
	text-transform:uppercase;
	float: left;
	margin: 0;
	display:block;
}

#main-menu .content {
	width:78px;
}
#main-menu .technology {
	width:92px;
}
#main-menu .pricing {
	width:74px;
}
#main-menu .services {
	width:98px;
}
#main-menu .about {
	width:78px;
}
#main-menu .xml {
	width:78px;
}
#main-menu .docs {
	width:100%;
}
#main-menu .button a:link {
	margin: 0;
	display:block;
	text-decoration:none;
	color:#ffffff;
	width:100%;
	padding: 2px 0px 2px 0px;
}
#main-menu a:hover {
	margin: 0;
	display:block;
	text-decoration:none;
	width:100%;
	background:#D25809;
	color:#FFFFFF;
}
#main-menu a:visited {
	margin: 0;
	display:block;
	text-decoration:none;
	width:100%;
	color:#FFFFFF;
	padding: 2px 0px 2px 0px;
}

.blog {
		width:250px;
	padding-top:5px;
	padding-right:5px;
	margin:0px;
	padding-bottom:0px;
	font-size:9pt;
}

.blog .text {
	font-size:8pt;
	padding: 0px 8px 0px 8px;
}

.blog a:link {
	text-decoration: none;
}

.blog a:hover {
	text-decoration: underline;
}

a.breadcrumb:link {
	text-decoration: none;
}

a.breadcrumb:visited {
	text-decoration: none;
}

a.breadcrumb:hover {
	text-decoration: underline;
}


#main {
	padding: 0px;
	text-align:left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
}


#main td.overview {
	width:200px;
	border-right: 1px solid #000000;
	padding:10px;
	/*background-color: #FFEFD7;*/
	background-color: #F8E3BA;
	padding-bottom: 30px;
	font-size:11px;
}

#main td.overview .emphasize {
	font-weight: bold;
}

td.overview a:link, td.overview a:hover, td.overview a:visited {
	font-weight: bold;
}

#main td.overview .title {
font-size: 14px;
font-weight: bold;
color: #003366;
display: block;
}
#main td.feature {
	width:529px;
	padding-left:20px;
	padding-right:20px;
	padding-top: 20px;
	padding-bottom:30px;
	display:block;
}

#architecture td.feature {
	width:730px;
	padding-left:20px;
	padding-right:20px;
	padding-top: 20px;
	padding-bottom:30px;
	display:block;
}

#main td.feature th {
	padding:5px;
	background-color:#333366;
	color:#ffffff;
	text-align:left;
}
/*
#main td.feature td {
	padding:5px;
	border: 1px solid #dddddd;
	border-collapse:collapse;
}
*/
 td.feature .title {
font-size: 18px;
font-weight: bold;
color: #003366;
display:block;
width:100%;
}

 td.feature .titleKicker {
font-size: 12px;
text-transform:uppercase;
font-weight: bold;
color: #003366;
display:block;
width:100%;
}

 td.feature .subtitle, td.feature h3 {
font-size: 14px;
font-weight: bold;
color: #F44307;
display: block;
}

/*
#main #feature {
	width:550px;
	padding-top: 20px;
	padding-bottom:30px;
	padding-left:0px;
	padding-right:0px;
	display:block;
}

#feature .title {
font-size: 24px;
font-weight: bold;
color: #003366;
}

#feature .subtitle {
font-size: 14px;
font-weight: bold;
color: #F44307;
display: block;
}
*/
.subtitle .subtitle-note {
font-weight: normal;
color:#000000;
font-size: 10px;
text-transform: uppercase;
}

tt {
	font-family: "Courier New", Courier, mono;
	color: #FF0000;


}


#footer {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
	display:block;
	border-top: 1px solid #000000;
	padding-top: 5px;
	padding-bottom:10px;
		background-color: #eeeeee;
}

#footer .footer {
width:400px;
height:60px;
text-align:center;
padding-left:225px;
}

#footer a:link {
font-weight:bold;
}

#footer .text {
display:block;
padding-top:5px;
text-align:center;
font-size:12px;
}

#footer .logo {
display:block;

}
/* TABS CSS */

#TabSystem1 {
	background: transparent;
	border: none;
}

	/*--------------------LEGEND -----------------------+
	|                                                   |
	| .content   -- the content div, also the className |
	|               for tabSystem divs                  |
	| .tabs      -- the div that holds all tabs         |
	| .tab       -- an inactive tab                     |
	| .tabActive -- an active tab                       |
	| .tabHover  -- an inactive tab onMouseOver         |
	|___________________________________________________*/
	
#TabSystem1 .content {
	position: static;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9pt;
	width: 500px;
	height: 200px;
	z-index: 500;
	border: 1px solid #000000;
	border-collapse: collapse;
	overflow: hidden;
	background-image: url(../gfx/xmlteam-bg2.jpg);
	text-align: left;
	margin: 0px;

 }
	
 
#TabSystem1 .content .padder{
   padding: 10px 200px 10px 10px;
}
 
#TabSystem1 div.tabs {
 	position: static;
	line-height: 25px;
	text-align: center;
	width: 500px;
	height: 25px;
	white-space: nowrap;
	font-family: "arial", "helvetica", sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: default !important;
	z-index: 1000;
	
}
#TabSystem1 .default a {
display:none;
background:#ffffff;
}

#TabSystem1 .tab-spacer {
	width: 6px;
	display: block;
	float:left;
	z-index: 100;
  }
  

#TabSystem1 .tab {
	width: 160px;
	float:left;
	/*light orange: #F8E3BA*/
	z-index: 100;
	text-decoration: none;
	display: block;
	background-color: #efefef;
	color: #666666;
	border-top: 2px solid #333366;
	border-right: 2px solid #dddddd;
	border-left: 2px solid #dddddd;
	border-bottom:0px none;
	margin:0px;
	height:23px;
	
  }

#TabSystem1 .tabHover {
	background-color: #dddddd;
	color:#DF5900;
	border-top: 2px solid #FF6633;
	border-right: 2px solid #dddddd;
	border-left: 2px solid #dddddd;
	z-index: 1200;
  }
#TabSystem1 .tabActive {
	color: #000000;
	background-color: #eeeeee;
	z-index: 10000;
		border-right: 2px solid #eeeeee;
	border-left: 2px solid #eeeeee;
}



#TabSystem1 .content .title {
	color: #F44307;
	font-weight:bold;
	font-size:14pt;
}


#TabSystem1 .content ul {
margin-top:5px;
}


#TabSystem1 .content ul 
{
	padding-left:15px;
	margin-left:0px;
	list-style-image: url(http://www.xmlteam.com/gfx/bullet3.gif);
}

#TabSystem1 .content ol.sublist
{
	list-style-type: none;
}
 
#TabSystem1 .content .more
{
	font-weight:bold;
	font-size:9pt;
}

#TabSystem3 {
	width:500px;
	display:block;
}

#TabSystem3 .content {

	/* use margin-left instead of margin.
	* mac IE fuks up the child nodes with 
	* position relative. Position gets set to absolute via javascript 
	* in Mac IE, but if javascript is off, the page will 
	* look like the demo in the link below.
	*
	* For details on this bug, 
	* please see: http://climbtothestars.org/coding/ie5macbug/
	*
	*/
	position: static;
	font-family: Arial, Helvetica, sans-serif;
		border-top:2px solid #333366;
		background:#eeeeee;
	font-size:9pt;
	width: 320px;
	height:166px;
	z-index: 500;
	overflow: auto;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
 }
 

 
#TabSystem3 .content .padder{
   padding: 10px 10px 10px 10px;
}

#TabSystem3 .content a:link, #TabSystem3 .content a:visited {
font-weight: bold;
}
 
#TabSystem3 div.tabs {
	width: 180px;
	height:166px;
 	position:static;
	line-height: 18px;
	text-align: center;
	white-space: nowrap;
	font-family: "arial", "helvetica", sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: default !important;
	z-index: 10000;
	display: table;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

#TabSystem3 .tab {
	width: 180px;
	background-color: #efefef;
	color: #666666;
	border-left: 2px solid #333366;
	z-index: 100;
	text-decoration: none;
	display: block;
  }
   
#TabSystem3 .tabHover {
	background-color: #dddddd;
	color:#DF5900;
	border-left: 2px solid #FF6633;
	z-index: 1200;
  }
#TabSystem3 .tabActive { 
	color: #000000;
	background-color: #dddddd;
	z-index: 10000;
}


ul.cv {	
list-style-image: url(http://www.xmlteam.com/gfx/bullet2.gif);
}

ul.cv li {
	margin-top: 4px;
	margin-bottom: 4px;
}

ul.overview {	
padding-left: 15px;
margin-left:0px;
}

table.pricing {
width:100%;
border-collapse: collapse;
}
table.pricing td {
	font-size:11px;
	padding:2px;
	border: 1px solid #bbbbbb;
	border-collapse: collapse;
	vertical-align: top;
}

.mode {
	width: 125px;
}
.package {
	width: 62px;
	height:25px;
	text-align: center;
	
}

table.key td {

width: 33%;
font-size: 10px;
font-weight: bold;
}




/** CLIENT PAGES CODE **/

#client-pages table.contact td {
	font-size: 11.5px;
	vertical-align: top;
	border:1px solid #cccccc;
	padding:2px;
	border-collapse:collapse;
}

#client-pages table.contact th {
	font-size: 11.5px;
	font-weight:bold;
	text-align: left;
	vertical-align: top;
	background-color: #003366;
	color: #ffffff;
	text-transform:uppercase;
}

#client-pages .feature .title {
	font-family:Arial, Helvetica, sans-serif;
	color:#003366;
	font-size:28px;
	font-weight:bold;
	background-color: #C8A721;
	display: block;
	padding: 8px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	margin-bottom: 3px;
}

#client-pages .feature .title2 {
	font-size: 10px;
	text-align: right;
	display: block;
}

#client-pages .feature ul.cv {
margin-left:-20px;
}

#client-pages .subtitle {
padding: 14px 0px 0px 0px;
margin-bottom:-4px;
}

#client-pages .feature a {
	display: inline;
}

#client-pages #main td.overview {
padding:0px;
width:220px;
}

#client-pages .label {
	line-height: 22px;
	display: block;
	font-size:18px;
	font-weight:bold;
	color:#003366;
	padding-top:10px;
	/*
	background-color: #C8A721;
	width: 200px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom-style: none;
	text-align: center;
	*/
}



.file {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	padding-top: 5px;
}

.name {
font-weight:bold;
}

.code {
	font-weight:normal;
	font-size:11px;
	font-family: sans-serif;
	background-color: #FFECD9;
	border: 1px solid #003366;
	padding: 10px;
	margin: 5px 0px 5px 0px;
	white-space: normal;

}

/*
.label {
	font-size: 18px;
	font-weight: bold;
	font-variant: small-caps;
	line-height: 22px;
	display: block;
	padding: 3px;
	background-color: #CC9900;
	width: 200px;
	border: 1px solid #FFFFFF;
}
*/


.folder-path {
	font-size: 9px;
	display: block;
	font-weight: bold;
	color: #333333;

}
.description {
	display: block;
}

.revision  {
	display: block;
	font-size: 9px;
	padding-top: 5px;
	padding-left: 10px;
}

.date {
	font-weight: bold;
	color: #FF6633;
	display: inline;

}
.note {
	display: inline;
	margin-right: 3px;
	margin-left: 3px;

}
.modified-by {
	display: inline;

}
.more-info {
	font-size: 9px;
	display: inline;
	float: right;

}
.version {
	display: inline;
	margin-left: 3px;
	font-weight: bold;
	color: #003366;
}
.sublabel {
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	line-height: 22px;
	display: block;
	text-indent: 10px;

}
.product {
	display: block;
	padding-bottom: 20px;
}


#client-menu .title {
font-size: 14px;
font-weight: bold;
color: #003366;
display: block;
padding: 5px;
text-transform:uppercase;
}

#client-menu p.title2 {
font-weight: bold;
color: #FFFFFF;
background-color:#333333;
padding: 5px;
text-transform:uppercase;
text-align:left;
margin:0px;
padding:2px;
border-bottom: 1px solid #000000;
}


#client-menu p.button2 {
width:100%;
border-bottom: 1px solid #000000;
text-align:left;
margin:0px;
}

#client-menu p.button2 a:link,  #client-menu p.button2 a:hover,  #client-menu p.button2 a:visited {
padding: 2px 5px 2px 5px;
text-decoration:none;
text-align:left;
display:block;
text-transform:none;
}

#client-menu p.button2 a:hover {
background-color:#ffffff;
color:#FF6600;
}


#client-menu p.button2 a:active {
background-color:#FF6600;
color:#ffffff;
}

/** END CLIENT PAGES CODE **/

/** START DOCUMENTATION CENTER CODE **/
.docs-menu {
	position:relative;
	display:block;
	height:18px;
	text-align:right;
	vertical-align:middle;
	background-color:#333333;
	padding:0px;
	margin:0px;
	border:0px;
	font-size:11px;
	color:#ffffff;
}

.docs-menu a:link, .docs-menu a:hover, .docs-menu a:visited {
color:#ffffff;
font-weight:bold;
font-size:11px;
background-color:#333333;
}



#extras {
width:650px;
text-align:left;
}

/** END DOCUMENTATION CENTER CODE **/

/** START FOD PAGES CODE **/
#fod #main td.overview {
padding:0px;
width:220px;
}

.comment {
text-indent:35px;
}

p.faqQ {
font-weight:bold;
}

p.faqA {
padding: 0px 0px 0px 30px;
}


/** START SPORTSDB PAGES CODE **/

#sportsdb #main td.overview {
padding:0px;
width:220px;
}

#sportsdb #client-menu p.button2 {
width:100%;
height: 30px;
border-bottom: 1px solid #000000;
text-align:left;
vertical-align:middle;
margin:0px;
background: #ffffff;
}

#sportsdb #client-menu p.button2 a:link,  #sportsdb #client-menu p.button2 a:hover, #sportsdb #client-menu p.button2 a:visited {
padding: 8px 5px 8px 5px;
text-decoration:none;
text-align:left;
display:block;
text-transform:none;
}

#sportsdb #client-menu p.button2 a:hover {
background-color:#D25809;
color:#ffffff;
}


#sportsdb #client-menu p.button2 a:active {
background-color:#FF6600;
color:#ffffff;
}