/*************************************************************
  
  Author:         Maarten Porters
  Company:        arenatravel.be
  Version:        1.0
  Created on:     19.08.2009
  
  
*************************************************************/



/*************************************************************
  P A G E
*************************************************************/
 * {  outline:0;font-size: 100%; margin: 0px;  padding: 0px } /* Resets elements */
img{ border:0;}
table { border-spacing: 0px; }

ol, ul { list-style: none; }
big { font-size: 130% }
small, sup, sub { font-size: 80% }

ul.smallitems{
	font-size:12px !important;
	list-style: disc inside;
  line-height:15px;
}


.left { float: left }
.right { float: right }
.clear { clear: both }

body { 
  background: white;
  color: #6e6e6e;
  font-family: 'Tahoma', Arial, Helvetica, sans-serif;
  behavior: url('/stylesheets/csshover.htc');
  font-size: 85%;
  line-height:1.7em;
  font-weight:normal;
}

/* TinyMCE specific rules */
body.mceContentBody {
   background: white;
   margin:4px;
   padding:4px;
   text-align:left;
}




/*************************************************************
  H E A D E R
*************************************************************/
#header { width:100%;overflow:hidden;height:144px;position:relative;z-index:1;}
#header #headercontainer{position:relative;left:50%;z-index:inherit}
#header #bg {margin-left:-1050px;position:absolute;z-index:inherit}


/*************************************************************
  MENU
*************************************************************/
#menuarea { background: url(/images/application/images_arenatravel/v2_menubg.jpg); height: 56px; width: 100%; position:relative;text-align:center;z-index:2; }
#menucontent { margin:0px auto;position:relative;height:56px;width:990px;z-index:2;background:none;top:0px;background:none;text-align:left;}
#menucontent #logo {height: 187px;width:217px; position: absolute;z-index:2;top:-135px;left:-10px;background:url('/images/application/images_arenatravel/v2_logo.png'); }


/*************************************************************
  MAINAREA
*************************************************************/

#mainarea {width:100%;text-align:center;position:relative;background: url(/images/application/images_arenatravel/v2_docbg.jpg);background-repeat:repeat-x;}
#mainarea #contentarea{left:50px;height:500px;margin:0px auto;width:900px;position:relative;background:url(/images/application/images_arenatravel/v2_contentbg.png);background-repeat:no-repeat;}
#mainarea #contentarea #innercontent {position:relative;padding:18px 0px;text-align:left;background:white;width:848px;margin:0px auto;}

/*************************************************************
  COLUMNS
*************************************************************/

#innercontent #leftcol{position:relative;float:left;width:530px;background:none;min-height:300px;padding-right:18px;border-right:1px dotted gray}
#innercontent #rightcol{position:relative;float:left;width:281px;background:none;padding-left:16px;;min-height:300px}


/*************************************************************
  FOOTER
*************************************************************/

#footer {height:40px;width:100%;position:relative;border-top:1px dotted gray;font-size:11px;text-align:right;}

/*************************************************************
  TEXT
*************************************************************/

h1.mediumbar { width:530px;background: url(/images/application/images_arenatravel/v2_mediumbar.jpg);line-height:42px;font-size:24px;color:white;padding-left:0px;font-weight:normal;}
h2.largebar { cursor:pointer;width:850px;background: url(/images/application/images_arenatravel/v2_largebar.jpg);line-height:42px;font-size:24px;color:white;padding-left:0px;font-weight:normal;}
h2.largebar_expanded { cursor:pointer;width:850px;background: url(/images/application/images_arenatravel/v2_largebar_expanded.jpg);line-height:42px;font-size:24px;color:white;padding-left:0px;font-weight:normal;}


h1 {font-size:1.7em;line-height:1.8em;margin-bottom:15px;color:#838383;}
h2 {font-size:1.5em;line-height:1.6em;margin-bottom:10px;color:#838383;}
h3 {font-size:1.1em;line-height:1.4em;margin-bottom:10px;color:#838383;}

p {padding-bottom:1em;}

label {font-weight:bold;}

/*************************************************************
  LINKS & BUTTONS
*************************************************************/
a.link {color:#668ca0;font-weight:bold;text-decoration:none;}

*a.link {color:#668ca0;font-weight:bold;text-decoration:underline;}

a.link:hover { color:#314e5e;}

a.link:before{content:url(/images/application/images_arenatravel/v2_linkarrow.png);}

a.button{color: white !important;}

.button{text-decoration: none;text-transform: lowercase;font-size:1.3em;line-height: 1.3em;margin:5px 0px;padding:0px 5px;background:#EEE;font-weight:bold;height:22px;}

.button:hover {background:#C70000;}

.submitbutton{text-decoration:none;cursor:pointer;color:white;font-weight:bold;margin:4px 0px;display:inline-block;padding:6px 15px;background:#648a9e;-moz-border-radius: 10px;-webkit-border-radius: 10px;border:0;font-size:15px;}

.submitbutton:hover{background:#314e5e}

/*************************************************************
  FORM ELEMENTS
*************************************************************/

select {font-size:12px;padding:0px 3px;}

label{font-weight:bold;text-align: left;font-size:1.1em;}

.formfield{height:40px;text-align: left;padding:5px 0px;}

input.textfield{background: #EEE; border: 1px solid #808080; font: 1.2em/1.3em "Trebuchet ms",Verdana, Arial, Helvetica, sans-serif; height: 19px; padding: 4px;width:302px;}

textarea{background: #EEE; border: 1px solid #808080; font: 1.2em/1.3em "Trebuchet ms",Verdana, Arial, Helvetica, sans-serif; padding: 5px;}

.ibutton input{display:block;margin:10px 0px;padding:0px 15px;background:#e7e7e7;font-weight:bold;font-size:1.3em;cursor: hand;cursor: pointer;height:28px;}

option{ padding:0px 6px;}

.ibutton:hover input{background:#C70000;border: 1px solid gray;}

input.radio {
background-color: lightblue;
color: green;
}

/*************************************************************
  item
*************************************************************/
.itembox { padding:10px;border:1px solid #83a9bc;-moz-border-radius: 7px;-webkit-border-radius: 7px;margin-bottom:10px;width:828px\9}

.item1 { position:relative;width:530px;margin-top:25px;}
.item1 .leftside {position:relative;float:left;}
.item1 .leftside img {margin-top:5px;}
.item1 .rightside {position:relative;float:left;padding-left:10px;width:395px;}
.item1 .linkbar {width:100%;background:#EEE;-moz-border-radius: 7px;-webkit-border-radius: 7px;position:relative;margin-top:5px;}
.item1 .linkbar .barcontent {position:relative;padding:2px 15px;text-align:right;margin-top:0px;}

/*************************************************************
  POSTIT
*************************************************************/

.postit { position:relative;width:283px;margin-bottom:25px;}
.postit .top{ position:relative;width:282px;height:63px;background: url(/images/application/images_arenatravel/v2_postit_top.jpg);}
.postit .body{ position:relative;width:282px;background: url(/images/application/images_arenatravel/v2_postit_body.jpg);background-repeat:repeat-y;}
.postit .body .content { position:relative;padding:5px 20px 0px 20px;font-family:Comic Sans MS;line-height:1.6em;font-size:98%;color:#1e1e1e;}
.postit .body .content p {margin:10px 0px;}
.postit .body .content a {font-family:Tahoma;}
.postit .bottom{ position:relative;width:282px;height:49px;margin-top:0px;background: url(/images/application/images_arenatravel/v2_postit_bottom.jpg);}
.postit input{background:#feffe4;}

/*************************************************************
  BLUEBOX
*************************************************************/

.bluebox { position:relative;width:283px;margin-bottom:10px;background:#7ba2b6;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
.bluebox .content {position:relative;padding:10px;color:white;}


/*************************************************************
  SECTIONBAR
*************************************************************/
.sectionbar {width:100%;background:#EEE;margin-bottom:5px;}
/*.sectionbar .item{float:left;display:block;position:relative;padding:6px;}
.sectionbar .buttonitem{float:right;display:block;position:relative;padding:7px;}*/

.sectionbar .item{float:left;display:block;position:relative;padding:6px;}
.sectionbar .buttonitem{float:right;display:block;position:relative;padding:9px;}


/*************************************************************
  REPORT TABLE
*************************************************************/

table.report caption { background: #F06; text-align: center;color:white;font-weight:bold;padding:6px;font-size:17px;}
table.report {margin: 0; padding: 0; border-collapse: collapse; width: 100%;border:1px solid #c6c7c7;border-bottom:1px solid #c6c7c7;margin-bottom:5px; }
table.report thead th {background:#EEE;}
table.report td,th {padding: 5px 4px; border-bottom: 1px solid #c6c7c7;}

table.report td + td { color: #999;}
table.report td + td + td {color: #666; border-left: none;}
/*.report td a {color: #444; text-decoration: none; text-align: left;}
.report td a:hover {background: #444; color: #FFF;}*/
table.report tfoot th {text-align: right;}
table.report th {text-align: left;}
table.report th a {color: #F06; text-decoration: none; }
table.report th a:visited {color: #F69;}
table.report th a:hover {color: #F06; text-decoration: underline;}
table.report thead tr, tfoot tr {color: #555; font-size: 0.8em;}
table.report tr {  color: #666;}
table.report tr:hover {background: #FFF;}

table.report tr td:last-child {
    width:150px;
}

/*************************************************************
  FORM TABLE
*************************************************************/

caption .formtable { color: #F06; text-align: left;}
table.formtable {margin: 0; padding: 0; border-collapse: collapse; width: 100%;margin-bottom:0px; }
table.formtable  thead th {background:#EEE;}
table.formtable  td.label, table.formtable  th {padding: 15px 15px;}
table.formtable  tr td {width:auto;border-bottom:1px solid #EEE;}
table.formtable  thead tr, tfoot tr {color: #555; }
table.formtable  tr:hover {background: #FFF;}
table.formtable  tbody tr td.label{font-weight: bold;text-align:right;}

/*************************************************************
  CLEARFIX
*************************************************************/

.floatleft{ position:relative;float:left;}
.floatright{position:relative;float:right;}
.clear {  display : block;clear: both;height: 0em;margin : 0em;padding: 0em; }

/*************************************************************
  PAGINATOR
*************************************************************/

.ff_pagination {margin:2px 0px 12px 0px;font-size: 15px;}
.ff_pagination a, .ff_pagination span {padding: .2em .5em; }
.ff_pagination span.disabled {color: #AAA; }
.ff_pagination span.current {font-weight: bold;background:#3198c3;border: 1px solid #c6c7c7;color:white;}
.ff_pagination a {border: 1px solid #c6c7c7;text-decoration: none; color:#515151 !important;line-height:30px;background:#e2e1e1;}
.ff_pagination a:hover, .ff_pagination a:focus {font-weight: normal !important;background:#dadada;border: 1px solid #c6c7c7;color:black !important;}
.ff_pagination .page_info {color: #aaa;padding-top: .8em; }
.ff_pagination .prev_page, .ff_pagination .next_page {/*border-width: 2px; */}
.ff_pagination .prev_page {/*margin-right: 1em; */}
.ff_pagination .next_page {/* margin-left: 1em;*/}


/*************************************************************
  MONOSLIDESHOW
*************************************************************/
.monoslidecontainer{position:relative;border:1px solid #838383;margin-bottom:15px;width:100%;}

/*************************************************************
  PRICESAREA
*************************************************************/
#pricesarea{}

/*************************************************************
  HORIZONTAL LINE
*************************************************************/
div.hline{position:relative;border-bottom:1px solid #DDD;margin:3px 0px;width:100%;line-height:1px;height:1px;}





/*************************************************************
  ERROR & NOTICE & SPINNER
*************************************************************/


.spinner{
  margin:0px auto;
  height:50px;
  width:50px;
  background:blue;
  background: url(/images/loading.gif);
  background-repeat:no-repeat;
}


p.notice, p.error{
	padding: 5px;
	text-align: center;
	margin-bottom:20px;
}

p.notice{
	border: 1px solid #99CC99;
	background-color: #E2F9E3;
	color: #006600;
}

p.error{
	border: 1px solid #CC9999;
	background-color: #CC0000;
	color: #FFFFFF;
}

div#top_navigation{
	background-color: #ddd;
	border-bottom: 1px solid #ccc;
	padding: 5px 20px 5px 20px;
}


div#errorExplanation{
	border: 1px solid red;
	background-color: #bc4b4b;
	color: white;
	padding: 5px;
	text-align: left;
	margin-bottom: 10px;
	width:100%;
}

div#errorExplanation ul { list-style: disc inside }

div#errorExplanation h2{

	color:white;
}

.fieldWithErrors {
  padding:7px 2px;
  background-color: red;
  display: inline;
}