.custominputut {
  background: none repeat scroll 0 0 #F5F5F5;
  border: 1px solid #C0C0C0;
  display: block;
  margin: 0.625em 0;
  padding: 0 0.625em;
  width: 100%;
}
.custominputut:hover {
  background: none repeat scroll 0 0 #fff;
}
.custominputut span input {
  background: none;
  border: 0 none;
  color: #777777;
  font-family: inherit;
  font-size: 0.8em;
  height: 30px;
  outline: medium none;
  width: 100%;
  z-index: 50;
}
.custominputut.customfocus {
  background: #fff;
}
.custominputut.customfocus span, .custominputut.disabled span, .custominputut.customfocus span input  {
  background: none;
}
.custominputut.disabled {
  background: #d0d0d0;
}
.custominputut.disabled span input {
  background: #F0F0F0;
}
.custombutton {
  background: none repeat scroll 0 0 #444444;
  border: medium none;
  color: #FFFFFF;
  cursor: pointer;
  display: block;
  font-size: 0.8em;
  height: 32px;
  margin: 0.75em 0;
  padding: 0 0.625em;
  white-space: nowrap;
  width: 100%;
}
.custombutton:hover {
  background: #777;
}
.customselect strong span:before {
  background: none repeat scroll 0 0 #c0c0c0;
  color: #fff;
  content: "\f004";
  display: block;
  float: right;
  font-family: "mfg";
  font-size: 0.8em;
  font-weight: normal;
  line-height: 30px;
  position: relative;
  text-align: center;
  width: 30px;
}
.customselect strong span:hover:before {
  background: none repeat scroll 0 0 #999;
}
B.customcheckbox {
  border: 1px solid #C0C0C0;
  cursor: pointer;
  float: left;
  font-size: 0.7em;
  height: 16px;
  margin-right: 6px;
  position: relative;
  text-align: center;
  width: 16px;
  margin-top:2px;
}
B.customcheckbox.checked:before {
  color: #31B131;
  content: "\2713";
  display: block;
  font-family: mfg;
  position: relative;
  line-height: 15px;
}
B.customcheckbox.chbx-disabled {
  background: #d0d0d0;
}
.customtextarea {
  background: none repeat scroll 0 0 #F5F5F5;
  border: 1px solid #c0c0c0;
  float: left;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  margin: 0.625em 0;
}
.customtextarea:hover {
  background: none repeat scroll 0 0 #fff;
}
.customtextarea span {
  float: left;
  height: 100%;
  width: 100%;
  background: none;
}
html body .customtextarea textarea {
  background: none;
  border: medium none;
  color: #777777;
  outline: medium none;
  overflow: auto;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}
html body .customtextarea.customfocus, html body .customtextarea.customfocus textarea {
  background-color: #fff;
}
span.customtextarea.tx-disabled, span.customtextarea.tx-disabled textarea {
  background-color: #F0F0F0;
}
.customselect {
  background: none repeat scroll 0 0 #F5F5F5;
  border: 1px solid #c0c0c0;
  float: left;
  outline: medium none;
  position: relative;
  width: 100%;
  z-index: 150;
  margin: 0.625em 0;
}
.customselect:hover {
  background: none repeat scroll 0 0 #fff;
}
.customselect strong {
  cursor: pointer;
  float: left;
  position: relative;
  width: 100%;
}
.customselect strong span {
  display: block;
  font-weight: normal;
}
.customselect strong span cite {
  display: block;
  font-size: 0.8em;
  font-style: normal;
  height: 30px;
  overflow: hidden;
  padding: 0 0.625em;
  white-space: nowrap;
}
.customselect ul {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #AEAFB0;
  display: none;
  left: 0;
  list-style: none outside none;
  margin: 0 !important;
  padding: 1px 0 0;
  position: absolute;
  top: 30px;
  width: 100%;
  z-index: 1500;
}
.customselect ul li {
  border-bottom: 1px solid #FFFFFF;
  display: block;
  padding: 5px 7px;
}
.customselect ul li.active {
  background: none repeat scroll 0 0 #D3E9F6;
  cursor: pointer;
}
.customselect.customfocus {
  background: #fff;
}
.customradio {
  border: 1px solid #999999;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 0;
  height: 15px;
  margin-right: 6px;
  padding: 4px;
  position: relative;
  text-decoration: none;
  width: 15px;
  margin-top:3px;
}
.customradio.checked:before {
  background: none repeat scroll 0 0 #999999;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  content: "";
  display: block;
  height: 5px;
  line-height: 0;
  width: 5px;
  
}
.customradio.rbtn-disabled, .customradio.checked.rbtn-disabled, .customradio.rbtn-disabled:hover {
  background:#d0d0d0;
}
.customfiles {
  background: none repeat scroll 0 0 #F5F5F5;
  border: 1px solid #c0c0c0;
  float: left;
  font-size: 1em;
  padding-left: 0.625em;
  position: relative;
  text-decoration: none;
  width: 100%;
  margin: 0.625em 0;
}
.customfiles span {
  background: none;
  float: left;
  height: 30px;
  position: relative;
  width: 100%;
  z-index: 150;
}
.customfiles span cite {
  color: #777777;
  cursor: text;
  display: inline;
  line-height: 30px;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  font-size: 0.8em;
  font-style:normal;
}
.customfiles span strong {
  background: none repeat scroll 0 0 #c0c0c0;
  color: #FFFFFF;
  display: block;
  float: right;
  font-weight: normal;
  line-height: 30px;
  padding: 0 0.625em;
  position: relative;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  z-index: 1;
  font-size: 0.8em;
  cursor: pointer;
}
A.customfiles.customfocus {
  background: none repeat scroll 0 0 #f5f5f5;
}
A.customfiles:hover span strong {
  cursor: pointer;
  background: #999;
}
.customfiles.disabled, A.customfiles.customfocus.disabled {
  background: #d0d0d0;
}
A.customfiles.disabled:hover span strong {
  background: #fff;
  border-left: 1px solid #CDDFE9;
}
.customfileshidden {
  font-size: 1em;
  height: 30px;
  opacity: 0;
  filter: alpha(opacity = 0);
  padding: 0 1px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 150;
  font-family:inherit;
  cursor: pointer;
}
.customselect:hover {
  background: none repeat scroll 0 0 #fff;
}
.customselect span {
  background: none;
  float: left;
  height: 100%;
  width: 100%;
}
.customselect span span {
  background: none;
  float: left;
  height: 100%;
  width: 100%;
}
.customselect span span span {
  background: none;
  float: left;
  width: 100%;
}
.customselect select {
  background: none;
  border: 0 none;
  color: #777777;
  font-size: 15px;
  height: 96%;
  margin: 2%;
  max-height: 500px;
  max-width: 96%;
  outline: medium none;
  padding: 0;
  width: 96%;
}
.customselect select option {
  cursor: pointer;
  margin: 0;
  padding: 3px 7px;
  background: none;
}
.customselect.customfocus, .customselect.customfocus select {
  background: #fff;
}
.customzero {
  margin: 0 !important;
  position: relative !important;
}
.fmHidden {
  display: none;
}
.custominputut, .custominputut:hover, .custominputut.customfocus, .custombutton, .custombutton:hover, .customselect strong span:before, 
.customselect strong span:hover:before, .customtextarea, .customtextarea:hover, html body .customtextarea.customfocus, html body .customtextarea.customfocus textarea, 
.customselect, .customselect:hover, .customselect.customfocus, .customfiles span strong, A.customfiles:hover span strong, .customselect:hover,
.customselect.customfocus, .customselect.customfocus select {
  transition: background 0.20s linear 0s;
  -o-transition: background 0.20s linear 0s;
  -ms-transition: background 0.20s linear 0s;
  -moz-transition: background 0.20s linear 0s;
  -webkit-transition: background 0.20s linear 0s;
}
i, .icon {
  font-family: 'mfg';
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  color:#e3e3e3;
}
.icon2x {
  font-size: 2em;
}
.icon3x {
  font-size: 3em;
}
.gradient {
  color: #999999;
  text-shadow: 1px 1px 1px rgba(27, 27, 27, 0.19);
  transition: all 0.1s ease-in-out 0s;
}
.gradient:hover, .gradient .current {
  color: #EEEEEE;
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}


.icon-cloud:before                {
  content: "\2601";
}
.icon-at:before                   {
  content: "\0040";
}
.icon-plus:before                 {
  content: "\002B";
}
.icon-minus:before                {
  content: "\2212";
}
.icon-arrow_up:before             {
  content: "\2191";
}
.icon-arrow_down:before           {
  content: "\2193";
}
.icon-arrow_right:before          {
  content: "\2192";
}
.icon-arrow_left:before           {
  content: "\2190";
}
.icon-chevron_down:before         {
  content: "\f004";
}
.icon-chevron_up:before           {
  content: "\f005";
}
.icon-chevron_right:before        {
  content: "\f006";
}
.icon-chevron_left:before         {
  content: "\f007";
}
.icon-reorder:before              {
  content: "\f008";
}
.icon-list:before                 {
  content: "\f009";
}
.icon-reorder_square:before       {
  content: "\f00a";
}
.icon-reorder_square_line:before  {
  content: "\f00b";
}
.icon-coverflow:before            {
  content: "\f00c";
}
.icon-coverflow_line:before       {
  content: "\f00d";
}
.icon-pause:before                {
  content: "\f00e";
}
.icon-play:before                 {
  content: "\f00f";
}
.icon-step_forward:before         {
  content: "\f010";
}
.icon-step_backward:before        {
  content: "\f011";
}
.icon-fast_forward:before         {
  content: "\f012";
}
.icon-fast_backward:before        {
  content: "\f013";
}
.icon-cloud_upload:before         {
  content: "\f014";
}
.icon-cloud_download:before       {
  content: "\f015";
}
.icon-data_science:before         {
  content: "\f016";
}
.icon-data_science_black:before   {
  content: "\f017";
}
.icon-globe:before                {
  content: "\f018";
}
.icon-globe_black:before          {
  content: "\f019";
}
.icon-math_ico:before             {
  content: "\f01a";
}
.icon-math:before                 {
  content: "\f01b";
}
.icon-math_black:before           {
  content: "\f01c";
}
.icon-paperplane_ico:before       {
  content: "\f01d";
}
.icon-paperplane:before           {
  content: "\f01e";
}
.icon-paperplane_black:before     {
  content: "\f01f";
}
/* \f020 doesn't work in Safari. all shifted one down */
.icon-color_balance:before        {
  content: "\f020";
}
.icon-star:before                 {
  content: "\2605";
}
.icon-star_half:before            {
  content: "\f022";
}
.icon-star_empty:before           {
  content: "\2606";
}
.icon-star_half_empty:before      {
  content: "\f024";
}
.icon-reload:before               {
  content: "\f025";
}
.icon-heart:before                {
  content: "\2665";
}
.icon-heart_broken:before         {
  content: "\f028";
}
.icon-hashtag:before              {
  content: "\f029";
}
.icon-reply:before                {
  content: "\f02a";
}
.icon-retweet:before              {
  content: "\f02b";
}
.icon-signin:before               {
  content: "\f02c";
}
.icon-signout:before              {
  content: "\f02d";
}
.icon-download:before             {
  content: "\f02e";
}
.icon-upload:before               {
  content: "\f02f";
}
.icon-placepin:before             {
  content: "\f031";
}
.icon-display_screen:before       {
  content: "\f032";
}
.icon-tablet:before               {
  content: "\f033";
}
.icon-smartphone:before           {
  content: "\f034";
}
.icon-connected_object:before     {
  content: "\f035";
}
.icon-lock:before                 {
  content: "\F512";
}
.icon-unlock:before               {
  content: "\F513";
}
.icon-camera:before               {
  content: "\F4F7";
}
.icon-isight:before               {
  content: "\f039";
}
.icon-video_camera:before         {
  content: "\f03a";
}
.icon-random:before               {
  content: "\f03b";
}
.icon-message:before              {
  content: "\F4AC";
}
.icon-discussion:before           {
  content: "\f03d";
}
.icon-calendar:before             {
  content: "\F4C5";
}
.icon-ringbell:before             {
  content: "\f03f";
}
.icon-movie:before                {
  content: "\f040";
}
.icon-mail:before                 {
  content: "\2709";
}
.icon-pen:before                  {
  content: "\270F";
}
.icon-settings:before             {
  content: "\9881";
}
.icon-measure:before              {
  content: "\f044";
}
.icon-vector:before               {
  content: "\f045";
}
.icon-vector_pen:before           {
  content: "\2712";
}
.icon-mute_on:before              {
  content: "\f047";
}
.icon-mute_off:before             {
  content: "\f048";
}
.icon-home:before                 {
  content: "\2302";
}
.icon-sheet:before                {
  content: "\f04a";
}
.icon-arrow_big_right:before      {
  content: "\21C9";
}
.icon-arrow_big_left:before       {
  content: "\21C7";
}
.icon-arrow_big_down:before       {
  content: "\21CA";
}
.icon-arrow_big_up:before         {
  content: "\21C8";
}
.icon-dribbble_circle:before      {
  content: "\f04f";
}
.icon-dribbble:before             {
  content: "\f050";
}
.icon-facebook_circle:before      {
  content: "\f051";
}
.icon-facebook:before             {
  content: "\f052";
}
.icon-git_circle_alt:before       {
  content: "\f053";
}
.icon-git_circle:before           {
  content: "\f054";
}
.icon-git:before                  {
  content: "\f055";
}
.icon-octopus:before              {
  content: "\f056";
}
.icon-twitter_circle:before       {
  content: "\f057";
}
.icon-twitter:before              {
  content: "\f058";
}
.icon-google_plus_circle:before   {
  content: "\f059";
}
.icon-google_plus:before          {
  content: "\f05a";
}
.icon-linked_in_circle:before     {
  content: "\f05b";
}
.icon-linked_in:before            {
  content: "\f05c";
}
.icon-instagram:before            {
  content: "\f05d";
}
.icon-instagram_circle:before     {
  content: "\f05e";
}
.icon-mfg_icon:before             {
  content: "\f05f";
}
.icon-mfg_icon_circle:before      {
  content: "\f060";
}
.icon-user:before                 {
  content: "\f061";
}
.icon-user_male:before            {
  content: "\f062";
}
.icon-user_female:before          {
  content: "\f063";
}
.icon-users:before                {
  content: "\f064";
}
.icon-file_open:before            {
  content: "\F4C2";
}
.icon-file_close:before           {
  content: "\f067";
}
.icon-file_alt:before             {
  content: "\f068";
}
.icon-file_close_alt:before       {
  content: "\f069";
}
.icon-attachment:before           {
  content: "\f06a";
}
.icon-check:before                {
  content: "\2713";
}
.icon-cross_mark:before           {
  content: "\274C";
}
.icon-cancel_circle:before        {
  content: "\F06E";
}
.icon-check_circle:before         {
  content: "\f06d";
}
.icon-magnifying:before           {
  content: "\F50D";
}
.icon-inbox:before                {
  content: "\f070";
}
.icon-clock:before                {
  content: "\23F2";
}
.icon-stopwatch:before            {
  content: "\23F1";
}
.icon-hourglass:before            {
  content: "\231B";
}
.icon-trophy:before               {
  content: "\f074";
}
.icon-unlock_alt:before           {
  content: "\F075";
}
.icon-lock_alt:before             {
  content: "\F510";
}
.icon-arrow_doubled_right:before  {
  content: "\21D2";
}
.icon-arrow_doubled_left:before   {
  content: "\21D0";
}
.icon-arrow_doubled_down:before   {
  content: "\21D3";
}
.icon-arrow_doubled_up:before     {
  content: "\21D1";
}
.icon-link:before                 {
  content: "\f07B";
}
.icon-warning:before              {
  content: "\2757";
}
.icon-warning_alt:before          {
  content: "\2755";
}
.icon-magnifying_plus:before      {
  content: "\f07E";
}
.icon-magnifying_minus:before     {
  content: "\f07F";
}
.icon-white_question:before       {
  content: "\2754";
}
.icon-black_question:before       {
  content: "\2753";
}
.icon-stop:before                 {
  content: "\f080";
}
.icon-share:before                {
  content: "\f081";
}
.icon-eye:before                  {
  content: "\f082";
}
.icon-trash_can:before            {
  content: "\f083";
}
.icon-hard_drive:before           {
  content: "\f084";
}
.icon-information_black:before    {
  content: "\f085";
}
.icon-information_white:before    {
  content: "\f086";
}
.icon-printer:before              {
  content: "\f087";
}
.icon-letter:before               {
  content: "\f088";
}
.icon-soundcloud:before           {
  content: "\f089";
}
.icon-soundcloud_circle:before    {
  content: "\f08A";
}
.icon-anchor:before               {
  content: "\2693";
}
.icon-female_sign:before          {
  content: "\2640";
}
.icon-male_sign:before            {
  content: "\2642";
}
.icon-joystick:before             {
  content: "\F514";
}
.icon-high_voltage:before         {
  content: "\26A1";
}
.icon-fire:before                 {
  content: "\F525";
}
.icon-newspaper:before            {
  content: "\F4F0";
}
.icon-chart:before                {
  content: "\F526";
}
.icon-spread:before               {
  content: "\F527";
}
.icon-spinner_1:before            {
  content: "\F528";
}
.icon-spinner_2:before            {
  content: "\F529";
}
.icon-chart_alt:before            {
  content: "\F530";
}
.icon-label:before                {
  content: "\F531";
}