/*************************************
 * TITLE: Sinorca Screen Stylesheet  *
 * URI  : sinorca/sinorca-screen.css *
 * MODIF: 2003-Apr-30 19:31 +0800    *
 *************************************/


/* ##### Common Styles ##### */

html
{
    color:black;
    background-color:#bcbcbc;
}

body
{
    color:black;
    background-color:rgb(240,240,240);
    font-family:verdana, helvetica, arial, sans-serif;
    font-size:71%;  /* Enables font size scaling in MSIE */
    margin:0 auto;
    padding:0 0 0 5px;
    width:750px;
    background-image:url(/lib/global/theme.sinorca/images/page_gradient_left.png);
    background-repeat:repeat-y;
}

html > body
{
    font-size:8.5pt;
}


/* ##### Links ##### */

a,
a:link,
a:visited,
a:active
{
    color:#d45f00;
    background-color:transparent;
    text-decoration:underline;
}

a:hover
{
    color:black;
    background-color:transparent;
}

a img
{
    border:0;
}


/* ##### Definition lists ##### */

dl
{
    margin:1em 1ex 2em 1ex;
    padding:0;
}

dt
{
    font-weight:bold;
    margin:0 0 0 0;
    padding:0;
}

dd
{
    margin:0 0 2em 2em;
    padding:0;
}

acronym
{
    border-bottom:1px dotted rgb(153,153,153);
    cursor:help;
    margin:0;
    padding:0 0 0.4px 0;
}

/* ##### Form elements ##### */

form
{
    margin:0;
    padding:5px;
    color:inherit;
    background-color:#f2f3f4;
    border:1px solid #d45f00;
}

input,
textarea,
select
{
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:1em;
    border:1px solid gray;
    padding:1px;
    margin-top:0.3em;
}

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
    cursor: pointer;
}

input:focus,
textarea:focus
{
    border:1px solid black;
}

input:hover,
textarea:hover
{
    border:1px solid black;
}

label
{
    margin-top:0.3em;
}

label.before
{
    margin-top:0.7em;
    display:block;
}

label.left
{
    clear:left;
    float:left;
    text-align:right;
    width:12em;
    margin-right:0.3em;
}

div.buttons
{
    text-align:center;
    margin:5px;
}

div.wrapper
{
    overflow:hidden;
}


.doNotDisplay
{
    display:none;
}

/* ##### Tables ##### */

table
{
    margin:1px;
    border-width:1px 1px 1px 1px;
    border-color:gray;
    border-collapse:collapse;
}

th
{
    border-width:1px 1px 1px 1px;
    padding:4px 4px 4px 4px;
    border-style:inset inset inset inset;
    border-color:gray;
    background-color:rgb(240,240,240);
}

td
{
    vertical-align:top;
    border-width:1px 1px 1px 1px;
    padding:4px 4px 4px 4px;
    border-style:inset inset inset inset;
    border-color:gray;
}


/* ##### Header ##### */

#header
{
    color:#2a0000;
    background-color:#ffcc00;
}

#header #logo
{
    width:167px;
    height:93px;
    float:left;
    padding:2px;
}

#header h1.title
{
    font-size:337%;
    font-weight:normal;
    margin:0 0 0 180px;
    padding:30px 0 0 0;
}

#header div.subHeader
{
    margin:0;
    padding:1ex 1ex 1ex 1.5mm;
    margin-left:170px;
}

#header div.subHeader a,
#header div.subHeader a:link,
#header div.subHeader a:visited,
#header div.subHeader a:active
{
    color:#2a0000;
    background-color:transparent;
    text-decoration:none;
    font-weight:bold;
    margin:0;
    padding:0 0.75ex 0 0.5ex;
}

#header div.subHeader a:hover
{
    text-decoration:underline;
}

#header div.subHeader a.highlight,
#header div.subHeader a.highlight:link,
#header div.subHeader a.highlight:visited,
#header div.subHeader a.highlight:active
{
    color:#d45f00;
    background-color:transparent;
}


/* ##### Side Bar ##### */

#side-bar
{
    width:170px;
    float:left;
    clear:left;
    border-right:1px solid rgb(153,153,153);
}

#side-bar div
{
    border-bottom:1px solid rgb(153,153,153);
}

#side-bar h2
{
    font-size:1em;
    font-weight:bold;
    margin:0 0 0.5em 2.5mm;
    padding:1em 0 0 0;
}

#side-bar form
{
    margin:0 1.5em 1.5em 1.5em;
    padding:0;
}

#side-bar form select
{
    font-size:1.0em;
    margin-bottom:0.5em;
}

#side-bar div.menu ul
{
    list-style-type:none;
    list-style-position:outside;
    margin:0;
    padding:0 0 1.1em 0;
}

#side-bar div.menu ul li
{
    margin:0;
    padding:0.1ex 0;  /* Circumvents a rendering bug (?) in MSIE 6.0 */
}

#side-bar div.menu ul li a,
#side-bar div.menu ul li a:link,
#side-bar div.menu ul li a:visited,
#side-bar div.menu ul li a:active
{
    color:black;
    background-color:transparent;
    text-decoration:none;
    margin:0;
    padding:0.75em 1ex 0.75em 5mm;
    display:block;
}

#side-bar div.menu ul li a:hover
{
    color:black;
    background-color:#ffcc00;
    text-decoration:none;
}

#side-bar div.menu ul li.thisPage a,
#side-bar div.menu ul li.thisPage a:link,
#side-bar div.menu ul li.thisPage a:visited,
#side-bar div.menu ul li.thisPage a:active
{
    color:black;
    background-color:white;
    border-top:1px solid rgb(153,153,153);
    border-bottom:1px solid rgb(153,153,153);
}

#side-bar div.box
{
    color:inherit;
    background-color:white;
    line-height:1.5em;
    margin:0 0 1em 0;
    padding:0 1.5ex 1em 2.5mm;
    display:block;
    overflow:hidden;
}

#side-bar div.box h2
{
    margin-left:0;
    border-bottom:1px solid #ccc;
}

#side-bar div.box p
{
    margin-top:0;
    margin-bottom:0.8em;
}


/* ##### Main Content ##### */

#main
{
    color:black;
    background-color:white;
    line-height:1.5em;
    margin:0 0 0 170px;
    padding:8px;
    border-left:1px solid rgb(153,153,153);
}

#main p
{
    padding:0;
    margin-bottom:1em;
}

#main h1
{
    color:black;
    background-color:#ffcc00;
    font-size:100%;
    font-weight:bold;
    margin:0;
    padding:0.5ex 0 0.5ex 1ex;
    border-bottom:1px solid #d45f00;
}

#main h1.title
{
    margin-bottom:1em;
}

#main .topOfPage
{
    color:black;
    background-color:transparent;
    font-size:91%;
    font-weight:bold;
    text-decoration:none;
    margin:2.5ex 1ex 0 0;  /* For MSIE */
    padding:0;
    float:right;
}


#main div.box1
{
    min-height:200px;
    overflow:hidden;
    margin-bottom:10px;
    color:inherit;
    background-color:#f2f3f4;
    border-right:1px solid #a6a6a6;
    border-bottom:1px solid #a6a6a6;
    padding:5px;
}

#main div.box1 h2
{
    color:black;
    background-color:#ffcc00;
    font-size:100%;
    font-weight:bold;
    margin:-5px -5px 0.5em -5px;
    padding:0.5ex 0 0.5ex 1ex;
    border-bottom:1px solid #d45f00;
}

#main div.box1 h2 a,
#main div.box1 h2 a:link,
#main div.box1 h2 a:visited,
#main div.box1 h2 a:active
{
    color:black;
    background-color:transparent;
    text-decoration:none;
}

#main div.box1 h2 a:hover
{
    text-decoration:underline;
}

#main div.box1 img
{
    float:left;
    margin-right:5px;
    margin-bottom:5px;
}

#main div.box2
{
    float:left;
    width:265px;
    min-height:200px;
    margin-bottom:10px;
    overflow:hidden;
    background-color:#f2f3f4;
    border-right:1px solid #a6a6a6;
    border-bottom:1px solid #a6a6a6;
    padding:5px;
}

#main div.box2 h2
{
    color:black;
    background-color:#ffcc00;
    font-size:100%;
    font-weight:bold;
    margin:-5px -5px 0.5em -5px;
    padding:0.5ex 0 0.5ex 1ex;
    border-bottom:1px solid #d45f00;
}

#main div.box2 h2 a,
#main div.box2 h2 a:link,
#main div.box2 h2 a:visited,
#main div.box2 h2 a:active
{
    color:black;
    background-color:transparent;
    text-decoration:none;
}

#main div.box2 h2 a:hover
{
    text-decoration:underline;
}

#main div.box2 img
{
    float:left;
    margin-right:5px;
    margin-bottom:5px;
}


/* ##### Preview ##### */

#main div.preview p
{
    margin:0;
}

#main div.preview p.date
{
    font-style:italic;
    font-size:0.9em;
}

#main div.preview div.brands
{
    font-style:italic;
    font-size:0.9em;
    float:left;
}

#main div.preview div.tags
{
    font-style:italic;
    font-size:0.9em;
    text-align:right;
}


/* ##### Overview ##### */

#main div.overview div.item
{
    overflow:hidden;
    margin-bottom:1em;
    background-color:#f2f3f4;
    border-right:1px solid #a6a6a6;
    border-bottom:1px solid #a6a6a6;
    padding:5px;
}

#main div.overview h2
{
    color:black;
    background-color:#ffcc00;
    font-size:100%;
    font-weight:bold;
    margin:-5px -5px 0.5em -5px;
    padding:0.5ex 0 0.5ex 1ex;
    border-bottom:1px solid #d45f00;
}

#main div.overview h2 a,
#main div.overview h2 a:link,
#main div.overview h2 a:visited,
#main div.overview h2 a:active
{
    color:black;
    background-color:transparent;
    text-decoration:none;
}

#main div.overview h2 a:hover
{
    text-decoration:underline;
}

#main div.overview p
{
    margin:0;
}

#main div.overview p.date
{
    font-style:italic;
    font-size:0.9em;
}

#main div.overview img
{
    float:left;
    margin-right:5px;
    margin-bottom:5px;
}

#main div.overview div.tags
{
    font-style:italic;
    font-size:0.9em;
    text-align:right;
}

#main div.overview div.pager
{
    text-align:center;
}


/* ##### Details ##### */

#main div.details
{
    overflow:hidden;
}

#main div.details p.date
{
    margin:0 0 1em 0;
    font-style:italic;
}

#main div.details div.media
{
    float:right;
    width:120px;
    margin-left:5px;
    font-size:0.9em;
    text-align:center;
}

#main div.details div.media h2
{
    color:black;
    background-color:#ffcc00;
    font-size:100%;
    font-weight:bold;
    text-align:center;
    margin:0 0 0.5em 0;
    padding:0.5ex 0 0.5ex 0;
}

#main div.details div.media img
{
    margin-bottom:0.5em;
}

#main div.details div.media a.video
{
    padding:5px 0 3px 20px;
    background:url(/lib/global/theme.sinorca/images/tv.gif) no-repeat center left;
}

#main div.details div.tags
{
    font-style:italic;
    font-size:0.9em;
    text-align:right;
}


/* ##### Media ##### */

#main div.media
{
    text-align:center;
}


/* ##### Footer ##### */

#footer
{
    color:black;
    background-color:#ffcc00;
    font-size:91%;
    margin:0;
    padding:1em 2.5mm 2.5ex 2.5mm;
    clear:both;
}

#footer .left
{
    line-height:1.45em;
    float:left;
    clear:left;
}

#footer .right
{
    text-align:right;
    line-height:1.45em;
}

#footer a
{
    color:black;
    background-color:transparent;
}

/* ##### Error messages ##### */

div.snippet.error
{
    margin:10px 0;
    padding:0 10px 0 10px;
    border:2px solid red;
}

div.snippet.error h2
{
    font-size:1em;
    color:black;
    background-color:transparent;
}

div.snippet.error span.message
{
    color:red;
    background-color:transparent;
}