/*** MISC ***/
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	margin:0px;
	padding:0px;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#d6d4c8; }
#wraphead {
	background-image:url(../images/wrap-bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	padding-top:125px; }


/*** HEADER ***/
#header {
	margin-top:20px;
	margin-bottom:7px; }
#logo {
	position:absolute;
	margin-left:10px;
	margin-top:-22px; }
#underlogobox {
	width:140px;
	height:85px;
	float:left; }
.topmenu {
	font-family:Myriad Pro, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFFFFF;
	padding:13px 20px 13px 20px;
	text-decoration:none; }
.topmenu:hover {
	font-family:Myriad Pro, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FF9900;
	padding:13px 20px 13px 20px;
	text-decoration:none;
	background-color:#000000; }




/*** NAV ***/
#nav{
	position:relative; }
#nav ul{
	margin:0px;
	padding:0 0 4px 0;
	list-style-type:none;
	width:auto;
	float:right; }
#nav ul li{
	display:block;
	float:left;
	margin:0 5px 0 0; }
#nav ul li a{
	display:block;
	float:left;
	color:#4a4a4a;
	text-decoration:none;
	padding:0 0 0 12px;
	height:24px;
	line-height:200%;
	background-image:url(../img/topmenu_off.gif);
	background-repeat:no-repeat; }
#nav ul li a span {
	display:block;
	width:auto;
	padding:0 12px 0 0;
	background-image:url(../img/topmenu_end_off.gif);
	background-repeat:no-repeat;
	background-position:right; }
#nav ul li a:hover {
	color:#99CC66;
	background-image:url(../img/topmenu_on.gif);
	background-repeat:no-repeat; }
#nav ul li a:hover span {
	display:block;
	width:auto;
	background-image:url(../img/topmenu_end_on.gif);
	background-repeat:no-repeat; }
.usrmenu {
	font-size:12px;
	color:#696969;
	border-bottom:1px solid #CC6699;
	text-decoration:none;
	margin-left:10px; }
.usrmenu:hover {
	font-size:12px;
	color:#696969;
	border-bottom:0px;
	text-decoration:none; }
.editprofile {
	font-size:12px;
	color:#8aa600;
	text-decoration:none; }
.editprofile:hover {
	font-size:12px;
	color:#8aa600;
	text-decoration:none; }
.home_gallery {
	font-size:12px;
	font-weight:normal;
	color:#676767;
	text-decoration:none; }
.home_gallery:hover {
	font-size:12px;
	font-weight:normal;
	color:#000000;
	text-decoration:underline; }
.showall {
	font-size:12px;
	font-weight:normal;
	color:#676767;
	text-decoration:none; }
.showall:hover {
	font-size:12px;
	font-weight:normal;
	color:#000000;
	text-decoration:underline; }
.event_head {
	font-size:16px;
	font-weight:bold;
	color:#33598A;
	cursor:pointer;
	border-bottom:1px solid #C9C9C9;
	border-left:1px solid #C9C9C9;
	border-right:1px solid #C9C9C9;
	padding:5px; }
.event_cell {
	border-bottom:1px solid #C9C9C9;
	border-left:1px solid #C9C9C9;
	border-right:1px solid #C9C9C9;
	padding:5px; }
.event_cell a {
	font-size:12px;
	color:#CC6699;
	text-decoration:underline; }
.event_cell a:hover {
	font-size:12px;
	color:#CC6699;
	text-decoration:none; }



/*** CONTENT ***/
h2 {
	font-size:20px;
	color:#756c5b; }
h3 {
	font-size:16px;
	color:#99CC00;
	margin:10px 0px 10px 0px; }
.welcome {
	font-size:20px;
	color:#969081; }
.welcome_name {
	font-size:18px;
	color:#33598A;
	padding-top:15px;
	padding-bottom:15px; }
.welcome_name a {
	font-size:12px;
	color:#646464;
	text-decoration:underline; }
.welcome_name a:hover {
	font-size:12px;
	color:#646464;
	text-decoration:none; }
.page_header {
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	border-top:1px solid #99BB33;
	background-color:#33598A;
	padding:5px 0px 5px 15px;
	margin-left:20px;
	margin-right:20px; }	
.totals {
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #666666; }
.totalword {
	font-size:20px;
	color:#787161; }
.totalnr {
	font-size:20px;
	color:#CC6600; }
.or {
	font-size:18px; }
.signup {
	font-size:18px;
	color:#93ad32;
	text-decoration:underline; }
.signup:hover {
	font-size:18px;
	color:#93ad32;
	text-decoration:none; }
.learnmore {
	font-size:18px;
	color:#7c766a;
	text-decoration:underline; }
.learnmore:hover {
	font-size:18px;
	color:#7c766a;
	text-decoration:none; }
.logingorlearn {
	color:#acacac;
	text-align:center;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #666666; }
#members {
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #666666; }
#members .frame {
	width:100px;
	height:100px;
	text-align:center;
	background-image:url(../img/frame.gif); }
#members .frame img {
	padding-top:8px; }
.friendlink {
	width:210px;
	display:block;
	padding:5px 0 5px 0;
	margin-bottom:5px;
	background-color:#996699;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	text-align:center; }
.friendlink:hover {
	padding:5px 0 5px 0;
	background-color:#FFFFFF;
	border:1px solid #996699;
	color:#996699;
	font-weight:bold;
	text-decoration:none; }
.invites_accept {
	font-size:14px;
	font-weight:bold;
	color:#009933; }
.invites_decline {
	font-size:14px;
	font-weight:bold;
	color:#FF0000; }
.invites_undecided {
	font-size:14px;
	font-weight:bold;
	color:#666666; }
.msg a {
	color:#99BB33;
	text-decoration:underline; }
.msg a:hover {
	color:#99BB33;
	text-decoration:none; }
#galleries_content .mnglinks {
	font-size:12px;
	color:#000000;
	border-bottom:1px solid #999999;
	text-decoration:none; }
#galleries_content .mnglinks:hover {
	font-size:12px;
	color:#000000;
	border-bottom:1px solid #FFFFFF;
	text-decoration:none; }
#galleries_content .title {
	font-size:12px;
	color:#CC6699;
	text-decoration:underline; }
#galleries_content .title:hover {
	font-size:12px;
	color:#CC6699;
	text-decoration:none; }
.albumlink {
	color:#8ca837;
	text-decoration:underline; }
.albumlink:hover {
	color:#8ca837;
	text-decoration:none; }
.albumnavlink {
	color:#CC6699;
	text-decoration:underline; }
.albumnavlink:hover {
	color:#CC6699;
	text-decoration:none; }
.graylink {
	color:#858585;
	text-decoration:underline; }
.graylink:hover {
	color:#858585;
	text-decoration:none; }
.greenlink {
	color:#99CC00;
	text-decoration:underline; }
.greenlink:hover {
	color:#99CC00;
	text-decoration:none; }
.bflink {
	color:#996699;
	text-decoration:underline; }
.bflink:hover {
	color:#996699;
	text-decoration:none; }
.cdate {
	font-size:10px;
	color:#666666; }
.textareafield {
	width:100%;
	height:32px;
	border:1px solid #999999;
	overflow:auto; }
.filefield {
	width:100%;
	border:1px solid #999999; }
.postbtn {
	width:50px;
	height:50px; }


/*** FOOTER ***/
#footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px; }





/*** OLD ONE ***/
.tab_open
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#990000;
	font-weight:bold;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:4px;
	width:25px;
	margin:0px;
	text-align:center;
	cursor:pointer;
	background-color:#ffffff;
	
}

*html .tab_open
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#990000;
	font-weight:bold;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:5px;
	width:30px;
	margin:0px;
	text-align:center;
	cursor:pointer;
		background-color:#ffffff;
}

.tab
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	/*font-weight:bold;*/
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	padding:4px;
	width:15px;
	margin:0px;
	text-align:center;
	cursor:pointer;
	background-color:#f1f1f1;
	
}

*html .tab
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	/*font-weight:bold;*/
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	padding:5px;
	width:25px;
	text-align:center;
	cursor:pointer;
	background-color:#f1f1f1;
	
}
.tab_last
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	/*font-weight:bold;*/
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:4px;
	width:15px;
	margin:0px;
	text-align:center;
	cursor:pointer;
	background-color:#f1f1f1;
	
}

*html .tab_last
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	/*font-weight:bold;*/
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:5px;
	width:25px;
	margin:0px;
	text-align:center;
	cursor:pointer;
	background-color:#f1f1f1;
	
}
.common_text
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}

.fld_name
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
}
.fld_value
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#003366;
}
.frm
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	border:1px solid #cccccc;
}

.title {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#8ca837; }

/*.common_text
{
	font-family:Tahoma,Arial,Verdana;
	font-size:11px;
	color:#333333;
}*/

.rss_title
{
	font-family:Tahoma,Arial,Verdana;
	font-size:11px;
	color:#333333;
}
.feed {
	font-family:Tahoma,Arial,Verdana;
	font-size:11px;
	color:#000000;
	font-weight:bold;
	padding-top:2px; }
.feed_categ{
	font-family:Tahoma,Arial,Verdana;
	font-size:11px;
	color:#CC6699;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #f1f1f1;
	margin-bottom:1px; }
.feed_title_unread {	
	font-family:Tahoma,Arial,Verdana;
	font-size:11px;
	color:#333333;
	font-weight:bold;
	padding:3px;
	border-bottom:1px solid #cccccc; }
.feed_title_read {
	font-family:Tahoma,Arial,Verdana;
	font-size:11px;
	color:#333333;
	font-weight:normal;
	padding:3px;
	border-bottom:1px solid #cccccc; }
.descr_title {
	font-family:Tahoma,Arial,Verdana;
	font-size:18px;
	font-weight:bold;
	color:#8aa534;
	padding-top:5px;
	padding-bottom:10px; }
.descr_summary{
	font-family:Tahoma,Arial,Verdana;
	font-size:11px;
	color:#676767; }
#feed_detail a {
	color:#898989;
	text-decoration:underline; }
#feed_detail a:hover {
	color:#898989;
	text-decoration:none; }
.del_btn{
	font-family:Tahoma,Arial,Verdana;
	font-size:11px;
	font-weight:normal;
	color:#999999;
	cursor:pointer;
}

.del_btn_over{
	font-family:Tahoma,Arial,Verdana;
	font-size:11px;
	text-decoration:underline;
	color:#666666;
	font-weight:normal;
	cursor:pointer;
}


.btn {
	font-family:Tahoma,Arial,Verdana;
	font-size:11px;
	font-weight:bold;
	color:#333333;
	background-color:#ffffff;
	float:left;
	width:80px;
	text-align:center;
	border:1px solid #cccccc;
	margin-right:5px;
	padding:3px;
	cursor:pointer; }
.btn_over {
	font-family:Tahoma,Arial,Verdana;
	font-size:11px;
	font-weight:bold;
	color:#333333;
	background-color:#f1f1f1;
	float:left;
	width:80px;
	text-align:center;
	border:1px solid #cccccc;
	margin-right:5px;
	padding:3px;
	cursor:pointer; }

.selected_categ {
	font-family:Tahoma,Arial,Verdana;
	font-size:11px;
	color:#8d8d8d;
	text-decoration:underline;
	font-weight:bold;
	padding-top:2px; }

.elem
{
	font-family:Tahoma,Arial,Verdana;
	font-size:11px;
	color:#333333;
	cursor:pointer;
}
.selected_elem
{
	font-family:Tahoma,Arial,Verdana;
	font-size:11px;
	background-color:#f1f1f1;
	color:#D9A951;
	font-weight:bold;
	cursor:pointer;
	border:1px solid #cccccc;
}


.comma
{
	font-family:Tahoma,Arial,Verdana;
	font-size:30px;	
	color:#666666;
	
}
.hidden_el
{
	height:0px;
	overflow:hidden;
	margin-top:0px;
	margin-bottom:0px;
}
.show_el
{
	overflow:visible;
	margin-top:10px;
	margin-bottom:10px;
	text-align:left;
}
.top_link { font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #333366; text-decoration: underline; }
.top_link:hover { color: #000000; text-decoration: none; }




/*** CALENDAR ***/
.month {
	width:100%;
	border-style: none;
	text-align: center;
}
.monthname {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	background-color:#EEEEEE;
	color:#99CC00;
	padding:10px; }
.dayname {
	width:14%;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	background-color:#7d7568;
	color:#FFFFFF; }
.weeknumtitle {
	width:2%;
	text-align: center;
	font-size: 12px;
	background-color:#EEEEEE;
	padding:2px;
	border:1px solid #CCCCCC;
}
.weeknum {
	font-size:12px;
	background-color:#EEEEEE;
	text-align:center;
}
.weeknum a {
	color:#000000;
	text-decoration:underline;
}
.weeknum a:hover {
	color:#000000;
	text-decoration:none;
}
.datepicker {
	background-color: #e4e4e4;
}
.datepickerform {
	margin: 0px;
}
.monthnavigation {
	font-family: Tahoma, Arial, sans-serif;
}
.monthpicker {
	font-size: 11px;
	background-color: #eeeeee;
}
.yearpicker {
	font-size: 11px;
	background-color: #eeeeee;
}
.pickerbutton {
	font-size: 11px;
	background-color: #eeeeee;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}
.nomonthday {
	border:1px solid #999999;
	text-align:left;
	font-size:10px;
	height:60px;
	color:#FFFFFF;
}
.monthday {
	border:1px solid #999999;
	text-align:left;
	font-size: 12px;
	font-weight: bold;
	color:#006699;
	height:60px;
	vertical-align:top;
	padding:3px;
}
.monthday a {
	font-size:13px;
	color:#333333;
	text-decoration:none; }
.monthday a:hover {
	font-size:13px;
	color:#333333;
	text-decoration:underline; }
.today {
	border:1px solid #999999;
	text-align:left;
	vertical-align:top;
	font-size: 13px;
	font-weight: bold;
	padding:3px;
	background-color:#EEEEEE; }
.today a {
	color:#996666;
	text-decoration:none; }
.today a:hover {
	color:#996666;
	text-decoration:none; }
.selectedday {
	font-size:12px;
	background-color: #66ff66;
	text-decoration:none; }
.sunday {
	border:1px solid #999999;
	text-align:left;
	font-size: 12px;
	font-weight: bold;
	color:#FF0000;
	vertical-align:top;
	background-color:#FFFFCC;
	padding:3px;
}
.sunday a {
	font-size:13px;
	color:#FF6600;
	text-decoration:none;
}
.sunday a:hover {
	font-size:13px;
	color:#FF6600;
	text-decoration:underline;
}
.saturday {
	border:1px solid #999999;
	text-align:left;
	font-size: 12px;
	font-weight: bold;
	color:#FF0000;
	vertical-align:top;
	background-color:#FFFFCC;
	padding:3px;
}
.saturday a {
	font-size:13px;
	color:#FF6600;
	text-decoration:none;
}
.saturday a:hover {
	font-size:13px;
	color:#FF6600;
	text-decoration:underline;
}




.selectedevent {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: red;
	background-color: #ffff99;
	height:20px;
	width:20px;
}
.selectedevent a {
	background-color: #ffff99;
	color: red;
}
.todayevent {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: red;
	background-color: #ffff99;
	height:20px;
	width:20px;
}
.todayevent a {
	background-color: #ffff99;
	color: red;
}





/*** DRAW EVENTS LIST ***/
.eventslist {
	font-size:12px;
	width:100%; }
.eventslist .eventslistname {
	text-align: center;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#7d7568; }





/*** DRAW DAY ***/
.single_day_frame {
	position:relative;
	margin: 0px;
	padding: 0px; }
#dates {
	width:100%;
	position:absolute;
	top:0px; }
.date {
	position: absolute;
	border: 1px solid #000;
	background-color : #fff;
	z-index: 1;
	overflow-y: auto;
	margin: 0px; }
#day {
	width:100%; }
#day .cell {
	font-size:12px;
	color:#999999;
	border-bottom:1px dashed #CCCCCC;
	height:29px; }
#day .cell_top {
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding:3px;
	background-color:#999966; }



/*** DRAW WEEK ***/
.week {
	width:100% }
.week .dayname {
	width:14%; }
.week .monthday {
	height:200px; }
.week .selectedday {
	border:1px solid #999999;
	text-align:left;
	vertical-align:top;
	font-size: 13px;
	font-weight: bold;
	background-color:#EEEEEE;
	color:#0066CC;
}



/*** DRAW MONTH ***/
.month .eventcontent, .week .eventcontent {
	color:#000000;
	font-size:10px;
	background-color:#EEEEEE;
	border:1px solid #999999;
	width:100%;
	margin-bottom:2px; }
.month .ev a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#000000;
	text-decoration:underline; }
.month .ev a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#000000;
	text-decoration:none; }



/*** Draw Year ***/
.year {
	width:100%;
}
.year .yearname {
	text-align:center;
	font-size:22px;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
}
.year .month {
	width:100%;
	text-align: center;
}
.year .month .today {
	color:#996666;
	font-size: 13px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	background-color:#EEEEEE;
}
.year .monthname {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	background-color:#EEEEEE;
	color:#99CC00;
	padding:5px;
}
.year .nomonthday {
	height:20px;
}
.year .monthday {
	text-align:center;
	font-weight:normal;
	color:#006699;
	height:30px;
	vertical-align:middle;
}
.year .event {
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#99CC00;
	height:30px;
}
.year .event a {
	color:#FFFFFF;
	text-decoration:none; }
.year .event a:hover {
	color:#FFFFFF;
	text-decoration:underline; }
.year .sunday {
	font-weight:normal;
	color:#FF0000;
	height:30px;
	text-align:center;
	vertical-align:middle;
	background-color:#FFFFCC;
}
.year .saturday {
	font-weight:normal;
	color:#FF0000;
	height:30px;
	text-align:center;
	vertical-align:middle;
	background-color:#FFFFCC;
}
.year .yearnavigation {
	font-size:22px;
	font-weight:bold;
}
.monthnavigation, .yearnavigation, .monthname {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold; }
.monthnavigation a, .yearnavigation a, .monthname a, .toplink_event {
	color: #000000;
	text-decoration:none; }
.monthnavigation a:hover, .yearnavigation a:hover, .monthname a:hover, .toplink_event:hover {
	color:#3163CE;
	text-decoration:none; }













/*** SMALL CALENDAR ***/
#smallmonth .monthname {
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	background-color: #ffffff;
	color: #99CC00;
	border-style: none;
	border-width:1px }
#smallmonth .month .dayname a {
	font-weight:normal;
	font-size:11px;
	text-align:center; }
#smallmonth .nomonthday {
	text-align: center;
	font-size: 10px;
	height:20px;
	width:20px;
	color: #aaaaaa; }
#smallmonth .monthday {
	text-align: center;
	font-size: 11px;
	background-color: #ffffff;
	color: #000000;
	height:20px;
	width:20px; }
#smallmonth .monthday a {
	font-size:11px; }
#smallmonth .today {
	text-align: center;
	font-size: 11px;
	color: #996666;
	background-color:#FFFFFF;
	height:20px;
	width:20px; }
#smallmonth .sunday {
	text-align: center;
	font-size: 11px;
	color: #667171;
	height:20px;
	width:20px; }
#smallmonth .sunday a {
	font-size:11px; }
#smallmonth .saturday {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #667171;
	height:20px;
	width:20px; }
#smallmonth .saturday a {
	font-size:11px; }
#smallmonth .event {
	text-align: center;
	font-size: 11px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#99CC00;
	height:20px;
	width:20px; }
#smallmonth .event a {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration:none; }
#smallmonth .selectedday {
	font-size:11px;
	color:#FFFF66;
	background-color:#999966;
	border:1px solid #996666;
	text-align:center;
	height:20px;
	width:20px; }
#smallmonth .selectedday a {
	font-weight:bold;
	color:#FFFF66;
	text-decoration:none; }
#smallmonth .todayevent {
	text-align: center;
	font-size: 11px;
	color: red;
	background-color: #ffffff;
	height:20px;
	width:20px; }



/* -- SWFUpload ------------------------------- */

.progressWrapper {
	width: 357px;
	overflow: hidden; }
.progressContainer {
	margin:5px 0px 5px 0px;
	padding:5px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden; }
#thumbnails {
	padding:5px 0px 5px 0px; }
/* 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: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	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: 2px;
	width: 337px;
	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(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

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

/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}