/*
	CSS tutorial: http://www.w3.org/Style/Examples/011/firstcss.en.html

	HTML Color Chart with 140 Color Names
	http://www.html-color-names.com/color-chart.php

	The default CSS schema is defined by the selected HTML schema. To change the CSS schema targeted by the HTML schema, you will have to do it manually by editing the appropriate HTML schema.

	C:\Program Files (x86)\Microsoft Visual Studio 10.0\Common7\Packages\schemas\html\html_xxx.xsd -> xhtml_transitional.xsd, xhtml_strict-11.xsd, xhtml_5.xsd, ...

	CSS Compatibility in Internet Explorer
	http://msdn.microsoft.com/en-us/library/hh781508%28v=vs.85%29.aspx

	Internet Explorer versions
	http://en.wikipedia.org/wiki/Internet_Explorer_versions

    Centering in CSS: A Complete Guide
    https://css-tricks.com/centering-css-complete-guide/

    center a block-level element by giving it margin-left and margin-right of auto (and also a set width, otherwise it would be full width and wouldn't need centering)

     style="background-image: url('images/bodybkg.gif')"
*/

#mBody
{
    background-image: url('images/bodybkg.gif');
}

div#view
{
    border: 0px solid red;
	margin-left: auto;
	margin-right: auto;
	background-color:White;
}

div#divPrint
{
	display:none;
	background-color:White;
}

table
{
	font-family: Arial;
	/*font-size: 8pt;*/
	/*font-weight: bold;*/
	padding: 1px 1px 1px 1px;
	border-collapse: collapse;
}

/* Font-Size="9pt" BackColor="Yellow" */

.txtBox
{
	/*font-size: 7pt;*/
	background-color: #E0FFFF; /*LightCyan*/
}

.aspTextBox
{
	/*font-size: 7pt;*/
	background-color: #FAFAD2; /*LightCyan*/
	/* LightGoldenRodYellow  	#FAFAD2 */
}

input.button_add
{
    background-image: url("~/images/excel-image1-16x16.png"); /* 16px x 16px */
    background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 0px 0px;  /* equivalent to 'top left' */
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 16px;           /* make this the size of your image */
    padding-left: 16px;     /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
}

/* btnSpaceSurvey */
.btnRoundedCorners
{
    background-color: #33FF00;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border: 5px solid #009900;
  padding: 5px;
}

.vspace
{
	padding-bottom: 3px;
}

.cmtPanel
{ /* BorderStyle="Dotted" BorderWidth="1" BorderColor="Gray" */
	border-width:1px;
	border-style:solid; /* dashed */
	border-color:Gray;
	padding:2px;
	/* CSS3 Borders: http://www.w3schools.com/css/css3_borders.asp */
	border-radius:5px;
	box-shadow: 5px 5px 5px #888888;
}

.DataViewStyle
{
	padding: 1px;
	/*font-size: 8pt;
	font-family: Arial;*/
}

.DataViewHeaderStyle
{
    background-color: #006699;
    font-weight: bold;
    color: White;
}

.DataViewFooterStyle
{
    background-color: #5D7B9D;
    font-weight: bold;
    color: White;
}