/*
	.mobi site styles
	Updated 2/1/2006
*/


/* --- Formatting --- */
BODY
{ text-align:center; color:#333; font:normal .7em/1.2em verdana,arial,helvetica,sans-serif; bgcolor:#FFFFFF }

P, TH, TD, LI, DT, DD
{ color:#333 }
TH, STRONG, B
{ font-weight:bold }
EM, I, CITE
{ font-style:italic }
SUP, SUB
{ font-size:75% }
BLOCKQUOTE
{ margin:0; padding:0 }
TABLE, TR, TD, TH
{ font-size:100% }


/* Links */
A:link
{ color:#005984; text-decoration:underline }
A:visited
{ color:#016fa4; text-decoration:underline }
A:hover, A:active
{ text-decoration:none }


/* Paragraphs */
P
{ margin:0 0 1.3em 0; line-height:1.5em }

.small /* Fine print */
{ font-size:91% }
.big /* Large print */
{ font-size:110% }
.center /* Centered text */
{ text-align:center }
P.error /* Error message */
{ color:red; font-weight:bold }
.required /* Required field */
{ color:#f47d30 }


/* Images */
A IMG
{ border-style:none }
.floatleft /* Floating images */
{ float:left; margin:0 8px 8px 0 }
.floatright
{ float:right; margin:0 0 8px 8px }


/* Separators */
HR
{ color:#005984; background-color:#005984; height:1px; margin:0 0 .4em 0; padding:0; border-style:none; overflow:hidden }
	HTML>BODY HR
	{ margin:1.2em 0 }


/* Headers */
H1, H2, H3, H4, H5, H6
{ color:#005984; margin:0 0 .7em 0; padding:0; font:bold 125% verdana,arial,helvetica,sans-serif; line-height:1.3em }
H1
{ font-size:120%; margin-bottom:1em; text-transform:lowercase }
H2
{ font-size:120% }
H3
{ font-size:110% }
H4, H5, H6
{ font-size:100% }
H6
{ margin-bottom:.2em }


/* Lists */
UL
{ margin:0 0 1.3em 13px; padding:0; list-style-type:none }
UL LI, OL LI UL LI
{ margin:0; padding:1px 0 .5em 17px; line-height:1.5em; background:url("../images/bullet_dot.gif") no-repeat 1px .4em }

UL.orange LI, OL LI UL.orange LI /* Orange Color Bullet */
{ margin:0; padding:1px 0 .5em 17px; line-height:1.5em; background:url("nav/bullet_dot_orange.gif") no-repeat 1px .4em }

UL.purple LI, OL LI UL.purple LI /* Purple Color Bullet */
{ margin:0; padding:1px 0 .5em 17px; line-height:1.5em; background:url("../images/bullet_dot_purple.gif") no-repeat 1px .4em }

UL.blank LI, OL LI UL.blank LI /* No Bullet At all */
{ margin:0; padding:1px 0 .5em 17px; line-height:1.5em; background:url("../images/bullet_dot_blank.gif") no-repeat 1px .4em }

UL.documents LI, OL LI UL.documents LI /* Documents */
{ padding:1px 0 .5em 17px; background:url("../images/bullet_document.gif") no-repeat 0 .4em }

UL UL
{ margin:5px 0 2px 2px }

OL
{ margin:0 0 1.3em 33px; padding-left:0 }
OL LI, UL LI OL LI
{ margin-bottom:.7em; line-height:1.5em }

DL
{ margin:0 0 1.3em 0 }
DT
{ display:block; font-weight:bold; line-height:1.5em }
DD
{ margin:1px 0 .8em 0; line-height:1.5em }


/* Forms */
FORM
{ margin:0; padding:0 }
FIELDSET
{ border-style:none; margin:0; padding:0 }
LEGEND
{ font-size:110%; color:#000; font-weight:bold; margin:0 0 1em 0; padding:0 }
INPUT, SELECT, TEXTAREA
{ font-family:verdana,arial,helvetica,sans-serif; font-size:100%; vertical-align:middle }


/* Data Tables */
TABLE.data
{ clear:both; width:100%; margin:0 0 1.2em 0; padding:0; background-color:#abe2fa; border-width:0; border-collapse:collapse; border-spacing:0; empty-cells:show }
TABLE.data CAPTION
{ padding:0 0 .7em 0; margin:0; text-align:left; font-weight:bold }

TABLE.data TH
{ background-color:#72cdf4; color:#555; text-align:left; padding:3px 5px; vertical-align:top; line-height:1.4em; text-transform:lowercase }
	/* IE table CSS fixes */
	HTML>BODY TABLE.data THEAD
	{ border:3px solid #72cdf4; border-width:2px 3px; background-color:#72cdf4 }
	HTML>BODY TABLE.data TH
	{ padding:0 5px }

TABLE.data TBODY
{ border:3px solid #abe2fa; border-width:3px 3px 8px 3px }
TABLE.data TR, TABLE.data TR.odd
{ background-color:#fff }
TABLE.data TR.even
{ background-color:#abe2fa }

TABLE.data TR.hide  /* Hide rows */
{ display:none }
HTML>BODY TABLE.data TR.hide
{ display:block; position:absolute; overflow:hidden; width:0; height:0 }

TABLE.data TD
{ padding:4px 5px; vertical-align:top; line-height:1.4em }



/* --- Layout --- */

#skipnav, .hide, .hide *
{ position:absolute; overflow:hidden; width:0; height:0 }

BODY
{ margin:0; padding:10px 10px 25px 10px; background-color:#FFFFFF;
  text-align:center; /* IE5 centering fix */ }


/* - Header - */
#header
{ position:relative; width:760px; height:98px; margin:0 auto; 
  background:transparent url("../images/header_back.gif") no-repeat;
  text-align:left; /* IE5 centering fix */ }

#logo
{ position:absolute; top:28px; left:39px; display:block }

/* Navigation bar */
#navigation
{ position:absolute; top:11px; right:10px; height:75px; margin:0; padding:0; list-style-type:none;
  width:490px; /* Width must be specified for some browsers */ }
#navigation LI
{ display:block; float:left; margin:0 0 0 2px; padding:0; background-image:none }

#navigation LI A /* Phark revised image replacement */
{ display:block; float:left; text-indent:-9999px; height:75px; margin:0; padding:0; 
  overflow:hidden; text-decoration:none; background-repeat:no-repeat }

/* Navigation images */
#navigation LI#navMobilenet A
{ width:166px; background-image:url("../images/nav_mobilenet.gif") }
#navigation LI#navSwitched A
{ width:160px; background-image:url("../images/nav_switched.gif") }
#navigation LI#navCommunity A
{ width:155px; background-image:url("../images/nav_community.gif") }

/* Hover and active/on states */
#navigation LI A:hover, #navigation LI A.active
{ background-position:0 -75px }


/* - Main body wrappers - */
#wrapper
{ clear:both; width:760px; margin:0 auto; 
  background:transparent url("../images/body_backmiddle.gif") repeat-y 0 0;
  text-align:left; /* IE5 centering fix */ }
.innerwrapper
{ background:transparent url("../images/body_backtop.gif") no-repeat 0 0 }
.innerwrapper .innerwrapper
{ background:transparent url("../images/body_backbottom.gif") no-repeat 0 100%;
  padding:10px 12px }


/* - Left sidebar - */

#sidebar
{ float:left; height:1%; width:172px }
#sidebar IMG /* Photos */
{ display:block; border:2px solid #fff; border-width:2px 0 }

#sidebar H2
{ margin:0 }
#sidebar H2 IMG
{ display:block; border-top-width:0 }

/* Optional sidebar text */
#sidebar P
{ margin:.8em 10px 1em 10px; line-height:1.4em; font-size:91% }


/* Subnavigation */
#sidebar UL
{ margin:0; padding:1px 3px; list-style-type:none }
#sidebar UL LI
{ margin:2px 0; padding:0; background-image:none }

#sidebar UL LI A
{ padding:5px 7px; line-height:1.2em; display:block; background-color:#ffc425; color:#333; 
  text-decoration:none; text-transform:lowercase; height:1% }
	HTML>BODY #sidebar UL LI A /* IE hasLayout fix */
	{ height:auto }
#sidebar UL LI A:hover
{ background-color:#f47d30; color:#fff }

#sidebar UL LI.active A, #sidebar UL LI.active A:hover /* Active link */
{ background-color:#f47d30; color:#fff; font-weight:bold }


/* Third-level nav */
#sidebar UL LI UL
{ padding:0 }
#sidebar UL LI UL LI A
{ padding-left:20px; background-color:#fff }
#sidebar UL LI.active UL LI A /* Undo 2nd level active link styles */
{ background-color:#fff; color:#333; font-weight:normal }
#sidebar UL LI UL LI A:hover, #sidebar UL LI.active UL LI A:hover
{ background-color:#fbdf96; color:#333; font-weight:normal }

#sidebar UL LI UL LI.active A, #sidebar UL LI UL LI.active A:hover /* Active link */
{ background-color:#fbdf96; color:#333; font-weight:bold }


/* - Content Area - */
#content
{ float:right; width:546px; margin:0 3px .2em 0; background-color:#fff; display:inline }
	HTML>BODY #content /* IE double-margin float fix */
	{ display:block }

/* Title area (uses sIFR) */
#content #title
{ position:relative; height:60px; margin:0 -3px 1em -11px;
  background:#26bcd7 url("../images/title_bcorner_mobilenet.gif") no-repeat 0 100% }
	HTML>BODY #content #title /* IE min-height fix */
	{ height:auto; min-height:60px }

#content #title H1
{ margin:0; padding:28px 11px 4px 11px; background:transparent url("../images/title_tcorner_mobilenet.gif") no-repeat 100% 0;
  font:normal 19px/1.4em arial,helvetica,sans-serif }


/* ** Background color is section dependent ** */
BODY.mobilenet #content #title
{ background-color:#26bcd7; background-image:url("../images/title_bcorner_mobilenet.gif") }
BODY.mobilenet #content #title H1
{ background-image:url("../images/title_tcorner_mobilenet.gif") }

BODY.switched #content #title
{ background-color:#72cdf4; background-image:url("../images/title_bcorner_switched.gif") }
BODY.switched #content #title H1
{ background-image:url("../images/title_tcorner_switched.gif") }

BODY.community #content #title
{ background-color:#a8dee8; background-image:url("../images/title_bcorner_community.gif") }
BODY.community #content #title H1
{ background-image:url("../images/title_tcorner_community.gif") }


/* - Right-side box - */
.sidebox
{ float:right; width:217px; margin:0 0 1.5em 10px }
.sidebox H2, .sidebox H3
{ color:#fff; font-size:100%; 
  background:#ffc425 url("../images/sidebox_bcorner.gif") no-repeat 0 100% }
.sidebox H2 SPAN, .sidebox H3  SPAN /* Other corner */
{ display:block; padding:3px 6px 4px 15px;
  background:transparent url("../images/sidebox_tcorner.gif") no-repeat 100% 0 }

.sidebox P, .sidebox UL, .sidebox OL, .sidebox DL
{ margin-left:15px }
.sidebox P, .sidebox LI, .sidebox DT, .sidebox DD
{ line-height:1.4em }


/* - Footer - */
#footer /* Contains bottom-left corner of sidebar */
{ clear:both; height:1%; background:#fff url("../images/sidebar_bottom.gif") no-repeat 0 0; 
  padding:13px 0 .9em 0; font-size:91%; color:#555 }
	HTML>BODY #footer /* IE hasLayout fix */
	{ height:auto }

#footer HR /* Dashed bar */
{ width:736px; height:0; margin:0; background-color:#fff; color:#fff; border-top:1px dashed #ffc425 }

#footer P
{ margin:.1em 9px 0 16px; color:#555 }
	HTML>BODY #footer P /* IE <hr> spacing fix */
	{ margin-top:1.2em }

#footer A
{ text-transform:uppercase; color:#555; white-space:nowrap }

/* Copyright */
#footer P#copyright
{ float:right }
#footer P#copyright A /* Undo uppercase */
{ text-transform:none }


/* --- Homepage --- */

#tagline
{ position:absolute; top:47px; right:44px; display:block }

.home #wrapper /* No sidebar color */
{ background-image:url("../images/home_backmiddle.gif") }
.home .innerwrapper .innerwrapper
{ padding:14px 12px 10px 12px; height:1% }
	HTML>BODY.home .innerwrapper .innerwrapper /* IE hasLayout fix */
	{ height:auto }

.home #topblock
{ clear:both; margin-left:3px }

.home #intro
{ float:left; display:block }

/* Sections */
.home #sections
{ float:right; width:238px }
.home #sections H2
{ margin:0 }
.home #sections H2 IMG
{ display:block }

.home #sections P
{ margin:0 0 2px 0; padding:10px 20px 5px 20px; line-height:1.4em; font-size:110%; color:#005984 }
.home #sections #mobilenet, .home #sections #switched, .home #sections #community
{ background:#26bcd7 none no-repeat 0 100%;
  height:73px; he\ight:58px; /* IE5 box model fix */ }
  	/* IE min-height fix */
	HTML>BODY.home #sections #mobilenet, HTML>BODY.home #sections #switched, HTML>BODY.home #sections #community
	{ min-height:58px; height:auto }

.home #sections #mobilenet
{ background-image:url("../images/home_mobilenet_back.gif") }
.home #sections #switched
{ background-image:url("../images/home_switched_back.gif") }
.home #sections #community
{ background-image:url("../images/home_community_back.gif") }


.home #bottomblock
{ clear:both; padding-top:3px; margin-left:3px; height:1% }
	HTML>BODY.home #bottomblock /* IE hasLayout fix */
	{ height:auto }

/* Featured ad */
.home #feature
{ float:left; width:238px }


/* What's New */
.home #whatsnew
{ float:right; width:490px; margin:0 0 .5em 0 }
.home #whatsnew H2
{ margin:0 0 1px 0 }
.home #whatsnew H2 IMG
{ display:block }

.home #whatsnew UL
{ margin:0 1px 0 3px }
.home #whatsnew LI
{ padding:4px 6px 5px 24px; background-position:11px .5em; line-height:1.3em }
.home #whatsnew LI.odd
{ background-color:#f8f1e2 }


/* Sponsors */
.home #sponsors
{ clear:both; height:1%; padding-top:1px }
	HTML>BODY.home #sponsors /* IE hasLayout fix */
	{ height:auto }

.home #sponsors H2
{ clear:both; margin:25px 0 0 0; border-top:1px solid #dadada }
.home #sponsors H2 IMG
{ display:block; position:relative; top:-26px; margin:0 0 -26px 5px }

.home #sponsors TABLE
{ width:100%; margin:5px 0 14px 0; padding:0; border-width:0; border-collapse:collapse; border-spacing:0; empty-cells:show }
.home #sponsors TABLE TD
{ padding:0 6px; margin:0; border-width:0; vertical-align:middle; text-align:center }


.home #footer /* Remove sidebar image */
{ background-image:none; padding-top:0 }