/**
 * Styles for home page.
 */
.ctrl_index_act_index #content .page_intro {
/*    border: 5px solid #E3ECEB;  */  /* modified by yli changed from #e7f5fa to #D5E0A6, COLOR="#E3ECEB" */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.ctrl_index_act_index #content .page_intro_content {
/*
    background: transparent url(../img/home-page-intro-bg-strip.jpg) repeat top right;
*/
/*    background-color: #E3ECEB;   */
    color: #424965;
    height: 335px;  /*  modified by yli change from 345px to 440px;  */
    position:relative;        
}
.ctrl_index_act_index #content .page_intro_content h3 {
    padding: 10px 0 0 14px;
    margin-bottom: 0px !important;
}
/*modified by yli, delete background Customize Firefox image */
.ctrl_index_act_index #content .page_intro_content h3 span {
/*	
    display: block;
    background: transparent url(../img/customize-firefox.gif) no-repeat top left;
    color: #26596D;
*/
	color: #424965;
	font-size: 24px;
    height: 47px;
    width: 440px;
    text-indent:-460px;
    overflow: hidden;
}
.ctrl_index_act_index #content .page_intro_content img.screenshot {
    position: absolute;
    bottom: 25px;   /*  modified by yli change from 0 to 10px  */
    right: 10px;
}
.ctrl_index_act_index #content .page_intro_content h4.get_started {
    position: absolute;
    bottom: 25px;
    right: 466px;
}
.ctrl_index_act_index #content .page_intro_content p {
    margin:0 410px 0 0;
    padding: 5px 12px 0 14px;
    font-size: 100%;
    line-height: 1.45em;
}
.ctrl_index_act_index #content .page_intro_content ul {
    padding: 6px 12px 3px 33px;   /* modified by yli change from 51px to 40px  */
}
.ctrl_index_act_index #content .page_intro_content ul li {
    font-size: 100%;
    list-style: disc;
    line-height: 1.45em;
}
.ctrl_index_act_index #content .recent_browsers {
}
.ctrl_index_act_index #content .recent_browsers .header {
    padding: 10px 14px 0px 14px;
}
.ctrl_index_act_index #content .recent_browsers .header h3 {
    font-size: 150%;
/*    color: #41576a;  */
	color: #EEE;
    height: 20px;
    margin-bottom: 0.5em;
}
.ctrl_index_act_index #content .recent_browsers ul.browsers {
    list-style: none;
    margin: 0; padding: 0;
}
.ctrl_index_act_index #content .recent_browsers ul.browsers .even {
/*    background-color: #ECE9DC;  */
}
.ctrl_index_act_index #content .recent_browsers ul.browsers .odd {
/*	background-color: #D9D4BA;   */
}
.ctrl_index_act_index #content .recent_browsers ul.browsers li.browser {
/*    margin: 0 0 0 0; 
    padding: 10px 14px 10px 14px;  */
}
.ctrl_index_act_index #content .recent_browsers ul.browsers li.browser h4 {
/*    margin: 0 0 0 0; 
    padding: 0 0 0 0;  */
}
/*
.ctrl_index_act_index #content .recent_browsers ul.browsers li.browser h4 a {
    text-decoration: none;
    font-size: 125%;
    font-weight: bold;
}
.ctrl_index_act_index #content .recent_browsers ul.browsers li.browser .meta {
    margin: 0 0 0 0; 
    padding: 0 0 0.5em 0;
}
.ctrl_index_act_index #content .recent_browsers ul.browsers li.browser .meta .byline {
}
.ctrl_index_act_index #content .recent_browsers ul.browsers li.browser .meta .byline a {
    text-decoration: none;
}
.ctrl_index_act_index #content .recent_browsers ul.browsers li.browser .meta .modified {
    padding-left: 1em;
}
.ctrl_index_act_index #content .recent_browsers ul.browsers li.browser .description {
    position: relative;
    padding: 0 0 0 0;
}
*/
.ctrl_index_act_index #content .recent_browsers ul.browsers li.browser h5.download {
    float: right;
    margin-top: -30px;   /* modified by yli -1em to -30px */
}
.ctrl_index_act_index #content .recent_browsers ul.browsers li.browser div.empty h5.download {
    margin-top: -2.5em;
}
.ctrl_index_act_index #content .recent_browsers ul.browsers li.browser .description p {
    margin: 0 8px 0 0;   /*  modified by yli 110px to 8px;  */
    font-size: 100%;
}
.ctrl_index_act_index #content .recent_browsers .footer {
}
.ctrl_index_act_index #content .recent_browsers .header .inner {
}

/* modified by yli  */
.page_intro_content ul {
	margin: 0 410px 0 0;
}
.index-sub-title {
	line-height: 30px;
/*	color: #26596D;   */
	color: #424965;
	padding-left: 30px;
	font-size: 16px;
}

/*  new style for benefits  */

.ctrl_index_act_index #content .benefits .your_benefits {
    float: left;
    margin: 20px 0 0 15px;
    width: 580px;
    border: 1px solid #eee;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.25);
}
.ctrl_index_act_index #content .benefits .your_benefits h3 {
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    line-height: 50px;
    font-size: 18px;
    margin: 0;
    padding: 0 15px 0 15px;
    border-bottom: 1px solid #eee;
    background: -moz-linear-gradient(-90deg, #ffffff, #e0eef2 100%) no-repeat;
    background: -webkit-gradient(linear,left top, left bottom, from(#ffffff), to(#e0eef2)) no-repeat;
    color: #555;
}
.ctrl_index_act_index #content .benefits .your_benefits ul {
    background: #fff;
    margin: 0; padding: 0;
}
.ctrl_index_act_index #content .benefits .your_benefits ul li {
    height: 90px;
    padding: 0 15px 0 15px;
    margin: 0 0 0 0;
    border-bottom: 1px solid #eee;
    color: #666;
    /* 
    padding: 0 15px 0 95px; 
    background: #fff url(../img/placeholder-thumb.png) no-repeat 20px 20px;
    */
}
.ctrl_index_act_index #content .benefits .your_benefits ul li:last-child {
    border: none;
}
.ctrl_index_act_index #content .benefits .your_benefits ul li h4 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 1em 0 0 0;
    color: #444;
}
.ctrl_index_act_index #content .benefits .your_benefits ul li p {
    line-height: 1.5em;
}
.ctrl_index_act_index #content .benefits .who_benefits {
    float: right;
    margin: 20px 10px 0 0px;
    width: 290px;
    border: 1px solid #eee;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.25);
    background: #fff;
}
.ctrl_index_act_index #content .benefits .who_benefits h3 {
    color: #555;
    line-height: 30px;
    padding: 10px 10px 2px 15px;
    margin: 0 0 0 0;
}
.ctrl_index_act_index #content .benefits .who_benefits ul {
    padding: 10px 15px 0 15px;
}
.ctrl_index_act_index #content .benefits .who_benefits ul li {
    color: #666;
    padding: 0 0 15px 0;
    margin: 0 0 0 0;
    font-size: 0.95em;
    position: relative;
}
.ctrl_index_act_index #content .benefits .who_benefits ul li img {
    float: right;
    margin: 0 0 0.5em 1em;
}
.ctrl_index_act_index #content .benefits .who_benefits ul li h4 {
    display: inline;
    font-weight: bold;
    color: #444;
}
.ctrl_index_act_index #content .benefits .who_benefits ul li p {
    display: inline;
}

.ctrl_index_act_index #content .showcase .whos_using {
    float: right;
    margin: 40px 10px 0 0px;
    width: 285px;
    border: 1px solid #eee;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.25);
    background: #fff;
}
.ctrl_index_act_index #content .showcase .whos_using h3 {
    color: #555;
    line-height: 30px;
    padding: 10px 10px 0 15px;
    margin: 0 0 0 0;
}
.ctrl_index_act_index #content .showcase .whos_using ul {
}
.ctrl_index_act_index #content .showcase .whos_using ul.whos_who {
    position: relative;
    height: 140px;
}
.ctrl_index_act_index #content .showcase .whos_using ul.whos_who li {
    color: #666;
    padding: 0 1em 0px 1em;
    margin: 0 0 0 0;
    font-size: 0.95em;
    position: absolute;
    display: none;
}
.ctrl_index_act_index #content .showcase .whos_using ul.whos_who li.selected {
    display: block;
}
.ctrl_index_act_index #content .showcase .whos_using ul.whos_who li p {
    margin: 1em 0 1em 0;
}
.ctrl_index_act_index #content .showcase .whos_using ul.whos_who li p a {
    font-weight: bold;
}
.ctrl_index_act_index #content .showcase .whos_using ul.whos_who li img {
    float: right;
    margin: 0 0 0.5em 1em;
}
.ctrl_index_act_index #content .showcase .whos_using div.pagination {
    margin: 1em 0 1em 0;
}
.ctrl_index_act_index #content .showcase .whos_using div.pagination ul {
    text-align: center;
}
.ctrl_index_act_index #content .showcase .whos_using div.pagination ul li {
    display: inline;
}
.ctrl_index_act_index #content .showcase .whos_using div.pagination ul li a {
    padding: 0 0.15em 0 0.15em;
}
.ctrl_index_act_index #content .showcase .whos_using div.pagination ul li a:hover {
    text-decoration: none;
}
.ctrl_index_act_index #content .showcase .whos_using div.pagination ul li a.prev,
.ctrl_index_act_index #content .showcase .whos_using div.pagination ul li a.next {
    padding: 0 0.5em 0 0.5em;
    font-size: 0.80em;
    color: #999;
}
.ctrl_index_act_index #content .showcase .whos_using div.pagination ul li a.page {
    font-size: 1.25em;
    color: #ccc;
}
.ctrl_index_act_index #content .showcase .whos_using div.pagination ul li a.selected {
    color: #999;
}

.ctrl_index_act_index #content .showcase .your_showcase {
}
.ctrl_index_act_index #content .showcase .your_showcase h3 {
}
.ctrl_index_act_index #content .showcase {
}
.ctrl_index_act_index #content .showcase .recent_browsers {
    float: left;
    margin: 40px 0 0 15px;
    padding: 0 0 0 0;
    width: 581px;
    border: 1px solid #eee;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.25);
}
.ctrl_index_act_index #content .showcase .recent_browsers h3 {
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    line-height: 50px;
    font-size: 18px;
    margin: 0;
    padding: 0 15px 0 15px;
    border-bottom: 1px solid #eee;
    background: -moz-linear-gradient(-90deg, #ffffff, #e0eef2 100%) no-repeat;
    background: -webkit-gradient(linear,left top, left bottom, from(#ffffff), to(#e0eef2)) no-repeat;
    color: #555;
}
.ctrl_index_act_index #content .showcase .recent_browsers ul {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
.ctrl_index_act_index #content .showcase .recent_browsers ul li {
    float: left;
    width: 289px;
    height: 60px;
    font-size: 0.85em;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-right: 1px solid #eee;
    background: url(../img/browser-globe.png) no-repeat 9px 10px #FFF;
    overflow: hidden;
}
.ctrl_index_act_index #content .showcase .recent_browsers ul li h4 {
    margin: 12px 10px 0px 50px;
    padding: 0 0 0 0;
    font-weight: bold;
    font-size: 1.05em;
}
.ctrl_index_act_index #content .showcase .recent_browsers ul li p.meta {
    margin: 5px 10px 5px 50px;
    padding: 0;
}

.ctrl_index_act_index #content .action_call_footer {
    background: #f0f6fb;
    margin: 40px 0 10px 15px;
    width: 580px;
    border: 1px solid #eee;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.25);
    text-align: center;
}
.ctrl_index_act_index #content .action_call_footer h3 {
    padding: 1em 0 0.25em 0;
    color: #666;
    font-weight: normal;
}
.ctrl_index_act_index #content .action_call_footer .create_browser {
    display: block;
    margin: 5px auto 1em auto;
    padding: 1em 0.5em;
    width: 250px;
    text-align: center;
}
.ctrl_index_act_index #content .action_call_footer .create_browser .first_line {
    font-weight: normal;
    font-size: 1.25em;
}
.ctrl_index_act_index #content .action_call_footer .create_browser .first_line strong {
    font-weight: bold;
}
.ctrl_index_act_index #content .action_call_footer .create_browser .second_line {
    display: block;
    font-weight: normal;
    margin-top: 0.5em;
}