﻿.buttonStyle
{
    border:1px solid #25729a; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family:arial, helvetica, sans-serif; 
    padding: 4px 7px 4px 7px; 
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    text-align: center; 
    color: #FFFFFF !important; 
    background-color: #3093c7;
    /*background-image: linear-gradient(to bottom, #3093c7, #1c5a85);*/
    text-decoration:none;
}
.buttonStyle:hover
{
    text-decoration:none;
    cursor:pointer;  
    border:1px solid #1c5675; background-color: #26759e;
    background-image: linear-gradient(to bottom, #26759e, #133d5b);
}

.PanelDesign
{
    width: 960px;
    background-color: #fff;
    margin: 20px 0px 0px 0px;
    border: 1px solid #496077;
    
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
        
    -webkit-box-shadow: 0px 2px 5px #666666;
    -moz-box-shadow: 0px 2px 5px #666666;
    box-shadow: 0px 2px 5px #666666;
    margin-top:-55px;    
}

.PanelHeading
{    color:Blue;
    font-size:16px;
    font-weight:bold;
    margin:100px 0px 0px 0px;   
}

/* style for lable which are using for show expired and active heading. */
   .lblActivity
   {
       font-size:14px;
       color:#384049;
       font-weight:bold;
   }
   
   .lblEditAct
   {
       font-weight:bold;
   }
   
   .editActTr
   {
       background-color:#CDCDCD !important;
       height:30px;
       margin-left:5px;
   }
      .MobLabel
    {
        margin-bottom:10px;
        margin-left:13px;
    }
    #MainContent_tbDBView_body
    {
        background-color:#CDCDCD;
    }
    .MobImgLbl
    {
      margin-left:-6px;
    }
    .MobButton
    {
    border: 1px solid #a1a1a1;
    padding: 10px 30px;
    background: #dddddd;
    width: 340px;
    border-radius: 14px;
    vertical-align:middle;
    height:18px;
    font-size:15px;
    text-align:center;
    cursor:pointer;
    }
    .MobA
    {
        font-style:italic
    }   
          
    /* As this stylesheet is lazy loaded these styles only apply if JavaScript is enabled */	
    .file-upload {
	overflow: hidden;display: inline-block;	position: relative;	
	vertical-align: middle;	text-align: center;height: 23px;
	/* Cosmetics */
	color: #fff;border: 2px solid #2FA2FF;background: #6FBEFF;
	/* Nice if your browser can do it */
	-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;text-shadow: #000 1px 1px 4px;
    }	
    .file-upload:hover { background: #2FA2FF; }
    .file-upload.focus { outline: 2px solid yellow;}
    .file-upload input { position: absolute;top: 0;	left: 0;margin: 0;font-size: 70px;
	/* Loses tab index in webkit if width is set to 0 */
	opacity: 0;filter: alpha(opacity=0);}
    /* Adjust the button size */
    .file-upload,.file-upload span {width: 14em; }
    
    /* To Show popup window*/
    div.fill_bg {background: #666666 url(../../img/jquery/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50);  position:fixed;left:0px;top:0px;	z-index:8;height:1500px;width:100%;margin:0px;padding:0px;}
    div.detail_content
    { background: -moz-linear-gradient(#F3F3F3, #FFFFFF, #F3F3F3) repeat scroll 0 0 transparent; 
	background: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(0, #f3f3f3),color-stop(0.5, #fff),color-stop(1, #f3f3f3)); 
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #666666;-webkit-box-shadow:0 0 3px #666666;box-shadow:0 0 3px #666666;	
	/* CSS3 Rounded Corners */	
	-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;border:1px solid #fff;background:#fff;
	padding:10px;}
	
	#imagePreview{ height: 142px;width: 376px;border: 0px solid #d0d0d0;margin-left: 210px;
          overflow-y: auto;overflow-x: hidden;text-align: left;vertical-align: middle;}        
    textarea{ resize:none;}
    #imgPre{ filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='clip to original')";
     -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='clip to original')";max-width:376px;}     
    .radiobutton { margin: 0px 0px 0px -1%; text-align: left;}        
    .left_col { float: left;text-align: left;width: 20px; }
    .right_col { float: right width:769px; }
    .modalPopup1 { background-color: #696969; filter: alpha(opacity=40); opacity: 0.7; xindex: -1; }                
    /* Alert message after successfull submit of activity*/        
    .ui-dialog{ width:65% !important ; min-height:150px; font-size:12px !important; background-color:#DEF6E0 !important}        
    .RatePanel{margin-top: 20px;}
    .PanelLabel{font-family:Times New Roman;font-size:15px}
    .UserPanelContent { margin: 50px 0px 0px 0px; background-color: #D4DOC8;}
    
    .tdp{ margin: 0 0 0 60px; }
    .AddActDiv {width: 180px; margin: 0 0 0 7%;}
    
    