/* CSS Document */

/* ----------------- General & parent frame styles ----------------- */

* {
margin:0;
padding:0;
}


html, body {
  height:100%;
}

body{
  background: url(../images/bg_gradient.jpg) repeat-x;
  background-color: #e0edf3;
  color:#333333;
  font-family: Arial, Tahoma, Helvetical, Sans-Serif;
  text-align:center;
  margin:0;
  padding:0;
}

img{ border:0; }

p, td{
	font-family: Arial, Tahoma, Helvetical, Sans-Serif;
	font-size: 12px;
}


table {   
  padding: 0px; 
  margin: 0px;
  border-width: 0px;
  border-spacing: 0px;  
  border-collapse: collapse;  
}

table.parent_table {
  width:100%;
}

.contact_detail{
	color:#ffffff;
	font-size: 0.94em;	
	width: 12.50em;
	position:relative;
	left:1.56em;
	top: 0.94em;
	display:block;
}

.main_txt{
	color:#ffffff;
	font-size: 0.94em;	
	width: 40.19em;
  	position: relative;
	top:0.94em;
	left:0.94em;    
}

.login_txt {
	color:#ffffff;
	font-size: 12px;
	position: relative;
	top:0px;
	left:20px; 
}

.login_txt_fr {
	color:#ffffff;
	font-size: 12px;
	position: relative;
	top:0px;
	left:10px; 
}

.flags {	
	position:absolute;
	top:7px;
	left:17px; 
}


.flag_border {	
	border: 1px solid #6ba7cc;  
}

.crumbs {
	font-size: 10px;
	color: #999999;
}

.newsSlip {
	background-color: #FFFFFF;
	padding: 15px;
	margin-bottom: 15px;
	border: 1px solid #DDDDDD;
}

.newsHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	line-height: 130%;
	color: #094584;
	font-weight: bold;
	margin-bottom: 5px;
}

.newsTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	line-height: 130%;
	color: #666;
	margin-bottom: 0px;
}

#distance { 
  width:1px;
  height:50%;
  margin-bottom:-21.28em; /* half of container's height */
  float:left;
}

#menu_holder {
  background: url(../images/bg_menu.gif) repeat-x;
  position:absolute;
  width:960px; 
  padding: 0px;
  top:150px;
  z-index:10;
}

#container {
  margin:0 auto;
  text-align:left;
  width:960px;
  clear:left;
} 

#inner { 
  background-color:#ffffff;  
  width:960px; 
  position: relative; 
  left: 0; 
  top: 0; 
  margin-bottom: 5px;
  border: 1px solid #ffffff;
}

#header {
  /*background: url(../images/bg_gradient.jpg) repeat-x; */ 
  background: url(../images/oxygene_site_header.jpg) no-repeat;
  width:960px; 
  height:180px; 
  position: relative; 
  left: 0; 
  top: 0; 
  margin-bottom: 1px; 
}

#login_and_lang {  		
  height:20px;
  width:959px; 
  float: right;
  position: relative; 
}

#content {
	clear:left;
	width: 960px;
	background: #FFFFFF;
}

#content_popup {
	margin:0 auto;
  	text-align:justify;
	width: 690px;
	background: #FFFFFF;
	padding: 11px;
}

#contentPage {
  width: 680px;
}

.contentLeft {
	width: 687px;
	padding: 20px 20px;
	text-align: justify;
}

.contentRight {
	background: #EEEEEE;
	width: 252px;
	padding: 20px 15px;
	text-align: justify;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#logo{
  height:93px;
  width:406px; 
  position: absolute;  
  left:0px;
  top:0px;
}

#login {
  background: url(../images/bg_login2.png) no-repeat;		
  height:55px;
  width:124px;   
  float:right;  
  position: absolute;
  left: 834px;
  top:0px;  
  padding: 5px 10px;   
}

#quick_links{
  width: 100%;
  margin-top:10px;
  margin-bottom:10px;
  text-align:center;
}

table.quick_links_tbl {
	font-size: 12px;
	color:#336699;
 	padding:0;
 	margin:0;
 	width: 100%; 
}

.quick_links_td {
	border-left: 1px solid #336699;
}

.quick_links_tbl td {
	text-align:center;
}

#footer{
  font-size: 11px;
  color:#777;
  padding:10px 5px; 
  text-align:center;
}

a{
  color:#336699;
  text-decoration:none; 
}

a:hover{
  color:#336699;
  text-decoration:underline;
}


/* ------------------------- Page Templates ----------------------- */

/* General, template specific */

h1 {
	font-size: 22px;
	color: #333333;
	color: #fff;
	background: url(../images/bg_menu.gif) repeat-x;
	margin-bottom: 20px;
	font-weight: bold;
	line-height: 30px;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
}

h2 {
	font-size: 20px;
	color: #333333;
	margin-bottom: 10px;
	font-weight: bold;
	line-height: 25px;
	text-align: left;
}

h3 {
	font-size: 16px;
	color: #666;
	font-weight: bold;
	line-height: 20px;
	text-align: left;
	padding-bottom: 5px;
}

#ox_simple_box, #ox_simple_box2 {
	display: block;
	width: 680px;
	border-bottom: 1px outset #ccc; 
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: justify;
	clear: both;
	z-index: 0;
}

#ox_simple_box2 {
	border: 0;
	padding-top: 20px;
	padding-bottom: 20px;
}

#ox_simple_box a, #ox_simple_box2 a{
  font-size: 12px;
  color: #01649b;  
  font-weight: bold;
  line-height: 16px;
  text-decoration: none;
}

#ox_simple_box a:hover, #ox_simple_box2 a:hover{
  font-size: 12px;  
  text-decoration: underline;
}

.ox_simple_text {	
  font-size: 12px;
  color: #333333;  
  font-weight: normal;
  line-height: 16px;
  text-align: justify; 
}

.ox_simple_text ul{
	margin-left: 30px;
	padding:0;
}

.ox_simple_graph {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;	
}

#ox_right_box {
  display: block;
  width: 210px;
  border-bottom: 1px dotted; 
  border-color: #ccc;
  padding-bottom: 10px;
  margin-bottom: 10px;
  text-align: left;  
} 

#ox_right_box a{
  font-size: 12px;
  color: #01649b;  
  font-weight: bold;
  line-height: 16px;
  text-decoration: none;
}

#ox_right_box a:hover{
  font-size: 12px;  
  text-decoration: underline;
}

#ox_img_right img {
	float: right;
	border:0px;
	margin-left: 15px;
	margin-bottom: 15px;
}

#ox_img_left img {
	float: left;
	border:0px;
	margin-right: 15px;
	margin-bottom: 15px;
}

/* ------------------------ Contact Us Form ---------------------------- */
.ox_contact_form {
  width: 580px;
  margin-top: 20px;
  margin-left: 80px;
  padding: 10px;
  font-size: 12px;
  color: #333333;  
  font-weight: normal;
  line-height: 16px;
  text-align: left;
}

.ox_contact_form p {
	text-align: left;
	padding: 10px;
}

.ox_contact_form_input, .ox_contact_form_textarea, .ox_contact_form_select {
    border: 1px solid #ccc;
    background: #fff;    
    margin-bottom: 10px;
    font-size: 12px;    
    color: #333333;
}

.ox_contact_form_select {
    width: 50px;
    height: 20px;
}

.ox_contact_form_input {
	width: 220px;
	height: 20px;
}

.ox_contact_form_textarea {
	width: 220px;
	height: 100px;
}

.ox_contact_form_submit {
  padding-top: 3px;	
  padding-bottom: 5px;	
  margin-top: 5px;
  margin-bottom: 5px;
  width: 70px;
  height: 21px; 
  border: 0px;  
  background:#000 url(../images/bg_submit.jpg) repeat-x;
  font-size: 10px;
  font-weight: bold;
  color:#ffffff; 
  cursor: pointer;
}

.ox_contact_form_submit:hover {
  padding: 2px 8px;		
  border: 1px outset #ddd;
}

.ox_contact_form label {
    display: block;
    width: 150px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
}

.ox_contact_form br { 
	clear: left; 
}

.ox_simple_form_input {
  width: 200px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
}

.ox_simple_form_submit {
  padding: 2px 8px;	
  margin-top: 5px;
  margin-bottom: 5px;
  width: 70px;
  height: 20px; 
  border: 1px solid #000;  
  background:#000 url(../images/bg_submit.jpg) repeat-x;
  font-size: 10px;
  font-weight: bold;
  color:#ffffff; 
  cursor: pointer;
}

.ox_simple_form_submit:hover {
  padding: 2px 8px;		
  border: none;
}

/* ---------------------- Ski School Homepage --------------------- */

#ox_home_header {
  display: block;
  border-bottom: 1px outset; 
  border-color: #ccc;
  padding-bottom: 20px;
  text-align: center;
}

.ox_home_video {
  padding-bottom: 20px;
}


#ox_home_video_box {
  display: block;  
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: justify;  
}

/*--------------------- Price table settings -------------------*/

table.price_table {
	border: 1px solid #ccc;
	width:679px; 
}

.price_table td, .price_table p {
	font-family: Arial, Tahoma, Helvetical, Sans-Serif;
	font-size: 12px;	
}

.price_table td{
	padding: 3px;
}


/*--------------------- Page editor general styles --------------- */
.impad {
     padding-right: 10px;
}

/*--------------------- Weather forecast --------------------------- */

.ox_weather{
	width: 100%;
	text-align: center;
}

/*--------------------- News Module --------------------------------*/

.mainTxt {
	text-align: justify;
}
/* -------------------- Survey -------------------------------------*/
.row_even {
	background-color: #EEE;
}
.row_odd {
	background-color: #CCE;
}
table.survey_tbl {	
	width: 680px;
	margin-bottom: 20px;
}
.survey_tbl td {
	text-align:left;
	padding: 5px;
}