/* 
    Document   : index_v2
    Created on : 2010.07.21., 11:10:45
    Author     : ZeNC
    Description:
        layout content css
*/

/* Content top */

.content_top .box_dark {
        background:url('http://static2.datasrv.sikeres.hu/layout_right/index/content_top_box_bg.gif') top right no-repeat;
        width:226px;
        height:194px;
        float:left;
        padding:0 0 0 10px;
        color:#FFF;
}

.content_top .box_dark h2 {
        padding:10px 10px 0;
        margin:0;
}

.content_top .box_dark h2,
.content_top .box_dark h2 a:link,
.content_top .box_dark h2 a:visited,
.content_top .box_dark h2 a:hover
{
        font:16px 'Arial Black', Gadget, sans-serif;
        text-decoration:none;
        color:#FFF;
}

.content_top .box_dark .content {
        padding:6px 5px 0;
}

.content_top .box_dark .content a:link,
.content_top .box_dark .content a:visited,
.content_top .box_dark .content a:hover
{
        font:10px Arial, Helvetica, sans-serif;
        color:#FFF;
}

.content_top .box_dark .content .row {
        overflow:hidden;
        padding:3px 0;
        position:relative;
        width:216px;
}
.content_top .box_dark .content .row .left,
.content_top .box_dark .content .row .title
{
        height:30px;
        line-height:15px;
}

.content_top .box_dark .content .row .left a,
.content_top .box_dark .content .row .title a
{
        font-size:12px;
}

.content_top .box_dark .content .row .right,
.content_top .box_dark .content .row .from
{
        position:absolute;
        bottom:2px;
        right:0px;
        font-size:10px;
}

.content_top .box_dark .content .expert_left {
        width:110px;
        height:120px;
        float:left;
        position:relative;
}

.content_top .box_dark .content .expert_left .name,
.content_top .box_dark .content .expert_left .name a:link,
.content_top .box_dark .content .expert_left .name a:visited,
.content_top .box_dark .content .expert_left .name a:hover
{
        font:bold 15px Arial,Helvetica,sans-serif;
        text-decoration: none;
}

.content_top .box_dark .content .expert_left .spec {
        font-size:10px;
}

.content_top .box_dark .content .expert_left .blabla {
        font-size:12px;
        font-weight:bold;
        position:absolute;
        bottom:0;
}

.content_top .box_dark .content .expert_right {
        height:120px;
        width:95px;
        float:right;
}

.content_top .box_dark .content .expert_right img {
        border-color: #FFF;
}

.expert_right img {
    border: 0 none;
}

.content_top .box_dark .button {
        padding:0;
}

.content_top .box_dark .button a {
        background-position:0 -336px;
}

.content_top .box_dark .button a span {
        background-position:100% -336px;
        color:#363332;
}

/* Content top end */

/* Content middle */

.content_middle {
        /*margin:10px 0 0 10px;
        _margin:10px 0 0 5px;*/
        margin:0 0 0 10px;
        _margin:0 0 0 5px;
        width:465px;
        /*float:left;*/
        background:url('http://static2.datasrv.sikeres.hu/layout_right/index/content-middle-bg.gif') repeat-y top left;
}

.content_middle .topdecor {
        background:url('http://static2.datasrv.sikeres.hu/layout_right/index/content-middle-topdecor.gif') no-repeat top left transparent;
}

.content_middle .bottomdecor {
        background:url('http://static2.datasrv.sikeres.hu/layout_right/index/content-middle-bottomdecor.gif') no-repeat bottom left transparent;
}

.content_middle .element {
        overflow:hidden;
        width:100%;
        /*padding:0 0 23px;*/
        padding:0 0 20px;
}

.content_middle .element h3 {
        margin:5px 0 5px 37px;
        width: 90%;
}
.content_middle .element h3 a:link,
.content_middle .element h3 a:visited,
.content_middle .element h3 a:hover
{
        font:bold 14px Arial,Helvetica,sans-serif;
        color:#E31019;
        text-transform: uppercase;
}

.content_middle .element .img {
        float:left;
        _display:inline-block;
        _float:none;
        margin:0 0 0 27px;
}

.content_middle .element .img a:link,
.content_middle .element .img a:visited,
.content_middle .element .img a:hover
{
        text-decoration:none;
        color:#FFF;
}

.content_middle .element .img a img {
        border:3px solid #FFF;
}

.content_middle .element .content {
        float:left;
        _display:inline-block;
        /*width:335px;
        margin:0 0 0 10px;*/
        margin: 0 10px 0 37px;
        width: 90%;
}

.content_middle .element .content p {
        /*height:70px;*/
        text-align:justify;
        margin:0;
        /*height: 76px;*/
        overflow: hidden;
}

.content_middle .element .source {
    font-style: italic;
    margin-top: 20px;
}

.content_middle .element .source a {
    font-weight: bold;
}

.content_middle .element .content .button {
        float:right;
}

.archive_button {
    text-align: center;
    /*margin: 10px 0 0 194px;*/
    margin-top: 10px;
    float: right;
}

/* Content middle end */

/* Content right */

.content_right {
        width:226px;
        float:right;
}

.content_right .box {
        background:url('http://static2.datasrv.sikeres.hu/layout_right/index/layout-right-box-top.gif') no-repeat top left #DEDDDD;
        margin:10px 0;
}

.content_right .box:first-child {
    margin-top: 0;
}

.content_right .box .title {
        background:url('http://static2.datasrv.sikeres.hu/layout_right/index/layout-right-darker-box-top.gif') no-repeat top left #DEDDDD;
        border-bottom:3px solid #FFF;
        padding:5px 10px;
}

.content_right .box .title span,
.content_right .box .title a:link,
.content_right .box .title a:visited,
.content_right .box .title a:hover
{
        font:16px 'Arial Black', Gadget, sans-serif;
        color:#474242;
        text-decoration:none;
}

.content_right .box .inner {
        background:url('http://static2.datasrv.sikeres.hu/layout_right/index/layout-right-box-bottom.gif') no-repeat bottom left #EFEEEE;
        padding:0 10px 10px;
}

.content_right .box .row {
        /*line-height:20px;*/
        /*line-height:25px;*/
        /*line-height:29px;*/
        line-height:26px;
}

/* Question box */

.question_box {
        background:url('http://static2.datasrv.sikeres.hu/layout_right/index/question-box-bottom.gif') no-repeat bottom left #E31819;
        width:226px;
        overflow:hidden;
        color:#FFF;
        -webkit-box-shadow: 1px 1px 10px #b8b8b8;
        -moz-box-shadow: 1px 1px 10px #b8b8b8;
        box-shadow: 1px 1px 10px #b8b8b8;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
}

.question_box2 {
        background:url('http://static2.datasrv.sikeres.hu/layout_right/index/question-box-bottom2.gif') no-repeat bottom left #E31819;
        width:450px;
        overflow:hidden;
        color:#FFF;
        -webkit-box-shadow: 1px 1px 10px #b8b8b8;
        -moz-box-shadow: 1px 1px 10px #b8b8b8;
        box-shadow: 1px 1px 10px #b8b8b8;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
}

.question_box .title {
        background:url('http://static2.datasrv.sikeres.hu/layout_right/index/question-box-top.gif') no-repeat top left;
        border-bottom:3px solid #FFF;
        -webkit-border-top-left-radius: 12px;
        -webkit-border-top-right-radius: 12px;
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -moz-border-radius-topleft: 12px;
        -moz-border-radius-topright: 12px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 0px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
}

.question_box2 .qtitle {
    background:url('http://static2.datasrv.sikeres.hu/layout_right/index/question-box-top2.gif') no-repeat top left;
        border-bottom:3px solid #FFF;
        -webkit-border-top-left-radius: 12px;
        -webkit-border-top-right-radius: 12px;
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -moz-border-radius-topleft: 12px;
        -moz-border-radius-topright: 12px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 0px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    text-align: center;
}

.question_box .title span, .question_box2 .qtitle span {
        font:16px 'Arial Black', Gadget, sans-serif;
        color:#FFF;
        padding:5px 10px;
        display:inline-block;
}

.question_box .button, .question_box2 .button {
        float:right;
        margin:0 0 5px 0;
}
.question_box .button a, .question_box2 .button a {
        background-position:0 -224px;
}

.question_box .button a span, .question_box2 .button a span {
        background-position:100% -224px;
        color:#CB0C1C;
}

/* Question box end */

/* Content right end */

/* Content bottom */

.content_bottom {
        float:left;
}

.content_bottom .box {
        margin:10px 0 0 10px;
        _margin:10px 0 0 5px;
        width:226px;
        /*height:380px;*/
        height:370px;
        background:url('http://static2.datasrv.sikeres.hu/layout_right/index/layout-right-box-top.gif') no-repeat top left #DEDDDD;
        float:left;
}

.content_bottom .box .title {
        background:url('http://static2.datasrv.sikeres.hu/layout_right/index/layout-right-darker-box-top.gif') no-repeat top left #DEDDDD;
        border-bottom:3px solid #FFF;
        padding:5px 10px;
}

.content_bottom .box .title span,
.content_bottom .box .title a:link,
.content_bottom .box .title a:visited,
.content_bottom .box .title a:hover
{
        font:16px 'Arial Black', Gadget, sans-serif;
        color:#474242;
        text-decoration:none;
}

.content_bottom .box .inner {
        background:url('http://static2.datasrv.sikeres.hu/layout_right/index/layout-right-box-bottom.gif') no-repeat bottom left #EFEEEE;
        padding:0 10px 10px;
        /*height:334px;*/
}

.content_bottom .box .element_short {
        float:left;
        width:100%;
        margin-bottom: 10px;
}

.content_bottom .box .element_short h3 {
        margin:5px 0;
	height:32px;
	line-height:16px;
}

.content_bottom .box .element_short h3,
.content_bottom .box .element_short h3 a:link,
.content_bottom .box .element_short h3 a:visited,
.content_bottom .box .element_short h3 a:hover
{
        color:#E31019;
        font:bold 13px Arial,Helvetica,sans-serif;
        text-decoration:none;
        text-transform:uppercase;
}

.content_bottom .box .element_short .element_content {
        height:90px;
        text-align:justify;
	margin:10px 0 0;
}

.content_bottom .box .element_short .dedicatory_img_mini {
	border:2px #FFF solid;
	margin:0 4px 2px 0;
	width:76px;
	/*height:60px;*/
	overflow:hidden;
}

.content_bottom .box .button {
        float:right;
}

.content_bottom .box .button a:link,
.content_bottom .box .button a:visited,
.content_bottom .box .button a:hover
{
        /*background-position:0 -280px;*/
}

.content_bottom .box .button a span
{
        /*background-position:100% -280px;*/
}

/* Content bottom end */