﻿/*------------- Could be used for all Modules ----------- */
.highliter{background-color:#eeeeff;}

/*------------- Breadcrumb ----------- */
.breadcrumb{height:30px; border-bottom:solid 1px gray; margin-bottom:15px;}

/*------------- News List ----------- */

/* News list */
/* news list container */
.News-List{}

/* News list inner title */
.News-List-Title{padding-bottom:10px; border-bottom:solid 1px gray; display:block;}
.News-List-Title a{display:inline; float:right; margin-top:5px;}
h3.Inner-Title{font-size:18px; padding-left:10px; display:inline;}

/* News Item */
.News-Item{clear:both;margin:10px 0px; background-image:url(images/topicIconGray-whiteBg.gif); background-repeat:no-repeat; background-position:left top;}

a.News-Item-Title{color:#ff8a00; font-size:14px; font-weight:bold; padding-left:35px;}
a.News-Item-Title:hover{color:green;}
.News-Item b{clear:right; margin-left:35px; display:block;}

/* News summry */
.News-Item-Summary{padding-bottom:10px; padding-left:35px; border-bottom:dotted 1px gray;}

/* News Details */
/* News list */
.News-Details{}
.News-Details a{ text-decoration:underline;}
.News-Details h3.News-Item-Title{color:#ff8a00; font-size:16px; font-weight:bold; padding-left:35px; display:inline;}
.News-Details .News-Item-Summary{bordeR:none; background-color:#eaeaea; background-image:url(images/form-cell-bg.gif); background-repeat:repeat-x; background-position:top; padding:10px; margin-bottom:10px;}

/*------------- FAQ List ----------- */

.FAQ-List{ display:block; font-family:Arial;}
.FAQ-List .Answer{display:none;}
.FAQ-List .Question{border-bottom:dotted 1px gray; padding:10px 0px; margin:0px; background-image:url(images/FAQ-icon.gif); background-position:0px 5px; cursor:pointer; }
.FAQ-List .Question:hover{background-color:#f0f8ff;}
.FAQ-List .News-Item-Summary{margin:0px;}

/*------------- Forms ----------- */

.Form-Container{width:95%; margin:0px auto; background:#fff; border:solid 1px #EAEAEA;}
.Form-Container tr{}
.Form-Container td{padding:8px; border-bottom:dotted 1px gray; font-weight:bold; background-image:url(images/form-cell-bg.gif); background-repeat:repeat-x; background-position:top;}
.Form-Container td input, .Form-Container td select , .txtBox{ width:220px; border:solid 1px #868686; height:17px; padding-left:3px; padding-right:3px; font-family:Tahoma; font-size:13px; vertical-align:middle; font-weight:normal;}
.Form-Container tr:hover{background-color:#eaeaea;}
.Form-Container td.Info-Title{background:none; font:bold 18px; color:Red; }
.Form-Container td.Info-Title:hover{background:none;}
.Form-Container td textarea {width:350px; font-weight:normal; height: 180px}
.separator{padding: 4px; height: 15px; border-left: solid 2px #BBBBBB;width: 2px;}

/*------------- Login Form only ----------- */
/*------------- not to be used to any other component ----------- */
.Login-Form{ background:url(images/login-bg.jpg) no-repeat center center; width:556px; height:223px; margin:0px auto; position:relative;}
.Login-Form table{width:300px;position:absolute; top:40px;left:220px;}
.Login-Form td{ border-bottom:dotted 1px gray; text-align:left; vertical-align:middle; padding:8px;}
.Login-Form td.lastCell{ border:none;}
.Login-Form td.lastCell a{ background:url(images/RecoverPWD-icon.jpg) no-repeat left center; padding-left:20px;}

/*------------- Contact Us Form only ----------- */
/*------------- not to be used to any other component ----------- */
 .ContactForm{background:url(images/envlope-VLborder.jpg); padding:0px 8px; border:Solid 1px #eaeaea; position:relative;}
 .ContactForm .topBorder{ background:url(images/envlope-HLborder.jpg); height:8px; display:block; top:0px;}
 .ContactForm .lowerBorder{ background:url(images/envlope-HLborder.jpg); height:8px; display:block; bottom:0px;}