* { margin:0; padding:0; }
body { background:#ffffff scroll 50% 0pt; margin:0pt auto; width:980px; }
body { font-family:Verdana,Tahoma,Trebuchet,sans-serif; font-size:small; }
a:link, a:visited, a:hover { color:#006699; font-weight:normal; text-decoration:underline; }

div#container { float:left; width:980px; position:relative; background:transparent; padding-top:18px; }
div#header { background:#fff; height:63px; width:980px; }
div#header #headerright { float:right; }
div#header #headerleft { float:left; margin-left:20px; }
div#header a { color:#666666; font-weight:bold; font-size:80%; }
.error { display:block; clear:both; color:red; font-size:12px; font-weight:bold; }

/* WRAP Has three children:primNav,content,and footer */
div#wrap { background:transparent url(../images/background.jpg) repeat-x scroll 50% 0pt; position:relative; float:left; position:relative; width:980px; min-height:600px; height:auto; }

/*For IE*/
* html div#wrap { height:600px; }

/* PRIMARY NAVIGATION */
ul#primNav { float:left; display:inline; width:980px; height:37px; list-style:none; background:transparent url(../images/topnav_bg.jpg) repeat-x scroll; margin:0; padding:0; }
ul#primNav li { float:left; width:196px; background:transparent url(../images/topnav_separator.jpg) no-repeat top right; }
ul#primNav li a { display:block; height:37px; width:195px; overflow:hidden; text-indent:-9999em; }
ul#primNav li a.home { background:transparent url(../images/topnav_home.jpg) no-repeat; }
ul#primNav li a.about { background:transparent url(../images/topnav_about.jpg) no-repeat; }
ul#primNav li a.progress { background:transparent url(../images/topnav_progress.jpg) no-repeat; }
ul#primNav li a.profile { background:transparent url(../images/topnav_profile.jpg) no-repeat; }
ul#primNav li a.hints { background:transparent url(../images/topnav_hints.jpg) no-repeat; }
ul#primNav li a.learn { background:transparent url(../images/topnav_learn.jpg) no-repeat; }
ul#primNav li a.network { background:transparent url(../images/topnav_network.jpg) no-repeat; }
ul#primNav li a:hover { background-position:0% -37px; }
ul#primNav li a:active,ul#primNav li a.on { background-position:0% -76px; cursor:default; }

/* MAIN AREA */
div#content { float:left; position:relative; width:980px; min-height:550px; height:auto; margin-top:11px; }
/* For IE*/
* html div#content { height:550px; }
div#content.bars { background:transparent url(../images/bg_bars_jpg.jpg) no-repeat 44px 93px; }
div#innerContent { padding:33px 0 0 150px; height:300px; position:relative; }

/* FOOTER */
#footer { float:right; color:#a0a0a0; font-weight:bold; font-size:83%; line-height:120%; text-align:right; }
#footer a { font-weight:bold; }
#footer p { padding-bottom:5px; }

/* SUBNAV */
div#subNav { width:204px; position:relative; margin:0 auto; }
div#subNav div#subNavBtm { background:transparent url(../images/subnav_btm.png) no-repeat top left; width:100%; float:left; }
div#subNav h3 { /*min-height:32px; */
background:transparent url(../images/subnav_top.png) no-repeat; font-size:90%; padding:8px; }
div#subNav h3 a { text-decoration:none; color:#ffffff; font-weight:bold; }
div#subNav h3 a:hover { text-decoration:underline; }
div#subNav ul { float:left; font-size:83%; width:204px; list-style:none; margin:0; padding:0; background:transparent url(../images/subnav_bg_off.png) repeat-y scroll 0; }
div#subNav li { border-top:1px solid #98B4CC; display:block; height:100%; width:200px; margin-left:1px; }
div#subNav li a { height:30px; /*line-height:21px!important; */}
div#subNav li a:hover,div#subNav li a.selected { background-color:#89a9c5; /*width:200px; */}
div#subNav li.last { border-bottom:none; }
div#subNav li a { display:block; padding:4px 8px 0px 18px; color:#ffffff; font-weight:bold; text-decoration:none; }

/* LEFT COLUMN */
div#leftCol { float:left; width:230px; }

/* MAIN COLUMN for a 2 column layout,add the class "wide" */
div#mainCol { float:left; width:526px; }
div#mainCol div#mainBtm { background:transparent url(../images/center_btm_526x8.png) no-repeat top left; float:left; width:100%; }
div#mainCol div#mainHeader { background:transparent url(../images/center_top_526x76.png) no-repeat; min-height:32px; float:left; width:100%; }
div#mainCol div#mainHeader.green { background:transparent url(../images/green_top_526x76.png) no-repeat top left; }
div#mainCol div#mainHeader h1 { float:left; color:#ffffff; font-size:103%; font-weight:bold; padding:8px; margin:0; }
div#mainCol div#mainHeader span { float:left; color:#ffffff; padding:10px 0 6px 0; font-size:smaller; }
div#mainCol div#mainHeader a { float:right; display:block; color:#fff; font-size:76%; font-weight:bold; text-decoration:none; padding:8px 16px 0 0; }
div#mainContent { float:left; padding:8px; width:510px; background:transparent url(../images/center_bg_526x1.png) repeat-y; }

/* wide styles */
div#mainCol.wide { width:740px; margin-left:12px; }
div#mainCol.wideRight { width:740px; margin-left:0; }
div#mainCol.wide div#mainBtm,div#mainCol.wideRight div#mainBtm { background:transparent url(../images/box_btm_wide_740x8.png) no-repeat top left; float:left; width:100%; }
div#mainCol.wide div#mainContent,div#mainCol.wideRight div#mainContent { width:724px; background:transparent url(../images/box_slice_740x1.png) repeat-y; }
div#mainCol.wide div#mainHeader,div#mainCol.wideRight div#mainHeader { background:transparent url(../images/blue_top_wide_740x76.png) no-repeat top left; }
div#mainCol.wide div#mainHeader.green,div#mainCol.wideRight div#mainHeader.green { background:transparent url(../images/green_top_wide_740x76.png) no-repeat top left; }
div#mainCol.center { margin:0 auto; float:none; }
div#mainCol ul li { margin-bottom:8px; }
div#mainCol div.form ul { list-style:none; float:left; width:340px; margin-right:0px; }
div#mainCol div#mainContent div.contentWrap { margin:20px 40px 20px 20px; }
div#mainCol div#mainContent div.contentWrap > p { padding-bottom:12px; white-space:normal; }
div#mainCol div#mainContent div.contentWrap ul { margin:12px; list-style:square outside; }
div#mainContent div.form { padding:20px; }
div#mainContent div.form p { margin:0 20px 20px 0; }
div#mainContent h2 { font-weight:bold; font-size:122%; color:#6699CC; }
div#mainContent h3 { font-weight:bold; font-size:108%; color:#6699CC; }
div#mainCol div#mainContent div.contentWrap ul#anchorList { list-style:none inside; margin:0 0 4px 0; padding:0; }
div#mainCol div#mainContent div.contentWrap ul#anchorList ul { padding:0; }
ul#anchorList li { list-style:none inside; }
ul#anchorList li span a { font-size:smaller; }

/* RIGHT COLUMN */
div#rightCol { float:left; width:224px; }

/* WIDGET STYLES can be used in left or right columns */
div.widget,div.widgetBlue { margin:0 auto; position:relative; width:204px; }
div.widget div.widgetBtm { background:transparent url(../images/widget_btm.png) no-repeat top left; width:100%; float:left; height:8px; }
div.widget div.widgetHeader { min-height:32px; background:transparent url(../images/widget_top.png) no-repeat; color:#ffffff; float:left; width:100%; }
div.widget div.widgetHeader h3 { font-size:92%; float:left; font-weight:bold; padding:8px; }
div.widget div.widgetHeader a { font-size:76%; float:right; display:inline; padding:8px; font-weight:bold; color:#fff; }
div.widgetContent { background:transparent url(../images/widget_bg.png) repeat-y; float:left; width:188px; font-size:90%; padding:8px; }
div.widgetContent ul { display:block; list-style:none; padding:0; }
div.widgetContent ul b { color:#000; }
div.widgetContent ul li { margin-bottom:5px; }
div.widgetContent ol { list-style:decimal outside; margin:8px 8px 8px 18px; padding:0px 10px 5px 0pt; }
div.widgetContent ol li { padding:0 0 5px 0; }
div.widgetContent .hints a { font-weight:bold; }

div.adminWidget,div.adminWidgetMed,div.adminWidgetWide { margin:0 auto; float:left; padding:11px;  }
div.adminWidget div.widgetHeader h3,
    div.adminWidgetMed div.widgetHeader h3,
    div.adminWidgetWide div.widgetHeader h3 { font-size:92%; float:left; font-weight:bold; padding:8px;  }
div.adminWidget { width:204px; height:140px;}
div.adminWidgetMed { width:306px; height:140px;}
div.adminWidgetWide { width:408px; height:140px;}
div.adminWidget div.widgetBtm { background:transparent url(../images/widget_btm.png) no-repeat top left; width:100%; float:left; height:8px; }
div.adminWidget div.widgetHeader { min-height:32px; background:transparent url(../images/widget_top.png) no-repeat; color:#ffffff; float:left; width:100%; }
div.adminWidget div.widgetContent { background:transparent url(../images/widget_bg.png) repeat-y; float:left; width:204px; font-size:90%; padding:8px; }
div.adminWidgetMed div.widgetBtm { background:transparent url(../images/widget_med_btm.png) no-repeat top left; width:100%; float:left; height:8px; }
div.adminWidgetMed div.widgetHeader { min-height:32px; background:transparent url(../images/widget_med_top.png) no-repeat; color:#ffffff; float:left; width:100%; }
div.adminWidgetMed div.widgetContent { background:transparent url(../images/widget_med_bg.png) repeat-y; float:left; width:306px; font-size:90%; padding:8px; }
div.adminWidgetWide div.widgetBtm { background:transparent url(../images/widget_wide_btm.png) no-repeat top left; width:100%; float:left; height:8px; }
div.adminWidgetWide div.widgetHeader { min-height:32px; background:transparent url(../images/widget_wide_top.png) no-repeat; color:#ffffff; float:left; width:100%; }
div.adminWidgetWide div.widgetContent { background:transparent url(../images/widget_wide_bg.png) repeat-y; float:left; width:408px; font-size:90%; padding:8px; }


/* Widget -- My Info */
div.widgetContent span#member { color:#238923; font-weight:700; margin:0px 0 0 5px; float:left; display:inline; }
div.widgetContent ul#myInfo,div.widgetContent ul#myStats { list-style:none; margin:15px 0 0 5px; float:left; display:inline; clear:both; }
div.widgetContent ul#myInfoExpanded { float:left; margin:0 0 5px 5px; clear:left; display:inline; }
div.widgetContent ul#myInfoExpanded ul { margin:.5em 0 0 10px; float:left; display:inline; }
div.widgetContent ul#myInfo li,
div.widgetContent ul#myStats li,
div.widgetContent ul#myInfoExpanded li { list-style:none; margin:0px 0 5px 0px; display:inline; float:left; clear:both; width:177px; vertical-align:bottom; }
div.widgetContent ul#myInfo li.spacer { margin:0px 0 15px 0px; }
div.widgetContent ul#myInfo span,
div.widgetContent ul#myStats span,
div.widgetContent ul#myInfoExpanded span { font-weight:700; float:left; width:125px; }
div.widgetContent ul#myInfoExpanded ul span { width:115px; }
div.widget div.widgetHeader a.expand,
div.widget div.widgetHeader a.collapse { background:url(../images/btn_expand.gif) no-repeat top right; padding:.9em 17px 8px 8px; margin:0 13px 0 0; text-decoration:none; position:relative; }
div.widget div.widgetHeader a.collapse { background-image:url(../images/btn_hide.gif); }
div.widget div.widgetContent ul#myInfoExpanded li a,
div.widget div.widgetContent ul#myStats li a,
div.widget div.widgetContent ul#myInfo li a { float:right; width:52px; color:#006699; text-decoration:underline; }
div.widget div.widgetContent ul#myInfoExpanded li a.wide,
div.widget div.widgetContent ul#myStats li a.wide,
div.widget div.widgetContent ul#myInfo li a.wide { float:left; width:177px; }
div.widget div.widgetContent ul#myInfoExpanded li a.short,
div.widget div.widgetContent ul#myStats li a.short,
div.widget div.widgetContent ul#myInfo li a.short { float:left; width:52px; }
div#myInfoHelp { display:none; }

/* --- begin blue widget --- */
div.widgetBlue div.widgetHeader { background:transparent url(../images/widgetblue_top.png) no-repeat top left; height:8px; float:left; width:100%; }
div.widgetBlue div.widgetBtm { background:transparent url(../images/widgetblue_btm.png) no-repeat bottom left; height:8px; width:204px; float:left; }
div.widgetBlue div.widgetContent { float:left; display:inline; width:204px; color:#ffffff; background:transparent url(../images/subnav_bg_off.png) repeat-y; padding:0px; }
div.widgetBlue div.form ul { margin-right:0; }

/* widget Toolbar */
div.widgetToolbar ul { float:right; margin:8px 0 0 0; list-style:none; }
div.widgetToolbar li { float:left; margin:0pt 5px 0pt 0pt; }
div.widgetToolbar img { border:none; }
div.widgetBlue input#newDate { width:115px; }
div.widgetBlue div.form h4 { font-size:100%; line-height:22px; clear:both; }
div.form label { clear:left; font-weight:bold; font-size:93%; line-height:18px; }
div.form h5 { color:#009900; margin-top:20px; font-size:100%; }
div.form p { margin-bottom:20px; }
div.widgetBlue div.form { margin-left:7px; }
div.widgetBlue a.dp-choose-date { margin:1px 0 0 5px; float:left; width:22px; height:22px; text-indent:-999em; background:url(../images/btn_calendar.png) no-repeat; }

/* wide widget */
div.wideWidget { float:left; /*width:532px; */
width:740px; display:inline; }
div.wideWidget div.wideWidgetBtm { background:transparent url(../images/box_btm_wide_740x8.png) no-repeat top left; float:left; width:100%; }
div.wideWidget div.wideWidgetTop { background:transparent url(../images/blue_top_wide_740x76.png) no-repeat top left; min-height:32px; float:left; width:100%; }
div.wideWidget div.wideWidgetTop h3 { float:left; color:#ffffff; font-size:103%; font-weight:bold; padding:8px; }
div.wideWidget div.wideWidgetTop span { float:left; color:#ffffff; padding:10px 0 6px 0; font-size:smaller; }
div.wideWidget div.wideWidgetTop a { float:right; display:block; color:#fff; font-size:76%; font-weight:bold; text-decoration:none; padding:8px 16px 0 0; }
div.wideWidgetContent { float:left; padding:8px; width:724px; background:transparent url(../images/box_slice_740x1.png) repeat-y; }
div.wideWidgetContent ul { list-style:none; margin:5px 0 0 5px; float:left; display:inline; }
div.wideWidgetContent ul li { list-style:none; margin:0px 20px 5px 0px; display:inline; float:left; width:330px; vertical-align:bottom; }
div.wideWidgetContent ul li span { font-weight:700; float:left; width:220px; }

/* WELCOME BAR For the member dashboard page */
div#welcomeBar { display:inline; float:left; margin:0 0 12px 12px; width:952px; }
div#welcomeBar div#welcomeHeader { background:transparent url(../images/welcome_top.png) no-repeat bottom left; height:5px; width:100%; }
div#welcomeBar div#welcomeBtm { background:transparent url(../images/welcome_btm.png) no-repeat top left; height:5px; width:100%; }
div#welcomeBar div#welcomeContent { background:#EEEFF0; padding:8px 0 8px 8px; color:#666666; }
div#welcomeBar div#welcomeContent b { color:black; font-weight:bold; margin-right:4px; }
div#welcomeBar div#welcomeContent span { margin-left:24px; }

/* WIZARD */
ul.wizard { border-left:1px solid #d3d1d2; border-right:1px solid #d3d1d2; margin:0 0 25px 0 !important; padding:0; list-style-type:none !important; height:35px; background-image:url(../images/wizard.png); background-repeat:repeat-x;  }
ul.wizard li { float:left; padding:9px 8px 11px; height:15px;  }
ul.wizard li.activeStep { font-weight:bold; background-image:url(../images/wizard.png); background-position:center -35px; background-repeat:no-repeat;  }

/* TABS */
ul.tabs { list-style-type:none !important; height:35px; border-bottom:1px solid #CCC; padding-left:10px; margin-bottom:15px;  }
ul.smallTabs { height:22px;  }
ul.tabs li { position:relative; z-index:0; float:left; font-weight:bold; background-color:#EFEFEF; border:1px solid #CCC; background:#EFEFEF url(../images/background.jpg) 0 -450px repeat-x; margin-right:5px; padding:10px 9px 0; height:24px;  }
ul.smallTabs li { padding:3px 10px 0; height:18px; font-size:x-small;  }
ul.tabs li a { text-decoration:none; font-weight:bold;  }
ul.smallTabs li a { font-size:x-small;  }
ul.tabs li.activeTab { background:#FFF; border-bottom:2px solid #FFF;  }