﻿/*#region ARTICLE ROLL*/

.articleRoll { height:115px !important; margin:15px 30px 0px; width:578px !important; }

    /* [ ITEM GROUP ] */

.articleRoll .stage .itemGroup {  }
.articleRoll .stage .itemGroup .item { height:115px; overflow:hidden; padding:2px 0px 0px 2px; width:636px; }

    /* [ THUMBNAIL ] */

.articleRoll .stage .item .thumbnail { background:none #FFF; border:1px solid #D2D2D2; box-shadow:0px 0px 2px #999; display:table; float:left; height:100px; padding:4px; text-align:center; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; width:133px; }
.articleRoll .stage .item .thumbnail:hover { border-color:#003856; box-shadow:0px 0px 2px #003856; }

.articleRoll .stage .item .thumbnail .thumbnailWrapper { display:table-cell; vertical-align:middle; }
.articleRoll .stage .item .thumbnail .thumbnailWrapper img { max-height:100px; max-width:133px; }

    /* [ DETAILS ] */

.articleRoll .stage .itemGroup .item .details { float:left; margin:0px 0px 0px 15px; position:relative; width:418px; }

.articleRoll .stage .itemGroup .item .details p.title { text-align:justify; }

.articleRoll .stage .itemGroup .item .details p.title a { display:block; font-size:13px; color:#003856; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; }
.articleRoll .stage .itemGroup .item .details p.title a:hover { color:#26394E; text-decoration:none; }

.articleRoll .stage .itemGroup .item .details p.date { font-size:11px; line-height:18px; }

.articleRoll .stage .itemGroup .item .details div.resume { height:71px; margin:8px 0px 0px; overflow:hidden; text-align:justify; }
.articleRoll .stage .itemGroup .item .details div.resume p { line-height:18px; }

.articleRoll .stage .itemGroup .item .details div.resume a { display:inline; font-family:Tahoma; font-size:8px; font-weight:bold; color:#003856; line-height:16px; text-decoration:none; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; vertical-align:top; }
.articleRoll .stage .itemGroup .item .details div.resume a:hover { color:#26394E; }

    /* [ NAVIGATION ] */

.articleRoll .next,
.articleRoll .previous { background:url("../../images/icons.png") no-repeat; cursor:pointer; height:29px; overflow:hidden; position:absolute; top:95px; text-indent:-9999px; width:18px; }

.articleRoll .previous { background-position:-35px -428px; left:14px; }
.articleRoll .previous:hover { background-position:-35px -456px; }

.articleRoll .next { background-position:-53px -428px; right:0px; }
.articleRoll .next:hover { background-position:-53px -456px; }

    /* [ HIDDEN FIELDS ] */

.articleRoll .actions { display:none; }

/*#endregion*/