/* Fonts ---------------------------------------------------------------------- */
@font-face {
  	font-family		: 'OpenSansLight';
  	font-style		: normal;
  	font-weight		: 300;
  	src			: url('/styles/fonts/open_sans/OpenSans-Light.ttf'); 
}
@font-face {
  	font-family		: 'OpenSansRegular';
  	font-style		: normal;
  	font-weight		: 400;
  	src			: url('/styles/fonts/open_sans/OpenSans-Regular.ttf'); 
}
@font-face {
  	font-family		: 'OpenSansBold';
  	font-style		: normal;
  	font-weight		: 700;
  	src			: url('/styles/fonts/open_sans/OpenSans-Bold.ttf'); 
}
@font-face {
  	font-family		: 'OpenSansItalic';
  	font-style		: normal;
  	font-weight		: 400;
  	src			: url('/styles/fonts/open_sans/OpenSans-Italic.ttf'); 
}
@font-face {
  	font-family		: 'OpenSansBoldItalic';
  	font-style		: normal;
  	font-weight		: 700;
  	src			: url('/styles/fonts/open_sans/OpenSans-BoldItalic.ttf'); 
}


/* TYPE */
a.body:link			{ color: #333333; text-decoration: underline }
a.body:visited 		{ color: #333333; text-decoration: underline }
a.body:hover		{ color: blue; text-decoration: underline }
a.body:active		{ color: red; text-decoration: underline }

a.topmenu:link  	{ color: #000000; text-decoration: none }
a.topmenu:visited	{ color: #000000; text-decoration: none }
a.topmenu:hover		{ color: white; text-decoration: none }
a.topmenu:active	{ color: red; text-decoration: underline }

a.listmenu:link		{ color: #333333; text-decoration: none }
a.listmenu:visited  { color: #333333; text-decoration: none }
a.listmenu:hover	{ color: red; text-decoration: none }
a.listmenu:active	{ color: red; text-decoration: underline }

a.smallgrey:link	{ text-decoration: none }
a.smallgrey:visited { text-decoration: none }
a.smallgrey:hover	{ color: red; text-decoration: none }
a.smallgrey:active	{ color: red; text-decoration: underline }

.body  		{ color: #333333; font-size: 11px; font-weight: normal; line-height: 18px; font-family: Verdana, Arial, Helvetica, sans-serif }
.bodytext   { color: #606060; font-size: 13px; font-weight: normal; line-height: 20px; font-family: Arial, Helvetica, sans-serif }
.listmenu   { color: #000066; font-size: 11px; font-weight: normal; line-height: 18px; font-family: Verdana, Arial, Helvetica, sans-serif }
.topmenu 	{ color: #000000; font-size: 10px; font-weight: normal; line-height: 12px; font-family: Verdana, Arial, Helvetica, sans-serif }
.pagetitle	{ color: #000070; font-size: 20px; font-weight: normal;	line-height: 26px; font-family: Verdana, Arial, Helvetica, sans-serif }
.subtitle	{ color: #000070; font-size: 13px; font-weight: bold; line-height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif }
.smallgrey	{ color: #a0a0a0; font-size: 10px; font-weight: normal; line-height: 14px; font-family: Verdana, Arial, Helvetica, sans-serif }
.smallnote	{ color: #4c4c4c; font-size: 9px; font-weight: normal; line-height: 14px; font-family: Verdana, Arial, Helvetica, sans-serif }
.verysmall  { color: #4c4c4c; font-size: 8px; font-weight: normal; line-height: 12px; font-family: Arial, Helvetica, sans-serif }
.monospace	{ color: #333333; font-size: 11px; font-weight: normal; line-height: 18px; font-family: "Courier New", Courier, Monaco, monospace }

/* Table KungFu */
.body table { border: 1px solid #ffffff; border-collapse: collapse }
.body th { background-color: #ffcc00; }
.body td { background-color: #eaeaea; }

/* LAYOUT */

td			{ text-align:left; }
ul		{ color: #333333; font-size: 11px; font-weight: normal; line-height: 18px; font-family: Verdana, Arial, Helvetica, sans-serif }
li		{ color: #333333; font-size: 11px; font-weight: normal; line-height: 18px; font-family: Verdana, Arial, Helvetica, sans-serif }

.defaultbodytable td {
	border		: 1px solid #ffffff;
	background	: #eaeaea;
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-size	: 11px; 
	font-weight	: normal; 
	line-height	: 18px;
	padding		: 3px 7px 3px 7px;
	vertical-align	: top;
}

.defaultbodytable th {
	border		: 1px solid #ffffff;
	background	: #ffcc00;
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-size	: 11px; 
	font-weight	: normal; 
	line-height	: 18px;
	padding		: 3px 7px 3px 7px;
	vertical-align	: top;
}

.defaultbodytable table {
	border		: 1px solid #ffffff;
	border-collapse	: collapse;
}

td pre {
	line-height	: 12pt;
	font-size	: 8pt;
	font-family	: "Lucida Console", Monaco, monospace;
}

/* BLOG */
.body-blog, .body-blog p, .body-blog li {
	font-size	: 13px;
	line-height	: 21px;
	color		: #303030;
}

.body h2 {
	font-weight	: 600;
	color		: #000070;
	font-size	: 15px;
	margin-bottom	: 0px;
	padding-bottom	: 0px;
	margin-top	: 30px;
}

h1 {
	font-family     : Verdana, Arial, Helvetica, sans-serif;
	font-weight     : 600;
        color           : #000070;
        font-size       : 30px;
        margin-bottom   : 10px;
        padding-bottom  : 20px;
        margin-top      : 30px;	
}

.body pre {
	background-color: #efefef;
	border		: 1px solid #ffcc00;
	padding		: 10px 20px 10px 10px;
}

.body p a {
	color		: #6699ee;
}

.body p a:visited {
	color		: #6699ee;
}

/* BLOG datatable */
.datatable td {
	border-collapse	: collapse;
	border		: 1px solid #ffffff;
	padding		: 5px 10px 5px 10px;
	background-color: transparent;
}

.datatable tr:nth-child(even) {
	background-color: #efefef;
}
.datatable tr:nth-child(even) {
	background-color: #ededed;
}

.datatable th {
	border-collapse	: collapse;
	border		: 1px solid #ffffff;
	padding		: 5px 10px 5px 10px;
	background-color: #000070;
	color		: #ffffff;
}

.right {
	text-align	: right;
}

.datatable .dtspacer {
	background-color: #ffffff;
}

/* BLOG Inline code example */
.inlinecode {
	background-color: #efefef;
	font-family	: "Lucida Console", Monaco, monospace;
	padding		: 1px 4px 1px 4px;
}

/* BLOG explanation box */
.insetbox {
	float		: right;
	width		: 220px;
	border		: 1px solid #333333;
	margin-left	: 20px;
	margin-bottom	: 15px;
	padding		: 15px;
	padding-top	: 45px;
	background	: url('/news/images/inset-robot.png') no-repeat #ffffff;
	background-size : 12%;
	background-position: 10px 10px;
}

.insetbox h3 {
	border-top	: 3px dotted #000070;
	padding-top	: 5px;
	color		: #000070;
}

.insetbox p {
	color		: #999999;
}

/* BLOG image box */
.insetbox-img {
	float		: right;
	display		: block;
	width		: 400px;
	margin-left	: 20px;
	margin-bottom	: 15px;
	background-color: #000063;
	border-bottom	: 3px solid #000063;
}

.insetbox-img h3 {
	padding-left	: 5px;
	color		: #ffffff;
	font-size	: 12px;
	line-height	: 18px;
}

.insetbox-img p {
	color		: #999999;
}


/* ---------------------------------------------------------------------------- */
/*                 NEWER STYLES NOT CONNECTED TO OLD STUFF                      */
/* ---------------------------------------------------------------------------- */


/* Middle --------------------------------------------------------------------- */
.middle {
	width		: 960px;
	margin		: 0 auto;
	padding		: 0px;
}

.middle-left {
	float		: left;
	width		: 172px;
	margin		: 0px;
	padding		: 10px;
}

.content {
	float		: left;
	width		: 556px;
	min-height	: 450px;
	margin		: 0px;
	padding		: 10px;
	text-align	: left;
}

.middle-right {
	float		: left;
	width		: 172px;
	margin		: 0px;
	padding		: 10px;
	text-align	: left;
}

.middle-left p, .content p, .middle-right p {
	margin		: 0px;
	padding		: 0px;
	text-align	: left;
}

.dataset-logo {
	width		: 162px;
	margin-left	: 10px;
	margin-top	: 10px;
}

.css-logo {
	display		: block;
	width		: 162px;
	height		: 35px;
	background-image: url("/images/logo_css.gif");
	background-size : 167px;
	margin-left	: 10px;
}

.xbl-logo {
	display		: block;
	width		: 162px;
	height		: 35px;
	background-image: url("/images/logo_xbl.gif");
	background-size : 167px;
	margin-left	: 10px;
}

.box-spacer-remove {
	margin-top	: 44px;
}

.box-associated-docs {
	margin-top	: 141px;
}

.box-associated-docs h4 {
	background	: #ffcc00;
	font-family	: OpenSansRegular, Arial, Helvetica, sans-serif;
	font-size	: 10pt;
	padding		: 5px;
	margin		: 0px;
	margin-right	: 10px;
}

.box-associated-docs ul {
	list-style	: none;
	margin		: 0px;
	padding		: 5px;
}

.box-associated-docs li a {
	font-family	: OpenSansRegular, Arial, Helvetica, sans-serif;
	font-size	: 10pt;
	line-height	: 19pt;
	color		: #333333;
}

.box-associated-docs li a:hover {
	color		: #ffcc00;
}

/* XBL/CSS removal page ------------------------------------------------------- */
#listingdetails p, #listingdetails li {
	font-family	: OpenSansRegular, Arial, Helvetica, sans-serif;
	font-size	: 10pt;
	line-height	: 16pt;
	color		: #333333;
	margin		: 0px 0px 15px 0px;
}

#listingdetails p strong, #listingdetails li strong {
	font-family     : OpenSansBold, Arial, Helvetica, sans-serif;
}

#listingdetails li {
	margin		: 0px 0px 8px 0px;
}

#listingdetails p a, #listingdetails p a:visited, #listingdetails li a, #listingdetails li a:visited {
	color		: #6699ee;
}	

#listingdetails p a:hover, #listingdetails li a:hover {
	color		: #000063;
}

#listingdetails h1 {
	font-family	: OpenSansBold, Arial, Helvetica, sans-serif;
	font-size	: 18pt;
	font-weight	: normal;
	line-height	: 30pt;
	color		: #000063;
	margin		: 40px 0px 40px 0px;
}

#listingdetails h2 {
	font-family	: OpenSansBold, Arial, Helvetica, sans-serif;
	font-size	: 14pt;
	line-height	: 21pt;
	color		: #000063;
	margin		: 30px 0px 10px 0px;
	border-bottom	: 1px solid #dddddd;
}

#listingdetails h3 {
	font-family	: OpenSansBold, Arial, Helvetica, sans-serif;
	font-size	: 10pt;
	line-height	: 16pt;
	color		: #000063;
	margin		: 15px 0px 5px 0px;
}

#listingdetails button {
	background-color: #00c851;
	border		: 0px;
	padding		: 5px 15px 5px 15px;
	width		: 206px;
	margin-left	: 170px;	
	margin-bottom	: 80px;
	color		: #ffffff;
	font-family     : OpenSansBold, Arial, Helvetica, sans-serif;
	font-size	: 10pt;
	border-radius	: 25px;
	cursor		: pointer;
}

#listingdetails button:hover, .removalbox-button:hover {
	background-color: #00e851;
}

.removalbox {
	border		: 1px solid #ffffff;
	border-collapse : collapse;
	background-color: #ffffff;
}

.removalbox td {
	padding		: 10px;
	border		: 1px solid #ffffff;
	font-family	: OpenSansRegular, Arial, Helvetica, sans-serif;
	font-size	: 10pt;
	line-height	: 16pt;
	color		: #333333;
}	

.removalbox-noleftpad {
	padding-left	: 0px !important;
}

.removalbox-email, .removalbox-hostname {
	width		: 301px;
	border		: 1px solid #cccccc;
	border-radius	: 4px;
	padding		: 5px 10px 5px 10px;
	font-family     : OpenSansRegular, Arial, Helvetica, sans-serif;
	font-size       : 10pt;
}

.removalbox-message {
	width		: 301px;
	height		: 200px;
	border		: 1px solid #cccccc;
	border-radius	: 4px;
	padding		: 5px 10px 5px 10px;
	font-family     : OpenSansRegular, Arial, Helvetica, sans-serif;
	font-size       : 10pt;
	line-height	: 16pt;
}

.removalbox-email::placeholder, .removalbox-hostname::placeholder {
	color		: #aaaaaa;
}

.removalbox-button {
	background-color: #00c851;
	border		: 0px;
	padding		: 5px 15px 5px 15px;
	width		: 250px;
	color		: #ffffff;
	font-family     : OpenSansBold, Arial, Helvetica, sans-serif;
	font-size	: 10pt;
	border-radius	: 25px;
	cursor		: pointer;
}

.removalbox-button:hover {
	background-color: #00e851;
}


/* Footer --------------------------------------------------------------------- */
.footer {
	width		: 960px;
	margin		: 0px;
}

.footer-left {
	float		: left;
	width		: 460px;
	text-align	: left;
	margin		: 0px;
	padding		: 0px;
	padding-left	: 20px;
	margin-top	: 20px;
	margin-bottom	: 60px;
	border-top	: 1px solid #dddddd;
}

.footer-right {
	float		: left;
	width		: 460px;
	text-align	: right;
	margin		: 0px;
	padding		: 0px;
	padding-right	: 20px;
	margin-top	: 20px;
	margin-bottom	: 60px;
	border-top	: 1px solid #dddddd;
}

.footer-left p, .footer-right p {
	font-family	: OpenSansRegular, Arial, Helvetica, sans-serif;
	font-size	: 10pt;
	line-height	: 16pt;
	color		: #a0a0a0;
}

.footer-left p a, .footer-right p a {
	color		: #a0a0a0;
	text-decoration	: none;
}

.footer-left p a:hover, .footer-right p a:hover {
	color		: #777777;
}