/* general styles for all dash pages */
#public_content a  		  { color: #E2760A; border-bottom: dotted thin; }
#public_content a:hover   { text-decoration: none; color: red; }
#public_content .centered { text-align: center; }
#public_content .spacer	  { clear: both; width: 100%; float: left; margin: 0pt; height: 0px; }
#ajax_result 	{ color: yellow; background: red; text-align: center; margin-bottom:2pt; line-height: 1.6em; }

/* 2nd level menu */
#dashmenu 	 { float: left; width: 450px; padding: 0px 0px 0px 3px; font-size: 90%; }
#dashmenu li { padding: 0px 30px 0px 0px; margin: 0px; width: auto; float: left; text-align: left; font-weight: bold; color: #e0f5e6; list-style: none; }
#dashmenu a  { color: #e0f5e6; border-bottom: solid 2px #e0f5e6; display: block; }
#dashmenu a:hover  { color: white; border-bottom: solid 2px #fbd791; text-decoration: none; }

/* fancy AJAX checkboxes */
#public_content a.fancy_checkbox 		  { background: url(/images/disabled.png) no-repeat left center; padding-left: 17pt; font-weight: bold; vertical-align: middle; line-height: 2em}
#public_content a.fancy_checkbox.enabled  {	background-image: url(/images/enabled.png); }
#public_content a.fancy_checkbox.spinning { background-image: url(/images/spinner.gif); }
#public_content a { border: none; }

/* "My kids" page - the main dash page */
#dash.index #subheader #getit 	  { float: right; font-size: 120%; font-weight: bold; margin: -15pt 6pt 2pt 0pt; }
#dash.index #subheader #getit img { vertical-align: middle; }
#dash.index #public_content #left .bubble { margin: 0px; width: 205px; } 
#dash.index .bubble .interior { margin: 0px; padding: 2pt 3pt 10pt 0pt; font-size: 80% }
#dash.index .bubble h3 { color: #1B5228; font-weight: bold; text-align: center; margin: 0pt 6pt 0pt 0pt; }
#dash.index .bubble p  { padding: 7pt 0pt 2pt 2pt; }
#dash.index .bubble a  { border: none; font-size: 120% }

/* "Loading" panel */
#dash .editor { background: white; margin: 6px; padding: 5px 0px 8px 15px; }
#dash .editor #loading { background: white url(/images/big_spinner.gif) 50% no-repeat; height: 70pt; width: 660px; margin: 2pt; color: #666; font-size: larger; text-align: center; padding-top: 10pt; }

/* Management Tabs (top) on "My Kids" page */
#dash.index #tab_control { float: right; width: 694px; margin-bottom: 20pt; }
#dash.index #tab_control #tab_page { background-color:#37914B; width: 100%; border: solid 1px #1C5528; border-top: none; float: left; }
#dash.index #tab_control #tabs     { float:left; width:100%;  background:#E2760A; font-weight: bold; }
#dash.index #tab_control #tabs li { float:left; background:url(/images/tab_off_right.png) no-repeat right top; list-style: none; height: 34px; }
#dash.index #tab_control #tabs a  { display:block; background:url(/images/tab_off_left.png) no-repeat left top; padding:10px 20px 6px; color: white; border: none; }
#dash.index #tab_control #tabs .current   { background-image:url(/images/tab_on_right.png); }
#dash.index #tab_control #tabs .current a { background-image:url(/images/tab_on_left.png); padding-bottom:7px; }
#dash.index #tab_control a { border: none; }
.emptyContainer   { width: 680px; height: 200px; color: white; font-weight: bold; font-size:larger; }
.emptyContainer p { margin: 20pt; }
.nokids    { background: white; margin: 3px; border: 3px solid #4EB565; padding: 8px 15px 20px 15px; color: #333; }
.nokids h2 { margin-bottom: 5pt; font-size: 13pt; color: #f17f2b}
.nokids h3 { margin-top: 8pt; font-size: 11pt; color: #f17f2b; line-height: 2em; padding-left: 38px; }
.nokids h3#one { background: url(/images/one.gif) no-repeat left; }
.nokids h3#two { background: url(/images/two.gif) no-repeat left; }
.nokids h3#three { background: url(/images/three.gif) no-repeat left; }
.nokids p  { margin: 2pt 5pt 10pt 30pt; }

.nolinks    { background: white; margin: 3px; border: 3px solid #4EB565; padding: 8px 15px 20px 15px; color: #333; }
.nolinks h2 { margin-bottom: 5pt; font-size: 13pt; color: #f17f2b}
.nolinks h3 { margin-top: 8pt; font-size: 11pt; color: #f17f2b; line-height: 2em; padding-left: 38px; }
.nolinks h3#one { background: url(/images/one.gif) no-repeat left; }
.nolinks h3#two { background: url(/images/two.gif) no-repeat left; }
.nolinks p  { margin: 2pt 5pt 10pt 30pt; }

/* "WebSites" and "Emails" tables */
#tab_control #tab_page table { margin: 3px;	border:solid 1px #37914B; color: #1B5228; width: 99%; }
#tab_control #tab_page table .columnHeader  { background: url(/images/col_header_bk.png) repeat-x left top;	padding:5px; border:solid 1px #4EB565; font-weight:bold; color:#F5EBE0; }
#tab_control #tab_page table a { margin-left: 3pt; text-decoration:none; }
#tab_control #tab_page table .odd  { background-color : White;  }
#tab_control #tab_page table .even { background-color : #EEF9F0;}
#tab_control #tab_page table .cell { padding-left: 5pt; }
#tab_control #tab_page #bottom_panel { margin: 3px; border:solid 1px #4EB565; clear:both; padding:4px; }
#tab_control #tab_page table .object_title { font-weight: bold; }
#tab_control #tab_page table .website_url a { color: #1B5228; }
#tab_control #tab_page table .website_url a:hover { text-decoration: underline; }

/* "Children" Tabs */
#kidsPage { clear:both; margin: 0px; padding: 0px; }
#kidsPage #basics   { width: 330px; float: left;  }
#kidsPage #basics #info { width: 200px; float: left; }
#kidsPage #basics #ctls { width: 130px; float: left; }
#kidsPage #reports { width: 200px; float: right; }
#kidsPage #reports a { margin-left: 5px; }
#kidsPage #basics label { width: 100px; font-weight: bold; color: #1B5228; float: left; display: block; text-align: right; padding-right: 5px; }
#kidsPage #basics span  { display: block; width: 180px; float: left; }
#kidsPage #kidsNamesContainer .kidName.selected   { background-color:#EEF9F0; font-weight:bold; color:#1B5228;}
#kidsPage #kidsNamesContainer .kidName.unselected { font-weight:bold; color:#F5EBE0; }
#kidsPage .kidName.selected   .kidName:hover { color: #E2760A; }
#kidsPage .kidName.unselected .kidName:hover { color: yellow; }
#kidsPage .indented { margin-left:10px; }
#kidsPage .kidName  { padding: 5px 5px 5px 2px; margin-left: 0px; cursor: pointer; }
#kidsPage .emptyContainer { height: 290px; color: white; font-weight: bold; }
#kidsPage #kidsNamesContainer 	 { 
    float: right; 
    width: 128px;
    margin-top: 2px; }
#kidsPage #kidSettingsContainer  { 
    float: right; 
    background-color:#EEF9F0; 
    width: 557px; 
    padding: 0px;
    margin: 2px 1px 2px 0px; }
#kidsPage #kidSettingsContainer .kidSettings { 
    float: left; 
    background-color :white; 
    position:relative; 
    margin: 2px 1px 2px 2px; 
    padding:3px; 
    line-height:1.5em; 
    border:solid 1px #4EB565; }
.kidSettings h3 { 
    display: block; 
    clear: both;
    float: left; 
    font-size: 105%; 
    width: 100%;
    color:#1B5228; 
    margin: 3pt 0pt 2pt 0pt; 
    background: #EEF9F0; 
    text-indent: 3pt; }
#kidsPage #kidSettingsContainer a{ font-weight: bolder; }
.kidSettings .emailLine 		 { clear:both ;}
.kidSettings .settingsSection    { font-size:13px; clear:both; padding:10px; }
#kidSettingsContainer .unselected{ display:none;}
#kidSettingsContainer .selected  { display:inherit;}

/* dialogs/editors on "My Kids" page */
#dash.index form select { margin-top: 3px; width: 100px }
#dash.index form label { margin-left: 0px; }
#dash.index form * { padding-left: 0px; }
#dash.index form#addLinkForm .editbox { width: 260pt; }

/* "login" and "forgot password" pages */
body#login form { margin-left:auto; margin-right:auto; width:430px;}
body#login form label { font-weight:bold; padding:0; margin:0;}
body#login form .submit_area .fleft { margin-bottom: 10pt; }
body#login #public_login	{ background: white; }
body#login #public_content	{ background-color: white; border-top: solid 4px #e0f5e6; }
body#login #footer			{ background-color: white; color: #E2760A }
body#login #footer a	{ color: #E2760A }
body#login #footer li	{ color: #E2760A }

/* error page */
#dash.error p { font-size: 110%; }
#dash.error #public_content { background: white; border-top: solid 5px #e0f5e6; line-height: 1.5em; }
#dash.error #footer { background-color: white; }
#dash.error #footer ul li   { color: #E2760A; }
#dash.error #footer a    	{ color: #E2760A; }
#dash.error #footer  { background-color: white; }
#dash.error #errdata { margin-left: 30pt; width: 60%; margin-bottom: 30pt; min-height: 100pt; }
#dash.error #errdata h3 { color: maroon; margin-bottom: 5pt; }

.error_block { color: red; font-weight: bold; padding: 5pt; clear: both; }

/* account upgrade invitation */
.account_upgrade_dialog    { 
	margin: 2pt; 
	line-height: 1.5em; 
	padding: 5pt 5pt 5pt 75pt; 
	background: white url(/images/lock.gif) no-repeat 10pt 10pt;
}
.account_upgrade_dialog H3 { color: #E2760A; margin-bottom: 4pt; }
.account_upgrade_dialog li { margin-left: 30pt; }
.account_upgrade_dialog hr { margin-left: 0pt;}
.account_upgrade_dialog a  { font-weight: bold; border: thin dotted blue; margin: 2pt; padding: 2pt; }

#login_area { width:110pt; margin-left:auto; margin-right:auto; background-color:green}