/* ================================
    CSS STYLES FOR HawaiiKine
    v1.1, 8/28/2008
   ================================
*/   

TABLE.AccountTable
{   margin-top:0;
    margin-left:0;
    margin-right:0;
    height: 100%;
    width:800px;
    background-color: #FFFFFF;


}

/*
TD.MastheadTheme
{
	vertical-alignment:bottom;
	padding: 0px 0px 0px 0px;
	text-alignment:left;
	font-family: Arial,Helvetica, sans-serif;
    	font-size: 12px;
	font-style: italic;
	color:white;
}
*/
TD.MastheadLeft {
    	font-family: Tahoma, Arial, Helvetica, sans-serif;
	vertical-align:bottom;
	text-align:left;
    	font-size: 60%;
    	font-weight: normal;
	color:white;
}
TD.MastheadRight {
    	font-family: Tahoma, Arial, Helvetica, sans-serif;
	vertical-align:bottom;
	text-align:right;
    	font-size: 80%;
    	font-weight: normal;
	color:white;
}
TABLE.DirectoryTable
{   margin-top:0;
    margin-left:0;
    margin-right:0;
    height: 100%;
    width:800px;
    background-color: #FFFFFF;


}

TD.TopicsColumn
{	vertical-align:top;
	font-family: Arial,Helvetica, sans-serif;
	text-align:center;
	border-left: dimgray 1px solid;
	border-right: dimgray 1px solid;
	height: 100%;
	font-variant: small-caps;
	font-size:smaller;
}
TD.DirectoryColumnTwo
{	vertical-align:top;

	border-right: dimgray 1px solid;
}
TD.DirectoryItemsHeader
{ 	font-family: Verdana, Helvetica, sans-serif;
    	font-size: 12px;
    	font-weight: bold;
    	line-height: 16px; 
	background-color:#003399;
	color:white;

}
TABLE.RatingTable
{   
    margin-top:0;
    margin-left:0;
    margin-right:0;
	font-family: Verdana,Helvetica, sans-serif;
    	font-size: xx-small;/*10px;*/
	text-align:right;


}
	
TABLE.StoryBannerAd
{   margin-top:0;
    margin-left:0;
    margin-right:0;
    height: 100%;
    width:100%;
    text-align:center;
    background-color: #FFFFFF;
}
/*
TABLE.StoryTable
{   margin-top:0;
    margin-left:0;
    margin-right:0;
    height: 100%;
    width:800px;
    background-color: #FFFFFF;
}
*/
TABLE.CopyrightTable
{

	width: 100%;
	text-align:center;
}
TD.CopyrightColumn
{
    	font-family: Tahoma, Arial, Helvetica, sans-serif;
    	font-size: xx-small;
    	font-weight: lighter;
    	/*line-height: 9px;*/
	text-align: center;
	width: 100%;
	background-color:#FFFFFF;
	color: dimgray;
}


TD.RssColumn
{
    	font-family: Tahoma, Arial, Helvetica, sans-serif;
    	font-size: xx-small;
    	font-weight: lighter;
    	/*line-height: 9px;*/
	text-align: right;
	vertical-align:middle;
	width: 100%;
	background-color:#FFFFFF;
	color: dimgray;
}
TD.AccountColumnOne
{	vertical-align:top;
	border-left: dimgray 1px solid;
	border-right: dimgray 1px solid;
	height: 100%;
	width: 10%;
	font-family: ArialHelvetica, sans-serif;
    	font-size: 11px;
	font-variant: small-caps;
}
TD.AccountColumnTwo
{	vertical-align:top;
	border-right: dimgray 1px solid;
	height: 100%;
	width: 90%;

}
TD.ForYouBox
{	vertical-align:top;
	font-family: Tahoma,Arial,Helvetica, sans-serif;
	text-align:center;
	border-right: dimgray 1px solid;
	height: 100%;
	font-variant: small-caps;
	font-size:small;
}
TD.ForYouColumn
{	vertical-align:top;
	font-family: Tahoma,Arial,Helvetica, sans-serif;
	text-align:center;
	border-left: dimgray 1px solid;
	border-right: dimgray 1px solid;
	height: 100%;
	font-variant: small-caps;
	font-size:small;
}
.AccountOptions-Font
{	
	font-family: Tahoma,Arial,Helvetica, sans-serif;
	text-align:center;
    line-height: 70%;
	font-size:70%;
	font-weight:bold;
	text-decoration:none;
	color:white;
}
.AccountOptions-Font:hover
{   text-decoration:underline;
    color:yellow;
}
/*
TD.Home-ColumnOne
{	vertical-align:top;
	border-left: dimgray 1px solid;
	border-right: dimgray 1px solid;
}
*/
TD.FrontPageColumnTwo
{	vertical-align:top;

}
TD.StoriesColumn
{	vertical-align:top;
	border-left: dimgray 1px solid;
	border-right: dimgray 1px solid;
	font-family: Tahoma,Arial,Helvetica, sans-serif;
    	font-size: small;
	text-align:center;
}
TD.LeadStory
{
    margin-top: 30;
    margin-bottom: 20;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    background-color:#FFAF4C;
    width: 100%;
    color:black;
}
DIV.FeatureStoriesSubjectDiv
{	font-size:90%;
	text-align:center;
	width:100%;
	padding: 2px 2px 2px 2px;
	background-color:Navy;
	
}
DIV.FeatureStoriesMediaDiv
{	text-align:center;
}
TD.FeatureStoriesOuterCol
{

	border-right: dimgray 2px solid;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
TD.FeatureStoriesCol
{
    padding: 2 2 2 2;
    text-align:left;
    vertical-align:top;
    margin-top: 0px;
	line-height:120%;
	font-family: Tahoma, Arial,Verdana, Helvetica, sans-serif;
    	font-size: 80%;
    	font-weight: normal;
    	color: navy;
	text-decoration:none;
	background-color:White;

}
.FeatureStoriesCategory
{
	font-family: Tahoma,Arial,Helvetica, sans-serif;
	width: 80%;
	text-align:center;
	font-variant: small-caps;
	font-size:70%;
	background-color:blue;/*#FFAF4C;*/
	color:white;
	padding: 1 2 1 2;
}

.RecentStoriesCol
{
    padding: 10px 0 10px 10px;
    text-align:left;
    vertical-align:top;
    margin-left:0;
	background-color:White;
	line-height:160%;
	
	font-family: Arial,Verdana, Helvetica, sans-serif;
    	font-size: 80%;
    	font-weight: normal;
    	color: navy;
	text-decoration:none;

}

.SmallWhiteFont
{
	line-height:120%;
	font-family: Tahoma, Arial,Verdana, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: normal;
	color: white;
	text-decoration:none;

}
/*
.RecentStoriesLink
{
	padding-left: 0px;
	/*line-height:50%;*/
	font-family: Tahoma, Arial,Verdana, Helvetica, sans-serif;
    	font-size: 60%;
    	font-weight: normal;
    	text-align:center;
    	/*line-spacing:10%;*/
    	color: black;
}
*/
.RecentStoriesCaption
{ 	
    background-color:navy;
	text-decoration:none;
    width:100%;	
	color:White;
	font-size:110%;

}
A.RecentStoriesCaption:link
{
    background-color:navy;
	text-decoration:none;
    width:100%;	
	color:White;
	font-size:110%;	
} 
A.RecentStoriesCaption:visited
{
    background-color:navy;
	text-decoration:none;
    width:100%;	
	color:White;
	font-size:110%;	
}  
A.RecentStoriesCaption:hover 
{
    background-color:white;

    color: #FFAF4C;
    text-decoration:underline;
	font-size:110%;    
}
.RecentStoriesLink
{ 	

	text-decoration:none;
	color:navy;

}
A.RecentStoriesLink:link
{
    color:black;
    text-decoration:none;
} 
A.RecentStoriesLink:visited
{
    color:dimgray;

    text-decoration:none;
}  
A.RecentStoriesLink:hover {
    color: #FFAF4C;
    text-decoration:underline;
}
TD.StoryColumnOne
{	vertical-align:top;
	border-left: dimgray 1px solid;
	border-right: dimgray 1px solid;
	height: 100%;
	width:90%;
}
TD.StoryColumnTwo
{	vertical-align:top;

	border-right: dimgray 1px solid;
	width:10%;
}

SPAN.CategoryLink
{	font-family: Arial,Helvetica, sans-serif;
    	font-size: 70%;
	font-variant: small-caps;
}

A.Category-Button, A.Category-Button:link, A.Category-Button:visited
{

    text-decoration:none;
}  
A.Category-Button:hover {
    font-size: 120%;
    text-decoration:none;
    color:red;
}
SPAN.DirectoryParentLink
{

    font-family: Verdana, Helvetica, sans-serif;
    font-size: 90%;
	font-variant: small-caps;
    font-weight: bold;
    /*line-height: 14px;*/

}


IMG.ImageLink
{	cursor:pointer;
	border-width:1px;
	border-color:purple;
}
/*
DIV.WelcomeText
{
    font-family: Tahoma,Verdana, Helvetica, sans-serif;
    font-size: 80%;
    font-weight: normal;
    line-height: 100%; 
    letter-spacing:0.05em;
    word-spacing:0.1em; 
    padding-left:10px;
    padding-right:10px; 
}
*/

DIV.WelcomeText:first-letter {
	font-size: 300%; float: left;
	color:white;
	background-color:navy;
	padding: 0.05em 0.05em 0.1em 0.05em;
	margin-right:0.05em;
	margin-bottom:0.25em;
}

DIV.WelcomeText 
{
    background-color:White;
}

.StoryVideo {
	float:left;
	background-color:white;
}
.StoryDate
{
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
    font-size: xx-small;
    line-height: 105% ;
    color:dimgray;

}
.StoryAuthor
{
    font-family: Tahoma, Arial,Verdana, Helvetica, sans-serif;
    font-size: small;
    letter-spacing: 0.1em;
    line-height: 110%;
    color:black;

}
.StorySubject
{

    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 120%;/*18px;*/
    font-weight: bold;
    line-height: 100%;
	  
}
.TopSubject
{
    border-top: dimgray 1px solid;
    border-left: dimgray 1px solid;
	  
}

.StoryViewCount
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: xx-small;/*10px;*/
    font-style: normal;
    color:dimgray;
}
.FileInput
{
    background-color: #990033;
    color: white;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px; 

}


/* */
TD.StoryManagerHeading
{
    background-color: white;
    color: black;
    font-family: Verdana, Arial;
    font-size: 14px;
    font-weight: bold;
    height: 16px
}
TD.StoryManagerSubheading
{
    background-color: #CEF1FF;
    color: black;
    font-family: Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
    height: 14px
}
TD.StoryManagerSelection
{
    background-color: #CEF1FF;
    border-width: 1px;
    border-color: Black;
    border-style:double;
    
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 12px  
}
/* */
TD.StoryManagerDescription
{
    background-color: white;
    color: black;
    font-family: Verdana, Arial;
    font-size: 12px;
    font-weight: normal;
    height: 12px
}

/* */
.ContentHead
{
    background-color: #CEF1FF;
    color: dimgray;
    font-family: Verdana, Arial;
    font-size: 18px;
    font-weight: bold;
    height: 20px
}

/* */
.SubContentHead
{
    background-color: #CEF1FF;
    color: dimgray;
    font-family: Verdana, Arial;
    font-size: 16px;
    font-weight: bold;
    height: 18px
}
.Content
{
    background-color: #CEF1FF;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px  
}

/* */
.ErrorText
{
    color: red;
    font-family: Verdana, Arial;
    font-size: 12px;
    line-height: 20pt
}




/* GENERAL */

/* text style used for most text rendered by modules */
.Normal
{
	font-family: trebuchet ms, arial,helvetica,clean,terminal,sans-serif;  
	font-size:90%;
	line-height:100%;
}


.NormalDouble
{
	font-family: trebuchet ms, arial,helvetica,clean,terminal,sans-serif;  
	font-size:90%;
	line-height:200%; 
}


/* larger text style*/
.Large
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 16px    
}

/* larger text style*/
.LargeBold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px    
}

/* text style used for textboxes in the edit pages, for Nav compatibility */
.EditTextBox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: normal;
    border-style: solid;
    border-width: 1px;
    border-color: #999966;
    width: 100%;
}

/* text style used for controls in the admin and edit pages, for Nav compatibility */
.NormalControl
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalCheckBox
{
    margin-left: -4px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalRadio
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-indent: -5px;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalButton
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-indent: -5px;
/*    border-style: solid;
    border-width: 1px;
    border-color: #cccc99; */
    background-color:#ccccaa;    
}

.NormalRed
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: red
}

.NormalBold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 12px    
}
.BlueEmphasis
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: smaller;
    font-weight: bold;
    color: blue;
}
.GreenEmphasis
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: smaller;
    font-weight: bold;
    color: green;   
}
.RedEmphasis
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: smaller;
    font-weight: bold;
    color: red;
}

.NormalItalic
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    line-height: 12px    
}