.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}
.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}
.modalPopup {
    background-color:#ffffdd;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
    width:250px;
}
.modalPopup2 {
    background-color:#FFDAB9;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
    width:250px;
}
.modalPopup3 {
    background-color:#ffffdd;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
    width:500px;
}
.popupMenu {
	position:absolute;
	visibility:hidden;
	background-color:#f4e6e4;
	font-family: Verdana;
	border-width:3px;
	border-style:solid;
    border-color:Gray;
	opacity:.9;
	filter: alpha(opacity=90);
}
.popupHover {
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#F5F7F8;
}
.ContextMenuPanel {
	border: 1px solid #868686;
	z-index: 1000;
	background: url(images/menu-bg.gif) repeat-y 0 0 #FAFAFA;
	cursor: default;
	padding: 1px 1px 0px 1px;
	font-size: 11px;
}
.ContextMenuItem2 {
	margin: 1px 0 1px 0;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 19px 4px 33px;
	white-space: nowrap;
	font-size: 12px;
}
.ContextMenuItem {
	margin: 1px 0 1px 0;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 19px 4px 33px;
	white-space: nowrap;
}
.watermark {
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}
.watermarkMail {
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	color:gray;
}
.addpet {
    background-color:#ffffdd;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
    width:500px;
    height:690px;
}
.addblog {
    background-color:#ffffdd;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
    width:500px;
    height:346px;
}
#UpdateProgress1 { 
    border-right: gray 1px solid; border-top: gray 1px solid; 
    border-left: gray 1px solid; border-bottom: gray 1px solid;
}
#UpdateProgress1 {
    width: 400px; background-color: #FFC080; 
}
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-color: Transparent;
}
.filledRatingStar {
    background-image: url(images/rating/FilledStar.png);
}
.emptyRatingStar {
    background-image: url(images/rating/EmptyStar.png);
}
.savedRatingStar {
    background-image: url(images/rating/SavedStar.png);
}
.body {
    margin-top:3;
    margin-left:0;
    margin-right:0;
    margin-bottom:0;
}
.collapsePanel {
	width: 640px;
	height:0px;
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader {	
	width:640px;		
	height:20px;
	color: Yellow;
	background-color: Black;
	font-weight:bold;
	float:left;
	padding:5px; 
	cursor: pointer; 
	vertical-align: middle;
}
.roundedPanel {	
	width:300px;	
	background-color:#5377A9;	
	color:white;
	font-weight:bold;		
}
/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}
.PageWorkingBackground {
    position: fixed;
    top: 0;
    left: 0;
    background-color:Gray;
    filter:alpha(opacity=75);
    opacity:0.75;
    height: 100%;
    width: 100%;
    min-height: 100%;
    min-width: 100%
}
.UpdateProgress {
    background-color:#fff;
    width: 150px;
    text-align: center;
    vertical-align: middle;
    position: fixed;
    bottom: 50%;
    left: 45%;
    border: solid 2px #453825;
    margin: 10px;
    padding: 10px;
}
.UpdateProgress2 {
    background-color:#fff;
    width: 150px;
    text-align: center;
    vertical-align: middle;
    position: fixed;
    bottom: 50%;
    left: 50%;
    border: solid 2px #453825;
}
/**************Custom Buttons**********/
.btn { 
    display: block;
    position: relative;
    background: #aaa;
    padding: 5px;
    float: left;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}
.btn * {
    font-style: normal;
    background-repeat: no-repeat;
    display: block;
    position: relative;
}
.btn i {
    background-position: top left;
    position: absolute;
    margin-bottom: -5px;
    top: 0;
    left: 0;
    width: 5px;
    height: 5px;
}
.btn span {
    background-position: bottom left;
    left: -5px;
    padding: 0 0 5px 10px;
    margin-bottom: -5px;
}
.btn span i {
    background-position: bottom right;
    margin-bottom: 0;
    position: absolute;
    left: 100%;
    width: 10px;
    height: 100%;
    top: 0;
}
.btn span span {
    background-position: top right;
    position: absolute;
    right: -10px;
    margin-left: 10px;
    top: -5px;
    height: 0;
}
.btn.blue { background: #4092BC; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #A32739; }
.btn:active { background-color: #444; }
* html .btn span, * html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }