/***********************************************************************
 * @filename            : tpl/aska/common.css
 * @author              : Ken Wang
 * @description         : 
 * @created             : 2004-08-24
 * @modified            : 2004-10-13
 ***********************************************************************/


/***** General Styles *****/
BODY {
    font-size: 8pt;
    font-family: verdana, sans-serif;
}
BODY.default {
    margin: 0; 
    padding: 0; /* opera compatibility fix */
    background: white url(images/body_bg.gif) repeat-y;
}

TD, TH, INPUT, SELECT, OPTION, P {
    font-family: verdana, sans-serif;
    font-size: 8pt;
}
TEXTAREA {
    font-size: 8pt;
    background-color: #ffe;
}
TEXTAREA.disabled {
    background-color: InactiveCaption;
    color: InactiveCaptionText;
    height: 30px;
}

ACRONYM {
    cursor: default;
}

/* no image borders */
A IMG { color: #fff; }         /* hide the border in Netscape 4 */
@media all {                   /* hide from Netscape 4 */
   A IMG, IMG { color: inherit;/* undo the rule above */
   border: none;               /* hide from Netscape 4 */
   }                           /* code from W3C - www.w3.org */
}


/***** Top Banner *****/
#topBannerContainer {
    position: relative;
    background: #246bb3 url(images/topbanner_bg.gif) repeat-x;
    height: 60px;
}
#logoLink {
    position: absolute;
    top:10px; left:20px;
    width: 140px; height: 40px;
}


/***** Top Nav *****/
#topNavContainer {
    margin:0; padding:0;
    position: absolute;
    top: 36px;
    left: 200px;
    z-index: 5;
    width: 400px; /* opera hack */
    list-style: none;
}

#topNavContainer LI {
    float: left;
    background: transparent url(images/topnav_bg.gif) right top no-repeat;
    padding: 0;
    margin: 0;
    height: 24px;
}
#topNavContainer LI.on {
    background-position: right bottom;
}
#topNavContainer LI A {
    float: left;
    display: block;
    padding: 4px 10px 6px 10px;
    font-size: 12px;
    font-weight: bold;
    color: #194b7d;
    text-decoration: none;
}
#topNavContainer LI A:hover {
    text-decoration: underline;
}
#topNavContainer LI.on A {
    color: black;
}

/***** Side Bar *****/
#sideBarContainer {
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 2;
    width: 200px;
    padding: 0;
}
DIV.sideBarItem {
    margin: 0;
    padding: 0;
    border-top: 1px solid white;
    border-bottom: 1px solid #ddd9b3;
}
.sideBarTitle {
    color: #333;
    font-size: 12px;
    font-family: verdana, sans-serif;
    margin: 0;
    padding: 4px 0 5px 20px;
    background: transparent url(images/sidebar_title_bg.gif) no-repeat;
}
DIV.sideBarContent {
    font-size: 10px;
    display: block;
    margin: 0;
    padding: 5px 10px 10px 10px;
}


/***** Contents *****/
#mainContainer {
    position: absolute;
    top: 80px;
    left: 220px;
    width: 540px;
    font-size: 8pt;
    font-weight: normal;
}
.adminMainContainer {
    width: 730px !important;
}

/***** Bread Crumb Nav *****/
H1.breadCrumbNav {
    margin: 0 0 25px 0;
    color: #666;
    font-size: 13px;
    font-family: verdana, sans-serif;
    font-weight: bold;
    padding-bottom: 3px;
    border-bottom: 1px solid #ccc;
}
H1.breadCrumbNav A, H1.breadCrumbNav A:link, H1.breadCrumbNav A:visited {
    color: #06c;
    text-decoration: none;
}
H1.breadCrumbNav A:hover {
    color: black;
    text-decoration: underline;
}

/***** Content Links *****/
.contentContainer A, .contentContainer A:link {
    color: #06c;
}
.contentContainer A:visited {
    color: #039;
}
.contentContainer A:hover {
    color: #000;
}
.contentContainer A:active {
    color: #f60;
}



/***** Content Headings *****/
.contentContainer H1 {
    font-size: 15px;
    color: #930;
}
.contentContainer H2 {
    font-size: 13px;
    color: #f60;
}
.contentContainer H3 {
    font-size: 11px;
    color: #666;
}

/***** Content Lists *****/
.contentContainer UL {
    margin: 0;
    padding: 0;
    font-size: 8pt;
    list-style: none;
}
.contentContainer UL LI {
    margin: 0;
    padding: 1px 0 1px 12px;
    background: transparent url(images/bullet_arrow_2.gif) 2px 5px no-repeat;
}


/***** Content Pre-formatted *****/
.contentContainer PRE {
    font-family: "courier new", courier, monospace;
    font-size: 9pt;
    color: #363;
    border-left: 3px solid #363;
    padding-left: 5px;
}

/***** Content Text *****/
.contentContainer P {
    line-height: 175%;
}
.contentContainer BLOCKQUOTE {
    margin: 5px 10px;
    padding: 15px 10px 10px 10px;
    font-family: serif;
    line-height: 175%;
    color: #444;
    font-size: 9pt;
    background: url(images/quote.gif) no-repeat;
}
.contentContainer BLOCKQUOTE:first-letter {
    font-size: 36px;
    font-style: italic;
    padding-left: 30px;
    font-weight: bold;
}

/***** Forms *****/
TABLE.formTable {
    border-collapse: collapse;
    border: 1px solid ButtonShadow;
}
TABLE.formTable TD.value {
    font-size: 8pt;
    padding: 2px 5px;
    background: ButtonFace;
    border-top: 1px solid ButtonShadow;
    vertical-align: middle;
}
TABLE.formTable TD.value INPUT, TABLE.formTable TD.value SELECT, TABLE.formTable TD.value LABEL {
    vertical-align: middle;
    font-size: 8pt;
}
TABLE.formTable TD.label {
    font-size: 8pt;
    font-weight: bold;
    padding: 2px 5px;
    background-color: white;
    border-top: 1px solid ButtonShadow;
    vertical-align: middle;
    text-align: right;
}


/***** Data Table *****/
TABLE.dataTable {
    border-collapse: collapse;
    border: 1px solid ButtonShadow;
}
TABLE.dataTable TH {
    font-size: 8pt;
    padding: 3px 5px;
    background-color: ButtonShadow;
    color: ButtonHighlight;
    text-align: left;
}
TABLE.dataTable TH A, TABLE.dataTable TH A:link, TABLE.dataTable TH A:visited {
    color: ButtonHighlight;
    text-decoration: underline;
}
TABLE.dataTable TH A:hover {
    color: ButtonText;
}
TABLE.dataTable TD {
    font-size: 8pt;
    padding: 3px 5px;
    background-color: white;
    border-top: 1px solid ButtonShadow;
}
TABLE.dataTable TR.even TD {
    background-color: ButtonFace;
}
TABLE.dataTable INPUT, TABLE.dataTable SELECT, TABLE.dataTable OPTION {
    font-size: 8pt;
}
TABLE.dataTable TD.numericVal {
    text-align: right;
}
TABLE.dataTable TD.checkboxTd, TABLE.dataTable TH.checkboxTd {
    padding: 1px;
    vertical-align: middle;
}


/***** Pagination *****/
DIV.paginationContainer {
    margin: 10px 0;
    font-size: 8pt;
    color: #ccc;
}
DIV.paginationContainer SPAN.inactive {
    color: #999;
    font-weight: bold;
}
DIV.paginationContainer A {
    font-weight: bold;
}

/***** Vertical Nav *****/
UL.verticalNavUl {
    font-size: 8pt;
    list-style: none;
    margin: 3px 0 0 0;
    padding: 0;
}
UL.verticalNavUl li {
    background:  url(images/bullet_page_2.gif) no-repeat 0 3px;
    margin: 0;
    padding: 0 0 3px 13px;
    line-height: 14px;
    color: #999;
}
UL.verticalNavUl li a, UL.verticalNavUl li a:link, UL.verticalNavUl li a:visited {
    color: #039;
    display: block;
    text-decoration: none;
}
UL.verticalNavUl A.active, UL.verticalNavUl A.active:link, UL.verticalNavUl A.active:visited {
    color: black;
    text-decoration: underline;
}
UL.verticalNavUl li a:hover {
    color: #333;
    text-decoration: underline;
}


/***** Error Msgs *****/
DIV.errorsDiv {
    padding: 5px;
    border: 1px solid #666;
    background: #ffc;
    margin: 5px 0;
}
DIV.errorsDiv UL {
    list-style:none;
    margin: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0;
}
DIV.errorsDiv LI {
    background: url(images/ico_error.gif) no-repeat 5px 6px;
    margin: 0;
    padding: 3px 0 2px 20px;
    line-height: 14px;
}


/***** Script Execution Time *****/
DIV.footerContainer {
    margin: 20px 0;
    color: #996;
    border: 1px solid #ddd9b3;
    background: #f1efdf;
    font-size: 10px;
    font-family: verdana, sans-serif;
    font-weight: normal;
    padding: 2px 5px;
}
DIV.footerContainer A, DIV.footerContainer A:link, DIV.footerContainer A:visited {
    color: #663;
    text-decoration: underline;
}
DIV.footerContainer A:hover {
    color: black;
}


/***** Custom Scripts (external plugins) *****/
/**** Links (Bookmarks) Page ****/
DIV#linksContainer LI {
    color: #666; cursor: default;
    padding: 3px 0 2px 16px;
}
DIV#linksContainer LI.folderOpen {
    font-weight: bold;
    background: transparent url(images/ico_links.gif) 1px -96px no-repeat;
}
DIV#linksContainer LI.folderClosed {
    font-weight: normal;
    background: transparent url(images/ico_links.gif) 1px 4px no-repeat;
}
DIV#linksContainer LI.folderClosed UL {
    display: none;
}
DIV#linksContainer LI.link {
    font-weight: normal;
    background: transparent url(images/ico_links.gif) -795px 6px no-repeat;
}
DIV#linksContainer LI A, DIV#linksContainer LI A:link {
    color: #039;
    text-decoration: underline;
    background: transparent;
}
DIV#linksContainer LI A:hover {
    color: #333;
}
DIV#linksContainer LI A.folder {
    color: #333;
    text-decoration: none;
}
DIV#linksContainer LI A.folder:hover {
    color: black;
    text-decoration: underline;
}
A#linksOpenAll, A#linksOpenAll:link, A#linksOpenAll:visited, A#linksCloseAll, A#linksCloseAll:link, A#linksCloseAll:visited {
    text-decoration: none;
    font-weight: bold;
}
A#linksOpenAll SPAN {
    background: transparent url(images/ico_links.gif) 1px -99px no-repeat;
    padding-left: 16px; padding-right: 5px;
}
A#linksCloseAll SPAN {
    background: transparent url(images/ico_links.gif) 1px 1px no-repeat;
    padding-left: 16px; padding-right: 5px;
}

/**** Media Centre Page ****/
TABLE.dataTable TD.fileTypeTd {
    padding-left: 18px;
}
TABLE.dataTable TD.docFile { background: url(images/ico_doc.gif) 2px 4px no-repeat; }
TABLE.dataTable TD.gifFile { background: url(images/ico_gif.gif) 2px 4px no-repeat; }
TABLE.dataTable TD.jpgFile { background: url(images/ico_jpg.gif) 2px 4px no-repeat; }
TABLE.dataTable TD.pdfFile { background: url(images/ico_pdf.gif) 2px 4px no-repeat; }
TABLE.dataTable TD.phpsFile{ background: url(images/ico_phps.gif) 2px 4px no-repeat; }
TABLE.dataTable TD.pngFile { background: url(images/ico_png.gif) 2px 4px no-repeat; }
TABLE.dataTable TD.txtFile { background: url(images/ico_txt.gif) 2px 4px no-repeat; }
TABLE.dataTable TD.zipFile { background: url(images/ico_zip.gif) 2px 4px no-repeat; }

/***** Forum *****/
TEXTAREA.forum {
    font-size: 8pt; line-height: 150%;
    font-family: verdana, sans-serif;
    background-color: white;
}
SPAN.forumTitle, SPAN.threadTitle, SPAN.postTitle {
    font-size: 9pt; font-weight: bold;
}
SPAN.forumTimestamp {
    font-size: 10px; color: #666;
}
TABLE.dataTable TD.threadBullet {
    width: 16px;
    background: url(images/ico_comment.gif) 50% 50% no-repeat;
}

/***** RHS-ADSENSE *****/
#rhs-adsense {
	position: absolute;
	top: 80px;
	left: 780px;
	width: 170px;
	padding-bottom: 10px;
}