/* Form 
----------------------------------*/
label      		                    { font-weight:bold; width:50px; display:inline-block; text-transform:uppercase;  }
span label                          { font-weight:normal !important; font-size:inherit; width:auto; display:inline-block; margin:3px 0px 0px 0; padding-left:5px; padding-right:5px; min-height:22px;}
.content input[type=text], .content input.text, .content input.title, .content textarea, .content select
                                    { background-color:#fff; width:100px; vertical-align:top; color:#666; padding:5px; border:solid 1px #CCC; }
.content input[type=checkbox]       { vertical-align:middle;display:inherit; }
.content select                     { width:200px; padding:5px; background:#FDFBFB url(../images/bg-select.gif) repeat-x; }
.ctlElement                         { padding:10px 10px 10px 20px; display:table-cell; vertical-align:middle; }
.ctlElementcalendar                 { padding:10px 10px 10px 20px; display:table-cell; vertical-align:middle; }
.ctlError                           { padding:0px 0; display:table-cell; vertical-align:middle; }
span.error                          { background:url(../images/error.gif) no-repeat 6px; color:red; padding:0 0 0 25px; }
.border-top                         { border-top:solid 1px #dfe1e3; }
.border-bottom                      { border-bottom:solid 1px #dfe1e3; }
.clear                              { display:inline-block; }
.ctlElement select                  { font-size:10pt;}

/* Button 
----------------------------------*/
.button                             { background:#EEE url(../images/bg-button.gif) repeat; vertical-align:top; color:#fff; font-weight:bold; text-transform:uppercase; text-decoration:none;  }
.button:hover                       { text-decoration:none; }
.orangebutton                       { vertical-align:middle; background:#FFD566; border:solid 1px #FFAA33; padding:5px 15px; text-decoration:none; cursor:pointer !important; text-transform:uppercase; color:#fff; font-weight:bold; }
.orangebutton:hover                 { text-decoration:none; }
form div.form2ndcol                 { margin-left:90px; margin-top:15px; }


/* Paging 
----------------------------------*/
.paging                             { padding-top:15px; text-align:right; }
.paging a.pageAction	            { padding:0 3px; font-size:13px; }
.paging a.pageAction img            { margin-bottom:-3px; width:16px; height:16px;}
.paging span                        { margin-left:2px; font-size:13px; }
.paging span a                      { padding:0 5px; }
.paging span b                      { padding:0 5px; color:#666; font-weight:normal; }


/* News Listing 
----------------------------------*/
#content 		                    { height:auto; width:900px; display: inline; }  
#left, #right 		                { height:auto; padding:1em; background:white; overflow:hidden;}  
#left  			                    { float:left;  width:33%; margin:0px;  min-height:100%; } 
#right 			                    { float:right; border-left:dotted 1px;  width:61%; min-height:450px; margin:0px; padding-bottom:100px;}  
.seperator                          { padding-top:20px;}
#newslistingcontent 		        { height:auto;}  
#newslistingleft 	                { height:auto; float:left;  width:20%;}
#newslistingright 	                { height:auto; float:left; width:79%;}
#newsdisplaydate                    { padding-left:15px; padding-top:3px; color:Gray; font-weight:bold; font-size:8pt; }
#newscategory                       { padding-left:25px; padding-top:0px; color:blue; font-weight:normal; font-family:verdana; font-size:10pt; }
#newstitle                          { padding-left:25px; padding-top:5px; color:black; font-weight:bold; font-size:10.2pt; font-family:verdana; text-align:justify;}
#newssynopsis                       { padding-left:25px; padding-top:5px; color:black; font-weight:normal; text-align:justify;}
div#left div.ctlLabel               { padding:10px 0px 10px 0; display:table-cell; text-align:right; vertical-align:top;*float: left; }
div#left div.ctlLabel label         { padding-right:27px;}

/* News Details 
----------------------------------*/
.newsdetails                        { width:98%; }
.newscategory                       { padding-left:0px; float:left; height:auto; color:#A52A2A; font-weight:normal; font-family:verdana; font-size:10pt;  }
.newsdisplaydate                    { padding-left:20px; float:left; height:auto; color:Gray; font-weight:bold; font-size:8.5pt;  padding-top:1px; }
.newskeywordlist                    { padding-left:30px; float:left; height:auto;}
.newscontent                        { width:600px; height:auto;  padding-top:30px; padding-bottom:30px; text-align:justify;}


/* Tender Listing 
----------------------------------*/
#tleft, #tright 		            { height:auto; background:white; overflow:hidden;}  
#tleft  			                { float:left; width:27%; margin:0px; min-height:100%; height:850px;} 
#tright 			                { float:right; width:70%; margin:0px; min-height:450px; padding-bottom:100px;} 
#tleftinner 			            { height:470px; background:rgb(240, 248, 255); border-top-color:#ddd; border-left-color:#ddd; border-right-color:#ddd; border-bottom-color:#ddd; border-top-style:solid; border-left-style:solid; border-right-style:solid; border-bottom-style:solid; border-top-width:2px; border-left-width:2px; border-right-width:2px; border-bottom-width:2px;} 
#tleftdetails                       { padding-top:30px; text-align:justify}
div#tleft div.ctlLabel              { display:inline; text-align:left; vertical-align:top;}
div#tleft div.ctlLabel label        { width:200px; padding-left:20px; padding-top:7px; padding-bottom:0px}
#tsearchheader		                { padding-bottom:20px; padding-top:20px; padding-left:20px; text-align:left; font-weight:bold; text-transform:uppercase; color:Gray;} 
#tsearchresultheader                { padding-bottom:20px; padding-left:15px; text-align:left; font-weight:bold; text-transform:uppercase; color:black; font-size:11pt;} 
.dpRangeText                        { padding:10px 120px 10px 0; display:table-cell; text-align:right; vertical-align:top; text-transform:uppercase;}
img.ui-datepicker-trigger           { padding:0; width:20pt; height:20pt; }


.tlistheader                        { position:relative; float:left; left:0.00%; padding-top:20px; padding-bottom:20px; width:98.00%; background-color:rgb(244, 244, 244); vertical-align:middle;} 
.tlistwrapperouter                  { position:relative; float:left; left:1.00%; width:98.00%; padding-bottom:35px; background-color: rgb(244, 244, 244); }
.tlistwrapperpropose                { position:relative; float:left; left:1.00%; width:98.00%; background-color:#5f8ec2 }
.tlistwrapperclose                  { position:relative; float:left; left:1.00%; width:98.00%; background-color:gray }
.tlistwrapperawarded                { position:relative; float:left; left:1.00%; width:98.00%; background-color:#638f4b }
.left1propose                       { position:relative; float:left; left:0.00%; width:8.00%;  background-color:#5f8ec2 }
.left1close                         { position:relative; float:left; left:0.00%; width:8.00%;  background-color:gray }
.left1awarded                       { position:relative; float:left; left:0.00%; width:8.00%;  background-color:#638f4b }
.left2                              { position:relative; float:left; left:0.00%; width:92.00%; background-color:White;  box-shadow:4px 5px 6px 2px #ccc;}
hr                                  { width:98%; margin:10px 0px 20px 0px; page-break-before:always; }
hr#noline                           { margin:0px 0px 20px 0px; background-color:White;color:White;}

#tendersno                          { color:White; font-size:medium; font-weight:bold; text-align:center;  vertical-align:middle;}
#tenderdescription                  { padding-top:10px; padding-left:10px; float:left; height:auto; color:gray; font-weight:bold; font-family:verdana; font-size:10pt; width:410px;  }
#tendercontractref                  { padding-top:10px; padding-left:0px; float:left; height:auto; font-size:8.5pt; width:100px; text-align:center }

#tendereligibility                  { padding-left:10px; float:left; height:auto; font-weight:normal; font-family:verdana; font-size:10pt; width:270px; text-align:justify; }
#tenderpublisheddate                { padding-left:20px; float:left; height:auto; font-size:8.5pt;  padding-top:1px; width:97px; text-align:center}
#tenderclosingdategray              { padding-left:25px; float:left; height:auto; color:Gray; font-weight:bold; font-size:8.5pt;  padding-top:1px; width:110px; text-align:center }
#tenderclosingdatered               { padding-left:25px; float:left; height:auto; color:#A52A2A; font-weight:bold; font-size:8.5pt;  padding-top:1px; width:110px; text-align:center}
#numoftenderer                      { padding-left:10px;}

#successfulTenderer                 { padding-left:10px; float:left; height:auto; font-weight:normal; font-family:verdana; font-size:8.5pt; width:230px; text-align:justify; }
#awardedamount                      { padding-left:20px; float:left; height:auto; font-size:8.5pt;  padding-top:1px; width:114px; text-align:center}
#awardeddate                        { padding-left:35px; float:left; height:auto; color:Gray; font-weight:bold; font-size:8.5pt;  padding-top:1px; width:114px; text-align:center}

.toggle                             { margin:1px; padding:3px 10px 20px; cursor:pointer; position:relative; background-color:white; color:#006699; }
.toggle img#toggleimage             { margin-bottom:-6px; width:20px; height:20px;}
a.toggleDotDot                      { font-weight:bolder; font-size:x-small; text-decoration:none;}

#tlistsno                           { padding-left:10px; float:left; height:auto; color:Gray; font-weight:normal; font-size:8pt;  padding-top:1px; width:20px; }
#tlistname                          { padding-left:25px; float:left; height:auto; color:Gray; font-weight:normal; font-size:8pt;  padding-top:1px; width:140px; text-align:left}
#tlistbaseamt                       { padding-left:25px; padding-right:35px; float:left; height:auto; color:Gray; font-weight:normal; font-size:8pt;  padding-top:1px; width:50px; text-align:center}
#tlistaltamt                        { padding-left:42px;  padding-right:5px;float:left; height:auto; color:Gray; font-weight:normal; font-size:8pt;  padding-top:1px; width:50px;  text-align:center}
#tlistremarks                       { padding-left:48px; float:left; height:auto; color:Gray; font-weight:normal; font-size:8pt;  padding-top:1px; width:80px;  text-align:center}
#tlistamtheader                     { padding-left:35px; float:left; height:auto; font-size:8pt;  padding-top:1px; width:150px; text-align:center}
.tendererlistcontent                { padding-bottom:20px}
img#contactdetails                  { margin-bottom:-6px; width:20px; height:20px;}
#conditionofcontract                { padding-top:20px;}
#attacheddoc                        { padding-left:10px;padding-bottom:20px;}
.noresult                           { text-align:center; color:Gray; font-weight:bold; padding-top:30px;}
/* hide keyword list in public requested by user*/
.newskeywordlist 					{ display:none;}
.returntotop						{ padding-bottom:50px !important;}

/* show subscribe feed link in news feed search requested by user*/
.newsfeedsubscribe					{ margin-left:165px; margin-top: -70px; padding-bottom: 30px;  margin-right:1092px;}
.newsfeedsubscribe					{ *margin-top: -100px;}
div.pgContent div.title h1			{ *margin-bottom:0em;}
@-moz-document url-prefix() { 
  .newsfeedsubscribe {
     margin-left:192px;
  }
}

/* Printing Out 
----------------------------------*/
@media print
{
div.pgContent 		 	    { width:800px\0/;}
.title h1			    { text-align:justify; }
#content 		            { height:auto; width:800px; display: inline; }  
hr.fullLengthHr                     { display: none;} 
hr                                  { display: none;}
div#numoftenderer                   { float:left;width:500px; }
a.subscribe img			    { display: none;}
div#content div#left		    { display: none;}
div#content div#right		    { width:100%;}
}