﻿/*main blocks*/
#explore_article            {display:inline; float:left; width:898px;margin:10px 0 0 10px;}
#explore_article_body       {display:inline; float:left; width:590px; }
#explore_article_sidebar    {display:inline; float:right; width:282px;}


#explore_article ul         {list-style-type:disc;}

/*article body*/
#explore_article_body,
#explore_article_body ul, 
#explore_article_body p     {color:#666; font-size:14px;line-height:1.5em;}
#explore_article_body p.image   {margin-bottom:31px;}
#explore_article_body h3    {color:#1e1e1e; font-size:18px; font-weight:normal; margin-bottom:11px; margin-top:31px;}
#explore_article_body a     {color:#0075df; font-size:14px; }

.explore-home                           {display:inline-block; clear:both;}
.explore-home_top                       {padding-bottom:14px; }
.explore-home_bottom                    {padding-top:15px; padding-bottom:55px;}
#explore_article_body .explore-home a   {display:block; font-size:12px; line-height:17px; padding-left:20px; background:url(../images/arrow_back.gif) no-repeat 0 50%; clear:both;}

.explore-header             {position:relative; margin-bottom:17px;}
.explore-header-bg          {display:block;}
.explore-header-bg img      {display:block;}
.explore-header-subheader   {position:absolute; top:32px;    left:20px; width:240px; color:#fff; font-size:12px;}
.explore-header-content     {position:absolute; bottom:41px; left:20px; width:240px; color:#fff;}
.explore-header-content h1  {color:#fff; font-size:25px; line-height:1.2em;}

.explore-need               {display:inline; float:left; width:100%; margin-bottom:27px; border-bottom: 1px solid #ccc;}
#explore_article_body .explore-need h3      {clear:both; color:#666; margin-bottom:13px; margin-top:7px;}
.explore-need p             {display:inline; float:left; width:186px;margin:0 16px 24px 0; padding-top:15px;}
.explore-need p.full        {display:block;  float:none; width:100%; margin:0 0 10px;      padding-top:0;}
.explore-need p.third       {                                        margin-right:0;}
.explore-need p a           {font-size:14px;}
.explore-need p span        {font-size:10px;}
.explore-need p a span      {font-size:14px;}
.explore-need p img         {display:inline; float:left;             margin-top:-15px;}

.article-step               {display:inline; float:left; width:100%; margin-bottom:15px;}
.article-step-number        {display:inline; float:left; width:47px; font-size:12px; background:#e3e3e3; margin-top:8px; color:#666;}
.article-step-number .topCorners, 
.article-step-number .topCorners span, 
.article-step-number .bottomCorners, 
.article-step-number .bottomCorners span    {                                        background-image:url(../images/grayRoundedCornersE3E3E3_sprites.gif);background-repeat:no-repeat;}
.article-step-number .roundedCornersContent {   padding:0; text-align:center; }
.article-step-number .cf    {display:block;}
.article-step-number span   {}
.article-step-number strong {display:block;                          font-size:22px; font-weight:normal;}       
.article-step-content       {display:inline; float:right; width:532px;}
.article-step-content img   {padding-top:7px;}

.article-widgets                                {display:inline; float:left; margin-bottom:35px; padding:15px 0;width:100%; border-bottom:2px solid #ccc; }
.article-widgets-migrate                         {                            margin-bottom:0;}
.article-widgets span.article-widgets-share     {display:inline; float:left; margin-right:5px; padding-top:3px;}
#explore_article .article-widgets ul.icons      {display:inline; float:left; margin:0; list-style-type:none; list-style-position:outside;}
.article-widgets ul.icons li                    {display:inline; float:left; margin-right:5px;}
.article-widgets .ratingsControl                {display:inline; float:right;}
.article-widgets .ratingsControl .ratingLabel   {                                              padding-top:3px; padding-right:5px;}

.article-more               {display:inline; float:left; width:100%;}
.article-more h2            {padding-bottom:9px; border-bottom:1px solid #ccc; margin:0; font-size:27px; color:#1e1e1e; font-weight:lighter;}
.article-more-item          {display:inline; float:left; width:186px; margin-right:16px; margin-top:20px; margin-bottom:25px;}
.article-more-item-last     {                                         margin-right:0;}
.article-more-item img      {width:186px;}
.article-more-item h4       {margin-top:20px;}
#explore_article_body .article-more-item h4 a   {font-size:14px; font-weight:normal;}
#explore_article_body .article-more-item p      {font-size:12px; clear:both; color:#858585;}
#explore_article_body .article-more-item p.date {font-size:10px; clear:none; color:#858585; float:left; padding-right:6px; border-right:1px solid #858585; margin-right:6px;}
#explore_article_body .article-more-item p.date a {color:#62b0e9;}
.article-more-item .ratingsControl  {float:left;}
.article-more-item .ratingsControl .ratingStarsContainer {float:left;}



.article-tiles              {display:inline; float:left; width:100%; border-top: 1px solid #ccc; border-bottom: 2px solid #ccc; padding:25px 0 30px;}
.article-tiles-migrate      {                                        border-top:none;}
.article-tiles p            {display:inline; float:left; width:186px;margin:0 10px 0 0; padding-top:15px;}
/*.article-tiles p.third      {                                        margin-right:0;}*/
.article-tiles p a           {font-size:14px; }
.article-tiles p img         {display:inline; float:left;             margin-top:-15px;}


/*article sidebar*/
#explore_article_sidebar, 
#explore_article_sidebar ul, 
#explore_article_sidebar p    {color:#858585; font-size:14px;}
#explore_article_sidebar h3   {color:#1e1e1e; font-size:18px;font-weight:normal; }
#explore_article_sidebar a    {color:#3e95e5; font-size:14px;}
#explore_article_sidebar h3 a {color:#3e95e5; font-size:18px; text-decoration:none; }
#explore_article_sidebar .imagelistRight h3 a.shortTitle {font-size:18px;}
#explore_article_sidebar .shortTitlePara {padding-bottom: 0px;}

#explore_article_sidebar a:hover    {text-decoration:underline;}


.grayRoundedCorners2                        {background-color:#f1f1f1; margin-bottom:10px;}
.grayRoundedCorners2 .topCorners, 
.grayRoundedCorners2 .topCorners span, 
.grayRoundedCorners2 .bottomCorners, 
.grayRoundedCorners2 .bottomCorners span    {background-image:url(../images/grayRoundedCornersF1F1F1_sprites.gif);background-repeat:no-repeat;}

.grayRoundedCorners2 .roundedCornersContent {             padding:3px 0;}
.sidebar-item           {border-bottom:1px solid #d8d8d8; padding:15px 20px;}
.sidebar-item-first     {                                 padding-top:5px;}
.sidebar-item-last      {border-bottom:none;              padding-bottom:5px;}
.sidebar-item-button    {                                 padding:0 10px 10px;}
.sidebar-item ul        {margin:15px 0 0 13px; line-height:1.5em;}
.sidebar-item ul li     {margin:0 0 8px 0;}
#explore_article .sidebar-nobullets ul   {}


.sidebar-button                 {position:relative;}
.sidebar-button-background      {height:87px; background:#489a36;}
.sidebar-button-background img  {display:inline; float:left; margin:0;}
.sidebar-button-content         {position:absolute; top:0; left:0;}
.sidebar-button-content p       {margin:0; position: relative;}

#explore_article_sidebar .sidebar-button a  {display:block; width:164px; height:87px; padding:10px 30px 0 68px; color:#fff; text-decoration:none; font-size:14px; }
#explore_article_sidebar .sidebar-button a strong   {font-weight:normal; font-size:20px; line-height:0.8em;}

#explore_article_sidebar p.upgrade      {text-align:right;}
#explore_article_sidebar p.upgrade a    {display:block; padding-right:25px; line-height:19px; background:url(../images/arrow_upgrade.gif) no-repeat 100% 50%;}


/* CSS modification conserve battery page */

.leftInset
{
    display: block;
    width: 280px;
    margin-right: 10px;
}
.rightInset
{
    position: absolute;
    width: 300px;
    height: 300px;
    right: 0px;
    top: 0px;
}
.rightInset img
{
    float: left;
    margin-top: 20px;
    width: 5px;
    height: 130px;
}
.rightInset span
{
    margin-left: 10px;
    float: left;
    width: 270px;
}
.rightInset span.header
{
    margin-bottom: 10px;
    color: Green;
    font-weight: bold;
}

#explore_article_body .citation
{
    font-size:0.7em;
}

a.captionLink
{
    font-size:11px;
}

.marginLeftAdded
{
    margin-left: 40px;
}
.marginLeftAddedHeader
{
    margin-left: 20px;
}
.center
{
	text-align:center;
}
.underline
{
    text-decoration:underline;	
}
#explore_article_body div.img img
{
    padding:0px 8px 10px 0px;	
} 
#explore_article_body .datatable td.firstBorderRight
{
    border-right:none !important;	
}

#explore_article_body .datatable  
{
    line-height:0em;
}

#explore_article_body p.caption
{
	font-size:12px !important;
	font-style:italic;
}

#explore_article_body .imagelist p.caption
{
	font-size:12px !important;
	font-style:italic;
}

#explore_article_body .imagelistRight p
{
    font-size: 14px !important;
}

/* slideshow image auto center */
#exploreSlideshowImage img
{
    margin: 0px auto;
    display: block;
}

img.image-margin
{
    margin: 10px 0px 5px 0px;
}

#explore_article_body .article-more-item p.date a
{
    font-size: 10px;
    color: #0075df;
}   

ol
{
    color: #666;
    font-size: 14px;
}

#slideshow h1.biggerFont
{
    font-size: 20px;
}