/*
  CRITICALMASS
  lots of style.
*/

body {
 background:#fff url('/images/background.gif') repeat-x bottom;
 margin:0px;
 padding:0px;
 font-size:85%;
 text-align:center;
 color:#333;
 font-family:Verdana, Geneva, Arial, Helvetica, sans-serif
}

/*safari mac fix to avoid 1px line, for 0.25% of the web-surfing population who don't know better */
embed.safari {margin-bottom:-2px}


a {
 font-weight:bold;
 color:#666;
 text-decoration:none;
}

a:hover {
 color:#333;
 text-decoration:underline;
}

hr {
 display:none;
}

img {
 /* prevent bottom whitespace */
 vertical-align:bottom;
}

p {
 margin:0px;
 margin-bottom:1em;
 line-height:1.4em;
}

.p1, .p2, .p3, .p4, .p5 { padding: 0 30px 0 10px; }

ul {
 margin:0px;
 padding:0 0 0 1.5em;
}

.content-container {
 border-left:0px solid #fff; border-right:0px solid #fff; border-top:0px solid #fff; background:#fff url('/image/none.gif') left top; border-bottom:medium none; font-size:0.85em;
 margin-left:auto;
 margin-right:auto;
 margin-top:-33px;
 text-align:center;
 width:752px
}

.content-table {
 clear:both;
}

/* top header area container */

.content-container-top {
 border:1px solid #fff;
 padding-bottom:31px;
 background:#fff;
 text-align:center;
}

.content-container-top .content-container {
 margin-top:0px;
 border:0px;
 padding:0px;
}

.content-container-top .left {
 float:left;
 display:inline;
 vertical-align: middle;
}


.content-container-bottom {
 padding-top:10px;
 padding-bottom:30px;
 clear:both;
}

/* tabs */


#tabs
{
	float: right;
/*	width: 452px; */
	width: 380px; 
	height: 22px;

}

#tabs li
{
	float:left;
	height: 22px;
	background:url('/images/mb.gif') no-repeat right top;
	line-height: 19px;
		
			letter-spacing: 3px;
			color:#334
	
}

#tabs li.last, #tabs li.lastselected
{
	padding-right: 8px;
	background:url('/images/mb3.gif') no-repeat right top;
}

#tabs li a
{
	display:block;
	background:url('/images/e1.gif') no-repeat left top;
	color: #555555;
	text-decoration: none; padding-left:8px; padding-right:12px; padding-top:3px; padding-bottom:0px
}

#tabs li.first a
{
	display:block;
	background:url('/images/e0.gif') no-repeat left top;
	color: #555555;
	text-decoration: none; padding-left:8px; padding-right:12px; padding-top:3px; padding-bottom:0px
}


#tabs li.selected a, #tabs li.lastselected a
{
	display:block;
	background:url('/images/e4.gif') no-repeat left top;
	color: #555555;
	text-decoration: none; padding-left:8px; padding-right:12px; padding-top:3px; padding-bottom:0px
}

#tabs li a:hover
{
	text-decoration: underline;
}



#header {
 /* top graphic/logo area */
 text-align:left;
 height:50px;
 margin-top:16px;
}

#header a {
 color:#666;
}

#header a img {
 border:none;
}


#header div.clear {
 background-color:transparent;
}

#header .border-left {
 margin-left:2px;
 border-left:1px dotted #ccc;
}

#header span.about {
 display:inline-block;
 padding-left:16px;
 margin: 12px 0 0 100px;
 color:#666;

 
}

#header span.about a {
 color:#0077AD;
 font-weight:bold;
}

#section-header {
 border-top:10px solid white;
 padding-top:13px;
}




.content-top,
.content-bottom {
 float:left;
 display:inline;
 text-align:left;
 width:752px;
 w\idth:752px;
}

.content-top {
 background:#fff;
}

.content-bottom {
  background:#ebdfcf;
}

div.mainad {
 /* typically a Flash Ad goes here */
 padding:0px;
 width:752px;
}

/* default definitions for .left and .right-col under .content-top.default and .content-bottom.default */

.left-col,
.right-col {
 text-align:justify
}

/* two column */
.left-col {
  float:left;
	
  display:inline; /* avoid IE float bug */
	width:460px;
  w\idth:460px; 
	background:#fff;
}

.left-col.border {
 border-right:1px dotted #666;
}

.right-col {
  margin-left:470px;
  border-left:1px dotted #ccc;
  padding-left:0px;
	width:250px;
  w\idth:250px; 
	background:#fff;
}
 .right-col.border {
  border-right:1px dotted #ccc;
 }
/* column width templates (left/right, mixed width) */

/* "narrow" columns */

 div.narrow .left-col {
  width:178px;
  w\idth:150px;
  padding-right:14px;
 }

 div.narrow .left-col .submenu {
  width:150px;
  font-size:0.9em;
 }

 div.narrow .left-col .submenu a {
  width:150px;
  w\idth:130px;
 }

 .submenu a:hover {
  text-decoration:none;
 }

 div.narrow .right-col {
  float:left;
  display:inline;
  text-align:left;
  width:530px;
  w\idth:500px; /* 500 with margin as above */
  margin:0px;
   padding:0px 0px 0px 14px;
 }

 div.narrow .left-col.empty {
  /* empty column - hide contents within */
  background-image:url('/media/images/commmon/none.gif');
 }



.noborder {
 /* applied on either left or right */
 border:none;
}

.nospacing {
 padding-top:0px;
 padding-bottom:5px;
}

* html .nospacing {
 padding-top:8px;
}

.slim {
 /* header for use wrapped around images */
 margin:0px;
}

div.clear {
 /* clear:both forces container to "include" floated child elements */
 clear:both;
 font-size:1px;
 line-height:1px;
 height:1px;
 background-color:#fff;
}

/* "clear" content fixes */

.content-top div.clear {
 background-color:#fff;
}

.content-bottom div.clear {
 background-color:#ebdfcf;
}

/* left column quotes */

blockquote {
 padding:0;
 margin:-5px 0px 0px 25px;
 color:#666;
 line-height:1.8em;
 font-style:italic;

  /*
   Nerd note of the day:
   ---------------------------
   text only validates when
   inside block-level elements
   within <blockquote/>.
 */
}

blockquote p {
 line-height:2.4em;
}

blockquote div {
 margin-top:-0.5em;
 font-weight:normal;
}

blockquote div p {
 line-height:1em;
 padding-right:0.5em;
 text-align:right;
 margin:2px 0px 0px 0px;
}

blockquote {
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 padding:0;
 margin:0px 0px 0px 10px;
 color:#E35D24;
 line-height:1.3em;
 font-style:italic;
 text-align:left;
}

.normal {
 font-weight:normal !important;
}

/* top + bottom container separator */

div.separator {
 background:url('/images/blu_ln.gif') repeat-x;
 float:left;
 clear:both;
 display:inline;
 width:752px;
 height:7px;
 margin:0px;
 padding:0px;
 line-height:7px;
 font-size:0px;
}

/* generic headers */

h1, h2, h3, h4, h5, h6 {
 /* initial common size */
 font-size:1.1em;
}

h2 {
 font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 14pt; text-transform: none; color: #3D3D3D;
 margin:0px 0px 15px 0px;
 color:#01A0C7;
}

h2 a:hover {
 color:#666;
}

h4 {
 line-height:normal;
 margin-bottom:5px;
 padding-bottom:0px;
}

.listIndent {
 padding-left:10px;
 padding-bottom:2px;
}

.description {
  /* may be too global. */
  margin:0px 0px 15px 10px;
  padding:0px;
}


    #mainnav {
      background-position: bottom; font-family : verdana,Arial, Helvetica, sans-serif;
	  font-weight : bold;
	  position:relative;
	  float:right;
			padding:0px;
			display:block;
      font-size:93%;
      line-height:normal; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:10px; background-color:#fff; background-repeat:repeat-x; background-attachment:scroll
      }
    #mainnav ul {
      margin:2px 0px 0px 0px;
      padding:0px;
      list-style:none;
      }
    #mainnav li {
      display:inline;
      margin:0;
      padding:0;
      }
    #mainnav a {
      float:left;
      background:url('/images/left.gif') no-repeat left top;
      margin:4px;
      border-bottom:0px solid #765;
      text-decoration:none; padding-left:8px; padding-right:0; padding-top:0; padding-bottom:0
      }
    #mainnav a span {
      float:left;
      display:block;
      background:url('/images/right.gif') no-repeat right top;
      font-weight : bold;
	letter-spacing: 1px;
	color:#E35D24; font-style:normal; font-variant:normal; line-height:31px; font-size:12px; font-family:Lucida Grande, Lucida Sans Unicode, verdana, lucida, arial, helvetica, sans-serif; padding-left:5px; padding-right:10px; padding-top:0px; padding-bottom:0px
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #mainnav a span {float:none;}
    /* End IE5-Mac hack */
    #mainnav a:hover span {
      color:#333;
      }
    #mainnav #current a {
      background-position:0 -31px;
      border-width:0;
      }
    #mainnav #current a span {
      background-position:100% -31px;
      color:#333;
      }
    #mainnav a:hover {
      background-position:0% -31px;
      }
    #mainnav a:hover span {
	  color:#fff;
      background-position:100% -31px;
      }
/* left-side nav with block links and "active" (selected) states */

.submenu {
 display:block;
 text-align:left;
 border-bottom:1px solid #999;
 font-weight:bold;
 width:200px;
}

.submenu.active {
 background-color:#DCF1F4;
}

.submenu a,
.submenu span.item {
 /* span used for item(s) that is not a link */
 color:#534F4F;
 display:block;
 padding-left:3px;
 padding-top:8px;
 padding-bottom:4px;
}

.submenu a:hover {
 color:#000;
 background-color:#F1F6F6;
}

.submenu div.divider {
 background:transparent;
 display:block;
 height:1px;
 line-height:1px;
 font-size:1px;
}

.submenu.active div.divider {
 background:#01A0C7;
}

.submenu span.description {
 font-weight:normal;
 text-align:left;
 margin:0px;
}

div.left-col div.feature-item div.description {
 clear:both;
 margin:0px;
 line-height:1.3em;
}

div.right-col div.feature-item div.description {
 width:255px;
 float:left;
 display:inline;
 clear:none;
 padding-left:40px;
}

div.left-col div.feature-item {
 margin-left:16px;
}

.left-col  {
 /* no margin in left column, as text underneath */
 margin-bottom:0px;
}

.clearboth {
 clear:both;
}

.hidden {
 display:none;
}

.noleftmargin {
 padding-left:0px;
}

table {
 /* "root of all evil!" */
 font-size:10px;
}

.content-top,
.content-bottom {
 /* exclude IE 5 from padding */
 voice-family: "\"}\"";
 voice-family:inherit;
 padding:25px 0px 25px 14px;
}

/*main points - found on main page and throughout site */
#mainpoints {
	padding-top:0px;
	background:url('options_title.gif') no-repeat top left; /*top of the link box*/
	letter-spacing: 1px;
	font-size:10px; 
	font-family:Lucida Grande, Lucida Sans Unicode, verdana, lucida, arial, helvetica, sans-serif;
}
#mainpoints li {
	padding:5px 8px 5px 10px;
	margin:0;
	list-style:none;
	text-align:left;
	line-height:.9em;

}
#mainpoints a, #mainpoints a:link, #mainpoints a:visited {
	color:#0077AD;
	font-style:normal;
	padding-left:16px;
	padding-top:0px;
	background:url('/images/bullet_lg_blue.gif') no-repeat center left;
}
#mainpoints a:visited {
	color:gray;
	font-style:normal;
	padding-left:16px;
	background:url('/images/bullet_lg_blue.gif') no-repeat center left;
}
#mainpoints a:hover, #mainpoints a:active {
	color:#88C0D9;
	background-image:url('/images/bullet_lg_ltblue.gif');
}
#mainpoints a.c:link, #mainpoints a.c:visited {
background:transparent;
font-size:100%;
color:#AF9874;
padding:0;
display:inline;
}

/*signup dishstar */
div#signup-dishstar {	
	float:right;
	width:20px;
	height: 70px;
	text-indent: -9999px;
	padding: 0;
	border: 0px none;; margin-left:-2px; margin-right:0px; margin-top:0px; margin-bottom:0px
	}
	
div#signup-dishstar a:link, div#signup-dishstar a:visited	{
	display: block;	
	width: 200px;
	height: 70px;
	background: #fff url('/images/signup_btn.gif') no-repeat top left;
	padding: 0;
	border: 0px none;; margin-left:0px; margin-right:0; margin-top:0; margin-bottom:0
	}
	
div#signup-dishstar a:hover	{
	background: #fff url('/images/signup_btn_over.gif') no-repeat top left;
	}


/* logo*/
div#logo {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	border: 0px none;
	}
	
div#logo a:link, div#logo a:visited	{
	display: block;	
	width: 216px;
	height: 56px;
	background: #fff url('/images/logo_agemni.gif') no-repeat top left;
	margin: 0px;
	padding: 0;
	border: 0px none;
	}
	
div#logo a:hover	{
	background: #fff url('/images/logo_agemni2.gif') no-repeat top left;
}


INPUT
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #000000;
    PADDING-TOP: 0px;
    FONT-FAMILY: Verdana;
}

TEXTAREA
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #000000;
    PADDING-TOP: 0px;
    FONT-FAMILY: Verdana;
    height: 18px
}

SELECT
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #000000;
    PADDING-TOP: 0px;
    FONT-FAMILY: Verdana;
    height: 18px
}

.bluebutton
{
	font-family: VERDANA;
	font-size: 9px;
	color: #FFFFFF;
	background-color: #0077AD;
}

.bluebutton2
{
	border: 1px solid #006293;
	cursor: pointer;
	background-image: url('/images/button.gif');
	backgroung-image: repeat-x;
	background-color: #FFFFFF;
	margin: 0px;
	FONT-WEIGHT: bold; padding-left:0px; padding-right:1px; padding-top:0px; padding-bottom:1px
}


/* --
 ie 5 box model workarounds
-- */

/* ie 5.0 bandpass filter */
@media tty {
 i{content:"\";/*" "*/}}; @import '/styles/ie50-55win.css'; {;}/*";}
}/* */

/* ie 5.5 bandpass filter */
@media tty {
 i{content:"\";/*" "*/}}@m; @import '/styles/ie50-55win.css'; /*";}
}/* */

.small-plus{
  font-size:85%;
}

.small
{
  FONT-SIZE: 10px;
  COLOR: #000000;
  LINE-HEIGHT: 16px;
  FONT-FAMILY: verdana;
  FONT-WEIGHT: none;
}
.smallbold
{
  FONT-SIZE: 10px;
  COLOR: #000000;
  LINE-HEIGHT: 16px;
  FONT-FAMILY: verdana;
  FONT-WEIGHT: bold;
}
.medium
{
  FONT-SIZE: 12px;
  COLOR: #000000;
  LINE-HEIGHT: 18px;
  FONT-FAMILY: verdana;
  FONT-WEIGHT: none;
}

.medium-large
{
  FONT-SIZE: 15px;
  COLOR: #000000;
  LINE-HEIGHT: 18px;
  FONT-FAMILY: verdana;
  FONT-WEIGHT: bold;
}

.large
{
  FONT-SIZE: 16px;
  COLOR: #000000;
  LINE-HEIGHT: 20px;
  FONT-FAMILY: verdana;
  FONT-WEIGHT: bold;
}

.xlarge
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    COLOR: #666666;
    FONT-FAMILY: Trebuchet MS,Verdana
}