pbody {
	margin:0;
}

body.ajax {
	padding:0;
}

body, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, input, form, fieldset, label {
	padding:0;
	margin:0;
}

body, p, input, textarea, select, td, th {
	font: 10pt "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
}

img {
	border: none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
}

ul.classic_list {
	margin-left:25px;
	margin-top:5px;
	margin-bottom:5px;
}

h1 {
	font-size:15pt;
	margin-bottom:4px;
}

h2 {
	font-size:11pt;
	color:#65ABC5;
	margin-bottom:4px;
}
h3 {
	font-size:11pt;
	color:#FFF;
	background-color:#000;
	margin-bottom:1px;
	padding:3px;
}
h4 {
	background-color:#E2E2E2;
	padding:5px;
	color:#000;
	font-size:11pt;
	font-weight:normal;
	font-style:italic;
	margin-top:15px;
	margin-bottom:10px;
}
h4 strong {
	font-size:13pt;
	color:#0000FF;
	font-weight:bold;
	font-style:normal;
}
h4 em {
	font-size:11pt;
	color:#0000FF;
	font-weight:bold;
	font-style:italic;
}
.message {
	border:1px solid green;
	padding:5px;
	margin-bottom:5px;
	margin-top:5px;
	background-color:#FFF;
	color:green;
}

.error {
	border:1px solid #FF0000;
	padding:5px;
	margin-bottom:5px;
	margin-top:5px;
	background-color:#FFF;
	color:#FF0000;
}

/* MOOFLO DROPS */

.mooflo_dragger {
	position:absolute;
	z-index:99999;
	opacity:0.7;
	cursor:move;
}
ul#mooflo_drop {
	position:relative;
	width:300px;
	float:right;
	list-style:none;
	margin:0;
	padding:0;
}
ul#mooflo_drop li {
	width:300px;
	background-color:#dbdbdb;
}





/* DESIGN LAYOUT */

#page_wrapper {
	position:relative;
	width:996px;
	margin:0 auto;
	margin-top:5px;
}
div.clear {
	position:relative;
	clear:both;
	height:0;
	overflow:hidden;
}
#top_nav {
	position:relative;
	float:right;
	background:#FFF url('../images/top_nav_bg.gif') top left no-repeat;
	width:752px;
	height:55px;
	overflow:hidden;
}
#top_nav ul {
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
}
#top_nav li {
	position:relative;
	float:left;
	height:33px;
	padding-top:16px;
	padding-left:20px;
	padding-right:20px;
	background:transparent url('../images/top_nav_sep.gif') top right no-repeat;
	color:#454545;
}
#top_nav li.login {
	font-weight:bold;
	font-style:italic;
}
#top_nav li.welcome {
	font-weight:bold;
	padding-top:5px;
	padding-left:5px;
	padding-right:0;
	width:160px;
	font-size:8pt;
	line-height:14px;
}
#top_nav li.welcome a {
	color:#0000FF;
	text-decoration:none;
}
#top_nav li.welcome a:hover {
	text-decoration:underline;
	color:#0C1A3D;
}
#top_nav li.cap {
	padding:0;
	width:8px;
	background:none;
}
#top_nav li.link {
	cursor:pointer;
}
#top_nav li.link_over {
	cursor:pointer;
	color:#FFF;
	background-color:#999;
}
#top_nav li input {
	width:90px;
	height:14px;
	margin-left:5px;
	font-size:8pt;
	font-style:italic;
}
#top_nav li img.search {
	position:absolute;
	top:20px;
	left:35px;
	border:0;
	height:13px;
	width:13px;
}
#top_nav li input.image {
	width:16px;
	height:16px;
	cursor:pointer;

}
#top_nav li input.search {
	width:105px;
	padding-left:18px;
}

#top_nav li.end {
	background:none;
	padding:2px;
	font-size:8pt;
	color:#000;
	cursor:pointer;
}
img.preview_greeting_card, img.preview_post_card {
	border:0;
	float:left;
	margin-right:4px;
	height:45px;
	width:32px;
	cursor:pointer;
}

img.preview_post_card {
	width:45px;
	height:32px;
}
#sfylogo {
	position:absolute;
	top:0;
	left:0;
	height:102px;
	width:240px;
	z-index:50;
}
#left_col {
	position:relative;
	float:left;
	width:240px;
	background:#000 url('../images/left_col_bg.gif') top left repeat-y;
	padding-top:30px;
	padding-bottom:30px;
}
#left_col.onecol {
	padding-top:20px;
	/* IE 7 wants padding-top:50px */
	padding-bottom:0;
}
#left_col a, #left_col a:link, #left_col a:visited, #left_col a:active {
	color:#95BFFE;
	text-decoration:none;
}
#left_col a:hover {
	text-decoration:underline;
}
#left_col div.cat {
	position:relative;
	margin-left:12px;
	margin-right:12px;
	margin-top:20px;
	color:#FFF;
	font-weight:bold;
	border-bottom:1px dotted #FFF;
	padding-bottom:2px;
	cursor:pointer;
}
#left_col ul {
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	margin-left:12px;
	margin-right:12px;
}
#left_col li, #left_col li.over {
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	color:#FFF;
	margin-top:3px;
	margin-bottom:3px;
	cursor:pointer;
	background:none;
}
#left_col li.over {
	background-color:#6F6F6F;
}
#left_col div.cat_arrow, #left_col div.cat_arrow_down {
	position:relative;
	float:right;
	background:transparent url('../images/icons/cat_arrow_right.gif') top left repeat-x;
	height:12px;
	width:12px;
}
#left_col div.cat_arrow_down {
	background:transparent url('../images/icons/cat_arrow_down.gif') top left repeat-x;
}
#right_col {
	position:relative;
	float:left;
	width:755px;
}
#head_nav {
	position:relative;
	width:755px;
	height:20px;
	background:#000 url('../images/head_nav_bg.gif') top left repeat-y;
}
#head_nav ul {
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	padding-top:3px;
}
#head_nav li {
	position:relative;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	border-right:1px solid #FFF;
	padding-left:12px;
	padding-right:12px;
	font-size:9pt;
}
#head_nav a, #head_nav a:link, #head_nav a:visited, #head_nav a:active {
	color:#FFF;
	text-decoration:none;
}
#head_nav a:hover {
	color:#95BFFE;
	text-decoration:underline;
}
#head_nav li.end {
	border-right:0;
}
#content {
	position:relative;
	width:750px;
	padding-left:5px;
	padding-top:5px;
}
#foot_nav {
	background-color:#E2E2E2;
	font-size:8pt;
	color:#333;
	padding:12px;
	margin-top:12px;
	margin-left:12px;
}
#foot_nav ul {
	list-style:none;
	margin:0;
	padding:0;
}
#foot_nav li {
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	float:left;
	width:140px;
}
#foot_nav a, #foot_nav a:link, #foot_nav a:visited, #foot_nav a:active {
	color:#4C4C4C;
	text-decoration:none;
}
#foot_nav a:hover {
	color:#163470;
	text-decoration:underline;
}
#footer {
	margin-top:12px;
	font-size:8pt;
	color:#666;
	text-align:center;
}
#MooFlow_holder {
	width:750px;
	height:375px;
	overflow:hidden;
}


table.simple {
	border:0;
}
table.simple .det {
	color:#666;
	border:1px solid #666;
	padding:5px;
	font-size:8.5pt;
}
table.simple th, table.simple td {
	vertical-align:top;
}
table.simple th {
	text-align:left;
	font-style:italic;
	font-weight:bold;
	color:#666;
	width:120px;
	background-color:#ebebeb;
}

.required {
	color:#FF0000;
	font-size:8pt;
	font-weight:bold;
}
.agreement_box {
	position:relative;
 	overflow:auto;
	height:90px;
	background-color:#FFF;
	width:480px;
	font-size:8pt;
	border:1px solid #D5D5D5;
	margin-bottom:5px;
	padding:5px;
}
.agreement_box p {
	font-size:8pt;
}

.box_wide {
	position:relative;
 	float:left;
	margin:5px;
	font-size:8.5pt;
	background-color:#FFF;
}
.boxbar {
	position:relative;
 	background:#FFF url('/images/top_bg.jpg') top left repeat-x;
	height:15px;
	font-weight:bold;
	padding:2px;
	border:1px solid #D5D5D5;
	font-size:9pt;
	color:#003399;
}
ul.icons {
	list-style:none;
	margin:0;
	padding:0;
}
ul.icons li, ul.icons li.over {
	list-style:none;
	margin:5px;
	position:relative;
	float:left;
	width:80px;
	height:90px;
	text-align:center;
	font-size:8pt;
	color:#2B7EFF;
	font-weight:bold;
	cursor:pointer;
	padding:3px;
}
ul.icons li.over {
	color:#0000FF;
}

ul.icons li img {
	height:50px;
	width:50px;
}
li#new_fav_cat_add {
	overflow:hidden;
	height:23px;
}
li#new_fav_cat_form {

}
#new_fav_cat_name {
	width:150px;
}

body.ajax h1 {
	font-size:11pt;
}

.pv {
	position:relative;
	border:1px solid #CCC;
	padding:5px;
	margin-bottom:5px;
	font-size:8.5pt;
}
.pv img {
	position:relative;
	float:left;
	margin-right:5px;
	border:1px solid #000;
	padding:1px;
	width:60px;
}
.pv input, .pv select {
	font-size:9pt;
}


/* ADDRESS BOOK */
#ab {
	position:relative;
	margin-left:7px;
	border:1px solid #666;
	background-color:#CCC;
	width:741px;
	height:450px;
	overflow:hidden;
}
#ab_top {
	position:relative;
	height:30px;
	background-color:#CCC;
	overflow:hidden;
}
#ab_groups, #ab_contacts, #ab_details, #ab_users, #ab_fontsigs {
	position:relative;
	float:left;
	height:402px;
	overflow:auto;
	background-color:#FFF;
	padding:5px;
	border:1px solid #666;
}
#ab_groups, #ab_users {
	width:178px;
	margin-left:5px;
	margin-right:5px;
}
#ab_contacts, #ab_fontsigs {
	width:183px;
	margin-right:5px;
}
#ab_details {
	width:324px;
	margin-right:5px;
}
.ab_pad {
	margin:5px;
	background-color:#FFF;
}
ul#ab_groups_list, ul.ab_contact, ul.ab_users {
	list-style:none;
	margin:0;
	padding:0;
}
li.ab_group_all, li.ab_group, li.ab_contact, li.ab_contact_sel, li.li_font, li.li_sign, li.li_user, li.li_user_sel {
	list-style:none;
	margin:0;
	padding:2px;
	padding-left:20px;
	font:10pt Tahoma;
	cursor:pointer;
	margin-bottom:1px;
	color:#000;
}
li.ab_group {
	background:#FFF url('/images/icons/icon_group.png') top left no-repeat;
}
li.ab_group_all {
	background:#FFF url('/images/icons/icon_group_all.png') top left no-repeat;
}
li.ab_contact {
	background:#FFF url('/images/icons/icon_vcard.png') top left no-repeat;
}
li.ab_contact_sel {
	background:#0F77E4 url('/images/icons/icon_vcard.png') top left no-repeat;
	color:#FFF;
}
li.li_font {
	background:#FFF url('/images/icons/icon_ttf.png') top left no-repeat;
}
li.li_sign {
	background:#FFF url('/images/icons/icon_sign.png') top left no-repeat;
}
li.li_user {
	background:#FFF url('/images/icons/icon_user.png') top left no-repeat;
	font:9pt Tahoma;
	color:#000;
}
li.li_user_sel {
	background:#0F77E4 url('/images/icons/icon_user.png') top left no-repeat;
	color:#FFF;
	font:9pt Tahoma;
}
li.li_user span, li.li_user_sel span {
	font-style:italic;
	font-weight:bold;
}

li#addnewfont, li#addnewsign {
	background:#FFF url('/images/icons/icon_add.png') top left no-repeat;
}

#ab_top td {
	font-size:8pt;
	vertical-align:bottom;
}
input#ab_search {
	height:14px;
	width:135px;
	font-size:8pt;
	font-style:italic;
}
.ab_btn {
	cursor:pointer;
}
input.newinput {
	font:10pt Tahoma;
	width:150px;
	border:1px solid #0000FF;
}
table.ab th {
	text-align:right;
	font:9pt Tahoma;
	font-weight:bold;
}
table.ab td {
	font:9pt Tahoma;
}
table.ab input, table.ab select, input.ab_input, select.ab_input {
	font:9pt Tahoma;
}
#ab_details h1 {
	font-size:11pt;
	color:#0000FF;
}
#ab_details h2 {
	font-size:10pt;
	color:#0000FF;
	padding-bottom:3px;
	border-bottom:1px solid #000;
}
#ab_details h2 div {
	cursor:pointer;
	float:right;
	font-size:8pt;
	font-weight:normal;
	width:130px;
}
#ab_details .sep {
	border-bottom:1px solid #000;
	margin-top:3px;
	margin-bottom:3px;
}
#ab_family {
	font-size:8pt;
}
.ab_fam {
	position:relative;
	padding:4px;
	padding-top:16px;
	background:#DBDBDB url('/images/ab_fam_bg.png') top left repeat-x;
	margin-bottom:2px;
}
.ab_fam img {
	border:0;
	height:12px;
	width:12px;
	cursor:pointer;
}
.ab_fam input {
	width:100px;
	margin-right:2px;
}
#ab_msg {
	color:#000;
	background:url('/images/icons/ajax-loader-CCC.gif') top left no-repeat;
	font-weight:bold;
	font-size:9pt;
	padding:2px;
	padding-left:20px;
	margin-left:5px;
}
#ab_details h1 div {
	cursor:pointer;
	float:right;
	font-size:8pt;
	font-weight:normal;
	width:130px;
}
div.mmi {
	position:absolute;
	background:#FFF url('/images/icons/icon_vcard_select.png') center center no-repeat;
	height:16px;
	width:16px;
	padding:2px;
	border:1px solid #000;
}
div.vcard_move {
	position:absolute;
	background:url('/images/icons/vcard_move.png') top left no-repeat;
	height:29px;
	width:34px;
	font:11pt Tahoma;
	text-align:right;
	font-weight:bold;
	color:#FF0000;
	padding-top:10px;
	padding-right:3px;
}


/* CALENDAR */
div#mycal {
	position:relative;
	float:right;
	width:816px;
}
#mycal table {
	width:816px;
	margin:0;
}
#mycal_container {
	width:988px;
}
.mycal_title {
	position:relative;
	float:right;
	text-align:center;
	width:820px;
	font-size:14pt;
	font-weight:bold;
	text-decoration:none;
	color:#666;
	padding-top:10px;
}
#mycal table a:link, #mycal table a:visited {
	color:#0000FF;
}
#mycal td, #mycal th {
	border:1px solid #dbdbdb;
	padding:1px;
	color:#666;
}
#mycal th {
	font-weight:bold;
	background:none;
}
#mycal tr.calrow {
	height:60px;
}
#mycal td {
	vertical-align:top;
	width:85px;
	height:85px;
}
#mycal td .caladd {
	position:relative;
	float:left;
	background:url('/images/icons/icon_add.png') top left no-repeat;
	padding-left:18px;
	font-size:8pt;
	color:#0000FF;
	height:16px;
	cursor:pointer;
}
#mycal td .calday {
	position:relative;
	float:right;
	text-align:right;
}
#mycal div.divflow {
	position:relative;
	width:110px;
	height:120px;
	overflow:auto;
}
#mycal td.caldead {
	background-color:#CCC;
}
#mycal td.callive {
	background-color:#FFF;
}
#mycal div.cal_event {
	position:relative;
	font-size:7pt;
	font-weight:bold;
	margin-bottom:2px;
	padding:2px;
	cursor:pointer;
	color:#000;
}
#mycal div.cal_event div.cal_event_icons {
	position:absolute;
	top:-1px;
	right:-1px;
	background-color:#FFF;
	padding:1px;
	height:16px;
	border:1px solid #CCC;
}
#mycal div.cal_event div.cal_event_icons img {
	height:16px;
	width:16px;
	border:0;
}
#mycal_cats {
	position:relative;
	float:left;
	width:165px;
	border:1px solid #DBDBDB;
	padding:2px;
	margin-top:2px;
	margin-right:0;
}
#mycal_cats ul {
	list-style:none;
	margin:0;
	padding:0;
}
#mycal_cats li {
	position:relative;
	list-style:none;
	margin:0;
	padding:2px;
	margin-bottom:2px;
	font-size:8pt;
	clear:both;
}
#mycal_cats input {
	position:relative;
	float:left;
	margin-right:3px;
	cursor:pointer;
}
#mycal_cats img {
	position:relative;
	margin-right:3px;
	float:left;
	cursor:pointer;
}
#mycal_cats div.label {
	position:relative;
	float:right;
	font-weight:bold;
	padding-top:1px;
	padding-left:2px;
	cursor:pointer;
	width:119px;
}

div.addbtn {
	position:relative; 
	width:85px; 
	height:15px; 
	font-size:8.5pt; 
	border:1px solid #000; 
	background:#EEE url('/images/icons/icon_add.png') top left no-repeat; 
	padding-left:18px; 
	padding-top:1px;
	cursor:pointer;
}

select#cat_id {
	font-size:8.5pt;
}


/* PHOTO UPLOAD */
.swfuploadbtn {
	display: block;
	width: 150px;
}
.browsebtn {
	background:#FFF url('/images/swfupload.v102.add.png') no-repeat 3px 3px;
	border:1px solid #666;
	margin-bottom:5px;
	height:19px;
	padding-top:3px;
	padding-left:23px;
}
.uploadbtn { 
	display: none;
	border:1px solid #666;
	background:#FFF url('/images/swfupload.v102.accept.png') no-repeat 3px 3px;
	margin-bottom:5px;
	height:19px;
	padding-top:3px;
	padding-left:23px;
}
.file_queue_title {
 	border-bottom:1px solid #666;
	margin-bottom:5px;
}
.cancelbtn { 
	position: absolute;
	width: 16px;
	height: 16px;
	right:5px;
	top:2px;
	background: url('/images/swfupload.v102.cancel.png') no-repeat; 
}
#cancelqueuebtn {
	display: none;
	background:#FFF url('/images/swfupload.v102.cancel.png') no-repeat 3px 3px;
	border:1px solid #666;
	margin-bottom:5px;
	height:19px;
	padding-top:3px;
	padding-left:23px;
}
#SWFUploadFileListingFiles ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.SWFUploadFileItem {
	position:relative;
 	display: block;
	width: 225px;
	height: 40px;
	float: left;
	background: #eaefea;
	margin: 0 10px 10px 0;
	padding: 5px;
	border:1px solid #CCC;
	font-size:8pt;
}
.fileUploading   { background: #fee727; }
.uploadCompleted { background: #d2fa7c; }
.uploadCancelled { background: #f77c7c; }
.uploadCompleted .cancelbtn, .uploadCancelled .cancelbtn {
	display: none;
}
span.progressBar {
	width: 200px;
	display: block;
	font-size: 1px;
	height: 4px;
	line-height: 1px;
	margin-top: 2px;
	margin-bottom: 10px;
	background: #f0f0f0 url('/images/swfupload.v102.progressbar.png') no-repeat -200px 0;
	border:1px solid #000;
}
div.progressStat {
	position:absolute;
	bottom:0;
	right:5px;
	font-size:8pt;
}
#queueinfo {
	position:relative;
 	border:1px solid #666;
	padding:3px;
	background-color:#FFF;
	margin-top:5px;
	margin-bottom:5px;
}

#screendim {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:901px;
	height:501px;
	background: #000 url('/images/ajax-loader.gif') center center no-repeat;
	z-index:222222;
	opacity:0;
}
#screendim div#dimstat {
	position:absolute;
	top:270px;
	left:0;
	width:901px;
	text-align:center;
	color:#FFF;
	font-size:10pt;
	font-weight:bold;
}

#new_cat {
	position:relative;
	margin-bottom:10px; 
	border-left:1px solid #0000FF; 
	border-bottom:1px solid #0000FF; 
	padding:3px;
	padding-top:10px;
	font-weight:bold;
	font-style:italic;
	color:#0000FF;
	width:420px;
}

table.stnd {
	width:100%;
}
table.stnd th, table.stnd td {
	vertical-align:top;
	font-size:7.5pt;
	text-align:left;
}
table.stnd td {
	border:1px solid #EEE;
}
table.stnd th {
	border:1px solid #CCC;
	background-color:#EEE;
	font-weight:bold;
}
table.stnd div.rec {
	overflow:auto;
	height:70px;
}
table.stnd img.preview {
	border:1px solid #666;
	padding:1px;
	margin-right:1px;
}
.pagination {
	position:relative;
	border:1px solid #666;
	background-color:#EEE;
	padding:2px;
	padding-left:5px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:8.5pt;
}

div.cms_title_bar {
	position:relative;
	margin-top:15px;
	margin-bottom:5px;
	border:1px solid #666;
	padding:1px;
	background-color:#2371D2;
	color:#FFF;
}
div.cms_title_bar img {
	border:0;
	height:16px;
	width:16px;
}

table.report {
	margin:6px;
}

table.report th {
	text-align:left;
	font-weight:bold;
	background-color:#E2E2E2;
	width:250px;
}
table.report td {
	text-align:right;
	font-weight:normal;
	background-color:#D5E2E7;
	color:#0000FF;
}

input.mng_btn {
	float:right;
	font-size:9pt;
	border:1px solid #CCC;
	margin-bottom:1px;
}
table.csv {
	margin-top:7px;
}
table.csv td {
	font-size:8pt;
	color:#000;
	background-color:#FFF;
	border:1px solid #CCC;
	padding:1px;
	vertical-align:top;
}
table.csv td select {
	font-size:8pt;
	width:75px;
}

div#card_sessions {
	position:absolute;
	z-index:888;
	left:772px;
	width:220px;
	height:300px;
	overflow:auto;
	top:40px;
}
div#card_sessions ul {
	position:relative;
	margin:0;
	padding:0;
	background:none;
	background-color:#FFF;
	list-style:none;
}
div#card_sessions li {
	position:relative;
	float:none;
	list-style:none;
	margin:0;
	margin-bottom:1px;
	padding:2px;
	border:1px solid #666;
	background:none;
	background-color:#FFF;
	font-size:8pt;
	clear:both;
	cursor:pointer;
}
div#card_sessions img {
	border:1px solid #000;
	float:right;
}

div#referral_name {
	float:left; 
	margin-left:10px; 
	padding-top:3px; 
	font-weight:bold; 
	color:blue; 
	font-size:10pt;
}

div.firefox_callout {
	position:relative;
	clear:both;
	margin-top:10px;
	border:1px solid #CCC;
	background:#dbdbdb url('/images/icons/icon_firefox.gif') 3px 3px no-repeat;
	padding:5px;
	padding-left:39px;
	height:27px;
	cursor:pointer;
	font-size:8.5pt;
}
div.card_in_progress {
	margin-bottom:3px;
	border:1px solid #CCC;
	background-color:#EEE;
	padding:10px;
	margin-left:7px;
	font-size:8.5pt;
}
div.card_in_progress img {
	border:1px solid #000;
	margin-right:8px;
}

input.nicebtn {
	font-size:9pt;
	border:1px solid #666;
	background-color:#EEE;
	padding:3px;
}

div.pad {
	padding:7px;
}

.graybar {
	border:1px solid #D5D5D5; 
	background-color:#EEE; 
	padding:6px; 
	margin-top:10px;
}
