/*@CHARSET "UTF-8";
****** GENERAL RESET *******/
.clear {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}
/******* GENERAL RESET *******/
/******* LOGO *******/
#logo {
	margin-top: 1em;
	display: block;
}
/******* /LOGO  *******/
/*******TOP NAVIGATION *******/
#container {
	width: 100%;
	float:left;
	padding:10px 0;
}
#container ul {
	font-family: "Segoe UI Symbol", Segoe UI, Arial, Helvetica, sans-serif;
	font-size: 1em;
	list-style: none;
	list-style-position: outside;
}
#container ul.menu {
	margin:0;
	padding:0;
	float:left;
}
#container ul.menu li a {
	float: left;
	padding:10px;/*Old  10px */
	width: 100%;
	color:#FFFFFF;
    height:70px;
    width:70px;
}
#container ul.menu li, #container ul.menu li a:hover, #container ul.menu li a:visited, #container ul.menu li a:link {
	color:#FFFFFF;
	text-decoration:none
}

#container ul.menu li a:hover {
	color:#FFFFFF;
	text-decoration:none
}
#container ul.menu li span {
	display:block;
	color:#00a4e0;
	text-indent:-9999px;
	padding:10px 10px 14px 10px;
	text-align:center;
}
#container ul.menu li {
	float: left;
	margin-right: 5px;
	display: block;
	text-align:center;
	background:#2db035;
	/*border-right: 1px solid #d0ccc9;*/
	position: relative;
	cursor: pointer;
    /*following CSS Added by Kapi*/
    width:70px;
    height:70px;
    padding:10px;
}
#container ul.menu li.active {
	background:#197b30;
	border-bottom: 0;
	color:#FFF;
}
#container ul.menu li.active span {
	display:block;
	text-align:center;
	border-bottom: 0;
	color:#333333;
}
/******* /MENU *******/
/******* CONTENT *******/
.content {
	text-align: left;
}
/******* /CONTENT *******/
/******* Top Links *******/
.avtar_span {
    position: absolute !important;
    top: 94px !important;
    left: 1183px !important;
}
span.nav-back {
    background: url('../images/back-arrow.png') 50% 0 no-repeat;
    margin-top: 14px;
}
span.nda-dashboard {
	background: transparent url(../images/dashboardIcon.png) no-repeat scroll 50% 50%;
}
span.nda-Create {
	background: transparent url(../images/create.png) no-repeat scroll 50% 50%;
}
span.nda-favorite {
	background: transparent url(../images/favorite.png) no-repeat scroll 50% 50%;
}
span.nda-settings {
	background: transparent url(../images/operations_icon.png) no-repeat scroll 50% 50%;
}
span.nda-learn {
	background: transparent url(../images/learn-more.png) no-repeat scroll 50% 10%;
}
span.nda-admin, span.nda-users {
	background: transparent url(../images/admin.png) no-repeat scroll 50% 50%;
}
span.nda-groups {
	background: transparent url(../images/ic-groups.png) no-repeat scroll 50% 50%;
}
span.nda-backBtn {
	background: transparent url(../images/navarrow-left.png) no-repeat scroll 50% 10%;
	margin-top:14px;
}

span.nda-search {
	background: transparent url(../images/ic-search.png) no-repeat scroll 50% 10%;
}

span.nda-publish {
	background: transparent url(../images/ic-publish.png) no-repeat scroll 50% 10%;
}

span.nda-help {
	background: transparent url(../images/ic-help.png) no-repeat scroll 50% 10%;
}
span.nda-agreements {
	background: transparent url(../images/agreements.png) no-repeat scroll 50% 50%;
}
span.nda-contract {
	background: transparent url(../images/purchase.png) no-repeat scroll 50% 50%;
}
span.nda-clauses {
	background: transparent url(../images/clause.png) no-repeat scroll 50% 50%;
}
span.nda-createClouse {
	background: transparent url(../images/create_clause.png) no-repeat scroll 50% 50%;
}
span.nda-templates {
	background: transparent url(../images/template.png) no-repeat scroll 50% 50%;
}
span.nda-createTemplate {
	background: transparent url(../images/create_template.png) no-repeat scroll 50% 50%;
}
span.nda-KPIs {
	background: transparent url(../images/report.png) no-repeat scroll 50% 50%;
}

span.nda-organization {
	background: transparent url(../images/organization.png) no-repeat scroll 50% 50%;
}

span.nda-report {
	background: transparent url(../images/report-icon.png) no-repeat scroll 50% 50%;
}
span.nda-notification {
	background: transparent url(../images/notifications.png) no-repeat scroll 50% 50%;
}
/******* /LINKS *******/
/******* Group Collection *******/
#group-content, .group-content-popup {
	width: 100%;
	float:left;
	padding:0;/*padding:20px 0; 0007*/
}
#group-content .group-content-txtBox {
	height:44px /*Old 50px*/
}
/*/////////////////////
Popup New Group Tile List
////////////////////*/

/*inside checkbox style in popup box */
ul.groupPopBlock .mn_groupTile{
padding:0 !important;
position:relative;
height:auto !important;
cursor:pointer}
.mn_groupTile .mn_gtChBox{float: left; padding:5px 5px 0 0; width:10%;}
.mn_groupTile .mn_tilecontent{width:85% !important; padding:0 !important; float:left; }

/*End */
.group-content-popup{
    min-height:400px;
    }

.group-content-popup ul.groupPopBlock li {
	/*background:#0b111b;*/
	padding:10px !important;/*overwriting Margin*/
	height:100px !important;/*overwriting*/
	width:16.7% !important;/*overwriting*/
}

.group-content-popup ul.groupPopBlock li .group-content-checkBox {
	float:left;
	width:10%;/*Popup checkbox position*/
	padding-right:5px !important;
	position:relative;
	margin-top:3px;
}
.group-content-popup ul.groupPopBlock li .group-header {
	float:left;
	width:85%;/*Popup block header position*/
}
.group-content-popup ul.groupPopBlock li .group-header h3{word-wrap:break-word;}
/*///Popup Group Tile List END///*/
#group-content ul {
	list-style: none;
	list-style-position: outside;
}
#group-content ul.group {
	margin:0;
	float:left;
	width:100%;
	/*padding:0;
	width:inherit;*/
	padding:0;
	z-index:12;
	position:relative;
}
/*table group list without box style */
#group-content ul.pri-group-list
{
    margin:0;
    padding:0;
    }
    #group-content ul.pri-group-list .group-header{
    overflow:visible;
    }
     #group-content ul.pri-group-list .df_group-header{
    overflow:visible;
    padding-left:0;
    }

#group-content ul.group li a {
	float: left;
	padding:0;/*old 0 0 10px 0*/
	width: 100%;
}
#group-content ul.group li a:hover {
	color:#FFFFFF;
	text-decoration:none
}
#group-content ul.group li span {
	display:block;
	color:#00a4e0;
	text-indent:-9999px;
	padding:10px;
	text-align:center;
}
/*User for previleges lable list*/
#group-content ul.group li lable {
	display: block;
	padding:5px 0 5px 10px;
	float: left;
	width: 83%;
}
#group-content ul.pri-group-list li {
	display: block;
	padding:5px 0 !important;
	margin-top:0 !important;
	margin-right:50px !important;
	float: left;
	width: 14% !important;/*width list populet in td //old 10% mgn 60//*/
}
/*End*/

/*Manage Privileges header */
#group-content ul.mang_pri-header li {
	display: block;
	background:none !important;
	height:auto !important;
	padding:5px 0 !important;
	margin-top:0 !important;
	border-style:none !important;
	margin-right:20px !important;
	float: left;
	width: 15% !important;/*width list populet in td*/
}
#group-content ul.mang_pri-header li h3{padding-left:5px !important;}
#group-content ul.mang_pri-header li lable{width:98%; line-height:45px;}
#group-content ul.mang_pri-header li:nth-child(3n+1)
{width:65% !important;}
#group-content ul.mang_pri-header li:nth-child(3n+3)
{margin-right:0px !important;}

/*Manage Privileges main content*/
#group-content ul.mang_pri-group li {
	display: block;
	background:none !important;
	height:auto !important;
	padding:5px 0 !important;
	border-style:none !important;
	margin-top:0 !important;
	margin-right:20px !important;
	float: left;
	width: 100% !important;/*width list populet in td*/
}
#group-content ul.mang_pri-group li h3{padding-left:5px !important;}
#group-content ul.mang_pri-group li lable{width:16%; line-height:45px;}
#group-content ul.mang_pri-group li lable:nth-child(3n+1)
{width:65% !important;}
#group-content ul.mang_pri-group li lable:nth-child(3n+3)
{margin-right:0px !important;}

/*HEADER TITLE*/
.pri-group-title{padding-left:5px}

#group-content ul.mang_pri-header li:nth-child(3n+2)
{padding-left:8px !important; margin-right:0px !important;}
#group-content ul.mang_pri-header li:nth-child(3n+3)
{padding-left:30px !important; margin-right:0px !important; width:10% !important}

/*END*/
.tab_container ul.group li {background:#fff;}
ul#itemsForTeams li {background:#fafafa !important;}
#group-content ul.group li {
	display: block;
	width:20.7%;/*old: 28.8%, 185px*/
	float:left;
	/*height:130px;*/
	margin-right: 10px;
	margin-top:10px;
	padding:13px;
	border:1px solid #D3D3D3;
	text-align:left;
	background:#fafafa;
}
#group-content ul.groupComn li{
    height:inherit !Important;/*Tile group auto height*/
    }
    #group-content ul.groupComn_meb li{
    height:inherit !Important;/*Tile group min height*/
    min-height:100px;
    }

/*All tiles which has only title and Icons*/
ul.admGroupTile li
{
    height:100px !important;
    }
  ul.admGroupTile li .admGrpTitle
  {
     height:66px;
     /*
     word-wrap:break-word;
     overflow:hidden;
     text-overflow:ellipsis;*/
      }
      /*END*/
#group-content ul.mn_group li {
	width:23.5% !important;/*old: 28.8%, 185px*/
	padding:0 !important;
}
#group-content ul.mn_groupTemp li {
	width:18.5%;/*old: 28.8%, 185px*/
	padding:0 !important;
}
#group-content ul.mn_groupTempExp li {
	width:23.5%;/*old: 28.8%, 185px*/
	padding:0 !important;
}
#group-content ul.mn_groupWizard li {
	width:23.5% !important;/*old: 28.8%, 185px*/
	padding:0 !important;
	background:#fff ;
}

/*Group Popup styling*/
#group-content ul.groupPop {padding-left:10px !important;}
#group-content ul.groupPop div.mn_groupTile{padding-left:30px !important;}
#group-content ul.groupPop .mn_groupIcon{padding-left:15px;}
#group-content div.groupPopBtnPlc {padding-left:7px;}
/*Aded new class for making clickable tile*/
#group-content ul.group .mn_groupTile{
padding:10px 15px 10px 15px;
position:relative;
height:110px !important;
cursor:default}

.mn_groupIcon{position: relative !important; margin-top: -35px; float:left; margin-left:10px;}

.teamUserIcon{left:38px !important;/*Team user Icon left margin*/
}
.teamUserIc{
float:left; padding:5px 10px 5px 0px!important; width:20px;
}
.tm_details{float:left; width:80%}
.adm_tileDetails{float:left; width:100%}
/*Only Icon included in this li*/
ul.group li.ic-group_ass{
	height:auto !important;
	border-style:none !important;
	background:none !important;
	padding:5px 13px!important;
	width:97%!important;
	}

#group-content ul.group li div {
	font-size:12px;
	padding:1px 0
}
#group-content ul.group li.sig_green {
	background:#fafafa url(../images/sig_green.png) no-repeat left top
}
#group-content ul.group li.sig_org {
	background:#fafafa url(../images/sig-org.png) no-repeat left top
}
#group-content ul.group li.sig_red {
                background:#fafafa url(../images/sig-red.png) no-repeat left top
}

#group-content ul.group li.active {
	background:#096915;
	border-bottom: 0;
	color:#333333;
}
#group-content ul.group li.active span {
	display:block;
	text-align:center;
	border-bottom: 0;
	color:#333333;
}
/*/////////////////////
Horizontal symple List
////////////////////*/
ul.horiList{
	padding:0;
	margin:0;
	width:90%;
	list-style:none;
}
ul.horiList li{
	padding:0px 10px;
	float:left;
	font-size:18px;
}
/*/////////////////////
Horizontal symple List blocks
////////////////////*/
ul.horiListBlock{
	padding:0;
	margin:0;
	width:95%;
	list-style:none;
}
ul.horiListBlock li{
	padding:0px 10px;
	float:left;
	width:14.8%;
	font-size:18px;
}
ul.horiListBlock li span{float:right;}

/*Icon put in list*/
ul.com-ic-list {
	padding:0;
	list-style:none;
	margin:0;
	float:left;
}
ul.com-ic-list li {
	padding:5px;
	margin:0;
	height:auto;
	width:auto;
	float:left;
}

/******* /group *******/
#group-content .ic-list-plc {
    height: 52px;
    /*word-wrap:break-word;*/
    }
#group-content ul.ic-list {
	padding:0;
	margin:0;
	float:left;
}
#group-content ul.ic-list li {
	padding:5px 5px 0 !important;
	margin:0;
	border-style:none;
	height:auto !important;
	width:auto !important;
	float:left;
}
ul.ic-list li img{
	cursor:pointer
}
/*First li text area*/
#group-content ul.ic-list_ass {
	padding:0;
	margin:0;
	float:left;
	width:233px;
}
/*tile header*/
ul.ic-list_ass h4{font-size:1.2em; padding:0;}

#group-content ul.ic-list_ass li {
	padding:5px;
	margin:0;
	height:auto;
	background:none !important;
	width:auto !important;
	border-style:none;
	float:left;
}
/*desable arrow on ass doc details*/
.assTileContent .gp-arrow{display:none !important}

/*First li text area*/
.wz_tileContentArea{width:80% !important}
.wz_contentArea{width:97.5% !important}
#group-content ul.ic-list_ass li:first-child{
width:65% !important;}
.dashboard_group-scrollAra {
	float:left;
	width:890px;
	display:block
}
.metadata_scrollAra, .nt_metadata_scrollAra, .wz_scrollAra, .metadataBgcolor{
	float:left;
}
.metadata_scrollAra, .nt_metadata_scrollAra{width:91%;}

.nt_metadata_scrollAra, .fp-group-scrollAra, .wz_scrollAra{
	padding:10px 60px;
}
.nt_metadata_scrollAra .metadataBgcolor{
	background:#f7f7f7;
	min-height:300PX;
	width:inherit;
	padding:10px}
.metadataTitle{	color:#3e79d8;}
.grn_metadataTitle{color:#1BAC6D; font-family:segoe UI semibold, segoe ui}
.dataContainer{width:100%}
.dataContainer td {padding:2px 0 0 0 ;}

/*Wizard pagination width manage style*/
.wz_scrollAra
{
	width:89%;
    }
/*parent tile placement*/
.nd_parenttile{
	left: 50%;
    margin-left: 434px;
    position: absolute;
    top: 174px;
    width: 167px;
    z-index: 9;}
.nd_parenttile ul.group li{width:100% !important;
	height:75px !important}
.nd_parenttile ul.ic-list li{height:auto !important;}
.gp-arrow {
	float:left;
	display:block;
	padding:60px 10px 0 0px
}
.gp-arrowRt {
	float:left;
	display:block;
	padding:60px 0px 0 10px
}

/*Tab Navigation*/
ul.alnTbox{padding-left:53px !important;}
ul.tabsTopSpace{padding-top:10px !important;}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	width: 100%;
}
ul.tabs1{padding:0 0 20px 0}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0 25px 0 0;
	height: 32px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border-left: none;
	font-family: "Segoe UI Light", Segoe UI, Arial, Helvetica, sans-serif;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #333333;
	cursor:pointer;
	display: block;
	font-size: 20px;
	outline: none;
}
ul.tabs li.deactive a {
	color: #333333 !important;
}
ul.tabs li a:hover {
	color:#2db035;
}
html ul.tabs li.active a, html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/
	color:#62bb46;
}
/*Tab Navigation inner tab style*/
ul.tabs1, ul.tabs2 {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	width: 100%;
}
ul.tabs1, ul.tabs2{padding:7px 0}
ul.tabs1 li, ul.tabs2 li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border-left: none;
	font-family: "Segoe UI Light", Segoe UI, Arial, Helvetica, sans-serif;
	overflow: hidden;
	position: relative;
}
ul.tabs1 li a, ul.tabs2 li a {
	text-decoration: none;
	color: #fff;
	display: block;
	font-size: 20px;
	padding-right:40px;
	outline: none;
}
ul.tabs2 li a{	font-size: 16px; background:url("../images/wh-arrow.gif") no-repeat scroll 90% 15px transparent }
ul.tabs2 li a.endtab{	font-size: 16px; background:none }

ul.tabs1 li a:hover, ul.tabs2 li a:hover {
	color:#3567b7;
}
html ul.tabs1 li.active a, html ul.tabs1 li.active a:hover, ul.tabs2 li.active a, html ul.tabs2 li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/
	color:#3567b7;
}

 /*--Makes the active tab look like it's connected with its content--*/
/*End Tab=======================================
*/
.tab_container {
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left;
	width: 100%;
}
.tab_content{
	padding: 20px 0 0 0;/*Check effected*/
	float:left;
	width:100%;
	min-height:310px;
}
.tab_contentarea{min-height:270px}
.tabsTspace{padding:0 !important}
/*Tab Arrow Navigation*/
ul.tabsArrow {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	padding-bottom:10px;
	border-bottom:1px #D9D9D9 solid;
	height: 32px; /*--Set height of tabs--*/
	width: 100%;
}
ul.tabs1{border:none !important}
ul.tabsArrow li {
	float: left;
	margin: 0;
	padding: 0;
	height:70px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border-left: none;
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	overflow: hidden;
	position: relative;
}
ul.tabsArrow li a {
	text-decoration: none;
	color: #333333;
	display: block;
	font-size: 16px;
	border:1px;
	float:left;
	/*padding:0 20px;*/
    padding:0 20px 0 5px;
	outline: none;
   
}
ul.tabsArrow li span {
	  background: url("../images/tab-arrow.png") no-repeat scroll 0 -17px transparent;
    border-top: 1px solid #d9d9d9;
    color: #333333;
    display: block;
    float: left;
    font-size: 30px;
    height: 63px;
    padding: 0 17px;
    text-decoration: none;
}

/*ul.tabsArrow li a:hover {
	color:#3567b7;
}*/
html ul.tabsArrow li.active a, html ul.tabsArrow li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/
	color:#62BB46;
     font-weight:bold;
}
ul.tabsArrow li.active span{
	background: url("../images/tab-arrow-selected.png") no-repeat scroll 0 -17px transparent;
	color:#fff;
}
 /*--Makes the active tab look like it's connected with its content--*/
/*End Tab=======================================
*/

/* status list details*/
ul.status_content {margin:0; padding:0}
.status_content li{width:98%; float:left; padding:5px 0;}
.status_content li div{float:left;}
.status_content li div.lable_text{width:70%}
.status_content li div.lable_status{width:30%}
/*notification,task List style*/
ul.nt_group {
	margin:0;
	padding:0;
	position:relative;
	list-style-type:none;
}
.nt_group li{
	padding:5px;
	width:100%;
	float:left;
}
/*.nt_group li:nth-child(2n+2){
	padding:0 5px 10px;
	width:100%;
	float:left;
}*/
.nt_group li div{/*using for metadata pages text format pagination*/
	float:left;
}
.nt_group li div.nt_title{
	width:90%;
}
.nt_group li div.nt_stat_title{
	width:85%;
}

.nt_group li div.nt_img{
	padding:0 5px;
	width:auto;
}
.nt_group li div.nt_content{padding:0 5px 10px; clear:both; width:85%}
.nt_group li div.nt_stat_content{padding:0 5px 10px 23px; clear:both;  width:85%}
.metadataBgcolor ol#pagination{z-index:auto;}

.nt_metadata_scrollAra ol#pagination li.prev,.nt_metadata_scrollAra ol#pagination li.next, ol#pagination li.next {
	position:absolute;
	top:80px;
	width:50px;
	height:50px;
}
.nt_metadata_scrollAra ol#pagination, .fp-group-scrollAra ol#pagination, .wz_scrollAra ol#pagination, .dashboard_group-scrollAra ol#pagination {z-index:10 !important;}
.nt_metadata_scrollAra ol#pagination li.prev {
	left:-60px;
	background:url(../images/arrowb-left.png) no-repeat 0 100%;
}
.nt_metadata_scrollAra ol#pagination li.next {
	right:-60px;
	background:url(../images/arrowb-right.png) no-repeat 0 100%;
}
/*END*/
/*Full page width tile group*/
/*using in details page tile pagination*/
.fp-group-scrollAra ol#pagination li.next{right:-25px !important}

.fp-group-scrollAra{
	float:left;
	width:91%;/*1169px old*/
	display:block}
.fp-group-scrollAra ul.group li{width:16.8% !important}
.fp-group-scrollAra ul.group li.ic-group_ass{width:30% !important}
/*END*/
.content_lftspacer{padding:0 0 0 10px !important}/*for all where need left padding*/
/*Ellipsis
.longtext, .longtext1 {
    height: 25px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}
.more {
    background-color:#0a182f;
    z-index: 10;
    position: relative;
    display: block;
    width: 21px;
    padding: 0 2px;
}
.longtext1 .more{
top:-16px !important;
width: 20px !important;}
*/
.longtext {
        white-space: nowrap;
        overflow: hidden;
}

.longtext.multiline {
        white-space: normal;
}
ul.kp_list {
margin:0;
padding:0;
}
ul.kp_list li {
background:#e2e3e4;
padding: 13px 10px;
cursor:pointer;
width: 280px;
height: 161px;
text-align: left;
margin-top: 10px;
margin-right: 10px;
float: left;
display: block;
border:1px solid #58595b;
}
ul.kp_list li div.imgPlaceHolder {
float:left;
height:120px;/*old 135*/
width:95%;
}
ul.kp_list li div.imgPlace {
float:left;
width:50%;
}
ul.kp_list li div.num {
color: #939598;
float: left;
font-family: "segoe ui semobild", segoe ui, arial, verdana;
font-size: 60px;
margin: -20px 0 0;
padding: 0;
position: relative;
text-align: right;
width: 50%;
}
ul.kp_list li.HighRisk {
/*background:#fd4238 !important;
color:#ffffff*/
}
ul.kp_list li.HighRisk div.num, ul.kp_list li.HighRisk div.imgPlace, ul.kp_list li.HighRisk div.midcontent {
/* color:#ffffff;*/
float:left
}
ul.kp_list li.HighRisk div.midcontent {
width:50%;
}
ul.kp_list li.HighRisk div.num {
width:23%;
}
ul.kp_list li.HighRisk div.imgPlace {
width:25%;
}
ul.kp_list li.HighRisk div.midcontent ul.HighRiskTile {
margin:0;
padding:0;
}
ul.kp_list li.HighRisk div.imgPlaceHolder {
width:100%;
}
div.midcontent ul.HighRiskTile li {
font-family:segoe ui light, segoe ui, arial, verdana;
font-size:17px;
width:inherit;/*OLD 120*/
height:auto;
padding:0;
margin:0;
background:none;
border:none;
line-height:30px;
}
div.midcontent ul.HighRiskTile li span {
font-family:segoe ui, arial, verdana;
font-size:12px;
padding:4px 0px 0 0;
width:auto;float:left;

}
div.midcontent ul.HighRiskTile li span.riskCount{font-size: 17px !important; padding: 4px 5px 0 0 !important; /*width:20px !important;*/text-align:right;}
#group-content ul#reportList.group .reportLi{width:160px !important;cursor:pointer;height:120px !important;text-align:center;}
#group-content ul#reportList.group .reportLi h3{text-align:center;padding:0;margin:0;}

/*____________________________________________________________________________________________________________*/

.buttonDiv {
    width: 90px;
    padding: 5px;
    float: left;
    text-align: center;
    color: #666666;
    font-size: 12px;
    display: block;
}

    .buttonDiv span {
        clear: both;
        width: 100%;
        float: left;
    }

.button {
    border: none;
    text-indent: -2000px;
    background: url('../images/action_buttons.png') 0 0 no-repeat;
    float: left;
    margin: 0 0 0 25px;
    cursor: pointer;
    height: 40px;
    width: 40px;
}

.addButton {
    background-position: 0 0;
}

    .addButton[disabled=disabled] {
        background-position: 0 -40px;
    }

.editButton {
    background-position: -40px 0;
}

    .editButton[disabled=disabled] {
        background-position: -40px -40px;
    }

.deleteButton {
    background-position: -80px 0;
}

    .deleteButton[disabled=disabled] {
        background-position: -80px -40px;
    }

.resetButton {
    background-position: -120px 0;
}

    .resetButton[disabled=disabled] {
        background-position: -120px -40px;
    }

.saveButton {
    background-position: -160px 0;
}

    .saveButton[disabled=disabled] {
        background-position: -160px -40px;
    }
.approveButton {
    background-position: -280px 0;
}

    .approveButton[disabled=disabled] {
        background-position: -280px -40px;
    }
    .sendApprovalButton {
    background-position: -760px 0;
}

    .sendApprovalButton[disabled=disabled] {
        background-position: -760px -40px;
    }
    .rejectButton {
    background-position: -280px -80px;
}
    .rejectButton[disabled=disabled] {
        background-position: -280px -120px;
    }
/*----------------------------------------------------CollapsableDiv Css*/
#agreementSection {
    width:98%;float:left;
}

/*----------------------------------------------------Dynamic Control Css*/

.EditButton {
    background-position: -40px 0;
}

.SendForApprovalButton {
    background-position: -760px 0;
}

.ApproveButton {
    background-position: -280px 0;
}

    .RejectButton {
    background-position: -280px -80px;
}
 
/*----------------------------------------------------*/

.popup-close-icon { background:transparent url(../images/fresco_img_sprite.png) no-repeat 0 -139px; height:15px; width:15px; border: none;cursor:pointer; }