html {
  background: transparent url(/images/free_site/sara/pattern.jpg) repeat;
}

body {
  -webkit-text-size-adjust: none;
  font-family: "Helvetica", Arial, sans-serif;
  font-weight: 500;
	font-size: 12px;
	color: #616161;
}

/***
  General
***/
a {
  color: #33833b;
  font-weight: bold;
  text-decoration: none;
  font-size: 12px;
}
a:hover { color: #7f7f7f; text-decoration: underline; }
.preload { display: none; }
.white_normal { font-weight: 500; color: #fff; }
.white_normal:hover { color: #fff; }
.bold { font-weight: bold; }
.no_bold {font-weight: 500; }
.c_87 { color: #878787; }
.pad_20t { padding-top: 20px; }
.pad_15t { padding-top: 15px; }
.pad_10t { padding-top: 10px; }
.pad_5t { padding-top: 5px; }
.pad_35b { padding-bottom: 35px; }
.pad_30b { padding-bottom: 30px; }
.pad_20b { padding-bottom: 20px; }
.pad_15b { padding-bottom: 15px; }
.pad_10b { padding-bottom: 10px; }
.pad_5b { padding-bottom: 5px; }
.pad_20y { padding: 20px 0px; }
.pad_15y { padding: 15px 0px; }
.pad_10y { padding: 10px 0px; }
.pad_20x { padding: 0px 20px; }
.pad_15x { padding: 0px 15px; }
.pad_10x { padding: 0px 10px; }
.pad_5x { padding: 0px 5px; }
.pad_20l { padding-left: 20px; }
.pad_15l { padding-left: 15px; }
.pad_10l { padding-left: 10px; }
.pad_20r { padding-right: 20px; }
.pad_15r { padding-right: 15px; }
.pad_10r { padding-right: 10px; }
.pad_20 { padding: 20px; }
.pad_15 { padding: 15px; }
.pad_10 { padding: 10px; }
.mar_35t { margin-top: 35px; }
.mar_20t { margin-top: 20px; }
.mar_15t { margin-top: 15px; }
.mar_10t { margin-top: 10px; }
.mar_5t { margin-top: 5px; }
.mar_35l { margin-left: 35px; }
.mar_25l { margin-left: 25px; }
.mar_20l { margin-left: 20px; }
.mar_15l { margin-left: 15px; }
.mar_10l { margin-left: 10px; }
.mar_5l { margin-left: 5px; }
.mar_35r { margin-right: 35px; }
.mar_20r { margin-right: 20px; }
.mar_35x { margin: 0px 35px; }
.mar_5x { margin: 0px 5px; }
.mar_35b { margin-bottom: 35px; }
.flt_l { float: left; }
.flt_l0 { float: left; font-size: 0px; }
.size_18 { font-size: 18px; }
.size_16 { font-size: 16px; }
.size_15 { font-size: 15px; }
.size_14 { font-size: 14px; }
.size_13 { font-size: 13px; }
.size_12 { font-size: 12px; }
.size_11 { font-size: 11px; }
.size_105 { font-size: 10.5px; }
.size_10 { font-size: 10px; }
.line_200 { line-height: 200%; }
.line_160 { line-height: 160%; }
.line_150 { line-height: 150%; }
.line_140 { line-height: 140%; }
.line_130 { line-height: 130%; }
.line_120 { line-height: 120%; }

/***
  Banner
***/
#top_desc { background: transparent url(/images/free_site/sara/fgotd_textbox.png) no-repeat; }


/***
  Box
***/
.small_box_top { background: transparent url('/images/free_site/sara/4steps_box_top.png') no-repeat; padding: 15px 0px 9px 20px; margin-top: 2px; }
.small_box_mid { background: transparent url('/images/free_site/sara/4steps_box_mid.png') no-repeat; height: 212px; }
.small_box_bot { background: transparent url('/images/free_site/sara/4steps_box_bttm.png') no-repeat; height: 18px; }
.left_box_top { background: transparent url('/images/free_site/sara/leftmidbox_top.png') no-repeat; height: 20px; }
.left_box_mid { background: transparent url('/images/free_site/sara/leftmidbox_mid.png') repeat-y; padding: 0px 4px; height: 60px; }
.left_box_bot { background: transparent url('/images/free_site/sara/leftmidbox_bttm.png') no-repeat; height: 20px; margin-top: -1px; }
.right_box_top { background: transparent url('/images/free_site/sara/rightbox_top.png') no-repeat; height: 20px; }
.right_box_mid { background: transparent url('/images/free_site/sara/rightbox_mid.png') repeat-y; padding: 0px 4px; height: 60px; }
.right_box_bot { background: transparent url('/images/free_site/sara/rightbox_bttm.png') no-repeat; height: 20px; margin-top: -1px; }
.large_box_top { background: transparent url('/images/free_site/sara/calendar_box_top.png') no-repeat; height: 20px; }
.large_box_mid { background: transparent url('/images/free_site/sara/calendar_box_mid.png') repeat-y; padding: 0px 4px; }
.large_box_bot { background: transparent url('/images/free_site/sara/calendar_box_bttm.png') no-repeat; height: 20px; margin-top: -1px; }
.large_box_top2 { background: transparent url('/images/free_site/sara/aboutpage_textbox_top.png') no-repeat; height: 16px; margin-left: 5px; }
.large_box_mid2 { background: transparent url('/images/free_site/sara/aboutpage_textbox_mid.png') repeat-y; padding: 0px 4px; margin-left: 5px; }
.large_box_bot2 { background: transparent url('/images/free_site/sara/aboutpage_textbox_bttm.png') no-repeat; height: 18px; margin-left: 5px; margin-top: -1px; }
.icon_box { background-image: url('/images/free_site/sara/icon_box.png'); background-repeat: no-repeat; padding: 20px 4px; height: 140px; }

/***
  Learn about OF
***/
#fgotd_stage { width: 272px; overflow-x: hidden; overflow-y: hidden; margin-left: 4px; }
#fgotd_slide { width: 1400px; margin-left: -4px;}

/***
  Game Icon
***/
.box_icon_text { position: relative; top: -7px; color: #555555; }
.box_icon_text:hover { color: #33833b; }
.icon_88 { height: 82px; width: 82px; position: relative; top: -3px; left: 1px; }
.mask_88 {
  position: relative;
  height: 88px;
  width: 88px;
  top: -86px;
  z-index: 2;
}

/***
  OF Standalone
***/
#of_app_icon { position: relative; top: -2px; left: 10px; }

/***
  Form Validation
***/
.validation-advice { color: red;}