/********************************
* Image area
********************************/
.mainContentArea 
{
	margin-bottom: 0px;
    
	 
}

.imgRepeaterPlain, .imgRepeaterHighlighted
{
	float: left;
	margin: 10px 20px 10px 20px;
	text-align: center;	
	padding: 4px 4px 4px 4px;
	
}

.commandButtons 
{
	margin-top: 2px;
}

.imgRepeaterTiny
{
	margin: 12px;
	padding: 2px 2px 2px 2px;
}

.imgRepeaterHighlighted
{
	border: 1px Orange solid;
}

.imgRepeaterPlain
{
	border: 1px Gray solid;
}

.BCDimgHighlighted
{
	border: 1px Orange solid;
}

.BCDimgPlain
{
	border: 1px Gray solid;
}
.BCDimgRepeaterPlain
{
	margin-left: 12px;
	margin-right : 12px;
	padding: 4px 4px 4px 4px;
	float: left;
	text-align: center;	
	
}
.CategoryDisplayRepeaterPlain
{
	margin-left: 5px;
	margin-right : 5px;
	float: left;
	text-align: center;	
}
/********************************
* Layout/tempalate Selcection Area
********************************/
.templateimgPlain
{
	border: solid 1px Gray;
}
.templateimgHighlighted
{
	border: 1px Orange solid;
}
.templateCellRepeaterPlain
{
	float: left;
	margin: 15px 10px 10px 15px;
	text-align: center;	
	padding: 4px 4px 4px 4px;
	
}
/********************************
* Header of Image area Array
********************************/

.textHeader
{
	float: left;
	padding:5px 5px 5px 15px;
	font: 12px Tahoma;
	color:Black;
	
	
}
.textFooter
{
	float: left;
	padding: 5px;
	font: 12px Tahoma;
	color:Black;
}

.pagerOnPage
{
	float: right;
	padding: 3px 0 3px 0;
	margin-right: 12px;

}


.imageArrayHeader
{
	/* don't remove it because it changes the look of the page */
	float:left;
	width:798px;
	background-color: #d2e7f8;
    
}

.imageArrayHeaderTab
{
	/* don't remove it because it changes the look of the page */
	float: right;
	width:800px;
	
}

.imageArrayFooter
{
	/* don't remove it because it changes the look of the page */
	float:left;
	width:798px;
	background-color: #d2e7f8;
}
/*Center image class*/
.imageArrayContent
{
	clear: both;
	padding-bottom:15px;
   
}
.categoryArrayHeader,.categoryArrayFooter
{
	float:left;
	width:798px;
	background-color: #d2e7f8;
}
.categoryArrayContent
{
	clear: both;
	padding-bottom:15px;
	
}
.categoryArrayHeaderTab
{
	float: right;
	width:800px;
}

.categoryStyle
{
	font-size: 14px;
	padding-top: 10px;
	padding-left: 15px;
	clear: both;
	color: Blue;
	text-align: left;
}

.categoryStyleSpan
{
	font-size: 14px;
}
.categoryHoverSpan
{
	font-size: 14px;
	color: Blue;
	cursor: pointer;
	text-decoration: underline;
	
}
.categoryCell
{
	width: 40%;
	vertical-align: top;
}
.categoryTable
{
	width: 100%;
	margin-left: 2px;
}

/********************************
* Template array in designer
********************************/
.templateArrayHeader,.templateArrayFooter
{
	width: 99%;
	float: right;
	background-color: #ffffff;
}

.templateArrayContent
{
	clear: both;
}
.templateArrayHeaderSelection,.templateArrayFooterSelection
{
	float: right;
	background-color: #D2E7F8;
	width:675px;
}

.textHeaderTemplate
{
	float: left;
	padding: 5px;
	font-size: 15px;
	font-weight:bold;
	color:Black;
}
/********************************
* Search Panel
********************************/
.TitlesText
{
	background-color: Transparent;
	font: bold 11px Tahoma;
	display: inline;
}

.searchCategText
{
	background-color: Transparent;
	color: #004A94;
	font: bold 12px Tahoma;
	display: inline;
}

.btnSearchPos
{
	padding-left: 5px;
	margin-top: 5px;
}


.eltGroupPos, .eltGroupPos2
{
	padding-left: 5px;
	text-align: left;
}


.eltGroupPos
{
	 background-color: Aqua;
}

.eltGroupPos2
{
	background-color: Maroon;
 }
.SearchInputArea
{
	width: 100%;
	padding-left: 5px;
}

/* ************************** */
.imageCatContainerDiv
{
	
	float: left;
	padding-left: 0px;
	width: 275px;
	
}

.imageCatImage
{
	float: left;
}
.imageCatText
{
	
	float: left;
	text-align: left;
	
}

.imageCatButton
{
	font: bold 14px Tahoma;
	color: #336699;
	 
}

.imageCatSubText
{
	font: 11px Tahoma;
	color: #000000;

}
.imageCatTextDiv
{
	width: 150px;
}
.mainLabelText
{
	font: bold 16px Tahoma;
	color: #336699;
	text-align: left;
	margin-left: 30px;
	margin-top: 15px;
	margin-bottom: 15px;

}
.mainLabelDiv
{
	width: 600px;
	float: left;
	text-align :left ;
	
}
/******************/
.childCategoryText
{
	clear: right;
	font-size: 14px;
	padding-top: 10px;
	padding-left: 15px;
	color: blue;
	
}
.childCategoryTextHover
{
	clear: right;
	font-size: 14px;
	color: blue;
	cursor: pointer;
	text-decoration: underline;
}
.childCategoryImage
{
	float:left;
	padding-top: 10px;
	padding-left: 0px;
	
}
.childCategoryDiv
{
	vertical-align: top;
	text-align: left;
}

.imagehover
{
	cursor: pointer;
	float: left;
	padding-top: 10px;
}
/**/
.tableRowCss
{
	text-align:left;
	vertical-align:bottom;
}
.imageButton
{
	padding-right:10px;
}
.controlLabelText
{
	font: bold 12px Tahoma;
	color: Black;
	
}
.linkHover
{
	color:Blue;
	cursor:pointer;
	
	text-decoration:underline;
}
.linkNormal
{
	color:Black;
	text-decoration: none;
}

/*For Image Category Display.*/
.labelStyle
{
	/*color: #FF900B ;*/
	font: normal 16px Tahoma;
	padding-left:10px;
	
}
.infoDiv
{
	color: #000000;
	text-align: left;
	margin-top: 5px;
	padding-left: 60px;
	font: normal 12px Tahoma;
}
/**/
.mainSearchArea
{
	background-image : url('/v3/images/tempimage/back.gif');
	vertical-align:middle;
	height:55px;
	border:solid 1px #7F9DB9;
	padding-top:5px;
	margin-top:10px;
	margin-bottom:10px;
}

/***************************************
CSS classes to dress div for the main
page. Image category Display.
****************************************/
.divHeader
{
	background-image: url('/v3/images/page_bg_blue_new.gif' );
	background-repeat: repeat-x;
	font: normal 16px Tahoma;
	text-align: left;
	/*#F7BE81*/
	border-bottom:solid 1px #7F9DB9;
}
.divMain
{
	clear: both;
	width:700px;
	border:solid 1px #7F9DB9;
	margin-top: 10px;	
}
.templateSelectorContentHolder 
{
  margin: auto;
  width: 565px;
  overflow: hidden;
  position: relative;
  text-align: left; 
}
.templateSelectorContent
{
  width: 4000px;
}