/* SS Folio default CSS color
Author: Victor Gaultney
Date:	2010-09-06
*/


/* Color palette:

>> branding						009183    ScriptSource = sectionBar
>> backgnd						F5FAF8    pale blue-green
>> topBackgnd					19304F    
>> title							EEEEEE    
>> sectionBar					009183    teal
>> sideBarLabel				007069    darker blue-green
>> tabBorder					225522    must be really dark, darker than header
>> inactiveTab				888E94    GRAY
>> inactiveTabText		CFD2D4    
>> footerHeader				NONE    
>> footerBackgnd			19304F    
>> footerText					EEEEEE    
>> addButton					284A8F    darker than link
>> commentBar					A8ACB0    GRAY
>> tableHeader				989DA2    med GRAY
>> tableHeaderLink		19304F    
>> tableStripes				F5F7FB    palest blue gray
>> cite								DFE1E2    lightish GRAY
>> citeText	 					70777E    GRAY
>> toolTip						DFE1E2    GRAY
>> link								305AB0    blue
>> lightLink					5CB6D6    on a dark blue background
>> darkLink						19304F    
>> hover							2EC46E    light green
>> darkHover					48A375    dark version of hover for larger areas (buttons)
>> swType							A8ACB0    light GRAY
>> guide	 						606870    dark GRAY
>> commentRow					A8ACB0    not currently used
>> disabled						B7BBBF    GRAY
>> download						AADEF0    lighter than lightLink
>> challenge					AA0000    red
>> homeButtonLink			EEEEFF    light blue
>> code								ECF1FB    darker than tableStripes

>> validError					FFD5BD    =warning
>> actionButtonCmnt		C0C4C6    slightly darker than donateBox
>> commentAuthor			A8ACB0    =commentBar
>> commentIndex				A8ACB0    =commentBar
>> myCommentRow				DFEDE7    pale gray-green - slightly darker than backgnd
>> pending						FFF1BD    =highlight
>> warning						FFD5BD    pink
>> note								FFF1BD    =highlight
>> highlight					FFF1BD    yellow
>> qFirstWord					E85709    SET THIS

>> homeFindBar				009183    =sectionBar
>> homeExploreBar			009183    
>> homeContribBar			009183    
>> homeLearnBar				009183    
>> homeRecentBar			009183    
>> homeNeedsBar				009183    

>> extra1							007069    =sideBarLabel, darker version of section bar
>> extra2							307D8C    medium blue
>> extraVeryDark			1F2D40    darker than top section
>> mediumGray					888E94    =editLink
>> lightGray					DFE1E2    =cite

White						FFFFFF
Black						000000
*/


body {
/*	background: #fff url(../_media/page_gradient_g1.png) repeat-y;  */
	border-top-color: #fff;
	color: #000;
}


.backimage {
/*	background: url(../_media/page_background_g1.png) no-repeat; */
/*	background: url(../_media/SS-penbrushpencil-white.png) no-repeat #F5FAF8; */
	background: #F5FAF8; 
}

/* For dark top-of-page: */
#hd {
	background: #19304F;
}

#ft {
	background: #19304F;
}

/* For dark side bar:  -- 
#bdleft {
	background: #NONE;
	color: #007069;
}

#bdleft .guide {
	color: #NONE;
}
----------------*/

/* dark top-of-page */
#hd a,
#ft a {
	color: #5CB6D6;
}

#hd a:hover,
#ft a:hover {
	color: #2EC46E;
}


.contentBody a {
	color: #305AB0;
	font-weight: bold;
}

a {color: #305AB0;}
a:hover {color: #2EC46E;}

#branding a {color: #009183;}

/* left-column links */
#bdleft a {color: #305AB0;}
#bdleft a:hover {color: #2EC46E;}

/* home page content links */
#bdright #RegHomeExplore a {color: #305AB0}
#bdright #RegHomeExplore a:hover {color: #2EC46E}


h1#page_type {color: #989DA2;}
h1#page_type_small {color: #989DA2;} /* for long labels */
#page_heading_alt {color: #989DA2;}

#page_heading h1 {
	color: #EEEEEE;
}

#nav li,
#navfoot li,
#navabout li {color: #888E94;}

/* Colored section bars */

.reg h2.reg_homefind {color: #FFF; background: #009183}
.reg h2.reg_homeexplore {color: #FFF; background: #009183}
.reg h2.reg_homecontribute {color: #FFF; background: #009183}
.reg h2.reg_homelearn {color: #FFF; background: #009183 }
.reg h2.reg_homerecent {color: #FFF; background: #009183}
.reg h2.reg_homeneeds {color: #FFF; background: #009183}


.reg h2.reg_rt_header,
.reg h2.reg_rt_header2 {
	color: #FFF; background: #009183;
}


.reg h2.reg_myinfo {color: #007069; background: transparent}
.reg h2.reg_donate {color: #007069; background: transparent}
.reg h2.reg_links {color: #007069; background: transparent}
.reg h2.reg_news {color: #007069; background: transparent}
.reg h2.reg_stats{color: #007069; background: transparent}

.reg h2.left_side {color:  #007069; background: transparent}

.reg h2.reg_about {color: #FFF; background: #NONE}
.reg h2.reg_reference {color: #FFF; background: #NONE}

/* No white background for now:
#RegPolicies  - confirmation section for submission
#RegPreviousPosts - bottom of blog page
#RegProp - entry/source detail pages
#RegComments - on entry/source/need detail pages
*/

#RegContent,
#RegIndex, #RegList,
#RegEntries, #RegPosts,
#RegSources, #RegNeeds, #RegMyComments,
#RegTOC, #RegPending, #RegOnHold,
#RegGlobalSearch, #RegSearchResults,
#RegPhonCharts, #RegPhonDetail,
#RegPreview
{
	background: #FFF;
}

.reg h2 {color: #007069; background: transparent}

/**** Is this used? 
.reg h2.region_note {
	color: #333;
	background-color: #d7d3cc;	/* light gray */
	background-image: none;
}
********/

h4 .type {color: #fff; background-color: #A8ACB0;} /* for source and software types */
h3 .type {color: #fff; background-color: #A8ACB0;} /* for source and software types */

.guide {color: #606870;}
.label_guide {color: #606870;}

.numtitle .dDataViewTable .hd {color: #606870;}

label em, .dChallenge_Submit em {color: #AA0000;}

learn_cols
.Caption {color: #606870;}  /* WHAT ??? */

.cite_list, .cite_list_detail {color: #606870; background-color: #DFE1E2;}
.prop_list {color: #70777E; background-color: #DFE1E2;}
.need_list {color: #70777E; background-color: #DFE1E2;}
#sample_citation {color: #70777E; background-color: #DFE1E2;}

.comment_bar a {color: #19304F;}
.comment_bar a:hover {color: #448558;}
.comment_bar {color: #70777E; background-color: #A8ACB0;}

.comment_bar {border-bottom: 4px solid #009183;}

.comment_row {
	border-bottom: 1px solid #009183;
}

.my_comment_row {
	border-bottom: 1px solid #009183;
}

.donate_link {
	background: #CFD2D4;
/*	border: 1px solid #19304F; */
	padding: 5px 10px 5px 10px;
}

#page_caption,
#page_duration { color: #EEEEEE; }

.highlight {background-color: #FFF1BD;}   /* set via Ductile markup */
.Highlight {background-color: #FFF1BD;}

.Table_Field_1 {color: #FFF; background-color: #F5F7FB;}
.Table_Field_2 {background-color: #fff;}
.Table_Field_3 {background-color: #fff;}
.Table_Field_4 {background-color: #fff;}
.Table_Field_5 {background-color: #fff;}
.Table_Field_6 {background-color: #fff;}
.Table_Field_7 {background-color: #fff;}
.Table_Field_8 {background-color: #fff;}
.Table_Field_9 {background-color: #fff;}

.Table_Header_Row {color: #FFF; background-color: #989DA2;}
.Table_Header_Row a {color: #19304F;}
.Table_Even_Row {background-color: #F5F7FB}
.Table_Odd_Row {background-color: #FFF;}

.Table_Gutter {background-color: #989DA2;}

.Table_Empty_Cell {background-color: #FFF;}


.dDataViewTable table {
	border-bottom: 4px solid #989DA2;
}

/* Has a bottom border similar to a dDataViewTable - eg, langtags list on WS detail. */
div.bottomborder {
  border-bottom: 4px solid #989DA2;
  margin-bottom: 20px;
}

.search_hit ul {color: #606870;}

.license_choice_box {color: #000; background-color: #DFE1E2;}
.license_details_box {color: #000; background-color: #DFE1E2;}

#subject_tabs_container,
#scrlist_tabs_container,
#phon_tabs_container {
	border-left: 2px solid #225522;
	border-right: 2px solid #225522;
}

.subject_tab_selected a,
.scrlist_tab_selected a,
#phon_tabs_list .selected a {
	background: none;
	text-decoration: none;
	color: #305AB0;
	border-left: 2px solid #225522;
	border-right: 2px solid #225522;
}

.subject_tab_inactive a {
	background: #888E94;
	text-decoration: none;
	color: #CFD2D4;
	border-left: 2px solid #225522;
	border-right: 2px solid #225522;
}

.scrlist_tab a,
#phon_tabs_list a {
	color: #FFF;
	background: #009183;
	border-left: 2px solid #225522;
	border-right: 2px solid #225522;
}

.subject_tab a {
	color:  #FFF;
	background: #009183;
	border-left: 2px solid #225522;
	border-right: 2px solid #225522;
}

.subject_tab a:hover,
.subject_tab_inactive a:hover,
.scrlist_tab a:hover,
#phon_tabs_list a:hover
{
	color: #2EC46E;
	text-decoration: none;
	cursor:  pointer;
}

.add_button a,
.add_button_narrow a {
	background: #284A8F

  url(../_media/add_button.png) no-repeat left center;
	color: #FFFFFF !important;  /* don't let #bdleft color override this */
	font-style: normal;
	font-weight: bold;
}

.add_button a:hover,
.add_button_narrow a:hover {
	background: #48A375 url(../_media/add_button_hover.png) no-repeat left center;
	text-decoration: none;
	cursor:  pointer;
}

.download_button a {
	background: #AADEF0 url(../_media/download_button.png) no-repeat left center;
}

.download_button a:hover {
	background: #48A375 url(../_media/download_button_hover.png) no-repeat left center;
	cursor:  pointer;
	color: #FFFFFF;
}

.validation_error {background: #FFD5BD;}
.validation_error_text {color: #CC2808; font-weight: bold; }

.action_button a {color: #CFD2D4;}

/* this is slightly darker so it shows up on the my_comment_row background: */
.action_button_comment a {color: #C0C4C6;}

.action_button a:hover {
	color: #2EC46E;
	cursor:  pointer;
}

.action_button_comment a:hover {
	color: #2EC46E;
	cursor:  pointer;
}

.isDisabled {
/*	text-decoration: line-through; */
	font-size: 85%;
	color: #B7BBBF;
}

.comment_author {color: #A8ACB0;}

.comment_index {color: #A8ACB0;}

.my_comment_row {background: #DFEDE7;}

.pending {color: #000; background: #FFF1BD;}

.Warning {background: #FFD5BD;}

.Note {background: #FFF1BD;}

.QuestionFirstWord,
.AnswerFirstWord {
	color: #E85709;
}

.dTooltip:hover span,
.tooltip:hover span,
.tooltip_home:hover span,
.tooltip_home_find:hover span,
.tooltip_phon:hover span {
	background:	#DFE1E2;
	color:		#19304F;
	cursor:		pointer;
}

/* For null phoneme, span is NOT a tool-tip, so cancel out effect of tool-tip styling: */
.dTooltip a span.null_phoneme { color: #305AB0; }
.dTooltip:hover a span.null_phoneme { color: #2EC46E; cursor: pointer; }
.dTooltip span.null_phoneme { color: #000000; }
.dTooltip:hover span.null_phoneme { color: #000000; background: #FFFFFF; cursor: auto; }

.ph_sep { color: transparent; }

.phonMod { color: #888E94; }

a.tooltip_home,
a.tooltip_home_find {
	color:  #FFF;
	text-decoration: none;
}

a.tooltip_home_find:hover {
	color:  #2EC46E;
	text-decoration: none;
}

.glossary_alpha {
	color: #007069;
	text-decoration: none;
}

.topic_list_main p {color: #606870;}

.topic_list_side a:hover {
  text-decoration: none;
}

.recent_post p,
.blog_cite {color: #606870;}

/* ------ old home/welcome page ------ */

.home_button a { background: #EEEEFF; }

.home_button a:hover {
	background: #EEEEFF;
	text-decoration: none;
	cursor: pointer;
}

#RegScriptsFeat { background: #DFE1E2 url(../_media/feat_scr.png) no-repeat scroll 10px 10px; } /* pale taupe */

#RegLangsFeat { background: #DFE1E2 url(../_media/feat_lang.png) no-repeat scroll 10px 10px; }

#RegCharsFeat { background: #DFE1E2 url(../_media/feat_char.png) no-repeat scroll 10px 10px; }

#RegWSFeat { background: #DFE1E2 url(../_media/feat_ws.png) no-repeat scroll 10px 10px; }

/* ------ new home/welcome page ------ */

#RegHomeFind {
	background: url(../_media/home_find_back_p1.jpg) no-repeat right top #2c2218;  /* dark brown that matches graphic */
}

#RegHomeExplore {
	background: url(../_media/home_explore_back_p1.jpg) repeat #F5FAF8;
}

/* on home page, top and button buttons of Explore section */
.explore_button a {
  color: #DFE1E2 !important;  		/* don't let #bdright #RegHomeExplore color override this */
  font-weight: bold;
  background-color: #888E94;
}

.explore_button:hover a {
	color: #FFF !important;  /* Don't let #bdright #RegHomeExplore color override this */
	background-color: #48A375;
	text-decoration: none;
}

.explore_button_alt a {
  color: #5CB6D6 !important;  		/* don't let #bdright #RegHomeExplore color override this */
  background-color: transparent;
  text-decoration: none;
}

.explore_button_alt:hover a {
	color: #2EC46E !important;  		/* don't let #bdright #RegHomeExplore color override this */
}

.reg_feat {
  background:  #FFFFFF;
}

.reg_feat .hd {
  color: #19304F;
  background-color: #DFE1E2;
}


#RegHomeContrib {
	background: url(../_media/home_contrib_back_p1.jpg) repeat #888E94;
}

#RegHomeLearn,
#RegHomeLearn .guide {
  color: #FFFFFF;
  background: #404850;
}


/* ------ techie formatting ------ */

.code {
	background-color: #ECF1FB;
}

/* ------ phoneme charts ------ */

.yui-skin-sam .yui-navset .yui-nav li a,
.yui-skin-sam .yui-navset .yui-nav li a:focus,
.yui-skin-sam .yui-navset .yui-nav li a:hover  {
	/* background: #009183 url(../_media/region_head_gradient_g1.png) repeat-x; */
	background: #009183;
	color:  #FFF;
}

/* Phoneme chart tabs */
.yui-skin-sam .yui-navset .yui-nav li a:hover {
	color:  #2EC46E;
	cursor:  pointer;
}

.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a:focus,
.yui-skin-sam .yui-navset .yui-nav .selected a:hover {
  background: none;
	color: #305AB0;
}

.yui-skin-sam .yui-navset .yui-content {
  background: none;
}

.phoneme_table .phoneme_voice,
.phoneme_table .diph_subtype {
  color: #606870;
}