/*---  EN user_rating.aspx  ------------------------------------------------*/


#user_container   { width: 482px; 
              	    /*height: 700px;*/
    	            float: left;
                    margin-left: 10px;
                    margin-top: 10px; }


/*---  header_data ------------------------------------------------------*/


#header_data     { background: #fff /*url(/images/rme_about.jpg)*/;
                   background-repeat: no-repeat;
                   width: 460px;
                   height: 105px;
                   margin-left: 10px;
                   margin-right: 10px;
                   margin-top: 10px;
                   position: relative; }

#EmpNameProv     { position: absolute;
                   left: 0px;
                   top: 0;
                   font-weight: bold; }

#empName         { color: orange;
                   font-size: 18pt; }

/*
#empName         { position: absolute;
                   left: 0px;
                   top: 0px;    
                   font-size: 18pt;
                   font-weight: bold;
                   color:orange;
 background:red }



#empName a       { color:orange; 
                   font-size: 20pt; }

#empName a:hover { color: #84ad40; }
*/

#link_View_All_Rates  { position:absolute;
                       left: 402px;
                       top: 10px;
					   width: 60px;
                       font-size: 10pt;
                       font-weight: bold;   
                       color: Orange; }

#lblOverallAvg   { position: absolute;
                   left: 0px;
                   top: 55px;
                   font-weight: bold; }

#OverallAvg      { position: absolute; 
                   left: 102px;
                   top: 55px; }

#lblRatersAvg    { position: absolute;
                   left: 0px;
                   top: 80px; 
                   font-weight: bold; }

#RaterAvg        { position: absolute; 
                   left: 93px;
                   top: 80px; }

#lbtnRateEmployer { position: absolute;
                    left: 312px;
                    top: 50px;
                    font-size: 12pt;
                    font-weight: bold; 
                    color: #84ad40;} 
                   
/*#lbtnRateEmployer a { color: #84ad40; }

#lbtnRateEmployer a:hover { color: orange; text-decoration: none; }*/


/*---  user_comment ------------------------------------------------------*/


#user_comment { background: #fff url(/images/rme_sorting.jpg);
                background-repeat: no-repeat;
                width: 460px;
                margin-left: 10px;
                margin-right: 10px;
                margin-top: 10px;
                margin-bottom: 10px;  
                line-height: 20px; 
                border-bottom: dashed 1px orange;}  
            
#RaterTitle { 
			  font-weight: bold;
              color: orange; }

#u_title {  margin-top: 10px;
			margin-left: 10px; }

#u_comment { padding-bottom: 15px;
             padding-top: 10px;   
			 margin-left: 10px; }

#u_helpful  { height: 30px;             
              margin-left: 10px;  
              margin-right: 10px; 
              /*border-bottom: dashed 1px orange;*/ 
              font-size: 8pt; }

#u_helpful a { color: #84ad40; }
#u_helpful a:hover { color: orange; }
		
#lblPostedOn { left: 10px;}

#lblUserDate {}

#RaterComment {}

#lblWasThisHelpful {}

#lbtnYes {}

#lbtnNo {}

#lbtnFlagAs {}
	
	  
				  
/*---  response section ------------------------------------------------------*/

#Comment { /*background: silver*/}

.comment { position: relative;
           width: 450px;
           margin-left: 10px;
           margin-bottom: 10px;
           padding-left: 10px;
           padding-top: 10px;
           padding-bottom: 10px;  
           border-bottom: dashed 1px orange;
           border-top: dashed 1px orange;
           background: #fbfdf8; }
    
.response_name { /*position:absolute;*/
                 left:0px;
                 height: 20px;  
                 font-weight: bold;
                 /* background: yellow; */}

.posted_on     { /*position:absolute; display: inline;*/
                left: 80px; 
                height: 20px;
                /* background: pink; */}
            
.response_date { /*left: 200px; display: inline;*/ 
                 height: 20px;
                 /*position:absolute; */
                 /*background: red; */}

.response_text { /*position: absolute;*/ display: block;
                 /*width: 200px;*/
                 margin-top: 10px;
                 margin-bottom: 5px;
                 top: 60px; }

.flag_response { font-size: 8pt; }
.flag_response a { color: #84ad40; }
.flag_response a:hover { color: orange; }




/*---  response form section ------------------------------------------------------*/

#response_form { margin-left: 15px;
                 margin-top: 20px;    
                 width: 455px;
                 height:190px;
                 position:relative; }
                
#lblTitleRespond { position: absolute;
                   left: 0px;
                   top: 0px;
                   height: 30px; }

#lblRatingInst3 { position: absolute;
                  left: 0px;
                  top: 20px;
                  height: 30px; 
                  color:Red;
                  /*font-weight:bold;*/
                  font-size:11px; }

#txtResponse { position: absolute;
               left: 0px;
               top: 75px;
               width: 450px;
               height: 100px;
               border: solid 1px #aaa;
               font: 10pt  "Trebuchet MS", arial, sans-serif;
               color: #000; }

#but_CommentPreview { position: absolute;
               left: 350px;
               top: 180px; 
               width: 100px;
               font-weight: bold;
			   color: white;
			   font-family: verdana;
			   height: 21px;
			   background-color: #FFA500;
			   cursor : hand;
			   cursor : pointer;}
               

/*---  score section ------------------------------------------------------*/

#user_ratings      { width: 304px; 
		             height: 860px;
		             /*background: #fff url(/images/rme_tablesLong.jpg);
                     background-repeat: no-repeat;*/
                     float: right; 
                     position: relative; }
				 
#lblTitleRaterScores { position: absolute;
                       left: 20px;
                       top: 20px;
					   color: orange;
				       font-weight: bold;
				       font-size: 12pt; }   


#scoreTable        { position: absolute;
                     width: 277px;
                     left: 5px;
                     top: 50px;
                     font-size: 8pt;
                     text-align:  left; }
                      
#scoreTable td        { padding-top: 5px;
                        padding-bottom: 5px;
                        padding-left: 2px; }

#odd               { background: #e8f3d3; }

#even              { background: #fbfdf8; }     




/* dropdown province */
#dd_provinces 
{
    display:none;
    position:absolute;
    border-bottom:solid 1px #84ad40;    
    border-right:solid 1px #84ad40;
    border-top:none;
    border-left:solid 1px #84ad40;
    width:167px;
    background-color:White;
    padding-top:0px;
    padding-left:0px;
    top:0px;
    left:0px;
    z-index:2;
}
              
#lbl_current_province 
{
    display:none;
    position:absolute;
    top:0px;
    left:0px;
    width:150px;
    height:18px;
    padding-top:2px;
    padding-left:2px;
    z-index:1;
    border-bottom:solid 1px #84ad40;    
    border-left:solid 1px #84ad40;
    border-top:solid 1px #84ad40;
    border-right:none;
    color:Black;
    font-size:11px;
    background:white;
 }
 
 #img_select_province
 {
    position:absolute;
    border-bottom:solid 1px #84ad40;    
    border-right:solid 1px #84ad40;
    border-top:solid 1px #84ad40;
    border-left:none;
    display:none;
    height:20px;
    width:15px;
    padding:0px;
    z-index:2;
 }
 
 a.province 
 {
    color : #000000;
    padding-top:2px;
    padding-left:2px;
    padding-bottom:2px;
    font-size:12px;
    font-weight:normal;
    display:block;
    border-top:solid 1px #E9F4D4;
    text-decoration:none;
    height:18;
  }
  
  a.province:hover 
 {
    
    color : #84ad40;
    background-color:#E9F4D4;
  }
  
 ul.province
 {
  list-style-type:none;
 }

#divChooseProvince,#divChooseOtherProvinces                                                  
{
    border:solid 1px #84ad40;
    width:176px;
    background-color:#FFFFFF;
    position:absolute;
    top:-500px;
    left:-500px;
    
}

#lbl_set_provinces
{
    color: #84ad40;
    font-size:11px;
}

#right_column                        
{
    width: 284px; 
    height: 855px;
    position: absolute;
    top: 0px;
    left: 0px;
    border-left: solid 1px #F8941C;
    border-right: solid 1px #F8941C;
    border-bottom: solid 1px #F8941C;
    border-top: none;

}

#img_header_RMenu
{
    border: solid 0px black;
    position:absolute;
    left:-1px;
    top:0px;
    z-index:2;
}


#divPreview { position:absolute;
              left: -5000px;
              top: -5000px;
              width: 497px;
              height: 570px;
              background:#FFFFFF;
              border: solid 1px orange;  
              color: #000000;
              z-index:3;
              /*border-top: solid 1px orange;*/
            }

/*
#preview_Hr { border-bottom: solid 1px orange;
              position:relative;
              left: 10px;
              top: -15px;
              width: 440px;       
}
*/

#preview_header { position:relative;
                  left: 10px;
                  top: 1px;     
                  color: Orange;
                  font-weight:bold;
                  font-size: 20px;     
}

#txtPreview 
{
    position:relative;
    left: 30px;
    top: -10px;
    width:425px;
    height:480px;
    overflow:auto;
    background: #FBFDF8;
    padding: 10px;
    /*border: solid 1px green;*/
}

#but_Preview_Post { position:relative;
                    left: 130px;
                    top: 520px;
                    width:100px;
                    height:21px;
                    background-color:#FFA500;
                    cursor:hand;
                    cursor:pointer;
                    color:White;
                    font-weight:bold;
}

#but_Preview_Edit { position:relative;
                    left: 150px;
                    top: 520px;
                    width:100px;
                    height:21px;
                    background-color:#FFA500;
                    cursor:hand;
                    cursor:pointer;
                    color:White;
                    font-weight:bold;     
}

#divPreviewHidePanel { position:absolute;
                        left: -5000px;
                        top: -5000px;
                        width: 770px;
                        height: 140px;
                        background: #FFFFFF;
                        color: #000000;
}