/****************************************************************/
/*                                                              */
/*                 PLEASE DO NOT EDIT THIS FILE                 */
/*                                                              */
/****************************************************************/
/*  Generic HTML tag */
html
{	min-height: 100%;
    height: 100%;
}
/* Required for page footer - workaround for Firefox/IE */
html>body, html>body #contents {
        height: auto;
}
/* Anchor Link */
a
{
	color: Navy;
	font-style: normal;
	font: 7pt verdana, arial, helvetica, tahoma, sans-serif; 
	text-decoration: none;
}
/*	Main Application Body of all pages */
body
{
	margin: 0;
	padding: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	min-height: 100%;
    height: 100%;
}

/* For Pages without MasterPage (usually popups) */
body#No_MP
{
	background: #FFFFFF;
}

/*  Generic table */
table
{
    font-family: Verdana;
    font-size: small;
    color: #00477E;
    padding: 0 0 0 0;
    border: 0;
    margin: 0 auto;
    border-collapse: collapse;
}

/*****************/
/*  Default page */
/*****************/
/*  Dashboard area */
#DashAdmin
{
	width: 575px;
	height: 53px;
	background-image: url(Images/Dashboard/Admin.png);
	border-top: solid 1px #92b4e0;
	border-right: solid 1px #92b4e0;
	}
#DashProducer
{
	width: 575px;
	height: 53px;
	background-image: url(Images/Dashboard/Producer.png);
	border-top: solid 1px #92b4e0;
	border-right: solid 1px #92b4e0;
	}
#DashManager
{
	width: 575px;
	height: 53px;
	background-image: url(Images/Dashboard/Manager.png);
	border-top: solid 1px #92b4e0;
	border-right: solid 1px #92b4e0;
	}
#DashCustomer
{
	width: 575px;
	height: 53px;
	background-image: url(Images/Dashboard/Customer.png);
	border-top: solid 1px #92b4e0;
	border-right: solid 1px #92b4e0;
	}
#DashInternet
{
	width: 575px;
	height: 53px;
	background-image: url(Images/Dashboard/Internet.png);
	border-top: solid 1px #92b4e0;
	border-right: solid 1px #92b4e0;
	border-bottom: solid 1px #92b4e0;
	}
/********************************/
/* Company Catalogue and Layouts*/
/********************************/

/*	Search Area in Catalogue */
.trSearch  
{
	background: Transparent;
}		

.Menu /* Top Line */
{
    background-color: #FFFFFF;
    height: 10px;
}

.Side
{
    background-color: #F8F8F8;
    height:100%;
}

.Main
{
    background-color: #FFFFFF;
    height:860px;
}

div.Collapse
{
    width:100%;
    height: 30px;
    /*background-color:ActiveCaption; */
    background:url('../../Resources/Images/Global/Background/Collapse_Title_Blue_Bg.png');
    color:White;
}

/* FROM TELERIK */
.module {
	border:1px solid #DADADA;
	padding:12px;
	background: #fff url(../Img/moduleBg.gif) repeat-x;
	font-family: Arial, Verdana;
	font-size:11px;
	color:#333333;
	vertical-align:top;
	margin-right: 3px;
}
.module TD, .module A 
{
	font-size:11px;
	color:#333333;
}
.EditFormButtonRow A { FONT-SIZE: 12px; COLOR: green }
.EditFormHeader TD { FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-TOP: 4px; TEXT-ALIGN: center }



.imageDetailsHeader
{
    font: bold 16px Arial, Verdana, Helvetica, Sans-serif;
    color: #666666;
    margin-top: 20px;
    margin-left: 30px;
    margin-bottom: 5px;
}
.details
{
    font: normal 11px Arial, Verdana, Helvetica, Sans-serif;
    color: #666666;
    margin-left: 30px;
    width: 230px;
    vertical-align: middle;
    margin-bottom: 4px;
}
.detailsTxtBox
{
    font: normal 11px Arial, Verdana, Helvetica, Sans-serif;
    color: #666666;
    height: 13px;
    border: solid 1px #ccc;
}
a.editBtns, a.editBtns:link, a.editBtns:visited, a.editBtns:active, a.editBtns:focus
{
    text-decoration: none;
    border: solid 1px #808080;
    display: inline-block;
    width: 50px;
    font: bold 11px Arial, Verdana, Helvetica, Sans-serif;
    text-align: center;
    margin-top: 4px;
    background-color: #e8e8e8;
    color: #808080;
}
a.editBtns:hover
{
    color: #3b3b3b;
}
/*.thumbsViewer
{
    background-color: #fff;
    background-image: url(Images/thumbsBg.gif);
}*/
.RotatorImage
{
    margin:0px 11px;
    cursor:hand;
    cursor: pointer;
}

/*************************************/
	
/* XMPIE - Store Front*/
.actionpage
{
	text-align: center;
	width: 680px;
	vertical-align: top; 
	margin: 5px;
}

.buttonsarea
{
	text-align: center;
	width: 680px;
	vertical-align: top; 
	margin: 0px;	
}
.tableXmpieJPG
{
	background-image: url(Images/Design/bg_myaccount.png);
	background-repeat: repeat-x;
	text-align: left;
	vertical-align: middle;
	border-color: #92b4e0;
	border-style:outset;
	border-width: medium; 
	margin: 5 5 5 5;
	
		}

/* XMpie Custom Page, table for Assets thumbnails Not used in CustomTab pages*/ 
.tableAsset
{
	padding-top: 8px;
	font-size: x-small;
	font-family: Verdana, Lucida Sans;
	background-color: #94baf6;
	}

/* Help Div id*/
#helpdiv
{
	border: 0; 
	background: url(Images/Design/Helpbg.gif); 
	position: absolute; 
	margin-left: auto; 
	margin-right: auto; 
	width: 586px; 
	height: 462px; 
	left: 180px; 
	top: 100px; 
	display: none; 
	z-index: 100;
	}

#helpinsidediv
{
	/*background-color: Olive;*/
	margin-left: 20px; 
	margin-top: 38px; 
	width: 546px; 
	height: 380px; 
	text-align: center;
	color: Black;
	}

.popMainDiv
{
	width: 100%; 
	text-align:center;
	}
.popTopicDiv
{
	margin-left: 5%;
	width: 90%; 
	text-align:center;
	background-color:#808080;
	}
.popContentsDiv
{
	margin-left: 5%;
	width: 90%; 
	background-color:White;
	}

/* Associate Product with Image ROTATOR */
/* div: enclosing parameter dropdpowns and out frame surrounding the Image rotator */
.rotmodule 
{
	border:1px solid #DADADA;
	padding:12px;
	font-family: Verdana, Arial ;
	font-size:11px;
	color:#333333;
	vertical-align: middle;
	margin-right: 3px;
	width: 300px;
	height: 350px;
}
/* div: inner frame surrounding the Image rotator */
.rotdetails
{
	/*border: solid 1px #808080;*/
    font: normal 11px Verdana, Arial, Helvetica, Sans-serif;
    color: #666666;
    width: 100%;
    height: 300px;
    vertical-align: middle;
    text-align: center;
}

/* Used in Company Details */
.Shaded
{
	background-color: #F0F0F0;
}
/* Enhanced Layout */
div.DivContainer
{
	float: left;
	width: 420px;
}
div.Descr
{
	width: 420px; 
	background-color: #F0F0F0; 
	float:none;
	margin-left: 0px;
}
div.DivBoxOne
{
	float: right; 
	width: 420px; 
	border-left: solid 1 Navy;
	border-right: solid 1 Navy;
	border-bottom: solid 1 Navy;
	border-top: solid 1 Navy;
	padding: 1px;
}
div.DivTop
{
	background: url('Images/Corners/Top_420.png') no-repeat 50% top;
}
div.DivBottom
{
	background: url('Images/Corners/Bottom_420.png') no-repeat 50% bottom;
}
div.DivOne
{
	text-align: center;
	vertical-align: middle;
	width: 420px;
}
div.DivLabel
{
	text-align: right;
	vertical-align: middle;
	/*background: Transparent url(Images/Corners/Top.gif) no-repeat top left;*/
	width: 190px;
	height: 24px;
	padding: 1px;
	float: left;
}
div.DivValue
{
	text-align: left;
	vertical-align: bottom;
	/*background: Transparent url(Images/Corners/Bottom.gif) no-repeat bottom right;*/
	width: 190px;
	height: 24px;
	padding: 1px;
	float: none;
}

/*************************************/
/* Product Info Area 10 October 2008 */
/*************************************/
/* Product Info Main Area */
.InfoArea_Main
{
	/* Do not use Width as it is controlled in code */
	/*background-color: White;*/
	text-align: left;
	}	
/* Product Name and SKU area */
.InfoArea_ProductName
{
	/* Do not use Width as it is controlled in code */
	background-image: url(images/panels/top.png); 
	height: 33px;
	text-align: left;
	padding: 10px 0px 0px 0px; /* Don't change Left or Right Padding */
	}
.InfoArea_SKU
{
	/* Do not use Width as it is controlled in code */
	background-image: url(images/panels/top.png); 
	height: 33px;
	text-align: right;
	padding: 10px 0px 0px 0px; /* Don't change Left or Right Padding */
	}
.InfoArea_Image
{
	/* Do not use Width as it is controlled in code */
	text-align: center;
	}		
.InfoArea_Info
{
	/* Do not use Width as it is controlled in code */
	background-image: url(images/panels/body.png);
	text-align: left;
	}			
.InfoArea_Preview
{
	background-image: url(images/panels/body.png);
	text-align: center;
}
.InfoArea_Separator
{
	clear: both;
	height:3px; 
	width: 100%;
}

/**************************************************************/
/*    Xmpie Fields Page                                       */
/**************************************************************/
.XmpieFieldsPage
{
	/*background-image: url(images/panels/top.png); */
	background-color: #E0E0E0;
	width: 100%;
	}

.XmpieUploadTable
{
	/*background-image: url(images/panels/body.png); */
	background-color: #E0E0E0;
	/*width: 100%;*/
	}
.XmpieUploadRowCaption
{
	/*background-image: url(images/panels/body.png); */
	background-color: #C0C0C0;
	}	
.XmpieUploadCell /* Recipients Panel */
{
	/*background-image: url(images/panels/body.png); */
	padding: 2px 2px 2px 2px;
	text-align: center;
	}	
.XmpieUploadAssetCell  /* Assets Panel */
{
	/*background-image: url(images/panels/body.png); */
	padding: 2px 2px 2px 2px;
	text-align: center;
	width: 100%;
	}
/* Description area of each step */
.XmpieDescription
{
	padding: 0px 10px 0px 10px;
	}	
/* Label area of each Custom Dial */
.XmpieLabel
{
	padding: 4px 10px 0px 10px;
	}	
/* Field area of each Custom Dial */
.XmpieField
{
	padding: 4px 10px 0px 10px;
	}	

/**************************************************************/
/*    PRODUCTION NEW                                          */
/**************************************************************/
/* To be used for popups in production */
.ProdTable 
{
	background-color: #F0F0F0;
	padding: 5px 5px 5px 5px;
	}		


/**************************************************************/
/*    IMAGE PREVIEW WINDOW                                    */
/**************************************************************/
div#Preview_Top
{
	background-color: #FFFFFF;
	height: 10px;
	width: 100%;
	}
div#Preview_Content
{
	width: 100%;
	background-color: #FFFFFF;
	margin: 0 auto; 
	vertical-align: middle;
	text-align: center;
	}
div#Preview_Bottom
{
	background-color: #FFFFFF;
	height: 10px;
	width: 100%;
	}
.PreviewImage
{
	border-color: Black;
	border-style: solid;
	border-width:thick;
	}
	
/**************************************************************/
/*         FOR RADGRID As DATALIST - Center Image             */
/**************************************************************/
.Ditem, .DalternatingItem
{
   float: left;
   padding: 15px;
   margin: 5px;
   width: 175px;
   height: 120px;
   border: 1px solid threedshadow;
}
.Ditem
{
   background: whitesmoke !important;
}
.DalternatingItem
{
   background: window !important;
}
.Ditem:hover, .DalternatingItem:hover
{
   background: silver !important;
} 

/* FOR RADGRID As DATALIST - Left Image*/
.DitemTwo, .DalternatingItemTwo
{
   float: left;
   padding: 10px;
   margin: 5px;
   width: 258px;
   height: 140px;
   border: 1px solid threedshadow;
}
.DitemTwo
{
   background: whitesmoke !important;
}
.DalternatingItemTwo
{
   background: window !important;
}
.DitemTwo:hover, .DalternatingItemTwo:hover
{
   background: silver !important;
} 
.DItemTwoTDLeft
{
    width: 50%;
    }
DItemTwoTDRight
{
    width: 50%;
    }
/* FOR RADGRID As DATALIST - END */    

/* Setting for Panel with Group Text */
.PanelLegend legend
{
    color: Navy;
}
/* *************************************************** */