@charset "utf-8";

/* Box Model & Visual Formatting Model
--------------------------------------------------- */
ul.top, ul.top *, ul.main, ul.main *, div.side *, div.main-content div.top *, h2 { margin:0; padding:0; }
li { border-width:0; }
img { border: none;}
body { margin:0 auto; padding:0 10px 10px; min-width:820px; max-width:93em; }
ul.top { margin-right:36px; text-align:right; }
	ul.top li { display:-moz-inline-box; display:inline-block; }
		ul.top li a { display:block; padding:5px 8px 20px 13px; }
div.heading { margin-top:-17px; }
div.nav-main { margin:-25px 28px 0 auto; }
div.nav-main::after { clear:both; display:block; content:""; height:0; }
	ul.main { float:right; list-style:none; }
	ul.main::after { clear:both; display:block; content:""; height:0; }
	ul.main li { float:left; min-height:3.6em; margin:0 1px 0 0; position:relative; bottom:1px; }
	ul.main li.current { margin-top:-.7em; min-height:4.3em; bottom:0; }
		ul.main li a { display:block; padding:3px 12px; position:relative; }
		ul.main li.current a { padding:8px 12px 3px; }
		ul.main li.theme-blue, ul.main li.theme-grey { width:92px; }
		ul.main li.theme-green { width:154px; }
		ul.main li.theme-red { width:72px; }
div.content { padding:0 0 6px 1px; position:relative; }
div.side { float:left; width:25%; min-height:491px; margin-top:10px; position:relative; }
	div.side div.wrapper { padding:15px 33px 15px 16px; }
	div.side ul { list-style:none; }
		div.side ul li { border-bottom-width:1px; padding:4px 0; }
		div.side ul li:first-child { border-top-width:1px; }
			div.side ul ul { margin-top:7px; padding-left:25px; }
				div.side ul li li, div.side ul li li:first-child { border-width:0; list-style:url(../_img/sidenav_li_bullet.png); padding:3px 0; }
div.main-content { margin-left:24%; padding:0 0 1px 1px; position:relative; }
	div.main-content div.top { padding: 7px 5px 5px 12px; overflow:hidden; }
		div.main-content div.top h1,
		div.main-content div.top div.h1 { float:left; }
		div.main-content div.top ul.functions { margin:0.4em 0 0 0;  float:right; }
			div.main-content div.top ul.functions li { display:-moz-inline-box; display:inline-block; padding:0 3px 0 4px; border-left-width:1px; }
			div.main-content div.top ul.functions li:first-child { border-width:0; }
	div.page-content { margin:0pt 0pt -6px -5px; min-height:441px; padding:25px 50px 25px 30px; position:relative; z-index:25; }
	
img.right { float:right; margin:0 0 30px 30px; }

/* Colors, Background & Decoration
--------------------------------------------------- */
html { background:#88c4d5 url(../_img/bckg_html.png) repeat-x; color:black; }
a { color:inherit; text-decoration:none; }
a:link:hover, a:visited:hover { text-decoration:underline; }
ul.top { text-transform:lowercase; color:#666; font-weight:bold; }
ul.top li { background:url(../_img/topnav_li_separator.png) no-repeat left top; }
ul.top li:first-child { background-image:none; }

body.theme-blue div.content, 
body.theme-blue div.main-content, 
ul.main li.theme-blue, 
ul.main li.theme-blue a { 
	background-color:#0097de; }
body.theme-green div.content, 
body.theme-green div.main-content, 
ul.main li.theme-green, 
ul.main li.theme-green a { 
	background-color:#91c100; }
body.theme-red div.content, 
body.theme-red div.main-content, 
ul.main li.theme-red, 
ul.main li.theme-red a { 
	background-color:#990000; }
body.theme-orange div.content, 
body.theme-orange div.main-content, 
ul.main li.theme-orange, 
ul.main li.theme-orange a { 
	background-color:#ff6600; }
body.theme-grey div.content, 
body.theme-grey div.main-content, 
ul.main li.theme-grey, 
ul.main li.theme-grey a { 
	background-color:#787878; 
}
body.theme-darkgreen div.content, 
body.theme-darkgreen div.main-content, 
ul.main li.theme-darkgreen, 
ul.main li.theme-darkgreen a { 
background-color:#31636B; 
}
div.main-content a {
	color:#0097DE !important;
}

div.content, ul.main li { color:white; }
div.side { background:#f0f9fb; color:#666; }
	div.side li { border-style:dotted; clear: both; }
		div.side a, div.page-content h2 { color:#0097de; font-weight:bold;}
		div.side li li a { color:#666; font-weight:normal; }
ul.functions li { border-style:solid; }
div.page-content { background-color:white; color:black; }
div.page-content h2 { font-size: 140%; color:#787878;}

/* Font Size, Family, Height & Spacing
--------------------------------------------------- */

.page-content ul.obiki-list li a  { /* text-decoration:underline; */ color:#0000FF }
.page-content ul.obiki-list li a:hover  { text-decoration:underline; color: #FF9900 }
/* .page-content h2 a { text-decoration:underline; } */

* { font-size:1em; line-height:150%;}
html { font-size:100.01%; }
body { font:0.75em Arial, Helvetica, sans-serif; }
	ul.top { font-size:0.92em; }
	div.heading div.title { font-size:1.67em; }
	div.heading div.subtitle { font-size:1.2em; }
	ul.main { font:0.92em Verdana, Geneva, sans-serif; }
	h1, div.h1 { font-size:1.33em; font-weight: bold; }
	ul.functions { font-size:0.83em; }
	ul.functions a { color: #fff !important; }
	ul.side ul { font-size:1.17em; }
	
/* Other
--------------------------------------------------- */
div.heading div.title, div.heading div.subtitle { white-space:nowrap; display:block; overflow:hidden; }
div.heading div.title::before, div.heading div.subtitle::before { display:block; margin-top:0; }
div.heading div.title { width:305px; height:43px; position: relative; }
div.heading div.title::before { content:url(../_img/ir_sesc.png); }
div.heading div.title a { 
	display: block; 
	width:305px; 
	height:43px; 
	position: absolute; 
	top: 0; 
	left: 0;
	text-indent: 100em;
	overflow: hidden;
}
div.heading div.subtitle { width:305px; height:14px; }
div.heading div.subtitle::before { content:url(../_img/ir_faewt.png); }
.crn { position:absolute; z-index:20; background-repeat:no-repeat; display:block; overflow:hidden; }
.crn-tl { background-position:top left; }
.crn-tr { background-position:top right; }
.crn-bl { background-position:bottom left; }
.crn-br { background-position:bottom right; }
.crn-tl-b0 { top:0; left:0; }
.crn-tr-b0 { top:0; right:0; }
.crn-bl-b0 { bottom:0; left:0; }
.crn-br-b0 { bottom:0; right:0; }
.crn-tl-b14 { top:-14px; left:-14px; }
.crn-tr-b14 { top:-14px; right:-14px; }
.crn-bl-b14 { bottom:-14px; left:-14px; }
.crn-br-b14 { bottom:-14px; right:-14px; }
.crn-s6 { width:6px; height:6px; }
.crn-s14 { width:14px; height:14px; }
.brd { position:absolute; z-index:15; display:block; }
.brd-t { width:100%; background-position:top; left:0; }
.brd-r { height:100%; background-position:right; top:0; }
.brd-b { width:100%; background-position:bottom; left:0; }
.brd-l { height:100%; background-position:left; top:0; }
.brd-t-w14 { height:14px; top:-14px; }
.brd-r-w14 { width:14px; right:-14px; }
.brd-b-w14 { height:14px; bottom:-14px; }
.brd-l-w14 { width:14px; left:-14px; }
ul.main li .crn-tl,ul.main li .crn-tr { background-image:url(../_img/crn_content.png); }
div.content .crn { background-image:url(../_img/crn_content.png); }

body.theme-blue div.side .crn-tl,body.theme-blue div.side .crn-bl { background-image:url(../_img/crn_blue.png); }
body.theme-green div.side .crn-tl,body.theme-green div.side .crn-bl { background-image:url(../_img/crn_green.png); }
body.theme-red div.side .crn-tl,body.theme-red div.side .crn-bl { background-image:url(../_img/crn_red.png); }
body.theme-orange div.side .crn-tl,body.theme-orange div.side .crn-bl { background-image:url(../_img/crn_orange.png); }
body.theme-grey div.side .crn-tl,body.theme-grey div.side .crn-bl { background-image:url(../_img/crn_grey.png); }
body.theme-darkgreen div.side .crn-tl,body.theme-darkgreen div.side .crn-bl { background-image:url(../_img/crn_darkgreen.png); }

body.theme-blue div.main-content div.page-content .crn { background-image:url(../_img/crn_blue.png); }
body.theme-green div.main-content div.page-content .crn { background-image:url(../_img/crn_green.png); }
body.theme-red div.main-content div.page-content .crn { background-image:url(../_img/crn_red.png); }
body.theme-orange div.main-content div.page-content .crn { background-image:url(../_img/crn_orange.png); }
body.theme-grey div.main-content div.page-content .crn { background-image:url(../_img/crn_grey.png); }
body.theme-darkgreen div.main-content div.page-content .crn { background-image:url(../_img/crn_darkgreen.png); }

body.theme-blue div.main-content .brd-h { background-image:url(../_img/brd_h_main_content_blue.png); }

body.theme-blue div.main-content .brd-v { background-image:url(../_img/brd_v_main_content_blue.png); }
body.theme-blue div.main-content .crn { background-image:url(../_img/crn_main_content_blue.png); }
body.theme-green div.main-content .brd-h { background-image:url(../_img/brd_h_main_content_green.png); }
body.theme-green div.main-content .brd-v { background-image:url(../_img/brd_v_main_content_green.png); }
body.theme-green div.main-content .crn { background-image:url(../_img/crn_main_content_green.png); }
body.theme-red div.main-content .brd-h { background-image:url(../_img/brd_h_main_content_red.png); }
body.theme-red div.main-content .brd-v { background-image:url(../_img/brd_v_main_content_red.png); }
body.theme-red div.main-content .crn { background-image:url(../_img/crn_main_content_red.png); }
body.theme-orange div.main-content .brd-h { background-image:url(../_img/brd_h_main_content_orange.png); }
body.theme-orange div.main-content .brd-v { background-image:url(../_img/brd_v_main_content_orange.png); }
body.theme-orange div.main-content .crn { background-image:url(../_img/crn_main_content_orange.png); }
body.theme-grey div.main-content .brd-h { background-image:url(../_img/brd_h_main_content_grey.png); }
body.theme-grey div.main-content .brd-v { background-image:url(../_img/brd_v_main_content_grey.png); }
body.theme-grey div.main-content .crn { background-image:url(../_img/crn_main_content_grey.png); }
body.theme-darkgreen div.main-content .brd-h { background-image:url(../_img/brd_h_main_content_darkgreen.png); }
body.theme-darkgreen div.main-content .brd-v { background-image:url(../_img/brd_v_main_content_darkgreen.png); }
body.theme-darkgreen div.main-content .crn { background-image:url(../_img/crn_main_content_darkgreen.png); }

div.main-content .crn-tl { top:0; }
div.main-content .crn-br { right:0; }
div.main-content .brd-l { height:auto; top:14px; bottom:0; }
div.main-content .brd-b { width:auto; left:0; right:14px; }

div.content table.obiki-formtable {
color: black;
width: 700px;
}

html body div#obiki-edit-wrapper { color: #000;}

div.side h3 { color: #999; font-style: italic; margin-bottom: .5em; font-size: 110%; }
div.side a.more { font-weight: normal; text-decoration: underline; font-size: 95%; padding-bottom: .3em;}
div.side a.more:hover { text-decoration: none;}

body.news div.obiki-blog-post-comments,
body.news h3.obiki-blog-comments, 
body.news h4#leave_reply, 
body.news form#primary_comment_form {display: none;}

input[value="Save Post"],
input[value="Submit"] { 
	float: right;
	position: relative;
	margin-right: 150px;
	top: -40px;
} 
/* ICONS FOR RESOURCE LISTS ------------------------ */
ul.obiki-list a {
	padding: 5px 18px 5px 0;
	background: url(/images/icon_external.gif) center right no-repeat;
}
ul.obiki-list a[href$='.doc'] {
	background-image: url(/images/icon_word_doc.gif);
}
ul.obiki-list a[href$='.txt'],
ul.obiki-list a[href$='.rtf'] {
	background-image: url(/images/icon_txt.gif);
}
ul.obiki-list a[href ^="mailto:"] {
    background-image: url(icon_mailto.gif);
}
ul.obiki-list a[href$='.pdf'] {
	background-image: url(/images/icon_pdf.gif);
}
ul.obiki-list a[href$='.ppt'], 
ul.obiki-list a[href$='.pps'] {
	background-image: url(/images/icon_ppt.png);
}
ul.obiki-list a[href$='.xls'] {
	background-image: url(/images/icon_xls.gif);
}
ul.obiki-list a[href$='.zip'] {
	background-image: url(/images/icon_zipped.png);
}
/* user profile --------------------------- */

body.user_profile #content h1 {
  margin-bottom: 0;
}

div#user_stats_wrap {
	float: left;
	width: 350px;
	margin: 0 0 20px 0;
}
dl.user_stats {
	width: 350px;
	padding-top: 10px;
}
dl.user_stats dt,
dl.user_stats dd {
	display: block;
	float: left;
	margin-bottom: .5em;
	min-height: 1.5em;
}
dl.user_stats dt {
	font-weight: bold;
	width: 70px;
}
dl.user_stats dd {
	margin-left: 10px;
	width: 260px;
}
dl.user_stats dt.alt,
dl.user_stats dd.alt  {
	width: 350px;
	clear: both;
	margin-left: 0;
}
div#user_sidebar {
	width: 200px;
	margin-top: 10px;
	float: right;
}

/* LANDING PAGE THREE COLUMN TEMPLATE ------------------ */

body.threecol div#wrapper {
	min-width: 1000px;
}
						
body.threecol div.main-content {  
  margin-left: 200px;
  margin-right: 210px;
}
body.threecol div.side {
	width: 200px;
}
div.side.other {
	float: right;
	width: 200px;
}
div.side.other div.wrapper { padding:15px 16px 15px 20px; }
div.side.other fieldset {
	border: none;
}
div.side.other input {
	vertical-align: bottom;
}
div.side.other fieldset {
	background-color: transparent;
}
input#search_field {
	width: 120px;
}
label.hidden {
	width: 1px;
	display: block;
	float: left;
	text-indent: 100em;
	white-space: nowrap;
	overflow: hidden;
}

body.threecol div.page-content { 
	margin-right: -9px; 
}
body.threecol div.main-content div.top { 
 
}

/* styles for right side shadow ------- */

body.theme-blue div.main-content .brd-v.rt { background-image: url(../_img/brd_v_main_content_rt_blue.png); }
body.theme-red div.main-content .brd-v.rt { background-image: url(../_img/brd_v_main_content_rt_red.png); }
body.theme-orange div.main-content .brd-v.rt { background-image: url(../_img/brd_v_main_content_rt_orange.png); }
body.theme-green div.main-content .brd-v.rt { background-image: url(../_img/brd_v_main_content_rt_green.png); }
body.theme-grey div.main-content .brd-v.rt { background-image: url(../_img/brd_v_main_content_rt_grey.png); }
body.theme-darkgreen div.main-content .brd-v.rt { background-image: url(../_img/brd_v_main_content_rt_darkgreen.png); }
div.main-content .brd-r-w14 { top: 14px; height: auto; right: -19px; }
div.main-content .brd-r { bottom: 0; height: auto; top: 14px; }

/* styles for top right corner --------- */

body.theme-blue div.main-content .crn.rt { background-image:url(../_img/crn_main_content_flip_blue.png); }
body.theme-red div.main-content .crn.rt { background-image:url(../_img/crn_main_content_flip_red.png); }
body.theme-orange div.main-content .crn.rt { background-image:url(../_img/crn_main_content_flip_orange.png); }
body.theme-green div.main-content .crn.rt { background-image:url(../_img/crn_main_content_flip_green.png); }
body.theme-grey div.main-content .crn.rt { background-image:url(../_img/crn_main_content_flip_grey.png); }
body.theme-darkgreen div.main-content .crn.rt { background-image:url(../_img/crn_main_content_flip_darkgreen.png); }
div.main-content .crn-tr { top:0; }
div.main-content .crn-tr-b14 { right: -19px; }

/* styles for bottom right corner --------- */

body.theme-blue.threecol div.main-content .crn.crn-br { background-image:url(../_img/crn_main_content_flip_blue.png); }
body.theme-red.threecol div.main-content .crn.crn-br { background-image:url(../_img/crn_main_content_flip_red.png); }
body.theme-orange.threecol div.main-content .crn.crn-br { background-image:url(../_img/crn_main_content_flip_orange.png); }
body.theme-green.threecol div.main-content .crn.crn-br { background-image:url(../_img/crn_main_content_flip_green.png); }
body.theme-grey.threecol div.main-content .crn.crn-br { background-image:url(../_img/crn_main_content_flip_grey.png); }
body.theme-darkgreen.threecol div.main-content .crn.crn-br { background-image:url(../_img/crn_main_content_flip_darkgreen.png); }
body.threecol div.main-content .crn-br { right: -19px; }

/* styles for bottom shadow --------- */
body.threecol div.main-content .brd-b { right: -5px; }

/* styles for inner bottom right corner --------- */
body.threecol.theme-blue div.main-content div.page-content .crn.crn-br { background-image:url(../_img/crn_blue.png); }
body.threecol.theme-red div.main-content div.page-content .crn.crn-br { background-image:url(../_img/crn_red.png); }
body.threecol.theme-orange div.main-content div.page-content .crn.crn-br { background-image:url(../_img/crn_orange.png); }
body.threecol.theme-green div.main-content div.page-content .crn.crn-br { background-image:url(../_img/crn_green.png); }
body.threecol.theme-grey div.main-content div.page-content .crn.crn-br { background-image:url(../_img/crn_grey.png); }
body.threecol.theme-darkgreen div.main-content div.page-content .crn.crn-br { background-image:url(../_img/crn_darkgreen.png); }
body.threecol div.main-content div.page-content .crn-br-b0 { right: 0; }

/* TUTORIAL / SLIDES TEMPLATE ------------------------------- */

.clearer {
	clear: both;
}
div.page-content.slide {
	padding: 10px 0 0 0;
	min-width: 850px;
}
div.slide_content {
	float: left;
	width: 620px;
	height: 426px;
	margin-bottom: 10px;
	overflow: auto;
}
div.slide_nav {
	width: 180px;
	float: right;
	margin-right: 15px;
	background: url(../_img/tutorial_nav_bottom.png) 0 100% no-repeat;
	padding-bottom: 11px;
}
div.slide_nav div.subwrap {
	background: #f2f2f2 url(../_img/tutorial_nav_top.png) 0 0  no-repeat;
	padding: 15px 20px 4px;
}
div.slide_nav div.prevnext {
	padding: 0 0 10px;
	font-size: 110%;
}
div.slide_nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
div.comments_anchor {
	width: 610px;
	clear: left;
	height: 40px;
	position: relative;
	margin-left: 5px;
}
div.comments_window {
	width: 630px;
	height: 30px;
	background-color: #fff;
	z-index: 100;
}
div.comments_window.closed {
	top: 0;
	bottom: -10px;
	overflow: hidden;
	position: absolute;
}
div.comments_window h3 {
	background-color: #ddd;
	padding: 5px;
	margin-top: 0;
	cursor: move;
	font-size: 120%;
	margin-bottom: 0;
	position: relative;
}
div.comments_window h3.obiki-blog-comments {
	background-color: #fff;
	padding: 0;
	margin-top: 5px;
	cursor: auto;
	font-size: 120%;
}
div.comments_window.open h3 span.close_me {
	display: block;
	position: absolute;
	right: 5px;
	top: 5px;
	padding: 3px 4px;
	line-height: 100%;
	color: #fff;
	background-color: #CCC;
}
div.comments_window.closed h3 span.close_me {
	display: none;
}

div.comments_window.open {
	border: 1px solid #ddd;
	padding: 10px;
}
div.comments_window.open div.comments_window_content {
	overflow: auto;
	height: 170px;
}