/* --------------------------------------------------------------------- */
/* Main layout for 2lados.com						 */
/* Author: Daniel Angel							 */
/* Date: 31/VIII/2007							 */
/* ----------------------------------------------------------------------*/

/* Main HTML tag redefinition */

body {
	font-size: 84%; /* sets <p> tags to a 13px default and allows layout in em using the wonderful tool @ http://riddle.pl/emcalc/ */
	margin: 0;
	font-family: "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	color: #666;
}

a:link, a:visited {
	color: #0A5097;
	text-decoration: underline;
}

a:hover {
	color: #F60;
	text-decoration: none;
}

ul li {
	list-style: url(../img/li.png);}

input, select, textarea {
	border: 1px solid #666;
}

fieldset {
	border: #0A5097 1px solid;
}

legend {
	font-size: 1.31em;
	color: #666;
}

hr {
	border-bottom: 1px solid #E1E1E1;
	border-top: none;
	border-right: none;
	border-left: none;
	clear: both;
}

h2 span, h3 span, h4 span, h5 span {
	color: #0A5097;
}

/* layout elements */

/* ---------------------------------------------------------------------*/
/* header								*/
/* ---------------------------------------------------------------------*/

div#header {
	margin: 0;
	background: url(../img/header-tabbed-menu.png) bottom left repeat-x;
	height: 48px;
	overflow: hidden;
}

div#header div#header-wrapper {
	width: 59.23em;
	margin: 0 auto;
	overflow: hidden;
	height: 48px;
}

div#header div#header-wrapper h1 {
	background: url(../img/header-h1.png) top left no-repeat;	width: 9.55em;
	height: 3.3em;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	overflow: visible;
}

div#header p#slogan {
	display:none;
}

div#header div#header-wrapper h1 a {
	display: block;
	height: 2.6em;

	text-indent: -5000px;
	text-decoration: none;
	overflow: hidden;
	letter-spacing :-1000em;
}

div#header div#header-wrapper h3 {
	display: none;
}

div#header div#header-wrapper ul {
	float: right;
}


div#header ul#menu {
	margin: 0;
	list-style: none;
	margin: 18px 0 0 0;
}

ul#menu a, ul#menu strong, ul#menu span {
	float:left;
	padding: 0.31em 1.54em 0.69em 0.85em;
	background: url(../img/header-tabbed-menu.png) no-repeat 100% 0px;
}

ul#menu li {
	float: left;
	background: url(../img/header-tabbed-menu.png) no-repeat 0px 0px;
	margin: 0;
	padding: 0 0 0 9px;
	list-style: none;
}

ul#menu li.active {
	background: url(../img/header-tabbed-menu.png) no-repeat 0 -29px;
}
ul#menu li.active a {
	background: url(../img/header-tabbed-menu.png) no-repeat 100% -29px;
	padding: 0.38em 1.54em 0.69em 0.85em;	
}


/* end header */

/* ---------------------------------------------------------------------*/
/* breadcrumbs and login data 						*/
/* ---------------------------------------------------------------------*/

div#breadcrumbs {
	background: url(../img/breadcrumbs-background.jpg) top left repeat-x;
	margin: 0;
		}

div#breadcrumbs div {
	width: 59.23em;
	margin: 0 auto;
	padding: 1.2em 0 0 0;
}

div#breadcrumbs div p {
	padding: 0 0 0 5em;	position: relative;
	overflow: hidden;
}

div#breadcrumbs div ul#logged {
	color: #0A5097;
	float: right;
	position: relative;
	top: -2em;	width: 30em;
	margin: 0;
	padding: 0;
	text-align: right;
}

div#breadcrumbs div ul#logged li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}

div#breadcrumbs div ul#logged ul {
	display: inline;
	margin: 0;
	padding: 0;

}

div#breadcrumbs div ul#logged ul li {
	margin: 0;
	padding: 0 .6em 0 .5em;
	border-right: 1px solid #096;
}


/* breadcrumbs and login data */



/* ---------------------------------------------------------------------*/
/* main body 								*/
/* ---------------------------------------------------------------------*/

div#main {
	width: 57.23em;
	border: #999 dashed 1px;
	padding: 0 1em;
	margin: 0 auto 1em auto;}


div#main div.ma-content {
	background: #F0F0F0;
	border-top: 1px solid #0A5097;
	border-bottom: 1px solid #0A5097;
	margin: 1em 0 0 0 ;
	clear: both;
	padding: 0 1.6em 1em 1.6em;}

div#main div.ma-content h3 {
	background: #FFF;
	margin: 1em 0 1em 0;
	padding: 9px; /* used px to be able to use nifty corners */
}


/* end main body*/


/* ---------------------------------------------------------------------*/
/* footer								*/
/* ---------------------------------------------------------------------*/

div#footer {
	background: #CACACA url(../img/footer-background.jpg) top left repeat-x;
	border-top: 7px solid #9C0;
	padding: 1em 0 0 0;
	overflow: hidden;
	clear: both;
}

div#footer div#footer-wrapper {
	width: 59.23em;
	margin: 0 auto;
}

div#footer form {
	float: left;
	width: 31em;
	height: 19em;
	background: url(../img/footer-form-background.png) no-repeat right 1.2em;	/* this margin separates the text submenu. Its placed here cuz, for some reason, a ul element will not interpret the margin */
	margin: 0 0 2em 0;	
}

div#footer fieldset {
	width: 30.62em;
	height: 18.31em;
	overflow: hidden;
}

div#footer fieldset p {
	margin: 1.2em .7em;
	padding: 0;
}

div#footer fieldset label {
	padding: 0 2em 0 0;
}

	div#footer fieldset p.ages label.ages-label1 {
		padding: 0 2.2em 0 0;
	}
	div#footer fieldset p.ages label.ages-label2 {
		padding: 0 1.2em 0 1.2em;
	}

div#footer fieldset input, div#footer fieldset select {
	width: 10.77em;
}

	div#footer fieldset p.ages input {
		width: 3.12em;
		margin: 0 .2em 0 0;
	}

div#footer fieldset p {
	width: 22em;
	text-align: right;
}

	div#footer fieldset p.buttonholder {
		margin-top: 1.2em;
	}

div#footer fieldset ul {
	position: relative;
	width: 11em;
	top: -2.5em;
}


div#footer div#footer-banner { /*sizes defined in px as it's a banner placeholder */
	width: 260px;
	height: 250px;
	float: left;
	border: 1px solid #DDD;
	/*background: #CCC;*/
	margin: .75em 0 0 4em;
	padding: 0 20px;
}
div#footer div#footer-banner h2 {
	font-size: 1.3em;
	font-weight: normal;
}
div#footer ul#bottom-menu {
	clear: both;
	padding: 0;
	text-align: center;
	color: #096;
}

div#footer ul#bottom-menu li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0 .8em 0 .4em;	
	border-right: 1px solid #096;

}

div#footer ul#bottom-menu ul, div#footer ul#bottom-menu ul li {
	display: inline;
}

div#footer ul#bottom-menu ul {
	padding: 0;
	margin: 0;
}

div#footer ul#bottom-menu ul li {
	border: none;
	margin: 0;
	padding: 0 0 0 .8em;
}

	li.last {
		border: none !important;
	}

div#footer p.tyc {
	text-align: center;
}

div#footer p.tyc acronym {
	border: none;
}


/* end footer */

/* ---------------------------------------------------------------------*/
/* error, warning and success reporting styles 				*/
/* ---------------------------------------------------------------------*/

div.warning {
	width: 100%;
	background: #FFC;
	border-top: 1px solid #D9D33C;
	border-bottom: 1px solid #D9D33C;
	margin: 1em 0 ;
	padding-bottom: 1em;
}

div.success {
	width: 100%;
	background: #BDFFB2;
	border-top: 1px solid #39C92E;
	border-bottom: 1px solid #39C92E;
	margin: 1em 0 ;
	padding-bottom: 1em;
}

div.error {
	width: 100%;
	background: #FFEBE8;
	border-top: 1px solid red;
	border-bottom: 1px solid red;
	margin: 1em 0 ;
	padding-bottom: 1em;
}

div.ma-content div.warning, div.ma-content div.success, div.ma-content div.error {
	width: 105.8%;
	margin: .6em 0 1em -1.6em !important;
	}

div#my-account div.ma-content div.warning, div#my-account div.ma-content div.success, div#my-account div.ma-content div.error {
	width: 108.6%;
}

div.warning h1, div.warning h2, div.warning h3, div.warning h4, div.warning p, div.success h1, div.success h2, div.success h3, div.success h4, div.success p, div.error h1, div.error h2, div.error h3, div.error h4, div.error p {
	margin: 1em 1em 0 1em !important;
}

div.warning ul {
	color: Red;
}

div.warning ul li {
	/*display: block !important;*/
	padding-right: 1em;
}

label.error {
	color: Red;
	font-weight: bold;
}
small.formerror {
	color: #F00;
	font-size: 85%;
}
small.formsuccess {
	color: green;
	font-size: 85%;
}

/* end errors and warnings */


/* ---------------------------------------------------------------------*/
/* Pagination ul styles 						*/
/* ---------------------------------------------------------------------*/

ul.pages {
	margin: 1.5em 0 1.5em 0;
	padding: 0 0 0 1em;
}

ul.pages li {
	display:inline;
	border: 1px solid #666;
	overflow: visible;
	height: 10em;
	margin: 0 0 0 .5em;
	padding: 0 0 .2em 0;	
}

	ul.pages li.previous, ul.pages li.next {
		border: none;
	}
	ul.pages li.previous span.disabled, ul.pages li.next span.disabled {
		color: #CCC;
	}
	ul.pages li.selected, ul.pages li.current {
		background: #0A5097;
		color: #FFF;
		border: 1px solid #0A5097;
		padding: 0 .5em .2em .5em;
		padding: 0 .5em .2em .5em;	}

ul.pages li a {
	padding: 0 .5em .2em .5em;
	text-decoration: none;
	}

ul.pages li a:hover {
	background: #0A5097;
	color: #FFF;
}

/* end pagination ul styles */

/* ---------------------------------------------------------------------*/
/* general form elements 						*/
/* ---------------------------------------------------------------------*/

div#main div.ma-content form {
	padding: 0;
}

div#main div.ma-content form fieldset {
	border: none;
	border-top: 1px solid #0A5097;
	padding: 0;
	margin: 1em 0 0 0;
}

div#main div.ma-content form fieldset legend {
	margin: 0 0 .8em 0;
}

div#main div.ma-content form fieldset p {
	margin: 0 0 1em 0;
}

div#main div.ma-content form fieldset label {
	display: block;
	color: #0A5097;
	margin: 0;
}

div#main div.ma-content form fieldset label.error {
	color: red;
	font-weight: bold;
}

div#main div.ma-content form input, div#main div.ma-content form select {
	width: 27em;
}

div#main div.ma-content form input.checkbox {
	width: 1em;
}

div#main div.ma-content form label.checkbox {
	display: inline;
}

div#main div.ma-content form fieldset p small {
	display: block;
}

div#main div.ma-content form textarea {
	width: 30em;
}

div#main div.ma-content p.checkbox input, div#main div.ma-content ul.checkbox input, div#main div.ma-content p.radio input, div#main div.ma-content ul.radio input {
	width: 1em;
	}
div#main div.ma-content p.checkbox label, div#main div.ma-content ul.checkbox label, div#main div.ma-content p.radio label, div#main div.ma-content ul.radio label {
	display: inline;
}

/* end general form elements */


/* ---------------------------------------------------------------------*/
/* styles for tables 							*/
/* ---------------------------------------------------------------------*/

div#main table {
	border-collapse: collapse;
	border-top: 1px solid #0A5097;
	border-bottom: 1px solid #0A5097;
	width: 100%;
	margin: 1em 0;
}

div#main table caption, div#main table th#selectth span, div#main table td label {
	display: none;
}

div#main table th {
	background: #E1E1E1;
	border-right: 2px solid #FFF;
	padding: .5em;
	color: #0A5097;
}

	div#main table tr.par {
		background: #FAFAFA;
	}

div#main table td {
	border-right: 2px solid #E7E7E7;
	padding: .5em;
	text-align: center;
}

div#main table td.last {
	border: none;
}

div#main table td img {
	display: block;
	margin: auto;
	border: 1px solid #0A5097;
}



/* end styles for tables */


/* ---------------------------------------------------------------------*/
/* Other general styles 						*/
/* ---------------------------------------------------------------------*/

div#main span.defloat, div#main p.defloat {
	clear: both;
	display: block;
	height: 0;
}

div#main p.online, div#main ul li.online {
	background: url(../img/user-online.png) top left no-repeat;
	width: 126px;
	height: 33px;

	text-indent: -5000px;
	text-decoration: none;
	overflow: hidden;
	letter-spacing :-1000em;
}

div#main ul li.online {
	list-style: none;
	list-style-image: none;
	display: block;
	margin: .7em 0 0 0 !important;
}

/* ---------------------------------------------------------------------*/
/* styles used for lightbox forms and ajax elements */
/* ---------------------------------------------------------------------*/

#modal_container {
   background: transparent url(../img/send-message.png) 0px 0px no-repeat;
   width: 599px;
   height: 313px;
   font-family:"Lucida Grande",Verdana;
   font-size:12px;
   color:#333;
   text-align:left;
}

#modal_overlay {
    background-color:#000;
}
div#preloader, div.pre {
	clear: both;
	text-align: center;
	margin: 0 0 1em 0;
}