/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

    Peaya.com Global Stylesheet
    ----------------------------------------------------------
    Copyright(c) Peaya.com 2008.  All Rights Reserved.
    Not to be reused without permission.

    $Revision: #1 $
    $DateTime: 01/10/2008 00:00:02 $

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


/*================= Section 1: General Styles =================*/


/************************************
    Styles for standard HTML tags 
*************************************/

body {
    font-family: Verdana, Arial, Helvetica, sans-serif, 宋体;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    margin-left: 20px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #FFFFFF;
}

td, li, div {
    font-family: Verdana, Arial, Helvetica, sans-serif, 宋体;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
}

p {
    font-family: Verdana, Arial, Helvetica, sans-serif, 宋体;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    line-height: 100%;
}
p.highlight{
	background-color: #ffff00;
}
p.errorText{
	color: #ff0000;
}
p.paperTitle{
	color: #009dff;
	font-weight: bold;
}
.paperDetail{
	background-color:#eee;
	padding:10px;
}
/* used in start.html */
p.list{ 
	color: #7a067F;
	/*color: #16387C;*/
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 0px;
}
/* used in start.html */
p.listTitle{ 
	color: #7a067F;
	/*color: #16387C;*/
	font-weight: bold;
	font-size: 18px;
}

p.logoTitle{
    font-family: Verdana, Arial, Helvetica, sans-serif, 宋体;
    font-size: 24px;
    color: #16387C;
    font-weight: bold;
}
.borderit img{
border: 1px solid #ccc;
}

.borderit:hover img{
border: 1px solid #009dff;
}

.borderit:hover{
color: #009dff; /* irrelevant definition to overcome IE bug */
}

pre {
    font-family: Verdana, Arial, Helvetica, sans-serif, 宋体;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    padding: 1em;
}

.header1, h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif, 宋体;
    font-size: 18px;
    color: #16387C;
    font-weight: bold;
}

.header2, h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif, 宋体;
    font-size: 14px;
    color: #16387C;
    font-weight: bold;
}

.header3, h3, th {
    font-family: Verdana, Arial, Helvetica, sans-serif, 宋体;
    font-size: 12px;
    color: #16387C;
    font-weight: bold;
}

a:link {
    color: #002BB8;
    text-decoration: none;
}
a:visited {
    color: #002BB8;
    text-decoration: none;
}
a:hover {
    color: #ffffff;
	background-color: #779dff;
    /*text-decoration: underline;*/
}
a:hover img {
	background: #fff;
}

a:active {
    color: #002BB8;
    text-decoration: none;
}
a.blue{
    color: #0000ff;
    text-decoration: none;
}
a.blue:link {
    color: #0000ff;
    text-decoration: none;
}

a.blue:hover {
    color: #ffffff;
	background-color: #779dff;
    /*text-decoration: underline;*/
}


table.mainTable {
	max-width: 1200;
}
table.paperListTable {
	border: 1px solid #009dff; 
}

form {
    margin-top: 0px;
    margin-bottom: 0px;
}

select {
    font-family: Verdana, Arial, Helvetica, sans-serif, 宋体;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    background-color: #FFFFFF;
    width: 100%;
    border: 1px #779dff solid;
}

input {
    font-family: Verdana, Arial, Helvetica, sans-serif, 宋体;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    background-color: #FFFFFF;
    /*width: 100%;*/
    border: 1px #779dff solid; /*1px #C8DE9D solid;*/
    /*padding: 3px 0px 0px 5px;*/
    height: auto;
}

input.formButton {
    width: auto;
    border: 1px #333333 solid;
    background-color: #779dff;/*#E0F1B9;*/
	color: #ffffff;
    /*padding: 2px 10px 2px 10px;*/
    height: auto;
}

input.inputNoBorder {
    width: auto;
    border: 0px #000000 solid;
    background-color: transparent;
    height: 16px;
}

input.imageButton {
    width: auto;
    border: 0px #000000 solid;
    background-color: transparent;
    height: auto;
}

textarea {
    font-family: Verdana, Arial, Helvetica, sans-serif, 宋体;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    background-color: #FFFFFF;
    width: 100%;
    border: 1px #779dff solid;
    scrollbar-face-color: #dee3e7;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #dee3e7;
    scrollbar-3dlight-color: #d1d7dc;
    scrollbar-arrow-color: #006699;
    scrollbar-track-color: #efefef;
    scrollbar-darkshadow-color: #98aab1;
}
textarea.noshow {
  height: 0;  
  display: none;
}
hr.dashedLine {
    height: 0px;
    border-style: dashed;
    border-width: 1px 0px 0px 0px;
    border-color: #C8DE9D;
}

/************************************
    Styles for pure text
*************************************/

.biggerText {
	color: #333333;
	/*font-size: 14px;*/
	font-weight: bold;
}

.engText {
    font-family: Arial;
}

.redbold {
    color: #FF0000;
    font-weight: bold;
}

.whitebold {
    color: #FFFFFF;
    font-weight: bold;
}

.note {
    color: #999999;
}

.ref {
    color: #ED870B;
}

.title {
    color: #002BB8;
}

.error {
    font-size: 11px;
    color: #FF0000;
}

.comment {
    font-size: 11px;
    color: #999999;
}

.small {
    font-size: 11px;
}

/************************************
    Styles for text links 
*************************************/

a.noneExist:link {
    color: #CC3366;
    text-decoration: none;
}
a.noneExist:visited {
    color: #CC3366;
    text-decoration: none;
}
a.noneExist:hover {
    color: #CC3366;
    text-decoration: underline;
}
a.noneExist:active {
    color: #CC3366;
    text-decoration: none;
}

a.externalLink {
    background-image: url(../images/ext_link.gif);
    background-repeat: no-repeat;
    background-position: right top;
    padding: 0px 12px 0px 0px;
    margin: 0px 2px 0px 0px;
}
a.externalLink:link {
    color: #002BB8;
    text-decoration: none;
}
a.externalLink:visited {
    color: #002BB8;
    text-decoration: none;
}
a.externalLink:hover {
    color: #002BB8;
    text-decoration: underline;
}
a.externalLink:active {
    color: #002BB8;
    text-decoration: none;
}

.widget {
    font-size: 12px;
    color: #999999;
    font-weight: normal;
    background-color: #FFFFFF;
    border-style: dashed;
    border-width: 0px 0px 1px 0px;
    border-color: #C0C0C0;
    padding: 0px 5px 2px 5px;
}
.widget a:link {
    color: #999999;
    text-decoration: none;
}
.widget a:visited {
    color: #999999;
    text-decoration: none;
}
.widget a:hover {
    color: #002BB8;
    text-decoration: underline;
}
.widget a:active {
    color: #999999;
    text-decoration: none;
}

.textNavWhite {
    color: #FFFFFF;
    font-weight: normal;
    border-top: 1px dotted #FFFFFF;
}
.textNavWhite a:link {
    color: #FFFFFF;
    text-decoration: none;
}
.textNavWhite a:visited {
    color: #FFFFFF;
    text-decoration: none;
}
.textNavWhite a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}
.textNavWhite a:active {
    color: #FFFFFF;
    text-decoration: none;
}

.textNavBoldWhite {
    color: #FFFFFF;
    font-weight: bold;
    border-top: 0px dotted #FFFFFF;
}
.textNavBoldWhite a:link {
    color: #FFFFFF;
    text-decoration: none;
}
.textNavBoldWhite a:visited {
    color: #FFFFFF;
    text-decoration: none;
}
.textNavBoldWhite a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}
.textNavBoldWhite a:active {
    color: #FFFFFF;
    text-decoration: none;
}

/************************************
    Other Custom Styles
*************************************/

.solidTopLine {
    border-top: 1px solid #C8DE9D;
}

.imageBox {
    border: 1px dashed #C8DE9D;
    padding: 15px;
}

.lyricBox {
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
}

.photoBox {
    border: 1px dashed #C8DE9D;
    padding: 5px;
}

.infoBar {
    border: 1px #C8DE9D solid;
    background-image: url(../images/grid_bg.gif);
}

.indexBody {
    padding: 10px 10px 10px 15px;
}

.indexList {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.indexList li {
    background-image: url(../images/tinydot.gif);
    background-repeat: no-repeat;
    background-position: 0px 7px;
    padding: 4px 0px 4px 15px;
}

.snippet {
    border: 1px solid #81A6CE;
    background-color: #F0F8FF;
    margin-left: 1em;
    width: 95%;
}

.backRef {
    padding: 5px;
    border: 1px #C8DE9D solid;
    background-image: url(../images/grid_bg.gif);
}

.inPageNote {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 135px;
    padding: 5px;
    border: 1px #C8DE9D solid;
    background-image: url(../images/grid_bg.gif);
}

.inPageList {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 350px;
    padding: 10px;
    border: 1px #C8DE9D solid;
    background-image: url(../images/grid_bg.gif);
}

.inPageStatus {
    z-index: 100;
    opacity: 0.8;
    filter: alpha(opacity = 80);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0px;
    height: 0px;
    margin: 0px;
    padding: 0px;
    background-color: #F4F9E7;
    border: 1px #C8DE9D solid;
}

.inPageForm {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 250px;
    padding: 10px;
    border: 1px #C8DE9D solid;
    background-image: url(../images/grid_bg.gif);
}

.hiddenFrame {
    width: 0px;
    height: 0px;
    border: 0px #000000 solid;
}

.leftHalf {
    padding-right: 15px;
}

.rightHalf {
    padding-left: 15px;
}

.headerCell {
    border: 1px #C8DE9D solid;
    background-image: url(../images/grid_bg.gif);
    padding: 7px;
}

.bodyCell {
    border-style: dashed;
    border-width: 0px 1px 1px 1px;
    border-color: #C8DE9D;
    padding: 15px;
}

/*================= Section 2: Specific Styles =================*/


/************************************
    Styles for the page template 
*************************************/

.tmplTopBar {
    color: #000000;
    padding-right: 10px;
    background-image: url(../images/top_bg.gif);
}

.tmplTopBarLine {
    background-image: url(../images/topline_bg.gif);
}

.tmplColorBar {
    color: #FFFFFF;
    background-color: #76A637;
}

.tmplImageBar {
    background-image: url(../images/imagebar_bg.gif);
}

.tmplShadow {
    background-color: #DDDDDD;
}

.tmplContent {
    border: 0px solid #EDBB85;
    background-color: #FFFFFF;
    padding: 10px 10px 20px 10px;
}

.tmplSideBar {
    border: 0px solid #EDBB85;
    background-color: #FFFFFF;
    padding: 15px 10px 20px 10px;
}

/************************************
    Styles for the navigation bar
*************************************/

.navBarCell {
    background-image: url(../images/grid_bg.gif);
}

.navBarDiv {
    position: absolute;
    top: 0px;
    left: 800px;
    width: 145px;
    background-image: url(../images/grid_bg.gif);
}

.navBarTitle {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: bold;
    border: 1px solid #C8DE9D;
    background-image: url(../images/bar_title_bg.gif);
    padding-left: 18px;
    cursor: pointer;
}
.navBarTitle a:link {
    color: #FFFFFF;
    text-decoration: none;
}
.navBarTitle a:visited {
    color: #FFFFFF;
    text-decoration: none;
}
.navBarTitle a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}
.navBarTitle a:active {
    color: #FFFFFF;
    text-decoration: none;
}

/************************************
    Styles for the search toolbar 
*************************************/

.searchForm select {
    width: 100%;
    border: 1px #C8DE9D solid;
}

.searchForm input {
    width: 100%;
    border: 1px #C8DE9D inset;
    padding: 2px 0px 0px 2px;
    height: 20px;
}

.searchFormButton {
    width: auto;
    border: 1px #333333 solid;
    padding: 2px 5px 2px 5px;
    height: auto;
}

/************************************
    Styles for the main body
*************************************/

.mainBox {
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: #99CC66;
    padding: 20px;
}

.mainTop {
    background-image: url(../images/main_top_bg.gif);
}

/************************************
    Styles for the login box
*************************************/
.loginBox {
    border: 1px dashed #C8DE9D;
    padding: 30px;
}

/************************************
    Styles for the message box
*************************************/

.msgBox {
    border: 1px solid #C8DE9D;
}

.msgBoxTitle {
    font-size: 12px;
    color: 16387C;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
    background-image: url(../images/msgbox_top.gif);
}
.msgBoxTitle a:link {
    color: #16387C;
    text-decoration: none;
}
.msgBoxTitle a:visited {
    color: #16387C;
    text-decoration: none;
}
.msgBoxTitle a:hover {
    color: #16387C;
    text-decoration: underline;
}
.msgBoxTitle a:active {
    color: #16387C;
    text-decoration: none;
}

.msgBoxBody {
    font-size: 12px;
    color: 16387C;
    font-weight: normal;
    padding: 5px 10px 5px 20px;
}
.msgBoxBody a:link {
    color: #16387C;
    text-decoration: none;
}
.msgBoxBody a:visited {
    color: #16387C;
    text-decoration: none;
}
.msgBoxBody a:hover {
    color: #16387C;
    text-decoration: underline;
}
.msgBoxBody a:active {
    color: #16387C;
    text-decoration: none;
}

/************************************
    Styles for the catalog box
*************************************/

.catalogBox {
    border: 1px solid #C8DE9D;
}

.catalogBoxTitle {
    font-size: 14px;
    color: 16387C;
    font-weight: bold;
    padding-left: 10px;
    background-image: url(../images/msgbox_top.gif);
}

.catalogBoxBody {
    padding: 10px;
}

.catalogBoxContent td {
    border-bottom: 1px dashed #C8DE9D;
}

/************************************
    Styles for the article display
*************************************/

.articleTitle {
    padding-left: 10px;
    padding-right: 10px;
    background-image: url(../images/article_top.gif);
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    border-color: #C8DE9D;
}

.articleContent td {
    border-top: 1px dashed #C8DE9D;
}

.articleInnerContent td {
    border: 0px #C8DE9D solid;
}

/************************************
    Styles for the page listing
*************************************/
.listToolBar {
    border: 1px #C8DE9D dashed;
    background-image: url(../images/grid_bg.gif);
}

.listTable {
    background-color: #C8DE9D;
}

.listHeaderRow {
    background-color: #E0F1B9;
}

.listContentRow {
    background-color: #FFFFFF;
}

.listContentHead {
    color: #000000;
    font-weight: bold;
    background-color: #E0F1B9;
    background-image: none;
}

.listHighlightRow {
    background-image: url(../images/grid_bg.gif);
}

.listHighlightHead {
    color: #FFFFFF;
    font-weight: bold;
    background-color: #FF3333;
    background-image: none;
}

.listRowOver {
    background-color: #F4F9E7;
}

.pageBar td {
    font-size: 11px;
}

.listTreeTable {
    border-left: 1px #C8DE9D solid;
    border-right: 1px #C8DE9D solid;
}

.listTreeContent {
    line-height: 150%;
}

.listTreeFootnote {
    border: 1px #C8DE9D dashed;
    background-image: url(../images/grid_bg.gif);
}

.listTreeSeparator {
    background-color: #C8DE9D;
}


/************************************
    Styles for interview
*************************************/
.interviewee_info {
    padding-left: 50px;
}
.interviewee_photo {
	padding:1px;
   border:1px solid #AAA;
   background-color:#FFF;

}