@font-face {
  font-family: 'Calibri';
  font-style: normal;
  font-weight: 400;
  src: local('Calibri');
}
@font-face {
  font-family: 'Calibri';
  font-style: normal;
  font-weight: 700;
  src: local('Calibri Bold');
}


body {
   min-width: 970px; 
   width: auto !important;  /* Firefox will set width as auto */
   width:	970px; /* IE */
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 12pt;
      }
      
h1, h2 {
	font-family: Calibri, Hind, Arial, sans-serif;
		margin-bottom:5px; margin-top:5px;
}

h3 {
	font-weight: bold;
	font-size: 12pt; line-height: 20pt;
}

/* --------------- General Text Formatting Adjustments from old SUG --------------- */
.smalltext {font-family : Helvetica,Arial,sans-serif; font-size : 10pt;line-height: 18pt;color: #000000;}

.verysmalltext {font-family: Helvetica,Arial,sans-serif; font-size: 8pt; line-height: 12pt; color: #000000; }

.main {font-family : Helvetica,Arial,sans-serif; font-size : 12pt;line-height: 20pt;color: #000000;}

.redmessage {font-family : Helvetica,Arial,sans-serif; font-size : 12pt;line-height: 20pt;color: red;}

.paddedTable td {padding:5px;}

.borderless td { border: none !important; }

.text-italic { font-style: italic; }

.text-bold { font-weight: bold; }

.no-padding{ padding-left: 0px; padding-right: 0px; }

h2 {color: #f68d14;};

.button {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #ffffff;
  background-color: #a8be0f;
}

.smalltextlite {font-family : Verdana, Arial, Helvetica, sans-serif;font-size : 8pt;line-height: 16pt;color: #aaaaaa;}
a.smalllinklite:link {color: #aaaaaa;font-family: Verdana, Helvetica, Arial, sans-serif;font-size: 8pt; line-height: 12pt;}
a.smalllinklite:visited {color: #aaaaaa;font-family: Verdana, Helvetica, Arial, sans-serif;font-size: 8pt; line-height: 12pt;}
a.smalllinklite:hover {color: #008653;font-family: Verdana, Helvetica, Arial, sans-serif;font-size: 8pt; line-height: 12pt;}

#quotebox {
	padding:25px 15px 25px 15px;
}

#quotebox .smalltext {
	color: #a8be0f !important;
	line-height: 16pt !important;
}




/* --------------- Header --------------- */

.header {
	height: 95px;
	background: url(/images/navigation/sg-header-bg.png) 0 0 repeat-x transparent;
	margin-bottom: 0px;
}

.header2 {
	height: 108px;
	background: url(/images/navigation/header-bg2.jpg) 0 0 repeat-x transparent;
}

.header2 .container {
	position: relative;
	min-width: 970px;
	max-width: 1170px;
}

.header .container {
	position: relative;
	min-width: 970px;
	max-width: 1170px;
}

.header .home-logo {
	margin: 30px 0 0 6px;
	float: left;
}

.header2 .home-logo2 {
	margin: 44px 0 0 6px !important;
	float: left;
}

.header .sg-signup-btn {
	margin-left:15px;
	margin-top: 2px;
	padding-top:4px; padding-bottom:4px;
	font-size: 10pt !important;
	font-weight: bold;
}

.header-nav2-ext .sg-signup-btn2 {
	margin-left:8px;
	margin-top: 0px;
	padding-top:4px; padding-bottom:4px;
	font-size: 12px !important;
	font-weight: bold;
	color: white !important;
}

.header-nav {
	position: relative !important;
	top: 0;
	right: 0;
	margin-top: 13px;
}

.header-nav li {
	display: block;
	float: left;
}

.header-nav a {
	color: #fefae0 !important;
	font-size: 16px !important;
	font-family: "Arial";
	font-weight: 400;
	padding: 0 13px;
	display: block;
}

.sg-nav {
	margin-bottom: 0px;
	height: 40px;
}

.sg-left-nav {
	font-size : 11pt;	
}

.header-nav2 {
	margin: 0px 0px 0 0;
	padding: 0;
}

.header-nav2 li {
	display: block;
	float: left;
	padding-top:4px;
	padding-right: 25px;
}

.header-nav2 a {
	color: #a8be0f !important;
	font-size: 16px !important;
	font-family: "Arial";
	font-weight: 400;
	padding: 0 16px;
	display: block;
}

.header-nav2-ext {
	margin: 0px 0px 0 0;
	padding: 0;
}

.header-nav2-ext li {
	display: block;
	float: left;
	padding-top:0px;
	padding-left: 0px;
}

.header-nav2-ext a {
	color: white !important;
	display: block;
}

.noFlashHide{
	display: none;
}

.dropdown-menu {
		background-color: #fefae0;
		margin-top: -2px;
}

ul.header-nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}

ul.header-nav2 li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}

ul.header-nav-ext li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}

ul.header-nav2-ext li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}

.dropdown-menu li {
	width: 100%;
}

.dropdown-menu a {
	color: #a8bd0f !important;
	font-size: 13px !important;
	line-height: 24px !important;
}

.header-ext-nav {
	background: #f8e587;
	font-size: 13px !important;
	line-height: 20px !important;
	border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	position: relative;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
}

.header-ext-nav li {
	display: block;
	float: left;
}

.header-ext-nav a {
	color: #f68d14;
	padding: 2px 15px;
	display: block;
}

.header-advert {
	position: relative;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
}

.header-advert li {
	display: block;
	float: left;
}

.yellownav {
	background: #fefae0;
	padding: 5px;
	min-width: 720px;
   -moz-box-shadow:    inset 0 0 50px #fcecc0;
   -webkit-box-shadow: inset 0 0 50px #fcecc0;
   box-shadow:         inset 0 0 50px #fcecc0;
   	background-image: url(/images/navigation/signupgenius-menu.jpg);
}

.yellownav .container {
	position: relative;
	min-width: 970px;
	max-width: 1170px;
	height: 40px !important;
}


/* ------------ FOOTER --------- */

#footer {background-image: url("/images/navigation/footer3background.png"); height:350px;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
padding-top:50px;
}

@media screen and {#footer{height:100%;width:100%;}}


#footerinner {max-width: 1170px; min-width: 970px !important; margin: 0 auto;}

#footer2 {background-image: url("/images/navigation/footer2background.png"); height:54px;
padding-left:0px !important;
padding-right: 0px !important;
background-repeat: repeat-x;}

.footerbutton{font-family:arial !important;  color:white; height:45px; background-color:#a8bd0f; border-radius:5px;  max-width:245px; font-size: 18px; padding: 10px 30px 10px 30px; text-align:center;}
.footerbutton2{font-family:arial !important;  color:white; height:45px; background-color:#a8bd0f; border-radius:5px;  max-width:245px; font-size: 18px;  padding: 10px 39px 10px 39px; text-align:center;}

.footerheader{background-color:#fff18f; color:#f68d14; font-weight:bold; font-size:17px; padding:5px;	font-family: Calibri, Hind, Arial, sans-serif;}
.footerlinks{font-family:arial !important; color:#a8bd0f; font-size:16px; text-decoration: underline; line-height:160%;}

.privacy{font-size:12px; color:#f68d14;text-decoration:underline;}

@media screen and (max-width:992px){#resources{margin-top:20px;}}

.socialicon {width:40px;}
.socialmedia {text-align:right;}

@media screen and (max-width:992px){#socialmedia{margin-top:20px;}}

/* -------------- TABS -------------- */

.nav-tabs {
	margin-bottom: 20px;
}
.nav-tabs>li>a {
	color: #f68d14;
}
.nav-tabs>li>a:hover {
	background-color: #f68d14;
	color: #fff;
}


.mainbody .container {
	min-width: 970px;
}

h1, .header {font-family: Calibri, 'Hind', Arial, sans-serif; font-size : 28pt; font-weight: 700; color: #000000;line-height: 28pt; margin-top: 0px; padding-top:0px;}

/* --------------- BUTTON GROUP ------------ */

.sgdrive-actions {
	margin-bottom: 10px;
}

.sgdrive-actions .glyphicon {
	color: #f68d14;
}
.sgdrive-actions .btn-default:hover {
	background: #f68d14;
	color: #fff;
}

.sgdrive-actions .btn-default:hover .glyphicon {
	color: #fff;
}

/* ------------- Yellow Box ------------ */
.yellowbox {
	background: #fefae0;
	padding: 10px;
	 border-radius:5px;
   -moz-box-shadow:    inset 0 0 50px #fcecc0;
   -webkit-box-shadow: inset 0 0 50px #fcecc0;
   box-shadow:         inset 0 0 50px #fcecc0;
}

/* ------------- Table ------------ */

.sTable,.sTableSmall{
	width: 100%;
	border-spacing:0;
	border-collapse:collapse;
}

.sTable th, .sTableSmall th{
	/*background-image:url('../images/tab-main.gif'); */
	border: 1px solid #dddddd;
	font: 11pt Arial,Helvetica,  sans-serif; 
	/*color: white; */
	width: auto; 
	padding: 8px 0; 
	padding-left: 4px; 
	text-decoration: none; 
	/*text-shadow: 0px 1px 0px black;*/
	background: #FEFAE0;
}

.sTableSmall th{
	font-size: 12px !important;
}

.sTable tr:first-child th:first-child,.leftTop,
.sTableSmall tr:first-child th:first-child,.leftTop
{
	-moz-border-top-left-radius: 5px; 
	-webkit-border-top-left-radius: 5px; 
	-khtml-border-top-left-radius: 5px; 
	border-top-left-radius: 5px;
}

.sTable tr:first-child th:last-child, rightTop,
.sTableSmall tr:first-child th:last-child, rightTop
{
	-moz-border-top-right-radius: 5px; 
	-webkit-border-top-right-radius: 5px; 
	-khtml-border-top-right-radius: 5px; 
	border-top-right-radius: 5px;
}

.sTable td,.sTableSmall td {
	font-size: 11pt !important;
	font-face: Arial, Helvetica, sans-serif; 
	padding: 4px; 
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd; 
	border-bottom: 1px solid #dddddd;
	background-color: white;
	vertical-align: middle !important;
}

.sTableSmall td{
	font-size: 12px !important;
}

.sTable .highlight td {
    background-color: #fdedb2;
}

.sTable .selected {
	background-color: #f3f3f3 !important;
	color: #f68d14 !important;
	font-weight: 500;
}

.sTable .glyphicon {
	color: #f68d14;
}


.rounded {-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  border-radius: 5px; }

.sTable th {
	vertical-align: middle !important;
}

/* ------------- form elements -------------*/
.lg-padding { padding-left: 56px !important; }

/* radion/checkbox button override */
input[type=radio].css-radio,
input[type=radio].css-radio-mini,
input[type=checkbox].css-checkbox-chkbx,
input[type=checkbox].css-checkbox-chkbx-mini
{
	display				:none;
}

.ie8 input[type=radio].css-radio,
.ie8 input[type=radio].css-radio-mini,
.ie8 input[type=checkbox].css-checkbox-chkbx,
.ie8 input[type=checkbox].css-checkbox-chkbx-mini
{
	display				: inline-block !important;
	background-image	: none;
}

.ie8 label.chkbx-css-label, 
.ie8 label.chkbx-css-label-mini,
.ie8 label.radio-css-label,
.ie8 label.radio-css-label-mini  {
	background-image	:  none;
}

input[type=radio].css-radio + label.radio-css-label,
input[type=checkbox].css-checkbox-chkbx + label.chkbx-css-label,
input[type=checkbox].css-checkbox-chkbx:disabled + label.chkbx-css-label,
input[type=checkbox].css-checkbox-chkbx:checked + label.chkbx-css-label
{
	padding-left 		: 37px;
	padding-top			: 3px;
	height				: 32px;
	display				: inline-block;
	line-height			: 32px;
	background-repeat	:no-repeat;
	background-position	: 10px 8px;
	vertical-align		: middle;
	cursor				: pointer;
	font-size			: 16px;
	overflow			: hidden;
}

input[type=radio].css-radio-mini + label.radio-css-label-mini,
input[type=checkbox].css-checkbox-chkbx-mini + label.chkbx-css-label-mini,
input[type=checkbox].css-checkbox-chkbx-mini:disabled + label.chkbx-css-label-mini,
input[type=checkbox].css-checkbox-chkbx-mini:checked + label.chkbx-css-label-mini
{
    padding-left         : 32px;
    padding-top          : 3px;
    height               : 25px;
    display              : inline-block;
    line-height          : 25px;
    background-repeat    : no-repeat;
    background-position  : 10px 8px;
    vertical-align       : middle;
    cursor               : pointer;
    font-size			 : 11pt;
	font-weight			 : 400;
	overflow			 : hidden;
}


label.radio-css-label,
label.chkbx-css-label,
label.chkbx-css-label-mini,
label.radio-css-label-mini
{
	-webkit-touch-callout: none;
	-webkit-user-select	: none;
	-khtml-user-select	: none;
	-moz-user-select	: none;
	-ms-user-select		: none;
	user-select			: none;
	font-weight: normal;
}

/* panel override */
.panel-default > panel-heading {
	background-color: #f5f5f5;
}

.sugPanel > .panel-group > .panel-default > .panel-heading,
.sugPanel > .panel-default > .panel-heading
{
	background: #FEFAE0 !important;
}

.sugPanel .glyphicon{
	color: #f68d14;
}


/* radio buttons */
label.radio-css-label,
label.radio-css-label-mini 
{
	background-image	:  url('../images/messageCenter/radio-notchecked.png');
}

input[type=radio].css-radio:disabled + label.radio-css-label,
input[type=radio].css-radio-mini:disabled + label.radio-css-label-mini
{
	background-image:  url('../images/messageCenter/radio-disabled.png');
}

input[type=radio].css-radio:checked + label.radio-css-label,
input[type=radio].css-radio-mini:checked + label.radio-css-label-mini
{
	background-image	:  url('../images/messageCenter/radio-checked.png');
}

input[type=radio].css-radio-mini:disabled:checked + label.radio-css-label-mini
{
	background-image	:  url('../images/messageCenter/radio-disabled-checked.png');
}

/* radio buttons mini */
label.radio-css-label-mini {
    background-size        : 16px auto;
    
}

input[type=radio].css-radio-mini:disabled + label.radio-css-label-mini
{
    background-size        : 16px auto;
}

input[type=radio].css-radio-mini:checked + label.radio-css-label-mini
{
    background-size        : 16px auto;
}


/* checkbox buttons */
label.chkbx-css-label, label.chkbx-css-label-mini {
	background-image	:  url('../images/messageCenter/check-notchecked.png');
}

input[type=checkbox].css-checkbox-chkbx:unchecked + label.chkbx-css-label,
input[type=checkbox].css-checkbox-chkbx-mini:unchecked + label.chkbx-css-label-mini {
	background-image	:  url('../images/messageCenter/check-notchecked.png');
}

input[type=checkbox].css-checkbox-chkbx:checked + label.chkbx-css-label,
input[type=checkbox].css-checkbox-chkbx-mini:checked + label.chkbx-css-label-mini
{
	background-image	:  url('../images/messageCenter/check-checked.png');
}

input[type=checkbox].css-checkbox-chkbx-mini:disabled:checked + label.chkbx-css-label-mini
{
	background-image	:  url('../images/messageCenter/check-disabled-checked.png');
}

input[type=checkbox].css-checkbox-chkbx:disabled + label.chkbx-css-label,
input[type=checkbox].css-checkbox-chkbx-mini:disabled + label.chkbx-css-label-mini
{
	background-image	:  url('../images/messageCenter/check-disabled.png');
}

/* checkbox buttons mini */
label.chkbx-css-label-mini {
    background-size        : 16px auto;
}

input[type=checkbox].css-checkbox-chkbx-mini:unchecked + label.chkbx-css-label-mini {
    background-size        : 16px auto;
}

input[type=checkbox].css-checkbox-chkbx-mini:checked + label.chkbx-css-label-mini
{
    background-size        : 16px auto;
}

input[type=checkbox].css-checkbox-chkbx-mini:disabled + label.chkbx-css-label-mini
{
    background-size        : 16px auto;
}

input[type=checkbox].css-checkbox-chkbx-mini:disabled:checked + label.chkbx-css-label-mini
{
	background-size        : 16px auto;
}


.ie8 select {
   background: transparent;
   min-width: 60px;
   padding: 2px;
   font-size: 10pt;
   border: 1px solid #ccc;
}

/* ------------------ Button Bar -------------- */

    .clickBar {
        line-height: 50px;
        font-size: 18px;
        background: #FEFAE0;
        text-shadow: 0 1px 0 #FFF;
        margin: 0px 0 0;
        padding: 0 15px;
        border: 1px solid #DDD;
        border-radius: 8px 8px 0 0;
        -moz-border-radius: 8px 8px 0 0;
        -webkit-border-radius: 8px 8px 0 0;
        clear: both;
    }
    .clickBar .btn-group {
        margin: 8px -8px 0 0;
    }

    .altBar {
        line-height: 50px;
        font-size: 18px;
        background: #FEFAE0;
        text-shadow: 0 1px 0 #FFF;
        margin: 20px 0 0;
        padding: 0 15px;
        border: 1px solid #DDD;
        border-radius: 8px 8px 0 0;
        -moz-border-radius: 8px 8px 0 0;
        -webkit-border-radius: 8px 8px 0 0;
        clear: both;
    }

.processing { top: 0px; opacity: .5; background: black; position: absolute; height: 100%; width: 100%; pointer-events: visible; display: block; z-index: 1001; background-color: white; }


.modal-body {
	color: black !important;
}