/* 
Document   : starStoryCSS
Created on : 29/05/2008, 23.55 PM
Author     : PARINYAKORN PANYA
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.cssBGStarStory
{
    background-image: url(../images/imageStarStory/imgBGStarStory.gif);
    background-position: top left;
    background-repeat: no-repeat
}

.cssFontStarStory1
{
    color: #660033;
    float: left;
    font-family: Tahoma, "MS Sans Serif";
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 2px;
    padding-left: 0px;
    text-decoration: none
}

.cssFontStarStory2
{
    color: #ff00cc;
    float: left;
    font-family: Tahoma, "MS Sans Serif";
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 2px;
    padding-left: 0px;
    text-decoration: underline
}

.cssFontStarStoryLink
{
    color: #ff6600;
    font-family: Tahoma, "MS Sans Serif";
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none
}

.cssFontStarStoryLink:hover
{
    color: #00cc33;
    font-family: Tahoma, "MS Sans Serif";
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: underline
}

.cssImgBorderStarStory
{
    border-bottom-color: #ffccff;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-left-color: #ffccff;
    border-left-style: solid;
    border-left-width: 2px;
    border-right-color: #ffccff;
    border-right-style: solid;
    border-right-width: 2px;
    border-top-color: #ffccff;
    border-top-style: solid;
    border-top-width: 2px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px
}

.cssImgIconStarStory
{
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 2px
}

/*Begin CSS for star story show*/
.cssBGStarStoryShow
{
    background-color: #ffffff;
    background-position: top;
    background-image: url(../images/imgFrameCenter.gif);
    background-repeat: repeat;
}

.cssTableStarStoryShow1
{
    background-color: #ffffff;
    border-bottom-color: #00CCFF;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-left-color: #00CCFF;
    border-left-style: solid;
    border-left-width: 2px;
    border-right-color: #00CCFF;
    border-right-style: solid;
    border-right-width: 2px
}

.cssTableStarStoryShow2
{
    background-color: #ffffff;
    border-bottom-color: #999999;
    border-bottom-style: dotted;
    border-bottom-width: 2px;
    border-left-color: #999999;
    border-left-style: dotted;
    border-left-width: 2px;
    border-right-color: #999999;
    border-right-style: dotted;
    border-right-width: 2px;
    border-top-color: #999999;
    border-top-style: dotted;
    border-top-width: 2px
}

.cssTableStarStoryShow3
{
    background-color: #ECF2F2;
    border-bottom-color: #999999;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #999999;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #999999;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #999999;
    border-top-style: solid;
    border-top-width: 1px
}

.cssTableStarStoryShow4
{
    background-color: #65C8FB;
    border-bottom-color: #999999;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #999999;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #999999;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #999999;
    border-top-style: solid;
    border-top-width: 1px
}


.cssTableStarStoryShowBoxPost
{
    background-color: #65C8FB;
    border-bottom-color: #999999;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #999999;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #999999;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #999999;
    border-top-style: solid;
    border-top-width: 1px
}

.cssTableStarStoryShowBoxPost2
{
    background-color: #F4FBFB;
    border-bottom-color: #999999;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-left-color: #999999;
    border-left-style: dotted;
    border-left-width: 1px;
    border-right-color: #999999;
    border-right-style: dotted;
    border-right-width: 1px;
    border-top-color: #999999;
    border-top-style: dotted;
    border-top-width: 1px
}

.cssTableStarStoryShowUser
{
    background-color: #F4FBFB;
    border-right-color: #333333;
    border-right-style: dotted;
    border-right-width: 2px
}


.cssFontStarStoryShowBoxPost1
{
    color: #333333;
    font-family: Tahoma, "MS Sans Serif";
    font-size: 12px;
    font-weight: bolder;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 2px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    text-decoration: none
}

.cssFontStarStoryShowBoxPost2
{
    color: #333333;
    font-family: Tahoma, "MS Sans Serif";
    font-size: 11px;
    margin-bottom: 0px;
    margin-left: 12px;
    margin-right: 0px;
    margin-top: 2px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    text-decoration: none
}

.cssFontUserPost
{
    color: #333333;
    font-family: Tahoma, "MS Sans Serif";
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 0px;
    margin-left: 2px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    text-decoration: none
}

.cssFontDetailPost
{
    color: #333333;
    font-family: Tahoma, "MS Sans Serif";
    font-size: 12px;
    margin-bottom: 0px;
    margin-left: 8px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    text-decoration: none
}

.cssFontDetailUserPost
{
    color: #333333;
    font-family: Tahoma, "MS Sans Serif";
    font-size: 12px;
    margin-bottom: 0px;
    margin-left: 8px;
    margin-right: 0px;
    margin-top: 4px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    text-decoration: none
}

.cssImgBorderStarStoryShow
{
    border-bottom-color: #ff9933;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    border-left-color: #ff9933;
    border-left-style: solid;
    border-left-width: 4px;
    border-right-color: #ff9933;
    border-right-style: solid;
    border-right-width: 4px;
    border-top-color: #ff9933;
    border-top-style: solid;
    border-top-width: 4px
}

.cssImgBorderLogoUser
{
    border-bottom-color: #ff9933;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #ff9933;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #ff9933;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #ff9933;
    border-top-style: solid;
    border-top-width: 1px
}

.cssPropInputStarStoryShow
{
    border-bottom-color: #999999;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #999999;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #999999;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #999999;
    border-top-style: solid;
    border-top-width: 1px;
    height: 20px;
    width: 180px
}

.cssPropTextAreaStarStoryShow
{
    border-bottom-color: #999999;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #999999;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #999999;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #999999;
    border-top-style: solid;
    border-top-width: 1px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px
}

.cssButtonStarStoryShow
{
    background-color: #ffffff;
    background-image: url(http://tomdythai.com/starStoryFiles/imgButtonLogin.gif);
    background-repeat: repeat-x;
    border-bottom-color: #999999;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #999999;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #999999;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #999999;
    border-top-style: solid;
    border-top-width: 1px;
    color: #ff00cc;
    font-family: Tahoma, "MS Sans Serif";
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    width: 100px
}

.cssFontStarStoryShow1
{
    color: #ff00cc;
    font-family: Tahoma, "MS Sans Serif";
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    text-decoration: underline
}

.cssFontStarStoryShow2
{
    color: #333333;
    font-family: Tahoma, "MS Sans Serif";
    font-size: 15px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    text-decoration: none
}

.cssFontStarStoryShowQuestion
{
    color: #ff66ff;
    font-family: Tahoma, "MS Sans Serif";
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    text-decoration: none
}

.cssFontStarStoryShowAnswer
{
    color: #333333;
    font-family: Tahoma, "MS Sans Serif";
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    text-decoration: none
}

.cssStarStoryShowAll
{
    color: #ff6600;
    font-family: Tahoma, "MS Sans Serif";
    font-size: 12px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    font-weight: bold;
    text-decoration: none;
}

.cssStarStoryShowAll:hover
{
    color: #00cc66;
    font-family: Tahoma, "MS Sans Serif";
    font-size: 12px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    font-weight: bold;
    text-decoration: underline;
}

.cssFontRulePostBox1
{
    color: #333333;
    font-family: Tahoma, "MS Sans Serif";
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    text-decoration: underline
}

.cssFontRulePostBox2
{
    color: #333333;
    font-family: Tahoma, "MS Sans Serif";
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    text-decoration: none
}

.cssImgStarStoryShowBin
{
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 4px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px
}

.cssStarStoryShowAllBorderImg
{
    border-bottom-color: #ff9933;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #ff9933;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #ff9933;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #ff9933;
    border-top-style: solid;
    border-top-width: 1px
}

.cssStarStoryShowAllFont
{
    color: #ff6600;
    font-family: Tahoma, "MS Sans Serif";
    font-size: 13px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    font-weight: bold;
    text-decoration: underline;
}

.cssStarStoryShowAllFont:hover
{
    color: #00cc33;
    font-family: Tahoma, "MS Sans Serif";
    font-size: 13px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    font-weight: bold;
    text-decoration: underline;
}

.cssStarStoryShowAllFontDate
{
    color: #666666;
    font-family: Tahoma, "MS Sans Serif";
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    text-decoration: none;
}

.cssStarStoryPageViews
{
    color: #ff6633;
    font-family: Tahoma, "MS Sans Serif";
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    text-decoration: none;
}