/* Reset all margins and paddings for browsers */

body { 
	font: 12px Segoe UI, Arial, sans-serif; /*.8em Verdana, Arial, Sans-Serif;*/
	margin: 0;
}

* {
	outline: none;
}

* a:hover { /*ben*/
   text-decoration : underline;
  }	

#wrap {	margin: 0 auto;	width: 100% }

.imgmenu {border:0px; margin: 2px 0px 0px -20px; position:absolute}
.imgaction {border:0px; margin: 0px 3px -3px 20px;}



/* SEARCH BOX AND BUTTON ----------*/
#search { float: right;  padding: 10px 25px 0 0;  }

input.text { 
	border: 1px solid #eee;
	display: inline;
	margin-top: 5px;
	width: 120px;
	height: 12px;
	font-size: 10px;
 }
input.searchbutton {
	border: 0;
	background: transparent;
	color: #FFF;
	cursor: pointer;
	font: bold 12px Segoe UI, Arial, Sans-Serif /*bold 0.8em Arial, Arial, Sans-Serif*/
 }

/* TOP MENU ---------- */
#topmenu {  	margin: 0px 8px 0 8px; 
			padding: 0;
			background: url(../../Images/general/menu.jpg) repeat-x top;
			height: 35px;
			
}
#topmenu .lefts { 
	background: url(../../Images/general/menul.jpg) no-repeat left; 
	height: 35px; 
	padding-left: 5px;
}
#topmenu .rights {
	background: url(../../Images/general/menur.jpg) no-repeat right;
	float: right;
	height: 35px;
	width: 8px;
}
#topmenu li a { 
	color: #FFF;
	text-align: left;
	padding-left: 10px;
	padding-right: 15px;
	text-decoration: none;
	background: transparent;
	font-weight: bold
} 
#topmenu li { padding: 0px;
	float: left;
	margin: 0;
	font-size: 11px;
	line-height: 35px;
	white-space: nowrap;
	list-style-type: none;
	width: auto;
	background: url(../../Images/general/sep.gif) no-repeat top right	
}
/*prabhu*/
#main { background: #FFF; margin: 0px 0 0 0; color: #666;}

#main #leftside {
	width: 255px; /*220*/
	float: left;
	background: #FFF;
	margin-left: 8px;
	color: #666;	
} 

#main #leftside .box {
	background: #efefef;
	margin-bottom: 15px;
	margin-left:5px;
	padding: 5px;
	width:199px;
	color: #666;	
}

#main #leftside li {
	margin-left: 20px;	
} 

#main #leftside h2 {
	font: bold 16px Segoe UI, Arial, Sans-Serif; /* bold 1.0em Arial, Arial, Sans-Serif; */
	background: #CDCDCD url(../../Images/general/menuleft.png) no-repeat center center;
	height: 35px;
	line-height: 35px;
	white-space: nowrap;
	margin-left:0px;
	padding-left: 10px;
	color: #fff;
}


/* right SIDE - ARTICLES AREA -------- */
#rightside 	
{
	PADDING-RIGHT: 8px;	
	BACKGROUND: #fff;
	padding-left:5px; /* need for FF, leftside scrollbar pb*/
	COLOR: #555;/*ben3: #888;*/
	MARGIN-RIGHT: 8px;
}

#rightside h2  
{
	vertical-align:top;
}

#rightside h2 span
{
	padding-bottom:2px;
	/*vertical-align:text-top;*/ /*comment it: to reolved bug dusplay icon in IE8 standart bug:12196*/
}

/* footer -------- */

/*
#footer {
	clear: both;
	background: #FFF url(../../Images/general/footer.jpg) repeat-x;
	height: 46px;
	margin-left: 8px;
	margin-right: 8px;
	font-size: 75%;
	color: #666;
}
#footer p  { padding: 5px }
#footer .rside { float: right; display: inline; padding: 5px; text-align: right}
*/
 


h1 { font: bold 30px Segoe UI, Arial, Sans-Serif; /* bold 1.9em Arial, Arial, Sans-Serif*/ }

h2  
{
	font: bold 14px Segoe UI, Arial, Sans-Serif;/*bold 1.2em Arial, Arial, Sans-Serif;*/ 
	padding: 0; 
	margin: 0 
}

ul {  padding: 0; margin: 0}

li { list-style-type: none }

.date  
{
	border-top: 1px solid #e5e5e5;
	text-align: right; 
	height:1px;
}

#main #rightside .date a, #main #rightside a { border: 0; text-decoration: none; }
 
.comment .date { text-align: left; border: 0; }	

#breadcrumbs { 
	float: left;
	padding-left: 8px;
	padding-top: 0px;
	font: bold 13px Segoe UI, Arial, Sans-Serif; /*bold .8em Arial, Arial, Sans-Serif; */
	color: #666;
	width: 100%;
	height: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}

#rightside #txt 
{
	width: 85%; 
	height: 160px; /*10em; */
	padding: 3px 3px 3px 6px; 
	margin-right:0px; /*0em;*/
}

#rightside textarea { border: 1px solid #bbb; width: 85%;  }

#main #rightside fieldset { float: right; width: 95%; border: 1px solid #ccc; padding: 10px 8px; margin: 0 10px 8px 0; background: #FFF; color: #000; }
#main #rightside fieldset p { width: 95%; }
#main input { padding: 3px; margin: 0; border: 1px solid #bbb }
p { margin-top: 5px; }
.comment { background: #FFF; color: #808080; padding: 10px; margin: 0 0 10px 0; border-top: 1px solid #ccc; }
.commentsbox { background: #FFF; color: #808080; padding: 10px; margin: 0 0 10px 0; border-top: 1px solid #ccc; }






.imgGloSec
{
	border:0px;
	background: url(../../Images/leftmenu/left_menus_icons_sprite3.png) -5px -5px; 
	height:21px;
	width:23px;
	background-repeat: no-repeat;
}

.imgGrpMan
{
	border:0px;
	background: url(../../Images/leftmenu/left_menus_icons_sprite3.png) -5px -33px; 
	height:21px;
	width:23px;
	background-repeat: no-repeat;
}

.imgAppS
{
	border:0px;
	background: url(../../Images/leftmenu/left_menus_icons_sprite3.png) -5px -60px; 
	height:21px;
	width:23px;
	background-repeat: no-repeat;
}

.imgDocLog
{
	border:0px;
	background: url(../../Images/leftmenu/left_menus_icons_sprite3.png) -5px -87px; 
	height:21px;
	width:23px;
	background-repeat: no-repeat;
}

.imgDocErr
{
	border:0px;
	background: url(../../Images/leftmenu/left_menus_icons_sprite3.png) -5px -114px; 
	height:21px;
	width:23px;
	background-repeat: no-repeat;
}

.imgDataRep
{
	border:0px;
	background: url(../../Images/leftmenu/left_menus_icons_sprite3.png) -5px -141px; 
	height:21px;
	width:23px;
	background-repeat: no-repeat;
}

.imgDataExp
{
	border:0px;
	background: url(../../Images/leftmenu/left_menus_icons_sprite3.png) -5px -357px; 
	height:21px;
	width:23px;
	background-repeat: no-repeat;
}

.imgProMan
{
	border:0px;
	background: url(../../Images/leftmenu/left_menus_icons_sprite3.png) -5px -168px; 
	height:21px;
	width:23px;
	background-repeat: no-repeat;
}

.imgAdvModuleMng
{
    border:0px;
    background: url(../../Images/leftmenu/left_menus_icons_sprite3.png) -5px -406px; 
    height:21px;
    width:23px;
    background-repeat: no-repeat;
}

.imgMoGrpMan
{
	border:0px;
	background: url(../../Images/leftmenu/left_menus_icons_sprite3.png) -5px -195px; 
	height:21px;
	width:23px;
	background-repeat: no-repeat;
}

.imgMoMan
{
	border:0px;
	background: url(../../Images/leftmenu/left_menus_icons_sprite3.png) -5px -222px; 
	height:21px;
	width:23px;
	background-repeat: no-repeat;
}

.imgListMan
{
	border:0px;
	background: url(../../Images/leftmenu/left_menus_icons_sprite3.png) -5px -249px; 
	height:21px;
	width:23px;
	background-repeat: no-repeat;
}

.imgModel
{
	border:0px;
	background: url(../../Images/leftmenu/left_menus_icons_sprite3.png) -5px -276px; 
	height:21px;
	width:23px;
	background-repeat: no-repeat;
}

.imgGrpBtnModel
{
	border:0px;
	background: url(../../Images/leftmenu/left_menus_icons_sprite3.png) -5px -303px; 
	height:21px;
	width:23px;
	background-repeat: no-repeat;
}

.mGrpBtnModel
{
	white-space: nowrap; /*padding-left:4px;white-space:nowrap;*/
	height:21px;
	/*padding-left: 25px;*/
	border:0px;
	background: url(../../Images/leftmenu/left_menus_icons_sprite3.png) -7px -308px; 
	height:21px;
	background-repeat: no-repeat;
	
}


/*-------------------------- header titles (style correction)--------------------------*/
.hAppSettings,
.hUserMng,
.hWSUserGroupMng,
.hUserProfile,
.hUserGroupMng,
.hDocLog,
.hDocMng,
.hExportMng,
.hDbReport,
.hPropMng,
.hAdvModuleMng,
.hDataStatistics,
.hModelMng,
.hModelGroupMng,
.hListMng,
.hSupSetting,
.hSupEventLog,
.hSearchModel,
.hArchSearch,
.hArchMonitoring,
.hArchStatistics,
.hArchDailyReport,
.hDocuments,
.hRevMyUploadedDoc,
.hProcessMng,
.hWebSignMyDocuments {
	white-space: nowrap;
	height: 21px;
	padding-left: 25px;
}
.hArchSearch{
  background: url(../../Images/archSearch.png) no-repeat;
}
.hArchMonitoring{
  background: url(../../Images/archMonitoring.png) no-repeat;
}
.hArchStatistics{
  background: url(../../Images/archStatistics.png) no-repeat;
}
.hArchDailyReport{
  background: url(../../Images/archDailyReport.png) no-repeat;
}

.hUserMng{
  background: url(../../Images/userSetting.png) no-repeat;
}
.hWSUserGroupMng {
    background: url(../../Images/UserGroupManagement_transaparent.png) no-repeat;
}
.hUserProfile{
  background: url(../../Images/userProfile.png) no-repeat;
}

.hSupSetting{
  background: url(../../Images/sup_settings.png) no-repeat;
}

.hSupEventLog{
  background: url(../../Images/supervisor/Events.png) no-repeat;
}

.hSupStatus{
  background: url(../../Images/sup_status20x20.png) no-repeat;
  padding-left: 28px; 
}

.hPrinterQ{
  background: url(../../Images/printerQ20x20.png) no-repeat;
  padding-left: 25px;
  display:inline-block; /*put inline block to be sure the hieight is used, to see the whole icon in the span*/
  height:20px;
}



.hPrintsrvSettings{
  background: url(../../Images/printsrv-settings.png) no-repeat;
  padding-left: 25px;
  display:inline-block; /*put inline block to be sure the hieight is used, to see the whole icon in the span*/
  height:20px;
}

.hPrintJob{
  background: url(../../Images/printjob.png) no-repeat;
  padding-left: 25px;
  display:inline-block; /*put inline block to be sure the height is used, to see the whole icon in the span*/
  height:20px;
}

.EventLogFilter{
  background: url(../../Images/supervisor/filter.png) no-repeat;
  padding-left: 20px; 
}

.hAppSettings {
	background: url(../../Images/appSett.png) no-repeat;
	padding-left: 28px; 
}

.hUserGroupMng {
	background: url(../../Images/leftmenu/left_menus_icons_sprite3.png)   -5px -35px; 
	padding-left: 28px; 
}

.hDocLog { 
	background: url(../../Images/leftmenu/left_menus_icons_sprite3.png)  no-repeat  -5px -90px; 
}

.hDocMng { 
	background: url(../../Images/leftmenu/left_menus_icons_sprite3.png)  no-repeat 	-5px -118px; 

}

.hExportMng { 
	background: url(../../Images/leftmenu/left_menus_icons_sprite3.png)  no-repeat 	-5px -362px; 

}

.hDbReport { 
	background: url(../../Images/leftmenu/left_menus_icons_sprite3.png)  no-repeat -5px -144px; 
}

.hPropMng { 
	background: url(../../Images/leftmenu/left_menus_icons_sprite3.png)  no-repeat -5px -170px;
	padding-left: 28px;  
}

.hAdvModuleMng { 
    background: url(../../Images/leftmenu/left_menus_icons_sprite3.png)  no-repeat -5px -411px;
    padding-left: 28px;  
}

.hDataStatistics {
    padding-left: 28px;
    background: url(../Images/leftmenu/left_menus_icons_sprite3.png) -5px -388px no-repeat;
}

.hModelMng {
	background: url(../../Images/leftmenu/left_menus_icons_sprite3.png)  no-repeat  -5px -225px;
	padding-left: 28px; 
}

.hModelGroupMng {
	background: url(../../Images/leftmenu/left_menus_icons_sprite3.png)  no-repeat  -5px -200px;
	padding-left: 28px; 
}

.hListMng {
	background: url(../../Images/leftmenu/left_menus_icons_sprite3.png)  no-repeat  -5px -254px; 
	padding-left: 28px; 
}

.hSearchModel {
	background: url(../../Images/leftmenu/left_menus_icons_sprite3.png)  no-repeat  -5px -280px; 
	padding-left: 28px; 
}

.hDocuments {
    background: url(../../Images/RemoteProcess/wsignMonitoring.png) no-repeat;
    margin-left: -1px;
    padding-left: 25px;
    display: inline-block; /*put inline block to be sure the height is used, to see the whole icon in the span*/
}

.hRevMyUploadedDoc {
	background: url(../../Images/revMyUploadedDoc.png)  no-repeat; 
	padding-left: 20px;
    display:inline-block; /*put inline block to be sure the height is used, to see the whole icon in the span*/
    /*height:20px; */
}
.hProcessMng {
	background: url(../../Images/RemoteProcess/wsignProcessMngt.png) no-repeat;
}

.hWebSignMyDocuments {
	background: url(../../Images/RemoteProcess/wsignMyDocsMngt.png) no-repeat 2px;
}
/* -----------------------------------------*/
/* added by swaroop */
.helpbutton {
	background-image: url('../../Images/HelpIcon_20.png') !important;
	background-repeat: no-repeat;
	cursor: hand;
	height: 24;
}



/*Added:Ahmed to reduce the space between the help and close imgin radwindow*/
.rwControlButtons{
    width:auto !important;
}
.rwControlButtons li{

    width:15px !important;

}
.RadWindow .rwTitlebarControls{
    width:99% !important;
    height:27px;
}


.RadWindow .rwCloseButton{
    background-position:-100px 0px !important;
}

.RadWindow .rwCloseButton:hover{
    background-position:-100px -21px !important;

}
.RadWindow .rwControlButtons a
{
    width:24px !important;
}

.rwControlButtons li:nth-child(2) {
  
   margin-left:5px !important;
}


/* For Help Button. !important */

.popup
{
    border-top-width: 1px; 
    border-top-style: solid; 
    border-top-color: #999999;
    margin-top: 3%;
}

.rwDialogPopup.radalert > DIV > A.rwPopupButton
{
    float: right;
}

.rwDialogPopup .radconfirm
{
    background-image: url('../../Images/alert.gif') !important;
     /*padding-bottom: 25px !important;*/
     padding-top: 1px;
}

.rwDialogPopup .radconfirm > DIV > A.rwPopupButton
{
  text-align:right; 
}

      .RadWindow .rwDialogPopup
                    {
                        margin-right: 10px !important;
                    }

      
            	    .rwInnerSpan {
    width: 80px !important;
    text-align: center !important;
    padding: 0px !important;
}


.rightAligned
{
    float: right !important;
    display: block;
    padding-top: 3px;
    
}

.RadTreeView
{
    white-space:normal ! important;
    cursor:hand !important; 
}

.RadTreeView .rtLI
   {
    white-space:normal ! important;
    
    }
    
    /*swaroop*/
     .RadGrid .rgRow td, .RadGrid .rgAltRow td, .RadGrid .rgEditRow td, .RadGrid .rgFooter td 
    {
    padding-bottom: 2px !important;
    padding-top: 2px !important;
    }
    
.RevDocTitle 
{
	font-weight: bold;
	 color:#0078C7;
}

input, label 
{
    vertical-align: middle;
}

/* ben */
/* try to fix a dropd down problem: the arrow drop down seems display a part of the sprite due
   to a -2px in x position of it */
/*ben: a -2px seems added on fly by telerik and gives bad rendering.*/

/*td.rcbArrowCellRight {
    background-position: 0px -88px !important;  
}*/
 
 
 
 /*column Resize tool tip hiding*/
.GridToolTip_Blue
{
    display: none !important;
}


.GridToolTip_Green
{
    display: none !important;
}


.GridToolTip_Red
{
    display: none !important;
}

/*Workaround for the distortion of Radbutton with latest telerik dll(2013)*/

.rbSkinnedButton.RadButton_Blue, .RadButton_Blue .rbDecorated, .rbVerticalButton.RadButton_Blue,
.rbVerticalButton.RadButton_Blue .rbDecorated
{
    background-image: url("../../Images/radFormSprite.png") !important;
}

.rbSkinnedButton.RadButton_Red, .RadButton_Red .rbDecorated, .rbVerticalButton.RadButton_red,
.rbVerticalButton.RadButton_red .rbDecorated
{
    background-image: url("../../Images/radFormSprite.png") !important;
}

.rbSkinnedButton.RadButton_Green, .RadButton_Green .rbDecorated, .rbVerticalButton.RadButton_Green,
.rbVerticalButton.RadButton_Green .rbDecorated
{
    background-image: url("../../Images/radFormSprite.png") !important;
}

.RadGrid th   /*shouldbe good only on not empty header */
{
    
    border-right: 1px solid #E1E1E1 !important;
}


/* In Popup page, keep bottom buttons always in same postion*/
.clsKeepBottom
        {
           border-top: 1px solid  #999999;
           position:absolute !important;
           bottom:  0 ;
           right:  0 ;
           padding-right: 10px !important ;
           width:100%; 
        }
        
/* ------- */        
/* Chrome: Remove blue border from css custom-styled button :focus in Chrome */
/* help-url: http://stackoverflow.com/questions/20340138/remove-blue-border-from-css-custom-styled-button-in-chrome */
/* help-url: http://stackoverflow.com/questions/14243088/in-css-is-there-a-selector-for-referencing-a-specific-input-type-that-also-has-a */
/* ------- */
/* Supervisor detail job expand/minus process */
input.button_add[type="button"]:focus, input.button_up[type="button"]:focus
{
    outline:0;
}

/* test menu right in the top bar */
#ctl00_ctl00_ConsoleMenu_i7_btnUsername:focus
,#ctl00_ConsoleMenu_i7_btnUsername:focus
,#ctl00_ctl00_ConsoleMenu_i6_btnCmpConsole:focus
,#ctl00_ConsoleMenu_i6_btnCmpConsole:focus
{
    outline:0;
}

/* Since v67 - new telerik dll cause OR new name of menu updated*/
/* Remove chrome blue-focus in the top drown console menu*/
/*CAUTION: "ctl00" prefix is used for archivor master page and "ctl00_ctl00" for cconsole master page.*/
 #ctl00_ConsoleMenu:focus, #ctl00_ctl00_ConsoleMenu:focus
,#ctl00_ConsoleMenu_i8_btnUsername:focus, #ctl00_ctl00_ConsoleMenu_i8_btnUsername:focus
,#ctl00_ConsoleMenu_i7_btnCmpConsole:focus, #ctl00_ctl00_ConsoleMenu_i7_btnCmpConsole:focus
{
    outline:0;
}
/* ------- */

  
   
   .RevDocText
   {
      font-weight: bold; 
      color: black !important;
   }


      /*Ahmed: Added after update new telerik dll(2015) some issue were there in dropdown bco of these class so i override them below*/
        .rmSeparator{

            height:1px !important;
        }

        .RadComboBox .rcbReadOnly .rcbInputCellLeft{

            background-position: 0 0 !important;
        }


    /* prabh fix: Telerik 2015 theme tool bar fix, informed by Benjamin*/
    .RadToolBarDropDown{padding : 0.5px 0px 0.5px 0.5px  !important;}


    /*ben: remove border in toolbar and gridview with border for specific gridview*/
      /*
    #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_gridUserProfiles_ctl00_ctl02_ctl00_rtoolUserProfileList > .rtbOuter
    , #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_Users_ctl00_ctl02_ctl00_rtoolUserList > .rtbOuter
    {
        border-width: 0px !important;
    }
        */

/* fix to not have resizing textarea in chrome */
textarea {
    resize: none;
}


.ToolTipCSS 
{
  position:absolute; word-wrap:break-word; display:none; background:white; border:1px solid gray; 
  padding:2px; font-size:8pt; font-family:Verdana; z-index:1000;
  min-width:initial;
  max-width:600px; 
  box-shadow: 2px 2px 1px #888888;
}

.RadWindow .rwPopupButton {
    margin-left: 10px !important;
    margin-right: 0px !important;
}
 /*input[type='submit']{
    padding : 0px!important;
    padding-right: 4px !important;
}*/
.button-width {
    width: 80px;
}
         
.button-width .rbDecorated {
    width: 100%;
}

.hReportMng {
	white-space: nowrap;
	height: 21px;
	padding-left: 25px;
}

.hReportMng {
	background: url(../../Images/Report/ReportMngt.png) no-repeat;
}