/* General styles CSS file
 * All styles denoted with an "s_varName" are from this file
 *  except the obvious general tag attributes (i.e. body tag)
 */
body {
	color: #5a5a5a;
	text-align: center;
	margin: 0em;
	font-size: 0.7em;
	font-family: tamoha, arial;
}
.clearBoth {clear:both;}
.mleft15 {margin-left:15px;}
input.green, select.green, textarea.green {border:1px solid #aec55d;margin-top:4px;}

/* link with bg image*/
a.view_album {
	color: #1c4e89;	
	padding-left:1.5em;
	background:url(../images/icon_view.gif) top left no-repeat;
    text-decoration: none;
}

a.view_album:hover {	
	text-decoration: underline;
}

a.view_friends {
	color: #1c4e89;	
	padding-left:1.5em;
	background:url(../images/icon_viewfriends.gif) top left no-repeat;
    text-decoration: none;
}

a.view_friends:hover {	
	text-decoration: underline;
}
a.send_msg,span.send_msg {	
	color: #1c4e89;
	padding-left:1.5em;
	background:url(../images/icon_sendmessage.gif) bottom left no-repeat;
    text-decoration: none;
}

a.send_msg:hover {	
	text-decoration: underline;
}
a.view_msg,span.view_msg {	
	color: #1c4e89;
	padding-left:1.5em;
	background:url(../images/icon_viewmessages.gif) bottom left no-repeat;
    text-decoration: none;
}

a.view_msg:hover {	
	text-decoration: underline;
}
a.friend_request,span.friend_request {	
	color: #1c4e89;
	padding-left:1.5em;
	background:url(../images/icon_friendrequests.gif) bottom left no-repeat;
    text-decoration: none;
}

a.friend_request:hover {	
	text-decoration: underline;
}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
.msg_text {
	color: #529339;
	font-family: tamoha, arial;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom:1em;
}
#error_text {
	color: #ad2c48;
	font-family: tamoha, arial;
	font-size: 1em;
	font-weight: normal;
	margin-left: 6.6em;
	margin-bottom:1em;		
}
.error_class {
	color: #ad2c48;
	font-family: tamoha, arial;
	font-size: 1em;
	font-weight: normal;
	margin-left: 0.0em;
	margin-bottom:0.5em;		
}
#error_text1 {
	color: #ad2c48;
	font-family: tamoha, arial;
	font-size: 1em;
	font-weight: normal;	
	margin-bottom:1em;		
}
#error_text span {
	color: #aa202f;
	font-weight: bold;	
	line-height:2em;
}
ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.s_bold {
	font-weight: bold;
}

.s_deleteWoof {
	color: #a6afb6;
	font-size: 0.8em;
}

.s_woofDate {
	padding-left: 2em;
}

.s_common {
	color: #1c4e89;
}

.s_smallBold {
	font-size: 0.8em;
	font-weight: bold;
}

h2.s_registration {
	text-align: left;
	font-size: 2em;
	padding: 0em;
	margin: 0em;
	width: 700px;
}

h2.s_subRegInfo {
	text-align: left;
	font-size: 1em;
	padding: 0em;
	padding-bottom: 1em;
	margin: 0em;
}

h3.s_registration {
	text-align: left;
	font-size: 1.3em;
	padding-top: 0em;
	padding-left: 0.6em !important;
	padding-left: 0.5em;
	margin-top: 0em;
}

h5.s_subTitle {
	text-align: left;
	font-size: 1.3em;
	padding-top: 0em;
	padding-left: 0em;
	margin-top: -1.5em;
	font-weight: normal;
}

td.s_msgInbox_headers {
	border-bottom: 1px solid #c6cbc7;
	border-right: 1px solid #c6cbc7;
}

td.s_msgInbox_headersEnd {
	border-bottom: 1px solid #c6cbc7;
}

td.s_inboxSender1 {
	background-color: #f5f2ed;
	vertical-align: top;
	border-right: 0.05em solid #c6cbc7;
	border-bottom: 0.05em dotted #b5b5b5;
}

td.s_inboxSender1End {
	background-color: #f5f2ed;
	vertical-align: top;
	border-bottom: 0.05em dotted #b5b5b5;
}

td.s_inboxSender2 {
	background-color: #ffffff;
	vertical-align: top;
	border-right: 0.05em solid #c6cbc7;
	border-bottom: 0.05em dotted #b5b5b5;
}

td.s_inboxSender2End {
	background-color: #ffffff;
	vertical-align: top;
	border-bottom: 0.05em dotted #b5b5b5;
}

img.s_photoAlbumImage {
	padding-top: 0.3em;
	padding-left: 1.5em !important;
	margin-left: 0em !important;
	margin-left: 1.5em;
}

img.s_woofsProfilePic {
	/*padding-top: 1em;
	padding-left: 1.5em !important;
	*/	
	margin-top: 1.0em;	
	margin-left: 1.0em;
	border:1px solid #8c8c8c;
}

img.s_woofsTriangle {
	padding-top: 0.2em;
}

img.s_profilePic {
	padding-bottom: 0.5em;
}

img.s_iconLinks {
	margin-right: 0.3em;
}

img.s_msgThumb {
	border: none;
	margin: 0em;
	margin-top: 0.7em;
	margin-left: 0.4em;
	padding: 0em;
}

img.s_msgArrow {
	margin: 0em;
	margin-top: -2em;
	padding: 0em;
}

form.s_inbox {
	padding-top: 0em;
	padding-bottom: 0em;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
}

form.s_register {
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}

form.s_uploadAvatar {
	margin: 0em;
	padding: 0em;
}

input.s_submitAvatar {	
	
	margin: 0em;
	margin-left: 9.5em !important;
	margin-left: 12em;
	margin-top: -2em;
	margin-bottom: 0em;
	padding: 0em;
}

input.s_removeAvatar {
	
	margin: 0em;
	margin-left: 9.5em !important;
	margin-left: 0em;
	padding: 0em;
}

input.s_browseForAvatar {
	background-color: #d4d0c5;
	height: 22px;
	margin: 0em;
	margin-left: 0.7em;
	padding: 0em;
}

input.s_submit {
	background-color: #d5d0ca;
	margin-right: 0.3em;
	font-size: 0.8em;
}

input.s_msgInboxCheckbox {
	width: 1em;
	height: 1em;
	background-color: #d5d0ca;
	margin-top: 1em;
}

input.s_hideBday {
	margin-bottom: 11em;
	padding: 0em;
}

input.s_butGeneral {
	background-color: #d4d0c5;
}

input.s_userRegisterText {
	border: 1px solid #adc661;
}

input.s_userRegisterBut {
	background-color: #d4d0c5;
}

input.s_dogRegisterBut {
	background-color: #d4d0c5;
	width: 150px;
}

input.s_levelPersonality {
	margin: 0em;
	margin-top: -0.1em;
	margin-left: 0em;
	padding: 0em;
	width: 300px;
}

input.s_levelRadio {
	margin: 0em;
	margin-left: 1.2em;
	margin-right: 1.2em;
	padding: 0em;
}

select.s_woofSelect {
	margin-right: 12em;
	width: 10em;
}

textarea.s_editPersonal {
	font-size: 1.2em;
	font-family: arial;
	margin: 0em;
	margin-bottom: 1.3em;
	padding: 0.2em;
}

ul.s_regularText {
	font-family: Arial, Helvetica;
	text-align: left;
	list-style: none;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
	width:500px;
}
div.foremail {
	width:100%;
	text-align:right;
	display:inline;
	margin-left:180px;
}

ul.s_regCheckboxes {
	list-style: none;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}

ul.s_regTips {
	font-family: Arial, Helvetica;
	text-align: left;
	padding: 0em 0em 0em 0em;
	/*padding-bottom: 0.5em;*/
	margin: -0.4em 0em 0em 3em !important;
	margin: -1em 0em 0em 3em;
	list-style:disc;
}

ul.s_userSummaryDropdown {
	font-family: Tamoha, Arial, Helvetica;
	font-size: 0.7em;
	list-style: none;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}

ul.s_userProfileShort {
	list-style: none;
	padding-top: 0.8em;
	padding-left: 1.3em;
	padding-bottom: 0em;
	padding-right: 0em;
	margin: 0em 0em 0em 0em;
}

/*******************************
 * Messaging System Menu START *
 *******************************
 */

ul.s_msgInboxMainLinks {
	background:	#c2da90;
	color: #5a5a5a;
	font-family: Arial, Helvetica;
	font-size: 0.7em;
	font-weight: bold;
    text-align: center;
	list-style: none;
	margin: 0em;
	margin-left: 1.2em;
	padding: 0em 0em 0em 0em;
	height: 25px;
	width: 499px;
}

/* Link attributes
 * ---- side note: actual attributes for the links (regular/hover states)
 */
a.s_msgInboxMainLinks {
	color: #1c4e89 !important;
	display: block !important;
    margin: 0em;
	border: 0em;
	padding: 0em;
	padding: 0em 0em 0em 0em;
	height: 24px;
    text-decoration: none;
}

a.s_msgInboxMainLinks:hover {
	color: black;
	margin: 0px;
	border: 0px;
	padding: 0px 0px 0px 0px;
	height: 24px;
	text-decoration: underline;
}

/* Actual link attributes
 * list-style: none;
 * ---- side note: float value determines alignment of all the main links (read .js file for more details)
 */
li.s_msgInboxFirstLink {
	padding: 0em 0em 0em 0em;
	padding-top: 0.4em;
	width: 85px !important;
	width: 85px;
	float: left;
}

li.s_msgInboxRestLinks {
	padding-left: 0.7em;
	padding-top: 0.4em;
	border-left: 0.1em solid #ffffff;
	width: 105px !important;
	width: 105px;
	float: left;
}

/*****************************
 * Messaging System Menu END *
 *****************************
 */
 
 /**************************
 * Profile Edit Menu START *
 ***************************
 */

ul.s_editProfileMainLinks {
	background:	#c2da90;
	color: #5a5a5a;
	font-family: Arial, Helvetica;
	font-size: 0.7em;
	font-weight: bold;
    text-align: center;
	list-style: none;
	margin: 0em;
	margin-left: 1.2em;
	padding: 0em 0em 0em 0em;
	height: 25px;
	width: 499px;
}

/* Link attributes
 * ---- side note: actual attributes for the links (regular/hover states)
 */
a.s_editProfileMainLinks {
	color: #1c4e89 !important;
	display: block !important;
    margin: 0em;
	border: 0em;
	padding: 0em;
	padding: 0em 0em 0em 0em;
	height: 24px;
    text-decoration: none;
}

a.s_editProfileMainLinks:hover {
	color: black;
	margin: 0px;
	border: 0px;
	padding: 0px 0px 0px 0px;
	height: 24px;
	text-decoration: underline;
}

/* Actual link attributes
 * list-style: none;
 * ---- side note: float value determines alignment of all the main links (read .js file for more details)
 */
li.s_editProfileFirstLink {
	padding: 0em 0em 0em 0em;
	padding-top: 0.4em;
	width: 85px !important;
	width: 85px;
	float: left;
}

li.s_editProfileRestLinks {
	padding-left: 0.7em;
	padding-top: 0.4em;
	border-left: 0.1em solid #ffffff;
	width: 105px !important;
	width: 105px;
	float: left;
}

 /************************
 * Profile Edit Menu END *
 *************************
 */
 
li.s_formSubText {
	text-align: left;
	padding-top: 0em;
	padding-left: 6.8em;
	margin-top:2px;
	margin-bottom:6px;
	clear:both;
}
a.body-link {color:#324e7d;text-decoration:underline;}
a.body-link:hover {text-decoration:none;}
li.s_formSpacer {
	padding-top: 2em !important;
	padding-top: 0.7em;
	margin: 0em 0em 0em 0em;
}

li.s_formSpacer2 {
	padding-top: 8em !important;
	padding-top: 5em;
	margin: 0em 0em 0em 0em;
}

li.s_selectFormTitle {
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 1em;
	float: left;
}

li.s_selectFormField {
	padding-left: 0.4em;
	float: left;
}
li.s_selectFormField_inline {
	padding-left: 0.4em;
	float: left;
	diplay:inline;
}

li.s_formField {
	font-size: 1.2em;
	font-weight: bold;
	text-align: right;
	width: 220px;
}
li.s_formField_inline {
	font-size: 1.2em;
	font-weight: bold;
	text-align: right;
	width: 220px;
	display:inline;
	clear:both;
	margin-left:27px;
	*margin-left:0px;
}
li.s_formField_inline label {font-weight:normal;font-size:.85em;}
.forcheck {margin-left:5px;}
.check {position:relative;top:3px;}
li.s_formField_2lines {
	text-align: right;
	font-size: 1.2em;
	font-weight: bold;
	padding-right: 0.5em !important;
	padding-right: 0.1em;
	width: 70px;
	float: left;
}

li.s_formField2 {
	text-align: left;
	padding-top: 0.3em;
	padding-bottom: 2em;
}

li.s_formField3 {
	text-align: left;
	padding-top: 1em;
}

li.s_regCheckboxes {
	list-style: none;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
	width: 170px;
	float: left;
}

li.s_policyCheckbox {
	margin-left: 6.4em !important;
	margin-left: 3.2em;
	margin-top: 2em !important;
	margin-top: 0em;
	float: left;
}

li.s_policyCheckboxText {
	margin-top: 2em !important;
	margin-top: 0em;
	width: 300px;
	float: left;
}

li.s_regSubmit {
	margin-left: 6.7em;
	padding-top: 0em;
}

li.s_regTips {
	margin: 0em;
	padding-top: 0.5em;
	width: 180px;
}

li.s_error {
	color: #f60000;
	font-family: tamoha, arial;
	font-size: 1em;
	font-weight: normal;
	margin-left: 6.6em;
	display: none;
}

li.s_errorSelect {
	color: #f60000;
	font-family: tamoha, arial;
	font-size: 1em;
	font-weight: normal;
	margin-left: 6.6em;
	display: none;
}

li.s_errorConfirm {
	color: #f60000;
	font-family: tamoha, arial;
	font-size: 1em;
	font-weight: normal;
	margin-left: 8.2em;
	margin-top: -2.1em;
	float: left;
	display: none;
}

li.s_userSummaryDropdown {
	padding-top: 0.5em !important;
	padding-top: 0.2em;
	padding-left: 4em;
	padding-bottom: 0.5em !important;
	padding-bottom: 0.45em;
}

li.s_userProfileShort {
	padding: 0em;
	margin: 0em;
	float: left;
}

a.s_blueLink {
	color: #1c4e89;	
	padding: 0em;
    text-decoration: none;
}

a.s_blueLink:hover {
	color: #1c4e89;
	border: 0px;
	padding: 0em;
	text-decoration: underline;
}

a.s_deleteWoof {
	color: #a6afb6;
	padding: 0em;
	text-decoration: none;
}

a.s_deleteWoof:hover {
	color: #a6afb6;
	border: 0px;
	padding: 0em;
	text-decoration: underline;
}

a.s_profileLink {
	color: #5a5a5a;
	padding: 0em;
	text-decoration: none;
}

a.s_profileLink:hover {
	color: #5a5a5a;
	border: 0px;
	padding: 0em;
	text-decoration: underline;
}

#userShortSummary {
	background-color: #333333;
}

div.titleSmall {
	background-image: url(../images/title1.gif);
	height: 42px;
}

div.titleLarge1 {
	background-image: url(../images/title2.gif);
	padding-top: 1.7em !important;
	padding-top: 2.3em;
	height: 63px;
}

div.titleLarge2 {
	background-image: url(../images/title3.gif);
	padding-top: 1.7em !important;
	padding-top: 2.3em;
	height: 63px;
}

div.largeUserSummaryOn {
	background-image: url(../images/user_summary_short/user_summary_bg.gif);
	background-repeat: no-repeat;
	height: 128px;
}

div.largeUserSummaryOff {
	background-image: url(../images/user_summary_short/user_summary_bg_highlight.gif);
	background-repeat: no-repeat;
	height: 128px;
}

div.smallUserSummaryOn {
	background-image: url(../images/edit_user_summary_short_bg_on.gif);
	background-repeat: no-repeat;
	height: 95px;
}

div.smallUserSummaryOff {
	background-image: url(../images/edit_user_summary_short_bg_off.gif);
	background-repeat: no-repeat;
	height: 95px;
}

div.largeDogSummaryOn {
	background-image: url(../images/dog_summary_short/dog_short_bg.gif);
	background-repeat: no-repeat;
	height: 120px;
}

div.largeDogSummaryOff {
	background-image: url(../images/dog_summary_short/dog_short_bg_highlight.gif);
	background-repeat: no-repeat;
	height: 123px;
}

div.smallDogSummaryOn {
	background-image: url(../images/edit_dog_summary_short_bg_on.gif);
	background-repeat: no-repeat;
	height: 89px;
}

div.smallDogSummaryOff {
	background-image: url(../images/edit_dog_summary_short_bg_off.gif);
	background-repeat: no-repeat;
	height: 89px;
}

div.msginboxDogSummary {
	background-image: url(../images/msginbox_dog_summary_short_bg.gif);
	background-repeat: no-repeat;
	margin-bottom: -0.6em;
	height: 89px;
}

div.msginboxUserSummary {
	background-image: url(../images/msginbox_user_summary_short_bg.gif);
	background-repeat: no-repeat;
	height: 95px;
}


/* Blocked user styles */

div#holder {
	margin: 0em;
	padding: 0em;
	width: 253px;
}

div#holder a {
	color: #19466d;
	text-decoration: none;
}

div#holder a:hover {
	color: #19466d;
	text-decoration: underline;
}

.col {
	float:left;
} 
div.profileBoxOff {
	background-color: #eeeeee;
	border: 1px solid #929292;
	margin: 0em;
	margin-left: 0.9em;	
	margin-bottom:.45em;
	padding: 0em;
	padding-left: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	width: 211px !important;
	width: 219px;
	cursor:pointer;	
	float:left;
	display:block;
	opacity:0.5; MozOpacity:0.5; KhtmlOpacity:0.5; filter:alpha(opacity=50);
}
div.profileBoxOff_last {
	background-color: #eeeeee;
	border: 1px solid #929292;
	margin: 0em;
	margin-left: 0.9em;	
	padding: 0em;
	padding-left: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	width: 211px !important;
	width: 219px;
	cursor:pointer;	
	float:left;
	display:block;
	opacity:0.5; MozOpacity:0.5; KhtmlOpacity:0.5; filter:alpha(opacity=50);
}

div.profileBoxOn {
	background-color:#fff;
	border: 1px solid #929292;
	margin: 0em;
	margin-left: 0.9em;	
	padding: 0em;
	padding-left: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	width: 211px !important;
	width: 219px;
	float:left;
	display:block;
}
div.profileBoxOn_1 {
	background-color:#fff;
	border: 1px solid #929292;
	margin: 0em;
	margin-left: 0.9em;
	margin-bottom:.45em;	
	padding: 0em;
	padding-left: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	width: 211px !important;
	width: 221px;
	float:left;
	display:block;
}
div.profileBoxOn_1_last {
	background-color:#fff;
	border: 1px solid #929292;
	margin: 0em;
	margin-left: 0.9em;	
	padding: 0em;
	padding-left: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	width: 211px !important;
	width: 219px;
	float:left;
	display:block;
}
.margintop_5 {margin-top:-5px;}
div.name {
	color: #19466d;
	font-size: 0.8em;
	font-weight: bold;
	font-family: tahoma;
	margin: 0em;
	padding: 0em;
}

div.subInfo {
	color: #19466d;
	font-size: 0.7em;
	font-family: tahoma;
	margin: 0em;
	padding: 0em;
}

div#holder img {
	border: none;
	margin: 0em;
	margin-right: 0.5em;
	margin-bottom:.5em;
	padding: 0em;
}

div.subInfo_link {
	font-size: 0.7em;
	font-family: tahoma;
	margin-top:.4em;	
}

.panelmsg{
	font-family:Tahoma;
	font-size: 10px;
	color: #A1ACB7;
	text-decoration:none;
}
.panelmsg:link, .panelmsg:visited {
	font-family:Tahoma;
	font-size: 10px;
	color: #A1ACB7;
	text-decoration:none;
}
.panelmsg:hover {
	font-family:Tahoma;
	font-size: 10px;
	color: #A1ACB7;
	text-decoration:none;
	text-decoration:underline;
}


.ulTag{ 
list-style-type:none; margin:0px; padding:0px;
}
.liTag{
    width:96%;
	margin:4px 0px 0px 0px;
	padding:1px 0px 2px 5px;
	display:block; background-color:#86CC4E;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	font-weight:normal;
	color:#FFFFFF;
	border-right: #FFFFFF solid 5px; 
	float:left;
	height:auto;
	vertical-align:middle;	
}
.liTag_message{
    width: auto;
	margin:4px 0px 0px 0px;
	padding:1px 0px 2px 5px;
	display:block; background-color:#86CC4E;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	font-weight:normal;
	color:#FFFFFF;
	border-right: #FFFFFF solid 5px; 
	float:left;
	height:auto;
	vertical-align:middle;	
}
.formatdata{
	display:block; background-color:#86CC4E;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; 
	font-weight:normal;
	color:#FFFFFF;
	height:auto;
	vertical-align: text-top;	
}
.liTag1{
	margin:0px 0px 0px 0px;
	padding:1px 3px 2px 5px;
	display:block; background-color:#86CC4E;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	font-weight:normal;
	color:#FFFFFF;
	border-right: #FFFFFF solid 5px; 
	float:left
}

table.profileBoxOff_last {
	margin: 0em;
	padding: 0em;
	cursor:pointer;	

	display:block;
	opacity:0.5; MozOpacity:0.5; KhtmlOpacity:0.5; filter:alpha(opacity=50);
}



	 /* PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 0px; CURSOR: default; PADDING-TOP: 2px; WHITE-SPACE: nowrap; background-image:url(../images/dropdwn-devider.gif); background-repeat:repeat-x; background-position:top; line-height:20px;*/