@import url(messages.css);

/***  °øÅë ¼Ó¼º  ***/
body {
    background: #FFFFFF;
    margin: 0px;
    padding: 0px;
    font-family: Verdana;
    font-size: 9pt;
    letter-spacing: -1px;
    color: #474747;     /* Yahoo, #555555 */
    text-align: left;
}

a {
    text-decoration: none;
    color: #474747;
}

a:visited {
    color: #474747;
}

a:hover {
    text-decoration: underline;
    color: #474747 !important;
}

img,
a img {
    border: 0px solid #C0C0C0;
}

table {
    border-spacing:0px;
    border-collapse:collapse;
}

table th,
table td {
    padding: 0px 0px 0px 0px;
    text-align: left;
}

input.button { behavior:url(/styles/htc/button.htc) }





/***  °øÅë Layout ***/

div#header,
div#main,
div#footer {
    display: block;
    width: 930px;
    margin: 0px;
    padding: 0px;
    text-align: left;
}

div#header {
    height: 110px;
}

div#main {
    position: relative;
    height: auto;
}

div#main div#left {
    float: left;
    width: 180px;
    height: auto;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    text-align: left;
}

div#main div#right {
    float: right;
    width: 740px;
    height: auto;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    text-align: left;
}

table#main {
    border-spacing:0px;
    border-collapse:collapse;
}

table#main td#left,
table#main td#right {
    border: 0px solid #C0C0C0;

}

table#main td#left {
    width: 180px;
    padding: 0px 5px 0px 0px;
    text-align: left;
    vertical-align: top;
}

table#main td#right {
    width: 740px;
    padding: 0px 0px 0px 5px;
    text-align: left;
    vertical-align: top;
}

div#footer {
    float: center;
    display: block;
    width: 930px;
    position: relative;
    margin-top: 20px;
    border-top: 0px solid #C0C0C0;
}


/***  Member  ***/

div#member {
    display: block;
    width: 180px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0px solid #C0C0C0;
    text-align: center;
}

/***  Member : SignIn ***/

table#signInWrapper {
    background-image: url(/images/auth/signinbox.jpg);
    background-repeat: no-repeat;
    display: block;
    width: 175px;
    height: 100px;
    border-spacing: 0px;
    border-collapse: collapse;
    border: 0px solid #C0C0C0;
}

table#signInWrapper td {
    padding: 7px 5px 5px 5px;
    border: 0px solid #C0C0C0;
    text-align: center;
    vertical-align: middle;
}




table#signIn {
    display: block;
    width: 165px;
    border-spacing: 0px;
    border-collapse: collapse;
    border: 0px solid #C0C0C0;
}

table#signIn td {
    padding: 0px 0px 0px 0px;
    border: 0px solid #C0C0C0;
    text-align: left;
    vertical-align: middle;
    line-height: 0px;
}

table#signIn td img,
table#memberInfo td img {
    display: inline;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0px solid #C0C0C0;
    line-height: 0px;
}

input#signInId,
input#signInPassword {
    width: 75px;
    border: 1px solid #CCCCCC;
    font-size: 9pt;
    letter-spacing: -1px;
}

input#rememberMe {
    border: 0px solid #C0C0C0;
}





/***  Member : Info ***/
table#memberInfoWrapper {
    width: 175px;
    border-spacing: 0px;
    border-collapse: collapse;
    border: 0px solid #CCCCCC;
}

table#memberInfoWrapper td {
    padding: 0px 0px 0px 0px;
    text-align: center;
    border: 0px solid #CCCCCC;
}

table#memberInfoWrapper td img {
    display: block;
    margin: 0px;
    border-width: 0px solid black;
}

table#memberInfoWrapper td.memberInfo {
    border-width: 0px 1px 0px 1px;
    border-color: #B0B0B0;
    border-style: solid;
}

table#myInfo {
    width: 155px;
    margin: 0px 0px 10px 0px;
    border-spacing: 0px;
    border-collapse: collapse;
    border-width: 0px;
    border-color: #000000;
    border-style: solid;
}


table#myInfo td {
    padding: 3px 4px 3px 4px;
    border-width: 0px;
    border-color: #000000;
    border-style: solid;
    font-size: 8pt;
    letter-spacing: -1px;
    font-weight: 300;
    text-align: left;
    vertical-align: middle;
}

table#myLink {
    width: 163px;
    border-spacing: 1px;
    border-collapse: separate;
    border-width: 0px;
    border-color: #EFEFEF;
    border-style: solid;
}

table#myLink th {
    background: #F6F6F6;
    padding: 3px 0px 3px 0px;
    border-width: 0px;
    border-color: #EFEFEF;;
    border-style: solid;
    text-align: center;
    vertical-align: middle;
    font-size: 9pt;
    letter-spacing: -1px;
    font-weight: 700;
}

table#myLink td {
    background: #EFEFEF;
    padding: 2px 0px 2px 0px;
    border-width: 0px;
    border-color: #EFEFEF;;
    border-style: solid;
    text-align: left;
    vertical-align: middle;
    font-size: 8pt;
    letter-spacing: -1px;
    font-weight: 300;
}

table#myLink td img {
    display: inline;
}

table#myEduCourse {
    width: 155px;
    border-spacing: 1px;
    border-collapse: separate;
    border-width: 0px;
    border-color: #000000;
    border-style: solid;
}

table#myEduCourse th {
    padding: 2px 0px 2px 0px;
    border-width: 0px;
    border-color: #000000;
    border-style: solid;
    text-align: center;
    vertical-align: middle;
}


table#myEduCourse td {
    background: #FBEAB8;
    padding: 3px 0px 3px 0px;
    border-width: 0px;
    border-color: #000000;
    border-style: solid;
    text-align: center;
    vertical-align: middle;
    font-size: 9pt;
    letter-spacing: -1px;
    font-weight: 700;
}


/*** Left Link ***/
div#left table.link {
    width: 175px;
    margin: 5px 5px 10px 0px;
    border-top: 2px solid #ADCDE3;
    border-bottom: 2px solid #CCDDDF;
    border-collapse: collapse;
}

div#left table.link th {
    background: #FFFFFF;
    margin: 0px 3px 0px 3px;
    padding: 5px 0px 5px 0px;
    border-top: 1px solid #ADCDE3;
    border-bottom: 1px solid #ADCDE3;
    border-right: 5px solid #FFFFFF;
    font-size: 9pt;
    letter-spacing: -1px;
    font-weight: 700;
    color: #000000;
    text-align: left;
}

div#left table.link thead tr {
    background-color: #FFCC00;
}

div#left table.link tr.even {
    background: #EEEEEE;
    border-top: 1px solid #C0C0C0;
    color: #000000;
}

div#left table.link tr.odd {
    background: #FFFFFF;
    border-top: 1px solid #C0C0C0;
    color: #000000;
}

/* highlight table row onmouseover */
div#left table.link tr.over {
    background: #def;
    border-bottom: 1px solid #69c;
    border-top: 1px solid #69c;
    color: #000000;
    cursor: pointer;
    cursor: hand; /* IE 5.5 non-compliant workaround */
}


div#left table.link td {
    margin: 0px 3px 0px 3px;
    padding: 7px 0px 7px 0px;
    border-right: 2px solid #FFFFFF;
    font-size: 9pt;
    letter-spacing: -1px;
    font-weight: 300;
    color: #000000;
    text-align: left;
}

div#left table.link td a,
div#left table.link td a:visited {
    text-decoration: none;
}

div#left table.link td a:hover {
    text-decoration: underline;
}




/** banner **/
div.bannerLayer {
    display: block;
    width: 155px;
    padding: 1px;
    border: 1px solid #BFBFBF;
    text-align: center;
    vertical-align: middle;
}

div.banner {
    display: block;
    width: 155px;
    height: auto;
    margin: 3px 3px 3px 3px;
    padding: 0px;
    border: 1px solid #BFBFBF;
    text-align: center;
    vertical-align: middle;
}

div.banner img,
div.banner a img {
    display: inline;
    margin: 1px 1px 1px 1px;
    border: 0px solid #BFBFBF;
    vertical-align: top;
}


/** headline **/
ul.headlineList {
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

ul.headlineList li {
    background: url(/images/dot.gif) no-repeat 2px 50%;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 10px;
}

.headline,
.mainHeadline,
.subHeadline,
.headlineEmphasis {
    text-align: left;
}

.headline {
    font-size: 9pt;
    letter-spacing: -1px;
    font-weight: 500;
}

.mainHeadline {
    font-size: 9pt;
    letter-spacing: -1px;
    font-weight: 500;
}

.subHeadline {
    font-size: 9pt;
    letter-spacing: -1px;
    font-weight: 500;
}

.headlineEmphasis {
    font-size: 9pt;
    letter-spacing: -1px;
    font-weight: 900;
}

.blurb {
    line-height: 18px;
    font-size: 9pt;
    letter-spacing: -1px;
    font-weight: 500;
    text-align: left;
}

.details {
    display: block;
    font-size: 9pt;
    letter-spacing: -1px;
    font-weight: 300;
    color: #474747;
    line-height: 18px;
    text-align: justify;
}