/* =============================================================== */
/* Vertisan.Web.UI.Controls.FramedPanel styles ------------------- */
/* =============================================================== */
div.VertisanFramedPanel
{
    margin: 10px 0px 10px 0px;
}

div.VertisanFramedPanelHeader
{
	padding: 0px; 
	/* background-color: #6AD003;  
    background-image: url(Images/DisplayPanel/Panel-TopTile1.gif); 
    background-repeat: repeat-x; */
    height: 24px;
    vertical-align: middle;
    border: none;
    position: relative;
}
div.VertisanFramedPanelHeaderLeft
{
    background-image: url(Images/DisplayPanel/Panel-TopLeft.gif); 
    background-repeat: no-repeat; 
	font-family: Tahoma, Verdana, Arial, helvetica;
    text-align: left;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold; 
    line-height: normal;
	padding: 2px 0px 0px 15px;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 225px;
	height: 24px;
}
div.VertisanFramedPanelHeaderLeftRed
{
    background-image: url(Images/DisplayPanel/Panel-TopLeft-Red.gif); 
    background-repeat: no-repeat; 
	font-family: Tahoma, Verdana, Arial, helvetica;
    text-align: left;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold; 
    line-height: normal;
	padding: 2px 0px 0px 15px;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 225px;
	height: 24px;
}
div.VertisanFramedPanelHeaderCenter
{
    background-image: url(Images/DisplayPanel/Panel-TopCenter.gif); 
    background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 0px;
	left: 225px;
	height: 24px;
}
div.VertisanFramedPanelHeaderRight
{
	background-image: url(Images/DisplayPanel/Panel-TopRight.gif); 
    background-repeat: no-repeat; 
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 32px;
	height: 24px;
}
div.VertisanFramedPanelBody
{
    background-image: url(Images/DisplayPanel/Panel-BodyTile.gif); 
    background-repeat: repeat-x; 
    background-color: #ffffff;
    border-top: none;
    border-left: solid 1px #c2c2c2;
    border-right: solid 1px #c2c2c2;
    border-bottom: solid 1px #c2c2c2;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
}
div.VertisanFramedPanelBody p
{
	padding: 0px 5px 5px 5px;
}
/* --------------------------------------------------------------- */

/* =============================================================== */
/* Vertisan.Web.UI.Controls.SimpleFramedPanel styles ------------- */
/* =============================================================== */
.SimpleFramedPanelHeader
{
	padding: 0px; 
	font-family: Tahoma, Verdana, Arial, helvetica;
	font-size: 11px;
	font-weight: bold; 
	color: #192124;
	background-color: #6AD003; 
    background-image: url(Images/PageFramework/TitleBarBackground-Green.gif); 
    background-repeat: repeat-x; 
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    text-align: center;
    border-color: #5c7687;
    border-bottom: none;
    border-left: solid 1px;
    border-right: solid 1px;
    border-top: solid 1px;
    margin: 20px 10px 0px 10px;
}

.SimpleFramedPanelBody
{
    background-color: #d0d9e0;
    border-color: #5c7687;
    border-top: none;
    border-left: solid 1px;
    border-right: solid 1px;
    border-bottom: solid 1px;
    margin: 0px 10px 20px 10px;
}
/* --------------------------------------------------------------- */

/* =============================================================== */
/* Vertisan.Web.UI.Controls.PictureWithBorder styles ------------- */
/* =============================================================== */
.photo-frame
{
    /* will center in container */
    margin-left:auto; 
    margin-right:auto;
}
.photo-frame .topx-- {
	background-image: url(Images/PhotoFrame/frame-topx--.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}
.photo-frame .top-x- {
	background-image: url(Images/PhotoFrame/frame-top-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .top--x {
	background-image: url(Images/PhotoFrame/frame-top--x.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}
.photo-frame .midx-- {
	background-image: url(Images/PhotoFrame/frame-midx--.gif);
	background-repeat: repeat-y;
	width: 4px;
	height: 100%;
}
.photo-frame .mid--x {
	background-image: url(Images/PhotoFrame/frame-mid--x.gif);
	background-repeat: repeat-y;
	width: 4px;
	height: 100%;
}

.photo-frame .botx-- {
	background-image: url(Images/PhotoFrame/frame-botx--.gif);
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: top;
}
.photo-frame .bot-x- {
	background-image: url(Images/PhotoFrame/frame-bot-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .bot--x {
	background-image: url(Images/PhotoFrame/frame-bot--x.gif);
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: bottom;
}
.photo-frame td.photo-caption
{
    font-size: 11px;
    text-align: center;
    padding: 5px;
}
.album-frame .topx----,
.album-frame .top----x,
.album-frame .botx----,
.album-frame .bot----x {
	height: 14px;
	width: 14px;
}

.album-frame .top-x--- {
	background-image: url(Images/PhotoFrame/album-tstretch.gif);
	background-repeat: repeat-x;
	text-align: left;
	height: 14px;
	width: auto;
}
.album-frame .top--x-- {
	background-image: url(Images/PhotoFrame/album-tstretch.gif);
	background-repeat: repeat-x;
	height: 14px;
	width: auto;
}
.album-frame .top---x- {
	background-image: url(Images/PhotoFrame/album-tstretch.gif);
	background-repeat: repeat-x;
	text-align: right;
	height: 14px;
	width: auto;
}
.album-frame .mtpx---- {
	background-image: url(Images/PhotoFrame/album-lstretch.gif);
	background-repeat: repeat-y;
	vertical-align: top;
	height: auto;
	width: 14px;
}
.album-frame .mtp----x {
	background-image: url(Images/PhotoFrame/album-rstretch.gif);
	background-repeat: repeat-y;
	vertical-align: top;
	height: auto;
	width: 14px;
}
.album-frame .midx---- {
	background-image: url(Images/PhotoFrame/album-lstretch.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 14px;
}
.album-frame .mid----x {
	background-image: url(Images/PhotoFrame/album-rstretch.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 14px;
}
.album-frame .mbtx---- {
	background-image: url(Images/PhotoFrame/album-lstretch.gif);
	background-repeat: repeat-y;
	vertical-align: bottom;
	height: auto;
	width: 14px;
}
.album-frame .mbt----x {
	background-image: url(Images/PhotoFrame/album-rstretch.gif);
	background-repeat: repeat-y;
	vertical-align: bottom;
	height: auto;
	width: 14px;
}
.album-frame .bot-x--- {
	background-image: url(Images/PhotoFrame/album-bstretch.gif);
	background-repeat: repeat-x;
	text-align: right;
	height: 14px;
	width: auto;
}
.album-frame .bot--x-- {
	background-image: url(Images/PhotoFrame/album-bstretch.gif);
	background-repeat: repeat-x;
	height: 14px;
	width: auto;
}
.album-frame .bot---x- {
	background-image: url(Images/PhotoFrame/album-bstretch.gif);
	background-repeat: repeat-x;
	text-align: left;
	height: 14px;
	width: auto;
}
/* --------------------------------------------------------------- */

/* =============================================================== */
/* Control Description styles ------------------------------------ */
/* =============================================================== */
#ControlDescription 
{
    width: 690px;
}

#ControlDescription h1
{
    position: relative;
    font-family: Arial, Tahoma; 
	text-transform: none;
	font-size: 18px;
	left: 0px;
	margin-bottom: 25px;
}

#ControlDescription .Description
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#ControlDescription .Namespace
{
	margin: 0px;
	padding: 0px;
}

#ControlDescription .Assembly
{
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

#ControlDescription .SyntaxBox
{
    font-family: verdana;
    font-size: 12px;
    background-color: Gray;
    border: solid 1px black;
    padding: 5px;
    margin: 20px 0px 20px 0px;
}  

#ControlDescription .CodeSnippetTitleBar
{
	border-bottom: solid 1px black;
	padding-bottom: 5px;
}  

#ControlDescription .CodeSnippet
{
	font-family: Courier New, Courier;
	font-size: 12px;
    padding: 0px 5px 0px 5px;
}  

#ControlDescription .Remarks
{
	margin-top: 5px;
	margin-bottom: 10px;
	line-height: 16px;
}

#ControlDescription table.ClassProperties
{
	border: solid 1px black;
	width: 690px;
	margin: 5px 0px 20px 0px;
}


#ControlDescription table.ClassProperties thead tr td
{
	font-weight: bold;
	text-align: left;
	padding: 6px;
	background-color: Gray;
}

#ControlDescription table.ClassProperties tbody tr td
{
	padding: 8px 6px 8px 6px;
	background-color: #eeeeee;
	text-align: left;
	color: Black;
	line-height: 16px;
	border-bottom: solid 1px #dddddd;
}

#ControlDescription table.ClassProperties tbody tr td.FieldLabel
{
	font-weight: bold;
	width: 130px;
	white-space: nowrap;
}

#ControlDescription table.ClassProperties tbody tr td.DataType
{
	width: 100px;
}
/* --------------------------------------------------------------- */