/*
Title:      	Baseproject master styles for screen media
Author:     	© 2009 anaXis nv.
Updated:        Apr 2009
*/

* { margin: 0px; padding: 0px;}
* div[width] {width: 100% !important;} /* stupid hack for eyes cms */
body{ font-family: Verdana, Arial, Times New Roman , Helvetica, sans-serif; font-size: 11px; 
      background-color:#000;}
      
body { height:100%; margin:0;}

html { height:100%; }

form { height:100%; margin:0;}

* iframe { border:none;}


/* ---- [ typography ] ------------ */

/*	wrapper
--------------------------------*/
#wrapper{ width: 950px; position:absolute; top:0;  bottom:0; background-color:#fff; height:100%; clear:both;}

#outerwrapper { width: 950px; background-color:White; margin:0 auto;}
/*	header
--------------------------------*/

/*	container
--------------------------------*/
#tree{ width:280px; float:left; padding:10px; padding-bottom:30px; min-height:359px; margin-top:10px;}
#content{ height:100%; background: transparent url('images/bg_container.jpg') repeat-y scroll left top ; width:630px; clear:both;}
.contenttext{ width:600px; overflow:auto; bottom:100px; top:40px; position:absolute; margin: 10px 0; }
.contenttext ul { list-style-type:disc; margin-left:5px; }
.contenttext ul li { list-style-type:disc; list-style-position:inside;}
#contentParagraph{ width:290px; padding-bottom: 10px; }
#contentContainer { margin: 10px 0 0 10px; float:left; width:600px; }
* html #contentContainer{ height:100%; }
*:first-child+html #contentContainer{ height: 380px; }

#contentContainer { }
#contentBlock { margin: 0; width:600px;}

#lngChoice{ position:absolute; bottom:110px; padding-top:20px; padding-left:10px; clear: both;}
#lngChoice select{ width:250px; }

#container { height:100%; background-color:#fff; width:950px; clear: both; position: absolute;}

#topdiv { float:left; width:630px; background: transparent url('images/top.jpg') no-repeat top left; margin-top:10px; margin-left:1px;}

#contentwrapper { height:100%; background-color:#fff; float:left; width:630px;}

#footerwrapper { width:950px; height:100px; position:absolute; bottom:0; }
* html #footerwrapper { width:950px; height:100px; position:absolute; bottom:0; }

/*	titles and text
--------------------------------*/
h1{ color: #E7AF10; margin-bottom: 10px; font-size:14px;}
h2{ margin-bottom: 10px; font-size:12px;}
h3{ color: #000; font-weight:bold; font-size: 10px; margin:10px 0 5px 0; }

a{ color:Black; text-decoration:none; }

.absBgImage{ bottom:0; right: 0; position:absolute; }


#contentContainer fieldset label{text-align:left; float:left; margin:5px 0 0 5px; padding:0; width: 150px;}
#contentContainer fieldset input[type=text]{float:left; padding:0;}
#contentContainer fieldset input{ float: left; margin-left: 10px;}
#contentContainer fieldset input[type=checkbox]{ float: left;}
#contentContainer fieldset img{ margin: 0px; }

#contentContainer legend
{
    color: #000; 
    background-color: #FFF; 
    font-weight: bold; 
    padding: 5px; 
    margin-bottom: 10px;
}


div.resultrow { margin-top: 10px; margin-bottom: 20px;}
.elo_Label{ margin-right: 10px; }
.fieldsetBlock label{ font-weight: bold; width: 150px; float: left; }
fieldset label.fieldlabel{ float: left; width: 150px; }
.fieldrow{ position: relative; float: left; width: 450px; margin-top: 5px; }
.fieldrowinv input{ float: left; padding: 5px; }
.fieldrowinv label{ padding-left: 5px; padding-top: 3px;}
.fieldrowinv{ margin-top: 15px; width: 350px; }
.fieldbutton{ float: none; display: block; clear: both; margin-top: 20px; }
.form-results{ float: left; width: 400px; }
.form-pager{ float: left; width: 400px; text-align: center; margin-top: 20px; }
.form-pager div{ width: 150px; }
.fieldelement, .fieldrowinv{ float: left; }
.fieldelement input{ width: 150px; }
.invulblok input{ margin-right: 5px; }


/* Hides from IE-mac \*/
/* html #contentContainer {height: 1%;}
/* End hide from IE-mac */ /* Holy Hack for IE/Mac (http://www.positioniseverything.net/abs_relbugs.html)*/

/* Dealer Network
----------------------------------*/
#dealerPicker{ bottom:100px;height:auto;margin-bottom:10px;min-height:320px;overflow:auto;position:absolute;top:10px; float:left; width:600px; }


#networkResults { margin-top:10px; }
#networkResults h2 { color:#E7AF10; }
#networkResults table tbody tr td a{margin-top:15px !important; font-weight:bold; color:Black; text-decoration:none; }

#networkResults .cell { margin: 20px 0px 20px 0px; }

/*	footer
--------------------------------*/
#footer{ width:650px; clear: both; padding: 10px 0 10px 300px; text-align:center; font-size:70%; position:absolute; bottom:80px; }
#created{ float:right; font-size:70%; padding-top: 5px; }
#created img{ border: 0px; }


#footer address{ font-style: normal; }
.separator{ padding: 0 5px 0 5px; }

/* -----[ CSS editing ] ----------------	*/
div.eyeEditMenu *, 
div.eyeEditMenu #content table { margin: 0 !important; padding: 0 !important; }
div.eyeEditMenu a { cursor: pointer; }

/*	footer images
--------------------------------*/
#BottomImages{ width: 948px; overflow:hidden; background-color:#E7AF10; border: solid 1px #9C9C9E; position:absolute; bottom:0; clear: both;}
#BottomImages img{ height:70px; }

#BottomImages .image1 img{ padding-left:0px; }
#BottomImages .image2 img{ padding-left:40px; }
#BottomImages .image3 img{ padding-left:75px; }
#BottomImages .image4 img{ padding-left:120px; }
#BottomImages .image5 img{ padding-left:50px; }
#BottomImages .image6 img{ padding-left:105px; }
#BottomImages .image7 img{ padding-left:71px; }

/* tree 
-----------------------------------------	*/
ul li a { padding-left: 20px; }
ul li ul { display: none; }
ul li ul.open { display: block; }

ul li { list-style: none; }
ul li a { padding-left: 20px; }
ul ul { padding-left: 20px; }

#leftmenu{ padding-top: 30px; font-size:12px; }
#leftmenu li{padding: 5px 0 0 0; }

#leftmenu .lvl2{ margin-left:10px; }

#button_search{ border: solid 1px #CFCFCF; background: #CFCFCF; padding:5px; margin-top:20px; }
#button_search a{ font-size:13px; color: #7F7F7F; font-weight: bold; }

/*.mceEditor{ z-index: auto; width: 560px !important; }
.mceEditor iframe{ width: 300px !important; }
.mceEditor textarea{ width: 300px !important; }
.mceToolbarTop{ width: 300px; }
.mceToolbarTop img{ float: left; }*/

/* -----[ CSS editing ] ----------------  */
#eyeEditMenu *, 
#eyeEditMenu #content table { margin: 0 !important; }
#eyeEditMenu a { cursor: pointer; }
#eyeEditMenu img{ margin: 0px; }
.editmenu{ margin-top: -55px !important; }
.editmenu img{ margin: 0px; }


#eyeEditMenu
{
    margin-top: -40px;
}