/*
--------------------------------------------------------------------------

File Name: 
mytab.css

Description:
Sytlesheet for items specific to MyTAB elements.

--------------------------------------------------------------------------
*/

/*
Layout
-------------------------------------------------------------------------- */

#mytabMenu ul#settings_menu {margin:12px 0 12px 0;}
#settings_menu li {font-size:1.2em; }

h2#mytab-title {margin-bottom:19px;}

h3#current { margin-bottom: 5px; }

#menu ul { margin-top: 5px; }

#mytabMenu { display: inline; float: left; width: 234px; margin: 0px 20px 0px 0px; }
#mytabMenu h3 { margin-bottom: 0px; }
#mytabMenu ul { margin-top: 5px; }

/* Login */
#mytabInfo { display: inline; float: left; width: 500px; margin-top: 20px; }
	.mytabKeyPoint { display: inline; float: left; width: 210px; margin-right: 25px; }
	#mytabPreviews { display: inline; float: left; width: 500px; margin-bottom: 10px; }
		#mytabPreview1 { display: inline; float: left; width: 210px; margin-right: 25px; }
		#mytabPreview2 { display: inline; float: left; width: 210px; }

#myTABError { width: 700px; padding: 4px 8px; background-color: #F0F87E; border: 2px solid #E4F149; }		
#myTABError h3 { padding-top: 0px; }

#menu h3 { padding-top: 1em; }
.loginPanel { margin-top: 15px !important; }	

form#login { margin: 10px 0px 20px 0px; }
p#questions { margin-top: 20px; } 

/* MyTAB page - headlines */
body.en #mytab_reminder { background: url(/resources/images/mytab/h3_mytab_reminder.gif) 0 0 no-repeat; } 
	body.en #mytab_blogparts { background: url(/resources/images/mytab/h3_mytab_blogparts.gif) 0 0 no-repeat; } 
	body.en #mytab_community { background: url(/resources/images/mytab/h3_mytab_community.gif) 0 0 no-repeat; }
	body.en #mytab_bookmark { background: url(/resources/images/mytab/h3_mytab_bookmark.gif) 0 0 no-repeat; } 

body.ja #mytab_reminder_j { background: url(/resources/images/mytab/h3_mytab_reminder_j.gif) 0 0 no-repeat; } 
	body.ja #mytab_blogparts_j { background: url(/resources/images/mytab/h3_mytab_blogparts_j.gif) 0 0 no-repeat; }
	body.ja #mytab_community_j { background: url(/resources/images/mytab/h3_mytab_community_j.gif) 0 0 no-repeat; } 
	body.ja #mytab_bookmark_j { background: url(/resources/images/mytab/h3_mytab_bookmark_j.gif) 0 0 no-repeat; } 


.promo { display: block; height: 34px; line-height: 34px; margin-bottom: 6px; overflow: hidden; }

p.code { border: 1px dotted #ccc; padding: 5px;}        

div#tab_badge p img { vertical-align: middle; border:0; margin-left: 4px;}

div.message { margin: 3px; padding: 3px; background: #f0f0f0; }
div.message_txt { margin: 5px; }
div.error_txt { margin: 5px; }


/* Public Profile Settings */

form#new_password table {border-collapse: collapse; width:450px; padding:0; margin:32px 0 16px 0; border-bottom: 1px solid #e3e3e3;}
	form#new_password tr {}
	form#new_password th {border-top:1px solid #e3e3e3; font-size:1.2em; line-height:1.1; padding:16px 0; width:100px;}
	form#new_password td {border-top:1px solid #e3e3e3;}
	form#new_password td.showhide {text-align: right; padding:15px 5px;}
	form#new_password .table_title th {font-size:1.4em; color:#5B5D60; border-top:0; padding:0 0 8px 0;}
	form#new_password .table_title td {width:70px; text-align: right; border-top:0; color:#5B5D60; line-height:1.2; padding:0 4px 8px 0; }
	form#new_password table td input {margin:0 4px 0 0;}
	form#new_password table .radio_label {font-size:1.2em; line-height:1.1; margin:0 8px 0 0;}


/* Email address and password settings */

#edit_settings #creds {width:450px; float:left; display:inline; padding:16px 0 0 0; border-top: 1px solid #e3e3e3; margin:0 0 16px 0;}
	#edit_settings #creds p {float:left; display:inline; width:225px;}
	#edit_settings #creds input {display:block; margin:2px 0 12px 0;}
	#edit_settings #creds label {font-weight: bold;}

#edit_settings h4 {font-size:1.2em; line-height:1.1; color: #111; font-weight: bold; margin:8px 0 0 0; padding:8px 0 4px 0;}
	#edit_settings h3 {border-top: 1px solid #e3e3e3; clear:left;}
	#edit_settings ul li {font-size:1.2em; line-height:1.1; color:#111; margin:4px 0 6px 0;}
	#edit_settings #language_en, #edit_settings #language_ja {margin:4px 0 0 0;} 
	#edit_settings label.radio_label {font-size:1.2em; line-height:1.1; color:#111; margin:4px 8px 6px 4px; display: inline; }
	#edit_settings ul li input {margin:0 4px 0 0;}

#edit_settings #alert_settings {width:450px; float:left; display:inline; padding:0px 0 16px 0; margin:0 0 16px 0;  border-bottom: 1px solid #e3e3e3;}


div.message { background: #f0f0f0; padding: 3px; margin: 3px; }
	div.message_txt { font-size: 12px; margin: 5px; }
	div.error_txt { font-size: 12px; color: red; margin: 5px; }

/* My Reviews */
blockquote.myquote { margin-left: 1em; }

/* My Venues */
ul.longsmartlist ul { float: left; }
ul.longsmartlist ul li { width: 300px; border-bottom: none; }

/* Public Options page */
#publicActivated { background: #ffffcc; border: 1px solid #ffff66; padding: 8px 12px; margin: 8px 0px 16px 0px; }
	.public_url {display:block; font-size:1.33em; padding:0 0 8px 0; margin:0 0 8px 0; border-bottom: 1px solid #ffff66;}	

#pubpriv strong {float:left; display:inline;}
#pubpriv input {margin:0px 4px;}
#pubpriv label {margin:0px 8px 0 0;}
.username { margin-top: 2px; margin-right: 2px; }
.mytabplace { display: block; padding: 0.4em 0 0 0; }


#share_mytab_lists { display: block;  border-top: 1px solid #e3e3e3;}
#share_your_profile { display: block; margin-bottom: 2em; }
#edit_public_options { display: block; margin: 0px; padding: 0px; }

#save_my_options { height: 25px; padding: 5px; }

br.clearall { clear: both; margin: 0px; padding: 0px; }

/*
Typography
-------------------------------------------------------------------------- */
#mytabblock {padding:0 0 8px 0;}
#mytabblock h2 {margin:0 0 -2px 0;}
#mytabMenu h3 { font-size: 1.4em; border-top:1px solid #d3e0eb; margin:8px 0px 0 0; padding:4px 0 0 5px;}
.my_numbers {color:#838587; font-size:10px; font-weight: normal;}
.loginPanel h3 { font-size: 2.2em !important; }

.promo { text-indent: -4000px; }

.errors { color: #ff0000; }
div.message_txt { font-size: 12px; }
div.error_txt { font-size: 12px; color: red; }