body { font-family: Arial,Helvetica,Sans-Serif; }

h1 { line-height: 30px; }

.main-content a { font-size: 12px; }

a { cursor: pointer; color: #2E98B0;}

div#intro-block { height: 90px; }

/* OLD - #site-wrapper-home-outer { max-width: 1024px; min-width: 800px; background: none; } */
/*JC For the demo*/
#site-wrapper-home-outer { /*max-width: 1024px;*/ margin: 0px !important; max-width: 97% !important;  min-width: 800px; background: none; }
#site-wrapper-home-inner { width: 100% !important; } 
/*JC Demo end*/

    
div#header { background: black; padding: 5px 0; height: 15px; }
.content { margin-top: 10px; }
.portlet-header h4 { margin: 6px 0 0 13px; }


.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
.ui-sortable-placeholder * { visibility: hidden; }
.portlet-header:hover { cursor: move; }
/*********************************
	SUCCESS AND ERROR MESSAGES
**********************************/
div.success { background-color: #FFF6BF; border: 2px solid #FFD324; color: #514721; font-size: 12px !important;
  padding: 10px; }
div.errors { border: 2px solid #FBC2C4; padding: 10px; font-size: 12px !important; }
.success-msg{ width: 15px; height: 15px; position: relative; top: -3px; background: url("../images/notice.gif"); }
.error-msg { width: 15px; height: 15px; position: relative; top: -3px; background-image: url("../images/error.gif"); background-position: 0 -144px; }


/****************
	BUY NOW
******************/
div.buynow { margin-right: 10px; border: 1px solid rgb(192, 192, 192); width: 60px; float: left; text-align: center; padding: 10px; text-decoration: none; }
.buy-text { text-decoration: underline; }

/*****************
	DIALOG BOX
******************/
div.ui-dialog div.ui-dialog-titlebar
 { background: linear-gradient(to bottom, #3DB3C6 0%, #2D7D89 100%) repeat scroll 0 0 transparent !important; }
div.ui-dialog div.ui-dialog-titlebar button.ui-button { background: #fff; }
div.ui-dialog div.ui-dialog-buttonpane div.ui-dialog-buttonset button.ui-button span.ui-button-text { color: #fff; }

/***************
	DATE PICKER
********************/
div#ui-datepicker-div.ui-datepicker div.ui-datepicker-header {background: linear-gradient(to bottom, #3DB3C6 0%, #2D7D89 100%) repeat scroll 0 0 transparent !important; }


/***********
	MENU
************/
#inline-menu { font-weight: normal; left: 0px; position: relative;top:0px; z-index: 9; }
#inline-menu a:hover { color: #fff; }

#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
  font-size: 15px;
}
#cssmenu {
 position:relative; 
  width: 100%;
  height: 30px;
  /*border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;*/
  background: #141414;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%; 
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
  border-bottom: 2px solid #1F7A8A;
  *z-index:1000;/**/
   top: -5px; 
  font-family: Futura,"Trebuchet MS",Arial,sans-serif
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  background: #141414;
  
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%; 
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  line-height: 30px;
  padding: 0 10px;
  font-weight: bold;
  text-decoration: none;
  font-family: Futura,"Trebuchet MS",Arial,sans-serif;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul {
  float: left;
  z-index: 900;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu > ul > li:hover:after {
  content: ' ';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #38B2C6;
  margin-left: -10px;
  
}
#cssmenu > ul > li:first-child > a {
  /*border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;*/
}
#cssmenu > ul > li:last-child > a {
  /*border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;*/
}
#cssmenu > ul > li.active > a {
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
  background: #070707;
  
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%; 
  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
}
#cssmenu > ul > li:hover > a {
  background: #070707;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%; 
  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
 }
#cssmenu .inline-nav-expandable {
  z-index: 1;
}
#cssmenu .inline-nav-expandable:hover > ul {
  display: block;
}
#cssmenu .inline-nav-expandable ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
}
#cssmenu .inline-nav-expandable ul li {
  *margin-bottom: -1px;
}

#cssmenu .inline-nav-expandable ul li a {
  background: none repeat scroll 0 0 #000;
  border-bottom: 1px dotted #C6C6C6;
  display: block;
  filter: none;
  font-size: 12px;
  line-height: 120%;
  padding: 10px;
}
#cssmenu .inline-nav-expandable ul li:hover a {
  background: #38B2C6;
  *z-index:1000;
}
#cssmenu .inline-nav-expandable .inline-nav-expandable:hover > ul {
  display: block;
}
#cssmenu .inline-nav-expandable .inline-nav-expandable ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu .has-sub .inline-nav-expandable ul li a {
  background: #399B44;
  border-bottom: 1px dotted #97b36b;
}
#cssmenu .inline-nav-expandable .inline-nav-expandable ul li a:hover {
  background: #345105;
}

#cssmenu .inline-nav-expandable ul li.active-sub-nav a
 { /*background: #008500;*/ background: url("full-header-bg.png") no-repeat scroll right top #2F92AB; }
#cssmenu .inline-nav-expandable ul li.active-sub-nav a:hover
 { background: #1F7A8A; }

#cssmenu li.active-menu a {background: #4C4C4C; }

/***********
	TABLES
***********/
table#device-cert-requests-table tbody tr td { 
  word-break: break-all; 
  word-wrap: break-word;
  white-space: normal;

}
table#unconfirmed-device-cert-requests-table tbody tr td {
  word-break: break-all; 
  word-wrap: break-word;
  white-space: normal;
}

.ent-table-header { 
  background: linear-gradient(to bottom, #3DB3C6 0%, #2D7D89 100%) repeat scroll 0 0 transparent;
  color: white;
  font-family: Futura,"Trebuchet MS",Arial,sans-serif;
  font-size: 14px;
  padding: 7px 0px 7px 11px;
  text-align: left;
  display: block;
  font-weight: bold;
} 
.ent-table, table.content-main-table { border: 1px solid #E9E9EA; border-bottom:6px solid #c4c2c2; border-spacing: 0; }
.ent-table th { background: none; color: #000; font-weight: bold; text-transform: none !important; text-align: left; }
table.ent-table tfoot { background: none repeat scroll 0 0 #C4C2C2; height: 6px; }
/*Bring content in when it's in a portlet*/
.portlet-body { padding: 10px; }
 table#device-user-table td.showOptions { width:400px; position: absolute; float: right; }
 #div-new-userid { position: relative; top: -40px; }
 #div-existing-userid { position: relative; top: -15px; }
 
 div#ui-datepicker-div { z-index: 99 !important; }
 
 /*Device Certificate Details*/
.dc-details td { padding: 10px; max-width: 850px; word-wrap: break-word; }
.dc-details td:first-child { font-weight: bold; }
 
/*Position radio boxes*/
 div#wwgrp_cnUseRandomId.wwgrp div#wwctrl_cnUseRandomId.wwctrl input#cnUseRandomIdfalse.cnoption {
	position: relative; top: 40px; right: 24px; }

/*Blowing Constraints*/
#deviceList tbody tr td:nth-child(8) a { display: block; width: 340px; word-wrap: break-word; }
/*#deviceList tbody tr td:nth-child(2) { display: block; width: 60px; word-wrap: break-word; max-width: 60px; }*/
#deviceList tbody tr td:nth-child(3) { width: 60px; word-wrap: break-word; max-width: 60px; }



/***********
	DATA TABLES
***********/
/* .dataTables_wrapper { padding-top: 15px; } */
.dataTables_paginate { padding-top: 15px; }
/* table.display thead th { padding: 3px 18px 3px 10px; } */
/*table.dataTable thead th.sorting { background: url("../images/subject-arrow-table-desc.png") no-repeat scroll 0 3px transparent; padding-left: 17px; }*/


/*table#unconfirmed-device-cert-requests-table thead th.sorting_desc,
table#device-cert-requests-table.dataTable thead tr th.sorting_desc
	 { background: url("../images/subject-arrow-table-desc.png") no-repeat scroll 0 9px transparent !important; padding-left: 17px; }
*/
table.dataTable thead th.sorting_desc { background: url("../images/sort-desc.gif") no-repeat scroll 2px 7px #2C96AE; padding-left: 17px; }
table.dataTable thead th.sorting_asc { background: url("../images/sort-asc.gif") no-repeat scroll 2px 7px #2C96AE; padding-left: 17px; }


table.dataTable td {
  border-bottom: 1px solid #E9E9EA; border-right: 1px solid #E9E9EA; padding: 3px 5px 5px; vertical-align: top;white-space:nowrap;}
  
table.dataTable th { display: cell; vertical-align; middle !important; background: none repeat scroll 0 0 #2C96AE; 
	border-bottom: 1px solid #E9E9EA; border-right: 1px solid #E9E9EA; color: #FFFFFF; margin: 0; padding: 4px 7px 0; }


table.dataTable tbody tr:hover td { background: #E4F2F6; }

/*Table Striping - New after demo*/
table.dataTable tr.even { background-color: #ffffff !important; }
table.dataTable tr.odd { background-color: #ffffff !important; }

table.dataTable tr.odd td.sorting_1 { background-color: #ffffff !important; }
table.dataTable tr.even td.sorting_1 { background-color: #ffffff !important; }
table.dataTable tr.odd:hover td.sorting_1 { background-color: #E4F2F6 !important; }
table.dataTable tr.even:hover td.sorting_1 { background-color: #E4F2F6 !important; }

table.dataTable thead th:hover { background-color: #056A8F; }



/*Striping*/
table.dataTable tr.odd { background-color: #E1E0E0; }
 table.dataTable tr.odd td.sorting_1 {
  background-color: #D7D5D5;
}
/*If a datatable is in a portlet, get rid of bottom border */
.portlet table.ent-table { border-bottom: 1px solid #E9E9EA; }

div.dataTables_filter label { width: 200px; width: 215px\9; }
ie10 div.dataTables_filter label{ width: 215px !important; }
div.dataTables_filter label { *width: 335px; }

span.clearButton1 {
  background: url("../images/clearcriteria.png") no-repeat scroll 0 0 transparent;
  display: block; float: right; height: 12px; position: relative; top: 3px; width: 12px; cursor: pointer; }
span.clearButton2 {
  background: url("../images/clearcriteria.png") no-repeat scroll 0 0 transparent;
  display: block; float: right; height: 12px; position: relative; top: 3px; width: 12px; cursor: pointer; }


/*************
	PAGING - DATATABLES
**************/
 /*Pagination*/
.paging_full_numbers a.first,
.paging_full_numbers a.previous
{
	padding-left: 20px !important;
	margin-right: 1px;
}
.paging_full_numbers a.next,
 .paging_full_numbers a.last{
	padding-right: 20px !important;
	margin-left: 1px;
}

.paging_full_numbers span a.paginate_button  { background: #E8E7E6;  } 
.paging_full_numbers a.paginate_active { background-color: #949393 !important; }
.paging_full_numbers a.paginate_button { background-color: #B5B5B5; } 
.paging_full_numbers a.next:hover, .paging_full_numbers a.previous:hover,
	.paging_full_numbers a.last:hover, .paging_full_numbers a.first:hover { background-color: #E8E7E6; }
	

.paging_full_numbers a.first.paginate_button_disabled,
.paging_full_numbers a.previous.paginate_button_disabled {
background-color: #CCCCCC; text-decoration: none;
}
.paging_full_numbers a.next.paginate_button_disabled,
.paging_full_numbers a.last.paginate_button_disabled {
background-color: #CCCCCC; text-decoration: none;
}

.paging_full_numbers a.first, .paging_full_numbers a.first:hover { text-decoration: none;background: url('../images/page-first.gif') no-repeat scroll 3px 0px transparent; *background-position: 3px 0px; }
.paging_full_numbers a.previous, .paging_full_numbers a.previous:hover  {text-decoration: none; background: url('../images/page-prev.gif') no-repeat scroll 3px 0px transparent; *background-position: 3px 0px; }
.paging_full_numbers a.next, .paging_full_numbers a.next:hover  {text-decoration: none; background: url('../images/page-next.gif') no-repeat scroll 33px 0px transparent; *background-position: 33px 0px; }
.paging_full_numbers a.last, .paging_full_numbers a.last:hover  {text-decoration: none; background: url('../images/page-last.gif') no-repeat scroll 33px 0px transparent; *background-position: 33px 0px; }

.paging_full_numbers a.first.paginate_button_disabled {background: url('../images/page-first-disabled.gif') no-repeat scroll 3px 0px #c0c0c0; *background-position: 3px 0px;}
.paging_full_numbers a.previous.paginate_button_disabled { background: url('../images/page-prev-disabled.gif') no-repeat scroll 3px 0px #c0c0c0; *background-position: 3px 0px; }
.paging_full_numbers a.next.paginate_button_disabled {background: url('../images/page-next-disabled.gif') no-repeat scroll 33px 0px #c0c0c0; *background-position: 33px 0px; }
.paging_full_numbers a.last.paginate_button_disabled { background: url('../images/page-last-disabled.gif') no-repeat scroll 33px 0px #c0c0c0; *background-position: 33px 0px; }
 
a.paginate_button, a.paginate_active { *display: inline-block; }

.ie7 div.dataTables_filter { width: 300px; } 
div.dataTables_filter label { 
*display: block !important; *position: relative !important; *right: 30px !important; *width: 290px !important; }
span.clearButton1 {  *position: relative; *left: 15px; *top: -19px; }
/****************************
	MAIN BUTTONS
****************************/
.top-row-buttons, .top-row-add, .bottom-row-buttons { height: 35px; }
.bottom-row-buttons { margin: -30px 0 40px -10px !important; }
/*Pad button on the left if it's in a portlet*/
.portlet-body .bottom-row-buttons { padding-left: 10px; /* padding-top: 20px;*/ float:left; }
/****************************
	MAIN BUTTONS
****************************/
/*button, button:active, input[type="submit"], input[type="submit"]:active {
  background: #38B2C6 !important; border: 0 none; color: #F9F9F9; cursor: pointer;
  font-weight: bold; height: 29px; margin-top: 10px; overflow: visible;
  text-align: center;  }*/
.bottom-row-buttons button, .bottom-row-buttons button:active, .bottom-row-buttons input[type="submit"], .bottom-row-buttons input[type="submit"]:active {
  background: #38B2C6 !important; border: 0 none; color: #F9F9F9; cursor: pointer;
  font-weight: bold; height: 29px; margin-top: 10px; overflow: visible;
  text-align: center;  }
button span { position: relative; /*bottom: 2px;*/ }

a.generic-form-button { background: #38B2C6 !important; 
  border: 0 none; color: #F9F9F9; cursor: pointer;
  font-weight: bold; height: 29px; margin-top: 10px; overflow: visible; font-size: 13px;padding: 7px;
  text-align: center; position: relative; top: -2px; }
a.generic-form-button:hover, .generic-form-button:hover { background-color: #54C2D4 !important; } 

/**********************
	DEVICE CERT CHANGES
***********************/
.ui-widget-header { background: none; border: none;}
.ui-widget-header { color: #59595C; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #E9E9EA; }
.formfield { width: 250px !important; }
#div-new-userid { height: 110px; }
#div-existing-userid { height: 70px; }
#div-search-user { margin-top: 0px !important; }
form fieldset { /*border: none !important;*/ }
form fieldset.dc-push-fieldset-down { border:none; }
div#div-new-userid, div#div-existing-userid { background: none repeat scroll 0 0 #FFFFFF; }
 table.no-ent { border: none !important; } 
/*li#inline-nav-logout { display: none; }*/
fieldset.fieldset-legend { border: 1px solid #c0c0c0 !important; padding: 15px; }
fieldset.fieldset-legend legend { padding-left: 5px; padding-right: 5px; }
fieldset.dc-push-fieldset-down { margin-top: 70px; }

fieldset input[type="text"], fieldset input[type="file"],fieldset input[type="password"]  {
  border-color: #555555 #CCCCCC #CCCCCC #555555;
  border-style: solid;
  border-width: 1px;
  color: #333333;
  margin-bottom: 0.5em;
  padding: 1px;
  width: auto;
}

.fileUpload {clear:left; display:block;width: 100%; float:left; text-align:left; padding-right:10px; margin-bottom:0.5em; line-height:1.5em;}

select#organizationunitList { top: 0px !important; }
div#wwgrp_organizationunitList { position: relative; top: -33px; padding-left: 189px; width: 50%;  }
div#wwctrl_organizationunitList { width: 213px; height: 0px; }
div#wwlbl_organizationunitList label { left: 0; padding-top: 25px; position: absolute; }
fieldset div#wwgrp_organizationunitList.wwgrp div#wwctrl_organizationunitList.wwctrl span.selectmod { border-right: none; }
.ie8 div#wwctrl_organizationunitList { top: 10px; position: relative;}
.ie9 div#wwctrl_organizationunitList, .ie10 div#wwctrl_organizationunitList { top: 7px; position: relative;}

.dc-add-banner { width: 100%; padding: 5px; background-color: #BFE4ED; border:1px solid #26859A; }
.dc-add-banner img { padding: 5px; }
.dc-add-banner-container { padding: 5px; *top: 60px; *position: absolute; }
.dc-add-banner .device-label { font-weight: bold; line-height: 18px; }

/*************
	MORE OPTIONS - BUTTONS
****************/
.more-options { display: none; }

/************
	SPACINGS
*************/
a#DeviceCertConfig_enrollDevice_manuallyEnrolURL { line-height: 20px; display: inline-block; padding-bottom: 10px; }

form#DeviceCertConfig_enrollDevice fieldset { display: inline-block: padding-top: 20px; }
form#DeviceCertConfig_enrollDevice fieldset legend { padding: 0px 5px 0px 5px; }
form#DeviceCertConfig_enrollDevice { padding-top: 10px; }

/*************
	TABS
*************/
#tabbed-box { margin: 0px auto 0px auto; width:300px; }  
.tabbed { /*border:1px solid #494e52;  background-color:#fff;  padding:8px;*/ }  
ul.tabs { margin:0px; padding:0px; margin-top:5px; margin-bottom:6px; }  
ul.tabs li { list-style:none; display:inline; font-size: 12px;  }  
ul.tabs li a { padding:8px 14px 8px 14px; text-decoration:none;  
   font-size:12px; color:#2E98B0;   
   /*border:1px solid #464c54; */
   border-left: 1px solid #26859A;
   border-right: 1px solid #26859A;
   border-top: 1px solid #26859A;
   }
   
     
ul.tabs li a:hover {  border-color:#2f343a; }  
ul.tabs li a.active { background-color:#ffffff;  color: #2E98B0; border:1px solid #26859A;   
        border-bottom: 1px solid #ffffff; font-weight: bold; }  
.tabbed-content { background-color:#ffffff; padding:10px; position: relative; 
	border-top: 2px solid #26859A; 
	border-left: 1px solid #26859A;
   border-right: 1px solid #26859A;
   border-bottom: 1px solid #26859A;
	
	} 
#tab-content-2 { display:none; }  
.tab-spacer { background-color: #26859A; border-color: #26859A; height:3px; }



/*************
	TABLES
*************/
.content th.table-sort-header:hover { background: none; color: #000; }
.content th.header-sort-asc { background: url("../images/asc.png") no-repeat scroll 0 7px transparent; padding-left:17px; cursor:pointer;}
.content th.header-sort-asc:hover { background: url("../images/asc.png") no-repeat scroll 0 7px transparent; padding-left:17px; }
.content th.header-sort-desc { background: url("../images/desc.png") no-repeat scroll 0 7px transparent; padding-left:17px; cursor:pointer;}
.content th.header-sort-desc:hover { background: url("../images/desc.png") no-repeat scroll 0 7px transparent; padding-left:17px; }

/*************************
	BUTTONS
**************************/
ul.cert-list-menu a.offset {
  padding-left: none;
  padding-right: 10px;
  top: 0em;
}

/*******************
	TABLE DROP DOWN MENUS
*******************/
span.filter-menu ul {
	/* border: 3px solid #B6CDED; */
	padding: 15px;
}
.filter-menu ul { background: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6);
	border: 1px solid #A5B0B2; font-weight: normal; font-size: 12px; }
	
.filter-menu .submenu .submenu-header {
  background: linear-gradient(to bottom, #3DB3C6 0%, #2D7D89 100%) repeat scroll 0 0 transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2D7D89,endColorstr=#3DB3C6);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#2D7D89,endColorstr=#3DB3C6)";
  display: block;
  padding: 10px;
  width: 95%;
}
.filter-menu .submenu.opened li.section-header { padding: 10px 0px; }
.filter-menu .submenu.opened .submenu-header { background: linear-gradient(to bottom, #3DB3C6 0%, #2D7D89 100%) repeat scroll 0 0 transparent; } 
.filter-menu .submenu .submenu-header a { color: #fff; }
.filter-menu label:hover { color: black; }
.filter-menu ul li:hover { background: none; color: #000; }
.columns-menu ul li:hover { background: none;  color: #000; }

span.columns-menu ul { padding: 15px; }

.columns-menu ul { background: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6);
	border: 1px solid #A5B0B2; font-weight: normal; font-size: 12px; }
li.columnEntry span.column-id { padding-left: 5px; }
.bulkUpdateRelated { background-color: #fff; }
tr.cert-row.compressed td > div { font-size: 12px; height: 17px;} 
/***********************
	SELECT BOXES
**************************/
span.selectmod { border: 1px solid #C8C6C6;
  padding: 3px 0 2px; position: relative; }
select.entSelect{ position:relative; z-index:10; height:20px !important; line-height:26px; cursor: pointer; }
span.select{ position:absolute; bottom:0; float:left; left:0; height:20px; line-height:20px; text-indent:10px; 
	background:url(../images/message-bulk-arrows.png) no-repeat 100% 94%; cursor:default; z-index:1; }
option:hover { cursor: pointer; }	
/*End Select boxes*/
/**********************
	FORM
**********************/
form#DeviceCertConfig_getEnrollment a#DeviceCertConfig_getEnrollment_manuallyEnrolURL { width: 900px; word-break: break-all; 
		word-wrap: break-word; white-space: normal; display: block; }

div#formContainer fieldset { width: 550px; }
/***********************
         Tooltip - New
***********************/
.form-tip span, .form-tip span span { 
background: url(../images/tooltip-icon.png) no-repeat; padding-left: 20px; cursor: pointer; 
}
.form-tip { width: 20px; }
/* #tooltip { text-align: center; color: #fff; background: #111; position: absolute; z-index: 100; padding: 8px; } */
#tooltip { text-align: center; /* color: #fff; */ background: #FFF; position: absolute; z-index: 100; padding: 8px;
border: 1px solid #B9B9B9; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6); 
}
/* triangle decoration */
#tooltip:after { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent;
   border-top: 10px solid #111; content: ''; position: absolute; left: 50%; bottom: -10px;
   margin-left: -10px; }
 #tooltip.top:after { border-top-color: transparent; border-bottom: 10px solid #111;
   top: -20px; bottom: auto; }
#tooltip.left:after { left: 10px; margin: 0; }
#tooltip.right:after { right: 10px; left: auto; margin: 0; }
.tooltipIcon { position: relative; margin-right: 5px; float:left; top:-3px; }
.tooltipErrorIcon { position: relative; margin-right: 5px; margin-top: 2px; float:left; top:-3px; width: 15px; height: 15px; border: none; }
/* .tooltipHide { cursor: pointer; color: #ABADB0; float: right; font-weight: bold; letter-spacing: 1px; padding-right: 5px; position: relative; top: -12px; z-index: 5; } */
.tooltipHide {
  background-color: #e3e3e3;
  right: 5px;
  color: #056A8E;
  cursor: pointer;
  float: right;
  font-weight: bold;
  padding: 5px;
  position: relative;
  z-index: 5;
  width: 86px;
}

span.tt-button-container {
	width: 60px;	
	 right: 5px;
  /* border: 1px solid grey;  */
  color: #056A8E;
  cursor: pointer;
  float: right;
  font-weight: bold;
  padding: 5px;
  position: relative;
   top: -7px; 
 
}


.tooltipCopy {
  background-color: black;
  right: 5px;
  border: 1px solid grey;
  color: #ABADB0;
  cursor: pointer;
  float: right;
  font-weight: bold;
  padding: 5px;
  position: relative;
  top: -28px;
  z-index: 5;
  
}
.ie10 div.tt-icon-placement { padding-top: 12px; }
.ie9 div.tt-icon-placement, .ie8 div.tt-icon-placement { padding-top: 12px; }

/*Login*/
form.blue-box-form > label { width: 100px; float: left; }
p.blue-box-header { margin-bottom: 10px; }	
.login-box p { color: #fff; font-weight: bold; }
.login-box {
  background: url("../images/login-bg.gif") repeat scroll 0 0 transparent;
  float: right;
  margin-top: 40px;
  min-height: 230px;
  padding: 20px 40px 14px 29px;
  position: relative;
  width: 334px;
}
.blue-box button {
  background: none repeat scroll 0 0 #E82533 !important;
  border: 0 none;
  color: white;
  cursor: pointer;
  float: right;
  font-size: 12px;
  margin: 0 0 10px !important;
  padding: 4px 22px !important;
  height: 25px !important;
}

.saml-link  { color: #fff; font-weight: bold; }
.saml-link a { color: #fff; font-weight: bold; }

a.toggleMenu {
	display: none;
   }

a.DTTT_button_csv span { padding-left: 50px; background: url(../images/csv2.png) no-repeat center left; }
a.DTTT_button_csv:hover span { padding-left: 50px;background: url(../images/csv2.png) no-repeat center left transparent; }

a.DTTT_button_pdf span { padding-left: 50px; background: url(../images/pdf2.png) no-repeat center left; }
a.DTTT_button_pdf:hover span { background: #f0f0f0 url(../images/pdf2.png) no-repeat center left transparent; }

.ie9 a.DTTT_button_csv {background-color: blue; }

button.DTTT_button, div.DTTT_button, a.DTTT_button {
  background: #38B2C6 !important; 
background: red\9;
  
/*font-family: "MS Shell Dlg", Arial,Helvetica,?Sans-Serif;*/
 padding: 9px;
  border: none;
  text-decoration: none;
  
  color: #fff !important;
  font-weight: bold;
  text-align: center;
  font-size: 13px;
 
}
button.DTTT_button:hover, div.DTTT_button:hover, a.DTTT_button:hover {
	background-color: #54C2D4 !important; border: none; box-shadow: none; }
/*div.DTTT_container { float: right; position: absolute; right: 210px; }*/
div.entToolbar { height: 70px; }
div.DTTT_container { position: absolute; right: 180px; top: 35px; }



/*********************************
	COLVIS - Orig
*********************************/
button.ColVis_Button span { font-family: Arial, Helvetica, Sans-Serif; font-size: 13px; }
.ColVis {
	position: absolute;
	float: right;
	right: 10px;
	top: 25px;
	width: 170px;
	height: 30px;
	z-index: 9;

}

.ColVis_MasterButton {
	height: 100%;
	width: 100%;
	border-left-width: 0;
	cursor: pointer;
	*cursor: hand;
	/* background: url('../images/button.png') no-repeat top left; */
}


button.ColVis_Button::-moz-focus-inner { 
	border: none !important;
	padding: 0;
	
}

.ColVis_text_hover {
	border: 1px solid #999;
	background-color: #f0f0f0;
}

div.ColVis_collectionBackground {
	background-color: black;
	z-index: 1100;
}

button.ColVis_Button span span,button.ColVis_Button span span:hover { padding-left: 0px !important; }

div.ColVis_collection {
	position: relative;
	width: 180px;
	background-color: #fff;
	/* padding: 3px; */
	border: 1px solid #ccc;
	z-index: 1102;
	
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6);
	border: 1px solid #A5B0B2;
}

div.ColVis_collection button.ColVis_Button {
	height: 30px;
	width: 100%;
	margin-right: 3px;
	margin-bottom: 2px;
	padding: 3px 5px;
	cursor: pointer;
	*cursor: hand;
	text-align: left;
	background: #fff !important;
	color: #056A8E;
}

div.ColVis_collection button.ColVis_Button:hover {
	/* border: 1px solid #999; */
	background-color: #f0f0f0;
	padding-left: 0px;
}

div.ColVis_catcher {
	position: absolute;
	z-index: 1101;
}

span.ColVis_radio {
	display: inline-block;
	width: 20px;
}

button.ColVis_Restore {
	margin-top: 15px;
}

button.ColVis_Restore span {
	display: inline-block;
	padding-left: 10px;
	text-align: left;
}

.disabled {
	color: #999;
}


/*********************************
	COLVIS 
*********************************/
button.ColVis_Button img.shide-columns { position:relative; top: 3px; padding-right: 2px; }

/*.ColVis { top: 75px; }
div.ColVis_collection button.ColVis_Button span.ColVis_title { color: #442D2D; }
div.ColVis_collection {	background-color: #c0c0c0; }*/


div.msg-pref-bar {
  border: 1px solid #C0C0C0;
  height: 5px;
  margin-bottom: 2px;
  margin-top: 10px;
  padding-bottom: 10px;
  padding-top: 15px;
  vertical-align: middle;
  width: 99%;
}
div.entToolbar { /*height: 30px; */
 border: 1px solid #C0C0C0;
  height: 5px;
  margin-bottom: 2px;
  margin-top: 10px;
  padding-bottom: 10px;
  padding-top: 15px;
  vertical-align: middle;
  width: 100%;
}
div.DTTT_container { top: 0px; right: 210px;}
.dataTables_length { padding-left: 5px; padding-top: 5px; }
.dataTables_filter { padding-left: 5px; padding-top: 5px; }

/**************************
	Error MSG'S ON MARKETING PAGE (NOACCESS)
**************************/
.no-access-box form { width: 150px; padding-top: 12px; }

.blue-box-form .errorMessage { 
  color: red;
  font-size: 13px;
  font-weight: bold;
  padding: 5px;
  text-align: left;
  width: 300px; 
}
.blue-box-form .floater { 
    font-size: 14px;
}
.blue-box-form label { width: 350px; margin: 5px 0 0; text-align: right; color: white; display: block; font-size: 16px; font-weight: bold; }
.blue-box-form div { float: right; width: 200px; }


.blue-box-form input[type=submit] {
  background: none repeat scroll 0 0 red !important;
  font-size: 13px;
  padding: 4px 22px; position: relative; left: 150px;
  
}
.blue-box-form .form-errors { position: absolute; top: -98px;}
.blue-box-form .form-errors li { float: left; }

/****************************
	Change DN to Green if Valid
**********************************/
.certDN-valid { color: green; }

/*************************
	MARKETING PAGES
***************************/
h1.sub { font-size: 16px; }
p.marketing-bold { font-weight: bold; }
ul.marketing-list { list-style: disc inside none; }
/************************
                BUTTONS ON LIST OF DEVICE CERTIFICATES
***********************/
.report-buttons-bar { display: block; left: 450px; position: absolute; top: 11px; }

/**************************
	FOOTER
**************************/
#footer { background: #AAAAAA; padding: 5px 15px !important; height:22px;}
div#footer, #footer a { font-size: 11px; color: white;  }
div#footer-left { float: left; }
#footer-left ul { float: left; padding: 0 0 1em; margin: 0px; }
#footer-left ul li { float: left; padding-right: 15px; }
.footer-center { margin-right: 180px; text-align: center; display: block; }


@media screen and (-webkit-min-device-pixel-ratio:0) {

    /*Chrome/Safari CSS here*/
	#user-content a.generic-form-button {
        top: 0px;
    }
    table tr	 { border-width:1px; border-style:solid; border-color:#ffffff; }
}



/* KENDO */
.k-detail-cell .k-tabstrip .k-content {
                    padding: 0.2em;
                }
                ul
                {
                    list-style:none;
                    margin: 15px;
                    padding: 0;
                }
                ul li
                {
                    margin: 0;
                    line-height: 1.7em;
                }

                label
                {
                    padding-right: 10px;
                    font-style:normal;
                    font-weight:bold;
                }
                label.modForm {
                	width: 100px;
                }
                
                /*Edit popup form*/
                .k-edit-label label {
                	display:inline-block;
                    width:89px;
                    padding-right: 10px;
                    text-align: right;
                    font-style:normal;
                    font-weight:bold;
                }
                
                .hideTabDel { display: none; }
                
                div.k-toolbar a.k-button span.k-upload { background: url(../images/upload.png) no-repeat; }
                div.k-toolbar a.k-button span.k-csv { background: url(../images/csv.png) no-repeat; }
                div.k-toolbar a.k-button span.k-pendapproval { background: url(../images/viewpending.png) no-repeat; }
                div.k-toolbar a.k-button span.k-pendconfirm { background: url(../images/viewconfirmed.png) no-repeat; }
                
                /* Tooltip */
                .ob-hidden {
 				   display: none;
				}
				
				/* User Certificates list */
				 .dropdown-header {
                    font-size: 1.2em;
                }

                .dropdown-header > span {
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                    text-align: left;
                    display: inline-block;
                    border-style: solid;
                    border-width: 0 0 1px 1px;
                    padding: .3em .6em;
                    width: 312px;
                }

                .dropdown-header > span:first-child {
                    width: 82px;
                    border-left-width: 0;
                }
                #customers-list .k-item > span{
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                    display: inline-block;
                    border-style: solid;
                    border-width: 0 0 1px 1px;
                    vertical-align: top;
                    min-height: 95px;
                    width: 79%;
                    padding: .6em 0 0 .6em;
                }

                #customers-list .k-item > span:first-child{
                    width: 77px;
                    border-left-width: 0;
                    padding: .6em 0 0 0;
                }

                #customers-list img {
                    -moz-box-shadow: 0 0 2px rgba(0,0,0,.4);
                    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.4);
                    box-shadow: 0 0 2px rgba(0,0,0,.4);
                    width: 70px;
                    height: 70px;
                }

                #customers-list h3 {
                    font-size: 1.6em;
                    margin: 0;
                    padding: 0;
                }

                #customers-list p {
                    margin: 0;
                    padding: 0;
                }
                
div.k-toolbar a.k-button span.k-resetListingFilters {
	background: url("../images/resetListingFilters.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
div.k-toolbar a.k-button span.k-resetListingState {
	background: url("../images/resetListingState.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}



button#btnDeviceCertBulkApproval.k-button span.k-icon, div#pendingApprovalList.k-grid div.k-toolbar a.k-button span.k-gridApprove  {
	background: url("../images/approveSelected.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
button#btnDeviceCertBulkApprovalAll.k-button span.k-icon {
	background: url("../images/approveAll.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}



button#btnDeviceCertRequestDeny.k-button span.k-icon, div#pendingApprovalList.k-grid div.k-toolbar a.k-button span.k-gridDeny  {
	background: url("../images/deny.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}         
button#btnDeviceCertRequestDeny.k-button span.k-icon {
	background: url("../images/deny.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
} 
button#btnDeviceCertRequestDeny.k-button span.k-icon {
	background: url("../images/deny.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
} 
button#btnPendingConfirmDelete.k-button span.k-icon {
	/*background: url("../images/delete.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
	background: url("../images/denyAll.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
tr td a.k-button span.k-approve {
	background: url("../images/approveSelected.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	position: relative;
	right: 5px;
}
tr td a.k-button span.k-deny {
	background: url("../images/deny.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	position: relative;
	right: 3px;
	top: -1px;
}

div.k-toolbar a.k-grid-Options span.k-gridOptions {
	background: url("../images/gridoptions.png") no-repeat scroll 0 0 rgba(0,0,0,0); 
}

/* changes default width of the button (Actions Column)*/
.k-grid tbody .k-button {
    min-width: 22px;
    width: 22px;
    height: 20px;
    color: transparent;
}

a.k-grid-Options { float: right; }
div.toolbar { float: right; }


.toolbar { float: left; }
#pendingApprovalList a.k-grid-Options { float: right; position: absolute; right: 6px; top: 10px; }
.toolbarOptionsPA { position:absolute;float:right;top:4px; right:15px; z-index:99 }

/*a.k-state-active span.k-filter { background: url(../images/filtered2.gif) no-repeat }*/
.filteredColumn { background: url(../images/filtered2.gif) no-repeat }

.hrefbutton {
    padding-bottom: .37em;
    padding-top: .37em;
}