﻿h1 {
	font-family: Verdana, Arial, Sans-Serif, MS Sans Serif;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 0px;
}
.DefaultStyle
{
	font-family: Verdana, Arial, Sans-Serif, MS Sans Serif;
	font-size: 10px;
}
.table 
{
	font-family: Verdana, Arial, Sans-Serif, MS Sans Serif;
}
/* body styles */
body { background-color:#F9F9F9; margin-left:0px; margin-top:0px; font-family: Verdana, Arial, Sans-Serif, MS Sans Serif; font-size: .7em; }
.a { color: navy; text-decoration: none; }
a:hover { color: Maroon; text-decoration: underline; }

/* layout */
#header { margin:0px; padding:0px 10px 2px; background-color:White; border-bottom:solid 2px #0066cc; }
#left { width: 165px; float: left; background-color:#EEEEEE; margin: 0; padding: 5px 0 0 0; }
#middle { margin:0 165px; }
#right { width: 145px; float: right; margin: 0; padding: 15px 0 0 0; }
#footer { clear:both; text-align:center; font-style:italic; font-size:.9em; border-top:solid 2px #f7e724; }
#featuredControl { font-weight: bold; font-style: italic; color: #555; text-align: center; margin-top:5px; padding:3px 0 5px 0; border-top: solid 1px #cfcfcf; border-bottom: solid 1px #cfcfcf }
.cleaner { clear: both; }

.leftColWithBottomBorder { text-align:center; border-bottom: solid 1px #cfcfcf; padding:3px 0 5px 0; }

.content { margin:0 10px 0 5px; padding:15px 0 0 0; float: left; width:100%; }
.content .title { height:20px; background:url('../../images/bar-back.gif') repeat-x bottom; width: 100%; clear: left; }
.content .title span { height:20px; background-image:url('../../images/bar-left.gif'); background-position:left; background-repeat:no-repeat; display:block; }
.content .title span span { height:20px; color:#646464; background-image:url('../../images/bar-right.gif'); background-position:right; background-repeat:no-repeat; display:block; font-size:1.2em; font-weight:bold; font-style:italic; padding-left:8px; }
.content .text { padding:3px 3px 3px 3px; border:solid 1px #CFCFCF; }

/* grid view */
.gv { border:solid 1px #CFCFCF; margin-top:10px; margin-bottom:10px; font-family: Verdana, Arial, Sans-Serif, MS Sans Serif; }
.gvHeader th, .gvHeader { background-color:#0066CC; color:White; font-weight:bold; text-align:left; padding: 2px 0px 2px 2px; }
.gvItem td, .gvItem { background-color:White; vertical-align:top; padding: 2px 0px 2px 2px; border-bottom:solid 1px #CFCFCF; }
.gvAltItem td, .gvAltItem { background-color:#FFFFCC; vertical-align:top; padding: 2px 0px 2px 2px; border-bottom:solid 1px #CFCFCF; }

/* form controls */
input, textarea, select { font-family: Verdana, Arial, Sans-Serif, MS Sans Serif; font-size:.9em; }
.dataForm .textBox, .dataForm .select { width:75%; }
.authenticationForms .textBox, .authenticationForms .select { width:200px; }
.dataForm .button, .authenticationForms .button, .dataForm .checkBox { width:auto; margin-right:6px; }
.dynamicContentRight { float:left; margin-right:5px; }

/* control layout */
.content .controlImage { float:left;  padding:2px 3px 0px 2px; }

/* code examples */
code { font-size: .85em; font-family: Verdana, Arial, Sans-Serif, MS Sans Serif; }
.codeTitle { font-weight: bold; font-size: .85em; background-color: #efefef; border: solid 1px #cfcfcf; padding: 3px 3px 3px 3px; }
.codeTitleCollapsed { font-weight: bold; font-size: .85em; background-color: #cfcfcf; border: solid 1px #999; padding: 3px 3px 3px 3px; }

/* other layout */
.newItemRow { border: solid 1px #CFCFCF; padding:0 0 0 5px; background-color:#dfdfdf; clear: both; }
.signout { font-size: .8em; margin-left: 21px; }
.signout a { color: Black; }

/* news */
.news { }
.news .subject { border-bottom:solid 1px black;padding-bottom:4px; }
.news .date { font-size:.8em;color:#888;padding-top:4px; }
.news .description { }

/* treeview */
.treeView { font-size: .8em; }
.treeView a { color: #000; }
.treeView .treeNode { padding: 0 0 0 3px; }
.treeView .treeNode .treeNodeText { padding: 1px 0 1px 0; width: 95%; border: solid 1px #EEE; }
.treeView .treeNode .treeNodeText:hover { background-color: #ccc; border: solid 1px #888; }
.treeView .treeNode .image { background-position: 0px -2px; cursor: pointer; }
.treeView .treeNode .minusImage { background-image:url('../../images/minus.gif'); background-repeat:no-repeat; }
.treeView .treeNode .plusImage { background-image:url('../../images/plus.gif'); background-repeat:no-repeat; }
.treeView .treeNode .dotImage { background-image:url('../../images/dot.gif'); background-position: 0px -2px; cursor: default; background-repeat:no-repeat; }
.treeView .treeNode .treeNode { padding-bottom: 0px; padding-left: 10px; }
.treeView .treeNode .hidden { display: none; }
.treeView .treeNode .selected { border: solid 1px #888; background-color: #FFF; }

.exp {
	font-family: Verdana, Arial, Sans-Serif, MS Sans Serif;
	font-size: 10px;
}

.label {
	font-family: Verdana, Arial, Sans-Serif, MS Sans Serif;
	font-weight: bold;
	font-size: 12px;
	color: #666666;
	padding: 4px;
}
.demoTitle  
{
	background-color: #cfcfcf; padding: 2px 2px 2px 2px; 
}
.demoTitleCollapsed  
{
	background-color: #acacac; padding: 2px 2px 2px 2px; 
}
.demoContent  
{
	padding: 2px 2px 2px 2px; border: solid 1px #cfcfcf; 
}
.style1{
        vertical-align:top;
        white-space:nowrap;
        font-family: Verdana, Arial, Sans-Serif, MS Sans Serif;
        font-size:small;
}
.style3 {
        width: 767px;
}
.title {
	font-family: Verdana, Arial, Sans-Serif, MS Sans Serif;
	font-weight: bold;
	font-size: 10px;
	color: #333333;
	text-align: left;
}

.listbox {
	width: 120px;
	height: 200px;
	border-color: Silver;
	border-width: 1px;
}
.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}
.watermark {
	background: #FFAAFF;
}

.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}
