/****************************/
/********** generic *********/
/****************************/


/****************************/
/*********** index **********/
/****************************/
div.index
{
    margin: 20px 0 40px 0;
}

.grid-view table thead th#search_results_grid_c4
{
    width: 40px;
}

/****************************/
/************ view **********/
/****************************/
div.view
{
    padding: 0 4px 4px 4px;
    margin: 20px 0 20px 0;
    background: #e2e6ec;
    
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;

    background-image: -moz-linear-gradient(top, #e2e6ec 0%, #c2c7cd 100%);
    background-image: -o-linear-gradient(top, #e2e6ec 0%, #c2c7cd 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e2e6ec), color-stop(1, #c2c7cd));
    background-image: -webkit-linear-gradient(top, #e2e6ec 0%, #c2c7cd 100%);
    background-image: linear-gradient(to bottom, #e2e6ec 0%, #c2c7cd 100%);
}

div.view .view-header
{
    position: relative;
    padding: 8px 20px 0 20px;
}

div.view .view-header a.print
{
    position: absolute;
    top: 20px;
    right: 20px;
}

div.view .view-header a
{
    color: #303030;
}

div.view .view-header h1
{
    font-size: 23px;
    font-weight: bold;
    line-height: 23px;
}

div.view .view-header h2
{
    font-size: 17px;
    line-height: 21px;
}

div.view .view-subheader
{
    padding: 1px 20px 1px 20px;
    background-image: -moz-linear-gradient(top, #fefefe 0%, #eaebef 100%);
    background-image: -o-linear-gradient(top, #fefefe 0%, #eaebef 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(1, #eaebef));
    background-image: -webkit-linear-gradient(top, #fefefe 0%, #eaebef 100%);
    background-image: linear-gradient(to bottom, #fefefe 0%, #eaebef 100%);
}

div.view .view-subheader h3
{
    font-size: 15px;
    font-weight: bold;
    line-height: 15px;
    color: #1d405c;
}

div.view .last-encoding
{
    font-size: 12px;
    margin: 7px 0 0 0;
}

div.view .prev-revision
{
    font-size: 12px;
    margin: 7px 0 0 20px;
}

div.view .articles
{
    background: #ffffff;
}

div.view .articles .article
{
    border-top: 1px solid #cccccc;
    padding: 20px 20px 20px 20px;
}

div.view .articles .article .article-toolbar
{
    margin: 10px 0 0 30px;
}

div.view .articles .article .article-toolbar .paragraph-tool,
div.view .articles .article .article-toolbar .revisions-tool,
div.view .articles .article .article-toolbar .backlinks-tool,
div.view .articles .article .article-toolbar .print-tool {
    display: inline;
}

div.view .articles .article .article-toolbar a.show-prev-revisions
{
    color: #303030;
}

div.view .articles .article .article-toolbar a.print
{
    color: #303030;
}

div.view .articles .article .article-toolbar .separator
{
    display: inline-block;
    width: 20px;
}

div.view .articles .article .paragraphs
{
    margin: 20px 0 0 30px;
}

div.view .articles .article .paragraphs .paragraph
{
    border-top: 1px dashed #cccccc;
    padding: 20px 0 10px 0;
}

div.view .articles .article .paragraphs .paragraph .paragraph-toolbar
{
    
}

div.view .articles .article .paragraphs .paragraph .paragraph-toolbar .amendments-tool,
div.view .articles .article .paragraphs .paragraph .paragraph-toolbar .revisions-tool,
div.view .articles .article .paragraphs .paragraph .paragraph-toolbar .bookmark-tool,
div.view .articles .article .paragraphs .paragraph .paragraph-toolbar .tags-tool {
    display: inline;
}

div.view .articles .article .paragraphs .paragraph .paragraph-toolbar .separator
{
    display: inline-block;
    width: 20px;
}

div.view .articles .article .paragraphs .paragraph .paragraph-toolbar a.show-prev-revisions
{
    color: #303030;
}

div.view .articles .article .paragraphs .paragraph .paragraph-toolbar a.toggle-bookmark
{
    color: #303030;
}

div.view .articles .article .paragraphs .paragraph .paragraph-toolbar .tags
{
    display: inline;
}

div.view .articles .article .paragraphs .paragraph .paragraph-toolbar .tags ul
{
    display: inline;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div.view .articles .article .paragraphs .paragraph .paragraph-toolbar .tags ul li a
{
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
}

div.view .attachment
{
    background: #ffffff;
    padding: 20px 20px 20px 20px;
}

/***********************************/
/************ viewarticle **********/
/***********************************/
div.viewarticle
{
    padding: 0 4px 4px 4px;
    margin: 20px 0 20px 0;
    background: #e2e6ec;
    
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;

    background-image: -moz-linear-gradient(top, #e2e6ec 0%, #c2c7cd 100%);
    background-image: -o-linear-gradient(top, #e2e6ec 0%, #c2c7cd 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e2e6ec), color-stop(1, #c2c7cd));
    background-image: -webkit-linear-gradient(top, #e2e6ec 0%, #c2c7cd 100%);
    background-image: linear-gradient(to bottom, #e2e6ec 0%, #c2c7cd 100%);
}

div.viewarticle .viewarticle-header
{
    padding: 8px 20px 0 20px;
}

div.viewarticle .viewarticle-header h1
{
    font-size: 23px;
    font-weight: bold;
    line-height: 23px;
}

div.viewarticle .viewarticle-header h2
{
    font-size: 17px;
    line-height: 21px;
}

div.viewarticle .article-toolbar
{
    margin: 5px 0 10px 20px;
}

div.viewarticle .article-toolbar .paragraph-tool,
div.viewarticle .article-toolbar .revisions-tool,
div.viewarticle .article-toolbar .backlinks-tool,
div.viewarticle .article-toolbar .print-tool {
    display: inline;
}

div.viewarticle .article-toolbar a.show-prev-revisions
{
    color: #303030;
}

div.viewarticle .article-toolbar a.print
{
    color: #303030;
}

div.viewarticle .article-toolbar .separator
{
    display: inline-block;
    width: 20px;
}

div.viewarticle .paragraphs
{
    background: #ffffff;
}

div.viewarticle .paragraphs .paragraph
{
    border-top: 1px solid #cccccc;
    padding: 20px 20px 10px 20px;
}

div.viewarticle .paragraphs .paragraph .paragraph-toolbar
{
    
}

div.viewarticle .paragraphs .paragraph .paragraph-toolbar .amendments-tool,
div.viewarticle .paragraphs .paragraph .paragraph-toolbar .revisions-tool,
div.viewarticle .paragraphs .paragraph .paragraph-toolbar .bookmark-tool,
div.viewarticle .paragraphs .paragraph .paragraph-toolbar .tags-tool {
    display: inline;
}

div.viewarticle .paragraphs .paragraph .paragraph-toolbar .separator
{
    display: inline-block;
    width: 20px;
}

div.viewarticle .paragraphs .paragraph .paragraph-toolbar a.show-prev-revisions
{
    color: #303030;
}

div.viewarticle .paragraphs .paragraph .paragraph-toolbar a.toggle-bookmark
{
    color: #303030;
}

div.viewarticle .paragraphs .paragraph .paragraph-toolbar .tags
{
    display: inline;
}

div.viewarticle .paragraphs .paragraph .paragraph-toolbar .tags ul
{
    display: inline;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div.viewarticle .paragraphs .paragraph .paragraph-toolbar .tags ul li a
{
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
}

/***********************************/
/************ viewamendments **********/
/************ viewbacklinks **********/
/***********************************/
div.viewamendments,
div.viewbacklinks
{
    padding: 0 4px 4px 4px;
    margin: 20px 0 20px 0;
    background: #e2e6ec;
    
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;

    background-image: -moz-linear-gradient(top, #e2e6ec 0%, #c2c7cd 100%);
    background-image: -o-linear-gradient(top, #e2e6ec 0%, #c2c7cd 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e2e6ec), color-stop(1, #c2c7cd));
    background-image: -webkit-linear-gradient(top, #e2e6ec 0%, #c2c7cd 100%);
    background-image: linear-gradient(to bottom, #e2e6ec 0%, #c2c7cd 100%);
}

div.viewamendments .viewamendments-header,
div.viewbacklinks .viewbacklinks-header
{
    padding: 8px 20px 0 20px;
}

div.viewamendments .viewamendments-header h1,
div.viewbacklinks .viewbacklinks-header h1
{
    font-size: 23px;
    font-weight: bold;
    line-height: 23px;
}

div.viewamendments .viewamendments-header h2,
div.viewbacklinks .viewbacklinks-header h2
{
    font-size: 17px;
    line-height: 21px;
}

div.viewamendments ul.amendments,
div.viewbacklinks ul.backlinks
{
    background: #ffffff;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div.viewamendments ul.amendments li,
div.viewbacklinks ul.backlinks li
{
    border-top: 1px solid #cccccc;
    padding: 10px 20px 10px 20px;
}

div.viewamendments div.message,
div.viewbacklinks div.message
{
    background: #ffffff;
    padding: 10px 20px 10px 20px;
}

/***********************************/
/************ viewprevrevisions **********/
/***********************************/
div.viewprevrevisions
{
    padding: 0 4px 4px 4px;
    margin: 20px 0 20px 0;
    background: #e2e6ec;
    
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;

    background-image: -moz-linear-gradient(top, #e2e6ec 0%, #c2c7cd 100%);
    background-image: -o-linear-gradient(top, #e2e6ec 0%, #c2c7cd 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e2e6ec), color-stop(1, #c2c7cd));
    background-image: -webkit-linear-gradient(top, #e2e6ec 0%, #c2c7cd 100%);
    background-image: linear-gradient(to bottom, #e2e6ec 0%, #c2c7cd 100%);
}

div.viewprevrevisions .viewprevrevisions-header
{
    padding: 8px 20px 0 20px;
}

div.viewprevrevisions .viewprevrevisions-header h1
{
    font-size: 23px;
    font-weight: bold;
    line-height: 23px;
}

div.viewprevrevisions .viewprevrevisions-header h2
{
    font-size: 17px;
    line-height: 21px;
}

div.viewprevrevisions ul.prev-revisions
{
    background: #ffffff;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div.viewprevrevisions ul.prev-revisions li
{
    border-top: 1px solid #cccccc;
    padding: 10px 20px 10px 20px;
}

div.viewprevrevisions div.message
{
    background: #ffffff;
    padding: 10px 20px 10px 20px;
}

/***********************************/
/************ popover **********/
/***********************************/
.popover
{
    font-size: 12px;
}

.popover ul.amendments,
.popover ul.prev-revisions,
.popover ul.backlinks
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.popover ul.amendments li,
.popover ul.prev-revisions li,
.popover ul.backlinks li
{
    border-bottom: 1px solid #cccccc;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}

.popover ul.amendments li:last-child,
.popover ul.prev-revisions li:last-child,
.popover ul.backlinks li:last-child
{
   border-bottom: 0;
   padding: 0;
   margin: 0;
}

/***********************************/
/***** articles navigation bar *****/
/***********************************/
.articles-nav-bar
{
    position: fixed;
    bottom: 0;
    left: 50%;
    margin-left: -499px;
    width: 948px;
    height: 32px;
    padding: 10px 25px 10px 25px;
    background: #59b48d;
    z-index: 1;
}

.articles-nav-bar .nav-label
{
    width: 150px;
    height: 32px;
    line-height: 32px;
    text-align: left;
    color: #ffffff;
}

.articles-nav-bar .nav-links
{
    position: relative;
    width: 740px;
    height: 32px;
    overflow: hidden;
}

.articles-nav-bar .nav-links ul
{
    position: absolute;
    top: 0;
    left: 0;
    width: 5000px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.articles-nav-bar .nav-links ul li
{
    float: left;
    width: 32px;
    height: 32px;
    margin: 0 5px 0 0;
}

.articles-nav-bar .nav-links ul li a
{
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    background: #0e315b;
    border: 1px solid #ffffff;
    text-align: center;
}

.articles-nav-bar .nav-links ul li a:hover
{
    background: #0088cc;
}

.articles-nav-bar .nav-controls
{
    width: 58px;
    height: 32px;
    line-height: 32px;
    text-align: right;
}

.articles-nav-bar .nav-controls a
{
    color: #ffffff;
}

.articles-nav-bar .nav-controls a:hover
{
    color: #0e315b;
}