/* ----------------------------*/
/*        COMMON STYLE         */
/* ----------------------------*/

* {
	margin: 0;
	border:0;
}

html, body, form, fieldset {
	margin: 0;
	padding: 0;
}

body.contentpane {
	color: #000000;
	font-size: 12pt;
	line-height: 1.3em;
	margin: 1em 1em;
	width: auto; /* Printable Page */
}
.system-unpublished, tr.system-unpublished {
    background: none;
    border:none;
}



/* Normal link */
a {
	color: #386073;
	text-decoration: none;
	outline:none;
}
a:hover, a:active, a:focus {
	text-decoration: underline;
}

/* Title text */
h1, h2, h3, h4, h5,
.contentheading, .componentheading, .blog_more strong,
.nftitle {
	font-weight:bold;
	line-height: 20px;
}
	
/* Small text */
small, .small, .smalldark, .createdby, .published, .modifydate, .img_caption, .hits, .category-name,
span.site-slogan, a.readon, #headtools, #pathway, #botsl21, #botsl22, #footer {
	font-size: 92%;
}

small, .small, .img_caption {
	color: #999999;
}


/* Heading */
h1 {font-size: 20px;
text-align: center;}
h2 {font-size: 165%;}
h3 {font-size: 125%; text-align: center;}
h4 {font-size: 120%;}
h5, h6 {
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6,
p, blockquote, ul, ol {
	margin-bottom: 3px;
	padding: 0;
}
h1, h2, h3, h4, h5, h6{margin-bottom: 3px;}

ol{list-style: none;margin: 10px 0 0;}
ul {list-style: none;}

ul li {
	background: url("/templates/sj_travel2/images/arrow.png") no-repeat scroll 4px 10px transparent;
	padding: 3px 0 3px 15px;
}

ol li {
	margin-left: 35px;
}


fieldset {
	border: none;
	padding: 10px 5px;
}

fieldset a {
	font-weight: normal;
}
fieldset.userdata,
fieldset.input {
	padding: 0;
}

hr {
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-top: 1px solid #DDDDDD;
	height: 1px;
}

td, div {
	font-size: 100%;
}

a img {
	border: none;
	margin: 0;
}

/* ----------------------------*/
/*     FORM                    */
/* ----------------------------*/
form {
	margin: 0;
	padding: 0;
}

input, select, textarea, .inputbox, .button {
	outline:none;
}

.inputbox {
	padding:5px;
	margin:5px 5px 0 5px;
	border:1px solid #cccccc;
	font-size: 125%;
}


/* Begin: Update css for basic.css */
img {

	height: auto;
	width: auto\9; /* ie8 */
}
img.caption{border: 3px solid #b9c485;float: left;}


textarea,
input[type="text"],input[type="email"],
input[type="password"]{
	padding:7px;
        margin: 3px 5px 0px 5px;
	border:1px solid #cccccc;
	font-size: 120%;
	color: #888;
}

span.from_class,
.to_class{
font-size: 120%;
padding-left:3px;
padding-right:3px;
}


div.search_price{
font-size: 115%;
font-weight: bold;
}
span.label{
font-size: 120%;
padding-right: 5px;
}
select{
	border:none;
	padding:2px 2px 2px 5px;
	border: 1px solid #ddd;
}

textarea:hover,
input[type="text"]:hover,
input[type="password"]:hover{background:#FFFFDD;}

button,
.button{
	
	color:#FFF;
	padding: 9px 10px;
	font-weight: bold;
	border:none;
	font-weight:normal;
	margin: 0 2px;
}

button:hover,
.button:hover, .button:active, .button:focus, .button:visited {
	background:#8c8c8c;
	color:#FFF;
	cursor: pointer;
	text-decoration: none;
}

/* ----------------------------*/
/*     JOOMLA STYLE            */
/* ----------------------------*/

.article_separator {
	clear: both;
	display: block;
	height: 1px;
	/*background: url("/templates/sj_travel2/images/dot.gif") repeat-x center;*/
}

.article-content img {
	padding: 3px;
	border: 1px solid #DDDDDD;
}

.article-tools .article-meta {
	float: left;
}

.article-tools .buttonheading {
	float: right;
}

.pagenav{
	padding:0 5px;
	font-weight:bold;
}

.column_separator {
	/*padding: 0 5px;*/
	padding:0 0 0 10px;
}

span.open {
	background: url("/templates/sj_travel2/images/so-q.gif") no-repeat  left top;
	padding: 2px 0 2px 10px;
}

span.close {
	background: url("/templates/sj_travel2/images/sc-q.gif") no-repeat right bottom;
	padding: 2px 10px 2px 0;
}

/* content tables */
.sectiontableheader {
	background: #333333;
	border-right: 1px solid #CCCCCC;
	padding: 4px;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
	padding: 4px;
}

tr.sectiontableentry2 td {
	/*background: #E5E5E5;*/
}

table.contentpane {
	border: none;
	width: 100%;
}

table.contentpaneopen {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}
.contentpaneopen {
	overflow:hidden;
}
table.contenttoc {
	font-size: 92%;
	margin: 0 0 10px 10px;
	padding: 0;
	width: 35%;
}

table.contenttoc a {
	text-decoration: none;
}

table.contenttoc td {
	background: url("/templates/sj_travel2/images/bullet.gif") no-repeat 10px 7px;
	padding: 1px 5px 1px 15px;
}

table.contenttoc th {
	border-bottom: 1px solid #E5E5E5;
	padding: 0 0 3px;
	text-indent: 5px;
}

table.poll {
	border-collapse: collapse;
	padding: 0;
	width: 100%;
}

table.pollstableborder {
	border: none;
	padding: 0;
	text-align: left;
	width: 100%;
}

table.pollstableborder img {
	vertical-align: baseline;
}

table.pollstableborder td {
	background: none;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 4px !important;
}

table.pollstableborder tr.sectiontableentry1 td {
	background: #E5E5E5;
}

table.searchintro {
	padding: 10px 0;
	width: 100%;
}

table.searchintro td {
	padding: 5px!important;
}

.blog_more strong {
	display: block;
	font-size: 125%;
	margin: 0 0 5px;
	font-weight: bold;
}
.article_column{float:left}
.leading_separator{
	display:block;
	width:100%;
}
.row_separator{
	overflow:hidden; 
	display:block; 
	width:100%;
	border-bottom:1px solid #DDDDDD;
}
.blog_more ul {
	margin: 0;
	padding: 0;
}
.article_column_pad{
}

.blog_more ul li {
	/*background: url("/templates/sj_travel2/images/arrow.png") no-repeat 6px 7px;*/
	margin: 0;
	padding: 0 0 0 15px;
}

.category {
	font-weight: bold;
}

h1.componentheading, .componentheading {
	border-bottom: 1px solid #DDDDDD;
	margin: 0 0 10px;
	padding: 0 0 5px; /*15px;*/
}

.componentheading {font-size: 200%;}

h2.contentheading, .contentheading {
	font-size: 150%;
	line-height: 25px;
	margin: 0;
	font-weight: normal;
	padding: 0;
}
div.item-page h2.contentheading{display: none;}

a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
	color: #D33615;
}

.contentdescription {
	padding-bottom: 30px;
}

table.contentpane form,
table.contentpane table {
	width: 100%;
}

table.contentpaneopen td, table.contentpane td {
	padding:5px 0;
}

form#josForm table.contentpaneopen td, form#josForm table.contentpane td {
	padding:0 0;
	height:30px;
}

table.contentpaneopen, table.contentpane, table.blog {
	width: 100%;
}

.moduletable {
	padding: 0;
}

div.blog_more {
	padding-top: 15px;
}

ul.pagination {
	margin:0;
	padding:40px 0 10px;
	text-align:center;
}
p.counter {
	text-align:center;
}


.pagenavbar {
	background: url("/templates/sj_travel2/images/icon-pages.gif") no-repeat center left;
	font-weight: bold;
	padding-left: 14px;
}

.pagenavcounter {
	background: url("/templates/sj_travel2/images/icon-pages.gif") no-repeat 0 11px;
	font-weight: bold;
	padding: 8px 14px 0 14px;
}

.sectiontableheader {
	color: #FFFFFF;
	font-weight: bold;
	padding: 8px 5px;
}

.sectiontableheader a {
	color: #FFFFFF;
}

tr.sectiontableentry1 td {
	padding: 8px 5px;
}

tr.sectiontableentry2 td {
	padding: 8px 5px;
}

tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
}

.smalldark {
	text-align: left;
}

div.syndicate div {
	text-align: center;
}

.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
	background: none;
}
/* Tooltip voor de editor button */
.tip {
	background: #ffc;
	border: 2px solid #d4d5aa;
	padding: 5px;
	font-size: 90%;
	max-width: 250px;
}
.tip-title{font-weight: bold;}
/* ----------------------------*/
/*     META                    */
/* ----------------------------*/
.createdate {
	color: #999999;
}

.modifydate {
	color: #999999;
	display: block;
	width: 100%;
}
.info{
	overflow:hidden;
}
.buttonheading {
	float:right;
	overflow:hidden;
}
.articleinfo,
.article-meta{ 
	float:left;
	overflow:hidden;
	width:60%;
}

.buttonheading img {
	border: 0;
	float: right;
	margin: 0px 5px 0 0;
}
.article-toolswrap{
	overflow:hidden;
}
table th {color: #fff;background: #ddd;padding: 8px 5px 8px 5px;}
table td {padding:5px; }
/* ----------------------------*/
/*     Tool                    */
/* ----------------------------*/
.hidden{overflow: hidden;}
.login-fields{display: table;margin-bottom: 10px;width:200px;}