/*Titi Aur - Scoala de pilotaj StyleSheet, (c) 2007 Bogdan Valentin, Touch Media */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
* {padding: 0;
margin: 0;}
html, body {
height: 100%;
min-height:100%;
width: 100%;
min-width: 100%;
border: 0;}
body{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background-image: url(images/pattern1.jpg);
background-repeat: repeat-x;
background-color:#000000; text-align: center;
min-width:935px;}
.clear { clear:both; 
display:block; 
line-height:1px; }

#pagewidth {
          	min-width: 935px;
          	width: 100%;
          	overflow: hidden;
          	position:relative;
          }
/* Header */
.header {background: url(images/header_titiaur.png) left top no-repeat; width:935px; height:245px; margin: 0 auto; _xborder:1px solid red}
#header {}
.topnav {font-size:14px; float:right; margin:15px 10px 0 0; line-height:25px;}
.topnav li {text-align:left; font-weight:bold}
.topnav li a, .topnav li a:link, .topnav li a:visited {color:#ff9900;}
.topnav li a:hover, .topnav li a:active {color:#e2e2e2; text-decoration:underline}

/* Menu */
#menu {float: left; clear: both; width: 100%; height: 31px; background-image: url(images/pattern2.png); background-repeat:repeat-x;}
#coltmenust{float: left; clear: left; position: relative; margin-top: -11px;}
#coltmenudr{float: right; clear: right; position: relative; margin-top: 3px;}
html:first-child #coltmenudr {margin-top: 7px;}
#menuTop {width: 850px; margin: 0 auto; margin-top: 4px; display:block}
#menuTop li {width: auto; float: left; margin: 0 14px 0 0px;}
#menuTop li.last {padding-right:0}
#submenu {width: 850px;height: 30px; margin: 0 auto; position: relative; margin-top:31px;}
* html #submenu {margin-top: 0px;}
*:first-child+html #submenu {margin-top: 0px;}
#undermenu {float: left; clear: left; height: 30px; position: relative;width: auto; margin-left: 90px;}
* html #undermenu {margin-left: 45px;}
#coltsubmenust {float: left; clear: left;}
#coltsubmenudr {float: left;}
#undermenulist {float: left; height: 30px; background-image: url(images/patternSubmeniu.png); background-repeat:repeat-x;}
#undermenulist li {float: left; width: auto; color: #585858; font-weight: bold; margin: 6px 4px 0 4px;}
#undermenulist li a {float: left; width: auto; color: #585858;}
#undermenulist li a:hover, #undermenulist li #currentunder {color: white;}

/* Content */
#contentContainer {clear: both; width: 867px; background-image: url(images/patternContent.jpg); background-repeat:repeat-x; margin: 0 auto;}
* html #contentContainer {margin-top: -27px;}
#content {float: left;width: 867px; background-image: url(images/patternContentDown.jpg); background-repeat: no-repeat; background-position:bottom; padding: 21px 0 28px 0; }
#menuLeft {float: left; width: 208px;}
#menuLeftTop {float: left; width: 208px; background-image: url(images/menuUP.gif); background-repeat:no-repeat; height: 19px;}
#menuLeftRest {float: left; width: 208px; background-color: #000;}
* html #menuLeftRest {padding-bottom: 25px;}
#despretitiaur {float: left; width: 162px; height: 18px; background-image: url(images/despretitiaur.gif); background-repeat:no-repeat; margin: -7px 0 0 33px; position:relative; }
* html #despretitiaur {margin-left: 16px;}
.despretitiaurtext {float: left; clear: left; width: 162px; color: #A8A8A8; text-align:justify; margin: 5px 0 40px 30px; font-size:10px;}
* html .despretitiaurtext {margin-left: 15px;}
.readmore {color: #FF6000; text-decoration:underline; font-size: 10px;}
#galeriefoto {float: left; width: 162px; height: 18px; background-image: url(images/galeriefoto.gif); background-repeat:no-repeat; margin: -7px 0 0 33px; position:relative;}
* html #galeriefoto {margin-left: 16px;}
.galeriefotoleft {float: left; clear: left; width: 162px; color: #A8A8A8; text-align:left; margin: 5px 0 25px 33px; font-size:10px;}
.galeriefotoleft img {float: left; clear: left; width: auto; margin: 3px 0 3px 0; border: 1px #a8a8a8 solid; padding: 2px;}
* html .galeriefotoleft {margin-left: 16px;}
.visitgallery {float: left; clear: left; font-size: 10px; color: #A8A8A8; text-decoration: underline; margin: 3px 0 0 0; width: 100%;}
#galerievideo {float: left; width: 162px; height: 18px; background-image: url(images/galerievideo.gif); background-repeat:no-repeat; margin: -7px 0 0 33px; position:relative;}
* html #galerievideo {margin-left: 16px;}

#contentCenter {float:left; width: 650px; margin: 5px 0 0 5px; }
#contentCenterTop {float: left; width: 640px; /*background-image: url(images/masinibackground.jpg);*/ background-repeat:no-repeat; background-position:right 10px; padding-bottom: 10px;}
#scoaladepilotaj {float: left; clear: left; width: 225px; height: 18px; background-image: url(images/scoaladepilotaj.gif); background-repeat:no-repeat; margin: 10px 0 0 22px;}
* html #scoaladepilotaj {margin-left: 11px;}
#text1 {float: left; clear: left; width: 330px; font-size: 10px; color: #A8A8A8; margin: 5px 0 0 22px; text-align: left;}
* html #text1 {margin-left: 11px;}
#scoalalist {float: left; margin: 20px 0 0 22px; width: auto; clear: left; color: #A8A8A8; font-weight: bold; list-style-type: disc}
* html #scoalalist {margin-left: 11px;}
#scoalalist li {float: left; clear: left; width: auto;}
#scoalalist li a {float: left; clear: left; color: #A8A8A8;}
#scoalalist li a:hover, #scoalalist li a#scoalacurrent {color: #FF6000; text-decoration:underline;}
#contentCenterNoutati {float: left; width: 650px; margin: 20px 0 0 0;}
#noutati {float: left; clear: left; width: 69px; height: 9px; background-image: url(images/noutati.gif); background-repeat:no-repeat; margin: 10px 0 0 22px;}
#noutatiContent {float: left; clear: left; width: 419px;margin: 10px 0 0 0;}
#noutatiContentUp {float: left; clear: left; width: 419px; height: 9px;background-image: url(images/noutatiUP.gif); background-repeat:no-repeat;}
#noutatiContentCenter {float: left; clear: left; width: 419px;background-image: url(images/patternNoutati.jpg); background-repeat:repeat-x;}
* html #noutatiContentCenter {margin-top: -3px;}
.noutatiDiv {float: left; clear: left; width: 390px; margin: 0 0 15px 0;}
h3 {width: 100%; float: left;clear: left; color: #FF6000; font-size: 11px; text-align: left; margin: 0 0 0 20px;background-image: url(images/item.gif); background-repeat:no-repeat; background-position:center left; padding: 0 0 0 10px;}
* html h3 {margin-left: 10px;}
.bodystire {width: 100%;float: left;clear: both;font-size: 11px; text-align: left; margin: 0 0 0 20px; padding: 15px 0 0 10px;}
* html .bodystire {margin-left: 10px;}
.datanews {float: left; clear: left; color: #FF6000; margin: 0 0 0 30px; width: 100%; text-align: left;}
.text2 {float: left; clear: left; color: #A8A8A8; text-align: justify;width: 380px; margin: 5px 0 0 30px; } 
* html .text2 {margin-left: 15px;}
.separator {float: left; clear: left; height: 1px; width: 380px; margin: 10px 0 0 0;}
#paginare {float: left; clear: left; width: 378px; height: 19px; background-repeat: no-repeat; background-image: url(images/paginare.gif); margin: 4px 0 0 22px; padding: 0 0 0 10px; text-align: left;}
* html #paginare { margin-left: 10px;}
#paginare a {float: left; color: #A8A8A8; margin: 2px 5px 2px 0; text-decoration:underline;}
#paginare a#currentpage {color: #FF6000;}
#contentRight {float: right; width: 206px; margin: 0 10px 0 0px;}
* html #contentRight {margin-right: 5px; float: right;}
#forum {float: left; clear: both; width: 92px; height: 18px; background-image:url(images/forum.gif); background-repeat:no-repeat; margin: 0 0 0 12px;}
* html #forum {margin-left: 6px;}
.forum1 {float: left; clear: left; width: 203px; margin: 5px 0 0 0;}
.forum2 {float: left; width: 203px; margin: 0px 0 0px 0px;}
.forumTop {float: left; width: 203px; height: 4px; background-image:url(images/forumTop.gif); background-repeat:no-repeat;}
.forumContent {float: left; width: 183px; background-image:url(images/patternForum.jpg); background-repeat:repeat-x; padding: 5px 10px 10px 10px; text-align: justify; color: #A8A8A8;}
* html .forumContent {margin-top: -8px;}
.readmoreforum {color: #FF6000; text-decoration:underline; font-size: 10px;float: left; clear: left; margin-top: 10px;}
#contentRight img {width: auto; margin: 0 auto; margin: 20px 0 -10px 10px;}
#clasament {width: 600px; float: left; clear: left; margin: 10px 0 0 33px;}
* html #clasament {margin-left: 16px;}
#clasamentTitlu {width: 133px; height: 18px; float: left; clear: left; background-image: url(images/clasament.gif); background-repeat:no-repeat;}
#clasament table {width: auto; float: left; margin-left: 20px; text-align: left; color: #A8A8A8;} 
#clasament table td {padding-right: 10px;}
#clasament table td.punctaj {padding-right: 20px;}
#clasament table td em {font-style: normal; color: #FF6000;}
#footerMenu {width: 100%; float: left; clear: left; text-align: center; margin-top: 20px;}
* html #footerMenu {margin-bottom: -20px;}
*:first-child+html #footerMenu {margin-bottom: -20px;}
#footerMenuList {width: 520px; color: #A8A8A8; margin: 0 auto;}
#footerMenuList li{float: left; border-right: 1px #A8A8A8 solid; width: auto; padding-right: 5px; margin-left: 5px;}
#footerMenuList li.last{border-right: none;}
#footerMenuList li a {color: #A8A8A8;}
#footerMenuList li a#currentFooterMenu,#footerMenuList li a:hover {color: #FF6000;}
#developed {width: 100%; margin: 0 auto; padding-bottom: 20px;margin-top: 10px;}
#develop{width: 400px; text-align: center; margin: 0 auto; margin-top: 10px; color: #A8A8A8}

#textmare {width: 601px; float: left; clear: left; margin: 10px 0 0 33px;}
* html #textmare {margin-left: 16px;}
.textUP {position: relative;width: 601px; height: 5px; float: left; clear: left; background-image: url(images/textUP.gif); background-repeat:no-repeat; }
.textCenter {width: 601px; float: left; clear: left; background-image:url(images/patternNoutati.jpg); background-repeat: repeat-x; padding-bottom: 20px;}
* html .textCenter {width: 570px;margin-top: -7px;}
.textCenter2 {width: 601px; float: left; clear: left; background-image:url(images/patternNoutati.jpg); background-repeat: repeat-x; padding-bottom: 20px; min-height:150px;}
* html .textCenter2 {width: 570px;margin-top: -7px;}
#datebiografie {width: 360px; float: left; clear: left; margin: 5px 0 0 15px;}
* html #datebiografie {margin-left: 7px;}
.align1 {float: left; clear: left; width: 100px; text-align: left; color: #A8A8A8; margin-top: 2px;}
.align2 {float: left; text-align: left; color: #A8A8A8;margin-top: 2px; widtH: 260px;}
.align3 {float: left; clear: left; width: 50px; text-align: left; color: #A8A8A8; margin-bottom: 4px;}
.align4 {float: left; text-align: justify; color: #A8A8A8;margin-top: 2px; width: 510px;margin-bottom: 4px; }
#cariera {width: 560px; margin-left: 20px; margin-top: 10px; float: left;}
#titiaurpoza {float: left; border: 1px #a8a8a8 solid; padding: 2px;}
#debutitiaur {float: right; border: 1px #a8a8a8 solid; padding: 2px; margin-top: 10px;}
.paragraf1 {width: 430px; float: left; clear: left;color: #A8A8A8; text-align: justify;margin: 5px 0 0 15px;}
* html .paragraf1 {margin-left: 7px;}
.paragraf2 {width: 570px; float: left; clear: left;color: #A8A8A8; text-align: justify;margin: 5px 0 0 15px;}
* html .paragraf2 {margin-left: 7px;}
.paragraf3 {width: 570px; float: left; clear: left;color: #A8A8A8; text-align: justify;margin: 5px 0 0 15px; font-size: 13px;}
* html .paragraf3 {margin-left: 7px;}
.signature {width: auto; float: right; clear: both; margin: 15px; color: #FF6000; font-weight: bold;}
#titiaurpoza2 {float: left; margin-left: 20px;}
#listacapitole {float: left; width: 570px; clear: left; margin: 5px 0 0 15px;color: #FF6000; position: relative;}
* html #listacapitole {margin-left: 7px;}
#listacapitole li {float: left; clear: left; width: 560px;color: #FF6000;text-align: left; background-image: url(images/item2.gif); background-repeat: no-repeat; background-position: center left; padding-left: 10px;}
#listacapitole li span {color: #A8A8A8;float: left; }
#masiniscoala {background-image: url(images/masiniscoala.gif); background-repeat: no-repeat; width: 279px; height: 18px; float: left; clear: both;}
#noutati2 {background-image: url(images/noutati2.gif); background-repeat: no-repeat; width: 107px; height: 18px; float: left; clear: both; margin-bottom: 10px;}
#parteneri {background-image: url(images/parteneri.gif); background-repeat: no-repeat; width: 235px; height: 18px; float: left; clear: both; margin-bottom: 10px;}
.textmasini {width: 599px; float: left; clear: left; margin: 10px 0 0 0px;}
.divmasini {width: 599px; float: left; clear: left; margin: 10px 0 0 0;}
.divmasiniup {width: 599px; float: left; clear: left; height: 10px; background-image: url(images/masiniUp.gif); background-repeat: no-repeat;}
.divmasinicenter {width: 599px; float: left; clear: left;background-color: #111111;}
.divmasinidown {width: 599px; float: left; clear: left; height: 9px; background-image: url(images/masiniDown.gif); background-repeat: no-repeat;}
* html .divmasinidown {margin-top: -6px;}
.masiniuptext {width: 285px; height: 27px; background-image: url(images/textmasiniup.gif); background-repeat:no-repeat; float: right; position: relative; margin: 10px 24px 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #B8B8B8; font-weight: bold;}
* html .masiniuptext {margin-right: 12px; margin-bottom: -27px;}
.pozamasina {float: left; clear: left; margin: 7px 0 0 33px;}
.restmasini {float: right; width: 280px;margin: 50px 20px 0 0px;}
* html .restmasini {margin-right: 10px;}
img.restmasinipoze {float: left; border: 1px #a8a8a8 solid; margin: 0 4px 0 4px;}
.textrestmasini {float: left;clear: left; width: 100%; margin-top: 2px;}
.maresteimaginea {float: left; clear: left; width: auto; color: #707070;margin-left: 4px; font-size: 9px;}
.tractiune {float: right; width: auto; color: #707070;margin-right: 4px; font-size: 9px;}
#contactform {float: left; clear: left; width: 601px; height: 18px; background-image:url(images/contactform.gif); background-repeat:no-repeat;margin: 13px 0 0 20px;}
* html #contactform {margin-left: 10px; width: 580px;}

#title-curs-conducere {float: left; clear: left; width: 601px; height: 18px; background-image:url(images/title-curs-conducere.gif); background-repeat:no-repeat;margin: 13px 0 0 20px;}
* html #title-curs-conducere {margin-left: 10px; width: 580px;}

#title-curs-conducere-defensiva {float: left; clear: left; width: 601px; height: 18px; background-image:url(images/title-curs-conducere-defensiva.gif); background-repeat:no-repeat;margin: 13px 0 0 20px;}
* html #title-curs-conducere-defensiva {margin-left: 10px; width: 580px;}

#title-curs-conducere-agresiva {float: left; clear: left; width: 601px; height: 18px; background-image:url(images/title-curs-conducere-agresiva.gif); background-repeat:no-repeat;margin: 13px 0 0 20px;}
* html #title-curs-conducere-agresiva {margin-left: 10px; width: 580px;}

#title-curs-conducere-sportiva {float: left; clear: left; width: 601px; height: 18px; background-image:url(images/title-curs-conducere-sportiva.gif); background-repeat:no-repeat;margin: 13px 0 0 20px;}
* html #title-curs-conducere-sportiva {margin-left: 10px; width: 580px;}

#title-curs-pilotaj {float: left; clear: left; width: 601px; height: 18px; background-image:url(images/title-curs-pilotaj.gif); background-repeat:no-repeat;margin: 13px 0 0 20px;}
* html #title-curs-pilotaj {margin-left: 10px; width: 580px;}

#title-eveniment-team-building {float: left; clear: left; width: 601px; height: 18px; background-image:url(images/title-eveniment-team-building.gif); background-repeat:no-repeat;margin: 13px 0 0 20px;}
* html #title-eveniment-team-building {margin-left: 10px; width: 580px;}

#title-eveniment-spectacol-auto {float: left; clear: left; width: 601px; height: 18px; background-image:url(images/title-eveniment-spectacol-auto.gif); background-repeat:no-repeat;margin: 13px 0 0 20px;}
* html #title-eveniment-spectacol-auto {margin-left: 10px; width: 580px;}

#contactfields {float: left; clear: left; width: 320px; margin: 20px 0 0 30px;}
* html #contactfields {margin-left: 15px;}
.align5 {float:left; clear: left; width: 95px; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;color:#C8C8C8; font-weight: bold; text-align: left;}
.contactfield1 {width: 148px; height: 22px; float: left; background-color: #202020; border: 1px #6E3310 solid; margin-top: -4px; position: relative; color: #ffffee; font-size: 15px; margin-bottom: 10px;}
.textfield1 {width: 218px; height: 108px; float: left; background-color: #202020; border: 1px #6E3310 solid; margin-top: -4px; position: relative; color: #ffffee; font-size: 15px; margin-bottom: 10px;}
.submitfield1 {float: left; clear: left; margin-left: 95px; background-image: url(images/contact.gif); background-repeat: no-repeat; width:76px; height: 22px; border: none; position: relative; background-color: transparent;}
.submitfield2 {float: left; clear: left; margin-left: 95px; width:76px; height: 22px; border: none; position: relative;}
* html .submitfield1 {margin-left: 80px;}
*:first-child+html .submitfield1 {margin-left: 65px;}
* html .submitfield2 {margin-left: 80px;}
*:first-child+html .submitfield2 {margin-left: 65px;}
#datecontact {float: left; font-size: 11px; color: #a3a3a3; margin-left: 20px;}
.highlight1 {float: left; clear: left; margin-right: 10px; color: #FF6000;}
.highlight2 {float: left; clear: left; margin-right: 10px; color: #FF6000;font-size: 12px; font-weight: bold; margin-bottom: 5px;}
.align6 {float: left;}
.align7 {float: left; clear: left;}
#inscrierefields {float: left; clear: left; width: 600px; margin: 20px 0 0 30px;}
* html #inscrierefields {margin-left: 15px; margin-right: -29px;}
.inscrierefield1 {width: 348px; height: 22px; float: left; background-color: #202020; border: 1px #6E3310 solid; margin-top: -4px; position: relative; color: #ffffee; font-size: 15px; margin-bottom: 10px;}
.textfield2 {width: 418px; height: 108px; float: left; background-color: #202020; border: 1px #6E3310 solid; margin-top: -4px; position: relative; color: #ffffee; font-size: 15px; margin-bottom: 10px;}
.inscriereradio {float: left; clear: left; margin-top: 1px;}
.align8 {float: left; color: #a3a3a3; font-weight: bold; font-size: 12px; margin: 0 5px 0 2px; text-align: left;}
.inscrierefield2 {width: 148px; height: 22px; float: left; background-color: #202020; border: 1px #6E3310 solid; margin-top: -4px; position: relative; color: #ffffee; font-size: 15px; margin-bottom: 10px;}
.error {float: left; clear: left; width: 100%; color: #ffff00;margin-bottom: 10px; text-align: left;}
.loginhref {float: left; clear: left; width: 100%; color: #FF6600; margin: 5px 0 5px 20px; text-decoration: underline;text-align: left;}
.align9 {float: left; clear: left; color: white;}
.align10 {float: left; color: white;}
.clasamentfield1 {width: 100px; height: 22px; float: left; background-color: #202020; border: 1px #6E3310 solid; margin-top: -4px; position: relative; color: #ffffee; font-size: 15px; margin-bottom: 10px; margin-left: 5px; margin-right: 5px;}
.stire {float: left; clear: left; margin: 5px 0 5px 0;}
.leftbodystire {float: left; clear: left; width: 108px;}
.leftbodystire a img { border: 1px #a8a8a8 solid;}
img.pozaleftstire{float: left; clear: left;border: 1px #a8a8a8 solid; margin: 0 0 10px 0;}
.rightbodystire {float: left; width: 420px; margin: 0 0 0 20px;}
h2 {float: left; clear: left; color: #FF6000; font-size: 12px;}
.datastire {float: left; clear: left; color: #a8a8a8;font-size: 10px; margin: 2px 0 0 0;}
.datastire a {color: #FF6000;}
.textstire {float: left; width: 100%;clear: left; font-size: 11px; color: #818181; margin-top: 15px;}
.textstirebottom {float: left; clear: both; width: 100%; color: #FF6000;}
#linkvideo {float: left; color: #ff6000; font-style: normal; text-decoration: underline; font-size: 10px; font-weight: normal;}
#trimitestire {float: right; color: #ff6000; font-style: normal; text-decoration: underline; font-size: 10px; font-weight: normal;}
#linkarhiva {float: left; clear: left; margin: 10px 0 0 0;}
.maresteleft {float: left; clear: left; width: 108px; background-image: url(images/item3.gif); background-repeat: no-repeat; background-position: center left; color: #a8a8a8; font-size: 9px; padding-left: 16px;}
.stirejosdetot {float: left; clear: both;width: 570px; height: 25px; margin: 10px 0 0 62px; background-image: url(images/bottomstire.gif); background-repeat: no-repeat; background-position: bottom; text-align: left; background-color: #3A3A3A;}
* html .stirejosdetot {margin-left: 31px; margin-top: -20px;}
#titluboxleft {float: left; clear: left; width: 131px; height: 14px; background-image: url(images/titlubox.gif); background-repeat:no-repeat; color: #a8a8a8; text-align: center; margin: -18px 0 0 0; position: relative; text-decoration: underline; padding-top: 4px;}
#titluboxleft a{color: #a8a8a8;}
#titluboxright {float: right; clear: right; width: 131px; height: 14px; background-image: url(images/titlubox.gif); background-repeat:no-repeat; color: #a8a8a8; text-align: center; margin: -18px 0 0 0; position: relative; text-decoration: underline; padding-top: 4px;}
#titluboxright a{color: #a8a8a8;}
#titluant {float: left; clear: left; width: 259px; border-right: 1px #a8a8a8 solid; margin: 4px 0 0 10px; color: #ff6000; text-align: right; padding-right: 5px; font-size: 11px;}
#titluant a {float: left; clear: left; width: auto; color: #a8a8a8;}
#titluant a:hover {color: #ff6000;}
#titluurm {float: left; width: 259px; margin: 4px 0 0 10px; color: #ff6000; text-align: left; position: relative; font-size: 11px;}
#titluurm a {float: right; clear: right; width: auto; color: #a8a8a8;}
#titluurm a:hover {color: #ff6000;}
#logos {float: left; clear: left; color: #fff; margin: 20px 0 0 20px; text-align: left;}
#logos a {color: #ff6000;}
.stergestire {float: left; margin-left: 20px;}
img.pozaparteneri {width: 468px; height: 60px; overflow:hidden; margin: 0 auto; margin-top: 10px; border: 1px #a8a8a8 solid; clear: both;}
.linkparteneri {width: 468px; margin: 0 auto; clear: both; margin-top: 10px; color: #a8a8a8; text-align: justify;}
.distantier {width: 100%; float: left;clear: left; color: #FF6000; font-size: 11px; text-align: left; margin: 0 0 0 20px; padding: 0 0 0 10px;}
.delpoza {
  float: left; font-size: 8px; color: red; margin: -10px 0 0 -8px;
}

#overlay{ 
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 90;
    width: 100%;
    height: 100%;
}

* html #overlay{
    background-color: transparent;
}

#box{
    background:#ffffff;
	margin: 0;
	padding: 0;
    border:2px solid #000000;
	overflow: auto;
}

#box #close{
    position:absolute;
    top:0px;
    right:0px;
    cursor:pointer;
}

#box #boxContents {
	margin-top:12px;
	padding:10px;
}