/* Jarrow Index Controller CSS Document */

@charset "utf-8";

/******************************************
 * SCROLLING BANNER STYLES */
 
.banner_panel {
	text-align: center;
	display:    block;
	border:     1px solid #CCC;
	width:      904px;
	height:     303px;
	overflow:   hidden;
	margin:     auto;
}
.banner_content_off {
	display: none;
}
#pagination_panel {
	position:   relative;
	top:        -20px;
	width:      904px;
	margin:     auto;
	text-align: center;
	overflow:   visible;
        *position:   static !important;
}
.pagination_on {
	display:      block;
	background:   url("/images/paginator.png") bottom left no-repeat;
	width:        12px;
	height:       12px;
	float:        left;
	margin-left:  6px;
	margin-right: 6px;
}
.pagination_off {
	display:      block;
	background:   url("/images/paginator.png") top left no-repeat;
	width:        12px;
	height:       12px;
	float:        left;
	margin-left:  6px;
	margin-right: 6px;
}
.pagination:link {
	background-position: top left;
}
.pagination:visited {
	background-position: top left;
}
.pagination:hover {
	background-position: bottom left;
}
.pagination:active {
	background-position: bottom left;
}
.pagination:focus {
	background-position: bottom left;
}

/******************************************
 * TICKER STYLES */
 
#ticker_panel {
	display:       block;
	position:      relative;
	top:           -9px; 
	width:         904px;
	margin:        auto;
	text-align:    center;
}
.ticker_section {
	display:      block;
	min-height:   25px;
	width:        904px;
	margin-top:   7px;
	text-align:   left;
}
.left_ticker_section {
	letter-spacing: 1px;
	vertical-align: middle;
	padding-left:   5px;
	padding-top:    3px;
	padding-bottom: 3px;
}
.right_ticker_section {
	letter-spacing: 1px;
	vertical-align: middle;
	padding-left:   5px;
	padding-top:    3px;
	padding-bottom: 3px;
}
.image_ticker_section {
	vertical-align: middle;
	width:          175px;
}
.ticker_table {
	width:          100%;
	vertical-align: middle;
	margin:         auto;
}

/******************************************
 * BELTWAY STYLES */
 
#beltway_wrapper {
	width:         910px;
	margin:        auto;
	margin-bottom: 10px;
}
.beltway_item {
	height:       150px;
	width:        295px;
	overflow:     hidden;
	float:        left;
	padding:      0px;
	margin-right: 3px;
	margin-left:  3px;
	border:       1px solid #CCC;
	text-align:   center;
}
.read_more {
	color:     #900;
	font-size: 14px;
}
.read_more:link    { color: #900; }
.read_more:visited { color: #900; }
.read_more:hover   { color: #F00; }
.read_more:focus   { color: #F00; }
.read_more:active  { color: #F00; }

/******************************************
 * ARTICLES STYLES */
 
#article_wrapper {
	width:         904px;
	margin:        auto;
	margin-bottom: 10px;
}
.article_item {
	width:        297px;
	float:        left;
	margin-left:  2px;
	margin-right: 2px;
}
.article_item a:link    { color: #22262A; }
.article_item a:visited { color: #22262A; }
.article_item a:hover   { color: #CCC; }
.article_item a:active  { color: #CCC; }
.article_item a:focus   { color: #CCC; }
.article_header {
	color:          #900;
	font-size:      24px;
	vertical-align: top;
	padding-bottom: 7px;
}
.article_header a:link    { color: #900; }
.article_header a:visited { color: #900; }
.article_header a:hover   { color: #F00; }
.article_header a:active  { color: #F00; }
.article_header a:focus   { color: #F00; }
.article_link {
	padding-left:   10px;
	padding-right:  10px;
	vertical-align: top;
	text-align:     left;
	font-family:    Helvetica, Arial, sans-serif;
	font-weight:    bold;
	font-size:      14px;
	letter-spacing: -1px;
}
.article_image {
	overflow:      hidden;
	border:        1px solid #CCC;
	margin:        auto;
	width:         83px;
	height:        56px;
}
.article_footer {
	padding-top: 5px;
	text-align:  center;
	font-size:   14px;
	color:       #900;
}
.article_gap_1 {
	height: 10px;
}
.article_gap_2 {
	height:     10px;
	border-top: 1px dotted #CCC;
}
.article_footer a:link    { color: #900; }
.article_footer a:visited { color: #900; }
.article_footer a:hover   { color: #F00; }
.article_footer a:focus   { color: #F00; }
.article_footer a:active  { color: #F00; }
 
 /**************************************************
 * FORMS STYLES */

#form {
	border: 1px solid #CCC;
	margin: auto;
}

.form-title {
	background: url("/images/red_bar_header.png") repeat-x center;
	border:     1px solid #777;
	font-size:  20px;
	text-align: center;
	padding:    1px;
	color:      #FFF;
}
.form-header {
	background: url("/images/bar_header.png") repeat-x;
	border:     1px solid #777;
	font-size:  16px;
	padding:    2px;        
}
.form-header-large {
	background:     #DDD url("/images/bar_header.png") top repeat-x;
	vertical-align: top;
	border:         1px solid #777;
	font-size:      16px;
	padding:        2px;
	padding-top:    3px;
        background-size: 100% 100%;
        vertical-align: middle;
}
.form-field, .form-field-left {
	border:     1px solid #777;
	font-size:  16px;
	text-align: center;
        padding: 5px;
}
.form-field-left {
	text-align: left; 
}
.form-submit {
	text-align:    right;
	padding-right: 10px;
}

.form-element {
	border:     1px solid #600;
	background: #EEE;
        padding: 5px;
}
.form-element:active { background: #FFF; }
.form-element:focus { background: #FFF; }
#submit {
	color:       #000;
	font-weight: bold;
	width:       127px;
	height:      35px;
	background:  transparent url("/images/rounded_button.png") no-repeat top left;
	border:      none;
	overflow:    hidden;
	cursor:      pointer;
	cursor:      hand;
	font-size:   13px;
}
#submit:hover  { background: transparent url("/images/rounded_button.png") no-repeat bottom left; }
#submit:active { background: transparent url("/images/rounded_button.png") no-repeat bottom left; }
#submit:focus  { background: transparent url("/images/rounded_button.png") no-repeat bottom left; }

.image_section {
	margin-left:  25px;
	margin-right: 10px;
	float:        left;
}
.info_section {
	margin-left: 10px;
	float:       left;
	font-size:   16px;
}

.info_section a:link    { color:#000; }
.info_section a:visited { color:#000; }
.info_section a:focus   { color:#900; }
.info_section a:active  { color:#900; }
.info_section a:hover   { color:#900; }

.highlight-font {
	color:     #900;
	font-size: 18px;
}

#captcha-image {
	margin-left: 4px;
	margin-top:  2px;
	float:       left;
	width:       100px;
}
.rest {
	float: left;
	width: 200px;
}
        .jssorb01 {
            position: absolute;
        }
        .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
            position: absolute;
            /* size of bullet elment */
            width: 12px;
            height: 12px;
            filter: alpha(opacity=70);
            opacity: .7;
            overflow: hidden;
            cursor: pointer;
            border: #000 1px solid;
        }
        .jssorb01 div { background-color: gray; }
        .jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
        .jssorb01 .av { background-color: #fff; }
        .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }

        /* jssor slider arrow navigator skin 05 css */
        /*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        */
        .jssora05l, .jssora05r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 40px;
            cursor: pointer;
            background: url('/images/a17.png') no-repeat;
            overflow: hidden;
        }
        .jssora05l { background-position: -10px -40px; }
        .jssora05r { background-position: -70px -40px; }
        .jssora05l:hover { background-position: -130px -40px; }
        .jssora05r:hover { background-position: -190px -40px; }
        .jssora05l.jssora05ldn { background-position: -250px -40px; }
        .jssora05r.jssora05rdn { background-position: -310px -40px; }

        /* jssor slider thumbnail navigator skin 09 css */
        
        .jssort09-600-45 .p {
            position: absolute;
            top: 0;
            left: 0;
            width: 600px;
            height: 45px;
        }
        
        .jssort09-600-45 .t {
            font-family: verdana;
            font-weight: normal;
            position: absolute;
            width:200px;
            height: 100%;
            top: 0;
            left: 0;
            color:#fff;
            line-height: 45px;
            font-size: 20px;
            padding-left: 10px;
        }
        
        #header_panel{
            width: 920px;
            float: left;
            margin: 0px 64px;
        }
        .head_new_panel{
            width: 295px; 
            float: left; 
            margin-right: 6px;
        }
        .news_panel{
            width:95%; 
            padding: 5px;
            height: 90px; 
            display: block; 
            margin: 0 auto; 
            border-bottom: 1px solid lightgray;
        }
        .news_panel_img{
            float:left; 
            width: 30%;
            text-align: center; 
            max-height: 80px;
        }
        .news_panel_img img{
            max-width: 100%; 
            max-height: 80px;
            width: auto;
            height: auto;
        }
        .news_panel_title{
            float: right;
            width: 70%;
            padding-left: 5px;
            font-size: 14px !important;
            font-family: 'Open Sans', sans-serif;
            font-weight: 500;
        }
        #pagination_wrapper{
            *padding-top: 5px;
            *padding-bottom: 10px;
        }
ul#erros_list{
        padding: 0px;
        margin: 0px;
        color: red;
        font-size: 15px;
        padding-left: 30px;
}
p#error_title{
        padding: 0px;
        margin: 0px;
        font-size: 18px;
}
#captcha_cell{
        color: red; 
        width: 300px; 
        margin: 0 auto; 
        text-align: center;
}
.panel-default > .panel-heading{
        font-family: 'Open Sans', sans-serif;
}
.panel-footer{
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
}