/* ******************************************************************************************************************
      NEW STANDARD STYLES
****************************************************************************************************************** */
img{border: none;}
input {
	font-size: 11px;
	font-family: Courier, "Courier New", monospace;
	font-weight: normal;
	color: #000;
}

#maincontent, #maincontent table td {
	margin: 10px;
	color:#000;
	font-family: Verdana, Geneva, arial, helvetica, sans-serif;
	font-size: 11px;
}
* html #maincontent {
	height: 1%;
}
.section {
	margin-bottom: 25px;
}
.section h5, .sectiontitle {
	font-size: 13px;
	font-weight: normal;
	color: #444;
	margin: 0 0 4px 0;
	padding: 0 0 0 3px;
	border-bottom: 1px solid #ccc;
}
.section ol {
	margin-top: 0;
	margin-bottom: 0;
}
.textright {
	text-align: right;
}
table.formtable td {
	vertical-align: top;
	padding: 3px;
	border: 0px;
}
.formtable td input, .formtable td select {
	margin: 0;
}
.fieldlable{
	font-weight: bold;
	text-align: right;
	}
.tiny {
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.hidden {
	display: none;
}
.graybg {
	background-color: #ddd;
}
.border {
	border: 1px solid #999;
}
.bold, .bold td {
	font-weight: bold;
}
.textred {
	color: #CC0000;
}
.Pagetitle {
	font-size: 20px;
	color: #333;
	padding-bottom: 10px;
	white-space: nowrap;
}
.Pagesubtitle {
	font-size: 16px;
	color: #333;
	margin-bottom: 6px;
}
.triggerBtnsTop, .triggerBtnsBottom {
	margin: 10px 0;
	padding: 5px;
}
.triggerBtnsTop{border-bottom: 1px solid #ccc;}
.triggerBtnsBottom{border-top: 1px solid #ccc;}
.positive, .negative {
	width: 45%;
	float:left;
}
.clear{clear: both;}
.smallGap {
	margin: 4px 0;
}
.smallGaplr {
	margin: 0 4px;
}
.FilterResult {
	font-weight: bold; 
	color: #333; 
	font-size: 16px;
}




/* **************************************
      Styles for Data Tables
************************************** */
.dataTable{
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	background-color: #fff;
}
table.dataTable td, table.dataTable th  {
	border-right: 1px solid #999;
	padding: 4px;
	vertical-align: top;
}
table.dataTable td table td{
	border: none;
}
.dataTable .headRow td, .dataTable .headRow th, td.headRow, th.headRow {
	font-weight: bold;
	background-color: #ddd;
	border-bottom: 1px solid #999;
}
.dataTable .headRow td.sortField, .dataTable .headRow th.sortField {
	background-color: #b1b1b1;
}
.dataTable .totalRow td {
	font-weight: bold;
	background-color: #ddd;
	border-top: 2px solid #888;
}
.shaded {
	background-color: #ebeff5;
}
.dataTable td input {
	margin: 0;
	padding: 0;
}
.soloHeader {
	border: 1px solid #999;
	padding: 3px;
	background-color: #ddd;
	font-weight: bold;
}
.dataTable .insideHeadRow td {
	font-weight: bold;
	background-color: #eee;
	color: #999!important;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.dataTable .insideHeadRow tr {
	font-weight: bold;
	background-color: #eee;
	color: #999!important;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
/* **************************************
      Styles for Drag & Drop Tables
************************************** */
#dragDrop {
	margin-bottom: 1em;
}
#dragDrop li {
	margin-bottom: 0px;
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 4px;
}

.dataTableDD {
	border: 1px solid #999;
	background-color: #fff;
}
table.dataTableDD td {
	padding: 0;
}
.dataTableDD .headRow td {
	padding: 4px;
	font-weight: bold;
	background-color: #ddd;
	border-bottom: 1px solid #999;
}
.dataTableDD .footRow td {
	padding: 4px;
	font-weight: bold;
	background-color: #ddd;
	border-top: 1px solid #999;
}
ul.boxy {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	width: 100%;
}
ul.boxy li {
	cursor:move;
	padding: 4px 2px;
	border: 1px solid #ccc;
	background-color: #eee;
}
ul.boxy li:hover {
	background-color: #FFF8F0;
	border: 1px solid #ff6600;
}
ul.boxy li table td {
	padding: 0 3px;
}
/* Create/Edit Attribute styles */
.dataTableDD .headRow td.select{width: 50px;}
.dataTableDD .headRow td.default{width: 60px;}
.dataTableDD .headRow td.name{width: 224px;}
.dataTableDD .headRow td.value{width: 224px;}
.dataTableDD .headRow td.order{}

ul.boxy li table td.select{width: 50px;}
ul.boxy li table td.default{width: 60px;}
ul.boxy li table td.name{width: 220px;}
ul.boxy li table td.value{width: 220px;}
ul.boxy li table td.order{width: 60px; white-space: nowrap;}


/* **************************************      Styles for system messages ************************************** */ 
.emt_information 
{
	padding: 6px 6px 6px 27px;    
	margin: 5px 0;    
	background: url('../images/information.gif') 6px 6px no-repeat #d4e2fd;    
	border: 1px solid #3B5998;    
	color: #3B5998;    
	font-weight: bold;    
	font-size: 11px;    
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

 .emt_error 
 {    
	padding: 6px 6px 6px 30px;    
	margin: 5px 0;    
	border: 1px solid #cc0000;    
	color: #cc0000;   
	font-weight:bold;   
	background-color: #FFF4F4;   
	background-image: url('../images/error.gif');  
	background-repeat: no-repeat;    
	background-position: 6px 6px;    
	font-size: 11px;    
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}
 .emt_information ul, .emt_error ul, .emt_information ol, .emt_error ol 
 {    
	margin-top: 6px;    
	margin-bottom: 6px; 
}

table.emt_formtable td 
{    
	vertical-align: top;   
	padding: 3px;   
    border : 0px; 
} 

.emt_formtable td input, .emt_formtable td select 
{    margin: 0; } 

.emt_fieldlable{    font-weight: bold;    text-align: right; } 

.emt_tiny {    font-size: 9px;    font-style: normal;    font-weight: normal;    font-variant: normal; }



.emt_warning {
	padding: 6px 6px 6px 29px;
	margin: 5px 0;
	border: 1px solid #ff6600;
	color: #ff6600;
	font-weight: bold;
	background-color: #FFF8F0;
	background-image: url('../images/warning.gif');
	background-repeat: no-repeat;
	background-position: 6px 6px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
}

.emt_information ul, .emt_success ul, .emt_warning ul, .emt_error ul, .emt_information ol, .emt_success ol, .emt_warning ol, .emt_error ol {
	margin: 6px 0;
}
.errorIcon {
	display: inline;
	background: url('../images/error.gif') no-repeat;
	margin: 0 0 0 5px;
	padding-left: 16px;
	height: 16px;
	padding-top: 1px;
}
.help, .textgray {
	color: #999;
	font-weight:normal;
}
/* Custom style information for Retain Connect */

INPUT.button, .EMTButton {
	font-weight: bold; 
	font-size: 8pt; 
	cursor: pointer;
	color: #fff; 
	font-family: Arial, Tahoma; 
	background-color: #003366;
}

INPUT.bigbutton {
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	color: #fff;
	font-family: Arial, Tahoma;
	background-color: #003366;
	height: 25px;
}
.tab-subbar {
	background: #BBB;
	border-bottom:1px solid #666;
	line-height:6px;
}
.resourceLabel {
	border-bottom: 1px solid #003366;
}
#resourceLabel1 {
	font-weight: bold;
}

/* for Feedback Survey - New FeedbackSurvey page */
.radioButton
{
	font-size: 70%; 
	color: #000;
	font-family: Verdana, Geneva, arial, helvetica, sans-serif;
	font-weight: normal; 
	text-align: right;
}

.labelText
{
    font-size: 10px; 
    color: #000; 
    font-family: Verdana, Geneva, arial, helvetica, sans-serif;
    font-weight: bold; 
    text-align: right;
}

.infoText
{
    font-size: 10px;
    font-weight: normal; 
    color: #999;
}
/*for grid view */
.GridView
{
	width:100%;
	font-size:11px
}
.GridView .Header
{
	background-color:#ddd;
	font-weight:bold;
	text-align:left;
	height:20px;
}
.GridView .Header .SortField
{
	background-color:#b7b7b7;
}
.GridView .HeaderSeparator
{
	border-bottom-style:solid;
	border-bottom-width: 1px;
	border-bottom-color:#b1b1b1;
}