/* PRIMARY LAYOUT ELEMENTS   
-----------------------------------------------------------------------------------------------------------------------------------------------*/
body		{letter-spacing: 0.2px; background-color:#191e21 ; margin: 1px; padding: 1px;  font-family:Arial, simsun; font-size: 9pt; color: #fff;}
div.wrapper {width: 100%; margin: 0; padding: 0; position: fixed;  top: 0; z-index:2; background-color: #333}
.maintable	{width: 100%;}
#bottom 	{font-size: 8pt; color:#000; text-align:center; margin-top:10px;}
#language	{margin-top:20px; text-align:center;}

/* Main Body White Box with Border Radius and Shadow effect   
------------------------------------------------------------------------------------------------------------------------------------------------*/
div.main{
	margin:2px 0 0px 0px; /*top right bottom left*/
	padding:2px 0px 10px 0px;
	float:left; width:100%;
	/* Rounded Corners */	
	-moz-border-radius: 8px; /* Firefox */
	-webkit-border-radius: 8px; /* Safari, Chrome */
	border-radius: 8px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	-khtml-border-radius:table 8px;	
	
	/* Background color and gradients */	
	background-color:#FFF;
	background-color: rgb(255,255,255); /* Needed for IEs */
		
	/* Borders */
	/*horizontal offset,vertical offset,blur radius,spread radius,color*/
	border:1px solid #999999;	
}

/* Login Page Layout   
-------------------------------------------------------------------------------------------------------------------------------------------------*/
body.loginpage		{background-image:url("../img/bg_01.jpg"); margin: 0px; padding: 0px;}
div.loginwrapper	{background-image:url("../img/bg_compact_02.gif"); background-repeat:repeat-x; margin:0px; padding:0px;} 
font.loginp_t2		{font-size:9pt; color:#fff;}

div.login_box		{background:url("../img/login_box.png") no-repeat top; padding:30px 0px 60px 0px; margin:80px 20px 0px 20px; width:450px; height:550px; position:relative;} 
div.logo 			{padding-left:30px; background:url("../img/log_e2.png") no-repeat top; width:276px; height:208px; margin:0px; z-index:1; float:left;}
.version 			{color:#fff; font-size:8pt; font-weight:bold; text-align:right; position:absolute; z-index:1; padding-left:245px; padding-top:200px;}

input.login_input 	{width:240px;color: #999;
            display: block;
            padding: 15px 20px;
            outline: none;
            background: rgb(67, 80, 96);
            border: 1px solid rgb(67, 80, 96);
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            -ms-border-radius: 2px;
            -o-border-radius: 2px;
            border-radius: 2px;
}
input.security_code {width:90px;color: #999;
            display: block;
            padding: 5px 20px;
            outline: none;
            background: rgb(67, 80, 96);
            border: 1px solid rgb(67, 80, 96);
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            -ms-border-radius: 2px;
            -o-border-radius: 2px;
            border-radius: 2px;;
}
input.login_input:hover, input.security_code:hover, input:focus 	{border-color:#c5c5c5;	background:#f6f6f6;} 


button 				{font-family:Arial; font-weight:bold; border:0 none; cursor:pointer; padding:0 8px 0 0; text-align: center; width:100px; height: 25px; line-height: 24px;}
button.rounded 		{font-size: 10pt; clear: left; border-radius:15px;
background: #4a46bf; /* Old browsers */
background: -moz-linear-gradient(top, #4a46bf 1%, #343289 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #4a46bf 1%,#343289 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #4a46bf 1%,#343289 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a46bf', endColorstr='#343289',GradientType=0 ); /* IE6-9 */
}
button.login		{display: inline-block; width: 100%; height: 45px; padding: 10px 10px; color: #fff; outline: none; border: 0;
            background: -webkit-linear-gradient(left, #51a4f8, #43faff); /* Safari 5.1 - 6.0 */
            background: -o-linear-gradient(right, #51a4f8, #43faff); /* Opera 11.1 - 12.0 */
            background: -moz-linear-gradient(right, #51a4f8, #43faff); /* Firefox 3.6 - 15 */
            background: linear-gradient(to right, #51a4f8, #43faff); /* 标准的语法（必须放在最后） */;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            -ms-border-radius: 2px;
            -o-border-radius: 2px;
            border-radius: 2px;
}
button span 		{display: block; padding: 0 0 0 8px; position: relative; white-space: nowrap; height: 25px; line-height: 24px;}
button.rounded span 		{color: #fff;}
button.rounded:hover 		{background: #343289;}
button::-moz-focus-inner 	{border: none;}


/* GENERAL LINK  
------------------------------------------------------------------------------------------------------------------------------------------------*/
a:link 				{text-decoration: underline; color: #00b4ff; margin-bottom: 0px; margin-top: 0px;}
a.no_line 			{color: #00b4ff; margin-bottom: 0px; margin-top: 0px; cursor:pointer;}
a:hover				{text-decoration: none; color: #00b4ff; margin-bottom: 0px; margin-top: 0px;}
a:visited 			{text-decoration: underline; color: #00b4ff; margin-bottom: 0px; margin-top: 0px;}
a:active 			{text-decoration: underline; color: #00b4ff; margin-bottom: 0px; margin-top: 0px;}

a.sml:link 		{font-size: 8pt; text-decoration: underline; color: #00b4ff; margin-bottom: 0px; margin-top: 0px;}
a.sml:hover		{font-size: 8pt; text-decoration: none; color: #00b4ff; margin-bottom: 0px; margin-top: 0px;}
a.sml:visited 	{font-size: 8pt; text-decoration: underline; color: #00b4ff; margin-bottom: 0px; margin-top: 0px;}
a.sml:active 	{font-size: 8pt; text-decoration: underline; color: #00b4ff; margin-bottom: 0px; margin-top: 0px;}

a.historylog:link 		{font-size: 8pt; text-decoration: underline; color: #00b4ff; margin-bottom: 0px; margin-top: 0px;}
a.historylog:hover		{font-size: 8pt; text-decoration: none; color: #00b4ff; margin-bottom: 0px; margin-top: 0px;}
a.historylog:visited 	{font-size: 8pt; text-decoration: underline; color: #00b4ff; margin-bottom: 0px; margin-top: 0px;}
a.historylog:active 	{font-size: 8pt; text-decoration: underline; color: #00b4ff; margin-bottom: 0px; margin-top: 0px;}

a.relogin				{text-decoration:none;}
/* GENERAL FONT   
-------------------------------------------------------------------------------------------------------------------------------------------------*/
font.systemdate			{font-size:8pt; color:#fff;}
font.std 				{font-size:9pt; color:#000000;}
font.matchdate			{font-size:8pt; color:#000000;}
font.sml 				{font-size:8pt;}
font.pagelevel          {font-size:8pt; color:#00b4ff;}
font.screenlabel        {font-size:8pt; color:#aedaff;}
font.statusby 			{font-size:8pt;color:#fff;} /* font for datetime, admin name, admin code*/
font.title              {font-size:10pt; color:#00b4ff; font-weight:bold;}
font.title_black        {font-size:9pt; color:#000000; font-weight:bold;}
font.red 				{font-size:9pt; color:#F00;} /* font for danger or error status*/
font.green 				{font-size:9pt; color:#0b912a;} /* font for normal status*/
font.green2 			{font-size:8pt; color:#0b912a;}
font.orange				{color:#df8300;}
font.blue				{color:#2c96d4}
font.result_denied		{font-weight:bold; color:#F00;}
font.result_review		{font-weight:bold; color:#faab00;}
font.result_allowed		{font-weight:bold; color:#4CAF50;}
.odds_font1				{font-size:9pt; color:#666666; font-weight:bold;} /* Odds Monitor*/
.odds_font2				{font-size:9pt; color:#000000; font-weight:bold;}
.odds_font3				{font-size:9pt; color:#cc0000; font-weight:bold;}
font.live				{font-size:9pt; color:#cc0000;} 
font.searchtitle  		{font-size:9pt; color:#fff;}
hr.line					{border: 1px; height: 1px; background-color:#bbb59f; color:#bbb59f; width:100%; float:left;}
font.sml_header         {font-size:8pt; color:#000; font-weight:bold;}
font.sml 				{font-size:8pt; letter-spacing: 0.2px; line-height: 130%;}
font.sml_hl         	{font-size:8pt; color:#F00;}
font.bold         		{font-weight:bold;}
font.sml_itl         	{font-size:10pt; color:#666; font-style:italic; font-weight:400;}
font.right				{float:right; text-align:right;}
font.maintenance		{font-size:12pt; color:#F00; font-weight:bold;}


/* GENERAL FORM LAYOUT ELEMENTS   
---------------------------------------------------------------------------------------------------------------------------------------------------*/
form			{width: 100%; padding:0px; margin:0px;}
fieldset        {border:2px solid #ddd; border-radius:5px; padding:0 1.4em 1.4em 1.4em; margin:5px;}
legend          {font-size:9pt; font-weight: bold;}
select {
    font-family: Arial, SimSun;
    padding: 3px;
    font-size: 9pt;
    border: 1px solid #999;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    /*position: relative;*/
    vertical-align: middle; background-color: #3d4753; color:#fff;}
select.LanguageSelect		{font-family:Arial, SimSun; padding:0px; font-size: 9pt; border: 1px solid #999999; background-color:#3d4753;
							-moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;}
select[disabled="disabled"]	{background-color:#cccccc; color:#666666;}
textarea		{font-family:Arial; font-size: 9pt; color:#fff;border: 1px solid #999999; background-color:#3d4753;
				-moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px;}
.float_r		{float:right;}
				
/* input text */
    input [type="text"],[type="number"]				{font-family:Arial; font-size: 9pt; background-color:#3d4753; border: 1px solid #999999; padding:3px; margin:0px; color: #fff;
								-moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px; box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.14);}
input[type="text"]:disabled		{background-color: #5a5d66; border: 1px solid #999999; padding:2px; margin:2px; color:white;}
input[disabled="disabled"]  	{background-color: #cccccc; color:#666666; padding:2px;}
input.disabled 	{background-color: #cccccc; color:#666666;}

/*input text-Set2 (pagination-search)*/
input[type="text"].pagination_search	{font-family:Arial; font-size: 8pt; background-color:#FFF; border: 1px solid #999999; padding:0px; margin:0px; 
								-moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px; box-shadow:none;}
input[type="text"].pagination_search:focus	{font-family:Arial; font-size: 8pt; background-color:#FFF; border: 1px solid #999999; padding:0px; margin:0px; 
								-moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px; box-shadow:none;}
input[type="text"].pagination_search:disabled	{background-color: #f0f0f0; color:#fff; border: 1px solid #999999; padding:2px; margin:2px;}

input[type="text"].search 	{width: 130px; box-sizing: border-box; border: 2px solid #ccc; border-radius: 4px; font-size: 9pt; padding-left:25px;
								background-color: white;
								background-image: url('../img/ico_search.png');
								background-position: 4px 2px;
								background-repeat: no-repeat;
								-webkit-transition: width 0.4s ease-in-out;
								transition: width 0.4s ease-in-out;}
input[type=text].search:focus 	{width: 100%;}
.styling_password				{font-family:Arial; font-size: 9pt; background-color:#FFF; border: 1px solid #999999; padding:3px; margin:0px; 
								-moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px; box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.14);}
								
/* input checkbox */
input[type="checkbox"].rulestype_selection	{float:right;}

/* checkbox and radio button */
.styling_checkbox,
.styling_radio								{position: absolute;  -moz-opacity: 0;  -webkit-opacity: 0;  opacity: 0; cursor:pointer;}
label										{margin:0px; padding:0px;} /* prevent the entire page from scrolling*/
.styling_checkbox, .styling_radio			{position: static\30;} /* checkbox and radio button fallback for IE6, IE7 and IE8 */

.styling_checkbox ~ span::before,
.styling_radio ~ span::before				{content: ""; display: inline-block; width: 14px; height: 14px; vertical-align: text-top; background-repeat:  no-repeat; margin-right:3px;}

.styling_checkbox:checked ~ span::before	{background-position: 0 -14px;}
.styling_radio ~ span::before				{background-position: -14px 0;}
.styling_radio:checked ~ span::before		{background-position: -14px -14px;}

.styling_radio:disabled ~ span,
.styling_checkbox:disabled ~ span,
.styling_radio:disabled ~ span::before,
.styling_checkbox:disabled ~ span::before	{-moz-opacity: .6;	-webkit-opacity: .6;  opacity: .6;} /* disabled form elements */

.styling_checkbox:focus ~ span::before,
.styling_radio:focus ~ span::before,
.styling_checkbox:active ~ span::before,
.styling_radio:active ~ span::before		{outline: dotted 1px #ccc;} /* focused and active form elements */

.styling_checkbox ~ span::before,
.styling_radio ~ span::before				{background-image: url("../img/plugin/FormElement/pic_CheckBox_RadioButton.png");} /* skin-specific sprite */

.styliny_select_disable						{background:#ccc;}

/* Input Button*/
/*Button 01*/
input.btn01       		{font-family:Arial, simsun; font-size: 8pt; font-weight:bold; color:#fff; height:20px;
						padding:2px 6px; margin-right:4px; cursor:pointer; text-decoration:none; text-align:center;}
input.btn01.selected,
input:hover.btn01.selected	{font-family:Arial, simsun; font-size: 8pt; font-weight:bold; border:#BBB 1px solid; color:#fff; height:20px;
							padding:2px 6px; margin-right:4px; cursor:pointer; text-decoration:none; text-align:center; background: #666; }
input.btn01:disabled    {font-family:Arial, simsun; font-size: 8pt; font-weight:bold; border:#BBB 1px solid; color:#aaaaaa; 
						padding:2px 6px; margin-right:4px; cursor:pointer; text-decoration:none; text-align:center;}					
input:hover.btn01		{text-decoration:none; background:#191e21;}
.rounded, input.btn01	{-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -khtml-border-radius: 6px;} 
.shadow, input.btn01	{-moz-box-shadow: 0px 1px 3px #AAA; -webkit-box-shadow: 0px 1px 3px #AAA; box-shadow: 0px 1px 3px #AAA;}
.gradient, input.btn01	{background: #7287a5;} 

/*Button 02*/
input.btn02       		{font-family:Arial, simsun; font-size: 8pt; font-weight:bold; border:#BBB 1px solid; color:#fff;
						padding:2px 6px; margin-right:4px; cursor:pointer; text-decoration:none; text-align:center; background: #666666; }
input.btn02:disabled    {font-family:Arial, simsun; font-size: 8pt; font-weight:bold; border:#BBB 1px solid; color:#aaaaaa; 
						padding:2px 6px; margin-right:4px; cursor:pointer; text-decoration:none; text-align:center;}					
input:hover.btn02		{text-decoration:none; background:#FFF; color:#000;}
input.btn02	{-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -khtml-border-radius: 6px;} 
input.btn02	{
-moz-box-shadow: 0px 1px 3px #AAA;
-webkit-box-shadow: 0px 1px 3px #AAA;
box-shadow: 0px 1px 3px #AAA;}




/* Input Button with image (Edit Button, Add & Restract Button) - Account,Devices,Ip Details Page */
.span_button		{border:#BBB 1px solid; padding:3px 6px; margin-right:4px; cursor:pointer; background: #f0f0f0;}
.span_button img	{vertical-align:-2px;}
.span_button input {border:none; font-size: 8pt; font-weight:bold; color:#000; font-family:Arial, simsun; text-decoration:none; text-align:center; padding:0px; cursor:pointer;}

/*--- Risk button ---*/
.dropbtn_active						{background-color: #4CAF50;color: white;font-size: 8pt;border: none;cursor: pointer; line-height:10px; padding-left:11px;
									width:100px; height:20px;position: relative;display: inline-block; border-radius:5px;text-align:center;}/* Dropdown Button */
.dropdown_active-content			{display: none;position: absolute;background-color: #FFF; min-width: 100px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
									border:1px #CCC solid;margin-top:7px;border-radius:3px;z-index:10;}/* Dropdown Content (Hidden by Default) */
.dropdown_active-content:after, 
.dropdown_active-content:before 	{bottom: 100%;left: 20%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.dropdown_active-content:after		{border-color: rgba(136, 183, 213, 0);border-bottom-color: #FFF;border-width: 6px;margin-left: 0px;}
.dropdown_active-content:before		{border-color: rgba(194, 225, 245, 0);border-bottom-color: #CCC;border-width: 8px;margin-left: -2px;}
.dropdown_active-content a			{color: black;padding:5px;text-decoration: none;display: block; text-align:center;}/* Links inside the dropdown */
.dropdown_active-content a:hover	{background-color: #f1f1f1}/* Change color of dropdown links on hover */
.dropdown_active-content a.disabled,
.dropdown_active-content a.disabled:hover{color: black;padding:5px;text-decoration: none;display: block;background:#efefef;}/* Links inside the dropdown */
.show_active						{display:block;}/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */

/*--- Status button ---*/
.dropbtn_status						{background-color: #4CAF50;color: white;font-size: 9pt;border: none;cursor: pointer; line-height:10px; padding-left:9px;
									width:80px; height:25px;position: relative;display: inline-block; border-radius:5px;text-align:center;}/* Dropdown Button */
.dropdown_status-content			{display: none;position: absolute;background-color: #FFF; min-width: 100px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
									border:1px #CCC solid;margin-top:7px;border-radius:3px;z-index:10;}/* Dropdown Content (Hidden by Default) */
.dropdown_status-content:after, 
.dropdown_status-content:before 	{bottom: 100%;left: 20%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.dropdown_status-content:after		{border-color: rgba(136, 183, 213, 0);border-bottom-color: #FFF;border-width: 6px;margin-left: 0px;}
.dropdown_status-content:before		{border-color: rgba(194, 225, 245, 0);border-bottom-color: #CCC;border-width: 8px;margin-left: -2px;}
.dropdown_status-content a			{color: black;padding:10px; font-size: 9pt;text-decoration: none;display: block; text-align:center;}/* Links inside the dropdown */
.dropdown_status-content a:hover	{background-color: #f1f1f1}/* Change color of dropdown links on hover */
.dropdown_status-content a.disabled,
.dropdown_status-content a.disabled:hover{color: black;padding:10px; font-size: 9pt;text-decoration: none;display: block;background:#efefef;}/* Links inside the dropdown */
.show_status						{display:block;}/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */

/* GENERAL TABLE
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Result table - Gray Color */
.resulttable_border			{border:1px solid #999999; border-bottom:0;font-family: Arvo; }
.resulttable_border	th		{font-weight:bold; border-right:1px solid #999999; border-bottom:1px solid #999999; font-size: 9pt; vertical-align: middle; background-color: rgba(174, 206, 255, 0.1); padding: 10px 6px; font-size: 12px;font-family: Arvo; }
.resulttable_border	th.last_th	{border-right:0;font-family: Arvo; }
.resulttable_border2		{border:1px solid #999999; border-bottom:0;font-family: Arvo; }
.resulttable_border2 th		{font-weight:strong; border-right:1px solid #999999; border-bottom:1px solid #999999; font-size: 9pt;
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top, #f4f4f4 0%, #e5e5e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f4f4f4 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f4f4f4 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */font-family: Arvo; }
.resulttable_border2 th.last_th	{border-right:0;font-family: Arvo; }
.resulttable_content td			{border-right:1px solid #999999; border-bottom:1px solid #999999; font-size: 9pt;font-family: Arvo; }
.resulttable_content2 td.last_td	{border-right:0; font-size: 9pt;font-family: Arvo; }
.resulttable_content2 td			{border-right:1px solid #999999; border-bottom:1px solid #999999; font-size: 9pt;font-family: Arvo; }
.resulttable_content td.last_td	{border-right:0; font-size: 9pt;font-family: Arvo; }
.resulttable_content:hover,		{background-color: rgba(101, 210, 255, 0.15)font-family: Arvo; } /*hover selected row ,text will change to light blue color*/
font.result_header     			{font-size:9pt; color:#fff; font-weight:bold; font-family: Arvo; }
.resulttable_content_bgcolor	{background-color:#940094;font-family: Arvo; }
.dot_tab    					{border-top: 1px dashed #cccccc;border-collapse: collapse;font-family: Arvo; }

/* GENERAL Pop-up window  
----------------------------------------------------------*/
.PopupDiv				{border:3px solid #6598cd; background-color:#191e21; text-align:left; padding:5px 0 0 0;}
.pop_title 				{width:auto; height:auto; padding-left:4px; padding-right:4px;}
.pop_content			{width:auto; height:auto; float:left; padding:5px 10px 10px 10px;}
.pop_content_scrollbar	{Width:1024px; height:600px; float:left;  overflow:scroll; padding:5px 10px 10px 10px;}
.pop_content_line		{width:auto; height:auto; float:left; margin:5px 5px 8px 5px; border-left:1px solid #999999;border-top:1px solid #999999;}
.pop_content_line td    {border-right:1px solid #999999; border-bottom:1px solid #999999; font-size: 8pt;}
.pop_content_line_big		{width:auto; height:auto; float:left; margin:5px 5px 8px 5px; border-left:1px solid #999999;border-top:1px solid #999999;}
.pop_content_line_big td    {border-right:1px solid #999999; border-bottom:1px solid #999999; font-size: 12pt;}
.pop_btn				{width:auto; height:auto; padding:0px 4px 6px 4px;}

/* DIV Popup for create new catagory tab - watchlist page  */
div.pop_category  	{position:absolute; z-index:1; width:300px; right:0px; background-color:#FFF; padding: 5px; border: 3px solid #6598cd;
-moz-border-radius: 8px; /* Firefox */
-webkit-border-radius: 8px; /* Safari, Chrome */
border-radius: 8px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
-khtml-border-radius: 8px;
}

/* DIV Popup for view risk level details - business rules view page  */
div.pop_risklvl  	{position:absolute; z-index:1; width:300px; right:0px; background-color:#191e21; padding: 5px; border: 3px solid #6598cd;
-moz-border-radius: 8px; /* Firefox */
-webkit-border-radius: 8px; /* Safari, Chrome */
border-radius: 8px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
-khtml-border-radius: 8px;
}
.details_header		{background-color:lightslategray; font-size:9pt; font-weight: bold;}

/* DIV Popup for info or note  */
div.pop_infonote	{overflow:scroll; position:absolute; z-index:auto; width:400px; height:600px; right:20px; background-color:#191e21; padding: 5px; border: 3px solid #6598cd;}


/* GENERAL SYSTEM MESSAGE  
---------------------------------------------------------------------------------------------------------------------*/
div.sm_border		{text-align:center; border:3px solid #22aae8; width:850px; height:auto; padding:20px; background-color:#FFF;}
font.sm_title		{color:#22aae8; font-size:23px; font-weight:bold;}
font.sm_subtitle	{color:#22aae8; font-size:20px; font-weight:bold;}
font.sm_gray		{color:#666666; font-size:16px;}
font.sm_sml_gray	{color:#989898; font-size:12px;}
.system_msg			{height:500px;}


/* TOOLS	  
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* - PAGINATION STYLE -*/
font.pagination 			{font-size:9pt; color:#cccccc;}
ul.pagination				{border:0; margin:0; padding:0;}
#pagination-digg li			{font-size:9pt; border:0; margin:0; padding:0; list-style:none; display:inline; margin-right:2px;}
#pagination-digg a			{border:1px solid #cccccc; margin-right:2px; height:16px;}
#pagination-digg .previous-off,
#pagination-digg .next-off 	{border:0px solid #cccccc; color:#00b4ff; display:block; float:left; margin-right:2px; padding:3px 4px;}
#pagination-digg .previous-off:hover,
#pagination-digg .next-off:hover {color:red;}
#pagination-digg .next a,
#pagination-digg .previous a {font-weight:bold;}
#pagination-digg .active	{font-weight:bold; color:#000; background:#cce1fc; display:block; float:left; padding:4px 6px;}
#pagination-digg a:link		{display:block; float:left; padding:3px 6px; text-decoration:none;}
#pagination-digg a:visited 	{display:block; float:left; padding:3px 6px; text-decoration:none;}
#pagination-digg a:hover	{color:red;}
span.pagination_search_box	{width:78px; height:20px; display:inline-block; vertical-align:middle; overflow:hidden;}
span.pagination_search_box input.page	{width:40px; border:none; height:20px; color:#999;}
span.pagination_search_box input.btn	{width:25px; height:20px; background-position:-55px -50px; background-color:#7287a5; border:none; border-left:1px solid; border-color:#cccccc; font-family:Tahoma, Geneva, sans-serif; color:#0F3F94; cursor:pointer; line-height:16px; padding:0 0 6px 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -khtml-border-radius: 6px;}

/* - Switch ON/OFF button -*/
.fieldSS 							{float: left; margin-left: 15px;} /*important margin left must be 25px*/
.cb-enable, .cb-disable, 
.cb-enable span, .cb-disable span 	{background: url(../img/plugin/StartStopSwitch/but_startstop.png) repeat-x; display: block; float: left; }
.cb-enable span, .cb-disable span	{line-height: 20px; display: block; background-repeat: no-repeat; font-size:8pt; font-weight: bold;}
.cb-enable.noinstall span, .cb-disable.noinstall span	{color:#999999;}
.cb-enable span 					{background-position: left -60px; padding: 0 10px; color:#999;}
.cb-disable span 					{background-position: right -120px;padding: 0 10px; color:#999;}
.cb-disable.selected 				{background-position: 0 -20px; }
.cb-disable.selected span 			{background-position: right -140px; color: #fff; }
.cb-enable.selected 				{background-position: 0 -40px; }
.cb-enable.selected span 			{background-position: left -100px; color: #fff; }
.switchStartStop label 				{cursor: pointer;}

/* TAB MENU   
-------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Set 1 - data selection, filter */
.container			{width: 99%; margin: 10px auto 0;}
ul.tabs				{font-size:9px; font-weight: bold; margin: 0; padding: 0; float: left; list-style: none; width: 100%; height: 26px;
					border-bottom: 1px solid #bbb59f; border-left: 1px solid #bbb59f; 
					-webkit-border-top-left-radius: 5px;
					-moz-border-radius-topleft: 5px;
					border-top-left-radius: 5px;}
ul.tabs li			{margin: 0;	margin-bottom:-1px; padding: 0; float: left; height: 25px; line-height: 25px;
					border: 1px solid #bbb59f;	border-left: none; background: #e0e0e0; overflow: hidden;	position: relative;	
					-webkit-border-top-right-radius: 5px;
					-webkit-border-top-left-radius: 5px;
					-moz-border-radius-topright: 5px;
					-moz-border-radius-topleft: 5px;
					border-top-right-radius: 5px;
					border-top-left-radius: 5px;}
ul.tabs li a		{text-decoration:none;	color:#660099;	display: block;	font-size:1.2em; padding: 0 10px; border: 1px solid #fff; outline: none;}
ul.tabs li a:hover	{background: #fff;}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {background: #fff; border-bottom: 1px solid #fff;}
.tab_container 		{border: 1px solid #bbb59f; clear: both; float: left; width: 99%; background-color: rgba(174, 206, 255, 0.2);
    border-color: transparent; padding: 5px 10px 5px 10px;
					-webkit-border-bottom-right-radius: 5px;
					-webkit-border-bottom-left-radius: 5px;
					-moz-border-radius-bottomright: 5px;
					-moz-border-radius-bottomleft: 5px;
					border-bottom-right-radius: 5px;
					border-bottom-left-radius: 5px;}
.tab_content 		{padding: 5px;}	

/* Set 2 */
.container2			{width: 99%; margin:10px 0px 35px auto;}
ul.tabs_set2		{font-size:9px; font-weight: bold; margin: 0; padding: 0; float: left; list-style: none; width: 100%; height: 26px;
					border-bottom: 1px solid #191e21; border-left: 1px solid #191e21; 
					-webkit-border-top-left-radius: 5px;
					-moz-border-radius-topleft: 5px;
					border-top-left-radius: 5px;}
ul.tabs_set2 li		{margin: 0;	margin-bottom:-1px; padding: 0; float: left; height: 25px; line-height: 25px;
					border: 1px solid #191e21;	border-left: none; background: #222d32; overflow: hidden;	position: relative;	
					-webkit-border-top-right-radius: 5px;
					-webkit-border-top-left-radius: 5px;
					-moz-border-radius-topright: 5px;
					-moz-border-radius-topleft: 5px;
					border-top-right-radius: 5px;
					border-top-left-radius: 5px;}
ul.tabs_set2 li:hover	{background: #37414d;}
ul.tabs_set2 li a		{text-decoration:none; height:25px; color:#3c8dbc; font-size:1.2em; padding: 0 10px; border: 0; outline: none;}
ul.tabs_set2 li a:hover	{background: #37414d;}	
html ul.tabs_set2 li.active, html ul.tabs_set2 li.active a:hover  {background: #37414d;}
.tab_container_set2 {width: auto; font-size:10pt; background-color: rgba(174, 206, 255, 0.2);
    border-color: transparent; padding: 5px 0 5px 10px;
					-webkit-border-top-right-radius: 5px;
					-webkit-border-top-left-radius: 5px;
					-webkit-border-bottom-right-radius: 5px;
					-webkit-border-bottom-left-radius: 5px;
					-moz-border-radius-bottomright: 5px;
					-moz-border-radius-bottomleft: 5px;
					border-bottom-right-radius: 5px;
					border-bottom-left-radius: 5px;}
.tab_content_set2 {padding: 5px;}

/* set 3*/
ul.tabs_set3		{
					font-size:9px;
					font-weight: bold;
					margin: 0;
					padding: 0;
					float: left;
					list-style: none;
					width: 100%;
					height: 26px;
					border-bottom: 1px solid #bbb59f;
					border-left: 1px solid #bbb59f;
					-webkit-border-top-left-radius: 5px;
					-moz-border-radius-topleft: 5px;
					border-top-left-radius: 5px;
					}
ul.tabs_set3 li		{
					/* margin: 0; */
					margin-bottom:-1px;
					padding: 0;
					float: left;
					height: 25px;
					line-height: 25px;
					border: 1px solid #bbb59f;
					border-left: none;
					background: #e0e0e0;
					overflow: hidden;
					position: relative;
					-webkit-border-top-right-radius: 5px;
					-webkit-border-top-left-radius: 5px;
					-moz-border-radius-topright: 5px;
					-moz-border-radius-topleft: 5px;
					border-top-right-radius: 5px;
					border-top-left-radius: 5px;
					}
ul.tabs_set3 li a		{text-decoration:none; height:25px; color:#660099; font-size:1.2em; padding: 0 10px; border: 0; outline: none;}
ul.tabs_set3 li a:hover	{background: #fff;}	
html ul.tabs_set3 li.active, html ul.tabs_set3 li.active a:hover  {background: #fff;border-bottom: 1px solid #fff;}
.tab_container_set3 {border: 1px solid #bbb59f;clear: both; float: left; width: 100%; background: #fff; 	
					-webkit-border-bottom-right-radius: 5px;
					-webkit-border-bottom-left-radius: 5px;
					-moz-border-radius-bottomright: 5px;
					-moz-border-radius-bottomleft: 5px;
					border-bottom-right-radius: 5px;
					border-bottom-left-radius: 5px;}
.tab_content_set3 {padding: 5px;}
.container3			{width: 98%; margin: auto;}

.tab_container_set4 		{border: 1px solid #bbb59f; border-top:none;clear: both; float: left; width: 100%; background: #f9f7f0; 	
					-webkit-border-bottom-right-radius: 5px;
					-webkit-border-bottom-left-radius: 5px;
					-moz-border-radius-bottomright: 5px;
					-moz-border-radius-bottomleft: 5px;
					border-bottom-right-radius: 5px;
					border-bottom-left-radius: 5px;}

/* INDIVIDUAL STYLE BY MODULE  
--------------------------------------------------------------------------------------------------------------------------------------------------*/
/* HOME */
div.h_lastlogin {width:97%; padding:4px; margin-bottom:10px; font-size:11pt;}
font.h_title	{font-size:14pt; color:#00b4ff; font-weight:bold;}
font.h_title02	{font-size:12pt; color:#00b4ff; font-weight:bold;}
font.h_title03	{font-size:10pt; color:#00b4ff; font-weight:bold;}

div.h_systemmessage {width:99%; padding:4px; margin-bottom:10px; border:1px solid #e0dbbb;	
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					border-radius: 5px;
					-khtml-border-radius: 5px;		
					background-color:#f2eed7;
					background-color:rgb(242,238,215);}
div.h_systemmessage img 	{margin-left:10px;}
fieldset.h_coverborder		{border:2px solid #00b4ff; font-size:8pt; color:#fff; padding:4px; margin:2px 2px 15px 2px;
							-moz-border-radius:5px;                           
							border-radius: 5px;                               
							-webkit-border-radius: 5px;} 
fieldset.h_coverborder legend.h_coverborder {font-size:12pt; color:#00b4ff; font-weight:bold;}

div.hometab					{width: 100%;margin:0px;padding:0px;}
div.hometabcontents			{border: 1px solid #B7B7B7; padding: 5px; border-radius: 0px 5px 5px 5px; background-color:#191e21;}
div.ht_content				{display: block; background-color: rgba(174, 206, 255, 0.2); border-color: transparent; width:99%; height:200px; overflow-x:hidden; overflow-y:scroll; padding:2px;}
ul.hometabs					{padding:4px 0;margin:0;list-style-type: none;text-align: left;}
ul.hometabs li		{display:inline; margin:0; margin-right:3px;}
ul.hometabs li a	{font-size:8pt; text-decoration: none; position: relative; z-index: 1; padding: 5px 5px; border: 1px solid #CCC; border-bottom-color:#B7B7B7; color: #00b4ff; border-radius: 5px 5px 0 0; outline:none;}

ul.hometabs li a:visited	{color: #00b4ff;}
ul.hometabs li a:hover	{border: 1px solid #B7B7B7; background:#F0F0F0 url(../img/home/pic_hometabbg.gif) 0 -36px repeat-x;}
ul.hometabs li.selected a	{position: relative; top: 0px; font-weight:bold;}
ul.hometabs li.selected a:hover	{text-decoration: none;}

/* SPEED MONITOR STATUS PROGRESS BAR */
.graph2		{height: 20px; margin-bottom: 0px; overflow: hidden; background-color: #e5e5e5; border-radius: 4px; text-align: center;}
.graph-bar2	{float: left; width: 0; height: 100%; color: #ffffff; background-color: #bde790;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;}
.graph-bar-medium2 	{background-color: #ffe389;}
.graph-bar-slow2 	{background-color: #ff9999;}

.graph				{margin-bottom: 0px;  overflow: hidden; height:20px;}
.graph-bar			{float: left; width: 0; height:20px; display: inline;}
.graph-bar-fast		{background:url("../img/monitor/pix_progress_bar.gif"); background-repeat:no-repeat; background-position:left top; width:3px; background-color: #bde790; margin-right:3px;}
.graph-bar-medium	{background:url("../img/monitor/pix_progress_bar.gif"); background-repeat:no-repeat; background-position:left top; width:3px; background-color: #ffe389; margin-right:3px;}
.graph-bar-slow		{background:url("../img/monitor/pix_progress_bar.gif"); background-repeat:no-repeat; background-position:left top; width:3px; background-color: #ff9999; margin-right:3px;}
.graph-bar-stop		{background:url("../img/monitor/pix_progress_bar.gif"); background-repeat:no-repeat; background-position:left top; width:3px; background-color: #cccccc; margin-right:3px;}

/* SEARCH */
/*Account, Device, Ip details page*/
.dotline_vertical 	{padding:1px; background-image: url('../img/pix_dotline_vertical.gif'); background-position:center; background-repeat: repeat-y;}
.acc_affByEvi		{background-color:#fff; border:2px solid #F00;  width: 6px; height: 6px;
					display: inline-block; padding: 2px; margin-right:3px;
					border-radius:30px; vertical-align:middle;}
.acc_directAff		{background-color:#F00; width: 10px; height: 10px;
					display: inline-block; padding: 2px; margin-right:3px;
					border-radius:30px; vertical-align:middle;}
.acc_notAff			{background-color:#0b912a; width: 10px; height: 10px;
					display: inline-block; padding: 2px; margin-right:3px;
					border-radius:30px; vertical-align:middle;}
.acc_new			{background-color:#1e51f3; width: 10px; height: 10px;
					display: inline-block; padding: 2px; margin-right:3px;
					border-radius:30px; vertical-align:middle;}
.dev_affByEvi		{background-color:#fff; border:2px solid #F00;  width: 6px; height: 6px;
					display: inline-block; padding: 2px; margin-right:3px;
					border-radius:0px; vertical-align:middle;}
.dev_directAff		{background-color:#F00; width: 10px; height: 10px;
					display: inline-block; padding: 2px; margin-right:3px;
					border-radius:30px; vertical-align:middle;}
.dev_notAff			{background-color:#0b912a; width: 10px; height: 10px;
					display: inline-block; padding: 2px; margin-right:3px;
					border-radius:0px; vertical-align:middle;}
.dev_new			{background-color:#1e51f3; width: 10px; height: 10px;
					display: inline-block; padding: 2px; margin-right:3px;
					border-radius:30px; vertical-align:middle;}
.triangle:before    {    content: "\25B2"; }
.ip_affByEvi        {  width: 0; height: 0;  display:inline; margin-right:3px; vertical-align:middle;
					  -webkit-text-stroke: 2px #f00;    color: transparent;    font-size: 14px; }

.ip_directAff		{background-color:#F00; width: 10px; height: 10px;
					display: inline-block; padding: 2px; margin-right:3px;
					border-radius:30px; vertical-align:middle;}
.ip_notAff			{width: 0; height: 0; display:inline-block; margin-right:3px; vertical-align:middle;
					border-left: 7px solid transparent;
					border-right: 7px solid transparent;
					border-bottom: 14px solid #0b912a;}
.ip_new			{background-color:#1e51f3; width: 10px; height: 10px;
					display: inline-block; padding: 2px; margin-right:3px;
					border-radius:30px; vertical-align:middle;}

.th_search_record	{margin-bottom:10px;}
.evidence_expand	{background:#e4e4e4;padding:10px 30px;border-bottom: 1px solid #999999;}
.evidence_tbl		{border: 1px solid #999999;background:#fff;border-radius:5px;padding:5px;margin-bottom:5px;}
.ico_evidence		{border: 1px solid #999999;background:#fff;border-radius:3px;padding:3px;position:relative;width:15px;left:-15px;}
.remark				{color:#F00;font-style: italic;}
.pop_device			{line-height:25px;padding-top:10px;}
.pop_device_title	{background:#999999;border:1px solid #999999;border-width:1px 0;}
.pop_device_last	{border-bottom:1px solid #999999;}

.acc_evidence:link			{color: #fff;text-decoration:none;background: #dfeffc url(../img/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;font-weight: bold;display: block;font-size: 10pt;							
    height: 35px;
    line-height: 35px;
    padding-left: 15px;
    background-color: rgba(174, 206, 255, 0.06);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-bottom: 1px;
	}
.acc_evidence:hover,
.acc_evidence:visited,
.acc_evidence:active		{text-decoration:none;}
.acc_evidence img			{padding-right:5px;}

.acc_evidence_content	{border: 1px solid #c5dbec;background-color: rgba(174, 206, 255, 0.2);color:#fff;border-top: 0;padding: 1em 2.2em;margin-bottom: 2px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;ptop:-3px;}

/* detail page vertical stepper */
.timeline {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

    .timeline::after {
        content: '';
        position: absolute;
        width: 6px;
        background-color: white;
        top: 0;
        bottom: 0;
        left: 50%;
        margin-left: -3px;
    }
/* Container around content */
.timelinecontainer {
    padding: 10px 40px;
    position: relative;
    background-color: inherit;
    width: 40%;
}

    /* The circles on the timeline */
    .timelinecontainer::after {
        content: '';
        position: absolute;
        width: 25px;
        height: 25px;
        right: -55px;
        background-color: #3c8dbc;
        border: 4px solid #00b4ff;
        top: 15px;
        border-radius: 50%;
        z-index: 1;
    }

/* Place the container to the left */
.timeline div.left {
    left: 0;
}

/* Place the container to the right */
.timeline div.right {
    left: 50%;
}

/* Add arrows to the left container (pointing right) */
.timeline div.left::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    right: 30px;
    border: medium solid white;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent white;
}

/* Add arrows to the right container (pointing left) */
.timeline div.right::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    left: 30px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
}

/* Fix the circle for containers on the right side */
.timeline div.right::after {
    left: -16px;
}

/* The actual content */
.timelinecontent {
    padding: 10px 20px;
    background-color: white;
    position: relative;
    border-radius: 6px;
    color: black;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 1300px) {
    .timelinecontainer::after {
        content: '';
        position: absolute;
        width: 25px;
        height: 25px;
        right: -25px;
        background-color: #3c8dbc;
        border: 4px solid #00b4ff;
        top: 15px;
        border-radius: 50%;
        z-index: 1;
    }
}

@media screen and (max-width: 1400px) {
    .timelinecontainer::after {
        content: '';
        position: absolute;
        width: 25px;
        height: 25px;
        right: -30px;
        background-color: #3c8dbc;
        border: 4px solid #00b4ff;
        top: 15px;
        border-radius: 50%;
        z-index: 1;
    }
}

@media screen and (max-width: 1200px) {
    /* Place the timelime to the left */
    .timeline::after {
        left: 31px;
    }

    /* Full-width containers */
    .timelinecontainer {
        width: 100%;
        padding-left: 70px;
        padding-right: 25px;
    }

        /* Make sure that all arrows are pointing leftwards */
        .timelinecontainer::before {
            left: 60px;
            border: medium solid white;
            border-width: 10px 10px 10px 0;
            border-color: transparent white transparent transparent;
        }

    /* Make sure all circles are at the same spot */
    .timeline div.left::after, .timeline div.right::after {
        left: 15px;
    }

    /* Make all right containers behave like the left ones */
    .timeline div.right {
        left: 0%;
    }
}

/* WATCHLIST */
/*Add New Category Tab*/
.CatButton				{margin:10px 0px 10px 0px;}
.CatButton button		{width:100%; overflow:visible; padding:0px; /* IE6 */ font-size:8pt; border:1px solid #cde6ff; box-shadow: 0px 2px 5px #888888;
						-webkit-border-radius:8px; 
						-moz-border-radius:8px; 
						border-radius:8px; 
						-khtml-border-radius: 8px;
						background: #e8f3ff; /* Old browsers */
						background: -moz-linear-gradient(top, #e8f3ff 0%, #cde6ff 100%); /* FF3.6-15 */
						background: -webkit-linear-gradient(top, #e8f3ff 0%,#cde6ff 100%); /* Chrome10-25,Safari5.1-6 */
						background: linear-gradient(to bottom, #e8f3ff 0%,#cde6ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f3ff', endColorstr='#cde6ff',GradientType=0 ); /* IE6-9 */}
.CatButton button[type]	{padding:0px; /* Firefox */}
.CatButton button[disabled="disabled"] 		{background-color:#ebf5ff; color:#999999; font-weight:normal!important;}
.CatButton button[disabled]:hover  			{background-color:#ebf5ff; border:1px solid #ccc; color:#999999; cursor:default; font-weight:normal!important;}
.CatButton button:hover	{background:#3071b5; color:#fff; border:1px solid #3071b5;
						-webkit-border-radius:8px; 
						-moz-border-radius:8px; 
						border-radius:8px; 
						-khtml-border-radius: 8px;}
.CatButton button.selected	{background:#3071b5; color:#fff; border:1px solid #1D5DA0; box-shadow: 0px 2px 3px #888888;} 


/*APPLICATION MANAGER */
/*Add Batch Evidencce Tab*/
.control_border 	{background-color:#ffffff;}/*999999*/
.control_danger 	{background-color:#990000;}
.control_data 		{background-color:#FFFFFF;}
.control_data02 	{background-color:#CCCCCC;}  /*close*/
.control_header 	{background-color:#d9e8f6;} 
.control_header02 	{background-color:#CCCCCC;}
.expl_disable 		{background-color:#CCCCCC;}
.control_sdanger01	{background-color:#ffffff; font-size:8pt; color:#000;} /* List view safe danger color 0-10 */
.control_sdanger02	{background-color:#ffff00; font-size:8pt; color:#000;} /* List view safe danger color 11-30 */
.control_sdanger03	{background-color:#ffcccc; font-size:8pt; color:#000;} /* List view safe danger color 31-61 */
.control_sdanger04	{background-color:#990000; font-size:8pt; color:#fff;} /* List view safe danger color 61 above */
.control_newlpgm	{background-color:#ffff99;} /*color for new league profile and game mode*/


.pop_white	{color:black;background-color:#FFFFFF;}
.pop_grey 	{background-color:gray;}
.span_right {float:right;}


.freeze_div {position:relative; top:10px; float:right;}


/* REPORT */
/*New velocity - hover pop up*/
.device_details .popDetails 		{visibility: hidden;width:auto;background-color: #cdffcc;color: #1e721d; text-align:left;border-radius: 6px;padding: 5px;
									z-index: 1; border:2px solid #1e721d;
									 /* Position the tooltip */
							 		position: absolute;}
.device_details:hover .popDetails 	{visibility: visible;}
.device_details .popDetails_alert	{visibility: hidden;width: auto;background-color: #f8aaa8;color: #84020a; text-align:left;border-radius: 6px;padding: 5px;
									z-index: 1; border:2px solid #84020a;
									 /* Position the tooltip */
							 		position: absolute;}
.device_details:hover .popDetails_alert 	{visibility: visible;}

/*Transaction History*/
.h_box			{width:100%; height:auto; margin-bottom:10px;}
.h_box_top		{border-bottom:1px solid #999; height:21px;}
.h_box_top h1			{font-size:11pt; color:#fff;}
.h_box_top h1:hover		{font-size:11pt; color:#999;}
.h_box_top img			{vertical-align:-3px;}
.h_box_top img.icon		{padding-right:10px;}
.h_box_top img.dropdoff,
.h_box_top img.dropon	{float:right;}
.h_box_top img.delete	{float:right; margin-left:15px; height:12px; width:12px;}
.h_box_content						{font-size:8pt;}
.h_box_content a.link-button		{display:inline-block; line-height:22px; text-decoration:none; background-color:#666; color:#fff; 
									border-radius:3px; text-align:center; width:23px; margin:0 1px; font-size:12px; border:0;padding:0 !important}
.h_box_content a.link-button:hover 	{color:#333; background-color:#aaa;}
.h_box_content select			{border:1px solid #999; width:218px;}
.h_box_content fieldset			{border:2px solid #ddd;}
.h_box_content fieldset legend	{color:#999;}
.h_box_content font.search		{font-size:7.5pt; vertical-align:3px;}
.h_box_content .tracking_details 	{font-size:8pt;}
.h_box_content .tracking_details td	{border-bottom:1px dotted #999;}
.h_box_content .tracking_details .details_title	{font-weight:bold; color:#fff;}

.searchConfig-right		{width:290px;z-index:100;position:fixed;right:0;top: 105px;float: right;vertical-align:top;background-color: #fff;box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);}
.search-input 			{margin: 20px 20px 0 20px;}
.e2-search-input 		{border: 1px solid #ccc;padding: 6px 4px 6px 24px;background: transparent url('../img/ico_search.png') no-repeat 6px center;border-radius: 6px;box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.14);}
.e2-search-input input 	{border: 0;outline: 0;padding: 2px 1px 0}
.menu_arrow				{padding:0 5px;text-align:left;}
.ico_show				{position:fixed;top: 105px;right:290px;width: 30px;height: 30px;border-bottom: 1px solid #aaa;border-top-right-radius: 10px;background: #224b8c}
.ico_hide				{position:fixed;top: 105px;right:0px;width: 30px;height: 30px;border-bottom: 1px solid #aaa;border-top-left-radius: 10px;background: #224b8c;border-bottom-left-radius: 10px;}
.ico_show:hover,
.ico_hide:hover				{border-bottom-right-radius:0px;}

.field-list 				{height: 287px;overflow-y: auto;margin: 20px;border: 1px solid #ccc;box-shadow: inset 0px 0px 5px rgba(0, 0, 0, .2);}
.field-list ul 				{border-top: 1px dotted #ccc;margin: 0;padding:0;}
.field-list ul li 			{padding: 0;text-indent: 6px;line-height: 26px;font-weight: bold;font-size: 13px;background-color: dimgray;margin: 0;font-family:"Times New Roman", Times, serif}
.field-list ul li ul li 	{border-bottom: 1px dotted #ccc;padding: 0;text-indent: 10px;font-weight: normal;font-size: 11px;line-height: 26px;background-color:#fff;color:#000;}
.field-list ul li a 		{float: right;display: inline-block;line-height: 19px;margin-top: 3px;margin-right: 4px;text-decoration: none;background-color: #aaa;color: #fff;border-radius: 3px;text-transform: uppercase;font-size: 9px;text-align: center;text-indent: 0;width: 58px;border: 0;}
.field-list ul li.active a 						{color: #333;background-color: #eee;}
.field-list ul li a:hover 						{color: #333;background-color: #f0f0f0;}
.field-list ul li.active a:hover				{color: #fff;background-color: #aaa;}
.field-list ul li a.add-all-from-section 		{background-color: #777;width: 75px;}
.field-list ul li a.add-all-from-section:hover 	{color: #fff;background-color: #aaa;}
a.link-button 									{display: inline-block;line-height: 22px;text-decoration: none;background-color: #666;color: #fff;border-radius: 3px;font-size: 11px;text-align: center;padding: 0 8px;margin: 0 4px;font-size: 12px;border: 0;margin: 6px 20px;display: block;font-family:"Times New Roman", Times, serif}
a.link-button:hover 							{color: #333;background-color: #aaa;}
a.link-button-disabled 							{cursor: default;background-color: #ccc !important;color: #fff !important;}

/*Report Device Characteristic Report*/
.container2 .tbl_border_0 .liner {text-decoration: underline;}

/*tooltip*/
.tooltip 			  			{border-bottom: 1px dotted black;font-size:11px;font-weight:bold;font-family:Arial, Helvetica, sans-serif}
.tooltip .tooltiptext 			{position:fixed;line-height:32px;color: #fff;text-align: center;padding:0; z-index: 1;border-bottom-left-radius: 10px;width: 30px;height: 135px; background: #3c8dbc; writing-mode: vertical-rl;padding:5px 0;}
.tooltip:hover .tooltiptext 	{visibility: visible;}
.tooltip_show					{visibility: visible;position:absolute;top:136px;right:290px;padding:5px 8px;background:#930205;}
.tooltip_hide					{visibility: hidden;position:absolute;top:136px;right:0px;padding:5px 8px;background:#930205;}

/* APPLICATION MANAGER */
/*List Manager*/
.list_header 	{font-size:11pt; font-weight:bold; color:#fff; border:none; border-radius:6px; padding:7px;
				background: #818181; /* Old browsers */
				background: -moz-linear-gradient(top, #818181 0%, #474747 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(top, #818181 0%,#474747 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to bottom, #818181 0%,#474747 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#818181', endColorstr='#474747',GradientType=0 ); /* IE6-9 */}
.edit_header 	{font-size:9pt; font-weight:bold; color:#fff; border:none; border-radius:6px; padding:7px;
				background: #818181; /* Old browsers */
				background: -moz-linear-gradient(top, #818181 0%, #474747 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(top, #818181 0%,#474747 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to bottom, #818181 0%,#474747 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#818181', endColorstr='#474747',GradientType=0 ); /* IE6-9 */}
.pop_rule_set			{color:#000; border:none; border-radius:6px; padding:5px;
						background: #cfcfcf; /* Old browsers */
						background: -moz-linear-gradient(top, #cfcfcf 0%, #c6c6c6 52%, #bababa 100%); /* FF3.6-15 */
						background: -webkit-linear-gradient(top, #cfcfcf 0%,#c6c6c6 52%,#bababa 100%); /* Chrome10-25,Safari5.1-6 */
						background: linear-gradient(to bottom, #cfcfcf 0%,#c6c6c6 52%,#bababa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfcfcf', endColorstr='#bababa',GradientType=0 ); /* IE6-9 */}
.pop_rule_set:hover		{background:#b8b8b8;}
.pop_rule_set a			{color:#000; text-decoration:none;}
.pop_rule_set img		{margin-right:5px; margin-left:2px;}
.rule_header			{font-size:10pt; font-weight:bold; color:#000;}
.edit_list_table th		{border-bottom:1px dotted #999; color:#000; font-size:9pt; font-weight:bold;}


.ag_table_border	{background-color:#6699cc;}
.ag_table_header	{background-color:#e9f3fc;}
.ag_table_content	{background-color:#FFFFFF;}
table.ag_styletable 	{color:#333333;	border-width: 1px; border-color:#999999; border-collapse: collapse;}
table.ag_styletable th 	{background:#b5cfd2 url('../../../img/app/bg_styletable_th.gif'); border-width: 1px; padding: 3px; font-size:8pt; border-style: solid; border-color:#cccccc;}
table.ag_styletable td 	{background:#dcddc0 url('../../../img/app/bg_styletable_td.gif'); border-width: 1px; padding: 3px; font-size:8pt; border-style: solid; border-color:#cccccc; text-align:center;}
div.site_config     {width: 16px;height: 16px;padding:1px;line-height:16px;background-color:#dedef5;font-size:10px;text-align: center;vertical-align: middle;color:#FFFFFF;font-style:Georgia;margin:4px;font-weight:bold;}

/*start List Manager Add Remove item*/
div.app_list-container 							{width: 200px; height: 100px; overflow-x: hidden; overflow-y: auto; border: 1px solid #ccc; position: relative;}
.app_list-container-target, .app_list-container-source 	{background: #ffffff url("../img/app/bg_stripes.png");}
div.app_list-container ul.listbuilder-list 		{padding: 0; list-style: none; margin: 0;}
div.app_list-container ul.listbuilder-list li 	{background-color: #f0f0f0;  padding: 5px 16px 5px 5px; color: #666; position: relative; height: 16px; cursor: pointer; border-bottom: 1px solid #fff;}
div.app_list-container .icon-right 				{right: 5px;}
div.app_list-container .icon-left				{left: 5px;}
div.app_list-container .icon-add				{background: transparent url("../img/app/ico_arrow_right.png") no-repeat center center;}
div.app_list-container .icon-remove 			{background: transparent url("../img/app/ico_arrow_left.png") no-repeat center center;}
div.app_list-container .icon					{width: 16px; height: 16px; padding: 0; margin: 0; position: absolute;}
.app_label										{margin: 0; padding: 0; line-height: 16px; font-size: 11px; white-space: nowrap; cursor: pointer;}
div.app_list-container ul.listbuilder-list li:hover	{background-color:#d6d6d6;}
.app_label-left										{padding-right: 21px;}
.app_label-right 									{padding-left: 21px;}
div.app_list-container li.ui-selected {background-color: #d6d6d6 !important;}
div.app_list-container .clear		  {clear: both;}
/*end List Manager Add Remove item*/

/* DIV Result table - Gray Color */
.webGrid  {margin: 0px; padding: 0px; border-collapse: collapse; width: 100%;}
.webGrid tbody tr:hover    {background:#FEF1B5;} /* mouse over effect - yellow color */
.header                     {background:url(/img/bg_resulttable_header.gif); background-repeat:repeat; background-position:left top; font-size: 9pt; color:#000;}  /*search result title for all module*/
.header2                    {background:url(/img/bg_resulttable_header.gif); background-repeat:repeat; background-position:left top; font-size: 8pt; color:#000;}  /*search result title for all module*/
.webGrid th, .webGrid td    {border: 1px solid #999999;}
.footer                     {text-align:center;}
.headercenter  {text-align:center;}
.count        {width: 2%; text-align:center;}
.data         {width: 10%; text-align:center;}
.data_4perc   {width: 4%; text-align:center;}
.data_5perc   {width: 5%; text-align:center;}
.data_6perc   {width: 6%; text-align:center;}
.data_8perc   {width: 8%; text-align:center;}
.data_15perc  {width: 15%; text-align:center;}
.data_15perc_left  {width: 15%; text-align:center;text-align:left;}
.status       {width: 10%; text-align:center;}
.modified     {width: 10%; text-align:center;}
.action       {width: 12%; text-align:center;}
.action2      {width: 6%; text-align:center;} 
.data1        {width: 30%; text-align:center;}
.data2        {width: 40%; text-align:center;}
.data3        {width: 20%; text-align:center;}
.data4        {width: 40%; text-align:left;}
.data5        {width: 50%; text-align:center;}
.dataright    {padding-left:5px; padding-right:5px; text-align:right;}
.dataleft     {padding-left:5px; padding-right:5px; text-align:left;}
.datacenter   {padding-left:5px; padding-right:5px; text-align:center;}
.textCentered       {text-align: center;}   
.tbldatacenter { margin-left: auto; margin-right: auto; }
.tbldatacenter td { border: none;}


/*Business Rules Editor*/
#ruleset_top			{background:#eaf4fc; height:150px; border:1px solid #c3dff7; border-radius:5px; padding:5px; margin:0px 0px 20px 0px;
						-webkit-box-shadow: 0 8px 6px -6px #cccccc; /* Safari, Chrome */
						-moz-box-shadow: 0 8px 6px -6px #cccccc; /* Firefox */
						box-shadow: 0 8px 6px -6px #cccccc;  /* CSS3 */  }
#ruleset_bottom			{text-align:right; margin-bottom:10px;}
.ruleset_savebtn		{text-align:right; margin-top:10px;}
.dotline_horizontal 	{padding:1px; background-image: url('../img/pix_dotline_horizontal.gif'); background-position:bottom; background-repeat: repeat-x;}
.ruleSet_header 		{font-size:14pt; font-weight:bold; color:#fff; border-radius:6px; padding:10px; border:1px solid #999;
						background: #dbdbdb; /* Old browsers */
						background: -moz-linear-gradient(top, #dbdbdb 0%, #bcbcbc 53%, #999999 100%); /* FF3.6-15 */
						background: -webkit-linear-gradient(top, #dbdbdb 0%,#bcbcbc 53%,#999999 100%); /* Chrome10-25,Safari5.1-6 */
						background: linear-gradient(to bottom, #dbdbdb 0%,#bcbcbc 53%,#999999 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#999999',GradientType=0 ); /* IE6-9 */}
.edit_ruleSet_header	{font-size:15pt; font-weight:bold; color:#fff; border-radius:6px; padding:5px;}
.edit_ruleSet_header .active_rules	
						{font-size:9pt; font-weight:bold; color:#fff; border-radius:6px; border:1px solid #999; padding:4px;
						 background:#7287a5; float:right;}
.ruleset_Desc			{font-size:9pt; margin-top:10px; margin-bottom:10px;}
.ruleset_thresh			{font-size:9pt; margin-top:10px; margin-bottom:10px;}
.ruleset_thresh	.e_deny	{font-weight: bold;text-decoration: none;color: #fff;font-size: 13px;display: inline;float:right; margin-right:20px;}
.ruleset_thresh	.e_review{text-decoration: none;font-weight: bold;color: #fff;font-size: 13px;display: inline; float:right;}
.ruletypes_left_panel	{margin-right:5px; border-radius:5px;}
.ruleSet_title			{font-size:16px; color:#00b4ff; font-weight:bold;}
#risklevelsetting		{font-weight:normal;}
#ruleSubHeader			{font-size:11pt; font-weight:normal; color:#fff; border:none; border-radius:6px; padding:7px; background: #dfeffc url(../img/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;}		
#ruleSubContent			{margin-top:10px;}
#ruleSubContent div.scope 		{border:1px solid #999; background-color:#fff; border-radius:3px; line-height:5px;}
#ruleSubContent div.scope input	{vertical-align:-3px;}
.rulestype_left			{border:1px solid #999; margin-bottom:10px;background-color: rgba(174, 206, 255, 0.1);}
.rulestype_left th		{color:#fff; padding:5px; font-weight:normal;}

.ruletypes_right_panel	{width:20%; background-color:#c3dff7; border-radius:5px;}
.rulestype_right		{border:1px solid #999; border-bottom:0;}
.rulestype_panel		{color:#000; border-bottom:1px solid #999; padding:5px; background:#cfcfcf; white-space: nowrap;}
.rulestype_panel:hover	{background:#b8b8b8;}
.rulestype_panel a		{text-decoration:none; color:#000;}
.ruletype_header		{font-size:10pt; font-weight:bold; color:#000;}
.ruletype_border		{border-bottom:1px solid #999;}
.ruletype_border tr.odd:hover,
.ruletype_border tr.even:hover	{background-color:#feffd1;}
.ruletype_border tr.odd 		{background-color:#eee;}
.ruletype_border tr.even 		{background-color:#fff;}
.ruletype_border tr.selectall 	{background-color:#fff; font-weight:bold; color:#F00;}
#risklvl_pop_fieldset	{border:2px solid #ddd; border-radius:5px; padding:0px 0px 5px 10px; margin:5px;}

a.a_rules				{text-decoration:none;}
.font_grey				{color:#808080;}
.e_deny input:focus				{background-color:#3d4753!important;}
.ruleset_thresh input:focus		{background-color:#3d4753!important;}

/*View Summary Report */
.report_header {
    border: 2px solid #d0d0d0;
    border-radius: 25px;
    width: 96%;
    padding: 15px;
    margin: 0px 0px 20px 10px;
    -webkit-box-shadow: inset 6px 7px 6px -6px #cccccc; /* Safari, Chrome */
    -moz-box-shadow: inset 6px 7px 6px -6px #cccccc; /* Firefox */
    box-shadow: inset 6px 7px 6px -6px #cccccc; /* CSS3 */
}

/*View Business Rules*/
img.toggle_dropdown	{margin-right:5px;}
.view_title				{color:#fff; font-size:9pt; font-weight:bold;}
.view_category			{color:#fff; font-size:12pt; font-weight:bold; border-radius:5px; padding:5px;
						background: #818181; /* Old browsers */
						background: -moz-linear-gradient(top, #818181 0%, #474747 100%); /* FF3.6-15 */
						background: -webkit-linear-gradient(top, #818181 0%,#474747 100%); /* Chrome10-25,Safari5.1-6 */
						background: linear-gradient(to bottom, #818181 0%,#474747 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#818181', endColorstr='#474747',GradientType=0 ) }
.view_category img		{margin-right:5px; vertical-align:1px; cursor:pointer;}
.view_category .risklvl	{float:right; color:fff;}
.view_rules_header		{margin-bottom:10px;}
.view_rules_header th	{color:#000; padding:5px; font-weight:bold;border:1px solid #999;
						background: #eeeeee; /* Old browsers */
						background: -moz-linear-gradient(top, #eeeeee 1%, #dedede 50%, #cccccc 100%); /* FF3.6-15 */
						background: -webkit-linear-gradient(top, #eeeeee 1%,#dedede 50%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */
						background: linear-gradient(to bottom, #eeeeee 1%,#dedede 50%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */}
.view_rules_header th .rule_status	{float:right;}
.view_rules_header th .rule_status .delete_rule	{margin-left:20px; margin-right:5px; vertical-align:-3px; cursor:pointer;}
.view_rules_subtable 	{border:0px;}
.view_rules_subtable td	{border:1px solid #999; border-top:0px;}
.view_rules_subtable td.first	{border-right:0px; text-align:left;}
.rulesInfo				{width: 100%;margin-bottom: 8px; border-top:1px solid #999;}


/* SYSTEM ADMIN */
/*Date/Time Format*/
.datetime_header 	{font-size:11pt; font-weight:bold; color:#fff; border:none; border-radius:6px; padding:7px; margin-bottom:5px; width:400px;
					background: #818181; /* Old browsers */
					background: -moz-linear-gradient(top, #818181 0%, #474747 100%); /* FF3.6-15 */
					background: -webkit-linear-gradient(top, #818181 0%,#474747 100%); /* Chrome10-25,Safari5.1-6 */
					background: linear-gradient(to bottom, #818181 0%,#474747 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#818181', endColorstr='#474747',GradientType=0 ); /* IE6-9 */}
/*User Category*/					
.ag_table_border	{background-color:#6699cc;}
.ag_table_header	{background-color:#222d32;}
.ag_table_content	{background-color:#37414d;}
table.tablestyle 	{color:#333333;	border-width: 1px; border-color:#999999; border-collapse: collapse;}
table.ag_tablestyle th.ucMainModule {background-color: #7d827e;color:#fff;border-width: 1px;padding: 3px;font-size: 8pt;font-weight: bold;border-style: solid;border-color: #7d827e;}
table.ag_tablestyle th.ucModule     {background: #b5cfd2 url('../img/app/bg_styletable_th.gif');color:#000;border-width: 1px;padding: 3px;font-size: 8pt;border-style: solid;border-color: #cccccc;}
table.ag_tablestyle td 	{background:#dcddc0 url('../img/app/bg_styletable_td.gif');color:#000; border-width: 1px; padding: 3px; font-size:8pt; border-style: solid; border-color:#cccccc; text-align:center;}
div.site_config     {width: 16px;height: 16px;padding:1px;line-height:16px;background-color:#dedef5;font-size:10px;text-align: center;vertical-align: middle;color:#FFFFFF;font-style:Georgia;margin:4px;font-weight:bold;}
.tbl_border_0		{border:0 !important}
.tbl_border_0 td	{border:0 !important;}
.audit_log_td			{line-height:25px;}

/*USER GROUP COLLAPSE MENU
----------------------------------------------------------*/
#ag_CollapseModule					{float: left;}
.expand_all, .collapse_all			{cursor: pointer;}

.CollapseModule_menu 						{font-size: 90%; list-style: none;	margin: 0;	padding: 0;	vertical-align: top; }
.CollapseModule_menu ul						{display: none; list-style: none; margin: 0;padding: 0;}
#ModuleMenu1 								{margin: 0; width:370px;}
#ModuleMenu1 li, .CollapseModule_menu li	{margin: 0; padding: 0; text-decoration:none;}
.CollapseModule_menu ul ul 					{display: block; }
.CollapseModule_menu ul ul li a				{font-size:8pt; width: 350px; text-decoration:none;}
.CollapseModule_menu a						{font-size:9pt; color: #000;  text-decoration:none;	cursor: pointer; display: block; margin-left: 0; padding: 2px 2px 2px 10px; width: 350px;}
.CollaspeTable 								{background:#b5cfd2 url('../img/app/bg_styletable_th.gif'); border-width: 1px; padding: 3px; font-size:8pt; border-style: solid; border-color:#cccccc;}

div.checkbox_pair 							{clear: both; float: none; position: relative;}
div.checkbox_pair .CollapseMenu_checkbox  	{right:1px; position: absolute; top:-4px;}
div.checkbox_pair img						{right:1px; position: absolute; top:-1px;}
div.checkbox_pair label 					{display: block;}

.CollapseModule_menu a.expanded		{background: #3399cc url('../img/plugin/CollapseMenu/but_minus.gif') no-repeat 3px; background-position:99% 50%; color:#fff; font-weight:bold;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	-khtml-border-radius: 5px 5px 0px 0px;	
}
.CollapseModule_menu a.collapsed	{background: #3399cc url('../img/plugin/CollapseMenu/but_plus.gif') no-repeat 3px; background-position:99% 50%; color:#fff; font-weight:bold;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	-khtml-border-radius: 5px 5px 0px 0px;
}
.CollapseModule_menu li a.page				{font-size:9pt; font-weight:bold; background-color:#9dc7ef; color:#003366;}
.CollapseModule_menu li a.page_sub			{font-size:8pt; font-weight:bold; background-color:#bad3ea; color:#003366;}
.CollapseModule_menu li a.page font.p_sml	{font-size:8pt;}

.CollapseModule_menu a:hover		{text-decoration: none;}
.CollapseModule_menu ul a			{background: #d8e8f7; border-top: 2px solid #fff; color: #000; display: block; padding: 2px 2px 2px 10px; width: 350px;}
.CollapseModule_menu ul a.hide		{background:#999999;}
.CollapseModule_menu ul a:link		{}
.CollapseModule_menu ul a:hover		{background:#f5f5f5; text-decoration: none;}
.CollapseModule_menu ul a.hide:hover{background:#999999;}
.CollapseModule_menu li.active a	{background:#fff;}
.CollapseModule_menu li.active li a {background:#e8e8e8;}

#ModuleMenu1 li.footer, .CollapseModule_menu .footer {background-color: #3399cc; border-top: 2px solid #fff; width: 362px; height: 8px; margin: 0px 0px 10px 0px; 
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	-khtml-border-radius: 0px 0px 5px 5px;		
	-webkit-box-shadow: 0 4px 2px -2px #999999;
	-moz-box-shadow: 0 4px 2px -2px #999999;
	box-shadow: 0 4px 2px -2px #999999;
}
.CollapseModule_menu .footer span	{display: none;}
#ModuleMenu1 li.checkallmodule, .CollapseModule_menu .checkallmodule {background-color: #d8e8f7; height:20px; width: 362px; text-align:right; font-size:7pt;}


.field-validation-success         {color: #4CAF50;}
/*Multiple Selection*/

.ms-parent {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.ms-choice {
    display: block;
    width: 100%;
    height: 20px;
    padding:0;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #aaa;
    text-align: left;
    white-space: nowrap;
    line-height: 20px;
    color: #444;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
	font-family: Arial, simsun;
    font-size: 9pt;
}

.ms-choice.disabled {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.ms-choice > span {
    position: absolute;
    top: 0;
    left: 0;
    right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding-left: 8px;
}

.ms-choice > span.placeholder {
    color: #999;
}

.ms-choice > div {
    position: absolute;
    top: 0;
    right:0;
    width: 20px;
    height: 20px;
    background: url('../img/report/multiple-select.png') left top no-repeat;
}

.ms-choice > div.open {
    background: url('../img/report/multiple-select.png') right top no-repeat;
}

.ms-drop {
    width: 100%;
    overflow: hidden;
    display: none;
    margin-top: -1px;
    padding: 0;
    position: absolute;
    z-index: 1000;
    background: #fff;
    color: #000;
    border: 1px solid #7a9cd3;}


.ms-drop.top {
    bottom: 100%;
    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.ms-search {
    display: inline-block;
    margin: 0;
    min-height: 24px;
    padding: 4px;
    position: relative;
    white-space: nowrap;
    width: 100%;
    z-index: 10000;
}

.ms-search input {
    width: 100%;
    height: auto !important;
    min-height: 24px;
    padding: 0 20px 0 5px;
    margin: 0;
    outline: 0;
    font-family: Arial, simsun;
    font-size: 9pt;
    border: 1px solid #aaa;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #fff url('../../img/plugin/MultipleSelect/multiple-select.png') no-repeat 100% -22px;
    background: url('../../img/plugin/MultipleSelect/multiple-select.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
    background: url('../../img/plugin/MultipleSelect/multiple-select.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('../../img/plugin/MultipleSelect/multiple-select.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('../../img/plugin/MultipleSelect/multiple-select.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
    background: url('../../img/plugin/MultipleSelect/multiple-select.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
    background: url('../../img/plugin/MultipleSelect/multiple-select.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
}

.ms-search, .ms-search input {
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.ms-drop ul {
    overflow: visible;
    margin: 0px 5px;
    padding: 5px 8px 0px 0px;
	font-family: Arial, SimSun;
    font-size: 9pt;
}

.ms-drop ul > li {
    list-style: none;
    display: list-item;
    background-image: none;
    position: static;
}

.ms-drop ul > li .disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
}

.ms-drop ul > li.multiple {
    display: block;
    float: left;
}

.ms-drop ul > li.group {
    clear: both;
}

.ms-drop ul > li.multiple label {
    width: 100%;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
	margin-left:15px;
}

.ms-drop ul > li label {
    font-weight: normal;
    display: block;
    white-space: nowrap;
}

.ms-drop ul > li label.optgroup {
    font-weight:normal;
}
.ms-drop input[type="checkbox"] {
    vertical-align: middle;
}

.ms-drop .ms-no-results {
    display: none;
}

/*help*/
.ico_download			{padding:5px 0;}


/*Domain 域名管理*/
.domain_info		{padding:1px 10px;background:#eee;margin-top:46px;font-size:8pt;}
.input_field		{width:100px;}
.domain_time		{margin-top:20px; font-size: 8pt;}
.domain_info2		{float:right;   }

/*User Log View*/

progress {
	float:left;
	margin-left:30px;
	width:200px;
	height:16px;
	display: block;
	-webkit-appearance: none;
	border: none;
}

progress::-webkit-progress-bar {
	background:#1c1c1c;
	border-radius: 50px;
	padding: 2px;
	box-shadow: 0 1px 0px 0 rgba(255, 255, 255, 0.2);
}

progress::-webkit-progress-value {
	border-radius: 50px;
	box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.4);
	background:
		-webkit-linear-gradient(45deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%),
		-webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),
		-webkit-linear-gradient(top, #51bd51, #007500);
	
	background-size: 25px 14px, 100% 100%, 100% 100%;
	-webkit-animation: move 2s linear infinite;
    -moz-animation: move 2s linear infinite;
}

.label_progress		{float:right;margin-right:30px;line-height:16px;}



.img-replace {
  /* replace text with an image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%; 
  color: transparent;
  white-space: nowrap;
}
.bts-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.bts-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.bts-popup-container {
  position: relative;
  width: 90%;
  max-width: 400px;
  margin: 4em auto;
  background: #a0cff1;
  border-radius: none; 
  text-align: center;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.bts-popup-container img {
  padding: 20px 0 0 0;
}
.bts-popup-container p {
	color: white;
  padding: 10px 40px;
}
.bts-popup-container .bts-popup-button {
  padding: 5px 25px;
  border: 2px solid white;
	display: inline-block;
  margin-bottom: 10px;
}

.bts-popup-container a {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
}

/*maintenance marquee*/
.mm 	{font-size:11pt; color:yellow;}
.mml	{font-size:11pt; color:#FFF; font-weight:bold;}

/*Developer*/
.vpn_tbl			{border:0;}
.vpn_tbl td			{border:0;}
.label_vpn			{background:#ffc90e;color:#fff;padding:2px 5px;margin-right:5px;font-size:12px;}
.confirm_msg		{font-weight:bold;font-size:14px;}
tr.inactive_row	td	{background:#d8d8d8;}
.label_alert		{width:80px;display:inline-block;}
td.error-bar		{background-color:#cc3333}
td.error-bar-solve	{background-color:#66cccc}

.label_nowrap {white-space:nowrap;}
.table_nowrap {
    white-space: nowrap;
}

.icon-input-wrapper {padding-bottom: 10px;}
.left_panel_search {
    height: 20px;
    padding-right: 5px;
    border-radius: 5px;
    background-color: #3d4753;
    border-width: 2px;
    font-size: 10pt;
    border-color: white;
    caret-color: white;
    color: white;
}
.left_panel_search:focus {
    background-color: #3d4753;
}
.left_panel_search::placeholder {
    color:white;
}

.highlight-search-color {
    color: yellow !important;
    /*font-weight: bold !important;*/
}

.btn-green {
    background: green;
    color: white;
    font-family: Arial, simsun;
    font-size: 8pt;
    font-weight: bold;
    border: #BBB 1px solid;
    padding: 2px 6px;
    margin-right: 4px;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.btn-red {
    background: red;
    color: white;
    font-family: Arial, simsun;
    font-size: 8pt;
    font-weight: bold;
    border: #BBB 1px solid;
    padding: 2px 6px;
    margin-right: 4px;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.btn-member-level {
    background: blue;
    color: white;
    font-family: Arial, simsun;
    font-size: 8pt;
    font-weight: bold;
    border: #BBB 1px solid;
    padding: 2px 6px;
    margin-right: 4px;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.btn-green:focus {
    background: green;
}

.btn-red:focus {
    background: red;
}

.btn-member-level:focus {
    background: blue;
}

.icon-green {
    color: green;
    font-size: 1.5em;
}

.icon-red {
    color: red;
    font-size: 2.0em;
}

.status_red {
    color: orangered
}

.status_yellow {
    color: goldenrod;
}

.status_green {
    color: lightgreen;
}

.icon-btn{
    width: 20px;
    padding: 2px;
    border-radius: 2px;
    margin:2px;

}