/* Hides from IE-mac \*/
g {
	
	width: 100%;
	height:97px;
}

/* Tannguyen added for ticket#2258 highlight red to error message*/
.validationerror {
	font-weight:normal;
	color: red;
}

.popupLogo {
	background: transparent url("../images/popup_logo.gif");
	width: 287px;
	height:97px;
	margin-left: 20px;
}
body#snapps_home, body#userOnline_home, body#media_home {
	background:none;
	width:100%;
}

#profileHelpContent {
	margin-top: 10px;
	margin-left: 10px;
	width: 400px;
}
#profilePictureForm {
	margin-top: 10px;
}

#showHideControl {
	cursor: pointer;
}

.accordionBorder {
	border: none ! important;
}

/*--------------------------------------MultiPage Classes----------------------------------------- */

.dojoDialog {
	border: 1px solid #999999;
	padding: 4px;
	background: #ffffff;
	-moz-border-radius: 5px;
	width:auto;
}
#logoffForm {
	float:right;
}

.usersPageTitle {
	color: #ef9c00;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 5px 0;
}	
			/*----tabbed pane styling---------*/
			 .disabledTabStyleClass {
			 border-style: none;
			 }
			 .activeSubStyleClass {
			border:none;
			 }
			 .inactiveSubStyleClass {
			border:none;
			 }
			 .tabContentStyleClass {
			  border:none;
			 }
/*--------------------------------------START Login Screen-------------------------------------------- */

#container-forgotPassword {
	margin: 0 auto 0 auto;
	width: 400px;
	text-align: center;
}
#container-forgotPasswordSub {
	margin: 0 auto 0 auto;
	text-align: left;
}
#loginMessage {
	padding-left: 375px;
}
#resetPassForm {
	width: 100%;
	height: 300px;
	clear: both;
	margin: 0 auto;
}
#ForgotPassForm tr, #resetPassForm tr{
	margin-bottom: 5px;
	margin-top: 5px;
}
#ForgotPassForm label, #resetPassForm label{
	padding-right:5px;
	float: left;
	display: block;
}
#ForgotPassForm h1.small, #resetPassForm hi.small {
	font-size: 1.2em;
	color: #ef9c00;
}

#preregister .signupbtn {
	border: none;
	padding: 0 0 0 5px;
	background: none;
}
#AlternativeRegisterForm {
	padding-left: 150px;
}

.messages {
	font-weight: bold;
	font-size: 1em;
}
/*--------------------------------------START Dash-------------------------------------------------- */
#jygybanner {
	width: 828px;
	height:163px;
	background: url("../images/dash_banner1.png") no-repeat;
}
#topBannerDash {
	width: 806px;
	padding: 5px 0 5px 30px;
}
.jygybannerColumn{
	vertical-align:top;
}
.bannerCommands {
	width:30%;
}
.bannerCommandsTwo {
	width:70%;
	}
.jygybannerLink {
	width: 806px;
	height: 27px;
	padding-top: 136px;
	padding-left:4px;
}
.jygybannerContent {
	height: 164px;
	background: url(../imgs/bannerDrop.png) no-repeat;
	margin: 0 0 0 15px;
	}
.jygybannerLine {
	overflow: auto;
	border-bottom: 1px solid;
	padding: 2px 2px 2px 2px;
	width: 100%;
}
.jygyuserhomeAd {
	width: 258px;
	height: 472px;
	background: url(../images/userhome_ad.png) no-repeat;
}
.bd {
	overflow: hidden;
	margin-top: 10px;
}
.dashblog {
	margin: 5px;
	margin-top: 15px;
}
.module {
	background: transparent;
	z-index:999;
}
.friendsopen {
	float: right;
	width: 17px;
	background: url(../img/btn/maximize.gif) no-repeat;
	cursor: pointer;
	height: 17px;	
}
.friendsclose {
	float: right;
	width: 17px;
	background: url(../img/btn/minimize.gif) no-repeat;
	cursor: pointer;
	height: 17px;
}


.menu {
	width: 12px;	
	cursor: pointer;
	height: auto;
	float: right;
}

.menuForHeader {
	width: 20px;	
	cursor: pointer;
	height: 30px;	
	float: left;	
}

.ddmenu {
	width: 12px;	
	cursor: pointer;
	height: 30px;
	float: right;
}
.journalMain {margin-top:30px;}
.journalMain th {
	border-bottom: 2px solid #333;
}
.postcomment a { font-size: 10px; float:right; width:100%}
.editBlog {float: right; background: #333;}
.blogEditorLt {width: 20%; text-align: left;}
.blogEditorCtr{width: 50%}
.blogEditorRt{width: 30%; text-align: left}
#blogDetailForm fieldset {background-color: transparent;}
#blogDetailForm legend .instruction {color:#879CAE; font-size: 10px;}
#qsnapps, #osnapps, #rsnapps, #asnapps tr th {
	text-align: left;
}

/*-----DashManagement Page-----*/

.dm-columnformat {
	width: 150px;
}
.dm-columnformat2 {
	width: 500px;
}
.dm-columnformat3 {
	width: 150px;
	text-align: center;
}
.dm-desc {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.dashSnappHeader {
	overflow: auto;
	border-bottom: 2px solid #333;
	padding: 2px 2px 2px 2px;
	width: 794px;
}
.dashDoodad td {
	padding:5px 10px 5px 10px;
}
.dashAddDoodad_Text {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
/*-----DashManagement Page-----*/


/*--------------------------------------START Snapps Page-------------------------------------------- */
#mainBodyActive {
	margin:0;
}
#mainForm input, .snappMemberPanel input, .snappMemberPanel select {
	margin: 2px;
}
#mainForm #SnappDetail {
		border-color: #fff;
}
.nowizard {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;	
}
.nowizard a:link, .nowizard a:visited {
	color:#666666;
}
.nowizard a:hover{
	color:#e3ff64;
}
.snappCategoryTable{
	float:left;
}
.snappDisplayTable {
	float:left;
	width:450px;
	min-height: 300px;
	}
.snappDisplayTable-img{
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}

.snapps-datatable {
	width: 99%;
	vertical-align: top;
}
.snapps-datatable1 {
	width: 30%;
	vertical-align: top;
	margin-bottom: 5px;
}
.snapps-datatable2 {
	width: 1px;	
	vertical-align: top;
	font-weight: normal;
}
.snapps-create {
	padding: 10px 0 10px 0;
}
.snappTable1 {
	color: #f0f0f0;
}
.snappTable2 {
	color: #ef9c00;
	font-weight: bold;
}
.wizard {
	padding-right: 30px;
	text-align: right;
}
#smallAd {
	background: transparent url(../images/productplacement.gif) no-repeat top left;
	width:100%;
	height: 198px;
}
.bannerAd-snapps {
	background: transparent url(../images/CreateSnapps.png) no-repeat top left;
	width:100%;
	height: 159px;
	border-style: none;
	cursor:pointer;
}

.createSnappLink {
	background: transparent url(../images/start_snapps.png) no-repeat;
	width:233px;
	height: 66px;
	border-style: none;
	display: block;
	cursor:pointer;
}
.snappstoplt {
	width:315px;
	height:180px;
	text-align: center;
	padding-top:25px
}
.snappstoplt img {
	padding-top:15px;
}

.snappstoprt {
	width:433px;
	height:200px;
	text-align: center;
	padding-top:5px;
}
	
.snappContainerHeadline {
	text-align: center;
	margin-bottom: 30px;
}
#snappContainer {
	display:block;
}
.snappContainerleft {
	width: 510px;
	height:auto;
	float:left;
}
#snappForm .testingimg {
	margin-top: 25px;
	clear:both;
}

#snappForm .grooveicons{
	text-align: center;	
	}
.snappContainerright {
	width: 279px;
	height:auto;
	float:left;
	padding-bottom:10px;
}
#snappexample {
	width:279px;
	height:356px;
}
.inner {
	width:223px;
	height:auto;
	background: #fff;
	border:2px solid #e3ff64;
	margin:0 auto;
}
.innerFlash {
	width:230px;
	height:auto;
	background: #fff;
	border:2px solid #e3ff64;
	margin:0 auto;
	margin-top: 8px;
}
.innerRectangle {
	width:290px;
	height:auto;
	background:none;
	border:2px solid #333;
	margin:0 auto;	
}
.innerRectangle1 {
	width:250px;
	height:auto;
	background: none;
	border:2px solid #333;
	margin:0 auto;	
}
.innerRectangleLagre {
	width:700px;
	height:auto;
	background: none;
	border:2px solid #333;
	margin:0 auto;	
}
.innerRectangleSmall {
	width:440px;
	height:auto;
	background: none;
	border:1px solid #333;
	margin:0 auto;	
}
.withBlank
{
	width: 50px;
}
.withBlank2
{
	width: 10px;
}
.withBlank1
{
	width: 20px;
}
.withBlank3
{
	width: 40px;
}
.withBlank4
{
	width: 75px;
}

.innertxt img {
	margin: 0 auto;
}
#snappForm {
	width:794px;
	margin:10px auto;
}
#snappForm td, #snappForm th {
	padding:2px 0 2px 0;
}
#snappForm td {
	vertical-align: top;
}
#snappForm .snappDisplayTable tr:hover {
	background-color: transparent;
}
.snappDisplayHeader {
	background: #e3ff64;
	color: #fff;
}
.snappDisplayTable {
	border: 1px solid #999;
	margin-left:10px;
}
.snapplistrow {
	text-align:left;
}
.snapplistrow:hover {
	background: #e5e5e5;
	cursor: pointer;
}
th.snappDisplayHeader tr:hover {
	background: none;
}

.snappDisplay1 {
	width:80px;
}
.snappDisplay2 {
	width:160px;
}
.snappDisplay3 {
	width:100px;
	text-align: left;
}
.snappDisplay4 {
	width:90px;
	text-align: center;
}
.snappDisplay5 {
	width:250px;
	text-align: left;
}
.snappDisplay6 {
	width:100px;
	text-align: left;
}
.snappDisplayImg {
	vertical-align:top;	
	width: 50px;
	padding-top:5px;
	margin: 0 auto;
	text-align: center;
}
.snappContent {
	padding-top:5px;
	vertical-align:top;	
	font-size: 11px;
}
.centerimg {
	width:158px;
	height: 43px;
	margin: 0 auto;
}
#mainForm .snappDetailHeader{
	background:#0A0B08 url(../imgs/contentbg.png) repeat-x;
	width:100%;
	cursor:pointer; 
	height:32px;
}

div#mainForm#SnappDetail {
	border: none;
}

/*--------------------------------------START Friends (friends.xhtml)------------------------------------ */
.addfriendForm {
		margin-top: 5px;
}
#friendsactionlinks p {
	margin:0;
	padding:0;
}
.friendsGroupMin {
	min-height: 500px;
	margin-top: 20px;
}
#friendsCategoryTable, #activateConfirmCode, #mainFormFeedback, #frmFeedbackResult {
	min-height: 500px;
}
#mainFormFeedback td {
	vertical-align: top;

}

#addFriendForm fieldset 
{
	clear:both;
}
#friendForm table {
	margin-bottom:10px;
	width: 99%;
}
#friendForm ul {
    background:#ffdfdf;
	border:1px solid #df7d7d; border-width:1px 0;
	margin:10px 0 0 0; 
	padding:1em;
}
#friendForm .friendOptions4 input, #friendForm .friendOptions5 input {
	border: none;
}
 

#friendForm li {
	list-style-type: none;
}
.catSelectorFriend
{
	margin-right: 10px;
}
#addFriendForm fieldset 
{
	width:70%;
}
.friendtbl1 {
	width:90px;
	vertical-align: top;
}

.friendtbl2{
	vertical-align: top;
	width:500px;
	display: block;
}
	
.friendtbl3 {
	width:auto;
	vertical-align: top;
}

.friendtlistbox1 {
	width:150px;
	vertical-align: top;	
}

.friendtlistbox2{
	vertical-align: top;
	width:40px;
	display: block;
}

.friendSearchGender{
	vertical-align: top;
	width: auto;
}
	
/*--------------------------------------START Media Page-------------------------------------------- */
#mediaForm #displayError {
	margin-left:30px;
}

.mediaInfo h1 {
	color: #ef9c00;
}
.mediaCategory {text-align: left;}
.mediaDate {text-align: right;}

.mediaFilter {
	width:auto;
	height:auto;
	padding:5px;
}
#uploadMediaForm {
	width: 350px;
	margin: 10px;
}

.uploadMediaFormColumn1 {
	width: 30%;
}
.uploadMediaFormColumn2 {
	width: 70%;
}
.uploadMediaFormColumn1, .uploadMediaFormColumn2 td{
	vertical-align: top;
}
.mediadialogColumn1 {
	width: 30%;
	color:#666;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
.mediadialogColumn2 {
	width: 70%;
}
#uploadMediaContainer {
	width: 460px;;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 5px;
	margin-left: 20px;
		}
/*--------------------------------------START Search Results-------------------------------------------- */

.searchResultsSelected {
	background: #e3ff64;
	border-top: 2px solid #e3ff64;
}	
.searchResultsTabTxt {
	color:#fff;
	cursor: pointer;
	font-weight: bold;
}
.searchResultsTabs {
	width: 780px;
	min-height: 600px;
}
.searchResultsPage {
	min-height: 600px;
}
.searchResultsTab {
	width: 195px;
	height:30px;
	border-top: 2px solid #E3FF64;
	background:#0A0B08 url(../imgs/contentbg.png) repeat-x;
	text-align: center;
	padding-top: 5px;
	border-bottom: none;
	border-left:none;
	border-right: none;
}
.tabrollover, .selectedTabClass {
	background:#0A0B08 url(../imgs/contentbg_over.png) repeat-x;
	border-top: 2px solid #ef9c00;
	cursor: pointer;
}
.frontBorderStyle, .containerClass, .backBorderStyle {
	border: none;
}
.q_tabbedpane_border_top {
	border:none;
}
.q_tabset_empty_space_top {
	border:none;
}
/*--------------------------------------END Search Results-------------------------------------------- */

#activateCode {
	width: 300px;
}
#profileContainer 
{
	width:800px;
	display:block;
	margin-top:10px;
}
fieldset#info
{
	width:360px;
	float:left;
	min-height:225px;
}
fieldset#address	
{
	width: 360px; 
	float: left; 
	margin-left: 10px; 
	min-height: 225px;
}

fieldset#passwd
{
	width: 360px; 
	float: left; 
	height: 175px;
}
 #profileMisc
{
	width: 360px; 
	float: left; 
	margin-left: 10px; 
	height: 175px;
}
#identities, fieldset#description, #blockuser, #blocksnapp, #blocksnapptemplate, #outofmessage, #allowoutgoing
{
	clear: both; 
	width: 753px;
}
.friendsSearch
{
	font-size: 12px;
	background-color: #eee;
	padding: 10px;
}
.mediaItemContainer
{
	width:471px;
	padding-left: 30px;
}
.mediaShareContainer {
	width: 99%;
}
.mediaEditContainer textarea, .mediaShareContainer textarea {
	width: 200px	
}

.mediaEditContainer select, .mediaShareContainer select
{
	width: 150px;
}
.mediaCatSelect 
{
	width:200px;
}
.mediaShareContainer .msg
{
	margin-left: 115px;		
}

.msg {
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 5px;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
.snappsTopContainer {
	margin-bottom: 15px;
}
.snappsTopContainerLt {
	width: 510px;
	float: left;
}
.snappsTopContainerRt {
	width: 233px;
	float:left;
	margin-left:25px;
}
	
.snappImage
{
	width: 100px;
	float: right;
	margin: 15px;
}

.snappsDetails 
{
	display: block;
	margin-left: 20px;
	width: 95%;
	float: left;
	font-size: 12px;
}

.snappsDetails h1 {
	clear: both;
	border-bottom: 1px solid #85acbe;
	padding-bottom: 5px;
	padding-top: 20px;
	font-size: 14px;
	color: #333;
}

.snappsDetails .headerDetail
{
	padding-top: 3px;
	float: right;
	color: #999;
	font-size: 11px;
	font-weight: normal;
}

.snappsDetails label 
{
	width: 100px;
	margin: 0;
	float: left;
	display: block;
	color: #bbb;
	font-size: 12px;
	text-align: right;
	margin-right: 25px;
}

.snappsDetails .text
{
	display: block;
	width: 400px;
	float: left;
	margin-bottom: 5px;
}

.snappMemberPicture
{
	width: 85px;
	display: block;
	text-align: center;
	margin: 5px;
	font-size: 11px;
	float: left;
}
.snappMember {
	overflow:scroll; 
	height:120px;
}
.toggleHeader {
	float:right;
}

.snappMemberPanel{
	width: 310px; 
	float: left; 
	height: auto;
}

.blockUserList{
	width: 280px; 
	float: left; 
	height: auto;
	overflow: auto;
}

.blockUserListPanel{
	width: 100%; 
	float: left; 
	height: auto;
}

.chatLogMessage{
	width: 500px; 
	float: left; 
	height: 175px;
	overflow: auto;
}


/******************************* new media ***********************/
#mediaFrame {
	clear:both;
}
.media_left_content
{
	margin-left:30px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.previewPaneContainer
{
	width:auto;
	height:auto;	
}

.mediaPrevNext {
	float: right;
	margin-bottom: 10px;
}
.mediaPrevNext a {
	padding-right: 8px;
}
.mediaPrevNext a:hover {
	text-decoration: underline;
}
.mediaDateAlbum {
	color: #e3ff64;
	padding-top: 10px;
	padding-bottom:30px;
}
.mediaRtBottom {
	width: 100%;
	height: auto;
	}
#mediaActionContent {
	width: 381px;
	min-height:1px;
	float: left;
}
.mediaComments, .mediaShare, .editContainer, .uploadContainer  {
	width: 381px;
	height: auto;
	float: left;
	margin-top: 10px;
	}
	
.mediaActions {
	width: 159px;
	float: left;
	background: transparent url("../imgs/media_divider.png") no-repeat 5px center;
	}
.mediaPageTitle {
	color: #ef9c00;
	font-size: 130%;
	}
.mediaActions ul{
	list-style: none;
	list-style-position:outside;
}	
.mediaActions ul li {
	padding:2px 0;
	margin-left: -20px;
	cursor: pointer;
}
.mediaActions ul li a:hover {
	color:#f0f0f0;
}
.medianavspace {
	padding:0 5px;
}
#mediaForm .mediaOptionbar {
	width:477px;
	margin-left:24px;
	padding-top:6px;	
	margin-top: 15px;
}
.mediaOption {width:360px;}

#mediaOptionBtns {
	width: 360px;
	margin:0 auto;
}
#sendmedia td, #editfields td, #uploadMediaContainer {
	text-align: left;
}
#mediaForm .mediaInfo {
padding-left: 30px;
}
.mediaOptionscontainer {
	width:471px;
	margin-left: 30px;
	padding:3px;
}
.mediaOptionscontainer input[type="button"] {
	float: right;
	margin:5px;
}
.mediaOptionscontainer table {
	width:100%;
}
}
.hoverbox
{
	cursor: pointer;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
	position: relative;	
}

img.hover {
	border: solid 1px #e3ff64;
}


/************************************************************************************/
.columnCenterAlt {
	width:828px;
	margin:0 auto;
	text-align: center;
}
.columnLeft {
	padding-left:5px;
	text-align:left;
	width: 100px;
}
.columnCenter {
	width:594px;
	margin: 0 auto;
	text-align: center;
}
.columnRight {
	padding-right:5px;
	text-align:right;
	width: 100px;
}

.viewDialog{
	background: #ffffff;
	width: 300px; 
	height: auto;
	padding: 0px;
	display: none;
}

.dojoDialogContent{
	width: 300px;
}

.snappModalDialogCloseBtn{
	width: 100%;
	padding-left: 260px;
}

.snappDisplayTableImg{
	float:left;
	margin-right: 10px;
	margin-left: 10px;
	width: 25px;
	height: 25px;	
}

.pictureBox {
	background:none;
}

/********************* Dash Xtra Menu  ***************************/
.menuTitle{	
	padding-top:0px;
	margin: 0px;
}
.navbar{
	font-size: 8pt;
	margin: 0px;
	padding: 0px; 
	border: 0px; 
	font-weight: bold;
}
.displayMenu{
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	background-color: transparent;
	border: none 0;
	cursor: pointer;
	width: 16px;
	height: 16px;
	float: right;
}
.displayMenuForHeader{
	font-size: 12px;
	background: transparent;
	border: none;
	cursor: pointer;
}
.menuNormal{
	padding: 0px;
	color: black;
	font-weight: bold;
	vertical-align: top;
	background-color: white;
	float: left;
}
.menuNormal a {color:#ef9c00;}
.menuHover{
	padding: 0px;
	font-weight: bold;
	background-color: #f0f0f0;
	float: left;
	display: block;
}
.divMenuNormal{
	padding-top:2px;
	display: none;
	position: static;
}
.divMenuHover{
	margin-top:1px;
	padding-top:2px;
	border: 1px solid #ef9c00;
	background-color: white;
	display: inline;
	position: absolute;	
}
.divMenuHoverDoodad{
	margin-top:1px;
	padding-top:1px;
	border: 1px solid #ef9c00;
	background-color: white;
	display: block;
	position: absolute;
	height: 100%;
}
/*--snappwizard--*/
#templatefrm input {
	border: 1px solid #999;
}
.centerSnappWiz {
	margin: 0 auto;
}
.centerSnappWiz td {
	vertical-align: top;
}
.topwizadSnappIcon {
	padding-top: 12px;
}
.topwizadSnapp {
	vertical-align: top;
	text-align: center;
}
.topwizadSnapp2 {
	display: table;
	vertical-align: top;
	width: 100%;
}	
#templatefrm {
	width:798px;
	margin: 0 auto;
	text-align: left;
}
.headerRight{
	vertical-align: top;
}

.snappWizIcon, .snappWizdisplayname {
	text-align: center;
	padding-right: 20px;
}
.textsnappWizadTop
{
	float:right;
	margin-right:50px;	
	margin-top:30px;
	font-size: 17px;
	font-weight: bold;
	color: #C0EB78;	
}
.textsnappWizadBody1 {
	font-size: 17px;
	font-weight: bold;
	color: #e3ff64;	
}
.textsnappWizadBody5 {
	float:right;	
	font-size: 17px;
	font-weight: bold;
	color: #e3ff64;	
}
.textsnappWizardDialog1 {
	float:left;	
	font-size: 17px;
	padding-left:40px;
	font-weight: bold;
	color: #333;	
}
.textsnappWizardDialog2 {
	float:left;	
	font-size: 12px;
	padding-left:5px;
	padding-right:5px;
	font-weight:bold;
	color: #e3ff64;		
}
#dialogfor a {
	color: #333;
}
#dialogform a:hover {
	color:#e3ff64;
}
.textsnappWizadBody2 {
	float:left;	
	font-size: 12px;
	font-weight:bold;
}
.wizardComplete {
	color: #ef9c00;
	font-size: 12px;
	font-weight:bold;
}
.snappWizadTopStep1
{
	width:798px;
	height:182px;
	background:url(../images/snappswizard_top1.png);
}
.snappWizadTopStep2
{
	width:798px;
	height:182px;
	background:url(../images/snappswizard_top2.png);
}
.snappWizadTopStep3
{
	width:798px;
	height:182px;
	background:url(../images/snappswizard_top3.png);
}
.makegroovebtn {
	cursor: pointer;
	float: right;
	margin-right:15px;
	margin-top: 10px;
}
.textsnappWizadItem1
{
	float:left;	
	padding-top:10px;
	padding-left:30px;
	font-size: 18px;
	font-weight: bold;
	color: #e3ff64;	
}
.textsnappWizadItem2
{
	float:left;
	text-align:left;		
	padding-left:30px;
	font-size: 10px;
	font-weight:bold;
	color:#f0f0f0;	
}
.textsnappWizadItem3
{
	padding-top:18px;
	padding-right:41px;	
	float:right;				
}
.textsnappWizadItem4
{	
	vertical-align:bottom;			
	padding-bottom:1px;		
	font-size: 14px;
	font-weight:bold;
	color:#ef9c00;

}
.textsnappWizadItem4:hover {
color: #f0f0f0;
}

.groovesMain {
	vertical-align: top;
}
	

#mainFrom .wizard3BG {
	background-color: #333;
}
.mainHeaderTop {
	overflow: auto;
	width: 100%;
	padding: 3px 3px 3px 3px;	
}

.mainHeaderRight{
	vertical-align:top;
	float:left;
	width: 370px;
}

.snappWizadTopRigth
{
	vertical-align:top;
	float:left;
	width:610px;
	height:56px;
	background:url(../images/rightHeader.jpg);
}
.randomReplyStepOne th, .quickPollStepOne th {padding-left:30px;}
.randomReplyStepOne td {
	vertical-align: top;
}

.randomReplyStepOne p, .quickPollStepOne p {
	font-size: 0.75em;
	margin: 0 10px 5px 0;
	padding: 0;
	text-align: left;
}


#menuHeader
{
	vertical-align:top;
	float:left;
	width:101px;
	height:55px;
	background:url(../images/buttonHeader.jpg);
}
.textMenu
{
	font-size: 12px;
	font-weight: bold;
	color: white;
}
#menuHeader a:hover, #menuHeader a.current{
	width:115px;
	height:56px;
	background: url(../images/buttonHeaderOver.jpg);
}
.textsnappWizadBody3
{
	float:left;	
	font-size: 12px;
	
}
.textsnappWizadBody9 {
	font-weight: bold;
	float:left;	
	font-size: 12px;
	color:#ef9c00;
}
.textsnappWizardHelp
{	
	font-size: 12px;
	
	padding-left: 40px;
	position: absolute; 
	display: none;
}
.textsnappWizadBody4
{
	float:left;	
	font-size: 11px;
	color:black;	
}
.snappMemberFriend{
	padding-top:10px;
	text-align:left;
	width: 270px; 
	float: left; 
	height: 200px;
	overflow: auto;
}
.snappMemberFriend1{
	padding-top:10px;
	text-align:left;
	width: 230px; 
	float: left; 
	height: 200px;
	overflow: auto;
}
.snappMemberFriendHeight{
	padding:5px;
	width: 270px; 
	float: left; 
	overflow: auto;
}
/*--Endsnappwizard--*/
/*------------------------------Doodad Box------------------------------------------*/

/*-------------------------------- Home Page ----------------------------------------------*/
.homePage {
    
    font-family: "Lucida Sans", Arial, "MS Trebuchet", sans-serif;
    font-size: 0.75em;
    width: 100%;
}
#containerHome {
    width: 807px;
    margin: 0 auto;
	height: 100%;
}
#headerHome {
    width: 807px;
    height: 84px;
}
#headerHome a {
    display: block;
    background: transparent url("../imgs/logo.png") no-repeat;
    width: 314px;
    height: 84px;
    float: left;
}
#headerHomeUpgrade {
	width: 807px;
    height: 84px;
}
#headerHomeUpgrade a {
	display: block;
    width: 314px;
    height: 84px;
    float: left;
}
.tagline {
    display: block;
    float: left;
    width: 390px;
    height: 61px;
    margin: 20px 0 0 50px;
    background: transparent url("../imgs/tagline.gif") no-repeat;
}

#whatcanido {
    position: relative;
    display: block;
    width: 682px;
    height: 98px;
    margin-top: 20px;
    padding: 30px 15px 15px 110px;
    background: url("../imgs/whatcanido.png") no-repeat;
}

#betaTag {
	position: relative;
	left: 395px;
	top:5px;
	background: transparent url("../imgs/betaTag.png") no-repeat;
	width:115px;
	height:115px;
}
.homeBottom {
	padding-bottom: 11px;
}
#whatcanido .features {
    font-size: 1.1em;
    color: #777;
    display: block;
    height: 45px;
    float: left;
    padding-left: 45px;
}

#whatcanido .features.big {
    width: 350px;
}
#whatcanido .features.small {
    width: 220px;
}

#whatcanido .features.chat { background: transparent url("../imgs/icon_chat.gif") no-repeat; }
#whatcanido .features.hot { background: transparent url("../imgs/icon_hot.gif") no-repeat; }
#whatcanido .features.update { background: transparent url("../imgs/icon_update.gif") no-repeat; }
#whatcanido .features.tech { background: transparent url("../imgs/icon_tech.gif") no-repeat; }

#whatcanido h1 {
    font-size: 110%;
    color: #e3ff64;
    margin: 0;
}

#whatcanido span {
    position: absolute;
    bottom: 15px;
    right: 15px;
    font-style: italic;
    color: #bbb;
}

#login {
    background:transparent url(../imgs/login.png);
    position: relative;
    display: block;
    width: 776px;
    height: 73px;
    margin-left:1px;
    padding: 25px 0 0 30px;
}
#login .desc {
    float: left;
    width: 250px;
    color: #ddd;
}

#login h1 {
    font-size: 110%;
    color: #ef9c00;
    margin: 0;
}

#login form label {
    color: #f0f0f0;
    float: left;    
    display: block;
}

#preregister input {
    background-color: #f0f0f0;
    border-top: 1px solid #212121;
    border-left: 1px solid #212121;
    border-bottom: 1px solid #9b9b9b;
    border-right: 1px solid #9b9b9b;
    padding: 2px 0px;
    color: #000;
    font-size: 14px;
    letter-spacing: 1px;
 }
.preregister {
    margin-right:4px;
} 
#login form .input {
    width: 200px;
}

#login form .submit {
    position: absolute;
    right: 20px;
    bottom: 32px;
}

#lower {
    width: 765px;
    position: relative;
    margin-left: 1px;
    background: #0a0b08 url("../imgs/contentbg.png") repeat-x;
    color: #f0f0f0;
    padding:20px;
}
#lower .tellsomeone {
    position:absolute;
    top:20px;
    margin-left:5px;
    width: 250px;
    color: #ddd;
}
#lower .tellsomeone a {
	color: #ddd;
}
#lower .tellsomeone h1 {
	font-size: 110%;
    color: #ef9c00;
	margin: 0;	
}
.tell {
	font-size: 110%;
    color: #ef9c00;
	margin: 0;	
}
#lower #phone {
    position: absolute;
    background: transparent url("../imgs/phone.png") no-repeat;
    top: 75px;
    left: 5px;
    display: block;
    width: 210px;
    height: 277px;
}

#lower #content {
    width: 250px;
    float: right;
    margin-top:0;
}
#comingSoon {
	color: #f0f0f0;
}
#login #signup {
    display: block;
    position: relative;
    width: 300px;
    height: 57px;
    float: left;
    top: -17px;
    
}
#flvTutorial {
	width: 480px;
	height: 360px;
	float:left;
	
}
#signup .input {
    width: 180px;
}

#preregister h1 {
    color: #ef9c00;
    font-weight: bold;
    font-size: 16px;
    margin:0;
    padding:0;
    text-align: left;
}
#preregister p {
    color: #f0f0f0;
    font-size: 12px;
    margin:0;
    padding:0;
    text-align: left;
}

#signup .submit {
    position: absolute;
    bottom: 24px;
    right: 10px;
}

#lower #nextstepbox {
    display: block;
    width: 204px;
    height: 47px;
    float: left;
    background: transparent url("../imgs/nextstep.png") no-repeat;
}

#lower h1 {
    color: #e3ff64;
    font-size: 1.3em;
    clear: both;
}

#lower ul.feature {
    margin: 0;
    width: 200px;
    float: left;
    padding-left: 25px;
}

#lower li {
    list-style-image: url("../imgs/bullet.png");
    list-style-position: outside;
}

#lower .featuredgrove {
    display: block;
    width: 550px;
    float: left;
    padding-left: 20px;
}

#lower .featuredgrove h1 {
    font-size: 1em;
    color: #ef9c00;
    margin: 0;
}

#lower .featuredgrove .author {
    color: #888;
    font-style: italic;
    font-weight: normal;
}
#lower .featuredgrove .getitfree {
    color:#ef9c00;
    font-size: 1em;
    float: right;
}
#lower .featuredgrove a {
	color: #EF9C00;
}

#sentResults .resultEmail {color:#e3ff64;}

/* ============== */
/* = Application Navigation = */
/* ============== */

.menubg {
   margin:0 auto;
   background: transparent url("../imgs/menu_bg.png") repeat-x ;
}
.menuCenter {
    margin:0 auto;
}
#headerLogo {
	background:transparent url(../imgs/menu_logo.png) no-repeat scroll 0% 50%;
	height:114px;
	position:relative;
	width:231px; 
	float: left;
}
#appMain {
	width: 1024px;
	height:69px;
	margin: 0 auto;
}
#appnav span{
    color: #e3ff64;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
}
#appnav {
    width:500px; 
    float: left;
    position: relative;
}
#appnav ul {
	background: transparent url("../imgs/appnav_main.png;") no-repeat;
	height: 69px;
	width: 500px;
	margin: 0;
}

#appnav li {
	display: block;
    list-style: none outside;
    padding: 0px;
    margin: 0 auto;
    position: absolute;
}
#appnav li span {
	padding-top:30px;
}
#appnav a {
	display: block;
	height: 40px;
	text-align: center;
	padding-top:30px;
}

#appnav1 {
	left:0;
	width: 90px; 
}
#appnav2 { 
    left:90px;
    width: 90px;
}
#appnav3 {
	left:180px;
	width: 90px;
}
#appnav4 {
    left:270px;
    width: 90px;
 }
#appnav5 {
    left:360px;
    width: 90px;
} 

#appnav1 a:hover, #appnav1.active a, #appnav1.current a{
  background: transparent url("../imgs/appnav_main.png") 0 -84px; 
}
#appnav2 a:hover, #appnav2.active a, #appnav2.current a {
  background: transparent url("../imgs/appnav_main.png") -90px -84px;
}
#appnav3 a:hover, #appnavnav3.active a, #appnav3.current a {
  background: transparent url("../imgs/appnav_main.png") -180px -84px;
}
#appnav4 a:hover, #appnav4.active a, #appnav4.current a {
  background: transparent url("../imgs/appnav_main.png") -270px -84px;
}
#appnav5 a:hover, #appnav5.active a, #appnav5.current a {
  background: transparent url("../imgs/appnav_main.png") -360px -84px;
}

#searchbox{
    display: block;
    float:left;
    text-align: right;
    position:relative;
    margin-left: 20px;
    padding-top:22px;
}
#searchbox input[type=text] {
	background-color:#f0f0f0;
	border-top: 1px solid #212121;
    border-left: 1px solid #212121;
    border-bottom: 1px solid #9b9b9b;
    border-right: 1px solid #9b9b9b;
}
#searchbox span, #globalsearchFrm span, #dashliteheader span{
	margin: 0;
	color: #E3FF64;
	font-size: 12px;
	font-weight: bold;
}
.searchBtn {
    padding-left:5px;
    margin-left:5px;
    background: url(../imgs/find.png) no-repeat;
    vertical-align: middle;
    border-style:none;
    width:16px;
    cursor:pointer;
}
#appmainSubmenu {
	margin:0 auto;
	width: 1024px;
	min-height:45px;
}

#appmainSubContainer {
    width: 673px;
    background: transparent url(../imgs/submenu_trans_bg.png) no-repeat bottom right;
    margin-left: 283px;
}

#submenuForm {
	background: url("../imgs/submenu_bg.png") no-repeat;
    width: 240px;
    height: 39px;
    float: left;
}
#submenuFormLite {
    background: url("../imgs/submenu_bg_alt.png") no-repeat;
    width: 315px;
    height: 39px;
    float: right;
    margin-right:75px;
}
#submenuFormLite .altsubmenu {
	margin-left: 25px;
	margin-top: 12px;
}
#submenuFormLite a {
    color: #e3ff64;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold; 
}
#submenuFormLite a:hover, #submenuFormLite a:active {
    color:#fff;
}
.submenu_col {
	width: 70px;
	text-align: center;
	padding-top:8px;
}
.submenu_col1 {
	width: 100px;
    text-align: center;
    padding-top: 4px;
    padding-left: 2px;
}

.submenu_col2 {
    width: 75px;
    text-align: center;
    padding-top:8px;
}
.submenu_col3 {
    width: 50px;
    text-align: center;
    padding-top:8px;
}
.submenusafari_col1 {
	width: 100px;
    text-align: center;
    padding-top:2px;
}

.submenusafari_col2 {
    width: 75px;
    text-align: center;
    padding-top:12px;
}
.submenusafari_col3 {
    width: 50px;
    text-align: center;
    padding-top:12px;
}
.topdashlite {
	width:30%;
	border-right: solid 1px #ef9c00;
	vertical-align: top;
}
.topdashlite2 {
	width: 100%;
	display: table;
	vertical-align: top;
}
#dashliteheader {
    padding-top: 30px;
}
#dashliteheader a {
   font-size: 1.3em;
   font-weight: bold;
}
.dlheader_lt{
    float: left;
}
.dlheader_rt {
    float:left;
}



.headerTabPanelClass{
	background: none;
	color: #ffffff;
	border: none;
}
.rich-tabpanel {
	border: none;
	background: none;
	width: 100%;
	padding: 5px;
}
.headerTabContent{
	width: 150px;
	height:30px;
	color: #ffffff;
	background: none;
	text-align: center;	
	padding-top: 5px;
	border: none;
}
#userProfile {
	background: none;
	border: none;
}
.selectedTabClass {
	background:none;	
	cursor: pointer;
	border:none;
	font-weight: bold;
	color: #e3ff64;
}
.rich-tabhdr-side-border {
	border:none;
}
#userProfile_lbl:hover, #accountSettings_lbl:hover, #interests_lbl:hover, #privacy_lbl:hover  {
	font-weight: bold;
	cursor: pointer;
}
.dr-tbpnl-tbtopbrdr {
	border: none;
	background: none;
}
.dr-tbpnl-tbbottombrdr {
	border: none;
	background: none;
}
.dr-tbpnl-tbbrdr {
	background: none;
	border:none;
}
/*********************************** JygyProfile page*****************************/
.registrationRadio, .phoneInput {
	margin-right: 3px;
}

.jygyMyAccountLabelTest
{
	color: #A91F1F;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

#jygyInformation
{
	clear: both;
	width:385px;
	float:left;
	height:auto;
	border:2px solid #e3ff64;
	margin-left: 10px;
	margin-top: 10px;
}

.jygyFieldsetShortLabel
{
	float: left;
	margin: 5px 0 0; 
	padding: 0;
	width: 100px;
	display: block;
	text-align: left;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.jygyFieldsetAverageLabel
{
	float: left;
	margin: 5px 0 0; 
	padding: 0;
	width: 135px;
	display: block;
	text-align: left;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.jygyFieldsetLongLabel
{
	float: left;
	margin: 5px 0 0; 
	padding: 0;
	width: 175px;
	display: block;
	text-align: left;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.jygyDescriptionLabel
{
	float: left;
	margin: 5px 0 0; 
	padding: 0;
	display: block;
	text-align: left;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#jygyIdentities
{
	clear: both;
	width: 385px; 
	float: left; 
	height: auto;
	min-height:150px;
	border:2px solid #e3ff64;
	padding-left: 5px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#jygyAddress	
{
	width: 360px; 
	float: left; 
	margin-left: 10px; 
	height:185px;
	border:2px solid #e3ff64;
	padding-left: 5px;
	margin-left: 10px;
	margin-top: 10px;	
}

#jygyPassword
{
	width: 360px; 
	float: left; 
	margin-left: 10px;
	height: 150px;
	border:2px solid #e3ff64;
	padding-left: 5px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#jygySkin
{
	width: 360px; 
	float: left; 
	height: 160px;
	border:2px solid #e3ff64;
	padding-left: 5px;
	margin-left: 10px;
	margin-top: 10px;
}

#jygyAbout
{
	width: 794px; 
	float: left; 
	height: 235px;
	border:2px solid #e3ff64;
	padding-left: 5px;
	margin-top: 10px;
}

#jygyInterests
{
	clear: both;
	width: 794px; 
	float: left; 
	height: 320px;
	border:2px solid #e3ff64;
	padding-left: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#jygyGeneralPrivacy	
{
	clear: both;
	width: 370px; 
	float: left; 
	height: 85px;
	border:2px solid #e3ff64;
	padding-left: 5px;
	margin-top: 10px;
}

#jygyMessagePrivacy
{
	clear: both;
	float: left;
	height: 250px;
	width: 395px;
	border:2px solid #e3ff64;
	padding-left: 5px;
	margin-left: 10px;
	margin-top: 10px;
}

#jygyNotification
{
	width: 370px; 
	float: left; 
	height: 150px;
	border:2px solid #e3ff64;
	padding-left: 5px;
	margin-top: 10px;
}

#jygyBlockUser
{
	clear: both;
	width: 784px; 
	float: left; 
	height: auto;
	border:2px solid #e3ff64;
	padding-left: 5px;
	margin-top: 10px;
}

#jygySnappPrivacy
{
	clear: both;
	width: 784px; 
	float: left; 
	height: auto;
	border:2px solid #e3ff64;
	padding-left: 5px;
	margin-top: 10px;
}

#jygySnappTemplatePrivacy
{
	clear: both;
	width: 360px; 
	float: left; 
	height: 370px;
	margin-top: 5px;
}

.accountDiv {
	clear: both;
	padding-right: 0px;
	width: 800px;
	float: right;
	display: block;
	background-color: #727272;
}

.gridSettings {
	vertical-align: top;
	padding: 0;
	margin: 0;
}
#profileAccount input[type=button], #changePasswordForm input[type=button], #infoForm input[type=button] {
	background: none;
	border:none;
	color: #ef9c00;
	cursor: pointer;
}
.identity1 {
	width: 100px;
}
.identity2 {
	width: 160px;
}
.identity3 {
	width: 50%;
}
.jygyProfileTabBox
{
	margin-left: 30px;
}

.jygyProfileTab
{
	background-color:#666;
	display: block;
	height: 24px;	
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #f0f0f0;
	padding-top: 4px;
	margin-bottom: -22px;
	padding-bottom:14px;
	}
.jygyProfileTab a:link, .jygyProfileTab a:visited, .jygyProfileTab a:link, .jygyProfileTab a:visited
{
	color: #f0f0f0;
}

.jygyProfileSpaceTab
{
	width: 10px;
	height: 26px;
	display: block;
}

.jygyProfileCurrentTab
{
	background-color: #e3ff64;
	height: 24px;
	display: block;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	padding-top: 4px;
	color: #333;
	border: 1px solid #333;
	margin-bottom: -14px;
	padding-bottom:14px;
}
#infoForm table label {
	float: left;
	display: block;
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	padding: 0;
	width: 90px;
	display: block; /* block float the labels to left column, set a width */
	text-align: left;	
}

.jygyUnBlockLink
{
	color: #94B752;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.jygyFieldsetText
{
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

/*************************** End JygyProfile page*******************************/

/*************************** Start JygyFriends page*******************************/
table.friendOptions {
	background:#555;
	width:750px;
	margin:10px auto;
	padding:5px;
}
#friendForm .friendOptions1 input, #friendForm .friendOptions2 input, #friendForm .friendOptions3 input, #friendForm .friendOptions4 input, #friendForm .friendOptions5 input {
	border: none;
} 
.friendsCategory{
	font-size: .8em;
}
.friendOptions1 {
	width: 150px;
	}
	
.friendOptions2 {
	width: 150px;
	}
.friendOptions3 {
	width: 150px;
	text-align: right;
	padding-right:5px;
	}
.friendOptions4 {
	padding-right:5px;
	}
.friendOptions5 {
	padding-right:5px;
	}
.friendOptions6 {
	}
#DialogConfirmForm ul {
	list-style: none;
}

.textsnappAdvancedUnderLine
{
	float:left;	
	font-size: 12px;
	color: black;
	padding-left:5px;
	text-decoration: underline;	
}

/************************* Jygy Help page **************************************/
.jygyHelpColumn {
	width: 400px;
	display: block;
	border-right: 1px dotted #6E991E;
}
#jygyNurse {
	width: 150px;
	padding-right: 30px;
}
.jygyNurseRight {
	width: 250px;
	height: 120px;
	padding-left: 15px;
	padding-right: 15px;
}
.jygyNurseRight td {
	vertical-align: top;
}
.jygyHelpCommon {
	padding-left: 100px;
}
.jygyHelpCommon2 {
	padding-left: 10px;
}
.jygyHelpCommon a, .jygyHelpCommon2 a {
	color:#f0f0f0;
}
.jygyHelpCommon a:hover, .jygyHelpCommon a:active, .jygyHelpCommon2 a:hover, .jygyHelpCommon2 a:active {
	color:#ef9c00;
}

.faqtable {
	height: 497px;
}
.faqRow {
	height:20px;
}

.faqColumn1 {
	vertical-align: top;
}

.jygyBrowseTitle {
	color: #4C4E49;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#faqMainForm .faqtable a:link, #faqMainForm .faqtable a:visited  {
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
}
.faqRow {
	margin-top:2px;
	margin-bottom: 2px;
}

.faqRow a {
	color:#f0f0f0;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}
.faqRow a:hover {
	color: #e3ff64;
	}
#faqMainForm .faqtable tr:hover {
	cursor: pointer;
}

#faqMainForm table{
	width:400px;
}
#faqMainForm tr {
	width:100%;
}

/*----------------------------terms and privacy pages----------------------------*/
#termsHeader {
	background-image: url(../images/terms_header.png);
	width:794px;
	height:100px;
	float:right;
	margin-top: 10px;	
	margin-bottom: 20px;	
}

/*------This is some crap that I think I need ---------*/
#bottomContainer {
	display:block;
	width: 828px;
}
#dashliteLeft {
	width:258px;
	float: left;
}
#dashliteRight {
	width:570px;
	float: left;
}
.dashlitetop_lt {
	width:300px;
	padding-top:10px;
}

.dashlitetop_ctr{
	width:auto;
}

.dashlitetop_rt { 
	width:140px;
}
/************************************************************************************/
.lineReminder{
	width: 100%;	
	background:#D1D2D4;
}

.lineGreen{
	width:2px;
	height:2px;
	background: url(../images/lineGreenLitePage.gif) repeat-x;
}
.alignRight{
	text-align: right;
}
.pictureBox {
	width: 60px;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

.snappListBox {
	float: left;
	width:100%;
}
	
.div1{	
	width: 200px;
	float: left;
	padding-left: 5px;
	vertical-align: top;	
	padding-top:0px;
	margin-top: 0px;	
}
.div2{
	width: 500px;
	float: left;
	padding-left:40px;	
	vertical-align: top;	
	padding-top:0px;
	margin-top: 0px;
}
.rectange{
	text-align:center;
	height:300px;		
	width: 210px;
	background: url(../../../images/dashLite/gallerbg.gif) no-repeat;
}
.alignTopLite{
   vertical-align: top;
   text-align: left;	
}


.viewDialog{
	background: #ffffff;
	width: 300px; 
	height: auto;
	padding: 0px;
	display: none;
}

.dojoDialogContent{
	width: 300px;
}

.snappModalDialogCloseBtn{
	width: 100%;
	padding-left: 260px;
}
#quickPollForm table {
	width: 100%;
}
.columnDash1{
	width:25%;
	float:left;
}
.columnDash2{
	float:left;
	width: 250px;
}
.columnDash1 label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;
	font-weight: bold;
	float: left;
	display: block;
}
/*New Chat CSS */
.chatWindowlt {
	width: 25%;
	}
td.chatWindowlt {
	vertical-align: text-top;
}
.chatWindowrt {
	width:75%;
}
/*New Reminder Doodad CSS*/
.reminderTable {
	width: 100%;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}
.addReminder {
	width: 50px;
}	
.addReminder2 {
	width: auto;
}

#pendingReminder label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#333;
	font-weight: bold;
	float: left;
	display: block;
	
}
.centerImgContainer {
	width: 450px;
	height:600px;
	margin: 0 auto;
}
.centerImg {
	text-align: center;
}

#mainFormContactus {
min-height: 450px;
}
.errorMessageValidator
{
	color: #E8443D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 110px;
}
.errorMessageValidatorRequie
{
	color: red;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left:70px;
}
.groove_section3{
	display:block;
	width: 285px;
	float: right;
	height: 200px;
}
.groove_section3 input{
    border: none;
}
.groove_section3 h2 {
	color: #e3ff64;
}
.grooveDecription {
	width:640px;
	height:auto;	
	margin:0 auto;	
}
.popupLayer {
	color: #333;
	background: #dbdbdb;
	border: 3px solid #333;
	padding:3px;
	}
.popupLayer a {
	color: #022F55;
	font-weight: bold;
}	
.popupLayerAlt {
	background: none;
	border: none;
}

.popupLayer h1 {
	color: #022F55;
}

#blogForm .disabledFeature{
	float:left;
    margin-top: 20px;
    text-align: left;    
}
.limitedFriends {
    float:left;
    margin-top: 20px;
    text-align: left;
    text-align: center;
    width: 100%;
}
#limitedFriends input[type=button]{
	border: none;
	background: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size:20px; 
    color: #333;
    height: 24px;
    cursor: pointer;
}
#groovesbanner {
    margin-top: -10px;
    }


/**************************New pages for External Site****************************/
#innerContentwide {
	width: 99%;
}	
#innerContentwide h1 {
	color: #e3ff64;
}
#contentwide {
	width: 740px;
	line-height: 1.7em;
	color: #888;
}

#contentwide p {
	font-size: 120%;
}

#contentwide h1 {
	font-size: 180%;
}
#ie7 h1, #firefox h1, #opera h1 {font-size: 120%; color: #ef9c00;}
#ie7 p, #firefox p, #opera p {color: #888;}

#contentwide .groves {
	width: 335px;
	float: left;
	margin: 5px;
	padding: 10px;
	border: 1px solid #111;
	background: #0a0b08 url("../imgs/contentbg.png") repeat-x;
}

#contentwide .groves h1 {
	font-size: 1.2em;
	color: #ef9c00;
	margin: 0 0 10px 0;
}

#contentwide .groves p {
	float: left;
	width: 250px;
	color: #ddd;
	font-size: 90%;
	padding: 0;
	margin: 0;
	margin-left: 20px;
}

#contentwide .groves h1 span {
	font-weight: normal;
	padding-left: 20px;
	font-size: 80%;
	color: #555;
}

#contentwide .groves span.users {
	float: right;
	color: #bbb;
	margin-top: -30px;
}

#contentwide .userbox {
	width: 222px;
	float: left;
	margin: 9px;
	padding: 10px;
	border: 1px solid #111;
	background: #0a0b08 url("../imgs/contentbg.png") repeat-x;
}

#contentwide .userbox .username {
	display: block;
	float: left;
	width: 100px;
	font-size: 1.2em;
	color: #ef9c00;
	margin: 0;
}

#contentwide .userbox p {
	float: left;
	width: 130px;
	color: #ddd;
	font-size: 90%;
	padding: 0;
	margin: 0;
	line-height: 1.3em;
}

#contentwide .smsword, #innerContentwide .smsword {
	display: block;
	width: 130px;
	color: #eee;
	float: left;
	margin: 10px 0 0 20px;
}

#contentwide .smsdesc, #innerContentwide .smsdesc {
	display: block;
	width: 400px;
	float: left;
	margin: 10px 0 0 20px;
}

#contentwide .newsdate{
	display: block;
	width: 120px;
	font-size: 150%;
	float: left;
	color: #7b6800;
	text-align: right;
}

#contentwide .newsauthor {
	font-size: 60%;
	text-align: right;
	color: #555;
	line-height: 1.3em;
}

#contentwide .newsitem, #contentwide .faqitem {
	display: block;
	width: 600px;
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
}

#contentwide .newsitem h1, #contentwide .faqitem h1 {
	font-size: 130%;
	margin: 0;
	color: #ffd800;
}

#contentwide .newsitem p, #contentwide .faqitem p {
	margin-top: 5px;
}
#termsBody h1 {
	font-size: 130%;
	margin: 0;
	color: #ffd800;
}
#termsBody h2 {
	font-size: 100%;
	margin-top: 5px;
	line-height: 1.3em;
}
.explorePic {
	width: 50px;
	height:50px;
	float: left;
}
.registrationRadio label {
	width:70px;
	float: left;
	display: block;
}


form#registrationFor a {
	color: #e3ff64;
	}
	
#confirmUserIdentify h2 {
	font-size: 1.1em;
	}
	
#jygyProfileContainer input[type=checkbox] {
    border:none;
    }
    
#globalsearchbox input[type=checkbox],#registrationForm input[type=checkbox], #ForgotPassForm input[type=checkbox] {
	border:none;
	padding:0;
	background: none;
}
.category table {text-align: left;} 

#tagWallForm input { 
}

#tagWallForm textarea {
	width: 97%;
}	
.tagwallPoster {
	background: #f0f0f0;
	margin: 5px 0;
	padding: 5px 0;
	border: #ccc solid 1px;
	color: #356aa0;
	font-weight: bold;
}	
.tagwallPic {
	width: 10%;
}
.tagwallPost {
	width: 85%;
	text-align: left;
	vertical-align: top;
}
.commentEntry h2 {
	color: #ef9c00;
	padding-top: 10px;
}
.tagwallUser {
	font-weight: bold;
	font-size: 12px;
	color: #e3ff64;
}
.tagwallTime {
	font-size: 10px;
	font-style: italic;
}
.tagwallDelete {
	font-size: 10px;
	float:right;
	padding-right: 10px;
	font-weight: normal;
}
.subTxt {
	font-size: 11px;
	font-style: italic;
	margin:0;
	padding:0;
	
}
.textCounter {
	font-size: 10px;
	font-style: italic;
	text-align:right;
	float: right;
	
}
#feedbackHeader h1, #jygyNurse h1, #helpCommon h1 {
	font-size: 130%;
	color: #e3ff64;
} 

.commentpostedby {
	display: block;
	width: auto;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	background-color: #3e3e3e;
	padding: 3px;
	margin-bottom: 5px;
	margin-top: 5px;
}
#grooveFinish h1 {color: #ef9c00; font-size: 140%;}
.groovefinishTbl {width: 90%; margin: 0 auto;}
.groovefinishTbl td {vertical-align: top;}	
.groovefinishTbl h2{margin-top:10px;}
.groovefinishTbl h2 span {color:#ef9c00;}
.groovefinishTbl p {color:#f0f0f0;}
.grooveFinish1 {width: 10%}
.grooveFinish2 {width: 85%;}

.webtipAction {
	position: absolute;
	right: 5px;
	bottom: 2px;
}
.webtipNav {
	bottom: 20px;
	right: 5px;
	position: absolute;
}
.webtipNav a {
	color: #333;
	}
.disabledFeature input[type=submit] {
	border: none;
	color:#e3ff54;
	background-color: transparent;
	cursor: pointer;
	margin: 0;
	padding:0;
}
.bgbackGray {
	padding-left: 30px;	
}
.limitMessageError{
	background-color:#86963E; 
	font-size: 0.85em;
}
.limitMessageErrorPopup{
	background-color:#FF3F3F ; 
	font-size: 0.85em;
}
.registerAccept {
	font-size: 12px;
}
.groupedit {
	width: 500px;
	margin: 0 auto;
}
.groupEditBtn {
	position: relative;
	left:463px;
}
.groupedit label {
	width:150px;
	float: left;
	display: block;
}

.textCounterNoFloat {
	font-size: 10px;
	font-style: italic;	
}

.richSnappDetailbg {
	background-color:#111111;
	color: #FFFFFF;
}
.tooltip, .tooltip p {
	font-size: 10px;
	padding: 2px;
	margin:0;
}	

.richSnappDetailParam {
	background-color: transparent; 	
	border: none;
}

.richSnappDetailParamCell {
	color: #FFFFFF; 
	border: none;
	width: 30%;
}

.selectedPage {
	background-color: #C6E2FF;
}

.gridCol {
	border: none;
}
.addButton, .addButtonDisabled, .uploadButton, .uploadButtonDisabled {
	background: transparent url("../imgs/btn_blank.png") no-repeat;
	width: 77px;
	height: 29px;
	padding: 0;
}
  
.rich-fileupload-toolbar-decor {
	background-color:#000;
	border-bottom:none;
	border-left:none;
	border-top:none;
	padding:0;
	width:350px;
	}
	



.messageTitle{
	color:#EF9C00;
	font-weight:bold;
	font-size: 110%;		
}
.messageItemlink{
	color:#D4D4D4;	
	padding-right: 10px;	
}
.messageItemlink2{
	color:#EF9C00;		
	padding-right: 10px;
}
#contentPanel {
	margin-bottom: 20px;
}
/*#feedbackHeader {
	margin-top: 10px;
	}*/
.mailLogos {
	margin: 5px 0 5px 0;
	}
.mailLogos img {
	margin-right:5px;
}	
.inviteImportRight, .inviteImportLeft {
	float:left;
	}
.inviteImportRight {
	padding-left: 20px;
}	
#formABImporter {
	width: 100%;
	}
#formInvite {
	clear: both;
}	
#formSendInvite, .socnetFrame {
	margin-top: 20px;
	clear: both;
	}
.searchResultsTab {
	background-color: transparent;
	}
#imageViewerContent {
	margin-top: 15px;
}	
.dr-menu-list-bg {
	background-color: transparent;
	}
.dr-menu-item, .dr-menu-item a {
	text-align: left;
	color: #f0f0f0;
}		
.dr-menu-item:hover {
	color: #e3ff64;
	background: #333;
	}
.dr-menu-label-select {
	background: transparent;
}	
.profileForm1 {
	width: 29%;
	}
.profileForm2 {
	width: 71%;
	}
#statusForm2 table {
	margin-left: 400px;
}	

.webtipLink {
	float:right;
	margin-right: 100px;
	}
	
.statusSettingCol1 {
	width: 100px;
}

.statusSettingCol2 {
	width: 50px;
}

.statusSettingCol3 {
	width: 120px;
}

.statusSettingCol4 {
	width: 250px;
}

.alignLeft{
	float: left;
}
.alignRight{
	float: right;
}
.emptyBlogText {
	float:left;
    margin-top: 20px;
    text-align: left;  
    width: 90%  
}

div.statusLink:link {
	color: red; 
	text-decoration: none; 
}

div.statusLink:visited {
	color: purple; 
	text-decoration: none; 
}

div.statusLink:hover {
	color: blue; 
	text-decoration: underline; 
	cursor: pointer;
}

div.statusLink {
	color: red; 
}
