/* 
    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;
}

.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;
        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;
}

.content_middle .element h3 {
        margin:5px 0 5px 37px;
}
.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;
}

.content_middle .element .content p {
        height:70px;
        text-align:justify;
        margin:0;
}

.content_middle .element .content .button {
        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 .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;
}

/* 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_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_box .title span {
        font:16px 'Arial Black', Gadget, sans-serif;
        color:#FFF;
        padding:5px 10px;
        display:inline-block;
}

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

.question_box .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;
        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%;
}

.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 */