body {
	color:#acacac;
	margin:0;
	padding:0;
	font-size: 0.7em; 
	line-height:1.5; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color:#1a1a1a;
	background-position:center;
	background-repeat:repeat-y;
}

h1 {
	font-weight:bold;
	color:#67c1f5;
	font-family:TrebuchetMS,Tahoma,Arial,Sans-serif;
	font-size:24px;
	margin:0px;
}

h2, .title2 {
	color:#67c1f5;
	font-family:Tahoma,Arial,Sans-serif;
	font-weight: normal;
	font-size: 20px;
	margin:0px;
}

.title2 {
	float: left;
}

.titleHelper {
	float: left;
	margin-top: 9px;
	margin-left: 6px;
	margin-bottom: 6px;
	font-size: 12px;
}

.valveh2 {
	color: #ca5029;
}

.valveOnly {
	color: #ca5029;
	font-size: 10px;
}
.valveArea,
.landingRightCol .panel.valveArea{
	background-color:#472e27;
}
.valveArea.padded {
	padding: 8px;
}

h2 .valveOnly {
	vertical-align: middle;
}

h3 {
	font-size: 1.6em; 
	font-weight: bold; 
	margin-left: 15px; 
	text-transform: uppercase; 
	color: #cccccc; 
	margin:0px;
}

h4 {
	color:#67c1f5;
	font-family:Tahoma,Arial,Sans-serif;
	font-weight: normal;
	font-size: 12px;
	margin:0px;
}

p {
	margin: 10px 20px 10px 0px; 
	color: #acacac; 
	line-height: 1.4em; 
	font-size: 13px;
}

p a {
	color: #b6c5ca
}

p a:hover {
	color: #6f9fc8
}

a {
	color: #b6c5ca
}
a.tooltip { 
	text-decoration:none;
	background:#2c2c2c;
	padding:0px 1px 2px 1px;
	cursor: help;
	position:relative; /*this is the key*/
	z-index:24;
}

a.tooltip:hover {
	z-index:25;
}

a.tooltip span {
	display: none;
}

a.tooltip:hover span { /*the span will display just on :hover state*/
	font-weight: normal;
	text-align: left;
	display: block;
	position: absolute;
	top: 2em;
	left: 0;
	width: 25em;
	background-color: #ffffe5;
	color: #000;
	padding: 4px;
	border: 1px solid #cc9;
	white-space: normal !important;
}

table {
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: left;
}

td {
	padding: 2px 6px 2px 0px;
}

td.dim {
	padding: 2px 12px 2px 0px; 
	color:#828282;
}

th {
	padding: 2px 12px 2px 0px; 
	background: #303030;
}

tr.dirty {
	background-color: #464646;
}

tr.checkerboard1 {
	background: #202020;
}

tr.checkerboard2 {
	background: #000000;
}

tr.warning1 {
	background: #5F4902;
}

tr.warning2 {
	background: #600000;
}

select {
	font-size: 1.1em; 
	width: 200px; 
	color: #000000; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #e6e6e6;
}

UL LI {
	LIST-STYLE-TYPE: square
}
HR {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; height:2px; border-style:solid; color:#343434;
}

code {
	font-family:"courier new";
	font-size:110%;
	color:#7C9FAC;
}

pre {
	font-family:"courier new";
	color:#7C9FAC;
}

xmp {
	font-family:"courier new";
	color:#7C9FAC;
}

.smallText {
	font-size: 11px;
	line-height:13px;
}

ul.spacedList li {
	margin-top: 16px;
}


div.hr-color hr {
  display: none;
}

div.hr-grey hr {
  display: none;
}

.codeTable {
	margin-left:24px;
	font-family:"courier new";
	color:#7C9FAC;
}

.PeriodLinks {
	background:#2C2C2C;padding:4px 0px 6px 8px; text-align:left;
}

.ContentWrapper {
	width:1100px;
	text-align:left;
	margin:0;
}

#header {
	background-image:url('../images/bg_header.gif');
	background-repeat:repeat-x;
	height:76px;
}

#header_menu
{
	background-color:#1E1E1E;
	height: 2em;
	clear:both;
	white-space: nowrap;
	line-height: 22px;
}

#header_left
{
	clear:none;
	float:left;
	margin-left:46px;
}

#header_right
{
	clear:none;
	float:right;
	margin-right:46px;
}

#storeadmin_subnav 
{
	padding-left: 46px;
	background-color: #333333;
	line-height: 22px;
}

#content
{
	margin-top:10px;
	clear:both;
}

.AllPagesContent
{
	margin:0px 46px 0px 46px;
}

.header_spacer
{
	color: #414141;
}

#appFrame {
	padding-left:0px;
}

#pageContainer {
	top:0px;
	margin:0;
	padding:0;
}

#mainbody {
	width:949px;
	min-height:100%;
	text-align:left;
	padding-left:3px;
}

.docsContent {
	margin:24px 32px 0px 32px;
}

.headerNav {
	float:right;
}

#rightCol {
	float:right;
	text-align:left;
	width:266px;
	padding:0;
	margin:0;
	margin-left:8px;
}

#rightCol_content {
	margin:0px;
	padding-left:8px;
	padding-right:8px;
}

#rightCol_top {
	margin:0px;
	height:12px;
	background-image:url('../images/bg_rightCol_top.gif');
}

#rightCol_bottom {
	margin:0px;
	height:4px;
	background-image:url('../images/bg_rightCol_bottom.gif');
}



#leftArea {
	position:absolute;
	text-align:left;
	padding-left:0px;
	width:683px;
	background-color:#414141;
}

#leftAreaTop {
	height:12px;
	background-image:url('../images/bg_left_top.gif');
}

#leftAreaMiddle {
	background-image:url('../images/bg_left_middle.gif');
	background-repeat:repeat-y;
}

#leftAreaBottom {
	height:4px;
	background-image:url('../images/bg_left_bottom.gif');
}

#leftAreaContainer {
	margin:0;
	padding:0;
	padding-left:32px;
	padding-right:32px;
}

#leftAreaIntroImage {
	padding-top:32px;
	padding-bottom:28px;
}

.rule {
	margin-bottom:10px;
	clear: both;
}

.copy {
	font-family:Tahoma,Arial,Sans-serif;
	font-size:12px;
	color:#858585;
}

.copyHead {
	color:#67c1f5;
	font-family:Tahoma,Arial,Sans-serif;
	font-weight:bold;
	font-size:12px;
}

.copyIndent {
	font-size:12px;
	color:#858585;
	padding-left:24px;
}

.copyIndent a {
	color:#cccccc;
}

.checkboxIndent {
	padding-left: 24px;
	padding-top: 4px;
}


#featureBar {
	margin:0;
	padding:0;
}
#featureBar img {
	float: left;
}

.newsBlock {
	padding:0px;
	margin:0px;
	font-family:Tahoma,Arial,Sans-serif;
	font-size:12px;
	padding-left:8px;
}


.newsHead {
	color:#67c1f5;
	font-weight:bold;
}

.newsDate {
	color:#acacac;
}

.newsBody {
	color:#707070;
}

.newsBody a {
	color:#9C9C9C;
}

a {
	border:0;
	margin:0;
	padding:0;
}

a.contentsLink:hover {
	color:#ffffff;
}

a.contentsLink.new::after {
	content: "NEW";
	color: #8bc53F;
	font-size: 10px;
	font-weight: bold;
	margin-left: 3px;
	text-decoration: none;
	display: inline-block;
}

a.contentsLink.updated::after {
	content: "UPDATED";
	color: #8bc53F;
	font-size: 10px;
	font-weight: bold;
	margin-left: 3px;
	text-decoration: none;
	display: inline-block;
}

/* Do not use :not() on this selector, It will end up more specific than other selectors. */
input, select , textarea, button, .likeButton {
	background-color:#565658;
	font-family:tahoma, arial, helvetica, trebuchet ms, sans-serif;
	color:#e1e1e1;
	font-size:13px;
	border: 1px #262627 solid;
	border-radius: 3px;
	box-shadow: 1px 1px 0px #39393a;
	padding: 3px;
}


input:not([type="radio"]).xtra_padding {
	padding-right: 15px;
	padding-left: 15px;
}

input[type="radio"] {

	background-color: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
}


input[type=submit]:not(.btn_green_white_innerfade),
input[type=reset]:not(.btn_green_white_innerfade),
button {
	border-radius: 2px;
	border: none;
	padding: 3px 5px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #fff !important;
	background: #57749e;
	background: -moz-linear-gradient(top, #57749e 5%, #364963 95%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#57749e), color-stop(95%,#364963));
	background: -webkit-linear-gradient(top, #57749e 5%,#364963 95%);
	background: -o-linear-gradient(top, #57749e 5%,#364963 95%);
	background: -ms-linear-gradient(top, #57749e 5%,#364963 95%);
	background: linear-gradient(to bottom, #57749e 5%,#364963 95%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57749e', endColorstr='#364963',GradientType=0 );
	box-shadow: none;
}

.likeButton {
	text-align: center;
	cursor: pointer;
}

input[type=submit].btn_darkblue_white_innerfade.btn_medium {
	padding: 0 15px;
	font-size: 15px;
	line-height: 30px;
}

button[type=submit].btn_darkblue_white_innerfade.btn_medium {
	font-size: 15px;
	line-height: 30px;
}

input[type=submit].btn_darkblue_white_innerfade.btn_small_thin, button.btn_darkblue_white_innerfade.btn_small_thin,
input[type=reset].btn_darkblue_white_innerfade.btn_small_thin, button.btn_darkblue_white_innerfade.btn_small_thin {
	font-size: 12px;
	line-height: 20px;
}

input[type=submit].btn_green_white_innerfade.btn_medium, button[type=button].btn_green_white_innerfade.btn_medium {
	font-size: 15px;
	line-height: 30px;
}
	button[type=button].btn_medium {
		padding: 0 15px;
	}
input[type=button].btn_grey_white_innerfade.btn_medium {
	font-size: 15px;
	line-height: 30px;
}



input[type=file] {

}

input.radio {
	border: none;
	background-color: transparent;
}

#signInBlock {
	padding-left:10px;
	padding-right:16px;
	background-color:#3a3a3a;	
}

#signInName {
	font-family:Tahoma,Arial,Sans-serif;
	font-size:11px;
	color:#858585;
}

#signInPass {
	font-family:Tahoma,Arial,Sans-serif;
	font-size:11px;
	color:#858585;
}

#footer {
	display:none;
	width: 100%;
	background-color: #000000;
	position: absolute;
	height: 90px;
	bottom:0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	font-family:arial;
	font-size:10px;
	margin-top:-91px;
	padding:0;
	text-align:left;
	color:#666666;
}

#footer_logo {
	margin: 30px 30px 0px 30px;
	float: left;
}

#footer_text {
	height:60px;
	width: 600px;
	margin: 20px 0px 0px 0px;
	float: left;
}

#footer_bold {
	font-family:arial;
	font-size:16px;
	font-weight:bold;
}

.outputSuccess {
	color: green;
}

.outputFailure {
	color: red;
}

.outputNeutral {
	color: yellow;
}

.screenshot {
	float: left;
	margin: 10px 10px 10px 10px;
}

.avatar {
	float: left;
	margin: 10px 10px 10px 10px;
}

#avatarBlockFull,#avatarBlockMedium,#avatarBlockIcon {
	float:left;
	padding-right:6px;
}

#avatarBlockFull p,#avatarBlockMedium p,#avatarBlockIcon p {
	margin:0;
	padding:0;
	font-size:10px;
	color:#898989;
}

#avatarBlockMedium {
	padding-top:120px;
}

#avatarBlockIcon {
	padding-top:152px;
}


/* tabs */

.tabbar {
	border-bottom: 4px solid #7CB8E4;
}

.tabbar .tab {
	float: left;
	color: #FFFFFF;
	text-align: center;
	line-height: 18px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 3px;
	border-top: 2px solid #7A7A7A;
	border-left: 2px solid #7A7A7A;
	border-right: 2px solid #7A7A7A;
	background-image:url('../images/bg_tab_inactive.png');
	background-repeat:repeat-x;
	background-color: #3D3D3D;
	cursor: pointer;
}

.tabbar .tab.pulldown {
	cursor: default;
}

.tabbar .activetab {
	border-top: 2px solid #7CB8E4;
	border-left: 2px solid #7CB8E4;
	border-right: 2px solid #7CB8E4;
	background-color: #7AB1D9;
	background-image:url('../images/bg_tab_active.png');
	background-repeat:repeat-x;
	cursor: default;
}

.tabbar .tablink {
	float: right;
	padding-top: 10px;
}

.tab_content {
	display: none;
	position: static;
	padding-top: 24px;
}

.active_content {
	display: block;
}

a.tab, .tab a {
	color: #FFFFFF;
	text-decoration: none;
}

.createNewTitleColumn {
	float:left;
	margin-bottom: 16px;
	width: 118px;
}

.createNewValueColumn {
	float:left;
}

.lookLikeLink {
	text-decoration: underline;
	cursor: pointer;
	color: #b6c5ca;
}

.createButton {
	cursor: pointer;
}

.cancelButton {
	cursor: pointer;
	text-decoration: none;
	padding:  6px;
	color: #ffffff;
	border:  1px solid #777777;
	position: relative;
	top: -16px;
}

.unselectable
{
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	cursor: default;
}

.editPackageTitleColumn, .editApplicationTitleColumn {
	float:left;
	margin-bottom: 16px;
	width: 118px;
}

.editPackageValueColumn, .editApplicationValueColumn {
	float:left;
}

.perf_timing_area {
	width: 936px;
	margin: 0px auto 48px auto;
	text-align: center;
	color: #B0AEAC;
	padding-bottom: 10px;
}

.newmodal_content .perf_timing_area
{
	width: auto;
}

.perf_timing_link {
}

.perf_timing_data {
	text-align: left;
	background-color: #000000;
	padding: 8px;
}

.packageDisplay {
	border: #155678 solid medium;
	border-radius: 3px;
	color: #F0F0F0;
}
.packageDisplay table {
	color: inherit;
}

.packageDisplay th, .packageDisplay td {
	background: none;
	padding: 0px;
}

.packageDisplayError {
	border: #F05A28 solid medium;
	border-radius: 3px;
}

.packageDisplay .packageDisplayFrame {
	background-color: #1b2735;
	font-size: xx-small;
}

.packageDisplay .packageReleaseStateOverride {
	background-color: #7F5217;
}

.packageDisplay > * {
	padding: 1px;
}

.packageDisplay [title] {
	color: #BBD0EE;
}

.packageDisplay [title]:hover {
	color: #FFFFFF;
}

.packageDisplay .packageDisplayBillingType {
	text-align: center;
}

.packageDisplay .packageDisplayFeature:after {
	content: " | ";
}

.packageDisplay .packageDisplayFeature:last-child:after {
	content: "";
}

.packageDisplay th[scope="col"] {
	min-width: 60px;
}

.packageDisplay h2 {
	font-size: 1.5em;
	font-weight: normal;
	text-align: center;
	color: inherit;
}

.packageDisplay h2.packageDisplayBillingType {
	font-size: 1.2em;
	font-weight: normal;
}

.packageDisplay h3 {
	display: table-cell;
	min-width: 60px;
	margin-right: 4px;
	font-size: 1em;
	text-transform: none;
	color: inherit;
}

.packageDisplay h3 + * {
	display: table-cell;
}

.packageDisplay .packageDisplayChangeLink {
	padding: 0px 3px;
}

/* Billing types 2, 5, 8, 9 don't have specific colors because they are uncommon */

.packageDisplay .billingTypeBackground {
	background-color: #552222;
}

.packageDisplay .billingType1Background {
	background-color: #002F33;
}

.packageDisplay .billingType3Background {
	background-color: #003366;
}

.packageDisplay .billingType4Background {
	background-color: #006000;
}

.packageDisplay .billingType6Background {
	background-color: #35170C;
}

.packageDisplay .billingType7Background {
	background-color: #3C3C14;
}

.miniPackageDisplay > div.inPackageSummary {
	display: none;
}

.miniPackageDisplay > div.inPackageDetails {
	display: none;
}

.miniPackageDisplay > div.inPackageMini {
	display: block;
}

.summaryPackageDisplay > div.inPackageDetails {
	display: none;
}

.summaryPackageDisplay > div.inPackageMini {
	display: none;
}

.summaryPackageDisplay > div.inPackageSummary {
	display: block;
}

.detailsPackageDisplay > div.inPackageMini {
	display: none;
}

.detailsPackageDisplay > div.inPackageSummary {
	display: none;
}

.detailsPackageDisplay > div.inPackageDetails {
	display: block;
}

.miniPackageDisplay a.packageDisplayChangeLink-mini {
	text-decoration: none;
}

.summaryPackageDisplay a.packageDisplayChangeLink-summary {
	text-decoration: none;
}

.detailsPackageDisplay a.packageDisplayChangeLink-details {
	text-decoration: none;
}

.packageDisplay > *:not(.packageDisplayNoStripe):nth-child(2n+1) {
	background: #003147;
}

.packageDisplay > *:not(.packageDisplayNoStripe):nth-child(2n) {
	background: #111922;
}

/* diffing */
.diff_insert
{
	color: #00cc00;
}

.diff_delete
{
	color: #cc0000;
}

.diff_equal
{

}

/* bbcode toolbar styles */
.BBCodeTemplateBlock {
	float: left;
}

.BBCodeTemplateBlock > .button {
	display: inline-block;
	margin-right: 5px;
	border: 1px solid #acacac;
	background-color: #333333;
	color: orange;
	padding: 1px 5px;
	cursor: pointer;
}

.newlines {
	white-space: pre-wrap;
	word-break: break-all;
}


/* styles to use when deprecating features */
.deprecated.bar {
	border-left: 3px solid lightcoral;
	padding-left: 5px;
	margin-left: 10px;
}

.deprecated.star {
	margin-left: 10px;
}

p.deprecated.star::before {
	content: "*";
	color: lightcoral;
	padding-right: 3px;
	font-size: 16px;
}