/***
*	Original CSS
***/

	.toolbar {
	  background-color: menu;
	  [#border-left: threedhighlight solid 1px;
	  border-top: threedhighlight solid 1px;
	  border-right: threedshadow solid 1px;
	  border-bottom: threedshadow solid 1px;]
	}

	.swatch {
	  background-color: menu;
	  border-left: threedhighlight solid 1px;
	  border-top: threedhighlight solid 1px;
	  border-right: threedshadow solid 1px;
	  border-bottom: threedshadow solid 1px;
	  width: 3px;
	  height: 24px;
	}

	.divider {
	  background-color: menu;
	  border-left: threedshadow solid 1px;
	  border-right: threedhighlight solid 1px;
	  width: 3px;
	  height: 30px;
	}

	.select {
	}

	.counter {
	  width: 75px;
	  height: 18px;
	  background-color: window;
	  border: threedshadow solid 1px;
	  padding: 2px;
	  text-align: right;
	  cursor: default;
	  color: windowtext;
	}

	.button {
	  background-color: menu;
	  border-left: menu solid 1px;
	  border-top: menu solid 1px;
	  border-right: menu solid 1px;
	  border-bottom: menu solid 1px;
	  text-align: center;
	  cursor: default;
	}	
	A.colorPicker:link IMG { border-color: #d9d7cc }
	A.colorPicker:hover IMG { border-color: #d9d7cc }
	A.colorPicker:visited IMG { border-color: #d9d7cc }
	A.colorPicker:active IMG { border-color: #d9d7cc }
	td.fieldlabel {text-align:right;vertical-align:top; font-size: 12pt;color:#4369AE;width:130px;font-weight:bold;}
	.smallink {font-size: 10pt;}
	.subfieldlabel {text-align:left;vertical-align:bottom; font-size: 10pt; font-weight:bold}
	.sectiontitle {color:#4369AE; font-size: 12pt;}
	.subsectiontitle {font-size: 10pt; font-weight:bold}
	.fielddesc {font-size: 8pt; color:#30879B; font-weight:bold;text-align:left}
	.fieldexplain {font-size: 8pt; color:gray; font-weight:normal;text-align:left }
	.fieldexplain a, .fieldexplain a:visited {color:#1F3E9E }
	.radiovalue {font-weight:bold}
	.checkvalue {font-size:8pt;}
#colorpalette {
	border: 0px;
	padding: 0px;
}

/***
*	End Original CSS
***/

/***
*	2008 Redesign CSS
***/

#leftside {
	width:0px!important;
	height:0px!important;
	display:none;
}

#cardForm {
	position: relative;
	width:950px;	
}
#email_copycodeContainer {
		float:left;
		width:370px;
	}
#cardBoxContainer {
	float: left;	
	width: 550px;
	margin: 5px;
}	
	#cardBox {
		width: 550px;
	}
	#cardBoxInfo {
		width: 550px;
		padding-top:10px;
	}
	#cardBoxInfo .ratingBox {
		float:right;
		font-weight:normal;
	}	
	#cardBoxInfo .rating {
		margin-bottom:5px;
		padding-bottom:5px;
		border-bottom:dotted 1px;
	}
		#cardBoxInfo .hidden{
			display:none;		
		}
		.cardInfo .bold{
			font-weight:bold;
		}
		
	.returnLink {
		float:right;
		padding-right:10px;
	
	}
	.cardTitle {
		color:#599BB1;
		font-size: 16px;
		font-weight: bold;
		margin: 10px 0px 10px 0px;
	}	
	.cardDescription {
		margin: 0px 0px 10px 0px;
		width: 540px;
	}
#composeContainer {
	width: 370px;
	float: left;
}
#composeForm, #copyCode{
	margin: 0px 0px 5px 15px;
	clear: both;
	border-left: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
	background:transparent url(http://ak.imgfarm.com/images/mfc/v3/composePage/MFC_cardSent_boxBottom.gif) no-repeat bottom center; 
	padding-bottom:5px;
}
#composeForm{
	padding-left: 15px;
	width:331px;
}
#copyCode{
	padding-right:10px;
	width: 336px;
}
#compose input.styledInput, #compose textarea, #compose select, #editform_sendDateString {
	border: 1px solid gray;
	margin: 2px;
	xpadding: 2px;
}
#compose table {
		
}
	#compose td.fieldlabel {
		text-align:right;
		vertical-align:top; 
		font-size: 11px;
		color: #30879B;
		width:130px;
		font-weight:bold;
	}
	
	#toolbar2b select{
		font-family: courier;
	
	}
	#edit {
		border: 1px solid gray;
	}
	#sendRadioButtons {
		font-size:11px;
		color: #30879B;
	}
#inpSearchFriends{
	height:63px;	
}
#toField  span.match{
	color: #30879b;
}	
#switchFormView {
	text-align: right;
	padding: 10px;
	float: right;
	clear: both;
	width: 200px;
}
#switchFormView2{
	background:transparent url(http://ak.imgfarm.com/images/mfc/v3/composePage/MFC_cardSent_emailTab_top.gif) no-repeat scroll 0%; 
	width:348px;
	height:35px;
	clear: both;
	margin-left:15px;
	position:relative;
}
#switchFormView2.cc{
	background:transparent url(http://ak.imgfarm.com/images/mfc/v3/composePage/MFC_cardSent_ccTab_top.gif) no-repeat scroll 0%; 
}
#composeNav {
	width: 930px;
	height: 18px;
	background: url(http://ak.imgfarm.com/images/mfc/v3/composePage/mfc_breadcrumbs_bar.gif) no-repeat;
	margin: -5px 0px 5px 0px;
	color: #599BB1;
	padding: 10px 20px;
}
#switchToEmail,#switchToCopyCode{
	height: 30px;
	display:block;
	float:left;
}
#switchToEmail{
	margin-left:145px;
	width: 87px;
	display:inline;
}
#switchToCopyCode{
	width: 114px;
}
#switchToEmail a,#switchToCopyCode a{
	display:block;
	padding: 7px 0px 10px 40px;
}
#switchFormView span a:hover {
	text-decoration: underline;
	color: #32859D;
}
.BasicHoverSprite {
	background-position: 0px -29px;
	
}
.BasicHoverSprite a {
	color: white;
}

.submitButtons{text-align:center;}

#sendCardBtn {
	background-image: url('http://ak.imgfarm.com/images/mfc/v3/composePage/buttons/mfc_send_lg.gif');
	text-align:center;
	width:272px;
	height:29px;
	
}
#sendCardBtn a{
	display:block;
	height:34px	
	width:272px;
	font-size:14px;
	margin-top:5px;
	padding-top:5px;
	
}
*html #sendCardBtn a{padding-top:0px}
	
#buttonLinkBox {text-align:center; margin-top:5px; width:272;height:14px;margin-bottom:10px;}	
#printCardDiv {
	display:none;
	color:#30879b;
	font-weight:bold
}	
#printCardBtn {
	display:none;
	background-image:none;
	text-align:left;
	color: #30879b;
	font-weight:bold;	


}
#printCardBtn a{
	display:block;
	color: #30879b;
	font-weight:bold;		
	text-decoration:none;
}
#printCardBtn a:hover{text-decoration:underline}
		
#previewCardBtn {
	background-image:none;
}
#previewCardBtn a{
	display:block;
	color: #30879b;
	font-weight:bold;
	text-decoration:none
}	
#previewCardBtn a:hover{text-decoration:underline}
.composeError {
	display:none;
	margin: 5px 0px 5px 1px;
	padding: 5px;
	width: 295px;
	border: 1px solid tomato;
	color: tomato;
	background-color: papayawhip;
	font-weight: normal;
	font-size: 10px;
	}
#composeNav h4{
	margin:0px;
	
	}
/*** Copy Code ***/

#copyCode .label {
	display:block;
	width: 80px;
	float: left;
	text-align: right;
	color: #30879b;
	font-weight:bold;
}
#copyCode input.form, #copyCode textarea.form, #copyCode select.form {
	border: 1px solid gray;
	margin: 2px;
	padding: 2px;
	width: 242px;
}
#selectNetworks{
	width: 260px;
	float: right;
	clear: both;		
}
#selectNetworks .copyCodeLabel {
	text-align: center;	
}
#selectNetworks table {
	width: 270px;
	clear: both;	
}
#selectNetworks input, #selectNetworks .label {
	float:left;
	margin:2px;
}
#selectNetworks .label {
	width: 65px;
	text-align: left;
	font-size: 11px;
}
#selectNetworks .icon {
	width: 32px;
	height:21px;
	float:left;
	background-color: tomato;
}
	#selectNetworks .myspaceIcon {
		background: url(http://ak.imgfarm.com/images/mfc/v3/composePage/copyCodeIcons/mySpace.gif) no-repeat 13px 3px;
	}
	#selectNetworks .livejournalIcon {
		background: url(http://ak.imgfarm.com/images/mfc/v3/composePage/copyCodeIcons/liveJournal.gif) no-repeat 13px 3px;
	}
	#selectNetworks .zwinkyIcon {
		background: url(http://ak.imgfarm.com/images/mfc/v3/composePage/copyCodeIcons/zwinky.gif) no-repeat 13px 3px;
	}
	#selectNetworks .hi5Icon {
		background: url(http://ak.imgfarm.com/images/mfc/v3/composePage/copyCodeIcons/hi5.gif) no-repeat 10px 0px;
	}
	#selectNetworks .bloggerIcon {
		background: url(http://ak.imgfarm.com/images/mfc/v3/composePage/copyCodeIcons/blogger.gif) no-repeat 11px 1px;
	}
	#selectNetworks .ebayIcon {
		background: url(http://ak.imgfarm.com/images/mfc/v3/composePage/copyCodeIcons/eBay.gif) no-repeat 0px 8px;
	}
#copyCode .copyCodeLabel  {
	color:DimGray;
	font-size:14px;
	font-weight: bold;
	width: 260px;
	text-align: center;
	float: right;
	margin: 5px;
}

#copyCodeBtns {
	clear: both;
	float:right;
	margin-top: 20px;	
}

#copyCodeBtn {
	background-image: url('http://ak.imgfarm.com/images/mfc/v3/composePage/buttons/mfc_copyCode_btn.gif');
	height: 17px;
	width: 117px;
	padding: 6px 0px;
	float: left;
	margin-right: 10px;
	text-align:center;
	color:white;
	font-weight:bold;
}
#quickPostBtn {
	background-image: url('http://ak.imgfarm.com/images/mfc/v3/composePage/buttons/mfc_quickPost_btn.gif');
	float: left;
	text-align:center;
}
	#quickPostBtn a{
		height: 17px;
		width: 117px;
		padding: 6px 0px;
		display: block;	
	}

#quickPostModal {background-image: url('http://ak.imgfarm.com/images/mfc/v3/composePage/buttons/mfc_questionmark_btn.gif');
	float: left;
	margin-left:3px;
}
#txt_copy_code {
		height:200px
	}
/*** Other cards ***/

#otherCards {
	width: 948px;
	height: 310px;
	background: url(http://ak.imgfarm.com/images/mfc/v3/composePage/mfc_morecardsbar.gif) no-repeat;
	clear: both;
	padding: 22px 0px 0px 28px;
}
	#otherCards .title {
		font-weight: bold;
		font-size: 15px;
		color: #30879b;
		
	}
	#otherCards .cards {
		
		
	}
/** Date Picker **/

	#gcDatePicker{
		position: relative;
		margin-top:5px;
	}
	#gcDatePicker .fieldvalue {
		float: left;
	}
	#gcDatePicker .fieldLabel {
		float: left;
		margin-top:3px;
	}
	#editform_sendDateString {
		padding: 1px 1px 1px 3px;
	
	}	
/***
*	End 2008 Redesign CSS
***/