﻿body
{
    height:100%;
	margin: 0px;
/*	font-family: Tahoma, Arial, Helvetica, sans-serif; */
	font-family: "soleil",sans-serif;
	font-size:12px;
}
.loginpanel {
	left: 50%;
	transform: translateX(-50%);
	width:240px;
	height:300px;
	position: absolute;
/*	z-index: 15;
  	top: 45%;
 	left: 50%;
	margin: -100px 0 0 -120px;*/
}
#content {
	min-height:600px;
}
.buttonarea {
	background-color:#474C55;
	height:50px;
}
.filter {
	padding:10px 25px;
	height:125px;
	background-color:#ffffff;
}
.pagearea {
	padding:25px;
}
.gv {border: none;}
.gv th {
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #573b64;
	padding: 3px 15px;
	text-align:centre;
	color:#B9571A;
}
.gv td {
	border:none;
	border-left:2px solid white;
	padding: 3px 15px;
}
.gvsortasc {
	background-image: url(../images/triangle_red_up.png);
	background-size: 10px 10px;
	background-repeat:no-repeat;
	background-position:left center;
}
.gvsortdesc {
	background-image: url(../images/triangle_red_down.png);
	background-size: 10px 10px;
	background-repeat:no-repeat;
	background-position:left center;
}
th {
	border:none;
	padding: 3px 15px;
	text-align:centre;
	color:#B9571A;
}
.altrow {background-color:#efefef;}
.aligncenter {text-align:center;}
.alignright {text-align:right;}
.alignleft {text-align:left;}
.aligntop {vertical-align: top;}
a {
	text-decoration:none;
	color:#B9571A;
}
a:hover {
	text-decoration:underline;
	color:#B9571A;
}
.selected {color:blue;}
.disabled {color:black;}
.disabled:hover {
	color:black;
	text-decoration:none;
}
.conflict {color:red;}
.conflict:hover {
	color:red;
	text-decoration:none;
}
.menubutton {
	color:white;
	display:block;
	height:50px;
	line-height:50px;
	padding:0 20px 0 20px;
	width:75px;
	text-align:center;
	font-weight:bold;
	float:left;
}
.menubutton1 {
	color:white;
	display:block;
	height:50px;
	line-height:50px;
	padding:0 20px 0 20px;
	width:75px;
	text-align:center;
	font-weight:bold;
	float:right;
}
a.menubutton:hover a.menubutton1:hover {
	background-color:#c78863;
	color:white;
	text-decoration:none;
}
.w1 {width:300px;}
.w2 {width:120px;}
.w3 {width:150px;}
.w4 {width:100px;}
.w5 {width:75px;}
.w6 {width:20px;}
.w7 {width:50px;}
.w8 {width:250px;}
.w9 {width:1000px;}
.w10 {width:500px;}
.w11 {width:200px;}
.w12 {width:700px;}
.w13 {width:400px;}
.w14 {width:175px;}
.reqinfo {
	color:red;
	font-size:12px;
	font-weight:bold;
	padding-left:5px;
}
.redtext {
	color:red;
}
.highlighttext {
	color:blue;
	font-weight:bold;
}
.aspbutton {
	color:#474C55;
	font-size:10px;
	font-weight:bold;
	padding:3px 0;
	width:100px;
}
h2 {
/*	color:#474C55;*/
	color: #343741;
	font-weight: 400;
	line-height: 1.30769;
	font-size:22px;
}
h3 {
	color:#B9571A;
	margin-bottom:10px;
	margin-top:5px;
}
h4 {
/*	color:#474C55;*/
	color: #B9571A;
	font-size:14px;
}



.logo{display:inline-block;width:120px;padding:15px;}



#header {
	 height:220px;
	 background-image:url(/images/Sunrise.png);
}

#footer {
	height:50px;
	background-color:#474C55;

}
#header .logo{display:inline-block;width:120px}
#header .logo a{display:block;text-indent:-9999px;background:url(../graphics/logo_sw.svg) no-repeat;background-size:auto 100%;height:130px}

.column {
    float: left;
    padding: 10px;
	border: 1px solid gray;
	min-height:600px;
	margin:10px;
}
.clientsleft {
  width: 33%;
}
.clientsright {
  width: 60%;
}
.columnw1 {
	min-width: 1000px;
	position:relative;
}
.columnw2 {
	min-width: 400px;
	position:relative;
}
.columnfull {width:90%;}
.columnfill {
	background-color: #DDFFFF;
}
/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}
.smlfont {font-size:10px;}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .column {
        width: 100%;
    }
}


.position-relative {
  position: relative; }

.menu-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: top;
  align-items: top;
	background-image:url(/images/Sunrise.png);
  height:400px;
 }
.menu-container1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: center;
  align-items: center;
  height:80px;
 }

.wrapper {
  max-width: 120rem;
  padding: 0 20px;
  margin: 0 auto; }

.menu-container a {
	text-decoration:none;
	color:white;
	font-size:20px;
}
.menu-container a:hover {
	color:#999999;
}
.menu-container1 a {
	text-decoration:none;
	color:#999999;
	font-size:20px;
}
.menu-container1 a:hover {
	color:#9E5825;
}

.menu-container a.selected {
	color:#999999;
}
.menu-container__logo {
  -ms-flex: 0 0 108px;
  flex: 0 0 108px;
  line-height: 0;
  transition: flex-basis .25s, height .25s;
  transition: flex-basis .25s, height .25s, -ms-flex-preferred-size .25s; }
.menu-container__primary-menu {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0; }
ul.primary-menu {
  list-style: none;
  padding: 0;
}
ul.primary-menu > li {
  position: relative;
  display: inline-block;
  padding: 1rem 1.5rem; 
}
ul.primary-menu > li:first-child {
  padding-left: 0; }
ul.primary-menu > li:last-child {
  padding-right: 0; }
.shg-logo {
  max-width: 60px;
  max-height: 38.8px;
  }

.shg-logo {
  display: inline; }

.shg-logo__st0 {
  fill: url(#shg-logo__SVGID_1_); }

.shg-logo__st1 {
  fill: url(#shg-logo__SVGID_2_); }

.shg-logo__st2 {
  fill: url(#shg-logo__SVGID_3_); }

.shg-logo-expanded {
	position:absolute;
	top: 20px;
  max-height: 119px;
  max-width: 108px; }

.shg-logo-expanded__st0 {
  -webkit-clip-path: url(#shg-logo-expanded__SVGID_2_);
  clip-path: url(#shg-logo-expanded__SVGID_2_);
  fill: #FFFFFF; }

.hero__h1 {
  position: absolute;
  top: 50%; 
  left:50%;
  transform: translateX(-50%);
  font-size:40px;
}
.color-white {
  color: white; }
.display-block {
  display: block !important; }
#spareinfo {

	 background-color:#474C55;
	 background-color:#f0f0f1;
	 background-color:#006991;
	 background-color:#bec0c2;
	 background-color:#B9571A;
	 background-color:#ebebeb;
	 background-color:#c78863;
	 background-color:#42464b;
	 color:#231f20;
	 color:#8b7972;
	 color:#2ba6cb;
	 color:#2795b6;
	 color:#37302D;
	 color:#7f0a0c;
	 color:#6f615b;
color:#214291;
}

