/*
table, tr, td { ... } means apply this style to all table, tr and td tags. 
div p { ... } means apply this style to p tags that are inside a div 

Which leads to a very useful technique: 
table.MyClass tr { ... } means to apply this style to tr tags only when the 
table has a class of "MyClass" 
*/

BODY, HTML, FORM
{
	padding:0px;
	margin:0px;
	height: 100%;	
}

BODY, DIV, SPAN, P, TEXTAREA, TABLE
{
	font-weight: normal;
	font-size: 10pt;
	word-spacing: normal;
	text-transform: none;
	font-family: Verdana;
	color: Black;
	letter-spacing: normal;
}

/* Hyperlinks */

a:link, a:visited
{
	color: #5E65B6;
}


/* Classes I defined */

.clsText
{
	font-weight: normal;
	font-size: 10pt;
	word-spacing: normal;
	text-transform: none;
	font-family: Verdana;
	color: Black;
	letter-spacing: normal;
	background-color: white;
	background-image: none;
}

.clsTextBox
{
	background-color: #F7FFF7;
	border: 1px solid;
	border-color: black;
	width:200px;
	margin-left:10px;
}

.clsTextBoxForm
{
	background-color: #F7FFF7;
	border: 1px solid;
	border-color: black;
	width:90%;
}

.clsDropDownListForm
{
	background-color: #F7FFF7;
	border: 1px solid;
	border-color: black;
}

.clsSubmitButton
{
}

.clsLabel /* Used for all Normal Labels e.g. Email */
{
	font-weight: bold;
	font-size: 10pt;
}

.clsSmallLabel /* Used for Small labels */
{
	font-size: 8pt;
}


.clsTableLabel /* This is used for Labels above Grids */
{
	font-weight: bold;
	color: #008067;
}


.clsRequiredPanel
{
	width: 200px;
	height: 128px;
	padding: 1px;
	vertical-align: middle;
	background: transparent url(  "images/required.gif" );
	background-repeat: no-repeat; /*  	background-color: White;  	border-style: solid;  	border-color: Black; 	border-width: 2px; 	 	text-align: center;  */
}

.clsMessage
{
	font-weight:bold;
	color:Red;
	text-align:left;
	padding:18px;
}

.clsIdeaScopeBanner
{
	clear:both;
	float:left;
	padding-top:20px;
}

.clsMenuAll a
{
	color:#008067;
}

.clsSubmitButtonSingleLine
{
	margin-top:15px;
}

.SubmitIdeaValidation
{
	font-weight:bold;
	text-align:left;
	padding:18px;
	float:left;
}

/* DataGrid Classes */

.datagrid
{
	border: 1px solid #CCCCCC; /* Border color of Grids */
	color: black;
	
}

.datagridheadercell
{
	font-weight: bold;
	color: white;
	background-color: #008067;
}
/* Grid Header Background Color */
.datagrid TR TD
{
	vertical-align: middle;
	padding-left: 4px;
}
.datagriditemcell
{
	background-color: white;
}
/* Row Color */
.datagridalternatingitemcell
{
	background-color: #F7FFF7;
}
/* Alternating Row Color */
.datagridedititemcell
{
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	background-color: #F7F7DE;
	border-bottom-style: solid;
}

/* GridView Classes */

.gridview
{
	border-width: 1px;
	border-color: #008067;
}
.gridviewAlternatingRow
{
	background-color: #F7FFF7;
}
.gridviewHeader
{
	font-weight: bold;
	color: white;
	background-color: #008067;
}
.gridviewSelectedRow
{
	background-color: #CCCA77;
}
.gridviewPager
{
	font-size: 10pt;
}

.gridViewRateIdeaColumn
{
	padding:1%;
}

/* MasterPage Classes */

.masterSideCol
{
	background-color: #D2D2D2;
}

.masterMainCol
{
	background-color: white;
	vertical-align: top;
	width:600px;
}

.masterBannerCol
{
	background-color:white;
	height:100px;
	border-bottom:2px solid #008067
}
.masterContentWrapperCol
{
	text-align: center; 
	vertical-align: top; 
	padding-left:35px;
	padding-right:35px;	
	padding-top:5px;
	padding-bottom:5px;	
}

.linkCursor
{
	text-decoration:underline;
}