BODY { font-size:11px; font-family:Tahoma, Arial, Helvetica, sans-serif; margin:0px; background-color:#89B520; }
IMG { behavior:url("inc/pngbehavior.htc"); }

A { text-decoration:none; color:#0000AA; }
A:HOVER { text-decoration:underline; }

FORM { margin:0px; padding:0px; }
INPUT { font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; }
TEXTAREA { font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; }
SELECT { font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; }

FIELDSET { margin-top:10px; padding:16px; }
LEGEND { color:#000000; font-weight:bold; padding:0px 8px 0px 4px; font-size:12px; }

.MsgBox { text-align:center; padding:10px 5px 10px 5px; border:1px solid #990000; background-color:#FFFFCC; width:250px; margin:auto; margin-bottom:10px; }
.ERROR { color:#990000; }
.OK { color:#000099; }

.Clear { float:none; clear:both; height:1px; min-height:1px; max-height:1px; overflow:hidden;}
.SmlText { font-size:10px;}

/* Framework */
.Header { width:900px; margin:auto; }
.Header .Logos { padding-top:10px; padding-bottom:22px; }
.Header .PageTitle { background-color:#066F33; color:#ffffff; padding:8px 23px 24px 23px;  }
.Header .PageTitle a { color:#FFFFFF; } 

.DivMain { width:900px; margin:auto; background-color:#FFFFFF; }
.DivMain { height:490px; min-height:490px; }
body > .DivMain { height:auto; }
.Contents { padding:15px 30px 20px 30px;}
.Contents .LeftCol { float:left; width:330px; }
.Contents .RightCol { float:right; width:480px; }
.Contents .Section { padding-bottom:20px;}
.Contents .Section .SectionContent { padding-left:40px;}

.Contents#Type2 .LeftCol { float:left; width:250px; }
.Contents#Type2 .RightCol { float:right; width:580px; }
.Contents#Type2 .LeftCol ul { margin:0px; padding:0px; list-style:none; list-style-image:none;}
.Contents#Type2 .LeftCol li { list-style:none; list-style-image:none;}
.Contents#Type2 .LeftCol li a {  display:block; padding:3px 3px 3px 3px; color:#999999; }
.Contents#Type2 .LeftCol li a:hover, .Contents#Type2 .LeftCol li a.Selected { background-color:#066F33; color:#FFFFFF; text-decoration:none;font-weight:bold;}
.Contents#Type2 .LeftCol h3 { font-size:14px; font-weight:bold; margin-bottom:6px; margin-top:0px;}

.Contents#TypePostal .LeftCol { float:left; width:280px; }
.Contents#TypePostal .RightCol { float:right; width:550px; }
.Contents#TypePostal .LeftCol ul { margin:0px; padding:0px; list-style:none; list-style-image:none;}
.Contents#TypePostal .LeftCol li { list-style:none; list-style-image:none;}
.Contents#TypePostal .LeftCol li a {  display:block; padding:3px 3px 3px 3px; color:#999999; }
.Contents#TypePostal .LeftCol li a:hover, .Contents#Type2 .LeftCol li a.Selected { background-color:#066F33; color:#FFFFFF; text-decoration:none;font-weight:bold;}
.Contents#TypePostal .LeftCol h3 { font-size:14px; font-weight:bold; margin-bottom:6px; margin-top:0px;}

.Page { border:1px solid #999999; height:400px; min-height:400px; }
.RightCol > .Page { height:auto; }
.Page h1 { background-color:#066F33; color:#FFFFFF; padding:4px;}
.Page h1 .Help {display:inline; float:right; font-size:12px;}
.Page h1 .Help a { color:#FFFFFF; }
.Page .PageContent { padding:15px 0px 15px 15px;}
.Page .Form {}
.Photo { float:left; width:180px; border:1px solid #CCCCCC; margin-right:2px; margin-bottom:5px; background-color:#EEEEEE; }
.Photo .Label { padding:5px; font-weight:bold;}
.Photo .SmallLabel { font-weight:normal; font-size:9px; color:#999999; text-align:right;}
.Photo .Field { padding:5px;}
.Photo .Buttons { padding-top:2px;}
.Photo .Buttons .Tooltip { font-weight:normal; font-size:9px; color:#999999; }
.Photo .Buttons a { margin-right:2px; }
.TextField { clear:both; float:none; width:100%; padding-bottom:10px;}
.TextField .Label { font-weight:bold; color:#333333; }
.TextField .Field  input { color:#666666; }
.TextField .Field  textarea { color:#666666; }
.fldInfo { font-size:10px; color:#990000; }
.Page .Form .Text {font-weight:bold; padding-bottom:5px;}

.FieldsetPadding { padding:12px; text-align:center; }
/*.TableFormEditAlbum INPUT { width:200px; }*/

.Tip { margin-top:15px; border:1px dashed #669933; padding:5px 10px 5px 10px; color:#666666;}

.Footer { width:900px; margin:auto; color:#FFFFFF; font-size:10px; padding:10px; text-align:center;}

H1 {font-size:16px; font-weight:bold; color:#066F33; font-family:Arial, Helvetica, sans-serif; padding:10px 0px 8px 0px; margin:0px;}
H1 img { margin-right:8px;}
H5 {font-size:11px; font-weight:bold; color:#000000; font-family:Arial, Helvetica, sans-serif; }
H5 img { margin-right:8px;}

fieldset {}
fieldset legend { font-size:16px; font-weight:bold; color:#066F33; font-family:Arial, Helvetica, sans-serif;}
.SendFriend .Field input { width:150px;}
.SendFriend .Label {}

.AlbumList { border-top:1px solid #999999; margin-top:3px;}
.AlbumList .AlbumItem { padding:8px 8px 8px 20px; border-bottom:1px solid #999999;}
.AlbumList .AlbumItem .Image { float:left }
.AlbumList .AlbumItem .Image img { margin-right:15px; border:1px solid #000000;}
.AlbumList .AlbumItem .GoButton { float:right; padding-top:17px;}
.AlbumList .AlbumItem .ItemContent { float:left; width:280px;}
.AlbumList .AlbumItem .Title, .AlbumList .AlbumItem .Title a { color:#000000; font-weight:bold; padding-bottom:2px;  }
.AlbumList .AlbumItem .SubTitle {color:#999999; padding-bottom:10px; }
.AlbumList .AlbumItem .Buttons {  }
.AlbumList .AlbumItem .Buttons a { margin-right:10px; }

.ChildList { margin-bottom:8px; border-top:1px solid #CCCCCC;}
.ChildList .ChildItem {  border-bottom:1px solid #CCCCCC;}
.ChildList .ChildItem .Title  { color:#000000; font-weight:bold; }
.ChildList .ChildItem .Title a { color:#000000; font-weight:bold; padding:4px 4px 4px 10px; display:block; }
.ChildList .ChildItem .Title a:hover { background-color:#EEEEEE;}
.ChildList .ChildItem .Buttons { float:right; }
.ChildList .ChildItem .Title#alert a { color:#CC0000; background-image:url(../img/icons/16x16/messagebox_warning.png); background-position:right; background-repeat:no-repeat;}

.Article { padding:8px 0px 0px 0px; border-bottom:1px solid #999999; }
.Article .Image {float:left; background-position:center; background-repeat:no-repeat; border:1px solid #CCCCCC;}
.Article .Image img { margin:2px;   }
.Article .ArticleContent {float:left; padding-left:5px; width:200px; }
.Article .Title {  color:#000000; font-weight:bold; padding-bottom:2px;}
.Article .Text { color:#999999;}

/* Accordion */
#Accordion { list-style-type:none; }
#Accordion UL { padding:0px; margin:0px; }
#Accordion LI { padding:0px; margin:0px; }
#Accordion .AccPanelheader { cursor:pointer; background-color:#EEEEEE; padding:4px 10px 4px 10px; color:#999999; font-weight:bold; border-bottom:2px solid #FFFFFF; }
#Accordion .AccPanelContent { background-color: #FFFFFF; overflow:hidden; color:#8C8C8C; font-weight:normal; }
#Accordion .AccMdSelected {background-color:#99DD99; color:#000000; font-weight:bold;}

/*HelpTip*/
.HelpTip {}
.HelpTipText { display:none;}
#tooltip.fancy {
	background: url('../img/helpbaloon.png');
	border:0px none;
	opacity: 0.8;
	padding-top: 5em;
	height: 100px;
	width: 210px;
	padding:20px;
	padding-top: 5em;
	font-size:11px;
	
}
#tooltip.fancy h3 { font-size:11px; font-weight:normal; color:#000000; }
#tooltip.fancy.viewport-right {	background: url('../img/helpbaloon-reverse.png');}


/*swf uploader*/

.progressWrapper {
	width: 170px;/*330px;*/
	overflow:hidden;
}

.progressContainer {
	/*margin: 5px;*/
	font-size:9px;
	padding: 1px;
	height:30px;
	border: solid 1px blue;/*#E8E8E8;*/
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	/*margin: 1em 0;
	padding: 10px 20px;*/
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}
.progressName {
	font-size: 9px;
	font-weight:bold;
	color: #000000;
	width: 140px; /*140px;*/
	height: 10px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}
.progressBarStatus {
	margin-top: 1px;
	width: 100px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}
a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../img/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}