/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
html { height: 100%; }
body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, sans-serif;
	font-size: 76%;
	color: #888;
	height: 100%;
	background: #fbfbfb;

	}
a { text-decoration: none; color: #11A0CF; font-size: 1em; padding: 1px 2px; }
a:hover { background-color: #f4f4f4; }
acronym { border-bottom: 1px dotted #cc0000; cursor: help; }

form {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

input, select, textarea {
	border: 1px solid #aaa;
	padding: 1px;
	padding-left: 2px;
	padding-right: 2px;
	letter-spacing: 0;
}

.blog-box {
	padding: 7px;
	margin-bottom: 5px;
	background-color: #fff;
	border: 1px dashed #aaa;
	letter-spacing: 0;
}

.blog-box ul {
	margin: 0;
	padding: 0;
}

.blog-box ul li {
	list-style-type: none;
	padding-left: 21px;
	background: transparent url(../../images/bullet.gif) no-repeat scroll 0 8px;
}

.blog-box ul li a {
	color: #0099CC;
	background-color: inherit;
}

.blog-box ul li a:hover {
	text-decoration: underline;
	color: #0099CC;
	background-color: inherit;
}

/*------------------------------------------------------------*
**  Container
**------------------------------------------------------------*/
#container {
	height: auto !important;
	height: 100%;
	min-height: 100%;
	position: relative;
	text-align: center;
	}

/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/
#header {
	background: url(../../images/header_top.gif) no-repeat 100% 0px;
	width: 750px;
	margin: 0 auto;
	padding: 0;
	}
#header div {
	background: url(../../images/header_botm.jpg) no-repeat 0px 40px;
	text-align: left;
	padding: 15px 0 52px 20px;
	height: 110px;
	}

/*------------------------------------------------------------*
**  Navigation
**------------------------------------------------------------*/
#header ul {
	margin: 0 40px;
	padding: 0;
	}
#header li {
	display: inline;
	list-style-type: none;
	margin: 0 5px;
	font-size: 1.0em;
	background: url(../../images/nav.gif) no-repeat;
	width: 92px;
	height: 25px;
	float: left;
	text-align: center;
	}
#header li a {
	display: block;
	width: 100%;
	color: #fff;
	padding-top: 7px;
	}
#header li a.on,
#header li a:hover { background-color: #333; color: #9c0; height: 20px; }
#header li .nolink {
	display: block;
	width: 100%;
	color: #aaa;
	padding-top: 7px;
}

/*------------------------------------------------------------*
**  Content
**------------------------------------------------------------*/
#content {
	width: 700px;
	margin: 0 auto;
	padding-bottom: 50px;
	}
* html #content { padding-bottom: 60px; }
#content:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden
	}
#content h2 {
	font-size: 20px;
	color: #333;
	font-weight: normal;
	font-size: 1.8em;
	margin: 0 0 20px 0;
	clear: both;
	line-height: 1em;
	}

#content h2.nomargin {
	margin: 0;
}

#content h2 em {
	color: #09C;
	font-style: normal;
	}

.checked ul {
	margin: 20px 0;
	padding: 0 0 0 10px;
	}
.checked li {
	list-style-type: none;
	background: url(../../images/bullet.gif) no-repeat 0px 8px;
	padding: 0 0 0 25px;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	}

#content blockquote {
	background-color: #FFFFD0;
	margin: 20px 0;
	padding: 10px 20px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
#content blockquote p { margin: 0; }

.paragraph {
	text-indent: 3em;
}

/*------------------------------------------------------------*
**  left
**------------------------------------------------------------*/
#left {
	float: left;
	width: 225px;
	text-align: left;
	margin-right: 35px;
	}

#left p {
	line-height: 1.5em;
	letter-spacing: 0.1em;
	}

#left p em {
	font-style: normal;
	color: green;
	background-color: transparent;
}

/*------------------------------------------------------------*
**  right
**------------------------------------------------------------*/
#right {
	float: right;
	width: 438px;
	text-align: left;
	line-height: 1.5em;
	letter-spacing: 0.1em;
}

/*------------------------------------------------------------*
**  across
**------------------------------------------------------------*/
#across {
	width: 520px;
	text-align: left;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	float: left;
	clear: both;
}

#across-full {
	width: 725px;
	text-align: left;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	float: left;
	clear: both;
}

/*
** new-left
*/
#main {
	width: 500px;
	text-align: left;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	float: left;
}

#side {
	width: 170px;
	text-align: left;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	float: right;
}

#side .box {
	width: 100%;
}

/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/
#footer {
	position: absolute !important;
	width: 100% !important;
	z-index: 500 !important;
	position: relative;
	padding: 10px 0;
	margin-top: -36px;
	background-color: #333;
	color: #999;
	font-size: 11px;
	border-top: 3px solid #ccc;
	}
#footer p { margin: 0 10px; text-align: center; }
#footer a:hover { background-color: #222; }

/**
 * Tabs
 */
.tab-input-contents {
	border-left: 1px solid #27537a;
	border-right: 1px solid #27537a;
	border-bottom: 1px solid #27537a;
}

#tab-input-container {
}

.divider {
	clear: both;
	margin: 20px;
}

.button {
	background: #E0691A url(../image/btn_std_normal.gif) no-repeat;
	border: 0;
	padding: 4px 0;
	width: 65px;
	margin: 0 15px 1px 0;
	color: #FFF;
	font: bold 1em Tahoma, sans-serif;
}

.button.large
{
	background: #E0691A url(../image/btn_std_large.gif) no-repeat;
	width: 125px;
}

/* tooltip */

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	color: black;
	background-color: #fff;
	padding: 7px;
}
#tooltip h3 { font-size: 14px; margin: 0; }
#tooltip div { 	font-size: 12px; }

/* autocomplete */

.ac_results {
        padding: 0px;
        border: 1px solid black;
        background-color: white;
        overflow: hidden;
        z-index: 99999;
}

.ac_results ul {
        width: 100%;
        list-style-position: outside;
        list-style: none;
        padding: 0;
        margin: 0;
}

.ac_results li {
        margin: 0px;
        padding: 2px 5px;
        cursor: default;
        display: block;
        /*
        if width will be 100% horizontal scrollbar will apear
        when scroll mode will be used
        */
        /*width: 100%;*/
        font: menu;
        font-size: 12px;
        /*
        it is very important, if line-height not setted or setted
        in relative units scroll will be broken in firefox
        */
        line-height: 16px;
        overflow: hidden;
}

.ac_loading {
        background: white url('../image/indicator.gif') right center no-repeat;
}

.ac_odd {
        background-color: #eee;
}

.ac_over {
        background-color: #0A246A;
        color: white;
}

/* tag stuff */

.book_tag_box {
	line-height: 1em;
	letter-spacing: 0;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	float: left;
	padding: 2px 3px 0 2px;
	margin: 0 0 3px 3px;
	color: black;
	background-color: #eee;
	/*background: #eee url('../image/needle.gif') 1px 3px no-repeat;*/
}

.book_tag_box .needle {
	width: 12px;
	margin: 0;
	padding: 0;
	padding-right: 3px;
	padding-bottom: 1px;
}

.book_tag_box .caption {
	padding-top: 1px;
}

.book_tag_box .remove img {
	padding-top: 1px;
	padding-left: 4px;
	padding-right: 1px;
	padding-bottom: 1px;
}

.book_tag_box .remove img:hover {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: 3px;
	margin-bottom: 0px;
	margin-top: 0px;
	border: 1px dashed #000;
}

#ticker {
	height: 30px;
	width: 100%;
	overflow: hidden;
}

.newsticker {
	list-style-type: none;
	border: 1px dashed #fff;
	color: #000;
	background: #eee;
	padding: 3px;
	margin: 0px;
}

.bluerb .rbroundbox { background: url(../image/rounded/blue/nt.gif) repeat; }
.bluerb .rbtop div { background: url(../image/rounded/blue/tl.gif) no-repeat top left; }
.bluerb .rbtop { background: url(../image/rounded/blue/tr.gif) no-repeat top right; }
.bluerb .rbbot div { background: url(../image/rounded/blue/bl.gif) no-repeat bottom left; }
.bluerb .rbbot { background: url(../image/rounded/blue/br.gif) no-repeat bottom right; }

.stdrb .rbroundbox { background: url(../image/rounded/nt.gif) repeat; }
.stdrb .rbtop div { background: url(../image/rounded/tl.gif) no-repeat top left; }
.stdrb .rbtop { background: url(../image/rounded/tr.gif) no-repeat top right; }
.stdrb .rbbot div { background: url(../image/rounded/bl.gif) no-repeat bottom left; }
.stdrb .rbbot { background: url(../image/rounded/br.gif) no-repeat bottom right; }

.rbroundbox { background: url(../image/rounded/nt.gif) repeat; }
.rbtop div { background: url(../image/rounded/tl.gif) no-repeat top left; }
.rbtop { background: url(../image/rounded/tr.gif) no-repeat top right; }
.rbbot div { background: url(../image/rounded/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../image/rounded/br.gif) no-repeat bottom right; }

.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbcontent p { margin: 0; padding: 0; }
.rbroundbox { width: 100%; margin: 1em auto; }



table.code-vault { font-size: 1em; width: 498px; }
table.code-vault td { padding: 5px; }
table.code-vault td.description { border-bottom: 1px dashed #888; width: 320px; }
table.code-vault td.code { border-bottom: 1px solid #888; }
table.code-vault td.actions { text-align: right; border-bottom: 1px dashed #888; width: 35px; }

div.categories { width: 490px; font-size: 1em; }
div.categories .row { border-bottom: 1px dashed #888; padding: 5px; }
div.categories .row div.noedit .description { float: left; height: 22px; overflow: hidden; width: 440px; }
div.categories .row div.noedit .actions { float: right; }
div.categories .row div.noedit .actions a { padding: 0; }

div.categories .row div.edit { display: none; }
div.categories .row div.edit .description { float: left; height: 22px; overflow: hidden; }
div.categories .row div.edit .input-name { width: 280px; }
div.categories .row div.edit .actions { float: left; margin-left: 8px; }
div.categories .row div.edit .actions a { border: 0; margin: 0; padding: 0; }

div.cat-delete { background-color: #fdb; color: black; padding: 6px; height: 60px; }
div.cat-delete-step2 { color: black; }

div.cat-move select { width: 320px; }
div.cat-move a:hover { background-color: #fdb; }

#date-nav-dom-a {
	font-size: 1em;
	letter-spacing: -0.5px;
	color: #fff;
}

#date-nav-dom-a:hover {
	background-color: #111;
}


div.api-help h1 { padding: 18px 0 4px 0px; font-size: 1.8em; }
div.api-help h2 { padding: 8px 0 4px 0px; font-size: 1.5em; }

div.api-help {
	width: 725px;
	text-align: left;
	line-height: 1.2em;
	letter-spacing: 0.0em;
	float: left;
	clear: both;
}

div.api-help p {
}


div.api-help table { margin: 7px 0 0 8px; border-collapse: separate; text-align: left; }
div.api-help table td { padding: 4px; background-color: #dde; vertical-align: top; }
div.api-help table td.param { background-color: #ddc; }

div.api-help code { display: block; margin: 5px; font-size: 11px; padding: 7px; background-color: #ffc; }