/* 
 * visitus.css, 2.0 2010-Mar-15
 *
 * (c) 2007 Computer History Museum		http://www.computerhistory.org
 *
 * Edit according to styleguide
 *
 */


/* MAIN LAYERS AND ELEMENTS; colors #475e80, #bcd1e2
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.localnav li a.active {	background-color: #bcd1e2;}
div#header { border-bottom: 4px solid #475e80; }
div#footer { border-top: 2px solid #475e80; }

h1 { background: url(/_common/img/visitus/hh-visitus.png) no-repeat 0 5px; }
h2 { color: #365F82; }
h3.schedule { font-weight: normal; color: #365F82; font-size: 1em; margin-top: 30px; }
h2.title { margin-bottom: 0; }
h3.subtitle { font-weight: normal; color: #999999; font-weight: bold; font-size: 0.9em; height: 40px; overflow: hidden; }

h2.localnav	{ color: #3e3e3e; font-size: 1.65em; padding: 0 0 0 15px; margin-top: 1em; }
h2.submenu	{ color: #222222; font-size: 1.1em; margin-top: 1em; margin-bottom: 2px; font-weight: normal; }
a img { vertical-align: text-bottom; }

div#intro { width: 684px; margin: 0 0 20px 26px; padding-top: 20px; position: relative; overflow: hidden; display: block; }
div#main { width: 684px; margin: 0 0 0 26px; position: relative; overflow: hidden; display: block; }
div#content ul { list-style-type:none; margin:0; padding-left:9px; }
div#content ul li { background:transparent url(/_common/img/list-bullet.gif) no-repeat scroll 0 7px; padding-left:0.8em; }


/* VISIT US OVERVIEW
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.exinfo { float: right; width: 435px; }
.exinfowide { width: 684px; }
.exinfo .extitle, .exinfowide .extitle { border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; padding: 5px 0; margin-bottom: 5px;}
.info p { margin: 2px 10px 0 10px; padding: 2px 0 10px; border-top: 1px solid #999; line-height: 1.1em;}
.info p a { font-size: .9em; color: #ccc;  }
div.display { display: block; width: 186px; height: 560px; float: left; position: relative; overflow: hidden; background-color: #f2f2f2; border: 1px solid #e2e2e2; padding: 0 15px 10px 15px; }
div.display img { width: 186px; }
div.display p { color: #222222; font-size: 0.9em; }


/* EDUCATOR PROGRAM
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.red { color: #FF0000; text-decoration: underline; font-style: italic; }

div#content div.pane ul.bullets {  display: block; list-style-type: none; margin-left: 25px; }
div#content div.pane ul.bullets li { background:transparent url(/_common/img/list-bullet.gif) no-repeat scroll 0 7px; padding-left: 0.8em; }

div#content div.pane ol.bullets { display: block; margin-left: 25px; list-style: decimal; list-style-position: outside; }

a.planvisit { display: block; width: 235px; line-height: 20px; color: #ffffff; padding: 10px 30px; text-align:center; position:relative; margin: 7px 0; border: 1px solid #f2f2f2; font-weight: bold; background-color: #325f8f; float: right; }
a.planvisit:hover { background-color: #1c4774; }


p.highlight { display: block; clear: both; padding: 10px 10px 10px 35px; border-left: 5px solid #f1f1f1; background-color: #f9f9f9; }
span.highlight { font-size: 0.9em; color:#111111; font-family: Geneva, Arial, Helvetica, sans-serif; }
div.highlight { display: block; clear: both; padding: 15px 10px; margin: 10px 0; background-color: #f7f7f7; }
div#jpanels div.pane div.highlight h2 { margin: 0px 0 15px 0; clear: none; color: #475e80; font-size: 1em; font-style: italic; }
div.grade { padding: 10px; margin-bottom: 20px; border: 1px solid #e5e5e5; }
p.standard { border-top: 1px solid #e2e2e2; margin-top: 20px; padding-top: 5px; font-size: 0.8em; line-height: 1.1em; }

.cwrap {width: 684px; margin: 20px 0 30px 0; }
.pane .cwrap {width: 644px; }
.cwrap .box { width: 325px }
.cwrap .block { width: 146px; float: left; margin-right: 20px; overflow: hidden; }
.cwrap .block a.pdf img { width: 142px; }
.cwrap .block a.pdf { display: block; background: url(/_common/img/misc/pdf-mini.gif) right 123px no-repeat; border: none; margin: 0; padding: 0; }
.cwrap .lastblock { margin-right: 0 !important; }
.cwrap .left { float: left; }
.cwrap .right { float: right; }
.cwrap .title { border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; padding: 5px 0; margin-bottom: 5px; font-weight: bold; }
.field { margin-bottom: 12px; }



/* DOWNLOAD MATERIAL styles 
---------------------------------------------------------- */
table.material { border: 0; padding: 7px 0; width: 684px; }
table.material a.pdf { display:inline-block; background: url(/_common/img/misc/pdf-mini.gif) left 2px no-repeat; padding-left: 20px; border: none; }
table.material a.pdf:hover { color: #222222; border: none; }
table.material td { background: #f9f9f9; padding: 2px 10px; vertical-align: top; }
table.material .details { padding: 7px 10px;}
table.material .details span.title { font-size: 0.9em; color:#111111; font-family: Geneva, Arial, Helvetica, sans-serif; }
table.material .details span.description { font-size: .75em; line-height: .9em; }
table.material .file { width: 185px; text-align: center; }
table.material .header { background: #e2e2e2; padding: 2px 0; color: #365f82; font-weight: bold; font-size: .7em; letter-spacing: 1px; text-align: center;}
table.material .headerdg { background: #e0e0e0; text-align: left; font-size: .9em; text-align: left; background: #e0e0e0; padding: 2px 5px; }


div.download { background-color: #f8f8f8; padding: 10px 30px 20px 26px; }
div.download ol { list-style: outside decimal; padding-left: 30px; }
div.download li.highlight, div.download p.highlight { padding: 7px 0 0 0; border: none; border-bottom: 1px dashed #e2e2e2; }



/* FAQS ELEMENTS 
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
a.question { display: block; padding: 10px 0 5px 0; margin-top: 15px; font-size: 125%; cursor: pointer; border-bottom: #f2f2f2 1px solid; }
p.answer { padding: 20px 10px 10px; }
.hidden { display: none; }
.visible { display: block; }



/* TABS ELEMENTS FOR EDUCATION PAGES
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
div#content ul.jtabs { list-style:none; margin:0 0 0 10px !important; padding:0; height:30px; }/* root element for tabs  */
div#content ul.jtabs li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important;  }/* single tab */
div#content ul.jtabs li { background: url(/_common/img/tabs/blue.jpg) no-repeat -247px 0; font-size:11px; display:block; height: 30px;  line-height:30px; width: 174px; text-align:center;	text-decoration:none; color:#333333; padding:0px; margin:0px;	position:relative; top:1px; }/* link inside the tab. uses a background image */
div#content ul.jtabs li.active { outline:none; background-position: -247px -62px; }
div#content ul.jtabs li:hover { background-position: -247px -31px; color:#fff; cursor: pointer !important; }/* when mouse enters the tab move the background image */
div#content ul.jtabs li.current, ul.jtabs li.current:hover { background-position: -247px -62px; cursor:default !important; color:#000 !important; }


div#jpanes { position:absolute; width:20000em;	clear:both; }/* root element for scrollable items. It is absolutely positioned with large width. */
div#jpanes div.panes{ float:left; display: block; width: 684px; }/* single item */
div#jpanels div.pane { padding: 50px 20px 30px 20px; display: none; }
div#jpanels div.pane h2 { margin: 0 0 10px 0; clear: none; color: #365F82; font-size: 1.2em; }

div#jpanels div.current { display: block; }

div#schoolprograms, div#planyourvisit { background: url(/_common/img/tabs/content_top_grey.jpg) 0 30px no-repeat;  float:left; width:684px; padding: 0 0 20px 0; position: relative; }

table.bluetable td.impact { padding-left: 20px; text-align: left; background-color: #fcfcfc; width: 465px; background: #f2f2f2; }
table.bluetable td.impactstatus { text-align: center !important; background-color: #fcfcfc; padding: 0 !important; background: #f2f2f2; }

a.resourcelink { background: url("/_common/img/icon-web.gif") no-repeat scroll left 8px transparent; border-bottom: 1px solid #F2F2F2; cursor: pointer; display: block; margin: 5px 20px 0 5px; padding: 5px 0 0 25px; }




/* TABS ELEMENTS FOR AT THE MUSEUM PAGE
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
div#preview  { background-color: #f2f2f2; border: 1px solid #e2e2e2; height: 454px; width: 682px; overflow: hidden; }
div#preview div#panes { display: block; width: 682px; height: 395px; overflow: hidden; position: relative; }
div#preview div#panes div#previewpanes { position:absolute; width:9999em; height: 395px; clear:both; margin: 0; padding: 0; }
div#preview div#panes div.pane { float:left; display:block; width:662px; height: 375px; padding: 10px; overflow: hidden; position: relative; }
div#preview div#panes div.pane div.revolutionvideo, div#preview div#panes div.pane video.revolutionvideo  
{ float:left; display:block; width:662px; height: 375px; background-color: #000000; overflow: hidden; position: relative; }
div#preview div.displayinfo { position: absolute; top: 60px; right: 40px; width: 250px; height: 200px; overflow: hidden; }
div#preview div.displayinfo span.title { display: block; padding-left: 32px; font-size: 0.9em; color: #006699; }
div#preview div.displayinfo span.alcove { display: inline-block; color:#666666; font-size: 1.25em; font-weight: bold; }
div#preview div.displayinfo span.number { display: inline-block; color:#00CCFF; width: 32px; text-align: center; font-size: 1.35em; font-weight: bold; }
div#preview div.displayinfo span.description { display:block; padding-left: 32px; font-size: .75em; color: #333333; }

div#preview ul.prevtabs { list-style:none; padding:0 20px; display: block; width: 642px; height:50px; text-indent:0; list-style-image:none !important; border-top: 1px solid #999999; }

div#content div#preview ul.prevtabs li { display: block; float: left; height: 45px;  line-height:30px; width: 60px; text-align:center; text-decoration:none; color:#333333; padding: 5px 0px 0px 0px; margin-right: 3px; position: relative; bottom: 1px; font-size: 10px; background: none;  }
div#content div#preview ul.prevtabs li.video { margin-right: /*80px*/ 140px; }
div#content div#preview ul.prevtabs li.end { margin-right: 0px !important; }

div#content div#preview ul.prevtabs li img { opacity: 0.45; filter: alpha(opacity=45); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)"; }
div#content div#preview ul.prevtabs li:hover, ul.prevtabs li:hover img { color:#900000; cursor: pointer !important; }
div#content div#preview ul.prevtabs li.current { width: 58px; height: 44px; padding-top: 3px; border: 1px solid #999999; border-top: #f2f2f2 solid 2px; }
div#content div#preview ul.prevtabs li.current, ul.prevtabs li.current:hover,  ul.prevtabs li.current img:hover { cursor:default !important; color:#900000 !important; }
div#content div#preview ul.prevtabs li.current img, ul.prevtabs li.current:hover img, ul.prevtabs li:hover img 
{ opacity:1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }



/* STAFF
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#content .staff tr td { text-align: left; }
#content .staff tr { font-size: .8em; }
.staff .staffname { background: #f2f2f2; width: 140px; height: 25px; font-size: .9em; padding-left: 5px; }
.staff .stafftitle { background: #f2f2f2; width: 450px; font-size: .8em; padding-left: 5px;}
.staff .staffinfo { background: #f2f2f2; width: 120px; text-align: right; font-size: .8em; padding-left: 5px;}

.staff .staffname2 { background: #f2f2f2; width: 500px; height: 35px; font-size: .9em; padding-left: 5px; }
.staff .stafftitle2 { background: #f2f2f2; width: 450px; font-size: .8em; padding-left: 5px;}
.staff .staffinfo2 { background: #f2f2f2; width: 130px; text-align: right; font-size: .8em; padding-left: 5px;}

.listingwrap, .listingwrapsenior, .listingwrapceo { width: 680px; background: #f9f9f9; margin-bottom: 5px; border: 1px solid #ddd;}
.nametitlewrap { float: left; width: 400px; margin: 5px 10px; line-height: 1.2em; }
.nametitlewrap .name { font-weight: bold; }
.nametitlewrap .ttl { font-size: .8em; }

.phone { float: right; margin: 10px 5px 10px 0; height: 20px; padding: 5px 10px; border-left: 1px solid #ddd;}
.bio, .email { float: right; margin: 10px 0 0 0; padding: 7px 10px 0 10px; height: 25px; border-left: 1px solid #ddd;}

.listingwrapsenior { background: #fdfdfd; }
.listingwrapceo { background: #eaf0f5; }



/* STAFF BIO
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.biowrap { width: 684px; }
.infowrap .image { float: left; border: 1px solid #ccc; padding: 1px 1px; }
.infowrap { border: 0px solid #ccc; width: 684px; margin-bottom: 30px; }
.infowrap .info { float: left; padding: 48px 0 0 50px;  }



/* TRUSTEE
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.boardwrap, chairwrap { width: 684px; margin-bottom: 30px;}
.chairwrap { margin-bottom: 15px; }

.boardleft, .boardright { width: 330px; background: #f9f9f9; border: 1px solid #ccc; margin-bottom: 15px; padding: 1px 1px; }
.chairleft {background: #eaf0f5; }
.boardleft { float: left; }
.boardright { float: right; }
.boardwrap .name { font-weight: bold;}
.boardwrap .details { font-size: .8em; line-height: 1.2em; }

.trusteewrap { width: 684px; margin-bottom: 30px; }
.trusteewrap img { border: 1px solid #ccc; }
.trustee, .chair { float: left; width: 310px; height: 110px; background: #f9f9f9; padding: 10px 0 0 10px; border: 1px solid #d5d5d5; margin: 10px 0 0 10px; line-height: 1.2em; }
.chair { clear: both; background: #eaf0f5; }
.trustee .name, .chair .name { font-weight: bold; }
.trustee .details, .chair .details { font-size: .8em; line-height: 1.2em; }



/* HOURS & TOURS 
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#contentwrap #content .hourtable td { background: #efefef; width: 95px;  }
.moreinfo { color: #f00; font-weight: bold; font-size: .8em; }



/* PRICING/MEMBERSHIP tables 
---------------------------------------------------------- */
table.admission { border: 0; padding: 7px 0; width: 684px; }
table.admission td { background: #f2f2f2; text-align: center; }
table.admission td.header { background: #BCD1E2; padding-top: 5px; padding-bottom: 7px; height: 50px; color: #104470; font-size: .85em; letter-spacing: 1px; text-align: center;}
table.admission td.wide{ width: 186px; }
table.admission td.medium{ width: 150px; }
table.admission td.small{ width: 128px; }
table.admission td.narrow{ width: 85px; }
table.admission td.info { color: #000000; padding: 5px 10px 5px 20px; text-align: left; height: 50px; font-size: 14px; }
table.admission span.notes { color: #CC0000; font-size: 0.8em; }
table.admission .levelinfo {font-size: 10px; color: #666;}
table.admission .general span {font-size: 20px; font-weight: 100;}
table.admission .discount span {font-size: 20px; font-weight: lighter;}

table.membership { border: 0; padding: 7px 0; width: 684px; }
table.membership td { background: #f2f2f2; text-align: center; vertical-align: top; }
table.membership td.wide{ width: 400px; }
table.membership td.small{ width: 128px; }
table.membership tr td { padding: 15px 10px; height: 190px;}
table.membership .info { font-size: 8px;}
table.membership .price { font-size: 18px; font-weight: 400; }
table.membership .leveltitle { font-size: 20px; text-align: left; padding-left: 7px;}
table.membership a.buy { margin: 0; }


table a.buy { display:block; /*height:20px;*/ line-height: 20px; color: #ffffff; padding: 10px 30px; text-align:center; position:relative; margin: 7px 0; border: 1px solid #ffffff; font-weight: bold; }
table a.renew { display:block; line-height: 20px; color: #ffffff; padding: 10px 30px; text-align:center; position:relative; margin: 7px 0; border: 1px solid #ffffff; font-weight: bold; background-color: #459196; }
table a.renew:hover { bold; background-color: #2e7175; }
table a.ticket { background-color: #990000; }
table a.membership { background-color: #325f8f; }
table a.ticket:hover { background-color: #770000; }
table a.membership:hover { background-color: #1c4774; }
table td.highlight { background: #e0e0e0; text-align: left; padding: 5px 20px 7px 20px; color: #104470; font-size: .85em; letter-spacing: 1px; }
table td.general { background-color: #e7f6f7;}

.vertical-top { vertical-align: top; }
.text-left { text-align: left !important; }




/* DIRECTIONS&PARKING  styles 
---------------------------------------------------------- */
div#driving { display: block; height: 375px; width: 336px; margin-bottom: 50px; float: left; padding: 2px; border: 1px solid #cccccc;/**/ background-color:#f2f2f2; }
div#driving div.map { height: 280px; width: 336px; float: right; overflow: hidden; }
div#driving div.address { height: 75px; line-height: 15px; width: 326px; float: right; padding: 10px 5px 0 0; overflow: hidden; text-align: right; font-weight: 400; border-top: 1px solid #cccccc; }

div#parking { display: block; height: 375px; width: 337px; margin-bottom: 50px; float: right; padding: 2px; border: 1px solid #cccccc; border-left: none;/**/ background-color:#f2f2f2; }
div#parking div.map { height: 280px; width: 337px; float: right; overflow: hidden; }
div#parking div.address { height: 75px; line-height: 15px; width: 327px; float: right; padding: 10px 5px 0 0; overflow: hidden; text-align: right; font-weight: 400; border-top: 1px solid #cccccc; }

div.directions { width: 320px; float: left; }
h3.directions { font-weight: normal; color: #365F82; font-size: 1.05em; margin-top: 0px; }



/* PRESS 
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#pressrelease { width: 684px; font-size: 1em; }
#pressrelease tr td { padding: 5px 5px 10px; border-bottom: 1px solid #efefef; font-size: 1em; line-height: 1.4em; color: #5B5B5B;  }
#pressrelease .date { width: 110px; vertical-align: top; }
#pressrelease .headline { }



/* GALLERY 
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.gallery { margin-top: 20px; margin-bottom: 30px; width: 684px;}
.galleryleft { float: left; width: 334px; }
.galleryright { float: right; width: 334px;}

.galleryleft img, .galleryright img { border: 1px solid #ccc; padding: 1px 1px; }

.gallerytext { float: left; font-size: .8em; }
.gallerydownload { float: right; font-size: .8em; }

a.pdflink { padding: 5px 0 0 25px; background: url(/_common/img/misc/pdf-mini.gif) no-repeat left 5px; margin: 5px 20px 0 0; cursor: pointer; }
span.warning { display: block; float: left; width: 260px; padding: 10px 20px; margin: 15px 0 !important; }

/* REVOLUTION IMAGES AND ITS ELEMENTS 
-------------------------------------------------------------- */

hr.clearboth { clear: both; visibility: hidden; height: 0; }

div#revolution { display:block; width:682px; height:700px; position:relative; overflow: hidden; border: 1px solid #e9e9e9; }
div#revolution_main { position:relative; overflow:hidden; height: 700px; width: 500px; float: right; }/* main vertical scroll for SIG */
div.section { float: left; height:700px; width: 682px; padding: 0; }


div#content ul#revolution_navi {  display: block; width: 175px; height: 700px; border-right: solid 1px #e9e9e9; padding: 0; float: left; list-style: none; }
div#content ul#revolution_navi li { display: block; background: none; padding: 0; }
ul#revolution_navi li a.title { color: #22589d; cursor:pointer; display: block;  padding: 8px 0 9px 15px; border-bottom: 1px dotted #e2e2e2; }
ul#revolution_navi li a.active { cursor: default !important; background-color: #f2f2f2; color: #333333; }


/* SCROLLING LAYERS AND TABS ELEMENTS 
----------------------------------------------------------------------------------------------------------- */

.pages { position:absolute; height:20000em; }	/* root element for pages */
.page { height: 700px; width:500px; position: relative; }	/* single page */
.scrollable { position:relative; overflow:hidden; width: 500px; height: 700px; float: left; }	/* root element for horizontal scrollables */
.scrollable .items { width:20000em; position:relative; clear:both; }	/* root element for scrollable items */
.item { float:left; cursor:pointer; width:480px; height: 430px; overflow: hidden; padding: 10px; position: relative; }	/* single scrollable item */
.item a.gallery { display: block; width: 474px; height:360px; padding: 1px; border: #c0c0c0 1px solid; padding: 1px; text-align: center; overflow: hidden; margin: 0 0 20px 0; position:relative; }
.item img.magnify { position:absolute; z-index: 100; bottom: 5px; right: 7px; }
.item a.gallery img { vertical-align: baseline; }

div.navi { height:15px; text-align: center; position: absolute; top: 395px; right: 10px; background-color: #ffffff; z-index: 1000; }/* position and dimensions of the navigator */
div.navi a { width:9px; height:9px; float:left; margin:3px; background: #999999; display:block; font-size:1px; background: url(/volunteers/images/navi-default.jpg) 0 0 no-repeat; }/* items inside navigator */
div.navi a:hover { background: url(/volunteers/images/navi-hover.jpg) 0 0 no-repeat; }/* mouseover state */
div.navi a.active { width:11px; height:11px; margin: 2px; background: url(/volunteers/images/navi-active.jpg) 0 0 no-repeat; } 	/* active state (current page state) */

.scroll { position:relative; overflow:hidden; width: 356px; float: left; }	/* root element for horizontal scrollables */
.scroll .images { width:20000em; position:relative; clear:both; }	/* root element for scrollable items */
.img { float:left; cursor:pointer; width:356px; }	/* single scrollable item */
.img img { width: 352px; height:198px; padding: 1px; border: #c8eac7 1px solid; padding: 1px; }

.scrollable div.description { font-size: .9em; padding: 0 10px; color: #333333; }
.scrollable div.imagecaption { font-size: .8em; font-style: normal; color: #333333; line-height: 1.4em; width: 310; padding-right: 170px; display: block; cursor: default !important; }
.scrollable div.imagecredit { font-size: .7em; font-style: italic; color: #999999; line-height: 1.1em; width: 310; float:left; display: block; cursor: default !important; }
.scrollable  div.gallerydownload { width: 170px; /*margin-top: 20px;*/  float: right; font-size: .8em; text-align: right; }
.scroll .imagecaption { font-size: .8em; font-style: normal; color: #333333; line-height: 1.4em; padding-right: 140px; cursor: default !important; }
.scroll .imagecredit { font-size: .7em; font-style: italic; color: #999999; line-height: 1.1em; padding-right: 140px; cursor: default !important; }


/* FORM'S ELEMENTS 
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* OUR MAILING FORM */
#emailform, #requestform { margin: 40px auto 30px auto; padding: 10px 0 20px 0; border-top: 1px solid #c0c0c0;  border-bottom: 1px solid #c0c0c0; }

.chmform input.btTxt { padding:0 7px; margin: 10px 10px 0 0; width:100px; overflow:visible; cursor:hand; }
.chmform td { padding: 10px 5px 5px 5px; vertical-align: top; }
.chmform td.label { width: 150px; }
.chmform td.right { text-align: right; }
.chmform td.input { width: 280px !important; padding-left: 10px; }
.chmform td.input input.field { width: 280px !important; }
.chmform td.input select.field { width: 155px !important; }
.chmform td.input input#keystring { width: 155px !important; }

img.captcha { vertical-align: top; float: right; }


/* ----- ERRORS ----- */
td.status { width: 180px !important; float:none; color: #D80001 !important; padding-left: 15px;  font-size: 76% !important;  }
td.req { background-image: url(/_common/img/misc/required.jpg); background-position: 2px 12px; background-repeat: no-repeat; }
span.req, p.req { padding: 10px 0 0 0 !important; }
span.req img, p.req img { margin:0 7px -3px 0 !important; }


/* ----- FOCUSED ------ */
.focused { background-color: #f1f1f1 !important; }

/* ------------ TOOLTIPS ----------- */
.l-tooltip { padding: 5px 10px; width:195px; display:none; text-align:left; color:#333333; font-size:76%; z-index:10000; background-color:#FFF9D0; border-bottom: 2px solid #FFCC00; }
.s-tooltip { padding: 5px 10px; width:165px; display:none; text-align:left; color:#333333; font-size:76%; z-index:10000; background-color:#FFF9D0; border-bottom: 2px solid #FFCC00; }



/* ----------------- FANCYBOX ELEMENTS ------------------------------*/
a.fancybox {}
div.fancybox { display: block; width: 600px; height: 356px; padding: 20px; }
div.fancybox div.picture { display: block; float: left; width: 280px; height: 356px; }
div.fancybox div.picture img { width: 270px; }
div.fancybox div.description { display: block; float: right; width: 300px; height: 356px; text-align: left; overflow: hidden; }
div.fancybox div.description h2 { font-weight: 400; margin: 0 0 10px; }
div.fancybox div.description p { color: #555555; }