/*
All Checked.


Colours being used

1) Page Background :-   #dafcd3 the light greeen background.
2) Dark green colour :- #036c20
3) grape violet :- #036c20
4) leaf green :- #349800
5) Label belue :- #0125fd;
6) yellow highlight :- #f8fb9d; 	
*/

/* HTML applies to all pages in the website*/



HTML {
	BORDER-TOP-STYLE: none; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none
}

/*
BODY to affect all the pages.

Background colour of the website to be set here.
BACKGROUND:  #dafcd3  ; the light greeen background.


*/

BODY 
{
    PADDING-RIGHT: 0px; 
    PADDING-LEFT: 0px; 
    PADDING-BOTTOM: 0px; 
    MARGIN: 0px; 
    PADDING-TOP: 0px; 
    BACKGROUND:  #dafcd3 repeat-x 0px 0px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

/*
Most common used css styles
*/

.JRSmallText {
	  FONT-SIZE: 0.8em
}


img.floatRight { 
    float: right; 
    margin: 4px; 
}
img.floatLeft { 
    float: left; 
    margin: 4px; 
}
/*container css for the home page.

Set the border colour for the two sides of the page.
and its thickeness. to give it a compact look.

Most importantly set the width of the home page here.
Currently set to 790px.
Optimised for 800 X 600 resolution for best visibility across jobboards.



*/

#homepagecontainer {
	
	BORDER-LEFT: #036c20 1px solid; 
	MARGIN: 0px auto; 
	WIDTH: 985px; 
	/*height:100%;*/
	POSITION: relative;
	BACKGROUND:  #ffffff ;
}

/*
Move the logo through the margin next to the border line.
using the margin property.

Background colour of the top banner is set here.


Set the padding top and height of the banner here.
Currently set to 65 px
*/

#vintnerheader {
	MARGIN: 0px 0px;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	BACKGROUND: #ffffff; 
	PADDING-TOP: 6px; 
	HEIGHT: 85px;
	POSITION: relative
}

/*logos position, if you increase the size of the logo, you might have to adjust this.*/

#vintnerlogo 
{
	
    Width: 250px
}


#vintnerlogoAdmin 
{
	padding-left:350px;
    Width: 600px
}
/*handles our slogan.*/
#bannertitle
{
    POSITION: absolute; 
    Left: 5px;
    PADDING-RIGHT: 0px; 
    PADDING-LEFT: 16px; 
    PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px; 
    FONT-WEIGHT: bold; 
    FONT-SIZE: 0.7em; 
    PADDING-BOTTOM: 0px; 
    BACKGROUND: #ffffff; 
    COLOR: #02792c; 
    PADDING-TOP: 6px; 
    RIGHT: 5px; 
    TOP: 68px;
	FONT-WEIGHT: bold; 
	TEXT-ALIGN: left;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

#bannertitleAdmin
{
    POSITION: absolute; 
    Left: 5px;
    PADDING-RIGHT: 0px; 
    PADDING-LEFT: 350px; 
    PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px; 
    FONT-WEIGHT: bold; 
    FONT-SIZE: 0.7em; 
    PADDING-BOTTOM: 0px; 
    BACKGROUND: #ffffff; 
    COLOR: #02792c; 
    PADDING-TOP: 6px; 
    RIGHT: 5px; 
    TOP: 68px;
	FONT-WEIGHT: bold; 
	TEXT-ALIGN: left;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

#bannertitleAdmin1
{
    Left: 5px;
    PADDING-RIGHT: 0px;  
    PADDING-LEFT: 350px; 
    PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px; 
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.7em; 
    PADDING-BOTTOM: 0px; 
    BACKGROUND: #dafcd3; 
    COLOR: #02792c; 
    PADDING-TOP: 6px; 
    RIGHT: 5px; 
    TOP: 68px;
	FONT-WEIGHT: bold; 
	TEXT-ALIGN: left;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

#bannertitleAdmin2
{
    Left: 5px;
    PADDING-RIGHT: 0px;  
    PADDING-LEFT: 150px; 
    PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px; 
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.7em; 
    PADDING-BOTTOM: 0px; 
    BACKGROUND: #ffffff; 
    COLOR: #02792c; 
    PADDING-TOP: 6px; 
    RIGHT: 5px; 
    TOP: 68px;
	FONT-WEIGHT: bold; 
	TEXT-ALIGN: left;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}


/*size of the advert banner to be handled from here*/

#vintnermarketingbanner
{
    POSITION: absolute;
    Top: 15px;
    Left: 410px;
    MARGIN: 0px 0px;
    PADDING-TOP: 6px; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	BACKGROUND: #ffffff; 
	PADDING-TOP: 6px
}



/* for the menu bar*/
#vintertopmenu
{
   BACKGROUND: url(../images/menubg.jpg)  repeat-x 0px 0px; 
   PADDING-BOTTOM: 0px; 
   PADDING-TOP: 1px; 
   HEIGHT: 1px;
   COLOR: #036c20;
   width: 983px
  
}

#vintertopmenu1
{
   BACKGROUND: url(../images/menubg.jpg)  repeat-x 0px 0px; 
   PADDING-BOTTOM: 0px; 
   PADDING-TOP: 1px; 
   HEIGHT: 1px;
   COLOR: #036c20;
   width: 1010px
  
}

#vinterpipemenuitems 
{
	margin-left: 0;
	list-style: none;
	display: inline;
	FONT-SIZE: 0.7em;
	font-style: normal;
	font-weight: bold;
	}

#vinterpipemenuitems  A{
	    COLOR: #ffffff; 
		TEXT-DECORATION: none
	}
	
#vinterpipemenuitems A:hover {
	TEXT-DECORATION: underline;
	COLOR: #f8fb9d; 	
	}

	
#vinterleftmenu
{
    POSITION:relative; 
    RIGHT: 0px; 
    PADDING-RIGHT: 0px; 
    PADDING-LEFT: 0px; 
    PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px; 
    Width: 233px;
    background : #036c20;

}	


            #vinterleftimg
            {
                POSITION:relative; 
                RIGHT: 0px; 
                TOP: 0px;
                Left: 0px;
                PADDING-RIGHT: 0px; 
                PADDING-LEFT: 0px; 
                PADDING-BOTTOM: 0px; 
	            PADDING-TOP: 0px;
                PADDING-BOTTOM: 0px; 
                Width: 233px;
                HEIGHT: 300px;
                background : #349800;
            }	


                #jrleftlinkslogin
                {
                	
                   POSITION: relative; 
                   Width: 232px;
                   /*HEIGHT: 600px;*/
                   background-image: url(../images/jrLeftlinksbg.jpg);
                   background-repeat: repeat-x;
                   TOP: 0px;
                   Left: 0px;
                   TEXT-ALIGN: left;
                   BORDER-Bottom: #000000 1px solid; 
                }	

                #jrleftlinkslogin H1 
                {
                    Width: 222px;
	                BORDER-RIGHT: #aaa 1px solid; 
	                PADDING-RIGHT: 0px; 
	                PADDING-LEFT: 10px; 
	                BACKGROUND: url(../images/leftlinksheadbg.jpg)  repeat-x 0px 0px; 
	                PADDING-BOTTOM: 0px; 
	                LINE-HEIGHT: 22px; 
	                PADDING-TOP: 0px; 
	                font-size:0.8em;
	                color:#ffffff;
	                font-weight: bold;
	                FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
                }

                #jrleftlinksloginbox
                {
                   PADDING-TOP: 0px;
                   PADDING-LEFT: 4px; 
                   TOP: 0px;
                   Left: 0px;
                }
        
                #jrleftlinksquicksearchbox
                {
                   PADDING-TOP: 0px;
                   PADDING-LEFT: 4px; 
                   TOP: 0px;
                   Left: 0px;
                }
                
                .leftlinksbut
                {
                   PADDING-TOP: 0px;
                   PADDING-LEFT: 0px; 
                   PADDING-Right: 32px; 
                   TEXT-ALIGN:center;
                   TOP: 0px                
                }
                                
                .jrleftlinkstext
                {
                   POSITION: relative; 
                   font-size:0.6em;
                   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
                   font-weight: normal;
                   color:#ffffff;
                   TEXT-ALIGN: left
                } 


                .jrleftlinksloginText
                {
                   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
                   POSITION: relative; 
                   color:#349800;
                   margin-top:3px; 
   
                }	



                #jrleftlinkspromozone
                {
                   POSITION: relative; 
                   Width: 232px;
                   HEIGHT: 400px;
                   background-image: url(../images/jrLeftlinksbg.jpg);
                   background-repeat: repeat-x;
                   TOP: 0px;
                   Left: 0px;
                   TEXT-ALIGN: left;
                   BORDER-Bottom: #000000 1px solid; 
                   vertical-align: top ;
                }	
                
                
                #jrleftlinkspromozone H1 
                {
                    Width: 222px;
	                
	                PADDING-RIGHT: 0px; 
	                BORDER-TOP: #f0f0f0 1px solid; 
	                PADDING-LEFT: 10px; 
	                BACKGROUND: url(../images/leftlinksheadbg.jpg)  repeat-x 0px 0px; 
	                PADDING-BOTTOM: 0px; 
	                LINE-HEIGHT: 22px; 
	                PADDING-TOP: 0px; 
	                font-size:0.8em;
	                color:#ffffff;
	                font-weight: bold;
	                FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
                }
                .dottedLine {
	                BACKGROUND-IMAGE: url(../images/jrdot.gif); HEIGHT: 1px
                }
                
                .jrleftlinkspromotable {
	                WIDTH: 100%
                }
                
               #jrleftlinkspromobox
                {
                   PADDING-TOP: 0px;
                   PADDING-LEFT: 4px; 
                   TOP: 0px;
                   Left: 0px
                }
                
                .jrpromottext {
	            PADDING-TOP: 3px;
	            PADDING-RIGHT: 2px; 
	            PADDING-LEFT: 1px; 
	            PADDING-BOTTOM: 3px
	            
                }
                
                A.jrleftlinkspromotext {
	                FONT-SIZE: 0.7em;
	                color:#ffffff;
	                 text-decoration:none;
	       
                }
                A.jrleftlinkspromotext:visited {
	                FONT-SIZE: 0.7em;
                }
                A.jrleftlinkspromotext:hover {
	                 FONT-SIZE: 0.7em;
	              
	                 color:#f8fb9d;
	                 text-decoration:underline;
                }
                
                           
                #jrleftlinkspaidbanners
                {
                   POSITION: relative; 
                   Width: 232px;
                  /* HEIGHT: 212px;*/
                   background-image: url(../images/jrLeftlinksbg.jpg);
                   background-repeat: repeat-x;
                   TOP: 0px;
                   Left: 0px;
                   TEXT-ALIGN: left;
                   PADDING-BOTTOM: 10px 
                }	      
                
               #jrleftlinkspaidbannersbox
                {
                   PADDING-TOP: 0px;
                   PADDING-LEFT: 0px; 
                   TOP: 0px;
                   Left: 0px
                }
                
                #jrleftlinkspaidbanners H1 
                {
                    Width: 222px;
	                
	                PADDING-RIGHT: 0px; 
	                BORDER-TOP: #f0f0f0 1px solid; 
	                PADDING-LEFT: 10px; 
	                BACKGROUND: url(../images/leftlinksheadbg.jpg)  repeat-x 0px 0px; 
	                PADDING-BOTTOM: 0px; 
	                LINE-HEIGHT: 22px; 
	                PADDING-TOP: 0px; 
	                font-size:0.8em;
	                color:#ffffff;
	                font-weight: bold;
	                FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
                }
                .jrleftlinkspaidbannerslogos
                {
                    TEXT-ALIGN: center;
                }
 /*--end of the left links css. phew..... --*/            
 
 
 
 
 
 /*
The search bar config begins here.

*/	
	
	
/*jrHomepageSearchbar stretches the whole centre panel.*/	
/*increase the height here for the whole centre panel*/	
#jrHomepageSearchbar
{
    height:1100px; 
    POSITION: absolute; 
    RIGHT: 5px; 
    TOP: 93px;
    Width:545px;
    Left: 234px;
    background: #ffffff;
    border-bottom : #f0f0f0 1px solid; 
    border-bottom-style:dashed;
}	

.jrtopjobsbottombar
{
    border-bottom : #f0f0f0 1px solid; 
    border-bottom-style:dashed;
}	
	
	

#jrHomepageSearchbar1
{
    
    POSITION: relative; 
    RIGHT: 0px; 
    TOP: 0px;
    Width:750px;
    Left: 5px;
    BACKGROUND:  #ffffff repeat-x 0px 0px;
    /*border-bottom : #f0f0f0 1px solid; 
    border-bottom-style:dashed;
   BORDER-RIGHT: #aaa 1px solid; */
}		


#jrInsideContentDetails {
	  FONT-SIZE: 0.8em;
	  font-weight: normal;
	  color:#036c20;
	  BACKGROUND:  #ffffff repeat-x 0px 0px;
	  PADDING-RIGHT: 14px; 
      PADDING-TOP: 15px;
      PADDING-LEFT: 15px;
      /*HEIGHT: 1090px;*/
      position:relative
}

#jrInsideContentDetails1 {
	  FONT-SIZE: 0.8em;
	  font-weight: normal;
	  color:#036c20;
	  width:700px;
	  BACKGROUND:  #ffffff repeat-x 0px 0px;
	  PADDING-RIGHT: 14px; 
      PADDING-TOP: 15px;
      PADDING-LEFT: 15px;
      /*HEIGHT: 1090px;*/
      position:relative
}

			
#jrHomePageSearch
{
    POSITION: relative; 
    COLOR: #036c20;
    height:180px; 
    width:550px;
    TOP: 0px;
    Left: 0px;
    PADDING-RIGHT: 4px; 
    PADDING-TOP: 0px;
    PADDING-LEFT: 5px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 0.8em;
}	


.jrHomePageSearchTextboxBar
{
    COLOR: #036c20;
    width:280px;
    FONT-SIZE: 0.8em;     
}

.jrHomePageSearchListBox
{
    COLOR: #036c20;
    width:245px;
    FONT-SIZE: 0.8em;
}
#jrHomePageSearchText1
{
   POSITION: relative; 
   width:540px;
   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
   Left: 4px;
   top :0px;
   FONT-SIZE: 0.8em;
   color:#036c20;
   margin-top:3px
}	
.jrHomePageSearchLabel
{
   FONT-SIZE: 0.8em;
}
.jrHomePageSearchLabelJobType
{
   FONT-SIZE: 0.8em;
   padding-top: 5px;
}
#cap 
{
    font-size:2.0em;
    color:#036c20;
    font-weight:bold; 
    float:left; 
    height:34px; 
    line-height:34px; 
    margin-top:0px; 
    margin-right:1px;
}






 /*--now starts the middle content box.. wwwwwwwwwwoooooooooo..... --*/
 #jrcontentbox
{
   BACKGROUND:  #ffffff repeat-x 0px 0px;
   POSITION: relative; 
   Left: 0px;
}	
#jrcontentbox1
{
   POSITION: absolute; 
   Left: 0px;
   top:0px
}	

 #jrcontentboxcontent
{
   POSITION: relative; 
    border-bottom : #036c20 1px solid; 
    border-bottom-style:dashed;
   background: #036c20;
   color:#000000;
   Left: 0px;
   FONT-SIZE: 0.8em; 
   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
   font-weight: normal;
   PADDING-RIGHT: 4px; 
   PADDING-TOP: 0px;
   PADDING-LEFT: 5px; 
   BACKGROUND: url(../images/CentreBackground.jpg)  repeat-x 0px 0px;
   
}

 #jrcontentboxcontent1
{
   POSITION: relative; 
   BORDER-Bottom: #000000 1px solid;
   background: #036c20;
   color:#000000;
   width:700px;
   Left: 0px;
   FONT-SIZE: 0.8em; 
   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
   font-weight: normal;
   PADDING-RIGHT: 4px; 
   PADDING-TOP: 0px;
   PADDING-LEFT: 5px; 
   BACKGROUND: url(../images/CentreBackground.jpg)  repeat-x 0px 0px;
   
}
 #jrcontentboxcontent A
{
   POSITION: relative; 
   background: #036c20;
   color:#ffffff;
   Left: 0px;
   FONT-SIZE: 0.9em; 
   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold
}
 #jrcontentboxcontent A:hover
{
   POSITION: relative; 
   background: #036c20;
   color:#f8fb9d; 
   Left: 0px;
   FONT-SIZE: 0.9em; 
   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold
}
 
#JRVJCentreContentHighlight    
{  
   POSITION: relative; 
   background: #ffffff;   
   Left: 0px;
}
#jrcontentboxpromo
{
   POSITION: relative; 
   background: #ffffff;
   height:658px;
   color:#036c20;
   Left: 0px;
   FONT-SIZE: 0.8em; 
   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   PADDING-RIGHT: 4px; 
   PADDING-TOP: 0px;
   PADDING-LEFT: 0px
}
 
 
      

#JRVJright
{
   padding-left:5px;
   padding-top:0px;
   padding-right:5px;
   padding-bottom:5px;
   FONT: 11px verdana, arial, helvetica; 
   COLOR: #036c20; 
   TEXT-DECORATION: none;
   font-weight:normal
}

#JRVJright .left {
  margin-right: 18px;
  float: left; 
  margin-bottom: 10px;
  border-width:0px;
}  

#JRVJright .more {
  font-weight: bold;
  font-size: 10px;
}

#JRVJright h2 {
  font: 18px arial, sans-serif;
  color: #5264bd;
  border-bottom: 1px solid #e2e9fe;
  padding-bottom: 6px;
  margin-bottom: 1em;
}
#JRVJright h3 {
  font: 14px arial, sans-serif;
    font-weight: bold;
  color: #036c20;
    border-bottom : #f0f0f0 1px solid; 
    border-bottom-style:dashed;
  padding-bottom: 6px;
  margin-bottom: 1em;
  margin-top: 2em;
}   
 
 #jrcontentboxpromovacancysearch
{
   POSITION: relative; 
   background: #ffffff;
   color:#036c20;
   Left: 0px;
   FONT-SIZE: 0.8em; 
   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   PADDING-RIGHT: 4px; 
   PADDING-TOP: 5px;
   PADDING-LEFT: 5px

}

 #jrcontentboxpromovacancysearch1
{
   POSITION: relative; 
   background: #ffffff;
   color:#036c20;
   Left: 0px;
   width:700px;
   FONT-SIZE: 0.8em; 
   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   PADDING-RIGHT: 4px; 
   PADDING-TOP: 5px;
   PADDING-LEFT: 5px

}

.jrlabelheader
{
   BACKGROUND: url(../images/labelbg.jpg)  repeat-x 0px 0px; 
   POSITION: relative; 
   color:#ffffff;
   Left: 0px;
   FONT-SIZE: 1.2em; 
   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   PADDING-RIGHT: 4px; 
   PADDING-TOP: 5px;
   PADDING-LEFT: 5px
}

.jrrowtext {
   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
   font-SIZE: 11px;
   color:#036c20;
   font-weight: normal;
   PADDING-TOP: 4px;
   PADDING-LEFT: 4px
}

.jrtext
{
    COLOR: #036c20;
    width:285px;
    FONT-SIZE: 12px;
}

.jrrowlabel {
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  FONT-SIZE: 0.9em;
  color:#036c20;
  font-weight: bold
}
.jrrowtext A:hover{
   color:#e41b0b;
}
.jrrowtext A{
   color:#036c20;
}

.jrrowtextA {
   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
   FONT-SIZE: 0.9em;
   color:#000000;
   font-weight: bolder
}
.jrrowtextheader {
	  FONT-SIZE: 1.0em;
	  color:#036c20;
	  PADDING-LEFT: 5px
}
.jrrowtextbackgroundB {
	  background: #e8fe6f;
}
.jrrowtextheader A{
	 FONT-SIZE: 1.0em;
	 color:#036c20
   
}
.jrrowtextheader A:hover{
     FONT-SIZE: 1.0em;
     font-weight:bold;
     text-decoration:underline;
     color: #e41b0b
}

.jrrowtextheader A:visited{
    FONT-SIZE: 1.0em;
}

div.content
{
	POSITION:absolute;
    RIGHT: 5px; 
    TOP: 115px;
    Width:545px;
    Left: 234px;
    background: #ffffff; 
}
	
	
#jrInsideContent
{
   POSITION:absolute; 
    RIGHT: 5px; 
    TOP: 115px;
    Width:545px;
    Left: 234px;
    HEIGHT: 1200px; 
    background: #ffffff; 

}

#jrInsideContentFull
{
   POSITION:absolute; 
    RIGHT: 5px; 
    TOP: 115px;
    Width:700px;
    Left: 234px;
    HEIGHT: 1320px; 
    background: #ffffff; 
    PADDING-LEFT: 15px;
}


#jrInsideContent1
{
	 
	  color:#036c20;
	  BACKGROUND:  #ffffff repeat-x 0px 0px;
	  PADDING-RIGHT: 14px; 
      PADDING-TOP: 15px;
      PADDING-LEFT: 15px;
       Width:545px;
      /*HEIGHT: 1090px;*/
       /*BORDER-RIGHT: 1px solid;  */
      position:relative
}


#jrInsideContentHeader {
	  FONT-SIZE: 1.2em;
	  font-weight: bolder;
	  color:#036c20;
	  PADDING-RIGHT: 14px; 
      PADDING-TOP: 15px;
      PADDING-LEFT: 15px
}
.jrInsideContentHeader {
	  FONT-SIZE: 1.8em;
	  font-weight: bolder;
	  color:#036c20;
	  PADDING-TOP: 15px;

}
#jrInsideContentDetails {
	  FONT-SIZE: 11px;
	  font-weight: normal;
	  color:#036c20;
	  BACKGROUND:  #ffffff repeat-x 0px 0px;
	  PADDING-RIGHT: 14px; 
      PADDING-TOP: 15px;
      PADDING-LEFT: 15px; 
      position:relative
}
#jrInsideContentDetailsBigger {
	  FONT-SIZE: 12px;
	  font-weight: normal;
	  color:#036c20;
	  BACKGROUND:  #ffffff repeat-x 0px 0px;

}
#jrInsideContentDetails1 
{
	 
	  FONT-SIZE: 0.8em;
	  font-weight: normal;
	  color:#036c20;
	  BACKGROUND:  #ffffff repeat-x 0px 0px;
	  PADDING-RIGHT: 14px; 
      PADDING-TOP: 0px;
      PADDING-LEFT: 15px;
      /*HEIGHT: 1090px;*/
      position:relative
}



#jrInsideChildContentDetails
{
	 FONT-SIZE:1.2em;
	  font-weight: normal;
	  color:#036c20;
	  PADDING-RIGHT: 14px; 
      PADDING-TOP: 0px;
      PADDING-LEFT: 15px
}

#jrInsideContentDetails A{
	  color:#036c20;
}

.helptext 
{
      font-weight:normal;
	  FONT-SIZE: 10px;
	  color:#000000

}

.copyright 
{
      font-weight:normal;
      PADDING-TOP: 1px;
	  FONT-SIZE: 0.6em;
	  color:#000000

}

A.copyright:hover 
{
      font-weight: bold;
	  FONT-SIZE: 0.6em;
	  color:#000000
}

              
/*
Form CSS ****************************************
*/










.JobTitleDisplay {
	  FONT-SIZE: 1.1em;
      COLOR: #036c20; 
	  font-weight: bolder
}
.jrFormRow 
{
    vertical-align:top;
}
.jrTextbox
{
 FONT-SIZE: 1.0em;
 WIDTH: 230px; 
 COLOR: #036c20; 
 FONT-FAMILY: Arial,Verdana, Arial, Helvetica, sans-serif;
 HEIGHT: 15px; 
 TEXT-DECORATION: none
}
.jrTextboxLabelCompulsory
{
   Color:#036c20;
   FONT-SIZE: 1.0em; 
   FONT-FAMILY: Arial,Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold
}
.jrTextboxLabel
{
   Color:#036c20;
   FONT-SIZE: 1.0em; 
   FONT-FAMILY: Arial,Verdana, Arial, Helvetica, sans-serif;
   font-weight: normal
}

.JRJobDesc
{
   BACKGROUND:#ffffee;
   Color:#036c20;
   padding-left:5px;
   padding-top:5px;
   padding-left:5px;
   padding-bottom:5px;
   FONT-SIZE: 12px;
   height: 700px;
   overflow: auto;

}
.JRArticleDesc
{
   BACKGROUND:#ffffff;
   Color:#036c20;
   padding-left:5px;
   padding-top:5px;
   padding-left:5px;
   padding-bottom:5px;
   FONT-SIZE: 12px;
   FONT-FAMILY: Arial,Verdana, Arial, Helvetica, sans-serif;
   height: 1100px;
   overflow: auto;

}
.jrTableHeader
{
   BACKGROUND:#036c20;
   color:White;
}


.jrTableRowA
{
   BACKGROUND:#f4fcda;
   color:#036c20;
}

.jrTableRowB
{
   BACKGROUND:#ecf9f0;
   color:#036c20;
}



#JRRightPanel
{
    height:1100px; 
    POSITION: absolute; 
    RIGHT: 5px; 
    TOP: 115px;
    Width:195px;
    Left: 785px;
   BACKGROUND:  #ffffff repeat-x 0px 0px;
    border-bottom : #000000 0px solid
}

#JRRightPanel1
{
    /*height:1100px; */
    POSITION: relative;
    left:1px; 
    RIGHT: 0px; 
    TOP: 0px;
    /*Width:185px;*/
	background-image: url(../images/jrLeftlinksbg.jpg);
    background-repeat: repeat-x;
    
}


.JRVintnerPromo
{
   padding-left:5px;
   padding-top:15px;
   padding-right:5px;
   padding-bottom:5px;
   border-bottom : #f0f0f0 1px solid; 
   border-bottom-style:dashed;
   FONT: 11px verdana, arial, helvetica; 
   COLOR: #036c20; 
   TEXT-DECORATION: none;
   font-weight:normal;
   text-align: center;

   
}
.JRVintnerPromoText
{
   text-align: left;

   
}

.JRVintnerPromo A
{

   FONT: 11px verdana, arial, helvetica; 
   COLOR: #036c20; 
   TEXT-DECORATION: none;
   font-weight:normal;
   font-style:normal;
   text-decoration: underline;
}

.JRVintnerPromo A:hover
{
   COLOR: #475b7c;

}
/*
Experimental **********************
*/
/* sidebar */

 
 
 
 /* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
    background: transparent url(demobox.png) no-repeat bottom right; 
} 
.cssbox1, .cssbox1_body, .cssbox1_head, .cssbox1_head h2 {
    background: transparent url(demobox.png) no-repeat bottom right; 
} 
.cssbox { 
    width: 515px !important; /* intended total box width - padding-right(next) */
    width: 320px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 20px auto; /* use to position the box */ 
} 

.cssbox1 { 
    width: 700px !important; /* intended total box width - padding-right(next) */
    width: 680px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 10px auto; /* use to position the box */ 
} 

/* set the top-right image */ 
.cssbox_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 
.cssbox1_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-right image */ 
.cssbox1_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 


/* set the top-left image */ 
.cssbox_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
    FONT: 12px verdana, arial, helvetica; 
	COLOR: #1c191a; 
	TEXT-DECORATION: none;	
} 

.cssbox1_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
    FONT: 12px verdana, arial, helvetica; 
	COLOR: #1c191a; 
	TEXT-DECORATION: none;	
} 
/* set the lower-left corner image */ 
.cssbox_body { 
    background-position: bottom left; 
    margin-right: 25px; /* interior-padding right */ 
    padding: 1px 0 15px 40px; /* mirror .cssbox_head right/left */ 
} 

.cssbox_body1 { 
    background-position: bottom left; 
    margin-right: 25px; /* interior-padding right */ 
    padding: 1px 0 15px 40px; /* mirror .cssbox_head right/left */ 
} 

 .JRMenu5 {
    FONT: bold 18px verdana,arial, helvetica; 
    COLOR: #1c191a; 
    TEXT-DECORATION: none
}

                
                          
.jrHomePageSearchTextboxBar
{
    FONT: 11px verdana, arial, helvetica; 
    COLOR: #036c20; 
    Width:280px;
    TEXT-DECORATION: none;
}
.jrHomePageSearchLabel
{
    FONT: 11px verdana, arial, helvetica; 
    COLOR: #036c20; 
    TEXT-DECORATION: none;
    font-weight:bold
}
.jrHomePageSearchListBox
{
    FONT: 11px verdana, arial, helvetica; 
    COLOR: #036c20; 
    Width:200px;
    TEXT-DECORATION: none;
} 
 
                
                
               .JRMenu {
	                FONT: bold 11px verdana,arial, helvetica; 
	                COLOR: #1c191a; 
	                TEXT-DECORATION: none;
	                padding-left:5px;
                }
                A.JRMenu:link {
	                FONT: bold 11px verdana, arial, helvetica; 
	                COLOR: #e41b0b; 
	                TEXT-DECORATION: none
                 }
                A.JRMenu:active {
	                FONT: bold 11px verdana, arial, helvetica; 
	                COLOR: #1c191a; 
	                TEXT-DECORATION: none
                    }
                A.JRMenu:visited {
	                FONT: bold 11px verdana, arial, helvetica; 
	                COLOR: #1c191a; 
	                TEXT-DECORATION: none
                    }
                A.JRMenu:hover {
                	FONT: bold 11px verdana, arial, helvetica; 
                	COLOR: #e41b0b; 
                	TEXT-DECORATION: underline
                }
                .JRMenu2 {
	                FONT: bold 13px verdana,arial, helvetica; 
	                COLOR: #1c191a
                }
                A.JRMenu2:link {
	                FONT: bold 13px verdana, arial, helvetica; 
	                COLOR: #1c191a; 
	                TEXT-DECORATION: none
                }
                A.JRMenu2:active {
	                FONT: bold 13px verdana, arial, helvetica; 
	                COLOR: #1c191a
                }
                A.JRMenu2:visited {
	                FONT: bold 13px verdana, arial, helvetica; 
	                COLOR: #1c191a; 
	                TEXT-DECORATION: none
                }
                A.JRMenu2:hover {
	                FONT: bold 13px verdana, arial, helvetica; 
	                COLOR: #e41b0b
                }
                A.JRMenu3:link 
                {
                	FONT: 13px verdana, arial, helvetica; 
                	COLOR: #1c191a; 
                	TEXT-DECORATION: none
                }
                A.JRMenu3:active {
	                FONT: 13px verdana, arial, helvetica; 
	                COLOR: #1c191a; 
	                TEXT-DECORATION: none
                }
                A.JRMenu3:visited {
	                FONT: 13px verdana, arial, helvetica; 
	                COLOR: #1c191a; 
	                TEXT-DECORATION: none
                }
                A.JRMenu3:hover {
	                FONT:  13px verdana, arial, helvetica; 
	                COLOR: #e41b0b; 
	                TEXT-DECORATION: none
                }
                
               .JRMenu4 {
	                FONT: bold 11px verdana,arial, helvetica; 
	                COLOR: #1c191a; 
	                TEXT-DECORATION: none
                }
                A.JRMenu4:link {
	                FONT: bold 11px verdana, arial, helvetica; 
	                COLOR: #1c191a; 
	                TEXT-DECORATION: none
                 }
                A.JRMenu4:active {
	                FONT: bold 11px verdana, arial, helvetica; 
	                COLOR: #1c191a; 
	                TEXT-DECORATION: none
                    }
                A.JRMenu4:visited {
	                FONT: bold 11px verdana, arial, helvetica; 
	                COLOR: #1c191a; 
	                TEXT-DECORATION: none
                    }
                A.JRMenu4:hover {
                	FONT: bold 11px verdana, arial, helvetica; 
                	COLOR: #e41b0b; 
                	TEXT-DECORATION: none
                }
                
                .JRMenu5 {
	                FONT: bold 18px verdana,arial, helvetica; 
	                COLOR: #1c191a; 
	                TEXT-DECORATION: none
                }
                A.JRMenu5:link {
	                FONT: bold 18px verdana, arial, helvetica; 
	                COLOR: #1c191a; 
	                TEXT-DECORATION: none
                 }
                A.JRMenu5:active {
	                FONT: bold 18px verdana, arial, helvetica; 
	                COLOR: #1c191a; 
	                TEXT-DECORATION: none
                    }
                A.JRMenu5:visited {
	                FONT: bold 18px verdana, arial, helvetica; 
	                COLOR: #1c191a; 
	                TEXT-DECORATION: none
                    }
                A.JRMenu5:hover {
                	FONT: bold 18px verdana, arial, helvetica; 
                	COLOR: #e41b0b; 
                	TEXT-DECORATION: none
                } 
                
                
    
    
   
   
#VJFooter 
{
  border-top: 1px solid #036c20;
}               
  

#welcome {
  margin-right: 20px;
}

   
#jrpromoindex {
  margin-right: 1%;
}

#jrpromoindex-img 
{
  background: url(../images/decantershow.jpg) no-repeat;
  height: 23px;
  float: left;
  margin-right: 18px;
  text-align: center;
  padding-top: 90px;
  font-size: 9px;
  font-weight: bold;
}           

.Tdheader
{
	MARGIN: 0px 0px;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	BACKGROUND: #ffffff; 
	PADDING-TOP: 6px; 
	HEIGHT: 85px;
	
	
}
.TdLeft
{
     
    RIGHT: 0px; 
    PADDING-RIGHT: 0px; 
    PADDING-LEFT: 0px; 
    PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px; 
    /*Width: 233px;*/
    background : #036c20;
    vertical-align:top;
    width:20%;
    
     

}	
.TdBody
{
    RIGHT: 5px; 
    TOP: 115px;
    Width:750px;
    Left: 234px;
    background: #ffffff; 
}

.leftImg
{

    RIGHT: 0px; 
    TOP: 0px;
    Left: 0px;
    PADDING-RIGHT: 0px; 
    PADDING-LEFT: 0px; 
    PADDING-BOTTOM: 0px; 
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px; 
    Width: 233px;
    HEIGHT: 300px;
    background : #349800;
}
.leftLinksLogin
{
	Width: 232px;
	HEIGHT: 600px;
	background-image: url(../images/jrLeftlinksbg.jpg);
	background-repeat: repeat-x;
	TOP: 0px;
	Left: 0px;
	TEXT-ALIGN: left;
	BORDER-Bottom: #000000 1px solid; 
}
.leftLinksPromoZone
{

   Width: 232px;
   HEIGHT: 200px;
   background-image: url(../images/jrLeftlinksbg.jpg);
   background-repeat: repeat-x;
   TOP: 0px;
   Left: 0px;
   TEXT-ALIGN: left;
   BORDER-Bottom: #000000 1px solid; 
   vertical-align: top ;
}
.leftLinkedPaidBanners
{

   Width: 232px;
   HEIGHT: 212px;
   background-image: url(../images/jrLeftlinksbg.jpg);
   background-repeat: repeat-x;
   TOP: 0px;
   Left: 0px;
   TEXT-ALIGN: left;
}

.PrettyGrid
{
  width: 100%;
}

.PrettyGrid div.Pagination,
.PrettyGrid div.Pagination a,
.PrettyGrid div.Pagination span
{
  color: #00FFFF;
  background: #036c20;
  font-weight: normal;
  padding: 2px;
}
.PrettyGrid table
{
  border: solid 1px #CCCCCC;
  width: 100%;
}


     
  .CurrentPage 
  {
      padding: 2px 6px;
      border: solid 1px #ddd; 
      background: #2E8B57;
      color:White;
  }
  .PrevNext,.PageNumber
  {
      padding: 2px 6px;
      border: solid 1px #ddd;
      text-decoration: none;
      color: #2E8B57;
  }
  .PageNumber:hover, .PrevNext:hover
  {
      background-image: url(../images/jrLeftlinksbg.jpg);
      background-repeat: repeat-x;
      color: White;
  }
  
 .EmptyData
{

   Width: 710px;
   HEIGHT: 200px;
   
   TOP: 0px;
   Left: 0px;
   TEXT-ALIGN:center;
   font-size:x-large;
   font-weight:bold;
   
}
.lblfont
{
	 color:Red;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}
.popupHeader
{
	border:border: solid 1px Black;
	width:600px;
	background-color: #036c20;
	font-weight: bold; 
	color:White;
}
.popupBody
{
	width: 600px; 
	background-color: #C8F1CA; 
	border: solid 1px Black;
}

.LoginControl

{

  background-color:#C8F1CA; 
  border-color:#CCCC99;
  border-style:solid;
  border-width:1px;
  font-family:Verdana; 
  font-size:14px; 
    
}



/* ----------------------*/