/* EfficiencySpring CORE STYLE SHEET */

/* ------------------------------------------------------------------------- */
/* TOP LEVEL TAG STYLES                                                      */
/* ------------------------------------------------------------------------- */

@font-face {
    font-family: 'museo-slab';
    src: url('fonts/Museo_Slab/MuseoSlab-500.OTF');
    src: url('fonts/Museo_Slab/MuseoSlab-500.OTF?#iefix') format('opentype');
}

@font-face {
    font-family: 'museo-slab-italic';
    src: url('fonts/Museo_Slab/MuseoSlab-500Italic.OTF');
    src: url('fonts/Museo_Slab/MuseoSlab-500Italic.OTF?#iefix') format('opentype');
}

/* LINK STYLES */
a:link       {color: rgb(232,76,64); background-color:transparent; text-decoration: none }
a:visited {color: rgb(232,76,64); background-color:transparent; text-decoration: none}
a:active  {color: #377abc; background-color:transparent; text-decoration: none }
a:hover   {color: #b6824c; background-color:transparent; text-decoration: none }

body	{
	margin-top: 0px;
	margin-left: 0px;
    margin-right: 0px;
	font-family: Verdana;
	font-size: small;
	color: rgb(78,70,69);
    overflow-y: scroll;
	}

img	{ padding:0px; margin:0px; border:0px; }

/* HEADER STYLES */
h1   { font-family: museo-slab; font-size: large; color: #FFF; text-transform: uppercase;}
h2   { font-family: museo-slab; font-size: large; color: #FFF; }
h3   { font-family: Verdana; font-size: small; color: #FFF; text-transform: uppercase; padding-top: 15px; }
h4   { font-family: Verdana; font-size: small; color: #FFF !important; }
h5   { font-family: Verdana; font-size: x-small; color: rgb(105,100,103) }
h6   { font-family: Verdana; font-size: xx-small; color: rgb(105,100,103) }

form { margin: 0px; font-family: Verdana; font-size: small; color: rgb(64,64,64); }

/* INPUT STYLES */
textarea { font-family: Verdana; font-size: small; color: rgb(78,70,69); }
input { font-family: Verdana; font-size: small; color: rgb(78,70,69);   }
select { font-family: Verdana; font-size: small; color: rgb(78,70,69);  }

/* PARAGRAPH, LIST AND FONT STYLES */
p   { font-family: Verdana; font-size: small; color: rgb(78,70,69); margin-top: 20px; margin-bottom: 24px;  }
div   { font-family: Verdana; font-size: small; color: rgb(78,70,69) } 
li   { font-family: Verdana; font-size: small; /*color: rgb(78,70,69)*/ } 


span          {   }

/*  TABLE STYLES */
table {
	padding: 0px;
	spacing: 0px;
	}

td {
	font-family: Verdana;
	font-size: small;
	color: rgb(78,70,69);
}
/* ------------------------------------------------------------------------- */
/* END TOP LEVEL TAG STYLES                                                  */
/* ------------------------------------------------------------------------- */

input[type='submit'], input[type='button'], input[type='reset'], button {     
    	/*background-image: linear-gradient(to top, rgb(239,240,240), rgb(255,255,255));*/
	   min-width: 50px; 
    background-color: #FFFFFF; color: #000000; padding:4px; 
}

input[type='submit']:active, input[type='button']:active, input[type='reset']:active, button:active {
    background-image: none;
     border: 1px solid rgb(50,50,50); background-color: rgb(200,200,200); color: #000000 }


/* CLASS SPECIFIC STYLES BEGIN HERE */

a.top:link       { color: rgb(255,255,255);  background-color:transparent; text-decoration: none }
a.top:visited {color: rgb(255,255,0) ; background-color:transparent; text-decoration: none }
a.top:active  {color: rgb(255,255,255) ; background-color:transparent; text-decoration: none }
a.top:hover   {color: rgb(0,255,255) ;background-color:transparent; text-decoration: none }

a.side:link       { font-size: x-small; color:  rgb(232,76,64); background-color:transparent; text-decoration: none; font-weight: bold}
a.side:visited { font-size: x-small; color:  rgb(232,76,64); background-color:transparent; text-decoration: none; font-weight: bold}
a.side:active  { font-size: x-small; color:  rgb(232,76,64); background-color:transparent; text-decoration: none; font-weight: bold}
a.side:hover   { font-size: x-small; color:  rgb(232,76,64); background-color:transparent; text-decoration: none; font-weight: bold }

a.login:link    {color: rgb(140,140,140); background-color:transparent; text-decoration: none }
a.login:visited {color: rgb(140,140,140); background-color:transparent; text-decoration: none }
a.login:active  {color: rgb(232,76,64); background-color:transparent; text-decoration: none }
a.login:hover   {color: rgb(232,76,64); background-color:transparent; text-decoration: none }


a.file:link       {color: rgb(232,76,64); background-color:transparent; text-decoration: none; font-size: 8pt }
a.file:visited {color: rgb(232,76,64); background-color:transparent; text-decoration: none; font-size: 8pt }
a.file:active  {color: rgb(232,76,64); background-color:transparent; text-decoration: none; font-size: 8pt }
a.file:hover   {color: #b6824c; background-color:transparent; text-decoration: none; font-size: 8pt }

a.breadcrumb  { font-size: small }

.field-label { font-weight: bold; color: #319CF4; }

.field-label-edit { font-weight: normal;  }

body.main         { background-color: rgb(244,244,244);  }

body.short         { background-color: rgb(255,255,255); margin-top: 0px }

button.small { font-size: x-small; } 

span.hidden { visibility: hidden; display: none; }
span.submenu    { font-family: Verdana; font-size: x-small; }

span.bodyhead	   { font-size: large; font-weight: 500; color: rgb(105,100,103);  }
span.bodyhead2   { font-family: museo-slab; font-size: medium; font-weight: 500;  color:rgb(105,100,103) }
span.bodyhead3   { font-family: museo-slab; font-size: small; font-weight: 500; color: rgb(105,100,103)  }

span.ajaxloading   { font-family: Verdana; font-size: 8pt; font-weight:bold; height:20px;}

span.adminpanel  { font-size: x-small; font-weight: bold}

div.admintile { text-align: center; width: 110px; height: 85px; float: left; margin-left: 0px; margin-top: 10px; }

span.errortext { color: Red }

span.fileManagerHeader  { font-family: museo-slab; font-size: small; font-weight: bold; color: rgb(232,76,64)}
iframe.filemanageriframe { border-width: 1px; border-color: #B4B4B4; padding: 3px; }



tr.fileManagerHeader { background-color: #EFEFEF; }
tr.fileManagerHeader td {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
}

tr.fileManagerRow td { border-bottom-width: 1px; border-bottom-color: rgb(240,240,240); border-bottom-style: solid; }
tr.fileManagerRow:hover { background-color: rgb(240,240,240) }


@media screen and (max-width: 500px) {

    .fileManagertable { padding: 0px; border: 0px;  }

    .fileManagertable tr:first-of-type {
        background-color: rgb(55,50,53);
        background-image: linear-gradient(to bottom, rgb(105,100,103), rgb(125,120,123) 20%, rgb(105,100,103));
        background-repeat: repeat-x;
        display: none;
    }

    .fileManagertable tr td.hideOnSmall { display: none; }

    .fileManagertable tr { border-bottom-width: 1px; border-bottom-color: rgb(240,240,240); border-bottom-style: solid; padding-right: 0px; padding-left: 0px;  width: 100%;  display:block; float:left; clear: left; }
    .fileManagertable tr td { border-bottom-width: 0px; font-size: small;  padding-right: 0px; padding-left: 5px; width: 95%; display:block; float:left;  clear: left; }
        .fileManagertable tr:hover td {
            font-size: small;
        }

    .fileManagertable tr td:before {  content: attr(data-title)  }
    .fileManagertable tr td:empty {  display: none }

    .smallremove { display: none; }
    
}


span.breadcrumb { font-size: medium }

span.subsection_header {
   font-weight: 500;
   color: rgb(105,100,103);
   font-size: large;
}



span.small { font-size: x-small; } 
span.italics { font-style: italic; }

span.required { color: #319CF4; padding: 0% 0% !important; }
span.mobile-label {
    color: #319CF4;
    padding: 0% 0% !important;
}
span.recommended { color: blue;  }
span.reqreccontainer { width: 8px; display: inline-block; text-align: left; }

span.errortext { color: red; }

span.duplicate {
	visibility: hidden;
	font-style:italic;
	font-weight: bold;
    margin-left: 200px;
    font-size: medium;
}
span.heading { font-weight: bold; font-size: medium; }
span.export {
	color:#377abc;
	cursor:pointer
}


.border
{
   border-width: 1px;
   border-style: solid;
   border-color: rgb(200, 200, 200);
   -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px 5px 5px 5px;
  /* -moz-box-shadow: #E1E1E1 3px 3px 5px;  */ -webkit-box-shadow: #E1E1E1 2px 2px 5px; box-shadow: #E1E1E1 2px 2px 5px;
  }

  .bottomthickborder
  { border-bottom: 2px solid black }

/* Sitemap Styles */
span.sitemap-section a { font-size: small; }
span.sitemap-submenu a { font-size: x-small; }
/* End Sitemap styles */




/* ------------------------------------------------------------------------- */
/* Tab, Tab Pane, and Table Styles used by Data Manager                      */
/* ------------------------------------------------------------------------- */

.tabpane {
   background-color: #F2F2F2;
   border-width: 1px;
   border-style: solid;
   border-color: rgb(244,244,244);
   -moz-border-radius: 0px 0px 5px 5px; 

   -webkit-border-top-right-radius: 0px; 
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;

   /* -moz-box-shadow: #E1E1E1 3px 3px 5px; */ -webkit-box-shadow: #E1E1E1 2px 2px 5px; box-shadow: #E1E1E1 2px 2px 5px;

 }
 
 .curvedpanecorners {
   -moz-border-radius: 0px 0px 5px 5px; 
   -webkit-border-top-right-radius: 0px; 
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
 }

.emptytab {
	background-color: #E1E1E1;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px; 
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
 }

.tabpanediv {
	-moz-border-radius: 5px; -webkit-border-radius: 5px; 
	float:left;
	background-color: rgb(244,244,244);


  }

  .tabpaneresults {
	background-color: #CCCCCC;
  }


  .tabpaneadmin {
	background-color: #FFFFFF;
  }

.tab_center {
	border-left-width: 1px; border-left-style: solid; border-left-color:rgb(105,100,103); 
	border-right-width: 1px; border-right-style: solid; border-right-color:  rgb(105,100,103);
	text-align: center; 
	padding: 6px;
	min-width: 120px;
	-moz-border-radius: 5px 5px 0px 0px; 
	border-radius: 5px 5px 0px 0px; 
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;

	 border-top-style: solid;
	 border-top-color: rgb(105,100,103); 
	 border-top-width: 1px;

	background-color: rgb(105,100,103);
	background-image: linear-gradient(to bottom, rgb(105,100,103), rgb(125,120,123) 20%, rgb(105,100,103));
	background-repeat: repeat-x;
}

.tab_center:hover {

	border-left-width: 1px; border-left-style: solid; border-left-color:rgb(135,130,133); 
	border-right-width: 1px; border-right-style: solid; border-right-color:  rgb(135,130,133);
	text-align: center; 
	padding: 6px;
	min-width: 120px;
	-moz-border-radius: 5px 5px 0px 0px; 
	border-radius: 5px 5px 0px 0px; 
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;

	 border-top-style: solid;
	 border-top-color: rgb(135,130,133); 
	 border-top-width: 1px;

	background-color: rgb(135,130,133);
	background-image: linear-gradient(to bottom, rgb(135,130,133), rgb(155,150,153) 20%, rgb(135,130,133));
	background-repeat: repeat-x;
}

.tab_center_on {
	text-align: center; 
	padding: 6px;
	
	min-width: 120px;
	border-left-width: 1px; border-left-style: solid; border-left-color: #E1E1FF; 
	border-right-width: 1px; border-right-style: solid; border-right-color:  rgb(140,182,222);
	-moz-border-radius: 5px 5px 0px 0px; 
	border-radius: 5px 5px 0px 0px; 
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;

	 border-top-style: solid;
	 border-top-color: #DBF0FD; 
	 border-top-width: 1px;

	background-color: #DBF0FD;
	/* background-image: url("/images/tab_center_on.jpg");  */
	background-image: linear-gradient(to bottom, rgb(232,76,64), rgb(262,106,94) 30%,  rgb(232,76,64));
}

.tab_center_on a:link { color: rgb(255,255,255); font-weight: bold; 


}
.tab_center_on a:hover {  color: rgb(255,255,255);  font-weight: bold; }
.tab_center_on a:active {  color: rgb(255,255,255); font-weight: bold; }
.tab_center_on a:visited {  color: rgb(255,255,255); font-weight: bold; }

.tab_center a { font-weight: bold; color: rgb(255,255,255); }


table.subviewtable { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px 5px 5px 5px;  background-color: rgb(255,255,255); border-collapse:separate;  }
table.searchresultstable { -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: rgb(255,255,255); border-collapse:separate; }
table.subgrid {
	border-width: 0px; border-style: outset; border-collapse:separate;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #FFFFFF;
    width: 75%;
    margin-right: 10%;
    margin-left: 10%;
    padding-top: 55px;

}

.subcontent { background-color: transparent; }

/* ------------------------------------------------------------------------- */
/* End Tab and Table Styles used by Data Manager                             */
/* ------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------- */
/* Data Manager duplciate styles                                             */
/* ------------------------------------------------------------------------- */
table.duplicatechecktable {
	width: 500px;
	border-top-width: 1px; border-top-color: Gray;  border-top-style: solid;
	border-left-width: 1px; border-left-color: Gray;  border-left-style: solid;

	background-color: #F2F2F2;
	background-image: url('/images/tabpane-background.jpg');
	background-image: -webkit-gradient(linear, 0% 0%, 0% 60, from(#E1E1E1), to(#F2F2F2), color-stop(50%,#F2F2F2));
	background-image: -moz-linear-gradient(center top,#E1E1E1, #F2F2F2 30px, #F2F2F2 100%);
	background-repeat: repeat-x;

}

table.duplicatechecktable tr td {
	border-bottom-width: 1px; border-bottom-color: Gray;  border-bottom-style: solid;
	border-right-width: 1px; border-right-color: Gray;  border-right-style: solid;	
}




/* ------------------------------------------------------------------------- */
/* Data Manager structure element default styles                             */
/* ------------------------------------------------------------------------- */
input.structure-select-type-in { width: 200px; }
select.structure-select-type-in { width: 205px; }

input.structureTypeInLookupSelected { background-color: #B4FFB4; font-weight: bold;}
input.structureTypeInLookupNotSelected { background-color: #FFFFFF; }

div.structureTypeInLookupDiv {
	margin-left: 5px;
	margin-top: 5px; 
	background-color: #FFFFFF;
	padding: 3px;
	border-width: 1px;
	border-style: outset;
	width: 200px;
	height: 200px;
	font-size: small;
	overflow: scroll; }

.subrecord-divider { border-bottom-color: #E1E1E1; border-bottom-style: solid; border-bottom-width: 1px; }

.structurehelp { border-width: 0px; vertical-align: text-top; }

.popupexportdialog {
	visibility:hidden;
	background:#ddd;
	position:fixed;
	left:40%;
	top:40%;
	width:220px;
	padding:10px 10px 0 10px;
	border:1px dotted red;
	-moz-opacity:0.9;
	filter:alpha(opacity=90);
}

/* ------------------------------------------------------------------------- */
/* End Data Manager structure element default styles                         */
/* ------------------------------------------------------------------------- */



/* ------------------------------------------------------------------------- */
/* Menu Button Styles                                                        */
/* ------------------------------------------------------------------------- */





.subbar	{ BACKGROUND-COLOR: #FFFFFF; list-style: none; }



#site-top-menu .top-menu { float:left; padding: 0px; margin: 0px; }
#site-top-menu .top-menu2 { float:left; padding: 0px; margin: 0px; }

#site-top-menu .top-menu .subbaroff:hover, #site-top-menu .top-menu2 .subbaroff:hover	{
	background-color: #5AA5D1;  vertical-align: middle;
	 min-height: 20px; padding-top: 2px;
	margin-top: 5px; margin-right: 20px;
	border-style: solid; border-color: rgb(0,153,204); border-width: 0px;
	font-size: medium;
	background-image: linear-gradient(to top, rgb(209,210,210), rgb(219,219,219));
	background-repeat: repeat-x;
}

#site-top-menu .top-menu .subbarimage, #site-top-menu .top-menu2 .subbarimage  { float: left; list-style: none; }

#site-top-menu .top-menu .subbaron, #site-top-menu .top-menu2 .subbaron		{
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px 5px 5px 5px;
    list-style: none;
	background-color: rgb(90,165,209);  vertical-align: middle;
	
	/* background-image: url('/images/tab_center.jpg'); */
	
	background-image: linear-gradient(to top, rgb(239,240,240), rgb(249,249,249));
	 min-height: 20px; padding-top: 2px;
	margin-top: 5px; margin-right: 20px;
	border-style: solid; color: rgb(255,255,255); border-width: 0px; 
	font-size: medium;
	float: left;
}



#site-top-menu .top-menu .subbaroff, #site-top-menu .top-menu2 .subbaroff {
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px 5px 5px 5px;
    list-style: none;
	/*background-color: rgb(190,230,255); */ vertical-align: middle;
	min-height: 20px; padding-top: 2px;
	margin-top: 5px; margin-right: 20px;
	border-style:solid; border-color: rgb(255,255,255); border-width: 0px; 
	font-size: medium;
	float: left;
}

#site-top-menu .top-menu .subbaroff:hover a, #site-top-menu  .top-menu2 .subbaroff:hover a	 { color: rgb(140,140,140) }
#site-top-menu .top-menu .subbaron a, #site-top-menu  .top-menu2 .subbaron a  { color:rgb(232,76,64);  }
#site-top-menu .top-menu .subbaroff a, #site-top-menu  .top-menu2 .subbaroff a { color: rgb(140,140,140) }

@media screen and (max-width: 500px) {

    #site-top-menu .top-menu2 .subbaron { clear:left; width: 300px; text-align: left;  }
    #site-top-menu .top-menu2 .subbaroff { clear:left; width: 300px; text-align: left;  }
    #site-top-menu .top-menu2 { padding-top:30px; height: auto; overflow: visible; }

    #site-top-menu .top-menu { display:none; max-width: 300px; }
    #site-top-menu .burgerbutton { padding-top: 2px; border: 0px; width: 30px; height: 30px; float:right;}

    
}

@media screen and (min-width: 501px) {
        .burgerbutton { display:none }
        .top-menu .subbaron {  text-align: center; }
        .top-menu .subbaroff { text-align: center; }
        .top-menu2 .subbaron {  text-align: center; }
        .top-menu2 .subbaroff { text-align: center; }
}

/* --------------------------------- */
/* Secondary menu styles */
/* --------------------------------- */

#site-secondary-menu .top-menu, #site-secondary-menu .top-menu2 { float:left; padding: 0px; margin: 0px; }

#site-secondary-menu .top-menu .subbarimage, #site-secondary-menu .top-menu2 .subbarimage { float: left; list-style: none; }

#site-secondary-menu .top-menu .subbaroff:hover, #site-secondary-menu .top-menu2 .subbaroff:hover		{
	vertical-align: top;
	
}

#site-secondary-menu .top-menu .subbaron, #site-secondary-menu .top-menu2 .subbaron	{

    list-style: none;
	vertical-align: top;
	margin-bottom: 0px; padding-right: 1px; padding-left: 1px;
	
	 border-right: 1px rgb(140,140,140) solid 
}


#site-secondary-menu .top-menu .subbaroff, #site-secondary-menu .top-menu2 .subbaroff {

    list-style: none;
	 vertical-align: top;
	margin-bottom: 0px; padding-right: 1px; padding-left: 1px;
	
	 border-right: 1px rgb(140,140,140) solid 
	
}

#site-secondary-menu .top-menu .subbaroff:hover a, #site-secondary-menu .top-menu2 .subbaroff:hover a	{ color:rgb(232,76,64);  }
#site-secondary-menu .top-menu .subbaron a, #site-secondary-menu .top-menu2 .subbaron a 		{ color:rgb(140,140,140); }
#site-secondary-menu .top-menu .subbaroff a, #site-secondary-menu .top-menu2 .subbaroff a		{ color: rgb(140,140,140) }


/* --------------------------------- */
/* End Secondary menu styles */
/* --------------------------------- */


img.mediumicon {
	border-width: 0px; } 


img.mediumicon:hover {
	 -moz-box-shadow: rgb(220,220,220) 0px 03px 30px;
	 -webkit-box-shadow: rgb(220,220,220) 0px -0px 30px;
	 box-shadow: rgb(220,220,220) 0px -0px 30px; } 


div.splitbutton {
float: left;
}


div.splitbutton div.leftsplit {
float: left;
border: solid #000000 1px;
margin-right: 0px;
height: 20px;
padding: 2px;
}

div.splitbutton div.rightsplit {
float: left;
margin-left: 0px;
border-top: solid #000000 1px;
border-left: solid #000000 1px;
border-bottom: solid #000000 1px;
height: 20px;
padding: 2px;
}


div.splitbutton button.leftsplit {
float: left;
margin-right: 0px;
padding: 4px;
height: 30px;
border-top: 1px rgb(200,200,200) solid;
border-bottom: 1px rgb(200,200,200) solid;
border-right: 1px rgb(200,200,200) solid;
border-left: 1px rgb(200,200,200) solid;
}

div.splitbutton button.rightsplit {
float: left;
margin-left: 0px;
height: 30px;
padding: 4px;
border-top: 1px rgb(200,200,200) solid;
border-bottom: 1px rgb(200,200,200) solid;
border-right: 1px rgb(200,200,200) solid;
border-left: 0px rgb(200,200,200) solid;
}

div.splitbutton button.leftsplit  a {
color: #000000;
}

div.splitbutton button.rightsplit a {
color: #000000;
}



/* ------------------------------------------------------------------------- */
/* End Menu Button Styles                                                    */
/* ------------------------------------------------------------------------- */







/* ------------------------------------------------------------------------- */
/* Content Manager Styles                                                    */
/* ------------------------------------------------------------------------- */
.contentstate
{
	padding: 5px;
	border: solid 2px #fdd48b;
	font-weight: bold;
}
/* ------------------------------------------------------------------------- */
/* End Content Manager Styles                                                */
/* ------------------------------------------------------------------------- */







/* ------------------------------------------------------------------------- */
/* Global Search Styles                                                      */
/* ------------------------------------------------------------------------- */
td.toolheader {
	padding-top: 0px; 
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
	font-weight: bold;
	color: #999999;
	font-size: large;
}

td.toolheadericon
{
	padding-top: 0px; 
	padding-bottom: 15px;
	padding-left: 5px;
	padding-right: 10px;
}


td.searchsectionheader1 {
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	border-bottom: solid 2px #666666;
}
td.searchsectionheader2 {
	font-family: Verdana;
	font-size: 12px;
	text-align: right;
	border-bottom: solid 2px #666666;
}
/* ------------------------------------------------------------------------- */
/* END Global Search Styles                                                  */
/* ------------------------------------------------------------------------- */








/* ------------------------------------------------------------------------- */
/* DIALOG BOX AND GRID STYLES                                                */
/* ------------------------------------------------------------------------- */

td.dialogboxheader  {

     PADDING-RIGHT: 3px;
	 PADDING-LEFT: 3px;
	 PADDING-BOTTOM: 3px;
	 PADDING-TOP: 3px;
}
div.dialogboxheader, td.dialogboxheader  {
	 border-bottom-style: solid;
	 border-bottom-color: #E7E3E7; 
	 border-bottom-width: 1px;

	 border-top-style: solid;
	 border-top-color: rgb(200, 200, 200); 
	 border-top-width: 1px;


	 background-color: rgb(55,50,53);
	 
	 background-image: linear-gradient(to bottom, rgb(105,100,103), rgb(125,120,123) 20%, rgb(105,100,103));

	 font-size: small;
	 font-weight: bold;
 	 color: rgb(255,255,255);
}

div.dialogboxheader a, td.dialogboxheader a			{ color: rgb(255,255,255); background-color:transparent; text-decoration: none }
div.dialogboxheader a:link, td.dialogboxheader a:link		{ color: rgb(255,255,255); background-color:transparent; text-decoration: none }
div.dialogboxheader a:visited, td.dialogboxheader a:visited	{ color: rgb(255,255,255); background-color:transparent; text-decoration: none }
div.dialogboxheader a:active, td.dialogboxheader a:active		{ color: rgb(255,255,255); background-color:transparent; text-decoration: none }
div.dialogboxheader a:hover, td.dialogboxheader a:hover		{ color: rgb(255,255,255); background-color:transparent; text-decoration: none }


/* Column headers that are clickable */
th.dialogcolumnheaderclick, td.dialogcolumnheaderclick {
	
	background-color: rgb(55,50,53);
	font-size: small;
	font-weight: bold;
	color: rgb(200,200,200);
    text-align:left;
	background-image: linear-gradient(to bottom, rgb(105,100,103), rgb(125,120,123) 20%, rgb(105,100,103));
	background-repeat: repeat-x;

}

th.dialogcolumnheaderclick a:link,    td.dialogcolumnheaderclick a:link	    { color: rgb(255,255,255); background-color:transparent; text-decoration: none }
th.dialogcolumnheaderclick a:visited, td.dialogcolumnheaderclick a:visited	{ color: rgb(255,255,255); background-color:transparent; text-decoration: none }
th.dialogcolumnheaderclick a:active,  td.dialogcolumnheaderclick a:active   { color: rgb(255,255,255); background-color:transparent; text-decoration: none }
th.dialogcolumnheaderclick a:hover,   td.dialogcolumnheaderclick a:hover    { color: rgb(255,255,255); background-color:transparent; text-decoration: none }

th.dialogcolumnheaderclick:hover, td.dialogcolumnheaderclick:hover {
	background-color: rgb(55,50,53);
	background-image: linear-gradient(to bottom, rgb(55,50,53), rgb(85,80,83));
	background-repeat: repeat-x;
 }

/* Column headers that are readonly */
th.dialogcolumnheader, td.dialogcolumnheader {
	
	font-size: small;
	font-weight: bold;
	color: #319CF4;
	
}

th.dialogcolumnheader a:link, td.dialogcolumnheader a:link       { color: rgb(255,255,255); background-color:transparent; text-decoration: none }
th.dialogcolumnheader a:visited, td.dialogcolumnheader a:visited { color: rgb(255,255,255); background-color:transparent; text-decoration: none }
th.dialogcolumnheader a:active, td.dialogcolumnheader a:active   { color: rgb(255,255,255); background-color:transparent; text-decoration: none }
th.dialogcolumnheader a:hover, td.dialogcolumnheader a:hover     { color: #b6824c; background-color:transparent; text-decoration: none }


div.dialogboxheader div, th.dialogboxheader div, td.dialogboxheader div { color:  rgb(255,255,255);  }
div.dialogboxheader div a:link, th.dialogboxheader div a:link, td.dialogboxheader div a:link { color:  rgb(255,255,255);  }

.contentbackDELL { BACKGROUND-COLOR: rgb(200,0,0) !important   }
.contentbackDELL:hover { BACKGROUND-COLOR: rgb(255,175,175) !important  }

.contentbackDELL td { font-size: x-small; color: #FFFFFF; }
.contentbackDELL:hover td { font-size: x-small; color: #000000; }

.subviewtable tr:nth-child(even) {background-color: rgb(250,250,250) }
.searchresultstable tr:nth-child(even) {background-color: rgb(250,250,250) }

.subviewtable tr:nth-child(odd) {background-color: rgb(240,240,240) }
.searchresultstable tr:nth-child(odd) {background-color: rgb(240,240,240) }

.subviewtable tr:hover { BACKGROUND-COLOR: rgb(250,214,156) }
.searchresultstable tr:hover { BACKGROUND-COLOR: rgb(250,214,156) }

.subviewtable tr td { font-size: x-small; }
.searchresultstable tr td { font-size: x-small;  }

.subviewtable tr td ul li { font-size: x-small; }
.searchresultstable tr td ul li { font-size: x-small;  }

.subviewtable tr:hover td { font-size: x-small; }
.searchresultstable tr:hover td { font-size: x-small; }

@media screen and (max-width: 500px) {

    .searchresultstable { padding: 0px; border: 0px;  }

    .searchresultstable tr:first-of-type {
        background-color: rgb(55,50,53);
        background-image: linear-gradient(to bottom, rgb(105,100,103), rgb(125,120,123) 20%, rgb(105,100,103));
        background-repeat: repeat-x;
        display: none;
    }

    .searchresultstable tr { padding-right: 0px; padding-left: 0px;  width: 100%;  display:block; float:left; clear: left; }
    .searchresultstable tr td { font-size: small;  padding-right: 0px; padding-left: 5px; width: 95%; display:block; float:left;  clear: left; }
        .searchresultstable tr:hover td {
            font-size: small;
        }

    .searchresultstable tr td:before {  content: attr(data-title)  }
    .searchresultstable tr td:empty {  display: none }


    .subgrid tr:first-of-type {
        background-color: rgb(55,50,53);
        background-image: linear-gradient(to bottom, rgb(105,100,103), rgb(125,120,123) 20%, rgb(105,100,103));
        background-repeat: repeat-x;
        display: none;
    }

    .subgrid tr { padding-right: 0px; padding-left: 0px;  width: 100%;  display:block; float:left; clear: left; }
    .subgrid tr td { font-size: small;  padding-right: 0px; padding-left: 5px; width: 95%; display:block; float:left;  clear: left; }
        .subgrid tr:hover td {
            font-size: small;
        }

        .subgrid tr td span.short-grid-label {
            display: block;
            color: #319CF4;
            font-weight: bold;
            font-size: 12px;
        }
    .subgrid tr td:before {  content: attr(data-title)  }
    .subgrid tr td:empty {  display: none }
    .subgrid tr td input[type=text]{ width:100% }
    .subgrid tr td select { width:100% }
    .subgrid tr td textarea { width:100% }

    .subviewtable tr:first-of-type {
        background-color: rgb(55,50,53);
        background-image: linear-gradient(to bottom, rgb(105,100,103), rgb(125,120,123) 20%, rgb(105,100,103));
        background-repeat: repeat-x;
        display: none;
    }
    .fldinput-aev { width:100% }
    .fldinput-aev input[type=text]  { width:95% }
    .fldinput-aev select { width:95% }
    .fldinput-aev textarea { width:95% }


    .subviewtable tr { padding-right: 0px; padding-left: 0px;   width: 100%;  display:block; float:left; clear: left; }
    .subviewtable tr td { font-size: small; padding-right: 0px; padding-left: 5px;   width: 95%; display:block; float:left;  clear: left; }
        .subviewtable tr:hover td {
            font-size: small;
        }
    .subviewtable tr td:before {  content: attr(data-title)  }
    .subviewtable tr td:empty {  display: none }
    
}


/* Styles for result rows */
.contentback2 { BACKGROUND-COLOR: rgb(250,250,250) }
.contentback3 { BACKGROUND-COLOR: rgb(240,240,240) }

/*.contentback2:hover { BACKGROUND-COLOR: rgb(250,214,156) }
.contentback3:hover { BACKGROUND-COLOR: rgb(250,214,156) }*/

.contentback2 td { font-size: x-small; }
.contentback3 td { font-size: x-small;  }

.contentback2 td ul li { font-size: x-small; }
.contentback3 td ul li { font-size: x-small;  }


.contentback2:hover td { font-size: x-small; }
.contentback3:hover td { font-size: x-small; }

.contentback2 td span[id^="row_ss_225_"] { padding: 20px; }
.contentback3 td span[id^="row_ss_225_"] { padding: 20px; }


.metroicon26  
{
        padding: 0px; background-image: linear-gradient(to bottom, rgb(105,100,103), rgb(125,120,123) 20%, rgb(105,100,103));
       -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px 7px 7px 7px;
       width: 26px;
       border: 0px;
    }

.metroicon26-disabled
{
        padding: 0px; background-image: linear-gradient(to bottom, rgb(165,160,163), rgb(185,180,183) 20%, rgb(165,160,163));
       -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px 7px 7px 7px;
       width: 26px;
       border: 0px;
    }

.metroicon16  
{
        padding: 0px; background-image: linear-gradient(to bottom, rgb(105,100,103), rgb(125,120,123) 20%, rgb(105,100,103));
       -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px 8px 8px 8px;
       width: 16px;
       border: 0px;
    }

.metroicon14
{
        padding: 0px; background-image: linear-gradient(to bottom, rgb(105,100,103), rgb(125,120,123) 20%, rgb(105,100,103));
       -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px 7px 7px 7px;
       width: 14px;
       border: 0px;
    }

@media screen and (max-width: 500px) {

    .metroicon26-disabled, .metroicon26 { width: 30px; }
}



/* ------------------------------------------------------------------------- */
/* End DIALOG BOX AND GRID STYLES                                            */
/* ------------------------------------------------------------------------- */



/* ------------------------------------------------------------------------- */
/* Dropdown Menu Styles                                                      */ 
/* ------------------------------------------------------------------------- */
div.dropdown
{
	position:absolute; 
	visibility:hidden; 
	min-width:200px; 
	text-align:left; 
	/*background: url('/images/background/content-box-bg.jpg'); */
	background: #FFFFFF;
	border-style:solid; 
	border-width:1px;
	border-color:#AEB0B3;
	z-index: 10000;

	
}

.ddcontainerBack
{
	position:absolute; 
	visibility:hidden; 
	min-width:200px;
	z-index: 100;
	height: 1px;
	background-color: #FFFFFF;
}

ul.ddlist
{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding-left:0px;
    display:none;
}

ul.ddlist li
{
	width: 100%;
	border-bottom: solid 1px #AEB0B3;
	text-align:left;
	cursor: pointer;
	color: #5A595A;
	font-size:11pt;
	font-weight: bold;
	font-family:Verdana;
	line-height: 18px;
	min-height: 25px;
	padding: 7px 0px 1px 0px;
	margin-bottom: 0px;
}

ul.ddlist li:hover { background-color: #DCE3EA; }
ul.ddlist li:focus { background-color: #DCE3EA; }

ul.ddlist li div.ddarrow
{
 float: left;
 margin-left: 5px;
 margin-right: 6px;
}

ul.ddlist li:hover div.ddarrow
{
 float: left;
 margin-left: 5px;
 margin-right: 6px;
}

ul.ddlist li a
{
	color: #5A595A;
	font-size:8pt;
	font-weight: bold;
	font-family:Verdana;
	
}


/* ------------------------------------------------------------------------- */
/* End Dropdown styles                                                       */ 
/* ------------------------------------------------------------------------- */



/* ------------------------------------------------------------------------- */
/* Additional Elements for Div-based Positioning                             */
/* ------------------------------------------------------------------------- */
#site-container {
	margin-left: auto;
	margin-right: auto;

	padding-left: 0px;
	padding-bottom: 10px;
	padding-top: 7px;
	
	background: #FFFFFF;


	 }

@media screen and (max-width: 500px) {

#site-container { width: 100%; }
#site-top-menu { width: 100%; }
#site-logo { padding-bottom: 7px; padding-left: 0px; padding-top: 0px; }
}

@media screen and (max-width: 400px)
{
    #row_ss_223_4663 h1 label, #row_ss_220_4566 h1 label {
        font-size: 22px;
    }
   
}


@media screen and (min-width: 501px) {

#site-logo { padding-bottom: 7px; padding-left: 25px; padding-top:8px;}

#site-container { width: 95%;

     margin-top: 5px;
	-moz-border-radius: 40px 6px 6px 6px;
	-webkit-border-radius: 40px 6px 6px 6px;
	border-radius: 40px 6px 6px 6px;
	border-color: #B4B4B4;
	border-width: 1px;
	border-style: solid;

       /* -moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius:6px; */
	
	/* box-shadow: #5A5A5A 0px 10px 30px; */
       /* -moz-box-shadow: #5A5A5A 0px 10px 30px; */ 
     -webkit-box-shadow: #5A5A5A 0px 10px 30px; 
	display: block !important;	


}
#site-top-menu { width: 100%; }



}

 span.short-grid-label {
    display: none; 
}
div.fldlbl-150 { padding-left: 0px; padding-right: 0px; float: left; width: 150px; vertical-align: top; clear: left; }
div.fldlbl-search { padding-left: 5px; padding-right: 5px; float: left; width: 250px; vertical-align: top; clear: left; }
div.fldinput-search { padding-left: 5px; padding-right: 5px; padding-bottom: 10px; float:left; vertical-align: top; min-width:200px; }

div.row100 { width: 100%; min-height: 24px; float: left; clear: left; }
div.rulerow { width: 100%; min-height: 24px; padding-left:5px; padding-right: 5px; padding-bottom: 2px; padding-top: 40px; }

div.fldlbl-aev { padding-left: 0px; padding-right: 5px; float: left; vertical-align: top; clear: left; }
div.fldinput-aev  { padding-left: 0px; padding-right: 5px; padding-bottom: 10px; float:left; vertical-align: top; min-width:200px; }



#site-pagecontent	{
	padding-top: 0px;
	float: left; 
	padding-left: 5px;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
	background-color: #ffffff;
	min-height: 477px;
	
}

.modalFrame{    border-width: 1px;
   border-style: solid;
   border-color: rgb(200, 200, 200);
   -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px 5px 5px 5px;
	 -moz-box-shadow: #878787 15px 15px 30px;
	-webkit-box-shadow: #878787 15px 15px 30px;
	box-shadow: #878787 15px 15px 30px;
    z-index: 20000;
}

#site-footer  {
	
	padding-top: 13px; max-width: 780px;
	margin-left: auto; margin-right: auto;
    align-content: center;
}

#site-footer div { font-family: Verdana; font-size: x-small; color: rgb(78,70,69); }

#site-footer div a { font-family: Verdana; font-size: x-small; color: rgb(78,70,69); }


#site-top-menu {
	 float: left; clear: left right;
	padding-top: 0px; padding-bottom: 5px;
	border-bottom: solid 1px rgb(249,249,249);
	border-top: solid 1px rgb(249,249,249);

	background-color: rgb(239,240,240);

	/* background-image: url('/images/tab_center.jpg'); */

	background-image: linear-gradient(to bottom, rgb(239,240,240), rgb(249,249,249) );
	background-repeat: repeat-x;
}

#site-secondary-menu {
	
	float: right;
	margin-right: 5px;
}


#site-logo {float: left; width: 170px; }

#site-sidebar-arrowID { margin-left: 1px; margin-top: 2px; }

#site-sidebar {
		min-height: 477px;
		float: left;  width: 180px;
		margin-left: 0px;
		overflow: hidden;
	   clear: left;
	   border-right-width: 1px;
	   border-right-style: solid;
	   border-right-color: rgb(200,200,200);

	   border-bottom-width: 1px;
	   border-bottom-style: solid;
	   border-bottom-color: rgb(200,200,200);

		-moz-border-radius: 0px 0px 5px 0px; -webkit-border-radius: 0px 0px 5px 0px;
	   border-radius: 0px 0px 5px 0px;
		
}

#site-sidebar_nav { padding-top: 6px;
		padding-bottom: 0px;
		margin-bottom: 5px;
		padding-left: 15px;
		width: 168px;
		
		 }

#site-sidebar_nav a { font-size: 13pt; color: rgb(140,140,140); }
#site-sidebar-ajax-pane{float: left; width: 15px; 

			height: 400px;
			padding-left: 0px;

  }

#site-helpicon {
		
		float: right;
		}

/* ------------------------------------------------------------------------- */
/* End Additional Elements for Div-based Positioning                         */
/* ------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------- */
/* Topic Tree Styles                                                         */
/* ------------------------------------------------------------------------- */
td.tree-edit-row { height:50px; width:100%; border-top:1px solid black; -moz-user-select:none }
/* ------------------------------------------------------------------------- */
/* End Topic Tree Styles                                                         */
/* ------------------------------------------------------------------------- */



/* ------------------------------------------------------------------------- */
/* Sidebar Styles                                                            */
/* ------------------------------------------------------------------------- */
div.sidebar_subnav { font-size: x-small; padding-top: 3px; margin-left: 17px; padding-bottom: 1px;}	
.sidemenu_images { vertical-align: middle; margin-left: 20px;}



.side-menu { padding: 0px; margin: 0px; }


.side-menu .subbaroff:hover	{
	background-color: rgb(0,153,204);  vertical-align: middle;
	text-align: center; min-height: 20px; padding-top: 2px;
	margin-bottom: 5px; margin-right: 5px;
	border-style: solid; border-color: rgb(0,153,204); border-width: 1px;
	min-width: 100px; font-size: small;
	
}

.side-menu subbaron	{
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px 5px 5px 5px;
    list-style: none;
	background-color: rgb(147,205,102);  vertical-align: middle;
	
	text-align: center; min-height: 20px; padding-top: 2px;
	margin-bottom: 5px; margin-right: 5px;
	border-style: solid; color: rgb(93,143,52); border-width: 1px; min-width: 100px;
	font-size: small;
	margin-left: 15px; width: 170px;
}


.side-menu .subbaroff {
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px 5px 5px 5px;
    list-style: none;
	background-color: rgb(190,230,255);  vertical-align: middle;
	text-align: center;min-height: 20px; padding-top: 2px;
	margin-bottom: 5px; margin-right: 5px;
	border-style: solid; border-color: rgb(0,153,204); border-width: 1px; min-width: 100px;
	font-size: small;
	margin-left: 15px; width: 170px;
}

.side-menu .subbaroff:hover a	 { color: #FFFFFF }
.side-menu .subbaron a { color:rgb(255,255,255) }
.side-menu .subbaroff a	  { color: rgb(0,123,184) }

.side-menu .subbarimage {  list-style: none; }


div.panels_container { min-height: 318px; padding-left: 5px; padding-right: 5px; padding-top: 16px; }

div.panel_container { padding-bottom: 15px;  }		
div.panel_background { background-color: #ffffff; 
			padding-bottom: 5px; text-align: left; 
			-moz-border-radius: 5px; -webkit-border-radius: 5px;
			border-radius: 5px 5px 5px 5px; }
		
div.panel_outline {
	border: #878787 solid 1px; width: 168px;
	background-color: #FFFFFF;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px 5px 5px 5px;
	/* -moz-box-shadow: #E1E1E1 3px 3px 5px;  */ -webkit-box-shadow: #E1E1E1 3px 3px 5px; box-shadow: #E1E1E1 3px 3px 5px;

}
div.panel_nav {padding-left: 5px; padding-top: 3px; font-size: x-small; }
div.panel_nav div { font-size: x-small; }
div.panel_subnav {padding-left: 30px; padding-top: 3px;}

div.horizontal-divider {
	margin-left: 0px; margin-right: 0px; margin-bottom: 16px;
	padding-top: 3px;
	border-bottom: solid 1px rgb(200,200,200);
	font-size: 3px;
}


div.sidebar_panel_header
{
	 border-bottom-style: solid;
	 border-bottom-color: #E7E3E7; 
	 border-bottom-width: 1px;

	 border-top-style: solid;
	 border-top-color: rgb(105,100,103); 
	 border-top-width: 1px;

	 PADDING-RIGHT: 3px;
	 PADDING-LEFT: 3px;
	 PADDING-BOTTOM: 3px;
	 PADDING-TOP: 3px;
	 /* background-color: #4E8691; */
	 
	 background-image: linear-gradient(to bottom, rgb(105,100,103), rgb(125,120,123) 20%, rgb(105,100,103));
	 font-size: small;
	 font-weight: bold;
 	 color: rgb(255,255,255);
	 

}

span.adminlabel {
	font-family: Verdana;
	font-size: x-small;
	font-weight: bold;
	color: #666666;
}


span.panelheader
{
    font-size: small;
 	 color: rgb(255,255,255);
    font-weight: bold;
}

div.sidebar_panel_footer
{
   border-top-width:  1px;
   border-top-style: solid;
   border-top-color: #878787;
	padding: 5px;

}

.arrow
{
    background-image: URL("/images/rb_arrow.gif")
}


/* Topic Linking Classes */
div.links_text { padding: 5px; }




/* --------- ---------------------------------------------------------------- */
/* End Sidebar Styles                                                        */
/* ------------------------------------------------------------------------- */

td.commentpane-commentcell { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #E7E3E7; padding-left: 30px }
.validation-error-bg-color {background-color: #FFBA91}


.modalblankout{
    display:none;
    background:#000;
    position:fixed;
    left:0;
    top:0;
    height:100%;
    width:100%;
    z-index:10000;
    -moz-opacity:.2;
    opacity:.2;
    filter:alpha(opacity=20)

}

table.cross-tab-grid-table {
    padding: 0px;
    border: 0px;
    border-collapse: collapse;
}
table.cross-tab-grid-table * {
        border: 0px;
        padding: 3px;
        border-collapse: collapse;
}

table.cross-tab-grid-table td:hover {
    box-shadow: inset 0px 0px 0px 3px rgb(232,76,64);
    -webkit-box-shadow: inset 0px 0px 0px 3px rgb(232,76,64);
}   
table.cross-tab-grid-table tbody tr th{
        font-size: medium;

    }

table.cross-tab-grid-table tbody tr:nth-child(1n) td  {
        background-color: rgb(250,250,250);
    }
table.cross-tab-grid-table tbody tr:nth-child(2n) td  {
        background-color: rgb(240,240,240);
    }


table.cross-tab-grid-table tbody tr td{
    position:relative;
    background-color: inherit;
    border-style: solid;
    border-right-width: 2px;
}

#filter-div {
    float:left;
    width:200px;
    display: inline-block;
    clear:left;
}

#main-content{
    float: left;
    
}

#filter-sidebar {    
    float: left;
    width: 15px; 
	height: 400px;
	padding: 0px;
    background-color: rgb(239,240,240);
}

#filter-sidebar-border {    
    float: left;
    width: 15px; 
	height: 400px;
	padding: 0px;
}

/* Majority of the reporting for specific styles. */

@media only screen and (min-width: 61.1em){
    .ui-page{
        width: 65em !important;
        margin: 0 auto !important;
        position: relative !important;
        /*border-right: 0.01em #666 outset !important;
        border-left: 0.1em #666 outset !important;*/
    }
	.ui-mobile label {
        font-size: 14px;
    }
}
@media screen and (max-width: 800px) {
    #filter-div {
         display: none;
    }
}

div.header-top-menu-right{
    color: #FFF;
    float: right;
    clear: left;
    padding-right: 10%;
}

div.language-block{
    color: #319CF4;
    text-transform: capitalize;
    background-color: #FFF;
    padding: 7px;
    font-weight: bold;
    display: inline-block;
}

div.top-txt-right{
    color: #FFF;
    display: inline-block;
    padding: 15px;
    text-transform: uppercase;

}
div.top-img-section{
    background: #319CF4 url("/images/report/2017design/Image1.jpg") center no-repeat;
    /*background-size: 100%;*/
    padding: 25px 75px 60px 55px;
    float: left;
}

.background-tint {
  /*background-blend-mode: multiply;*/
}

@media screen and (min-width: 630px) {

    div.bsa-confidential-wrapper {
        display: inline-block;
        width: 65%;
   
    }

    div.bsa-confidential-wrapper-jp {
        display: inline-block;
        width: 65%;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-left:-40px;
    }
    div.bsa-solution-jp img {
        width: 60%;
    }

    div.bsa-solution img {
        width: 60%;
    }
   
  
}

@media screen and (max-width: 630px) {

    div.bsa-confidential-wrapper {
        display: inline-block;
        width: 100%;
    }

    div.bsa-confidential-wrapper-jp {
        display: inline-block;
        width: 65%;
        margin-left: -10px;
    }
}

div.bsa-solution {
    float: right;
    display: inline-block;
    width: 20%;
}

div.bsa-solution-jp {
    float: right;
    display: inline-block;
    width: 20%;
    padding-left:20px;
    padding-right:1px;
}

div.lead-section {
    background-color: #d0ecff;
    padding: 5% 8%;
    box-sizing: border-box;
    position: relative;
    width: 100% !important;
    float:left;
}

div.lead-section label{
    color: #319CF4;
    font-size: x-large;
    font-weight: bold;
}

.lead-section:after {
    content:'';
    position: absolute;
    top: 100%;
    left: -570px;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 10px #d0ecff;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}

.ui-radio input {
    top: 43% !important;
}

.ui-radio label span.radio-text, span.radio-text {
    font-size: large;
    padding-right: 30%;
    line-height: 30px !important;
    display: inline-block;
    margin-top: -10px;
}

input[type="radio"] {
    display: none;
}
/*.ui-radio label {
    height:56px;
    line-height: 56px;
    padding-left: 50px;
}*/
.ui-radio .ui-btn.ui-radio-off:after {
    /*background-image: none;*/
    width: 26px;
    height: 26px;
    border: 3px solid #319CF4;
    margin-left:-10px !important;
    background-color: #FFF !important;
    margin-top: 0%;
    top: 20% !important;
    display: none;
}
.ui-radio .ui-btn.ui-radio-on:after {
    width: 14px;
    height: 14px;
    margin-top: -4%;
    margin-left: -8px;
    border: 0;
    color: #319CF4;
    display: none;
}
.ui-radio .ui-btn.ui-radio-on:before {
    content:"";
    position: absolute;
    display: block;
    border: 3px solid #319CF4;
    border-radius: 50%;
    background-color: #319CF4;
    width: 26px;
    height: 26px;
    margin-top: 0%;
    margin-left: -58px;
}

.ui-radio .ui-btn.ui-radio-off:before {    
    content: "";
    position: absolute;
    border-radius: 50%;
    border: 3px solid #319CF4;
    background-color: #FFF !important;
    width: 26px;
    height: 26px;
    margin-top: 0%;
    margin-left: -58px;
}
div.tip-text{
    padding-top: 15px;
    font-weight: normal;
}
    div.tip-text li {
        list-style: disc;
        padding-right: 10%;
        font-weight: normal;
    }

div.mobile-label{
    padding-bottom: 15px;
    color: #319CF4;
}

label div.mobile-label {

    color: #319CF4;
}

div.right-div{
    width: 30%;
    padding-right: 10%;
    margin-left: 50%
}

div.right-div_newform {
    width: 30%;
    padding-right: 10%;
    padding-left: 10%;
    float: left;
}


div.whole-row{
    float: left;
    width: 100%;
    margin-right: 0%;
    margin-left: 0%;
 }

div.left-div{
    width: 30%;
    padding-left: 10%;
    float: left;
    clear: left;
}

div.left-div-noclear {
    width: 30%;
    padding-left: 10%;
    float: left;

}

div.bsa-submit-button{
    clear: both;
    padding-top: 25px;
}

.reportSubmitBttnBlank{
    background-color: #319CF4;
    color: #FFF !important;
    width: 85% !important;
    margin-left: 10% !important;
    text-transform: uppercase;
}

div.panel-info{
    background-image: url(/images/report/2017design/Image2.jpg);
    clear: both;
    background-color: #319CF4;
    padding: 10% 15%;
    color: #FFF;
}

.contact-phone-bold, .contact-phone-small {
    color: #FFF;
}

.bsa-faq{
    background-color: #319CF4;
    border-color: #319CF4;
    color: #ffffff;
    padding: 1% 10%;
}

.bsa-faq-row{
    width: 140%;
    margin-left: -20% !important;
}

p.white-text {
    font-family: Verdana;
    font-size: small;
    color: #FFF;
    margin-top: 20px;
    margin-bottom: 24px;
}

h4 .ui-btn-icon-left::after
{

 display: none !important;

}

 .ui-btn-icon-left{
    padding-left: 0px !important;
}

.ui-collapsible-heading{
    border-bottom: solid 1px #FFF;    
}

.ui-collapsible-heading-toggle, .ui-collapsible-content p{
    width: 70%;
    margin-left: 15% !important;
    margin-right: 15% !important;
}

.ui-collapsible-content a{
    color: #000 !important;
    text-decoration: underline;
}

.ui-collapsible-heading:after {
    content:'';
    position: absolute;
    top: 100%;
    left: -55%;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 10px #319CF4;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}

.ui-collapsible-heading-collapsed.ui-collapsible-heading:after {
    display: none !important;
}

.bsa-footer {
    background-color: #FFF;
}

.bsa-footer-left{
    width: 60%;
    display: inline-block;
    padding-left: 10%;
}

.bsa-footer-left a{
    color: #000 !important;
    text-decoration: underline;
    font-weight: bold;
}

.bsa-footer-left p{
    padding: 0px;
    margin: 0px;
}

.bsa-footer-right{
    float: right;
    width: 25%;
    margin-top: -2%;
}

.ui-content{
    padding: 0em !important;
}

span.filenowtext{
    color: #319CF4;
    font-size: x-large;
    font-weight: bold;
}

span.filenowtext-optional {
    color: #319CF4;
    font-size: x-large;
    font-weight: bold;
}

span.filenowtext-required {
    color: #319CF4;
    font-size: x-large;
    font-weight: bold;
}

span.rewardtext-bold{
    color: #319CF4;
    padding-left: 40px !important;
    font-size: medium;
}

span.rewardtext-bold a{
    color: #319CF4 !important;
    text-decoration: underline;
}

p#form-agreement{
    margin-top: 35px !important;
}

p#form-agreement-merge {
    margin-top: 35px !important;
    margin-right: 10% !important;
}

.reportQuestionGroup{
    padding-right: 5%;
    margin-bottom: 4%;
}

.reportQuestionGroup .ui-radio-on, .reportQuestionGroup .ui-radio-off{
    padding: 1em 0em 2em 5.5em !important;
}

.rulerow .ui-radio-on, .rulerow .ui-radio-off {
    padding: 1em 0em 2em 5.5em !important;
}

div.box-notification{
    background-color: lightyellow;
    border: 1px solid red;
    margin-right: 10%;
    padding: 1%;
    font-weight: bold;
    margin-top:4%;
}

h3.gothamBlack{
    color: #319CF4;
    font-size: xx-large;
    padding: 2%;
}

p.first, .bsa-form p { 
    color: #319CF4;
    margin-top: 0; 
    padding: 0% 2%;
}

p.first a, .bsa-form p a, .bsa-form span a { 
    color: #319CF4 !important;
    text-decoration: underline;
}

#connect-with-bsa ul{
    list-style-type: none;
}

#connect-with-bsa li{
    padding-bottom: 1%;
}

#connect-with-bsa a{
    color: #319CF4;
    font-size: large;
}

.bsa-form h5{
    font-size: large;
    color: #319CF4;
    padding: 0% 2%;
}

.bsa-form span{
    padding: 0% 2%;
}

span.field-note{
    padding: 0% 0%;
}

span.field-label{
    padding: 0% 1%;
}

div.ui-popup-active{
    top: 55px !important;
}

div.ui-popup-screen{
    height: 100% !important;
}

#popupBasic.ui-popup{
    overflow-y: scroll;
    height: 400px;
}
.bsa-form .bsa-submit-button .confidential-notice {
    font-size: 0.8em;
    padding: 5px 25px;
    text-align: center;
}

.confidential-notice a {
    color: #000 !important;
    font-weight: bold !important;
}

div.bsa-what-is-sidebar {
    font-weight:bold;
    color: #FFF;
}

div#optional-information-sub {
    padding: 0px 20px;
}

.fldinput-aev .ui-checkbox .mobile-label b {
    padding: 0px 0px 0px 35px;
}

.ui-checkbox .mobile-label div {
    color: #319CF4;
}
@media screen and (max-width: 525px) {

    div.bsa-solution-jp, div.temp_holder {
        width: 20%;
        padding-left:20px;
        
    }

    div.bsa-solution {
        width: 30%;
    }
 
}

.multiplethumb {
    height: 75px;
    border: 1px solid #000;
    margin: 10px 5px 0 0;
    opacity:0.5;
}

.multiplethumbclear {
    height: 75px;
    border: 1px solid #000;
    margin: 10px 5px 0 0;
    opacity: 1;
}

.confirmmodal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.confirmmodal-content {
    background-color: #fefefe;
    margin: 30px auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.confirmmodal-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .confirmmodal-close:hover,
    .confirmmodal-close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

/*.modal a.close-modal[class*="icon-"] {
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    color: #fff;
    line-height: 1.25;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    background: #900;
    border: 2px solid #fff;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    -o-border-radius: 26px;
    -ms-border-radius: 26px;
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}  */

.ui-state-default .ui-icon {
    background-image: url('images/icons-png/alert-white.png') !important;
}

@media screen and (min-width: 630px) {
  /*  div#ex1 {
        width: 600px;
    }*/

    div#modalideabox {
        padding: 0px;
        width: 80%;

    }


    div#screen1 {
        float: left;
            
    
    }
    div#screen2 {
        float: left;
        
      
    }
    div#screen3 {
        float: left;
        
       
    }
    div#screen4 {
        float: left;
        
    }

    div.modaldiv {
        position: relative;
        width: 24%;
        height: 100%;
        margin-right: 5px;
        float: left;
        box-sizing: border-box;
        padding-right:5px;
    }

    div.modaldivinner {
        position: relative;
        width: 100%;
        height: 225px;
        border-style: solid;
        border-color: white;
        margin-right: 3px;
        margin-top: 10px;
        border-width: 1px;
    }

    div.modaldivinner2 {
        margin-top: 40px !important;
    }

    div.circular {
        position: absolute;
        transform: translateX(-50%);
        left: 50%;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: white;
        justify-content: center;
        display: flex
    }
    div.step {
        padding-top:5px;
        padding-bottom:5px;
        text-align:center;
       font-size:x-small;
       color:white;
       clear:both;   
       font-weight:bold;
    }
    div.step-ul {
        /*padding-top: 40px;*/
        text-align: center;
        font-weight: bold;
        font-size: small;
        margin-top: 10px;
        color: white;
        clear: both;
        text-decoration: underline;
    }
    div.step-light {
        text-align: center;
        font-weight:normal;
        font-size: x-small;
        color: white;
        clear: both;
      
    }
    img.modalimg {
        position: absolute;
        transform: translateX(-50%);
        left: 50%;
        width: 30px;
        padding-top: 5px;
    }
    img.barcode {
        width: 48px;
        height: 48px;
    }
    img.arrow1 {
        width:200px;
        height:40px;        
    }
    #player {
        width: 600px;
        height: 300px;
    }
}

@media screen and (max-width: 630px) {
  /*  div#ex1 {
        width: calc(100% - 30px);
        flex-direction: column-reverse;
    }*/

    #player {
        width:500px;
        height:200px;
    }
    div#screen1 {
        width: auto;
        margin-left: 10px;
        margin-right: 15px;
        margin-top: 30px;
    }

    div#modalideabox {
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 5px;
    }

    div#modalimg1holder {
        margin-right: 15px;
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    div#screen1 img, div#screen2 img, div#screen3 img {
        max-width: 100%;
        max-height: 100%;
    }

    div#screen2 {
        width: auto;
        margin-left: 10px;
        margin-right: 15px;

    }

    div#screen3 {
        width: auto;
        margin-left: 10px;
        margin-right: 15px;

    }

    div#screen4 {
        width: auto;
        margin-left: 10px;
        margin-right: 15px;

    }

    div.modaldiv {
        position: relative;
        width: 100%;
        height: 100%;
        border-style: solid;
        border-color: white;
        margin-right: 2px;
        border:none;
    }

    img.modalimg {
        position: absolute;
        transform: translateX(-50%);
        left: 50%;
        width: 30px;
        padding-top: 5px;
    }


    div.modaldivinner {
        position: relative;
        width: 100%;
        height: 230px;
        border-style: solid;
        border-width: 1px;
        border-color: white;
        margin-right: 3px;
        margin-top: 40px;
    }

    div.modaldivinner2 {
        
    }

    div.circular {
        position: absolute;
        transform: translateX(-50%);
        left: 50%;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: white;
        justify-content: center;
        display: flex
    }

    div.step {
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: center;
        font-size: x-small;
        color: white;
        clear: both;
        font-weight: bold;
    }

    div.step-ul {
        /*padding-top: 40px;*/
        text-align: center;
        font-weight: bold;
        font-size: small;
        margin-top:10px;
        color: white;
        clear: both;
        text-decoration: underline;
    }

    div.step-light {
        text-align: center;
        font-weight: normal;
        font-size: x-small;
        color: white;
        clear: both;
    }

    img.modalimg {
        position: absolute;
        transform: translateX(-50%);
        left: 50%;
        width: 30px;
        padding-top: 5px;
    }

    img.barcode {
        width: 48px;
        height: 48px;
    }

    img.arrow1 {
        width: 90px;
        height: 40px;       
    }

}
div .mainTtl-jp p {
    font-size: 18pt; font-weight: bold;
}
#ex2.modal p, #ex2-japan.modal p {
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
}

#ex2.modal ul
{
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
 
}
#ex2-japan.modal ul {
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    padding-inline-start: 10px;
    padding-inline-end: 10px;
}

ex2-japan.modal  {
   box-shadow:none;
}

#ex2.modal dd, #ex2-japan.modal dd {
    -webkit-margin-start: 0;
    margin-inline-start: 0;
}

#ex2.modal .flex, #ex2-japan.modal .flex {
    display: flex;
}
#ex2-japan.modal .mainTtl-jp, #ex2.modal .mainTtl {
    text-align: center;
}

#ex2-japan.modal mainTtl-jp p ,#ex2.modal .mainTtl p {
    font-size: 2rem;
    letter-spacing: 0.1em;
    font-weight: 600;
}
mainTtl-jp p font {
    font-size: 18pt;
    font-weight: bold;
}

#ex2-japan.modal .mainTtl-jp p span, #ex2.modal .mainTtl-jp p span {
    display: block;
    font-size: 0.9rem;
    font-weight: bold;
    letter-spacing: 0.2em;
    color: #0099ff;
    margin-bottom: 5px;
}

#ex2-japan.modal .flowArea, #ex2.modal .flowArea {
    margin-top: 30px;
}

    #ex2-japan.modal .flowArea ul li, #ex2.modal .flowArea ul li {
        list-style: none;
        position: relative;
        background: #FFF;
        border-radius: 1em;
        padding: 1em 1em 1em 2.5em;
        margin-bottom: 40px;
        z-index: 0;
    }

        #ex2-japan.modal .flowArea ul li:last-child , #ex2.modal .flowArea ul li:last-child {
            margin-bottom: 20px;
        }

        #ex2.modal .flowArea ul li .stepNum {
            position: absolute;
            top: -0.3em;
            left: -0.5em;
            border-radius: 5em;
            text-align: center;
            background: #0099ff;
            color: #FFF;
            font-size: 2.6rem;
            width: 92px;
            height: 92px;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
        }
        #ex2-japan.modal .flowArea ul li .stepNum {
            position: absolute;
            top: -0.3em;
            left: -0.5em;
            border-radius: 5em;
            text-align: center;
            background: #0099ff;
            color: #FFF;
            font-size: 1rem;
            width: 62px;
            height: 62px;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
        }

            #ex2-japan.modal .flowArea ul li .stepNum span, #ex2.modal .flowArea ul li .stepNum span {
                display: block;
                width: 100%;
            }

            #ex2-japan.modal .flowArea ul li .stepNum span.en , #ex2.modal .flowArea ul li .stepNum span.en {
                    font-size: 1rem;
                    margin-bottom: -30px;
                }

        #ex2-japan.modal .flowArea ul li .ttl, #ex2.modal .flowArea ul li .ttl {
            border-bottom: 1px solid;
            padding-top: 7px;
            padding-bottom: 10px;
            margin-bottom: 5px;
            padding-left:10px;
        }

        #ex2-japan.modal .flowArea ul li .ttl {
            border-bottom: 1px solid;
            padding-top: 2px;
            padding-bottom: 1px;
            margin-bottom: 1px;
        }
            #ex2.modal .flowArea ul li .ttl img {
                width: 35px;
            }
            #ex2-japan.modal .flowArea ul li .ttl img {
                width: 25px;
                padding:8px;
            }


        #ex2.modal .flowArea ul li .ttl p {
            font-size: 1.4rem;
            font-weight: bold;
            margin-left: 10px;
            padding-top: 10px;
            line-height: normal;

        }
        #ex2-japan.modal .flowArea ul li .ttl p, #ex2.modal .flowArea ul li .ttl p {
            font-size: 0.75rem;
            font-weight: bold;
            margin-left: 5px;
            padding-top: 10px;
            line-height: normal;
        }
                #ex2-japan.modal .flowArea ul li .ttl p .marker ,#ex2.modal .flowArea ul li .ttl p .marker {
                    display: inline-block;
                    position: relative;
                }

                    #ex2-japan.modal .flowArea ul li .ttl p .marker::before, #ex2.modal .flowArea ul li .ttl p .marker::before {
                        position: absolute;
                        content: "";
                        z-index: -1;
                        top: 0;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        background: linear-gradient(transparent 70%, #f7dcb5 70%);
                        background-size: cover;
                    }

        #ex2-japan.modal .flowArea ul li .txt, #ex2.modal .flowArea ul li .txt {
            border-bottom: 1px solid #8d8d8d;
            font-size: 1rem;
            font-weight: normal;
            display: inline;
            line-height: 1.2;
        }

        #ex2-japan.modal .flowArea ul li::after, #ex2.modal .flowArea ul li::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -25px;
            border: 25px solid transparent;
            border-top: 20px solid #FFF;
        }

        #ex2-japan.modal .flowArea ul li:last-child::after, #ex2.modal .flowArea ul li:last-child::after {
            display: none;
        }

#ex2-japan.modal att dl dt, #ex2.modal .att dl dt {
    font-size: 1rem;
    font-weight: bold;
    border-bottom: 1px solid #FFF;
    padding-bottom: 5px;
    margin-bottom: 10px;
}


#ex2-japan.modal .att dl dd, #ex2.modal .att dl dd {
    font-size: 0.8rem;
    font-weight: normal;
}

@media screen and (min-width: 630px) {

    .ttl {margin-left: 15px; }
    .txt {
        margin-left: 15px;
    }
}

select2-container--default .select2-selection--single {
    border: 1px solid #319CF4 !important;
    line-height: 2.2em !important;
    border-radius:0px !important;
}



@media screen and (max-width: 500px) {
    table .subgrid,table.subgrid tr
     {
        display: block;
        width: 90%;
        height: auto;
    }

}




.ai-chat-message-user {
    border: 1px solid rgb(100,100,100);
    background-color: rgb(250,250,250);
    margin-left: auto;
    margin-right: 5px;
    text-align: left;
    width: 80%;
    padding: 20px;
}

.ai-chat-message-assistant {
    border: 1px solid rgb(100,100,100);
    background-color: rgb(240,240,240);
   
    margin-left: 0px;
    margin-right: auto;
    padding: 20px;
    width: 80%;
}

.ai-chat-message-citation {
    border: 1px solid rgb(100,100,100);
    width: calc(100% - 20px);
    margin-left: 0px;
    margin-right: auto;
    padding: 20px;
}

#chat-container h3 {
 color:   rgb(1, 59, 107)
}

newimgtxt {
    /*padding-left: 200px;*/
    padding-bottom: 20px;
}
/*New Japan div - Modal being  shown as div and  not as a modal */
@media screen and (min-width: 630px) {

    div.temp_holder{
        width:20%;
        float:left;
        padding-left:20px;
    }
    div.newimgtxt {
        /*padding-left:222px;*/
        padding-bottom: 20px;
    }
    #ex2-japan.modal {
        border-radius: 0em;
        max-width: 100%;
        box-sizing: inherit;
    }

        #ex2-japan.modal .flowArea ul li {
            margin-bottom: 30px;
        }

        #ex2-japan.modal .flowArea {
            margin-top: 10px;
            padding-right: 10px;
        }

    .modal {
        display:normal;
    }

    #ex2-japan.modal .flowArea ul li .txt {
        border-bottom: 1px solid #8d8d8d;
        font-size: 0.75rem;
        font-weight: normal;
        display: inline;
        line-height: 1;
    }

    .jp_footer_img {
        float: left;
        text-align: center;
        color: cornflowerblue;
        padding-top: 60px;
        width:50%;
        display:grid;
        justify-content:center;
        align-content:center;
    }

}
@media screen and (max-width: 562px) {
    div img.img_aiko {
        margin-top: 40px;
        width: 70%;
    }

    div img.img_neko {
        width: 40%;
    }

    div.footerlink {
        background-color: white;
        height: 25px;
        text-align: center;
        color: #319CF4;
        border-radius: 5px;
        width: 190px;
        padding-top: 10px;
        margin-left: 0px;
        margin-top:20px;
    }


}

@media screen and (min-width: 562px) {
    div.footerlink {
        background-color: white;
        height: 25px;
        text-align: center;
        color: #319CF4;
        border-radius: 5px;
        width: 190px;
        padding-top: 10px;
        margin-top:20px;
      /*  margin-left: 80px;*/
    }
    div img.img_aiko {
        margin-top: 40px;
        width: 100%;
    }
    div img.img_neko {
        width: 70%;
    }
}




    @media screen and (max-width: 630px) {
        div.temp_holder {
            width: 20%;
            float: left;
            padding-left: 20px;
        }

        #ex2-japan.modal {
            border-radius: 0em;
            max-width: 100%;
            box-sizing: inherit;
            display: block;
            z-index: 0;
        }

            #ex2-japan.modal .flowArea ul li {
                margin-bottom: 30px;
            }

            #ex2-japan.modal .flowArea {
                margin-top: 10px;
                padding-right: 10px;
            }

        div.bsa-solution-jp img {
            width: 60%;
        }
        /*  div.bsa-solution img {
        width: 60%;
    }*/

        .jp_footer_img {
            float: left;
            text-align: center;
            color: cornflowerblue;
            padding-top: 60px;
            display: grid;
            justify-content: center;
            align-content: center;
        }

        div.newimgtxt {
            /*padding-left: 100px;*/
            padding-bottom: 20px;
        }
    }

    div.banner_top_1 {
        /*background: -webkit-linear-gradient(#0e5086, #0641713b, transparent); */
        /* background: -webkit-linear-gradient(#024886,#0e5086,transparent);*/
        /*background: -webkit-linear-gradient(#012442,#024886, #034A8A); */
        /*background-size: 100% auto;*/
        background-repeat: no-repeat;
        background-image: url(/images/report/2017design/background-darkblue2.jpg);
        background-size: 1000px;
        height: 40%;
        width: 100%;
    }

    div.banner_top_2 {
        height: 5px;
        width: 100%;
        background-color: rgba(49,156, 244, 0.7);
    }

div.top-img-section3 {
    /*background: #319CF4 url(/images/report/2017design/background-grey.jpg) center no-repeat;
     background-size: 100%;
    padding: 25px 0px 0px 0px; 
    float: left;
  height:500px;*/
    width: 100%;
    /*min-height: 500px; */
    background: url(/images/report/2017design/background-grey.jpg);
    background-size: 1000px;
    background-repeat: no-repeat;
    position: relative;
    /*display: flex; */
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

@media screen and (max-width: 825px) {
    div.top-img-section3 {
        background-size: 1500px;
    }


    div.banner_top_1 {
        background-size: 1500px;
    }

}

@media screen and (max-width: 542px) {
    div.top-img-section3 {
        background-size: 2000px;
    }


    div.banner_top_1 {

        background-size: 2000px;

    }


}