/*
Generics
*/

body, html
{
	margin: 0;
	padding: 0;
	color: #333;
	background-color: #f0f0f0;
    background-image: none;
    font-family: Arial, Helvetica;
}

form
{
    min-width: 980px;
}

INPUT { vertical-align: middle; }



IMG { border: 0px; vertical-align: middle; }
H4 { color: #FF9600; }
H5 { color: #333; background: transparent url("/images/MyFlexgift/icon_selected.gif") no-repeat 0% 50%; text-indent: 15px; }

.Common
{
	margin: 0 auto;
	padding: 0;
	width: 980px;
}

#CommonHeader
{
	padding: 0;
	margin: 0;
	width: 100%;
	overflow: hidden;
	height: 115px;
	background-color: #fff;
}

#CommonHeaderUserArea
{
	margin: 0;
	padding: 0;
	float: right;
	position: relative;
    z-index: 100;
}

#CommonHeaderUserArea a:link, #CommonHeaderUserArea a:visited
{
    color: #fff;
	text-decoration: none;
}


A:LINK, A:ACTIVE
{
    color: #666666;
    text-decoration: none;
}
A:VISITED
{
    text-decoration: none;
    color: #666666;
}

A:HOVER
{
	text-decoration: underline;
}


SELECT, TEXTAREA, INPUT, BUTTON
{
    font-family: Arial, Helvetica;
    font-size: 90%;
}

TABLE
{
    empty-cells: show;
}

HR
{
	border-style: dotted;
	border-width: 0 0 1px 0;
	border-color: #ccc;
	background-color: transparent;
	height: 0;
}

#CommonContent {
	margin: 0;
	padding: 0;
	height: 1%; /* IE6 hack... it's very minor, though */
	overflow: hidden;
}

.clr { clear: both; }

/*
Master Page 
*/
#CommonPageStyle
{
	border-top: solid 5px #d70000;
	margin:0px;
	padding:0px;	
	width: 980px;
}

#CommonPageStyle .CommonTopLine
{
	border-top: solid 1px #fff;
	margin:0px;
	padding:0px;	
}

#CommonPageStyle .CommonLogo
{
	background-image: url(../images/common/Logo_bg.gif);
	width:980px;
	height: 122px;
	float:left;
}

.CommonImageStyle
{
	border: 0px;
}

#CommonTopArea
{
	background-color: #d70000;
	height: 5px;
	width: 980px;
}

#CommonHeaderRight
{
	background-image: url(../images/common/header-right.gif);
	width: 550px;
	height: 122px;
}

#CommonLoginUser
{
	margin-top: 35px;
	margin-left: 297px;
}

#CommonLoginPassword
{
	margin-left: 297px;
}

#CommonNav
{
	width: 980px;
	height: 35px;
	padding: 0;	
	font-size: 13px;
	border-top: solid 1px #b4b4b4;
	background-color: #dddddd;
	clear: both;
	
}

#CommonNav .Inner
{
	margin-left: 20px;
	border-left: solid 1px #999999;
	height: 35px;
}

#CommonNav ul
{
	list-style-type: none;
	padding: 0;
	display: block;
	margin: 0;
	
}

#CommonNav ul li
{
	display: block;
	float: left;
	padding: 0;
	width: 142px;
	font-weight: normal;
	text-align: center;
	border-right: solid 1px #999999;
	border-top: solid 1px #ffffff;
	height: 35px;
	
}

#CommonNav a:link, #CommonNav a:active, #CommonNav a:visited
{
    color: #191919;
    text-decoration: none;
    display: block;
    padding: 9px 12px;
}

#CommonNav  a:active
{
    background-image: url(../images/common/menu_on.gif);
	text-align: center;
	color: #ffffff;
}

#CommonNav a:hover
{
    background-image: url(../images/common/menu_on.gif);
	text-align: center;
	color: #ffffff;
}

#CommonNav a.Selected:link, #CommonNav a.Selected:active, #CommonNav a.Selected:visited
{
    background-image: url(../images/common/menu_on.gif);
	text-align: center;
	color: #ffffff;
}

.tb-rounded {
    border:0;
    background: transparent url(../images/common/textbox_login.gif) no-repeat top left;
    height: 23px;
    width: 174px;
    padding-top:3px;	
    padding-left:9px;
}

#CommonLoginBtn
{
	margin-top: -57px;
	margin-left: 476px;
}


/* Master Page End */


/*
Home Page 
*/

/*Common Ad Styles*/
#CommonAdArea
{
	background-image: url(../images/common/res_ad.gif);
	height:309px;
	width: 980px;
	float:left;
}

#CommonAdArea .smallAd
{
	font-style: normal;
	font-size: 20px;
	font-family: Arial, Helvetica; 
	color: #ffffff;
	margin: 25px 0 0 81px;
	height: 117px;
}

#CommonAdArea .bigAd
{
	font-style: normal;
	font-size: 35px;
	font-family: Arial, Helvetica;
	font-weight: bold; 
	color: #ffffff;
}

#CommonAdArea .AdDescription
{
	font-style: normal;
	font-size: 12px;
	font-family: Arial;
	font-weight: normal; 
	color: #ffffff;
	margin: 32px 0 0 81px;
	height: 35px;
}

#moreButtonAdArea
{
	margin: 12px 0 0 81px;
}

/* Second Navigation */
.CommonNavigationRoundTop
{
	height: 5px;
	width: 220px;
}

.CommonNavigationRoundTop .r1, .CommonNavigationRoundTop .r2, .CommonNavigationRoundTop .r3, .CommonNavigationRoundTop .r4
{
	border-left: solid 1px;
	border-right: solid 0px;
	height: 1px;
	overflow: hidden;
}

.CommonNavigationRoundTop .r5, .CommonNavigationRoundTop .r6, .CommonNavigationRoundTop .r7, .CommonNavigationRoundTop .r8
{
	border-left: solid 1px;
	border-right: solid 1px;
	height: 1px;
	overflow: hidden;
}

.CommonNavigationRoundTop .r9, .CommonNavigationRoundTop .r10, .CommonNavigationRoundTop .r11, .CommonNavigationRoundTop .r12
{
	border-left: solid 1px;
	border-right: solid 0px;
	height: 1px;
	overflow: hidden;
}


.CommonNavigationRoundTop .r1 { margin: 0 0 0 5px; height: 0; border-top: solid 1px; border-left-width: 0; border-right-width: 0; }
.CommonNavigationRoundTop .r2 { margin: 0 0 0 3px; border-left-width: 2px; border-right-width: 0px;}
.CommonNavigationRoundTop .r3 { margin: 0 0 0 2px; }
.CommonNavigationRoundTop .r4{ margin: 0 0 0 1px; height: 2px; }

.CommonNavigationRoundTop .r5 { margin: 0 5px 0 0; height: 0; border-top: solid 1px; border-left-width: 0; border-right-width: 0; }
.CommonNavigationRoundTop .r6 { margin: 0 3px 0 0;  border-right-width: 2px; }
.CommonNavigationRoundTop .r7 { margin: 0 2px 0 0; }
.CommonNavigationRoundTop .r8{ margin: 0 1px 0 0; height: 2px; }

.CommonNavigationRoundTop .r9 { margin: 0; height: 0; border-top: solid 1px; }
.CommonNavigationRoundTop .r10 { margin: 0; }
.CommonNavigationRoundTop .r11 { margin: 0; }
.CommonNavigationRoundTop .r12{ margin: 0; height: 2px; }

.CommonNavigationRoundTop .r1, .CommonNavigationRoundTop .r2, .CommonNavigationRoundTop .r3, .CommonNavigationRoundTop .r4,
.CommonNavigationRoundTop .r5, .CommonNavigationRoundTop .r6, .CommonNavigationRoundTop .r7, .CommonNavigationRoundTop .r8,
.CommonNavigationRoundTop .r9, .CommonNavigationRoundTop .r10, .CommonNavigationRoundTop .r11, .CommonNavigationRoundTop .r12,
.CommonNavigationContent
{
	background-color: #e6e6e6;
	border-color: #9d9d9d;
}

.CommonNavigationTable
{
	border-top: 0px;
	border-bottom: 0px;
	border-left: 1px;
	border-right: 0px;
	border-style: solid;
	border-color: #9d9d9d;
	height: 80px;
	width: 880px;
	background-color: #e6e6e6;
	margin: 0;
	padding: 0;	
}

.CommonNavigationTable td
{
	vertical-align: top;
	border-top: 0px;
	border-left: 0px;
	border-right: 1px;
	border-bottom: 0px;
	border-style: solid;
	width: 220px;
}

.CommonNavigationTable td A:Link
{
	font-family: Helvetica Condensed;
	color: #999999;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}

.CommonNavigationTable td A:Hover
{
	font-family: Helvetica Condensed;
	color: #ff9933;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	background-color: #ffffff;
}

/*Common Main Nav2*/

.CommonNavigation2Area
{
	background-color: #d5d5d3;
	height: 92px;
	width: 980px;
	border-bottom: solid 1px #b2b2b2;
	clear:both;	
}

.CommonNavigation2
{
	padding: 25px 0 0 50px;
}

#CommonNavigation2AdArea
{
	background-image: url(../images/common/home_ad2bg.gif);
	width: 980px;
	height: 432px;
}

#CommonNavigation2Ad
{
	padding: 35px 50px 60px 67px;
}

#CommonNavigation2Ad .BigGreenFont
{
	font-size: 26px;
	font-family: Helvetica Condensed;
	color: #669900;
}

#CommonNavigation2Ad .SmallRedFont
{
	font-size: 18px;
	font-family: Helvetica Condensed;
	color: #660000;
}

#CommonNavigation2Ad .ContentFont
{
	font-size: 13px;
	font-family: Helvetica Condensed;
	color: #666666;
}

#CommonNavigation2Ad .PSFont
{
	font-size: 11px;
	font-family: Arial;
	color: #666666;
}

.Writer
{
	font-size: 12px;
	color: #000000;
	width: 475px;
	text-align: right;
}

#CommonNavigation2Ad .ParagraphStyle
{
	width: 470px;
	margin: 20px 50px 0px 10px; 
	line-height: 16px; 
	float:left;
}

#CommonNavigation2Ad .layer_specialpromotion_img
{
	width: 320px;
	height: 348px;
	float: left;
	
	margin: -43px 0px 0px 5px;
	vertical-align: top;
}

#layer_giftcard #home_cardslideshow
{
	width: 880px;
}

#layer_recentjoin .RecentJoin_img
{
	float:left;
	margin: -330px 0px 0px 350px;
}

/* Home Page End */


.CommonSpaceArea
{
	background-color: #ffffff;
	height: 1px;
	width: 980px;
}




#CommonBodyArea
{
	background-color: #e7e7e6;
	width: 980px;
}

#CommonBody
{
	background-color: #ffffff;
	margin: 12px 20px 12px 20px;
	width: 940px;
	border: 1px;
	border-style: solid;
	border-color: #cecece;
}


.treeContent
{
	margin-top: 17px;
	margin-right:10px;
	
}

#CommonSidebarLeft
{
	width: 220px;
	border-left: 0;
	border-right: 1px;
	border-top: 0;
	border-bottom: 0;
	border-style: solid;
	border-color: #cccccc;
	padding-bottom: 13px;
	padding-top:13px;
	vertical-align: top;
}

#CommonSidebarLeft .CommonSidebar
{
    float: left;
	padding-right: 12px;
	overflow: hidden;
}

#CommonSidebarLeft .menu img
{
	border: 0px;
	padding: 10px 10px 5px 15px;
	float: left;
	width: 42px;
	height: 42px;
}

UL.MenuContentBoxList a
{
	width: 220px;
	height: 65px;
	font-weight: 100;
	color: #999999;	
	font-size: 13px;
	font-family: Helvetica Arial;
	color: #999999;
	
}

UL.MenuContentBoxList A:HOVER, UL.MenuContentBoxList A:Active, UL.MenuContentBoxList .Menu_Selected
{
	width: 220px;
	height: 65px;
	font-weight: 100;
	color: #ff9b33;	
}

UL.MenuContentBoxList
{
    list-style-type: none;
    margin: 0;
    padding: 0; 
}

UL.MenuContentBoxList LI
{
    list-style-type: none;
    margin: 0;
    padding: 0; 
    width: 220px;
	height: 65px;
	border-bottom: solid 1px #cccccc;
}

.menustyle
{
	 float: left; 
	 margin-top: 25px; 
	 cursor: pointer; 
	 font-family:Helvetica;
}







#CommonSidebarLeft .treeContent a
{
	width: 190px;
	height: 65px;
	font-size: 13px;
	font-family: Helvetica Arial;
	color: #999999;
}



/*
#CommonSidebarLeft .divline
{
	height: 1px;
	width: 220px;
	background-color: #cccccc;
	margin-top: 13px;
	background-image: url(../images/spacer.gif");
}
*/
#mfg_MainContent
{
	margin: 25px 10px 25px 20px;
	width: 680px;
}

#mfg_ctitle
{
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	vertical-align: top;
}

#mfg_content
{
	width: 680px;
	margin-top: 40px;
	min-height: 500px;
	font-size: 12px;
}

#mfg_content .CommonContent
{
	float: left;
	padding-right: 0px;
	overflow: hidden;
	width: 645px;
}



.gridStyle
{
	 color: #aeaeae;
	 width: 682px;
	 border-left-width: 1px;
	 border-top-width: 0px;
	 border-bottom-width: 0px;
	 border-right-width: 1px;
	 border-style: solid;
	 border-color: #b8b8b8;
	 margin: 0px;
	 padding: 0px;
	 font-family: Arial, Helvetica;
	 font-weight: lighter;
}

.gridStyle2
{
	 width: 682px;
	 border-left-width: 1px;
	 border-top-width: 0px;
	 border-bottom-width: 0px;
	 border-right-width: 1px;
	 border-style: solid;
	 border-color: #b8b8b8;
	 margin: 0px;
	 padding: 0px;
	 font-family: Arial, Helvetica;
	 color: #333333;
	 font-weight: lighter;
}

.gridStyle A:LINK, .gridStyle A:VISITED
{
	color: #666;
}

.gridStyle2 a:Link, .gridStyle2 a:visited
{
	color: #666666;
}

/*table*/
.top-round { 
	width: 100%;
	padding: 0; 
	background: #FFF url(../images/myflexgift/roundedtop.gif) top left no-repeat; 
} 

.bottom-round { 
	background: transparent url(../images/myflexgift/roundedbottom.gif) bottom left no-repeat; 
	padding:  7px 0px 7px 0px; 
}

.red_title
{
	font-size:16px;
	font-family: Arial;
	font-weight: bold;
	color: #990000;
}

.red_div
{
	height: 1px;
	background-color: #990000;
	padding: 0px;
	margin: 0px;
}


/* Activity Report Page */
#TimePeriod
{
	margin: 20px 10px 20px 10px;
	font-size: 13px;
	color: #333333;
	font-family: Arial, Helvetica;
	font-weight: normal;
	
}

#TimePeriod td
{
	padding-right: 5px;
}

/* My StatementPage */
#mystatement_total
{
	margin: 15px 30px 10px 10px;
	text-align: right;
	font-size: 20px;
	color: #333333;
	font-family: Arial, Helvetica;
	font-weight: normal;
}

#mystatement_dateArea
{
	text-align: right;
	width:680px;
}

/*
Login Page
*/
#CommonLoginArea
{
	background-image: url(../images/myflexgift/login_red_bg.gif);
	width: 979px;
	height: 524px;
}

.CommonLoginPanel2
{
	background-color: #e4e4e4;
	Height: 165px;
	Width: 345px;
	font-family: Arial, Helvetica;
	font-size: 20px;
}

.CommonLoginPanel
{
	margin-left: 0px;
	margin-bottom: 0px;
	width: 345px;
	font-family: Arial, Helvetica;
	font-size: 20px;
	
}

.CommonLoginHeader
{
	text-align: left;
	margin: 15px 0px 0px 0px; 
	border-bottom: solid 1px #999999;
	width: 300px;
	padding-bottom: 5px;
}

.CommonLoginPanel .box_login-rounded{
    border:0;
    background: transparent url(../images/myflexgift/box_login.gif) no-repeat top left;
    height: 23px;
    width: 154px;
    padding-top:3px;	
    padding-left:10px;
}

.CommonLoginPanel .tbl_login
{
	font-size:12px;
	font-weight: normal;
	text-align: left;
	margin: 25px 20px 10px 23px;
}

.CommonLoginPanel .ForgotAccount
{
	color: #666666;
	font-family: Myriad Pro;
	font-size:11px;
	text-align: right;
	border-top: solid 1px #ffffff;
	width:300px;
}

#CommonLoginArea #joinnow
{
	margin-left: 680px;
	margin-top: -20px;
	font-family: Myriad Pro;
	color: #ffffff;
	font-size: 14px;
	float: left;
}

/* Login Button */
.CommonLoginButton
{
	background: #fff url(../images/myflexgift/btn_login_off.gif)  no-repeat; 
	border: 0;
	width: 54px;
	height: 49px;
	cursor: pointer;
	margin-left: 5px;
}


/*customer page*/
#customer_left_style
{
	margin-left: 15px;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	font-family:Arial;
}

#CustomerName_Area
{
	margin: 13px 10px 30px 0;	
}

.customer_gray_line
{
	background-color: #cccccc;
	width: 195px;
	height: 1px;
	margin-top: 5px;
	margin-bottom: 15px;
}

.point_panel
{
	width: 120px;
	height: 55px;
	background-color: #e70000;
	font-family: Arial;
	font-size: 46px;
	font-weight: bold;
	color: #ffffff;
	text-align:center;
	vertical-align: middle;
}

.profile_edit
{
	font-size: 11px;
	margin-left: 85px;
	font-family: Arial;	
}

/*------------*/
/*Card Gallery*/
/*------------*/

/* Content Boxes */

.CommonContentBoxRight
{
	border-top: solid 0px #ccc;
    background-color: #fff;
    margin-right: 17px;
    margin-bottom: 12px;
    height: 1%;
}

.CommonContentBoxLeft
{
    background-color: #fff;
    padding-top:  0px;
    padding-left: 15px;
    margin-bottom: 12px;
    height: 1%;
    width: 190px;
}

.CommonContentBoxLeft_blog
{
    background-color: #fff;
    padding-top:  0px;
    padding-left:  20px;
    padding-right: 20px;
    margin-bottom: 12px;
    height: 1%;
    width: 220px; 
}


.CommonContentBoxHeader
{
    padding: 0 0 6px 0;
    border-bottom: solid 1px #aaa;
    margin: 0 0 15px 0;
    line-height: 100%;
    font-size: 15px;
    font-weight: lighter;
    color: #333;
   
}

.CommonContentBoxHeaderForm
{
	padding-bottom: 10px;
    border-bottom: solid 1px #ccc;
    margin-bottom: 12px;
    color: #333;
    position: relative;
}

.CommonContentBoxContent
{
    padding: 0 3px 15px 3px;
    font-size: 11px;
    overflow: hidden;
    color: #333;
    font-weight: normal;
    margin-right:10px;
}

.CommonContentBoxContent_userfile
{
	 padding: 0 5px 15px 3px;
    font-size: 11px;
    overflow: hidden;
    color: #333;
    font-weight: normal;
}

.CommonContentBoxFooter
{
    font-weight: bold;
    font-size: 80%;
    padding: 0 10px;
    text-align: right;
    margin-bottom: 20px
}

.CommonContentBoxFooter a
{
    text-decoration: none;
}

.CommonContentBoxFooter A:HOVER
{
    text-decoration: underline;
}

UL.CommonContentBoxList
{
    list-style-type: none;
    margin: 0;
    padding: 0; 
}

UL.CommonContentBoxList A
{
    text-decoration: none; 
}

UL.CommonContentBoxList A:HOVER 
{
    text-decoration: underline; 
}

UL.CommonContentBoxList A:Active
{
    text-decoration: underline; 
	background-repeat: no-repeat;
	background-position: right center;
}

UL.CommonContentBoxList.Seperator
{
    border-top: solid 1px #ccc;
}

UL.CommonContentBoxList LI
{
    margin: 10px 0;
    padding: 0 0 2px 0;
    
}

UL.CommonContentBoxList LI.Header
{
	border-bottom: dotted 1px #ccc;
    padding-top: 0px;
    font-size: 10px;
    font-weight: normal;
    color: #666;
}

UL.CommonContentBoxList DIV.Content
{
    padding: 10px 10px 0px 15px;
    font-size: 11px;
    font-weight: normal;
    color: #666;
}

UL.CommonContentBoxList LI.Selected
{
	padding-right: 10px;
	background-image: url('../images/common/button-right-arrow.gif');
	background-repeat: no-repeat;
	background-position: right center;
	font-weight: bold;
}

UL.CommonContentBoxList LI.Child
{
	padding-left: 15px; 
}

UL.CommonContentBoxList .CommonContentBoxItem 
{
	padding-left: 15px; 
}

.CommonDescription
{
	margin: 0 0 16px 0;
}

.CommonWarning
{
	padding: 8px 8px;
	font-weight: normal;
	margin: 24px 0 16px 0;
	color: #333;
	border: solid 1px #FFD226;
	background-color: #fffcb3;
}
/*
Avatar List
*/

.CommonAvatarListItemsArea
{
	margin: 0;
}

.CommonAvatarListItemArea
{
	margin-top: 10px;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding: 10px 10px 10px 70px;
	min-height: 46px;
	border: solid 1px #eee;
}

.CommonAvatarListItemArea_home
{
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding: 10px 10px 10px 10px;
	min-height: 26px;
}

.CommonAvatarListItemArea.Alt
{
	background-color: #fff;
}

.CommonAvatarListItemArea.Weblog
{
    background-image: url(../images/blog.png);
}

.CommonAvatarListItemArea.Forum
{
    background-image: url(../images/forum.png);
}

.CommonAvatarListItemArea.MediaGallery
{
    background-image: url(../images/media.png);
}

.CommonAvatarListItemArea.Hub
{
    background-image: url(../images/page.png);
}

.CommonAvatarListItemArea.Wiki
{
    background-image: url(../images/page.png);
}

.CommonAvatarListItemArea.Unknown
{
    padding-left: 10px;
}

.CommonAvatarListItemArea.Custom
{
	padding-left: 0px;
}

.CustomAvatarListItemCustomAvatar
{
	float: left;
	padding: 2px 2px;
	border: solid 1px #bbb;
	overflow: hidden;
	margin-right: 10px;
	margin-left: 10px;
}

.CustomAvatarListItemCustomAvatar_user
{
	border: solid 1px #bbb;
	padding: 2px 2px;
}
.CustomAvatarListItemCustomAvatar_home
{
	float: left;
	padding-left: 10px;
	width: 40px;
	height: 40px;
	overflow: hidden;
}
.CustomAvatarListCustomContent
{
	margin-left: 80px;
}

.CommonAvatarListItem
{
	font-size: 12px;
	color: #666;
	font-weight: lighter;
	margin-top: 40px;
	margin-left: -70px;
}

.CommonAvatarListItem_favorite
{
	font-size: 12px;
	color: #666;
	font-weight: lighter;
	margin-top: 14px;
	margin-left: -55px;
}

.CommonAvatarListItem_home
{
	font-size: 11px;
	color: #666;
	font-weight: lighter;
}

.CommonAvatarListItemName
{
	font-size: 15px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 4px 0;
	color: #666;
}

.CommonAvatarListItemName_home
{
	font-size: 13px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 4px 0;
	color: #666;
}

.CommonAvatarListItemDetails
{
	margin: 0px 0 0 0;
	color: #000;
	font-size: 11px;
	float: left;
}

.CommonAvatarListItemInfo
{
	float:left;
	padding-right: 10px;
}

.CommonAvatarListItemDetails_home
{
	margin: 4px 0 0 0;
	color: #000;
	font-size: 10px;
}

UL.CommonAvatarListItemList
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.BlogPostCustomAvatar
{
	float: left;
	margin: 0px 10px 0px 0px;
}

/* Inline tag editor */
.CommonInlineTagEditor
{
    margin-top: -8px;
    margin-top: 0;
	padding: 4px;
	padding-right: 8px;
	border: solid 1px #999;
	background-color: #f3f3f3;
}

.CommonAvatarListArea
{
    margin: 8px 8px 0 0;
	padding: 0;
	width: 145px;
	height: 150px;
	text-align: center;
	overflow: hidden;
	float: left;
	font-size: 110%;
	font-weight: bold;
	word-wrap: break-word;
}

.CommonAvatarArea
{
	width: 140px;
	height: 100px;
	margin-bottom: 4px;
	overflow: hidden;
	border: solid 2px #333;
}

.CommonAvatarArea img
{
	border-width: 0;
}

.CommonAvatarListArea a
{
	text-align: center;
	font-size: .8em;
}

/* Modal Styles */

.CommonModalMask
{
	opacity: .4;
	filter: alpha(opacity=40);
	background-color: #333;
}

.CommonModal
{
	background-color: #fff;
	border: solid 6px #333;
}

.CommonModalTitle
{
	border-bottom: solid 1px #333;
	padding: 8px 0 2px 0;
	font-size: 150%;
	margin: 0 8px;
	font-weight: bold;
	color: #333;
	cursor: move;
	min-height: 24px;
}

.CommonModalContent
{
	background-color: #fff;
}

.CommonModalFooter
{
	width: 100%;
	height: 12px;
}

.CommonModalClose
{
	width: 16px;
	height: 15px;
	background-image: url(../images/common/close.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	right: 8px;
	top: 8px;
	margin: 0;
}

.CommonModalResize
{
	width: 12px;
	height: 12px;
	background-image: url(../images/common/resize.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	position: absolute;
	right: 6px;
	bottom: 6px;
	cursor: se-resize;
}

/*
/*Blogs
*/

#PostedInfoArea
{
	margin: 0px 0px 40px 0px;
}

#BlogFavoriteArea
{
	text-align: right;
}

.CommonEditProfile
{
	margin: 0px 0 0px 5px;
	font-size: 11px;
	font-family: Arial;
}

#CommonGotoProfile
{
	margin: -13px 0px 20px 4px;
	font-size: 11px;
	font-family: Arial;
}

.PanelSideBar
{
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
	width: 200px;
}

.PanelContentBar
{
	margin-bottom: 10px;
	width: 665px;
}

.Blog_PanelAvatar
{
	border: solid 1px #b8b8b8;
	border-bottom: 0px;
	border-top: 0px;
	overflow: hidden;
}

.EditAvatarText
{ 
	text-align: center;
	font-size: 11px;
}

/*
Common Rounded Table
*/

.CommonRoundedTableTop, .CommonRoundedTableBottom
{
	height: 5px;
}

.CommonRoundedTableTop .r1, .CommonRoundedTableTop .r2, .CommonRoundedTableTop .r3, .CommonRoundedTableTop .r4,
.CommonRoundedTableBottom .r1, .CommonRoundedTableBottom .r2, .CommonRoundedTableBottom .r3, .CommonRoundedTableBottom .r4
{
	border-left: solid 2px;
	border-right: solid 2px;
	height: 1px;
	overflow: hidden;
}

.CommonRoundedTableTop .r1, .CommonRoundedTableBottom .r4 { margin: 0 5px; height: 0; border-top: solid 1px; border-left-width: 0; border-right-width: 0; }
.CommonRoundedTableTop .r2, .CommonRoundedTableBottom .r3 { margin: 0 3px; border-left-width: 1px; border-right-width: 1px; }
.CommonRoundedTableTop .r3, .CommonRoundedTableBottom .r2 { margin: 0 2px; }
.CommonRoundedTableTop .r4, .CommonRoundedTableBottom .r1 { margin: 0 1px; height: 2px; }

.CommonRoundedTableTop .r1, .CommonRoundedTableTop .r2, .CommonRoundedTableTop .r3, .CommonRoundedTableTop .r4,
.CommonRoundedTableBottom .r1, .CommonRoundedTableBottom .r2, .CommonRoundedTableBottom .r3, .CommonRoundedTableBottom .r4,
.CommonRoundedTableContent
{
	background-color: #f7f7f7;
	border-color: #cccccc;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	padding-right: 10px;
}

.CommonRoundedTableContent_white
{
	background-color: #ffffff;
	border-color: #cccccc;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	padding-right: 10px;
}

.CommonRoundedTableContent_Login
{
	background-color: #e8e8e8;
	border-color: #cccccc;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	padding-right: 10px;
}

.CommonRoundedTableInner
{
	top: -5px;
	padding: 15px 0px 10px 10px;
	background-color: #f7f7f7;
}


.CommonRoundedTableInner_white
{
	top: -5px;
	padding: 15px 0px 10px 10px;
	background-color: #ffffff;
}

.CommonRoundedTableInner_Login
{
	top: -5px;
	padding: 15px 0px 10px 10px;
	background-color: #e8e8e8;
}
/*
Message Styles
*/

.CommonMessageSuccess
{
	padding: 12px;
	font-size: 100%;
	color: #030;
	font-weight: normal;
	border: solid 1px #030;
	background-color: #88dd88;
	margin: 16px 0;
}

.PostContent
{
	font-size: 12px;
}

/*
Form Style 
*/
TD.CommonFormFieldName
{
	font-weight: bold;
	padding: 8px 5px 2px 52px;
}

DIV.CommonFormFieldName
{
	font-weight: bold;
	text-align: left;
	padding-top: 0px;
	padding-left: 52px;
	
}

TD.CommonFormField
{
	color: #000;
	padding: 8px 2px 2px 2px;
}

DIV.CommonFormField
{
	color: #000;
	padding: 2px 52px;
}

DIV.CommonFormFieldButton
{
	padding-top: 10px;
}

/* Comment Bubbles */

.CommonCommentArea
{
	margin: 12px 0;
}

.CommonCommentUser
{
	float: left;
	width: 64px;
	min-height: 60px;
	overflow: hidden;
}

.CommonComment_Arrow
{
	float: left;
	padding-top: 10px;
	width: 10px;
	height: 20px;
	overflow: hidden;
}

.CommonComment_Arrow .r1, .CommonComment_Arrow .r2, .CommonComment_Arrow .r3, .CommonComment_Arrow .r4,
.CommonComment_Arrow .r5, .CommonComment_Arrow .r6, .CommonComment_Arrow .r7, .CommonComment_Arrow .r8, 
.CommonComment_Arrow .r9, .CommonComment_Arrow .r10
{
	height: 2px;
	overflow: hidden;
}

.CommonComment_Arrow .r1 { margin-left: 0; }
.CommonComment_Arrow .r2 { margin-left: 1px; }
.CommonComment_Arrow .r3 { margin-left: 2px; }
.CommonComment_Arrow .r4 { margin-left: 3px; }
.CommonComment_Arrow .r5 { margin-left: 4px; }
.CommonComment_Arrow .r6 { margin-left: 5px; }
.CommonComment_Arrow .r7 { margin-left: 6px; }
.CommonComment_Arrow .r8 { margin-left: 7px; }
.CommonComment_Arrow .r9 { margin-left: 8px; }
.CommonComment_Arrow .r10 { margin-left: 9px; }

.CommonCommentBubble
{
	margin-left: 74px;
}

.CommonComment_Content
{
	padding: 0 10px 1em 10px;
	min-height: 32px;
	position: relative;
	overflow: hidden;
}

.CommonComment_BubbleRoundTop, .CommonComment_BubbleRoundBottom
{
	height: 5px;
}

.CommonComment_BubbleRoundTop .r1, .CommonComment_BubbleRoundTop .r2, .CommonComment_BubbleRoundTop .r3, .CommonComment_BubbleRoundTop .r4,
.CommonComment_BubbleRoundBottom .r1, .CommonComment_BubbleRoundBottom .r2, .CommonComment_BubbleRoundBottom .r3, .CommonComment_BubbleRoundBottom .r4
{
	height: 1px;
	overflow: hidden;
}

.CommonComment_BubbleRoundTop .r1, .CommonComment_BubbleRoundBottom .r4 { margin: 0 5px; }
.CommonComment_BubbleRoundTop .r2, .CommonComment_BubbleRoundBottom .r3 { margin: 0 3px; }
.CommonComment_BubbleRoundTop .r3, .CommonComment_BubbleRoundBottom .r2 { margin: 0 2px; }
.CommonComment_BubbleRoundTop .r4, .CommonComment_BubbleRoundBottom .r1 { margin: 0 1px; height: 2px; }

.CommonComment_BubbleRoundTop .r1, .CommonComment_BubbleRoundTop .r2, .CommonComment_BubbleRoundTop .r3, .CommonComment_BubbleRoundTop .r4,
.CommonComment_BubbleRoundTop .r1, .CommonComment_BubbleRoundTop .r2, .CommonComment_BubbleRoundTop .r3, .CommonComment_BubbleRoundTop .r4,
.CommonComment_Arrow .r1, .CommonComment_Arrow .r2, .CommonComment_Arrow .r3, .CommonComment_Arrow .r4,
.CommonComment_Arrow .r5, .CommonComment_Arrow .r6, .CommonComment_Arrow .r7, .CommonComment_Arrow .r8, 
.CommonComment_Arrow .r9, .CommonComment_Arrow .r10,
.CommonComment_Content
{
	
}

.Owner .CommonComment_BubbleRoundTop .r1, .Owner .CommonComment_BubbleRoundTop .r2, .Owner .CommonComment_BubbleRoundTop .r3, .Owner .CommonComment_BubbleRoundTop .r4,
.Owner .CommonComment_BubbleRoundBottom .r1, .Owner .CommonComment_BubbleRoundBottom .r2, .Owner .CommonComment_BubbleRoundBottom .r3, .Owner .CommonComment_BubbleRoundBottom .r4,
.Owner .CommonComment_Arrow .r1, .Owner .CommonComment_Arrow .r2, .Owner .CommonComment_Arrow .r3, .Owner .CommonComment_Arrow .r4,
.Owner .CommonComment_Arrow .r5, .Owner .CommonComment_Arrow .r6, .Owner .CommonComment_Arrow .r7, .Owner .CommonComment_Arrow .r8, 
.Owner .CommonComment_Arrow .r9, .Owner .CommonComment_Arrow .r10,
.Owner .CommonComment_Content
{

}

.CommonMessageHeader
{
	font-size: 13px;
	padding-top: 0px;
	color: #666;
}

.CommonMessageRecipients
{
	font-size: 80%;
	padding: 2px 0;
}

.CommonMessageDate
{
	border-bottom: solid 1px #999;
	margin-bottom: 10px;
	padding-bottom: 4px;
	font-size: 80%;
}

.CommonMessageActions
{
	float: right; 
	margin: 0 0 4px 4px; 
	font-size: 80%;
	font-weight: bold;
}

UL.CommonContentBoxList LI.CommonActivity
{
	padding-left: 22px;
	background-position: left top;
	background-repeat: no-repeat;
	min-height: 16px;
}

UL.CommonContentBoxList LI.CommonActivity.NewProfileAnnouncement { background-image: url('../images/activities/new-profile-announcement.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewProfileComment { background-image: url('../images/activities/new-profile-comment.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewUser { background-image: url('../images/activities/new-user.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewBlog { background-image: url('../images/activities/new-blog.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewBlogPost { background-image: url('../images/activities/new-blog-post.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewBlogComment { background-image: url('../images/activities/new-blog-comment.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewForum { background-image: url('../images/activities/new-forum.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewForumThread { background-image: url('../images/activities/new-forum-thread.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewForumPost { background-image: url('../images/activities/new-forum-post.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewMediaGallery { background-image: url('../images/activities/new-media-gallery.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewMediaGalleryPost { background-image: url('../images/activities/new-media-gallery-post.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewMediaGalleryComment { background-image: url('../images/activities/new-media-gallery-comment.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewGroup { background-image: url('../images/activities/new-group.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewGroupMember { background-image: url('../images/activities/new-group-member.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewFriendship { background-image: url('../images/activities/new-friend.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewGroupPage { background-image: url('../images/activities/new-group-page.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewUserFile { background-image: url('../images/activities/new-user-file.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewUserAvatar { background-image: url('../images/activities/new-user-avatar.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewUserFolder { background-image: url('../images/activities/new-folder.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewWikiPageComment { background-image: url('../images/activities/new-wiki-comment.gif'); }
UL.CommonContentBoxList LI.CommonActivity.UpdatedWikiPage { background-image: url('../images/activities/new-wiki-page.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewWikiPage { background-image: url('../images/activities/new-wiki-page.gif'); }

.CommonActivityContent
{
	padding-right: 5px;
}

/* Search Styles */

#CommonSearchbBox
{
	background-image: url(../images/myflexgift/top_red_bg.gif);
	width: 980px;
	height: 10px;
	margin: 0;
	font-size: 11px;
	color: #fff;
}

#CommonSearchPosition
{
	margin: 8px 20px 5px ;
	float: right;
}

#CommonSearch
{
	float: right;
}

.CommonSearchArea
{
	width: 182px;
	overflow: hidden;
	float: right;
}

.CommonSearchContent
{
	padding: 3px 8px 0 8px;
	margin: 0;
	border-left: solid 1px;
	border-right: solid 1px;
	white-space: nowrap;
	position: relative;
	height: .8em;
}

.CommonSearchContentInner
{
	position: absolute;
	top: -5px;
	width: 166px;
}

.CommonSearchContent input
{
	margin: 0;
	padding: 0;
	border-width: 0;
	width: 146px;
	background-color: #f7f7f7;
}

.CommonSearchInputEmpty
{
	font-style: italic;
	color: #999;
}

.CommonSearchInputNormal
{
	font-style: normal;
	color: #000;
}

.CommonSearchContent input.CommonSearchButton
{
	background-color: transparent;
	background-image: url('../images/common/search-button.gif');
	background-position: 0px 3px;
	background-repeat: no-repeat;
	width: 20px;
	height: 21px;
	overflow: hidden;
	cursor: pointer;
}

.CommonSearchRoundTop, .CommonSearchRoundBottom
{
	height: 5px;
}

.CommonSearchRoundTop .r1, .CommonSearchRoundTop .r2, .CommonSearchRoundTop .r3, .CommonSearchRoundTop .r4,
.CommonSearchRoundBottom .r1, .CommonSearchRoundBottom .r2, .CommonSearchRoundBottom .r3, .CommonSearchRoundBottom .r4
{
	border-left: solid 1px;
	border-right: solid 1px;
	height: 1px;
	overflow: hidden;
}

.CommonSearchRoundTop .r1, .CommonSearchRoundBottom .r4 { margin: 0 5px; height: 0; border-top: solid 1px; border-left-width: 0; border-right-width: 0; }
.CommonSearchRoundTop .r2, .CommonSearchRoundBottom .r3 { margin: 0 3px; border-left-width: 2px; border-right-width: 2px; }
.CommonSearchRoundTop .r3, .CommonSearchRoundBottom .r2 { margin: 0 2px; }
.CommonSearchRoundTop .r4, .CommonSearchRoundBottom .r1 { margin: 0 1px; height: 2px; }

.CommonSearchRoundTop .r1, .CommonSearchRoundTop .r2, .CommonSearchRoundTop .r3, .CommonSearchRoundTop .r4,
.CommonSearchRoundBottom .r1, .CommonSearchRoundBottom .r2, .CommonSearchRoundBottom .r3, .CommonSearchRoundBottom .r4,
.CommonSearchContent
{
	background-color: #f7f7f7;
	border-color: #bbb;
}

#CommonMyFlexgiftSearchArea
{
	
	vertical-align: top;
}

.CommonSearchWatermark
{
	font-size: 11px;
	color: #bbb;
	vertical-align: middle;
}

.CommonSearchResult
{
	font-size: 12px;
	color: #666;
	font-weight: normal;
}

.BlogSearchArea
{
	height: 25px;
	background-color: #dddddd;
	padding: 5px 15px 5px 15px;
	margin-top: -13px;
}

/*
Common Bottom Style
*/

#MainBottonBg
{
	background-image: url(../images/common/bottom_red_bg.gif);
	width: 980px;
	height: 331px;
}

#CommonCopyright
{
	background-image: url(../images/common/copyright_bg.gif);
	width: 980px;
	height: 41px;
	font-family: Arial;
	color: #666666;	
}

#copyright
{
	font-size: 10px;
	margin-left: 20px;
	margin-top: 15px;
}

#copyright_link
{
	font-size: 13px;
	margin-left: 300px;
	margin-top: 13px;
}

/*
Learn More
*/

.WhyFlexgiftDiagram
{
	width: 459px; 
	height: 460px;
	margin: 0px 100px;
}

.benefits h5
{
	font-size: 13px;
	color: #000;
	margin: 25px 0 2px 0;
	list-style-type: none;
}

.highlights_picture
{
	margin: 0px 40px 10px 10px;
	float: left;
}

.HighlightsList UL
{
	margin-top: -13px;
	margin-left: 0px;
}

.HighlightsList LI
{
	padding: 3px 0px 0px 0px;
	color: #666;
	
	list-style-position: inside;
}

#page_ppgc table, #page_pc table, #page_cm table, #page_pm table, #page_hq table, #page_aio table
{
	margin-top: 30px;
}

#page_ppgc td, #page_pc td, #page_cm td, #page_pm td, #page_hq td, #page_aio td
{
	vertical-align: top;
}

#page_ppgc em, #page_pc em, #page_cm em, #page_pm em, #page_hq em, #page_aio em
{
	margin: 0px 20px;
	font-size: 14px;
	color: #666;
}

#page_aio ol
{
	list-style-type: circle;
}

/* Post Popup Menu */

.CommonPostPopupArea 
{ 
    border: solid 1px #999;
    background-color: #fff;
    width: 350px;
    padding: 8px; 
}

.CommonPostPopupListArea 
{ 
    border: solid 1px #999;
    width: 342px;
    padding: 4px;
    max-height: 300px;
    overflow: auto; 
}

UL.CommonPostPopupList 
{
    margin: 0 0 8px 8px;
    padding: 0;
    list-style-type: none; 
}

UL.CommonPostPopupList LI
{
    margin: 0;
    padding: 0;
}

.CommonPostPopupHeader
{
    margin-bottom: 8px;
}

.CommonUserImpersonationText
{
	color: #ffff00;
}

.ThreadQuoteButton
{
	padding: 5px 0px 10px 0px;
}

.ThreadQuoteArea
{
}

.CommonImageDownloadLink
{
	overflow: hidden;
}

.CommonImageDownloadLink img
{
	border: 0px;
}

/*
List
*/


.CommonListCell
{
	padding: 5px 0px 5px 5px;
	color: #333333;
	font-family: Arial, Helvetica;
	text-align: left;
}

.CommonListRow
{
	background-color: #eee;
}

.CommonListRow PRE,
.CommonListRowAlt PRE
{
	font-family: Arial, Helvetica;
	text-align: left;	
	float:left;
}

.CommonListRowAlt td
{
	background-color: inherit;
}


/* File Lists */

.CommonFileArea
{
	margin: 8px;
	width: 152px;
	overflow: hidden;
	float: left;
}

.CommonFileContent
{
	padding: 3px 8px 0 8px;
}

.CommonFile
{
	border: solid 2px #ccc;
	width: 131px;
	height: 94px;
	text-align: center;
	overflow: hidden;
	background-color: #fff;
	position: relative;
}

.CommonFile img
{
	border-width: 0;
	margin: 0;
	padding: 0;
}

.CommonFileContainer
{
    width: 48px;
    text-align: center;
}

.CommonFileContainer img
{
    border-width: 0;
}

.CommonFileDetails
{
	padding: 4px 0 8px 0;
	white-space: nowrap;
}

.CommonFileInner
{
	height: 94px;
	width: 131px;
	vertical-align: middle;
	text-align: center;
	padding: 0;
	margin: 0;
}

.CommonFileInner a.CommonFileLink
{
	display: block;
	height: 94px;
	width: 131px;
	text-decoration: none;
	position: absolute;
	left: 0;
	top: 0;
}

.CommonFileRoundTop, .CommonFileRoundBottom
{
	height: 5px;
}

.CommonFileRoundTop .r1, .CommonFileRoundTop .r2, .CommonFileRoundTop .r3, .CommonFileRoundTop .r4,
.CommonFileRoundBottom .r1, .CommonFileRoundBottom .r2, .CommonFileRoundBottom .r3, .CommonFileRoundBottom .r4
{
	height: 1px;
	overflow: hidden;
}

.CommonFileRoundTop .r1, .CommonFileRoundBottom .r4 { margin: 0 5px; }
.CommonFileRoundTop .r2, .CommonFileRoundBottom .r3 { margin: 0 3px; }
.CommonFileRoundTop .r3, .CommonFileRoundBottom .r2 { margin: 0 2px; }
.CommonFileRoundTop .r4, .CommonFileRoundBottom .r1 { margin: 0 1px; height: 2px; }

.CommonFileRoundTop .r1, .CommonFileRoundTop .r2, .CommonFileRoundTop .r3, .CommonFileRoundTop .r4,
.CommonFileRoundBottom .r1, .CommonFileRoundBottom .r2, .CommonFileRoundBottom .r3, .CommonFileRoundBottom .r4,
.CommonFileContent
{
	background-color: #ececec;
}


/*
Text Button
*/

.CommonTextButton
{
	display: inline-table;
	display: -moz-inline-box;
	display: inline-block;
	margin: 1px;
	padding: 4px;
	white-space: nowrap;
	cursor: pointer;
	color: #36c;
}

.CommonTextButton:LINK, .CommonTextButton:VISITED
{
	text-decoration: none;
}

.CommonTextButton:ACTIVE
{
	text-decoration: none;
}

.CommonTextButton:HOVER
{
	text-decoration: underline;
}

.CommonTextButtonHighlight
{
	display: inline-table;
	display: -moz-inline-box;
	display: inline-block;
	margin: 1px;
	padding: 4px;
	background-color: #bbb;
	white-space: nowrap;
	cursor: pointer;
	color: #333;
}

.CommonTextButtonHighlight:LINK, .CommonTextButtonHighlight:ACTIVE, .CommonTextButtonHighlight:HOVER
{
	text-decoration: none;
	background-color: #bbb;
	color: #333;
}

.CommonImageTextButton
{
	display: inline-table;
	display: -moz-inline-box;
	display: inline-block;
	margin: 1px;
	background-repeat: no-repeat;
	background-position: 2px center;
	padding: 4px 4px 4px 22px;
	line-height: normal;
	white-space: nowrap;
}

.CommonImageTextButton:LINK, .CommonImageTextButton:VISITED
{
	text-decoration: none;
	margin: 1px;
}

.CommonImageTextButton:ACTIVE
{
	text-decoration: none;
}

.CommonImageTextButton:HOVER
{
	text-decoration: underline;
}

/*
Specific Buttons
*/

.CommonDownloadButton { background-image: url(../images/common/download.gif); }
.CommonLockedButton { background-image: url(../images/common/locked.gif); }
.CommonPaperclipButton { background-image: url(../images/common/paperclip.png); }


/*
Message Styles
*/



.CommonMessageWarning
{
	margin: 16px 0;
	padding: 12px;
	font-size: 100%;
	color: #330;
	font-weight: normal;
	border: solid 1px #eec600;
	background-color: #FFFFAA;
}

.CommonMessageError
{
	margin: 16px 0;
	padding: 12px;
	font-size: 100%;
	color: #000;
	font-weight: normal;
	border: solid 1px #300;
	background-color: #d66;
}

/*
Validation Styles
*/

.CommonValidationWarning
{
	font-size: 100%;
	color: #f00;
	font-weight: bold;
	padding: 2px;
}

/*
login/out
*/
.CommonTitleBarTitleAreaContainerRight
{
    background-color: #fff;
    padding: 2px 0px 6px 0;
    float: right; 
    margin-right: 104px;
    color: #999;
    font-size: 16px;
    border-left: solid #999999 1px;
    border-right: solid #999999 1px;
    border-bottom: solid #999999 1px;
    height: 1.1em;
    overflow: hidden;
    float: right;
}

.CommonTitleBarTitleAreaContainerRight .Left
{
    background-color: #fff;
    padding: 2px 0px 6px 6px;
    margin-right: 6px;
}

.CommonTitleBarTitleAreaContainerRight a
{
	color: #555;
	font-size: 12px;
	font-weight: bold;
}

.CommonTitleBarTitleAreaContainerRight span a
{
    font-weight: normal;
}

.CommonTitleBarTitleAreaContainerRight .CommonLinkSeparator
{
    border-right: dotted 1px #999;
}

/*Breadcrumb*/
.CommonBreadCrumbArea
{
	margin: 0;
	padding: 4px 0;
	font-size: 11px;
	color: #000;
	background-color: #e7e7e6;
	border-bottom: solid 0px #bbb;
}

/*
Content
*/

.CommonContentArea
{
    margin: 16px 0 0 0;
}

.CommonTitle
{
    color: #333;
	font-size: 200%;
	letter-spacing: -1px;
	font-weight: bold;
	/*padding: 0;
	margin: 0;*/
}

.CommonSubTitle
{
	margin-top: 15px;
	text-align: left;
	padding: 4px;
	background-color: #999;
	color: #fff;
	font-family: Arial, Helvetica;
	font-weight: bold;
	font-size: 110%;
}

.CommonSmallSubTitle
{
	font-size: 11px;
	font-weight: lighter;
	font-family: Helvetica Arial;
	color: #333333;
	margin-top: 5px;
}

.CommonHeader
{
	color: #aaa;
	font-size: 130%;
	font-weight: bold;
	padding: 0;
	margin: 8px 0 0 0;
}

.CommonContent
{
}

.CommonGroupedContentArea
{
	padding: 0 5px 8px 0px;
	margin: 0 0 16px 0px;
	overflow: hidden;
}

.CommonDescription
{
	margin: 0 0 16px 0;
}

.CommonWarning
{
	padding: 8px 8px;
	font-weight: normal;
	margin: 24px 0 16px 0;
	color: #333;
	border: solid 1px #FFD226;
	background-color: #fffcb3;
}

/*
Email
*/
.CommonEmailCard
{
	max-height: 500px;
	max-width: 500px;
	margin-top: 10px;
	padding: 2px 2px;
}

.CommonEmailCardForm
{
	border: solid 1px #cccccc;  
	text-align: center;
	padding: 10px 10px;
	margin-top: 5px;
	height: 500px;
	width: 500px;
}

.CommoncardContent
{
	text-align: left;
	width: 500px;
}

.CommoncardContent .CommonEmailTitle
{
	width: 358px;
	font-size: 18px;
	font-weight: bold;
}

.CommoncardContent .CommonEmailBody
{
	max-width: 500px;
	min-height: 200px;
}

.number_box
{
	width: 30px;
	height: 20px;
	background-color: #fff;
	font-family: Helvetica;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-align:center;
}

.btn_Preview
{
	font-size:13px;
	width:100px;
	margin-left: 250px;
	margin-top:20px;
}

.email_sub_title
{
	 vertical-align:middle; 
	 padding-top: 7px; 
	 font-weight: bold;
	 font-size:12px;
}

.CommonMessage
{
	padding-left: 10px;
	color: Red;
}
/*
CompanyInfo
*/
.CommonCompanyInfoArea
{
	margin-right: 20px;
	border-top: dotted 2px #d4d4d4;
	padding-top: 20px;
	line-height: 20px;
}

.CommonAboutUsArea
{
	text-align: right;
	margin-bottom: 30px;
	margin-right: 20px;
	background-color: #f4f4f4;
	vertical-align: middle;
	padding-top:10px;
	padding-right: 10px;
	height: 90px;
}


/* Comment Bubbles */

.CommonCommentArea
{
	margin: 12px 0;
}

.CommonCommentUser
{
	float: left;
	width: 64px;
	min-height: 60px;
	overflow: hidden;
}

.CommonCommentArrow
{
	float: left;
	padding-top: 10px;
	width: 10px;
	height: 20px;
	overflow: hidden;
}

.CommonCommentArrow .r1, .CommonCommentArrow .r2, .CommonCommentArrow .r3, .CommonCommentArrow .r4,
.CommonCommentArrow .r5, .CommonCommentArrow .r6, .CommonCommentArrow .r7, .CommonCommentArrow .r8, 
.CommonCommentArrow .r9, .CommonCommentArrow .r10
{
	height: 2px;
	overflow: hidden;
}

.CommonCommentArrow .r1 { margin-left: 0; }
.CommonCommentArrow .r2 { margin-left: 1px; }
.CommonCommentArrow .r3 { margin-left: 2px; }
.CommonCommentArrow .r4 { margin-left: 3px; }
.CommonCommentArrow .r5 { margin-left: 4px; }
.CommonCommentArrow .r6 { margin-left: 5px; }
.CommonCommentArrow .r7 { margin-left: 6px; }
.CommonCommentArrow .r8 { margin-left: 7px; }
.CommonCommentArrow .r9 { margin-left: 8px; }
.CommonCommentArrow .r10 { margin-left: 9px; }

.CommonCommentBubble
{
	margin-left: 74px;
}

.CommonCommentContent
{
	padding: 0 10px 1em 10px;
	min-height: 32px;
	position: relative;
	overflow: hidden;
}

.CommonCommentBubbleRoundTop, .CommonCommentBubbleRoundBottom
{
	height: 5px;
}

.CommonCommentBubbleRoundTop .r1, .CommonCommentBubbleRoundTop .r2, .CommonCommentBubbleRoundTop .r3, .CommonCommentBubbleRoundTop .r4,
.CommonCommentBubbleRoundBottom .r1, .CommonCommentBubbleRoundBottom .r2, .CommonCommentBubbleRoundBottom .r3, .CommonCommentBubbleRoundBottom .r4
{
	height: 1px;
	overflow: hidden;
}

.CommonCommentBubbleRoundTop .r1, .CommonCommentBubbleRoundBottom .r4 { margin: 0 5px; }
.CommonCommentBubbleRoundTop .r2, .CommonCommentBubbleRoundBottom .r3 { margin: 0 3px; }
.CommonCommentBubbleRoundTop .r3, .CommonCommentBubbleRoundBottom .r2 { margin: 0 2px; }
.CommonCommentBubbleRoundTop .r4, .CommonCommentBubbleRoundBottom .r1 { margin: 0 1px; height: 2px; }

.CommonCommentBubbleRoundTop .r1, .CommonCommentBubbleRoundTop .r2, .CommonCommentBubbleRoundTop .r3, .CommonCommentBubbleRoundTop .r4,
.CommonCommentBubbleRoundBottom .r1, .CommonCommentBubbleRoundBottom .r2, .CommonCommentBubbleRoundBottom .r3, .CommonCommentBubbleRoundBottom .r4,
.CommonCommentArrow .r1, .CommonCommentArrow .r2, .CommonCommentArrow .r3, .CommonCommentArrow .r4,
.CommonCommentArrow .r5, .CommonCommentArrow .r6, .CommonCommentArrow .r7, .CommonCommentArrow .r8, 
.CommonCommentArrow .r9, .CommonCommentArrow .r10,
.CommonCommentContent
{
	background-color: #CEDEFD;
}

.Owner .CommonCommentBubbleRoundTop .r1, .Owner .CommonCommentBubbleRoundTop .r2, .Owner .CommonCommentBubbleRoundTop .r3, .Owner .CommonCommentBubbleRoundTop .r4,
.Owner .CommonCommentBubbleRoundBottom .r1, .Owner .CommonCommentBubbleRoundBottom .r2, .Owner .CommonCommentBubbleRoundBottom .r3, .Owner .CommonCommentBubbleRoundBottom .r4,
.Owner .CommonCommentArrow .r1, .Owner .CommonCommentArrow .r2, .Owner .CommonCommentArrow .r3, .Owner .CommonCommentArrow .r4,
.Owner .CommonCommentArrow .r5, .Owner .CommonCommentArrow .r6, .Owner .CommonCommentArrow .r7, .Owner .CommonCommentArrow .r8, 
.Owner .CommonCommentArrow .r9, .Owner .CommonCommentArrow .r10,
.Owner .CommonCommentContent
{
	background-color: #DFFFED;
}

.CommonMessageHeader
{
	font-size: 110%;
}

.CommonMessageRecipients
{
	font-size: 80%;
	padding: 2px 0;
}

.CommonMessageDate
{
	border-bottom: solid 1px #999;
	margin-bottom: 10px;
	padding-bottom: 4px;
	font-size: 80%;
}

.CommonMessageActions
{
	float: right; 
	margin: 0 0 4px 4px; 
	font-size: 80%;
	font-weight: bold;
}

UL.CommonContentBoxList LI.CommonActivity
{
	padding-left: 22px;
	background-position: left top;
	background-repeat: no-repeat;
	min-height: 16px;
}

UL.CommonContentBoxList LI.CommonActivity.NewProfileAnnouncement { background-image: url('../images/activities/new-profile-announcement.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewProfileComment { background-image: url('../images/activities/new-profile-comment.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewUser { background-image: url('../images/activities/new-user.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewBlog { background-image: url('../images/activities/new-blog.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewBlogPost { background-image: url('../images/activities/new-blog-post.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewBlogComment { background-image: url('../images/activities/new-blog-comment.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewForum { background-image: url('../images/activities/new-forum.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewForumThread { background-image: url('../images/activities/new-forum-thread.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewForumPost { background-image: url('../images/activities/new-forum-post.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewMediaGallery { background-image: url('../images/activities/new-media-gallery.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewMediaGalleryPost { background-image: url('../images/activities/new-media-gallery-post.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewMediaGalleryComment { background-image: url('../images/activities/new-media-gallery-comment.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewGroup { background-image: url('../images/activities/new-group.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewGroupMember { background-image: url('../images/activities/new-group-member.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewFriendship { background-image: url('../images/activities/new-friend.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewGroupPage { background-image: url('../images/activities/new-group-page.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewUserFile { background-image: url('../images/activities/new-user-file.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewUserAvatar { background-image: url('../images/activities/new-user-avatar.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewUserFolder { background-image: url('../images/activities/new-folder.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewWikiPageComment { background-image: url('../images/activities/new-wiki-comment.gif'); }
UL.CommonContentBoxList LI.CommonActivity.UpdatedWikiPage { background-image: url('../images/activities/new-wiki-page.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewWikiPage { background-image: url('../images/activities/new-wiki-page.gif'); }

.CommonActivityContent
{
	padding-right: 5px;
}

.YellowPageMerchantName
{
	font-size: 16px;
	padding-bottom: 5px;
}
.YellowPageMerchantName A
{ font-size: 18px; color: #669900; }

.YellowPagePhone
{
	font-size:13px;
	font-weight: bold;
	margin-top: 15px;
}

.YellowPageContent
{
	font-size: 12px;
	border-bottom: solid 1px #dddddd;
	padding-bottom: 10px;
	padding-top:15px;
}

.AlphaPickerArea
{
	background-color: #dddddd;
	width: 75%;
}

.login_error
{
	font-size: 11px;
	color: Red;
}

.CommonListArea
{
	
}

DIV.alphabetpicker { padding: 10px; background-color: #EEE; }
DIV.alphabetpicker A { color: #00AEEF; font-size: 16px; margin: 0 5px; }
DIV.alphabetpicker A.on { color: #C00; }


DIV.pager { margin-top: 10px; }
DIV.pager SPAN.on { margin-left: 10px; color: #C00; }
DIV.pager A { margin-left: 10px; color: #00AEEF; }

TABLE TR.pager TD { font-size: 13px; padding: 3px 5px; }
TABLE TR.pager TD SPAN { color: #C00; }
TABLE TR.pager TD A, TABLE TR.pager TD A:visited { color: #00AEEF; }
TABLE TR.pager TD A:hover { color: #FF9600; }


#Promotion
{
	background: url(../images/common/Flexgift-promo1.jpg) no-repeat top center;
	width:500px; 
	height:350px;
}

#Promotion .Promotion_Go
{
	padding-top: 250px; 
	padding-left: 400px; 
	text-decoration: underline;
}

#Promotion .Promotion_close
{
	margin-top: 40px;
	margin-left: 428px; 
	Font-Size: 12px; 
}





/* #########################################################################

                                HEADQUARTERS

######################################################################### */

#box-hqinfo
{
    background-image:url("../images/common/res_ad.gif");
    overflow: hidden;
    clear: both;
}
#rbox-hqinfo { margin: 10px 20px; }

.hqinfo, .branchinfo { float: left; }
.hquserinfo, .branchuserinfo { float: right; text-align: right; }

.hqinfo .name { font-size: 20px; }
.hqinfo .address { font-size: 12px; color: #999; }

.hquserinfo .name { font-size: 20px; }
.hquserinfo .email { font-size: 12px; color: #999; }


.branchinfo .name { font-size: 20px; }
.branchinfo .address { font-size: 12px; color: #666; }

.branchuserinfo #branchaccountid { font-size: 12px; color: #666; }
.branchuserinfo .mid { font-size: 12px; color: #333; font-weight: bold; }




/* ROUNDED BOX */
/* WHITE */
.rbox-10-white .tl { height: 10px; background: url("/images/box/rbox-10-white.png") no-repeat;  }
.rbox-10-white .tr { height: 10px; background: url("/images/box/rbox-10-white.png") no-repeat 100% 0%; margin-left: 10px; }
.rbox-10-white .tc { height: 10px; background-color: #FFF; margin-right: 10px; }
.rbox-10-white .mc { padding: 2px 15px; background-color: #FFF; overflow: hidden; }
.rbox-10-white .bl { height: 10px; background: url("/images/box/rbox-10-white.png") no-repeat 0% 100%;  }
.rbox-10-white .br { height: 10px; background: url("/images/box/rbox-10-white.png") no-repeat 100% 100%; margin-left: 10px; }
.rbox-10-white .bc { height: 10px; background-color: #FFF; margin-right: 10px; }

.rbox-10-gray .tl { height: 10px; background: url("/images/box/rbox-10-gray.png") no-repeat;  }
.rbox-10-gray .tr { height: 10px; background: url("/images/box/rbox-10-gray.png") no-repeat 100% 0%; margin-left: 10px; }
.rbox-10-gray .tc { height: 10px; background-color: #D7D7D7; margin-right: 10px; }
.rbox-10-gray .mc { padding: 2px 15px; background-color: #D7D7D7; overflow: hidden; }
.rbox-10-gray .bl { height: 10px; background: url("/images/box/rbox-10-gray.png") no-repeat 0% 100%;  }
.rbox-10-gray .br { height: 10px; background: url("/images/box/rbox-10-gray.png") no-repeat 100% 100%; margin-left: 10px; }
.rbox-10-gray .bc { height: 10px; background-color: #D7D7D7; margin-right: 10px; }

.rbox-5-white .tl { height: 5px; background: url("/images/box/rbox-5-white.png") no-repeat;  }
.rbox-5-white .tr { height: 5px; background: url("/images/box/rbox-5-white.png") no-repeat 100% 0%; margin-left: 5px; }
.rbox-5-white .tc { height: 5px; background-color: #FFF; margin-right: 5px; }
.rbox-5-white .mc { padding: 0px 10px; background-color: #FFF; overflow: hidden; }
.rbox-5-white .bl { height: 5px; background: url("/images/box/rbox-5-white.png") no-repeat 0% 100%;  }
.rbox-5-white .br { height: 5px; background: url("/images/box/rbox-5-white.png") no-repeat 100% 100%; margin-left: 5px; }
.rbox-5-white .bc { height: 5px; background-color: #FFF; margin-right: 5px; }

.rbox-5-gray-border .tl { height: 5px; background: url("/images/box/rbox-5-gray-border-corner.png") no-repeat;  }
.rbox-5-gray-border .tr { height: 5px; background: url("/images/box/rbox-5-gray-border-corner.png") no-repeat 100% 0%; margin-left: 5px; }
.rbox-5-gray-border .tc { height: 5px; background: url("/images/box/rbox-5-gray-border-vertical.png") 0% 0%; margin-right: 5px; }
.rbox-5-gray-border .mc { padding: 0px; background-color: #FFF; overflow: hidden; border-left: 1px solid #CCC; border-right: 1px solid #CCC; }
.rbox-5-gray-border .bl { height: 5px; background: url("/images/box/rbox-5-gray-border-corner.png") no-repeat 0% 100%;  }
.rbox-5-gray-border .br { height: 5px; background: url("/images/box/rbox-5-gray-border-corner.png") no-repeat 100% 100%; margin-left: 5px; }
.rbox-5-gray-border .bc { height: 5px; background: url("/images/box/rbox-5-gray-border-vertical.png") 0% 100%; margin-right: 5px; }





/* LAYOUT */
#box-contents { background-color: #E7E7E6; margin-bottom: 5px; padding: 20px; }
#panel-contents { background-color: #FFF; border: 1px solid #cecece; clear: both; }
#panel-contents.contentonly { padding: 10px; }

.box-contents-full { padding: 20px; }
.page-content { font-family: Arial, Verdana, Tahoma, Helvetica; font-size: 13px;}
.page-content A { color: #0072BC; }
.page-content A:hover { color: #C00; }


.panel { clear: both; overflow: hidden; }
.panel-left { float: left; }
.panel-right { float: right; }



TABLE.frame-2rows { border-collapse: collapse; width: 100%; }
TABLE.frame-2rows TR TD#panel-leftmenu { border-right: 1px solid #CCC; width: 220px; overflow: hidden; margin: 0px; padding: 0px; vertical-align: top; }
TABLE.frame-2rows TR TD#panel-rightcontent { width: 100%; padding: 20px; margin: 0px; vertical-align: top; }



/* MENU */
#box-menu-hq { height: 40px; overflow: hidden; }
#menu-hq { margin: 0px 0px 0px 20px; padding: 0px; list-style: none; height: 40px; overflow: hidden; float: left; }
#menu-hq LI { float: left; margin-right: 2px; }
#menu-hq LI A
{
    width: 180px;
    height: 40px;
    display: block;
    text-align: center;
    font-size: 12px;
    color: #FFF;
    line-height: 40px;
    background: transparent url("/images/hq/menu-bg.png") no-repeat;
}
#menu-hq LI A:hover { color: #333; text-decoration: none; background: transparent url("/images/hq/menu-bg-selected.png") no-repeat; }
#menu-hq LI.on A { color: #333; font-weight: bold; background: transparent url("/images/hq/menu-bg-selected.png") no-repeat; }



/* SEARCH - BRANCH */
#search-branch { float: right; position: relative; right: 20px; overflow: hidden; }
#rbox-search { width: 200px; }
#search-branch INPUT { border: 0px; vertical-align: middle; }
#search-branch INPUT.search { width: 155px; font-size: 12px; color: #999; }
#search-branch INPUT.btn-search { cursor: pointer; width:20px; background: #FFF url("/images/Common/icon-search.png") no-repeat 0% 50%; }



/* LEFT MENU - HQ */
/* HQ MENU LEFT - Added by Donghyun Cho*/
UL.LeftMenuList
{
    list-style-type: none;
    margin: 0;
    padding: 0; 
    overflow: hidden;
}

UL.LeftMenuList LI
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 220px;
	height: 65px;
	border-bottom: solid 1px #cccccc;
}

UL.LeftMenuList a
{
    text-indent: 70px;
    display: block;
	height: 65px;
	line-height: 65px;
	color: #999999;	
	font-size: 13px;
	font-family: Helvetica Arial;
	color: #999999;
}

UL.LeftMenuList A:HOVER, UL.MenuContentBoxList A:Active, UL.MenuContentBoxList .Menu_Selected
{
	color: #ff9b33;	
}
UL.LeftMenuList LI.on A { color: #ff9b33; }

UL.LeftMenuList LI A IMG { margin-right: 10px; }

UL.LeftMenuList LI.leftmenu-Information { background: #FFF url("/images/MyFlexgift/profile_off.gif") no-repeat 15px 50%; }
UL.LeftMenuList LI.leftmenu-customers { background: #FFF url("/images/MyFlexgift/mycustomers_off.gif") no-repeat 15px 50%; }
UL.LeftMenuList LI.leftmenu-statement { background: #FFF url("/images/MyFlexgift/mytransaction_off.gif") no-repeat 15px 50%; }
UL.LeftMenuList LI.leftmenu-transactions { background: #FFF url("/images/MyFlexgift/mystatement_off.gif") no-repeat 15px 50%; }
UL.LeftMenuList LI.leftmenu-activity { background: #FFF url("/images/MyFlexgift/activityreport_off.gif") no-repeat 15px 50%; }
UL.LeftMenuList LI.leftmenu-email { background: #FFF url("/images/MyFlexgift/loyaltyemail_off.gif") no-repeat 15px 50%; }




/* BREADCRUMBS */
#box-breadcrumb { font-size: 12px; background: #FFF url("/images/icon-breadcrumbs.gif") no-repeat 0% 50%; padding-left: 15px; margin-bottom: 20px; }




/* TAB MENU */
UL.tabmenu { margin: 0px; padding: 0px 0px 0px 10px; list-style: none; overflow: hidden; clear: both; border-bottom: 2px solid #C00; }
UL.tabmenu LI.tab-button { float: left; margin-right: 2px; cursor: pointer; }
UL.tabmenu LI.tab-button A { display: block; padding: 5px 20px; background-color: #DDD; font-size: 13px; text-decoration: none; }
UL.tabmenu LI.tab-button.on A { background-color: #C00; color: #FFF; }
DIV.tab-contents { padding: 20px 0px; }




/* PAGE */
DIV.page-title
{
    margin: 0px 0px 20px 0px;
    padding: 5px 0px;
    font-size: 20px;
    color: #333;
}
DIV.page-title H1
{
    margin: 0px 0px 20px 0px;
    padding: 5px 0px;
    font-size: 1em;
    color: #990000;
    text-indent: 20px;
    background: transparent url("/images/MyFlexgift/red_sq.gif") no-repeat 0% 50%;
    border-bottom: 1px solid #900;
}


/*   ERROR MESSAGE BOX   */
/*
.errMsg
{
    display: block;
    border: 1px solid #dddaaa;
    background-color: #fffde6;
    
    width: 100%;
    padding: 10px 20px;
    
    font-family: Verdana;
    font-size: 14px;
    color: #333;
    line-height: 140%;
    
    margin-bottom: 20px;
    
    overflow: hidden;
}
.errMsg.error { color: #E04242; }
*/
.errMsg
{
    width: 100%;
}
.errMsg .message
{
    display: block;
    border: 1px solid #dddaaa;
    background-color: #fffde6;
    margin-bottom: 20px;
    padding: 10px 20px;
    font-size: 14px;
    color: #E04242;
}


.goodMsg
{
    display: block;
    border: 1px solid #66BB50;
    background-color: #f6ffde;
    
    width: 620px;
    padding: 10px 20px;
    
    font-family: Verdana;
    font-size: 14px;
    color: #333;
    line-height: 140%;
    
    margin-bottom: 20px;
}
.goodMsg.completed { color: #333; }







/* LIST TABLE */
TABLE.list { width: 100%; font-size: 11px; }
TABLE.list TH { padding: 5px; color: #666; border-bottom: 1px solid #DDD; }
TABLE.list TH A { color: #666; }
TABLE.list TD { padding: 10px 5px; }

TABLE.list A, TABLE.list A:visited { color: #0072bc; }
TABLE.list A:hover { color: #C00; }

TABLE.list TD SPAN.Completed { color: #0072bc; }
TABLE.list TD SPAN.Ready { color: #C00; }



TABLE.list2 { width: 100%; font-size: 13px; border-collapse: collapse; }
TABLE.list2 TH, TABLE.list2 TD { padding: 10px 5px; }
TABLE.list2 THEAD TH { padding: 5px; color: #666; border-top: 2px solid #CCC; border-bottom: 2px solid #CCC; background-color: #E0E0E0; font-size: 11px; }

TABLE.list2 TBODY TH { text-align: left; font-weight: normal; }
TABLE.list2 TBODY TD { text-align: right; }

TABLE.list2 TFOOT TH { text-align: left; color: #669933; border-top: 1px solid #CCC; }
TABLE.list2 TFOOT TD { text-align: right; font-weight: bold; color: #669933; border-top: 1px solid #CCC; }

TABLE.list2 TH.subtotal, TABLE.list2 TD.subtotal { color: #333; }



TABLE.list2 TH.code { width: 80px; text-align: center; }


TABLE.list3 { width: 100%; font-size: 13px; border-collapse: collapse; }
TABLE.list3 TH, TABLE.list3 TD { padding: 10px 5px; }
TABLE.list3 THEAD TH { padding: 5px; color: #666; border-top: 2px solid #CCC; border-bottom: 2px solid #CCC; background-color: #E0E0E0; font-size: 11px; }

TABLE.list3 TBODY TH { text-align: left; font-weight: normal; }
TABLE.list3 TBODY TD { text-align: right; }

TABLE.list3 TFOOT TH { text-align: left; color: #669933; border-top: 1px solid #CCC; }
TABLE.list3 TFOOT TD { text-align: right; font-weight: bold; color: #669933; border-top: 1px solid #CCC; }

TABLE.list3 TH.subtotal, TABLE.list3 TD.subtotal { color: #333; }
TABLE.list3 TR.highlight { background-color: #EEE; }




SPAN.total { display: block; font-size: 16px; font-weight: bold; color: #C00; }



/* FORM TABLE */
TABLE.form { border-collapse: collapse; margin: 0px; padding: 0px; font-size: 13px; color: #333; width: 100%; }
TABLE.horizontal TH, TABLE.horizontal TD { padding: 3px; text-align: left; font-weight: normal; }
TABLE.horizontal TH { width: 150px; }
TABLE.horizontal.pricing TH { width: 300px; }

TABLE.form TABLE { border: 0px; border-collapse: collapse; }
TABLE.form TABLE TD { margin: 0px; padding: 0px; }
TABLE.form LABEL { margin-left: 5px; margin-right: 20px; }

TABLE.email TH { text-align: right; padding-right: 10px; }


INPUT.txt { padding: 5px; border: 1px solid #999; }
INPUT.f { width: 695px; }
INPUT.m { width: 300px; }
INPUT.date { width: 80px; }
INPUT.btn { padding: 3px; }

TEXTAREA.txt-f { width: 695px; height: 300px; border: 1px solid #999; padding: 5px; }
SELECT.txt-f { width: 700px; }





/* STATEMENT */
#dateStatement { width: 80px; }





/* CLASSES */
DIV.buttons { margin-top: 30px; text-align: right; }



/* YELLOW PAGES */
DIV#search-business { margin-bottom: 10px; }
DIV#search-business INPUT.text {  }




/* EMAIL CAMPAIGN */
#panelMailTo
{
    width: 700px;
    padding: 2px;
    border: 1px solid #999;
    overflow-y: scroll;
    background-color: #F6F6F6;
    min-height: 30px;
    max-height: 100px;
}
#panelMailTo SPAN
{
    display: block;
    float: left;
    margin: 1px;
    padding: 5px;
    border: 1px solid #fff222;
    background-color: #ffffcf;
    white-space: pre;
}
#panelMailTo SPAN.group
{
    border: 1px solid #ffa3a3;
    background-color: #ffe9e9;
}
#panelMailTo SPAN B { color: #E04242; font-weight: bold; font-size: 12px; padding: 1px 5px; margin-left: 5px; cursor: pointer; }



#panelAddGroups { overflow: hidden; float: left; height: 30px; display: none; }
#panelAddGroups .panelTitle { background-color: #AAA; overflow: hidden; clear: both; padding: 5px 10px; }
#panelAddGroups .title { float: left; font-weight: bold; }
#panelAddGroups .close { float: right; }
#panelAddGroups .close A { color: #FFF; }

#panelGroups { border: 1px solid #E0E0E0; background-color: #EEE; width: 477px; position: absolute; overflow: hidden; }
#panelGroups .panelList DIV { padding: 5px 10px; border: 1px solid #EEE; }
#panelGroups .panelList DIV.on { border: 1px solid #ffa3a3; background-color: #ffe9e9; }
#panelGroups .panelList DIV LABEL { cursor: pointer; }



#previewmessage { width: 100%; height: 100%; }
#previewmessage .title { font-size: 24px; color: #333; border-bottom: 2px solid #EEE; padding: 10px; }
#previewmessage .message { font-size: 13px; color: #333; padding: 10px; height: 100%; vertical-align: top; }




#popup-notice
{
    display: none;
    position: absolute;
    width: 400px;
    min-height: 200px;
    top: 100px;
    left: 100px;
    padding: 20px;
    background-color: #FFF !important;
    border: 10px solid #00AEEF;
}
#popup-notice A { color: #00AEEF; }