@charset "utf-8";
/* CSS Document for TIBBR */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/****************************************************************************************/

body {background:#dcdcdc url(../images/body-bkgd.gif) repeat-x 0 0; font-size:90%; margin:0;} 
* {font-size: 12px; font-family: Arial, Helvetica, Verdana, sans; line-height:140%;}

form {margin:0; padding:0;}

p {margin:0 0 10px;}
img {display:block; border:0;}
a {color:#1E64B8; text-decoration:none;}
a:hover {text-deoration:underline;}
#logo-print {display:none;}

/* For IE5+ PNG Alpha Transparency Fix*/
img, div { behavior: url(../js/iepngfix.htc) }

#container {width:735px; margin:0 auto; padding:0;}

#masthead {height:70px; margin:0 auto; padding:0; background:url(../images/mast-bkgd.gif) repeat-x 0 0;}
#masthead #logo {float:left; width:115px; height:70px; margin:0; padding:0; background:url(../images/logo-tibbr.gif) no-repeat 0 0;}
#masthead #logo a {display:block; height:70px; text-indent:-9999px;}
#masthead ul#nav {float:left; margin:22px 0px 0px 0px; padding:0; background:none;}
#masthead ul#nav li {margin:0 0 0 60px; padding:0; list-style:none; display:inline;}
#masthead ul#nav li a {font-size:0.75em; font-weight:bold;}

#banner {margin:0 auto 30px; padding:0; background:none;}

#content {float:left; width:515px; min-height:500px; margin:0 0 30px; padding:0; color:#4d4d4d; background:url(../images/tab-bkgd.gif) no-repeat 0 43px;}
#container .contentfaq{ width:700px; background:none; }
#content #main-content { width:700px; margin:0px 25px 0 41px; padding-right:33px; }
.got-tibbr  { float:left; width:100%; margin:0 0 15px 0; padding:0; clear:both; background:none repeat; }
.got-tibbr .got-tibbr-img { float:left; width:375px; margin:50px 0 0; padding:0; background:none repeat }
#main-content ul.highlight { margin:5px 0 20px 28px; }
#main-content .highlight li{ list-style:disc inside; line-height:1.8em; }
#main-content h2{ font-size:1.29em; }
	#tabs ul {margin:0; padding:0; list-style:none; background:orange;}
  	#tabs li {float:left; margin:0; padding:0; list-style:none;}
	#tabs a {height:44px; display:block; margin:0; padding:20px 0 0 50px; font-size:0.95em; color:#4d4d4d; text-align:left;}
	#tabs a:hover {text-decoration:underline;}
	
	#tabs li.first {float:left; width:175px; height:44px; background:url(../images/tab-1-off.gif) no-repeat 0 0;}
	#tabs li.second {float:left; width:166px; height:44px; background:url(../images/tab-2-off.gif) no-repeat 0 0;}
	#tabs li.last {float:left; width:166px; height:44px; background:url(../images/tab-3-off.gif) no-repeat 0 0;}
	#tabs li.first a {padding-left:60px; color:#f47b20;}
	#tabs li.second a {color:#055486;}
	#tabs li.last a {color:#b42e34;}
	
	#tabs li.first-current {float:left; width:175px; height:44px; background:url(../images/tab-1-on.gif) no-repeat 0 0;}
	#tabs li.second-current {float:left; width:167px; height:44px; background:url(../images/tab-2-on.gif) no-repeat 0 0;}
	#tabs li.last-current {float:left; width:173px; height:44px; background:url(../images/tab-3-on.gif) no-repeat 0 0;}
	
	#tabs li.first-current a, #tabs li.second-current a, #tabs li.last-current a {padding:14px 0 0 60px; font-size:1.1em; font-weight:bold; color:#f47b20;}
	#tabs li.second-current a  {padding-left: 50px; font-size:1em; color:#055486;}
	#tabs li.last-current a {padding-left:50px; color:#b42e34;}
	
	#tabs li.first-current a:hover, #tabs li.second-current a:hover, #tabs li.last-current a:hover {text-decoration:none;}
	
	#tab-content {float:left; min-height:500px; margin:0; padding:20px 50px 30px 60px; font-size:1em; color:#4d4d4d;}
	
	#tab-content h1 {margin:0 0 15px; padding:0; color:#4d4d4d; font-size:1.1em;}
	#tab-content h2 {margin:0; padding:0; color:#000; font-size:0.9em;}
	
	#tab-content .inline-img {
	float:right;
	width:190px;
	height:190px;
	margin:0;
	padding:0px 0px 10px 10px;
	margin-left:0px;
}
	#tab-content{ width:400px; }
	#tab-content p.highlight {color:#666; font-size:1.7em;}
	#tab-content object{ width:190px; height:190px; }
	#tab-content .adobe-default { width=112px; height:33px; }
	
	ul li {list-style-type:disc;}
	
	/* Two Columns */
	.cols {float:left; width:100%; margin:0 0 20px; padding:0; clear:both; background:none;}
	.cols .regular-1 {float:left; width:15%; background:none;}
	.cols .regular-2 {float:right; width:81%; background:none;}
	
	#tab-bot {float:left; width:512px; height:20px; margin:0; padding:0; background:url(../images/tab-bot.gif) no-repeat 0 0;}

#sidebar {float:right; width:210px; margin:0; padding:0; background:none;}
	#video {margin:0 0 10px; padding:0;}
	#tibbr-flash,#video object,#video embed{ width:210px; height:170px; }
	#share-this { padding:0 0 1em 0; display:block;  }
	#share-this img{ float:left; margin-right:0.5em;  }
	#share-this a{ display:block; color:#4A7F0F ;line-height:1.5em;  font-size:12px; }
	#register {margin:0 0 10px; padding:0;}
	#img-zoom img{ width:210px; border:1px solid #cfcfcf; }
	#img-zoom img.zoom{ width:75px;  height:19px; cursor:pointer;  border:0; }
	#img-zoom .screenshot-caption{ float:right; margin:-20px 5px 0 0; color:#2E769D; }
/* styles for the overlay */

.simple-overlay{ width:928px; min-height:200px; border:2px solid #2E769D; display:none;  z-index:9999; background-color:#fff; }
#img-zoom .simple-overlay img{ width: 900px; height:467px; margin:1em;  border:none; }
#img-enlarged p{ margin:0.3em 1em; color:#2E769D; font-size:1.2em; font-weight:bold;  }
.simple-overlay .close{ width:35px; height:35px; cursor:pointer; position:absolute; top:-15px; right:-15px; background: url('../images/close.png'); }

/* Styles for Generic Pages, e.g. Registration */
#generic {float:left; width:100%; min-height:500px; margin:0 0 30px; padding:0; color:#4d4d4d; background:none;}
	h1 {margin:0 0 15px; padding:0; color:#4d4d4d; font-size:1.2em;}
	p {color:#4d4d4d; font-size:0.9em;}
	
#footer {float:left; width:100%; margin:0; padding:10px 0; bottom:0; clear:both; background:transparent;}
#footer p {font-size:0.75em; color:#575757; text-align:center;}
#footer a {font-size:1em; color:#575757; text-decoration:none;}
#footer a:hover {text-decoration:underline;}