/**********************************************/
/* @name: generic.css                         */
/* @date: 07/07/07                            */
/* @desc: DORIS - spac3cake (layout)          */
/* @auth: remy@enova-tech.net                 */
/**********************************************/
body{
  background-color:#013042;
}
a.floatleft{
  float:left;
}

/****** Layout ******/
.container {
  margin:0;
  padding:0;
  text-align: justify;
  background-color:#FFF;
  z-index:1;
}
.header, .menu#top, .footer{
  /*clear: both;*/
  margin:auto;
}
.header{
  padding:0;
  float:left;
  width:100%;
}

/* holly grail 213 custom */
#content_wrapper{
  float: left;
  width: 100%;
}
.content{
  margin: 15px 415px 15px 180px;
}
#menu_wrapper{
  float: left;
  margin-left: -100%;
  width: 150px;
  padding-left:15px;
}
#sidebar_wrapper{
  float: left;
  margin-left: -400px;
  width: 400px;
}
* html #sidebar_wrapper{
  margin-left: -400px;
}

/** layout hacks **/
#main_wrapper:after{
  content: '[DO NOT LEAVE IT IS NOT REAL]'; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
#main_wrapper{
  display: inline-block;
}
/*\ */
* html #main_wrapper{
  height: 1%;
  }
#main_wrapper{
  display: block;
}
/* */

/* vertical center */
#container_wrapper1{
  height: 100%;
  width:100%;
  display: table;
  position: static;
}
#container_wrapper2{
  display: table-cell; 
  vertical-align: middle; 
  position: static;
}

/* misc generals */
fieldset table{
  border:0;
}
table thead th{
}

/****** Header *********/
.header h1{
  float:left;
  margin:5px 5px 0px 20px;
  padding-top:2px;
}
.header{
  background: #013042 url(../img/layout/bg_header2.jpg) 0px 40px repeat-x;
}
/******* Content *******/
.container h2{
  padding-top:10px;
}
.content{
  min-height:240px;
  font-size:0.85em;
  padding:0px 10px 5px 5px;
}
.content p{
  margin-bottom:10px;
}
.content ul li{
  padding-top:6px;
  list-style-type:circle;
}
.content#help{
  background:transparent url(../img/layout/bg_content_help.jpg) right top no-repeat;
}
a#help:hover{
  cursor:help;
  border:0;
}
/****** Top Menu  ******/
ul.menu#top{
  float:left;
  display:inline;
  z-index:6;
  margin:32px 0px 0px 10px;
  list-style-type:none;
  padding-top:8px;
}
ul.menu#top li{
  float:left;
  margin: 0px 0px 0px 5px;
  padding:0px 0px 2px 0px;
  background: transparent url("../img/layout/bg_tab_right.png") top right no-repeat;
}
ul.menu#top li .tab{
  padding:4px 0;
  margin:0;
  background: transparent url("../img/layout/bg_tab_left.png") top left no-repeat;
}
ul.menu#top li .tab#single{
  padding:6px 3px 2px 3px;
  min-height:21px;
}
ul.menu#top li .tab a{
  padding:3px 8px 8px 8px;
  color:white;
  font-size:1em;
  border:0;
  margin:0;
}
ul.menu#top li .tab a.sub{
  margin:0;
  padding:0;
  padding:2px 4px 5px 2px;
  background: transparent url("../img/layout/tab_separator.png") 0px 0px repeat-y;
}
ul.menu#top li .tab a img{
  padding:5px 4px 3px 4px;
  margin-left:3px;
  border:1px solid #1e5d6e;
  vertical-align:text-bottom;
}

/* selected & hover */
ul.menu#top li.selected{
  vertical-align:bottom;
  background: transparent url("../img/layout/bg_tab_right_selected.png") top right no-repeat;
}
ul.menu#top li.selected .tab{
  background: transparent url("../img/layout/bg_tab_left_2.png") top left no-repeat;
}
ul.menu#top li.selected .tab a{
  color:#3F939E;
  font-size:1.1em;
}
ul.menu#top li.selected .tab a.sub{
  background: transparent url("../img/layout/tab_separator_selected.png") 0px 0px repeat-y;
}
ul.menu#top li.selected .tab a img{
  border:1px solid #FFF;
}
ul.menu#top li .tab a:hover img{
  border:1px outset #013042;
}
ul.menu#top li.selected .tab a:hover img{
  border:1px outset #FFF;
}
/* submenu */
ul.menu#top li ul.submenu{
  position:absolute;
  visibility:hidden;  
  list-style-type:none;
  display:block;
  background: #195464;
  margin:2px 0 0 0px;
  z-index:5;
  width:170px;
  border-width:0 1px 0 1px;
  padding:0;
}
ul.menu#top li.selected ul.submenu{
  background:red;
  margin-left:-1px;
}
ul.menu#top li ul.submenu li{
  float:none;
  position:relative;
  background:transparent;
  margin:0;
  padding:0;
}
ul.menu#top li ul.submenu li a{
  display:block;
  border:1px solid #2d6d79;
  border-top:0;
  padding:5px;
  margin:0;
  font-size:1em;
  font-weight:normal;
  color:#FFF;
}
ul.menu#top li.selected ul.submenu li a{
  color:#2d6d79;
  background:#FFF;
}
ul.menu#top li.selected ul.submenu li a:hover{
  background-color:#d7e7e9;
}
ul.menu#top li ul.submenu li a:hover{
  background-color:#2d6c7c;
}

/****** left Menu  ******/
.menu_wrapper{
  margin:0px 0px 0px 10px;
  padding:0;
}
.menu_wrapper img{
  padding-left:2px;
}
ul.menu#left{
  list-style-type:none;
  margin:0;
  padding:0;
}
ul.menu#left li{
  margin:2px 0 0 0;
  background-color:#f8f8f8;
}
ul.menu#left li.l1{
  background-color:#f0f0f0;
}
ul.menu#left li a{
  display:block;
  font-weight:normal;
  border:0;
  padding:2px 2px 2px 6px;
}
ul.menu#left li.l1 a{
  color:#43909a;
}
ul.menu#left li.l2 a{
  font-size:.9em;
  background: transparent url("../img/layout/bullet.png") 5px center no-repeat;
  padding-left:15px;
  color:#fea300;
}
ul.menu#left li a:hover{
  background-color:#EAEAEA;
}
/* location */
.breadcrumb{
  padding:0px 0px 2px 20px;
  background:transparent url("../img/icons/home.png") 0px 1px no-repeat;
  font-size:.9em;
}

/****** Carousel ******/
.carousel_wrapper{
  width:100%;
  float:left;
  clear:both;
  padding:5px 0;
  margin:10px 0 0px 0;
  background:transparent url("../img/layout/bg_carousel.jpg") 0 0 repeat-x;
}
.carousel{
  width:100%;
  overflow:hidden;
  visibility: visible; 
  position: relative;
  z-index: 2; 
  left: 0px;
  margin:0;
  padding:0;
  background:#FFF;
}
.carousel ul{
  position:relative;
  list-style-type:none;
  margin:0;
  padding:0;
  z-index:1; 
  width:200%;
}
.carousel ul li{
  margin:0;
  float:left;
  overflow:hidden;
  width: 221px; height: 150px;
  border-right:1px solid #EEE;
}
.carousel ul li a{
  border:none;
  overflow:hidden;
  margin:0;
  padding:0;
  filter:alpha(opacity=92);
  opacity: 0.92;
}
.carousel ul li a:hover{
  filter:alpha(opacity=100);
  opacity: 1;
}
.carousel_wrapper .border#top{
  background:transparent url("../img/layout/bg_carousel_border_top.png") left bottom repeat-x;
  clear:both;
  width:100%;
  margin-bottom:-3px;
}
.carousel_wrapper .border#bottom{
  background:transparent url("../img/layout/bg_carousel_border_bottom.png") top left repeat-x;
  clear:both;
  width:100%;
  z-index:3; 
  margin-top:-3px;
}
.carousel .prev{
  background:transparent url('../img/layout/arrow_carousel_left.png') left center no-repeat;
  width:15px;
  height:150px;
  border:0px;
  cursor:pointer;
}
.carousel .next{
  background:transparent url('../img/layout/arrow_carousel_right.png') right center no-repeat;
  width:13px;
  height:150px;
  border:0px;
  margin-right:0;
  cursor:pointer;
}

/****** Sidebar ******/
.sidebar{
  float: left;
  width:185px;
  margin-right:10px;
  margin-top:10px;
  font-size:.8em;
}
.sidebar#contact{
  margin-top:13px;
}
.sidebar ul li a:link, .sidebar ul li a:visited{
  color: #6A6A6A;
  font-weight:normal;
}
.sidebar ul li a:hover{
  color:black;
  border-bottom: 1px dotted #EDEDED;
}
.sidebar em{
  color:#feac22;
}
.sidebar p{
  font-size:0.8em;
  padding:5px;
}
.sidebar p.contactform{
  font-size:1em;
}
.sidebar #news div{
  padding:0px 3px 3px 3px;
}
.sidebar #news div p, .sidebar #news div em, .sidebar #news div h4{
  padding:0px 3px 0px 3px;
}

/* solid box */
.sidebar .solidbox{
  margin-bottom:5px;
}
.sidebar .solidbox h3{
  background:#f0f0f0 url("../img/layout/box_select_open.png") 5px center no-repeat;
  padding:2px 2px 2px 22px;
  font-size:1.2em;
}
.sidebar .solidbox h3 a{
  font-weight:normal;
}
.sidebar .solidbox div{
  padding:5px 2px;
}

/* form sidebar */
.sidebar form label{
  padding:2px;
  width:99%;
  background:#FFF;
  text-align:left;
}
.sidebar form input[type=text], .sidebar textarea{
  width:175px;
}
.sidebar form .error-message{
  padding-left:5px;
}
.sidebar form input[type="submit"]{
  width:182px;
}
/* rounded box */
.roundedbox{
  border:2px solid #DDD;
  margin-bottom:5px;
  -moz-border-radius:5px;
/* Added by Marcin on 29/05/08*/
  background-image: url(../img/layout/carre4px.gif);
  background-repeat:repeat;
}

.roundedbox:hover{
 background: transparent url(../img/layout/box_bg_hover.png) right bottom no-repeat;
}
.roundedbox h3{
  background:#CECECE;
  padding:2px 2px 2px 5px;
  margin:2px;
  -moz-border-radius:3px 3px 0 0;
}
.roundedbox h3 a{
  font-size:1.2em;
  color:#FFF;
  margin:0;
  width:99%;
  border:0;
}
.roundedbox p a, .roundedbox p a:hover{
  color:#555;
  font-weight:normal;
  border:0;
}
.roundedbox#news div.toggle{
  padding:5px;
}
.roundedbox div h4{
  padding:0;
}
.roundedbox div em{
  font-size:0.8em;
}
/* contact info */
.sidebar #contactinfo ul{
  list-style-type:none;
  margin:0; padding:0;
  font-size:.8em;
}
.sidebar #contactinfo ul li{
  margin:5px 2px 5px 2px;
  padding:2px;
}
.sidebar #contactinfo li#fax{
  background: transparent url("../img/icons/16x16/fax.png") 3px center no-repeat;
  padding-left:25px;
}
.sidebar #contactinfo li#gsm{
  background: transparent url("../img/icons/16x16/gsm.png") 3px center no-repeat;
  padding-left:25px;
}
.sidebar #contactinfo li#gsm2{
  padding-left:25px;
}
.sidebar #contactinfo li#email{
  background: transparent url("../img/icons/16x16/email.png") 3px center no-repeat;
  padding-left:25px;
}

.sidebar #packages a{
  border:0;
  filter:alpha(opacity=75);
  opacity: 0.75;
  text-align:center;
}
.sidebar #packages a:hover{
  border:0;
  filter:alpha(opacity=100);
  opacity: 1;
}
/****** Footer ******/
.footer{
  background:#013042 url("../img/layout/bg_footer.jpg") 0px 0px repeat-x;
  font-size:0.8em;
  clear: both;
  padding: 6px 2px 10px 170px;
  color:white;
}
.footer div{
  float:left;
  clear:none;
}
.footer .nav{
  float:right;
  margin-right:5px;
}
.footer a:hover{
  color:white;
  border-bottom:1px dotted white;
}
.footer a.noborder:hover{
  border-bottom:0px;
  cursor:help;
}
.footer img{
  vertical-align:sub;
}
/****** Random ******/
/* paginator */
.container .content .toolbox .paginator#numbers{
  float:left;
  margin-right:200px;
}
.container .content .toolbox .paginator#arrows{
  float:left;
}
.paginator a#create{
  background: transparent url("../img/icons/16x16/add.png") left center no-repeat;
  padding-left:20px;
}
.paginator .activ#next{
  background: transparent url("../img/icons/16x16/resultset_next.png") right center no-repeat;
  padding-right:20px;
}
.paginator .activ#prev{
  background: transparent url("../img/icons/16x16/resultset_previous.png") left center no-repeat;
  padding-left:20px;
}
.paginator .inactiv#next{
  background: transparent url("../img/icons/16x16/resultset_next_inactiv.png") right center no-repeat;
  padding-right:20px;
}
.paginator .inactiv#prev{
  background: transparent url("../img/icons/16x16/resultset_previous_inactiv.png") left center no-repeat;
  padding-left:20px;
}

/* creation/modification dates indicators */
.dates{
  font-size:0.8em;
  padding:8px 2px;
}
/* help messages */
.help{
  background-color:#F2F2F2;
  padding:10px;
  font-size:1em;
  color:#666;
  border:1px solid #CCC;
  margin-bottom:10px;
}
.help#route{
  background: #FFFFF0 url("../img/icons/48x48/route.png") 8px center no-repeat;
  padding-left: 85px;
}
.help ul{
  padding-top:2px;
}
/**** Links/Icons ****/
a#view{
  background:transparent url("../img/icons/16x16/page_go.png") 0 0 no-repeat;
  padding-left:23px;
}
a#modify{
  background:transparent url("../img/icons/16x16/page_edit.png") 0 0 no-repeat;
  padding-left:23px;
}
a#choose{
  background:transparent url("../img/icons/16x16/accept.png") 0 0 no-repeat;
  padding-left:23px;
}

/**** Site map ****/
.sitemap{
  float:left;
  padding:4px;
}
.sitemap ul li{
  padding:0;
  margin:0 0 0 3px;
}
.sitemap ul li a{
  color:#777;
  font-weight:normal;
}
.sitemap h3{
  font-size:1.1em;
}
/**** Cosmetic *******/
/* for gecko fans, we love you guyz */
ul.menu#left li,.sidebar .solidbox h3{
  border-radius: 4px;      /* for CSS.3 compliant browsers, who said none ? ;) */
  -moz-border-radius: 4px; /* MOZ ROUNDED */
}

.content fieldset{
  border-radius: 3px;
  -moz-border-radius: 3px; 
}

/*** packages page ***/
div#packages h2{
	font-size:16px;
	border-bottom:1px solid #ccc;
}

div#packages li div.service{
	float:left;
	width:200px;
	margin-right:10px;
	font-size:13px;
}
div#packages li{
	float:left;
	list-style-type:none;
	background:url('../img/layout/tick.png') no-repeat left 70%;
	margin-left:0px;
	padding-left:22px;
}
div#packages li div.ranking{
	float:left;
}

div#packages hr{
	display:block;
	clear:both;
	visibility:hidden;
}