@charset "utf-8";

/*	MobileSiteOS style properties. Add/change your global style properties here.
 	Please note, font-size and other typical size properties are set in display
 	size generated css code, or size specific files (tab.css, popup.css, etc.).

	Copyright@2008-2010 - OpenSiteMobile */

/* global style properties */

  * {
    padding:0px;
    margin:0px;
    border:none;
  }
  html, body, table, div {
    font-weight:normal;
    font-style:normal;
    font-family:'Lucida Casual','Comic Sans MS',Arial,Verdana,sans-serif;
    text-decoration:none;
    text-align:center;
    /* moz req. for centering to work correctly */
    margin-right:auto;
    margin-left:auto;
    color:#000000;
  }
  html, body {
    font-size:small;
    background-color:#A1A1A1;
  }
  div {
    background-color:#FFFFFF;
  }
  table {
    font-size:small;
    background-color:#FFFFFF;
    border:2px outset;
    padding:1px;
  }
  td.text_rt {
    white-space:nowrap;
    text-align:right;
  }
  td.text_lt {
    text-align:left;
  }
  h1 {
    font-weight:bold;
    margin:2px;
  }
  h2 {
    font-weight:bold;
    margin:2px;
  }
  h3 {
    font-weight:bold;
    margin:1px;
  }
  p {
    text-align:justify;
  }
  textarea {
    text-align:left;
    border:1px solid #999;
    width:85%;
  }
  input[type="text"], input[type="button"], input[type="submit"], button {
    border:1px solid #999;
  }
  input[type="button"], input[type="submit"], button {
    cursor:pointer;
  }
  input#sbb {
    /* For google search */
    background-image:url(../fubar/images/google.gif);
    width:18px;
    height:18px;
  }
  dl, ul, ol {
    list-style-position:outside;
    font-weight:bold;
    padding:2px;
  }
  dd, li  {
    text-align:left;
    padding-left:5px;
  }
  li {
    list-style-image:url(../fubar/images/osm_single_ball.gif);
  }
  a {
    text-decoration:none;
  }
  a:hover {
    color:#F08080;
    text-shadow:1px 1px 0px #000;
  }
  a:link	{ color:#FF6600; }
  a:visited	{ color:#FF9999; }
  a:active	{ color:#F0F0F0; }
  th a:link	{ color:#FFFFFF; }
  th a.visited	{ color:#E0E0E0; }
  th a:hover	{ color:#000000; }
  th a:active	{ color:#E0E0E0; }
  pre, code {
    font-size:x-small;
    text-align:left;
  }
  div#body {
    padding:2px;
    margin-right:auto;
    margin-left:auto;
  }
  img.mobilizer {
    vertical-align:middle;
  }
  span.alert {
    color:red;
  }
  span.no_br {
    white-space:nowrap;
  }
  span.bold_text {
    font-weight:bold;
  }
  span.space {
    padding:1px;
  }
  span.powered_by {
    font-weight:bold;
    font-style:oblique;
    font-size:xx-small;
  }

/*  More 'site specific' color/style rules */

  div.header {
    background:#FF9933;
    border-bottom:solid 1px #FF0033;
    margin:5px 0 5px 0;
    padding:2px;
  }
  div.footer {
    background:#FF9933;
    border-top:solid 1px #FF0033;
    margin:5px 0 5px 0;
    padding:2px;
  }
  span.dotdot {
    color:#FFF;
    font-weight:bold;
    font-size:larger;
    text-shadow:-1px -1px 0px #000;
  }
  div.mobile_ad {
    overflow:hidden;
  }
  div.msos_sized {
    border:2px outset;
    overflow:auto;
  }
  div.header a:link, div.header a:visited {
    color:#FFFFFF;
    text-shadow:1px 1px 0px #000;
  }
  div.footer a:link, div.footer a:visited {
    color:#FFFFFF;
    text-shadow:1px 1px 0px #000;
  }
  div.header a:hover, div.header a:active {
    color:#FF0033;
    text-shadow:1px 1px 0px #FFF;
  }
  div.footer a:hover, div.footer a:active {
    color:#FF0033;
    text-shadow:1px 1px 0px #FFF;
  }
  div.pgrph {
    width:96%;
    text-align:justify;
    padding:2px;
  }
  div.pgrph img {
    float:left;
    margin-right:8px;
  }
  div.list_large {
    width:90%;
  }
  div.list_small {
    width:80%;
  }
  div.list_xsmall {
    width:65%;
  }
  div#google_input {
    padding:1px 0px 3px 0px;
  }
  div#marquee {
    color:#FF8429;
    font-weight:bold;
    text-shadow:2px 2px 2px #000;
  }
  div#slogan {
    color:#000;
    text-shadow:1px 1px 1px #999;
    padding-bottom:2px;
  }
  div#copyright {
    font-size:xx-small;
    padding:2px 1px 2px 1px;
  }

/*	'div.popup_' -> Works for 218px wide, 272px high window.
	Note: Created window must be slightly bigger than content
	or scrollbars appear in Moz	*/

  div#popup_title {
    background:#FF9933;
    font-weight:bold;
    font-size:x-small;
    display:block;
    width:214px;
    height:24px;
    border-bottom:1px solid #FF0033;
    border-right:1px solid black;
    border-left:1px solid black;
    letter-spacing:1px;
  }
/*	Note: See 'tab_content' below for overflow control */
  div#popup_content {
    font-size:xx-small;
    display:block;
    width:214px;
    height:220px;
    border-right:1px solid #999;
    border-left:1px solid #999;
    overflow:auto;
  }
  div#popup_buttons {
    background:#FF9933;
    font-size:x-small;
    display:block;
    width:216px;
    height:24px;
    border-top:1px solid green;
  }
  iframe#popup_iframe {
    width:210px;
    height:216px;
    overflow:auto;
  }

  div#tabs_div {
    text-align:left;
    height:15px;
  }

/*	Popup windows require setting 'tab_content'
 	height so overflow control falls to 'tab_content'
 	and not to 'popup_content' div	*/

  div.tab_content {
    border:2px outset;
    padding:4px;
    z-index:10;
    overflow:auto;
  }
  div.tab_inner_content {
    background-color:#FFFFFF;
    width:97%;
    padding:3px;
  }
  span.tab_common {
    position:relative;
    top:1px;
    background-color:#BFBFBF;
    border-top:2px outset;
    border-left:2px outset;
    border-right:2px outset;
    font-size:x-small;
    padding:0px 5px;
  }
  span.tab_active {
    background-color:#BFBFBF;
    border-bottom:2px solid #BFBFBF;
    z-index:15;
    cursor:text;
  }
  span.tab_passive {
    background-color:#F7BC83;
    border-bottom:none;
    z-index:5;
    cursor:pointer;
  }