/* ====================================================================== */
/* ==| AUTHOR  : Madara Ranawake | www.madartstudios.com              |== */
/* ==| PROJECT : SLDA Web Site                                        |== */
/* ==| URL     : http://www.slda.lk  								  |== */
/* ==| DATE    : 2008 May 26 (Monday)                                 |== */
/* ==| MODIFY  : 2008 November 14 (Friday)                            |== */
/* ==| NOTE    : All the attributes are editable,                     |== */
/* ==|           do NOT change the class names or IDs                 |== */
/* ====================================================================== */

/* ---------------------------------------------------------------------- */
/* = Style Sheet Imports											    = */
/* ---------------------------------------------------------------------- */

@import "/css/menu.css";

/* ---------------------------------------------------------------------- */
/* = Rules defined for apply GLOBALLY begins from this point forward    = */
/* ---------------------------------------------------------------------- */

body, div, input, select, option { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; color: #3C3B3B; }
body { background-color: #F0F0F0; margin-top: 0; margin-bottom: 0; }
acronym { text-decoration: none; border-bottom: 1px dotted #3C3B3B; }
form { padding: 0px; margin: 0px; }
input, select, textarea { border: 1px solid #3C3B3B; padding:1px; color:#4296CD; }
ul, li, p, h1, h2 { margin: 0; padding: 0; }
p { margin-bottom: 15px; }
h2 { font-size: 11pt; color: #04A5E9; }
h3 { font-size: 10pt; color: #071373; }
img, div { behavior: url('/css/iepngfix.htc'); } /* ie6x png hack */

/* ---------------------------------------------------------------------- */
/* = Below rules can be applied for any tag. If the internal properties = */
/* = of the rule are supported by the caller tag, it will be applied    = */
/* ---------------------------------------------------------------------- */

.buttonHolder { text-align:right; padding-top:10px; padding-right:6px; }
.buttonHolder input { width:80px; }
.smallTextBold { font-size:7pt !important; font-weight:bold; }
.smallText { font-size:7pt !important; }
.redText { color:#F00; }
.greenText { color:#3EA42B; }
.orangeText { color:#DB7309; }
.singleOrangeBullet li { list-style: none; list-style-image: url(/img/bg/bullet-single-orange.gif); }
.JQInplaceUI input, .JQInplaceUI select { width:220px !important; height:15px !important; margin-right:5px; background-color:#efefef; border:0; font-family:Tahoma, Arial, Helvetica, sans-serif !important; font-size: 8pt !important; padding:0 !important; margin:0 !important; }
.JQInplaceUI img { cursor:pointer; }
.JQInplaceUI button { width:18px; height:16px; border:0; background-color:#FFF; position:relative; cursor:pointer; /*top:3px;*/ }
.JQInplaceUI button img { position:absolute; top:-10px; left:-6px; }

/* ---------------------------------------------------------------------- */
/* = The style rules defined for HTML element IDs begins here           = */
/* ---------------------------------------------------------------------- */

#divBody { width: 900px; height: auto; clear: both; margin: auto; background: #FFF url(/img/bg/main.gif) repeat-y; padding: 0 10px; }

/* -- start: nameplate styles -- */
#divNamePlate { width: inherit; height: 85px; clear: both; background: #FFF url(/img/bg/nameplate.gif) repeat-x; }
#divSiteLogo { width: 628px; height: 68px; float: left; padding: 17px 0 0 12px; }
#divTopNav { width: 260px; height: 75px; float: left; padding: 10px 0 0 0; }
#divTopNav ul { list-style: none; float:right; }
#divTopNav ul li { float: left; margin: 0 2px; }
/* -- end: nameplate styles -- */

/* -- start: main navigation styles -- */
#divMainNavContainer { width: inherit; height: 29px; background: #469CD5 url(/img/bg/mainnav.gif) 0% 0% repeat-x; clear: both; }
#divMainNavL { width: 15px; height: 29px; height: inherit; background: #469CD5 url(/img/bg/mainnav-left.gif) 0% 0% no-repeat; float: left; }
#divMainNavR { width: 870px; height: 22px; background: url(/img/bg/mainnav-right.gif) 100% 0% no-repeat; float: left; padding-top: 7px; padding-right:15px; }
#divMainNavR ul { list-style: none; float: right; }
#divMainNavR ul li { display:inline; position:relative; }
/* -- end: main navigation styles -- */

#divMastHeadContainer { width: inherit; height: 200px; clear: both; margin: 13px 0 20px 0; }
#divMastHeadContainer ul li { position: relative; }

#divMastHeadAccordion { width: 237px; height: 200px; float: left; background: url(/img/bg/masthead.gif) repeat-x; }
#divAccordionContainer { width: inherit; height: 200px; background: url(/img/bg/accordion-end.gif) 0 0 no-repeat; padding: 10px 0 0 10px; }
#divAccordionContainer a:link, #divAccordionContainer a:visited { font-weight:bold; color:#0B7CA6; text-decoration:none; }
#divAccordionContainer a:active, #divAccordionContainer a:hover { font-weight:bold; color:#0FAAE4; text-decoration:underline; }
#divAccordionContainer ul { width:212px; margin:0; padding:0; list-style: none; }
#divAccordionContainer ul li div { line-height:16px; padding: 0 10px; }

#divMastHead { width: 663px; height: inherit; float: left; }

#divContent { width:inherit; height:auto; clear:both; display:inline-block; }
#divContent a:link, #divContent a:visited { color:#00CCCC; text-decoration:none; }
#divContent a:active, #divContent a:hover { color:#FF9A34; text-decoration:underline; }
#divContent h2 { margin-bottom:15px; }
#divContent ul { margin:20px; }
#divContentR { width:600px; height:auto; float:left; /*padding:13px 0 0 0;*/ padding:0; background: url(/img/bg/content-shadow.gif) repeat-y; /*position:relative;*/ }
/*#divContentShadowTop { width:63px; height:63px; clear:both; background:url(/img/bg/content-shadow-top.gif) no-repeat; position:absolute; top:0; left:539px; border: 1px solid red; }*/
#divContentShadowTop { width:inherit; /*height:63px;*/ height:53px; clear:both; background:url(/img/bg/content-shadow-top.gif) 539px 0 no-repeat; padding-top:10px; }
#divContentBucket { width:560px; height:auto; clear:both; padding:0 30px 0 10px; line-height:16px; }
#divContentShadowBot { width:inherit; height:63px; clear:both; background:url(/img/bg/content-shadow-bot.gif) 539px 0 no-repeat; }

#divUpdatesContainer { width:560px; height:auto; clear:both; padding:0 30px 0 10px; line-height:16px; }
#divUpdatesL { width:265px; height:auto; margin-right:30px; float:left; }
#divUpdatesR { width:265px; height:auto; float:left; }

#divReadToolBar { width:560px; height:30px; clear:both; background:url(/img/bg/vertical-dot-double.gif) 0 0 repeat-x; margin-bottom:20px; }
#divReadToolBarL { width:300px; height:23px; float:left; padding-top:7px; font-size:7.5pt; }
#divReadToolBarR { width:260px; height:23px; float:left; padding-top:7px; text-align:right; }

#divContentL { width:300px; height:auto; float:left; margin-top:12px; }

/* -- start: member profile styles -- */
#divPictureArea { width:inherit; height:auto; clear:both; margin-bottom:15px; }
#divPicture { width:210px; height:inherit; float:left; }
#divInformation { width:350px; height:inherit; float:left; }
/* -- start: member profile styles -- */

#divAskProForm { width:532px; height:auto; clear:both; background:url(/img/bg/ask-pro.gif) 0 0 no-repeat; padding:10px 18px 10px 10px; margin-bottom:20px; }
#divAskProRecentQ { width:560px; height:auto; clear:both; }

#divFooter { width:880px; height:auto; clear:both; margin: 10px 10px 0 10px; border-top: 1px solid #D1D1D1; }
#divFooterLegal { width:590px; height:auto; float:left; font-size:7pt; line-height:12px; padding:10px 0; }
#divFooterAuthor { width:290px; height:auto; float:left; font-size:7pt; text-align:right; padding:10px 0; }
#divFooterLegal p, #divFooterAuthor p { margin:0; }
#divFooterLegal a, #divFooterAuthor a { color:#9A9A9A; text-decoration:none; }
#divFooterLegal a:hover, #divFooterAuthor a:hover { color:#D6D6D6; text-decoration:none; }

#divJournalToolBar { width:560px; height:88px; clear:both; background:url(/img/bg/vertical-dot-double-journal.gif) 0 0 repeat-x; margin-bottom:20px; line-height:normal !important; }

#divSearchTools { width:inherit; }
#divSearchTools input, #divSearchTools select { height:22px; float:left; }
#divSearchTools input { width:300px; font-size:13pt; margin-right:10px; }

/* ---------------------------------------------------------------------- */
/* = Definitions for classes begins which must be called separately     = */
/* ---------------------------------------------------------------------- */

/* -- start: top navigation button styles -- */
a.tn, a.tn span, a.tns, a.tns span { background: url(/img/bg/topnav-btn.gif) no-repeat; }
a.tn { background-position:right -20px; color: #3E3E3E; }
a.tns { background-position:right 0; color:#0D9FD5; }
a.tn, a.tns { padding:3px 5px 4px 5px; position:relative; font-weight:bold; text-decoration:none; }
a.tn span { background-position:left -20px; }
a.tns span { background-position:left 0; }
a.tn span, a.tns span { width:3px; height:20px; top:0; left:0; display:block; position:absolute; cursor:pointer; }
a.tn:hover { background-position: right 0; color:#0D9FD5; }
a.tn:hover span { background-position: left top; }
/* -- end: top navigation button styles -- */

/* -- start: main navigation button styles -- */
a.mn, a.mn span, a.mns, a.mns span { background: url(/img/bg/mainnav-btn.gif) no-repeat; }
a.mn { background-position: right -20px; }
a.mns { background-position: right 0; }
a.mn, a.mns { padding:3px 7px 9px 7px; position:relative; font-weight:bold; color:#FFF; text-decoration:none; height:8px; margin-right:3px; }
a.mn span { background-position: left -20px; }
a.mns span { background-position: left top; }
a.mn span, a.mns span { width:3px; height:23px; top:0; left:0; display:block; position:absolute; cursor:pointer; } /*height=20*/
a.mn:hover { background-position: right 0; }
a.mn:hover span { background-position: left top; }
/* -- end: main navigation button styles -- */

h1.pageTitle { height: 30px; /*font: 13pt "Lucida Grande", Arial, Helvetica, sans-serif;*/ font-size: 13pt; font-weight: bold; color: #038EC8; background: url(/img/bg/page-title.gif) no-repeat; padding: 5px 0 0 10px; z-index:1; }
div.divBucket { width: 300px; height:auto; clear: both; background: #FFF url(/img/bg/bucket.gif) repeat-y; margin-bottom: 20px; }
div.divBucketSandwich { width: inherit; height: 5px; clear: both; }
div.divBucketBody { width: 276px; height: auto; clear: both; background: #FFF url(/img/bg/bucket-gradient.gif) 100% 100% repeat-x; padding: 5px 10px; margin: auto; }
div.hrReplace { width:inherit; height:1px; font-size:1px; background: #FFF url(/img/bg/vertical-dot-single.gif) repeat-x; margin:15px 0; clear:both; }
div.FFFix { width:inherit; height:1px; font-size:1px; clear:both; margin:0; }

div.divUpdateTitle { width:inherit; height:30px; text-align:right; }
div.divTeaser { width:255px; height:auto; padding:5px; background-color:#F4F4F4; border-top:1px solid #FFFFFF; }
div.divTeaserAlt { width:255px; height:auto; padding:5px; background-color:#E5F1F8; border-top:1px solid #FFFFFF; }
div.divUpdateFooter { width:255px; height:20px; padding:5px; background: #FFF url(/img/bg/vertical-dot-single.gif) repeat-x; margin-top:10px; }
div.divTeaser p, div.divTeaserAlt p { margin-bottom:0 !important; }
div.divTeaser a:link, div.divTeaser a:visited, div.divTeaserAlt a:link, div.divTeaserAlt a:visited { color:#074860 !important; text-decoration:none !important; }
div.divTeaser a:active, div.divTeaser a:hover, div.divTeaserAlt a:active, div.divTeaserAlt a:hover { color:#00CCCC !important; text-decoration:none !important; }

div.divListLong { height:auto; padding:5px; background-color:#F4F4F4; border-top:1px solid #FFFFFF; }
div.divListLongAlt { height:auto; padding:5px; background-color:#ECF8E7; border-top:1px solid #FFFFFF; }

div.divNewsListLong { height:auto; padding:/*10px */5px; background-color:#F4F4F4; border-top:1px solid #FFFFFF; }
div.divNewsListLongAlt { height:auto; padding:5px; background-color:#E5F1F8; border-top:1px solid #FFFFFF; }
div.divNewsListLong p, div.divNewsListLongAlt p { margin:0; }
/*div.divNewsListLong a, div.divNewsListLongAlt a { color:#074860 !important; text-decoration:none !important; }
div.divNewsListLong a:hover, div.divNewsListLongAlt a:hover { color:#00CCCC !important; text-decoration:none !important; }*/

a.bBtnLogin { width:50px; height:25px; display:block; background:url(/img/button/login.gif) 0 0 no-repeat; }
a.bBtnLogin:hover { background-position:0 -25px; }
a.bBtnLogin span { display:none; }

a.bBtnDone { width:50px; height:25px; display:block; background:url(/img/button/done.gif) 0 0 no-repeat; }
a.bBtnDone:hover { background-position:0 -25px; }
a.bBtnDone span { display:none; }

a.bBtnSend { width:50px; height:25px; display:block; background:url(/img/button/send.gif) 0 0 no-repeat; }
a.bBtnSend:hover { background-position:0 -25px; }
a.bBtnSend span { display:none; }

a.aBtnSearch { width:50px; height:25px; display:block; background:url(/img/button/search.gif) 0 0 no-repeat; }
a.aBtnSearch:hover { background-position:0 -25px; }
a.aBtnSearch span { display:none; }

p.describeFormElement { margin:0; font-size:7pt !important; line-height:normal; color:#294900; }
p.pLinkLine { height:22px; background:url(/img/bg/vertical-dot-double-2.gif) 0 0 repeat-x; text-align:right; padding-top:2px; margin-top:20px; }
p.pPageLine { height:22px; background:url(/img/bg/vertical-dot-double-2.gif) 0 0 repeat-x; text-align:center; padding-top:2px; font-weight:bold; margin-top:20px; }
/*p.pPageLine a { font-weight:bold; background-color:#DBFFFF; padding:2px; border:1px solid #7EFFFF; }*/
p.tocTitle { font-size:9pt !important; font-weight:bold; padding-left:18px; background:url(/img/bg/bullet-double-arrow.gif) 0 4px no-repeat; }

span.spnQuestion { color:#7BD25F; }
span.grayText { color:#6D6D6D; }

h2.hQuestionTitle { color:#7BD25F; line-height:14pt; }
h3.hTableOfContents { font-size:10.5pt; color:#D86EBE; margin:0 0 15px 0;  }

p.pHighLite { background-color:#FDE869; font-size:10pt; font-style:italic; padding:3px; }

/* -- start: error/success message display styles -- */
div.error { color: #f00; background-color: #CCCCCC; }
div.success { color: #2D8B22; }
#divMsgDisplay { background-color: #FFFFF1; border: 1px solid #FDD90B; padding: 3px 3px 3px 5px; line-height: normal; margin-bottom: 10px; }
#divMsgDisplay ul { padding: 0; margin: 0 10px 0 25px; }
#divMsgDisplay ul li { margin: 0 0 3px 0; }
#divMsgDisplay ul li em { color: #C60303; }
#spnAjaxStatus, #spnAjaxStatusLogin { display: block; float: right; margin: 3px 10px 0 0; }
/* -- end: error/success message display styles -- */

/* ---- */
#header ul { list-style: none; padding: 0; margin: 0; }
#header li { float: left; border: 1px solid #bbb; border-bottom-width: 0; margin: 0 2px; }
#header a { text-decoration: none !important; display: block; background: #eee; padding: 0.24em 1em; color: #00c !important; width: 110px; text-align: center; }
#header a:hover { background: #ddf; }
#header #selected { border-color: black; }
#header #selected a { position: relative; top: 1px; background: white; color: black; font-weight: bold; }
#content { border: 1px solid black; clear: both; padding: 0 1em; }

/* -- start: pagination styles -- */
div.pagination {
	padding:3px;
	margin:10px 3px;
	text-align:center;

	padding: 5px;
	height:30px;
	background:url(/img/bg/vertical-dot-double-pagebreak.gif) 0 0 repeat-x;
}

div.pagination-pagebreak {
	height:30px;
	background:url(/img/bg/vertical-dot-double-pagebreak.gif) 0 0 repeat-x;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;

	text-decoration: none;
	color: #88AF3F;
}
div.pagination a:hover, div.pagination a:active {
	border:1px solid #9ACBEC; /*#85BD1E*/
	color: #638425;
	background-color: #F0F8FC; /*#F1FFD6*/
	text-decoration: none !important;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #4CA5DF; /*#B2E05D*/
	font-weight: bold;
	background-color: #4CA5DF; /*#B2E05D*/
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}
/* -- end: pagination styles -- */

div.divMembeProfileToolbar { height:16px; border-top:1px solid #EEEEEE; padding:5px 0 0 0; margin:10px 0 0 0; text-align:right; }
div.divMembeProfileToolbar span { margin-right:10px; margin:0; padding:0; }