/*-------------------------------------------------------------
# Customize CSS 2015.04.24
# Copyright (C) artflair.co.jp
-------------------------------------------------------------*/

.items-more{ display:none;}
.pagination ul{ text-align:center;}
li.item-761{ display:none;}
.pchidden{ display:none;}

/*=============================================================
	レイアウト
=============================================================*/
.half{ width:310px;}
.information{ border:dotted 1px #CCC; background:#FFF; border-radius:5px; padding:10px; margin-top:30px;}
.information p:last-child{ margin-bottom:0px !important;}
.small{ font-size:11px; line-height:1.2em;}
.emphasis{}
.check{}
.check li{ background:url(../../../images/stories/tracks-japan/common/check.png) no-repeat left top; padding-left:20px; line-height:1.2em; margin-bottom: 1em; color:#00007F; text-decoration:underline;}

/*---------- 複合検索 ----------*/
.search_summary{ display:none;}
.cp_field.cp_text_search{ background:url(../../../images/stories/tracks-japan/common/keyword.png) no-repeat left 8px; padding-left:80px;}
.searchform{ margin-top:40px;}
#search .inputbox{ border: solid 1px #ccc !important; background:#FFF !important; padding:0.5em !important;}
.cpsearch table{ border: solid 1px #CCC !important; border-style: solid none none solid !important;}
.cpsearch table th{ border: solid 1px #CCC !important; border-style: none solid solid none !important; background:#FFFFBF !important;}
.cpsearch table td{ border: solid 1px #CCC !important; border-style: none solid solid none !important; background:#FFF !important;}
.cpsearch table .button{ padding:5px 10px 5px 10px !important; background:#00007F !important; border-radius:5px;}
.cp_tags{ display:none !important;}

/*---------- 検索結果 ----------*/
div.componentheading{ background:url(../../../images/stories/tracks-japan/common/componentheading.png) repeat; color:#FFF; font-weight:normal !important; font-size:25px; line-height:1; padding:1.03em 2em 1.02em 2em; border-right: solid 1px #222; font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; margin-bottom:1rem;}
h2.cp_title{ background:#00007F; border: solid 3px rgba(255,255,255,0.3); color:#FFF; font-size:21px; line-height:1; font-weight:bold; padding:0.7em 0.5em; margin:40px 0 20px !important;}
h2.cp_title a{ padding:0px !important; background: none !important; color:#FFF; text-decoration:none; border:none !important; margin-top:0px !important;}

/*---------- トップページ ----------*/
.teaser{ width:980px; margin:30px auto 50px auto;}
.white{ color:#FFF;}
.index-service{}
.index-service .sa01{ width:450px; height:170px; float:left; margin-top:20px; background:url(../../../images/stories/tracks-japan/index/bg_01.png) no-repeat; padding:10px;}
.index-service .sa02{ width:450px; height:170px; float:right; margin-top:20px; background:url(../../../images/stories/tracks-japan/index/bg_02.png) no-repeat; padding:10px;}
.index-service .sa03{ width:450px; height:170px; float:left; margin-top:20px; background:url(../../../images/stories/tracks-japan/index/bg_03.png) no-repeat; padding:10px;}
.index-service .sa04{ width:450px; height:170px; float:right; margin-top:20px; background:url(../../../images/stories/tracks-japan/index/bg_04.png) no-repeat; padding:10px;}
.index-service .sa05{ width:450px; height:170px; float:left; margin-top:20px; background:url(../../../images/stories/tracks-japan/index/bg_05.png) no-repeat; padding:10px;}
.index-service .sa06{ width:450px; height:170px; float:right; margin-top:20px; background:url(../../../images/stories/tracks-japan/index/bg_06.png) no-repeat; padding:10px;}
.index-service .txt{ width:240px; font-size:11px; line-height:1.3em; margin-top:1em;margin-bottom:1em !important;}
.index-service .btn{ margin:0 0 0 0 !important;}
.bottom-link{ margin-top:40px;}
.bottom-link ul{ margin-left:-20px;}
.bottom-link ul li{ width:172px; float:left; margin-left:20px;}
.bottom-link ul li p{ margin-top:1em; color:#CCCCCC; text-align:center;}

/*---------- INTRODUCTION  ----------*/
.condition{ border: solid 1px #DDD; border-style:solid none none solid; width:100%;}
.condition th{ background:#FFFFBF; border: solid 1px #DDD; border-style: none solid solid none; width:30%; padding:0.5em; vertical-align:top;}
.condition td{ background:#FFF; border: solid 1px #DDD; border-style: none solid solid none; width:70%; padding:0.5em; vertical-align:top;}

/*---------- PURCHASE  ----------*/
.purchase{ border: solid 1px #DDD; border-style:solid none none solid; width:100%;}
.purchase th{ background:#FFFFBF; border: solid 1px #DDD; border-style: none solid solid none; width:30%; padding:0.5em; vertical-align:top;}
.purchase td{ background:#FFF; border: solid 1px #DDD; border-style: none solid solid none; width:70%; padding:0.5em; vertical-align:top;}

.product-list{}
.product-list .photo{ width:150px; float:left; margin:0px !important;}
.product-list .photo img{ max-width:100% !important; height:auto !important;}
.product-list .detail{ width:480px; float:right;}
.product-list .detail table{ width:100%; border: dotted 1px #DDD !important; border-style: none none dotted none !important;}
.product-list .detail table td{ border: none !important; padding:0.5em 0;}
.product-list .detail table td.td01:before{ content:"商品カテゴリ："; font-size:11px; font-weight:normal; padding-right:5px;}
.product-list .detail table td.td02:before{ content:"規格コード："; font-size:11px; font-weight:normal; padding-right:5px;}
.product-list .detail.memorabiria table td.td02:before{ content:"商品No.："; font-size:11px; font-weight:normal; padding-right:5px;}
.product-list .detail table td.td03:before{ content:"料金："; font-size:11px; font-weight:normal; padding-right:5px;}
.product-list .detail table td.td03{ color:#F00;}
.product-list .detail p{ margin-top:10px;}

.product-list .detail ul{ border-bottom: dotted 1px #CCC; margin-bottom:1em;}
.product-list .detail ul li{ float:left; padding:0.5em 0; font-weight:bold;}
.product-list .detail ul li.li01{ width:30%;}
.product-list .detail ul li.li02{ width:40%;}
.product-list .detail ul li.li03{ width:30%; color:#F00;}
.product-list .detail ul li.li01:before{ content:"商品カテゴリ："; font-size:11px; font-weight:normal; padding-right:5px;}
.product-list .detail ul li.li02:before{ content:"商品番号："; font-size:11px; font-weight:normal; padding-right:5px;}
.product-list .detail ul li.li03:before{ content:"料金："; font-size:11px; font-weight:normal; padding-right:5px;}
.readmore a,
a.readon { background-color: #00007F; cursor: pointer; display: inline-block; font-size: 11px; line-height:1; padding: 1em 10px !important; text-decoration: none !important; border-radius: 5px; color:#FFF !important; float:right; position:relative; top:-3em;}

.product-img img{ max-width:100% !important; height:auto !important;}
.detail-table01{ width:100%;}
.detail-table01 th{ width:35%; padding:0.75em 0.5em; vertical-align:top; border-bottom: dotted 1px #DDD; line-height:1.2em;}
.detail-table01 td{ width:65%; padding:0.75em 0.5em; vertical-align:top; border-bottom: dotted 1px #DDD; line-height:1.2em;}
.detail-table01 td.price{ font-weight:bold; color:#FF0000;}
.product-comment{ margin-top:20px;}

/*---------- autograph  ----------*/
.autograph{}
.autograph img{ max-width:100%; height:auto;}
span.name01{ display:block; font-size:11px; line-height:1.2em; margin-top:1rem;}
span.name02{ width:200px; display: inline-block; font-size:11px; line-height:1.2em; margin-top:1rem; text-align:left;}
.images{ width:300px; float:left;}
.images img{ max-width:100%; height:auto;}
.triple{ width:300px; height:; float:left; position:relative;}
.triple img{ max-width:100%; height:auto;}
.triple p{ margin-bottom:0px !important;}
.triple .img01{ 
width:300px; 
/*position:absolute; 
top:0px; left:0px;*/
}
.triple .img02{ 
width:140px; 
/*position:absolute; 
top:220px; left:0px;*/
}
.triple .img03{ 
width:140px; 
/*position:absolute; 
top:220px; right:0px;*/
}
.img04{ width:150px;}
.img04 img{ max-width:100%; height:auto;}
.triple span{ display:block; font-size:11px; line-height:1.2em; margin-top:0.5em;}
.detail{ width:300px; float:right;}
.detail h3{ color:#FF0000; font-size:20px; font-weight:bold; line-height:1; margin-bottom:1rem;}
.message{ border: solid 1px #DDD; background:#FFF; padding:9px; margin-top:20px;}
.message p:last-child{ margin-bottom:0px !important;}

/*=============================================================
	レイアウト
=============================================================*/

/*---------- HEADER ----------*/
.logo{ width:248px; height:28px; position:absolute; top:26px; left:3px;}
#topModule .search{ position:absolute; top:21px; right:0px; background:#BBBBBB; padding:5px;}
#topModule .search label{ display:none;}
#topModule .search .inputbox{ margin:0px !important; padding:5px !important; height:23px; width:200px; border: solid 1px #AAA !important; background:#DDD !important; font-size:13px !important; color:#333 !important; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;}
#topModule .search input.button{ margin:0px !important; padding:0px !important;}

.left-menu{}
.left-menu li{}
.left-menu li a{ color:#FFF; text-decoration:none; transition: all 0.5s ease 0s; display:block; line-height:1; margin-top:1px; padding:1em 0 1em 0.5em; background:#222;}
.left-menu li a:hover{ padding:1em 0 1em 2em; background:#666;}
.left-menu{}
.left-menu{}

/*---------- FOOTER ----------*/
.footer-inner .fl01{ float:left; width:180px;}
.footer-inner .fl01 li{ color:#444; line-height:1; margin-bottom:0.5em;}
.footer-inner .fl01 li a{ color:rgba(255,255,255,1); text-decoration:none;}
.footer-inner .fl01 li a:hover{ color:rgba(255,255,255,0.6); text-decoration: underline;}
.footer-inner .fl02{ float:left; width:180px; margin-left:20px;}
.footer-inner .fl02 h3{}
.footer-inner .fl02 ul{ margin-top:0.5em;}
.footer-inner .fl02 ul li{ font-size:11px; color:#444; line-height:1; margin-bottom:0.5em;}
.footer-inner .fl02 ul li a{ color:rgba(255,255,255,1); text-decoration:none;}
.footer-inner .fl02 ul li a:hover{ color:rgba(255,255,255,0.6); text-decoration: underline;}
.footer-inner .login-link{ font-size:11px; position:absolute; bottom:13px; left:0px; line-height:1.2em;}
.footer-inner .login-link a{ color:rgba(255,255,255,0.3); text-decoration: underline;}
.footer-inner .login-link a:hover{ color:rgba(255,255,255,1); text-decoration: none;}

/*=============================================================
	基本設定
=============================================================*/
body{
	margin:0;
	padding:0;
	text-align:center;
	font-size:13px;
	line-height:1.5em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	color:#333;
	height:100%;
	-webkit-text-size-adjust: 100%;
}
a:link{color:#134A77; text-decoration:underline; transition: all 0.2s ease 0s;}
a:visited{color:#3399CC; text-decoration:underline;}
a:hover{color:#990033; text-decoration:none;}
a:active{color:#006699; text-decoration:none;}

/*---------- LAYOUT STYLES ----------*/
#all { background:url(../../../images/stories/tracks-japan/common/background.png) no-repeat center top #111;}
#header { margin: 0 auto; position:relative; background:#DDDDDD; border-bottom: solid 1px #666666; outline: solid 1px #DDD; outline-style: none none solid none; width:100%; min-width:980px;}
#topModule { margin: 0 auto; width:980px !important; height:79px; position:relative;}
#topModule #h1title { font-size:11px; line-height:1; position:absolute; top:5px; left:0px;}/* サマリー */
#promo { margin: 0 auto; width:980px;}
#pageAll { margin: 0px auto 40px auto; width:980px !important;}
#wrapper { padding: 0px;}
#main {}
#maincontent { padding: 20px; background:#EEE; border-radius:10px;}
body#home #maincontent { background:none !important;}
#left { float: left; width: 25.51%;}
#right { float: left; width: 20%;}
#wrapper.scheme_3 #content { float: left; width: 60%;} /* 3カラム */
#wrapper.scheme_2 #content { float: right; width: 71.43%;} /* 2カラム */
#wrapper.scheme_1 #content { float: left; width: 100%;} /* 1カラム */
#bottom {}
#bottom #modules-bottom { margin: 0 auto; width:980px !important;}
#footer { border-top: solid 1px #333; background:#111;}
.footer-inner{margin: 0 auto; width:980px !important; background:url(../../../images/stories/tracks-japan/common/footer_bg.png) no-repeat center top; padding:36px 0 10px; position:relative;}
.footer-inner .copyright{ color:#FFF; line-height:1.2em; font-size:13px; text-align:center; margin-top:20px;}

/*---------- TOP MENU ----------*/
#topmenuIcons { background: #666666; margin: 0;}
#topmenu { margin: 1px auto 0; width: 980px;}
#topmenu ul.menumenu-mainmenu{}
#topmenu ul.menumenu-mainmenu > li{ float:left; position:relative; cursor:pointer;}
#topmenu ul.menumenu-mainmenu li ul{ position:absolute; top:51px; left:0px; z-index:10000; display:none; width: auto;}
#topmenu ul.menumenu-mainmenu li:hover ul{ display:block; top:51px;}
#topmenu ul.menumenu-mainmenu li ul li{ float:none; background:rgba(102,102,102,0.9); font-size:11px;}
#topmenu ul.menumenu-mainmenu li ul li a{ display: block; text-align:center; line-height:1.2em; padding:1em 2em; border-bottom: dotted 1px #999; color:#FFF; text-decoration:none;}
#topmenu ul.menumenu-mainmenu li ul li a:hover{ color:#FFF;}
#topmenu ul.menumenu-mainmenu li ul li:hover{ background:rgba(51,51,51,0.9);}
#topmenu ul.menumenu-mainmenu li.item-435 ul li{ width:85px;}
#topmenu ul.menumenu-mainmenu li.item-751 ul li{ width:109px;}
#topmenu ul.menumenu-mainmenu li.item-754 ul li{ width:131px;}
#topmenu ul.menumenu-mainmenu li.item-752 ul li{ width:181px;}
#topmenu ul.menumenu-mainmenu li.item-753 ul li{ width:145px;}
#topmenu ul.menumenu-mainmenu li.item-755 ul li{ width:117px;}
#topmenu ul.menumenu-mainmenu li.item-756 ul li{ width:121px;}
#topmenu ul.menumenu-mainmenu li.item-758 ul li{ width:91px;}
#topmenu { width: 981px !important;}

/*---------- パンくず ----------*/
.breadcrumbs { font-size:11px; line-height:1; margin: 20px auto; background:; padding:0; color:#CCC;}
.breadcrumbs img{ display:none;}
.breadcrumbs a.pathway,
.breadcrumbs span{ background: url(../../../images/stories/tracks-japan/common/path.png) no-repeat 2px 3px; padding-left:15px;}
.breadcrumbs a.pathway{ color:#FFF;}

/*---------- 見出し ----------*/
h2.componentheading { background:url(../../../images/stories/tracks-japan/common/componentheading.png) repeat; color:#FFF; font-weight:normal !important; font-size:25px; line-height:1; padding:1.03em 2em 1.02em 1.5em; border-right: solid 1px #222; font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; margin-bottom:1rem;}
h3.contentheading,
.kiji-midashi { background:#00007F; border: solid 3px rgba(255,255,255,0.3); color:#FFF; font-size:21px; line-height:1; font-weight:bold; padding:0.7em 0.5em; margin:40px 0 20px;}
body#topics .contentheading{ margin-bottom:0px !important;}
.kiji-midashi-2 { font-size:17px; font-weight:bold; color:#DD0000; line-height:1; padding:0.5em 0; margin:20px 0 10px;}
.kiji-midashi-3 {}

/*---------- 問い合わせフォーム ----------*/
/* visform */
.visform{ margin: 0 auto 0 auto;}
p.visCSSclear{ margin-bottom:0px !important;}
.visform input,
.visform select,
.visform textarea{background-color: #f7f7f7;border: 1px solid #cccccc; padding: 4px;}
.visCSSlabel { font-size: 13px; margin: 7px 0; padding-left: 10px;}
.visCSSinput { margin: 0;}
.visCSStop0 {}
.visCSSmargLeft { display: inline; margin: 0;}
.visBtnCon {}
.visBtnCon .send { border-radius: 5px; font-size: 13px; padding: 8px;}
.field-sep { border-top: 1px dotted #DDD; padding: 10px 0;}
.visCustomText { display: inline-block; margin:0px !important;}
.visCustomText p { margin:0px !important; display: inline-block !important; line-height:1.2em; padding:0.5em;}
#visformcontainer input:focus,
#visformcontainer textarea:focus { background-color: #FFF5D6 !important; border: 1px dotted #999999 !important;}
#visformcontainer .error-text{}
#radio-listlbl { display: inline; height: 60px; padding-left: 6px; width: 30%;}
#radio-listlbl input{}
.radio-list-label { width: auto;}
.radio-list-field { clear: none;}
.w60{width: 60%;}
.w50{width: 50%;}
.w40{width: 40%;}
.w30{width: 30%;}
.w20{width: 20%;}
.w10{width: 10%;}
.w-auto{width: auto;}
p.errorcontainer { margin-bottom: 0; margin-top: 0; padding-top: 0;}

/*---------- 新着情報 ----------*/
.jsn-article-info { display: block; line-height: 1; overflow: hidden; margin: 0 0 10px 0; padding:1em 0; border-bottom: dotted 1px #CCC;}
.publishdate { background-position: 0 -86px;}
.author, .publishdate { background-image: url("../images/icons-base.png"); background-repeat: no-repeat;}
.author, .publishdate { padding-left: 22px;}
.jsn-article-info p { font-size: 13px; line-height:1; text-align:right; margin:0px !important;}


/*=============================================================
	リセット
=============================================================*/
html { height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,blockquote,th,td,img,p{ margin: 0px; padding: 0px; font-weight:normal;}
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal}
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{ text-align: left; display: block}
table { border-collapse: collapse; border-spacing: 0}
caption,th { text-align: left}
q:before,q:after { content: ''}
img,
object,
embed { vertical-align: top}
hr,legend{ display: none}
h1,h2,h3,h4,h5,h6 { font-size: 100%}
img,abbr,acronym,fieldset{ border:none}
li{ list-style-type: none}
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/*---------- margin ----------*/
.mt-05{ margin-top:5px !important}
.mt-10{ margin-top:10px !important}
.mt-20{ margin-top:20px !important}
.mt-30{ margin-top:30px !important}
.mt-40{ margin-top:40px !important}
.mt-50{ margin-top:50px !important}
.mt-60{ margin-top:60px !important}
.mt-70{ margin-top:70px !important}
.mt-80{ margin-top:80px !important}
.mt-90{ margin-top:90px !important}
.mt-100{ margin-top:100px !important}

/*---------- align ----------*/
.align-left{ text-align: left;}
.align-right{ text-align: right;}
.align-center{ text-align: center;}

/*---------- float ----------*/
.float-left{ float:left;}
.float-right{ float:right;}

/*---------- image ----------*/
.img-left{ float:left; margin:0 20px 20px 0;}
.img-right{ float:right; margin:0 0 20px 20px;}

/*----- clearfix -----*/
.clearfix { zoom:1;}
.clearfix:after{ content: ""; display: block; clear: both;}
.clearfloat { clear: both; height: 0; font-size: 1px; line-height: 0px;}

/*--------------------------------------------------------------
# Copyright (C) joomla-monster.com
# License: http://www.joomla-monster.com/license.html Joomla-Monster Proprietary Use License
# Website: http://www.joomla-monster.com
# Support: info@joomla-monster.com
---------------------------------------------------------------*/

.midashi-q{background-image: url("../images/q.gif");background-position: 3px 50%;background-repeat: no-repeat;border-color: #CCCCCC #CCCCCC #FFA200;border-style: solid;border-width: 1px 1px 2px;font-size: 12px;line-height: 32px;margin: 10px 0;text-indent: 30px;}
.text-highlight { padding: .2em .5em; background: #FFFFAA;}
.highlight-green { color: #fff; background: #48691b;}
.highlight-light { color: #000; background: #e5e5e5;}
.highlight-dark { color: #fff; background: #595959;}

.text-alert { background-image: url("../images/icon-text-alert.png") ; background-repeat: no-repeat; background-position: 0 5px; background-color: #ffdfdf; border-bottom: 2px solid #feabab; border-top: 2px solid #feabab; line-height: 1; padding: 10px 54px;}
.text-info { border-top: 2px solid #B7D2F2; border-bottom: 2px solid #B7D2F2; background-image:url(../images/icon-text-info.png); background-repeat: no-repeat; background-position: 0 5px; background-color: #DBE7F8; line-height: 1; padding: 10px 54px;}
.text-download { border-top: 2px solid #DDEDBC; border-bottom: 2px solid #DDEDBC; background-image: url(../images/icon-text-download.png) ; background-repeat: no-repeat; background-position: 0 5px; background-color: #F2F9E5; line-height: 1; padding: 10px 54px;}
.text-comment { border-top: 2px solid #FEEBAB; border-bottom: 2px solid #FEEBAB; background-image: url(../images/icon-text-comment.png); background-repeat: no-repeat; background-position: 0 5px; background-color: #FEF8E1; line-height: 1; padding: 10px 54px;}
.text-tip { border-top: 2px solid #FEEBAB; border-bottom: 2px solid #FEEBAB; background-image: url(../images/icon-text-tip.png); background-repeat: no-repeat; background-position: 0 5px; background-color: #FFFFD5; line-height: 1; padding: 10px 54px;}
.text-attachment { border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; background-image: url(../images/icon-text-attachment.png) ; background-repeat: no-repeat; background-position: 0 5px; background-color: #f2f2f2 ; line-height: 1; padding: 10px 54px;}
.text-video { border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; background-image: url(../images/icon-text-video.png) ; background-repeat: no-repeat; background-position: 0 5px; background-color: #f2f2f2 ; line-height: 1; padding: 10px 54px;}
.text-audio { border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; background-image: url(../images/icon-text-audio.png) ; background-repeat: no-repeat; background-position: 0 5px; background-color: #f2f2f2 ; line-height: 1; padding: 10px 54px;}

.link-highlight { color: #595959; font-weight: bold; display: block; padding: 5px; border: 1px solid transparent;}
.link-highlight:hover { color: #000; border-color: #d9d9d9; text-decoration: none; background-color: #f2f2f2;}

.news-title { background-color: #E5E2D3; color: #444444; font-size: 14px; margin: 15px 0 0; padding: 7px 10px;}
.news-box {}
.news-box ul { margin: 0; padding: 0;}
.news-box ul li { color:#FFF; border-bottom: dotted 1px #222 !important; padding:1em 0 !important; line-height:1.1em !important;}
.news-box ul li a{ color:#FFF !important;}

.srfrContainer {}
.srfrContainer ul{}
.srfrContainer ul li{}
.srfrContainer ul li a{}
.srfrContainer ul li h3{}

ul#yoko-link { border-left: 1px solid #FFFFFF; line-height: 1.2; margin: 0; overflow: hidden;}
ul#yoko-link li { background-image: none; border-right: 1px solid #999999; border-top: 0 none; float: left; list-style: none outside none; margin-bottom: 10px; padding: 0;}
ul#yoko-link li a,
ul#yoko-link li .separator
 { background-image: none; padding: 0 7px;}
ul#yoko-link li a:hover{}
.aiContactSafe_sufix { display: block;}
#smap{display: none;}
.mb{display: none;}
.copyright { clear: both; font-size: 11px; margin: 0; overflow: hidden; text-align: center;}
li.lnd_latestnews a { margin-left: 10px;}
ul#sidemenu li .separator { display: block; padding: 7px 7px 7px 0;}
ul#menufloatleft { margin: 0; width: 170px;}
ul#menufloatleft li { background-image: url("../images/icon-arrow-white.png"); background-position: left 2px; background-repeat: no-repeat; margin-bottom: 3px; margin-left: 5px; padding-left: 18px;}
ul#menufloatleft li.parent ul { margin: 0;}
ul#menufloatleft li.parent ul li{}
ul#menufloatleft li a:link{}
ul#sidemenu {}
ul#sidemenu li {}
ul#sidemenu li a:link {}
ul#sidemenu li.parent ul {}
ul#sidemenu li.parent ul li {}
#gaiyo-table { border-collapse: collapse; width: 100%;}
#gaiyo-table tbody{}
#gaiyo-table td{border-bottom:1px dotted #696969;}
#gaiyo-table th { border-bottom: 1px dotted #696969; font-weight: normal; width: 15%;}
ul.category-module{}
ul.category-module li { background-color: #F7F7F7; border-bottom: 1px dotted #CCCCCC; padding-bottom: 5px; padding-top: 5px;}
ul.categories-modulerichbox-2 li h4 { display: inline; font-size: 12px; margin: 0;}
ul.categories-modulerichbox-2 li { border-bottom: 1px dotted #CCCCCC;}
ul.categories-modulerichbox-2 li a:link{background-image: url("../images/icon-arrow-black.png");background-position: 5px 9px;background-repeat: no-repeat;display: block;padding-bottom: 7px;padding-left: 25px;padding-top: 7px;}
.aics_CheckboxList_inline,
.aics_radio_inline { float: left; line-height: 1; margin-bottom: 5px; margin-top: 4px;}

.aics_CheckboxList_inline input,
.aics_radio_inline input { margin: 2px 3px 0 4px;}
.aics_CheckboxList_inline label,
.aics_radio_inline label { float: left; line-height: 1.2em; margin: 0 3px;}

#aiContactSafeForm input,
#aiContactSafeForm textarea,
#aiContactSafeForm select { background-color: #F7F7F7; border: 1px solid #CCCCCC; padding: 4px;}
#itemlist-table { border-collapse: separate; border-spacing: 2px; font-size: 12px; line-height: 1.2; margin-top: 5px; width: 170px;}
#itemlist-table td { background-color: #EDF2F6; font-size: 12px; padding: 3px;}
#itemlist-table th { background-color: #C9DAE4; 
 font-weight: normal; padding: 3px;}

#jform_params_navigation{font-size: 10px;padding-right: 0;}
a:link, a:visited { color: #1D3994;}
#pathwayFonts {}

#search .inputbox { border-top: 1px solid #5fa93a; border-left: 1px solid #5fa93a; background: url(../images/default/bg_inputbox.gif) top left repeat-x;}
#search .button { background: url(../images/default/bg_button.gif) left top no-repeat;}
#fonts a#largeFont { background: url(../images/default/big_font.gif) left top no-repeat;}
#fonts a#smallFont { background: url(../images/default/small_font.gif) left top no-repeat;}
#fonts a#normalFont { background: url(../images/default/default_font.gif) left top no-repeat;}
#pathway h3, #pathway { color: #006383;}

/**modules**/
div.djmodule {}
#content div.djmodule{border: none;}

div.bg { background: #edf4f6;}
div.bgh3 h3 { background: #edf4f6;}
div.arrow h3 { background: url(../images/default/arrow_bg.gif) left no-repeat;}

/**menus**/
ul.menu li, 
ul#mainlevel li { border-top: solid 1px #d7e7ec;}
ul.menu li a:link, 
ul.menu li a:visited, 
ul#mainlevel li a { color: #1D3994; background: url(../images/default/bg_alink.png) left no-repeat;}
ul.menu li ul li a:link, 
ul.menu li ul li a:visited, 
ul.menu li ul li.active a, 
ul.menu li ul li.active li a, 
ul.menu li ul li.active li li a { color: #006383;}

/*--------------------------------------------------------------
# Copyright (C) joomla-monster.com
# License: http://www.joomla-monster.com/license.html Joomla-Monster Proprietary Use License
# Website: http://www.joomla-monster.com
# Support: info@joomla-monster.com
---------------------------------------------------------------*/

/*********** MENUS STYLES **********/

/***default module menu***/
ul.menu, 
ul#mainlevel { list-style-type: none; margin: 0; padding: 0; display: block;}
ul.menu li, 
ul#mainlevel li { margin: 0; padding: 0 0 0 10px; /*
 border-top: solid 1px #d7e7ec; */
 display: block;}
ul.menu li a:link, 
ul.menu li a:visited, ul#mainlevel li a { display: block; font-weight: normal; padding: 7px 0 7px 10px; margin: 0; /*
 color: #006383; */
 text-decoration: none; outline: none; /*
 background: url(../images/default/bg_alink.png) left no-repeat; */
}
ul.menu li a:hover, 
ul#mainlevel li a:hover { text-decoration: underline;}
ul.menu li.active a, 
ul#mainlevel li a#active_menu { text-decoration: underline;}
ul.menu li ul { list-style: none; margin: 0; padding: 0;}
ul.menu li ul li { margin: 0; padding: 0 0 0 10px; background: none;}
ul.menu li ul li a:link, 
ul.menu li ul li a:visited, 
ul.menu li ul li.active a, 
ul.menu li ul li.active li a, 
ul.menu li ul li.active li li a,
ul.menu li ul li.active li li li a,
ul.menu li ul li.active li li li li a { font-size: 0.9em; display: block; text-align: left; padding: 7px 0 7px 10px; margin: 0; /* color: #006383; */ text-decoration: none;}
ul.menu li ul li.active a, 
ul.menu li ul li li.active a, 
ul.menu li ul li li li.active a,
ul.menu li ul li li li li.active a,
ul.menu li ul li li li li li.active a,
ul.menu li ul li.active a { text-decoration: underline;}
ul.menu li ul li a:hover { text-decoration: underline !important;}

/**maincontent**/
#maincontent ul.menu, 
#maincontent ul#mainlevel { margin: 0;}

/**global styles**/
div.registration fieldset, 
div.profile fieldset, 
div.profile-edit fieldset, 
div.remind fieldset, 
div.reset fieldset, 
div.login fieldset,
div.edit fieldset { border: 1px solid #D7E7EC;}

fieldset.word, 
fieldset.phrases, 
fieldset.only { border: 1px solid #D7E7EC;}
.inputbox, input.validate-password, input.validate-username, input.required, select, textarea, div.formelm input { border: 1px solid #d6e6eb; background: #edf4f6; color: #006383;}
input.button, button.validate, button { background: #006383;}
fieldset.phrases { border: 1px solid #D7E7EC;}
fieldset.only { border: 1px solid #D7E7EC;}
fieldset.filters { border: 1px solid #D7E7EC;}
table.category { border: 1px solid #019FD5; width: 100%;}
table.category thead { background: #019FD5;}
div.panel h3.title { background: #019FD5;}
tr, td {font-size: 13px;line-height: 1.7em;}
td p { font-size: 13px;}
p.readmore a:link, p.readmore a:visited { color: #006383;}

/*********** MODULES STYLES **********/
div.djmodule { margin: 0;}
div.djmodule h3, div.djmodule2 h3 { color: #006383; margin: 0; padding: 0;}
div.module-content { padding: 0;}
#user1_user2 div.djmodule,
#user5 div.djmodule { margin: 0;}
div.djmodule2 h3 { font-weight: bold; margin: 0; padding: 0;}
div.djmodule2 { padding: 0;}
div.djmodule2 .module-content2 { padding: 0;}

/**sufixes**/
div.arrow h3 { margin: 0 0 0 10px; padding-left: 15px;}

/************************ plugin page break ******************/
hr.system-pagebreak { background: #D7E7EC;}

/************************ Presentation Style: pages ******************/
div#article-index { border: 1px solid #D7E7EC;}
div.pagenavcounter { background: #D7E7EC; border: 1px solid #D7E7EC;}

/************************ Presentation Style: sliders ******************/
div#sliders div.panel { border: 1px solid #D7E7EC;}
div#sliders .panel h3#basic-details.title { border: 1px solid #D7E7EC; background: #D7E7EC;}
div#sliders .panel h3#basic-details.title a:link,
div#sliders .panel h3#basic-details.title a:visited { color: #006383;}

/************************ Presentation Style: tabs ******************/
.tabs dt.tabs { background: #EDF4F6; border-right: solid 1px #006383; border-left: solid 1px #006383; border-top: solid 1px #006383;}
.tabs dt.tabs.closed { background: #006383; border: solid 1px #006383;}
.tabs dt.tabs.basic-details.open h3 a:link,
.tabs dt.tabs.basic-details.open h3 a:visited { color: #006383;}
dd.tabs { 
 background: #EDF4F6; border: solid 1px #006383;}

/*********** DEFAULT JOOMLA STYLES **********/

/**registration, login**/
span.star, strong.red, .invalid { color: #ff0000;}
div.login fieldset { border: none;}

div.registration fieldset, 
div.profile fieldset, 
div.profile-edit fieldset, 
div.remind fieldset, 
div.reset fieldset, 
div.login fieldset,
div.edit fieldset { margin: 0 0 10px 0; padding: 10px;}
div.registration fieldset legend, 
div.profile fieldset legend, 
div.profile-edit fieldset legend,
div.edit fieldset legend { font-weight: bold;}
div.registration form#member-registration fieldset dt, 
div.profile form#member-profile fieldset dt,
div.profile fieldset#users-profile-core dt,
div.profile fieldset#users-profile-custom dt,
div.profile-edit form#member-profile fieldset dt, 
div.remind fieldset dt, 
div.reset fieldset dt { float: left; clear: both; padding: 2px; margin: 0; min-width: 250px; line-height: 26px;}
div.registration form#member-registration fieldset dd, 
div.profile form#member-profile fieldset dd, 
div.profile fieldset#users-profile-core dd,
div.profile fieldset#users-profile-custom dd,
div.profile-edit form#member-profile fieldset dd, 
div.remind fieldset dd, div.reset fieldset dd { float: none; padding: 2px; margin: 0; line-height: 26px;}
.registration dl dt:first-child { width: 100% !important;}

div.formelm label,
div.formelm-area label { display: inline-block; min-width: 200px;}
.field-title label { min-width: 0 !important;}
.formelm input{}

div.formelm img { vertical-align: middle; margin: 0 5px;}
div.formelm-buttons { padding: 10px 0;}
div.login-fields { padding: 5px 0;}
fieldset.userdata { border: none; padding: 0; margin: 0;}
div.registration label { display: inline-block; min-width: 200px;}
.login-fields label#password-lbl,
.login-fields label#username-lbl { min-width: 100px; display: inline-block;}

/**buttons, inputs**/
input.button, button.validate, button { border: none; color: #fff; font-size: 12px; font-weight: normal; margin: 0 0 0 5px; padding: 3px 5px; vertical-align: middle; cursor: pointer;}
.inputbox, input.validate-password, input.validate-username, input.required, select, textarea, div.formelm input { font-size: 12px; font-weight: normal; margin: 3px 0; padding: 2px 0 2px 2px; vertical-align: middle;}
input#modlgn-remember { margin: 0 10px 0 0; padding: 0; border: 0; background: none;}
#form-login-username label,
#form-login-password label { width: 100px; display: inline-block;}
.userdata input.button { margin: 10px 0;}

/**page navigation**/
ul.pagenav { list-style-type: none; padding: 0; margin: 20px 0 0 0;}
ul.pagenav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
ul.pagenav { display: inline-block;}

/* Hides from IE-mac \*/ * html ul.pagenav { height: 1%;}
ul.pagenav { display: block !important;}
ul.pagenav li { display: inline; padding: 0; margin: 0; background: none;}
ul.pagenav li a { font-weight: bold;}
ul.pagenav li.pagenav-prev { float: left;}
ul.pagenav li.pagenav-next { float: right;}

/**pagination**/
div.pagination { margin: 10px 0; padding: 10px 0; text-align: center; clear: both;}
div.pagination ul { list-style-type: none; margin: 0; padding: 0;}
div.pagination li { display: inline; padding: 2px; margin: 0 2px; background: none; font-weight: bold;}
.pagenav { padding: 2px;}
div.pagination li.pagination-start, 
div.pagination li.pagination-next, 
div.pagination li.pagination-end, 
div.pagination li.pagination-prev { border: 0;}
div.pagination li.pagination-start, 
div.pagination li.pagination-start span { padding: 0;}
p.counter { text-align: center;}

/**search**/
fieldset.word, 
fieldset.phrases, 
fieldset.only { padding: 10px; margin: 0 0 10px 0;}
fieldset.phrases {}
fieldset.only {}
div.searchintro { font-size: 12px;}
fieldset.only legend, 
fieldset.phrases legend { font-weight: bold;}

/****content****/
div.items-leading { display: inline-block; width: 100%;}
div.items-row { display:;}
.row-separator {}
.item-separator { display: block; width:; height:; margin:; background:;}
.shownocolumns {}
.category-desc {}

/**blog featured single**/
div.blog-featured {}
div.blog {}
div.item-page {}
div.category-list {}
div.archive {}
div.contact-category {}
div.search {}
div.blog h2, 
div.item-page h2, 
div.blog-featured h2 { font-weight: bold;}

div.blog h1, 
div.blog-featured h1, 
div.item-page h1, 
div.archive h1, 
div.contact-category h2, 
div.categories-list h1, 
div.category-list h1, 
div.search h1 { font-weight: bold;}

div.blog-featured h2 a:link, 
div.blog-featured h2 a:visited, 
div.blog h2 a:link, 
div.blog h2 a:visited, 
div.item-page h2 a:link, 
div.item-page h2 a:visited { font-weight: bold;}

div.blog-featured h2 a:link, 
div.blog-featured h2 a:visited, 
div.blog h2 a:link, 
div.blog h2 a:visited, 
div.item-page h2 a:link, 
div.item-page h2 a:visited { text-decoration: none;}

div.contact h2 span.contact-name {}
div.newsfeed {}
div.newsfeed h2.redirect-ltr {}
div.newsfeed h2.redirect-ltr a {}

/**blog layout**/
.item { display: block;}
.cols-1 { display: block; float: none !important; margin: 0 !important; overflow: hidden;}
.cols-2 .column-1 { float: left; width: 48%;}
.cols-2 .column-2 { float: right; width: 48%;}
.cols-3 .column-1, 
.cols-3 .column-2, 
.cols-3 .column-3 { float: left; width: 31%;}
.cols-3 .column-2 { padding: 0 3%;}
.cols-4 .column-1, 
.cols-4 .column-2, 
.cols-4 .column-3, 
.cols-4 .column-4 { float: left; width: 23%;}
.cols-4 .column-2 {}
.cols-4 .column-3 {}
.items-more { padding: 10px 0;}
.items-more h3 { font-weight: bold;}

/**single article**/
ul.actions { margin: 0 0 5px; padding: 0; text-align: right; width: 100%;}
ul.actions li { display: inline; background: none;}
.actions img { border: none;}
.article-info { margin: 0 0 10px 0; font-size: 11px; line-height: 15px;}
.article-info-term { font-weight: bold;}
.archive .article-info dd, 
.article-info dd { margin: 0;}

/**article categories**/
.categories-list ul { list-style: none; margin: 0;}
.categories-list h1 {}
dl.article-count dt, 
dl.article-count dd { display: inline; margin: 0;}
dl.article-count dt, 
dl.article-count dd { display: inline; margin: 0;}

/**web category list**/
.weblink-category {}

/**profile**/
.profile dd { font-style: italic;}
.calendar, .calendar table { margin: 0 5px; vertical-align: middle;}
img.calendar { border: medium none; width: 24px;}

/**archive**/
fieldset.filters { padding: 10px; margin: 0 0 20px 0;}
fieldset.filters legend { font-weight: bold;}
ul#archive-items .row0,
ul#archive-items .row1 { background: none; list-style: none;}
ul#archive-items h2 a:link,
ul#archive-items h2 a:visited { text-decoration: none;}

/**contact, article category list**/
table.category { width: 100%; margin: 10px 0; border-collapse: collapse; border-spacing: 0;}
table.category th { font-weight: bold; padding: 8px; color: #fff; border: none;}
table.category th a { color: #fff; text-decoration: none;}
table.category .cat-list-row0 td { padding: 8px; border: none;}
table.category .cat-list-row1 td { padding: 8px; border: none;}
.cat-children h3 {}

/**single contact slider**/
div.contact-slider {}
div.panel {}
div.panel h3.title { padding: 8px; font-size: 12px; margin: 0 0 1px;}
div.panel h3.title a:link, 
div.panel h3.title a:visited { text-decoration: none; color: #fff;}
div.panel h3.pane-toggler-down {}
div.pane-slider {}
div.pane-down { padding: 10px !important;}
form#contact-form fieldset { border: none; padding: 0; margin: 0;}
form#contact-form dt,
form#contact-form dd,
form#contact-form button.button { margin: 0;}

/**details**/
.tip { background: #FFFFFF; border: 1px solid #CFCCCC; padding: 10px;}
.img_caption { font-size: 10px; background: none; margin: 0px; padding: 0px; border-top: none;}
p.readmore { text-align: right;}
p.readmore a:link, p.readmore a:visited { padding: 0 0 0 15px; margin: 0px; display: block; font-size: 0.9em; line-height: 1.2em; font-weight: bold; float: right;}
p.readmore a:hover { text-decoration: none;}

/************************ plugin page break ******************/
hr.system-pagebreak { display: block; width: 100%; height: 1px; margin: 15px 0px; clear: both; height: 1px; border: none;}

/************************ Presentation Style: pages ******************/
div#article-index { padding: 10px 5px;}
div#article-index { float: right; margin: 0 0 0 10px; padding: 10px; width: 140px; background: none;}
div.pagenavcounter { clear: both; float: right; margin: 0 0 10px 10px; padding: 5px 10px; text-align: center; width: 140px;}
div#article-index h3 { font-size: 12px; font-weight: bold; text-align: center;}

/************************ Presentation Style: sliders ******************/
div#sliders div.panel { margin: 0 0 1px 0;}
div#sliders .panel h3#basic-details.title { font-size: 12px; line-height: 18px; text-align: center; padding: 8px; margin: 0; cursor: pointer;}
div#sliders .panel h3#basic-details.title a:link,
div#sliders .panel h3#basic-details.title a:visited { text-decoration: none; font-weight: normal;}
div#sliders .panel h3#basic-details.title.pane-toggler-down a:link,
div#sliders .panel h3#basic-details.title.pane-toggler-down a:visited { font-weight: bold;}
div#sliders .panel h3#basic-details.title a:hover { font-weight: bold;}
div#sliders .panel div.pane-slider { padding: 5px;}

/************************ Presentation Style: tabs ******************/
dl#tabs.tabs { float: none; display: inline-block; padding: 10px 0 0;}
dl.tabs { margin: 0;} 
.tabs dt.tabs { float: left; padding: 5px 10px 6px 10px; margin: 0 5px -1px 0; border-bottom: none;}
.tabs dt.tabs.closed { padding: 5px 10px;}
.tabs dt.tabs.basic-details h3 { font-size: 12px; margin: 0;}
.tabs dt.tabs.basic-details h3 a:link,
.tabs dt.tabs.basic-details h3 a:visited { text-decoration: none; color: #fff;}
dd.tabs { clear:both; margin: 0; padding: 10px;}

/* Unpublished */
.system-unpublished { background: #e8edf1; border-top: 4px solid #c4d3df; border-bottom: 4px solid #c4d3df;}

/* System Messages */
#system-message { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; display: none;}
#system-message dd { margin: 0; font-weight: bold; text-indent: 0px;}
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}

/* System Standard Messages */
#system-message dd.message ul { color: #fff; font-weight: bold; font-size: 12px; background: #0e4185; border: none; margin: 0; text-align: center; padding: 15px 10px;}
#system-message dd.message ul li { display: inline;}

/* System Error Messages */
#system-message dd.error ul { color: #fff; font-weight: bold; font-size: 12px; background: #ce1c13; border: none; margin: 0; text-align: center; padding: 15px 10px;}
#system-message dd.error ul li { display: inline;}

/* System Notice Messages */
#system-message dd.notice ul { color: #fff; font-weight: bold; font-size: 12px; background-color: #FF0000; border: none; margin: 0; text-headtablealign: center; padding: 15px 10px;}
#system-message dd.notice ul li { display: inline;}
#system-message ul li { background: none; margin-left: 30px;}
#headtable h1 { font-size: 10px; font-weight: normal; margin: 0;}
.headleft { float: left;}.headright{float: right;}
#headtable { width: 100%;}
#headtable td{ width: 65%;}
#headtable th { text-align: left; width: 35%;}

/*--------------------------------------------------------------
# Copyright (C) joomla-monster.com
# License: http://www.joomla-monster.com/license.html Joomla-Monster Proprietary Use License
# Website: http://www.joomla-monster.com
# Support: info@joomla-monster.com
---------------------------------------------------------------*/

/*********** RESET GLOBAL STYLES **********/
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}
h1, h2, h3, h4, h5, h6 {}
fieldset {}
blockquote:before, blockquote:after, q:before, q:after {}
blockquote, q {}
a:link, a:visited {}
a:hover {}
ul {}
ol {}
ol li {}
ul li{}
ol li{} 
p {}
a img {}

/*--------------------------------------------------------------
# Copyright (C) joomla-monster.com
# License: http://www.joomla-monster.com/license.html Joomla-Monster Proprietary Use License
# Website: http://www.joomla-monster.com
# Support: info@joomla-monster.com
---------------------------------------------------------------*/
.smallview #pageAll { /*CSS for "small font" setting*/ font-size: 11px; line-height: 19px;}
.normalview #pageAll { /*CSS to return page to default setting (with no additional CSS rules added)*/ font-size: 12px; line-height: 20px;}
.largeview #pageAll { /*CSS for "large font" setting*/ font-size: 14px; line-height: 22px;}
#logoSearch { display: none;}
#logo_sitedesc { float: left;}
#logo { margin: 0; font-weight: normal;}
#sitedesc { display: block;}
#search {}
#icons { float: left; width: 21%; padding-left: 20px; margin-top: 10px; display: none;}
#widtharea, #stylearea { float: left;}
#widtharea { padding: 0 15px 0 0;}
#user1_user2 { margin: 0;}
#user1, #user2 { float: left; width: 50%;}
#user5 { padding: 0 15px; margin: 0 0 15px 0;}
#pathway { float: left; width: 88%; color: #006383; padding-left: 7px;}
#fonts { float: right; width: 10%; text-align: right; padding: 3px 0 0 0;}
#xhtmlCss { float: left; width: 70%;}
#rss {/* float: right; width: 30%; text-align: right;*/}
#headerModule { width: 60%; position: absolute; z-index: 2; top: 10px; left: 30%; padding: 0 20px 20px 0;}

/**bottom modules**/
#modules-bottom.m4 div.modules-bottom-in { float: left; width: 24.6%;}
#modules-bottom.m3 div.modules-bottom-in { float: left; width: 33%;}
#modules-bottom.m2 div.modules-bottom-in { float: left; width: 50%;}
#modules-bottom.m1 div.modules-bottom-in { float: left; width: 100%;}



/* trigger hasLayout for IE7. Hide from IE Mac */
* html .clearfix { height: 1%;}

/* Hide from IE Mac */
.clr, .clear { clear: both;}
.border_img { border: 1px solid #aaa; margin: 0 5px;}
div.moduleIn .border_img { margin: 0;}
.readon {}
p.error { background: #f5e7e7 url(../images/error.gif) no-repeat scroll 10px 8px; border-top: 2px solid #b1360d; border-bottom: 2px solid #b1360d; color: #b1360d; display: block; font-weight: normal; padding: 5px 15px 5px 40px; text-align: justify;}
p.tips { background: #edf2fd url(../images/tips.gif) no-repeat scroll 15px 8px; border-top: 2px solid #7aa3fc; border-bottom: 2px solid #7aa3fc; color: #7aa3fc; display: block; font-weight: normal; padding: 5px 15px 5px 40px; text-align: justify;}
p.info { background: #fbf6e4 url(../images/info.gif) no-repeat scroll 15px 8px; border-top: 2px solid #cd7f4d; border-bottom: 2px solid #cd7f4d; color: #cd7f4d; display: block; font-weight: normal; padding: 5px 15px 5px 40px; text-align: justify;}

/* design of paragraph with class = blue */
p.blue { display: block; padding: 7px; text-align: justify; color: #2d4db2; background: #c9d8f6; border-top: 1px solid #4e7bf4; border-bottom: 1px solid #4e7bf4;}

/* design of paragraph with class = red */
p.red { display: block; padding: 7px; text-align: justify; color: #7b0e1a; background: #eac4c8; border-top: 1px solid #d62f40; border-bottom: 1px solid #d62f40;}

/* design of paragraph with class = blue */
p.blue { display: block; padding: 7px; text-align: justify; color: #2d4db2; background: #c9d8f6; border-top: 1px solid #4e7bf4; border-bottom: 1px solid #4e7bf4;}

/* design of paragraph with class = yellow */
p.yellow { display: block; padding: 7px; text-align: justify; color: #b18021; background: #f2e5c5; border-top: 1px solid #e6ae3b; border-bottom: 1px solid #e6ae3b;}

/* design of paragraph with class = grey */
p.grey { display: block; padding: 7px; text-align: justify; color: #565353; background: #ddd; border-top: 1px solid #8f8f8f; border-bottom: 1px solid #8f8f8f;}

/* design of paragraph with class = green */
p.green { display: block; padding: 7px; text-align: justify; color: #444a12; background: #f0f1e6; border-top: 1px solid #6b751e; border-bottom: 1px solid #6b751e;}

.colortable {}
.colortable th { padding: 5px; font-weight: bold; color: #fff; background: #019FD5;}
.colortable td { padding: 5px; border-bottom: 1px solid #fff;}
.colortable tr { background: #EDF4F6;}
ul.circle, ul.circle ul { list-style: none;}
ul.circle li { background: url("../images/licircle.png") left 4px no-repeat; padding: 0 0 0 15px;}

h3.contentheading a:link { border-left: 4px solid; display: block; font-size: 14px; margin-top: 15px; padding: 5px;}
.clearbreak { clear: both; float: none; overflow: hidden; line-height: 0;}
.jsn-article-toolbar {
 margin-bottom: 15px;}

.jsn-article-icon-edit{list-style: none outside none;}
.jsn-article-metadata { display: inline;}
.jsn-article-metadata > span:last-child { border: medium none; margin-right: 0; padding-right: 0;}
.jsn-article-metadata > span { border-right: 1px solid #CCCCCC; margin-right: 10px; padding-right: 10px;}
.author { background-position: 0 0;}
ul.jsn-article-tools { float: right; list-style: none outside none; margin: 5px 0 0;}


#content p{ margin-bottom:1em;}
span.breadcrumbs a, span.breadcrumbs span { background-image: url("../images/icon-arrow-black.png"); background-repeat: no-repeat ; background-position: right center; padding-right: 18px; text-decoration: none;}
span.breadcrumbs { display: block; font-size: 0.9em;}
span.breadcrumbs span.current{background: none;}
#jsn-pos-breadcrumbs {}

tr.sectiontableentry1 td, tr.sectiontableentry2 td { border-bottom: 1px solid #E5E5E5; padding: 6px 8px;}
.jsn-infofilter { overflow: hidden; padding: 10px; text-align: right;}
.sectiontableheader { background-color: #366999; color: #ffffff; padding: 5px 8px;}
.sectiontableheader a { color: #FFFFFF; text-decoration: underline;}
.boxtype .jsn-article { border: 1px solid #1F7CAD; height: 370px; margin-right: 5px; padding: 0 !important;}
.jsn-articlecols .jsn-article { clear: both; display: block; overflow: hidden; padding: 0;}
.boxtype .jsn-article h3, div.cp_result h2.cp_title { margin-bottom: 5px; margin-top: 0;}
.boxtype .jsn-article h3.contentheading a, .boxtype .jsn-article h3.contentheading a:visited, div.cp_result h2.cp_title a:visited { background-color: #1F7CAD; border: medium none; color: #FFFFFF; display: block; font-size: 13px; margin: 0; padding: 5px;}
.boxtype .jsn-article .comment, div.cp_result .cp_text { font-size: 12px; line-height: 1.4; margin-top: 5px; padding: 5px;}
.jsn-article .cp_tags { font-family: ms pgothic; font-size: 10px; line-height: 1.3; padding: 5px;}
#content-top,#content-bottom{padding: 0;}

/**page navigation**/
.jsn-pagination-container ul{ font-size: 0.9em; margin: 20px 0 10px; text-align: center; list-style-type: none; text-transform: uppercase;}
.jsn-pagination-container ul li { display: inline-block !important; margin: 10px 2px;}
.jsn-pagination-container ul li span { background-color: transparent;}
.jsn-pagination-container ul li a,
.jsn-pagination-container ul li span,
.jsn-pagination-container ul li.pagination-prev span,
.jsn-pagination-container ul li.pagination-start span,
.jsn-pagination-container ul li.pagination-next span,
.jsn-pagination-container ul li.pagination-end span { background-color: #eaeaea; border: 1px solid #ccc; color: #999; font-weight: bold; padding: 3px 8px;}
.jsn-pagination-container ul li span { background-color: #4786be;}
.jsn-pagination-container ul li span { border: medium none; color: #fff; padding: 4px 9px;}
p.jsn-pageinfo{text-align: center;}
table.jsn-infotable{}
table.jsn-infotable .jsn-tableheader{}
table.jsn-infotable .sectiontableentry1 td{}
table.jsn-infotable .sectiontableentry2 td { background-color: #f7f7f7;}
.jsn-table-column-order { width: 5%;}