/*
 *
 *  .-- body -------------------------------------------------.
 *  | .-- wrap-all -----------------------------------------. |
 *  | | .-------------. .---------------------------------. | |
 *  | | | header      | | navigation                      | | |
 *  | | '=============' '=================================' | |
 *  | | .-- wrap-main ------------------------------------. | |
 *  | | | .-------------. .-------------. .-------------. | | |
 *  | | | | sub-nav     | | content     | | sidebar     | | | |
 *  | | | '=============' '=============' '=============' | | |
 *  | | '=================================================' | |
 *  | | .-------------------------------------------------. | |
 *  | | | footer                                          | | |
 *  | | '=================================================' | |
 *  | '=====================================================' |
 *  '========================================================='
 *
 */

/* ==== Body ==== */

html { background: #FFFFFF }
body { margin: 0; font-family: Arial,Tahoma,Verdana,sans-serif; padding: 0 0px }
a img { border: 0 }



/* ==== Text styles ==== */

h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", sans-serif; font-weight: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }
h1 { font-size: 140%; color: #196DB4; background: inherit }
h2 { font-size: 100%; color: #525252; background: inherit; line-height: 1.2em; margin-top: -.5em; margin-bottom: 0.2em; }
h3 { font-size:  98%; color: #196DB4; background: inherit; }
h4 { font-size:  85%; font-weight: bold }

a, a:link { color: #196DB4; background: inherit }
a:visited { color: #196DB4; background: inherit }

input.rdo { border: none; border-style:none;}
input[type="radio"] { color: Navy; border-style:none; }		/* ASP.net: remove button border */
input[type="checkbox"] { color: Navy; border-style:none; }		/* ASP.net: remove button border */

form input, form textarea, form select { border: 1px solid #707070 }
form input:focus { background-color: #E7F4FE; color: inherit }

.wide1 { width:400px; }
.wide { width:540px; }
.quater { width:130px; }

.imgl  {
	float: left;
	padding: 0.5em;	
}
.imgr  {
	float: right;
	padding: 0.5em;	
}
.error { color: red; }
.success { color: darkgreen; }
div.form1 { padding:0.3em; border-style:solid; border-color:#707070; border-width:1px; background-color:#f0f0f0; font-size: 10.1pt; line-height: 1.4 }
div.form2 { padding:0.3em; border-style:none solid solid solid; border-color:#707070; border-width:1px; background-color:#f0f0f0; font-size: 10.1pt; line-height: 1.4 }

div.head{ padding:0.3em; border-style:solid; border-color:#707070; border-width:1px; background-color:#f0f0f0; font-size: 10.1pt; line-height: 1.4 }
div.row { border-style:none solid solid solid; border-color:#707070; border-width:1px; font-size: 10.1pt; line-height: 1.4 }

table.filelist td a { background-repeat: no-repeat; background-position: 0% 50%; padding-left: 23px; padding-bottom: 1px; }
table.filelist td a.pdf { background-image: url(/img/icons/pdf.png); }
table.filelist td a.eps { background-image: url(/img/icons/pdf.png); }
table.filelist td a.png { background-image: url(/img/icons/pdf.png); }
table.filelist td a.rss { background-image: url(/img/icons/rss.png); }
td.form1 { width: 130px }

/* ==== Wrap everything ==== */

div#wrap-all {
	border-style: none; 
	border-width: 1px; 
	margin: 5px auto; 
	position: relative; 
	width: 980px; 
	background-image: url(/img/separator.png);
	background-repeat: no-repeat; 
	background-position: -45px 63px;
}

/* ==== Header ==== */

div#header { position: absolute; left: 10px; top: 0px }

/* ==== Navigation ==== */
/* was margin: 0 180px 31px 160px */

div#navigation { margin: 0 180px 31px 160px; padding: 10px 20px; }

#navigation li:before { content:url(/img/nav_separator.png); }
#navigation ul { margin: 0; padding: 0 }
#navigation li { list-style-type: none; display: inline; }
#navigation li a { padding: 2px 10px 0px 2px; font: 12pt Arial, sans-serif; color: #196DB4; background: inherit  }
#navigation li a, #navigation li a:link, #navigation li a:visited, #navigation li a:hover, #navigation li a:active { text-decoration: none }
div#navpath  { padding: 0px; font-family: Arial,Tahoma,Verdana,sans-serif; font-size: 10pt; }


/* ==== TopRight ==== */

div#language { font-size:8pt; display: inline; float: right; text-align: right;}

/* ==== Main Wrapper ==== */

div#wrap-main { position: relative; width: 100% }

/* ==== Sub-navigation ==== */

div#sub-nav { position: absolute; top: 0; left: 5px; width: 160px; padding: 0 }

#sub-nav h3 { color: inherit; background: #EAEAEA; margin: 0; padding: 0.0em 0.4em }
#sub-nav img.title { margin-bottom: -3px; border-top: 1px solid #CECECE; border-bottom: 1px solid #CECECE }

#sub-nav p, #sub-nav td { font-size: 10.1pt }

#sub-nav ul { margin: 0; padding: 0; color: inherit; background: #FFFFFF; }
#sub-nav li { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #CECECE; background-image: url(/img/bullet.png); background-repeat: no-repeat; background-position: .6em .6em }
#sub-nav li a { display: block; line-height: 1.5; padding: 2px 0 2px 20px; font: bold 9pt Arial, sans-serif }
#sub-nav li a, #sub-nav li a:link, #sub-nav li a:visited, #sub-nav li a:hover, #sub-nav li a:active { text-decoration: none }
#sub-nav li a:link { color: #000000; background: inherit }
#sub-nav li a:visited { color: #000000; background: inherit }
#sub-nav li.active a { color: #196DB4; background: inherit }

#sub-nav ul ul { padding-left: 15px; }
#sub-nav li li { border: none; color: inherit; background: inherit; background-image: url(/img/raquo.png); background-repeat: no-repeat; background-position: .6em .6em }
#sub-nav li li a { color: #000000; background: inherit; font-weight: normal }
#sub-nav li.active li a { color: #000000; background: inherit; font-weight: normal }
#sub-nav li.active li.active a { color: #000000; background: inherit; font-weight: bold }

#sub-nav .newsitem { border-bottom: 1px solid #CECECE; font-size: 10.1pt}
#sub-nav .newsitem a { text-decoration: none; color: #000000; background: inherit; display: block; padding: 10px }
#sub-nav .newsitem a:hover { color: inherit; background: #F3F3F3 }

#sub-nav .datetime { color: #525252; background: inherit }
#sub-nav .metainfo { color: #525252; background: #FFFFFF }

/* ==== Sidebar ==== */

div#sidebar { position: absolute; right: 15px; top: 0; width: 160px; color: inherit; background: #FFFFFF; }

#sidebar h3 { margin-top: 0 }
#sidebar p, #sidebar td, #sidebar th, #sidebar span { font-size: 10.1pt; line-height: 1.4 }
#sidebar fieldset { border: none; padding: 0 }

/* ==== Content ==== */

div#content { margin: 0 180px 0 180px; padding: 0 20px; border-left: 1px solid #CECECE; min-height: 475px; }

#content p, #content td, #content th { font-size: 10.1pt; line-height: 1.4 }
#content address, #content .vcard, #content .fn, #content .org, #content .adr, #content .tel { font-style: normal; font-size: 10.1pt; line-height: 1.4 }
#content pre { color: #003679; background: #E0EEFF; border-top: 1px solid #A1CBFF; border-bottom: 1px solid #A1CBFF; padding: 5px }
#content ol { font-size: 10.1pt; line-height: 1.3; padding-left: 25px; margin: 0 }
#content ul { font-size: 10.1pt; line-height: 1.3; padding-left: 25px; margin: 0 }
#content caption { display: none }

#content .multicol { overflow: hidden; width: 100%; }

#content .twocol { width: 48%; float: left; margin-right: 4%; }
#content .twocol:last-child { margin-right: 0 }
#content .twocol *:first-child { margin-top: 0 }
#content .twocol *:last-child { margin-bottom: 0 }

#content .threecol { width: 30%; float: left; margin-right: 5% }
#content .threecol:last-child { margin-right: 0 }
#content .threecol *:first-child { margin-top: 0 }
#content .threecol *:last-child { margin-bottom: 0 }

#content .portrait-photo { float: left; width: 25% }
#content .portrait-photo *:first-child { margin-top: 0 }
#content .portrait-photo *:last-child { margin-bottom: 0 }

#content .portrait-content { float: left; width: 70%; margin-left: 5% }
#content .portrait-content *:first-child { margin-top: 0 }
#content .portrait-content *:last-child { margin-bottom: 0 }

#content .portrait-meta { color: #525252; font-style: italic; }

#content table.prod { width: 100% }
#content table.prod th.prodname { color: #196DB4; background: inherit }
#content table.prod td, th { border-bottom: 1px solid #CECECE; vertical-align: top; text-align: left }

#content ul.gallery { padding: 5px }
#content ul.gallery li { display: inline; margin: 3px }
#content ul.gallery img { border: 0px }
#content ul.gallery a { display: block; text-decoration: none  }

#content img.screenshot { border: 3px solid #DFEFC4; padding: 2px }

#content .entrymeta { color: #525252; background: inherit; font-size: 10.1pt }
#content .entrybody { margin-bottom: 2em; }

/* ==== Teaser ==== */

div#teaser { margin-top: 3em; }

#teaser blockquote { margin: 0 }

/* ==== Footnotes ==== */

div#footnotes { font-size: 70% ; color: #8C8C8C; background: inherit; border-top: 1px solid #DFDFDF; margin-top: 20px; padding: 10px 0; line-height: 1.5em }

#footnotes a:link, #footnotes a:hover, #footnotes a:active, #footnotes a:visited { color: inherit; background: inherit }
#footnotes ol { font-size: 100%; padding-left: 25px; margin: 0 }

/* ==== Permalinks ==== */

div#permalinks { float: right; display: inline; }

/* ==== Footer ==== */

div#footer { font-size: 70% ; color: #8C8C8C; background: #FFFFFF; border-top: 1px solid #DFDFDF; margin-top: 20px; padding: 10px 0; line-height: 1.5em }

#footer a:link, #footer a:hover, #footer a:active, #footer a:visited { color: #8C8C8C; background: inherit }
#footer p { margin-top: 0 }

/* ==== WebApp ==== */

frs { }