.clear {clear: both; height: 0px;}
a {outline: 0;}
img.lft {float:left; margin-right: 12px;}
img.border {padding: 6px; border: 1px solid #000;}
span.rgt {float: right;}
strong {font-weight: bold;}
em {font-style: italic;}
.nomarg {margin: 0; padding: 0;}
body {background-color: #000; font: normal normal normal 100% Arial, sans-serif; letter-spacing: .07em;}
#header .container {position: relative;}
.container {width: 950px; margin: 0 auto;}
#header {background-color: #fff; width: 100%;position: relative; padding-top: 24px; padding-bottom: 5px; }
#header img {position: relative; left: 0; top: 0;}
#header #logo { display: block; width: 360px; height: 105px; background: url('../img/logo_max.png') no-repeat 0 0; }
#header #nav {position: absolute; right: 0; top: 34px; z-index: 100;}
#header #nav ul {border-bottom: 3px solid #000; color: #000; display: block; text-align: right; padding: 0 0 4px 0; width: 550px;}
#header #nav ul li {display: inline; padding: 0; margin: 0; font: normal small-caps bold 1.2em Arial, sans-serif;letter-spacing: normal;}
body#snippets #header #nav li.snippets a,
body#developer #header #nav li.developer a,
body#blog #header #nav li.blog a,
body#gigs #header #nav li.gigs a {padding: 5px 8px; background: #000 ;color: #fff; margin-right: 0px; text-decoration: none;border-bottom: none; margin-left: 0; background-image: none;}
#header #nav ul li a {padding: 5px 8px; background: #fff url('../img/bg-50.png') repeat;color: #000; margin-right: 0px; text-decoration: none;border-bottom: none; margin-left: 0;}
#header #nav ul a:hover {background: #000; color: #fff;}
#header #nav ul * {line-height: normal;}
body #header #nav ul li ul.secondary {display: block; position: absolute; bottom: -30px; right: 0; border: 0;}
body #header #nav ul li ul.secondary li {display: inline; padding: 0; margin: 0; font: normal normal normal 1em Arial, sans-serif;letter-spacing: normal; word-spacing: normal;}
body#snippets #header #nav ul li.snippets ul.secondary li a,
body#developer #header #nav ul li.developer ul.secondary li a,
body#blog #header #nav ul li.blog ul.secondary li a,
body#gigs #header #nav ul li.gigs ul.secondary li a {background-color: transparent; color: #aaa;}
body#snippets #header #nav ul li.snippets ul.secondary li a:hover,
body#developer #header #nav ul li.developer ul.secondary li a:hover,
body#blog #header #nav ul li.blog ul.secondary li a:hover,
body#gigs #header #nav ul li.gigs ul.secondary li a:hover {color: #000;}
#subnav {background-color: #000; width: 100%;position: relative; color: #fff; padding: 7px 0;}
#subnav ul li {display: inline; }
#subnav ul li a {color: #ccc; text-decoration: none; padding: 0 20px;}
#subnav ul li a.first {padding: 0 20px 0 0;}
#subnav ul li a:hover {color: #fff; text-decoration: none;}
#stripe {background: #DDD url('../img/stripe-blue.png') repeat; height: 95px;  width: 100%;position: relative;}
#stripe form {position: relative; top: 15px; margin: 0;}
#stripe form.search input { width: 310px; background-color: #fff; margin: 0; }
#stripe form.search input.submit {width: auto; position: relative; top: 12px; margin: 0; padding: 0; border: 0; background-color: transparent;}
#stripe form.search input.submit-min {
	width: auto;
	top: -1px;
	background-color: #000;
	color: white;
	height: 30px;
	padding: 2px 7px;
	font-size: 0.9em;
	text-transform: uppercase;
}

#body {width: 100%; background-color: #fff; padding: 24px 0 24px 0; position: relative;}
#sidecol {width: 224px; position: relative; float: right;}
#sidecol form input { width: 210px;}
#sidecol form input.submit {padding: 3px 5px 5px 5px; border: 0; background-color: #000; color: #fff; font: normal  small-caps normal 1.1em Arial, sans-serif; text-transform: lowercase; width: auto; position: absolute; right: 0;}
#sidecol ul.plugins {margin-left: 60px; position: relative;}
#sidecol ul.plugins li {position: relative; line-height: 4em;margin: 1em 0;}
#sidecol ul.plugins li img {position:absolute; left: -60px;}
#maincol {margin-right: 24px; border-right: 1px solid #000; padding-right: 24px; width: 678px;}
#maincol .twocol_l {width: 315px; float: left; margin-right: 23px;}
#maincol .twocol_r {width: 315px; float: left;}
#maincol .twocol_r_border {padding-left: 23px; border-left: 1px solid #000;width: 315px; float: left;}
#maincol.expand {width: 950px; padding: 0; border: 0;}
ol.numbered li { margin-left: 25px; list-style: decimal; }
#viewsource {background-color: #000; color: #C5EFFC; padding: 6px; margin-bottom: 24px;}
#viewsource pre { font-size: 12px; }
#viewsource span a {text-align: right; margin-bottom: 2px;}
#viewsource #innersource a { display: inline; font: normal normal normal 1em courier, monospace; text-align: left; margin: 0; }
#viewsource label{}
#footernav {background: #000 url('../img/bg-footer.png') repeat-x top left; padding: 7px 0; border-bottom: 1px solid #fff;}
#footernav ul {position: relative; top: 2px;}
#footernav ul li {display: inline; }
#footernav ul li a {color: #666; text-decoration: none; padding: 0 20px 0 20px; font-weight: bold;background: none;}
#footernav ul li a.first {padding: 0 20px 0 0;}
#footernav ul li a:hover {color: #000; text-decoration: none;}
#footer {color: #eee; padding-top: 24px;}
#footer ul.languages {display: block; height: 200px; margin-top: .5em;}
#footer ul.languages li {display: block; float: left; width: 150px; margin: .5em 0;}
#footer ul.languages li a {text-decoration: none; color: #DAEDF5; text-transform: capitalize; font: normal normal normal .9em Arial, sans-serif;}
#footer ul.languages li a:hover {color: #fff;}


ul#drop {padding: 0;margin: 0;list-style: none; position: relative; z-index: 100;}
ul#drop  a {display: block;  position: relative; text-decoration: none; padding: 7px 7px 0 7px; color: #000; text-transform: uppercase; }
ul#drop  a:hover {text-decoration: none;}
ul#drop  span {color: #000; position: absolute; left: 115px; top: 7px;}
ul#drop  li {float: left; margin-right:40px;}
ul#drop li:hover {background-color: #E0F0F6;}
ul#drop li ul {	position: absolute;left: -999em; background-color: #E0F0F6; padding: 0; top:27px;}
ul#drop li:hover ul {left: auto;}
ul#drop li:hover ul, ul#drop li.sfhover ul {left: auto;}
ul#drop li ul li  {margin-right: 0px;}
ul#drop li ul li  a{text-transform: capitalize; padding: 7px 12px 7px 12px;}
ul#drop li ul li a:hover {background-color: #C5E4ED;}

ul.languages {display: inline;}
ul.languages li {display: inline; color: #aaa; padding-bottom: 3px;}
ul.languages li a {text-decoration: none; color: #aaa; text-transform: lowercase; font: normal small-caps normal 1.2em Arial, sans-serif;}
ul.languages li a.current {color: #000;}
ul.languages li a:hover {color: #000;}
ol.snippets {position: relative;}
ol.snippets li {position: relative;padding-left: 24px; margin-top: 6px; background: url('../img/hr_dotted.png') repeat-x left bottom; padding-bottom: 6px;}
ol.snippets img.fav {position: absolute; left: 0px; top: 5px;}
ol.marg img.fav { top: 10px; } 
ol.snippets li { overflow: hidden; }
ol.snippets h3 {font-size: 1.2em; text-transform: none; letter-spacing: .05em; font-weight: bold; }
ol.snippets h3 a {color: #000; text-decoration: none; padding: 3px 0 0 0;}
ol.snippets h3 a:hover {background-color: #E0F0F6; }
.twocol_l ol.snippets, .twocol_r ol.snippets, .twocol_r_border ol.snippets {font-size: 90%;}
dl.comments {position: relative; margin-left: 0px;}
dl.comments dt {position: relative; padding-left: 24px; margin-top: 12px; padding-bottom: 0; margin-bottom: 5px; background: transparent url('/img/icon_comment.png') no-repeat scroll center left;}
dl.comments dd  {position: relative; background: url('../img/hr_dotted.png') repeat-x left bottom; padding-bottom: 1px; padding-left: 24px; margin-bottom: 0;}
dl.comments dd.last {position: relative; background: none; padding-bottom: 6px; padding-left: 24px; }
dl.comments dd {overflow:auto;}
.description ol,
.description ul,
dl.comments ol,
dl.comments ul { margin-bottom: 1em; }
.description ol li,
.description ul li,
dl.comments ol li,
dl.comments ul li {
	margin-left: 20px;
	padding: 0;
	background: none;
}
.description ol li,
dl.comments ol li { list-style: decimal; }
.description ul li,
dl.comments ul li { list-style: disc; }
#snippetcomment {position:relative}
#message {background: transparent url('/img/bg-white.png') repeat; width: 100%; font-size: 150%; text-align: center; padding: 120px 0 80px 0; position: absolute; z-index: 200; top: 0px;}
#message a {text-decoration: underline;}

.snippets span { font-size: 90%; }
.snippets span.edit {text-transform: none; margin-left:10px; font-size: 77%;}
.snippets a.d:hover { background-color:red; color:#fff; }
.snippets span.l a { color: black; background-color: #e8e8e8; padding: 2px;}
.snippets span.f { color: #999;/*color: #ff4000;*/}
.snippets span.p {font-size:77%; font-style:italic;}

a {color: #3299C6; text-decoration: none;}
a:hover {color: #3299C6; text-decoration: underline;}
a[href^="http://"] {background:url('../img/icon_extlink.png') 99% 70% no-repeat; padding-right: 17px;}
ol.numbered, p {margin: 0 0 1em 0;}
h1 {font: normal normal bold 2em helvetica, Arial, sans-serif; text-transform: uppercase;letter-spacing: normal; line-height: normal; padding: 0; margin-bottom: 0;}
#sidecol h2 {font-size: 1.5em; margin-bottom: .5em; text-transform: uppercase;}
h2 {font: normal normal normal 2em helvetica, Arial, sans-serif; text-transform: capitalize; letter-spacing: normal;}

hr.heavy {background-color: #000; border: 1px solid #000; color: #000; height: 3px; margin: 0 0 1.5em 0;}
hr.dotted {background: #fff url('../img/hr_dotted.png') repeat-x; height: 1px; border: 0; color: #fff;margin: 0px 0 3px 0;}
hr.marg {margin-bottom: 24px;}
hr.marg2 {margin-bottom: 12px;}
.marg {margin-bottom:24px;}
.marg li { padding: 5px 0; background: url('../img/hr_dotted.png') repeat-x left bottom; }
form {margin-bottom: 48px; margin-top: 12px;}
form p {margin: 0; position: relative;}
form input {padding: 7px; border: 1px solid #000;font: italic normal normal 1.2em georgia, serif; color: #055477; margin-bottom: 1em; background-color: #DAEDF5; width: 662px;}
form input.nomarg {margin-bottom: 0; padding: 7px;}
form input:focus {background-color: #fff;}
form select{padding: 7px; border: 1px solid #000;  color: #055477; margin-bottom: 1em; background-color: #E5F4F9; }
form select:focus {background-color: #fff;}
form textarea {width: 662px;padding: 7px; border: 1px solid #000;font: italic normal normal 1.2em georgia, serif; color: #055477; margin-bottom: 1em; background-color: #DAEDF5;}
form textarea#source {font: normal normal normal 0.8em courier, monospace; line-height: 1.2em;}
form div.inputplaceholder {padding: 8px; font: italic normal normal 1.2em georgia, serif; margin-bottom: 1em;}
#snippetcomment textarea#comment.inactive {width: 98%; border: 1px solid #000;font: italic normal normal 1.2em georgia, serif; color: #055477; margin-bottom: 1em; background-color: #DAEDF5;}

textarea#code.inactive {width: 98%; border: 1px solid #000;font: normal normal normal small georgia, serif; color: #055477; margin-bottom: 1em; background-color: #DAEDF5;}
textarea#code {width: 662px;padding: 7px; border: 1px solid #000;font: normal normal normal small georgia, serif; color: #055477; margin-bottom: 1em; background-color: #DAEDF5;}

textarea#code_dashboard {width: 150px;padding: 7px; border: 1px solid #000;font: normal normal normal small georgia, serif; color: #055477; margin-bottom: 1em; background-color: #DAEDF5;}


a.advsearch {color: white; margin-left: 10px; font-size: 0.9em;}
form textarea:focus {background-color: #fff;}
form input.checkbox {width: auto; height: auto;padding: 3px; background-color: #ffffff;}
form input.submit {padding: 3px 5px 5px 5px; border: 0; background-color: #000; color: #fff; font: normal  small-caps normal 1.1em Arial, sans-serif; text-transform: lowercase; width: auto; float: right;}
form.search input.submit {float: none;}
label {font: normal normal normal 1.2em Arial, sans-serif; text-transform: none; margin: 0; width: 400px;}
form span.hint {font-size: .9em; position: absolute; top:3px; margin-left: 10px;}
form span.hint a {text-decoration: underline;}
form span.hint2 {font-size: .9em; font-style: italic; position: absolute; top:5px; right: 0;}
form span.hint2 a {text-decoration: underline;}
.twocol_l input {width:301px;}
.twocol_r input {width:301px;}
div.tabs {padding:5px; margin-top: 0; border:1px solid black; background-color: #fff;}
p.label {font: normal normal bold 110% Arial, sans-serif;}
#langtabs { margin-top:0; }
#langtabs a { text-decoration:none; }
#langtabs li { display:block; float:left; margin-right:2px; margin-bottom: 2px;font-size:88%;  border-top:0; }
#langtabs li a { color:#000; display:block; padding:4px 7px 4px 7px;background-color: #DAEDF5; border: 1px solid #000; }
#langtabs li.last { font-weight:bold; border:0; }
#langtabs li.selected { background-color:#fff; border-top:1px solid #fff; }
#langtabs li.selected a { color:#000; background-color:#fff; padding-top:3px; }
#langtabs li.selected a:hover { background-color:#fff; }
#langtabs li a:hover { background-color:#6BA0B2; color: #fff;}

#yourtabs, #yourdevtabs, #gigtabs { margin-top:0; width:98%; height:2em; }
#yourtabs a, #yourdevtabs a, #gigtabs a { text-decoration:none; }
#yourtabs li, #yourdevtabs li, #gigtabs li { display:block; float:left; margin-right:2px; margin-bottom: 2px; font-size:88%; border:1px solid #666; border-top:0; }
#yourtabs li a, #yourdevtabs li a, #gigtabs li a { color:#fff; display:block; padding:4px 7px 4px 7px; background-color:#999; }
#yourtabs li.last, #yourdevtabs li.last, #gigtabs li.last { font-weight:bold; border:0; }
#yourtabs li.selected, #yourdevtabs li.selected, #gigtabs li.selected { background-color:#fff; border-top:1px solid #fff; }
#yourtabs li.selected a, #yourdevtabs li.selected a, #gigtabs li.selected a { color:#000; background-color:#fff; padding-top:3px; }
#yourtabs li.selected a:hover, #yourdevtabs li.selected a:hover, #gigtabs li.selected a:hover { background-color:#fff; }
#yourtabs li a:hover, #yourdevtabs li a:hover, #gigtabs li a:hover { background-color:#666; }

#faq dt { font-weight:bold; }
#faq dd { padding:5px 0 2em 2em; }

#innersource { font-size:11px; background-color: #eee; width: 100%; }
#innersource a { text-decoration:none; }
#innersource pre { color:black; padding: 1em 0 1em 0;}
#viewsource #innersource { overflow: auto;}
#viewsource .wrap pre { white-space:normal; padding: 0;}

#viewsource .nowrap { white-space:nowrap;}
#viewsource ol { list-style-type:decimal; margin-left:30px; color: black;}
#viewsource ol li { margin-left: 10px; }
#viewsource a[href^="http://"] {background:none; padding-right: 0px;}
#viewsource .sourcenav {font-size: .8em; padding-bottom: 3px;}
textarea.copysource { font-family:courier; width:100%; font-size: 9pt;}

.noext a[href^="http://"] {background:none; padding-right: 0px;}

.error { color:red; }
.alert { color:green; font-weight:bold; }
.small { font-size: .7em; line-height:normal;}

.de1, .de2 {color: darkblue;}
.kw1 {color: green;}
.kw2 {color: green;}
.kw3 {color: blue;}
.kw4 {color: blue;}
.co1, .co2, .coMULTI {color: orange;}
.br0 {color: olive;}
.st0 {color: red;}
.nu0 {color: maroon;}
.me0 {color: darkblue}

/* Style switcher */
#switcher {
	float: right;
	margin-top: 1px;
	font-size: 0.9em;
	color: #666;
}
#switcher ul {
	display: inline;
}
#subnav #switcher li a {
	padding: 0;
	color: #999;
}
#subnav #switcher li a:hover {
	color: #ccc;
}
#recommendation { font-size:90%; }
#recommendation img { float:left;margin:0 .5em .3em 0; }

div#sidebarcomments p.title {
	font-weight: bold;
	margin-bottom: 0.5em;
}
div#sidebarcomments p.comment {
	overflow: hidden;
	margin-bottom: 0.5em;
	margin-left: 15px;
	font-size: 90%;
}
div#sidebarcomments p.details {
	margin-left: 15px;
	font-size: 75%;
	font-style: italic;
}

ul.listorama { margin:1em 0; }
ul.listorama li { line-height:1.5em;list-style-type:square;margin-left:1em; }


#maincol .description pre,
#maincol dl.comments pre
{
	color: #777;
	font-size: 11px;
	font-family: Monaco;
	line-height: 1.4em;
	background-color: #191919;
	margin: 18px 0 18px 0;
	padding: 10px;
	overflow: auto;
	/* fixes for IE: "overflow: auto" causes unnecessary vertical bar */
	/* corrects bottom scroll bar overlapping */
	overflow-y: hidden;
/*	padding-bottom: expression(this.scrollWidth > this.offsetWidth ? '15px' : 'none');*/
}
#maincol .description p code,
#maincol dl.comments p code {
	padding: 0 2px;
	background: #ccc;
}
/*
div#wrapper {
  width: 50%; 
display:block;
}

blockquote {
  background: transparent url(/img/quoleft.png) left top no-repeat;

	font-style: italic;
}
blockquote div {
  padding: 0 48px;
  background: transparent url(/img/quoright.png) right bottom no-repeat;
}
*/
/*
blockquote {
background:#f9f9f9;
border-left:10px solid #ccc;
margin:1.5em 10px;
padding:.5em 10px;
quotes:"\201C""\201D""\2018""\2019";
}
blockquote:before {
color:#ccc;
content:open-quote;
font-size:4em;
line-height:.1em;
margin-right:.25em;
vertical-align:-.4em;
}
blockquote p {
display:inline;
}
*/