/* ==== Bluesky Interactive 2009 ==== */

/* ==== common ==== */

body, html {
	margin: 0; 
	padding: 0; 
	font-family: Arial, Tahoma, "Trebuchet MS", sans-serif;
	color: #fff;
	font-size: 12px;
	background: #055095;
}
img {
	margin: 0; 
	padding: 0;
	border: 0;
}
.notes {
	font-size: 10px;
	line-height: 15px;
	color: #949494;
}
.clear {
	clear: both;
	height: 0px;
	overflow: hidden; 
}
#pages {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}
.tel {
	font-weight: bold;
	font-size: 20px;
}
.images-right {
	float: right;
	margin: 0 0 10px 5px;
	padding: 0;
}
.images-left {
	float: left;
	margin: 0 10px 5px 0;
	padding: 0;
}


/*  Header */

#header {
	width: 960px;
	height: 109px;
	margin: 0 auto;
	padding: 19px 0 0 0;
}
.logo {
	float:left;
}
.header-tel {
	float:right;
}


/* Navigation */

#navcontainer {
	height: 38px;
	padding: 0;
	margin: 0;
	background:url(/images/nav/nav-bg.gif) no-repeat;
	width:960px;
}
#nav, #nav ul {
	float: left;
	list-style: none;
	color: #FFF;
	padding: 0;
	margin: 0;
}
#nav a {
	width: 130px;
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif; color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 12px 0 11px 0;
	margin: 0;
}
#nav a:hover {
	background: url(/images/nav/nav-hover.gif) repeat-x;
	color: #fff;
}
#current a:link,
#current a:visited,
#current a:active { 
	width: 130px;
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif; color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 12px 0 11px 0;
	margin: 0;
}
#current a:hover {
	background: url(/images/nav/first-hover.gif) left no-repeat;
	color: #fff;
} 
#nav li {
	float: left;
	padding: 0;
	background: url(/images/nav/nav-divide.gif) 100% 50% no-repeat;
}	
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 130px;
	w\idth: 130px;
	background: #2872b6;
}
#nav li ul li {
	background: #2872b6;
}
#nav li ul a {
	font: bold 12px Arial, Helvetica, sans-serif; color: #fff;
	text-align: center;
	width: 130px;
	w\idth: 130px;
	padding: 8px 0 8px 0;
	
}
#nav li.hover ul ul, #nav li.sfhover ul ul, {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	border-top: none;
	width: 130px;
	w\idth: 130px;
	padding: 0
}


/*  layout  */

#content {
	width: 940px;
	margin: 20px 0 20px 0;
	padding: 0 10px 0 10px;
}
#left {
	float: left;
	width: 160px;
	margin: 0;
	padding: 0;
}
#main {
	float: right;
	width: 760px;
	margin: 0;
	padding: 0;
}
#main a:link,
#main a:active,
#main a:visited {
	color: #ffd204;
	font-weight: bold;
	text-decoration: none;
}
#main a:hover {
	text-decoration: underline;
}
#main ul {
	margin: 0 0 15px 5px; 
	padding: 3px;
	list-style-type: none;
}	
#main ul li  {
	background-image: url(/images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .32em;
	padding: 0 0 10px 15px;
}
#main-left {
	float: left;
	width: 460px;
	margin: 0;
	padding: 10px 0 0 0;
}
#main-left p {
	margin: 0 0 15px 0;
	line-height: 18px;
}
#right {
	float: right;
	width: 280px;
	margin: 0;
	padding: 0;
}
#right p {
	margin: 0 0 10px 0;
}


/*  headers  */

h1 {
	font-size: 24px;
	color: #fff;
	margin: 0 0 10px 0;
	padding:0;
}
h2 {
	font-size: 16px;
	color: #fff;
	margin: 0 0 10px 0;
	padding: 0;
}
.spec-table h3 { /* table headers */
	font-size: 16px;
	color: #fff;
	margin: 0 0 5px 0;
	padding: 0;
}


/* links page */

#links-left {
float: left;
width: 200px;
margin: 0;
padding: 0;
}
#links-right {
float: right;
width: 240px;
margin: 0;
padding: 0;
}


/* spec table */

.spec-table {
	border-collapse: collapse;
	margin: 0 0 15px 0;
	padding: 0; 
}
.spec-table p {
	margin: 0;
	padding: 0;
}
.spec-table th {
	font-size: 13px;
	font-weight: bold;
	padding: 4px 0 4px 0;
}
.spec-table td {
	padding: 2px 0 2px 0;
}


/* accordian styling */

.ui-wrapper { border: 1px solid #50A029; }
.ui-wrapper input, .ui-wrapper textarea { border: 0; }

ul.ui-accordion-container { margin: 0; padding: 0; list-style-type: none; }
ul.ui-accordion-container li { margin: 0; margin-bottom: 2px; padding: 0; background-image: url(/images/accordian/accordion-left.png); background-repeat: no-repeat; }
ul.ui-accordion-container li a.ui-accordion-link { display: block; padding-left: 5px; margin-right: 3px; height: 28px; background-image: url(/images/accordian/accordion-middle.png); color: #000; text-decoration: none; line-height: 28px; }
ul.ui-accordion-container li .ui-accordion-right { display: block; background-image: url(/images/accordian/accordion-right.png); position: absolute; top: 0px; right: 0px; height: 28px; width: 3px;  }

ul.ui-accordion-container li:hover { background-image: url(/images/accordian/accordion-left-over.png); }
ul.ui-accordion-container li:hover a.ui-accordion-link { background-image: url(/images/accordian/accordion-middle-over.png); }
ul.ui-accordion-container li:hover .ui-accordion-right { background-image: url(/images/accordian/accordion-right-over.png); }

ul.ui-accordion-container li.active { background-image: url(i/accordion-left-act.png); }
ul.ui-accordion-container li.active a.ui-accordion-link { background-image: url(/images/accordian/accordion-middle-act.png); }
ul.ui-accordion-container li.active .ui-accordion-right { background-image: url(/images/accordian/accordion-right-act.png); }

    
.jscom, .mix htcom   { color: #4040c2; }
.com      { color: green; }
.regexp   { color: maroon; }
.string   { color: teal; }
.keywords { color: blue; }
.global   { color: #008; }
.numbers  { color: #880; }
.comm     { color: green; }
.tag      { color: blue; }
.entity   { color: blue; }
.string   { color: teal; }
.aname    { color: maroon; }
.avalue   { color: maroon; }
.jquery   { color: #00a; }
.plugin   { color: red; }

/*li { list-style-type: none; }
#list2 { width:20em; }/*

/*#log { position:fixed; bottom: 0; right:1em; text-align:right; }
#switch { position: fixed; bottom: 0; right: 15em; }*/

.basic  {
	width: 460px;
}
.basic div {
	background-color: #fff;
	padding: 10px;
}

/*#list1b p {
	margin: 0;
}*/

.basic p {
	margin: 0 0 10px 0;
	border: none;
	text-decoration: none;
	color: #000;
}
#list1b a,
#list1b a:link,
#list1b a:active,
#list1b a:visited,
#list1b a:hover {
	text-decoration: none;
	color: #000;
	font-weight: bold;
}
.basic a,
.basic a:link, 
.basic a:active,
.basic a:visited {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	/*background-color: #00a0c6;*/
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;	
	background-image: url("/images/accordian/AccordionTab0.gif");
}
.basic a:hover {
	background-color: white;
	background-image: url("/images/accordian/AccordionTab2.gif");
}
.basic a.selected {
	cursor:default;
	background-color: #80cfe2;
	background-image: url("/images/accordian/AccordionTab2.gif");
}
@media print {
	#list2 dd {
		display: block!important;
		height: auto!important
	}
}


/* contact form */

#contact  {
	width: 420px;
	height: 476px;
	margin: 15px 0 0 0;
	padding: 20px;
	color: #4d4b4b;
	background: url(/images/contact-form-bg.gif) top no-repeat;
}
#contact form {
	margin: 0;
	padding: 0;
}
#contact table {
	width: 420px;
	margin: 0;
	padding: 0;
}
.form-input {
	width: 230px;
	padding: 3px;
	margin: 0 0 12px 0;
	font-family: Arial, Tahoma, "Trebuchet MS", sans-serif;
	font-size: 11px;
	color: #3e4245;
}
.form-select {
	width: 240px;
	font-size: 11px;
	color: #3e4245;
	margin: 0 0 12px 0;
	padding: 2px;
	font-family: Arial, Tahoma, "Trebuchet MS", sans-serif;
}	
#contact textarea {
	width: 230px;
	height: 90px;
	font-family: Arial, Tahoma, "Trebuchet MS", sans-serif;
	font-size: 11px;
	color: #3e4245;
	margin: 10px 0 10px 0;
	padding: 3px;
}
#contact p {
	margin: 0 0 8px 0;
	padding: 0;
}
#contact table {
	margin: 0;
	padding: 0;
	border: none;
}
#contact input.submit { /*submit button*/
	float: left;
	width: 99px;
	height: 30px;
	margin: 0 0 10px 0;
	padding: 0;
	cursor: pointer;
	border: 0;	
	background: url(/images/contact-form-submit.gif) no-repeat;
}
#contact input.chkbox {
	margin: 0 10px 0 0;
	padding: 0;
	font: 11px Arial, Helvetica, sans-serif;
	border: 0;
}
.chkbox {
	margin: 0 5px 0 0;
}


/* google map */

#google-map {
width: 260px;
height:281px;
margin:0 0 10px 0;
padding:10px;
background:url(/images/google-map-bg.gif) no-repeat;
}

	

/*  footer  */

#footer {
	width: 960px;
	margin: 0;
	padding: 10px;
	border-top: 1px solid #6996bf;
}
#footer p {
	margin: 0 0 10px 0;
	padding: 0;
	color: #92b0cc;
	font-size: 11px;
	line-height: 20px;
}
#footer a:link,
#footer a:active,
#footer a:visited {
	color: #92b0cc;
	text-decoration: none;
}	
#footer a:hover {
	color: #b7cfe4;
	text-decoration: underline;
}
	

/*  Sifr  /*


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1, h2, .spec-table h3 {
	visibility: hidden;
}