/* Vertisan.Web.UI.Controls.SexyButton */
/* http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html */

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.sexyButton {
    background: transparent url('images/button/bg_button_a.png') no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.sexyButton span {
    background: transparent url('images/button/bg_button_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 4px 0 6px 18px;
} 

a.sexyButton:active {
    background-position: bottom right;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */
    text-decoration: none;
}

a.sexyButton:visited:hover {
    text-decoration: none;
}

a.sexyButton:active span {
    background-position: bottom left;
    padding: 5px 0 5px 18px; /* push text down 1px */
}

/* End - Vertisan.Web.UI.Controls.SexyButton */

/**********************************/
/* Photo Border for All Pages Except the Albums Page */

.photo-frame .topx-- {
	background-image: url(Images/pictureBorders/frame-topx--.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}
.photo-frame .top-x- {
	background-image: url(Images/pictureBorders/frame-top-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .top--x {
	background-image: url(Images/pictureBorders/frame-top--x.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}

.photo-frame .midx-- {
	background-image: url(Images/pictureBorders/frame-midx--.gif);
	background-repeat: repeat-y;
	width: 4px;
	height: 100%;
}
.photo-frame .mid--x {
	background-image: url(Images/pictureBorders/frame-mid--x.gif);
	background-repeat: repeat-y;
	width: 4px;
	height: 100%;
}

.photo-frame .botx-- {
	background-image: url(Images/pictureBorders/frame-botx--.gif);
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: top;
}
.photo-frame .bot-x- {
	background-image: url(Images/pictureBorders/frame-bot-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .bot--x {
	background-image: url(Images/pictureBorders/frame-bot--x.gif);
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: bottom;
}

/* Photo Border for the Album Page */

.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/pictureBorders/album-tstretch.gif);
	background-repeat: repeat-x;
	text-align: left;
	height: 14px;
	width: auto;
}
.album-frame .top--x-- {
	background-image: url(Images/pictureBorders/album-tstretch.gif);
	background-repeat: repeat-x;
	height: 14px;
	width: auto;
}
.album-frame .top---x- {
	background-image: url(Images/pictureBorders/album-tstretch.gif);
	background-repeat: repeat-x;
	text-align: right;
	height: 14px;
	width: auto;
}

.album-frame .mtpx---- {
	background-image: url(Images/pictureBorders/album-lstretch.gif);
	background-repeat: repeat-y;
	vertical-align: top;
	height: auto;
	width: 14px;
}
.album-frame .mtp----x {
	background-image: url(Images/pictureBorders/album-rstretch.gif);
	background-repeat: repeat-y;
	vertical-align: top;
	height: auto;
	width: 14px;
}

.album-frame .midx---- {
	background-image: url(Images/pictureBorders/album-lstretch.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 14px;
}
.album-frame .mid----x {
	background-image: url(Images/pictureBorders/album-rstretch.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 14px;
}

.album-frame .mbtx---- {
	background-image: url(Images/pictureBorders/album-lstretch.gif);
	background-repeat: repeat-y;
	vertical-align: bottom;
	height: auto;
	width: 14px;
}
.album-frame .mbt----x {
	background-image: url(Images/pictureBorders/album-rstretch.gif);
	background-repeat: repeat-y;
	vertical-align: bottom;
	height: auto;
	width: 14px;
}

.album-frame .bot-x--- {
	background-image: url(Images/pictureBorders/album-bstretch.gif);
	background-repeat: repeat-x;
	text-align: right;
	height: 14px;
	width: auto;
}
.album-frame .bot--x-- {
	background-image: url(Images/pictureBorders/album-bstretch.gif);
	background-repeat: repeat-x;
	height: 14px;
	width: auto;
}
.album-frame .bot---x- {
	background-image: url(Images/pictureBorders/album-bstretch.gif);
	background-repeat: repeat-x;
	text-align: left;
	height: 14px;
	width: auto;
}

/* END PHOTO BORDERS *********************************/

/* --------------------------------------------------------------- */
/* 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;
}

/***********************************************/